@charset "UTF-8";

/* メインイメージ、導入
---------------------------------------------------------*/
.med_lead .point_list::before {
	background: #a597c0;
}
.med_lead .bg {
	background: #a597c0;
}
.med_lead .bg::before {
	background-image: url("../images/aesthtic/fukidashi@2x.png");
}

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

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



/* 選ばれる理由
---------------------------------------------------------*/
.med_reason .reas_title .ft_sempl {
	color: #f2f0f6;
}
.med_reason .reas_index {
	color: #87539e
}
.med_reason .reas_index::before {
	color: #87539e;
	background-image: url("../images/aesthtic/reas_bg@2x.png")
}

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

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



/*共通
---------------------------------------------------------*/
.com_index2 {
	background: #c595be;
}
.com_style1 > dt {
	color: #87539e;
}

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

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



/* 副作用・リスク
---------------------------------------------------------*/
.med_risk {
	border-color: #d3492c;
}
.med_risk > dt {
	color: #d3492c;
	border-color: #d3492c;
}

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

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



/* treatment_time
---------------------------------------------------------*/
.treatment_time {
	border-top: 3px solid #c595be;
	font-size: 120%;
	letter-spacing: .15em;
	line-height: 2.0em;
	text-align: center;
	padding-top: 30px;
}
.treatment_time dt{
	font-size: 125%;
	letter-spacing: .15em;
	line-height: 1em;
	color: #87539e;
	margin-bottom: 0.8em;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.treatment_time {
	font-size: 115%;
	letter-spacing: .1em;
	padding-top: 3vw;
}
.treatment_time dt{
	letter-spacing: .1em;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.treatment_time {
	border-width: 2px;
	font-size: 100%;
	letter-spacing: .03em;
	line-height: 1.8em;
	padding-top: 5vw;
}
.treatment_time dt{
	letter-spacing: .05em;
	margin-bottom: 0.6em;
}
}



/*aesthtic_list
---------------------------------------------------------*/
.aesthtic_list > li{
	margin-top: 10px;
	background-color: #fbf8fa;
	padding: 55px 3.5%;
}
.aesthtic_list > li:first-child{
	margin-top: 0;
}
.aesthtic_list > li dl{
	max-width: 1100px;
	margin: 0 auto;
}
.aesthtic_list > li dl dt{
	font-size: 150%;
	letter-spacing: .15em;
	line-height: 1.6em;
	font-feature-settings: "halt";
	margin-bottom: 1em;
}
.aesthtic_list > li .med_flt .img_l{
	max-width: 340px;
	width: 31%;
}
.aesthtic_list > li .med_flt .txt_r{
	max-width: 720px;
	width: 65%;
}
.aesthtic_list > li .med_score{
	margin-bottom: 1.5em;
}
.aesthtic_list > li .med_score ul{
    display: flex;
    justify-content: space-between;
	font-size: min(100%,1.35vw);
}
.aesthtic_list > li .med_score > ul li{
	width: 33.056%;
	background-color: #f1e4ef;
	padding: 0.8em 1em;
	box-sizing: border-box;
	line-height: 1em;
	letter-spacing: 0.08em;
}
.aesthtic_list > li .med_score > ul li{
    display: flex;
    justify-content: center;
    align-items: center;
}
.aesthtic_list > li .med_score > ul li span{
	padding-right: 0.8em;
	display: block;
}
.aesthtic_list > li .med_score > ul li i{
	line-height: 1em;
	font-size: 105%;
	color: #87539e;
	letter-spacing: -0.02em;
	display: block;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {
.aesthtic_list > li{
	margin-top: 1%;
	padding: 4.5% 3.5%;
}
.aesthtic_list > li dl{
	max-width: 1100px;
	margin: 0 auto;
}
.aesthtic_list > li dl dt{
	font-size: 150%;
	letter-spacing: .1em;
	margin-bottom: 0.8em;
}

.aesthtic_list > li .med_score{
	margin-bottom: 1em;
}
.aesthtic_list > li .med_score ul{
	font-size: 95%;
}

.aesthtic_list > li .med_score > ul li{
    flex-wrap: wrap;
	width: 32.9%;
}
.aesthtic_list > li .med_score > ul li span{
	padding-right: 0;
	width: 100%;
	text-align: center;
	margin-bottom: 0.35em;
}

}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.aesthtic_list > li{
	margin-top: 2%;
	padding: 6% 5%;
}
.aesthtic_list > li dl dt{
	font-size: 130%;
	letter-spacing: .05em;
	margin-bottom: .5em;
	text-align: center;
}
.aesthtic_list > li .med_flt .img_l{
	width: 65%;
}
.aesthtic_list > li .med_score{
	margin-bottom: 1em;
}
.aesthtic_list > li .med_score ul{
	font-size: 75%;
}
.aesthtic_list > li .med_score > ul li{
    flex-wrap: wrap;
	width: 32.9%;
	padding: 0.8em 0.3em;
}
.aesthtic_list > li .med_score > ul li span{
	padding-right: 0;
	width: 100%;
	text-align: center;
	margin-bottom: 0.35em;
}
.aesthtic_list > li .med_score > ul li i{
	font-size: 100%;
}
}