@charset "utf-8";



/*//////////////////

ヘッダー・フッター・ナビゲーション等
共通コンテンツ

//////////////////*/
#header { position: fixed; top: 0; left: 0; z-index: 1000000;  width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; transition: 0.5s ease-out; }
#header .mainbox{ display: flex; flex-direction: row; justify-content: space-between; padding: 22px 20px 22px 4%; align-items: center; height: 100px; transition: .4s; background: #fff; }
#mainv{ margin-top: 100px; }
#header .mainbox .logobox .cap,
#header .mainbox .logobox .sitename{ display: block; line-height: 1.4; }
#header .mainbox .logobox .cap,
#header .mainbox .hcontact .title{ font-size: 1.4rem; }
#header .mainbox .logobox .sitename{ font-size: 2.4rem; }
#header .mainbox .hcontact{ line-height: 1.6; letter-spacing: 0.05em; }
#header .mainbox .hcontact .num{ font-size: 2rem; }
#header .mainbox .hcontact .num>a::before{content: "";background: url(../img/common/icon_tel_blue.svg) no-repeat;background-size: contain;width: 22px;height: 22px;display: inline-block;margin-right: 5px;vertical-align: -4px;}
@media screen and (max-width: 1500px) {
	#header .mainbox .logobox .cap{ display: none; }
}
@media screen and (max-width: 1200px) {
	#header,
	#header .mainbox .logobox,
	#header.fixed{ position: static; }
	#mainv{ margin-top: 0; }
}
@media screen and (max-width: 767px) {
	#header .mainbox .hcontact{ display: none; }
	#header .mainbox{ height: 80px; }
	#header .mainbox .logobox .cap{ display: none; }
	#header .mainbox .logobox .sitename{ font-size: 2rem; }
}
@media screen and (max-width: 500px) {
}



#gnav{display: flex;text-align: right;}
#gnav .navbox{ display: flex; }
#gnav .incnt.fix{ width: 100%; margin: 0; display: flex; }
#gnav .mainlist li.sub { display: none; }
#gnav.navlist>.inwrap,
#gnav.navlist>.inwrap>.mainlistcover,
#gnav.navlist>.inwrap>.mainlistcover>.inwrap{ display: flex; }
#gnav.navlist>.inwrap>.mainlistcover>.inwrap{display: flex;flex-direction: row;text-align: right;align-items: center;}

#gnav .mainlist { display: flex; }
#gnav .mainlist ul{ display: flex; margin-left: -20px; }
#gnav .mainlist li {display: flex;position: relative;align-items: center;margin-left: 20px;}
#gnav .mainlist li.tabletblock{ display: none; }
#gnav .mainlist li a,
#gnav .mainlist li p { text-decoration: none; position: relative; text-align: center; line-height: 1.6; transition: .3s; overflow: hidden; padding-bottom: 5px; padding-top: 10px; font-weight: bold; }
#gnav .mainlist li a:hover{ color: #003c8c; }
#gnav .mainlist li:nth-child(5),
#gnav .mainlist li:nth-child(7){ display: none; }


#gnav .navrecruit{ margin-left: 25px; }
#gnav .navrecruit>a{ background: #e7e617; display: inline-block; padding: 2px 20px; border-radius: 20px; position: relative; border: 1px solid #e7e617; padding-right: 70px; }
#gnav .navrecruit>a::before{ content: ""; background: url(../img/common/arr1_black.svg) no-repeat; background-size: contain; width: 34px; height: 14px; position: absolute; right: 20px; top: 0; bottom: 0; margin-top: auto; margin-bottom: auto; transition: .4s; }
#gnav .navrecruit>a:hover{ color: #191919; border: 1px solid #191919; background: #fff; }
#gnav .navrecruit>a:hover::before{ right: 15px; }

#gnav .contactnavlist{ margin-left: 25px; }
#gnav .contactnavlist>li:nth-child(2){ display: none; }

#gnav .instaicon{ margin-left: 25px; width: 30px; height: 30px; display: inline-block; }
#gnav .instaicon img{ position: relative; transition: .4s; }
#gnav .instaicon a:hover img{ transform: scale(1.04); }

