@charset "UTF-8";
/* ============================================= sp
================================================*/
.top-topics { padding: 12vw 0; position: relative; }
.top-topics-items { width: 88vw; margin: 0 auto 6vw; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; }
.top-topics-items li { width: 46%; }
.top-topics-item-image { width: 100%; margin-bottom: 4vw; }
.top-topics-item-text p { font-size: 3.4vw; text-align: justify; text-justify: inter-ideograph; font-feature-settings: "palt"; line-height: 1.6; letter-spacing: 0.04em; }
.top-topics-item-time { margin-bottom: 1vw; font-size: 4.21vw; font-family: "Josefin Sans"; letter-spacing: 0.2vw; display: block; }

.top-greeting { padding: 2vw 0 1px; } 
.top-greeting-content { width: 90vw; padding-bottom: 4vw; margin: auto; }
.top-greeting-image { width: 100%; margin: 0 auto 8vw; }
.top-greeting-image img { width: 100%; }
.top-greeting-text p { margin-bottom: 4vw; font-size: 3.4vw; text-align: justify; text-justify: inter-ideograph; font-feature-settings: "palt"; line-height: 1.6; letter-spacing: 0.04em; }
.top-greeting-text-title { margin-bottom: 4vw; }
.top-greeting-text-title .small { margin-bottom: 2.5vw; font-size: 5.26vw; display: block; }
.top-greeting-text-title .big { font-size: 7.89vw; display: block; }
.top-greeting-more { margin: 9% auto 0;}

.top-request {padding: 8vw 0 12vw 0; background: url(../images/top-request-bg02.png) no-repeat center bottom -5vw, url(../images/top-request-bg01.png) no-repeat center bottom 70vw; background-size: 120vw; }
.top-request-title { margin-bottom: 6vw; font-size: 7.5vw; font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E,serif; text-align: center; line-height: 1.5;font-feature-settings: "palt";letter-spacing: 0.04em; }
.top-request-box { margin-bottom: 10vw; }
.top-request-box-title { margin-bottom: 1vw; font-size: 6.58vw; font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E,serif; text-align: center; line-height: 1.4; }

