@charset "UTF-8";
/* 
	
CSS base.css */


/*
base #333333
green #006367
*/


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


Header


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

#header .mainbox{position: fixed;top: 0;left: 0;box-sizing: border-box;z-index: 100;width: 100%;}
#header .mainbox .logobox,
#header .mainbox .logo{ max-width: 352px; width: 100%; }
#header .mainbox .logo a:hover{ opacity: 0.9; }
#index #header .mainbox{width: 100%;}
@media screen and (max-width: 1500px){
}
@media screen and (max-width: 1200px){
}
@media screen and (max-width: 767px){
	#header .mainbox .logobox,
	#header .mainbox .logo{ max-width: 218px;  }
}

#sideribonbox{position: fixed;background: #f6e361;width: 80px;height: 100vh;height:100svh;z-index: 3000000;transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1) 0.2s;right: 0;top: 0;min-height: 600px;}
#sideribonbox>ul{display: flex;flex-direction: row;justify-content: space-between;-webkit-writing-mode: vertical-rl;-ms-writing-mode: tb-rl;writing-mode: vertical-rl;width: 100%;height: 100%;}
#sideribonbox>ul>._contact{ width: 100%; height: 320px; }
#sideribonbox>ul>._contact>a{background: #faf7f3;color: #006367;font-size: 1.8rem;display: flex;width: 100%;height: 154px;align-items: center;justify-content: center;}
#sideribonbox>ul>._contact>a svg{ width: 28px; height: 24px; display: inline-block; margin-bottom: 8px; }
#sideribonbox>ul>._contact>a:hover{ background: #006367; color: #fff; }
#sideribonbox>ul>._contact>a:hover .mail_green_st1.st1{fill:#fff;}
#sideribonbox>ul>._contact>a:hover .mail_green_st2.st2{fill:#fff;}
#sideribonbox>ul>._menubtn{color: #006367;position: absolute;top: 0;bottom: 80px;margin: auto;left: 0;right: 0;height:120px}
#sideribonbox>ul>._menubtn>a{display: flex;align-items: center;justify-content: center;width: 100%;color: #006367;}
#sideribonbox>ul>._menubtn>a .menutxt{ letter-spacing: 0.3em; font-weight: bold; }
#sideribonbox>ul>._linklist{width: 100%;height: 325px;display: flex;justify-content: center;align-items: center;}
#sideribonbox>ul>._linklist>ul>li{ display: inline-block; vertical-align: middle; margin-top: 15px; }
#sideribonbox>ul>._linklist>ul>li>a{font-size: 1.5rem;position: relative;display: inline-block;padding-bottom: 23px;color: #006367;padding-right: 3px;}
#sideribonbox>ul>._linklist>ul>li>a::after,
#sideribonbox>ul>._linklist>ul>li>a::before{ content: ""; background: url(../img/common/arr1.svg) no-repeat; background-size: contain; width: 18px; height: 18px; position: absolute; bottom: 0; left: 0; right: 0; margin-left: auto; margin-right: auto; transition: .4s; }
#sideribonbox>ul>._linklist>ul>li>a::before{ background: url(../img/common/arr1_black.svg) no-repeat; background-size: contain; opacity: 0; }
#sideribonbox>ul>._linklist>ul>li>a:hover{ color: #333; }
#sideribonbox>ul>._linklist>ul>li>a:hover::after,
#sideribonbox>ul>._linklist>ul>li>a:hover::before{ left: 10px; }
#sideribonbox>ul>._linklist>ul>li>a:hover::after{ opacity: 0; }
#sideribonbox>ul>._linklist>ul>li>a:hover::before{ opacity: 1; }
#sideribonbox.is-open{ width: 140px; }
@media screen and (max-width: 1200px) {
	#sideribonbox{width: 160px;height: 80px;min-height: auto;}
	#sideribonbox>ul{flex-direction: column-reverse;}
	#sideribonbox>ul>._linklist{ display: none; }
	#sideribonbox>ul>._menubtn{ height: auto; }
	#sideribonbox>ul>._menubtn>a .menutxt{ display: none; }
	#sideribonbox>ul>._contact>a{font-size: 0;height: 100%;}
	#sideribonbox>ul>._contact{ height: 100%; }
	#sideribonbox>ul>._menubtn,
	#sideribonbox>ul>._contact{ width: 50%; }
	#sideribonbox>ul>._menubtn{bottom: 0;left: auto;position: static;}
	#sideribonbox>ul>._contact>a svg{ margin-bottom: 0; }
	#sideribonbox.is-open{ width: 160px; }
}
@media screen and (max-width: 767px) { 
	#sideribonbox{width: 120px;height: 60px;}
	#sideribonbox.is-open{ width: 120px; }
}
@media screen and (max-width: 500px) { 
}


