/* BASIC css start */
p {line-height:1.5}

#container {margin-top:16px; }

.main {overflow:hidden; }
/* top / salon */
.top {position: relative;}
.top .salon-img {position: absolute;left: 0;top: 16px;text-align: center;color:#fff;width: 100%;}
.top .salon-img p {font-size:17px; font-weight:300}
.top .salon-logo {text-align:center;margin:0 auto; }
.top .salon-logo img {height:38px; }
.top .salon-bg {height: 320px;}
.top .salon-bg img {width: 100%;object-fit: cover;height: 100%;}
.top .salon-text {margin: 10px 0px;}

/* top / logo */
.top .logo  {padding: 48px 0;text-align: center;}
.top .logo-box p {font-size:24px; font-weight:700 }
.top .brand-logo  {margin: 32px auto 24px;}
.top .brand-logo img {height:45px; }
.top .logo-box p.txt {font-size: 14px;font-weight:400;line-height:1.5}
.green {background-color:#787845;width: 100%;padding:52px 0;}
.green-text {text-align:center;position:relative;;}
.green-text h3 {font-size: 24px;font-weight:400;line-height: 1.3;color: #fff;margin-bottom: 14px;}
.green-text p {font-size: 14px;color:rgba(255,255,255,0.7);line-height: 1.5;font-weight:300}
.green-plus-img {position:relative;display:flex;align-items: center;justify-content: center;margin:15px 0px;}
.green-plus-img  img {height:28px}



/* middle */
.middle {padding-top: 0px;}
.middle_youtube {text-align: center;margin-bottom: 0px;line-height: 1;font-size: 0;position:relative;padding: 51%;}
.middle_youtube iframe {line-height:1; border:none; width:100%; height:100%; position:absolute; left:0; top:0;  }
.middle_group {align-items: center;align-items: center}
.mid_img img {max-width: 100%;width:100%;margin-bottom: 0px;}
.mid_text {padding: 48px 0;}
.mid_text {text-align:center}
.middle_group .color {color: #787845;font-size: 14px;}
.middle_group .p5 {font-size: 24px;margin:17px 0px 30px;font-weight: bold;line-height:1.3;}
.middle_group .txt  {font-size: 14px;font-weight:400;}



/* bottom */
.bottom {text-align: center;background: #F7F7F7;padding-top: 48px;}
.bottom_top { margin-bottom: 40px;}
.bottom_top_h2 {font-size: 24px;font-weight:500;margin-bottom:28px;line-height:1.1;}
.bottom_top_text {font-size: 14px;line-height:1.5}
.bottom_img { font-size:0; text-align:left; }
.faceimg  {width: calc(50% - 0px);display:inline-block;vertical-align:top;position: relative}
.faceimg img {width: 100%;}
.name {position:absolute;bottom:0;left:0;padding: 20px 10px;box-sizing:border-box;width: 100%;}
.name:before {content:""; display:inline-block; width:100%; height:100%; background: linear-gradient(transparent, rgba(0,0,0,0.6));; position:absolute; left:0; bottom:0}
.name p {font-size: 17px;font-weight:600;color:#fff;line-height:1;z-index:1;position:relative;}
.name p.lb {font-size: 14px;color:rgba(255,255,255,0.7);font-weight:400;margin-bottom: 8px;}

.last {margin: 90px auto 0;text-align:center;}
.last_title {margin-bottom: 48px;}
.last_title h2 {font-size: 28px;}
.list_con .img { }
.list_con .img img {width:100%}
.list_con .txt  {padding:48px 0}
.list_con .txt .tt {font-size: 24px;font-weight:600;margin-bottom:30px}
.list_con .txt .p {font-size: 14px;line-height:1.5;margin-bottom:30px}
.list_con .txt .link {display:inline-block;font-size: 16px;border-bottom:2px solid #222;font-weight:800}



/* BASIC css end */