#gnav.navlist .main>li.hassub{ position: relative; }
#gnav .mainlist li>div.sub {opacity: 0;position: absolute;top: 100%;left: 50%;margin-left: -130px;min-width: 260px;box-sizing: border-box;padding: 30px 15px;z-index: 1000;background: #f2f2f2;text-align: center;transition: .3s;visibility: hidden;}
#gnav .mainlist li>div.sub>ul.inwrap{ margin-left: -20px; display: block; text-align: center; }
#gnav .mainlist li>div.sub>ul.inwrap>li{ display: inline-block; text-align: left; margin-left: 20px; padding-bottom: 0; }
#gnav .mainlist li>div.sub a:hover{ color: #003c8c; }
#gnav .mainlist li:hover>div.sub{ opacity: 1; visibility: visible; }

#gnav .bg .inbg{ position: absolute; left: 0; top: 0; width: 100vw; height: 100vh; z-index: 2; background-color: #00a7db; opacity: 0; visibility: hidden; transition: all .6s; cursor: pointer; display: none; }

#gnav.is-open{ opacity: 1; visibility: visible; }
#gnav.is-open .inbg{ opacity: 1; visibility: visible; }
@media screen and (max-width: 1500px){
	#gnav .contactnavlist { display: none; }
}
@media screen and (max-width: 1300px){
	#gnav .mainlist ul{ margin-left: -15px; font-size: 1.4rem; }
	#gnav .mainlist li { margin-left: 15px;}
}
@media screen and (max-width: 1200px){
	#gnav{z-index: 1000000000;opacity: 0;position: fixed;top: 0;bottom: 0;left: 0;right: 0;height: 100vh!important;display: block;overflow: hidden;width: calc(100vw - calc(100vw - 100%))!important;visibility: hidden;pointer-events: none;-webkit-perspective: 500px;perspective: 500px;transition: all .7s ease-out;padding-right: 0;text-align: left;}
	#gnav.navlist>.inwrap,
	#gnav.navlist>.inwrap>.mainlistcover,
	#gnav.navlist>.inwrap>.mainlistcover>.inwrap{display: flex;flex-direction: column;align-items: center;text-align: left;justify-content: center;}
	#gnav>.inwrap{ position: relative; z-index: 10; display: block; width: 100%; height: 100%; }
	#gnav.navlist .mainlistcover{ display: block!important; justify-content: center; width: 100%; height: 100%; }
	#gnav.navlist .mainlistcover>.inwrap{overflow: hidden;overflow-y: scroll;-ms-overflow-style: none;width: 100%;padding: 100px 12% 100px;box-sizing: border-box;height: 100%;display: block !important;}
	#gnav.navlist .mainlistcover>.inwrap::-webkit-scrollbar { display: none; }
	#gnav.navlist .mainlist>li,
	#gnav.navlist .contactnavlist,
	#gnav .instaicon{transition: .3s;opacity: 0;}

	#gnav .mainlist{height: auto;display: flex;flex-direction: column;width: 100%;}
	#gnav .mainlist ul{ display: block; }
	#gnav .mainlist li.tabletblock{ display: block; }
	#gnav .mainlist li{display: block;margin-left: 0;height: auto;letter-spacing: 0.1em;position: relative;}
	#gnav .mainlist>li{padding-bottom: 25px;border-bottom: 1px solid #fff;padding-top: 25px;}
	#gnav .mainlist li:not(.hassub):before{content: "";background: url(../img/common/arr2.svg) no-repeat;background-size: contain;width: 8px;height: 14px;display: inline-block;top: 0;bottom: 4px;margin-top: auto;margin-bottom: auto;right: 0;position: absolute;}
	#gnav.navlist .mainlist>li{font-size: 1.8rem;color: #fff;}
	#gnav .mainlist>li:first-child{ font-size: 2.4rem; }
	#gnav .mainlist li:first-child{ display: block; padding-top: 0; }
	#gnav .mainlist li:first-child:not(.hassub):before{ bottom: 30px; }
	#gnav .mainlist li a,
	#gnav .mainlist li p {padding: 0;display: block;text-align: justify;font-weight: normal;}
	#gnav .mainlist li a:before{ content: none }

	#gnav .mainlist li.hassub a{vertical-align: middle;font-weight: normal;}
	#gnav .mainlist li.hassub>p{ cursor: pointer; margin-bottom: -8px; }

	#gnav .mainlist li {display: block;margin-left: 0;padding-left: 0;}
	#gnav .mainlist li::before{content: none;}

	#gnav .mainlist li a:hover{ color: #fff; }

	#gnav .mainlist li:nth-child(5),
	#gnav .mainlist li:nth-child(6),
	#gnav .mainlist li:nth-child(7){ display: block; }
	#gnav .navrecruit{ display: none; }


	#gnav .mainlist li>div.sub {opacity: 1!important;position: static;margin-left: 0;min-width: inherit;padding: 0;background: transparent;margin-top: 15px;visibility: visible;}
	#gnav .mainlist li>div.sub>ul.inwrap{ margin-left: 0;  }
	#gnav .mainlist li>div.sub>ul.inwrap>li{display: block;margin-left: 0;margin-top: 0px;padding-left: 15px;}
	#gnav .mainlist li>div.sub>ul.inwrap>li::before{content: "";background: url(../img/common/arr2.svg) no-repeat;background-size: contain;width: 8px;height: 14px;display: inline-block;position: absolute;top: 8px;bottom: 0;margin-top: auto;margin-bottom: auto;left: 0;}
	#gnav .mainlist li>div.sub>ul.inwrap>li a{ color: #fff!important; display: inline; }
	#gnav .mainlist li>div.sub a:hover{ color: #fff; }

	#gnav.navlist .contactnavlist{border: 2px solid #fff;display: flex;flex-direction: column-reverse;text-align: center;margin-left: 0;margin-top: 30px;}
	#gnav.navlist .contactnavlist>li{  }
	#gnav.navlist .contactnavlist>li:nth-child(1) .hcontact{color: #fff!important;}
	#gnav.navlist .contactnavlist>li:nth-child(1) .hcontact .title{ display: none; }
	#gnav.navlist .contactnavlist>li:nth-child(1) .hcontact .num{ font-size: 2.2rem; display: block; }
	#gnav.navlist .contactnavlist>li:nth-child(1) .hcontact .num>a{padding: 10px 21px;display: block;}
	#gnav.navlist .contactnavlist>li:nth-child(1) .hcontact .num>a{ color: #fff !important; }
	#gnav.navlist .contactnavlist>li:nth-child(1) .hcontact .num>a::before{background: url(../img/common/icon_tel.svg) no-repeat;background-size: contain;}
	#gnav.navlist .contactnavlist>li:nth-child(2){ display: block; }
	#gnav.navlist .contactnavlist>li:nth-child(2)>a{background: #fff;display: block;opacity: 1;padding: 10px 21px;}
	#gnav.navlist .contactnavlist>li:nth-child(2)>a>.inwrap{  }
	#gnav.navlist .contactnavlist>li:nth-child(2)>a>.inwrap svg,
	#gnav.navlist .contactnavlist>li:nth-child(2)>a>.inwrap .txt{ display: inline-block; vertical-align: middle;  }
	#gnav.navlist .contactnavlist>li:nth-child(2)>a>.inwrap svg{  }
	#gnav.navlist .contactnavlist>li:nth-child(2)>a>.inwrap .txt{ margin-left: 10px; color: #003c8c; }
	#gnav.navlist .contactnavlist>li:nth-child(2)>a>.inwrap{  }

	#gnav .instaicon{ margin-left: 0; width: 100%; height: inherit; }
	#gnav .instaicon a{ padding: 5px 8% 10px; background: #fff; display: block; text-align: center; }
	#gnav .instaicon a img{ width: 30px; height: 30px; }

	#gnav .bg{ opacity: 0; -webkit-transform: translate3d(0, 0, -50px); transform: translate3d(0, 0, -50px); -webkit-transition-duration: .6s; transition-duration: .6s; -webkit-transition-timing-function: cubic-bezier(.075, .82, .165, 1); transition-timing-function: cubic-bezier(.075, .82, .165, 1); opacity: 0; transform: translate3d(0px, 0px, -50px); transition-duration: 0.6s; transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1); background-color: #003c8c; overflow: hidden; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; }
	#gnav.is-open .bg{  opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); pointer-events:auto; }
	#gnav.is-open .inbg{ opacity: 1; visibility: visible; }
	#gnav .bg .inbg{ position: absolute; left: 0; top: 0; width: 100vw; height: 100vh; z-index: 2; opacity: 0; visibility: hidden; transition: all .6s; cursor: pointer; display: block; }
	#gnav.is-open{ pointer-events: auto }
	#gnav.navlist.is-open .mainlist>li,
	#gnav.navlist.is-open .contactnavlist,
	#gnav.navlist.is-open .instaicon{ opacity:1; transition: 2s; }
	#gnav.navlist.is-open .mainlist>li:nth-child(1){ -webkit-transition-delay: .6s; transition-delay: .6s; }
	#gnav.navlist.is-open .mainlist>li:nth-child(2){ -webkit-transition-delay: .7s; transition-delay: .7s; }
	#gnav.navlist.is-open .mainlist>li:nth-child(3){ -webkit-transition-delay: .8s; transition-delay: .8s; }
	#gnav.navlist.is-open .mainlist>li:nth-child(4){ -webkit-transition-delay: .9s; transition-delay: .9s; }
	#gnav.navlist.is-open .mainlist>li:nth-child(5){ -webkit-transition-delay: 1s; transition-delay: 1s; }
	#gnav.navlist.is-open .mainlist>li:nth-child(6){ -webkit-transition-delay: 1.1s; transition-delay: 1.1s; }
	#gnav.navlist.is-open .mainlist>li:nth-child(7){ -webkit-transition-delay: 1.2s; transition-delay: 1.2s; }
	#gnav.navlist.is-open .contactnavlist{ -webkit-transition-delay: 1.3s; transition-delay: 1.3s; }
	#gnav.navlist.is-open .instaicon{ -webkit-transition-delay: 1.4s; transition-delay: 1.4s; }
}
@media screen and (max-width: 767px){
	#gnav.navlist .mainlistcover>.inwrap{padding: calc(40px + 8vh) 12% calc(8vh + 40px);}
	#gnav .mainlist>li:first-child{ font-size: 2rem; }
	#gnav.navlist .mainlist>li{font-size: 1.6rem;}
	#header .mainbox #gnav.navlist .hcontact{ display: block; }
}
@media screen and (max-width: 500px){
}