#sideribonbox>ul>._menubtn>a .menuline {width: 24px;height: 24px;transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1) 0.2s;cursor: pointer;z-index: 1003;position: relative;margin-top: 12px;overflow: hidden;}
#menubtn a { text-decoration: none; position: relative; display: block; height: 100%; width: 100%; }
#menubtn a .line {width: 24px;height: 2px;background: #006367;position: absolute;left: 0;transition: all 0.3s;overflow: hidden;}
#menubtn a .line:before { content: ""; position: absolute; left: 50%; top: 0; margin-left: -24px; width: 0; height: 2px; background: #006367; z-index: 1; transition: .4s; }
#menubtn a #line1 {top: 0;}
#menubtn a #line2 {bottom: calc(50% - 1px);}
#menubtn a #line3 {bottom: 0;}
#menubtn:not(.active) a .menuline:hover #line1.line,
#menubtn.active a #line1{left: -24px;}
#menubtn:not(.active) a .menuline:hover #line3.line,
#menubtn.active a #line3{left: 24px;}
@media screen and (max-width: 1200px) {
	#sideribonbox>ul>._menubtn>a .menuline{ margin-top: 0; }
}
@media screen and (max-width: 767px) { 
}
@media screen and (max-width: 500px) { 
}



#gnav {z-index: 1002;position: fixed;top: 0;right: 80px;display: flex;justify-content: space-between;align-items: center;height: 100vh;height:100svh;width: calc(100vw - 80px);background-image: url(../img/common/gnbg3.png);background-position: center center;background-size: cover;pointer-events: none;  transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1) 0.2s;-ms-overflow-style: none;scrollbar-width: none;flex-direction: row-reverse;opacity: 0;}
#gnav .navbox {display: flex;flex-direction: column;align-items: flex-start;z-index: 10;width: 770px;padding: 170px 7%;box-sizing: border-box;margin-right: auto;flex-shrink: 0;transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1) 0.2s;background-image: url(../img/common/gnbg2.jpg);background-position: left center;background-size: cover;height: 100vh;height:100svh;overflow-y: scroll;color: #fff;}
#gnav .navbox::-webkit-scrollbar { display:none; }
#gnavbg {right: 100%;top: 0;width: 100%;height: 100vh;height:100svh;z-index: 1000;cursor: default;box-sizing: border-box;background-image: url(../img/common/gnbg1.jpg);background-position: right center;background-size: cover;display: flex;align-items: center;justify-content: center;}
#gnavbg img{ max-width: 296px; width: 100%; }
#gnav.is-open{ pointer-events: auto; right: 140px; width: calc(100vw - 140px); opacity: 1; }
#gnav.is-open .navbox{ width: 720px; }
#gnav .navbox>.mainlistcover,
#gnav .navbox>.mainlistcover>.inwrap,
#gnav .navbox>.mainlistcover>.inwrap>.gnmainbox{display: flex;flex-direction: column;}
#gnav .navbox a:hover{ color: #f6e361; }
#gnav .gnmainbox .mainlist>li:not(:first-child){margin-top: 30px;padding-top: 25px;border-top: 1px solid #fff;}
#gnav .gnmainbox .mainlist>li._top{ padding-bottom: 10px; }
#gnav .gnmainbox .mainlist>li._top>p{ display: flex; flex-direction: row; }
#gnav .gnmainbox .mainlist>li._top>p>a svg{width: 36px;height: 28px;position: absolute;top: 0px;bottom: 2px;margin: auto 0;left: 0;}
#gnav .gnmainbox .mainlist>li._top>p>a{font-size: 2rem;display: inline-block;padding-left: 50px;position: relative;letter-spacing: 0.3em;}
#gnav .gnmainbox .mainlist>li._hassub{ display: flex; flex-direction: row; }
#gnav .gnmainbox .mainlist>li._hassub .entitle{width: 150px;color: #f6e361;font-size: 2rem;padding-right: 20px;letter-spacing: 0.4em;margin-top: -8px;}
#gnav .gnmainbox .mainlist>li._hassub .sublist{font-size: 1.4rem;line-height: 1.9;}
#gnav .gnmainbox .mainlist>li._hassub .sublist>ul>li>p::before{ content: "・"; }
#gnav .gnmainbox .mainlist>li._hassub .sublist>ul>li>ul{ padding-left: 15px; }
#gnav .gnmainbox .mainlist>li._hassub .sublist>ul>li>ul>li::before{ content: "-"; }
#gnav .gnmainbox .mainlist>li._underlist>ul{ font-size: 1.4rem; margin-left: -15px; }
#gnav .gnmainbox .mainlist>li._underlist>ul>li{display: inline-block;vertical-align: top;margin-left: 15px;letter-spacing: 0em;line-height: 1.9;}
#gnav .gnmainbox .mainlist>li._underlist>ul>li:first-child{width: 150px;}
#gnav .gnmainbox .mainlist>li._underlist>ul>li>ul>li::before{ content: "・"; }
#gnav .gnmainbox .contactlist{margin-top: 35px;margin-left: -15px;text-align: left;}
#gnav .gnmainbox .contactlist>li{display: inline-block;vertical-align: middle;margin-left: 15px;line-height: 1.9;}
#gnav .gnmainbox .contactlist>li a{ position: relative; padding-left: 40px; display: inline-block; }
#gnav .gnmainbox .contactlist>li a svg{ position: absolute; top: 0; bottom: 0; margin-top: auto; margin-bottom: auto; left: 0; }
#gnav .gnmainbox .contactlist>li._mail>a svg{ width: 30px; height: 26px; }
#gnav .gnmainbox .contactlist>li._tel{line-height: 1.5;}
#gnav .gnmainbox .contactlist>li._tel>.num{ font-size: 2.2rem; }
#gnav .gnmainbox .contactlist>li._tel>.num>a{padding-left: 35px;}
#gnav .gnmainbox .contactlist>li._tel>.num>a:hover{ color: #fff; }
#gnav .gnmainbox .contactlist>li._tel>.num>a svg{ width: 30px; height: 30px; }
#gnav .gnmainbox .contactlist>li._tel>.opentime{font-size: 1.2rem;text-align: center;padding-left: 35px;}
#gnav .gnmainbox .contactlist>li._insta{ font-size: 2rem; }
#gnav .gnmainbox .contactlist>li._insta>a svg{ width: 30px; height: 30px; }

