@charset "utf-8";


/*================================
ここから全サイズ適用
================================*/


/*================================
ごあいさつ
================================*/
.greeting {
	/* background: url(common/img/pattern01.jpg)top center; */
	/* background: url(../common/img/pick_bg.png) top center; */
	background: url(./recruit_common/img/greeting_bg.jpg) top center;
	padding-top: 60px;
}
.greeting .inner {
	max-width: calc(1100px + 14rem);
	padding-bottom: 60px;
	padding-top: 60px;
}
.greeting_title {
	padding: 30px 0 65px;
	background-color: #fff;
}
.greeting_lead {
	position: relative;
	z-index: 1;
}
.greeting_lead::after {
	/* position: absolute;
	z-index: 1;
	content: "";
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 90%;
	height: 1px;
	background: #e2d3c4; */
}
.greeting_lead_text {
	font-size: 1.8rem;
	line-height: 1.8;
}

/*================================
プロフィール
================================*/
.profile {
	background: #fff;
	/* background: url(common/img/pattern01.jpg)top center; */
	position: relative;
	z-index: 1;
	overflow: hidden;
}
.profile::after {
	/* position: absolute;
	z-index: -1;
	content: "";
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: #fffffa;
	background: linear-gradient(-5deg,#fffffa 60%,transparent 60%); */
}
.profile .inner {
	max-width: calc(1100px + 14rem);
}
.profile-flex {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
    gap: 20px;
}
.profile-flex .sentence {
	/* width: calc(58% - 40px); */
}
.profile_position {
	font-size: 2.4rem;
	line-height: 1.6;
	color: #e99200;
}
.profile_name {
	margin-bottom: 40px;
	font-size: 3.8rem;
	text-align: left;
	line-height: 1.6;
	color: #6d502c;
    font-weight: 500;
}
.profile_eng {
	font-size: 2rem;
	color: #e99200;
	font-weight: 400;
}
.profile_job {
	display: block;
	font-size: 2.4rem;
	color: #e99200;
}
.history {
	position: relative;
	z-index: 1;
	padding-bottom: 40px;
}
.history_content {}
.history_title {
	margin-bottom: 10px;
	font-size: 2.2rem;
    font-weight: 500;
	color: #6d502c;
}
.history_lists {
	padding-left: 20px;
	margin-bottom: 30px;
}
.history_lists li {
	text-shadow: 1px 1px #fff,0px 1px #fff,1px 0px #fff;
}
.profile-flex .photo {
	/* width: 42%; */
}

/*================================
医院の特長
================================*/
.clinic_wrap {
	background: #f1f1ef;
}
.clinic {
	padding: 60px 0 160px;
	display: flow-root;
	position: relative;
	/* max-width: 1366px; */
	
    max-width: 1466px;
    margin: 0 auto;
	width: 96%;
	z-index: 1;
}
.clinic_photo {
	position: relative;
	z-index: 1;
	max-width: 820px;
}

.clinic.-center .clinic_photo {
	max-width: 50vw;
}
.clinic_title {
	font-size: 2.6rem;
	text-align: left;
	line-height: 1.6;
	color: #46372d;
	font-weight: 500;
}
.clinic.-center .clinic_frame {
	max-width: max-content;
}
.clinic_frame {
	padding: 50px 50px 40px;
	background: rgba(255,255,255,0.9);
    max-width: 650px;
	margin: 0 auto;
}
.clinic_sub-title {
	margin-bottom: 20px;
	font-size: 2rem;
	font-weight: bold;
	text-align: left;
}
.clinic_text {
	font-size: 1.8rem;
	line-height: 1.8;
    letter-spacing: 0;
}
.clinic_list01 {
    padding-left: 1em;
    text-indent: -1.3em;
	font-size: 1.8rem;
	line-height: 2.2;
	margin-bottom: 10px;
    letter-spacing: 0px;
}
.clinic_list01 .line {
	padding-left: 22px;
	padding-bottom: 6px;
	background: url(recruit_common/img/check.png)left top no-repeat;
	border-bottom: 1px dashed #6d502c;
}
.clinic_list02 {
	font-size: 2rem;
	line-height: 2.2;
	margin-bottom: 10px;
}
.clinic_list02 .line {
	padding-bottom: 6px;
	border-bottom: 1px dashed #6d502c;
}

