@charset "UTF-8";
/* Scss Document */
h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  padding: 0;
  display: block;
  margin: 0;
  font-weight: lighter; }

html {
  /* IE以外 */
  margin-bottom: 1px;
  height: 100%;
  /* IE用 */
  overflow-y: scroll;
  font-size: 62.5%; }

html {
  box-sizing: border-box; }

*, *:before, *:after {
  box-sizing: inherit; }

body {
  font-size: 62.5%;
  font-family: "ヒラギノ角ゴ Pro W",Hiragino Kaku Gothic Pro,"メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック",MS PGothic,sans-serif;
  line-height: 1.8;
  margin: 0px 0px 0px 0px;
  text-align: left;
  width: 100%;
  height: 100%;
  background-color: #FFFFFF;
  min-height: 100%;
  -webkit-text-size-adjust: none;
  word-wrap: break-word; }

body > #container {
  height: auto; }

.c-both {
  clear: both;
  padding: 0px;
  margin: 0px; }

p {
  padding: 0;
  margin: 0; }

nav, header, footer {
  display: block; }

address {
  font-style: normal; }

a {
  color: #000; }

a:link {
  color: #000; }

a:visited {
  color: #000; }

a:hover {
  color: #000;
  text-decoration: underline; }

.blue {
  color: #2d4486; }

.blueb {
  color: #2d4486;
  font-weight: bold; }

.blueb2 {
  color: #1bb8ce;
  font-weight: bold; }

.blue3 {
  color: #1bb8ce; }

.purpleb {
  color: #6a357d;
  font-weight: bold; }

.purple {
  color: #6a357d;
  text-decoration: underline; }

img {
  max-width: 100%; }

a.black {
  color: #000;
  text-decoration: none; }

a.black:hover {
  color: #000;
  text-decoration: underline; }

a.blue {
  color: #2d4486; }

a.blueb {
  color: #2d4486;
  font-weight: bold; }

a.blueb2 {
  color: #1bb8ce;
  font-weight: bold; }

a.blue3 {
  color: #1bb8ce; }

a.purpleb {
  color: #6a357d;
  font-weight: bold; }

a.purple {
  color: #6a357d;
  text-decoration: underline; }

a.pinkb2 {
  color: #ec6d74 !important; }

.fonts {
  font-size: 0.8em; }

@media screen and (min-width: 1186px) {
  #container {
    width: 100%;
    margin: 0 auto;
    min-width: inherit; }

  /*20200507追加 コロナ関連のお知らせ*/
  #subarea {
    width: 98%;
    margin: 10px auto;
    min-width: inherit;
    padding: 100px 0;
    font-size: 20px;
    line-height: 60px;
    border: 3px solid #6a357d;
    text-align: center; }

  #subarea2 {
    display: none; }

  .titlearea_news {
    width: 70%;
    margin: 0 auto; }

  .titlearea_news img {
    width: 100%;
    max-width: 418px; }

  .textarea_news {
    width: 70%;
    margin: 0 auto;
    padding-top: 20px; }

  /*20200507追加 ここまで*/
  footer {
    width: 100%;
    margin: 0 auto; }

  #ftbase {
    width: 100%;
    margin: 0 auto;
    padding: 0 0px 4%;
    background-image: url("../images/ft_bg.png");
    background-size: cover;
    white-space: nowrap; }

  #ft_con {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-flex-pack: distribute;
    -moz-flex-pack: distribute;
    -ms-flex-pack: distribute;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    justify-content: space-around; }

  .ftdetails1 {
    width: auto;
    margin: 3% 2%  0 0;
    font-size: 16px;
    line-height: 24px;
    text-align: left; }

  .ftdetails1area {
    width: auto;
    white-space: nowrap;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-flex-pack: distribute;
    -moz-flex-pack: distribute;
    -ms-flex-pack: distribute;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start; }

  .ftdetails2 {
    width: auto;
    vertical-align: top;
    margin: 3% 0  0 0;
    font-size: 16px;
    line-height: 24px;
    text-align: left; }

  .ftdetails2area {
    width: auto;
    white-space: nowrap;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-flex-pack: distribute;
    -moz-flex-pack: distribute;
    -ms-flex-pack: distribute;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start; }

  .ftname {
    font-size: 28px;
    line-height: 42px;
    font-weight: 500; }

  .ftname_s {
    font-size: 16px;
    line-height: 24px; }

  .ftadd1 {
    color: #2d4486;
    font-weight: bold;
    box-sizing: border-box; }

  .ftadd2 {
    margin: 0; }

  .sitemaptitle {
    border-bottom: 1px solid #2d4486;
    padding: 5px 0;
    font-size: 16px;
    line-height: 34px;
    color: #2d4486; }

  .sitemaparea1 {
    width: auto;
    vertical-align: top;
    margin: 3% 1.5%  3% 0; }

  .sitemaparea2 {
    width: auto;
    vertical-align: top;
    margin: 3% 1.5%  3% 0; }

  .sitemaparea3 {
    width: auto;
    vertical-align: top;
    margin: 3% 0  3% 0; }

  .ft_logo {
    width: 312px;
    margin: 0 auto; }

  .ft_bt {
    width: 262px;
    margin: 0 auto;
    padding: 30px 0 0; }

  .ftmark {
    width: 10px;
    display: inline-block;
    vertical-align: top;
    margin: 1% 0  1% 0; }

  .fttext {
    display: inline-block;
    vertical-align: top;
    margin: 1% 0  1% 0; }

  #ftbase2 {
    width: 100%;
    margin: 0 auto;
    padding: 20px 0 15px;
    background-color: #FFF;
    text-align: center; }

  #ftbase2 .copyright {
    width: 60%;
    margin: 0 auto; }

  #ftbase2 .copyright img {
    width: 100%;
    max-width: 504px; } }
@media screen and (min-width: 908px) and (max-width: 1185px) {
  #container {
    width: 100%;
    margin: 0 auto;
    min-width: inherit; }

  /*20200507追加 コロナ関連のお知らせ*/
  #subarea {
    width: 98%;
    margin: 10px auto;
    min-width: inherit;
    padding: 100px 0;
    font-size: 20px;
    line-height: 60px;
    border: 2.5px solid #6a357d;
    text-align: center; }

  #subarea2 {
    display: none; }

  .titlearea_news {
    width: 80%;
    margin: 0 auto; }

  .titlearea_news img {
    width: 100%;
    max-width: 418px; }

  .textarea_news {
    width: 80%;
    margin: 0 auto;
    padding-top: 20px; }

  /*20200507追加 ここまで*/
  footer {
    width: 100%;
    margin: 0 auto; }

  #ftbase {
    width: 100%;
    margin: 0 auto;
    padding: 4% 0px 4%;
    background-image: url("../images/ft_bg.png");
    background-size: cover;
    white-space: nowrap; }

  #ft_con {
    width: 98%;
    margin: 0 auto;
    text-align: center; }

  .ftdetails1 {
    width: 400px;
    margin: 0 2%  0 1%;
    font-size: 16px;
    line-height: 24px;
    text-align: left; }

  .ftdetails1area {
    width: auto; }

  .ftdetails2 {
    width: 100%;
    vertical-align: top;
    margin: 3% 0  0 0;
    font-size: 16px;
    line-height: 24px;
    text-align: left; }

  .ftdetails2area {
    width: 100%; }

  .ftname {
    font-size: 24px;
    line-height: 42px;
    font-weight: 500; }

  .ftname_s {
    font-size: 16px;
    line-height: 24px; }

  .ftadd1 {
    color: #2d4486;
    font-weight: bold;
    box-sizing: border-box; }

  .ftadd2 {
    margin: 0; }

  .sitemaptitle {
    border-bottom: 1px solid #2d4486;
    padding: 5px 0;
    font-size: 16px;
    line-height: 34px;
    color: #2d4486; }

  .sitemaparea1 {
    width: 310px;
    display: inline-block;
    vertical-align: top;
    margin: 3% 0.5%  3% 0; }

  .sitemaparea2 {
    width: 200px;
    display: inline-block;
    vertical-align: top;
    margin: 3% 0.5%  3% 0; }

  .sitemaparea3 {
    width: 200px;
    display: inline-block;
    vertical-align: top;
    margin: 3% 0  3% 0; }

  .ft_logo {
    width: 312px;
    margin: 0 auto; }

  .ft_bt {
    width: 262px;
    margin: 0 auto;
    padding: 30px 0 0; }

  .ftmark {
    width: 10px;
    display: inline-block;
    vertical-align: top;
    margin: 1% 0  1% 0; }

  .fttext {
    display: inline-block;
    vertical-align: top;
    margin: 1% 0  1% 0; }

  #ftbase2 {
    width: 100%;
    margin: 0 auto;
    padding: 20px 0 15px;
    background-color: #FFF;
    text-align: center; }

  #ftbase2 .copyright {
    width: 60%;
    margin: 0 auto; }

  #ftbase2 .copyright img {
    width: 100%;
    max-width: 504px; } }
