@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i&display=swap');
/* CSS Document */

body{
	color:#000000;
	font-family:-apple-system,"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;
	font-size:16px;
	line-height:1;
}

h2.main_title {
    font-size: 35px;
    text-align: center;
    line-height: 130px;
    height: 130px;
    background: #000;
    color: #fff;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	position: relative;
	margin-bottom: 70px;
}

h2.main_title:before{
    content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 26px 36px 0 36px;
	border-color: #000 transparent transparent transparent;
	position: absolute;
	bottom: -26px;
	left: calc(50% - 36px);
}

.container{
	width: 1080px;
	margin-right: auto;
	margin-left: auto;
	box-sizing: border-box;
}

table{
	width: 100%;
	font-size: 18px;
	line-height: 1.6;
}

table tr{
	
}

table tr th{
	padding: 20px 30px;
	background: #F2F2F2;
	border: 1px solid #fff;
	text-align: left;
	font-weight: normal;
}

table tr td{
	padding: 20px 30px;
	text-align: left;
	font-weight: normal;
	border: 1px solid #fff;
}

input::placeholder {
	color: #CCCCCC;
	font-size: 16px;
}

input:-ms-input-placeholder {
	color: #CCCCCC;
	font-size: 16px;
}

input::-ms-input-placeholder {
	color: #CCCCCC;
	font-size: 16px;
}

select {
    box-sizing: border-box;
    letter-spacing: 0;
    line-height: 42px;
    height: 42px;
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    padding: 0 20px;
    font-size: 16px;
    background: #fff;
}


header{
	background: #fff;
    padding: 20px 0;
}

header .logo {
    width: 340px;
    float: left;
}

.main_contact{
	letter-spacing: -0.4em;
}

header .main_contact{
	float: right;
}

.main_contact .phone_num{
	vertical-align: middle;
	display: inline-block;
	text-align: center;
	margin-right: 60px;
	letter-spacing: 0;
	
}

.main_contact .phone_num .num{
	font-size: 32px;
	font-family: 'Lato', sans-serif;
	line-height: 40px;
}

.main_contact .phone_num .num img{
	width: 26px;
	vertical-align: top;
	margin-top: 8px;
	margin-right: 10px;
    position: relative;
}

.main_contact .phone_num p{
	line-height: 1;
}

.main_contact .header_button{
	vertical-align: middle;
	letter-spacing: 0;
	display: inline-block;
}

.main_contact .header_button a{
	background: #BC9C86;
    width: 260px;
    display: block;
    height: 52px;
    line-height: 52px;
    color: #fff;
    font-size: 14px;
    text-align: center;
    border-radius: 6px;
}

.main_contact .header_button p {
    font-size: 14px;
    text-align: center;
    margin-bottom: 12px;
    position: relative;
}

.main_contact .header_button p:before {
    content: "";
    width: 1px;
    height: 120%;
    background: #000;
    position: absolute;
    left: 25px;
    transform: rotate(-20deg);
	top: 0;
}

.main_contact .header_button p:after {
    content: "";
    width: 1px;
    height: 120%;
    background: #000;
    position: absolute;
    right: 25px;
    transform: rotate(20deg);
	top: 0;
}

