@charset "utf-8";
/*
	Last Update:2021/11/21
	Auther: iw
*/
/*===================================================================
	layout
===================================================================*/
a:link { color:#000; }
a:visited { color:#000; }
a._underline { text-decoration:underline; }
a._underline:hover { text-decoration:none; }
a._underline2 { text-decoration:none; }
a._underline2:hover { text-decoration:underline; }

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

.center, .center2 { width:100%; margin:0 auto; text-align:left; }
.center { max-width:1400px; }
.center2 { max-width:1200px; }
	@media (max-width:1440px){
		.center { padding-left:20px; padding-right:20px; }
	}
	@media (max-width:1240px){
		.center2 { padding-left:20px; padding-right:20px; }
	}

#base { padding-top:100px; }
@media (max-width:767px) {
	#base { padding-top:80px; }
}
/*===================================================================
	#head
===================================================================*/
#head { position:fixed; top:0; left:0; width:100%; z-index:10000; background:#fff; height:100px; box-shadow:0 1px 3px rgba(0,0,0,.16); }
#head .head_wrap { padding:0 20px; display:flex; justify-content:space-between; align-items:center; }
#head > * { height:100%; }
#head a { text-decoration:none; }
#head .site_logo { height:100%; }
#head .site_logo a { display:inline-flex; height:100%; align-items:center; }
#head .site_logo a .sub { padding-left:15px; font-weight:bold; font-size:1.5em; color:#3B4043; }
#head .site_logo a img { width:100px; }
#head .head_wrap > ._right { display:flex; align-items:center; }
#head .head_wrap > ._right .button { padding-right:15px; }
#head .head_wrap > ._right .button a { width:160px; padding:10px 15px; }
#head .head_wrap .language { padding-left:40px; background:url(../image/layout/icon/earth.png) no-repeat center left / 30px auto; }
#head .head_wrap .language select { padding-top:4px; padding-bottom:4px; margin:0; }
@media (max-width: 991px){
}
@media (max-width:767px) {
	#head { height:80px; position:fixed; }
	#head .site_logo a { display:inline-flex; height:100%; align-items:center; }
	#head .site_logo a .sub { padding-left:15px; font-weight:bold; font-size:1.5em; color:#3B4043;}
	#head .site_logo a img { width:80px; }
}
@media (max-width:575px) {
	#head .head_wrap > ._right { flex-direction:column; align-items:flex-end; }
	#head .head_wrap > ._right .button { padding-right:0; }
	#head .head_wrap > ._right .button a { padding:0 15px; margin-bottom:5px; width:auto; }
	#head .head_wrap > ._right .button a .main { font-size:1em; background-size:auto 16px; }
}

#btn_open { position:absolute; top:0; right:0; width:60px; background:#415E59; }
#btn_open a { display:inline-block; height:100%; width:100%; background:url(../image/layout/icon/bars.png) no-repeat center center / 32px auto; image-rendering:-webkit-optimize-contrast; }
#base.open #btn_open a { background-image:url(../image/layout/icon/times.png); }
@media (min-width:992px) {
	#btn_open { display:none; }
}

/*===================================================================
	#foot
===================================================================*/
#pagetop { position:fixed; display:inline-flex; justify-content:center; align-items:center; width:60px; height:60px; bottom:40px; right:60px; z-index:9000; }
#pagetop a { display:block; width:100%; height:100%; color:#fff; border:2px solid #fff; font-weight:bold; background:#000 url(../image/layout/icon/pagetop.png) no-repeat center center / 25px auto; border-radius:60px; box-shadow:4px 4px 8px rgba(0, 0, 0, 0.16); }
@media (max-width:767px) {
	#pagetop { width:50px; height:50px; right:20px; bottom:70px; }
	#pagetop a { background-size:20px auto; }
}

#foot { background:#000000; color:#fff; padding:40px 0; margin-top:50px; position:relative; }
#foot a { color:#fff; }
#foot .foot_wrap { display:flex; justify-content:space-between; }
#foot .foot_wrap .foot_logo { margin-bottom:20px; }
#foot .foot_wrap .foot_logo a { display:inline-flex; align-items:center; color:#fff; }
#foot .foot_wrap .foot_logo a .main img { width:120px; }
#foot .foot_wrap .foot_logo a .sub { font-weight:bold; font-size:2em; padding-left:15px; }
#foot .foot_wrap .foot_navi_sub { margin-bottom:20px; }
#foot .foot_wrap .foot_sns { margin-bottom:20px; }
#foot .foot_wrap .foot_sns ul { display:flex; align-items:center; }
#foot .foot_wrap .foot_sns ul li:not(:last-child) { padding-right:15px; }
#foot .foot_wrap .foot_navi_main { position:relative; height:100%; display:flex; align-items:center; background:url(../image/layout/foot/clone.png) no-repeat right bottom / 180px auto; padding-right:120px; }
#foot .foot_wrap .foot_navi_main ul li:not(:last-child) { margin-bottom:20px; }
#foot .foot_wrap .foot_navi_main ul li a { font-weight:bold; font-size:3em; line-height:1; }

#head .sns_share { position:absolute; right:20px; bottom:-10px; transform:translateY(100%); display:inline-flex; height:auto; }
#foot .sns_share { position:absolute; top:-10px; right:20px; transform:translateY(-100%); display:inline-flex; height:auto; }
.sns_share > * { display:inline-flex; }
.sns_share > *:not(:last-child) { padding-right:15px; }
.sns_share .fb-like { display:inline-flex; }
.sns_share .facebook.ja > .fb-like > span,
.sns_share .facebook.ja > .fb-like > span > iframe { width:160px !important; }

@media (max-width:991px) {
	#foot .foot_wrap { flex-direction:column-reverse; }
	#foot .foot_wrap ._right { text-align:center; margin-bottom:40px; }
	#foot .foot_wrap .foot_navi_main { text-align:left; display:inline-block; background-size:120px auto; padding-right:70px; }
	#foot .foot_wrap .foot_navi_main ul li a { font-size:2em; }
	#foot .foot_wrap ._left { text-align:center }
	#foot .foot_wrap .foot_sns ul { justify-content:center; }
}
@media (max-width:767px) {
	#foot .foot_wrap .foot_logo a .main img { width:80px; }
	#foot .foot_wrap .foot_logo a .sub { font-size:1.5em; }
}

#copyright { color:#fff; }
@media (max-width:991px) {
	#copyright { background:none; }
}
@media (max-width:575px) {
	#copyright { font-size:.85em; }
}
/*===================================================================
	main
===================================================================*/
.box { box-shadow:0 0 5px rgba(0,0,0,0.2); }
	@media (max-width: 575px){
		.box > .box_in { padding:20px 15px; }
	}
	@media (min-width: 576px){
		.box > .box_in { padding:25px 30px; }
	}

.tbl_1 { width:100%; }
.tbl_1 tr > * { padding:30px 15px; border-bottom:1px solid rgba(125, 125, 125, 0.3); }
.tbl_1 tr > th { text-align:center; width:210px; text-align:center; color:#AE0442; font-weight:bold; }
.tbl_1 tr > td { color:#000; }
@media (max-width:767px) {
	.tbl_1 tr > * { display:block; width:100%!important; padding:20px 10px; }
}

.button._type1 { display:inline-block; width:320px; position:relative; font-weight:bold; color:#fff; border-radius:30px; background:#000000; text-align:center; font-size:1.1em; padding:20px 15px; }
.button._type1 .main { font-size:1.2em; }
.button._type1:hover .main { text-decoration:underline; }
.button._type1 .main.clone { padding-right:30px; background:url(../image/layout/icon/clone-w.png) no-repeat center right / 20px auto; }
@media (max-width:575px) {
	.button._type1 { width:100%; padding:10px 15px;  }
	.button._type1 .main { font-size:1.1em; }
}

/*===================================================================
	color
===================================================================*/
.bg_white { background-color:#fff !important; }

.c_white { color:#fff !important; }

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

/*===================================================================
	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; }
.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; }

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