@charset "utf-8";



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

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

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


#header .mainbox {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.4s ease-out;display: flex;flex-direction: row;justify-content: flex-end;height: 120px;box-sizing: border-box;align-items: center;transition: .6s;padding-left: 6%;padding-right: 6%;}
#header .mainbox .logobox{background: #fff;position: fixed;top: 0;left: 0;border-radius: 0 0px 40px 0px;display: flex;align-items: center;justify-content: center;width: 352px;height: 114px;padding-top: 10px;transition: .6s;}
#header .mainbox .logobox .logo {z-index: 1000001;width: 238px;transition: .6s;}
#header .mainbox .logobox .logo a { position: relative; display: block; }
#header .mainbox .logobox .logo img { z-index: 100; }
#index #header.fixed .mainbox{ background: #fff; }
#header.fixed .mainbox{ height: 100px; }
#header.fixed .mainbox .logobox{ padding-top: 0; height: 99px; }
#header.fixed .mainbox .logobox .logo{ width: 210px; }
body:not(#index) #header .mainbox{ background: #fff;border-radius: 0 0px 40px 0px; }
body:not(#index) #header .mainbox .logobox{ background: transparent; }
@media screen and (max-width: 1200px) {
	#header.fixed .mainbox,
	#header .mainbox{ padding-left: 0; padding-right: 0; height: inherit; }
	#header.fixed .mainbox .logobox,
	#header .mainbox .logobox{width: 300px;height: 130px;}
	#header.fixed .mainbox .logobox .logo,
	#header .mainbox .logobox .logo{ position: relative; width: 200px;}
	body:not(#index) #header .mainbox .logobox{ background: #fff; }
}
@media screen and (max-width: 1100px){
}
@media screen and (max-width: 767px) {
	#header .mainbox .logobox{width: 240px;height: 110px;}
	#header .mainbox .logobox .logo{ width: 180px;}
}
@media screen and (max-width: 500px) {
}

#gnav {z-index: 11;line-height: 1.4; color: #fff; font-weight: bold; transition: .4s; }
#gnav ,
#gnav .navbox,
#gnav .mainlistcover,
#gnav .mainlistcover>.inwrap,
#gnav .mainlistcover>.inwrap .gnmainbox,
#gnav .mainlistcover>.inwrap .mainlist,
#gnav .mainlistcover>.inwrap .mainlist>li{ height: 100%; display: flex; justify-content: flex-end;}
#gnav .mainlistcover>.inwrap .mainlist>li:first-child { display: none; }
#gnav ul { display: flex; align-items: center; font-size: 1.8rem; }
#gnav ul li {margin-left: 15px;height: 55px;display: flex;flex-direction: column;justify-content: flex-end;padding-bottom: 35px;transition: .4s;}
#gnav ul li a,
#gnav ul li .navswitch{ display: inline-block; position: relative; cursor: pointer; }
#gnav ul li a{ transition: inherit; }
#gnav ul li a:hover,
#gnav ul li .navswitch:hover{ opacity: 1; }
#gnav ul li:not([data-cat="kariyushi"]):not([data-cat="sakurasaku"]):hover{ color: #ee8190; }
#gnav ul li .subtitle{ font-size: 1.2rem; text-align: center; margin-bottom: 5px; }
#gnav ul li .maintitle{ font-size: 2.4rem; }
#gnav ul li .opentitle{ font-size: 1.2rem; text-align: center; color: #ed809f; margin-bottom: 2px; }
#gnav ul li.hassub{ position: relative; }
#gnav ul li.hassub .subnav{padding-top: 24px;position: absolute;top: 90px;left: -20px;box-sizing: border-box;opacity: 0;transition: .3s;visibility: hidden;z-index: 1;}
#gnav ul li.hassub .subnav::before{content: "";background: url(../img/common/navfukidashi.svg) no-repeat;background-size: contain;width: 72px;height: 24px;display: inline-block;position: absolute;top: 0px;left: 40px;}
#gnav ul li.hassub .subnav>.inwrap{padding: 16px 30px 22px;z-index: 1000;background: #ed809f;color: #fff;text-align: center;border-radius: 40px;width: 574px;line-height: 1.8;}
#gnav ul li.hassub .subnav>.inwrap>ul{ display: block; text-align: center; margin-bottom: -5px; }
#gnav ul li.hassub .subnav>.inwrap>ul>li{display: inline-block;text-align: left;padding-bottom: 0;height: inherit;margin-bottom: 5px;}
#gnav ul li.hassub .subnav a::after,
#gnav ul li.hassub .subnav .navswitch::after{ content: ""; background: #fff;  display: inline-block; position: absolute; bottom: 0; left: 0; right: 0; margin-left: auto; margin-right: auto; width: 100%; height: 1px; transition: .4s; }
#gnav ul li.hassub .subnav a:hover::after,
#gnav ul li.hassub .subnav .navswitch:hover::after{ width: 0%; }
#gnav ul li.hassub .subnav a{ color: #fff; font-size: 2rem; }
#gnav ul li.hassub .subnav a::after{ background: #fff!important; }
#gnav ul li:nth-child(n+3).hassub .subnav{ left: auto; right: -20px; }
#gnav ul li:nth-child(n+3).hassub .subnav::before{ left: auto; right: 40px; }
#header.fixed #gnav ul.mainlist>li{ padding-bottom: 25px; }
#header.fixed #gnav ul li.hassub .subnav{ top: 80px; }
#gnav ul li.hassub:hover .subnav{ opacity: 1; visibility: visible; z-index: 2; }
#gnav ul li.current{ color: #ed809f; }
body:not(#index) #gnav ul li.current a::after,
body:not(#index) #gnav ul li.current .navswitch::after{ background: #ed809f; }
#gnav ul li.current[data-cat="kariyushi"]{ color: #029DFF; }
#gnav ul li[data-cat="kariyushi"]:hover{ opacity: 1; color: #029DFF; }
#gnav ul li[data-cat="sakurasaku"]:hover{ opacity: 1; color: #ed809f; }
#gnav ul li[data-cat="kariyushi"].hassub .subnav::before{background: url(../img/common/navfukidashi_kariyushi.svg) no-repeat; }
#gnav ul li[data-cat="kariyushi"].hassub .subnav>.inwrap,
body:not(#index) #gnav ul li.current[data-cat="kariyushi"] a::after,
body:not(#index) #gnav ul li.current[data-cat="kariyushi"] .navswitch::after{ background: #029DFF; }
body:not(#index) #gnav { color: inherit; }
body:not(#index) #gnav ul li a::after,
body:not(#index) #gnav ul li .navswitch::after{ background: #000; }
#header.fixed #gnav{ color: #000; }
#header.fixed #gnav ul li a::after,
#header.fixed #gnav ul li .navswitch::after{ background: #000; }
@media screen and (max-width: 1500px){
	#gnav ul li .subtitle{ font-size: 1rem; }
	#gnav ul li .maintitle{ font-size: 1.8rem; }
}
@media screen and (max-width: 1100px){
}
@media screen and (max-width: 767px){
}
@media screen and (max-width: 1200px){
	#gnav { right: -500px; width: 500px;z-index: 1000;position: fixed;top: 0;right: -50vw;display: flex;justify-content: space-between;align-items: center;height: 100vh;overflow-y: scroll;width: 50vw;background: #fff5f8;pointer-events: none;transition: 0.8s cubic-bezier(.51,.09,.43,1) 0s;-ms-overflow-style: none;scrollbar-width: none;color: inherit;}
	#gnav::-webkit-scrollbar { display:none; }
	#gnav{ display: block;}
	#gnav .mainlistcover,
	#gnav .mainlistcover>.inwrap{height: auto;}
	#gnav .mainlistcover>.inwrap .mainlist>li{ height: auto; display: block; }
	#gnav .mainlistcover>.inwrap .mainlist>li:first-child { display: block; }
	#gnav .navbox{width: 100%;justify-content: center;align-items: center;}
	#gnav .wrap { width: 100%; height: 100%; display: block; display: flex; align-items: center; justify-content: center; position: relative; }
	#gnav .mainlistcover>.inwrap .gnmainbox { z-index: 10; width: 100%; padding: 0 8%; box-sizing: border-box; display: flex; flex-direction: column; height: auto; }
	#gnav.is-open{ pointer-events: auto; right: 0; }
	#gnav ul.mainlist {text-align: center;font-size: 2rem;flex-direction: column;height: auto;}
	#gnav ul.mainlist li:not(:last-child){ margin-bottom: 25px; }
	#gnav ul.mainlist>li{transition: 2.5s;opacity: 0;display: block;height: auto;margin-left: 0;padding-bottom: 0!important;}
	#gnav ul li a::after,
	#gnav ul li .navswitch::after{ content: none; }
	#gnav ul li.hassub .subnav{padding-top: 0;position: relative;opacity: 1;visibility: visible;top: 0;margin-top: 10px;left: 0;}
	#gnav ul li.hassub .subnav::before{content: none;}
	#gnav ul li.hassub .subnav>.inwrap{padding: 0;text-align: left;border-radius: 0;width: 100%;background: transparent!important;color: #000;}
	#gnav ul li.hassub .subnav a{ color: #000; font-size: 1.4rem; }
	#gnav ul li.hassub .subnav a::after{ background: #000!important; }
	#gnav ul li.hassub .subnav>.inwrap>ul>li{ margin-bottom: 0; }
	#gnav ul li:nth-child(n+3).hassub .subnav{ left: 0; right: -0; }
	#gnav.is-open ul.mainlist>li { opacity:1; transition: 2.5s; }
	#gnav.is-open ul.mainlist>li:nth-child(1){ -webkit-transition-delay: 0.8s; transition-delay: 0.8s; }
	#gnav.is-open ul.mainlist>li:nth-child(2){ -webkit-transition-delay: 0.9s; transition-delay: 0.9s; }
	#gnav.is-open ul.mainlist>li:nth-child(3){ -webkit-transition-delay: 1s; transition-delay: 1s; }
	#gnav.is-open ul.mainlist>li:nth-child(4){ -webkit-transition-delay: 1.1s; transition-delay: 1.1s; }
	#gnav.is-open ul.mainlist>li:nth-child(5){ -webkit-transition-delay: 1.2s; transition-delay: 1.2s; }
	#gnav.is-open ul.mainlist>li:nth-child(6){ -webkit-transition-delay: 1.3s; transition-delay: 1.3s; }
	#gnav.is-open ul.mainlist>li:nth-child(7){ -webkit-transition-delay: 1.4s; transition-delay: 1.4s; }
	#gnav.is-open ul.mainlist>li:nth-child(8){ -webkit-transition-delay: 1.5s; transition-delay: 1.5s; }
}
@media screen and (max-width: 767px){
	#gnav { right: -100vw; width: 100vw; }
	#gnav ul.mainlist{ font-size: 1.8rem; }
}
@keyframes bgfadein {
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes bgfadeout {
  0% { visibility: visible; }
  100% { opacity: 0; visibility: hidden; }
}


#menubtn{ display: none; }
@media screen and (max-width: 1200px){
	#menubtn {position: fixed;top: 35px;right: 30px;display: block;background: transparent;width: 80px;height: 30px;transition: 1.15s cubic-bezier(0.25, 1, 0.5, 1) 0s;cursor: pointer;z-index: 1001;}
	#menubtn a { text-decoration: none; position: relative; display: block; height: 100%; width: 100%; color: #000; }
	#menubtn a .line { width: 20px; height: 1px; background: #000; position: absolute; left: 0; transition: 0.3s; right: 0; margin-left: auto; margin-right: auto; }
	#menubtn a:hover .line { width: 8px; }
	#menubtn a #line1 { top: 8px; }
	#menubtn a #line2 { bottom: 8px; }
	#menubtn.active a .line{ width: 80px; background: #000 !important; }
	#menubtn.active a #line1 {
		-webkit-transform:translateY(6px) translateX(0) rotate(-20deg);
		transform: translateY(6px) translateX(0) rotate(-20deg);
	}
	#menubtn.active a #line2 {
		-webkit-transform:translateY(6px) translateX(0) rotate(20deg);
		transform: translateY(-6px) translateX(0) rotate(20deg);
	}
}
@media screen and (max-width: 500px){
	#menubtn{ top: 20px; right: 0; }
	#menubtn a:hover .line { width: 20px; }
	#menubtn.active a .line{ width: 50px; }
}

#sidehotline{position: fixed;right: 0;top: 160px;}
#sidehotline>ul>li>a{display: flex;align-items: center;justify-content: center;border-radius: 40px 40px 0 40px;background: #4fa0cb;color: #fff;width: 184px;height: 90px;}
#sidehotline>ul>li:not(:last-child){ margin-bottom: 15px; }
#sidehotline>ul>li>a .icon{width: 35px;flex-shrink: 0;margin-right: 15px;padding-bottom: 5px;}
#sidehotline>ul>li>a .txtbox{line-height: 1.4;padding-top: 6px;}
#sidehotline>ul>li>a .txtbox .timetxt{line-height: 1;margin-left: -5px;}
#sidehotline>ul>li>a .txtbox .timetxt .num{display: inline-block;vertical-align: -1px;font-size: 3rem;margin-left: 5px;}
#sidehotline>ul>li>a .txtbox .timetxt .unit{display: inline-block;font-size: 1.4rem;margin-left: 5px;}
#sidehotline>ul>li>a .txtbox .hotlinetxt{font-size: 1.2rem;line-height: 1.2;margin-top: 3px;}
#sidehotline>ul>li._kariyushi>a{ background: #4fa0cb; }
#sidehotline>ul>li._sakurasaku>a{ background: #ee8190; }
/* #index #sidehotline,
#kariyushi.index #sidehotline{ display: none; } */
@media screen and (max-width: 1200px){
	#sidehotline{ display: none; }
}
@media screen and (max-width: 767px) {
}
@media screen and (max-width: 500px) {
}

#article{ position: relative;border-radius: 0 0 40px 0px; position: relative; }
#article:after{content: "";background: #6E6E6E;width: 100%;position: absolute;bottom: 0;left: 0;height: 200px;z-index: 1;}
#article>.inwrap{ position: relative; z-index: 2; }
#article._underwhite{ border-radius: 0 0 0 0px; }
#article._underwhite>.inwrap{ background: #fff; border-radius: 0 0 40px 0px;}
#article._underwhite~#footer{ background: #fff; }
@media screen and (max-width: 1100px){
}
@media screen and (max-width: 767px) {
}
@media screen and (max-width: 500px) {
}

#footer{ background: #F2F2F2; }
#index #footer{ background: #F2F2F2; }
#article._fcolorblue~#footer{ background: #E6F1F2; }
#article._fcolorpink~#footer{ background: #FFF5F8; }
#footer .fcontactbox{ border-radius: 40px 0 0 0px; background: #6E6E6E; padding-top: 50px; padding-bottom: 60px; }
#footer .fcontactbox .incnt{ max-width: 1040px; }
#footer .fcontactbox .titlebox{ margin-bottom: 40px; text-align: center; }
#footer .fcontactbox .titlebox .title{ font-size: 2.4rem; line-height: 1.8;color: #fff; margin-bottom: 5px; }
#footer .fcontactbox .titlebox .txt{ color: #fff; }
#footer .fcontactbox .fcontactlist>ul{ text-align: center; margin-left: -40px; margin-bottom: -30px; }
#footer .fcontactbox .fcontactlist>ul>li{ display: inline-block; text-align: left; margin-left: 40px; margin-bottom: 30px; }
#footer .fcontactbox .fcontactlist>ul>li>a{ display: flex; flex-direction: row; }
#footer .fcontactbox .fcontactlist>ul>li>a .icon{ flex-shrink: 0; width: 100px; margin-right: 25px; display: flex; justify-content: center; }
#footer .fcontactbox .fcontactlist>ul>li>a .icon img{ width: 100px; }
#footer .fcontactbox .fcontactlist>ul>li>a .txtbox{ display: flex; justify-content: center; flex-direction: column; }
#footer .fcontactbox .fcontactlist>ul>li>a .txtbox .txt{ color: #fff;font-size: 1.8rem; }
#footer .fcontactbox .fcontactlist>ul>li>a .txtbox .numtxt{ color: #e57f9c; font-size: 3.2rem; font-weight: 900; line-height: 1.4; }
#footer .fcontactbox .fcontactlist>ul>li>a .txtbox .opentxt{ color: #fff; }
#footer .fcontactbox .fcontactlist>ul>li>a:hover{ opacity: 1; }
@media screen and (max-width: 1200px){
}
@media screen and (max-width: 767px) {
}
@media screen and (max-width: 500px) {
	#footer .fcontactbox .fcontactlist>ul>li>a{ display: block; }
	#footer .fcontactbox .fcontactlist>ul>li>a .icon{ text-align: center; width: 100%; margin-bottom: 20px; }
	#footer .fcontactbox .fcontactlist>ul>li>a .txtbox .txt,
	#footer .fcontactbox .fcontactlist>ul>li>a .txtbox .numtxt{ text-align: center; }
}

#footer .fmainbox{ background: #505050; padding-top: 80px; padding-bottom: 80px; }
#footer .fmainbox>.incnt>.inwrap{  display: flex; flex-direction: row; color: #fff; }
#footer .fmainbox .logobox{ flex-shrink: 0; width: 238px; margin-right: 40px; }
#footer .fmainbox #fnav { display: flex; flex-direction: column; justify-content: center; }
#footer .fmainbox #fnav .mainlist>ul{ text-align: left; }
#footer .fmainbox #fnav .mainlist>ul>li{ display: inline-block; margin-right: 5px; position: relative; }
#footer .fmainbox #fnav .mainlist>ul>li:not(:last-child):after{ content: "|"; padding-left: 10px; }
#footer .fmainbox #fnav .mainlist>ul>li .opentitle{position: absolute;top: -20px;left: 0;right: 0;margin-left: auto;margin-right: auto;font-size: 1.2rem;color: #ed809f;}
#footer .fmainbox #fnav .mainlist>ul>li .maintitle{display: inline-block;}
@media screen and (max-width: 1200px){
	#footer .fmainbox #fnav{ display: none; }
	#footer .fmainbox{  padding-top: 40px; padding-bottom: 40px; text-align: center; }
	#footer .fmainbox .logobox{ margin-right: auto; margin-left: auto; }
}
@media screen and (max-width: 767px) {
}
@media screen and (max-width: 500px) {
}

#footer .fcrtxt{ font-size: 1.3rem; text-align: center; color: #fff; background: #363636; padding: 15px 8%; line-height: 1.8; }
@media screen and (max-width: 1100px){
}
@media screen and (max-width: 767px) {
}
@media screen and (max-width: 500px) {
}

body:not(#index) #mainv{ padding-top: 180px; }
#mainv.kariyushi{position: relative;height: 700px;box-sizing: border-box;}
#mainv.kariyushi::before{content: "";background: #e5f6ff;height: calc(100% - 40px);width: 100%;position: absolute;top: 0;bottom: 40px;left: 0;right: 0;border-radius: 0 0px 40px 0px;}
#mainv.kariyushi>.incnt>.inwrap{ display: flex; flex-direction: row; }
#mainv.kariyushi>.incnt,
#mainv.kariyushi>.incnt>.inwrap{ height: 100%; }
#mainv.kariyushi .txtbox{margin-right: 4%;flex-shrink: 0;display: flex;justify-content: center;flex-direction: column;padding-bottom: 60px;}
#mainv.kariyushi .txtbox .titlebox{ line-height: 1.8; }
#mainv.kariyushi .txtbox .titlebox .subtitle{ font-size: 3.1rem; margin-bottom: 5px; }
#mainv.kariyushi .txtbox .titlebox .mainlogo img{max-width: 328px;width: 100%;}
#mainv.kariyushi .txtbox .titlebox+.txt{ margin-top: 25px; }
#mainv.kariyushi .imgbox{width: 100%;display: flex;align-items: flex-end;height: calc(100% - 90px);}
#mainv.kariyushi .imgbox>.inwrap{ border-radius: 40px 0 40px 0px; overflow: hidden; width: 100%; height: 100%; }
#mainv.kariyushi .imgbox img{ object-position: 50% 10%; }
@media screen and (max-width: 1200px){
	body:not(#index) #mainv{ padding-top: 200px; }
	#mainv.kariyushi{height: 700px;margin-bottom: 20px;}
	#mainv.kariyushi>.incnt>.inwrap{ justify-content: center; }
	#mainv.kariyushi .txtbox .titlebox .subtitle{ font-size: 2rem; }
	#mainv.kariyushi .txtbox .titlebox .mainlogo img{max-width: 240px;}
	body:not(#index) #mainv{ padding-top: 140px; }
}
@media screen and (max-width: 1040px){
	#mainv.kariyushi .txtbox{flex-shrink: 0;width: 45%;}
}
@media screen and (max-width: 767px) {
	#mainv.kariyushi{  height: inherit; padding-bottom: 90px; }
	#mainv.kariyushi>.incnt>.inwrap{ display: block; }
	#mainv.kariyushi .txtbox .titlebox{ text-align: center; }
	#mainv.kariyushi .txtbox{margin-right: 0%;display: block;padding-bottom: 0;width: 100%; }
	#mainv.kariyushi .imgbox{display: block;text-align: center;margin-top: 20px;height: 400px;}
	#mainv.kariyushi .imgbox img{max-width: 806px; width: 100%;}
}
@media screen and (max-width: 500px) {
	#mainv.kariyushi .imgbox{ margin-top: 20px; }
}

#mainv.sakurasaku{position: relative;height: 700px;box-sizing: border-box;padding-bottom: 100px;}
#mainv.sakurasaku::before{content: "";background: #fff5f8;height: calc(100% - 40px);width: 100%;position: absolute;top: 0;bottom: 40px;left: 0;right: 0;border-radius: 0 0px 40px 0px;}
#mainv.sakurasaku>.incnt{ max-width: 1150px; }
#mainv.sakurasaku>.incnt>.inwrap{ display: flex; flex-direction: row; }
#mainv.sakurasaku>.incnt,
#mainv.sakurasaku>.incnt>.inwrap{ height: 100%; }
#mainv.sakurasaku .txtbox{margin-right: 4%;flex-shrink: 0;display: flex;justify-content: center;flex-direction: column;/* padding-bottom: 60px; */}
#mainv.sakurasaku .txtbox .titlebox{line-height: 1.8;margin-bottom: 35px;}
#mainv.sakurasaku .txtbox .titlebox .mainlogo img{max-width: 320px;width: 100%;}
#mainv.sakurasaku .txtbox .txt2{font-size: 2.8rem;font-weight: bold;margin-bottom: 10px;line-height: 1.6;}
#mainv.sakurasaku .txtbox .txt2>.inb{ background: linear-gradient(transparent 40%, #fff 40%, #fff 90%,transparent 90%); }
#mainv.sakurasaku .imgbox{width: 100%;display: flex;align-items: flex-end;}
#mainv.sakurasaku .imgbox>.inwrap{ border-radius: 40px 0 40px 0px; overflow: hidden; width: 100%; height: 100%; }
#mainv.sakurasaku .imgbox img{ object-position: 50% 10%; }
@media screen and (max-width: 1200px){
	#mainv.sakurasaku{height: 700px;margin-bottom: 20px;padding-bottom: 50px;}
	#mainv.sakurasaku>.incnt>.inwrap{ justify-content: center; }
	#mainv.sakurasaku .txtbox .titlebox .mainlogo img{max-width: 240px;}
	#mainv.sakurasaku .txtbox .txt2{ font-size: 2.4rem; }
	#mainv.sakurasaku::before{ height: 100%; }
}
@media screen and (max-width: 1040px){
	#mainv.sakurasaku .txtbox{flex-shrink: 0;width: 45%;}
}
@media screen and (max-width: 767px) {
	#mainv.sakurasaku{  height: inherit; }
	#mainv.sakurasaku>.incnt>.inwrap{ display: block; }
	#mainv.sakurasaku .txtbox .titlebox{ text-align: center; }
	#mainv.sakurasaku .txtbox{margin-right: 0%;display: block;padding-bottom: 0;width: 100%; }
	#mainv.sakurasaku .imgbox{display: block;text-align: center;margin-top: 20px;height: 400px;}
	#mainv.sakurasaku .txtbox .txt2{ font-size: 2.2rem; }
	#mainv.sakurasaku .imgbox img{max-width: 656px; width: 100%;}
}
@media screen and (max-width: 500px) {
	#mainv.sakurasaku .imgbox{ margin-top: 20px; }
}

#mainv.under{ background: #fff5f8;border-radius: 0 0px 40px 0px;position: relative; height: 354px; box-sizing: border-box; margin-bottom: 60px; }
#mainv.under .incnt{ height: 100%; }
#mainv.under .pagetitle{display: flex;align-items: center;justify-content: center;font-size: 4.2rem;line-height: 1.8;height: 100%;}
#mainv.under._blue{ background: #e5f6ff; }
@media screen and (max-width: 1200px){
	#mainv.under{ height: 300px; }
	#mainv.under .pagetitle{ font-size: 3.6rem; }
}
@media screen and (max-width: 767px) {
	#mainv.under{ height: 280px; }
	#mainv.under .pagetitle{ font-size: 2.6rem; }
}
@media screen and (max-width: 500px) {
}


#main._contentwithside { position: relative; }
#main._contentwithside:after{content: "";background: #6E6E6E;width: 100%;position: absolute;bottom: 0;left: 0;height: 200px;z-index: 1;}
#main._contentwithside>.inwrap{ position: relative; z-index: 2;padding-top: 40px; padding-bottom: 100px; background: #fff; border-radius: 0 0 40px 0px;}
#main._contentwithside~#footer{ background: #fff; }
#main._contentwithside .maincontent { display: flex; flex-direction: row;  }
#main._contentwithside .maincontent{ padding-top: 0 !important; }
#main._contentwithside .maincontent #articlewp { width: 100%; }
#main._contentwithside .maincontent #side { flex-shrink: 0; width: 200px; margin-left: 8%; margin-top: -15px; }
#main._contentwithside .maincontent #side .cstitle{margin-bottom: 15px;font-weight: normal;font-size: 2rem;background: #fff5f8;padding: 5px 20px;}
#main._contentwithside .maincontent #side .csection{ margin-bottom: 35px; }
#main._contentwithside .maincontent #side .csection:last-child{ margin-bottom: 0; }
#main._contentwithside .maincontent #side .cslist>li{ line-height: 1.8; }
/* #main._contentwithside .maincontent #side .cslist>li>a{ display: inline-block; overflow: hidden; position: relative; } */
/* #main._contentwithside .maincontent #side .cslist>li>a:before{ content: ""; background: #666; display: inline-block; position: absolute; bottom: 0; left: 0; width: 0; height: 1px; transition: .6s } */
#main._contentwithside .maincontent #side .cslist>li>a:hover{ opacity: 1; color: #ed809f; }
/* #main._contentwithside .maincontent #side .cslist>li>a:hover:before { width: 100% } */
	#main._contentwithside .maincontent #side .cslist,
	#main._contentwithside .maincontent #side .taglist{ padding-left: 5px; padding-right: 5px; }
#main._contentwithside .maincontent #side .cslist>li{ padding-left: 20px; padding-right: 20px; padding-left : 0.6em !important; text-indent : -0.6em; }
#main._contentwithside .maincontent #side .cslist>li::before{ content: "-"; }
#main._contentwithside .maincontent #side .cslist>li:not(:last-child){ margin-bottom: 10px; }
@media screen and (max-width: 1200px) {
	#main._contentwithside>.inwrap { padding-top: 20px; }
	#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: 60px; }
	#main._contentwithside .maincontent #side .cstitle{ text-align: center; }
	#main._contentwithside .maincontent #side .cslist{ columns: 3; }
	#main._contentwithside .maincontent #side .cslist,
	#main._contentwithside .maincontent #side .taglist{ padding-left: 8%; padding-right: 8%; }
	#main._contentwithside .maincontent #side .cslist>li{ padding-left: 0; padding-right: 0; }
}
@media screen and (max-width: 767px) {
	#main._contentwithside>.inwrap { padding-bottom: 80px; }
	#main._contentwithside .maincontent #side .cslist{ columns: 2; }
	body.single #main._contentwithside .maincontent #articlewp+.insec .pagenav{ padding-top: 80px; }
}
@media screen and (max-width: 500px){
	#main._contentwithside .maincontent #side .cslist{ columns: inherit; }
}