@charset "utf-8";
.page-nav {
	display: flex;
	justify-content: space-between;
	padding: 90px 140px;
	max-width: 1440px;
	margin: 0 auto;
}

.page-nav-content {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width:30%;
	max-width: 330px;
	padding: 40px 0 55px;
	text-align: center;
	color: #FFF;
	font: bold 16px/20px 'Noto Sans JP', sans-serif;
	letter-spacing: 1.6px;
}

.page-nav-content::after {
	position: absolute;
	right: 0;
	bottom: 30px;
	left: 0;
	content: "";
	display: block;
	width: 23.6px;
	height: 13.5px;
	margin: 0 auto;
	background-image: url(../images/material/arrow_down.png);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

@media screen and (max-width:1200px){
	.page-nav {
		display: none;
	}
}

/* -------------------- Clinic -------------------- */

.clinic-contact {
	text-align: center;
	padding: 60px 140px 100px;
}

.clinic-contact h2 {
	font: normal normal bold 34px/34px 'Noto Serif', serif;
	letter-spacing: 3.4px;
	color: #e08a09;
	margin-bottom: 40px;
}

.clinic-contact .clinic-caption {
	font: 500 18px/36px 'Noto Sans JP', sans-serif;
	letter-spacing: 1.8px;
	color: #303233;
	margin-bottom: 50px;
}

.clinic-contact .tel-button {
	margin: 0 auto 135px;
}

.privacy {
	text-align: center;
}

.privacy-title {
	font: 400 24px/24px 'Noto Serif', serif;
	letter-spacing: 2.4px;
	color: #303233;
	margin-bottom: 20px;
}

.privacy-caption {
	font: 500 18px/36px 'Noto Sans JP', sans-serif;
	letter-spacing: 1.8px;
	color: #303233;
	margin-bottom: 60px;
}

.privacy-content-wrap {
	display: flex;
	justify-content: center;
	margin-bottom: 60px;
}

.privacy-content {
	display: flex;
	flex-flow: column;
	justify-content: center;
	align-items: center;
	width: 340px;
	padding: 60px 0 80px;
	border: 2px solid #e08a09;
	box-shadow: 5px 5px #e08a09;
}

.privacy-content:not(:last-child) {
	margin-right: 30px;
}

.privacy-content:last-child {
	border: 2px solid #991a1b;
	box-shadow: 5px 5px #991a1b;
}

.privacy-content .case-type {
	font: bold 20px/27px 'Noto Serif', serif;
	color: #080402;
	margin-bottom: 40px;
}

.privacy-content .case-list {
	min-width: 200px;
}

.privacy-content .case-list li {
	text-align: left;
	font: bold 18px/50px 'Noto Sans JP', sans-serif;
	color: #080402;
}

.privacy-content .case-list li::before {
	content: "・";
	font: bold 18px/50px 'Noto Sans JP', sans-serif;
}

.privacy-notes {
	font: bold 20px 'Noto Sans JP', sans-serif;
	color: #e08a09;
}

@media screen and (max-width:1200px){
	.clinic-contact {
		padding: 40px 25px 50px;
	}
	
	.clinic-contact h2 {
		font: bold 24px/24px 'Noto Serif', serif;
		letter-spacing: 2.4px;
		margin-bottom: 25px;
	}
	
	.clinic-contact .clinic-caption {
		display:inline-block;
		font: 500 18px/22px 'Noto Sans JP', sans-serif;
		letter-spacing: 1.2px;
		margin-bottom: 20px;
		text-align:  left;
	}
	
	.clinic-contact .tel-button {
		margin: 0 auto 40px;
	}
	
	.privacy {
		text-align: center;
	}
	
	.privacy-title {
		font: 400 22px/22px 'Noto Serif', serif;
		letter-spacing: 2.2px;
		margin-bottom: 18px;
	}
	
	.privacy-caption {
		display:inline-block;
		font: 500 14px/20px 'Noto Sans JP', sans-serif;
		letter-spacing: 0px;
		margin-bottom: 30px;
		text-align: left;
	}
	.privacy-caption br{
		display: none;
	}
	
	.privacy-content-wrap {
		flex-flow:column;
		align-items:center;
		justify-content: center;
		margin-bottom: 30px;
	}
	
	.privacy-content {
		width: 300px;
		padding: 30px 0 40px;
	}
	
	.privacy-content:not(:last-child) {
		margin-right: 0px;
		margin-bottom: 30px;
	}
	
	.privacy-content:last-child {
		border: 2px solid #080402;
		box-shadow: 5px 5px #080402;
	}
	
	.privacy-content .case-type {
		font: bold 20px/24px 'Noto Serif', serif;
		color: #080402;
		margin-bottom: 20px;
	}
	
	.privacy-content .case-list {
		min-width: 180px;
	}
	
	.privacy-content .case-list li {
		text-align: left;
		font: bold 16px/40px 'Noto Sans JP', sans-serif;
		color: #080402;
	}
	
	.privacy-content .case-list li::before {
		content: "・";
		font: bold 16px/40px 'Noto Sans JP', sans-serif;
	}
	
	.privacy-notes {
		font: bold 14px 'Noto Sans JP', sans-serif;
		color: #E0472B;
	}
}

/*-------------------- Corporate --------------------*/

.corporate {
	text-align: center;
	padding: 70px 140px 100px;
}

.corporate h2 {
	font: bold 34px/34px 'Noto Serif', serif;
	letter-spacing: 3.4px;
	color: #080402;
	margin-bottom: 50px;
}

.corporate-caption {
	font: 500 18px/36px 'Noto Sans JP', sans-serif;
	letter-spacing: 1.8px;
	color: #303233;
	margin-bottom: 50px;
}

.corporate .tel-button {
	background: #991a1b;
}

.corporate-fax {
	margin-top: 40px;
	font: bold 24px YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
	letter-spacing: 2.4px;
	color: #303233;
}

@media screen and (max-width:1200px){
	.corporate {
		padding: 40px 25px 50px;
	}
	
	.corporate h2 {
		font: bold 24px/24px 'Noto Serif', serif;
		letter-spacing: 2.4px;
		margin-bottom: 25px;
	}
	
	.corporate-caption {
		display:inline-block;
		font: 500 14px/20px 'Noto Sans JP', sans-serif;
		letter-spacing: 0px;
		text-align: left;
		margin-bottom: 30px;
	}
	
	.corporate-fax {
		margin-top: 20px;
		font: bold 18px YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
		letter-spacing: 0.84px;
	}
}

/*-------------------- Recruit --------------------*/

.recruit {
	padding: 150px 140px 100px;
	text-align: center;
	background-image: url(../images/contact/recruit_bg.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-color:rgba(255,255,255,0.8);
	background-blend-mode:lighten;
}

.recruit h2 {
	font: bold 34px/34px 'Noto Serif', serif;
	letter-spacing: 3.4px;
	color: #080402;
	margin-bottom: 40px;
}

.recruit .recruit-catch {
	font: 400 24px/24px 'Noto Serif', serif;
	letter-spacing: 2.4px;
	color: #303233;
}

.recruit-occupation-wrap {
	width: 100%;
	max-width: 1000px;
	padding: 70px 0 75px;
	margin: 55px auto;
	background-color: #FFF;
}

.recruit-occupation {
	font: bold 40px/55px 'Noto Serif', serif;
	letter-spacing: 4px;
	color: #e08a09;
}

.recruit-notes {
	font: 500 18px 'Noto Sans JP', sans-serif;
	letter-spacing: 1.8px;
	color: #303233;
	margin-bottom: 40px;
}

.recruit .tel-button {
	background: #0D1F3C;
}

.recruit .tel-info {
	font: 500 18px/36px 'Noto Sans JP', sans-serif;
	letter-spacing: 1.8px;
	color: #303233;
}

.recruit .tel-info .mincho {
	display: block;
	margin: 30px 0 20px;
	font: bold 24px/24px 'Noto Serif', serif;
	letter-spacing: 2.4px;
	color: #303233;
}

@media screen and (max-width:1200px){
	.recruit {
		padding: 40px 25px 50px;
	}
	
	.recruit h2 {
		font: bold 24px/24px 'Noto Serif', serif;
		letter-spacing: 2.4px;
		margin-bottom: 25px;
	}
	
	.recruit .recruit-catch {
		font: 400 18px 'Noto Serif', serif;
		letter-spacing: 0.84px;
	}
	
	.recruit-occupation-wrap {
		padding: 30px 0;
		max-width:600px;
		margin: 20px auto;
	}
	
	.recruit-occupation {
		font: bold 24px/40px 'Noto Serif', serif;
		letter-spacing: 2.4px;
		color: #e08a09;
	}
	
	.recruit-notes {
		font: 500 16px 'Noto Sans JP', sans-serif;
		letter-spacing: 1.6px;
		margin-bottom: 20px;
	}
	
	.recruit .tel-info {
		font: 500 16px/24px 'Noto Sans JP', sans-serif;
		letter-spacing: 1.6px;
	}
	
	.recruit .tel-info .mincho {
		display: block;
		margin: 18px 0 15px;
		font: bold 20px/20px 'Noto Serif', serif;
		letter-spacing: 2.0px;
	}
}

/* add 20250427 */
.contact-bg {
	background-image: url('../images/contact/otoiawase_top.jpg');
}