#menubtn {display: none; z-index: 100000000001; }
@media screen and (max-width: 1200px){
	#menubtn {position: fixed;top: 40px;right: 20px;display: block;background: transparent;width: 60px;height: 20px;cursor: pointer;}
	#menubtn a { text-decoration: none; position: relative; display: block; height: 100%; width: 100%; }
	#menubtn a .line { width: 60px;height: 1px; position: absolute; left: 0; transition: .6s; }
	#menubtn a .line:before { content: ""; background: #003c8c; display: inline-block; position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 2px; width: 100%; margin: auto; }
	#menubtn a #line1 { top: -1px; }
	#menubtn a #line2 {top: calc(50% - 1px);}
	#menubtn a #line3 { bottom: 0; }
	#menubtn.active a .line:before { background: #fff; }
	#menubtn.active a #line1 {
		-webkit-transform:translateY(10px) rotate(-42deg);
		transform: translateY(10px) rotate(-42deg);
	}
	#menubtn.active a #line2 { opacity: 0; }
	#menubtn.active a #line3 {
		-webkit-transform:translateY(-9px) rotate(42deg);
		transform: translateY(-9px) rotate(42deg);
	}
}
@media screen and (max-width: 767px){
	#menubtn{ top: 30px; }
}
@media screen and (max-width: 500px){
}

