@charset "UTF-8";
/*--------------------------------------------------------------
 * this is original style
 *
 * @package isenorgoc
--------------------------------------------------------------*/

/*----------------------------------------------------------------------
	トップページ
----------------------------------------------------------------------*/

/*--------------------------------------------------------------
	共通タイトルスタイル
--------------------------------------------------------------*/

.home .main h2 {
	position: relative;
	text-align: center;
	font-size: 40px;
	font-size: 4.0rem;
	font-weight: 500;
	margin-bottom: 50px;
	line-height: 1;
	letter-spacing: 5px;
}

.home .main h2 span {
	display: block;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 400;
	padding: 12px 0 0;
	letter-spacing: 1px;
	text-transform: capitalize;
}

.home .main h4 {
	margin: 0 0 5px;
}

.more_btn {
	width: 30%;
	margin: 0 auto;
}

.more_btn a {
	text-align: center;
	display: block;
	color: #fff;
	transition: .3s;
	border-radius: 50px;
	padding: 15px 0;
}

.more_btn a:hover {
	background-color: #fff !important;
}

.post {
	position: relative;
	padding: 70px 0;
}

.post:nth-child(2n)::before {
	z-index: -1;
	opacity: .07;
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	width: 100%;
	height: 100%;
}



@media screen and (max-width : 767px) {
	.home .main h2 {
		width: 100%;
		font-size: 2.8rem;
		margin: 20px auto 30px;
	}

	.home .main h2 span {
		font-size: 15px;
		font-size: 1.5rem;
	}

	.more_btn {
		width: 100%;
		margin: 0 auto;
	}

	.post {
		padding: 50px 0;
	}

}



/*--------------------------------------------------------------
　追加事項
--------------------------------------------------------------*/
.home .main .content h1 {
	position: relative;
	font-size: 25px;
	font-size: 2.5rem;
	padding: 5px 0 5px 20px;
	background-color: #f6f0e6;
}

.home .main .content h1::before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.home .main .content h2 {
	position: relative;
	font-size: 22px;
	font-size: 2.2rem;
	font-weight: 900;
	text-align: left;
	letter-spacing: 1px;
	margin-bottom: 20px;
	line-height: 1.75;
	border-bottom: 4px solid #dcd3c6;
}

.home .main .content h2::before {
	content: '';
	position: absolute;
	bottom: -4px;
	left: 0;
	z-index: 2;
	width: 20%;
	height: 4px;
}

.home .main .content h3 {
	font-size: 18px;
	font-size: 1.8rem;
	position: relative;
	padding: 0 5px 0 25px;
	z-index: 10;
}

.home .main .content h3::before {
	content: '';
	position: absolute;
	top: 7px;
	left: 0;
	z-index: 2;
	width: 10px;
	height: 10px;
	background-color: #fff;
	border-radius: 100%;
}

.home .main .content h4 {
	padding-left: 10px;
}

.content table {
	border: 1px solid #ccc;
	margin: 0 auto 30px;
}

.content table tr {
	border-bottom: 1px solid #ccc;
}

.content table th,
.content table td {
	border-left: 1px solid #ccc;
	padding: 15px 10px;
}

.content table th {
	text-align: center;
	background-color: #ffffe6;
}

.content table td {
	background-color: #fff;
}



/*--------------------------------------------------------------
　開院予定
--------------------------------------------------------------*/
.front_opening_wrap {
	padding: 30px 0;
}

.front_opening_wrap p {
	text-align: center;
	font-size: 70px;
	font-size: 7.0rem;
	font-weight: 500;
	color: #fff;
	margin: 0;
	line-height: 1.5;
}

.front_opening_wrap p.txt {
	font-size: 35px;
	font-size: 3.5rem;
}



@media screen and (min-width: 768px) and ( max-width: 1024px) {

}



@media screen and (max-width : 767px) {
	.front_opening_wrap p.txt {
		font-size: 20px;
		font-size: 2.0rem;
	}

	.front_opening_wrap p {
		font-size: 30px;
		font-size: 3.0rem;
	}

}



/*--------------------------------------------------------------
　オープニングスタッフ募集
--------------------------------------------------------------*/
.front_staff table {
	width: 100%;
	border-collapse: unset;
}