@media screen and (max-width: 1200px){
	#gnav {width: 100vw!important;right:0!important;transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1); display: block;}
	#gnav .navbox{display: block;width: 100%;padding: 100px 12%;box-sizing: border-box;}
	#gnavbg{ display: none; }
	#gnav.is-open .navbox{ width: 100%; }
}
@media screen and (max-width: 767px){
	#gnav .gnmainbox .contactlist{margin-bottom: -10px;}
	#gnav .gnmainbox .contactlist>li{margin-bottom: 10px;}
	#gnav .gnmainbox .mainlist>li._top{ padding-bottom: 0; }
	#gnav .gnmainbox .mainlist>li._hassub{ display: block; }
	#gnav .gnmainbox .mainlist>li._hassub .entitle{width: 100%;font-size: 2rem;padding-right: 0;margin-top: -8px;}
	#gnav .gnmainbox .contactlist{margin-left: -0;}
	#gnav .gnmainbox .contactlist>li{display: block;margin-left: 0;}
	#gnav .gnmainbox .contactlist>li._tel>.opentime{ text-align: left; padding-left: 40px; }
}
@media screen and (max-width: 500px){
}




#mainv.under { position: relative; width: 100%; margin-top: 180px; height: calc(300px + 20vw); }
#mainv.under img { object-fit: cover; font-family: 'object-fit: cover;'; display: block; width: 100%; height: 100%; }
#mainv.under .pagetitle { position: absolute; left: 8%; bottom: 15%; color: #fff; margin-right: 6%; }
#mainv.min { margin: 320px 0 100px; text-align: center; }
#mainv.min .pagetitle .title { margin-bottom: 30px; color: #333333; }
#mainv.min .pagetitle .en { color: #333333; }
@media screen and (max-width: 1500px){
	#mainv.under { height: 600px; }
}
@media screen and (max-width: 1100px){
	#mainv.under { height: 600px; margin-top: 120px; }
}
@media screen and (max-width: 767px){
	#mainv.under { height: 400px; margin-top: 0; }
	#mainv.under .pagetitle { left: 6%; bottom: 12%; }
	#mainv.min { margin: 160px 6% 0; text-align: left; }
	#mainv.min .pagetitle .title { margin-bottom: 10px; text-align: center; }
	#mainv.min .pagetitle .en { text-align: center; }
}