#sidecontact>ul{ width: 60px; position: fixed; right: 0; top: 230px; z-index: 1000; }
#sidecontact>ul>li>a{ background: #003c8c; display: flex; align-items: center; justify-content: center; width: 100%; height: 207px;-webkit-writing-mode: vertical-rl;-ms-writing-mode: tb-rl;writing-mode: vertical-rl;color: #fff; }
#sidecontact>ul>li>a>.inwrap svg{ margin-bottom: 10px; }
#sidecontact>ul>li>a>.inwrap svg .mail_st0.st0{fill:#fff;}
#sidecontact>ul>li>a>.inwrap .txt{ font-size: 1.8rem; }
#sidecontact>ul>li>a:hover{ opacity: 1; background: #fff; color: #003c8c; }
#sidecontact>ul>li>a:hover>.inwrap svg .mail_st0.st0{fill:#003c8c;}
@media screen and (max-width: 1200px){
	#sidecontact>ul{ width: 100%; position: fixed;top: auto; bottom: 0; }
	#sidecontact>ul>li>a{  height: 50px;-webkit-writing-mode: inherit;-ms-writing-mode: inherit;writing-mode: inherit; }
	#sidecontact>ul>li>a>.inwrap svg{margin-bottom: 0;margin-right: 10px;vertical-align: -2px;}
}
@media screen and (max-width: 767px){
}
@media screen and (max-width: 500px){
}


