@charset "UTF-8";

/*box1
---------------------------------------------------------*/
.box1 .med_point li {
	padding-bottom: 20px;
	border-bottom: 1px solid #5F4C3E;
	margin-bottom: 20px;
}
.box1 .med_point li:last-of-type {
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: none;
}
.box1 .med_point .l_line dt {
	font-size: min(147%,2.3vw);
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.box1 .med_point li {
	padding-bottom: 2vw;
	margin-bottom: 2vw;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.box1 .med_point li {
	padding-bottom: 4vw;
	margin-bottom: 4vw;
}
.box1 .med_point .l_line dt {
	font-size: 120%;
}

}



/*box3
---------------------------------------------------------*/
.box3 .contact_box {
	max-width: 1000px;
	background-color: #F8F5F0;
	box-sizing: border-box;
	padding: 30px 4%;
	margin-left: auto;
	margin-right: auto;
}
.box3 .contact_box .inbox{
	display: flex;
	justify-content: center;
	max-width: 870px;
	margin: 0 auto;
}
.box3 .contact_box .sp_tel_btn {
	padding-right: 4%;
	margin-right: 4%;
	border-right: 1px solid #ACAD87;
	max-width: 48.16091954%;
}
.box3 .contact_box .web {
	align-self: center;
	max-width: 410px;
	width: 47.126436781%;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.box3 .contact_box {
	padding: 3% 4%;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.box3 .contact_box {
	max-width: 100%;
	padding: 5%;
}
.box3 .contact_box .inbox{
	display: block;
	max-width: 100%;
}
.box3 .contact_box .sp_tel_btn {
	padding-right: 0;
	margin-right: 0;
	padding-bottom: 5%;
	margin-bottom: 5%;
	border-right: none;
	border-bottom: 1px solid #ACAD87;
	max-width: 100%;
}
.box3 .contact_box .web {
	width: 100%;
}
}



/*box4
---------------------------------------------------------*/
.box4 .txt_red {
	color: #F4504B;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {

}



/*grd_box
---------------------------------------------------------*/
.bg {
	background-color: #F7F4EF;
	padding: 100px 0;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.bg {
	padding: 10% 0;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.bg {
	padding: 12% 0;
}
}



/*box5
---------------------------------------------------------*/
.box5 .white_box .in_box ul{
	max-width: 1200px;
}


/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {

}