@charset "utf-8";
/*.design-bg{ width: 1280px; height: 4621px; background: url('../design_img/corporate.jpg') 0 0 no-repeat; position: absolute; top: 0; left: 50%; -webkit-transform: translate(-50%,0); transform: translate(-50%,0); z-index: -1; opacity: .5; background-size: 1280px; }*/


@media print, screen and (min-width: 751px) {
.mainImage 				{ background: url('../img/facility/main-image.jpg') 50% 50% no-repeat; background-size: cover; }

#facility 				{ margin-top: 125px; }
#facility .master 		{ max-width: 1100px; }
#facility ul 			{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
#facility ul li 		{ width: 30.91%; margin-right: 3.635%; }
#facility ul li:nth-of-type(3n){ margin-right: 0; }
#facility ul li:nth-of-type(n+4){ margin-top: 26px; }
#facility ul li>a 		{ display: block; }
#facility ul li>a h3 	{ margin-top: 15px; font-size: .9rem; font-weight: 700; color: #736357; line-height: 1.6; }
#facility ul li>.btn 	{ width: 128px; height: 26px; margin-top: 15px; display: inline-block; font-size: .8rem; line-height: 26px; background-color: #c7b299; color: #fff; border-radius: 5px; }
#facility ul li>.btn span{ padding-left: 30px; background: url('../img/common/link-arrow.svg') 13px 50% no-repeat; }
	
#facility .facility_box01{margin: 0 auto 30px; padding: 40px; background-color: #F7F9E8;}
#facility .facility_box01 ul{display: flex; justify-content:flex-start; flex-wrap: wrap; margin: 20px auto;}
#facility .facility_box01 ul li{width: calc(100% / 4 - 5px)!important; text-align: center; margin:0 0 5px 0 !important; padding: 10px 5px; color: #AEC21A; border: 1px solid #AEC21A; background:#fff;}

#facility .facility_box01 ul.exdl_list li{width: calc(100% / 5 - 11px)!important; text-align: center; margin:0 11px 0 0 !important; padding: 10px 5px 10px 25px; color: #726357; border: 1px solid #BFBFBF; border-radius: 5px; background:#fff; position: relative; font-size: 14px;}
#facility .facility_box01 ul.exdl_list li::before{content: ""; width: 20px; height: 20px; background: url('../img/facility/ico_excel.svg') 0 0 no-repeat; position: absolute; top: 8px; left: 11px;}
	
#facility .facility_box02{margin: 0 auto 30px; padding: 40px; background-color: #E4F0F3;}
#facility .facility_box02 ul{display: flex; justify-content:flex-start; flex-wrap: wrap; margin: 10px auto 20px;}
#facility .facility_box02 ul li{width: calc(100% / 4 - 5px)!important; text-align: center; margin:0 0 5px 0 !important; padding: 10px 5px; color: #51B7C9; border: 1px solid #51B7C9; background:#fff;}
#facility .facility_box01 ul li,#facility .facility_box02 ul li{margin-right: 5px!important;}
#facility .btn 		{ width: 240px; height: 42px; margin: 0 auto; display: block; border-radius: 10px; background-color: #fff; line-height: 42px; text-align: center;}
#facility .btn>span { padding-left: 20px; background: url('../img/common/btn-arrow.svg') 0 50% no-repeat; }

}


@media screen and (max-width: 1100px) and (min-width: 751px) {
}


@media screen and (max-width: 1050px) and (min-width: 751px) {
}


@media screen and (max-width: 750px) {
.mainImage 				{ background: url('../img/facility/main-image.jpg') 50% 50% no-repeat; background-size: cover; }

#facility 				{ margin-top: 50px; }
#facility .master 		{ max-width: 1100px; }
#facility ul 			{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
#facility ul li 		{ width: 48%; margin-right: 4%; }
#facility ul li:nth-of-type(2n){ margin-right: 0; }
#facility ul li:nth-of-type(n+3){ margin-top: 26px; }
#facility ul li>a 		{ display: block; }
#facility ul li>a h3 	{ margin-top: 15px; font-size: .8rem; font-weight: 700; color: #736357; line-height: 1.6; }
#facility ul li>.btn 	{ width: 128px; height: 26px; margin-top: 15px; display: inline-block; font-size: .8rem; line-height: 26px; background-color: #c7b299; color: #fff; border-radius: 5px; }
#facility ul li>.btn span{ padding-left: 30px; background: url('../img/common/link-arrow.svg') 13px 50% no-repeat; }

#facility .facility_box01{margin: 0 auto 30px; padding: 20px; background-color: #F7F9E8;}
#facility .facility_box01 ul{display: flex; justify-content:flex-start; flex-wrap: wrap; margin: 10px auto 20px;}
#facility .facility_box01 ul li{width: calc(100% / 2 - 5px)!important; text-align: center; margin:0 0 5px 0 !important; padding: 10px 5px; color: #AEC21A; border: 1px solid #AEC21A; background:#fff;}

#facility .facility_box01 ul.exdl_list li{width: calc(100% / 2 - 5px)!important; text-align: center; margin:0 5px 5px 0 !important; padding: 10px 5px 10px 25px; color: #726357; border: 1px solid #BFBFBF; border-radius: 5px; background:#fff; position: relative; font-size: 14px;}
#facility .facility_box01 ul.exdl_list li::before{content: ""; width: 20px; height: 20px; background: url('../img/facility/ico_excel.svg') 0 0 no-repeat; position: absolute; top: 8px; left: 11px;}

	
#facility .facility_box02{margin: 0 auto 30px; padding: 20px; background-color: #E4F0F3;}
#facility .facility_box02 ul{display: flex; justify-content:flex-start; flex-wrap: wrap; margin: 10px auto 20px;}
#facility .facility_box02 ul li{width: calc(100% / 2 - 5px)!important; text-align: center; margin:0 0 5px 0 !important; padding: 10px 5px; color: #51B7C9; border: 1px solid #51B7C9; background:#fff;}
#facility .facility_box01 ul li,#facility .facility_box02 ul li{margin-right: 5px!important;}
#facility .btn 		{ width: 240px; height: 42px; margin: 0 auto; display: block; border-radius: 10px; background-color: #fff; line-height: 42px; text-align: center;}
#facility .btn>span { padding-left: 20px; background: url('../img/common/btn-arrow.svg') 0 50% no-repeat; }

}