@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 { width:100%; margin:0 auto; text-align:left; }
.center { max-width:1100px; }
.center2 { max-width:900px; }
	@media (max-width:1130px){
		.center { padding-left:15px; padding-right:15px; }
	}
	@media (max-width: 930px){
		.center2 { padding-left:15px; padding-right:15px; }
	}


/*===================================================================
	#head
===================================================================*/
#head { position:relative; top:0; left:0; width:100%; z-index:1000; background:#fff; }
#head a { text-decoration:none; }
#head .site_logo { display:inline-block; width:120px; }
	@media (max-width: 991px){
		#head.fixed { position:fixed; box-shadow:0 3px 6px rgb(0,0,0,0.2); }
	}
	@media (min-width: 992px){
	}

#head .head_wrap > div { height:80px; display:table; }
#head .head_wrap > div > * { display:table-cell; vertical-align:middle; }

#head_navi ul { display:table; height:100%; }
#head_navi ul > li { display:table-cell; vertical-align:middle; padding:0 5px; }
#head_navi ul > li a { display:block; letter-spacing:1px; }
#head_navi ul > li a:hover { color:#2C72BD; }
#head_navi ul.sub { display:none; }
	@media (max-width: 991px){
		#head_navi { top:80px; position:absolute; left:0; width:100%; background:#fff; box-shadow:0 3px 3px rgb(0 0 0 / 20%); }
		#head_navi ul.main { display:block; }
		#head_navi ul.main > li { display:block; border-top:1px dotted #ccc; }
		#head_navi ul.main > li > a { padding:15px; }
		#base:not(.open) #head_navi { display:none !important; }
	}
	@media (max-width:767px) {
		#base.open #head_navi ul.sub { display:table; width:100%; padding:15px 0; border-top: 1px dotted #ccc; }
		#base.open #head_navi ul.sub li { padding:0 10px; }
		#base.open #head_navi ul.sub li > a { border:1px solid #2C72BD; color:#2C72BD; padding:15px 0 10px; }
		#base.open #head_navi ul.sub li > a span { background:no-repeat center top; padding-top:15px; display:inline-block; }
		#base.open #head_navi ul.sub li > a span.recruit_icon { background-image:url(../asset_company/image/layout/icon_recruit.png); }
		#base.open #head_navi ul.sub li > a span.contact_icon { background-image:url(../asset_company/image/layout/icon_mail.png); }
	}
		#base.open #head_navi ul.sub > li { display:table-cell; text-align:center; }
	}
	@media (min-width: 992px){
		#head_navi {}
	}

#head_contact {  }
#head_recruit > a { border:1px solid #2C72BD; padding:10px 0; color:#2C72BD; width:100px; display:flex; align-items:center; justify-content:center; margin-left:auto; margin-right:0; text-align:center; letter-spacing:1px; height:50px; }
#head_recruit > a > span { display:inline-block; padding-left:20px; background:url(../asset_company/image/layout/icon_recruit.png) no-repeat left center; }
#head_contact { width:140px; }
#head_contact > a { border:1px solid #2C72BD; padding:10px 0; color:#2C72BD; width:130px; display:flex; align-items:center; justify-content:center; margin-left:auto; margin-right:0; text-align:center; letter-spacing:1px; height:50px; }
#head_contact > a > span { display:inline-block; padding-left:20px; background:url(../asset_company/image/layout/icon_mail.png) no-repeat left center; }
@media (max-width:767px) {
	#head_contact { width:auto; }
	#head_contact > a { width:40px; height:40px; background:url(../asset_company/image/layout/icon_mail.png) no-repeat center center; }
	#head_contact > a > span { display:none; }
}
#head_school { width:160px; }
#head_school > a { border:1px solid #2C72BD; padding:10px 0; color:#fff; background:#2C72BD; width:150px; display:flex; align-items:center; justify-content:center; margin-left:auto; margin-right:0; text-align:center; letter-spacing:1px; height:50px; text-align:left; }
#head_school > a > span { line-height:1.1; font-weight:bold; }
@media (max-width:767px) {
	#head_school { width:135px; }
	#head_school > a { height:40px; width:130px; }
	#head_school > a > span { font-size:.8em; }

}

#btn_open { width:32px; padding-left:15px; }
#btn_open a { display:block; width:32px; height:100%; margin-left:auto; background:no-repeat center right / contain; }
#btn_open a.bars { background-image:url(../asset_company/image/layout/icon_bars.png); }
#btn_open a.times { background-image:url(../asset_company/image/layout/icon_times.png); }
@media (min-width:992px) {
	#btn_open { display:none!important; }
}
@media (max-width:991px) {

}