.front_staff table tr th,
.front_staff table tr td {
	padding: 10px 20px;
	box-sizing: border-box;
}

.front_staff table tr th {
	width: 18%;
	font-size: 19px;
	font-size: 1.9rem;
	border-bottom: 1px solid #fff;
	color: #fff;
}

.front_staff table tr:first-child th {
	border-radius: 15px 0 0 0;
}

.front_staff table tr:last-child th {
	border-radius: 0 0 0 15px;
}

.front_staff table tr td {
	width: 82%;
	font-size: 16px;
	font-size: 1.6rem;
	background-color: #fff;
}

.front_staff table tr:first-child td {
	border-radius: 0 15px 0 0;
}

.front_staff table tr:last-child td {
	border-radius: 0 0 15px 0;
}

.front_staff table tr td a {
	display: inline-block;
}

@media screen and (min-width: 768px) and ( max-width: 1024px) {

}

@media screen and (max-width : 767px) {
	.front_staff_table {
		white-space: nowrap;
		overflow-x: scroll;
	}

	.front_staff_table table {
		width: 1000px;
	}

	.front_staff table tr th,
	.front_staff table tr td {
		width: 100%;
		display: block;
		padding: 10px;
	}

	.front_staff table tr:first-child th {
		border-radius: 15px 15px 0 0;
	}

	.front_staff table tr:last-child th {
		border-radius: 0;
	}

	.front_staff table tr:first-child td {
		border-radius: 0;
	}

	.front_staff table tr:last-child td {
		border-radius: 0 0 15px 15px;
	}

}



/*--------------------------------------------------------------
	挨拶文
--------------------------------------------------------------*/
.front_greeting_wrap {
	position: relative;
}

.front_greeting_wrap .inner_wrap {
	display: flex;
	flex-flow: row-reverse;
	justify-content: space-between;
}

.front_greeting {
	width: 100%;
}

.incho_picture {
	width: 45%;
	padding: 0 0 0 20px;
}

.front_greeting p,
.incho_picture p {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 2;
}

.front_greeting .incho,
.incho_picture .incho {
	font-size: 22px;
	font-size: 2.2rem;
	line-height: 1.75;
}

.front_greeting .incho span,
.incho_picture .incho span {
	font-size: 18px;
	font-size: 1.8rem;
}

.front_greeting .incho {
	text-align: right;
}

.incho_picture .incho {
	text-align: center;
}



@media screen and (min-width: 768px) and ( max-width: 1024px) {

}



@media screen and (max-width : 767px) {
	.front_greeting_wrap .inner_wrap {
		display: block;
	}

	.front_greeting {
		width: 100%;
	}

	.incho_picture {
		width: 80%;
		padding: 0;
		margin: 0 auto 50px;
	}

}



/*--------------------------------------------------------------
	経歴
--------------------------------------------------------------*/
.front_list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.front_list .front_qualification {
	width: 48%;
}

.front_list h3 {
	margin: 0 0 20px;
}

.front_list ul {
	line-height: 2;
	padding: 0;
	margin: 0 0 30px;
}

.front_list ul li {
	position: relative;
	list-style: none;
	padding-left: 20px;
	box-sizing: border-box;
}

.front_list ul li::before {
	position: absolute;
	top: 0;
	left: 0;
	font-family: "Font Awesome 5 Free";
	content: '\f0da';
	font-weight: 900;
}



@media screen and (min-width: 768px) and ( max-width: 1024px) {

}



@media screen and (max-width : 767px) {
	.front_list {
		display: block;
	}

	.front_list .front_qualification {
		width: 100%;
	}

}



/*--------------------------------------------------------------
	診療時間
--------------------------------------------------------------*/
.front_medicaltime {
	max-width: 820px;
	width: 100%;
	margin: 0 auto;
}

.front_medicaltime table {
	width: 100%;
	border-collapse: unset;
}

.front_medicaltime table th,
.front_medicaltime table td {
	font-size: 20px;
	font-size: 2.0rem;
	line-height: 1;
	padding: 30px 0;
	box-sizing: border-box;
}

.front_medicaltime table tr th,
.front_medicaltime table tr td  {
	border-bottom: 1px dashed #d6d6d6;
}

.front_medicaltime table tr:first-child th,
.front_medicaltime table tr:last-child th,
.front_medicaltime table tr:last-child td {
	border-bottom: none;
}