@media screen and (min-width: 581px) and (max-width: 907px) {
  body {
    width: 100%; }

  #container {
    width: 100%;
    margin: 0 auto;
    min-width: inherit; }

  /*20200507追加 コロナ関連のお知らせ*/
  #subarea {
    width: 98%;
    margin: 10px auto;
    min-width: inherit;
    padding: 100px 0;
    font-size: 20px;
    line-height: 60px;
    border: 2.5px solid #6a357d;
    text-align: center; }

  #subarea2 {
    display: none; }

  .titlearea_news {
    width: 80%;
    margin: 0 auto; }

  .titlearea_news img {
    width: 100%;
    max-width: 418px; }

  .textarea_news {
    width: 80%;
    margin: 0 auto;
    padding-top: 20px; }

  /*20200507追加 ここまで*/
  footer {
    width: 100%;
    margin: 0 auto; }

  #ftbase {
    display: none; }

  #ftbase2 {
    width: 100%;
    margin: 0 auto;
    padding: 20px 0 5px;
    background-color: #FFF;
    text-align: center;
    border-top: 1px solid #2d4486; }

  #ftbase2 .copyright {
    width: 80%;
    margin: 0 auto; }

  #ftbase2 .copyright img {
    width: 100%;
    max-width: 454px; } }
