@charset "utf-8";
#header {background-color: #fff; height: 112px; border-bottom: solid 10px #bfdfff;}

#main_contents {
	background-color: #FFF;
	text-align: left;
	padding-top: 180px;
	margin-top: 0px;
	margin-bottom: 0px;
	top: 680px;
	z-index: 1;
	padding-top: 200px;
	padding-bottom: 30px;
	margin-left: auto;
	margin-right: auto;
	position: absolute;
	width: 1000px;
	border-radius: 8px;
}

#main_midashi {
	text-align: left;
	padding-top: 15px;
	margin-top: 0px;
	margin-bottom: 0px;
	position: absolute;
	top: 750px;
	z-index: 2;
	padding-bottom: 15px;
	width: 370px;
	left: 35px;
}
#main_ph {
	text-align: right;
	margin-top: 0px;
	margin-bottom: 0px;
	position: absolute;
	top: 485px;
	z-index: 3;
	width: 900px;
}

.top_contents {width: 100%; max-width: 1024px; text-align: left; margin: 0 auto; background-color: #FFF; padding-top: 10px;}

#wrap {}
#wrap_page {
	margin-top: 100px;
}
#page_contents {background-color: #FFF; text-align: left; padding: 50px 30px; border-radius: 8px; box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;}
#page_contents1 {
	background-color: #FFF;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 0px;
	top: 60px;
	z-index: 1;
	padding-top: 50px;
	margin-left: auto;
	margin-right: auto;
	position: absolute;
	width: 840px;
	border-radius: 8px;
	padding-right: 30px;
	padding-left: 30px;
	height: 1550px;
}
#page_contents2 {
	background-color: #FFF;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 0px;
	top: 60px;
	z-index: 1;
	padding-top: 50px;
	margin-left: auto;
	margin-right: auto;
	position: absolute;
	width: 840px;
	border-radius: 8px;
	padding-right: 30px;
	padding-left: 30px;
	height: 850px;
}
#page_contents3 {
	background-color: #FFF;
	text-align: left;
	margin-top: 0px;
	margin-bottom: 0px;
	top: 60px;
	z-index: 1;
	padding-top: 50px;
	margin-left: auto;
	margin-right: auto;
	position: absolute;
	width: 840px;
	border-radius: 8px;
	padding-right: 30px;
	padding-left: 30px;
	height: 950px;
}
.contents {width: 100%; max-width: 900px; text-align: left; margin: 0 auto;	background-color: #FFF;	padding: 10px 0 30px;}
.contents_box {padding: 0 30px 30px;}
.contents_left {float: left; width: 100%; max-width: 520px;}
.contents_right {float: right; width: 100%; max-width: 300px;}
.contents-item {display: flex; flex-wrap: wrap; gap: 20px;}
.contents-item h2 {width: 100%; margin: 30px 0 0;}
.contents-item-text {width: calc(100% - 320px);}
.contents-item-text p {margin: 0 0 10px;}
.contents-item-image {text-align: center;}
.contents-item-image img {max-width: 300px;}
.contents-item.facility {gap: 13px;}
.contents-item-box {}
.block-wrap {text-align: center;}
.contents-item-text.full {width: 100%;}

#footer {
	color: #FFFFFF;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #DDD;
	background-color: #406792;
	width: 100%;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-top: 50px;
}

@media only screen and (max-width: 767px) {
    #header {height: auto; position: fixed; width: 100%; z-index: 8; top: 17px;}
    .contents_box {margin: 0;}
    #page_contents {padding: 30px 15px;}
    .contents-item {display: block; margin: 0 0 30px;}
    .contents-item h2 {margin: 0 0 20px;}
    .contents-item-text {width: 100%;}
    .contents-item-image img {width: 100%;}
    .contents-item-box {margin: 20px 0;}
    
    .form-custom td.inq-td4:last-child {text-align: center;}
    button.formbutton {margin: 0;}
    div#mfp_overlay div#mfp_overlay_inner {width: 80%; max-width: 640px;}
    table#mfp_confirm_table tr th {width: 100px!important;}
    
    #footer {margin: 0;}
}