@charset "UTF-8";



/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/* メインイメージ */
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

.contentpage .main_area{
	background-image:url(../images/visit/m_img@2x.jpg);
}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/* 共通パーツ */
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

.red_txt{
	color:#e73828;
}
.kome{
	text-indent: -1em;
    padding-left: 1em;
}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/* 訪問歯科・往診とは（box1） */
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

.box1 .med_frame_box.visit_kamoku .med_frame_title{
	background: #A9CAD4;
}
.box1 .med_frame_box.visit_kamoku .med_frame_list > li .icon1::before{
	color: #A9CAD4;
}
.box1 .med_frame_box.visit_kamoku .med_frame_list > li:last-of-type .title{
	line-height: 1.5;
	text-align: center;
	margin-bottom:16px;
	padding-left: 0;
}
@media only screen and (max-width: 767px) {
	.box1 .med_frame_box.visit_kamoku .med_frame_list > li:last-of-type .title{
		font-size: 120%;
		margin-bottom:4%;
	}
}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/* 院長が歯科医師になった理由（box2） */
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

.box2{
	padding-top: 80px;
	padding-bottom: 80px;
	margin-bottom: 40px;
	position: relative;
	z-index: 1;
}
.box2::before{
	content:"";
	display: inline-block;
	width: 670px;
	max-width: 80%;
	height: 600px;
	aspect-ratio: 670 / 600;
	background-image: url(../images/visit/bg_doctor@2x.jpg);
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	right: 0;
	top:0;
	z-index: -1;
}

.box2 .med_box{
	margin-bottom: 0;
}
.box2 .ft_europa{
	color: #4e4f50;
    font-size: 90%;
    letter-spacing: 0.5em;
    line-height: 1em;
}
.box2 .intro_ttl{
	color:#544337;
	font-size: 200%;
	line-height: 1.3;
	letter-spacing: 0.25em;
	margin-top: 40px;
}
.box2 .intro_txt{
	margin-top: 24px;
	max-width: 837px;
}
.box2 .com_btn1{
	margin-top: 30px;
    font-size: 105%;
    border-top: 1px solid;
    text-align: center;
    line-height: 1em;
    padding: 20px 0;
    border-top: 1px solid rgba(104, 93, 91, 0.30);
    border-bottom: 1px solid rgba(104, 93, 91, 0.30);
    -webkit-transition: background-color 1.0s;
    -moz-transition: background-color 1.0s;
    transition: background-color 1.0s;
    max-width: 400px;
    width: 90%;
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
	.box2::before{
		max-width: 60%;
	}
	.box2 .com_btn1{
		margin-top: 15px;
	}
}

@media only screen and (max-width: 767px) {
	.box2{
		padding-top: 18%;
		padding-bottom: 10%;
		margin-bottom: 4%;
	}
	.box2 .com_btn1{
		margin: 0 auto;
		margin-top: 8%;
		padding: 1.5em 0;
	}
	.box2 .intro_ttl{
		margin-top: 6%;
		font-size: 6.7vw;
	}
	.box2 .intro_txt{
		margin-top: 6%;
	}
}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/* 訪問歯科を始めたわけ（box3） */
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.box3 {
	background-color: #f7f7f7;
	padding-top:80px;
	padding-bottom:60px;
	margin-bottom:120px;
	position: relative;
}
.box3::before{
	content: "";
	display: inline-block;
	width: 1px;
	height: 2em;
	background-color: #544337;
	position: absolute;
    left:50%;
	top: -1.5%;
    transform: translateX(-50%) rotate(45deg);
}
.box3 .intro_ttl{
	color:#88cb7f;
	font-size: 300%;
	letter-spacing: 0.25em;
}
.box3 .med_box{
	margin-bottom: 0;
}
.box3 .intro_txt{
	text-align: center;
	margin-top: 40px;
}
.box3 .in_box1{
	margin-top: 80px;
	margin-bottom: 0;
}
.box3 .in_box1 .img_l{
	width: 47%;
    max-width: 512px;
}
.box3 .in_box1 .txt_r{
	width: 49%;
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
	.box3 {
		padding: 10% 3%;
	}
	.box3 .in_box1{
		margin-top: 60px;
	}
	.box3 .in_box1 .img_l{
		width: 35%;
	}
	.box3 .in_box1 .txt_r{
		width: 100%;
	}
}