@media screen and (max-width: 580px) {
  body {
    width: 100%;
    min-width: 380px; }

  #container {
    width: 100%;
    min-width: 380px;
    margin: 0 auto;
    min-width: inherit; }

  /*20200507追加 コロナ関連のお知らせ*/
  #subarea {
    display: none; }

  #subarea2 {
    display: block;
    width: 96%;
    margin: 10px auto;
    min-width: inherit;
    padding: 100px 0;
    font-size: 2.3em;
    line-height: 48px;
    border: 2.5px solid #6a357d;
    text-align: center; }

  .titlearea_news {
    width: 80%;
    margin: 0 auto;
    object-fit: cover; }

  .titlearea_news img {
    width: 100%; }

  .textarea_news {
    width: 90%;
    margin: 0 auto;
    padding-top: 20px; }

  /*20200507追加 ここまで*/
  footer {
    width: 100%;
    margin: 0 auto; }

  #ftbase {
    display: none; }

  #ftbase2 {
    width: 100%;
    margin: 0 auto;
    padding: 20px 0 5px;
    background-color: #FFF;
    text-align: center;
    border-top: 1px solid #2d4486; }

  #ftbase2 .copyright {
    width: 80%;
    margin: 0 auto; }

  #ftbase2 .copyright img {
    width: 100%; } }
