<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
@media (min-width: 768px) {}
@media (max-width: 767px) {}

:root{
    --c_white:#fff;
    --c_dark: #000;
    --c_base: #363636;
    --c_light:#fff;
    --c_main: #004388;
    --font_jp: "Noto Sans JP", sans-serif;
    --font_en: "M PLUS Rounded 1c", "Noto Sans JP", sans-serif;
}


body{
  background:var(--c_white);  
  color: var(--c_dark);
  font-family: var(--font_jp);
}

.pc_only{display: initial;}
.sp_only{display: none;}
@media (max-width: 767px) {
  body:before{width: 50%;}

  .pc_only{display: none;}
  .sp_only{display: initial;}
}

/*サブページ用調節
*************************/
  .container {position: relative;}
  .container.inner{width: 94%;padding: 160px 0 80px;}
  .container .container { top: 0;  }
  /*containerの中にcontainerが入っているパターンがあるため*/
  /*ヘッダー固定の場合topicPathの重なり修正*/
  .inner {max-width: 1100px;}
  .inner .inner {padding: 0;}
@media (max-width: 767px)  {
  .container.inner{padding: 100px 0 40px;}
  .container .container { top: 0;  }
}

/*サブページ用調節ここまで
*************************/


.content {border: none;padding: 0;margin: 0;  }
.top_inner-wrap{max-width: 1000px;margin: 0 auto;width: 92%;}

/* link */
a:link, a:visited {text-decoration: underline;color: var(--c_dark);}
a,a:hover{transition: 0.2s;}

#wrapper a:hover {transition: 0.4s;filter:alpha(opacity=60);-moz-opacity: .6;opacity: .6;}


.clearfix::after {
   content: "";
   display: block;
   clear: both;
}


