@charset "utf-8";
/*-------------------------------
Reset
-------------------------------*/
html { box-sizing: border-box; }
* { box-sizing: inherit; }
*:before, *:after { box-sizing: inherit; }
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, var, b, i,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, sub { margin:0; padding:0; border:0; outline:0; vertical-align:baseline; }
article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section { display:block; }
ol, ul{ list-style: none; }
blockquote, q {	quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
a {	margin:0;	padding:0; font-size:100%; vertical-align:baseline; }
del {	text-decoration: line-through; }
/*IEではデフォルトで点線を下線表示する設定ではないので、下線がつくようにしています
また、マウスオーバー時にヘルプカーソルの表示が出るようにしています*/
abbr[title], dfn[title] {	border-bottom:1px dotted;	cursor:help; }
table {	border-collapse:collapse;	border-spacing:0;	font-size: 100%; }
hr { display:block;	height:1px;	border:0;	border-top:1px solid #cccccc;	margin:1em 0;	padding:0; }
/*縦方向の揃え位置を中央揃えに指定しています*/
input, select { vertical-align: 0; }
input, textarea { margin: 0; font-size: 100%;	width: 100%; }
img { max-width: 100%; height:auto;	vertical-align:bottom; font-size:0;	line-height: 0;	border: 0; }
object, embed, video { max-width: 100%; }
address, caption, cite, code, dfn, em, th, var{	font-style: normal;	font-weight: normal; }
h1, h2, h3, h4, h5, h6{ font-size: 100%; font-weight: normal; }

/*-------------------------------
Font
-------------------------------*/
html { font-size: 16px; font-family: "Helvetica Neue", Arial, "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif; font-weight: 400; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;text-size-adjust: 100%; -webkit-font-smoothing: antialiased; word-break: normal; word-wrap: break-word; overflow-wrap : break-word; }
body {font-size: 1rem;color: #222;line-height: 1.8; text-align: left;}
_:lang(x)::-ms-backdrop, body {font-family: "メイリオ", Meiryo, sans-serif;} /*IE11用文字スタイルハック*/
i{font-weight: 900;}
.serif{font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}

/*-------------------------------
Font Option
-------------------------------*/
.f-normal { font-weight: normal; font-weight: 400; }
.f-bold { font-weight: bold; font-weight: 700;font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif; }
.f-italic { font-style: italic;}
.f-s   { font-size: 0.875rem;}/*14px*/
.f-2s  { font-size: 0.75rem;}/*12px*/
.f-3s { font-size: 0.625rem;}/*10px*/
.f-l   { font-size: 1.125rem}/*18px*/
.f-2l  { font-size: 1.25rem;}/*20px*/
.f-3l { font-size: 1.5rem;}/*24px*/
sup { font-size: 0.5rem;	vertical-align: top; }
sub {	font-size: 0.5rem;vertical-align: baseline; }
.f-red { color: #FB062C;}
.f-blue{color: #0160B8;}
.note { padding-left: 1rem; text-indent: -1rem; }
i.fi{ margin-right: 0.2rem; }
.ls-s{letter-spacing: -1px;}

/*-------------------------------
Link
-------------------------------*/
a { color:#0F2D68; text-decoration: none;transition: all 0.1s; }
a:hover { text-decoration: none;color: #3c6ccc;transition: all 0.3s;}
.link01 {transition: all 0.1s;}
.link01:hover { opacity: 0.8;transition: all 0.3s; }
button { display: block; border: none; background-color: transparent; cursor: pointer; }
@media screen and (min-width: 480px) {
	a[href^="tel:"]{pointer-events: none;}
}

/*-------------------------------
Clearfix
-------------------------------*/
.cf:after { content: " "; display: block; clear: both; }
.flc { overflow: hidden; zoom: 1; }

/*-------------------------------
Float
-------------------------------*/
.float-left { display: inline; float: left; }
.float-right { display: inline; float: right; }

/* ---------------------------------------------
Margin
--------------------------------------------- */
.mt00 { margin-top:  0   !important;}
.mt05 { margin-top:  5px !important;}
.mt10 { margin-top: 10px !important;}
.mt12 { margin-top: 12px !important;}
.mt15 { margin-top: 15px !important;}
.mt20 { margin-top: 20px !important;}
.mt25 { margin-top: 25px !important;}
.mt30 { margin-top: 30px !important;}
.mt35 { margin-top: 35px !important;}
.mt40 { margin-top: 40px !important;}
.mt45 { margin-top: 45px !important;}
.mt50 { margin-top: 50px !important;}

.mr00 { margin-right:  0   !important;}
.mr05 { margin-right:  5px !important;}
.mr10 { margin-right: 10px !important;}
.mr12 { margin-right: 12px !important;}
.mr15 { margin-right: 15px !important;}
.mr20 { margin-right: 20px !important;}
.mr25 { margin-right: 25px !important;}
.mr30 { margin-right: 30px !important;}
.mr35 { margin-right: 35px !important;}
.mr40 { margin-right: 40px !important;}
.mr45 { margin-right: 45px !important;}
.mr50 { margin-right: 50px !important;}

.mb00 { margin-bottom:  0   !important;}
.mb05 { margin-bottom:  5px !important;}
.mb10 { margin-bottom: 10px !important;}
.mb12 { margin-bottom: 12px !important;}
.mb15 { margin-bottom: 15px !important;}
.mb20 { margin-bottom: 20px !important;}
.mb25 { margin-bottom: 25px !important;}
.mb30 { margin-bottom: 30px !important;}
.mb35 { margin-bottom: 35px !important;}
.mb40 { margin-bottom: 40px !important;}
.mb45 { margin-bottom: 45px !important;}
.mb50 { margin-bottom: 50px !important;}

.ml00 { margin-left:  0   !important;}
.ml05 { margin-left:  5px !important;}
.ml10 { margin-left: 10px !important;}
.ml12 { margin-left: 12px !important;}
.ml15 { margin-left: 15px !important;}
.ml20 { margin-left: 20px !important;}
.ml25 { margin-left: 25px !important;}
.ml30 { margin-left: 30px !important;}
.ml30 { margin-left: 35px !important;}
.ml40 { margin-left: 40px !important;}
.ml45 { margin-left: 45px !important;}
.ml50 { margin-left: 50px !important;}

/* ---------------------------------------------
Align
--------------------------------------------- */
.align-left   { text-align: left;}
.align-center { text-align: center;}
.align-right  { text-align: right;}
.valign-top    { vertical-align: top    !important;}
.valign-middle { vertical-align: middle !important;}
.valign-bottom { vertical-align: bottom !important;}

/* ---------------------------------------------
Others
--------------------------------------------- */
.display-block { display: block!important;}
.inline-block { display: inline; display: inline-block!important;}
.inline { display: inline!important;}
.listDisc li{ list-style-position: outside;	list-style-type: disc; margin-left: 25px; }
.listCircle li{ list-style-position: outside; list-style-type: circle; margin-left: 25px; }
.listSquare li{	list-style-position: outside; list-style-type: square; margin-left: 25px; }
.listDecimal li{ list-style-position: outside; list-style-type: decimal; margin-left: 30px; }

/*-------------------------------
Field
-------------------------------*/
body { background: #fff; }

.container { width: 100%; }

.main-block { width: 100%; width: 1200px; margin-left: auto; margin-right: auto; }
@media only screen and (max-width: 1200px) { .main-block {width: 100%; padding-left: 20px;padding-right: 20px; } }

.sp-nav { display: none;}
.overlay-menu-btn-cover {position: absolute;top: 10px;right: 10px;width: 60px;height: 60px;z-index: 100001;padding: 10px; background: transparent;}
.overlay-menu-btn {width: 40px;height: 40px;cursor: pointer;}
.overlay-menu-btn span {position: relative;display: block;width: 30px;border: 1px solid #0F2D68;transition: .5s;}
.home .overlay-menu-btn span {position: relative;display: block;width: 30px;border: 1px solid #fff;transition: .5s;}
/* .overlay-menu-btn.cnt span {border: 1px solid #333;} */
.overlay-menu-btn span:nth-child(1) { top: 7px;left: 5px; }
.overlay-menu-btn span:nth-child(2) { top: 14px;left: 5px; }
.overlay-menu-btn span:nth-child(3) { top: 21px;left: 5px; }
.overlay-menu-btn-name {position: absolute;top: 64px;right: 4.3%;z-index: 100002;font-size: 0.75rem;color:#fff;}
.overlay-menu {display: none;position: fixed;width: 100%;height: 100vh;overflow: auto;background-color:#fff;z-index: 100000;}
.overlay-menu-inner {padding: 0 4% 40px 4%;}
.overlay-menu-inner{margin-top: 60px;}
.overlay-menu-item > ul {margin: 20px 0 40px 0;padding: 0;list-style-type: none;}
.overlay-menu-item > ul > li a {display: block;width: 96%;padding: 1rem 0 1rem 25px;font-size: 1.06rem;text-decoration: none;transition: .5s;text-align: left;background: url(../img/icon_arrow.png) no-repeat left center;}
.overlay-menu-item > ul > li a:hover { background-color: #5676b5;color: #fff; }
.overlay-menu-item > ul > li a i {margin-right: 0.1rem;font-size: 1.2rem;vertical-align: middle !important;}
.overlay-menu-item > ul > li ul.second{margin-left: 20px;}
.overlay-menu-item > ul > li ul.second li a{position: relative;}
.overlay-menu-item > ul > li ul.second li a:after{display: block;content: '';width: 10px;height: 1px;background-color:  #0F2D68;position: absolute;top: 48%;left: 10px;}
.sp-nav-second{padding-left: 2rem;}
@media only screen and (max-width: 1200px) { .sp-nav { display: block;} }
@media only screen and (max-width:768px) {
  .overlay-menu-btn-cover {top: 5px;right: 5px;}
  .home .overlay-menu-btn-cover {top: 0px;right: 5px;}
}
@media only screen and (max-width: 480px) { .overlay-menu-btn-cover {top: 0;right: 0;} }

.pagetop { display: block;background-color:#2D509F;display: flex;justify-content: center;align-items: center;text-decoration: none; width: 42px; height: 42px;border-radius: 5px; position: fixed; right: -45px; bottom: 10px; z-index: 99999;transition: .1s;}
.pagetop:hover {text-decoration: none;opacity: 0.8; transition: .3s;}
.pagetop .material-icons{ color: #fff;font-size: 1.5rem;}

.bread{line-height: 1.2;margin-top: 5px;}
.bread-line{display: flex;flex-wrap: wrap;}
.bread-line li{position: relative;margin-right: 2.2rem;padding: 0.4rem 0;}
.bread-line li a{display: inline-block;text-decoration: underline;}
.bread-line li:after{display: block;content: '>';position: absolute;top: 0.4rem;right: -1.5rem;}
.bread-line li:last-child:after{display: none;}
@media only screen and (max-width:480px) {
  .bread-line{font-size: 0.875rem;}
	.bread-line li{margin-right: 1.5rem;}
	.bread-line li:after{right: -1rem;}
}

.main-hero{width: 100%;height: 340px; padding: 0;margin: 0;background-size: cover;background-position: center center;background-repeat: no-repeat;}
.main-hero .main-block{height: 340px; display: flex;justify-content: flex-start;align-items: center;}
.main-hero-title{width: 70%;color: #fff;padding-left: 8px;position: relative;}
.main-hero-title:before{display: inline-block;content: '';width: 1px;height: 62px;background-color: rgba(255, 255, 255, 0.8);box-shadow: 0 0 3px rgba(0, 0, 0, 0.9);position: absolute;top: 0;left: 0;}
.main-hero-title span{display: block;line-height: 1.4;text-shadow:#666 1px 1px 2px, #666 -1px 1px 2px,#666 1px -1px 2px, #666 -1px -1px 2px;}
/* .main-hero-title span.shadow{text-shadow:#999 1px 1px 2px, #999 -1px 1px 2px,#999 1px -1px 2px, #999 -1px -1px 2px;} */
.main-hero-title .upper{font-size: 1.8rem;font-weight: bold;letter-spacing: 1px;}
.main-hero-title .lower{font-size: 0.875rem;}
.main-hero-title br{display: none;}

#greeting .main-hero{background-image: url(../img/greeting/greeting_hero.jpg);}
#history .main-hero{background-image: url(../img/history/history_hero.jpg);}
#calendar .main-hero{background-image: url(../img/calendar/calendar_hero.jpg);}
#consultation .main-hero{background-image: url(../img/consultation/consultation_hero.jpg);}
#member-list .main-hero{background-image: url(../img/member-list/member-list_hero.jpg);}
#information .main-hero{background-image: url(../img/information/information_hero.jpg);}
.members-only .main-hero{background-image: url(../img/members-only/members-only_hero.jpg);}
#contact .main-hero{background-image: url(../img/contact/contact_hero.jpg);}
#privacy .main-hero{background-image: url(../img/privacy/privacy_hero.jpg);}
#sitemap .main-hero{background-image: url(../img/sitemap/sitemap_hero.jpg);}
@media only screen and (max-width: 1200px) {
  .main-hero{height: 300px;}
  .main-hero .main-block{height: 300px;}
}
@media only screen and (max-width:768px) {
  .main-hero{height: 260px;}
  .main-hero .main-block{height: 260px;}
  .main-hero-title .upper{font-size: 1.6rem;}
}
@media only screen and (max-width:480px) {
  .main-hero{height: 220px;}
  .main-hero .main-block{height: 220px;}
  .main-hero-title .upper{font-size: 1.6rem;}
  .main-hero-title{width: 99%;}
  .main-hero-title br{display: block;}
}
@media only screen and (max-width:370px) {
}

.main-container{padding: 70px 0 50px;}
.main-title{font-weight: bold;font-size: 2.4rem;text-align: center;line-height: 1.4;letter-spacing: 4px;}
.main-title.t2{letter-spacing: 1px;}
.main-title.t3{letter-spacing: 0px;}
.main-title.t2 br,
.main-title.t3 br{display: none;}
.main-title span{display: inline-block;position: relative;border-bottom: 2px solid #0F2D68;padding-bottom: 10px;}
.main-title span:after{display: inline-block;content: '';width: 40%;height: 2px;background-color: #58A5E9;position: absolute;bottom: -2px;left: 50%;margin-left: -20%;}
.main-box{width: 100%;max-width: 800px;margin: 60px auto 0;font-size: 1.1rem;line-height: 2;}
.main-box p:not(:first-child){margin-top: 1.6rem;}
.main-box blockquote{display: block;padding: 1rem;background-color: #f3f3f3;margin-top: 1.4rem;}

@media only screen and (max-width:768px) {
  .main-container{padding: 50px 0 0;}
  .main-title{font-size: 2rem;}
  .main-box{margin: 50px auto 0;font-size: 1.05rem;line-height: 1.6;}
  .main-box p:not(:first-child){margin-top: 1.5rem;}
  .main-box blockquote{margin-top: 1.3rem;}
}
@media only screen and (max-width:480px) {
  .main-title.t2 br,
  .main-title.t3 br{display: block;}
}

/*-------------------------------
Header
-------------------------------*/
.header { width: 100%;}
.header-main{width: 100%; margin: 0 auto;position: relative;}
.header-main-block{width: 100%; margin: 0 auto;padding: 20px 2%; display: flex;justify-content: space-between;align-items: center;}
.main-logo{width:240px;}
.main-nav{width: 75%;max-width: 900px;}
.main-nav ul{display: flex;justify-content: space-between;}
.main-nav ul li.normal a{display: block;font-size: 1rem;color: #0F2D68;font-weight: bold; padding: 3px 10px;text-decoration: none;position: relative;}
.main-nav ul li.normal a::after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: '';
  width: 100%;
  height: 1px;
  background: #3967C1;
  transform: scale(0, 1);
  transform-origin: center top;
  transition: transform .3s;
}
.main-nav ul li.normal a:hover::after {
  transform: scale(0.9, 1);
}
.main-nav ul li.normal a.active::after {
  transform: scale(0.9, 1);
}
.main-nav ul li.only a{display: block;border: 1px solid #3967C1;color:#0F2D68;font-weight: bold;padding: 10px 20px 9px;border-radius: 30px;line-height: 1;transition: .2s;}
.main-nav ul li.only a:hover {background-color:#0F2D68; border: 1px solid #0F2D68;color: #fff;transition: .3s;}

@media only screen and (max-width: 1200px) {
  .header-main-block{padding: 20px 0 20px 1.5%;}
  .main-nav{display: none;}

}
@media only screen and (max-width: 768px) {
  .header-main-block{padding: 15px 0 15px 1%;}
}
@media only screen and (max-width: 480px) {

}
@media only screen and (max-width: 370px) {
  .main-logo{width:220px;}
}

/*-------------------------------
Footer
-------------------------------*/
.footer {width: 100%;margin-top: 80px;}
.footer-banner{background-color: #F3F3F3;}
.footer-banner .inner{width: 100%;max-width: 1200px;margin: 0 auto;padding: 50px 0 50px;}
.footer-banner .inner ul{display: flex;justify-content: flex-start;flex-wrap: wrap;margin-left: -2%;}
.footer-banner .inner li{width: 23%;margin:10px 0 10px 2%;}

.footer-mid{background: url(../img/footer_bg.jpg) no-repeat center center;background-size: cover;}
.footer-mid .inner{width: 100%;max-width: 1100px;margin: 0 auto; padding: 60px 0 60px;display: flex;justify-content: space-between;align-items: center;}
.footer-mid .inner .footer-logo{width: 24%;max-width: 240px;}
.footer-mid .inner .footer-location{width: 60%;color: #fff;font-weight: bold;}
.footer-mid .inner .footer-location .second{margin-top: 40px;}
.footer-mid .inner .footer-location .content .tit{position: relative;padding-left: 23px;}
.footer-mid .inner .footer-location .content .tit:before{display: block;content: '';width: 16px;height: 1px;background-color: #fff;position: absolute;top: 48%;left: 0;}
.footer-mid .inner .footer-location .content .tel{background: url(../img/footer_icon_tel.png) no-repeat left center;padding-left: 20px;}
.footer-mid .inner .footer-location .content .fax{background: url(../img/footer_icon_fax.png) no-repeat left center;padding-left: 20px;margin-left: 40px;}

.footer-menu{width: 100%;padding: 40px 0 40px;background-color: #0F2557;}
.footer-nav{width: 100%;max-width: 1100px; margin: 0 auto 0 ;display: flex;justify-content: flex-start;flex-wrap: wrap;}
.footer-nav li{margin-left: 1.66%;margin-top: 15px;margin-bottom: 15px;}
/* .footer-nav li{width: 15%;margin-left: 1.66%;margin-top: 15px;margin-bottom: 15px;} */
.footer-nav li a{padding: 0 25px; color: #fff;font-weight: bold;transition: .2s;}
.footer-nav li a:hover{color: #91b2fd;transition: .2s;}
.footer-only{margin-top: 20px;}
.footer-only a{display: block;border: 1px solid #fff;color:#fff;width: 180px;margin: 0 auto; padding: 10px 20px 9px;border-radius: 30px;line-height: 1;font-weight: bold;text-align: center;transition: .2s;}
.footer-only a:hover {background-color: #fff;color: #0F2557;font-weight: bold;transition: .3s;}

.footer-sns{margin-top: 40px;display: flex;justify-content: center;}
.footer-sns a{width: 36px;margin: 0 8px;}

.copyright { display: block;padding: 40px 10px 50px; text-align: center;background: #0B1F4D; color: #fff;font-size: 0.75rem;font-weight: bold;}
@media only screen and (max-width: 1200px) {
  .footer-banner .inner{width: 92%;padding: 40px 0 40px;}
  .footer-mid .inner{width: 92%;}
  .footer-mid .inner .footer-location{width: 70%;}
}
@media only screen and (max-width: 768px) {
  .footer {margin-top: 60px;}
  .footer-banner .inner{padding: 30px 0 30px;}
  .footer-banner .inner ul{margin-left: -2.32%;}
  .footer-banner .inner li{width: 31%;margin:10px 0 10px 2.32%;}
  .footer-mid .inner{padding: 40px 0 40px;flex-direction: column;}
  .footer-mid .inner .footer-logo{width: 100%;}
  .footer-mid .inner .footer-location{width: 100%;margin-top: 30px;}
  .footer-mid .inner .footer-location .second{margin-top: 20px;}
  .footer-menu{padding: 30px 0 30px;}
  .footer-nav li{width: 31%;margin-left: 2%;margin-top: 0;margin-bottom: 0;}
  .footer-nav li a{display: block;padding: 10px 5px;}
  .footer-only{margin-top: 15px;}
  .footer-sns{margin-top: 30px;}
}
@media only screen and (max-width: 600px) {
  .footer-nav li{width: 48%;margin-left: 0;}
  .footer-nav li a{text-align: center;}
}
@media only screen and (max-width: 480px) {
  .footer-banner .inner ul{margin-left: 0;justify-content: space-between;}
  .footer-banner .inner li{width: 48%;margin:10px 0 10px 0;}
}

/*-------------------------------
Home
-------------------------------*/
.home-hero{width: 100%;}

@keyframes zoomUp { /* 1.15倍させる指定 */
  0% {
      -webkit-transform: scale(1);
      transform: scale(1);
  }
  100% {
      -webkit-transform: scale(1.1);
      transform: scale(1.1);
  }
}

.swiper-wrapper{height: 850px;}
.slide-img {
    background-size: cover;
    background-position: center center;
    height: 850px;
}
@media only screen and (max-width: 1200px) {
  .swiper-wrapper{height: 700px;}
	.slide-img {height: 700px;}
}
@media only screen and (max-width: 768px) {
  .swiper-wrapper{height: 550px;}
	.slide-img {height: 550px;}
}
@media only screen and (max-width: 480px) {
  .swiper-wrapper{height: 480px;}
	.slide-img {height: 480px;}
}

.home-logo{display: flex;justify-content: center;align-items: center;width: 321px;height: 75px;padding: 20px; background-color: rgba(255, 255, 255, 0.8); position: absolute;top:0;left: 0;z-index: 99990;}
.home-nav{position: absolute;width: 70%;max-width: 900px;top:25px;right: 30px;z-index: 99991;}
.home-nav ul{display: flex;justify-content: space-between;}
.home-nav ul li.normal a{display: block;font-size: 1rem; padding: 3px 10px;color: #fff;text-decoration: none;position: relative;}
.home-nav ul li.normal a::after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: '';
  width: 100%;
  height: 1px;
  background: #fff;
  transform: scale(0, 1);
  transform-origin: center top;
  transition: transform .3s;
}
.home-nav ul li.normal a:hover::after {
  transform: scale(0.9, 1);
}
.home-nav ul li.normal a.active::after {
  transform: scale(0.9, 1);
}
.home-nav ul li.only a{display: block;border: 1px solid #fff;color:#fff; padding: 10px 20px 9px;border-radius: 30px;line-height: 1;}
.home-nav ul li.only a:hover {background-color: #fff;color: #000;transition: .3s;}

@media only screen and (max-width: 1200px) {
  .home-nav{display: none;}

}
@media only screen and (max-width: 768px) {
  .home-logo{width: 280;height: 65px;padding: 20px}
}
@media only screen and (max-width: 480px) {
  .home-logo{width: 260px;height: 50px;padding: 15px}

}
@media only screen and (max-width: 370px) {
}

.home-card-list{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 20px;}
.home-card-list li{width: 30%;margin-top: 80px; background-color: #fff;box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);}
.home-card-list li .cont{padding: 35px 35px 40px; background-color: #fff;}
.home-card-list li .cont.only{background-color:#F2F7FF;}
.home-card-list li .cont .title span{display: block;}
.home-card-list li .cont .title .upper{font-size: 1.08rem;}
.home-card-list li .cont .title .lower{font-size: 0.875rem;}
.home-card-list li .cont .text{margin-top: 20px;}
@media only screen and (max-width: 1200px) {
  .home-card-list{margin-top:0;}
}
@media only screen and (max-width: 768px) {
  .home-card-list li{margin-top: 60px;}
}
@media only screen and (max-width: 600px) {
  .home-card-list li{width: 48%;margin-top: 50px;}
  .home-card-list li .cont{padding: 30px 30px 35px;}
  .home-card-list li .cont .text{margin-top: 15px;}
}
@media only screen and (max-width: 480px) {
  .home-card-list li{width: 100%;max-width: 360px;margin: 30px auto 0;}
}

.home-information{margin-top: 80px;display: flex;justify-content: space-between;}
.home-information .title{width: 30%;background-color: #F3F3F3;display: flex;justify-content: center;align-items: center;flex-direction: column; padding: 20px;}
.home-information .title .tit {width: 66%;text-align-last: left;}
.home-information .title .tit .upper{display: block; color: #0F2557;font-size: 1.3rem;line-height: 1.3;font-weight: bold;}
.home-information .title .tit .lower{display: block; color: #0F2557;font-size: 0.875rem;line-height: 1.3;}
.home-information .title .btn{display: block;width: 66%;margin: 20px auto 0;background-color: #0F2557; color: #fff;text-align: center;padding: 5px 5px;border-radius: 4px;transition: .2s;}
.home-information .title .btn:hover{background-color: #2e4782; transition: 0.4s;}
.home-information .title .btn span{background: url(../img/arrow01.png) no-repeat right 5px;padding-right: 25px;}
.home-information .content{width: 65%;border-top: 1px solid #D2D2D2;}
.home-information .content li{border-bottom: 1px solid #D2D2D2;background: url(../img/arrow02.png) no-repeat right 5px center;}
.home-information .content li a{display: flex;justify-content: space-between;padding: 15px 30px 15px 5px;}
.home-information .content li a .information-date{width: 14%;}
.home-information .content li a .information-tit{width: 82%;}
@media only screen and (max-width: 1200px) {
  .home-information .title{width: 28%;padding: 10px;}
  .home-information .title .tit {width: 76%;}
  .home-information .title .btn{width: 76%;}
  .home-information .content{width: 68%;}
}
@media only screen and (max-width: 768px) {
  .home-information{margin-top: 60px;flex-direction: column;}
  .home-information .title{width: 100%;display: flex;justify-content: space-between;align-items: center;flex-direction: row;padding: 15px 10px;}
  .home-information .title .tit {width: 40%;}
  .home-information .title .btn{width: 30%;margin: 0;}
  .home-information .content{width:100%;}
  .home-information .content li a .information-date{width: 18%;}
  .home-information .content li a .information-tit{width: 78%;}
}
@media only screen and (max-width: 600px) {
  .home-information .title .btn{width: 36%;}
  .home-information .content{margin-top: 20px;}
  .home-information .content li a{flex-direction: column;}
  .home-information .content li a .information-date{width: 100%;}
  .home-information .content li a .information-tit{width: 100%;}
}
@media only screen and (max-width: 480px) {
  .home-information .title .btn{width: 52%;}
}

/*-------------------------------
Greeting
-------------------------------*/
.greeting-box{width: 100%;max-width: 800px;margin: 60px auto 0; padding:80px 0 0;display: flex;justify-content: space-between;position: relative;}
.greeting-box:before{display: block;content: '';width: 70px;height: 1px;background-color: #58A5E9;position: absolute;left: 50%;top: 0;margin-left: -35px;}
.greeting-box .cont{width: 70%;}
.greeting-box .img{width: 25%;max-width: 200px;}
.greeting-box .cont .md{font-size: 1.6rem;line-height: 2;}
.greeting-box .cont .date{margin-top: 10px;}
.greeting-box .cont .name span{font-weight: bold;font-size: 1.05rem;}
.greeting-box .cont .name br{display: none;}
.greeting-box02{width: 100%;max-width: 800px;margin: 60px auto 0; padding:80px 0 0;display: flex;justify-content: space-between;position: relative;}
.greeting-box02:before{display: block;content: '';width: 70px;height: 1px;background-color: #58A5E9;position: absolute;left: 50%;top: 0;margin-left: -35px;}
.greeting-box02 .cont{width: 100%;}
.greeting-box02 .cont .md{font-size: 1.6rem;line-height: 2;}
.greeting-box02 .cont .date{margin-top: 10px;}
.greeting-box02 .cont .name span{font-weight: bold;font-size: 1.05rem;}
.greeting-box02 .cont .name br{display: none;}
.greeting-location{width: 100%;max-width: 800px;margin: 40px auto 0; padding:30px 40px;background-color: #F3F3F3;}
.greeting-location .tit{font-weight: bold;}
.greeting-location .tit .material-icons{font-weight: normal;font-size: 1.3rem;color: #0067C1;margin-right: 5px;vertical-align: -4px;}
.greeting-location .second{display: flex;justify-content: space-between;margin-top: 20px;}
.greeting-location .second div{width: 48%;}
.greeting-location br{display: none;}
@media only screen and (max-width: 768px) {
  .greeting-box{margin: 50px auto 0; padding:60px 0 0;}
  .greeting-box .cont .md{font-size: 1.4rem;line-height: 1.8;}
  .greeting-box02{margin: 50px auto 0; padding:60px 0 0;}
  .greeting-box02 .cont .md{font-size: 1.4rem;line-height: 1.8;}
  .greeting-box02 .cont .md br{display: none;}
}
@media only screen and (max-width: 480px) {
  .greeting-box{margin: 40px auto 0; padding:50px 0 0;flex-direction: column;}
  .greeting-box .cont{width: 100%;}
  .greeting-box .img{width: 100%;margin: 30px auto 0;}
  .greeting-box .cont .name br{display: block;}
  .greeting-box02{margin: 40px auto 0; padding:50px 0 0;flex-direction: column;}
  .greeting-box02 .cont{width: 100%;}
  .greeting-box02 .cont .name br{display: block;}
  .greeting-location{ padding:15px;}
  .greeting-location .tit .material-icons{font-size: 1.24rem;}
  .greeting-location .second div{width: 49.5%;}
  .greeting-location br{display: block;}
}

/*-------------------------------
History
-------------------------------*/
.history-table{width: 100%;max-width: 1000px;margin: 60px auto 0;}
.history-table th{padding: 10px; background-color: #0F2D68;color: #fff;text-align: center;vertical-align: middle;border: 1px solid #fff;}
.history-table th.w1{width: 10%;}
.history-table th.w2{width: 30%;}
.history-table td{padding: 10px;border: 1px solid #fff;}
.history-table td.month{text-align: center;vertical-align: middle;font-weight: bold;color: #0F2D68;}
.history-table tr{background-color: #E8EFFC;}
.history-table tr:nth-child(even){background-color: #D1DFF7;}
@media screen and (max-width: 768px) {
  .history-table{margin: 40px auto 0;}
}
@media screen and (max-width: 480px) {
  .history-table {
    width: 100%;
  }
  .history-table .thead {
    display: none;
  }
  .history-table tr {
    width: 100%;
  }
  .history-table th,
  .history-table td{padding: 6px; }
  .history-table td {
    display: block;
    text-align: left;
    padding-left: 25%;
    position: relative;
  }
  .history-table td.month{ padding-left: 0;}
  .history-table td:first-child {
    background: #0F2D68;
    color: #fff;
    font-weight: bold;
    text-align: center;
  }
  .history-table td:before {
    content: attr(data-label);
    font-weight: bold;
    display: block;
    width: 25%;
    text-align: left;
    color: #0F2D68;
    position: absolute;
    top:31%;
    left: 10px;
  }
  .history-table tr:nth-child(even){background-color: #E8EFFC;}
}

/*-------------------------------
Consultation
-------------------------------*/
.consultation-box{margin-top: 50px;}
.consultation-box.first{margin-top: 0;}
.consultation-box .title{width: 100%;font-weight: bold;color: #0F2D68;border-bottom: 1px dotted#0F2D68;padding-bottom: 3px;}
.consultation-box .title .material-icons{font-weight: bold;font-size: 1.4rem;margin-right: 5px;vertical-align: -4px;}
.consultation-box .title .sub{font-size: 0.875rem;}
.consultation-box .list {margin-top: 20px;}
.consultation-box .list li:not(:first-child){margin-top: 30px;}
.consultation-box .list li .tit{width: 200px;background-color:#0F2D68;color: #fff;text-align: center; padding: 10px 10px;border-radius: 3px;line-height: 1.2;font-size: 0.875rem;font-weight: bold;}
.consultation-box .list li .detail{margin-top: 10px;}
.consultation-box .list li .detail .notes{display: block; margin-top: 5px;font-size: 0.875rem;text-indent: -0.875rem;padding-left: 0.875rem;}
.consultation-box .text{margin-top: 20px;}
.consultation-link{margin-top: 20px;background: url(../img/consultation/icon_nouzei.png) no-repeat left center;padding-left: 40px;}
.consultation-link a{text-decoration: underline;}
.consultation-link img{margin-right: 5px;}
@media only screen and (max-width:480px) {
  .consultation-box .list li .tit{width:100%;}
}

/*-------------------------------
Member List
-------------------------------*/
.member-list-color{width: 100%;max-width: 1000px;margin: 60px auto 0;position: relative;padding-left: 70px;}
.member-list-color .color{display: block;content: ''; width: 60px;height: 30px;background-color:#e7f1f7;border: 1px solid #9bb0dc; position: absolute;top: 0;left: 0;}
.member-list-table{width: 100%;max-width: 1000px;margin: 15px auto 0;}
.member-list-table th{padding: 10px; background-color: #0F2D68;color: #fff;text-align: center;vertical-align: middle;border: 1px solid#9bb0dc;}
.member-list-table th.w1{width: 20%;}
.member-list-table th.w2{width: 60%;}
.member-list-table th.w3{width: 20%;}
.member-list-table td{padding: 10px;border: 1px solid #9bb0dc;}
.member-list-table tr.konohana{background-color: #e7f1f7;}
.member-list-table td.address span:first-child{margin-right: 10px;}
.member-list-under{text-align: right;width: 100%;max-width: 1000px;margin: 10px auto 0;}
@media screen and (max-width: 768px) {
  .member-list-color{margin: 40px auto 0;}
}
@media screen and (max-width: 480px) {
  .member-list-table {
    width: 100%;
  }
  .member-list-table .thead {
    display: none;
  }
  .member-list-table tr {
    width: 100%;
  }
  .member-list-table th,
  .member-list-table td{padding: 6px; }
  .member-list-table td {
    text-align: left;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
  }
  .member-list-table th{
    border:none;
  }
  .member-list-table td{
    border-top: none;
    border-bottom: 1px solid#9bb0dc;
    border-left: 1px solid#9bb0dc;
    border-right: 1px solid#9bb0dc;
  }
  .member-list-table td .cnt {
    width: 100%;
    text-align: center;
  }
  .member-list-table td.name {
    background: #0F2D68;
    color: #fff;
    font-weight: bold;
    text-align: center;
  }
  .member-list-table td:before {
    content: attr(data-label);
    font-weight: bold;
    display: block;
    width: 100%;
    text-align: center;
    color: #0F2D68;
    font-size: 0.875rem;
    margin-bottom: 5px;
  }
  .member-list-table td.name:before {
    display: none;
  }
  .member-list-table td.address span:first-child{margin-right: 0;}
}

/*-------------------------------
Information
-------------------------------*/
.information-box{width: 100%;max-width: 800px;margin: 30px auto 0;}
.information-content-block{padding: 60px 0;border-bottom: 1px solid #A2A2A2;}
/* .information-content-block .date .material-icons{font-size: 1.12rem;vertical-align: -3px;margin-right: 5px;} */
.information-content-block .date:before{font-family: 'Material Icons';content: "calendar_today";font-size: 1.12rem;vertical-align: -3px;margin-right: 5px;}
.information-content-block .title{font-size: 2rem;}
.information-content-block .content{margin-top: 20px;}
.information-content-block .content p:not(:first-child){margin-top: 25px;}
@media screen and (max-width: 768px) {
  .information-box{margin: 20px auto 0;}
  .information-content-block{padding: 40px 0;}
  .information-content-block .title{font-size: 1.7rem;}
}

/*-------------------------------
Members-only
-------------------------------*/
.members-only-header{justify-content: flex-start!important;}
.members-only-header-nav{width: 100%;background-color: #efefef;}
.members-only-header-nav > ul{width: 100%;max-width: 1200px;margin: 0 auto;padding: 0 3%; display: flex;justify-content: space-between;}
.members-only-header-nav > ul > li > a{font-weight: bold;display: block; padding: 15px 20px;}
.members-only-header-nav > ul > li ul.second {
  position: absolute;
  width: 100%;
  top: 100%;
  left: 0;
  background: #fff;
  transition: all .2s ease;
  visibility: hidden;
  opacity: 0;
  text-align: left;
  /* font-size: 0.875rem; */
  text-decoration: none;
  line-height: 1.3;
  border: 1px solid #d6d6d6;
  display: flex;
  justify-content: center;
}
.members-only-header-nav > ul > li ul.second li { margin: 0 5px;}
.members-only-header-nav > ul > li ul.second a { display: block; padding: 1em 1.5rem; text-decoration: none;  color: #1B2A71;font-weight: bold; background-color: #fff; }
.members-only-header-nav > ul > li ul.second a:hover { background-color: #ececec; }
.members-only-header-nav > ul > li:hover ul.second,
.members-only-header-nav > ul > li:active ul.second{ visibility: visible; opacity: 1; }
@media only screen and (max-width: 1200px) {
  .members-only-header-nav{display: none;}
}

.main-logo{width:240px;}
.members-only-tag{background-color: #0F2D68;padding: 10px 20px;border-radius: 4px; color: #fff;font-weight: bold;line-height: 1;margin-left: 20px;}
.members-only-top-information{width: 100%;max-width: 900px;margin: 70px auto 0;}
.members-only-top-information .content{border-top: 1px solid #D2D2D2;}
.members-only-top-information .content li{border-bottom: 1px solid #D2D2D2;background: url(../img/arrow02.png) no-repeat right 5px center;}
.members-only-top-information .content li a{display: flex;justify-content: space-between;padding: 15px 30px 15px 5px;}
.members-only-top-information .content li a .information-date{width: 12%;}
.members-only-top-information .content li a .information-tit{width: 86%;}
.members-only-top-information .link a{display: block;width: 200px;margin: 30px auto 0;background-color: #0F2557; color: #fff;text-align: center;padding: 5px 5px;border-radius: 4px;transition: .2s;}
.members-only-top-information .link a:hover{background-color: #2e4782; transition: 0.4s;}
.members-only-top-information .link a span{background: url(../img/arrow01.png) no-repeat right 5px;padding-right: 25px;}

.members-only-footer-nav{justify-content: center!important;}
.members-only-footer-nav li{margin: 0!important;}
.members-only-footer-nav li a{padding: 0 30px;font-weight: normal;}
@media screen and (max-width: 768px) {
  .members-only-top-information{margin-top: 60px;}
  .members-only-top-information .content li a{flex-direction: column;}
  .members-only-top-information .content li a .information-date{width: 100%;}
  .members-only-top-information .content li a .information-tit{width: 100%;}
}
@media screen and (max-width: 480px) {
  .members-only-header{display: block!important;}
  .members-only-tag{width: 200px; padding: 10px 5px;text-align:center;margin: 10px auto 0;}
  .members-only-footer-nav li a{padding: 10px 10px;}
}

.members-only-terms .content {width: 100%;max-width: 700px;margin: 60px auto 0;}
.members-only-terms .content li{font-size: 1.15rem;margin-top: 1rem;text-align: center;}
.members-only-terms .content li a span{background: url(../img/icon_pdf.png) no-repeat right center;background-size: 18px auto; padding-right: 30px;}
@media screen and (max-width: 768px) {
  .members-only-terms .content {margin: 40px auto 0;}
  .members-only-terms .content li{font-size: 1.1rem;margin-top: 1.2rem;}
}

.members-only-member-list{width: 100%;max-width: 1200px;margin: 60px auto 0}
.members-only-member-list .title{width: 100%;padding: 10px 15px;color: #fff;background-color: #0F2D68;border-radius: 4px;font-size: 1.2rem;font-weight: bold; line-height: 1.3;}
.members-only-member-list .title .material-icons{font-size: 1.6rem;vertical-align: -5px;margin-right: 5px;}
.members-only-member-list .title.tm{background-color: #6e96ee;margin-top: 70px;}
.members-only-member-list .list {margin-top: 0;display: flex;justify-content: flex-start;flex-wrap: wrap; margin-left: -1.5%;}
.members-only-member-list .list li{width: 23.5%; margin-top: 30px;margin-left: 1.5%; border: 1px solid #3765C1;text-align: center;}
.members-only-member-list .list li .name{background-color:#3765C1; color: #fff;padding: 5px;}
.members-only-member-list .list li .item{border-top: 1px solid  #3765C1;}
.members-only-member-list .list li .item .tit{background-color: #e2e8f7;padding: 10px 10px;line-height: 1;font-size: 0.875rem; font-weight: bold;color: #0F2D68;}
.members-only-member-list .list li .item .cont{min-height: 37px;padding: 5px 10px;}
.members-only-member-list .list li .item .cont a{text-decoration: underline;}
@media screen and (max-width: 768px) {
  .members-only-member-list .title.tm{margin-top: 50px;}
  .members-only-member-list{margin: 40px auto 0;}
  .members-only-member-list .list {margin-top:0;justify-content: space-between;margin-left: 0;}
  .members-only-member-list .list li{width: 48%; margin-top: 25px;margin-left: 0;}
}
@media screen and (max-width: 480px) {
  .members-only-member-list .list {flex-direction: column;}
  .members-only-member-list .list li{width: 100%;}
}

.members-only-back-number {width: 100%;max-width: 1000px;margin: 0 auto;}
.members-only-back-number .inner-box{margin-top: 60px;}
.members-only-back-number .inner-box .title{font-weight: bold;font-size: 1.05rem; color: #0F2D68; border-bottom: 1px dotted #0F2D68;page-break-after: 5px;}
.members-only-back-number .inner-box .list{display: flex;justify-content: flex-start;flex-wrap: wrap;margin-left: -1.06%;}
.members-only-back-number .inner-box .list li{width: 15.6%;margin-top: 1rem;margin-left: 1.06%;}
.members-only-back-number .inner-box .list li a{display: inline-block;padding-left: 12px;background: url(../img/arrow03.png) no-repeat left 9px;}
/* .members-only-back-number .inner-box .list li a:before{font-family: 'Material Icons';content: "chevron_right";font-size: 1.12rem;position: absolute;top: -3px;left: 0;} */
@media screen and (max-width: 768px) {
  .members-only-back-number .inner-box{margin-top: 40px;}
  .members-only-back-number .inner-box .list{margin-left: -2.33%;margin-top: 10px;}
  .members-only-back-number .inner-box .list li{width: 31%;margin-top: 0;margin-left: 2.33%;}
  .members-only-back-number .inner-box .list li a{display: block;padding:5px 0 5px 12px;background-position: left 15px;}
}
@media screen and (max-width: 480px) {
  .members-only-back-number .inner-box .list{margin-left: 0;justify-content: space-between;}
  .members-only-back-number .inner-box .list li{width: 48%;margin-left: 0;}
}

.members-only-committee{width: 100%;max-width: 900px;margin: 80px auto 0;}
.committee-box{margin-top: 60px;}
.committee-box .title{padding: 10px 15px;font-size: 1.2rem; color: #fff; background-color:#0F2D68;border-radius: 3px;}
.committee-box .title02{font-weight: bold;font-size: 1.05rem; line-height: 1.4;border-left: 6px solid #0F2D68;padding-left: 6px;color: #0F2D68;margin: 30px 0 10px;}
.committee-box .text p:not(:first-child){margin-top: 30px;}
.committee-box .text a{text-decoration: underline;}
.committee-box .list{margin-top: 20px;padding-top: 20px;border-top: 1px dotted #999;}
.committee-box .list.list-top{margin-top: 0;padding-top: 0;border: none;}
.committee-box .list.list-top02{margin-top: 30px;padding-top: 0;border: none;}
.committee-box .list li{margin-top: 0.5rem;}
.committee-box .list li a{padding-left: 12px;background: url(../img/arrow03.png) no-repeat left 5px;}
.committee-box .list li.second{margin-left: 1.5rem;}
.committee-box .list li.second a{padding-left: 10px;background: url(../img/arrow04.png) no-repeat left 5px;}
.committee-box .text .inner{margin-top: 20px;padding: 20px 25px;background-color:#e8ecf2;border-radius: 5px;}
.committee-box .text .inner .tit{font-weight: bold;font-size: 1.2rem;color:#0F2D68;}
.committee-box .text .inner .tit02{font-weight: bold;border-bottom: 1px dotted #999;margin: 20px 0 10px;}
.committee-box .text .inner .tit02{font-weight: bold;border-bottom: 1px dotted #999;margin: 20px 0 10px;}
.committee-box .text .inner .tit03 span{display: inline-block;background-color:#2e4d8c;color:#fff;font-weight: bold;font-size: 0.875rem; padding: 6px 10px;line-height: 1;border-radius: 4px;}

@media screen and (max-width: 768px) {
  .members-only-committee{margin: 60px auto 0;}
  .committee-box{margin-top: 40px;}
  .committee-box .title{padding: 8px 10px;font-size: 1.1rem;}
  .committee-box .title02{margin: 25px 0 10px;}
  .committee-box .text p:not(:first-child){margin-top: 20px;}
  .committee-box .list{margin-top: 20px;}
  .committee-box .list li{margin-top: 0;}
  .committee-box .list li a{display: block; padding :12px 0 5px 12px;background-position: 0 20px;}
  .committee-box .list li.second a{background-position: 0 19px;}
  .committee-box .text .inner{margin-top: 15px;padding: 15px 20px;}
  .committee-box .text .inner .tit02{margin: 15px 0 10px;}
}

.members-only-officer{width: 100%;max-width: 900px;margin: 80px auto 0;}
.officer-box{margin-top: 60px;}
.officer-box .notes{text-align: right;font-size: 14px;}
.officer-table-scroll{width: 100%;}
.officer-table01{width: 100%;}
.officer-table01 th{padding: 8px 12px;line-height: 1.4;vertical-align: middle;text-align: center;border: 1px solid #90a2c7;background-color: #f1f3f8;font-weight: bold;}
.officer-table01 td{padding: 8px 12px;line-height: 1.4;vertical-align: middle;border: 1px solid #90a2c7;}
.officer-table01 .tdh{text-align: center;font-weight: bold;}
.officer-table01 .tdw{width: 20%;}
.officer-table-mt{margin-top: 70px;}
.officer-scroll-notes{font-size: 14px;margin-top: 5px;color: #555;display: none;}
.officer-scroll-notes .material-icons{font-size: 18px;font-weight: bold;margin-right: 4px;vertical-align: -2px;}
@media screen and (max-width: 640px) {
  .members-only-officer{margin: 60px auto 0;}
  .officer-box{margin-top: 40px;}
  .officer-table-scroll{overflow-x: scroll; white-space: nowrap;-webkit-overflow-scrolling: touch;}
  .officer-table-scroll:-webkit-scrollbar{height: 5px;}
  .officer-table-scroll:-webkit-scrollbar-track{height: 5px;}
  .officer-table-scroll:-webkit-scrollbar-thumb {background: #000;}
  .officer-table-mt{margin-top: 50px;}
  .officer-scroll-notes{display: block;}
}

/*-------------------------------
Policy
-------------------------------*/
.privacy-list{margin-top: 30px;}
.privacy-list > li{margin-top: 40px;}
.privacy-list > li .title{font-weight: bold;font-size: 1.15rem;border-bottom: 1px dotted #888;padding-bottom: 5px;}
.privacy-list > li .cont{margin-top: 15px;}
.privacy-list > li .cont p:not(:first-child){margin-top: 15px;}
.privacy-list > li .cont .second li{list-style: decimal;margin-left: 25px;}
.privacy-list > li .cont .second li:not(:first-child){margin-top: 15px;}
.privacy-list > li .cont a{text-decoration: underline;}
.privacy-list > li .cont .name{background-color: #f3f3f3;padding: 10px 20px;margin-top: 10px;}

@media only screen and (max-width:768px) {
  .privacy-list > li{margin-top: 30px;}
  .privacy-list > li .title{font-size: 1.1rem;}
}

/*-------------------------------
Site Map
-------------------------------*/
.sitemap-list{margin-top: 70px;border-top: 1px dotted #888;}
.sitemap-list li{border-bottom: 1px dotted #888;padding: 5px 0;}
.sitemap-list li a{display: block;padding: 10px 0;}
.sitemap-list li a:before{font-family: 'Material Icons';content: "chevron_right";font-size: 1.3rem;vertical-align: -4px;margin-right: 5px;}
@media only screen and (max-width:768px) {
  .sitemap-list{margin-top: 50px;}
}

/*-------------------------------
Contact
-------------------------------*/
.contact-box{width: 100%;max-width: 900px;margin: 70px auto 0;}
.contact-text{width: 100%;padding: 0 0 20px 0;}
.contact-text p:not(:first-child){margin-top: 15px;}
.contact-box .hissu{display: inline-block;color: #fff;font-size: 0.6rem; background-color: #E30000;padding: 5px 5px;line-height: 1;border-radius: 3px;}
.contact-text .finish{font-weight: bold;color: #0F2D68;font-size: 1.1rem;}
.contact-box .error{font-weight: bold;color: #E30000;font-size: 1.1rem;}
.contact-list{margin-top: 20px; border-top: 1px dotted #0F2D68;}
.contact-list li{padding: 20px 0; border-bottom: 1px dotted #0F2D68;}
.contact-list li .tit{font-weight: bold;color: #0F2D68;border-left: 7px solid#0F2D68;padding: 3px 0 3px 7px;line-height: 1;vertical-align: middle;}
.contact-list li .tit label{display: inline-block;position: relative;}
.contact-list li .tit label .hissu{position: absolute;top: -3px;right: -40px;}
.contact-list li .cont{margin-top: 10px;}
.contact-list li .size01{display: inline-block;border: 1px solid #bbb;padding: 8px;background-color:#f9f9f9;width:100%;}
.contact-list li .size02{display: inline-block;border: 1px solid #bbb;padding: 8px;background-color:#f9f9f9;width:40%;}
.contact-list li .size-textarea{display: inline-block;border: 1px solid #bbb;padding: 8px;background-color:#f9f9f9;height: 200px;}
.contact-box .btn-box{width: 100%;max-width: 900px; display: flex;justify-content: center;align-items: center; margin-top: 30px;}
.contact-box .btn-box input{
  display: block;
  width: 100%;
  max-width: 200px;
  padding: 10px 10px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  border:none;
  border-radius: 4px;
  transition: .2s;
  cursor: pointer;
}
.contact-box .btn-box input:hover{opacity: 0.8;transition: .3s;}
.contact-box .btn-box form{width: 48%;max-width: 200px;margin: 0 10px;}
.contact-box .btn-box .btn-confirm{background-color: #0F2D68;}
.contact-box .btn-box .btn-back{background-color: #999;}
.contact-box .btn-box .btn-submit{background-color: #0F2D68;}

.confirm .contact-list li .cont{background-color: #f3f3f3;padding: 5px;}

.contact-thanks{padding: 1rem 0 5rem;text-align: center;}
.contact-thanks-title{font-weight: bold;font-size: 1.8rem;margin-bottom: 2rem;}
.contact-thanks p{font-size: 1.1rem;line-height: 1.8;}
@media only screen and (max-width:768px) {
  .contact-box{margin: 50px auto 0;}
  .contact-text{padding: 0 0 20px;}
  .contact-thanks{padding: 0 0 3rem;}
  .contact-thanks-title{font-size: 1.6rem;}
}