@charset "UTF-8";
/* reset */
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,hr{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:top;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;}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;}
*:focus {outline: none !important; }

body{margin: 0; padding: 0; color: #000;  font-size:16px; line-height:100%; text-align:center;font-family: 'Noto Sans Japanese', sans-serif; }

/*汎用設定*/
a{text-decoration:none; color: #000; transition: 0.6s;}
a:hover{color: #f2c11c;}
img{width:100%;}
a img{opacity:1.0; transition: 0.6s ease-in-out;}
a:hover img{opacity:0.6;}
a.telNo{ cursor:default;}
a.telNo:hover img{opacity:1;}
hr{border-bottom: #ccc 1px dashed; margin:0 auto 60px;}
.contentW1440{ max-width: 1440px; margin: 0 auto;}
.contentW1000{ max-width: 1000px; margin: 0 auto;}
.bgedeef2{background: #edeef2; overflow: hidden;}
.colBl{color: #183066;}
.col999{color:#999;}
.pcOnly{ display:block;}
.smpOnly{ display:none !important;}
.btn_ent{margin: 200px auto 0; max-width: 1400px;}
.noBreak{overflow-wrap: break-word;}
@media only screen and (max-width: 768px) {
hr{border-bottom: #ccc 1px dashed; margin:40px auto 40px;}
.pcOnly{ display:none;}
.smpOnly{ display:block !important;}
.btn_ent{margin: 60px 0 0 0;}
}

span.br540{ display:inline;}
span.inline540{ display:block;}
@media only screen and (max-width: 540px) {
span.br540{ display:block;}
span.inline540{ display:inline;}
}

/*MarkUp*/
h1{margin: 50px auto; max-width: 700px; width: 90%;} 
h2{ font-size: 18px; line-height: 200%; font-weight: 700; margin: 0 auto 150px;}
.bold{font-weight: 700;}
@media screen and (max-width: 768px) {
h1{margin: 50px auto; width: 100%;} 
h2{ font-size: 18px; line-height: 200%; font-weight: 700; margin: 0 auto 60px;}
}

/* 個別設定の皆さん */
/*indexPage------------------------------------------------------------*/
.slide_index{margin:124px auto 0; max-width:1440px;}
.mainV{position:relative;}
.mainV .mainvBtn{position:absolute; bottom:1.8%; right: 4%; width: 38%;}
@media screen and (max-width: 1080px) {
.slide_index{margin:64px auto 0;}
.mainV .mainvBtn{position:absolute; bottom:1%; right: 2%; width: 50%;}
}

/*newsBox*/
.newsBox{margin: 60px auto; padding: 0 10px 0;}
.newsBox ul{ max-width: 1120px; margin: 0 auto;}
.newsBox ul li.newsMain{width:calc(100% - 4px); float: none; border-radius: 10px; background: #fff; padding: 0px; position: relative; border: #e50012 2px solid; overflow: hidden;}
.newsBox ul li.newsMain div.newsT{width: 100%; height: 32px; }
.newsBox ul li.newsMain div.newsT p{ padding: 15px 20px; font-family: 'Montserrat', sans-serif; font-weight: 700; background: #e50012; color: #fff; letter-spacing: 0.1em; font-size: 24px;}
.newsBox ul li.newsMain div.iframe{ border: none; padding: 0 25px 10px; height: auto; overflow: auto;  max-width: 2000px; margin: 20px 0 0; font-size: 15px;}
.newsBox ul li.newsMain div.iframe p{ margin: 10px 0 5px; line-height: 160%; font-weight: 700; text-align: left;}
.newsBox ul li.newsMain div.iframe p span{ display: inline-block; margin: 0 5px 0 0;}
.newsBox ul li.newsMain div.iframe p span.urlTxt{ display: inline; margin: 0 ; font-weight: 500;}
.newsBox ul li.newsMain div.iframe p a{ border-bottom: #e50012 1px dashed; color: #e50012; font-weight: 700;}
.newsBox ul li.newsMain div.iframe p a span.inLine{ text-decoration:underline double #e50012; padding: 0 1px 0 0 ;}
.newsBox ul li.newsMain div.iframe p a span.inLineB{ display: inline-block; padding: 0 1px 0 0 ; position: relative;}
.newsBox ul li.newsMain div.iframe p a span.inLineB::after{position: absolute;  width: calc(100% + 2px); height:1em; content:""; bottom: 4px; left: -2px; border-bottom:double medium #e50012; transition: 0.6s all;}
.newsBox ul li.newsMain div.iframe p a:hover{ border-bottom: #000 1px dashed; color: #000;}
.newsBox ul li.newsMain div.iframe p a:hover span.inLineB::after{border-bottom:double medium #000;}
@media screen and (max-width: 768px) {
.newsBox{margin: 40px auto 20px;padding: 0 0 0 0px;}
.newsBox ul li.newsMain div.newsT p{  padding: 10px 15px;font-size: 18px;}
.newsBox ul li.newsMain{width: calc(100% - 22px); float: none; margin:  10px;}
.newsBox ul li.newsMain div.iframe{ padding: 0 10px 10px; height: auto;  text-align: left; font-size: 14px; margin: 10px 0 0 0;}
.newsBox ul li.newsMain div.iframe p span{ display: block; margin: 0 ; font-weight: 700;}
.newsBox ul li.newsMain div.iframe p a span.inLineB::after{bottom: 2px; left: -2px;}
}

.main-visualPc{margin: 40px auto; display: block;}
.main-visualSmp{margin: 0 auto; display: none !important;}
.main-visualPc .slide:hover{cursor: pointer;}
@media screen and (max-width: 768px) {
.main-visualPc{margin: 0 auto; display: none !important;}
.main-visualSmp{margin: 40px auto; display: block !important;}
}
.contentYoutube{ max-width: 650px; margin: 0 auto; padding: 10px 15px 0;}
.iframe-responsive {position: relative; width: 100%; margin: 40px 0 10px; color: #737373; padding: calc(315 / 560 * 100%) 0 0;}
.iframe-responsive iframe {position: absolute;top: 0;left: 0; width: 100%;height: 100%; }
@media screen and (max-width: 768px) {
.contentYoutube{ padding: 0 10px;}
}
#pointT{text-align: left; margin: 0 0; max-width: 615px;}
.pointBox{ padding: 80px 0; background: linear-gradient(180deg,#fff 0%,#fff 52%,#faf4e4 48%,#faf4e4 100%); margin: 40px 0;}
.pointBoxH{ padding: 80px 0; background: linear-gradient(180deg,#fff 0%,#fff 50%,#faf4e4 50%,#faf4e4 100%); margin: 40px 0;}
#point004{ margin-bottom: 150px;}
@media screen and (max-width: 768px) {
#pointT{margin: 0 10px;}
#pointT img{width: 80%;}
.pointBox{ padding: 30px 0; background: linear-gradient(180deg,#fff 0%,#fff 57%,#faf4e4 57%,#faf4e4 100%); margin: 20px 0;}
.pointBoxH{ padding: 30px 0; background: linear-gradient(180deg,#fff 0%,#fff 33%,#faf4e4 33%,#faf4e4 100%); margin: 20px 0;}
#point004{ margin-bottom: 60px;}
}

ul.point2{width: 100%; max-width: 1048px; margin: 0 auto; overflow: hidden; display: flex}
ul.point2 li.txtArea{ width: calc(50% - 48px); margin: 0 24px; float: left; text-align: left; position: relative;}

ul.point2 li.txtArea div.point1234t{width: 90%; max-width: 428px; margin: 0 0 20px 0;}
ul.point2 li.txtArea div.point1234tw{width: 100%; margin: 0 0 20px 0;}
ul.point2 li.txtArea h4{font-size: 17px; line-height: 200%; margin: 0 0 42px 0;}
ul.point2 li.txtArea div.boBox{ border: #6c79af 1px solid; background: #fff; padding: 20px;}
ul.point2 li.txtArea div.boBox div{ margin: 10px 0; line-height: 140%; font-size: 14px;}
ul.point2 li.txtArea div.boBox p{ margin: 20px 0; line-height: 180%; font-size: 14px;}
ul.point2 li.txtArea div.boBox h5{background: #d7dbea; font-size: 18px; padding: 10px 0 6px; text-align: center; font-weight: 500; margin: 10px 0;}

ul.point2 li.imgArea{ width: calc(50% - 48px); margin: 0 24px; float: left;  position: relative;}
ul.point2 li.imgAreaW{ width: calc(100% - 48px); margin: 0 24px; float: none;}
@media screen and (max-width: 768px) {
ul.point2 li.imgArea{ display: none;}
ul.point2 li.txtArea{ width: calc(100% - 20px); margin: 0 10px; float: none; }
ul.point2 li.txtArea h4{font-size: 18px; line-height: 160%; margin: 10px 0 40px 0;}
ul.point2 li.txtArea div.boBox{ padding: 20px 10px;}
ul.point2 li.txtArea div.boBox h5{font-size: 16px; padding: 8px 0 4px; font-weight: 700; margin: 10px 0;}
}

div.boBoxW{ border: #6c79af 1px solid; background: #fff; padding:20px 20px; max-width: 960px; margin: 40px auto; overflow: hidden;}
div.boBoxW ul.interV{overflow: hidden; display: flex; flex-wrap: wrap;}
div.boBoxW ul.interV li{float: left; width: calc(50% - 10px); margin: 0 10px 0px 0;}
div.boBoxW ul.interV li:nth-child(2){ margin: 0 0 0px 10px;}
div.boBoxW ul.interV li div.interT{ margin: 5px 0 20px 0 ; text-align: left;}
div.boBoxW ul.interV li div.interT img{ max-width: 320px;}
div.boBoxW ul.interV li h4{text-align: left; font-size: 18px; font-weight: 700; color: #2b3e8e; margin: 10px 0 20px 0;}
div.boBoxW ul.interV li dl{ overflow: hidden; display: flex; flex-wrap: wrap; text-align: left; line-height: 1.8em; font-size: 14px; margin: 0 0 20px 0;}
div.boBoxW ul.interV li dl dt{ float: left; width: 4em;color:#2b3e8e; font-weight: 700;}
div.boBoxW ul.interV li dl dd{ float: left; width: calc(100% - 4em); }

div.boBoxW a.btnL{ margin: 0;}
div.boBoxW a.daigakuryoCom:hover{background: #fff; color:#2b3e8e;}
@media screen and (max-width: 768px) {
div.interT{ width: 100%; margin: 0 0% 20px 0 ;}
div.boBoxW ul.interV li div.interT img{ max-width: 768px; width: 98%;}
div.boBoxW{padding:30px 20px;  margin: 40px 10px;}
div.boBoxW ul.interV li{float: none; width: 100%; margin: 0 0 20px 0;}
div.boBoxW ul.interV li:nth-child(2){float: none; width: 100%; margin: 0 0 20px 0;}
div.boBoxW ul.interV li dl dt{ float: none; width: 100%;color:#2b3e8e; font-weight: 700;}
div.boBoxW ul.interV li dl dd{  float: none; width: 100%;}
div.boBoxW a.btnL{ font-size: 14px; line-height: 160%; background-image: none;}
div.boBoxW a.btnL::after{content: url(../img/btn_l.png); position: absolute; margin: -1px 0 0 10px; width: 10px;}
}

div.point003Exp{ max-width: 1000px; margin: 60px auto 20px; padding: 0 24px;}
a.toOhtsuka{ display: inline-block; margin: 40px auto 0; padding: 10px 60px; line-height: 1.4em; color: #fff; background:#e50012; font-size: 24px; font-weight: 700; border-radius: 10px; transition: 0.6s all;}
 a.toOhtsuka::after{ content: url(../img/btn_l.png); position: absolute;margin: 1px 0 0 10px;width: 10px;}
a.toOhtsuka:hover{ background: #2b3e8e; color: #fff; }
a.toOhtsuka br{ display: none;}
@media screen and (max-width: 768px) {
div.point003Exp{margin: 0px auto 0px; padding:0 10px;}
a.toOhtsuka{ display: block; margin: 40px 10px 0; padding: 10px 0; font-size: 18px; font-weight: 700; border-radius: 10px;}
a.toOhtsuka::after{ content: url(../img/btn_l.png); position: absolute;margin: -10px 5px 0 10px;width: 10px;}
a.toOhtsuka br{ display: inline;}
}

div.point004Exp{ max-width: 1000px; margin: 20px auto 60px; padding: 0 24px;}
@media screen and (max-width: 768px) {
div.point004Exp{margin: 0px auto 0px; padding:0 10px;}
}

a.btnL{ display: block; background: #2b3e8e; color: #fff; text-align: center; padding: 12px 0 10px; position: relative; margin: 40px 10px 10px; font-size: 18px; letter-spacing: 0.2em; border: #2b3e8e 1px solid; font-weight: 700;}
a.btnL::after{content: url(../img/btn_l.png); position: absolute; margin: -3px 0 0 10px;}
a.btnL:hover{ background: #d7dbea; color: #2b3e8e;}
@media screen and (max-width: 768px) {
a.btnL{ margin:0 10px;}
}

#locT{width: 100%; text-align: left; margin: 0 0; max-width: 428px;}
#locMap{margin: 20px 0 30px; position: relative;}
#locMap #map001{position: absolute; width: 33.4%; top: 64%; left: 54.2%; transition: 0.6s all; z-index: 2;}
#locMap #map002{position: absolute; width: 33.4%; top: 81%; left: 54.2%; transition: 0.6s all;}
#locMap #map001 img , #locMap #map002 img{margin:5px 0 0 0;}
#locMap #map001:hover img , #locMap #map002:hover img{margin:0; opacity: 1;}

#locTra{margin: 20px 0 30px;}
#locAcc{margin: 20px 0 10px;}
#locAcc a.btnL{ margin: 20px 0 0 35.2%;}
#cost{margin: 20px 0; padding: 10px 0; border-top: #ccc 1px dashed; border-bottom: #ccc 1px dashed;}
@media screen and (max-width: 768px) {
#locT{margin: 0 10px;}
#locT img{width: 60%;}
#locMap{margin: 10px 0 30px;}
#locTra{margin: 20px 0 30px;}
#locAcc{margin: 20px 10px 10px;}
#locAcc a.btnL{ margin:5px 0 0 0 ; font-size: 14px; line-height: 160%;}
#locAcc a.btnL::after{content: url(../img/btn_l.png); position: absolute; margin: 0px 0 0 -1px; width: 10px;}
#cost{margin: 20px 0; padding: 20px 0; border-top: #ccc 1px dashed; border-bottom: #ccc 1px dashed;}
}

/*scrHintMap------------------------------------------------------------*/
div.scrHintMap { max-width: 1000px; margin: 0 auto; border: none; padding: 0; }
div.scrHintMap table { width: 100%; margin: 0; }
@media screen and (max-width: 1000px) {
div.scrHintMap { max-width: 1020px; margin: 10px auto 40px; border: none; padding: 10px 0; border-top: #ccc 1px dashed; border-bottom: #ccc 1px dashed; }
div.scrHintMap table { width: 1000px; margin: 0 auto; }
div.scrHintMap:hover { cursor: grab; }
}
/*scrIco------------------------------------------------------------*/
.scrIco { display: none; }

@media screen and (max-width: 800px) {
.scrIco { display: block; margin: 10px 10px 0 0; text-align: right; }
.scrIco span { display: inline-block; animation-name: FloatHorizontal; animation-duration: 2s; animation-iteration-count: infinite; background: #2c4198; color: #fff; padding: 4px 10px; border-radius: 20px; font-size: 12px; }
@keyframes FloatHorizontal {
0% {transform: translate3d(4px, 0, 0);}
50% {transform: translate3d(-4px, 0, 0);}
to {transform: translate3d(4px, 0, 0);}
}
} /*800px*/

/*costのテキスト化*/
#cost ul.costBg{ overflow: hidden; display: flex; flex-wrap: wrap; margin: 20px auto;}
#cost ul.costBg li.liT{ width: 20%;text-align: left;}
#cost ul.costBg li.liT img{ max-width: 140px;}
#cost ul.costBg li{float: left; width: 9%;}
#cost ul.costBg li h4{background:#d7dbea; text-align: center; padding: 30px 0; border-radius: 5px; margin: 5px; font-weight: 700;}
#cost ul.costBg li.priceTable{width:calc(30% - 20px); text-align: left; padding: 0 10px; font-size: 12px;}
#cost ul.costBg li.priceTable#jpn{width:calc(32% - 20px);}
#cost ul.costBg li.priceTable h5{ padding: 0 0 8px 0;margin: 5px 0; border-bottom: #ccc 1px solid;}
#cost ul.costBg li.priceTable span.colG{color: #707070;}
#cost ul.costBg li.priceTable dl{ overflow: hidden; display: flex; flex-wrap: wrap; margin: 15px 0 20px 0;}
#cost ul.costBg li.priceTable dl dt{ width: 55%; float: left;vertical-align: baseline;}
#cost ul.costBg li.priceTable dl dt p{ display: inline-block; background: #2b3e8e; color: #fff; padding: 10px 8px; border-radius: 5px; margin: 0 5px 0 0; font-size: 14px;}
#cost ul.costBg li.priceTable dl dt div{display: inline-block; margin: 1em 0 0 0;}
#cost ul.costBg li.priceTable dl dt div span.price{ font-size: 24px; font-weight: 700;color: #2b3e8e;  vertical-align: baseline;}
#cost ul.costBg li.priceTable dl dd{ width: 45%; float: left;line-height: 1.4em; font-size: 11px; padding: 3px 0 0 0; text-align: right;}
#cost ul.costBg li.priceTable dl dd span.year1{ letter-spacing: .333333em;}
#cost ul.costBg li.priceTable p{font-size: 11px;}
#cost ul.costBg li.priceTable p span.spacer{ width: 5em; display: inline-block;}
#cost ul.costBg li.priceTable div{ margin: 20px 0 10px 0;}
#cost ul.costBg li.priceTable p.expR{ text-align: right;}
@media screen and (max-width: 980px) {
#cost ul.costBg li.priceTable p{font-size: 10px;}
#cost ul.costBg li.priceTable dl dt{ width: 55%; float: left;vertical-align: baseline;}
#cost ul.costBg li.priceTable dl dt p{ display: inline-block; background: #2b3e8e; color: #fff; padding: 10px 5px; border-radius: 5px; margin: 0 5px 0 0; font-size: 12px;}
#cost ul.costBg li.priceTable dl dt div{display: inline-block; margin: 1em 0 0 0;}
#cost ul.costBg li.priceTable dl dt div span.price{ font-size: 20px; font-weight: 700;color: #2b3e8e;  vertical-align: baseline;}
#cost ul.costBg li.priceTable dl dd{ width: 45%; float: left;line-height: 1.4em; font-size: 10px; padding: 3px 0 0 0; text-align: right;}
#cost ul.costBg li.liT{ width: 100%;}
#cost ul.costBg li.liT img{ width: 37%;}
}
@media screen and (max-width: 900px) {
#cost ul.costBg li{float: none; width:calc(100% - 20px); margin: 0 10px;}

#cost ul.costBg li h4{ padding: 15px 0;margin: 20px 0px 10px; }
#cost ul.costBg li.priceTable{width:100%; padding: 0 0px; font-size: 14px; margin-bottom:20px;}
#cost ul.costBg li.priceTable#jpn{width:100%; padding: 0 0px; font-size: 14px;}
#cost ul.costBg li.priceTable dl dt{ width: 60%;}
#cost ul.costBg li.priceTable dl dt p{ padding: 10px 20px; border-radius: 5px; margin: 0 5px 0 0; font-size: 16px;}
#cost ul.costBg li.priceTable dl dt div{margin: 1.2em 0 0 0;}
#cost ul.costBg li.priceTable dl dt div span.price{ font-size: 28px;}
#cost ul.costBg li.priceTable dl dd{ width: 40%; font-size: 12px; padding: 6px 0 0 0;}
#cost ul.costBg li.priceTable p{font-size: 13px; line-height: 1.6em;}
}

#flow{margin: 20px 0 80px; position: relative;}
#flow #btn001{position: absolute; width: 9%; top: 17%; left: 20.5%;}
#flow #btn002{position: absolute; width: 9%;top: 44%; left: 20.5%;}
@media screen and (max-width: 768px) {
#flow{margin: 20px 10px 80px;}
#flow #btn001{position: absolute; width: 80%; top: 9.2%; left: 10%;}
#flow #btn002{position: absolute; width: 80%;top: 12.8%; left: 10%;}
}

.ouchi{ border: #6c79af 2px solid; padding: 30px 20px; margin: 60px 0  0 ;}
.ouchi h3{ font-size: 42px; font-weight: 700; margin: 20px 0 0 0; color: #333;}
.ouchi h4{color: #2b3e8e; font-size: 20px; font-weight: 700; line-height: 160%; margin: 50px 0 10px;}
.ouchi h5{ line-height: 1.6em;}
.ouchi a.btnL{margin: 40px 20px 10px; padding: 15px 0 12px; }
.ouchi .btn2{ margin: 60px 0 0 0;}
.ouchi .btn2 a.btnL{margin: 0px 20px 10px;}

@media screen and (max-width: 768px) {
.ouchi{ border: #6c79af 2px solid; padding: 20px 10px; margin: 40px 10px 0;}
.ouchi h3{ font-size: 30px; margin: 20px 0 0 0;}
.ouchi h4{font-size: 16px; font-weight: 700; line-height: 160%; margin: 20px 0 10px;}
.ouchi h5{ font-size: 14px;}
div.ouchi a.btnL{ font-size: 14px; line-height: 160%;margin: 20px 0px 0px; padding: 12px 10px 10px; }
div.ouchi a.btnL::after{content: url(../img/btn_l.png); position: absolute; margin: -1px 0 0 10px; width: 10px;}
.ouchi .btn2{ margin: 30px 0 0 0;}
.ouchi .btn2 a.btnL{margin: 0px 0px 10px;}
}

ul#ouvhiUl{ overflow: visible;}
ul#ouvhiUl li{width: calc(50% - 20px); margin: 0 10px; float: left; text-align: left;}
ul#ouvhiUl li #ouchiIco{position: relative;}
ul#ouvhiUl li #ouchiIco p{ position: absolute; width: 158px; top:-60px; right:  -160px;}
ul#ouvhiUl li h5{color: #2b3e8e; font-size: 15px; font-weight: 700; line-height: 160%; margin: 30px 0;}
ul#ouvhiUl li ul.pDot{ padding: 0 0 0 10px;}
ul#ouvhiUl li ul.pDot li{ list-style: disc; width: 100%; line-height: 140%; margin: 3px 0; font-size: 15px;}
@media screen and (max-width: 768px) {
ul#ouvhiUl{ overflow: visible;}
ul#ouvhiUl li{width: calc(100% - 20px); margin: 0 10px; float: none;}
ul#ouvhiUl li #ouchiIco p{ width: 100px; top:-90px; right:-20px;}
ul#ouvhiUl li h5{color: #2b3e8e; font-size: 15px; font-weight: 700; line-height: 160%; margin: 30px 0;}
ul#ouvhiUl li ul.pDot{ padding: 0 0 0 10px;}
ul#ouvhiUl li ul.pDot li{ list-style: disc; width: 100%; line-height: 140%; margin: 3px 0; font-size: 15px;}
}

ul#lang2{ overflow: hidden;}
ul#lang2 li#langT{width: calc(66% - 15px); margin: 0 15px 0 0 ; float: left;}
ul#lang2 li#langT h5{ text-align: left; font-size: 15px; line-height: 140%;}
ul#lang2 li#langImg{width: calc(33% - 15px); margin: 0 0 0 15px ; float: left;}
@media screen and (max-width: 768px) {
ul#lang2 li#langT{width: calc(100% - 20px); margin: 0 10px; float:none;}
ul#lang2 li#langT h5{ text-align: left; font-size: 15px; line-height: 140%;}
ul#lang2 li#langImg{width: 90%; margin: 10px auto; float: none;}
}

div#btn2Area{ position: relative; max-width: 1440px; margin: 100px auto 60px; }
ul#btn2{ width: 100%; overflow: hidden;}
ul#btn2 li{ width: 50%; float: left;}
div#btn2Area div#btnIco{ position: absolute; top: 32px; z-index:999; width: 100%;}
div#btn2Area div#btnIco p{ width: 100%; max-width: 480px; margin: 0 auto;}
@media screen and (max-width: 768px) {
div#btn2Area{ margin: 40px auto 60px; }
div#btn2Area div#btnIco{ position: relative; top: auto; margin: 0  0;}
ul#btn2 li{ width: 100%; float: none; margin: 10px 0;}
}

/*体験入寮・見学と寮生専用アプリで快適生活*/
div#bnrArea2{ max-width: 1024px; margin: 40px auto; overflow: hidden;}
div#bnrArea2 ul{ display: flex; flex-wrap: wrap; }
div#bnrArea2 ul li{ width: calc(50% - 24px); margin: 20px 10px; border:#2b3e8e 2px solid ; position: relative; text-align: left; line-height: 150%; float: left; padding: 0 0 30px 0;}
div#bnrArea2 ul li h4{ font-size: 24px; margin: 30px 0 10px 0; text-align: center;}
div#bnrArea2 ul li h4 img{ width: 30px; margin: -5px 5px 0 0;}
div#bnrArea2 ul li h5{font-size: 16px; color: #2b3e8e;text-align: center;}
div#bnrArea2 ul li div.bgLbl{background:#d6d9e7; margin: 10px 20px 36px; padding: 32px 10px;}
div#bnrArea2 ul li div.bgLbl h5{font-size: 16px; font-weight: 500; color: #000;}
div#bnrArea2 ul li div.bgLbl ul.bnr2A{ display: flex; flex-wrap: wrap; margin: 10px auto;}
div#bnrArea2 ul li div.bgLbl ul.bnr2A li{float: left; border:none; width: calc(50% - 16px); margin:  8px;padding: 0 0 0px 0;}
div#bnrArea2 ul li div.bgLbl ul.bnr2A li a{display: block; background: #2b3e8e; color: #fff; text-align: left; padding: 12px; background-image: url(../img/bnr2_a_bg.png); background-repeat: no-repeat; background-position:right 10px top 50%; font-size: 14px; font-weight: 700; line-height: 140%; border: #2b3e8e 1px solid;}
div#bnrArea2 ul li div.bgLbl ul.bnr2A li a:hover{ background: #fff; color: #2b3e8e; background-image: url(../img/bnr2_a_bg.png); background-repeat: no-repeat; background-position:right 5px top 50%;}
div#bnrArea2 ul li div.bgLbl p{text-align: left; font-size: 12px; margin: 10px 10px 0; line-height: 140%;}
div#bnrArea2 ul li p{text-align: left; font-size: 12px; margin: 10px 15px 0;}
/*
div#bnrArea2 ul li a.bnr2_tel{ margin: 10px 15px;}
div#bnrArea2 ul li a.bnr2_tel img{max-width: 164px;}
div#bnrArea2 ul li a.bnr2_tel:hover img{ cursor: default;}
*/
div#bnrArea2 ul li .domicoBg{ position: relative; margin: 10px 0 0 0;height: 246px;}
div#bnrArea2 ul li .domicoBg #imgDomico{position: absolute; top: 0; right: -12px;  width:480px;}
@media screen and (max-width: 1000px) {
div#bnrArea2 ul li .domicoBg{ position: relative; margin: 20px 10px 40px 10px;height: auto;}
div#bnrArea2 ul li .domicoBg #imgDomico{position: relative; top: auto; right: auto;  width:100%;}
div#bnrArea2 ul li div.bgLbl{ margin: 20px 20px 40px; padding: 16px 10px 10px;}
div#bnrArea2 ul li div.bgLbl ul.bnr2A li{ width: calc(50% - 10px); margin: 10px 5px;}
div#bnrArea2 ul li div.bgLbl ul.bnr2A li a{padding: 16px 10px; background-image: url(../img/bnr2_a_bg.png); background-repeat: no-repeat; background-position:right 5px top 50%; font-size: 12px;}
}
@media screen and (max-width: 768px) {
div#bnrArea2 ul li{ width: calc(100% - 24px);  float:none; padding: 0 0 0 0;}
div#bnrArea2 ul li div.bgLbl{ margin: 10px 10px; padding: 10px 5px;}
div#bnrArea2 ul li div.bgLbl ul.bnr2A li{ width: calc(50% - 10px); margin: 10px 5px;}
div#bnrArea2 ul li .domicoBg{ position: relative; margin: 20px 10px 10px 10px;height: auto;}
}

div#bnrArea2 ul li a.btnS{ display: block; background: #2b3e8e; color: #fff; text-align: center; border: #2b3e8e 1px solid; font-weight: 700; position: absolute; width: calc(100% - 40px); height: 30px; bottom: 10px; line-height: 30px; left: 20px;}
div#bnrArea2 ul li a.btnS::after{content: url(../img/btn_s.png); position: absolute; margin: 2px 0 0 10px;}
div#bnrArea2 ul li a.btnS:hover{ background: #d7dbea; color: #2b3e8e;}
@media screen and (max-width: 768px) {
a.btnS{ margin: 20px 0 0;}
}
@media screen and (max-width: 768px) {
div#bnrArea2 ul li a.btnS{position: relative; width: calc(100% - 20px); height: auto; bottom: auto; line-height: auto; left: auto; margin: 20px 10px;}
}

/* アンカーズレ対応 */
#page001 , #page002  { padding-top:150px; margin-top:-150px;}
#page003 , #page004 { padding-top:50px; margin-top:-50px;}
#page005{ padding-top:50px; margin-top:-50px;}
@media screen and (max-width: 904px) {
#page001 , #page002{ padding-top:50px; margin-top:-50px;}
#page003 { padding-top:0px; margin-top:0px;}
#page004 { padding-top:0px; margin-top:0px;}
#page005{ padding-top:10px; margin-top:-10px;}
}

/*footer*/
#footer{margin:80px 0 0 0; }
#footer div{margin:40px auto 20px;}
#footer span{line-height:160%; margin:10px auto 0px; font-size: 12px; display: block;}
#footer p{line-height:160%; margin:10px auto 0px; font-size: 14px;}
#fTel {max-width: 270px; margin: 0 auto;}
#fTel a:hover{cursor: default;}
#fTel a:hover img{opacity: 1 !important;}
#copyR{text-align:center; padding:40px 0 80px; margin:0; font-size:14px;line-height: 160%;}
#copyR p{ color: #666;}
@media only screen and (max-width: 768px) {
#footer{margin:60px 0 0 0; font-size:14px; padding:0 40px;}
#footer div{margin:20px auto 20px;}
#copyR{ font-size:12px; padding:20px 0 60px; }
}

/*topcontrol*/
#topcontrol{width:64px; height:64px; z-index:999; bottom: 30px; right: 30px;}
@media screen and (max-width: 768px) {
#topcontrol{width:48px; height:48px; z-index:999; bottom: 10px; right: 10px;}
}

/*popUp*/
#popUp001{position: fixed; bottom: 130px; right: 30px; width: 350px; height: 350px; z-index: 9999;}
#popUp001 .btnBg{position: relative;}
#popUp001 .btnBg .popupClose001{position: absolute; width: 30px; height: 30px; right: -10px; top: -10px; cursor: pointer;}

#popUp002{position: fixed; bottom: 0; right: 0; left: 0; width: 100%; z-index: 999; margin: 0 0 10px 0;}
#popUp002 ul{ width: 70%; margin: 0 auto 0; overflow: hidden; max-width: 1000px; position: relative;}
#popUp002 ul li{ width: calc(50% - 20px); padding: 0 10px; float: left;}
#popUp002 ul li a{ display: block; border-radius: 40px; background: #2c4198; border: #2c4198 2px solid; text-align: center; color: #fff; padding:20px 0; font-size: 21px; font-weight: 700; letter-spacing: 0.1em; transition: 0.6s;}
#popUp002 ul li a:hover{ background: #fff; color:#2c4198;}
.displayNone001{display: none;}
@media screen and (max-width: 768px) {
#popUp001{display: none;}
#popUp002 ul{ width: 100%; margin: 0 auto 10px;}
#popUp002 ul li{ width: calc(50% - 10px); padding: 0 5px;}
#popUp002 ul li a{padding:10px 0; font-size: 14px;letter-spacing: 0;}
}

.bottomPopUp{position: fixed; bottom: 0; right: 0; left: 0; width: 100%; z-index: 999; margin: 0 0 10px 0;}
.bottomPopUp ul{ width: 70%; margin: 0 auto 10px; overflow: hidden; max-width: 1000px; position: relative;}
.bottomPopUp ul li{ width: calc(50% - 20px); padding: 0 10px; float: left;}
.bottomPopUp ul li a{ display: block; border-radius: 40px; background: #e50012; text-align: center; color: #fff; padding:20px 0; font-size: 21px; font-weight: 700; letter-spacing: 0.1em; transition: 0.6s;}
.bottomPopUp ul li a:hover{ background: #2c4198; color:#fff;}
.displayNone001{display: none;}
@media screen and (max-width: 768px) {
.sidePopUp{bottom: 80px; margin-right: 15px; width: 180px; height: 180px;}
.bottomPopUp ul{ width: 100%; margin: 0 auto 10px;}
.bottomPopUp ul li{ width: calc(50% - 10px); padding: 0 5px;}
.bottomPopUp ul li a{padding:10px 0; font-size: 14px;letter-spacing: 0;}
}

/* header */
#top-head {top: -100px; position: absolute; width: 100%; margin: 100px auto 0;  z-index: 9980; background: #fff;}
#top-head a,#top-head {text-decoration: none;}
#top-head .inner { position: relative; width:100%; margin:0 auto 0; max-width:1440px;}
#top-head .logo { float: left; width:100%; max-width:210px; display:block; z-index: 9990; position:absolute; top:42px; left:5%}
#global-nav{position:relative; height:104px;}
#global-nav ul#naviBody { list-style: none; position: absolute; right:4.5%; top:24px; height:80px;}

#global-nav ul li { float: left; position: relative; white-space: nowrap;background:none; text-align:center; height:auto; transition:all 0.5s ease-in; margin: 20px 0px 20px 0px; padding: 12px 10px 10px 10px; border-left: #ccc 2px solid;}
#global-nav ul li:first-child{border: none;}
#global-nav ul li a {color:#000;transition:all 0.5s ease-in; position: relative; font-size: 16px; letter-spacing: 0.05em;font-family: 'Montserrat', sans-serif; font-weight: 900;}
#global-nav ul li a span{ display: block; font-size: 14px; font-weight: 500; margin: 5px 0 0 0;}
/*お問い合わせ*/
#global-nav ul li#contact{margin: 20px 0 0 8px; padding:0; border: none;}
#global-nav ul li#contact a {color:#2b3e8e;transition:all 0.5s ease-in; opacity: 1; display: inline-block; position: relative;background: #d7dbea;font-weight: 500; width: 120px; height: auto; padding: 12px 0 11px 0; text-align: center;box-sizing: border-box; font-size: 18px; letter-spacing: 0.05em;font-family: 'Montserrat', sans-serif; font-weight: 900;}
#global-nav ul li#contact a:hover {background: #2b3e8e;  color: #d7dbea;}
#global-nav ul li#contact a span{display: block; font-size: 14px;}
/*資料請求*/
#global-nav ul li#request{margin: 20px 0 0 4px; padding:0; border: none;}
#global-nav ul li#request a {color:#2b3e8e;transition:all 0.5s ease-in; opacity: 1; display: inline-block; position: relative;background: #d7dbea;font-weight: 500; width: 120px; height: auto; padding: 12px 0 11px 0; text-align: center;box-sizing: border-box; font-size: 18px; letter-spacing: 0.05em;font-family: 'Montserrat', sans-serif; font-weight: 900;}
#global-nav ul li#request a:hover {background: #2b3e8e;  color: #d7dbea;}
#global-nav ul li#request a span{display: block; font-size: 14px;}

/*入館お申し込み*/
#global-nav ul li#entryB{margin: 20px 0 0 4px; padding:0; border: none;}
#global-nav ul li#entryB a {color:#fff;transition:all 0.5s ease-in; opacity: 1; display: inline-block; position: relative;background: #2b3e8e;font-weight: 500; width: 100px; height: auto; padding: 12px 0 11px 0; text-align: center;box-sizing: border-box; font-size: 18px; letter-spacing: 0.05em;font-family: 'Montserrat', sans-serif; font-weight: 900;}
#global-nav ul li#entryB a:hover {background: #2b3e8e;  color: #d7dbea;}
#global-nav ul li#entryB a span{display: block; font-size: 14px;}
#global-nav ul li:hover a { color: #2b3e8e;}

/* Fixed */
#top-head.fixed { margin-top: 0; top: 0; position: fixed;  background: #fff; transition: top 1.00s ease-in;}

/* Toggle Button */
#nav-toggle { display: none; position: absolute; right: 12px; top: 14px; width: 30px; height: 38px; padding: 0 4px; cursor: pointer; z-index: 101; background: #2b3e8e;}
#nav-toggle div { position: relative;}
#nav-toggle span { display: block; position: absolute; height: 4px; width: 100%; background: #fff; left: 0; transition: .35s ease-in-out;}
#nav-toggle span:nth-child(1) { top: 7px; background: #fff;}
#nav-toggle span:nth-child(2) { top: 17px;}
#nav-toggle span:nth-child(3) { top: 27px;}

@media screen and (max-width: 1400px) {
#top-head .logo { float: left; width:100%; max-width:180px; display:block; z-index: 9990; position:absolute; top:48px; left:1%}
#global-nav ul#naviBody { list-style: none; position: absolute; right:0%; top:24px; height:80px;}
}

@media screen and (max-width: 1180px) {
#global-nav ul li { margin: 20px 0px 20px 0px; padding: 12px 8px 10px 8px; border-left: #ccc 2px solid;}
#global-nav ul li a span{font-size: 12px; font-weight: 500; margin: 5px 0 0 0;}
/*お問い合わせ*/
#global-nav ul li#contact a { width: 100px; height: auto; padding: 12px 0 11px 0; text-align: center;box-sizing: border-box; font-size: 18px; letter-spacing: 0em;}
/*資料請求*/
#global-nav ul li#request a { width: 100px; height: auto; padding: 12px 0 11px 0; text-align: center;box-sizing: border-box; font-size: 18px; letter-spacing: 0em;}
}

/*ここからスマフォ設定------------------------------------------------------------*/
@media screen and (max-width: 1080px) {
 /*@media screen and (max-width: 1040px) Fixed reset */
#top-head.fixed {  padding-top: 0;  background: #fff; }
#mobile-head { background: rgba(255,255,255,1.0);  width: 100%;  height: 64px;  z-index: 9980;  position: relative; }
#top-head.fixed .logo, #top-head .logo {position: absolute;  left: 2px;  top: 8px; width:274px;}
#top-head .inner {  width: 100%;  padding: 0; z-index:9990; margin-top:0;}
#top-head {  top: 0;  position: fixed;  margin-top: 0;  background:none; }
#global-nav {  position: absolute;  top: -560px; width: 100%;  text-align: center;  padding:64px 0 0 0;  transition: 1.0s ease-in-out;}
#global-nav ul#naviBody {  list-style: none;  position: static;  right: 0;  bottom: 0;  font-size: 14px; }
#global-nav ul li {  float: none;  position: static; text-align:left; border:none;  width:100%; height: auto; line-height:0; padding:12px 0; background: rgba(255,255,255,1); margin: 0; }
#top-head #global-nav ul li a ,#top-head.fixed #global-nav ul li a{ display: block;  color: #000;  padding: 15px 20px;  font-size:16px; font-weight:bold;margin: 0;}
#top-head #global-nav ul li:hover a ,#top-head.fixed #global-nav ul li:hover a{ color: #000;}
#global-nav ul li a span{  display: inline; font-size: 13px; margin: 0 0 0 5px;}
#global-nav > ul > li > a::before { display: block; content: ""; position: absolute; top: 50%; left: 4px; width: 6px; height: 6px; margin:-6px 0 0  0; border-top: solid 2px #2b3e8e; border-right: solid 2px #2b3e8e; transform: rotate(45deg);}

/*お問い合わせ*/
#global-nav ul li#contact{margin:0; padding:0; border: none;}
#global-nav ul li#contact a {padding: 30px 0 !important; width: 100%; height:auto; text-align: center; display: block; color: #2b3e8e !important; background: #d7dbea;border-top: #2b3e8e 1px solid;}
#global-nav ul li#contact a:hover {background: #d7dbea;  color: #2b3e8e !important;}
#global-nav ul li#contact a span{display: inline;}
#global-nav > ul > li#contact  > a::before { display: none;}

/*資料請求*/
#global-nav ul li#request{margin:0; padding:0; border: none;}
#global-nav ul li#request a {padding: 30px 0 !important; width: 100%; height:auto; text-align: center; display: block; color: #2b3e8e !important; background: #d7dbea; border-top: #2b3e8e 1px solid;}
#global-nav ul li#request a:hover {background: #d7dbea;  color: #2b3e8e !important;}
#global-nav ul li#request a span{display: inline;}
#global-nav > ul > li#request  > a::before { display: none;}

/*入館お申し込み*/
#global-nav ul li#entryB{margin:0; padding:0; border: none;}
#global-nav ul li#entryB a {padding: 30px 0 !important; width: 100%; height:auto; text-align: center; display: block; color: #fff !important; background: #2b3e8e;}
#global-nav ul li#entryB a span{display: inline;}
#global-nav ul li#entryB a:hover {background: #2b3e8e;  color: #fff !important;}
#global-nav > ul > li#entryB  > a::before { display: none;}

#nav-toggle {  display: block; }
.open #nav-toggle span:nth-child(1) {  top: 16px; transform: rotate(315deg); }
.open #nav-toggle span:nth-child(2) {  width: 0;  left: 50%; }
.open #nav-toggle span:nth-child(3) {  top: 16px; transform: rotate(-315deg); }
.open #global-nav { transform: translateY(556px); }
}
/*ここまでスマフォ設定------------------------------------------------------------*/