.clinic.-right {
}
.clinic.-left {
	margin-left: auto;
}
.clinic.-right .clinic_photo {
	float: left;
}
.clinic.-left .clinic_photo {
	float: right;
}
.clinic.-right .clinic_title {
	position: absolute;
    bottom: 105%;
	right: 0;
}
.clinic.-left .clinic_title {
	position: absolute;
    bottom: 105%;
	left: 0;
}
.clinic.-right .clinic_frame {
	position: absolute;
	z-index: 1;
	bottom: 0px;
	left: 48%;
    padding-inline: 45px 25px;
}
.clinic.-left .clinic_frame {
	position: absolute;
	z-index: 1;
	bottom: 0px;
	right: 48%;
}
.clinic.-center {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-flow: row-reverse wrap;
    margin: 0 auto;
	width: 100%;
	max-width: 100%;
}
.clinic.-center .clinic_photo {
	width: 50%;
	/* min-height: 600px; */
}
.clinic.-center .clinic_content {
	margin: -90px auto 0;
	width: 100%;
	max-width: 900px;
	position: relative;
    z-index: 1;
}
.clinic.-center .clinic_text {
	text-align: center;
    letter-spacing: 0px;
}
.clinic.-center .clinic_title {
	margin-bottom: 40px;
	text-align: center;
	width: 100%;
	letter-spacing: 0;
}
/*================================
メリット
================================*/
.merit {
	background: url(./img/merit_bg.jpg)top center #faf5f0;
	border-bottom: solid 30px #d4c9b6;
}
.merit .inner {
	padding-top: 60px;
	padding-bottom: 60px;
}
.merit_title {
	padding: 40px 0 60px;
	background-color: #fff;
}
.merit_flex {
	display: flex;
	justify-content: center;
	align-items: stretch;
	flex-flow: row wrap;
	gap: 20px 40px;
}
.merit_item {
	width: calc(100%/3 - (80px/2));
	max-width: 310px;
	text-align: center;
}
.merit_number {
	position: relative;
	margin-bottom: -65px;
	text-align: center;
	line-height: 1;
}
.merit_number img {
	display: inline-block;
}
.merit_photo {
	margin-bottom: 20px;
	/* box-shadow: 8px 8px #dbc8b5; */
}
.merit_sub-title {
	margin-bottom: 20px;
	font-size: 2.4rem;
	font-weight: bold;
	text-align: center;
	color: #6d502c;
}
.merit_text {
	text-align: left;
	font-size: 18px;
    letter-spacing: 1px;
}

/*================================
ここからノートPC適用（1366px以下）
================================*/

@media (min-width: 1440px) {
	/* .clinic_photo {
		max-width: 50vw;
	}
	.clinic.-right .clinic_frame {
		right: 0;
		bottom: 0;
	}
	.clinic.-left .clinic_frame {
		right: unset;
		left: 0;
	} */
	.clinic {
		/* padding-bottom: 0; */
		/* margin: 60px 0 160px; */
		/* max-width: 90vw; */
	}

}
@media (min-width: 1700px) {
	/* .clinic {
		padding-bottom: 0;
		max-width: 1920px;
	} */
}
/*================================
ここからノートPC適用（1366px以下）
================================*/
@media (max-width: 1366px) {

	/*================================
	医院の特長
	================================*/
	.clinic.-right .clinic_frame {
		left: auto;
		right: 0;
		bottom: 0;
	}
	
	.clinic.-left .clinic_frame {
		right: auto;
		left: 0;
		bottom: 0;
	}

}

/*================================
ここからTABLET横適用（1080px以下）
================================*/
@media(max-width: 1080px) {

	.inner {
		padding: 3rem;
		padding-right: 3rem;
	}

	/*================================
	ごあいさつ
	================================*/
	.greeting_lead_text {
		/* font-size: 2rem; */
	}

	/*================================
	医院の特長
	================================*/
	.clinic.-center .clinic_photo {
		/* width: 100%; */
		min-height: auto;
	}
	.clinic.-center .clinic_photo img {
		margin: 0 auto;
	}
	.clinic_text {
		/* font-size: 2rem; */
	}

	/*================================
	メリット
	================================*/
	.merit_number {
		margin-bottom: -50px;
	}
	.merit_number img {
		width: 100px;
	}
	.merit_sub-title {}
	
	
}

