@charset "utf-8";
/*
	Last Update:2021/11/21
	Auther: iw
*/
/*===================================================================
	layout
===================================================================*/
a:link { color:#555; }
a:visited { color:#555; }

.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:80px; }
	.wrapper, .wrapper-b { padding-bottom:80px; }
}

.center, .center2, .center3 { width:100%; margin:0 auto; text-align:left; }
.center { max-width:1100px; }
.center2 { max-width:900px; }
.center3 { max-width:700px; }
	@media (max-width:1130px){
		.center { padding-left:15px; padding-right:15px; }
	}
	@media (max-width: 930px){
		.center2 { padding-left:15px; padding-right:15px; }
	}
	@media (max-width: 730px){
		.center6 { padding-left:15px; padding-right:15px; }
	}


/*===================================================================
	#head
===================================================================*/
#head a { text-decoration:none; }
#head .desc { padding:5px; }
#head .site_logo a { display:inline-block; }
#head_navi ul > li a { display:block; }
	@media (max-width: 991px){
		#head.fixed { box-shadow:0 3px 6px rgb(0,0,0,0.2); }
		#head_navi { top:50px; position:fixed; left:0; width:100%; background:#fff; }
		#head_navi ul > li { border-bottom:1px dotted #ccc; }
		#head_navi ul > li > a { padding:15px; }
		#base:not(.open) #head_navi { display:none !important; }
	}
	@media (min-width: 992px){
		#head .desc { font-size:0.9em; }
	}

#head._type1 { position:relative; top:0; left:0; width:100%; z-index:1000; background:#fff; }
#head._type1 .head_wrap { display:table; width:100%; padding:0 0 0 10px; }
#head._type1 .head_wrap > * { display:table-cell; vertical-align:middle; }
#head_navi._type1 {}
	@media (min-width: 992px){
		#head_navi._type1 ul { display:table; height:100%; margin:0 0 0 auto; }
		#head_navi._type1 ul.main > li { display:table-cell; }
		#head_navi._type1 ul.main > li:not(.contact) { display:none; }
		#head_navi._type1 ul.main > li.contact { width:200px; }
		#head_navi._type1 ul.main > li.contact a { padding:30px 0; font-size:1.25em; }
	}

#btn_open { width:50px; }
#btn_open a { display:inline-block; }


/*===================================================================
	#foot
===================================================================*/
#foot { color:#fff; padding:40px 15px; }
#foot a { color:#fff; text-decoration:underline; }
#foot_navi ul li { display:inline-block; padding-left:15px; line-height:100%; }
#foot_navi ul li:not(:last-child) { border-right:1px solid #fff; padding-right:15px; }
#copyright { padding:10px 0 0; font-size:0.85em; }
	@media (min-width: 576px){
		#foot_navi,
		#copyright { text-align:right; }
	}


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

.hl_1 { text-align:center; }
.hl_1 > * { display:block; }
.hl_1 .main { line-height:140%; font-weight:bold; }
.hl_1 .sub { color:#999; padding:15px 0 0; }
	@media (max-width: 575px){
		.hl_1 { margin-bottom:30px; }
		.hl_1 .main { font-size:2em; }
	}
	@media (min-width: 576px){
		.hl_1 { margin-bottom:40px; }
		.hl_1 .main { font-size:2.5em; }
	}

.hl_2 { text-align:center; margin-bottom:30px; }
.hl_2 > * { display:block; }
.hl_2 .main { font-weight:bold; line-height:140%; }
.hl_2:after { content:""; display:block; margin:0 auto; width:100%; max-width:3em; height:20px; border-bottom:3px solid #0098ad; }
	@media (max-width: 575px){
		.hl_2 .main { font-size:1.15em; }
	}
	@media (min-width: 576px){
		.hl_2 .main { font-size:1.25em; }
	}

.hl_3 { position:relative; margin-bottom:20px; }
.hl_3:before { content:""; position:absolute; bottom:0; left:0; width:100%; height:1px; border-bottom:3px solid #ccc; }
.hl_3 .main { position:relative; display:inline-block; line-height:100%; padding:0 0 10px; }
.hl_3 .main.c_green { border-bottom:3px solid #0098ad; }
	@media (max-width: 991px){
		.hl_3 .main { font-size:1.25em; }
	}
	@media (min-width: 992px){
		.hl_3 .main { font-size:1.5em; }
	}

.hl_4 { margin-bottom:20px; }
.hl_4 .main { display:inline-block; font-weight:bold; line-height:140%; }
	@media (max-width: 991px){
		.hl_4 .main { font-size:1.7em; }
	}
	@media (min-width: 992px){
		.hl_4 .main { font-size:2em; }
	}

.button._type1 { font-weight:bold; color:#fff; border-radius:5px; }
.button._type2 { border-radius:50px; padding:3px 15px; }
.button.bg_gray2 { border:1px solid #cacaca; }
.button.bg_button_pink { border:1px solid #c96e76; }
.button.bg_white.c_pink { border:1px solid #c96e76; }
	@media (max-width: 575px){
		.button._type1 { padding:10px 15px; }
	}
	@media (min-width: 576px){
		.button._type1:not(._mini) { min-width:250px; padding:15px 20px; }
		.button._type1._mini { padding:10px 20px; }
		.button._type2 { min-width:110px; }
	}


/*===================================================================
	color
===================================================================*/
.bg_white { background-color:#fff !important; }
.bg_gray { background-color:#FAFAFA !important; }
.bg_gray2 { background-color:#cacaca !important; }
.bg_red { background-color:#de0a1e !important; }
.bg_pink-o { background-color:#fdf4f7 !important; }
.bg_green { background-color:#0098ad !important; }
.bg_green-o { background-color:#f4fbfc !important; }

.c_white { color:#fff !important; }
.c_gray { color:#999 !important; }
.c_red { color:#de0a1e !important; }
.c_green { color:#0098ad !important; }


/*===================================================================
	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; line-height:1px; }
.img_back > img { visibility:hidden; width:1px; height:1px; }
.img_rect { padding-top:65%; }
.img_sq { padding-top:100%; }

body:not(.IE) .parallax,
body:not(.IE) .parallax:before,
body:not(.IE) .parallax:after { transition:opacity .7s, transform .7s, left .7s, right .7s; }
body:not(.IE) .parallax:not(.parallax_on) { opacity:0; }
body:not(.IE) .parallax.parallax_on { opacity:1; }

body:not(.IE) .parallax[data-parallax-in^="vertical"] { opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -ms-transform:translateY(0); }
body:not(.IE) .parallax[data-parallax-in^="vertical"]:not(.parallax_on) { transform:translateY(50px); -webkit-transform:translateY(50px); -ms-transform:translateY(50px); }
body:not(.IE) .parallax[data-parallax-in="vertical2"]:not(.parallax_on) { transition-delay:.5s; -webkit-transition-delay:.5s; -ms-transition-delay:.5s; }
body:not(.IE) .parallax[data-parallax-in="vertical3"]:not(.parallax_on) { transition-delay:1s; -webkit-transition-delay:1s; -ms-transition-delay:1s; }
body:not(.IE) .parallax[data-parallax-in="left"] { position:relative; left:0; }
body:not(.IE) .parallax[data-parallax-in="right"] { position:relative; right:0; }
body:not(.IE) .parallax[data-parallax-in="left"]:not(.parallax_on) { left:-100vw; }
body:not(.IE) .parallax[data-parallax-in="right"]:not(.parallax_on) { right:-100vw; }

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