/*===================================================================
	#foot
===================================================================*/
#foot { background:#323232; color:#fff; }
#foot_navi .disp_tbl { vertical-align:top; width:calc(100% + 30px); margin:0 -15px; }
#foot_navi .disp_tbl .disp_td { vertical-align:top; padding:0 15px; text-align:center; }
#foot_navi ul { text-align:left; }
#foot_navi ul li { margin-bottom:5px; }
#foot_navi ul li a { color:#fff; font-size:.95em; }
#foot_navi ul li a span { padding-right:20px; background:url(../asset_company/image/layout/icon_clone3.png) no-repeat center right / auto 12px; }

#foot_bottom ul li { display:inline-block; padding-right:15px; }
#foot_bottom ul li a { color:#fff; font-size:.85em; }
#copyright { padding:10px 0; font-size:0.85em; }
#copyright .center { position:relative; }

@media (max-width:991px) {
	#foot_navi .disp_tbl { display:block!important; letter-spacing:-1em; }
	#foot_navi .disp_tbl .disp_td { display:inline-block!important; width:50%; letter-spacing:normal; margin-bottom:20px; }
	#foot_bottom .disp_tbl,
	#foot_bottom .disp_td { display:block!important; }
	#foot_bottom ul li { display:block; padding:0; text-align:center; margin-bottom:10px; }
}
@media (max-width:575px) {
	#foot { padding-top:60px; }
	#foot_navi { display:none; }
}