@media only screen and (max-width: 767px) {
	.box3 {
		padding: 10% 3%;
		margin-bottom:10%;
	}
	.box3 .intro_ttl{
        font-size: 6.7vw;
	}
	.box3 .intro_txt{
		text-align: left;
		margin-top: 6%;
	}
	.box3 .in_box1{
		margin-top: 8%;
	}
	.box3 .in_box1 .img_l{
		width: 70%;
	}
	.box3 .in_box1 .txt_r{
		width: 100%;
	}
}



/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/* 訪問診療の流れ（box5） */
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.box5 .med_flow_vertical .imp_ope.--tel{
	background-color: #b2d698;
	display: flex;
    align-items: center;
    justify-content: center;
    gap: 3%;
}
.box5 .med_flow_vertical .imp_ope.--tel .ttl{
	font-size: 150%;
}
.box5 .med_flow_vertical .imp_ope.--tel .link{
	width: 385px;
	max-width: 55%;
	display: block;
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
	.box5 .med_flow_vertical .imp_ope.--tel .ttl{
		font-size: 130%;
	}
}

@media only screen and (max-width: 767px) {
	.box5 .med_flow_vertical .imp_ope.--tel{
		flex-direction: column;
		gap:.5em;
	}
	.box5 .med_flow_vertical .imp_ope.--tel .ttl{
		font-size: 4vw;
	}
}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/* 費用について（box6） */
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.box6 .med_col.med_col3 ul > li{
	background: rgba(84, 67, 55, 0.10);
    padding: 30px;
	height: 199px;
}
.box6 .med_col.med_col3 ul > li dt{
	color: #544337;
}
.box6 .med_col.med_col3 ul > li dd{
	color: #5B5B5B;
}


@media only screen and (min-width: 768px) and (max-width: 959px) {
	.box6 .med_col.med_col3 ul > li{
		padding: 20px;
		height: 210px;
	}
}

@media only screen and (max-width: 767px) {
	.box6 .med_col.med_col3 ul > li{
		padding: 6% 5% 5%;
		height: auto;
	}
}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/* よくあるご質問（box7） */
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.box7 .visit_cation_box{
	margin-top: 80px;
}
.box7 .visit_cation_box .med_frame_title{
	font-size: 200%;
	letter-spacing: 0.15em;
	color:#544337;
	padding:0;
	padding-left:2.5em;
	background-color: transparent;
	position: relative;
	width: fit-content;
	margin:0 auto;
}
.box7 .visit_cation_box .med_frame_title::before{
	content: '';
	display: inline-block;
	background-image: url(../images/visit/icon_caution.svg);
	width: 2em;
	aspect-ratio: 55 / 49;
    position: absolute;
    top:50%;
    transform:translateY(-50%);
    left: 0;
}

.box7 .visit_cation_box .med_frame_txt{
	position: relative;
    z-index: 2;
    text-align: center;
    background: #88cb7f;
    padding: 25px;
    color: #ffffff;
    font-size: 120%;
	font-weight: bold;
    letter-spacing: 0.1em;
}
.box7 .visit_cation_box .med_frame_list{
	margin-top: 48px;
}
.box7 .visit_cation_box .med_frame_list > li{
	font-weight: bold;
	padding-bottom: 20px;
    margin-bottom: 20px;
	padding-left: 1.5em;
	position: relative;
}
.box7 .visit_cation_box .med_frame_list > li::before{
	content: '●';
    position: absolute;
    top: 0;
    left: 0;
    color: #88cb7f;
}
.box7 .visit_cation_box .med_frame_list > li:last-of-type{
	padding-bottom: 0;
    margin-bottom: 0;
}


@media only screen and (min-width: 768px) and (max-width: 959px) {
	.box7 .visit_cation_box .med_frame_inbox{
		padding: 60px 32px;
	}
}

@media only screen and (max-width: 767px) {
	.box7 .visit_cation_box{
		margin-top: 8%;
	}
	.box7 .visit_cation_box .med_frame_title{
		font-size: 150%;
		padding-left:2.5em;
		text-align: left;
	}
	.box7 .visit_cation_box .med_frame_txt{
		padding: 4% 3%;
		font-size: 110%;
	}
	.box7 .visit_cation_box .med_frame_list{
		margin-top: 8%;
	}
	.box7 .visit_cation_box .med_frame_list > li{
		padding-bottom: 4%;
		margin-bottom: 4%;
	}
}