#main{margin-right: 80px;width: calc(100% - 80px);}
@media screen and (max-width: 1200px){
	#main{margin-right: 0;width: 100%;}
}
@media screen and (max-width: 767px){
}


#article {margin-left: 63vw;background: url(../img/common/bodybg.jpg) repeat-y;background-size: cover;}
@media screen and (max-width: 1500px){
	#article{ margin-left: 53vw; }
}
@media screen and (max-width: 1200px){
	#article { margin-left: 0%; }
}
@media screen and (max-width: 767px){
}

#footer .contactbox>ul{ display: flex; flex-direction: row; height: 254px; }
#footer .contactbox>ul>li{ display: flex;  width: 50%; }
#footer .contactbox>ul>li>a{display: flex;line-height: 1.6;position: relative;width: 100%;padding: 20px 6%;box-sizing: border-box;}
#footer .contactbox>ul>li>a::after{ content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; z-index: 1; }
#footer .contactbox>ul>li>a>.inwrap{ display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; position: relative; z-index: 2; width: 100%; }
#footer .contactbox>ul>li>a .icon{ margin-bottom: 10px; }
#footer .contactbox>ul>li>a .maintitle{ font-size: 1.8rem;line-height: 1.4;margin-bottom: 5px; }
#footer .contactbox>ul>li>a .txt{ font-size: 1.2rem; }
#footer .contactbox>ul>li._mail>a{ color: #006367; }
#footer .contactbox>ul>li._mail>a .icon svg{ width: 36px; height: 30px; }
#footer .contactbox>ul>li._mail>a:after{ content: ""; background: #f6e361; mix-blend-mode: multiply; transition: .4s; }
#footer .contactbox>ul>li._mail>a:hover:after{ background: #e5d15c; }
#footer .contactbox>ul>li._tel>a{ color: #fff; }
#footer .contactbox>ul>li._tel>a:after{ content: ""; background: #338386; mix-blend-mode: multiply;  }
#footer .contactbox>ul>li._tel>a .icon { padding-top: 5px; margin-bottom: 5px; }
#footer .contactbox>ul>li._tel>a .icon svg{ width: 34px; height: 34px; }
#footer .contactbox>ul>li._tel>a .maintitle{font-size: 2.6rem;}
@media screen and (max-width: 1500px){
}
@media screen and (max-width: 1200px){
}
@media screen and (max-width: 767px){
	#footer .contactbox>ul{  height: 200px; }
	#footer .contactbox>ul>li>a .maintitle{ font-size: 1.6rem; }
	#footer .contactbox>ul>li._tel>a .maintitle{ font-size: 2.3rem; }
	#footer .contactbox>ul>li._tel>a .icon{ padding-top: 0; padding-bottom: 0; }
}

#footer .instabox>a{ position: relative; display: flex; }
#footer .instabox>a::after{ content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; z-index: 1; background: rgba(102, 102, 102, .9); mix-blend-mode: multiply; transition: .4s; }
#footer .instabox>a>.inwrap{display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;position: relative;z-index: 2;color: #fff;width: 100%;padding: 16px 20px;}
#footer .instabox>a>.inwrap>.inwrap{ display: inline-block; position: relative; padding-left: 45px; font-size: 2.4rem; }
#footer .instabox>a>.inwrap>.inwrap svg{ width: 34px; height: 34px; position: absolute; top: 0; bottom: 0; margin-top: auto; margin-bottom: auto; left: 0; }
#footer .instabox>a:hover::after{ background: rgba(0, 0, 0, .9); }
@media screen and (max-width: 1500px){
}
@media screen and (max-width: 1200px){
}
@media screen and (max-width: 767px){
	#footer .instabox>a>.inwrap>.inwrap{ font-size: 2rem; }
}