/*===================================================================
	main
===================================================================*/
.category_list { letter-spacing:-1em; }
.category_list > span { position:relative; color:#9F9F9F; font-weight:bold; display:inline-block; letter-spacing:normal; padding-right:70px; margin:5px 30px 5px 0; }
.category_list > span::after { content:""; width:50px; height:1px; background:#C4C4C4; position:absolute; display:block; top:50%; right:0; }
.category_list > ul { display:inline-block; letter-spacing:-1em; margin-left:-5px; margin-right:-5px; }
.category_list > ul > li { display:inline-block; letter-spacing:normal; padding:0 5px; margin:5px 0; }
.category_list > ul > li a { text-align:center; padding:5px 10px; display:block; color:#747474; min-width:100px; border-radius:30px; transition:.2s; font-weight:bold; letter-spacing:1px; }
.category_list > ul > li.active a,
.category_list > ul > li a:hover { color:#fff; background:#000000;}
@media (max-width:575px) {
	.category_list > ul { text-align:center; }
	.category_list > ul > li a { letter-spacing:normal; padding:5px; }
}

.info_list {}
.info_list a { display:block; padding:20px 0; border-bottom:1px dotted #ddd; }
.info_list dl > * { line-height:130%; }
.info_list dl .date { width:90px; text-align:center; }
.info_list dl .category { width:150px; text-align:center; }
.info_list dl .category span { display:inline-block; padding:4px 10px; }
.info_list dl dt { font-weight:bold; padding-right:50px; background:url(../asset_company/image/layout/icon_arrow_right3.png) no-repeat center right; }

	@media (max-width: 767px){
		.info_list dl dt { margin-bottom:5px; }
		.info_list dl .date,
		.info_list dl .category { margin-bottom:10px; display:inline-block; text-align:left; }
	}
	@media (min-width: 768px){
		.info_list dl { display:table; width:100%; }
		.info_list dl > * { display:table-cell; vertical-align:middle; }
	}

.pickup_list { margin-bottom:20px; }
.pickup_list a { display:block; background:#F8F9FA; box-shadow:0 1px 3px rgba(0, 0, 0, 0.16); margin-bottom:30px; }
.pickup_list dl { letter-spacing:-1em; }
.pickup_list dl > * { display:inline-block; vertical-align:top; letter-spacing:normal; }
.pickup_list dl .img_back { width:210px; height:100%; }
.pickup_list dl dt { padding:40px 40px 40px 20px; width:calc(100% - 210px); background:url(../asset_company/image/layout/icon_arrow_right2.png) no-repeat center right 15px / 20px auto; }
.pickup_list dl dt .category { display:inline-block; padding:2px 10px; background:#000000; color:#fff; font-weight:bold; letter-spacing:1px; font-size:.9em; }
.pickup_list dl dt .title { display:block; width:100%; font-weight:bold; font-size:1.1em; color:#404040; margin-top:5px; }
@media (max-width:575px) {
	.pickup_list dl .img_back { width:140px; }
	.pickup_list dl dt { padding:20px 30px 20px 15px; width:calc(100% - 140px); background-position:center right 5px; }
	.pickup_list dl dt .category { font-size:.8em; letter-spacing:0; }
	.pickup_list dl dt .title { font-size:1em; }
}

.info_detail_head { }
.info_detail_head { padding-bottom:20px; border-bottom:1px solid #DEDEDE; margin-bottom:40px; }
.info_detail_head > * { display:block; }
.info_detail_head .category { display:inline-block; padding:2px 10px; background:#000000; color:#fff; font-weight:bold; letter-spacing:1px; font-size:.9em; }
.info_detail_head .date { display:inline-block; color:#9F9F9F; margin-left:10px; }
.info_detail_head .title { color:#393939; font-weight:bold; font-size:1.75em; margin-top:5px; }
.info_detail_content .comment { letter-spacing:2; }
.info_detail_content .comment a { color:#1C46A4; text-decoration:underline; }
.info_detail_content .comment a:hover { text-decoration:none; }
@media (max-width:575px) {
	.info_detail_head .category { font-size:.8em; }
	.info_detail_head .title { color:#393939; font-weight:bold; font-size:1.5em; }
}

.detail_navi { letter-spacing:-1em; }
.detail_navi li { position:relative; display:inline-block; letter-spacing:normal; }
.detail_navi li:not(:last-child)::after { content:""; position:absolute; top:0; right:0; width:1px; height:100%; background:#0046A5; }
.detail_navi li a { color:#0046A5; font-weight:bold; padding:0 30px; }
.detail_navi li a.prev { background:url(../asset_company/image/layout/icon_arrow_left7.png) no-repeat center left 10px; }
.detail_navi li a.next { background:url(../asset_company/image/layout/icon_arrow_right7.png) no-repeat center right 10px; }

.contact_area .title { font-size:1.15em; margin-bottom:10px; }
.contact_area .tel { font-size:2.5em; font-weight:bold; margin-bottom:10px; }
.contact_area .time { font-size:0.9em; }

.policy_list { list-style:none; }
.policy_list li { padding:5px 0; border-bottom:1px solid #E2E2E2; margin-bottom:5px; letter-spacing:0; }
.policy_list li > * { display:inline-block; vertical-align:middle; letter-spacing:normal; }
.policy_list li .num { font-size:1.75em; color:#2C72BD; font-weight:bold; padding-right:15px; width:30px; }
.policy_list li .main { width:calc(100% - 45px); font-size:1.1em; color:#000000; }

.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:200%; font-weight:bold; color:#000000; letter-spacing:2px; text-indent:2px; }
.hl_1 .sub { display:inline-block; font-weight:bold; letter-spacing:1px; text-indent:1px; color:#2C72BD; padding-bottom:10px; margin-bottom:10px; border-bottom:3px solid #2C72BD; font-size:1.2em; }
.hl_1 .sub._white { color:#fff; border-color:#fff; }
	@media (max-width: 575px){
		.hl_1 { margin-bottom:40px; }
		.hl_1 .main { font-size:1.8em; }
	}
	@media (min-width: 576px){
		.hl_1 { margin-bottom:50px; }
		.hl_1 .main { font-size:2.25em; }
	}

.hl_2 { margin-bottom:30px; }
.hl_2 .sub { display:block; font-weight:bold; line-height:100%; color:#2C72BD; letter-spacing:1px; }
.hl_2 .main { display:block; font-weight:bold; color:#2B2B2B; letter-spacing:2px; }
	@media (max-width: 575px){
		.hl_2 .main { font-size:1.75em; }
	}
	@media (min-width: 576px){
		.hl_2 .main { font-size:2em; }
	}

.hl_3 { position:relative; margin-bottom:30px; padding:10px 0; border-bottom:2px solid #DEDEDE; }
.hl_3::after { content:""; display:block; position:absolute; top:0; left:0; width:220px; max-width:25%; height:100%; border-bottom:2px solid #2C72BD; }
.hl_3 .main { display:inline-block; font-size:1.75em; letter-spacing:1px; font-weight:bold; color:#2B2B2B; line-height:1.4; }
@media (max-width: 575px){
	.hl_3 .main { font-size:1.25em; }
}

.hl_4 { margin-bottom:30px; border-left:2px solid #2C72BD; }
.hl_4 .main { font-size:1.75em; letter-spacing:1px; font-weight:bold; color:#2B2B2B; line-height:1.4; padding:5px 0; display:block; padding-left:15px; }
@media (max-width: 575px){
	.hl_4 .main { font-size:1.25em; }
}

.button._type1 { font-weight:bold; color:#0046A5; font-weight:bold; border:1px solid #0046A5; border-radius:50px; max-width:100%; }
.button._type1._black { color:#fff; background-color:#000001; border-color:#000001; }
.button._type1._black._back { background:#000001 url(../asset_company/image/layout/icon_arrow_left6.png) no-repeat center left 15px; }
.button._type1._black._next { background:#000001 url(../asset_company/image/layout/icon_arrow_right6.png) no-repeat center right 15px; }
.button._type1 > span { line-height:1.4; }
.button._type1 .clone { display:inline-block; padding-right:20px; background:url(../asset_company/image/layout/icon_clone.png) no-repeat center right; }
/* .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 { width:100%; padding:10px 15px; }
	}
	@media (min-width: 576px){
		.button._type1:not(._mini) { width:320px; padding:15px 20px; font-size:1.1em; letter-spacing:1px; }
		.button._type1._large { width:480px; }
		/* .button._type1._mini { padding:10px 20px; } */
		/* .button._type2 { min-width:110px; } */
	}

/*===================================================================
	tbl
===================================================================*/
.tbl_1 { display:table; width:100%; }
.tbl_1 tr > * { vertical-align:top; padding-top:20px; padding-bottom:20px; border-bottom:1px solid; }
.tbl_1 th { color:#2C72BD; font-weight:bold; width:180px; border-color:#2C72BD; font-size:1.2em; }
.tbl_1 td { color:#272727; padding-left:40px; border-color:#D1D1D1; }
	@media (max-width:575px) {
		.tbl_1 { display:block; }
		.tbl_1 tr > * { display:inline-block; padding-left:0; }
		.tbl_1 tr > td { display:block; width:100%; }
	}

.tbl_2 { display:table; width:100%; }
.tbl_2 tr > * { vertical-align:top; padding-top:20px; padding-bottom:20px; border-bottom:1px solid #D1D1D1; line-height:2; }
.tbl_2 th { color:#2C72BD; font-weight:bold; width:240px; font-size:1.1em; }
.tbl_2 td { color:#272727; padding-left:40px; }
	@media (max-width:767px) {
		.tbl_2 th { width:180px; }
	}
	@media (max-width:575px) {
		.tbl_2 { display:block; }
		.tbl_2 tr > * { display:inline-block; padding-left:0; width:100%; }
		.tbl_2 tr > th { padding:20px 0 10px; }
		.tbl_2 tr > td { display:block; width:100%; padding:10px 0 20px; }
	}
/*===================================================================
	form
===================================================================*/
.form_description p { color:#272727; font-weight:bold; }
.form_description a { color:#2C72BD; text-decoration:underline; }
.form_description a:hover { text-decoration:none; }
.form_box { border-top:1px solid #D1D1D1; padding-top:20px; }
.dl_form { width:100%; }
.dl_form dt { font-weight:bold; }
.dl_form dt > div { position:relative; }
.dl_form dt > .need { display:inline-block; font-weight:bold; color:#fff; padding:5px 15px; background:#000000; border-radius:15px; border-color:#000; margin:0 10px; }
.dl_form dd ._zip,
.dl_form dd ._tel,
.dl_form dd ._fax { letter-spacing:-1em; }
.dl_form dd ._zip > *,
.dl_form dd ._tel > *,
.dl_form dd ._fax > * { display:inline-block; letter-spacing:normal; }
.dl_form dd ._zip input,
.dl_form dd ._tel input,
.dl_form dd ._fax input { width:140px; max-width:calc(33.333% - 30px / 3); }
.dl_form dd ._zip span,
.dl_form dd ._tel span,
.dl_form dd ._fax span { width:15px; text-align:center; }
@media(max-width: 767px){
	.dl_form { padding: 5px 0;}
	.dl_form dt { padding:10px 0 10px;  }
	.dl_form dd { padding:0 0 15px; }
}
@media(min-width: 768px){
	.dl_form { display:table; margin-bottom: 5px;}
	.dl_form > * { display:table-cell; padding:15px 0; vertical-align:middle; }
	.dl_form dt { width: 360px; padding: 0px 15px 0 0; position: relative; font-size:1.1em; }
	.dl_form dd { }
	.dl_form dd,.dl_form dt { }
	.dl_form._large,
	.dl_form._large > * { display:block; width:100%; }
	.dl_form._large dt { padding-top:15px; }
}
@media (max-width:575px) {
	.dl_form dd ._zip input,
	.dl_form dd ._tel input,
	.dl_form dd ._fax input { width:100%; max-width:calc(33.333% - 30px / 3); }
}

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

.bg_black { background:#000000!important; }
.bg_red { background:#8F1C38!important; }

.c_white { color:#fff !important; }
.c_blue { color:#2C72BD !important; }
.c_red { color:#BC0526 !important; }
.c_gray { color:#626262 !important; }


/*===================================================================
	icon
===================================================================*/
.icon { display:inline-block; line-height:100%; background-repeat:no-repeat; background-size:contain; background-position:left center; padding-left:1.25em; }
.icon_calendar-w { background-image:url(../asset_company/image/icon/icon_calendar-w.png); }


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