@charset "UTF-8";

.contentpage #pagebody {
	padding-bottom: 0;
}



/*導入
-----------------------------------------------*/
.p-lead__img::after {
	background-image: url("../../images/guide/adult/bg_lead.png");
	width: 54%;
	max-width: 800px;
}
.p-lead__catch .u-ft-min.u-fs-24 {
	margin-top: 1.0em;
}
.p-lead__img .p-layout__list {
	width: min(100%,900px);
	margin: var(--gap-50) auto;
	gap: 30px 30px;
	font: var(--font-min);
	font-size: var(--fs-24);
	letter-spacing: normal;
	line-height: 1.5em;
}
.p-lead__img .p-layout__list > li {
	width: calc(22% - 30px);
	max-width: 180px;
	background: #fff;
	box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
	position: relative;
}
.p-lead__img .p-layout__list > li::before {
	content: "";
	position: absolute;
	width: 1.5em;
	aspect-ratio: 1 / 1;
	left: 0;
	top: 0;
	background: url("../../images/guide/adult/deco_lead.png") no-repeat center center;
	background-size: contain;
}

.p-lead__img .p-bg__beige {
	width: min(100%,1200px);
	margin-inline: auto;
	padding-top: var(--gap-60);
	padding-bottom: var(--gap-60);
}
.p-lead__img .p-bg__beige .u-fs-en22 {
	margin-bottom: 1.0em;
}

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

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



/*stress
-----------------------------------------------*/
.stress .p-bg__img-top {
	background-image: url("../../images/guide/adult/bg_stress.png");
}
.stress .p-layout__list {
	margin: var(--gap-50) auto;
	gap: 30px 30px;
	font: var(--font-min);
	font-size: var(--fs-30);
	letter-spacing: normal;
	line-height: 1.5em;
}
.stress .p-layout__list > li {
	width: calc(22% - 30px);
	max-width: 190px;
}
.stress .p-style__min-fs32 > dt {
	padding-top: 3.0em;
	background: url("../../images/guide/adult/icon_stress.png") no-repeat center top;
	background-size: auto 2.3em;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.stress .p-layout__list {
	width: 75%;
	margin-inline: auto;
	gap: 2.5vw 3.5%;
}
.stress .p-layout__list > li {
	width: 31%;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.stress .p-layout__list {
    justify-content: center;
	gap: 2vw 2% !important;
}
.stress .p-layout__list > li {
	width: 32% !important;
	line-height: 1.2em;
}
}



/*invisalign
-----------------------------------------------*/
.invisalign .p-bg-latout__left .u-fs-20 {	
	font-feature-settings: "halt";
	line-height: 2.5em;
}
.invisalign .p-bg-latout__left-img {
	width: min(45%,450px);		/*適宜変更*/
	right: -5%;
}

.invisalign__features-img {
	position: relative;
	margin-bottom: 1.5rem;
} 
.invisalign__features-img p {
	text-align: center;
	font: var(--font-min);
	color: #fff;
	font-size: var(--fs-32);
	letter-spacing: normal;
	line-height: 1.4em;
	position: absolute;
	z-index: 1;
	margin: auto;
	left: 0;
	right: 0;
	bottom: 2.0em;
	transform: translateY(50%);
}

.invisalign__caption {
	color: #999;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.invisalign__box2 .c-list-dotto {
	display: flex;
    flex-wrap: wrap;
	gap: .5em 1.5em;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.invisalign .p-bg-latout__left-img {
	width: 60%;
	top: 15vw;
	right: -10%;
	transform: none;
}
	
.invisalign__features-img {
	width: 70%;
	margin-inline: auto;
} 
.invisalign__box2 .c-list-dotto {
	display: flex;
    flex-wrap: wrap;
	gap: .5em 1.5em;
}
}



/*policy
-----------------------------------------------*/
.policy__box1 .c-list-number {
	display: grid;
    justify-content: space-between;
	grid-template-columns: repeat(2, 1fr);
	gap: var(--gap-40) 3%;
}
.policy__box1 .c-list-number > li {
	display: grid;
    justify-content: space-between;
	grid-template-columns: 100px 1fr;
}
.policy__box1 .c-list-number__deco {
	padding-top: .3em;
}

.policy__box3 .p-bg__beige .c-list-check {
	width: min(100%,800px);
	margin-inline: auto;
}
.policy__box3 .p-layout__list {
	margin: var(--gap-40) auto;
	gap: 30px 30px;
	font: var(--font-min);
	font-size: var(--fs-30);
	letter-spacing: normal;
	line-height: 1.5em;
}
.policy__box3 .p-layout__list > li {
	width: calc(25% - 30px);
	max-width: 190px;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.policy__box1 .c-list-number > li {
	grid-template-columns: 80px 1fr;
}
.policy__box3 .p-layout__list {
	width: 100%;
	margin-inline: auto;
	gap: 0 2%;
}
.policy__box3 .p-layout__list > li {
	width: 18%;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.policy__box1 .c-list-number {
	display: block;
}
.policy__box1 .c-list-number > li {
	grid-template-columns: 20% 1fr;
	margin-bottom: var(--gap-40);
}
.policy__box1 .c-list-number > li:last-child {
	margin-bottom: 0;
}
	
.policy__box3 .p-layout__list {
    justify-content: center;
	gap: 0 2% !important;
}
.policy__box3 .p-layout__list > li {
	width: 32% !important;
	line-height: 1.2em;
}
}



/*message
-----------------------------------------------*/
.p-message__bg {
	background-color: #636363;
}
.p-message__bg::before {
	background-image: url("../../images/guide/adult/bg_message.jpg");
}

.p-message__lead {
	margin-top: .3em;
}
.p-message .c-list-check.--horizon {
    justify-content: flex-start;
}

.message__list {
	color: var(--color-base);
	font-size: var(--fs-20);
	font-weight: bold;
	letter-spacing: .18em;
	line-height: 1.2em;
	display: flex;
    flex-wrap: wrap;
	gap: 10px 10px;
	margin-bottom: 1.5em;
}
.message__list li {
	background: #fff;
	padding: .5em 1.5em;
}

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

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.p-message__lead {
	font-size: var(--fs-40);
}
}



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

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

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