@charset "UTF-8";



html,body{background-color:#FFF;font-family: 'Noto Sans JP', sans-serif;font-size:16px;font-weight:400;color:#000;background-size:auto;background-position:center top;background-repeat:no-repeat;width:100%;margin:0px;overflow-x:hidden;}
.min{font-family: 'Noto Serif JP', serif;}

.allura{font-family: 'Allura', cursive;}

.serif{font-family:serif;}

.lead{font-size:1.25em;line-height:2;}
.lead_light{font-size:1.5em;font-weight:300;}
.lead.en{font-size:1.5em;}
.lead .caption{font-size:0.825em;}
.lead.sml{font-size:1.125em;line-height:2;}
.lead span.req{display:inline-block;background:#df1c24;color:#FFF;padding:0.3em 0.4em;margin-right:0.5em;font-size:0.7em;line-height:1;}

a.disable{pointer-events:none;}
.tel{font-size:1em;}
.fax{font-size:1em;}
strong{font-weight:600;}
em{font-style:normal;font-weight:400;}
i{font-style:normal;display:inline-block;position:relative;}
i:after{content:'';position:absolute;left:0;bottom:1px;display:block;width:100%;height:1px;border-bottom:2px dotted #FFF;}

ruby > rt {font-size:0.6em;text-indent:1em;}
.fl{float:left;margin-right:1rem;}
.fr{float:right;margin-left:1rem;}
.abs{position:absolute;}
*{overflow-wrap: break-word;word-wrap: break-word;}

a.underline{text-decoration:underline;color:#004FBA;}
a.underline.grn{color:#4bc7cf;}
a.underline:hover{text-decoration:none;}


span{}
span.bg{background:#f0f018;display:inline-block;line-height:1.1;}



h1,h2,h3,h4,h5,h6{position:relative;box-sizing:border-box;line-height:1.25;margin:0px 0px 1em;padding:0px;position:relative;box-sizing:border-box;font-weight:300;}

h1{font-size:2.5em;font-weight:400;text-align:center;}
h1 small{font-size:0.4em;display:block;text-align:center;font-weight:400;}

h2{font-size:3rem;font-weight:500;margin-bottom:1em;}
h2 small{display:block;font-size:0.4em;font-weight:500;}
h2 span{}

h3{font-size:2.5rem;font-weight:600;letter-spacing:0.05em;line-height:1.5;}

h4{}

ul,ol{margin:1rem 0px;padding:0px;list-style-type:none;}
ul > li{position:relative;margin:8px 0px;line-height:1.6;padding:0px;}
ul li{position:relative;line-height:1.6;text-align: justify;text-justify: inter-ideograph;}

ul.caption{margin-top:0px;margin-bottom:0px;}
ul.caption > li{padding-left:1.3em;margin:0px 0px 0.3em;font-weight:400;}
ul.caption > li:before{content:'※';display:block;width:1em;height:1em;font-size:1em;position:absolute;left:0.2em;top:0em;}
ul.caption > li.red{color:#DB0000;}
ul.caption > li.red:before{color:#DB0000;}

ul.dot > li{padding-left:1em;}
ul.dot > li+li{margin-top:10px;}
ul.dot > li:before{content:'';display:block;background:#000;border-radius:50%;width:0.3rem;height:0.3rem;position:absolute;left:0.2em;top:0.65em;}
ul.dot.wht li:before{background:#FFF;}

ul.cle{margin:0;}
ul.cle > li{padding-left:1.2em;}
ul.cle > li+li{margin-top:10px;}
ul.cle > li:before{content:'';display:block;border:1px solid #333333;border-radius:50%;width:0.8rem;height:0.8rem;position:absolute;left:0em;top:0.4em;}
ul.cle.gry > li:before,
figure.img_r figcaption:before{content:'';display:block;border:0px;background:#bdbebe;border-radius:50%;width:0.8rem;height:0.8rem;position:absolute;left:0em;top:0.4em;}
ul.cle.ble2 > li:before{content:'';display:block;border:0px;background:#004FBA;border-radius:50%;width:0.8rem;height:0.8rem;position:absolute;left:0em;top:0.4em;}

ul.sqe > li{padding-left:1.2em;}
ul.sqe > li+li{margin-top:10px;}
ul.sqe > li:before{content:'';display:block;background:#f2a0a1;width:0.8rem;height:0.8rem;position:absolute;left:0em;top:0.4em;}
ul.sqe.ppl > li:before{background:#4f64ae;}

ul.inline{}
ul.inline li{display:inline-block;margin-right:1rem;}
ul.inline.slsh li:after{content:'/';display:inline-blokc;margin-left:1rem;}

ul.icon_i{}
ul.icon_i > li{background:url(../images/icon_i.svg) left center no-repeat;font-size:1.625rem;font-weight:600;padding:1em 0 1em 3.6em;line-height:1.4;}


ol{counter-reset: num;}
ol > li{position:relative;line-height:1.6;}
ol > li:before{counter-increment: num;}

ol.num{}
ol.num > li{padding-left:1.6em;position:relative;}
ol.num > li:before{content:counter(num) ".";position:absolute;left:0px;top:0px;}

ol.num.cle > li{}
ol.num.cle > li+li{margin-top:.75em;}
ol.num.cle > li:before{content:counter(num);position:absolute;left:0px;top:0.5em;font-size:1em;font-size:0.75em;background:transparent;border:1px solid #FFF;border-radius:50%;width:1.2em;height:1.2em;display:flex;align-items:center;justify-content:center;color:#FFF;}
ol.num.cle.ppl > li:before{background:#4f64ae;font-size:0.825em;top:0.3em;}
ol.num.cle > li h5{margin:0 0 0.5em;font-weight:600;font-size:1.125em;}

ol.num.kakko > li{}
ol.num.kakko > li:before{content:"(" counter(num) ")";position:absolute;left:0px;top:0px;font-size:0.875em;top:0.125rem;}

ol.num.lag > li:before{font-size:1.125em;font-weight:600;line-height: 1.3;}

ol.num.caption > li{font-size:0.875em;padding-left:1.875em;}
ol.num.caption > li:before{content:"※" counter(num);position:absolute;left:0px;top:0.5em;font-size:1em;top:0;}

ol.allura_num{}
ol.allura_num > li{padding-left:4rem;}
ol.allura_num >li+li{margin-top:4rem;}
ol.allura_num > li:before{content:counter(num);font-size:4em;font-family: 'Allura', cursive;color:#4f64ae;position:absolute;left:0;top:0;display:flex;align-items:center;justify-content:center;line-height:1;}


.column dl{flex-direction:column;align-items:stretch;padding:1rem 0px;}
.column dl dt{margin-bottom:0.6em;font-size:1.125em;font-weight:600;}

a{color:inherit;text-decoration:none;transition:all 0.2s;}
a > img{transition:all 0.2s;}
a:hover > img{opacity:0.6;}
a > img.img_w100{width:100%;height:auto;display:block;}


p{line-height:2;font-size:1em;}
.caption{font-size:0.875em;}
p.cat_lead{font-size:rem;}
p.red{color:#FF0000;}
small,
lgt{font-weight:300;}
.mid,
.em{font-weight:600;}
.bld{font-weight:700;}

p+p{margin-top:1em;}

i{font-style:normal;}
sup{font-size:0.75em;}
strong{font-size:1.25em;}
small{position:relative;font-size:0.875em;font-weight:300;}

address{font-size:1em;line-height:1.5;}


.lts02{letter-spacing:0.2em;}
.lts03{letter-spacing:0.3em;}
.lts05{letter-spacing:0.5em;}
.lts1{letter-spacing:1em;}


.row > table{display:table;}

table{width:100%;margin:2rem 0px;border-collapse:collapse;}
table th{text-align:left;padding:0.5em 1em;font-weight:300;font-size:1.125em;line-height:1.3;border:1px solid #bebebe;}
table td{text-align:left;padding:0.5em 1em;font-weight:300;font-size:1.12rem;line-height:1.3;border:1px solid #bebebe;}
table thead th{text-align:center;background:#e4e4e4;}


button{background-color: transparent;border: none;cursor: pointer;outline: none;padding: 0;appearance: none;}

figure{margin:0px 0px 1rem 0px;padding:0px;}
figure img{display:block;width:100%;height:auto;object-fit:contain;margin:0;line-height:1;margin-bottom:0.5rem;}
figure figcaption{font-size:1.25rem;display:block;margin:0px;padding:0px;line-height: 1.5;position:relative;text-align:center;font-weight:500;}
figure figcaption small{font-size:0.8em;}
figure figcaption.center{text-align:center;}
body.second figure h4{margin-top:0rem;}
figure figcaption .lead{font-size:1.675em;}




.btn{display:flex;background:#FFF;color:#000;height:2em;max-width:10em;font-size:0.875rem;font-weight:600;align-items:center;justify-content:center;text-align:center;position:relative;transition:all 0.3s;border-radius:0.5rem;margin:1rem auto 0;padding-right:1rem;}
.btn:after{transition:all 0.3s;content:'';display:block;width:0.4em;height:0.4em;border-bottom:2px solid #000;border-right:2px solid #000;position:absolute;right:1em;top:50%;margin-top:-0.2em;transform:rotate(-45deg);}
.btn:hover{}
.btn:hover:after{right:0.6em;}

.btn.ble{background:#004386;color:#FFF;border-color:#FFF;}
.btn.ble:after{border-bottom-color:#FFF;border-right-color:#FFF;}
.btn.ble.lead{font-size:1.25rem;}


.underline{text-decoration:underline;}

header{display:flex;align-items:center;justify-content:space-between;}
header .sitename{font-size:1.625rem;letter-spacing:0.05em;font-weight:700;color:#534741;}

footer{text-align:center;background:#f6f8fa;}
footer .fc{padding:3rem 0;}
footer .fc h3{margin-bottom:1rem;}
footer .fc h3 img{width:265px;height:auto;display:block;margin:0 auto;}
footer .fc h3+p{color:#25679b;}
.copyright{display:block;text-align:center;font-size:0.75rem;color:#FFF;padding:1rem 0;background:#25679b;}



#gmap{padding:0;width:100%;}
#gmap iframe{width:100%;height:450px;margin:0;padding:0;}


#mv{padding-top:0;}
#intro{background:url(../images/intro_bg.jpg) left center no-repeat;background-size:auto 100%;}
#intro h2{font-size:2rem;color:#25679b;}
#intro p{}



#buildeing{padding:0;background:#f3f4f9 url(../images/floor_bg.jpg) right bottom no-repeat;background-size:auto 100%;}
#buildeing h2{color:#FFF;background:#25679b;padding:0.4em 0;margin:0;text-align:center;font-size:2rem;}
#buildeing .floor_col{width:90vw; max-width:1100px;justify-content:center;padding:5rem 0;margin:0 auto;}
#buildeing .floor_col+.floor_col{border-top:1px solid #25679b;}
#buildeing .floor_col.rev{flex-direction:row-reverse;}
#buildeing .floor_col > *{position:relative;}
#buildeing .floor_col.rev > .map{margin-right:0;margin-left:5%;}
#buildeing .floor_col img{width:100%;height:auto;display:block;}


#nanohana{background:#ef7b18;color:#FFF;}
#nanohana .imgs img{width:100%;height:auto;object-fit:cover;}
#nanohana h2{margin-bottom:0.5em;}
#nanohana .btn{color:#ef7b18;margin-left:0;}
#nanohana .btn:after{border-color:#ef7b18;}

#nanohana .cont{padding-left:calc(50vw - 550px);}
#nanohana .cont .dl_tbl{margin-bottom:2rem;}
#nanohana .cont .dl_tbl > dl{border-bottom:0;padding:0.3em 0;}
#nanohana .cont .dl_tbl > dl > dt{color:#FFF;width:6rem;}
#nanohana .cont h2 img{width:225px;display:inline-block;}
#nanohana .cont h2 small{display:inline-block;margin-left:1rem;}

#support{background:#d3e1eb;padding:0;}
#support h2{margin-bottom:0.5em;}
#support .cont{padding-right:calc(50vw - 550px);}
#support .cont .btn{background:#FFF;color:#338d7d;}
#support .cont .btn:after{border-color:#338d7d;}
#support .imgs img{width:100%;}

#outline{}
#outline h2{margin:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;color:#25679b;}
#outline .dl_tbl{border-top:1px solid #25679b;}
#outline .dl_tbl > dl{border-bottom:1px solid #25679b;padding:1em 0;}
#outline dl dt,
#outline dl dd{color:#25679b;font-weight:400;}

#contact{background:#f6f8fa;}

.form_blk{background:#FFF;width:90vw;max-width:840px;padding:3rem;margin:0 auto;}
.dl_tbl > dl{border-bottom:1px solid #999;padding:1.5rem 0;}
.dl_tbl > dl dt{color:#25679b;}
.dl_tbl > dl+p{margin-top:4rem;}
.form_blk input[type=text],
.form_blk input[type=email],
.form_blk textarea{border:1px solid #999;padding:0.5em;border-radius:0.5em;font-size:1rem;display:block;width:100%;height:auto;box-sizing:border-box;}
.form_blk input[name=your_tel]{max-width:350px;}
.form_blk textarea{height:10em;}
.form_blk label{display:block;margin-bottom:0.5em;}
.your_type_c_input{padding:1rem 0;}

.form_blk input[type=submit]{display:block;padding:1rem;width:200px;margin:2rem auto 0;height:auto;text-align:center;}

.form_blk .controll{padding-top:2rem;}
.form_blk .controll button{padding:1rem;background:#25679b;color:#FFF;margin:0 auto 1rem;width:14rem;border-radius:0.5rem;display:block;font-size:1.25rem;font-weight:600;letter-spacing:0.05em;}

input[type=button]#sendform,
input[type=button]#cancel{color: #FFF;margin: 0 auto 1rem;width: 14rem;border-radius: 0.5rem;display: block;font-size: 1.25rem;font-weight: 600;letter-spacing: 0.05em;margin:0;border:0;}
input[type=button]#sendform{background:#25679b;}
input[type=button]#cancel{background:#990000;}
input[type=button]#cancel.btn_center{margin:0 auto;}

footer .gototop{position:fixed;right:1rem;bottom:-3rem;width:3rem;height:3rem;transition:all 0.2s;background:#FFF;}
footer .gototop:before{content:'';position:absolute;left:50%;top:50%;margin-top:-0.25rem;margin-left:-0.5rem;display:block;width:1rem;height:1rem;border-left:2px solid #534741;border-top:2px solid #534741;transform:rotate(45deg);}
footer .gototop.active{bottom:1rem;}



#overlay,
#modal_bg{display:none;background:rgba(0,0,0,0.7);position:fixed;top:0px;left:0px;width:100%;height:100vh;z-index:1300;}
#overlay,
#modal_bg.active{display:flex;align-items:center;justify-content:center;}

#modal_confim,
#modal_bg .modal{max-height:93vh;overflow-y:scroll;width:90%;max-width:500px;display:block;padding:20px;background:#FFF;box-sizing:border-box;}
#modal_bg .modal#modal_3{max-width:800px;}
#modal_confim h3,
#modal_bg .modal dl dt{color:#FFF;font-size:1.3rem;text-align:center;padding:5px 10px;}
#modal_confim h3,
#modal_bg .modal dl dt.ble{background:#25679b;}
#modal_bg .modal dl dt.org{background:#E35532;}
#modal_bg .modal dl dd a{display:block;padding:12px 0px;border-bottom:1px solid #000;}

#modal_confim{max-width:800px;}

#modal_bg .modal .close_modal{text-align:center;}


@media screen and (min-width: 751px){

.pc_center{text-align:center;}
a.tel{pointer-events:none;}
p.pc_lh{line-height:3;}
p.pc_lh+p.pc_lh{margin-top:3rem;}

header{background:#FFF;height:6rem;padding:0 5vw;}
.hn{flex-grow:1;flex-basis:65%;max-width:65%;}
header .sitename{margin:0;}
header .sitename img{display:block;width:296px;height:auto;}
header .panel_btn{display:none;}
.gm{display:flex;align-items:center;justify-content:space-between;}
.gm a{font-size:1rem;font-weight:600;color:#25679b;padding-right:1em;position:relative;padding-right:1em;display:block;}
.gm a+a{margin-left:1.6em;}
.gm a:after{transition:all 0.3s;content:'';display:block;width:0.3em;height:0.3em;border-bottom:2px solid #25679b;border-right:2px solid #25679b;position:absolute;right:0em;top:50%;margin-top:-0.2em;transform:rotate(45deg);}
.gm a:hover:after{margin-top:0;}


section{padding:6rem 0px 6rem;opacity:0;transition:all 1s;}
section.active{opacity:1;}
section > .row{max-width:1100px;}

section#nanohana{padding:0px 0px 0px!important;}

footer{}

.conflict_cont{align-items: stretch;flex-direction: column;}


#buildeing .floor_col > figure{flex-basis:27%;max-width:27%;}
#buildeing .floor_col > .map{flex-basis:39%;max-width:39%;margin-right:5%;}
#buildeing .floor_col > .row.col2{max-width:53%;}

.dl_tbl > dl{display:flex;align-items:baseline;}
.dl_tbl > dl dt{width:9em;font-weight:600;flex-shrink:0;}
.dl_tbl > dl dd{flex-grow:1;}

}


@media screen and (max-width: 750px){

html,body{font-size:3.5vw;}
.sp_center{text-align:center;}


p{line-height:1.8;}
.lead{font-size:1.25rem;}
p.sp_center .btn{margin-left:auto;margin-right:auto;}
p.lead.em{font-size:1.25rem;}
br.tb{display:none;}
imgcenter{margin-left:auto;margin-right:auto;}
img.sp_orign{width:auto;height:auto;margin-left:auto;margin-right:auto;}
a > img.img_sp_w100{width:100%;height:auto;display:block;}

.btn{}


h1{}
h2{font-size:1.5rem;}
h2.km{margin-bottom:1em;}
h4{font-size:1.25rem;}

header{height:4rem;}
header .sitename{width:50vw;margin:0;padding-left:5vw;}
header > .row{height:4rem;display:flex;align-items:center;padding:0 4rem 0 5vw;}
header .hn{position:fixed;top:0;left:0;width:100%;z-index:1000;}
header .panel_btn{display:block;position:absolute;right:0;top:0;width:4rem;height:4rem;background:#FFF;}
header .panel_btn > span{display:block;width:50%;height:2px;background:#004386;position:absolute;top:50%;left:50%;margin-top:-1px;margin-left:-25%;z-index:20;}
header .panel_btn > span:before,
header .panel_btn > span:after{content:'';display:block;width:100%;height:2px;background:#004386;left:0;position:absolute;}
header .panel_btn > span:before{top:-0.5rem;}
header .panel_btn > span:after{top:0.5rem;}
header .panel_btn.active > span{background:none;}
header .panel_btn.active > span:before,
header .panel_btn.active > span:after{background:#FFF;top:0;}
header .panel_btn.active > span:before{transform:rotate(-45deg);}
header .panel_btn.active > span:after{transform:rotate(45deg);}

header .gm{display:block;background:#004386;z-index:10;width:100%;height:100%;overflow-y:scroll;left:100vw;top:0;position:fixed;padding:20vw 5vw 10vw;box-sizing:border-box;transition:all 0.3s;}
header .panel_btn.active+.gm{left:0;}
header .gm > a{display:block;color:#FFF;font-size:1.35rem;padding:0.5em 2em 0.5em 0;border-bottom:1px solid #FFF;position:relative;}
header .gm > a:after{content:'';display:block;width:0.4em;height:0.4em;border-bottom:1px solid #FFF;border-right:1px solid #FFF;position:absolute;right:1rem;top:50%;margin-top:-0.3em;transform:rotate(-45deg);}
header .gm > a.btn{background:none;border-color:#FFF;color:#FFF;margin:2em auto;height:2em;border-bottom-width:2px;}
header .gm .gm_footer{padding-top:5em;background:url(../images/sp_gm_footer.svg) center top 1rem no-repeat;background-size:35vw auto;}
header .gm .gm_footer a{color:#FFF;font-size:1rem;}
header .gm  small{text-align:center;color:#FFF;display:block;}

#main section{padding:10vw 5vw 10vw;}

#buildeing .floor_col{display:block;padding:10vw 0;}
#buildeing .floor_col.rev > .map{width:100%;margin:0 auto 5vw;}
#buildeing .floor_col figure{width: 80vw;margin: 5vw auto 0;}

#nanohana .cont h2 img{width:12rem;}
#nanohana .cont h2 small{font-size:1.5rem;}
#buildeing .btn,
#support .cont .btn,
#nanohana .btn{margin:5vw auto;font-size:1.25rem;}

#main #gmap{padding:0;}

.form_blk{padding:5vw;}
.dl_tbl > dl dt{margin-bottom:3vw;}
#buildeing{background-image:none;}
}