@charset "utf-8";
/*
	Last Update:2021/11/21
	Auther: okada
*/
/*===================================================================
	layout
===================================================================*/
#base {	position: relative;	overflow-x: hidden; }
#body { position: relative;}


.wrapper, .wrapper-t, .wrapper-b { position:relative; }
@media (max-width: 767px){
	.wrapper, .wrapper-t { padding-top:30px; }
	.wrapper, .wrapper-b { padding-bottom:30px; }
}
@media (min-width: 768px){
	.wrapper, .wrapper-t { padding-top:50px; }
	.wrapper, .wrapper-b { padding-bottom:50px; }
}

.center, .center2 , .center3{ width:100%; margin:0 auto; text-align:left; }


.center { max-width:1200px;}
.center2 { max-width:800px;}
.center3 { max-width:1400px;}

@media (max-width: 1230px) {
	.center { padding-left:15px; padding-right:15px;}
}
@media (max-width: 830px) {
	.center2 { padding-left:15px; padding-right:15px;}
}


/*===================================================================
	#head
===================================================================*/
#head{position: absolute;    top: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%); width: 100%; z-index: 999; display: flex; justify-content: space-between; padding: 15px;}
#head .logo img{width: 350px;}
#head .contact,#head .contact a{color: #fff; }
#head .contact a .tel{font-size: 1.5em;}
#head .contact .time{text-align: center; border: 1px solid #fff; padding: 3px 15px;}

@media (max-width: 575px) {
	#head{flex-wrap: wrap;}
	#head .logo{margin-bottom: 15px;}
	#head .contact{padding-bottom: 30px;   margin-right: 0;    margin-left: auto;}
}

/*===================================================================
	#foot
===================================================================*/
.copyright{padding: 10px; font-size: 13px;}

/*===================================================================
	common
===================================================================*/

.tbl_1{width: 100%;}
.tbl_1 .thead{border-bottom: 3px solid #341E0E;}
.tbl_1 tr:not(.thead){border-bottom: 1px solid #341E0E; }
.tbl_1 tr > *{text-align: center;}
.tbl_1 th,.tbl_1 td{padding: 15px;}
.tbl_1 td i{color: #8E7100;}
.tbl_1 {  min-width:550px;}
.tbl_1 td span.line {text-decoration: line-through; color: red;}
.tbl_1 td span.c_red { color: red;}
.tbl_1 td span.line span{color: #341E0E;}
@media (max-width:767px){
	.tbl_1 th,.tbl_1 td{padding: 10px;}
}



/*===================================================================
	btn
===================================================================*/
.btn_1 {text-align: center;}
.btn_1 a{ background:#fff; display:inline-block; width: 100%; max-width: 450px; padding: 15px; text-align: center; color: #341E0E; font-weight: bold; }

/*===================================================================
	main
===================================================================*/
.hl_1 { line-height: 1.5em; color: #fff; font-weight: bold; font-size: 3em; padding-bottom:80px;}
@media (max-width:575px){
	.hl_1{font-size: 2em; padding-top: 20px;}
}

.hl_2 {line-height: 1em; position: relative; text-align:center;}
.hl_2 img{height: 80px; object-fit: contain; width: 100%;}
.hl_2 span{display: block; font-weight: bold; font-size: 2em; line-height: 1em; margin-top: -15px;}

.hl_3 {font-size: 1.75em; font-weight: bold; line-height: 1EM;   display: flex;  align-items: flex-end;   flex-wrap: wrap;}
.hl_3 img{margin-left: 10px; height: 15px;}
/*===================================================================
	color
===================================================================*/

.c_white { color:#fff !important; }
.c_blue { color:#00489B !important; }

.bg_blue { background: #00489B !important; }



/*===================================================================
	icon
===================================================================*/
.icon { display:inline-block; line-height:100%; background-repeat:no-repeat; background-size:contain; background-position:left center; }

.icon.tel { display: block;background-image:url(../image/tel.png); background-size:20px; padding: 5px 0px 5px 25px; }

/*===================================================================
	common
===================================================================*/
.mb0 { margin-bottom:0 !important; }
.mb5 { margin-bottom:5px !important; }
.mb10 { margin-bottom:10px !important; }
.mb15 { margin-bottom:15px !important; }
.mb20 { margin-bottom:20px !important; }
.mb30 { margin-bottom:30px !important; }
.mb40 { margin-bottom:40px !important; }
.mb50 { margin-bottom:50px !important; }

.mt10 { margin-top:10px !important; }
.mt20 { margin-top:20px !important; }
.mt30 { margin-top:30px !important; }
.p0 { padding:0 !important; }

.disp_b { display:block; }
.disp_ib { display:inline-block; }
.disp_tbl { display:table; width:100%; height:100%; }
.disp_td { display:table-cell; vertical-align:middle; }
.disp_td_b { display:table-cell; vertical-align:bottom; }

.img_back { background-position:center center; background-repeat:no-repeat; background-size:cover; overflow:hidden; }
.img_back > img { visibility:hidden; width:1px; height:1px; }
.img_rect { padding-top:65%; line-height:1px; }
.img_sq { padding-top:100%; line-height:1px; }

.parallax,
.parallax:before,
.parallax:after { transition:opacity .7s, transform .7s, left .7s, right .7s; }
.parallax[data-parallax-in="vertical"],
.parallax[data-parallax-in="vertical2"],
.parallax[data-parallax-in="vertical3"] { opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -ms-transform:translateY(0); }
.parallax[data-parallax-in="vertical"]:not(.parallax_on),
.parallax[data-parallax-in="vertical2"]:not(.parallax_on),
.parallax[data-parallax-in="vertical3"]:not(.parallax_on) { opacity:0 !important; }
.parallax[data-parallax-in="vertical"]:not(.parallax_on) { transform:translateY(30px); -webkit-transform:translateY(30px); -ms-transform:translateY(30px); }
.parallax[data-parallax-in="vertical2"]:not(.parallax_on) { transform:translateY(60px); -webkit-transform:translateY(60px); -ms-transform:translateY(60px); }
.parallax[data-parallax-in="vertical3"]:not(.parallax_on) { transform:translateY(90px); -webkit-transform:translateY(90px); -ms-transform:translateY(90px); }
.parallax[data-parallax-in="left"] { position:relative; left:0; }
.parallax[data-parallax-in="left"]:not(.parallax_on) { left:-100vw; }
.parallax[data-parallax-in="right"] { position:relative; right:0; }
.parallax[data-parallax-in="right"]:not(.parallax_on) { right:-100vw; }

.parallax[data-parallax-in="slide_right"],
.parallax[data-parallax-in="slide_left"] { display:inline-block; position:relative; }
.parallax[data-parallax-in="slide_right"] > *,
.parallax[data-parallax-in="slide_left"] > * { position:relative; display:block; transform:translateX(0vw); transition:all .5s; transition-delay:.4s; }
.parallax[data-parallax-in="slide_right"]:before,
.parallax[data-parallax-in="slide_left"]:before { content:""; position:absolute; top:0; width:100%; height:100%; background:#9CB5A7; transition:all .5s; }
.parallax[data-parallax-in="slide_right"]:before { right:0; }
.parallax[data-parallax-in="slide_left"]:before { left:0; }
.parallax[data-parallax-in="slide_right"]:not(.parallax_on):before,
.parallax[data-parallax-in="slide_left"]:not(.parallax_on):before { width:0%; }
.parallax[data-parallax-in="slide_right"]:not(.parallax_on)  > * { transform:translateX(100vw); }
.parallax[data-parallax-in="slide_left"]:not(.parallax_on)  > * { transform:translateX(-100vw); }