/* header PC
*************************/
  header {padding: 0px 10px 0;box-sizing: border-box;height: 96px;width: 100%;color: var(--c_base);position: fixed;z-index: 10;background: #fff;box-shadow: none;border-bottom: none;border-top: 5px solid #349EA7;}
  .siteHeading {font-size: 161.5%;float: none;z-index: 1000;position: relative;}
  .siteHeading.forPc a {position: absolute;display: block;left: 0;top: 16px;width: auto;padding: 0;}
  .siteHeading.forPc a img {display: block;width: 220px;margin: 0 auto;object-fit: contain;}
  .siteHeading.forSp {display: none;}
  .header_main {padding-right: 0;-moz-box-sizing: border-box;-webkit-box-sizing: border-box; box-sizing: border-box; text-align: center;position: relative;}
header .inner{max-width: inherit;width: 98%;padding-left: 0;}
header .inner #header_user {margin-top: 23px;width: auto;height: auto;position: relative;z-index: 1001;/* float: right; */display: flex;box-shadow: none;background: transparent;border-left: none;}
header .inner #header_user dt {margin-right: 0;font-weight: bold;font-size: 90%;margin: 2px 10px 0 0;text-align: left;width: auto;height: 20px;line-height: 20px;background: transparent;color: var(--c_white);}
header .inner #header_user dt span {display: none;}
header .inner #header_user dd {font-size: 100%;width: auto;}
header .inner #header_user p {margin: 0;text-align: center;line-height: 20px;}
header .inner #header_user p a {text-decoration: none;background-color: #004388;color: #fff;margin: 0;width: 80px;border: #363636;line-height: 2em;text-align: center;display: block;border-radius: 10px;font-size: 14px;font-family: var(--font_en);font-weight: bold;padding: 7px 0;}
header .inner #header_user p:nth-last-child(1) {margin: 0 0 0 5px;}



/* header SP
*************************/
@media (max-width: 767px) {
    .siteHeading.forSp {display: block;width: 130px;margin-top: 0px;padding: 0;margin-right: 0;}
    header{height: 75px;}
    header .inner #header_user{margin-top: 0;justify-content: center;padding-top: 0;margin: 0 -22px;position: absolute;right: 20px;top: 32px;flex-direction: column;}
    header .inner #header_user dt{margin-bottom: 8px;text-align: right;margin-right: 50px;}
    header .inner #header_user dd{    display: flex;justify-content: right;}
    header .inner #header_user p a{width: 70px;font-size: 11px;line-height: 1.7em;padding: 4px;}
    .header_main {padding-bottom: 0;}
}


/* mainNav PC
*************************/
@media (min-width: 768px) {
  #mainNav {z-index: 12;position: fixed;top: 28px;width: calc(100% - 500px);padding: 0;right: 200px;background: transparent;}
  #mainNav ul.inner {position: relative;float: none;max-width: inherit;width: 100%;box-sizing: border-box;margin: 0 0 0 auto;padding: 0;text-align: right;}
  #mainNav li {float: none;position: relative;margin: 0 min(2.4vw,24px) 0 0;display: inline-block;text-align: center;}
  #mainNav li:last-child {margin: 0 min(3vw,20px) 0 0;}
  #mainNav li a {color: var(--c_dark);margin: 0;font-size: 12px;font-weight: bold;padding: 0;display: flex;flex-direction: column;min-width: 4em;}
  #mainNav li a:hover {border-bottom:  none;color: #004388;opacity: 1;}

  #mainNav li a .icon{height: 26px;margin-bottom: 4px;}
}


/* mainNav SP
*************************/
@media (max-width: 767px) {
  #mainNav {position:fixed;z-index: 10;top: 85px;width: 100%;}
  /* #mainNav:before{content: ""; position: absolute;bottom: 0;width: 100%;height: 1px;background:var(--c_base);left: 50%;transform: translateX(-50%);} */
  #mainNav ul {width: 100%;padding: 0;background-color: #fff;position: fixed;top: 75px;/*SPヘッダーの高さ*/left: 0;margin-left: 0;}
  #mainNav ul.inner {padding: 0;opacity: 0;transition: 1s;} 
  #mainNav ul a {padding: 0;font-size: 14px;font-weight: bold;text-align: left;text-decoration: none;border-top: none;display: block;line-height: 1.5em;padding: 1.2em;letter-spacing: 0.05em;color: #000 !important;display: flex;justify-content: left;align-items: center;gap: 0 16px;}
  #mainNav li a .icon{width: 40px;margin-bottom: 0;}
  .menuOpen #mainNav ul {height: calc(100vh - 75px);opacity: 1;transition: 0.6s;overflow-y: scroll;}   
  .menuOpen #mainNav ul li {height: auto;margin-bottom: 0;border-bottom: 1px solid #084387;} 
  .menuOpen #mainNav ul li:last-of-type{margin-bottom: 6vw;}
  .menuOpen #mainNav ul li:first-child {margin-top: 20px;border-top: 1px solid #084387;}
}


/* navSwitcher SP
*************************/
@media (max-width: 767px) {
	#navSwitcher {background-color: transparent;position: fixed;z-index: 20000;width: 30px;padding-top: 10px;padding-right: 8px;padding-bottom: 8px;padding-left: 8px;top: 11px;right: 1px;}
    #navSwitcher a {width: 28px;height: 10px;display: block;position: relative;border: none;}
    .menuOpen #navSwitcher a {height: 20px;border: none;}
    .menuOpen #navSwitcher a:before {display: none;}
    #navSwitcher span {width: 100%;height: 3px;margin: 0;background-color: #004388;position: absolute;top: 0;bottom: 0;transition: 0.2s;}
    #navSwitcher .l{bottom: inherit;top: -7px;}
    #navSwitcher .r{top: inherit;width: 100%;right: 0;bottom: 0px;}
    .menuOpen #navSwitcher .l {bottom: 0;top: 0; -webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
    .menuOpen #navSwitcher .r {width: 100%;right: inherit;top: 0;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
    .menuOpen #navSwitcher .m {opacity: 0;}
}



/********************** TOP PAGE **********************/

/* top_content_wrapper
    固定ヘッダーの高さ分のマージンをつけるためのID
*************************/
 #top_content_wrapper {width: 100%;margin: 0 auto;padding-top: 96px;/*ヘッダーの高さ*/}
@media (max-width: 767px) {
 #top_content_wrapper {padding-top: 75px;/*ヘッダーの高さ*/}
}



/* h1 PC
*************************/
.contentHeading, .contentHeadingbig {
/*サイト全体のh1に適用させるため#wrapperwpつけている*/font-size: min(7vw, 70px);font-weight: bold;line-height: 1em;border: none;z-index: 2;/* font-family: var(--font_en); */text-align: left;display: block;margin-bottom: 40px;padding-bottom: 0;position: relative;letter-spacing: 4px;color: var(--c_main);}

@media screen and (max-width: 767px) {
  .contentHeading, .contentHeadingbig{margin-bottom: 40px;}
  .contentHeading::after, .contentHeadingbig::after{bottom: -24px;font-size: 12px;}
}


/* common parts
*************************/

/* main area */
.main_area{position: relative;}
.main_area:before,
.main_area:after{position: fixed;content: "";background-image: url(//img-fan.pia.jp/main/image/9m6qd4dm/nwou4b9q.png);background-position: left bottom;background-repeat: no-repeat;background-size: contain;width: 50%;height: 100%;top: 0;left: 0;z-index: -1; pointer-events: none;}
.main_area:after{background-position: right bottom;left: inherit;right: 0;transform: scale(-1, 1);}

.container.inner{position: relative; overflow:auto;}
.container.inner:before,
.container.inner:after{position: fixed;content: "";background-image: url(//img-fan.pia.jp/main/image/9m6qd4dm/nwou4b9q.png);background-position: left bottom;background-repeat: no-repeat;background-size: contain;width: 50%;height: 100%;top: 0;left: 0;z-index: -1; pointer-events: none;}
.container.inner:after{background-position: right bottom;left: inherit;right: 0;transform: scale(-1, 1);}

/* btn */
.btn_01{display: block;text-decoration: none !important;text-align: center;background-color: #fff;border: 1px solid;font-size: 14px;font-weight: bold;width: 80%;margin: 0 auto 16px;padding: 1em;border-radius: 50px;}


/* Main img 
*************************/
.top_main {position: relative;margin-bottom: 0;padding: 80px 0;background-color: #F4F4F4;}
.top_main img {width: 100%;height: auto;display: block;}
.top_main a{text-decoration: none;}
.top_main .top_inner-wrap{display: flex;justify-content: space-between;}
.top_main .top_inner-wrap .left{width: 70%;}
.top_main .top_inner-wrap .right{width: 28%;background-color: #fff;border: 1px solid #7FBDC3;border-radius: 10px;box-sizing: border-box;overflow: hidden;}
.top_main .top_inner-wrap .right .stit{padding: 0.2em 1em;background-color: #7FBDC3;color: #fff;font-size: 24px;font-weight: bold;line-height: 1.5em;letter-spacing: 0.1em;}
.top_main .top_inner-wrap .right .stit span{font-size: 0.55em;line-height: 1.5em;transform: translateY(-4px);display: inline-block;}
.top_main .top_inner-wrap .right .in_box{padding: 20px 20px 12px;}
.top_main .top_inner-wrap .right .in_box a{display: block;padding-bottom: 0.7em;margin-bottom: 0.7em;border-bottom: 1px solid #e7e7e7;}
.top_main .top_inner-wrap .right .in_box a dt{margin-bottom: 4px;}
.top_main .top_inner-wrap .right .more{display: block;width: 40%;margin: 0 auto;}

/* swiper */
.swiper-container-horizontal&gt;.swiper-pagination-bullets .swiper-pagination-bullet{background: #fff; opacity: 1;}
.swiper-pagination-bullet-active{background: #199889 !important;}

@media screen and (max-width: 767px) {
  .top_main{padding: 40px 0;}
  .top_main .top_inner-wrap{flex-direction: column;}
  .top_main .top_inner-wrap .left{width: 100%;margin-bottom: 40px;}
  .top_main .top_inner-wrap .right{width: 100%;padding-bottom: 30px;}
}



/* TOP update 
*************************/
.top_update{margin: 160px auto;}
.top_update #updatebox .update_flex{display: flex;align-items: flex-start;justify-content: space-between;}

.top_update #updatebox .heading-wrap{width: 26%;display: block;}

.top_update #updatebox dl{width: 70%;padding-left: 40px;}
.top_update #updatebox dl a {text-decoration: none;position: relative;color: var(--c_white);display: flex;align-items: center;border-bottom: 1px dashed #C7C9D5;padding: 1.5em 0;}
.top_update #updatebox dl a:hover:after{right: -0.6em; transition: 0.2s;}
.top_update #updatebox dt{width: 6em;font-family: var(--font_en);font-size: 16px;color: var(--c_main);}
.top_update #updatebox dd{border-color: var(--c_light);width: calc(100% - 6em);font-size: 1.1em;}

.top_update #updatebox .btn_box a{position: relative;font-size: 16px;display: inline-block;position: relative;text-align: right;font-family: var(--font_en);padding: 0 50% 0 0; text-decoration: none; color: var(--c_white);}
.top_update #updatebox .btn_box a:before{position: absolute;content: "";width: 100%;height: 1px;background-color: var(--c_white);bottom: 0;transition: 0.2s;}
.top_update #updatebox .btn_box a:after{position: absolute;content: "";width: 1px;height: 60%;background: var(--c_white);right: 0;bottom: 1px;transform-origin: bottom;transform: rotate(-45deg);transition: 0.2s;}


@media (max-width: 767px) {
  .top_update{margin: 100px 0 80px;}
  .top_update #updatebox .heading-wrap{position: relative;display: flex;justify-content: space-between;align-items: flex-end;width: 100%;margin-bottom: 20px;}
  .top_update #updatebox .heading-wrap .contentHeading{width: 70%;margin-bottom: 26px;}
  .top_update #updatebox .heading-wrap .btn_box{width: 40%;text-align: right;}

  .top_update #updatebox .update_flex{flex-direction: column;}

  .top_update #updatebox dl{padding: 0;width: 100%;}
  .top_update #updatebox dl a{flex-direction: column;}
  .top_update #updatebox dt{width: 100%;}
  .top_update #updatebox dd{width: 100%;}
	
	.top_update #updatebox .btn_box a{font-size: 14px;}
}



/* TOP contents
*************************/
.top_contents{padding: 80px 0;}
.top_contents .stit{font-size: 32px;font-weight: bold;letter-spacing: 0.05em;margin-bottom: 1em;color: #4D4D4D;border-top: 10px solid #2975C2;padding-top: 10px;position: relative;}
.top_contents .stit:before{position: absolute;content: "";background-color: #E50043;width: 10px;height: 10px;top: -10px;left: 0;}
.top_contents .stit .small{display: block;font-size: 0.6em;font-weight: bold;}
.top_contents .contents_box{display: flex;justify-content: flex-start;}
.top_contents .contents_box .contents{width: 49%;background-color: #FFEBF1;border-radius: 10px;overflow: hidden;margin-right: 2%;margin-bottom: 2%;position: relative;padding-bottom: 107px;}
.top_contents .contents_box .contents:nth-child(2n){margin-right: 0;}
.top_contents .contents_box .contents .sstit{padding: 12px 20px;background-color: #E50043;color: #fff;font-size: 20px;font-weight: bold;}
.top_contents .contents_box .contents .sstit .tag{background-color: #FDEBF1;color: #E50043;font-family: var(--font_en);border-radius: 5px;font-size: 1.2em;line-height: 1.5em;padding: 0 0.3em;}
.top_contents .contents_box .contents .sstit .small{font-size: 0.7em;}
.top_contents .contents_box .contents .in_box{padding: 20px 20px 0;}
.top_contents .contents_box .contents .btn_outer{position: absolute;display: block;width: 100%;bottom: 21px;left: 50%;transform: translateX(-50%);text-align: center;}
.top_contents .contents_box .contents .in_box .ssstit{font-size: 16px;font-weight: bold;margin-bottom: 0.5em;color: #E50043;}
.top_contents .contents_box .contents .in_box p{margin-bottom: 1em;}
.top_contents .contents_box .contents .in_box .txt_list{margin-bottom: 20px;}
.top_contents .contents_box .contents .in_box .txt_list li{position: relative;padding-left: 18px;padding-bottom: 6px;margin-bottom: 6px;border-bottom: 2px dotted #b3b3b3;}
.top_contents .contents_box .contents .in_box .txt_list li:before{position: absolute;content: "";background-color: #FFACAC;width: 1em;height: 1em;border-radius: 50px;left: 0;top: 3px;}
.top_contents .contents_box .contents .in_box .txt_list li:last-of-type{border: none;}
.top_contents .contents_box .contents .in_box .btn_01{color: #E50043;}
.top_contents .contents_box .contents .in_box .btn_02{color: #164387;display: inline-block;font-weight: bold;}

/* li 02 */
.top_contents .contents_box .contents.li_02{background-color: #E6F1F2;}
.top_contents .contents_box .contents.li_02 .sstit{background-color: #349EA7;}
.top_contents .contents_box .contents.li_02 .sstit .tag{background-color: #E6F1F2; color: #349EA7;}
.top_contents .contents_box .contents.li_02 .in_box .txt_list li:before{background-color: #97D1D6;}
.top_contents .contents_box .contents.li_02 .in_box .btn_01{color: #349EA7;}

@media (max-width: 767px) {
  .top_contents{padding: 40px 0;}
  .top_contents .stit{font-size: 20px;}
  .top_contents .contents_box{flex-direction: column;}
  .top_contents .contents_box .contents{width: 100%; margin-right: 0; margin-bottom: 20px;}
  .top_contents .contents_box .contents:last-of-type{margin-bottom: 0;}
  .top_contents .contents_box .contents .sstit{font-size: 18px;}
  .top_contents .contents_box .contents .sstit .small{display: block;}
}


/* TOP about
*************************/
.about_area{margin-bottom: 60px;}
.about_area .stit{position: relative;font-size: 26px;font-weight: bold;letter-spacing: 0.05em;padding-bottom: 0.5em;margin-bottom: 0.8em;border-bottom: 1px solid #e7e7e7;padding-left: 24px;}
.about_area .stit:before{position: absolute;content: "";background-image: url(//img-fan.pia.jp/main/image/9m6qd4dm/ctb0urc0.png);background-position: center;background-repeat: no-repeat;background-size: contain;width: 10px;height: 44px;left: 0;}
.about_area .lead{margin-bottom: 1.5em;}
.about_area .flex_box{display: flex;margin-bottom: 12px;align-items: baseline;}
.about_area .flex_box .left{width: 20%;}
.about_area .flex_box .left .sstit{background-color: #E5E5E5;font-size: 14px;font-weight: bold;line-height: 1.5em;padding: 0.5em 1.6em;text-align: center;}
.about_area .flex_box .right{width: 80%;padding-left: 20px;}
.about_area .flex_box .right .list_01 li{display: flex;margin-bottom: 12px;}
.about_area .flex_box .right .list_01 li .num{width: 1.5em;}
.about_area .flex_box .right .list_01 li .num span{display: block;border: 1px solid #000;text-align: center;font-weight: bold;}
.about_area .flex_box .right .list_01 li .txt{width: calc(100% - 1.5em);padding-left: 8px;}
.about_area .flex_box .right strong{font-weight: bold;}

@media (max-width: 767px) {
  .about_area{margin-bottom: 20px;}
  .about_area .stit{font-size: 20px;}
  .about_area .stit:before{width: 7px; height: 34px;}
  .about_area .flex_box{flex-direction: column;}
  .about_area .flex_box .left{width: 100%;margin-bottom: 12px;}
  .about_area .flex_box .right{width: 100%; padding-left: 0;}
}

/* TOP about fivo
*************************/
.about_fivo_area .top_inner-wrap{border: 1px solid #7FBDC3;background-color: #fff;padding: 40px;box-sizing: border-box;}
.about_fivo_area .stit{color: #349EA7;border-bottom: 1px solid #e7e7e7;font-size: 24px;font-weight: bold;padding-bottom: 0.4em;margin-bottom: 0.7em;}

@media (max-width: 767px) {
  .about_fivo_area .top_inner-wrap{padding: 20px;}
  .about_fivo_area .stit{font-size: 20px;}
}

/* TOP sns
*************************/
#sns_box{padding: 80px 0;}
#sns_box .top_inner-wrap{display: flex; justify-content: center;gap: 0 30px;}

@media (max-width: 767px) {
  #sns_box{padding: 40px 0;}
  #sns_box .top_inner-wrap{gap: 0 20px;}
  #sns_box .sns_banner{width: 40px;}
}



/* TOP page-top 
*************************/
  .pageTop {position: fixed;padding: 0;bottom: 20px;right: 20px;z-index: 20;}
  .pageTop a {width: 50px;height: 50px;line-height: 50px;border-radius: 50%;background: url(//img-fan.pia.jp/main/image/9m6qd4dm/ykrimii2.png) 50% 50% / 90% auto no-repeat #004388;text-indent: -9999px!important;text-decoration: none;color: #fff;padding: 0;text-align: center;display: block;}

@media (max-width: 767px) {
  .pageTop {bottom: 0;}
  .pageTop a {width: 40px;height: 40px;line-height: 40px;}
}


/* footer
*************************/

footer{color: var(--c_white);background-color: #000;padding: 80px 0;position: relative;}
footer:before{display: none;content: "";position: absolute;width: 100%;max-width: 1000px;height: 1px;background-color: #B5B5B5;top: 0;left: 50%;transform: translateX(-50%);}
footer a:link, footer a:visited{color: var(--c_white);text-decoration: none;font-size: 14px;}
footer nav ul {margin-bottom: 3em;text-align: center;}
footer nav li {margin: 0 1em .5em;display: inline-block;}
.copyright {text-align: center;font-family: var(--font_en);font-weight: 600;}

@media (max-width: 767px) {
  footer {padding: 40px 0;}
  footer a:link, footer a:visited{ font-size: 12px;}
  footer nav ul{display: flex;flex-wrap: wrap;justify-content: center;margin-bottom: 6vw;}
  footer nav li{width: 46%;margin: 0 0 4vw;}
}


.news{margin: 0;}
.newsItem {border: solid 1px gray !important;border-bottom: none;}
.newsItem a {padding: 24px 16px 16px;}
.newsList {border-top: none;}</pre></body></html>