@charset "UTF-8";
/*
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:500,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+JP:500&display=swap');
@import url('https://fonts.googleapis.com/css?family=Copse&display=swap');*/
/****************************************
Resetting
*****************************************/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,figure, figcaption, footer, header,
hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video{border: 0;font-size: 100%;font: inherit;margin: 0;padding: 0;vertical-align: baseline;}
h1, h2, h3, h4, h5, h6{font-weight: 700}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,footer, header, main,hgroup, menu, nav, section {display: block;}
ol,ul,li{	list-style: none;}
blockquote, q {	quotes: none;}
blockquote:before,blockquote:after,q:before,q:after {	content: '';	content: none;}
table {	border-collapse: collapse;	border-spacing: 0;}
input[type="submit"],input[type="button"],input[type="reset"]{appearance: button;border: none;border-radius: 0;box-sizing: border-box;cursor: pointer;-webkit-box-sizing:content-box;-webkit-appearance: button;}
a{	text-decoration: none;}
img{vertical-align: top}
img{max-width:100%;height:auto;}


/******************************************
normarise
******************************************/
*{box-sizing:border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;margin: 0;padding: 0;}
html{width: 100%;height: 100vh;overflow-y: scroll;font-size: 62.5%;-webkit-font-smoothing: antialiased;}
body{color: #4C4948;background: #ECEFF3; font-size: 14px;font-size: 1.4rem;line-height: 1.8em;font-family: 'Noto Sans JP', sans-serif,"メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";min-width:100%;}

a:link {	color: #4C4948;	-moz-transition: all 0.2s ease-in-out;	-webkit-transition: all 0.2s ease-in-out;	-o-transition: all 0.2s ease-in-out;	transition: all 0.2s ease-in-out;}
a:visited {	color: #4C4948;}
a:hover,a:active{color:#008c42;	text-decoration: none;}
a img{-moz-transition: all 0.2s ease-in-out;	-webkit-transition: all 0.2s ease-in-out;	-o-transition: all 0.2s ease-in-out;	transition: all 0.2s ease-in-out;}
a:hover img{opacity: 0.7}


/******************************************
clearfix
******************************************/
.clearfix:after {	content: ".";	clear: both;	display: block;	height: 0;	visibility: hidden;}
.clearfix {	display: inline-table;}  
/* Hides from IE-mac \*/
* html .clearfix {	height: 1%;}  
.clearfix {	display: block;}  
/* End hide from IE-mac */

/******************************************
webfont
******************************************/
.mincho{font-family: 'Noto Serif JP', serif;}

/* ------------------------------------------------------------
Common Module
------------------------------------------------------------ */
.Tleft{ text-align:left;}.Tright{ text-align:right;}.Tcenter{ text-align:center;}.text10{ font-size: 1.0rem}.text11{ font-size: 1.1rem}.text12{ font-size: 1.2rem}.text13{ font-size: 1.3rem}.text14{ font-size: 1.4rem}.text15{ font-size: 1.5rem}.text16{ font-size: 1.6rem}.text17{ font-size: 1.7rem}.text18{ font-size: 1.8rem}.text19{ font-size: 1.9rem}.text20{ font-size: 2.0rem}.text25{ font-size: 2.5rem}.text30{ font-size: 3.0rem}.text50{ font-size: 5.0rem}
.mT10{margin-top: 10px;}.mT20{margin-top: 20px;}.mT30{margin-top: 30px;}.mT70{margin-top: 70px;}.mB10{margin-bottom: 10px;}.mB20{margin-bottom: 20px;}.mB30{margin-bottom: 30px;}.pT10{padding-top: 10px;}.pT30{padding-top: 30px;}.pB30{padding-bottom: 30px;}.coution{margin-left: 1em;text-indent: -1em;}

/*flexbox*/
.flex{	display: -webkit-flex;	display: -moz-flex;	display: -ms-flex;	display: -o-flex;	display: flex;	flex-wrap: wrap;	-webkit-flex-wrap:wrap;}
.flex--start{/*左寄せ*/justify-content: flex-start;	-webkit-justify-content: flex-start;}
.flex--center{/*中央寄せ*/justify-content: center;	-webkit-justify-content: center;}
.flex--end{/*右寄せ*/justify-content: flex-end;	-webkit-justify-content: flex-end;}
.flex--bet{/*残り余白の均等割り*/justify-content: space-between;	-webkit-justify-content: space-between;}
.flex--around{/*左右余白 ＋ 均等割り*/justify-content: space-around;	-webkit-justify-content: space-around;}

/*col*/
.col1{	width:100%;}.col2{	width:48%;}.col3{	width:30%;}.col4{	width:25%;}.col5{	width:18.4%;}.col6{	width:15%;}.col3_2{width: 68%}
.inner{	width: 100%;}.inner--long{	max-width:100%;	width: 100%;}.inner--short{	width: 90%;}.inner--veryshort{	width: 80%;}
.pc{display:none}
.sp{display:block}

@media screen and (min-width: 481px) {/*【スマートフォン横】*/
body{}
} 
@media screen and (min-width: 769px) {/*【タブレット縦以上】*/
body{}
.sp{display:none}
.pc{display:block}
a[href*="tel:"] {pointer-events: none;cursor: default;text-decoration: none;}
.inner{	margin: 0 auto;	width: 1000px;position: relative}
.inner--long{	margin: 0 auto;	max-width: 1400px;	width: 90%;}
.inner--short{	margin: 0 auto;	width: 960px;}
.inner--veryshort{	margin: 0 auto;	width: 800px;}
}


/****************************************
mainimg
*****************************************/
#mainimg{text-align: center;background: #fff}
#mainimg img{width: 100%;height: 300px;object-fit: cover;}
@media screen and (min-width: 481px) {/*【スマートフォン横】*/
#mainimg img{width: 100%;height: 420px;object-fit: cover;}
}
@media screen and (min-width: 769px) {/*【タブレット縦以上】*/
#mainimg img{max-width: 1378px; height: auto;margin: auto;margin-top: -2%; object-fit:contain}
}
/****************************************
header
*****************************************/
.site-header{position: fixed;left: 5%;top:20px;width: 90%}
.site-header .waku{background: #fff;border-radius: 6px;padding: 6px;position: relative}
.site-header h1 img{height: 20px;width: auto}
.site-header h1{padding: 7px}

.is_fixed{width: 100%;left: 0%;top: 0px;z-index: 98;border-bottom: 1px solid #ccc;-webkit-transition: all .4s ease 0s,background .6s ease .2s;transition: all .4s ease 0s,background .6s ease .2s;-webkit-overflow-scrolling: touch;overflow-scrolling: touch;}
.site-header.is_fixed .waku{border-radius: 0px;}

#nav{display: none}
#humberger{top:0px!important;}

@media screen and (min-width: 481px) {/*【スマートフォン横】*/
.site-header h1 img{height: 30px;width: auto}
.site-header h1 img{width:inherit;height: auto}
}
@media screen and (min-width: 769px) {/*【タブレット縦以上】*/

}
@media screen and (min-width: 1100px) {/*【タブレット縦以上】*/
.site-header h1 img{width:inherit;height: auto}
#nav{position: absolute;right: 0;top: 0;display: block}
#nav .flex--bet{display: none}
#nav .flex--end li a{padding: 21px 20px;display: block}
#nav .flex--end li:nth-child(3) a{background: #003E4A;padding: 16px 22px;margin-left: 20px}
#nav .flex--end li:nth-child(4) a{background: #009FA8;padding: 16px 22px;border-radius:0px 6px 6px 0px;}
.site-header.is_fixed #nav .flex--end li:nth-child(4) a{border-radius:0px 0px 0px 0px;}
#nav .flex--end li:nth-child(3) a:hover{background: #0D6D73}
}

/****************************************
information
*****************************************/
#info{padding: 5%;background: #fff}
#info h2{margin-bottom: 20px;}
#info h2 img{width: 60%}
#info ul{border-bottom: 1px solid #ccc;margin-bottom: 10px;padding-bottom: 8px}
#info .date{width: 23%;font-size: 1.2rem}
#info .txt{width: 77%}

@media screen and (min-width: 481px) {/*【スマートフォン横】*/
#info h2{width: 60%}
}
@media screen and (min-width: 769px) {/*【タブレット縦以上】*/
#info{padding: 5% 10%;}
#info h2{width: 30%;float: left;}
#info h2 img{width:auto}
#info .box{float: right;width: 70%}
#info .date{width: 20%;font-size: 1.4rem}
#info .txt{width: 80%;font-size: 1.6rem}
}

/****************************************
interview
*****************************************/
#interview{background: #eceff3;padding-bottom: 20px}
#interview h2{background: #ffffff;text-align: center;
background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 19%, #ffffff 19%, #eceff3 20%, #eceff3 100%);
background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 19%,#ffffff 19%,#eceff3 20%,#eceff3 100%);
background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 19%,#ffffff 19%,#eceff3 20%,#eceff3 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eceff3',GradientType=0 );
padding-bottom: 20px;}
#interview dl{margin-bottom: 30px;pointer-events : none;}
#interview dt{overflow: hidden}
#interview dt img{ -webkit-filter: brightness(0.7);
     -moz-filter: brightness(0.7);
     -o-filter: brightness(0.7);
     -ms-filter: brightness(0.7);
     filter: brightness(0.7);
	 -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
     transition: all .3s ease-out;
	 }
#interview dd{text-align: center;width: 80%;margin: auto;background: #fff;padding:20px 0;
box-shadow: 0 0 8px #000000;
-webkit-box-shadow: 0 0 8px #000000;
-moz-box-shadow: 0 0 8px #000000;margin-top: -30px;position:relative;}
#interview h3{padding: 20px 0}
#interview h3 span{color: #3959A6;font-size: 1.2rem}
#interview .bt{width: 60%;margin:auto; border-radius: 50px;background:#395AA7; pointer-events : auto;-webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
     transition: all .3s ease-out;}
#interview .bt span{display: inline-block;vertical-align: middle}
#interview .bt span.text20{margin-right: 12px;}
#interview .bt a{padding: 8px;display: block;color: #fff}
#interview .bt:hover{background: #133E76; border-radius: 10px;}
#interview dl:hover dt img{
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
	-webkit-filter: brightness(1);
     -moz-filter: brightness(1);
     -o-filter: brightness(1);
     -ms-filter: brightness(1);
     filter: brightness(1);
}

@media screen and (min-width: 481px) {/*【スマートフォン横】*/
#interview  h2 img{width: 60%}
#interview dl{width: 50%;float: left}
}
@media screen and (min-width: 769px) {/*【タブレット縦以上】*/
#interview{font-size: 1.6rem}
#interview  h2{padding-top: 80px;}
#interview  h2 img{width: auto}
#interview dd{padding: 40px 0;font-size: 2rem;line-height: 2em}

}

/****************************************
application
*****************************************/
#application{background: #fff;padding-bottom: 20px;}
#application h2{background: #eceff3;text-align: center;
background: -moz-linear-gradient(top,  #eceff3 0%, #eceff3 19%,#eceff3 19%, #fff 20%, #fff 100%);
background: -webkit-linear-gradient(top, #eceff3 0%,#eceff3 19%,#eceff3 19%,#fff 20%,#fff 100%);
background: linear-gradient(to bottom,  #eceff3 0%,#eceff3 19%,#eceff3 19%,#fff 20%,#fff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#fff',GradientType=0 );
padding-bottom: 20px;}
#application ul{width: 90%;margin: 0 auto 20px;}
#application .dt{width: 100%;border-radius:6px 6px 0px 0px ;background: #DAE0E8;padding: 8px;font-weight: bold}
#application .dd{width: 100%;border-radius:0px 0px 6px 6px ;background: #ECEFF3;padding: 8px}
#application p.txt{ margin-left: 1em;text-indent: -1em;}

@media screen and (min-width: 481px) {/*【スマートフォン横】*/
#application h2 img{width: 60%}
#application li.dt{border-radius:6px 0px 0px 6px;width: 20%; display: -webkit-box;    display: -ms-flexbox; display: -webkit-flex;    display: flex;    -webkit-box-align: center;    -ms-flex-align: center;    -webkit-align-items: center;    align-items: center;}
#application li.dd{border-radius:0px 6px 6px 0px ;width: 80%}
}

@media screen and (min-width: 769px) {/*【タブレット縦以上】*/
#application{font-size: 1.6rem;padding-top: 80px;}
#application h2{background: #fff}
#application  h2 img{width: auto}
}


/****************************************
schedule
*****************************************/
#schedule{background: #fff;padding-bottom: 20px;}
#schedule h2{background: #fff;text-align: center;
background: -moz-linear-gradient(top,  #eceff3 0%, #eceff3 19%,#eceff3 19%, #fff 20%, #fff 100%);
background: -webkit-linear-gradient(top, #fff 0%,#fff 19%,#fff 19%,#fff 20%,#fff 100%);
background: linear-gradient(to bottom,  #fff 0%,#fff 19%,#fff 19%,#fff 20%,#fff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#fff',GradientType=0 );
padding-bottom: 20px;}
#schedule ul{width: 90%;margin: 0 auto 20px;}
#schedule .dt{width: 100%; text-align: center ;border-radius:6px 6px 0px 0px ;background: #DAE0E8;padding: 8px;font-weight: bold}
#schedule .dd{width: 100%; text-align: center ;border-radius:0px 0px 6px 6px ;background: #ECEFF3;padding: 8px}

@media screen and (min-width: 481px) {/*【スマートフォン横】*/
#schedule h2 img{width: 60%}
#schedule li.dt{border-radius:6px 0px 0px 6px;width: 40%;  -webkit-box-align: center;    -ms-flex-align: center;    -webkit-align-items: center;    align-items: center;}
#schedule li.dd{border-radius:0px 6px 6px 0px ;width: 60%}
}

@media screen and (min-width: 769px) {/*【タブレット縦以上】*/
#schedule{font-size: 1.6rem;padding-top: 80px;}
#schedule h2{background: #fff}
#schedule  h2 img{width: auto}
}

/****************************************
bt_entry
*****************************************/
.bt_entry{width: 100%;margin: 0px 0 0px; text-align: center;background: #009EA7;-webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
     transition: all .3s ease-out;}
.bt_entry a{display: block;padding: 80px 0}
.bt_entry:hover{background: #0D6D73}

/****************************************
bgimg
*****************************************/
.bgimg li{width: 100%}
@media screen and (min-width: 481px) {/*【スマートフォン横】*/
.bgimg li{width: 50%}
.bgimg li img{width: 100%;height: auto}
}
/****************************************
footer
*****************************************/
.site-footer{ background: #fff;padding: 20px 0 80px}
.site-footer .txtlink{width: 90%;margin: auto; font-size: 1.1rem}
.site-footer .logo{width: 60%;margin: 20px auto}
.site-footer .address{text-align: center;font-size: 1.1rem}

@media screen and (min-width: 769px) {/*【タブレット縦以上】*/
.site-footer{background: url("../images/footer_bg.jpg") no-repeat center top;background-size: cover;
display:-webkit-box;display: -webkit-flex;display:-ms-flexbox;display: flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;position: relative;padding-bottom: 350px;
}
.site-footer .logo{-webkit-box-ordinal-group:1;-ms-flex-order:1;-webkit-order:1;order:1;
width: 90%;margin: 9px auto  0px}
.site-footer .txtlink{-webkit-box-ordinal-group:2;-ms-flex-order:2;-webkit-order:2;order:2;
width: 50%;margin: auto; font-size: 1.4rem;position: absolute;top: 50px;right: 5%;}
.site-footer .flex--around{justify-content: flex-end;	-webkit-justify-content: flex-end;}

.site-footer .txtlink a{margin-left:12px}
.site-footer .address{-webkit-box-ordinal-group:3;-ms-flex-order:3;-webkit-order:3;order:3;
width: 90%;margin: auto;text-align: right;padding-top: 22px;}
}


/****************************************
bt-footer
*****************************************/
.bt-footer{position: fixed;bottom: 0;left: 0;width: 100%}
.bt-footer li{width: calc(100%/3);}
.bt-footer li a{display: block;padding: 10px 20px;}
.bt-footer li:nth-child(1){background:#003E4A}
.bt-footer li:nth-child(2){background:#006370 }
.bt-footer li:nth-child(3){background:#009FA9 }

@media screen and (min-width: 769px) {/*【タブレット縦以上】*/
.bt-footer{display: none}
}

/****************************************
pagetop
*****************************************/
#pagetop{position:fixed;right:10px;bottom:60px;cursor:pointer;z-index:9999;width: 10%}
@media screen and (min-width: 769px) {/*【タブレット縦以上】*/
#pagetop{bottom:10px;width: auto}
}
/****************************************
モーダルウィンドウ
*****************************************/
.modal{display: none;position: fixed;top: 0;width: 100%;height: 100vh;}
.modal__bg{background: rgba(0,0,0,0.8);height: 100vh;position: absolute;width: 100%;}
.modal__content{
left: 50%;height: 80vh;position: absolute;top: 50%;transform: translate(-50%,-50%);width: 80%;}
.btclose{text-align: right;font-size: 5rem;margin-bottom: 12px}
.modal__content .js-modal-close{color: #fff;}
.modal__content .box{background: #fff;box-shadow: 0 0 8px #000000;-webkit-box-shadow: 0 0 8px #000000;-moz-box-shadow: 0 0 8px #000000;border-radius: 5px;padding: 20px;height: 80%;overflow-y:auto;}
.mtitle{font-size: 2.2rem;color: #0097A2;margin-top: 40px;margin-bottom: 12px;line-height: 1.5em}

@media screen and (min-width: 481px) {/*【スマートフォン横】*/
.modal__content{width: 70%;height: 70%;}

}
@media screen and (min-width: 769px) {/*【タブレット縦以上】*/
.modal__content{width: 50%;min-width: 360px;}
.mtitle{font-size: 2.8rem;}
}

@media screen{
/****************************************
effect-fade
*****************************************/
.effect-fade {opacity : 0;transform : translate(0, 45px);transform : translate(0, 50px);  transition : all 1500ms;}
.effect-fade.effect-scroll {opacity : 1;transform : translate(0, 0);}
}

/*@media screen and (max-width:768px){*/
@media screen and (max-width: 1099px){
#humberger{display: block;line-height:1em;color:#000;position:absolute;top:10px;right:6px;z-index:100;width:50px;padding:15px 10px 0px;height:50px;cursor:pointer;}
.icon-bar{height:2px;background:#000;display:block;margin-bottom:6px;-webkit-transition:all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000);-moz-transition:all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000);-o-transition:all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000);transition:all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000);-webkit-transition-timing-function:cubic-bezier(1.000, 0.000, 0.000, 1.000);-moz-transition-timing-function:cubic-bezier(1.000, 0.000, 0.000, 1.000);-o-transition-timing-function:cubic-bezier(1.000, 0.000, 0.000, 1.000);transition-timing-function:cubic-bezier(1.000, 0.000, 0.000, 1.000);}
.icon-bar.last{margin-bottom:0}
.fixed-content{right:inherit;width:100%;z-index:2;-webkit-transition:all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000);-moz-transition:all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000);-o-transition:all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000);transition:all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000);-webkit-transition-timing-function:cubic-bezier(1.000, 0.000, 0.000, 1.000);-moz-transition-timing-function:cubic-bezier(1.000, 0.000, 0.000, 1.000);-o-transition-timing-function:cubic-bezier(1.000, 0.000, 0.000, 1.000);transition-timing-function:cubic-bezier(1.000, 0.000, 0.000, 1.000);}
#overlay{z-index:-1;opacity:0;background:#000;left:0;top:0;width:100%;height:100%;position:fixed;-webkit-transition:all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000);-moz-transition:all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000);-o-transition:all 400ms cubic-bezier(1.000,0.000,0.000,1.000);transition:all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000);-webkit-transition-timing-function:cubic-bezier(1.000, 0.000, 0.000,1.000);-moz-transition-timing-function:cubic-bezier(1.000, 0.000, 0.000, 1.000);-o-transition-timing-function:cubic-bezier(1.000, 0.000, 0.000, 1.000);transition-timing-function:cubic-bezier(1.000, 0.000, 0.000, 1.000);}

body.drawer-opened .site-header{background: #3A5BA5;color: #fff;position: fixed;left: 0;top: 0;
position: fixed;width: 100%;z-index: 97;padding: 0 5%;
overflow:hidden;height: 100%; overflow: auto;-webkit-overflow-scrolling: touch;
-webkit-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000);-moz-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000);  -o-transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000);transition: all 400ms cubic-bezier(1.000, 0.000, 0.000, 1.000); /* easeInOutExpo */-webkit-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000);-moz-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000);  -o-transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000);transition-timing-function: cubic-bezier(1.000, 0.000, 0.000, 1.000); /* easeInOutExpo */ }

body.drawer-opened #page{top:0px;box-shadow: 1px 0 2px #000;-webkit-box-shadow: 1px 0 2px #000;	}
body.drawer-opened .fixed-content{top:0px;	}

body.drawer-opened #humberger .icon-bar{background:  #000;}
body.drawer-opened #humberger :nth-child(1){transform:translate(0,8px) rotate(45deg);-webkit-transform:translate(0,8px) rotate(45deg);}
body.drawer-opened #humberger :nth-child(2){transform:translate(-20px ,0);-webkit-transform:translate(-20px ,0);opacity:0;}
body.drawer-opened #humberger :nth-child(3){transform:translate(0,-8px) rotate(-45deg);-webkit-transform:translate(0,-8px) rotate(-45deg);}



body.drawer-opened #overlay{z-index: 3;opacity: 0.3;top:0px;}
body.drawer-opened .site-header{width: 100%;padding: 0}
body.drawer-opened .site-header .waku{width: 100%!important;border-radius: 0px;}
body.drawer-opened #nav{position: absolute;left: 0;right: 0; width:90%;margin: auto; top: 70px;display: block}
body.drawer-opened #nav .flex--bet{width: 100%;margin: 0 auto 20px}
body.drawer-opened #nav .flex--end li{width: 100%;border-bottom: 1px solid #fff}

body.drawer-opened #nav .flex--bet li{width: calc(100%/3);}
body.drawer-opened #nav .flex--bet li:nth-child(1){background:#003E4A}
body.drawer-opened #nav .flex--bet li:nth-child(2){background:#006370 }
body.drawer-opened #nav .flex--bet li:nth-child(3){background:#009FA9 }
body.drawer-opened #nav  a{display: block;padding: 10px;color: #fff;text-align: center;font-size: 1.8rem}
}

@media screen and (max-width: 896px) and (orientation: landscape){/*スマホ横向き*/

}
@media print{
html,body{width:1020px;overflow:hidden;}
.sp{display:none !important;}

}