@charset "utf-8";

@import url('https://fonts.googleapis.com/css?family=Italianno');


/*メインイメージ
---------------------------------------------------------*/
.contentpage .m_img {
	position: relative;
	background: #fff;
	padding: 20px 0 0;
	margin-bottom: 40px;
}
.contentpage .m_img::before {
	content: "";
	position: absolute;
	z-index: 0;
	width: 100%;
	height: 30%;
	left: 0;
	top: 0;
	background: #f1ebe4;
}
.contentpage .m_img h2 {
	position: relative;
	z-index: 1;
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
.contentpage .m_img {
	padding: 5% 0 0;
	margin-bottom: 5%;
}
.contentpage .m_img::before {
	height: 50%;
}
}



/*共通
---------------------------------------------------------*/
#medicalesthe .w920 .section {
	margin-bottom: 60px;
}
.ft_min {
	font-family: source-han-serif-japanese,serif;
	font-weight: bold;
	font-style: normal;
}
.est_index1 {
	font-family: source-han-serif-japanese,serif;
	font-weight: bold;
	color: #63542E;
	font-size: 160%;
	letter-spacing: .05em;
	line-height: 1.6em;
	text-align: center;
	margin-bottom: 1.0em;
}
.est_index2 {
	background: url(../medicalesthe/img/bg_h3.png) no-repeat center center;
	background-size: 100% 100%;
	padding: .4em 3%;
	font-family: source-han-serif-japanese,serif;
	font-weight: bold;
	color: #fff;
	font-size: 160%;
	letter-spacing: .05em;
	line-height: 1.6em;
	margin-bottom: 1.5em;
}
.est_index3 {
	color: #5F5444;
	font-family: source-han-serif-japanese,serif;
	font-weight: bold;
	font-size: 150%;
	letter-spacing: .05em;
	line-height: 1.2em;
	padding-bottom: .2em;
	border-bottom: solid 1px rgba(76,66,52,0.5);
	position: relative;
	margin-bottom: 1.0em;
}
.est_index3 span {
	position: absolute;
	right: 0;
	bottom: -.4em;
	color: rgba(76,66,52,0.5);
	font-family: 'Italianno', cursive;
	font-size: 180%;
	font-weight: normal;
	letter-spacing: normal;
	line-height: 1.2em;
}
.txt_al_c {
	text-align: center;
}

/*共通一覧*/
.plan_list {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.plan_list > li {
	width: 48%;
	position: relative;
	margin-bottom: 60px;
}
.plan_list.col_3 > li {
	width: 32%;
}
.plan_list .flex_box {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.plan_list .flex_box .img_box {
	width: 32%;
	max-width: 135px;
	text-align: center;
}
.plan_list .flex_box .txt {
	width: 65%;
	padding-bottom: 2.5em;
}
.plan_list h5 {
	color: #AD924F;
	font-size: 130%;
	font-weight: bold;
	letter-spacing: normal;
	line-height: 1.4em;
	margin-bottom: .4em;
}
.plan_list h5 span {
	margin-left: 1.0em;
	font-size: 80%;
	font-weight: 500;
	letter-spacing: normal;
	line-height: 1.4em;
}
.plan_list .price {
	position: absolute;
	right: 35%;
	bottom: 0;
	text-align: right;
	color: #666;
	font-size: 120%;
	font-weight: bold;
	letter-spacing: .05em;
	line-height: 1.2em;
}
.plan_list .price .txt_small {
	font-size: 80%;
	display: block;
	margin-bottom: .4em;
}
.plan_list .btn_more {
	margin-top: .8em;
	text-align: left;
}
.plan_list .btn_more a {
	display: block;
	background: rgb(228,207,160);
	background: -moz-linear-gradient(left, rgba(228,207,160,1) 0%, rgba(189,167,118,1) 100%);
	background: -webkit-linear-gradient(left, rgba(228,207,160,1) 0%,rgba(189,167,118,1) 100%);
	background: linear-gradient(to right, rgba(228,207,160,1) 0%,rgba(189,167,118,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4cfa0', endColorstr='#bda776',GradientType=1 );
	padding: .6em 0 .8em;
	padding-left: 2.0em;
	color: #fff;
	font-size: 90%;
	font-weight: bold;
	letter-spacing: normal;
	line-height: 1.2em;
	position: relative;
}
.plan_list.col_3 .btn_more a {
	font-size: 80%;
}
.plan_list .btn_more a::before {
	font-family: 'fontello';
	content: '\e801';
	position: absolute;
	left: .6em;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size: 90%;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 1030px) {
#medicalesthe .w920 .section {
	margin-bottom: 6%;
}
	
.txt_al_c {
	text-align: left;
}

/*共通一覧*/
.plan_list > li {
	margin-bottom: 6%;
}
.plan_list.col_3 > li {
	width: 48%;
}
.plan_list h5 span {
	display: block;
	margin-left: 0;
}
.plan_list .price {
	font-size: 110%;
}
.plan_list .price span {
	margin: 0;
}
.plan_list .btn_more a {
	font-size: 90% !important;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
#medicalesthe .w920 .section {
	margin-bottom: 10%;
}
.est_index1 {
	font-size: 136%;
	letter-spacing: normal;
	margin-bottom: .4em;
}
.est_index2 {
	padding: .6em 3%;
	font-size: 140%;
	margin-bottom: .8em;
}
.est_index3 {
	font-size: 140%;
	margin-bottom: .5em;
}
.txt_al_c {
	text-align: left;
}

/*共通一覧*/
.plan_list {
	display: block;
}
.plan_list > li {
	width: 100%;
	margin-bottom: 8%;
}
.plan_list.col_3 > li {
	width: 100%;
}
.plan_list .flex_box {
	display: block;
}
.plan_list .flex_box .img_box {
	width: 80%;
	max-width: 100%;
	margin: 0 auto .4em;
}
.plan_list .flex_box .txt {
	width: 100%;
	padding-bottom: 0;
}
.plan_list h5 {
	text-align: center;
	font-size: 140%;
	margin-bottom: .4em;
}
.plan_list h5 span {
	display: block;
	margin: .2em 0 0;
}
.plan_list .price {
	position: static;
	font-size: 130%;
	margin-top: .2em;
}	
.plan_list .price span {
	margin-bottom: 0;
}	
.plan_list .btn_more {
	text-align: center;
}
.plan_list .btn_more a {
	padding: .6em 0 .8em !important;
	font-size: 100% !important;
}
}




/*ファーストプラン
---------------------------------------------------------*/
#medicalesthe .first_plan {
	margin-top: 1.5em;
	border: solid 1px #ccc;
	background: rgb(254,245,250);
	background: -moz-linear-gradient(top, rgba(254,245,250,1) 0%, rgba(255,255,255,1) 100%);
	background: -webkit-linear-gradient(top, rgba(254,245,250,1) 0%,rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom, rgba(254,245,250,1) 0%,rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fef5fa', endColorstr='#ffffff',GradientType=0 );
	padding: 30px 6%;
	margin-bottom: 1.0em;
}
#medicalesthe .first_plan h3 {
	text-align: center;
	font-size: 130%;
	letter-spacing: .05em;
	line-height: 1.4em;
	margin-bottom: 1.4em;
}
#medicalesthe .first_plan h3 strong {
	color: #F72E67;
}
#medicalesthe .first_plan h3 span {
	font-size: 180%;
	font-weight: normal !important;
	letter-spacing: .05em;
}
#medicalesthe .first_plan ul {
	text-align: center;
	font-size: 110%;
	font-weight: 500;
	letter-spacing: .05em;
	line-height: 1.4em;
}
#medicalesthe .first_plan li {
	display: inline-block;
	margin: 0 1.0em .8em;
}
#medicalesthe .first_plan li span {
	color: #F72E67;
	margin-right: .2em;
}
#medicalesthe .first_plan .txt_price {
	text-align: right;
	color: #F72E67;
	font-size: 180%;
	font-weight: bold;
	letter-spacing: .05em;
	line-height: 1.4em;
	margin-bottom: .5em;
}
#medicalesthe .first_plan .txt_price span {
	font-size: 60%;
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
#medicalesthe .first_plan {
	padding: 6% 4%;
}
#medicalesthe .first_plan h3 {
	font-size: 110%;
	margin-bottom: 6%;
}
#medicalesthe .first_plan h3 span {
	margin-top: .2em;
	display: block;
	font-size: 170%;
}
#medicalesthe .first_plan ul {
	text-align: left;
	font-size: 110%;
	letter-spacing: normal;
}
#medicalesthe .first_plan li {
	display: block;
	margin: 0 0 .5em;
	text-indent: -1.2em;
	margin-left: 1.2em;
}
#medicalesthe .first_plan .txt_price {
	margin-bottom: .2em;
}
}




