@charset "utf-8";

/* 共通項目
---------------------------------------*/
@import "common_file/_mixin.scss";


/* メインイメージ
---------------------------------------*/
.main-photo {
	margin-bottom:50px;
	}
	
/* おすすめ対象
---------------------------------------*/
@include desktop {
.container {
	width:60%;
	margin:0 auto 40px auto;
	}
}
	
.ttl {
	text-align:center;
	margin-bottom:30px;
	font-size:1.5rem;
	}
	
.box01-ttl2 {
	text-align:center;
	font-size:1.3rem;
	background: #ebf1f6;
	background: -moz-linear-gradient(top,  #ebf1f6 0%, #abd3ee 50%, #89c3eb 51%, #d5ebfb 100%); 
	background: -webkit-linear-gradient(top,  #ebf1f6 0%,#abd3ee 50%,#89c3eb 51%,#d5ebfb 100%); 
	background: linear-gradient(to bottom,  #ebf1f6 0%,#abd3ee 50%,#89c3eb 51%,#d5ebfb 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebf1f6', endColorstr='#d5ebfb',GradientType=0 );
	padding:10px;
	border-left:none;
	margin-bottom:10px;
}

.container ul {
	line-height:2em;
	background-color:rgba(236,236,236,0.50);
	
	li {
		border-bottom:rgba(139,139,139,1.00) 1px dotted;
		margin-left:10%;
		list-style-image:url(../images/antiaging/reten.png);
		line-height:2rem;
	}
	}

.box02 {
	margin-bottom:50px;
	}
	
/* 診療内容一覧
---------------------------------------*/
.area02 {
	margin-bottom:25px;
	}
.area02-ttl2 {
	margin-bottom:15px;
	border-left:rgba(255,204,251,1.00) solid 5px;
	border-bottom:dotted rgba(160,160,160,1.00) 1px;
	padding:5px 0 5px 10px;
	}
	
/* 料金ボタン
---------------------------------------*/
.btn {
	margin-bottom:40px;
	}
.btn-item {
	display:block;
	width:30%;
	margin:0 auto;
	padding:20px 0 ;
	background:#3DB3FF;
	border-radius:5px;
	text-align:center;
	color:#FFF;
	font-size:1rem;
	font-weight:bold;
}

/* レーザー
---------------------------------------*/
.area03 {
	margin-bottom:50px;
	}
	
.area03-ttl2 {
	margin-bottom:30px;
	border-left:rgba(132,207,255,1.00) solid 5px;
	border-bottom:dotted rgba(160,160,160,1.00) 1px;
	padding:5px 0 5px 10px;
	}
	
.list {
	line-height:1.7rem;
	li {
		border-bottom:1px solid #5B5B5B;
	}
	}

@include desktop {
	.flex-container {
		display:flex;
		}
	.left {
		flex:1;
		margin-right:5%;
		}
	.right {
		flex:3;
		}
		}
	.area03-inner {
		margin-bottom:20px;
		}
		
/* リフトアップ
---------------------------------------*/
.area04 {
	margin-bottom:50px;
}

.area04-ttl2 {
	@extend .ttl;
	}

.area04-list {
	@extend .list;
	}
	
.area04-ttl2 {
	@extend .area03-ttl2;
	}
	
.area04-left {
	flex:2;
	order:0;
	margin-right:2%;
	}
.area04-right {
	flex:1;
	order:1;
	}