@charset "UTF-8";
/* ===========================================================

治療の流れ

=========================================================== */

/*------------------------------------------------------------
	MV
------------------------------------------------------------*/
.flow .mv {
  background-image: url(../images/flow/mv_bg2504.jpg);
}
.flow-2 .mv {
	background-image: url(../images/flow/mv_bg.jpg);
  }
.ceramic-select .mv {
	background-image: url(../images/flow/mv_cs_bg2504.jpg);
  }

.guide .mv{
	background-image: url(../images/flow/mv_bg.jpg);
}

/*------------------------------------------------------------
	冒頭
------------------------------------------------------------*/
.guide__intro {
	border: 1px solid #eee;
	padding: 30px;
}

@media screen and (min-width: 768px) {
	.guide__intro {
		padding: 60px 40px;
	}
} /* ----- media END ----- */


/*------------------------------------------------------------
	自費診療について
------------------------------------------------------------*/
.own-expense-panel {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: -10px;
}
.own-expense-panel__col {
	display: flex;
	flex-direction: column-reverse;
	justify-content: flex-end;
	margin-top: 10px;
	padding: 20px;
	background: #fbf7e5;
	
}
.own-expense-panel__head,
.own-expense-panel__body {
	width: 100%;
}
.own-expense-panel__head {
	margin-top: 20px;
	text-align: center;
}
.own-expense-panel__body {}
.own-expense-panel__title {
	margin: 0 0 10px;
	font-size: 2.0rem;
}
.own-expense-panel__sentence-small {
	font-size: .9em;
}
@media screen and (max-width: 767px) {
	.own-expense-panel__image {
		width: 60%;
	}
} /* ----- media END ----- */

@media screen and (min-width: 768px) {
	.own-expense-panel {
		margin-top: -20px;
	}
	.own-expense-panel__col {
		margin-top: 20px;
	}
	.own-expense-panel__col.-col-50-s {
		width: calc(50% - 10px);
	}
	.own-expense-panel__col.-col-100-s {
		width: 100%;
	}
	.own-expense-panel__col.-col-100-s .own-expense-panel__image {
		width: 50%;
	}
} /* ----- media END ----- */

@media screen and (min-width: 992px) {
	.own-expense-panel__col {
		flex-direction: row;
		justify-content: flex-start;
	}
	.own-expense-panel__col.-col-50-s {
	}
	.own-expense-panel__head {
		margin-top: 0;
		width: 140px;
	}
	.own-expense-panel__body {
		width: calc(100% - 140px);
		padding: 0 0 0 20px;
		/* align-self: center; */
	}
	.own-expense-panel__col.-col-100-s .own-expense-panel__image {
		width: auto;
	}
	.own-expense-panel__title {
		font-size: 2.4rem;
	}
} /* ----- media END ----- */

@media screen and (min-width: 1200px) {
	.own-expense-panel__col.-col-50-s {
		width: calc(50% - 15px);
	}
	.own-expense-panel__head {
		width: 200px;
	}
	.own-expense-panel__body {
		width: calc(100% - 200px);
	}
} /* ----- media END ----- */

@media screen and (min-width: 1400px) {
} /* ----- media END ----- */

/* 2025/04/10追加分 */

.brown_box {
	background: #fbf7e5;
	padding: 15px;
}
@media screen and (min-width: 992px) {
	.brown_box {
		padding: 30px;
	}
}

/* 2025/04/18追加分 */
.point_raw{
 width: 100%;
  display : flex;
  flex-wrap : wrap;
 justify-content: space-between;
margin-top: 10px;
padding: 20px;
gap: 40px 10px;
}
.point_raw-col{
width: calc(33.3333% - 20px / 3);

}
@media screen and (max-width: 992px) {
.point_raw-col{
width: calc(50% - 20px / 3);
}
}
@media screen and (max-width: 768px) {
.point_raw{
flex-direction:column;
gap: 40px 0;
}
.point_raw-col{
width: 100%;

}
}


/* 2025/04/28追加分 */
/*------------------------------------------------------------
lead
------------------------------------------------------------*/
.lead {}
.lead .lead-title {
    margin: 0 0 20px;
}
.lead .lead-title.-pc {
    display: none;
}
.lead .lead-title.-sp .font-serif {
    font-size: 3.0rem;
}
.lead .common-schedule__table {
    margin: 0 0 5px;
}
.lead .common-schedule__table th,
.lead .common-schedule__table td {
    padding: 5px;
    border: solid 1px #4b3d33;
    text-align: center;
}
.lead .common-schedule__table thead th {
    background: #716247;
    color: #fff;
    font-size: 1.3rem;
}
.lead .common-schedule__table tbody th {
    background: #f1e9c5;
    font-size: 1.3rem;
}
.lead .common-schedule__table tbody td {
    font-size: 2.0rem;
}
.lead .common-schedule__table-small {
    font-size: 1.2rem;
}
.lead .common-schedule__sentence {
    color: #f05a5a;
    font-size: 1.4rem;
    text-align: right;
}
.lead .schedule-holiday {
    font-size: 1.6rem;
}
.lead .schedule-holiday__row {
    display: flex;
    align-items: flex-start;
}
.lead .schedule-holiday__head {
    width: 60px;
    margin: 0 15px 0 0;
    padding: 5px 15px;
    background: #fbf7e5;
    white-space: nowrap;
}
.lead .schedule-holiday__body {
    padding: 5px 0 0;
}
.lead .schedule-holiday__body + .schedule-holiday__head {
    margin-left: 10px;
}

@media screen and (max-width: 991px) {
    .lead .schedule-holiday__row.-sp-none {
        display: none;
    }
} /* ----- media END ----- */

@media screen and (min-width: 768px) {
} /* ----- media END ----- */

@media screen and (min-width: 992px) {
    .lead .lead-title {
        display: flex;
        align-items: center;
    }
    .lead .lead-title.-sp {
        display: none;
    }
    .lead .lead-title.-pc {
        display: flex;
    }
    .lead .lead-title.-pc .font-serif {
        font-size: 3.2rem;
    }
    .lead .schedule-holiday__row + .schedule-holiday__row {
        margin-top: 10px;
    }
    .lead-title__col.-sentence {
        padding: 0 0 0 1em;
        font-size: 1.4rem;
    }
} /* ----- media END ----- */

@media screen and (min-width: 1200px) {
    .lead .common-schedule__table th,
    .lead .common-schedule__table td {
        padding: 10px 5px;
    }
    .lead .common-schedule__table thead th {
        font-size: 2.0rem;
    }
    .lead .common-schedule__table tbody th {
        font-size: 2.0rem;
    }
    .lead .common-schedule__table tbody td {
        font-size: 3.0rem;
    }
    .lead .common-schedule__table-small {
        font-size: 1.4rem;
    }
} /* ----- media END ----- */