@charset "UTF-8";
/* default sp
----------------------------------------------- */
* { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, section, summary, time, mark, audio, video { margin: 0; padding: 0; font: inherit; word-wrap: break-word; border: 0; vertical-align: baseline; outline: none; }

body { padding: 0; margin: 0; color: #000; font-size: 3.5vw; font-family: 游ゴシック体, YuGothic, 'Yu Gothic', "游ゴシック Medium", "Yu Gothic Medium", 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; -webkit-text-size-adjust: 100%; font-style: normal; line-height: 1; }

_:-ms-lang(x)::-ms-backdrop, body { font-family: "メイリオ", Meiryo, sans-serif; }

article, aside, canvas, details, figcaption, figure, header, footer, hgroup, main, menu, nav, section, summary { display: block; }

blockquote, q { quotes: none; }

strong, b { font-weight: bold; }

ul, ol, li { list-style: none; }

table { border-spacing: 0; border-collapse: collapse; }

img, video, object { height: auto; border: none; display: block; }

ins { background: none; color: #000; text-decoration: none; }

mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }

hr { height: 1px; padding: 0; margin: 1em 0; border: 0; border-top: 1px solid #ccc; display: block; }

*:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-transition: all 0.3s cubic-bezier(0.05, 0.05, 0.31, 0.97); -o-transition: all 0.3s cubic-bezier(0.05, 0.05, 0.31, 0.97); -webkit-transition: all 0.3s cubic-bezier(0.05, 0.05, 0.31, 0.97); transition: all 0.3s cubic-bezier(0.05, 0.05, 0.31, 0.97); }

a { color: #000; text-decoration: none; display: block; -moz-transition: all 0.3s cubic-bezier(0.05, 0.05, 0.31, 0.97); -o-transition: all 0.3s cubic-bezier(0.05, 0.05, 0.31, 0.97); -webkit-transition: all 0.3s cubic-bezier(0.05, 0.05, 0.31, 0.97); transition: all 0.3s cubic-bezier(0.05, 0.05, 0.31, 0.97); }
a:hover { opacity: 0.6; }

::selection { color: #fff; background: #cfc7c0; }

::-moz-selection { color: #fff; background: #cfc7c0; }

.clearfix:after { content: ''; display: block; clear: both; }

.pc, .pc-header { display: none; }

.sp, .sp-header { display: block; }

/* common sp
----------------------------------------------- */
.container { width: 100%; padding-top: 50px; z-index: 1; overflow: hidden; position: relative; }

.flexitem{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;}

.more01 { width: 45vw; padding: 3vw 0 2.5vw; margin: auto; text-align: center; background: #fff; border: 1px solid #ddd; position: relative; }
.more01:after { content: ''; width: 8vw; height: 1px; background: #d8c9c4; position: absolute; top: 50%; right: -4vw; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.more01 .title { font-size: 3.42vw; font-family: garamond-premier-pro; font-weight: 500; letter-spacing: 0.5vw; }

.midashi01 { width: 100%; margin: 0 auto 6vw; text-align: center; position: relative; }
.midashi01 .en { margin-bottom: 1.5vw; font-size: 9.21vw; font-family: futura-pt; font-weight: 500; letter-spacing: 0.5vw; display: block; }
.midashi01 .jp { color: #444; font-size: 3.16vw; display: block; }

.midashi02{background: url(../images/midashi-bg01.jpg) center;padding: 3%;font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, serif;color:#684949;margin-bottom: 4%;}

.midashi03{background:#000;color: #fff;font-weight: bold;padding: 3% 5%;font-size: 4vw;margin-bottom: 3%;border-radius: 40px;}

/* header sp
----------------------------------------------- */
.header { width: 100%; height: 60px; background: #fff; z-index: 10; position: fixed; top: 0; left: 0; }

.sp-header { width: 100%; height: 100%; display: block; }

.pc-header { display: none; }

.header-content { width: 100%; height: 100%; position: relative; }

.header-logo { width: 90px; position: absolute; top: 15px; left: 15px; }
.header-logo img { width: 100%; }

.header-tel { width: 40px; position: absolute; top: 10px; right: 106px; }
.header-tel img { width: 100%; }

.header-contact { width: 40px; position: absolute; top: 10px; right: 58px; }
.header-contact img { width: 100%; }

.header-navi-button { width: 40px; height: 40px; border: 1px solid #232324; cursor: pointer; z-index: 11; position: absolute; top: 10px; right: 12px; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: box; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; align-items: center; }
.header-navi-button .line { width: 23px; height: 1px; background: #232324; position: absolute; left: 8px; -moz-transition: all 0.3s cubic-bezier(0.05, 0.05, 0.31, 0.97); -o-transition: all 0.3s cubic-bezier(0.05, 0.05, 0.31, 0.97); -webkit-transition: all 0.3s cubic-bezier(0.05, 0.05, 0.31, 0.97); transition: all 0.3s cubic-bezier(0.05, 0.05, 0.31, 0.97); }
.header-navi-button .line-top { top: 11px; }
.header-navi-button .line-middle { top: 19px; }
.header-navi-button .line-bottom { top: 27px; }

.header-navi { width: 100%; height: 100%; background: rgba(255, 255, 255, 0.9); z-index: 10; position: fixed; top: 100%; left: 0; }

.header-navi-inner { width: 100%; height: 100%; opacity: 0; visibility: hidden; position: absolute; top: 0; right: 0; overflow-y: auto; -ms-overflow-style: none; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
.header-navi-inner::-webkit-scrollbar { display: none; }

.header-navi-scroll { width: 100%; padding: 60px 0 1px; overflow-y: auto; -ms-overflow-style: none; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
.header-navi-scroll::-webkit-scrollbar { display: none; }

.header-navi-category { width: 100%; }

.header-navi-category-title { padding: 4vw 5vw 3.5vw; color: #fff; font-size: 5.26vw; font-family: garamond-premier-pro; font-weight: 500; letter-spacing: 0.5vw; background: #c9b28f; }

.header-navi-items { width: 100%; }
.header-navi-items li { border-bottom: 1px solid #eee; position: relative; }
.header-navi-items li.overview{padding: 5vw 0 0;}
.header-navi-items li.overview span.en{padding: 0 0 0 5vw;margin-bottom: 10px;display: inline-block;}
.header-navi-items li.overview .second-items{background:#fff8ed;}
.header-navi-items li.overview:after{content:none;}
.header-navi-items li:after { content: '\f105'; color: #ccc; font-family: 'icon'; position: absolute; top: 50%; right: 5vw; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.header-navi-items li.overview li:after{color:#c9b28f}
.header-navi-items a { padding: 5vw 5vw 4vw; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: box; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: baseline; align-items: baseline; }
.header-navi-items .en { margin-right: 2vw; font-size: 4.61vw; font-family: garamond-premier-pro; font-weight: 500; letter-spacing: 0.2vw; }
.header-navi-items .jp { font-size: 3.16vw; font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, serif; }

.header-navi-category-flex { margin-bottom: 100px; }
.header-navi-category-flex .header-navi-items { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: box; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.header-navi-category-flex .header-navi-items li { width: 50%; border-right: 1px solid #eee; }
.header-navi-category-flex .header-navi-items li:nth-child(even) { border-right: none; }
.header-navi-category-flex .header-navi-items a { display: block; }
.header-navi-category-flex .header-navi-items .en { margin: 0 0 1vw 0; display: block; }
.header-navi-category-flex .header-navi-items .jp { display: block; }

.header-navi-open { width: 100%; height: 100%; position: fixed; }
.header-navi-open .line-top { top: 19px; -moz-transform: rotate(35deg); -ms-transform: rotate(35deg); -webkit-transform: rotate(35deg); transform: rotate(35deg); }
.header-navi-open .line-middle { opacity: 0; left: 5vw; }
.header-navi-open .line-bottom { top: 19px; -moz-transform: rotate(-35deg); -ms-transform: rotate(-35deg); -webkit-transform: rotate(-35deg); transform: rotate(-35deg); }
.header-navi-open .header-navi { visibility: visible; -moz-animation-name: header-navi-open; -webkit-animation-name: header-navi-open; animation-name: header-navi-open; -moz-animation-duration: 0.4s; -webkit-animation-duration: 0.4s; animation-duration: 0.4s; -moz-animation-timing-function: ease; -webkit-animation-timing-function: ease; animation-timing-function: ease; -moz-animation-delay: 0s; -webkit-animation-delay: 0s; animation-delay: 0s; -moz-animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }
.header-navi-open .header-navi-inner { -moz-animation-name: header-navi-in; -webkit-animation-name: header-navi-in; animation-name: header-navi-in; -moz-animation-duration: 0.25s; -webkit-animation-duration: 0.25s; animation-duration: 0.25s; -moz-animation-delay: 0.4s; -webkit-animation-delay: 0.4s; animation-delay: 0.4s; -moz-animation-timing-function: ease; -webkit-animation-timing-function: ease; animation-timing-function: ease; -moz-animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }

.header-navi-closed .header-navi { -moz-animation-name: header-navi-closed; -webkit-animation-name: header-navi-closed; animation-name: header-navi-closed; -moz-animation-duration: 0.8s; -webkit-animation-duration: 0.8s; animation-duration: 0.8s; -moz-animation-delay: 0s; -webkit-animation-delay: 0s; animation-delay: 0s; -moz-animation-timing-function: ease; -webkit-animation-timing-function: ease; animation-timing-function: ease; -moz-animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }
.header-navi-closed .header-navi-inner { opacity: 1; -moz-animation-name: header-navi-out; -webkit-animation-name: header-navi-out; animation-name: header-navi-out; -moz-animation-duration: 0.25s; -webkit-animation-duration: 0.25s; animation-duration: 0.25s; -moz-animation-delay: 0s; -webkit-animation-delay: 0s; animation-delay: 0s; -moz-animation-timing-function: ease; -webkit-animation-timing-function: ease; animation-timing-function: ease; -moz-animation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; }

@-moz-keyframes header-navi-open { 0% { top: 100%; height: 0; }
  100% { top: 0; height: 100vh; } }
@-webkit-keyframes header-navi-open { 0% { top: 100%; height: 0; }
  100% { top: 0; height: 100vh; } }
@keyframes header-navi-open { 0% { top: 100%; height: 0; }
  100% { top: 0; height: 100vh; } }
@-moz-keyframes header-navi-closed { 0% { top: 0; height: 100%; }
  100% { top: 0; height: 0%; } }
@-webkit-keyframes header-navi-closed { 0% { top: 0; height: 100%; }
  100% { top: 0; height: 0%; } }
@keyframes header-navi-closed { 0% { top: 0; height: 100%; }
  100% { top: 0; height: 0%; } }
@-moz-keyframes header-navi-in { 0% { opacity: 0; visibility: hidden; -moz-transform: translateY(15px); transform: translateY(15px); }
  100% { opacity: 1; visibility: visible; -moz-transform: translateY(0); transform: translateY(0); } }
@-webkit-keyframes header-navi-in { 0% { opacity: 0; visibility: hidden; -webkit-transform: translateY(15px); transform: translateY(15px); }
  100% { opacity: 1; visibility: visible; -webkit-transform: translateY(0); transform: translateY(0); } }
@keyframes header-navi-in { 0% { opacity: 0; visibility: hidden; -moz-transform: translateY(15px); -ms-transform: translateY(15px); -webkit-transform: translateY(15px); transform: translateY(15px); }
  100% { opacity: 1; visibility: visible; -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); } }
@-moz-keyframes header-navi-out { 0% { opacity: 1; visibility: visible; -moz-transform: translateY(0); transform: translateY(0); }
  100% { opacity: 0; visibility: hidden; -moz-transform: translateY(-15px); transform: translateY(-15px); } }
@-webkit-keyframes header-navi-out { 0% { opacity: 1; visibility: visible; -webkit-transform: translateY(0); transform: translateY(0); }
  100% { opacity: 0; visibility: hidden; -webkit-transform: translateY(-15px); transform: translateY(-15px); } }
@keyframes header-navi-out { 0% { opacity: 1; visibility: visible; -moz-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); }
  100% { opacity: 0; visibility: hidden; -moz-transform: translateY(-15px); -ms-transform: translateY(-15px); -webkit-transform: translateY(-15px); transform: translateY(-15px); } }
/* hero sp
----------------------------------------------- */
.hero { width: 100%; position: relative; }
.hero-top{margin-bottom:8%;}
.top-hero-image { width: 100%; }
.top-hero-image img {  width: 100%;  position: relative; left: 50%; -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); }

.second-hero { height: 38vw; background: url(../images/second-hero-bg.jpg) no-repeat center; background-size: cover; }

.second-title { width: 100%; text-align: center; position: absolute; top: 50%; left: 0; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.second-title .en { margin-bottom: 2vw; font-size: 9.21vw; font-family: futura-pt; font-weight: 500; letter-spacing: 2.5vw; display: block; }
.second-title .jp { font-size: 3.16vw; display: block; }



/* bread sp
----------------------------------------------- */
.breadcrumb { background: #232324; position: relative; }

.breadcrumb-items { width: 100%; margin: 0 auto; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: box; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.breadcrumb-items li { font-size: 3.16vw; background: url(../images/arrow02.png) no-repeat center right; background-size: auto 100%; position: relative; }
.breadcrumb-items li:last-child { background: none; }
.breadcrumb-items li:last-child span { padding: 2.5vw 2.5vw 2vw; }
.breadcrumb-items a { color: #fff; }
.breadcrumb-items span { padding: 2.5vw 4.5vw 2vw 2vw; display: block; }

/* footer sp
----------------------------------------------- */
.footer { width: 100%; padding-bottom: 5vw; overflow: hidden; position: relative; }

.footer-information { width: 90vw; padding: 12vw 0 2vw; margin: 0 auto 12vw; background: #fff; border: 1px solid #000; position: relative; }
.footer-information:before { content: ''; width: 100vw; height: 1px; background: #000; z-index: -1; position: absolute; top: 50%; left: 50%; -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }

.footer-information-heading { margin-bottom: 6vw; }

.footer-information-title { margin: 0 auto 6vw; position: relative; display: table; }
.footer-information-title .title { font-size: 6.58vw; font-family: futura-pt; font-weight: 500; letter-spacing: 0.5vw; }
.footer-information-title .deco { width: 25vw; position: absolute; top: -5vw; left: -14vw; }

.footer-information-heading-comment { font-size: 3.16vw; text-align: center; line-height: 1.6; }

.footer-information-items { margin-bottom: 6vw; 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-information-items li { margin: 0 2.5vw; }

.footer-information-item-image { width: 12vw; height: 12vw; padding-top: 2.5vw; margin: 0 auto 1.5vw; background: #dcbcb3; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; }
.footer-information-item-image img { width: 8vw; margin: auto; }

.footer-information-item-title { font-size: 3vw; font-family: futura-pt; font-weight: 500; text-align: center; font-weight: bold;}

.footer-information-contact-items { width: 80vw; margin: auto; }
.footer-information-contact-items li { margin-bottom: 3vw; text-align: center; }
.footer-information-contact-items li:nth-child(1) .main:before { content: 'TEL.'; font-size: 4.21vw; }
.footer-information-contact-items li:nth-child(3) .main { padding-left: 7vw; background: url(../images/icon-contact.png) no-repeat top left; background-size: 6vw; }
.footer-information-contact-items a { padding: 5vw 0; color: #fff; background: #000; }
.footer-information-contact-items .sub { margin-bottom: 1.5vw; font-size: 3.16vw; display: block; }
.footer-information-contact-items .main { margin: auto; font-size: 5.26vw; font-family: futura-pt; font-weight: 500; letter-spacing: 0.5vw; display: table; }
.footer-salon .setitem{border-bottom:1px solid #000;margin-bottom: 8%;padding-bottom: 3%;}
.footer-salon-title { width: 42vw; margin: 0 auto 6vw; }
.footer-salon-title img { width: 100%; }
.footer-salon-title span{display:block;text-align: center;margin-bottom: 5%;font-weight: bold;}
.footer-salon .btn{background:#000;width:90%;margin:10px auto;color:#fff;font-family: futura-pt;font-weight: 500;text-align: center;font-size: 4vw;padding: 3%;position:relative;}
.footer-salon .btn:after{content: "\f105";font-family: 'icon';position: absolute;right: 5%;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.footer-salon-image { width: 100%; }
.footer-salon-image img { width: 100%; }

.footer-salon-text { padding: 10vw 0 5vw; position: relative; }

.footer-tel { margin: 0 auto 4vw; color: #9e6350; font-size: 7.89vw; font-family: futura-pt; font-weight: 500; letter-spacing: 0.2vw; display: table; }
.footer-tel:before { content: 'TEL.'; font-size: 5.26vw; }

.footer-address, .footer-open { margin-bottom: 4vw; font-size: 3.16vw; text-align: center; line-height: 1.6; }
.footer-salon{position:relative}
.footer-step-items { width: 90vw; margin: 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; }
.footer-step-items li { width: 48%; text-align: center; }
.footer-step-items li:nth-child(1) .title { padding: 1vw 0 1vw 5vw; background: url(../images/icon-map.png) no-repeat top left -1.5vw; background-size: 7vw; }
.footer-step-items li:nth-child(2) .title { padding: 1vw 0 1vw 7.5vw; background: url(../images/icon-root.png) no-repeat top left; background-size: 7vw; }
.footer-step-items a { padding: 3vw 0 2.5vw; color: #fff; background: #cfbdb7; }

.pagetop { width: 12vw; position: absolute; top: -5vw; right: 5vw; z-index: 2;}
.pagetop img { width: 100%; }

.footer-navi { width: 90vw; margin: 0 auto 8vw; }

.footer-navi-title { padding: 3.5vw 0 3vw; font-size: 5.26vw; font-family: futura-pt; font-weight: 500; letter-spacing: 0.5vw; border-bottom: 1px solid #ddd; position: relative; }
.footer-navi-title.open .plus:after { -moz-transform: translate(-50%, -50%) rotate(90deg); -ms-transform: translate(-50%, -50%) rotate(90deg); -webkit-transform: translate(-50%, -50%) rotate(90deg); transform: translate(-50%, -50%) rotate(90deg); }
.footer-navi-title .plus { width: 2vw; height: 2vw; position: absolute; top: 50%; right: 2.5vw; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.footer-navi-title .plus:before { content: ''; width: 100%; height: 1px; background: #000; position: absolute; top: 50%; left: 50%; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.footer-navi-title .plus:after { content: ''; width: 1px; height: 100%; background: #000; position: absolute; top: 50%; left: 50%; -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.footer-navi-items { width: 100%; display: none; }
.footer-navi-items li { width: 100%; font-size: 3.95vw; border-bottom: 1px solid #ddd; position: relative; }
.footer-navi-items li:after { content: '\f105'; color: #000; font-family: 'icon'; position: absolute; top: 50%; right: 2.5vw; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.footer-navi-items a { padding: 3.5vw 0 3vw; }

.copyright { color: #777; font-size: 3.16vw; text-align: center; line-height: 1.4; display: block; }

/* second
----------------------------------------------- */
.second-text { width: 90vw; min-height: 80vw; padding: 8vw 0 8vw; margin: auto; position: relative; }
.second-text p { margin-bottom: 4vw; font-size: 3.35vw; line-height: 1.8; }
.second-content-none .second-text{width:100%;}
.second-content .inner{width:90%;margin:0 auto;}

/* qa
----------------------------------------------- */
.qabox li{margin-bottom:8%;}
.qabox dt{background:#ece3e4;position: relative;padding: 3% 4% 3% 45px;font-weight: bold;line-height: 1.4;font-size: 94%;margin-bottom: 4%;}
.qabox dt:before{content:"Q";position:absolute;left:3%;top: 20%;font-family: futura-pt;font-weight: 600;width: 25px;height: 24px;background: #fff;text-align: center;padding-top: 3px;color: #d1aeb6;}
.qabox dd{line-height: 1.5;}
.qabox dd a{display:inline-block;font-weight: bold;color: #af6b71;text-decoration: underline;}

/* =============================================
pc-size
================================================*/
@media screen and (min-width: 736px) { /* default pc ----------------------------------------------- */
  body { font-size: 14px; }
  .sp, .sp-header { display: none; }
  .pc, .pc-header { display: block; }
  /* common pc ----------------------------------------------- */
  .container { padding-top: 0; }
  .more01 { width: 240px; padding: 16px 0 12px; border-width: 2px; }
  .more01:after { width: 40px; height: 2px; right: -20px; }
  .more01 .title { font-size: 20px; letter-spacing: 2px; }
  .midashi01 { margin-bottom: 50px; }
  .midashi01 .en { margin-bottom: 10px; font-size: 50px; letter-spacing: 2px; }
  .midashi01 .jp { font-size: 20px; }
  .midashi02{font-size:20px;}
  .midashi03{font-size: 18px;padding: 15px 25px;}
  /* header pc ----------------------------------------------- */
  .header { height: auto; background: #fff; position: relative; }
  .sp-header { display: none; }
  .pc-header { display: block; }
  .pc-header-content { width: 960px; height: 100px; padding: 1px 0; margin: auto; position: relative; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: box; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; align-items: center; }
  .pc-header-logo { width: 160px; margin: 0 auto 0 30px; }
  .pc-header-logo img { width: 100%; }
  .pc-header-tel { margin-right: 10px; text-align: right; }
  .pc-header-tel .number { padding-left: 24px; margin: 0 8px 5px auto; font-size: 26px; font-family: futura-pt; font-weight: 500; letter-spacing: 1px; background: url(../images/icon-tel-color.png) no-repeat top 2px left; background-size: 20px; display: table; }
  .pc-header-open { font-size: 12px; letter-spacing: 1px; }
  .pc-header-contact { width: 240px; padding: 20px 0 18px; color: #666; font-size: 14px; font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E,serif; text-align: center; background: #e8dbda; }
  .pc-header-contact .title { padding-left: 28px; background: url(../images/icon-contact-color.png) no-repeat top left; background-size: 18px; }
  .pc-header-navi { width: 100%; padding: 15px 0; background: #e9eaea; }
  .pc-header-navi-items { width: 960px; margin: auto; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: box; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
  .pc-header-navi-items li { width: 160px; font-size: 14px; text-align: center; letter-spacing: 1px; border-right: 1px dashed #ccc; position: relative; }
  .pc-header-navi-items li:first-child { border-left: 1px dashed #ccc; }
  .pc-header-navi-items li.current:after, .pc-header-navi-items li:hover:after { height: 4px; }
  .pc-header-navi-items li:after { content: ''; width: 100%; height: 0; background: #000; position: absolute; bottom: -15px; left: 0; -moz-transition: all 0.2s cubic-bezier(0.05, 0.05, 0.31, 0.97); -o-transition: all 0.2s cubic-bezier(0.05, 0.05, 0.31, 0.97); -webkit-transition: all 0.2s cubic-bezier(0.05, 0.05, 0.31, 0.97); transition: all 0.2s cubic-bezier(0.05, 0.05, 0.31, 0.97); }
  .pc-header-navi-items a { width: 100%; height: 100%; padding: 14px 0 11px; }
  .pc-header-navi-items .jp { margin-bottom: 6px; font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E,serif; display: block; }
  .pc-header-navi-items .en { color: #777; font-family: garamond-premier-pro; font-weight: 500; display: block; }
  /* hero pc ----------------------------------------------- */
  .hero-top { width: 100%; overflow: hidden; position: relative; margin-bottom: 0;}
  .hero-image { width: 100%; min-width: 2000px; position: relative; left: 50%; -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); }

  .second-hero { height: 270px; }
  .second-title .en { margin-bottom: 15px; font-size: 60px; letter-spacing: 16px; }
  .second-title .jp { font-size: 18px; }
  /* bread pc ----------------------------------------------- */
  .breadcrumb-items { width: 920px; }
  .breadcrumb-items li { font-size: 14px; }
  .breadcrumb-items li:last-child span { padding: 12px 12px 10px; }
  .breadcrumb-items span { padding: 12px 20px 10px 10px; }
  /* footer pc ----------------------------------------------- */
  .footer { padding-bottom: 0; }
  .footer-information { width: 900px; padding: 80px 0 0; margin-bottom: 120px; }
  .footer-information-heading { margin-bottom: 40px; }
  .footer-information-title { margin-bottom: 20px; }
  .footer-information-title .title { font-size: 36px; letter-spacing: 2px; }
  .footer-information-title .deco { width: 140px; top: -25px; left: -80px; }
  .footer-information-heading-comment { font-size: 16px; }
  .footer-information-items { margin-bottom: 10px; }
  .footer-information-items li { margin: 0 15px; }
  .footer-information-item-image { width: 58px; height: 58px; padding-top: 11px; margin-bottom: 5px; }
  .footer-information-item-image img { width: 40px; }
  .footer-information-item-title { font-size: 14px; }
  .footer-information-contact-items { width: 745px; position: relative; bottom: -40px; 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; }
  .footer-information-contact-items li { width: 240px; margin: 0; }
  .footer-information-contact-items li:nth-child(1) .main:before { font-size: 15px; }
  .footer-information-contact-items li:nth-child(3) .main { padding-left: 38px; background-position: top -3px left; background-size: 32px; }
  .footer-information-contact-items a { padding: 25px 0 22px; }
  .footer-information-contact-items .sub { margin-bottom: 8px; font-size: 14px; }
  .footer-information-contact-items .main { font-size: 22px; letter-spacing: 2px; }
  .footer-salon { width: 960px; margin: 0 auto 60px; 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; -webkit-align-items: top; align-items: top; }
  .footer-salon-image { width: 470px; order: 2; margin-bottom: 30px;}
  .footer-salon .setitem{border-bottom:0;margin-bottom:0;}
  .footer-salon .btn{font-size:16px;width:100%;}
  .footer-salon-text { width: 450px; padding: 0; position: static; order: 1; }
  .footer-salon-title { width: 175px; margin: 0 auto 30px; }
  .footer-tel { margin: 0 0 10px; font-size: 30px; letter-spacing: 1px; }
  .footer-tel:before { font-size: 20px; }
  .footer-address, .footer-open { margin-bottom: 25px; font-size: 14px; text-align: left; letter-spacing: 1px; }
  .footer-step-items { width: 100%; }
  .footer-step-items li { width: 220px; font-size: 14px; }
  .footer-step-items li:nth-child(1) .title { padding: 4px 0 4px 25px; background-position: top -3px left -6px; background-size: 30px; }
  .footer-step-items li:nth-child(2) .title { padding: 4px 0 4px 30px; background-position: top -3px left -2px; background-size: 30px; }
  .footer-step-items a { padding: 20px 0 17px; }
  .pagetop { width: 36px; position: absolute; top: auto; right: auto; bottom: -30px; left: calc(50% + 445px); }
  .footer-navi { width: 960px; margin-bottom: 40px; 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; }
  .footer-navi-box { width: 230px; }
  .footer-navi-title { width: 100%; padding: 0 0 10px; margin-bottom: 16px; font-size: 20px; letter-spacing: 2px; }
  .footer-navi-items { display: block; }
  .footer-navi-items li { padding-left: 14px; margin-bottom: 12px; font-size: 12px; border-bottom: none; }
  .footer-navi-items li:after { color: #dad0c3; right: auto; left: 0; }
  .footer-navi-items a { padding: 0; }
  .copyright { padding: 25px 0 21px; font-size: 12px; letter-spacing: 1px; border-top: 1px solid #ccc; }
  /* second pc ----------------------------------------------- */
  .second-text { width: 900px; min-height: 500px; padding: 50px 0 60px; }
  .second-text p { margin-bottom: 20px; font-size: 14px; } 
  .second-content .inner{width:900px;}

  .second-content .qabox{margin-bottom:80px;}
  .qabox li{margin-bottom:30px;}
  .qabox dt{font-size: 16px;padding: 15px 15px 15px 48px;margin-bottom: 15px;}
  .qabox dt:before{font-size:20px;padding-top: 0;height: 26px;left: 15px;top: 14px;}
  .qabox dd{line-height: 1.8;}

}