.front_medicaltime table tr th {
	color: #fff;
}

.front_medicaltime table tr:first-child th:first-child {
	border-radius: 15px 0 0 0;
}

.front_medicaltime table tr:first-child th:last-child {
	border-radius: 0 15px 0 0;
}

.front_medicaltime table tr:last-child th:first-child {
	border-radius: 0 0 0 15px;
}

.front_medicaltime table tr:last-child td:last-child {
	border-radius: 0 0 15px 0;
}

.front_medicaltime table tr td {
	text-align: center;
	background-color: #fff;
}

.front_medicaltime table tr .left_ttl {
	width: 30%;
	background-color: #fff;
}

.front_medicaltime p {
	text-align: center;
	font-size: 18px;
	font-size: 1.8rem;
}



@media screen and (min-width: 768px) and ( max-width: 1024px) {

}



@media screen and (max-width : 767px) {
	.front_medicaltime_wrap {
		padding: 30px 0;
	}

	.front_medicaltime table th, .front_medicaltime table td {
		font-size: 15px;
		font-size: 1.5rem;
	}

	.front_medicaltime p {
		font-size: 15px;
		font-size: 1.5rem;
	}

}



/*--------------------------------------------------------------
	診療案内
--------------------------------------------------------------*/
.front_medical ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 0;
	margin: 0;
}

.front_medical ul li {
	position: relative;
	width: 48%;
	list-style: none;
	margin: 0 0 30px;
}

.front_medical ul li ul {
	display: block;
	padding-left: 20px;
}

.front_medical ul li ul li {
	width: 100%;
	list-style: disc;
	margin: 0;
}

.front_medical_other {
	margin: 0 0 30px;
}



@media screen and (min-width: 768px) and ( max-width: 1024px) {

}



@media screen and (max-width : 767px) {
	.front_medical ul {
		display: block;
	}
	
	.front_medical ul li {
		width: 100%;
	}

}



/*--------------------------------------------------------------
	アクセス
--------------------------------------------------------------*/
.front_clinicinfo .inner_wrap {
	display: flex;
	justify-content: space-between;
}

.front_clinicinfo .left {
	width: 43%;
}

.front_clinicinfo .right {
	width: 51%;
}

.front_clinicinfo ul {
	padding: 0;
	margin: 0;
	margin-bottom: 20px;
}

.front_clinicinfo ul li {
	list-style: none;
	font-size: 20px;
	font-size: 2.0rem;
	padding: 5px 0;
	box-sizing: border-box;
	line-height: 1.5;
	/* border-bottom: 1px dashed #d6d6d6; */
}

.front_clinicinfo ul li:first-child {
	font-size: 25px;
	font-size: 2.5rem;
	font-weight: 900;
	/* border-top: 1px dashed #d6d6d6; */
}

.access_method {
	margin: 0 0 15px;
}

.access_method p {
	margin: 0;
}

.front_clinicinfo .right .ggmap {
	/* height: 390px; */
}



@media screen and (min-width: 768px) and ( max-width: 1024px) {
	.front_clinicinfo .inner_wrap {
		display: block;
	}

	.front_clinicinfo .left,
	.front_clinicinfo .right {
		text-align: center;
		width: 100%;
	}
}



@media screen and (max-width : 767px) {
	.front_clinicinfo .inner_wrap {
		display: block;
	}

	.front_clinicinfo .left,
	.front_clinicinfo .right {
		text-align: center;
		width: 100%;
	}

	.front_clinicinfo ul li:first-child {
		font-size: 20px;
		font-size: 2.0rem;
	}

	.front_clinicinfo ul li {
		font-size: 16px;
		font-size: 1.6rem;
	}

}



/*--------------------------------------------------------------
	Google Map
--------------------------------------------------------------*/
.ggmap {
	position: relative;
	overflow: hidden;
}

.front_ggmap_wrap .ggmap {
	position: relative;
	overflow: hidden;
	height: 0;
	padding-bottom: 35%;
}

.front_ggmap_wrap .ggmap iframe,
.front_ggmap_wrap .ggmap object,
.front_ggmap_wrap .ggmap embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

@media screen and (max-width : 767px) {
	.front_ggmap_wrap .ggmap {
		padding-bottom: 50%;
	}

}