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

@media (max-width: 991px){
	.wrapper, .wrapper-t { padding-top:60px; }
	.wrapper, .wrapper-b { padding-bottom:60px; }
}
@media (min-width: 992px){
	.wrapper, .wrapper-t { padding-top:100px; }
	.wrapper, .wrapper-b { padding-bottom:100px; }
}
.wrapper2 { padding-top:50px; padding-bottom:50px; }

.center { max-width:1100px; }
.center2 { max-width:1000px; }
	@media (max-width:1130px){
		.center { padding-left:15px; padding-right:15px; }
	}
	@media (max-width:1030px){
		.center2 { padding-left:15px; padding-right:15px; }
	}


/*===================================================================
	#head
===================================================================*/
#head { position:relative; top:0; left:0; width:100%; z-index:1000; background:#fff; border-top:3px solid #111; }
#head:after { content:""; position:absolute; bottom:0; left:0; width:100%; height:1px; background:rgba(0,0,0,0.1); box-shadow:0 0 9px rgba(0,0,0,0.5); }
#head a { color:#333; text-decoration:none; }
#head .center { display:table; width:100%; max-width:1300px; padding:0; }
#head .center > * { display:table-cell; height:100%; vertical-align:middle; }
#head .site_logo a { display:block; }
	@media(max-width: 575px){
		#head .site_logo a { max-width:250px; }
		#head .site_logo a img { padding-right:15px; }
	}
	@media (max-width: 991px){
		#head .site_logo a { padding:15px 0 15px 15px; }
		#head.fixed { position:fixed; }
	}
	@media (min-width: 992px){
		#head .site_logo a { padding:20px 0 20px 15px; }
	}
	@media (min-width: 992px) and (max-width:1199px){
		#head .site_logo a { max-width:260px; }
	}
	@media (min-width:1200px){
		#head .site_logo a { max-width:320px; }
	}

#head_navi ul > li a { display:block; }
	@media(max-width: 575px){
		#head_navi { top:60px; }
	}
	@media (min-width: 576px) and (max-width: 991px){
		#head_navi { top:73px; max-width:300px; }
	}
	@media (max-width: 991px){
		#head_navi { display:block !important; position:fixed; right:0; width:100%; z-index:999; background:rgba(255,255,255,0.9); transition:all .7s; overflow:hidden; }
		#base:not(.open) #head_navi { height:0; }
		#head_navi ul { border:5px solid #111; }
		#head_navi ul > li:not(.head_contact) { border-top:1px solid #ddd; }
		#head_navi ul > li a { padding:10px 25px; }
	}
	@media (min-width: 992px){
		#head_navi { font-size:0.9em; }
		#head_navi ul { display:table; width:100%; max-width:900px; margin:0 0 0 auto; }
		#head_navi ul > li { display:table-cell; vertical-align:middle; text-align:center; }
		#head_navi ul > li a { line-height:1em; letter-spacing:1px; }
		#head_navi ul > li:not(.head_contact):not(:first-child) > a { border-left:1px solid #ccc; }
		#head_navi ul > li:not(.head_contact) > a { padding:0 10px; }
		body.pc #head_navi ul > li:not(.head_contact) a:hover { text-decoration:underline; color:#28419A; }
	}

#head_contact { background:#303030; color:#fff; padding-left:15px; padding-right:15px; }
#head_contact a{ color: #fff;}
#head_contact > * { display:block; text-align:center; }
#head_contact > .main { font-size:1.25em; }
#head_contact > .main i { padding-right:5px; }
#head_contact > .sub { font-size:.7em; }
@media(max-width: 575px){
	#head_contact { width:1em; padding-left:15px; padding-right:15px; }
	#head_contact > .main i { padding-left:5px; }
}

#btn_open {}
#btn_open a { color:#111; display:block; padding-left:15px; padding-right:15px; }
	@media(max-width: 575px){
		#btn_open { font-size:25px; }
	}
	@media (min-width: 576px) and (max-width: 991px){
		#btn_open { font-size:30px; }
	}
	@media (max-width: 991px){
		#btn_open { text-align:center; width:58px; }
	}

/*===================================================================
	#foot
===================================================================*/
#foot #access { position:relative; display:block; width:100%; height:100%; background:url(../image/foot/access_bg.png) no-repeat center top / cover; }
#foot #access .disp_ib { position:absolute; width:100%; max-width:340px; top:50%; left:50%; transform:translate(-50%, -50%); padding:0 10px; }
#foot .site_logo { margin-bottom:15px; }
#foot address { text-align:left; }
#copyright { background:#111; color:#fff; padding:10px 0; }
#copyright p { font-size:0.8em; }
	@media (max-width: 767px) {
		#foot #access { padding:0 15px; }
		#foot #access .disp_ib { position:relative; transform:translate(0, 0); top:auto; left:auto; padding:60px 0; }
	}
	@media (min-width: 768px){
		#foot address { }
	}