#footer .mainbox{ position: relative; color: #fff; }
#footer .mainbox::after{ content: ""; background: rgba(51, 51, 51, .8); mix-blend-mode: multiply; position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; z-index: 1; }
#footer .mainbox>.inwrap{ position: relative; z-index: 2; padding-top: 60px; padding-bottom: 100px; }
#footer .mainbox .footerinfo .logobox{ margin-bottom: 30px; text-align: center; }
#footer .mainbox .footerinfo .logobox .logo img{ max-width: 296px; width: 100%; }
#footer .mainbox .footerinfo .infobox{ font-size: 1.4rem; text-align: center; line-height: 1.8; }
#footer .mainbox .footerinfo .infobox .tellist>li{ display: inline-block; vertical-align: middle; }
#footer .mainbox .footerinfo .infobox .tellist>li a.tel{ color: #fff; }
@media screen and (max-width: 1500px){
}
@media screen and (max-width: 1200px){
	#footer .mainbox>.inwrap{ padding-bottom: 80px; }
}
@media screen and (max-width: 767px){
	#footer .mainbox .footerinfo .logobox .logo img{ max-width: 260px; }
}


#footer #fnav .mainlist{ border-bottom: 1px solid #fff;padding-bottom: 40px; margin-top: 60px; }
#footer #fnav .mainlist>li{margin-top: 25px;padding-top: 25px;border-top: 1px solid #fff;}
#footer #fnav .mainlist>li a:hover{ color: #f6e361; }
#footer #fnav .mainlist>li:first-child{ margin-top: 0; }
#footer #fnav .mainlist>li._hassub{ display: flex; flex-direction: row; }
#footer #fnav .mainlist>li._hassub .entitle{width: 120px;color: #f6e361;font-size: 2rem;padding-right: 20px;letter-spacing: 0.3em;margin-top: -8px;}
#footer #fnav .mainlist>li._hassub .sublist{font-size: 1.4rem;line-height: 1.9;}
#footer #fnav .mainlist>li._hassub .sublist>ul>li>p::before{ content: "・"; }
#footer #fnav .mainlist>li._hassub .sublist>ul>li>ul{ padding-left: 15px; }
#footer #fnav .mainlist>li._hassub .sublist>ul>li>ul>li::before{ content: "-"; }
#footer #fnav .mainlist>li._underlist{ padding-top: 35px; }
#footer #fnav .mainlist>li._underlist>ul{ font-size: 1.4rem; margin-left: -15px; }
#footer #fnav .mainlist>li._underlist>ul>li{display: inline-block;vertical-align: top;margin-left: 15px;letter-spacing: 0em;line-height: 1.9;}
#footer #fnav .mainlist>li._underlist>ul>li:first-child{width: 150px;}
#footer #fnav .mainlist>li._underlist>ul>li>ul>li::before{ content: "・"; }
@media screen and (max-width: 1500px){
}
@media screen and (max-width: 1200px){
	#footer #fnav{ display: none; }
}
@media screen and (max-width: 767px){
}




#footer .policylink{ margin-top: 60px; }
#footer .policylink a:hover{ color: #f6e361; }
#footer .policylink,
#footer .cr{ text-align: center; font-size: 1.4rem; line-height: 1.9; letter-spacing: 0.1em; }
@media screen and (max-width: 1500px){
}
@media screen and (max-width: 1200px){
}
@media screen and (max-width: 767px){
}


#footer .foottxt{ text-align: center; font-size: 1.4rem; margin-top: 30px; }
#footer .foottxt>.inwrap{ border: 1px solid #fff; padding: 2px 5px; }
@media screen and (max-width: 1500px){
}
@media screen and (max-width: 1200px){
}
@media screen and (max-width: 767px){
}



#maint.under{position: relative;height: 100vh;height:100svh;position: fixed;top: 0;left: 0;z-index: 10;width: 63vw;box-sizing: border-box;background: url(../img/common/mvbg.png) no-repeat;background-size: cover;}
#maint.under .txtbox{display: flex;flex-direction: column;align-items: flex-start;justify-content: center;position: relative;z-index: 10;padding: 60px 10% 40px;height: 100%;box-sizing: border-box;color: #fff;}
#maint.under .txtbox .pagetitlebox .enbox{ padding-bottom: 30px; margin-bottom: 25px; position: relative; line-height: 1.8; letter-spacing: 0.3em; text-align: left; }
#maint.under .txtbox .pagetitlebox .enbox::before{ content: ""; background: #fff; width: 186px; height: 2px; display: inline-block; position: absolute; bottom: 0; left: 0;  }
#maint.under .txtbox .pagetitlebox .enbox ._main{ font-size: 3.4rem; }
#maint.under .txtbox .pagetitlebox .enbox ._sub{ font-size: 2rem; margin-top: 10px; }
#maint.under .txtbox .pagetitlebox .jnbox{ font-size: 2.8rem; line-height: 1.8; letter-spacing: 0.15em; }