#footer .fcontactbox{ position: relative; }
#footer .fcontactbox .ftxtbox{z-index: 2;position: relative;padding-top: 110px;padding-bottom: 90px;padding-left: 8%;padding-right: 8%;text-align: center;}
#footer .fcontactbox .ftxtbox .topsectitlebox{ margin-bottom: 5px; }
#footer .fcontactbox .ftxtbox .ftxt{ font-size: 1.8rem; line-height: 1.8; }
#footer .fcontactbox .ftxtbox .ftelbox{margin-top: 20px;}
#footer .fcontactbox .ftxtbox .ftelbox .tel{ display: inline-block;  line-height: 1.6; letter-spacing: 0.05em; }
#footer .fcontactbox .ftxtbox .ftelbox .tel:hover{ color: #fff; }
#footer .fcontactbox .ftxtbox .ftelbox .num{ font-size: 3.2rem; }
#footer .fcontactbox .ftxtbox .ftelbox .num::before{content: "";background: url(../img/common/icon_tel.svg) no-repeat;background-size: contain;width: 30px;height: 30px;display: inline-block;margin-right: 5px;vertical-align: -4px;}
#footer .fcontactbox .ftxtbox .ftelbox .opentxt{ font-size: 1.4rem; }
#footer .fcontactbox .bg{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 1; }
@media screen and (max-width: 1200px) {
	#footer .fcontactbox .ftxtbox{ padding-top: 100px; padding-bottom: 80px; }
}
@media screen and (max-width: 767px) {
	#footer .fcontactbox .ftxtbox .topsectitlebox{ margin-bottom: 15px; }
}
@media screen and (max-width: 500px) {
	#footer .fcontactbox .ftxtbox{ padding-top: 70px; padding-bottom: 50px; }
	#footer .fcontactbox .ftxtbox .ftxt{ font-size: 1.6rem; }
}