.main_img{
	background: url("../img/main_img.jpg") no-repeat bottom;
	background-size:cover;
	padding: 60px 0;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.main_img .t_txt {
    font-size: 34px;
    color: #A5836B;
    background: #fff;
    width: 50%;
    height: 60px;
    line-height: 60px;
    text-align: center;
	margin-bottom: 30px;
}

.main_img .t_txt span{
	font-size: 24px;
}

.main_img .m_txt{
	font-size: 48px;
	color: #000;
	position: relative;
	margin-bottom: 10px;
}

.main_img .m_txt span{
	font-size: 20px;
	color: #fff;
	height: 64px;
	width: 64px;
	background: #BC9C86;
	line-height: 22px;
	padding: 10px 0;
	text-align: center;
	display: inline-block;
	box-sizing: border-box;
	margin-right: 10px;
    border-radius: 100%;
}

.main_img .big_txt{
	font-size: 120px;
}

.main_img .lst_txt{
	font-size: 30px;
	line-height: 45px;
	margin-bottom: 50px;
}

.main_img .main_contact {
    width: 50%;
    box-sizing: border-box;
    padding: 15px 20px;
    background: #EFD8CE;
    border: 1px solid #fff;
	font-family:-apple-system,"游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;
}

.main_img .main_contact .header_button a{
    background: #CE746B;
	height: 60px;
	line-height: 60px;
	width: 220px;
}

.main_img .phone_num .num {
    font-size: 26px;
}

.main_img .phone_num {
    width: calc(100% - 280px);
} 

.problem_age{
	padding: 90px 0;
	background: #F4F2F2;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.problem_age .container{
	background: #fff;
	padding: 50px 60px;
	position: relative;
}

.problem_age h2{
	font-size: 30px;
	display: table;
	margin: 0 auto 75px;
	position: relative;
	padding-bottom: 35px;
}

.problem_age h2 span{
	font-size: 40px;
	color: #C13B36;
}

.problem_age h2:before{
	content: "";
	border-bottom: 1px dotted #666666;
	position: absolute;
	bottom: 0;
	height: 1px;
	width: 90%;
	left: 5%;
}

.problem_age h2:after{
	content: "";
    border-bottom: 1px dotted #666666;
    border-right: 1px dotted #666666;
    position: absolute;
    width: 36px;
    height: 36px;
    transform: rotate(45deg);
    background: #F4F2F2;
    left: calc(50% - 18px);
    bottom: -18px;
}

.problem_age ul{
	display: flex;
	flex-wrap: wrap;
	letter-spacing: -0.4em;
	width: 433px;
}

.problem_age ul li{
	display: flex;
    justify-content: center;
    align-items: center;
	letter-spacing: 0;
    margin-right: 17px;
    margin-bottom: 17px;
    width: 208px;
    height: 208px;
    color: #fff;
    background: #CEA280;
    /* display: inline-block; */
    vertical-align: top;
    font-size: 24px;
    text-align: center;
    line-height: 36px;
    padding: 78px 0;
    box-sizing: border-box;
}

.problem_age ul li:nth-child(2n){
	margin-right: 0;
}

.problem_age ul li:nth-last-child(1){
	margin-bottom: 0;
}

.problem_age ul li:nth-last-child(2){
	margin-bottom: 0;
}

.problem_age img.mirror_girl{
	width: 480px;
    position: absolute;
    bottom: 0;
    right: 40px;
}

.therapy {
	padding-bottom: 60px;
}

.therapy h2{
	font-size: 32px;
	text-align: center;
	background: url("../img/bg_romb.png") repeat center;
	padding: 45px 0;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	color: #fff;
}

.therapy h2 span{
	font-size: 46px;
	display: block;
	margin-top: 20px;
}

.therapy .numbering{
	margin-bottom: 60px;
}

.therapy .numbering .left{
	float:left;
}

.therapy .numbering .right{
	float:right;
}

.therapy .numbering .content{
	width: 55%;
    background: #fff;
	padding: 80px 45px;
	box-sizing: border-box;
	height: 420px;
	margin-top: 80px;
}

.therapy .numbering .content.right{
	margin-right: 80px;
    margin-left: -80px;
}

.therapy .numbering .content.left{
	margin-right: -80px;
    margin-left: 80px;
}

.therapy .numbering .content h3{
	font-size: 36px;
	padding-bottom: 30px;
	margin-bottom: 45px;
	border-bottom: 1px solid #000;
	line-height: 52px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.therapy .numbering .content h3 span{
	display: block;
	color: #C13B36;
}

.therapy .numbering .content p{
	font-size: 20px;
	line-height: 40px;
}

.therapy .numbering .img{
	width: 45%;
	height: 480px;
	margin-top: 50px;
}

.therapy .numbering .img:nth-child(1){
	background: url("../img/num1.jpg") center no-repeat;
	background-size: cover;
}

.therapy .numbering .img:nth-child(4){
	background: url("../img/num2.jpg") center no-repeat;
	background-size: cover;
}

.therapy ul{
	letter-spacing: -0.4em;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.therapy ul li{
	width: calc(33.3333% - 10px);
	margin-right: 15px;
	background: #F4F2F2;
	display: inline-block;
	vertical-align: top;
	letter-spacing: 0;
	padding: 60px 25px 25px 25px;
	box-sizing: border-box;
	margin-bottom: 15px;
}

.therapy ul li:nth-child(3n){
	margin-right: 0;
}

.therapy ul li h4{
	font-size: 30px;
	color: #BC9C86;
	text-align: center;
	margin-bottom: 15px;
}

.therapy ul li span{
	font-size: 17px;
	color: #BC9C86;
	text-align: center;
	margin-bottom: 40px;
	display: block;
}

.therapy ul li p{
    background: #fff;
    height: 140px;
    margin-bottom: 20px;
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    text-align: center;
    line-height: 2;
}

.therapy ul li p:last-child{
	margin-bottom: 0;
}

.therapy ul li.four p{
	height: 100px;
	margin-bottom: 20px;
}

.therapy ul li.four p:last-child{
	margin-bottom: 0;
}

.skin_tissue{
	background: url("../img/skin_tissue.jpg") no-repeat bottom right;
	background-size: cover;
	padding: 60px 0 90px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.skin_tissue h2{
	font-size: 36px;
	text-align: center;
	line-height: 1.6;
	margin-bottom: 60px;
}

.skin_tissue h2 span{
	font-size: 44px;
	color: #996B58;
}

.skin_tissue ul {
    letter-spacing: -0.4em;
    width: 560px;
    text-align: center;
}

.skin_tissue ul li {
    letter-spacing: 0;
    display: inline-block;
    font-size: 35px;
    color: #558093;
    width: 260px;
    height: 260px;
    border-radius: 100%;
    background: rgba(255,255,255,0.5);
    text-align: center;
    line-height: 60px;
    padding: 70px 0;
    box-sizing: border-box;
	margin: 0 10px;
}

.skin_tissue ul li:nth-child(3) {
    margin-top: -20px;
}

.skin_tissue ul li span{
    font-size: 25px;
}

.why{
	
}

.why ul{
	margin-bottom: 60px;
}

.why ul li{
	letter-spacing: -0.4em;
	margin-bottom: 35px;
}

.why ul li .num{
	letter-spacing: 0;
	display: inline-block;
	width: 140px;
	height: 140px;
	border-radius: 100%;
	background: -moz-linear-gradient(45deg, #bd9d87 0%, #e5c2b8 100%);
	background: -webkit-linear-gradient(45deg, #bd9d87 0%,#e5c2b8 100%);
	background: linear-gradient(45deg, #bd9d87 0%,#e5c2b8 100%);
	font-size: 22px;
	text-align: center;
	color: #fff;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	margin-right: 45px;
	position: relative;
	vertical-align: middle;
    line-height: 30px;
	box-sizing: border-box;
	padding: 20px 0;
}

.why ul li .num:before{
    content: "";
    width: 45px;
    height: 1px;
    position: absolute;
    background: #C0A55C;
    top: calc(50% - 1px);
    right: -45px;
}

.why ul li .num span{
	font-size: 64px;
	display: block;
    line-height: 70px;
}

.why ul li .content{
	border:1px solid #C0A55C;
	letter-spacing: 0;
	display: inline-block;
	box-sizing: border-box;
	padding: 60px 50px;
	width: calc(100% - 185px);
	vertical-align: middle;
}

.why ul li .content h3{
	color: #BC9C86;
	margin-bottom: 30px;
	font-size: 35px;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.why ul li .content p{
	line-height: 35px;
}

.middle_contact{
	background: #F4F2F2;
}

.middle_contact .container{
	position: relative;
}

.middle_contact img {
    width: 322px;
    position: absolute;
    bottom: 0;
    left: 0;
}

.middle_contact .right_side{
	width: 780px;
	margin-left: auto;
	padding: 60px 0;
}

.middle_contact .right_side h3{
	font-size: 38px;
	padding-bottom: 20px;
	margin-bottom: 35px;
	border-bottom: 1px dotted #000;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.middle_contact .right_side .main_contact{
	
}

.middle_contact .right_side .main_contact .phone_num .num {
    font-size: 50px;
    font-family: 'Lato', sans-serif;
    line-height: 56px;
}

.middle_contact .right_side .main_contact .phone_num {
    font-size: 24px;
    margin-right: 50px;
}

.middle_contact .right_side .main_contact .phone_num img {
    width: 40px;
    margin-top: 11px;
}

.middle_contact .right_side .main_contact .header_button a {
    background: #C13B36;
    width: 350px;
    display: block;
    height: 80px;
    line-height: 80px;
    color: #fff;
    font-size: 14px;
    text-align: center;
    border-radius: 6px;
}

.middle_contact .right_side .header_button p {
    font-size: 20px;
    text-align: center;
    margin-bottom: 12px;
    position: relative;
}

.treatment{
	
}

.treatment ul{
	
}

.treatment ul li{
	letter-spacing: -0.4em;
	margin-bottom: 60px;
}

.treatment ul li .step {
    letter-spacing: 0;
    display: inline-block;
    vertical-align: top;
    width: 116px;
    height: 160px;
    background: url(../img/step_bg.png) no-repeat center;
    background-size: cover;
    font-size: 23px;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    text-align: center;
    color: #fff;
    line-height: 30px;
	padding-top: 30px;
	box-sizing: border-box;
	margin-right: 45px;
}

.treatment ul li .step span{
	font-size: 65px;
	display: block;
	line-height: 70px;
}

.treatment ul li .right{
	letter-spacing: 0;
	display: inline-block;
	vertical-align: top;
	margin-right: 60px;
	width: calc(100% - 565px);
}

.treatment ul li .right h3{
    font-size: 30px;
    color: #BC9C86;
    margin-bottom: 20px;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.treatment ul li .right p{
    line-height: 32px;
}

.treatment ul li .img{
	letter-spacing: 0;
	display: inline-block;
	vertical-align: top;
	width: 300px;
}

.price{
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	padding-bottom: 60px;
}

.price h3{
	font-size: 42px;
	margin-bottom: 30px;
	text-align: center;
}

.price p{
    font-size: 18px;
    margin: 40px 20px;
    line-height: 40px;
}

.price table{
	font-size: 26px;
}

.price table tr th{
	background: #BC9C86;
	text-align: center;
	color: #fff;
}

.price table tr td{
	background: #F4F2F2;
	text-align: center;
}


.overview{
	padding-bottom: 60px;
}

.overview h3{
	font-size: 42px;
	margin-bottom: 45px;
	text-align: center;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.contact_area{
	padding-bottom: 140px;
	background: #F4F2F2;
}

.contact_area table {
    margin-bottom: 60px;
}

.contact_area table tr td {
    background: #fff;
    border: 1px solid #F4F2F2;
	letter-spacing: -0.4em;
	font-size: 16px;
	padding: 40px 30px;
	letter-spacing: 0;
}

.contact_area table tr th {
    border: 1px solid #F4F2F2;
	background: #F7F7F7;
	font-size: 16px;
	line-height: 22px;
    width: 32%;
	padding: 40px 30px;
}

.contact_area table tr th span{
    line-height: 22px;
	display: inline-block;
	background: #BC9C86;
	width: 45px;
	border-radius: 4px;
	text-align: center;
	color: #fff;
	margin-left: 15px;
}

.contact_area table tr th > div{
    border-left: 5px solid #CCCCCC;
	padding-left: 8px;
}

.contact_area table tr td p{
	letter-spacing: 0;
}

.contact_area table tr td span{
	letter-spacing: 0;
}

.contact_area table tr td input[type=text] {
    box-sizing: border-box;
	letter-spacing: 0;
	line-height: 42px;
	height: 42px;
	border: 1px solid #CCCCCC;
	border-radius: 5px;
	padding: 0 20px;
}

.contact_area table tr td input[type="text"].your-card,.contact_area table tr td input[type="email"]{
    box-sizing: border-box;
    letter-spacing: 0;
    line-height: 42px;
    height: 42px;
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    padding: 0 20px;
}


.contact_area table tr td.name {
	
}

.contact_area table tr td.name span{
    width: 30px;
	margin-right: 0;
    display: inline-block;
}

.contact_area table tr td.name input[type=text]{
    width: calc(50% - 45px);
	display: inline-block;
	margin-right: 0;
}

.contact_area table tr td.name input[type=text]:nth-child(2){
	margin-right: 30px;
}

.contact_area table tr td textarea {
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    padding: 15px 20px;
    line-height: 1.6;
    width: 100%;
    box-sizing: border-box;
}

.contact_area table tr td.sex input[type="radio"] {
    margin-right: 10px;
    vertical-align: middle;
    display: inline-block;
}

.contact_area table tr td.sex span {
    margin-right: 90px;
    vertical-align: middle;
    display: inline-block;
}

.contact_area table tr td.sex span:last-child {
    margin-right: 0;
}

.contact_area table tr td.age input[type="text"] ,
.contact_area table tr td.age input[type="mail"] {
    margin-right: 10px;
    vertical-align: middle;
    display: inline-block;
	width: 65px;
}

.contact_area table tr td.sex span {
	vertical-align: middle;
    display: inline-block;
}

.contact_area table tr td.phone input[type="text"] {
    vertical-align: middle;
    display: inline-block;
	width: 85px;
}

.contact_area table tr td.phone span {
	vertical-align: middle;
    display: inline-block;
	margin: 0 10px;
}

.contact_area table tr td.mail input[type="text"] {
	width: 100%;
}

.contact_area table tr td.w_time input[type="checkbox"] {
	margin-right: 8px;
}

.contact_area table tr td.w_time span {
	margin-right: 25px;
}

/**.contact_area table tr td.d_time input[type="text"] {
	margin-right: 8px;
	width: 60px;
}

.contact_area table tr td.d_time input[type="text"]:nth-child(2) {
	width: 80px;
}

.contact_area table tr td.d_time span {
	margin-right: 35px;
}

.contact_area table tr td.d_time span:nth-child(1) {
	margin-right: 15px;
}**/

.contact_area table tr td.cnsl span {
	margin-right: 60px;
}

.contact_area table tr td.cnsl input[type="radio"] {
	margin-right: 8px;
}

.contact_area table tr td.cnsl span:last-child {
	margin-right: 0;
}

.cntr_check {
	text-align: center;
	margin-bottom: 60px;
}

.cntr_check span{
	font-size: 12px;
	margin-left: 8px;
}

.main_button{
	background: #C13B36;
    width: 500px;
    display: block;
    height: 80px;
    line-height: 80px;
    color: #fff;
    font-size: 28px;
    text-align: center;
    border-radius: 6px;
	margin: 0 auto;
}

footer{
	background: #BC9C86;
}

footer .container{
	padding: 45px 0;
}

footer .footer_logo {
    width: 340px;
    margin: 0 auto 20px;
}

footer .main_contact {
    text-align: center;
	margin-bottom: 30px;
}

footer .main_contact .phone_num {
    display: block;
    margin-right: 0;
}

footer .main_contact .phone_num .num {
    font-size: 24px;
    font-family: 'Lato', sans-serif;
    line-height: 32px;
    color: #fff;
}

footer .main_contact .phone_num span {
    font-size: 12px;
    color: #fff;
}

footer .address{
	font-size: 12px;
	text-align: center;
	color: #fff;
}

footer .copyright{
	font-size: 12px;
	line-height: 70px;
	background: #000;
	color: #fff;
	text-align: center;
}

footer .main_contact .phone_num .num img {
    -webkit-filter: grayscale(1) invert(1);
    filter: grayscale(1) invert(1);
}

ul.form-btn{
	text-align:center;
}
ul.form-btn li{
	display:inline-block;
}

ul.form-btn li.submit-btn input{
	background: #C13B36;
    width: 500px;
    display: block;
    height: 80px;
    line-height: 80px;
    color: #fff;
    font-size: 28px;
    text-align: center;
    border-radius: 6px;
	margin: 0 5px;
}
ul.form-btn li.back-btn input{
	background: #ddd;
    width: 200px;
    display: block;
    height: 80px;
    line-height: 80px;
    color: #fff;
    font-size: 28px;
    text-align: center;
    border-radius: 6px;
	margin: 0 5px;
}
.num p {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 100%;
    height: 2.2rem;
}

.form_flow {
  width: 1080px;
  margin: 0 auto 1em;
  box-sizing: border-box;
  text-align: center;
}
.form_flow .form_flow_pc {
  display: inline-block;
}
.form_flow .form_flow_sp {
  display: none;
}