#maint.under .txtbox .link,
#maint.under .txtbox .txtlinklist{ position: absolute; bottom: 40px; right: 40px; }
#maint.under .txtbox .txtlinklist{ text-align: right; line-height: 1.9; right: 30px; }
@media screen and (max-width: 1500px){
	#maint.under{ width: 53vw; }
}
@media screen and (max-width: 1200px){
	#maint.under{ height: 100vh; width: 100%; max-height: 700px; position: relative; }
}
@media screen and (max-width: 767px){
	#maint.under .txtbox{padding: 50px 8%;}
	#maint.under .txtbox .maincopy>div>p{font-size: 1.6rem;padding: 13px 6px;}
	#maint.under .txtbox .link{ display: none; }
	#maint.under .txtbox .pagetitlebox .enbox ._main{ font-size: 2.8rem; }
	#maint.under .txtbox .pagetitlebox .enbox ._sub{ font-size: 1.8rem; }
	#maint.under .txtbox .pagetitlebox .jnbox{ font-size: 2.4rem; }
	#maint.under .txtbox .link,
	#maint.under .txtbox .txtlinklist{ bottom: 30px; right: 30px; }
	#maint.under .txtbox .txtlinklist{ right: 20px; }
}
@media screen and (max-width: 500px){
	#maint.under .txtbox .pagetitlebox .enbox{ padding-bottom: 20px; margin-bottom: 15px; }
	#maint.under .txtbox .pagetitlebox .enbox ._main{ font-size: 2.4rem; }
	#maint.under .txtbox .pagetitlebox .enbox ._sub{ font-size: 1.6rem; }
	#maint.under .txtbox .pagetitlebox .jnbox{ font-size: 2rem; }
}

#articlemv{ position: relative; height: 470px; }
#articlemv .pagetitlebox{display: flex;align-items: center;justify-content: center;text-align: center;height: 100%;padding-left: 4%;padding-right: 4%;box-sizing: border-box;}
#articlemv .enbox{  position: relative; line-height: 1.4; letter-spacing: 0.3em; color: #67b7af; z-index: 3; }
#articlemv .enbox ._main{ font-size: 3.4rem; }
#articlemv .enbox ._sub{ font-size: 2rem; margin-top: 10px; }
#articlemv .jnbox{ position: absolute; bottom: -25px; left: 0; right: 0; width: 100%; z-index: 2; }
#articlemv .jnbox>.inwrap{display: inline-block;background: #67b7af;color: #fff;font-size: 2.2rem;border-radius: 30px;line-height: 1.4;letter-spacing: 0.15em;text-align: center;min-width: 318px;max-width: 100%;width: auto;padding: 11px 20px;box-sizing: border-box;}
#articlemv .mvbg{ position: absolute; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; z-index: 1; }
#articlemv._txtwhite .enbox{ color: #fff; }
@media screen and (max-width: 1200px){
	#articlemv{ height: 370px; display: none; }
}
@media screen and (max-width: 767px){
}
@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.4rem;background: #f7fbfb;text-align: center;padding: 32px 8%;}
#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 8px 0 5px;font-size: 1rem;vertical-align: 1px;}
#pankuzu ol li p{ display: inline-block; }
#pankuzu ol li .pankuzuarr{ font-size: 1rem; vertical-align: 3px; display: inline-block; margin: 0 8px 0 5px; }
#pankuzu ol li:first-child:before { display: none; }
#pankuzu ol li a{ text-decoration: none; }
#pankuzu ol li a:hover { opacity: 0.7; transition: 0.3s; }
@media screen and (max-width: 1040px) { 
	#pankuzu{ display: none; }
}

#article.under{ margin-top: 120px; padding-bottom: 150px; }
@media screen and (max-width: 1040px) { 
	#article.under{ margin-top: 80px; padding-bottom: 120px; }
}
@media screen and (max-width: 767px){
	#article.under{ padding-bottom: 90px; }
}
@media screen and (max-width: 500px){
}