@charset "UTF-8";


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

/*---------------------------------------------------------
checkup
---------------------------------------------------------*/
.checkup > li {
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-color: #FFF;
	box-sizing: border-box;
	padding: 35px 3.4%;
	border-radius: 2em;
}
.checkup .img_item {
	width: 36%;
}
.checkup .img_item img {
	border-radius: 50%;
}
.checkup dl {
	width: 56%;
}
.checkup dt {
	position: relative;
	font-size: min(2.2vw,146%);
	letter-spacing: .12em;
	line-height: 1.4;
	padding-left: 1.8em;
	padding-bottom: .8em;
	margin-bottom: .8em;
	border-bottom: 1px dashed #4A3E35;
}
.checkup dt::before {
	position: absolute;
	font-family: 'fontello';
	content: '\e804';
	color: #1E88A8;
	font-size: 90%;
	letter-spacing: normal;
	left: 0;
	top: .1em;
}
.checkup dd {
	font-size: 113%;
	line-height: 2;
}
.checkup > li:nth-of-type(2) dt::before {color: #7CC0C7;}
.checkup > li:nth-of-type(3) dt::before {color: #DED860;}
.checkup > li:nth-of-type(4) dt::before {color: #FAB28A;}
.checkup > li:nth-of-type(5) dt::before {color: #91BF55;}
.checkup > li:nth-of-type(6) dt::before {color: #B188A8;}
.checkup > li:nth-of-type(7) dt::before {color: #B1886A;}

/* PC,Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) {
.checkup {
	display: flex;
    flex-wrap: wrap;
}
.checkup > li {
	width: 48.5%;
	margin-right: 3%;
}
.checkup > li:nth-of-type(even) {
	margin-right: 0;
}
.checkup > li:nth-of-type(n+3) {
	margin-top: 2.6%;
}
.checkup dl {
	max-width: 275px;
}
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.checkup > li {
	padding: 4% 3.4%;
}
.checkup dt {
	letter-spacing: .08em;
	padding-left: 1.5em;
}
.checkup dd {
	font-size: 105%;
	line-height: 1.8;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.checkup > li {
	padding: 8% 6.5% 10%;
}
.checkup > li:nth-of-type(n+2) {
	margin-top: 3%;
}
.checkup dt {
	font-size: 115%;
	letter-spacing: .08em;
	padding-left: 1.5em;
}
.checkup dd {
	font-size: 100%;
	line-height: 1.8;
}
}

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

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

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

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

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


}