#footer .footerinfo{background: #003c8c;padding: 70px 8% 80px;color: #fff;display: flex;flex-direction: row; justify-content: space-between;}
#footer .footerinfo .logobox{margin-bottom: 20px;line-height: 1.8;}
#footer .footerinfo .logobox .cap,
#footer .footerinfo .logobox .sitename{ display: block; }
#footer .footerinfo .logobox .cap{ font-size: 1.4rem; }
#footer .footerinfo .logobox .sitename{ font-size: 2.4rem; font-weight: bold; }
#footer .footerinfo .addresslist{font-size: 1.5rem;margin-left: -40px;margin-bottom: -40px;line-height: 1.9;}
#footer .footerinfo .addresslist>li{display: inline-block;margin-left: 40px;margin-bottom: 40px;vertical-align: top;}
@media screen and (max-width: 1200px) {
	#footer{ margin-bottom: 50px; }
	#footer .footerinfo{ text-align: center; display: block; }
	#footer .footerinfo .logobox{ margin-bottom: 30px; }
}
@media screen and (max-width: 767px) {
	#footer .footerinfo .addresslist{font-size: 1.4rem;margin-left: -0;margin-bottom: -30px;}
	#footer .footerinfo .addresslist>li{display: block;margin-left: 0;margin-bottom: 30px;}
}
@media screen and (max-width: 500px) {
	#footer .footerinfo{ padding-bottom: 70px; }
	#footer .footerinfo .logobox .cap{ font-size: 1.2rem; }
}

#fnav{ text-align: right; }
#fnav .mainlist{ display: inline-block; vertical-align: top; margin-left: 25px; text-align: left; color: #fff; }
#fnav .mainlist li{ position: relative; padding-left: 15px; }
#fnav .mainlist li::before{ content: ""; background: url(../img/common/arr2.svg) no-repeat; background-size: contain; width: 6px; height: 12px; display: inline-block; position: absolute; left: 0; top: 0; bottom: 0; margin-top: auto; margin-bottom: auto; }
#fnav .mainlist>li a:hover{ color: #e7e617; opacity: 1; }
#fnav .mainlist>li.hassub{ padding-left: 0; margin-top: 10px; }
#fnav .mainlist>li.hassub::before{ content: none; }
@media screen and (max-width: 1200px){
	#fnav{ display: none; }
}

#cr{font-size: 1.4rem;text-align: center;padding: 14px 8%;}
@media screen and (max-width: 1100px) {
}
@media screen and (max-width: 767px) {
}
@media screen and (max-width: 500px) {
}


#mainv.under{ margin-bottom: 60px; }
#mainv.under>.mainbox{ position: relative; height: 300px; }
#mainv.under>.mainbox::before{ content: ""; background: #003c8c; width: 100%; position: absolute; top: 0; left: 0; height: calc(100% - 30px); z-index: 1; }
#mainv.under>.mainbox>.inwrap{ position: relative; z-index: 2; display: flex; height: 100%; width: 100%; }
#mainv.under>.mainbox>.inwrap .pagetitlebox{ display: flex; flex-direction: column; align-items: center; justify-content: center; margin-bottom: 20px; color: #fff; position: relative; z-index: 3; height: 100%; box-sizing: border-box; width: 100%; }
#mainv.under>.mainbox>.inwrap .pagetitlebox .en{ font-size: 4.8rem; line-height: 1.6; font-weight: normal; letter-spacing: 0.1em; }
#mainv.under>.mainbox>.inwrap .bg{ position: absolute; top: 0; right: 0; width: 88%; z-index: 2; max-width: 1450px; }
@media screen and (max-width: 1200px) {
	#mainv.under>.mainbox>.inwrap .pagetitlebox .en{ font-size: 3.6rem; }
	#mainv.under>.mainbox{ height: 260px; }
	#mainv.under{ margin-bottom: 70px; }
}
@media screen and (max-width: 767px) {
	#mainv.under>.mainbox>.inwrap .pagetitlebox .en{ font-size: 2.8rem; }
	#mainv.under>.mainbox{ height: 230px; }
	#mainv.under{ margin-bottom: 50px; }
}
@media screen and (max-width: 500px) {
}