/*===================================================================
	set
===================================================================*/
.c_white { color:#fff !important; }
.c_blue { color:#111 !important; }
.c_gray { color:#9A9A9A !important; }
.bg_blue { background-color:#28419A !important; }
.bg_gray { background-color:#f6f7fb !important; }
.bg1 { background:url(../image/contents/back1.jpg); }

.en { font-family:'Oswald', sans-serif; }

.hl_1 { margin-bottom:30px; text-align:center; }
.hl_1 > * { display:block; }
.hl_1 .sub { font-weight:bold; }
	@media(max-width: 575px){
		.hl_1 > * { display:block; line-height:120%; }
		.hl_1 .main { font-size:2.5em; }
		.hl_1 .sub { font-size:1em; margin-bottom:5px; }
	}
	@media(min-width: 576px){
		.hl_1 .main { font-size:2.75em; letter-spacing:3px; }
		.hl_1 .sub { font-size:1.15em; line-height:120%; }
	}

.hl_2 { margin-bottom:30px; display:table; line-height:140%; }
.hl_2 > * { display:table-cell; vertical-align:middle; }
.hl_2 .sub { font-weight:bold; padding-left:15px; }
	@media (max-width: 575px){
		.hl_2 .main { font-size:2.5em; }
		.hl_2 .sub { font-size:1em; }
	}
	@media (min-width: 576px){
		.hl_2 .main { font-size:2.75em; letter-spacing:3px; }
		.hl_2 .sub { font-size:1.15em; }
	}

.box { background:#fff; box-shadow:0 0 5px rgba(0,0,0,0.2); margin-bottom:30px; }
.box_contents { padding:15px; }
.box_title { position:relative; display:table; width:100%; height:100%; }
.box_title .number { position:absolute; left:0; color:#4461BB; text-shadow: 2px 2px 3px #fff;}
.box_title .main { display:table-cell; vertical-align:middle; text-align:center; font-weight:bold; }
	@media(max-width: 575px){
		.box_title .number { font-size:50px; top:-70px; left:-5px; }
		.box_title .main { font-size:1em; }
	}
	@media(min-width: 576px){
		.box_title .number { font-size:60px; top:-80px; }
		.box_title .main { font-size:1.25em; }
	}

	.tbl_1 { width:100%; border-top:1px solid #ddd; }
	.tbl_1 th,
	.tbl_1 td { padding:20px 30px; border-bottom:1px solid #ddd; vertical-align:middle; }
	.tbl_1 th { background:#f9f9f9; color:#111; font-weight:bold; width:160px; text-align:center; }
	@media (max-width: 575px){
		.tbl_1 th,
		.tbl_1 td { display:block; width:100%; padding:15px; }
	}


.button._type1 { width:100%; max-width:280px; background:#fff; color:#28419A; border:1px solid #28419A; text-align:center; padding:5px 0; }
.button._type1 > i { margin-right:5px; }
.button._type2 { position:relative; width:100%; max-width:280px; background:#28419A; color:#fff; border-radius:3px; text-align:center; padding:10px 0; border:1px solid #28419A; }
.button._type2._white { background:#fff; color:#28419A; }
.button._type2._white::after { color:#28419A; }
.button._type2::after{ position:absolute; top:50%; transform:translateY(-50%); right:10px; font-size:.75em; content:"\f0da"; font-family:"Font Awesome 5 Free"; font-weight:900; }
.button._type2._back::after{ right:auto; left:10px; content:"\f0d9"; }

.link_box { margin-bottom:40px; }
.link_box a { display:block; text-decoration:none; color:#333; }
.link_box .photo { margin-bottom:5px; }
.link_box .title:before { content:"\f35a"; color:#D77D45; margin-right:5px; }
.link_box .title > span { display:inline-block; font-weight:bold; font-size:1.25em; }
.link_box .text p { font-size:0.85em; }
	@media(max-width: 575px){
	}
	@media(min-width: 576px){
	}

.photo_unit { box-shadow:0 0 5px rgba(0,0,0,0.3); }
.photo_unit a { text-decoration:none; color:#333; background:#fff; border-radius:5px; overflow:hidden; }
.photo_unit .title { text-align:center; padding:10px 0; }
.photo_unit .title  > span { display:inline-block; margin-left:5px; font-weight:bold; font-size:1.25em; }
.photo_unit .title  > span:before { content:"\f35a"; color:#D77D45; font-size:0.85em; margin-right:5px; }
	@media(max-width: 575px){
		.photo_unit { margin-bottom:20px; }
		.photo_unit a { display:table; width:100%; }
		.photo_unit a > * { display:table-cell; vertical-align:middle; }
		.photo_unit a .photo { width:35%; }
	}
	@media(min-width: 576px){
		.photo_unit { margin-bottom:40px; }
		.photo_unit a { display:block; }
	}

/*===================================================================
	common
===================================================================*/
.mb0 { margin-bottom:0 !important; }
.mb10 { margin-bottom:10px !important; }
.mb20 { margin-bottom:20px !important; }
.mb30 { margin-bottom:30px !important; }
.mb40 { margin-bottom:40px !important; }
.mt10 { margin-top:10px !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:75%; 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"],
.parallax[data-parallax-in="vertical4"] { 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),
.parallax[data-parallax-in="vertical4"]:not(.parallax_on) { opacity:0 !important; transform:translateY(30px); -webkit-transform:translateY(30px); -ms-transform:translateY(30px); }
	@media(min-width: 576px){
		.parallax[data-parallax-in="vertical2"] { transition-delay:0.2s; -webkit-transition-delay:0.2s; -ms-transition-delay:0.2s; }
		.parallax[data-parallax-in="vertical3"] { transition-delay:0.4s; -webkit-transition-delay:0.4s; -ms-transition-delay:0.4s; }
		.parallax[data-parallax-in="vertical4"] { transition-delay:0.6s; -webkit-transition-delay:0.6s; -ms-transition-delay:0.6s; }
	}
.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; }

@media (max-width: 767px){
	.sp_table_wrap { overflow-x:auto; width:100%; white-space:nowrap; }
	.sp_table_wrap::-webkit-scrollbar { height:10px; }
	.sp_table_wrap::-webkit-scrollbar-track { background:#F1F1F1; }
	.sp_table_wrap::-webkit-scrollbar-thumb { background:#BCBCBC; }
	.sp_table_wrap table { width:100%; }
	.sp_table_wrap table { font-size:13px !important; -webkit-text-size-adjust:100%; -moz-text-size-adjust:none; -ms-text-size-adjust:100%; text-size-adjust:100%; }
}