@charset "UTF-8";
body {font-size: 16px;background: #f9f9f9;}

.sp { display: none; }

.pc { display: block; }

.main {padding-top: 0;}
.inner {width: 900px;}

/* ↑ここまでデフォルト
----------------------------------------------- */

/* midashi
----------------------------------------------- */
.midashi01 .en {font-size: 34px;margin-bottom: 6px;}
.midashi01 .jp {font-size: 18px;}

.midashi02 {margin-bottom: 25px;padding: 0;}
.midashi02 .en {font-size: 14px;}
.midashi02 .en:before {left: -50px;}
.midashi02 .jp {font-size: 26px;margin-top: 10px;line-height: 1.2;}


/* more
----------------------------------------------- */
.more01 {width: 362px;padding: 10px 0 9px;font-size: 18px;letter-spacing: 0.12em;    }
.more01 .icon {margin-left: 0.6vw;position: relative;font-size: 100%;}

/* header
----------------------------------------------- */
.header {background: #f9f9f9;position: relative;}
.header-in {width: 1010px;margin: 0 auto;padding: 12px 0 60px;display: block;position: relative;}
.header-txt {font-family: 'fot-tsukuardgothic-std';font-size: 12px;color: #333;letter-spacing: 0.1em;}
.header-logo {width: 264px;margin: 32px 0 0 0;height: 70px;}
.header-links {width: 479px;position: absolute;right: -3px;top: 0;align-items: flex-start;}
.header-links a {width: auto;height: auto;-webkit-justify-content: center;justify-content: center;padding: 10px 0 13px;border-radius: 0 0 15px 15px;}
.header-links .header-salon {width: 182px;margin-top: 0;}
.header-links .header-campaign {width: 282px;margin-left: 12px;background: -webkit-linear-gradient(left, rgb(248, 111, 100) 0%, rgb(250, 96, 123) 50%, rgb(253, 83, 146) 100%); background: -o-linear-gradient(left, rgb(248, 111, 100) 0%, rgb(250, 96, 123) 50%, rgb(253, 83, 146) 100%); background: -ms-linear-gradient(left, rgb(248, 111, 100) 0%, rgb(250, 96, 123) 50%, rgb(253, 83, 146) 100%); background: -moz-linear-gradient(left, rgb(248, 111, 100) 0%, rgb(250, 96, 123) 50%, rgb(253, 83, 146) 100%); background: linear-gradient(to right, rgb(248, 111, 100) 0%, rgb(250, 96, 123) 50%, rgb(253, 83, 146) 100%);margin-top: 0;}
.header-links a img {width: auto;margin: 0;margin-right: 5px;}
.header-links .header-salon img {width: 20px;}
.header-link-txt {display: block;font-family: 'fot-tsukuardgothic-std';font-size: 17px;font-weight: 700;color: #fff;letter-spacing: 0.08em;}
.header-links .icon {margin-left: 5px; color: #fff;}

/* hero
----------------------------------------------- */
.hero {padding: 0;}

.hero-top {background: url("../images/top-hero-bg-pc.jpg") no-repeat center top;padding: 0;overflow: hidden;background-size: cover;}
.hero-top .top-slide {width: 920px;margin: 0 auto;padding: 0;}
.hero-top .top-slide .slick-list {overflow: visible;}
.hero-top .top-slide-in {margin: 0 10px;box-shadow: 1px 9px 18px #bbb6b683;opacity: 0.6;}
.hero-top .top-slide-in.slick-center {opacity: 1;}
.hero-arrow-left {width: 92px;left: -35px; cursor: pointer;}
.hero-arrow-right {width: 92px;right: -35px; cursor: pointer;}

.hero-add-midashi {background: url("../images/hero-add-pc.jpg") no-repeat center top;padding: 77px 0 88px;background-size: cover;}
.hero-add-midashi .en {font-size: 36px;margin-bottom: 3px;}
.hero-add-midashi .jp {font-size: 18px;}

.movie {
    margin: 0 auto;
}
.movie video{
    width: 420px;
    margin: 0 auto;
}

/* slide dots
----------------------------------------------- */
.slide-dots li button { width: 10px;height: 10px; margin: 0 12px;}

.hero-top .slide-dots { bottom: -33px; }
.hero-top .slide-dots li button { width: 13px;height: 13px; margin: 0 19px;}
.top-campaign .slide-dots { bottom: -10px; }
.top-salon .slide-dots { top: -62px; }
.top-salon .slide-dots li button { width: 13px;height: 13px; margin: 0 18px;}
.top-ba .slide-dots { bottom: -12px; }

/* navi
----------------------------------------------- */
.header-navi {display: block;width: 700px;height: auto;pointer-events: auto;position: absolute;top: 90px;left: auto;right: 3px;bottom: 27px;visibility: visible;outline: none;}
.header-navi-items {display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;justify-content: space-between;}
.header-navi-items li {margin-bottom: 0;font-size: 16px;}
.header-navi-items a {text-align: center;color: #000;}
.header-navi-items .en {display: block;font-size: 18px;letter-spacing: 0.08em;color: #bfc2fe; background: -webkit-linear-gradient(0deg, #e8bddb, #bfc2fe, #5ed1e1); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.header-navi-items .jp {display: block;font-family: 'fot-tsukuardgothic-std';font-size: 12px;letter-spacing: 0.06em;}

/* bread
----------------------------------------------- */
.breadcrumb-items {width: 890px;padding: 22px 0;margin: 0 auto;}
.breadcrumb-items li {font-size: 14px;}
.breadcrumb-items li .icon-home {margin-right: 3px;}
.breadcrumb-name {padding: 0 5px 0 0;}
.breadcrumb-items li .icon-arrow-right {padding: 0 8px 0 0;}

/* footer
----------------------------------------------- */
.footer {background: url("../images/footer-bg-pc.jpg") no-repeat center top;background-size: cover;}
.footer-in {width: 900px;margin: 0 auto;padding: 84px 0 68px;}
.footer-links {display: -webkit-box; display: -moz-box; display: -webkit-flex; display: box; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between;width: 896px;margin: 0 auto;}
.footer-links li {width: 280px;}
.footer-logo {width: 345px;margin: 14px auto 0;}
.footer-nav {width: 960px;margin: 33px auto 0;display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: center;justify-content: center;}
.footer-nav-block {margin-right: 38px;margin-bottom: 0;padding-right: 38px;border-right: 2px solid #e6e4e3;}
.footer-nav-block:last-child {margin-right: 0;padding-right: 0;border-right: 0;}
.footer-nav-midashi {  font-size: 20px;margin-bottom: 10px;}
.footer-nav-salon {padding: 0;}
.footer-nav-in ul {margin-right: 41px;}
.footer-nav-in ul:last-child {margin-right: 0;}
.footer-nav-block:nth-child(2) ul {margin-right: 40px;}
.footer-nav-in li {font-size: 14px;margin-bottom: 13px;}
.footer-nav-in li:last-child {margin-bottom: 0;}
.footer-nav-in li.footer-nav-salon {position: relative;padding-left: 40px;}
.footer-nav-in li.footer-nav-salon:before { width: 24px; }
.footer-nav-in .icon {margin-right: 10px;}

.pagetop {width: 85px;left: 50%;bottom: 20px;transform: translate(450px);}
.pagetop.stop {position: absolute;top: -40px;}

.copyright {padding: 17px 0;}
.copyright p {font-size: 11px;text-align: center;letter-spacing: 0.16em;}

/* top
----------------------------------------------- */
.top-campaign {padding: 111px 0 89px;}
.top-campaign-midashi {padding: 0;}
.top-campaign-in {margin-top: 36px;overflow: hidden;padding-bottom: 10px;}
.top-campaign-slide {width: 910px; margin: 0;left: 50%;transform: translate(-50%);}
.top-campaign-slide .slick-list {height: 217px;overflow: hidden;}
.top-campaign-slide .slick-slide {margin: 0 6px;top: 30px; opacity: 1; }
.top-campaign-slide .slick-slide.slick-center {top: 0; opacity: 1;}
.campaign-arrow-left {width: 92px;top: 58%;left: -95px; cursor: pointer;}
.campaign-arrow-right {width: 92px;top: 58%;right: -95px; cursor: pointer;}
.top-campaign-link {margin-top: 25px;}

.top-greet {padding: 0 0 115px; margin-bottom: 135px;background: url("../images/top-greet-bg-pc.jpg") no-repeat center top 130px;background-size: cover;}
.top-greet-in {width: 900px;margin: 0 auto;position: relative;padding: 31px 0 64px;}
.top-greet-midashi {text-align: left; position:relative; }
.top-greet-midashi:after { width: 370px; height: 1px; left: 250px;}
.top-greet-img01 {width: auto;position: absolute;top: 0;right: -175px;z-index: 2;}
.top-greet-img02 {width: auto;left: auto;right: 150px;bottom: -115px;}
.top-greet-txt {margin-top: 86px;font-size: 16px;line-height: 2.25;}
.top-greet-label {position: absolute;width: auto;bottom: -99px;left: -140px;}
.top-greet-link {margin: 34px 0 0;width: 324px;font-size: 16px;padding: 10px 0 10px;}

.top-links {margin-bottom: 75px;}
.top-links-in {width: 900px; }
.top-links-in li {width: 49.5%;}
.top-salon {padding: 60px 0 36px;background: url("../images/top-salon-bg-pc.jpg") no-repeat center top;background-size: cover;margin-bottom: 0px;}
.top-salon-midashi {margin-bottom: 67px;margin-top: 60px;}
.top-salon-in {overflow: hidden;}
.top-salon-thumb {width: 930px;margin: 0 auto 71px;}
.top-salon-thumb li {text-align: center;font-size: 19px;padding: 10px 0 32px;color: #fff;margin: 0 10px 10px;background: url("../images/top-salon-off-pc.png") no-repeat center top;background-size: 100%;cursor: pointer;width: 283px!important;}
.top-salon-thumb li:hover {opacity: 0.6;}
.top-salon-thumb .slick-current {background: url("../images/top-salon-on-pc.png") no-repeat center top; background-size: 100%;}
.top-salon-thumb .slick-track { transform: unset !important;}
.top-salon-slide {width: 1060px;margin: 0 auto;padding: 0;}
.top-salon-slide-in {margin: 0 80px;}
.top-salon-slide .slick-list {overflow: visible;}
.top-salon-area {margin-bottom: 31px;}
.top-salon-area:after {content: "";width: 599px;height: 1px;position: absolute;right: 0;top: 13%;}
.top-salon-area .en {  font-size: 31px;line-height: 1;letter-spacing: 0.08em;margin-bottom: 7px;}
.top-salon-area .jp {font-size: 18px;}
.top-salon-block {width: 100%;display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;justify-content: center;align-items: flex-start;}
.top-salon-block a {width: 290px;height: 340px;border-radius: 25px;margin: 4px 4px 14px;}
.top-salon-block .salon-slim {margin-bottom: 0;}
.top-salon-img {border-radius: 25px 25px 0 0;}
.top-salon-name {padding: 8px 0 9px;font-size: 14px;}
.top-salon-access {font-size: 12px;height: 100px;margin-top: 20px;padding-bottom: 30px;line-height: 1.5;background: url("../images/arrow_right_hoso.png") no-repeat right 17px bottom 24px;background-size: 16px;}
.salon-arrow-left {width: 70px;top: 30%;left: -22px;cursor: pointer;}
.salon-arrow-right {width: 70px;top: 30%;right: -22px;cursor: pointer;}

.top-ba {padding: 87px 0 0;}
.top-ba-midashi {margin-bottom: 35px;}
.top-ba-in {padding-bottom: 105px;}
.top-ba-slide {width: 930px; height: 420px;margin: 0;}
.top-ba-slide-in {padding: 0;}
.top-ba-slide .slick-list {width: 930px;height: 540px;margin: 0 auto;overflow: hidden;}
.top-ba-slide .slick-slide {margin: 0 14px;top: 40px; border-radius: 20px;}
.top-ba-slide .slick-slide.slick-center {top: 0;}
.top-ba-img {border-radius: 20px 20px 0 0;}
.top-ba-block {padding: 7px 15px 15px;border-radius: 0 0 20px 20px;}
.top-ba-label { padding-bottom: 8px;}
.top-ba-label span {padding: 0 24px;}
.top-ba-info {margin-top: 12px;}
.top-ba-txt {margin-top: 13px;}
.top-ba-txt dt {text-align: center;}
.top-ba-txt dd {margin-top: 8px;font-size: 14px;line-height: 1.7;}
.ba-arrow-left {width: 93px;top: 53%;left: -90px; cursor: pointer;}
.ba-arrow-right {width: 92px;top: 53%;right: -90px; cursor: pointer;}
.top-ba-link {margin-top: 50px;}

.top-sns {padding: 75px 0 100px;background: url("../images/top-sns-bg-pc.jpg") no-repeat center;background-size: cover;}
.top-sns-midashi {padding-bottom: 48px;}
.top-sns-in {width: 840px;margin: 0 auto;display: -webkit-box; display: -moz-box; display: -webkit-flex; display: box; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between;}
.top-sns-block {width: 406px;margin: 0;padding: 30px 30px 24px;}
.top-sns-name {display: inline-block;text-align: center;font-family: quicksand, sans-serif; font-weight: 600; font-style: normal;font-size: 22px;letter-spacing: 0.1em;color: #cdb061;position: relative;padding-left: 16px;}
.top-sns-name.instagram:before {content: ""; width: 26px; height: 26px; left: -18px;top: 6px;}
.top-sns-name.tiktok:before {content: ""; width: 32px; height: 32px; left: -25px;top: 2px;}
.top-sns-lists { border-top: 1px solid #e7d9b3;margin-top: 17px;padding-top: 16px;}
.top-sns-lists li {margin: 10px 0;}

.top-info {padding: 119px 0 100px;}
.top-info-midashi {margin-bottom: 56px;}
.top-info-in {width: 900px;margin: 0 auto;}
.top-info-slide {padding: 0;}
.top-info-slide {width: 930px; margin: 0 auto;left: 50%;transform: translate(-50%);}
.top-info-slide-in {padding: 0;}
.top-info-slide .slick-list {overflow: visible;}
.top-info-slide .slick-slide {margin: 0 15px;position: relative;transition: all 0.1s ease;border-radius: 20px;box-shadow: 0 7px 16px #e7d1cc65;}
.top-info-img {border-radius: 20px 20px 0 0;}
.top-info-block {padding: 13px 13px 23px;border-radius: 0 0 20px 20px;}
.top-info-date {font-size: 18px;margin-bottom: 10px;}
.top-info-ttl {font-size: 16px;letter-spacing: -0.08em;}
.top-info-txt {font-size: 14px;margin-top: 9px;}
.top-info-link {margin-top: 45px;}

/* second
----------------------------------------------- */
.second-contens {padding: 40px 0;}

/* qa
----------------------------------------------- */
.qa_list {margin: 30px auto 50px;padding-bottom: 10px;}
.qa_list dl {margin: 0 auto 14px;}
.qa_list dt {padding: 8px 20px 14px;font-size: 16px;text-indent: 0;}
.qa_list dt span{font-size: 20px;margin-right: 15px;}
.qa_list dd {padding: 20px 30px;font-size: 14px;}
.qa_list dd p {font-size: 14px;line-height: 2;}


/* company
----------------------------------------------- */
table.recruit-box{margin-bottom: 50px;}
table.recruit-box tr th{width: 37%;display: table-cell;padding: 28px;font-size: 14px;border: solid 1px #ffffff;height: auto;vertical-align: middle;line-height: 1.6;}
table.recruit-box tr:last-child th{border-bottom:none;}
table.recruit-box tr td{width: auto;display: table-cell;padding: 20px;margin-bottom: 0;vertical-align: middle;border: #FFF;}
table.recruit-box tr td p{margin-bottom: 4px;font-size: 14px;line-height: 2;}


/* voice
----------------------------------------------- */
.voice .flex {display:-webkit-box;display:-moz-box;display:box;display:-webkit-flex;display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:flex-start;margin-bottom: 30px;padding: 20px;}
img.voice {width: 100%;margin: 0;}

.voice_list {margin: 0 auto 0;width: 100%;}
.voice_list p.catch{font-size:20px;margin: 0 0 20px;}
.voice_list dl {margin: 0 auto 14px;width: 100%;}
.voice_list dt {padding: 14px 20px;font-size: 16px;text-indent: 0;}
.voice_list dt span{font-size: 20px;margin-right: 15px;}
.voice_list dd {padding: 20px 30px;font-size: 14px;}
.voice_list dd p { font-size:13px;}

.voice ul {margin-bottom: 10px;}
.voice li {margin-bottom: 0px;}

.voice ul.balist{ width: 100%;}
.voice ul.balist li{display: inline-block;width: 283px;}

/* contact
----------------------------------------------- */
.formbox .mailformproTable th,.formbox .mailformproTable td{display: table-cell;padding: 14px;font-size: 14px;}
.formbox .mailformproTable th{width: 28%;}
.formbox ul.select {display:-webkit-box; display:-moz-box; display:box; display:-webkit-flex; display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;}
.formbox ul.select li {list-style: none;width: 49%;}
.formbox ul.select li:first-child { margin-bottom:0;}
input[type="submit"] { font-size:16px; }
.formbox .contact-att {font-size: 12px;line-height: 1.8;margin: 15px 0 0;}

.contact .submit {width: 400px;font-size: 17px;}
.contact .submit:after {font-size: 20px;}


/* privacy
----------------------------------------------- */
.privacy_in { padding: 0 30px;}
.privacy_in p{font-size: 14px; margin-bottom: 30px; }
.privacy_in dl{margin-bottom: 30px; }
.privacy_in dt{font-size: 14px;margin-bottom: 10px;padding: 8px 14px;}
.privacy_in dd{font-size: 14px;margin-bottom: 20px;}

/* sitemap
----------------------------------------------- */
.sitemap li {padding: 0 0 15px 10px;margin-bottom: 15px;font-size:14px;}
.sitemap li:nth-child(odd) {margin-right: 30px;}
.sitemap li a:after{content: "\f105";font-family: 'icomoon';position: absolute;top: 0;right: 4%;color: #af998c;}

ul.insta{width: 900px;}
ul.insta li{width: 270px;margin: 0 2px;}

/* salon
----------------------------------------------- */
.page-navi {margin: 30px 0 50px;justify-content: space-evenly;}
.page-navi li{width: 197px;padding: 10px;margin-bottom: 0;}
.page-navi li a {font-size: 14px;}
.page-navi li span:after { margin: 6px auto 0;}

.salon ul.top_img{}
.salon ul.top_img li{width: 270px;margin: 10px;}
.salon ul.top_img li img{width: 100%;}

.salon .qa-category {width: 48%;margin-bottom: 40px;justify-content: left;}
.salon .qa-category-wra{display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;justify-content: space-between;-webkit-justify-content: space-between;align-items: flex-start;-webkit-align-items: flex-start;flex-wrap: wrap;-webkit-flex-wrap: wrap;}
.salon .qa-category .qa-ttl {padding: 10px;}
.salon .qa-category li {width: 32%;margin: 2.5px;font-size: 16px;}
.salon .qa-category li a {padding: 8px 0 4px;}

.tel_link{color:#a08e6c;font-size:40px;}
.tel_link:before{font-size:80%;margin-right:6px;}

.salon_box_wra{margin-bottom: -10px;display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: inline-block;justify-content: space-between;-webkit-justify-content: space-between;align-items: center;-webkit-align-items: center;}
.salon_box{margin-bottom:0;width: 440px;display: inline-block;vertical-align: top;}
.salon_box_list{margin-bottom:20px;}
.salon_map_outer{padding-bottom:100%;height: 680px;}

.intro {margin-bottom: 60px;}
.intro-box { display:-webkit-box; display:-moz-box; display:-webkit-flex; display:box; display:flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
.intro-box .text {margin-bottom: 0;width: 58%;}

.checklist li {background: url("../images/check-pink.png") left top 5px / 18px no-repeat;margin: 0 0 12px;padding: 0 0 10px 24px;font-size: 16px;}