@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:#323232;background-size:auto;background-position:center top;background-repeat:no-repeat;}


a{color:inherit;text-decoration:none;transition:all 0.2s;}
a > img{transition:all 0.2s;}
small{font-size:0.75em;}
sup,sub{font-size:0.5em;}


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;letter-spacing:0.04em;font-family: 'Noto Serif JP',serif;}

h1{font-size:2.125rem;margin-bottom:1em;}
h2{font-size:2rem;}
h3{font-size:1.625rem;line-height:1.3;}
h4{font-size:1.25rem;line-height:1.4;}
h5{font-size:1.125em;line-height:1.4;color:#14a0a0;}

p{line-height:2;text-align: justify;}
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.3em;}
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.3em;}
ul.sqe li:before{content:'';display:block;width:0.6em;height:0.6em;border-radius:0;background:#005aaa;transform:rotate(-45deg);position:absolute;left:0.1em;top:0.5em;}
ul.cle li{padding-left:1.3em;}
ul.cle li:before{content:'';display:block;width:0.8em;height:0.8em;border-radius:0;background:#14a0a0;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.3em;position:relative;}
ol.num > li:before{content:counter(num) ".";position:absolute;left:0.1em;top:0.2em;font-weight:500;font-size:1em;font-family: 'Noto Serif JP',serif;}
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:#14a0a0;color:#FFF;line-height:1.4;display:flex;align-items;center;justify-content:center;width:1.5em;height:1.5em;padding:0;top:0.3em;left:-0.2em;font-size:0.825em;}

table{width:100%;margin:2rem 0px;border-collapse:separate; border-spacing:0.25rem;table-layout: fixed;}
table th{text-align:left;padding:0.825em;font-weight:500;font-size:1rem;line-height:1.3;color:#FFF;background:#14a0a0;}
table th.nbsp{background:transparent;}
table td{text-align:left;padding:0.825em;font-weight:500;font-size:1rrem;line-height:1.3;background:#EDEDED;box-sizing:border-box;}
table thead th{text-align:center;}

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


header{z-index:1000;width:100%;position:relative;}

section{padding:0 0;width:100%;position:relative;margin-bottom:4em;}
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;}

.bnr_blk{padding:2rem 0;background:#F1F1F1;margin:0;display:block;
	& a{margin-bottom:1rem;}
	@media screen and (max-width: 750px){
		padding:6vw 4vw;
	}
	
}

footer{background:#14A0A0;color:#FFF;padding:4vw 0;
	& .row{width:1000px;margin:0 auto;max-width:92vw;
		& .produce_detail{
			& h3{border-top:1px solid #FFF;border-bottom:1px solid #FFF;box-sizing:border-box;font-weight:500;font-size:1.25rem;display:flex;align-items:center;justify-content:center;padding:0.2em 0;}
			& p{font-size:0.875rem;margin:0;line-height:1.3;text-align:center;}
			& address{display:block;font-size:0.75rem;text-align:center;}
			@media screen and (min-width: 751px){
				display:flex;align-items:stretch;
				& h3{width:6rem;border:1px solid #FFF;font-size:0.875rem;}
				& p{;text-align:left;}
				& address{text-align:left;}
			}
			
		}
	}
	& .gototop{z-index:999;transition:all 0.3s;position:fixed;bottom:-80px;border-radius:50%;right:1rem;width:4em;height:4em;background:#14A0A0;display:flex;align-items:center;justify-content:center;
		&:before{content:'';display:block;position:relative;top:0.25em;width:0.75em;height:0.75em;border-right:2px solid #FFF;border-top:2px solid #FFF;transform:rotate(-45deg);}
		&.fixed{bottom:15rem;
			@media screen and (max-width: 750px){
				bottom:5vw;
			}
		}
	}
	& .copyright{text-align:center;width:100%;margin:0;box-sizing:border-box;color:#FFF;line-height:1.2;padding:0.825em 0;letter-spacing:0.05em;}
}



.serif,.min{font-family: 'Noto Serif JP',serif;}

.caption{font-size:0.75rem;line-height:1.6;}
.lead{font-size:1.25em;line-height:1.6;font-weight:600;}
.sml{font-size:0.825em;line-height:1.4;}
.imgs{display:block;}

.inline_blk{display:inline-block;}

.dl_blk{border-top:2px solid #e5e5e5;border-bottom:3px solid #e5e5e5;}
.dl_blk > dl{display:flex;padding:1em 0;}
.dl_blk > dl+dl{border-top:1px solid #e5e5e5;}
.dl_blk > dl > dt{width:8em;flex-shrink:0;margin-right:1rem;font-weight:700;color:#14a0a0;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:#005aaa;color:#FFF;line-height:1.4;font-weight:bold;font-size:1.125em;padding:0 2.25em 0 1em;min-width:12em;position:relative;height:4em;}
.btn:after{content:'';display:block;border:0.4em solid transparent;border-left:0.5em solid #FFF;position:absolute;top:50%;margin-top:-0.3em;right:0.6em;}
.btn.blk{background-color:#000;border-color:#000;}
.btn.blk:after{border-left-color:#FFF;}
.btn:hover{background:#003C7D;}

.btn.disable{pointer-events:none;background:#989898}
.btn.block{display:flex}
.btn.lead{font-size:1.25em;}
.btn.sml{font-size:0.825em;}



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

.modal_open{display:block;width:100%;height:4em;color:#FFF;text-align:center;background:#002896;cursor:pointer;}

.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;aspect-ratio: 1 / 0.6;box-sizing:border-box;}
.modal .modal_close_btn{top:0rem;right:0px;background:#002896;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 iframe{width:100%;aspect-ratio: 1 / 0.58;}

.youtube a:hover{opacity: 0.5;}


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

}

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


}



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


.contents{width:100%;margin:0 auto;}


.tel{pointer-events:none;}

}

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

header{}




.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;}




}