#pankuzu {line-height: 1.4;position: relative;z-index: 10;box-sizing: border-box;letter-spacing: 0.05em;font-size: 1.3rem;padding-top: 20px;padding-left: 4%;padding-right: 4%;margin-bottom: 80px;}
#pankuzu ol li { display:inline; }
#pankuzu ol li:before {content:"";background: url(../img/common/pankuzuarr.svg) no-repeat;background-size: contain;width: 6px;height: 10px;display: inline-block;margin: 0 5px 0 2px;font-size: 1rem;vertical-align: 1px;}
#pankuzu ol li p{ display: inline-block; }
#pankuzu ol li .pankuzuarr{font-size: 1rem;vertical-align: -1px;display: inline-block;margin:0 0px 0 3px;}
#pankuzu ol li .pankuzuarr:before {content:"";background: url(../img/common/pankuzuarr.svg) no-repeat;background-size: contain;width: 6px;height: 10px;display: inline-block;margin: 0 8px 0 5px;font-size: 1rem;vertical-align: 1px;}
#pankuzu ol li:first-child:before { display: none; }
#pankuzu ol li:first-child img{width: 14px;height: 14px;vertical-align: 0px;}
#pankuzu ol li a:hover { opacity: 0.7; }
@media screen and (max-width: 1200px) { 
	#pankuzu{ display: none; }
}

#article.under,
#main._contentwithside{ margin-bottom: 200px; }
@media screen and (max-width: 1200px) {
	#article.under,
	#main._contentwithside{ margin-bottom: 150px; }
}
@media screen and (max-width: 767px) {
	#article.under,
	#main._contentwithside{ margin-bottom: 100px; }
}
@media screen and (max-width: 500px) {
}

#main._contentwithside .maincontent {display: flex;flex-direction: row;}
#main._contentwithside .maincontent{ padding-top: 0 !important; }
#main._contentwithside .maincontent #articlewp {width: 100%;display: flex;flex-direction: column;}
#main._contentwithside .maincontent #side {flex-shrink: 0;width: 240px;margin-left: 10%;}
#main._contentwithside .maincontent #side .cstitle{margin-bottom: 8px;font-weight: normal;font-size: 2rem;background: #f7f7f7;padding: 10px 25px;font-size: 1.8rem;color: #003c8c;}
#main._contentwithside .maincontent #side .csection:not(:last-child){ margin-bottom: 55px; }
#main._contentwithside .maincontent #side .cslist>li{padding-bottom: 12px;padding-top: 12px;border-bottom: 1px solid #999999;font-size: 1.4rem;font-weight: bold;position: relative;padding-left: 20px;}
#main._contentwithside .maincontent #side .cslist>li::before{ content: ""; background: url(../img/common/arr2_blue.svg) no-repeat; background-size: contain; width: 8px; height: 14px; display: inline-block; position: absolute; top: 0; bottom: 0; margin-top: auto; margin-bottom: auto; left: 0; }
#main._contentwithside .maincontent #side .cslist>li>a{position: relative;display: block;font-weight: bold;font-size: 1.4rem; letter-spacing: 0.05em;}
#main._contentwithside .maincontent #side .cslist>li>a::after {content:"";background: url(../img/common/arr.svg) no-repeat;background-size: contain;width: 18px;height: 16px;display: inline-block;margin: 0 8px 0 5px;font-size: 1rem;vertical-align: 0px;position: absolute; top: 0;bottom: 0;margin-top: auto;margin-bottom: auto;right: 2px;transition: .4s;}
#main._contentwithside .maincontent #side .cslist>li>a:hover{ color: #003c8c; opacity: 1; }
#main._contentwithside .maincontent #side .cslist>li>a:hover::after{ right: -2px; }
body.single #main._contentwithside .maincontent { margin-bottom: 0; }
body.single .relatedpost+#footer{ margin-top: 0; }
@media screen and (max-width: 1200px) {
	#main._contentwithside .maincontent { display: block; margin-bottom: 0; }
	#main._contentwithside .maincontent #articlewp+.insec .pagenav{ padding-bottom: 100px; }
	body.single #main._contentwithside .maincontent #articlewp+.insec .pagenav{ padding-top: 100px; }
	#main._contentwithside .maincontent #side { width: 100%; margin-left: 0%; margin-top: 80px; }
	#main._contentwithside .maincontent #side .cslist{ columns: 2; }
}
@media screen and (max-width: 767px) {
}
@media screen and (max-width: 500px){
	#main._contentwithside .maincontent #side .cslist{ columns: inherit; }
	#main._contentwithside .maincontent #side .csection:not(:last-child){ margin-bottom: 40px; }
}