@charset "UTF-8";



/*導入
-----------------------------------------------*/
.p-lead__img::after {
	background-image: url("../../images/guide/sedation/bg_lead.png");
}
.p-lead__img .p-layout__list {
	margin: var(--gap-50) 0;
	gap: 20px 20px;
	font: var(--font-min);
	color: #fff;
	font-size: var(--fs-24);
	letter-spacing: normal;
	line-height: 1.5em;
}
.p-lead__img .p-layout__list span {
	font-size: 80%;
}
.p-lead__img .p-layout__list > li {
	width: calc(25% - 20px);
	max-width: 218px;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.p-lead__img .p-layout__list {
	gap: 10px 10px;
}
.p-lead__img .p-layout__list > li {
	width: calc(25% - 10px);
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
}



/*about
-----------------------------------------------*/
.about .box2 dt.u-ft-min.u-fs-24 {
	margin-bottom: .5em;
}
.about .box2 .p-layout__list {
	width: 80%;
	margin: var(--gap-40) auto;
	gap: 10px 10px;
	font: var(--font-min);
	color: #fff;
	font-size: var(--fs-30);
	letter-spacing: normal;
	line-height: 1.4em;
}
.about .box2 .p-layout__list > li {
	width: calc(50% - 10px);
	max-width: 400px;
	height: 4.5em;
}

.about .box3 .p-bg__beige,
.about .box4 .p-bg__beige {
	margin-top: var(--gap-40);
	margin-bottom: 0;
	padding-top: var(--gap-60);
	padding-bottom: var(--gap-60);
}

.about .box3 .p-bg__beige .c-list-dotto {
	width: min(100%,1020px);
	margin-inline: auto;
}

.about .box4 .p-bg__beige .p-img__col3 {
	width: min(100%,1044px);
	margin-inline: auto;
}
.about .box4 .p-bg__beige .p-style__check {
	width: min(100%,1080px);
	margin-inline: auto;
}

.about .p-merit__list + p {
	margin-top: 2.5rem;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.about .box3 .p-bg__beige .c-list-dotto {
	width: 80%;
	column-count: 1;	
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.about .box2 .p-layout__list {
	font-size: var(--fs-24);
}
.about .box2 .p-layout__list {
	display: block;
}
.about .box2 .p-layout__list > li {
	width: 100% !important;
	margin-bottom: 2vw;
}
}



/*flow
-----------------------------------------------*/
.flow .p-attention ul {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 2.5rem 2.4%;
}
.flow .p-attention ul dt {
	text-align: center;
	font-weight: bold;
	line-height: 1.4em;
	background: #fff;
	padding: .4em .8em;
	border-radius: .3em;
	margin-bottom: .8em;
}
.flow .p-attention ul dd {
	line-height: 1.8em;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.flow .p-attention ul {
	grid-template-columns: repeat(2, 1fr);
	gap: 2.5rem 2.4%;
}
.flow .p-attention dd {
	padding: 0 5%;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.flow .p-attention ul {
	display: block;
}
.flow .p-attention li {
	margin-bottom: var(--gap-40);
}
.flow .p-attention li:last-child {
	margin-bottom: 0;
}
.flow .p-attention dd {
	padding: 0 5%;
}
}



/*difference
-----------------------------------------------*/
.difference__type-layout {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	column-gap: 3%;
}
.difference__type-layout .p-style__min-round.--body > dt {
	background: var(--color-gray);
}
.difference__type-layout .p-style__min-round.--sedation > dt {
	background: var(--color-gold);
}
.difference__type-layout dd {
	text-align: center;
	font-weight: bold;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.difference__type-layout {
	display: block;
}
.difference__type-layout .p-style__min-round {
	margin-bottom: var(--gap-60);
}
.difference__type-layout .p-style__min-round:last-child {
	margin-bottom: 0;
}
}



/*clinic
-----------------------------------------------*/
.clinic__bg {
	background: url("../../images/guide/sedation/bg_clinic.jpg") no-repeat center center;
	background-size: cover;
	padding-top: var(--gap-80);
	padding-bottom: var(--gap-80);
	color: #fff;
}
.clinic .p-layout__list {
	margin: var(--gap-40) auto var(--gap-40);
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {

}
/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {


}



/*
-----------------------------------------------*/

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {

}
/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {


}