@charset "utf-8";

/* CSS INFORMATION -====================================================
File name : summary.css
Description :　治療希望ページ
===================================================================== */

.summary {
	letter-spacing: .06em;
}

/* =====================================================================
*    access
* =================================================================== */
.access {
	padding: calc(80 / 1280 * 100%) 0;
}

.time_box {
	background-color: #f5f5f5;
	border-radius: .5em;
	padding: 1.5em calc(70 / 1080 * 100%);
}

.time_list {
	letter-spacing: 0;
	margin-bottom: 1.5em;
}

.time_list li {
	margin-bottom: .3em;
}

.time_list dl {
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	font-size: 3.8rem;
}

.time_list li::before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	width: 100%;
	height: .2em;
	border-top: .2em dotted;
}

.time_list dt {
	background-color: #f5f5f5;
	padding-right: .5em;
}

.time_list dd {
	background-color: #f5f5f5;
	padding-left: .5em;
	width: calc(720 / 940 * 100%);
}

.time_list + p {
	background-color: #77a658;
	text-align: center;
	color: #fff;
	font-size: 5rem;
	border-radius: 2em;
	padding: .2em 0;
	margin-bottom: 1em;
}

.time_table {
	letter-spacing: 0;
}

.time_table th,
.time_table td {
	font-weight: 400;
	text-align: center;
	border: 1px solid #e1dce6;
	padding: .68em;
	vertical-align: middle;
}

.time_table td small {
	font-size: 3rem;
	display: block;
	margin-top: -.3em;
}

.access_img {
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.access_img li {
	width: calc(520 / 1080 * 100%);
	margin: 2em 0 1em;
}

.googleMap {
	padding-top: calc(608 / 1080 * 100%);
}

.googleMap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

@media screen and (min-width: 1280px) {
	.access {
		padding: 80px 0;
	}
}


/* =====================================================================
*    corona
* =================================================================== */
.corona {
	padding: calc(120 / 1280 * 100%) 0 0;
	background: url(../images/common/bg_green.jpg) repeat center/calc(250 / 1280 * 100%) auto;
}

.ttl_img {
	width: calc(290 / 1080 * 100%);
	margin: 0 auto calc(60 / 1080 * 100%);
}

.img_box {
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	width: calc(1280 / 1080 * 100%);
	margin-left: calc(-100 / 1080 * 100%);
}

.img_box li {
	width: calc(640 / 1280 * 100%);
}

.txt_list {
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin: 1.5em 0;
}

.txt_list li {
	color: #381703;
	width: calc(520 / 1080 * 100%);
	height: calc(520 / 1280 * 100vw);
	background: rgba(255, 255, 255, 0.7);
	letter-spacing: .1em;
	border-radius: .5em;
	margin-bottom: .8em;
	padding: .8em;
	text-align: center;
	display: -moz-inline-flex;
	display: -ms-inline-flex;
	display: -o-inline-flex;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-ms-align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.txt_list small {
	letter-spacing: 0;
}

.txt_list a {
	margin-top: 1em;
}


@media screen and (min-width: 1280px) {
	.corona {
		padding: 120px 0 0;
		background-size: 250px auto;
	}

	.txt_list li {
		height: 520px;
	}
}


/* =====================================================================
*    child
* =================================================================== */
.child {
	padding: calc(164 / 1280 * 100%) 0 calc(10 / 1280 * 100%);
	background: url(../images/common/bg_brown.jpg) repeat center/calc(250 / 1280 * 100%) auto;
}

.child h2 + p {
	text-align: center;
	margin-bottom: 2em;
}

.child .img_box li:last-child {
	width: 100%;
}

@media screen and (min-width: 1280px) {
	.child {
		padding: 164px 0 10px;
		background-size: 250px auto;
	}

}


/* =====================================================================
*    point
* =================================================================== */
.point {
	padding: calc(164 / 1280 * 100%) 0 calc(100 / 1280 * 100%);
}

.point_list li {
	background: url(../images/common/bg_beige.jpg) repeat center/calc(250 / 1080 * 100%) auto;
	padding: 2em 3.5em;
	border-radius: .5em;
	margin-bottom: 1em;
}

.point_list li::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	background-color: #d9d0c6;
	color: #f8efe3;
	border-radius: 50%;
	padding: .1em .6em;
	margin: .8em;
	font-weight: 700;
}

.point_list li:nth-child(1)::before {
	content: '1';
}

.point_list li:nth-child(2)::before {
	content: '2';
}

.point_list li:nth-child(3)::before {
	content: '3';
}

.point_list li:nth-child(4)::before {
	content: '4';
}

.point_list li::after {
	content: '';
	position: absolute;
	right: 0;
	bottom: 0;
	background: url(../images/summary/img_dr_illust.png) no-repeat center/contain;
	width: calc(149 / 1080 * 100%);
	padding-top: calc(156 / 1080 * 100%);
	margin-right: calc(30 / 1080 * 100%);
}

@media screen and (min-width: 1280px) {
	.point {
		padding: 164px 0 100px;
	}

}

/* =====================================================================
*    policy
* =================================================================== */
.policy {
	padding: calc(130 / 1280 * 100%) 0 calc(250 / 1280 * 100%);
	background: url(../images/common/bg_green.jpg) repeat center/calc(250 / 1280 * 100%) auto;
}

.policy p {
	color: #381703;
	font-size: 3.8rem;
}

.policy .img_director {
	width: calc(900 / 1080 * 100%);
	margin: 2em auto;
}

.ttl_fb {
	text-align: center;
	font-size: 5rem;
	font-weight: 700;
	letter-spacing: .1em;
	color: #77a658;
	margin: 2em 0 1.5em;
}

.fb-container {
	text-align: center;
}

.fb-page iframe {
	border: .8em solid #fff !important;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	margin-left: -1em;

	/*
	-webkit-box-shadow: 0 0 0 1em #fff;
	box-shadow: 0 0 0 1em #fff;
*/
	width: 100%;
	border-radius: .5em;
}

@media screen and (min-width: 1280px) {
	.policy {
		padding: 130px 0 250px;
		background-size: 250px auto;
	}

}


/* =====================================================================
*    reservation
* =================================================================== */
.reservation {
	padding: calc(180 / 1280 * 100%) 0;
	background: url(../images/summary/bg_reservation.jpg) no-repeat center/cover;
}

.reservation.set1 {}

.reservation .inner1 {}

.reservation h2 {
	text-align: center;
	font-size: 6rem;
	font-weight: 700;
	letter-spacing: .1em;
	color: #77a658;
	margin-bottom: 1em;
}

.reservation p {
	font-size: 4.4rem;
	width: calc(880 / 1080 * 100%);
	margin: 0 auto;
}

@media screen and (min-width: 1280px) {
	.reservation {
		padding: 180px 0;
	}

}