/*おすすめの治療、ランキング
---------------------------------------------------------*/
#medicalesthe .osusume_plan {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
	text-align: center;
}
#medicalesthe .osusume_plan li {
	width: 32%;
}

#medicalesthe .lanking {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
	text-align: center;
}
#medicalesthe .lanking > li {
	width: 24%;
}
#medicalesthe .lanking p {
	font-size: 90%;
	line-height: 1.4em;
	margin-bottom: .5em;
}
#medicalesthe .lanking li li {
	margin: 1.5em 0;
}

/* Tablet (Portrait)
------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 1030px) {
#medicalesthe .lanking p br {
	display: none;
}
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
#medicalesthe .osusume_plan {
	display: block;
}
#medicalesthe .osusume_plan li {
	width: 80%;
	text-align: center;
	margin: 0 auto .5em;
}

#medicalesthe .lanking {
	display: block;
}
#medicalesthe .lanking > li {
	width: 80%;
	text-align: center;
	margin: 0 auto .5em;
}
#medicalesthe .lanking li li {
	margin: 1.5em 0;
}
}




/*医療レーザー脱毛
---------------------------------------------------------*/
#depilation .point_box h5 {
	text-align: center;
}
#depilation .point_box li {
	text-indent: -1.0em;
	margin-left: 1.0em;
}
#depilation .point_box p {
	margin-top: 1.0em;
}
#depilation .point_box p span {
	display: block;
	text-align: center;
	margin-top: .4em;
}

#depilation .cam_conts {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
#depilation .cam_conts li {
	width: 32%;
	margin-bottom: .5em;
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
#depilation .cam_conts li {
	width: 49%;
}
}




/*まとめ
---------------------------------------------------------*/
#medicalesthe .matome h4,
#medicalesthe .matome h5 {
	margin-bottom: 1.0em;
}
#medicalesthe .matome p {
	margin-bottom: 2.0em;
}

#medicalesthe .matome h5 {
	color: #FD7383;
	font-size: 120%;
	font-weight: 500;
	letter-spacing: normal;
	line-height: 1.6em;
	padding-left: 15px;
	border-left: #FCD0D3 10px solid;
}

/* Mobile (Portrait)
------------------------------------------*/
@media only screen and (max-width: 767px) {
#medicalesthe .matome  {
	padding-top: 5%;
}
#medicalesthe .matome h5 {
	padding-left: 10px;
	border-left: #FCD0D3 5px solid;
}
}