@charset "UTF-8";


html,body{background-color:#FFF;overflow-x:hidden;line-height:1.8;font-feature-settings:"palt";font-family: "Noto Sans JP", sans-serif;font-size:16px;font-weight:400;color:#333333;background-size:auto;background-position:center top;background-repeat:no-repeat;}


.serif,.min{font-family: 'Noto Serif JP',serif;font-weight:600;}
.center{text-align:center;}
.right{text-align:right;}
.caption{font-size:0.75rem;line-height:1.6;}
.lead{font-size:1.222rem;line-height:1.6;font-weight:500;}

a{color:inherit;text-decoration:none;transition:all 0.2s;}
a > img{transition:all 0.2s;}
small{font-size:0.75em;}
img+small{font-size:0.75rem;display:block;margin:6px auto 1rem;text-align:center;}
.img_col img{width:auto;height:auto;max-width:100%;}

i{font-style:normal;font-size:0.7em;}

h1,h2,h3,h4,h5,h6{font-weight:700;position:relative;line-height:1.2;margin:0px;padding:0px;margin:0 0 0.5em 0;}

h1{font-size:1.625em;background:url(../images/h1_bg.webp) left top no-repeat;background-size:100% 100%;padding:0.75em 0.75em;color:#FFF;}
h2{font-size:1.5em;letter-spacing:0.1em;border-left:10px solid #0071bc;padding:0.5em 0.75em;background:#fff6cc;}
h3{font-size:1.375em;line-height:1.3;border:2px solid #0071bc;color:#0071bc;padding:0.5em;}
h4{font-size:1.25rem;line-height:1.4;color:#0071bc;border-bottom:3px dotted #e67737;padding:0.5em;}
h5{font-size:1.125em;line-height:1.4;color:#e67737;}

.second .main *+h3,
.second .main *+h4,
.second .main *+h5,
.second .main *+h6{margin-top:2em;}

sup{font-size:0.4em;}

p{line-height:1.8;}
p.em{font-weight:700;font-size:1.125em;}
p+p{margin-top:1em;}

ul,ol{margin:0px;padding:0px;list-style-type:none;}
ul > li,
ol > li{position:relative;margin:8px 0px;line-height:1.5;padding:0px;}
ul li{position:relative;line-height:1.5;text-align: justify;text-justify: inter-ideograph;}
ul.dot li{padding-left:1.2em;}
ul.dot li:before{content:'';display:block;width:4px;height:4px;border-radius:50%;background:#000;position:absolute;left:0.4em;top:0.6em;}
ul.sqe li{padding-left:1.2em;}
ul.sqe li:before{content:'';display:block;width:0.75em;height:0.75em;border-radius:0;background:#0071bc;position:absolute;left:0.1em;top:0.45em;}
ul.cle li{padding-left:1.2em;}
ul.cle li:before{content:'';display:block;width:0.8em;height:0.8em;border-radius:0;background:#e67737;border-radius:50%;position:absolute;left:0em;top:0.4em;}

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.2em;position:relative;}
ol.num > li:before{content:counter(num) ".";position:absolute;left:0.1em;top:0.2em;font-weight:500;font-size:0.825em;}
ol.num.kakko > li:before{content:"(" counter(num) ")";color:#333;background:none;left:-0.2em;}
ol.num.sqe > li{}
ol.num.sqe > li:before{content:counter(num,decimal-leading-zero);background:#0071bc;color:#FFF;line-height:1.4;display:flex;align-items;center;justify-content:center;width:1.5em;height:1.5em;padding:0;top:0.2em;left:-0.2em;}

table{width:100%;margin:2rem 0px;border-collapse:separate; border-spacing:0.25rem;}
table th{text-align:left;padding:0.75em;font-weight:500;font-size:1rem;line-height:1.3;color:#FFF;background:#0071bc;}
table th.nbsp{background:transparent;}
table td{text-align:left;padding:0.75em;font-weight:500;font-size:1rrem;line-height:1.3;background:#f2f2f2;}
table thead th{text-align:center;}

dl{}
dl > dt{}
dl > dd{}

.inline_blk{display:inline-block;}

.dl_blk{border-top:2px solid #ccc;border-bottom:2px solid #ccc;}
.dl_blk > dl{display:flex;padding:1em 0;}
.dl_blk > dl+dl{border-top:1px solid #e4e4e4;}
.dl_blk > dl > dt{width:12em;flex-shrink:0;margin-right:1rem;font-weight:700;color:#0071bc;padding-left:1em;}
.dl_blk > dl > dd{font-weight:400;padding-left:1em;}
.dl_blk.port_spec > dl > dt{width:5em;}


.gmap{}
.gmap iframe{width:100%;height:260px;}



.btn{transition:all 0.3s;display:inline-flex;align-items:center;justify-content:flex-start;background:#e67737;color:#FFF;font-weight:bold;padding:0 2.25em 0 1em;font-size:1em;letter-spacing:0.1em;min-width:12em;position:relative;height:3.6em;}
.btn:after{content:'';display:block;border:0.3em solid transparent;border-left:0.45em solid #FFF;position:absolute;top:50%;margin-top:-0.3em;right:0.6em;}
.btn.blk{color:#000;border-color:#000;}
.btn.blk:after{border-left-color:#000;}
.btn:hover{background:#0071bc;color:#FFF;}

.btn.disable{background:#666;pointer-events:none;}






header{z-index:1000;width:100%;position:relative;}
header .sitename{width:90vw;max-width:1000px;padding:0;margin:0 auto;position:relative;display:block;padding:1.25em 0;}


section{padding:0 0;width:100%;position:relative;margin-bottom:3em;}
section > .row{width:100%;max-width:1000px;margin-left:auto;margin-right:auto;}

section[class*="bg_"]{padding-top:4em;padding-bottom:4em;margin-bottom:0;}

footer .gototop{z-index:999;transition:all 0.3s;position:fixed;bottom:-80px;right:1rem;width:70px;height:70px;background:url(../images/pagetop.webp) center center no-repeat;background-size:contain;}
footer .gototop.active{bottom:1rem;}


footer{background:#036eb7;padding:0;}
footer .row{padding:3em 0;}
footer .row > *{position:relative;}
footer .row > *+*{padding-left:1em;}
footer .row > *+*:before{display:block;content:'';width:5px;height:100%;background:#b3b3b3;position:absolute;left:-1em;top:0;}
footer .copyright{text-align:center;padding:0.75em;width:100%;margin:0;box-sizing:border-box;color:#FFF;line-height:1;background:url(../images/bg_grd.svg) center center no-repeat;background-size:cover;}
footer .row dl{font-weight:500;}
footer .row dl > dt{font-size:1.125em;color:#6bb291;}
footer .row dl > dd{line-height:1.5;}
footer .row dl > dd > small{line-height:1.2;}
footer .row dl > dd > small > span{display:inline-block;margin-right:1em;}


.underline{text-decoration:underline;}
a.underline{color:#e67737;}
a.underline:hover{text-decoration:none;}
.hidden_cont{display:none;}

.modal_wrap{display:none;align-items:center;justify-content:center;width:100%;height:100%;position:fixed;top:0px;left:0px;background:rgba(0,0,0,0.9);z-index:1200;}
.modal_wrap.active{display:flex;}
.modal{position:relative;background:#FFF;padding:1rem;max-width:1300px;width:90vw;height:55vw;max-height:100vh;box-sizing:border-box;}
.modal .modal_close_btn{top:0rem;right:0px;background:#036eb4;width:3rem;height:3rem;display:block;position:absolute;margin:0;}
.modal .modal_close_btn span{position:absolute;top:50%;left:50%;width:2rem;height:2px;}
.modal .modal_close_btn span:before,
.modal .modal_close_btn span:after{background:#FFF;content:'';display:block;width:100%;height:2px;position:absolute;left:0;margin-left:-1rem;top:0px;}
.modal .modal_close_btn span:before{transform:rotate(-45deg);}
.modal .modal_close_btn span:after{transform:rotate(45deg);}

.modal .modal_cont{display:block;width:100%;height:100%;}
.modal .movie_blk{display:flex;align-items:center;justify-content:center;width:100%;height:100%;}
.modal .movie_blk:before{content:'';display:block;position:absolute;box-sizing:border-box;width:100%;height:100%;pointer-events:none;background:url(../images/play_btn.png) center center no-repeat;}
.modal .movie_blk video{width:100%;height:auto;}
.modal .movie_blk.active:before{display:none;}


aside.gm .gmenu ul > li{margin:0;}
aside.gm .gmenu ul > li > a{display:block;padding:1em 1em;font-size:1.075em;font-weight:600;border-bottom:1px solid #000;position:relative;}
aside.gm .gmenu ul > li > a:after{content:'';display:block;width:0;height:0;border:0.3em solid transparent;border-left:0.5em solid #000;position:absolute;top:50%;right:0.3em;margin-top:-0.15em;}

aside.gm .gmenu ul > li > a:hover{background:#ffd200;}
aside.gm .gmenu ul > li > a.disable{color:#aaa;pointer-events:none;}
aside.gm .gmenu ul > li > a.disable:after{border-left-color:#AAA;}
aside.gm  .gm_bn_ble{display:block;background:#5abedc;font-size:1.25em;font-weight:600;text-align:center;padding:0.5em 0;color:#FFF;}
aside.gm  .gm_bn_ble:hover{background:#036eb7;}
.poster_bn{border:1px solid #000;box-sizing:border-box;}
.poster_bn > dt{background:#000;color:#FFF;text-align:center;font-weight:600;font-size:0.975em;padding:0.3em 0;}
.poster_bn > dd{padding:0.5em;}
.poster_bn > dd a{display:block;}
.poster_bn > dd a img{display:block;width:100%;height:auto;}
.poster_bn > dd a img:hover{opacity:0.6;transition: all 0.3s;}


/* 現在のページ */
body.front #gm_index,
body.sample #gm_greeting{background:#036eb7;border-bottom-color:#036eb7;color:#FFF;pointer-events:none;}

body.front #gm_index:after,
body.sample #gm_greeting:after{border-left-color:#FFF;}



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

}

@media screen and (max-width: 1050px){
html,body{font-size:2vw;}
section  > .row{max-width:92vw;width:100%;}


}



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

.row.pc_right >*{margin-left:auto;margin-right:0;}
.row.pc_left >*{margin-left:0;margin-right:auto;}
.row.pc_center >*{margin-left:auto;margin-right:auto;}

.contents{width:92vw;max-width:1000px;margin:0 auto;display:flex;flex-direction:row-reverse;justify-content:space-between;}
.contents > main{width:76%;max-width:760px;}
aside.gm{width:22%;max-width:220px;z-index:1001;}
aside.gm .gmenu{}


.gmenu{position:relative;z-index:1;}




.gmenu_wrap a{display:block;position:relative;padding:0.75em 0 0.75em 1.5em;font-weight:500;line-height:1.25;font-size:1.0675em;}
.gmenu_wrap a:before{content:'';display:block;width:0.3em;height:0.3em;background:#d70c18;position:absolute;left:0.85em;top:1.55em;}
.gmenu_wrap a:after{content:'';display:block;background: linear-gradient(to right, rgba(179,179,179,0) 0%,rgba(179,179,179,1) 100%);position:absolute;right:0;bottom:0;width:100%;height:2px;z-index:-1;}
.gmenu_wrap a:hover{color:#d70c18;}
.gmenu_wrap a:hover:after{height:100%;}

.gmenu_banner{padding-top:1em;}
.gmenu_banner > a{margin-top:0.5em;display:block;max-width:200px;}
.gmenu_banner > a:hover{opacity:0.6;}

.panel_btn{display:none;}

.tel{pointer-events:none;}


}

@media screen and (max-width: 750px){
html,body{font-size:3.5vw;}

header{}

.panel_btn{z-index:1015;width:3em;height:3em;position:fixed;right:2vw;top:2vw;cursor:pointer;display:block;background:#FFF;}
.panel_btn > span{height:0.3em;background:#036eb7;position:absolute;top:50%;margin-top:-0.1em;left:15%;width:70%;display:block;}
.panel_btn > span:before,
.panel_btn > span:after{content:'';display:block;height:100%;width:100%;position:absolute;background:#036eb7;transition:all 0.2s;}
.panel_btn > span:before{top:-0.7em;}
.panel_btn > span:after{top:0.7em;}
.panel_btn.active{background:none;}
.panel_btn.active > span{background:transparent;background:transparent;}
.panel_btn.active > span:before{transform:rotate(-45deg);top:0;background:#FFF;}
.panel_btn.active > span:after{transform:rotate(45deg);top:0;background:#FFF;}

aside.gm{position:fixed;display:block;position:fixed;z-index:1010;top:0;left:0;box-sizing:border-box;}
aside.gm .gmenu{width:100vw;background:#000000CC;overflow-y:scroll;position:fixed;top:0;right:-100vw;transition:all 0.3s;height:100vh;padding:4em 5vw;box-sizing:border-box;}
aside.gm .gmenu{}
aside.gm .panel_btn.active+.gmenu{top:0;transition:all 0.3s;right:0;}

aside.gm .gmenu ul > li > a:hover{background:none;border-bottom-color:#FFF;}
aside.gm .gmenu ul > li > a:after{border-left-color:#FFF;}
aside.gm .gmenu ul > li > a{color:#FFF;border-bottom-color:#FFF;}

.gmenu_banner{width:90vw;margin:5vw auto;}
.gmenu_banner a{margin-top:5vw;display:block;}

.contents{}
.contents > main{}
.contents > main+aside{}

section{margin-bottom:10vw;}



.dl_blk > dl{flex-direction:column;}
.dl_blk > dl > dt{width:auto;}
.dl_blk.history_blk > dl > dt{text-align:left;}

a.tel{color:#000;font-weight:600;text-decoration:underline;}




footer{}


}