.top-banner-items { width: 88vw; margin: auto; }
.top-banner-items li { padding: 4vw 0 4vw 7.5vw; font-size: 4.21vw; line-height: 1.4; background: url(../images/icon-check.png) no-repeat top 4.5vw left; background-size: 5vw; border-bottom: 1px dotted #dcdcdb; }
.top-banner-items li:last-child { border: none; }

.top-ticker { margin-top: -10vw; }
.top-ticker-items { width: 100%; }
.top-ticker-item { color: #f1f1f0; font-size: 13.16vw; font-family: "Josefin Sans"; letter-spacing: 0.2vw; }

.top-reason { padding: 2vw 0 12vw; }
.top-reason-heading { width: 90vw; margin: 0 auto 10vw; }
.top-reason-heading p { font-size: 3.4vw; line-height: 1.6; }
.top-reason-title, .top-salon-title, .top-about-title, .top-result-title, .top-flow-title { margin-bottom: 3.5vw; }
.top-reason-title .en, .top-salon-title .en, .top-about-title .en, .top-result-title .en, .top-flow-title .en { padding-left: 10vw; margin-bottom: 2.5vw; font-size: 5.26vw; font-family: "Josefin Sans"; letter-spacing: 0.4vw; position: relative; display: block; }
.top-reason-title .en:before, .top-salon-title .en:before, .top-about-title .en:before, .top-result-title .en:before, .top-flow-title .en:before { content: ''; width: 8.5vw; height: 2px; background: #000; position: absolute; top: 1.5vw; left: 0; }
.top-reason-title .jp, .top-salon-title .jp, .top-about-title .jp, .top-result-title .jp, .top-flow-title .jp { font-size: 6.32vw; font-weight: bold; display: block; }
.top-reason-items, .top-salon-items, .top-result-items, .top-flow-items { width: 90vw; margin: 0 auto 25vw; }
.top-salon-items-one{ width: 90vw; margin: 0 auto 5vw; }

.top-reason-items .slick-list, .top-salon-items .slick-list, .top-result-items .slick-list, .top-flow-items .slick-list { overflow: visible; }
.top-reason-items .slick-track, .top-salon-items .slick-track, .top-result-items .slick-track, .top-flow-items .slick-track { display: -webkit-box; display: -webkit-flex; display: flex; }
.top-reason-items .slick-dots, .top-salon-items .slick-dots, .top-result-items .slick-dots, .top-flow-items .slick-dots { bottom: -25vw; }

.top-reason-items .slider-prev, .top-reason-items .slider-next, .top-salon-items .slider-prev, .top-salon-items .slider-next, .top-result-items .slider-prev, .top-result-items .slider-next, .top-flow-items .slider-prev, .top-flow-items .slider-next { width: 32vw; padding: 3.5vw 7vw 2.2vw; font-size: 4.21vw; font-family: "Josefin Sans"; letter-spacing: 0.2vw; border: 1px solid #878788; -moz-border-radius: 15vw; -webkit-border-radius: 15vw; border-radius: 15vw; position: absolute; bottom: -16vw; }
.top-reason-items .slider-prev:before, .top-reason-items .slider-next:before, .top-salon-items .slider-prev:before, .top-salon-items .slider-next:before, .top-result-items .slider-prev:before, .top-result-items .slider-next:before, .top-flow-items .slider-prev:before, .top-flow-items .slider-next:before { content: ''; width: 2.5vw; height: 2.5vw; background: #aeadae; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; position: absolute; top: 50%; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.top-reason-items .slider-prev, .top-salon-items .slider-prev, .top-result-items .slider-prev, .top-flow-items .slider-prev { text-align: center; left: calc(50% - 34vw); }
.top-reason-items .slider-prev:before, .top-salon-items .slider-prev:before, .top-result-items .slider-prev:before, .top-flow-items .slider-prev:before { left: 2.5vw; }
.top-reason-items .slider-next, .top-salon-items .slider-next, .top-result-items .slider-next, .top-flow-items .slider-next { text-align: center; right: calc(50% - 34vw); }
.top-reason-items .slider-next:before, .top-salon-items .slider-next:before, .top-result-items .slider-next:before, .top-flow-items .slider-next:before { right: 2.5vw; }

.top-reason-item { width: 90vw; height: auto; margin: 0 4vw; position: relative; }
.top-reason-item:nth-child(3n+1) { background: #f3f8f4; }
.top-reason-item:nth-child(3n+2) { background: #f8f3f6; }
.top-reason-item:nth-child(3n) { background: #f3f7f7; }
.top-reason-item-content { padding: 8vw 6vw 4vw; }
.top-reason-item-batch { width: 26vw; z-index: 1; position: absolute; top: -6vw; left: -2vw; }
.top-reason-item-batch .title { font-size: 11.05vw; font-family: "Josefin Sans"; letter-spacing: 1vw; position: absolute; top: 52%; left: 50%; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.top-reason-item-batch .circle { width: 100%; -moz-animation: circle 24s linear infinite; -webkit-animation: circle 24s linear infinite; animation: circle 24s linear infinite; }

@-moz-keyframes circle { 0% { -moz-transform: rotate(0); transform: rotate(0); }
  100% { -moz-transform: rotate(360deg); transform: rotate(360deg); } }
@-webkit-keyframes circle { 0% { -webkit-transform: rotate(0); transform: rotate(0); }
  100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
@keyframes circle { 0% { -moz-transform: rotate(0); -ms-transform: rotate(0); -webkit-transform: rotate(0); transform: rotate(0); }
  100% { -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg); } }

.top-reason-item-image { width: 70vw; margin: 0 auto 6vw; }
.top-reason-item-text p { margin-bottom: 4vw; font-size: 3.4vw; text-align: justify; text-justify: inter-ideograph; font-feature-settings: "palt"; line-height: 1.6; letter-spacing: 0.04em; }
.top-reason-item-title { margin-bottom: 4vw; font-size: 3.95vw; font-weight: bold; line-height: 1.6; }

.top-campaign { padding: 12vw 0; background: url(../images/top-campaign-bg.jpg) no-repeat center; background-size: cover; }
.top-campaign-item-image { width: 90vw; margin: 0 auto 6vw; -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.2); box-shadow: 0 0 16px rgba(0, 0, 0, 0.2); }
.top-campaign-item-image img { width: 100%; }

.top-salon { padding: 12vw 0 10vw; }
.top-salon-deco { width: 110vw; color: #f1f1f1; font-size: 22.5vw; font-family: "Josefin Sans"; letter-spacing: 1.5vw; }
.top-salon-heading { width: 90vw; margin: -20vw auto 10vw; }
.top-salon-heading p { font-size: 3.4vw; line-height: 1.6; }
.top-salon-items { margin-bottom: 32vw; }
.top-salon-item { width: 90vw; height: auto; padding: 8vw 6vw; margin: 0 auto; border: 1px solid #e1e1e0; position: relative; }
.top-salon-item-one { height: auto; padding: 8vw 6vw; border: 1px solid #e1e1e0; position: relative; }
.top-salon-item-image { width: 60vw; margin: 0 auto 8vw; }
.top-salon-item-title { margin-bottom: 4vw; font-size: 5vw; line-height: 1.2; }
.top-salon-tel { margin-bottom: 2.5vw; font-size: 5.26vw; font-family: "Josefin Sans"; letter-spacing: 0.5vw; display: table; }
.top-salon-address { font-size: 3.4vw; line-height: 1.6; }
.top-salon-prefecture-items { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify;justify-content: space-between;width: 94vw;margin: auto;}
.top-salon-prefecture-items li { width: 45.5vw; margin-bottom: 3vw; font-size: 3.6vw; position: relative;}
.top-salon-prefecture-items a { padding: 4vw 1vw; text-align: center; background: #fbffb5;font-weight: bold; border: 1px solid #a4a5a4; border-radius: 50px;}
.top-salon-prefecture-items a::before{content: '\f041'; font-size: 4vw; font-family: 'icon';margin-right: 1.5vw;}
.top-salon-prefecture-items a::after{content: '\f105'; font-size: 4vw; font-family: 'icon';position: absolute;top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);right: 2vw;}

.salon-tp .top-salon-prefecture-items { margin: 0 auto 5vw;width: 100%;}
.salon-tp .top-salon-prefecture-items li{width: 48.5%;}

.top-salon-more {position: absolute; right: 7vw; bottom: 3vw;}
.top-salon-more:after { content: ''; border-top: 6px solid transparent; border-right: 6px solid #2c2c2c; border-bottom: 6px solid #2c2c2c; border-left: 6px solid transparent; position: absolute; margin-left: 5px; bottom: 3px; }

.top-about { padding-bottom: 12vw; background: #e9f2f2 url(../images/top-about-bg.jpg) no-repeat top center; background-size: 100%; }
.top-about-content { width: 90vw; padding: 70vw 0 1px; margin: auto; }
.top-about-deco { width: 110vw; color: #fff; font-size: 26.05vw; font-family: "Josefin Sans"; letter-spacing: 1.5vw; opacity: 0.6; }
.top-about-title { margin: -22vw auto 8vw; z-index: 1; position: relative; }
.top-about-text { margin-bottom: 8vw; }
.top-about-text p { font-size: 3.4vw; text-align: justify; text-justify: inter-ideograph; font-feature-settings: "palt"; line-height: 1.8; letter-spacing: 0.04em; }
.top-about-text-title { margin-bottom: 4vw;font-size: 4.5vw;font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E,serif;line-height: 1.6;letter-spacing: -0.5px; }
.top-about-content .top-about-image{margin: 0 auto 6vw;background: #fff;padding: 5%;}
.top-about-content .top-about-image img{width: 100%;margin: auto;}

.top-result { padding: 12vw 0; }
.top-result-deco { width: 120vw; padding-left: 10vw; color: #f1f1f1; font-size: 26.05vw; font-family: "Josefin Sans"; letter-spacing: 1.5vw; }
.top-result-heading { width: 90vw; margin: -16vw auto 8vw; }
.top-result-heading p { font-size: 3.4vw; line-height: 1.6; }
.top-result-item { width: 90vw; padding: 8vw 6vw; margin: 0 4vw; background: #f6fdf1; position: relative; }
.top-result-item-image { width: 100%; margin-bottom: 5vw; }
.top-result-item-text { width: 100%; }

.top-flow { padding: 2vw 0 12vw; }
.top-flow-heading { width: 90vw; margin: 0 auto 6vw; }
.top-flow-heading p { font-size: 3.4vw; line-height: 1.6; }
.top-flow-item { width: 90vw; height: auto; padding: 5vw 5vw 8vw; margin: 0 4vw; background: #f8f3f6; }
.top-flow-item-image { width: 100%; margin-bottom: 5vw; position: relative; }
.top-flow-item-image .image { width: 100%; }
.top-flow-item-batch { padding: 2vw 3vw 1vw; color: #3f3f3f; font-size: 3.95vw; font-family: "Josefin Sans"; text-align: center; letter-spacing: 0.5vw; background: #fff; position: absolute; top: 0; left: 0; }
.top-flow-item-batch:before { content: ''; width: 2.2vw; height: 2.2vw; margin-right: 1.5vw; background: #e6cedd; position: relative; top: -0.2vw; display: inline-block; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.top-flow-item-text p { font-size: 3.4vw; text-align: justify; text-justify: inter-ideograph; font-feature-settings: "palt"; line-height: 1.6; letter-spacing: 0.04em; }
.top-flow-item-title { margin-bottom: 2vw; font-size: 5.26vw; font-weight: bold; line-height: 1.4; }

.top-pickup-in img{width: 100%;}
.top-pickup-box { padding: 10vw 5vw; 
/*	border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; */}
.top-pickup-title { margin-bottom: 8vw; }
.top-pickup-title .en { margin-bottom: 8vw; font-size: 4.74vw; font-family: "Josefin Sans"; letter-spacing: 0.5vw; display: block; }
.top-pickup-title .jp { font-size: 6.58vw; display: block; }
.top-pickup-text { margin-bottom: 10vw; }
.top-pickup-text p { font-size: 3.29vw; text-align: justify; text-justify: inter-ideograph; font-feature-settings: "palt"; line-height: 1.6; letter-spacing: 0.04em; }
.top-pickup-more { width: 34vw; padding: 4.5vw 6vw 3vw; margin-right: 0; text-align: left; }

.top-qa { padding: 12vw 0; background: #f2f2f2; }
.top-qa-items { width: 90vw; margin: 0 auto 6vw; }
.top-qa-items li { width: 100%; margin-bottom: 4vw; }
.top-qa-item-question { padding: 3.5vw 8vw 3.5vw 14vw; font-size: 4.21vw; line-height: 1.4; background: #fff; position: relative; }
.top-qa-item-question.open:after { -moz-transform: translateY(-50%) rotateX(180deg); -ms-transform: translateY(-50%) rotateX(180deg); -webkit-transform: translateY(-50%) rotateX(180deg); transform: translateY(-50%) rotateX(180deg); }
.top-qa-item-question:before { content: 'Q'; width: 8vw; height: 8vw; padding-top: 0.5vw; color: #3f3f3f; font-family: "Josefin Sans"; background: #e8f2f3; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; position: absolute; top: 2.5vw; left: 4vw; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; }
.top-qa-item-question:after { content: '\f107'; color: #bcdbdf; font-size: 6.58vw; font-family: 'icon'; position: absolute; top: 50%; right: 3vw; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.top-qa-item-answer { width: 98%; padding: 4vw 0 2vw; margin: auto; font-size: 3.29vw; text-align: justify; text-justify: inter-ideograph; font-feature-settings: "palt"; line-height: 1.6; letter-spacing: 0.04em; display: none; }

.top-instagram { padding: 12vw 0; }
.top-instagram-items { width: 90vw; margin: 0 auto 4vw; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; }
.top-instagram-items li { width: 28vw; margin-bottom: 4vw; }
.top-instagram-items img { width: 100%; }

.top-information { padding: 2vw 0 4vw; }
.top-information-content { width: 90vw; margin: auto; }
.top-information-title { padding: 2vw 0 2vw 6vw; margin-bottom: 2vw; position: relative; }
.top-information-title:before { content: ''; width: 2vw; height: 100%; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1YjllNyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZiZGVkYiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e5b9e7), color-stop(100%, #fbdedb)); background: -moz-linear-gradient(top, #e5b9e7, #fbdedb); background: -webkit-linear-gradient(top, #e5b9e7, #fbdedb); background: linear-gradient(to bottom, #e5b9e7, #fbdedb); position: absolute; top: 0; left: 0; }
.top-information-title .en { margin-bottom: 1vw; font-size: 9.21vw; font-family: "Josefin Sans"; letter-spacing: 0.5vw; display: block; }
.top-information-title .jp { font-size: 3.4vw; letter-spacing: 0.5vw; display: block; }
.top-information-items { width: 100%; }
.top-information-items li { width: 100%; padding: 8vw 0; border-bottom: 1px solid #d5d5d4; }
.top-information-items li:last-child { border: none; }
.top-information-items a { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: flex-start; align-items: flex-start; }
.top-information-item-image { width: 35vw; margin-right: 5vw; }
.top-information-item-text { padding-top: 1vw; flex: 1; }
.top-information-item-text p { font-size: 3.4vw; line-height: 1.6; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.top-information-item-time { padding-left: 6vw; margin-bottom: 1.5vw; font-size: 3.68vw; font-family: "Josefin Sans"; letter-spacing: 0.2vw; position: relative; display: block; }
.top-information-item-time:before { content: ''; width: 4vw; height: 4vw; background: #fce9e8; position: absolute; top: -0.8vw; left: 0; }
.top-information-item-title { margin-bottom: 2vw; font-size: 4.74vw; line-height: 1.4; }

.sns-ab.inner{background:#fff;border:1px solid #ccc;width:90%;margin:30vw auto 0;}
.sns-ab img{width: 100%;margin-bottom:5%;}
.sns-ab p{text-align:center;}
.sns-ab .tit{font-weight:bold;font-size: 5vw;margin-bottom: 1%;line-height: 1.4;}
.sns-ab .txt{margin-bottom: 4vw;}
.sns-ab .textbox p{line-height: 1.8;}
.sns-ab ul{margin-bottom: 7%;}
.sns-ab li{background:#ccc;width:90%;margin:0 auto;border-radius:40px;margin-bottom:3%;}
.sns-ab a{padding:3%;text-align:center;font-weight:bold;color:#fff;position:relative;}
.sns-ab a img{width:5%;display:inline-block;margin-bottom:0;}
.sns-ab a:after{content: "\f105";font-weight: normal;font-family: 'icon';position: absolute;right: 5%;top: 30%;}
.sns-ab li:nth-child(1){background:#f19a81;}
.sns-ab li:nth-child(2){background:#8bc0e4;}

.emphasis span{font-weight: bold;font-size: 4vw;background: linear-gradient(transparent 60%, #fffa8b 60%);}
.emphasis{margin-bottom: 1vw;}


/* ============================================= pc
================================================*/
@media screen and (min-width: 736px) { 
	
  .top-concept-more { width: 240px; padding: 16px 0 10px; margin-left: 0; }
	
  .top-topics { padding: 60px 0; }
  .top-topics-content { width: 900px; margin: auto; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; align-items: center; }
  .top-topics-heading { width: 340px; }
  .top-topics-title { margin-bottom: 10px; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: baseline; align-items: baseline; }
  .top-topics-title .en { margin: 0 10px 0 0; }
  .top-topics-title .jp { position: relative; top: -2px; }
  .top-topics-items { margin: 0; flex: 1; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
  .top-topics-items li { width: 260px; }
  .top-topics-items a { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; align-items: center; }
  .top-topics-item-image { width: 100px; margin: 0 15px 0 0; }
  .top-topics-item-text { padding-top: 2px; flex: 1; }
  .top-topics-item-text p { font-size: 14px; }
  .top-topics-item-time { margin-bottom: 5px; font-size: 18px; letter-spacing: 1px; }
	
  .top-greeting { padding: 40px 0 1px; }
  .top-greeting-content { width: 900px; padding-bottom: 80px; margin: auto; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: flex-start; align-items: flex-start; }
  .top-greeting-image { width: 360px; margin: 0 0 0 80px; -webkit-order: 2; order: 2; }
  .top-greeting-text { padding-top: 10px; flex: 1; -webkit-order: 1; order: 1; }
  .top-greeting-text p { margin-bottom: 30px; font-size: 15px; line-height: 1.8; }
  .top-greeting-text-title { margin-bottom: 40px; }
  .top-greeting-text-title .small { margin-bottom: 15px; font-size: 25px; }
  .top-greeting-text-title .big { font-size: 40px; }
  .top-greeting-more { margin-top: 40px; }
	
  .top-request { padding: 20px 0 160px; background-position: bottom left calc(50% + 320px), bottom left calc(50% - 320px); background-size: 700px; }
  .top-request-title { margin-bottom: 80px; font-size: 48px; }
  .top-request-content { width: 900px; margin: auto; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; }
  .top-request-box { width: 350px; margin: 0; }
  .top-request-box-title { margin-bottom: 15px; font-size: 30px; letter-spacing: 2px; }
	
  .top-banner-items { width: 100%; }
  .top-banner-items li { padding: 15px 0 13px 35px; font-size: 18px; background-position: top 16px left; background-size: 22px; }
  .top-ticker { margin-top: -60px; }
  .top-ticker-item { font-size: 100px; letter-spacing: 5px; }
	
  .top-reason { padding: 1px 0 120px; margin-top: -50px; }
  .top-reason-heading, .top-salon-heading, .top-result-heading, .top-flow-heading { width: 900px; margin: 0 auto 80px; z-index: 1; position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: flex-end; align-items: flex-end; }
  .top-reason-heading p, .top-salon-heading p, .top-result-heading p, .top-flow-heading p { font-size: 15px; flex: 1; }
  .top-reason-title, .top-salon-title, .top-about-title, .top-result-title, .top-flow-title { margin-bottom: 40px; }
  .top-reason-title .en, .top-salon-title .en, .top-about-title .en, .top-result-title .en, .top-flow-title .en { padding-left: 42px; margin-bottom: 12px; font-size: 20px; letter-spacing: 2px; }
  .top-reason-title .en:before, .top-salon-title .en:before, .top-about-title .en:before, .top-result-title .en:before, .top-flow-title .en:before { width: 30px; top: 7px; }
  .top-reason-title .jp, .top-salon-title .jp, .top-about-title .jp, .top-result-title .jp, .top-flow-title .jp { font-size: 30px; }
  .top-reason-title, .top-salon-title, .top-result-title, .top-flow-title { margin: 0 40px 0 0; }
  .top-reason-items, .top-flow-items { width: 100%; margin-bottom: 50px; }
  .top-reason-items .slick-dots, .top-flow-items .slick-dots { bottom: -50px; }
  .top-reason-items .slick-dots li, .top-flow-items .slick-dots li { width: 15px; height: 15px; margin: 0 10px; }
  .top-reason-items .slider-prev, .top-reason-items .slider-next, .top-flow-items .slider-prev, .top-flow-items .slider-next { width: 130px; font-size: 20px; letter-spacing: 2px; background: #fff; z-index: 2; bottom: auto; top: 50%; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
  .top-reason-items .slider-prev:before, .top-reason-items .slider-next:before, .top-flow-items .slider-prev:before, .top-flow-items .slider-next:before { width: 10px; height: 10px; }
  .top-reason-items .slider-prev, .top-flow-items .slider-prev { padding: 12px 0 8px 45px; left: calc(50% - 515px); }
  .top-reason-items .slider-prev:before, .top-flow-items .slider-prev:before { left: 14px; }
  .top-reason-items .slider-next, .top-flow-items .slider-next { padding: 12px 45px 8px 0; right: calc(50% - 515px); }
  .top-reason-items .slider-next:before, .top-flow-items .slider-next:before { right: 14px; }
  .top-reason-item {width: 880px;margin: 0 30px;}
  .top-reason-item-content { padding: 30px; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: flex-start; align-items: flex-start; }
  .top-reason-item-batch { width: 100px; top: -25px; left: -30px; }
  .top-reason-item-batch .title { font-size: 42px; letter-spacing: 5px; }
  .top-reason-item-image { width: 234px; margin: 0 30px 0 0; }
  .top-reason-item-text { flex: 1; }
  .top-reason-item-text p {margin-bottom: 20px;font-size: 15px;line-height: 1.8;}
  .top-reason-item-title { margin-bottom: 20px; font-size: 20px; }
	
  .top-campaign { padding: 120px 0; background: url(../images/pc-top-campaign-bg.jpg) no-repeat center; background-size: cover; }
  .top-campaign-item-image { width: 900px; margin-bottom: 40px; }
	
  .top-salon { padding: 140px 0 100px; }
  .top-salon-content { width: 900px; margin: auto; z-index: 1; position: relative; }
  .top-salon-deco { width: auto; font-size: 140px; letter-spacing: 8px; -ms-writing-mode: tb-rl; writing-mode: tb-rl; z-index: -1; position: absolute; top: 454px; left: 210px; -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); -moz-transform-origin: top left; -ms-transform-origin: top left; -webkit-transform-origin: top left; transform-origin: top left; }
  .top-salon-items, .top-result-items { width: calc(50vw + 335px); margin: -30px 0 140px 110px; }
  .top-salon-items-one { width: 900px; margin: 0 auto 40px; }
	
  .top-salon-items .slick-list, .top-result-items .slick-list { padding: 20px 0 0 10px; overflow: hidden; }
  .top-salon-items .slick-dots, .top-result-items .slick-dots { width: 720px; padding-right: 80px; text-align: right; bottom: -70px; }
  .top-salon-items .slick-dots li, .top-result-items .slick-dots li { width: 15px; height: 15px; margin: 0 10px; }
  .top-salon-items .slider-prev, .top-salon-items .slider-next, .top-result-items .slider-prev, .top-result-items .slider-next { width: 130px; font-size: 20px; letter-spacing: 2px; background: #fff; z-index: 2; bottom: -80px; }
  .top-salon-items .slider-prev:before, .top-salon-items .slider-next:before, .top-result-items .slider-prev:before, .top-result-items .slider-next:before { width: 10px; height: 10px; }
  .top-salon-items .slider-prev, .top-result-items .slider-prev { padding: 12px 0 8px 45px; left: 80px; }
  .top-salon-items .slider-prev:before, .top-result-items .slider-prev:before { left: 14px; }
  .top-salon-items .slider-next, .top-result-items .slider-next { padding: 12px 45px 8px 0; right: auto; left: 230px; }
  .top-salon-items .slider-next:before, .top-result-items .slider-next:before { right: 14px; }
	
  .top-salon-item { width: 720px; padding: 30px; margin: 0 25px; background: #fff; border-width: 2px; }
  .top-salon-item-one { padding: 30px; margin: 0 25px; background: #fff; border-width: 2px; }
  .top-salon-item-content { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: flex-start; align-items: flex-start; }
  .top-salon-item-image { width: 234px; margin: 0 30px 0 0; }
  .top-salon-item-text { padding-top: 15px; flex: 1; }
  .top-salon-item-title { margin-bottom: 30px; font-size: 22px; }
  .top-salon-tel { margin-bottom: 20px; font-size: 25px; letter-spacing: 2px; }
  .top-salon-address { font-size: 15px; }
  .top-salon-prefecture-items { width: 920px; }
  .top-salon-prefecture-items::after{content: "";display: block;width: 294px;}
  .top-salon-prefecture-items li { width: 294px; margin-bottom: 20px; font-size: 18px; }
  .top-salon-prefecture-items a { padding: 22px 0; }
  .top-salon-more {position: absolute; right: 35px; bottom: 15px;}
.top-salon-prefecture-items a::before{font-size: 18px; margin-right: 8px;}
.top-salon-prefecture-items a::after{font-size: 20px; right: 10px;}
	
  .salon-tp .top-salon-prefecture-items { width: 900px;margin: 0 auto 40px;}
  .salon-tp .top-salon-prefecture-items::after{content: "";display: block;width: 288px;}
  .salon-tp .top-salon-prefecture-items li{width: 288px;}
	
  .top-about { min-width: 2000px; padding: 120px 0; background: #e9f2f2 url(../images/pc-top-about-bg.jpg) no-repeat top center; background-size: 100%; position: relative; left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }
  .top-about-content { width: 900px; padding: 0; }
  .top-about-deco { width: auto; margin-left: -265px; font-size: 140px; letter-spacing: 10px; }
  .top-about-title { margin: -100px 0 40px; }
  .top-about-text { margin-bottom: 50px; }
  .top-about-text p { font-size: 15px; }
  .top-about-text-title { margin-bottom: 20px; font-size: 25px; line-height: 1.6; }
  .top-about-content .top-about-image{width:519px;padding: 20px; margin: 0 auto 40px;}
  .top-about-content .top-about-image img{width: 479px;}
	
  .top-result { padding: 120px 0; }
  .top-result-content { width: 900px; margin: auto; position: relative; }
  .top-result-deco { width: auto; padding: 0; font-size: 140px; letter-spacing: 8px; -ms-writing-mode: tb-rl; writing-mode: tb-rl; z-index: -1; position: absolute; top: 720px; left: 155px; -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); -moz-transform-origin: top left; -ms-transform-origin: top left; -webkit-transform-origin: top left; transform-origin: top left; }
  .top-result-items { margin-bottom: 80px; }
  .top-result-item { width: 445px; padding: 30px; margin: 0 25px; }
  .top-result-item-image { margin-bottom: 20px; }
	
  .top-flow { padding: 30px 0 120px; }
  .top-flow-heading { margin-bottom: 50px; }
  .top-flow-items { width: 940px; }
  .top-flow-item { width: 420px; padding: 20px 20px 30px; margin: 0 25px; }
  .top-flow-item-image { margin-bottom: 20px; }
  .top-flow-item-batch { padding: 12px 15px 6px; font-size: 18px; letter-spacing: 1px; }
  .top-flow-item-batch:before { width: 10px; height: 10px; margin-right: 8px; top: -2px; }
  .top-flow-item-text p { font-size: 15px; }
  .top-flow-item-title { margin-bottom: 10px; font-size: 25px; }
	
  .top-qa { padding: 120px 0; }
  .top-qa-items { width: 900px; margin-bottom: 40px; }
  .top-qa-items li { margin-bottom: 20px; }
  .top-qa-item-question { padding: 15px 40px 14px 55px; font-size: 20px; }
  .top-qa-item-question:before { width: 30px; height: 30px; padding-top: 4px; font-size: 15px; top: 15px; left: 15px; }
  .top-qa-item-question:after { font-size: 25px; right: 20px; }
  .top-qa-item-answer { width: 96%; padding: 20px 0 30px; font-size: 15px; line-height: 2; }
	
  .top-instagram { padding: 120px 0; }
  .top-instagram-items { width: 900px; margin-bottom: 40px; }
  .top-instagram-items li { width: 135px; margin: 0; }
	
  .top-information { padding: 30px 0 80px; }
  .top-information-content { width: 900px; }
  .top-information-title { padding: 6px 0 6px 25px; margin-bottom: 10px; }
  .top-information-title:before { width: 8px; }
  .top-information-title .en { margin-bottom: 10px; font-size: 40px; letter-spacing: 4px; }
  .top-information-title .jp { font-size: 18px;  letter-spacing: 0;}
  .top-information-items li { padding: 40px 0; }
  .top-information-item-image { width: 320px; margin-right: 40px; }
  .top-information-item-text { padding-top: 10px; }
  .top-information-item-text p { font-size: 14px; -webkit-line-clamp: 3; }
  .top-information-item-time { padding-left: 22px; margin-bottom: 10px; font-size: 14px; letter-spacing: 2px; }
  .top-information-item-time:before { width: 14px; height: 14px; top: -2px; }
  .top-information-item-title { margin-bottom: 10px; font-size: 22px; }
	
	.top-pickup-title{margin-bottom: 40px;}
	.top-pickup-title .en{font-size: 22px;margin-bottom: 20px;}
	.top-pickup-title .jp{font-size: 32px;}
	.top-pickup-text{margin-bottom: 40px;}
	.top-pickup-text p{font-size: 18px;}
	.top-pickup-more{width: 160px;padding: 20px 0 14px 30px;}
	
  .sns-ab.inner{width: 900px;margin: 40px auto 10px;height: 211px;}
  .sns-ab img{width:330px;display:inline-block;margin-bottom: 0;}
  .sns-ab .textbox{display:inline-block;width: 530px;margin: 20px 0 0 16px;vertical-align: top;}
  .sns-ab .textbox:before{content:none;}
  .sns-ab .textbox .tit{font-size: 24px;line-height: 1.4;}
  .sns-ab .textbox .txt{margin-bottom:10px;line-height: 1.4;}
  .sns-ab ul{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;margin-bottom: 0;}
  .sns-ab li{width:48%;margin-bottom: 0;}
  .sns-ab a{padding:15px;}
  .sns-ab a img{width:18px;}	
	
  .emphasis span{font-size: 18px;}
  .emphasis{margin-bottom: 10px;}
	
}


@media screen and (min-width: 1000px) {
	
  .top-pickup{display: -webkit-box;display: -ms-flexbox;display: flex;}
  .top-pickup .top-pickup-content{width: 50%;}
  .top-pickup-box{width: 480px;}
  .top-pickup-content:first-child .top-pickup-box{margin-left: auto;}
  .top-pickup-content:first-child img{margin: 0 0 0 auto;}
  .top-pickup-content:nth-child(2) img{margin: 0 auto 0 0;}
	
  .top-pickup-content:first-child .top-pickup-in{background: #f1eaf0;}
  .top-pickup-content:nth-child(2) .top-pickup-in{background: #eae0e1;}
  
  .top-pickup-content:first-child .top-pickup-box {padding: 60px 40px 60px 0;border-right: 1px solid #ccc;}
  .top-pickup-content:nth-child(2) .top-pickup-box {padding: 60px 0 60px 40px;}
  
  .top-pickup-title { margin-bottom: 30px; }
  .top-pickup-title .en { margin-bottom: 30px; font-size: 18px; letter-spacing: 2px; }
  .top-pickup-title .jp { font-size: 30px; }
  .top-pickup-text { margin-bottom: 40px; }
  .top-pickup-text p { font-size: 15px; }
  .top-pickup-more { width: 130px; padding: 14px 22px 9px; font-size: 18px; }
	
}


/* retina用 ----------------------------------------------- */
@media screen and (min-width: 736px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 736px) and (min-resolution: 2dppx) { 
	.top-request { background: url(../images/top-request-bg02.png) no-repeat bottom left calc(50% + 320px), url(../images/top-request-bg01.png) no-repeat bottom left calc(50% - 320px); background-size: 700px; }
    .top-about { background: #e9f2f2 url(../images/pc-top-about-bg@2x.jpg) no-repeat top center; background-size: 100%; }
    .top-campaign { background: url(../images/pc-top-campaign-bg@2x.jpg) no-repeat center; background-size: cover; }

}