/*================================
ここからTABLET縦・SP適用（834px以下）
================================*/
@media(max-width: 834px) {

	/*================================
	プロフィール
	================================*/
	.history_photo {
		right: -150px;
	}

	.greeting .inner {
		padding-top: 10px;
	}
	.greeting_lead {
		padding-bottom: 0;
	}

	/*================================
	医院の特長
	================================*/
	.clinic {
		padding: 60px 0 20px;
	}
	.clinic.-right .clinic_photo::before,
	.clinic.-left .clinic_photo::before {
		content: "小岩ひまわり歯科・矯正歯科は最新設備を整え、技術の向上とともに成長し続けることでやりがいを得られるクリニックです";
		font-size: 2.6rem;
		text-align: left;
		line-height: 1.6;
		color: #46372d;
		font-weight: 500;
		margin-bottom: 20px;
        display: block;
	}
	.clinic.-left .clinic_photo::before {
		content: "患者様に寄り添うことを第一に地域に愛され100年続く歯科医院を目指して";
	}
	.clinic.-right .clinic_photo,
	.clinic.-left .clinic_photo {
		z-index: -1;
		float: none;
		margin-bottom: -100px;
	}
	.clinic.-right .clinic_title,
	.clinic.-left .clinic_title {
		position: relative;
		left: 0;
		right: 0;
		/* padding: 0 60px; */
		padding-bottom: 30px;
		font-size: 2.2rem;
        display: none;
	}
	.clinic_frame .clinic_title br{
		display: none;
	}
	.clinic.-right .clinic_frame,
	.clinic.-left .clinic_frame {
		position: relative;
        margin: 0 auto;
        padding: 30px;
	}
	.clinic.-center .clinic_content {
		padding: 0 60px;
	}
	.clinic_list_wrap {
		width: fit-content;
		margin: 0 auto;
	}
	.clinic_sub-title {
	}
	.clinic_list01 {
		/* font-size: 1.8rem; */
	}
	.clinic_list02 {
		/* font-size: 1.8rem; */
	}
	
	/*================================
	メリット
	================================*/
	.merit_item {
		width: calc(100%/2 - 40px);
	}
	
}

/*================================
ここからSP適用（667px以下）
================================*/
@media(max-width: 667px) {

	/*================================
	ごあいさつ
	================================*/
	.greeting .inner {
		padding-left: 20px;
		padding-right: 20px;
	}
	.greeting_lead_text {
		font-size: 1.6rem;
        letter-spacing: 0px;
	}

	/*================================
	プロフィール
	================================*/
	.profile::after {
		height: 122vw;
		background: linear-gradient(-8deg,#fffffa 60%,transparent 60%);
	}
	.profile .inner {
		padding-left: 20px;
		padding-right: 20px;
	}
	.profile-flex {
		flex-direction: column;
		align-items: flex-start;
        gap: 10px;
	}
	.profile-flex .sentence,
	.profile-flex .photo {
		width: 100%;
		display: contents;
	}
	.profile_position {
		font-size: 2rem;
        display: contents;
	}
	.profile_name {
		font-size: 3.6rem;
        margin-bottom: 20px;
	}
	.profile_eng {
		font-size: 1.4rem;
	}
	.profile_job {
		font-size: 1.4rem;
	}
	.history {
		order: 3;
        width: 100%;
	}
	.history_lists {
		padding-left: 0;
	}
	.history_lists li {
		font-size: 1.6rem;
        line-height: 1.8;
        letter-spacing: 0;
	}
	.history_photo {
		width: 100%;
		right: 0;
	}


	/*================================
	医院の特長
	================================*/
	.clinic_frame {
		padding: 20px 12px;
	}
	.clinic .clinic_title {
		font-size: 2.6rem;
	}
	.clinic.-center .clinic_text {
		text-align: left;
	}
	.clinic_sub-title {}
	.clinic.-right .clinic_photo,
	.clinic.-left .clinic_photo {
		margin-bottom: -30px;
	}

	
	.clinic.-right .clinic_photo::before,
	.clinic.-left .clinic_photo::before {
        font-size: 2rem;
	}
	.clinic.-right .clinic_title,
	.clinic.-left .clinic_title {
		/* padding: 0 20px; */
		/* display: flex;
		justify-content: center;
		position: relative;
		top: 0;
        font-size: 2rem;
		 */
	}
	.clinic.-right .clinic_frame,
	.clinic.-left .clinic_frame {
		/* margin: 0 20px; */
        padding: 20px;
	}
	.clinic.-center .clinic_content {
		position: static;
		margin-top: 0;
		padding: 0;
		transform: none;
	}
	.clinic.-center .clinic_title {
		margin-bottom: 20px;
        font-size: 2rem;
	}
	.clinic.-center .clinic_text br {
		display: none;
	}
	.clinic.-center {
		width: 96%;
	}
	.clinic_text {
		font-size: 1.6rem;
	}
	.clinic_list01 {
        font-size: 1.6rem;

	}
	.clinic_list01 .line {
	}
	.clinic_list02 {
		font-size: 2rem;
	}

	.clinic.-center .clinic_photo {
        width: 100%;
		max-width: 100%;
    }
	
	/*================================
	メリット
	================================*/
	.merit .inner {
		padding-left: 20px;
		padding-right: 20px;
	}
	.merit_flex {
		gap: 10px 0;
	}
	.merit_item {
		max-width: 300px;
		width: 100%;
		margin: 0 auto;
	}
	
	.mv_catch {
		font-size: 1.8rem;
		letter-spacing: 0;
		text-shadow: none;
		color: #46372d;
	}

	.merit_sub-title {
		margin-bottom: 0;
	}
	.merit_text {
		font-size: 16px;
	}

	
}