@charset "UTF-8";
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);
/*ーーーーーーーーーー

共通

ーーーーーーーーーーー*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote,
pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small,
strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label,
legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside,
canvas, details, figcaption, figure, footer, header, hgroup, menu, nav,
section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  background: transparent;
  font-size: 14px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-weight: normal;
  line-height: 2;
}

@media (min-width: 767px) {
  html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote,
  pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small,
  strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label,
  legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside,
  canvas, details, figcaption, figure, footer, header, hgroup, menu, nav,
  section, summary, time, mark, audio, video {
    font-size: 15px;
  }
}

html img, body img, div img, span img, object img, iframe img, h1 img, h2 img, h3 img, h4 img, h5 img, h6 img, p img, blockquote img,
pre img, abbr img, address img, cite img, code img, del img, dfn img, em img, img img, ins img, kbd img, q img, samp img, small img,
strong img, sub img, sup img, var img, b img, i img, dl img, dt img, dd img, ol img, ul img, li img, fieldset img, form img, label img,
legend img, table img, caption img, tbody img, tfoot img, thead img, tr img, th img, td img, article img, aside img,
canvas img, details img, figcaption img, figure img, footer img, header img, hgroup img, menu img, nav img,
section img, summary img, time img, mark img, audio img, video img {
  max-width: 100%;
  height: auto;
}

html p, body p, div p, span p, object p, iframe p, h1 p, h2 p, h3 p, h4 p, h5 p, h6 p, p p, blockquote p,
pre p, abbr p, address p, cite p, code p, del p, dfn p, em p, img p, ins p, kbd p, q p, samp p, small p,
strong p, sub p, sup p, var p, b p, i p, dl p, dt p, dd p, ol p, ul p, li p, fieldset p, form p, label p,
legend p, table p, caption p, tbody p, tfoot p, thead p, tr p, th p, td p, article p, aside p,
canvas p, details p, figcaption p, figure p, footer p, header p, hgroup p, menu p, nav p,
section p, summary p, time p, mark p, audio p, video p {
  font-size: 15px;
}

@media (max-width: 767px) {
  html p, body p, div p, span p, object p, iframe p, h1 p, h2 p, h3 p, h4 p, h5 p, h6 p, p p, blockquote p,
  pre p, abbr p, address p, cite p, code p, del p, dfn p, em p, img p, ins p, kbd p, q p, samp p, small p,
  strong p, sub p, sup p, var p, b p, i p, dl p, dt p, dd p, ol p, ul p, li p, fieldset p, form p, label p,
  legend p, table p, caption p, tbody p, tfoot p, thead p, tr p, th p, td p, article p, aside p,
  canvas p, details p, figcaption p, figure p, footer p, header p, hgroup p, menu p, nav p,
  section p, summary p, time p, mark p, audio p, video p {
    line-height: 2;
    font-size: 16px;
  }
}

body {
  font-family: 'Noto Sans JP', sans-serif;
  line-height: 1.8;
  font-weight: 400;
  font-style: normal;
  font-weight: 500;
  font-style: normal;
  width: 100%;
  font-variant-numeric: tabular-nums;
  -webkit-font-smoothing: antialiased;
  line-height: 1.5;
  min-height: 100vh;
  position: relative;
  letter-spacing: .1em;
}

body .mincho {
  font-family: "Yu Mincho", "YuMincho", serif;
}

body .gothic {
  font-family: 'Noto Sans JP', sans-serif;
  font-style: normal;
}

body img {
  max-width: 100%;
}

main {
  width: 100%;
}

.wrap {
  max-width: 1300px;
  width: 90%;
  margin: auto;
}

.pc-only {
  display: block;
}

@media (max-width: 767px) {
  .pc-only {
    display: none !important;
  }
}

.sp-only {
  display: none;
}

@media (max-width: 767px) {
  .sp-only {
    display: block;
  }
}

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

ul, ol {
  list-style: none;
}

a {
  text-decoration: none;
  color: #000;
  -webkit-transition: all .6s ease 0s;
  transition: all .6s ease 0s;
}

a:hover {
  opacity: .8;
}

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

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

.txt-right {
  text-align: right;
}

.txt-center {
  text-align: center;
}

@media (max-width: 767px) {
  .txt-left-sp {
    text-align: left;
  }
}

.inline-flex {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}

.row-reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.beige {
  background: #EAE6DC !important;
}

.mt-20 {
  margin-top: 20px;
}

.mt-40 {
  margin-top: 40px;
}

.mt-70 {
  margin-top: 70px;
}

@media (max-width: 767px) {
  .mt-70 {
    margin-top: 50px;
  }
}

.mt-80 {
  margin-top: 80px;
}

@media (max-width: 767px) {
  .mt-80 {
    margin-top: 60px;
  }
}

.mt-100 {
  margin-top: 100px;
}

@media (max-width: 767px) {
  .mt-100 {
    margin-top: 80px;
  }
}

.mb-20 {
  margin-bottom: 20px;
}

.mb-40 {
  margin-bottom: 40px;
}

.mb-60 {
  margin-bottom: 60px;
}

.mb-80 {
  margin-bottom: 80px;
}

@media (max-width: 767px) {
  .mb-80 {
    margin-bottom: 60px;
  }
}

.ptb-80 {
  padding-top: 80px;
  padding-bottom: 80px;
}

@media (max-width: 767px) {
  .ptb-80 {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}

.btn-1 {
  background: url(../img/arrow-2.png) no-repeat right 1em center, #4B4134;
  background-size: 30px;
  color: #fff;
  font-size: 14px;
  padding: .5em 5em .5em 1.5em;
  display: inline-block;
}

.btn-1:hover {
  background: url(../img/arrow-2.png) no-repeat right 0.5em center, #4B4134;
  background-size: 30px;
}

.btn-2 {
  background: url(../img/arrow-1.png) no-repeat right 1em center;
  background-size: 30px;
  color: #4B4134;
  border: #4B4134 solid 1px;
  font-size: 14px;
  padding: .5em 5em .5em 1.5em;
  display: inline-block;
}

.btn-2:hover {
  background: url(../img/arrow-1.png) no-repeat right 0.5em center;
  background-size: 30px;
}

.link-line {
  text-decoration: underline;
}

.bk-none {
  background: none !important;
}

/*ーーーーーーーーーー
header
ーーーーーーーーーーー*/
header .contact {
  position: absolute;
  top: 13px;
  right: 20px;
}

@media (max-width: 767px) {
  header .contact {
    position: static;
    width: 60%;
    margin: auto;
  }
}

header .contact a {
  display: block;
  padding: 10px;
  background: #4B4134;
  color: #fff;
  font-size: 13px;
  font-weight: bold;
}

@media (max-width: 767px) {
  header .contact a {
    border-radius: 50px;
    padding: 10px;
    font-size: 18px;
    color: #fff;
    background: #f7f7f7;
    border: 1px solid #fff;
  }
}

@media (max-width: 767px) and (max-width: 767px) {
  header .contact a {
    border-radius: 0;
    background: #4B4134;
    border: none;
  }
}

header .contact a svg {
  margin-bottom: -5px;
  padding-right: 5px;
}

#head_wrap {
  top: -100px;
  position: absolute;
  width: 100%;
  margin: 100px auto 0;
  line-height: 1;
  z-index: 999;
  height: 0px;
  text-decoration: none;
}

#head_wrap a {
  text-decoration: none;
}

#head_wrap .inner {
  width: 100%;
  margin: 0 auto;
  background: #fff;
  height: 90px;
  position: relative;
}

#head_wrap .inner:after {
  content: "";
  clear: both;
  display: block;
}

@media (max-width: 767px) {
  #head_wrap .inner {
    background: none;
  }
}

#head_wrap .logo {
  padding: 10px 10px 0;
  max-width: 120px;
  margin-left: 10px;
}

@media (max-width: 767px) {
  #head_wrap .logo {
    max-width: 30%;
    padding: 20px 10px 0 0;
  }
}

#global-nav {
  position: absolute;
  right: 4%;
  top: 0;
}

#global-nav ul {
  list-style: none;
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 15px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width: 1024px) {
  #global-nav ul {
    margin-top: 15px;
  }
}

@media (max-width: 767px) {
  #global-nav ul {
    display: block;
    margin-right: 0px;
    background: none;
    margin: 10px auto;
  }
}

#global-nav ul li {
  padding: 0 0 0 2em;
}

@media (max-width: 767px) {
  #global-nav ul li {
    padding: 0;
  }
}

#global-nav ul li a {
  padding: 0 5px;
  padding: 2px;
  -webkit-transition: all .6s ease 0s;
  transition: all .6s ease 0s;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-weight: normal;
  color: #4B4134;
  display: inline-block;
}

@media (max-width: 767px) {
  #global-nav ul li a {
    color: #000;
  }
}

#global-nav ul li a .din {
  font-size: 24px;
}

#global-nav ul li a.btn-contact {
  background: url(../img/contact.png) no-repeat left 1em center, #8B7A6B;
  background-size: 1.5em;
  color: #fff;
  padding: 15px 20px 15px 50px;
}

#global-nav ul.sp_only {
  display: none;
}

@media (max-width: 767px) {
  #global-nav ul.sp_only {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

/* Fixed */
#head_wrap.fixed {
  margin-top: 0;
  top: 0;
  position: fixed;
  height: 60px;
  transition: top 0.65s ease-in;
  -webkit-transition: top 0.65s ease-in;
  -moz-transition: top 0.65s ease-in;
  z-index: 9999;
}

#head_wrap.fixed .inner {
  background: rgba(255, 255, 255, 0.9);
  height: auto;
}

@media (max-width: 1024px) {
  #head_wrap.fixed .inner {
    padding-bottom: 6px;
  }
}

@media (max-width: 767px) {
  #head_wrap.fixed .inner {
    padding-bottom: 0px;
    background: none;
  }
}

/* Toggle Button */
#nav-toggle {
  display: none;
  position: absolute;
  right: 0px;
  top: 0;
  width: 65px;
  height: 66px;
  padding: 20px;
  cursor: pointer;
  z-index: 101;
  background: #8B7A6B;
}

#nav-toggle div {
  position: relative;
}

@media (max-width: 767px) {
  #head_wrap {
    top: 0;
    position: fixed;
    margin-top: 0;
    width: 100%;
    padding: 0;
    /* Fixed reset */
  }
  #head_wrap .inner {
    width: 100%;
    padding: 0;
  }
  #head_wrap .fixed {
    padding-top: 0;
    background: transparent;
  }
  #mobile-head {
    background: rgba(255, 255, 255, 0.9);
    width: 100%;
    height: 56px;
    position: relative;
  }
}

@media (max-width: 767px) and (max-width: 767px) {
  #mobile-head {
    background: none;
  }
}

@media (max-width: 767px) {
  #mobile-head .m_menu {
    color: #fff;
    position: absolute;
    top: 11px;
    left: 50px;
    font-size: 16px;
  }
  #head_wrap.fixed .logo,
  #head_wrap .logo {
    position: absolute;
    left: 13px;
    top: 13px;
    color: #333;
    font-size: 26px;
  }
}

@media (max-width: 767px) and (max-width: 767px) {
  #head_wrap.fixed .logo,
  #head_wrap .logo {
    top: 0;
    left: 0;
  }
}

@media (max-width: 767px) {
  #head_wrap.fixed .logo {
    opacity: 0;
  }
  #global-nav {
    position: absolute;
    /* 開いてないときは画面外に配置 */
    top: -556px;
    background: #4B4134;
    width: 100%;
    text-align: center;
    -webkit-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    padding-bottom: 20px;
    padding-top: 30px;
    z-index: 100;
    left: 0;
  }
  #global-nav ul {
    list-style: none;
    position: static;
    right: 0;
    bottom: 0;
    font-size: 14px;
    margin-top: 20px;
  }
}

@media (max-width: 767px) and (max-width: 767px) {
  #global-nav ul {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 100%;
  }
}

@media (max-width: 767px) {
  #global-nav ul li {
    float: none;
    position: static;
  }
}

@media (max-width: 767px) and (max-width: 767px) {
  #global-nav ul li {
    width: 50%;
    border: none;
  }
  #global-nav ul li:nth-child(odd) {
    border-left: solid 1px #fff;
  }
  #global-nav ul li:last-child {
    width: 100%;
    padding: 5% 20% 0;
  }
}

@media (max-width: 767px) {
  #global-nav ul.sp_only {
    margin-top: 50px;
  }
  #head_wrap #global-nav ul li a,
  #head_wrap.fixed #global-nav ul li a {
    width: 100%;
    display: block;
    padding: 5px 0;
  }
}

@media (max-width: 767px) and (max-width: 767px) {
  #head_wrap #global-nav ul li a,
  #head_wrap.fixed #global-nav ul li a {
    padding: 10px 0;
    color: #fff;
  }
}

@media (max-width: 767px) {
  #nav-toggle {
    display: block;
  }
  /* #nav-toggle 切り替えアニメーション */
  #nav-toggle span {
    display: block;
    position: absolute;
    height: 2px;
    width: 100%;
    background: #fff;
    left: 0;
    -webkit-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
  }
  #nav-toggle span:nth-child(1) {
    top: 0;
  }
  #nav-toggle span:nth-child(2) {
    top: 11px;
  }
  #nav-toggle span:nth-child(3) {
    top: 22px;
  }
  .open #nav-toggle span:nth-child(1) {
    top: 11px;
    -webkit-transform: rotate(315deg);
    transform: rotate(315deg);
  }
  .open #nav-toggle span:nth-child(2) {
    width: 0;
    left: 50%;
  }
  .open #nav-toggle span:nth-child(3) {
    top: 11px;
    -webkit-transform: rotate(-315deg);
    transform: rotate(-315deg);
  }
  /* #global-nav スライドアニメーション */
  .open #global-nav {
    /* #global-nav top + #mobile-head height */
    -webkit-transform: translateY(556px);
    transform: translateY(556px);
  }
}

.top_head {
  background: #f7f7f7;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 70px;
}

.top_head h1 {
  width: 140px;
  padding: 10px 0 0 10px;
}

.top_head ul {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.top_head ul li {
  padding: 0 1em 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
}

.top_head ul li a {
  color: #000;
}

ul.menu__second-level {
  visibility: hidden;
  opacity: 0;
  z-index: 1;
}

ul.menu__third-level {
  visibility: hidden;
  opacity: 0;
}

ul.menu__fourth-level {
  visibility: hidden;
  opacity: 0;
}

.menu:after {
  clear: both;
}

.menu {
  *zoom: 1;
}

.menu__second-level {
  display: block;
}

#global-nav .menu__second-level li {
  width: 100%;
  padding: .5em;
  border: none;
  background: rgba(75, 65, 52, 0.6);
  border-bottom: 1px solid #fff;
  text-align: center;
}

#global-nav .menu__second-level li:last-child {
  border-bottom: none;
}

.tag_list {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  margin-top: 10px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
}

.tag_list li {
  background: #4B4134;
  color: #fff;
  margin-right: 5px;
  width: auto;
  padding: 1px 3px;
  margin-bottom: 2px;
}

@media (max-width: 767px) {
  .tag_list li {
    margin: .5%;
  }
}

.tag_list .g {
  background: #777777;
}

/*ーーーーーーーーーー
#fv-wrap
ーーーーーーーーーーー*/
#fv-wrap {
  background: url(../img/fv-bk.png) no-repeat left top;
  background-size: 50% 94%;
}

@media (max-width: 767px) {
  #fv-wrap {
    background-size: 50% 78%;
  }
}

#fv-wrap #fv {
  width: 86%;
  padding-top: 90px;
  margin-left: 10%;
  height: 88vh;
}

@media (max-width: 767px) {
  #fv-wrap #fv {
    width: 100%;
    padding-top: 40px;
    margin-left: 0;
    height: 42vh;
  }
}

#fv-wrap #fv .fv-box {
  background: #BCA897;
}

#fv-wrap #fv .fv-box li {
  background: url(../img/top-fv1.png) no-repeat left top;
  background-size: cover;
  width: 100% !important;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: visible;
}

@media (max-width: 767px) {
  #fv-wrap #fv .fv-box li {
    background: url(../img/top-fv1.png) no-repeat right -40px center;
    background-size: cover;
  }
}

#fv-wrap #fv .fv-box li.bk2 {
  background: url(../img/top-fv2.png) no-repeat left top;
  background-size: cover;
}

@media (max-width: 767px) {
  #fv-wrap #fv .fv-box li.bk2 {
    background: url(../img/top-fv2.png) no-repeat right -20px center;
    background-size: cover;
  }
}

#fv-wrap #fv .fv-box li.bk3 {
  background: url(../img/top-fv3.png) no-repeat left top;
  background-size: cover;
}

@media (max-width: 767px) {
  #fv-wrap #fv .fv-box li.bk3 {
    background: url(../img/top-fv3.png) no-repeat center center;
    background-size: cover;
  }
}

#fv-wrap #fv .fv-box li.bk4 {
  background: url(../img/top-fv4.png) no-repeat left top;
  background-size: cover;
}

@media (max-width: 767px) {
  #fv-wrap #fv .fv-box li.bk4 {
    background: url(../img/top-fv4.png) no-repeat center center;
    background-size: cover;
  }
}

#fv-wrap #fv .fv-box .txt {
  text-align: left;
  color: #fff;
  width: 40%;
  text-align: right;
  max-width: 630px;
}

@media (max-width: 767px) {
  #fv-wrap #fv .fv-box .txt {
    width: 80%;
    text-align: left;
    padding: 0 0 0 5%;
    position: absolute;
    bottom: 10px;
  }
}

#fv-wrap #fv .fv-box .txt h2 {
  width: 100%;
  margin-bottom: 30px;
}

@media (max-width: 767px) {
  #fv-wrap #fv .fv-box .txt h2 {
    width: 50%;
    opacity: 0;
  }
}

#fv-wrap #fv .fv-box .txt p {
  font-size: 30px;
  color: #4B4134;
  line-height: 1;
  text-align: center;
}

@media (max-width: 767px) {
  #fv-wrap #fv .fv-box .txt p {
    font-size: 20px;
    text-align: left;
  }
}

#fv-wrap #fv .fv-box .txt p span {
  display: block;
  font-size: 18px;
}

#fv-wrap .day {
  color: #BCA897;
  position: absolute;
  right: 4%;
  top: 90vh;
}

@media (max-width: 767px) {
  #fv-wrap .day {
    color: #4B4134;
    font-size: 4vw;
    top: 43vh;
  }
}

#fv-wrap .link {
  position: absolute;
  top: 53.5vh;
  left: 2%;
}

#fv-wrap .link li {
  margin: 15px 0;
  text-align: center;
}

#fv-wrap .link li img {
  width: 20px;
  height: auto;
}

#fv-wrap .link li p {
  -ms-writing-mode: tb-lr;
  -webkit-writing-mode: vertical-lr;
          writing-mode: vertical-lr;
}

#fv-wrap .link li:first-child img {
  width: 12px;
}

#fv-wrap .mybest {
    width: 80%;
    margin: auto;
    max-width: 980px;
    padding-left: 90px;
    margin-top: 100px !important;
    text-align: center;
}

@media (max-width: 767px) {
  #fv-wrap .mybest {
    width: 90%;
    padding-left: 0px;
  }
}

#fv-wrap .concept {
  width: 80%;
  margin: auto;
  max-width: 980px;
  padding-left: 90px;
}

@media (max-width: 767px) {
  #fv-wrap .concept {
    width: 90%;
    padding-left: 0px;
  }
}

#fv-wrap .concept .img {
  width: 50%;
}

#fv-wrap .concept .txt {
  width: 50%;
  padding-left: 30px;
}

@media (max-width: 767px) {
  #fv-wrap .concept .txt {
    width: 100%;
    padding-left: 0px;
  }
}

#fv-wrap .concept .txt h3 {
  color: #4B4134;
  font-size: 20px;
}

/*ーーーーーーーーーー
section
ーーーーーーーーーーー*/
#nail-wrap .txt, #esthetic-wrap .txt, #eyelash-wrap .txt {
  width: 46%;
  margin-top: 30px;
}

@media (max-width: 767px) {
  #nail-wrap .txt, #esthetic-wrap .txt, #eyelash-wrap .txt {
    width: 100%;
    margin-top: 0px;
  }
}

#nail-wrap .txt h4, #esthetic-wrap .txt h4, #eyelash-wrap .txt h4 {
  margin-bottom: 30px;
  font-size: 18px;
  color: #4B4134;
}

#nail-wrap .txt h4 img, #esthetic-wrap .txt h4 img, #eyelash-wrap .txt h4 img {
  height: 90px;
  display: block;
  margin-bottom: 10px;
}

@media (max-width: 767px) {
  #nail-wrap .txt h4 img, #esthetic-wrap .txt h4 img, #eyelash-wrap .txt h4 img {
    height: 60px;
  }
}

#nail-wrap .img, #esthetic-wrap .img, #eyelash-wrap .img {
  width: 48%;
}

@media (max-width: 767px) {
  #nail-wrap .img, #esthetic-wrap .img, #eyelash-wrap .img {
    width: 100%;
    margin-bottom: 30px;
  }
}

#eyelash-wrap .txt h4 img {
  height: 120px;
}

@media (max-width: 767px) {
  #eyelash-wrap .txt h4 img {
    height: 80px;
  }
}

.movie_pc {
    margin: 10% auto 0;
    text-align: center;
    padding: 7% 0;
    background: #dbcec4;
}
.movie_pc h2 {
    font-size: 30px;
    font-family: "Yu Mincho", "YuMincho", serif;
    line-height: 1;
    color: #4B4134;
}

.movie_sp {
    margin: 20% auto 0;
    text-align: center;
    padding: 10%;
    background: #dbcec4;
}
.movie_sp h2 {
    font-size: 20px;
    font-family: "Yu Mincho", "YuMincho", serif;
    line-height: 1;
    color: #4B4134;
}


/*ーーーーーーーーーー
#banner-wrap
ーーーーーーーーーーー*/
#banner-wrap {
  background: #8B7A6B;
}

#banner-wrap li {
  width: 46%;
}

#banner-wrap li a {
  width: 100%;
  padding: 1.5em 0;
  display: inline-block;
  background: url(../img/arrow-3.png) no-repeat right 20px bottom 20px, rgba(255, 255, 255, 0.1);
  background-size: 60px;
  border: #D9D9D9 solid 1px;
  color: #fff;
  text-align: center;
  font-size: 34px;
  line-height: 1.5;
}

@media (max-width: 767px) {
  #banner-wrap li a {
    font-size: 24px;
  }
}

#banner-wrap li a span {
  color: #fff;
  display: block;
  font-size: .5em;
}

#banner-wrap li a:hover {
  background: url(../img/arrow-3.png) no-repeat right 10px bottom 20px, rgba(255, 255, 255, 0.2);
  background-size: 60px;
}

/*ーーーーーーーーーー
#news-wrap
ーーーーーーーーーーー*/
#news-wrap .inline-flex {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media (max-width: 767px) {
  #news-wrap .txt {
    width: 100%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  #news-wrap .txt .mt-40 {
    margin-top: 0;
  }
}

#news-wrap h4 {
  font-size: 34px;
  line-height: 1;
  color: #4B4134;
}

#news-wrap h4 span {
  display: block;
}

#news-wrap .news-list {
  width: 76%;
}

@media (max-width: 767px) {
  #news-wrap .news-list {
    width: 100%;
    margin-top: 40px;
  }
}

#news-wrap .news-list li {
  width: 30%;
}

@media (max-width: 767px) {
  #news-wrap .news-list li {
    width: 100%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-bottom: 10px;
  }
}

#news-wrap .news-list li .news-img {
  height: 202px;
  text-align: center;
  background: #BCA897;
}

@media (max-width: 767px) {
  #news-wrap .news-list li .news-img {
    width: 30%;
  }
}

#news-wrap .news-list li .news-img img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

@media (max-width: 767px) {
  #news-wrap .news-list li .news-txt {
    width: 70%;
    padding-left: 20px;
  }
}

#news-wrap .news-list li .news-day {
  font-size: 13px;
}

/*ーーーーーーーーーー
#insta-wrap
ーーーーーーーーーーー*/
#insta-wrap .txt-right a {
  padding: .5em 3em .5em 2em;
  background: url(../img/ico-1.png) no-repeat left center, url(../img/arrow-1.png) no-repeat right center;
  background-size: 20px, 30px;
}

/*ーーーーーーーーーー
#sns-wrap
ーーーーーーーーーーー*/
@media (max-width: 767px) {
  #sns-wrap {
    margin-top: 0;
  }
}

#sns-wrap .inline-flex {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media (max-width: 767px) {
  #sns-wrap .inline-flex {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

#sns-wrap .txt {
  width: 200px;
}

@media (max-width: 767px) {
  #sns-wrap .txt {
    width: 100%;
  }
}

#sns-wrap h4 {
  font-size: 34px;
  line-height: 1;
  color: #4B4134;
}

#sns-wrap h4 span {
  display: block;
}

@media (max-width: 767px) {
  #sns-wrap h4 span {
    display: inline-block;
    margin-left: 1em;
  }
}

#sns-wrap .sns-list {
  width: 304px;
}

@media (max-width: 767px) {
  #sns-wrap .sns-list {
    width: 100%;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: 20px;
  }
}

#sns-wrap .sns-list li {
  width: 46px;
  margin-right: 30px;
}

@media (max-width: 767px) {
  #sns-wrap .sns-list li {
    margin-right: 0;
  }
}

#sns-wrap .sns-list li img {
  width: 100%;
  height: auto;
}

#sns-wrap p {
  color: #8B7A6B;
}

/*ーーーーーーーーーー
footer
ーーーーーーーーーーー*/
footer {
  background: #BCA897;
  padding-top: 80px;
  position: relative;
}

@media (max-width: 767px) {
  footer {
    padding-top: 30px;
  }
}

footer .copy {
  position: absolute;
  left: 2%;
  top: 80px;
}

@media (max-width: 767px) {
  footer .copy {
    top: 40px;
  }
}

footer .copy img {
  width: 14px;
}

footer .logo {
  text-align: center;
  margin-bottom: 55px;
}

@media (max-width: 767px) {
  footer .logo {
    margin-bottom: 25px;
  }
}

footer .logo img {
  width: 120px;
  height: auto;
}

footer .footer-box {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

@media (max-width: 767px) {
  footer .footer-box {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

footer .access {
  width: 50%;
}

@media (max-width: 767px) {
  footer .access {
    width: 98%;
    margin-bottom: 20px;
  }
}

footer .access .txt {
  padding-bottom: 80px;
}

@media (max-width: 767px) {
  footer .access .txt {
    padding-bottom: 40px;
  }
}

@media (max-width: 767px) {
  footer .access .txt p {
    font-size: 12px;
  }
}

footer .access a.btn-1 {
  background: url(../img/access.png) no-repeat left 0.5em center, url(../img/arrow-2.png) no-repeat right 1em center, #4B4134;
  background-size: 1em, 30px;
  padding: .5em 5em .5em 2em;
}

footer .sitemap {
  width: 45%;
}

@media (max-width: 767px) {
  footer .sitemap {
    width: 98%;
  }
}

footer .sitemap nav {
  width: 100%;
}

@media (max-width: 767px) {
  footer .sitemap nav {
    padding-bottom: 40px;
  }
}

footer .sitemap nav ul {
  width: 50%;
}

footer .sitemap nav li {
  width: 100%;
  padding: 0.2em 0;
}

@media (max-width: 767px) {
  footer .sitemap nav li {
    padding: 0;
    font-size: 12px;
  }
}

footer :is(.access, .sitemap) {
  position: relative;
  padding-left: 30px;
}

@media (max-width: 767px) {
  footer :is(.access, .sitemap) {
    padding-left: 22px;
  }
}

footer :is(.access, .sitemap) h4 {
  width: 20px;
  position: absolute;
  top: 0;
  left: 0;
}

@media (max-width: 767px) {
  footer :is(.access, .sitemap) h4 {
    width: 18px;
  }
}

footer :is(.access, .sitemap) :is(.txt, nav) {
  padding-left: 60px;
  border-left: solid 1px #4B4134;
  height: 100%;
}

@media (max-width: 767px) {
  footer :is(.access, .sitemap) :is(.txt, nav) {
    padding-left: 20px;
  }
}

footer .footer-bottom {
  background: #4B4134;
  padding: 40px 0;
  color: #fff;
}

footer .footer-bottom .wrap {
  max-width: 1200px;
}

footer .footer-bottom .inline-flex {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

footer .footer-bottom .tell {
  width: 35%;
  line-height: 1.2;
}

@media (max-width: 767px) {
  footer .footer-bottom .tell {
    width: 100%;
  }
}

footer .footer-bottom .tell a {
  color: #fff;
  font-size: 44px;
  font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", "Yu Mincho", "YuMincho", serif;
  background: url(../img/tell.png) no-repeat left center;
  background-size: 1em;
  padding-left: 1.2em;
}

@media (max-width: 767px) {
  footer .footer-bottom .tell a {
    font-size: 9vw;
  }
}

footer .footer-bottom .time {
  width: 22%;
}

@media (max-width: 767px) {
  footer .footer-bottom .time {
    width: 100%;
  }
}

footer .footer-bottom .time p {
  line-height: 1.7;
}

@media (max-width: 767px) {
  footer .footer-bottom .time p {
    font-size: 12px;
  }
}

footer .footer-bottom .link {
  width: 43%;
}

@media (max-width: 767px) {
  footer .footer-bottom .link {
    width: 100%;
    margin-top: 30px;
  }
}

footer .footer-bottom .link a {
  background: url(../img/logo-beauty.png) no-repeat left 20px center, url(../img/arrow-1.png) no-repeat right 10px bottom 10px, #fff;
  background-size: 130px, 30px;
  display: block;
  padding: 20px 0px 20px 170px;
  font-size: 20px;
  color: #4B4134;
  border-radius: 5px;
}

@media (max-width: 767px) {
  footer .footer-bottom .link a {
    background-size: 80px, 30px;
    padding: 20px 0px 20px 110px;
    font-size: 16px;
  }
}

footer .footer-bottom .copy-txt {
  font-size: 10px;
  margin-top: 20px;
}

/*ーーーーーーーーーー
#page
ーーーーーーーーーーー*/
#page #fv-wrap {
  padding-top: 90px;
}

#page #fv-wrap #fv {
  width: 100%;
  margin-left: 0;
  height: 200px;
  padding-top: 0;
}

@media (max-width: 767px) {
  #page #fv-wrap #fv {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

#page #fv-wrap #fv h2 {
  text-align: center;
  padding-top: 50px;
}

@media (max-width: 767px) {
  #page #fv-wrap #fv h2 {
    display: inline-block;
    padding: 10px;
    background: rgba(255, 255, 255, 0.8);
  }
}

#page #fv-wrap #fv h2 img {
  height: 66px;
  width: auto;
}

@media (max-width: 767px) {
  #page .about-wrap .inline-flex {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

#page .about-wrap .img {
  width: 50%;
}

@media (max-width: 767px) {
  #page .about-wrap .img {
    width: 100%;
  }
}

#page .about-wrap .txt {
  width: 50%;
  margin-left: 30px;
}

@media (max-width: 767px) {
  #page .about-wrap .txt {
    width: 100%;
    margin-left: 0px;
  }
}

#page .menu-wrap h3 {
  font-size: 32px;
  text-align: center;
  color: #4B4134;
}

#page .menu-wrap .sub-ttl {
  border-bottom: #4B4134 solid 3px;
  padding-bottom: 2px;
  margin-bottom: 30px;
}

#page .menu-wrap .sub-ttl h4 {
  border-bottom: #4B4134 solid 1px;
  text-align: center;
  color: #4B4134;
  font-size: 22px;
}

#page .menu-wrap .grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
      grid-template-columns: 1fr 1fr;
  -webkit-column-gap: 76px;
          column-gap: 76px;
  row-gap: 50px;
}

@media (max-width: 767px) {
  #page .menu-wrap .grid {
    display: block;
  }
}

#page .menu-wrap .grid table {
  width: 100%;
}

#page .menu-wrap .grid table th {
  text-align: left;
  width: 60%;
  font-size: 13px;
  border-bottom: 4px solid #fff;
  padding: 15px 1em 4px;
  line-height: 1;
}

@media (max-width: 767px) {
  #page .menu-wrap .grid table th {
    line-height: 1.5;
    font-size: 12px;
    letter-spacing: 1px;
  }
}

#page .menu-wrap .grid table th span {
  font-size: 10px;
  display: block;
}

#page .menu-wrap .grid table th .inline-block {
  display: inline-block;
  padding-left: 1em;
}

#page .menu-wrap .grid table td {
  width: 20%;
  text-align: right;
  padding: 0 1em;
  font-size: 14px;
  border-bottom: 1px solid #fff;
  vertical-align: bottom;
}

@media (max-width: 767px) {
  #page .menu-wrap .grid table td {
    font-size: 12px;
  }
}

.process_page #fv-wrap, .process_page #subttl-wrap, .recruit_page #fv-wrap, .recruit_page #subttl-wrap, .access_page #fv-wrap, .access_page #subttl-wrap, .news_page #fv-wrap, .news_page #subttl-wrap, .contact_page #fv-wrap, .contact_page #subttl-wrap, .privacy_page #fv-wrap, .privacy_page #subttl-wrap {
  background: #4B4134;
}

@media (max-width: 767px) {
  .process_page #fv-wrap, .process_page #subttl-wrap, .recruit_page #fv-wrap, .recruit_page #subttl-wrap, .access_page #fv-wrap, .access_page #subttl-wrap, .news_page #fv-wrap, .news_page #subttl-wrap, .contact_page #fv-wrap, .contact_page #subttl-wrap, .privacy_page #fv-wrap, .privacy_page #subttl-wrap {
    background: #8B7A6B;
  }
}

.process_page #fv-wrap #fv, .process_page #fv-wrap #subttl, .process_page #subttl-wrap #fv, .process_page #subttl-wrap #subttl, .recruit_page #fv-wrap #fv, .recruit_page #fv-wrap #subttl, .recruit_page #subttl-wrap #fv, .recruit_page #subttl-wrap #subttl, .access_page #fv-wrap #fv, .access_page #fv-wrap #subttl, .access_page #subttl-wrap #fv, .access_page #subttl-wrap #subttl, .news_page #fv-wrap #fv, .news_page #fv-wrap #subttl, .news_page #subttl-wrap #fv, .news_page #subttl-wrap #subttl, .contact_page #fv-wrap #fv, .contact_page #fv-wrap #subttl, .contact_page #subttl-wrap #fv, .contact_page #subttl-wrap #subttl, .privacy_page #fv-wrap #fv, .privacy_page #fv-wrap #subttl, .privacy_page #subttl-wrap #fv, .privacy_page #subttl-wrap #subttl {
  color: #fff;
  height: 100px !important;
}

.process_page #fv-wrap #fv h2, .process_page #fv-wrap #subttl h2, .process_page #subttl-wrap #fv h2, .process_page #subttl-wrap #subttl h2, .recruit_page #fv-wrap #fv h2, .recruit_page #fv-wrap #subttl h2, .recruit_page #subttl-wrap #fv h2, .recruit_page #subttl-wrap #subttl h2, .access_page #fv-wrap #fv h2, .access_page #fv-wrap #subttl h2, .access_page #subttl-wrap #fv h2, .access_page #subttl-wrap #subttl h2, .news_page #fv-wrap #fv h2, .news_page #fv-wrap #subttl h2, .news_page #subttl-wrap #fv h2, .news_page #subttl-wrap #subttl h2, .contact_page #fv-wrap #fv h2, .contact_page #fv-wrap #subttl h2, .contact_page #subttl-wrap #fv h2, .contact_page #subttl-wrap #subttl h2, .privacy_page #fv-wrap #fv h2, .privacy_page #fv-wrap #subttl h2, .privacy_page #subttl-wrap #fv h2, .privacy_page #subttl-wrap #subttl h2 {
  font-size: 32px;
  padding-top: 20px !important;
  line-height: 1;
  text-align: center;
}

@media (max-width: 767px) {
  .process_page #fv-wrap #fv h2, .process_page #fv-wrap #subttl h2, .process_page #subttl-wrap #fv h2, .process_page #subttl-wrap #subttl h2, .recruit_page #fv-wrap #fv h2, .recruit_page #fv-wrap #subttl h2, .recruit_page #subttl-wrap #fv h2, .recruit_page #subttl-wrap #subttl h2, .access_page #fv-wrap #fv h2, .access_page #fv-wrap #subttl h2, .access_page #subttl-wrap #fv h2, .access_page #subttl-wrap #subttl h2, .news_page #fv-wrap #fv h2, .news_page #fv-wrap #subttl h2, .news_page #subttl-wrap #fv h2, .news_page #subttl-wrap #subttl h2, .contact_page #fv-wrap #fv h2, .contact_page #fv-wrap #subttl h2, .contact_page #subttl-wrap #fv h2, .contact_page #subttl-wrap #subttl h2, .privacy_page #fv-wrap #fv h2, .privacy_page #fv-wrap #subttl h2, .privacy_page #subttl-wrap #fv h2, .privacy_page #subttl-wrap #subttl h2 {
    background: none;
  }
}

.process_page #fv-wrap #fv h2 span, .process_page #fv-wrap #subttl h2 span, .process_page #subttl-wrap #fv h2 span, .process_page #subttl-wrap #subttl h2 span, .recruit_page #fv-wrap #fv h2 span, .recruit_page #fv-wrap #subttl h2 span, .recruit_page #subttl-wrap #fv h2 span, .recruit_page #subttl-wrap #subttl h2 span, .access_page #fv-wrap #fv h2 span, .access_page #fv-wrap #subttl h2 span, .access_page #subttl-wrap #fv h2 span, .access_page #subttl-wrap #subttl h2 span, .news_page #fv-wrap #fv h2 span, .news_page #fv-wrap #subttl h2 span, .news_page #subttl-wrap #fv h2 span, .news_page #subttl-wrap #subttl h2 span, .contact_page #fv-wrap #fv h2 span, .contact_page #fv-wrap #subttl h2 span, .contact_page #subttl-wrap #fv h2 span, .contact_page #subttl-wrap #subttl h2 span, .privacy_page #fv-wrap #fv h2 span, .privacy_page #fv-wrap #subttl h2 span, .privacy_page #subttl-wrap #fv h2 span, .privacy_page #subttl-wrap #subttl h2 span {
  font-size: 15px;
  display: block;
}

/*ーーーーーーーーーー
.nail_page
ーーーーーーーーーーー*/
.nail_page #fv-wrap {
  background: none;
}

.nail_page #fv {
  background: url(../img/nail-fv.png) no-repeat left center;
  background-size: cover;
}

@media (max-width: 767px) {
  .nail_page #fv {
    background: url(../img/nail-fv.png) no-repeat left -410px center;
    background-size: cover;
  }
}

.nail_page .grid h5 {
  border-bottom: 1px solid #4B4134;
  margin-bottom: 10px;
}

@media (max-width: 767px) {
  .nail_page .grid h5 {
    margin-top: 50px;
  }
}

.nail_page .grid h5 span {
  font-size: 10px;
}

/*ーーーーーーーーーー
.esthetic_page
ーーーーーーーーーーー*/
.esthetic_page #fv-wrap {
  background: none;
}

.esthetic_page #fv {
  background: url(../img/esthetic-fv.png) no-repeat left center;
  background-size: cover;
}

@media (max-width: 767px) {
  .esthetic_page #fv {
    background: url(../img/esthetic-fv.png) no-repeat left -410px center;
    background-size: cover;
  }
}

.esthetic_page .menu-wrap h3 {
  margin-bottom: 20px;
}

.esthetic_page .menu-wrap .menu-1, .esthetic_page .menu-wrap .menu-2, .esthetic_page .menu-wrap .menu-3, .esthetic_page .menu-wrap .menu-4 {
  margin-bottom: 64px;
}

.esthetic_page .menu-wrap .menu-1 h4, .esthetic_page .menu-wrap .menu-2 h4, .esthetic_page .menu-wrap .menu-3 h4, .esthetic_page .menu-wrap .menu-4 h4 {
  border-bottom: 1px solid #4B4134;
  margin-bottom: 10px;
}

.esthetic_page .menu-wrap .menu-1 h4 span, .esthetic_page .menu-wrap .menu-2 h4 span, .esthetic_page .menu-wrap .menu-3 h4 span, .esthetic_page .menu-wrap .menu-4 h4 span {
  font-size: .6em;
}

.esthetic_page .menu-wrap .menu-4 {
  margin-bottom: 0px;
}

.esthetic_page .facial-wrap .txt {
  padding-right: 50%;
  background: url(../img/esthetic-2.png) no-repeat right center;
  background-size: 54%;
  min-height: 510px;
}

@media (max-width: 767px) {
  .esthetic_page .facial-wrap .txt {
    padding-right: 0;
    background: url(../img/esthetic-2.png) no-repeat right bottom;
    background-size: 80%;
    padding-bottom: 50%;
  }
}

.esthetic_page .facial-wrap .txt img {
  height: 80px;
  display: block;
  margin-bottom: 10px;
}

@media (max-width: 767px) {
  .esthetic_page .facial-wrap .txt img {
    height: 60px;
  }
}

.esthetic_page .facial-wrap .txt h4 {
  margin-bottom: 30px;
  padding-top: 40px;
}

@media (max-width: 767px) {
  .esthetic_page .facial-wrap .txt h4 {
    padding-top: 0;
  }
}

.esthetic_page .skin-wrap .txt {
  padding-left: 50%;
  background: url(../img/esthetic-3.png) no-repeat left center;
  background-size: 48%;
  min-height: 510px;
}

@media (max-width: 767px) {
  .esthetic_page .skin-wrap .txt {
    padding-left: 0;
    background: url(../img/esthetic-3.png) no-repeat left bottom;
    background-size: 80%;
    padding-bottom: 50%;
  }
}

.esthetic_page .skin-wrap .txt img {
  height: 80px;
  display: block;
  margin-bottom: 10px;
}

@media (max-width: 767px) {
  .esthetic_page .skin-wrap .txt img {
    height: 60px;
  }
}

.esthetic_page .skin-wrap .txt h4 {
  margin-bottom: 30px;
  padding-top: 40px;
}

@media (max-width: 767px) {
  .esthetic_page .skin-wrap .txt h4 {
    padding-top: 0;
  }
}

.esthetic_page .hairremoval-wrap .txt {
  padding-left: 50%;
  background: url(../img/esthetic-3.png) no-repeat left center;
  background-size: 60%;
  min-height: 510px;
}

@media (max-width: 767px) {
  .esthetic_page .hairremoval-wrap .txt {
    padding-left: 0;
    background: url(../img/esthetic-3.png) no-repeat left bottom;
    background-size: 80%;
    padding-bottom: 74%;
  }
}

.esthetic_page .hairremoval-wrap .txt img {
  height: 80px;
  display: block;
  margin-bottom: 10px;
}

@media (max-width: 767px) {
  .esthetic_page .hairremoval-wrap .txt img {
    height: 40px;
  }
}

.esthetic_page .hairremoval-wrap .txt h4 {
  margin-bottom: 30px;
  padding-top: 40px;
}

@media (max-width: 767px) {
  .esthetic_page .hairremoval-wrap .txt h4 {
    padding-top: 0;
  }
}

.esthetic_page table {
  width: 100%;
}

.esthetic_page table th {
  text-align: left;
  width: 60%;
  font-size: 13px;
  border-bottom: 4px solid #fff;
  padding: 15px 1em 4px;
  line-height: 1;
}

@media (max-width: 767px) {
  .esthetic_page table th {
    line-height: 1.5;
    font-size: 12px;
    letter-spacing: 1px;
  }
}

.esthetic_page table th span {
  font-size: 10px;
  display: block;
  margin-top: 10px;
}

.esthetic_page table td {
  width: 20%;
  text-align: right;
  padding: 0 1em;
  font-size: 14px;
  border-bottom: 1px solid #fff;
  vertical-align: bottom;
}

@media (max-width: 767px) {
  .esthetic_page table td {
    font-size: 12px;
  }
}

/*ーーーーーーーーーー
.eyelash_page
ーーーーーーーーーーー*/
.eyelash_page #fv-wrap {
  background: none;
}

.eyelash_page #fv {
  background: url(../img/eyelash-fv.png) no-repeat left center;
  background-size: cover;
}

@media (max-width: 767px) {
  .eyelash_page #fv {
    background: url(../img/eyelash-fv.png) no-repeat left -240px center;
    background-size: cover;
  }
}

.eyelash_page .grid h5 {
  border-bottom: 1px solid #4B4134;
  margin-bottom: 10px;
}

@media (max-width: 767px) {
  .eyelash_page .grid h5 {
    margin-top: 50px;
  }
}

.eyelash_page .grid h5 span {
  font-size: 10px;
}

/*ーーーーーーーーーー
.school_page
ーーーーーーーーーーー*/
.school_page #fv-wrap {
  background: none;
}

.school_page #fv {
  background: url(../img/school-fv.png) no-repeat left center;
  background-size: cover;
}

@media (max-width: 767px) {
  .school_page #fv {
    background: url(../img/school-fv.png) no-repeat left -240px center;
    background-size: cover;
  }
}

@media (max-width: 767px) {
  .school_page .menu-wrap h3 {
    font-size: 22px !important;
  }
}

.school_page .menu-wrap2 .lesson-list .inline-flex .txt table th {
  border-bottom: 4px solid #4B4134 !important;
}

.school_page .menu-wrap2 .lesson-list .inline-flex .txt table td {
  border-bottom: 1px solid #4B4134 !important;
}

.school_page .lesson-list .lesson-list-ttl {
  border-bottom: #4B4134 1px solid;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  margin-bottom: 30px;
}

@media (max-width: 767px) {
  .school_page .lesson-list .lesson-list-ttl {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.school_page .lesson-list .lesson-list-ttl h4 {
  font-size: 18px;
}

@media (max-width: 767px) {
  .school_page .lesson-list .lesson-list-ttl h4 {
    width: 100%;
  }
}

.school_page .lesson-list .lesson-list-ttl ul {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

@media (max-width: 767px) {
  .school_page .lesson-list .lesson-list-ttl ul {
    width: 100%;
    margin-top: 10px;
  }
}

.school_page .lesson-list .lesson-list-ttl ul li {
  background: #4B4134;
  color: #fff;
  margin-left: 5px;
  border-radius: 50px;
  font-size: 11px;
  padding: 5px 1em;
  margin-bottom: 4px;
}

.school_page .lesson-list .lesson-list-ttl ul li.not {
  background: #B4B4B4;
}

.school_page .lesson-list h5.txt-center {
  background: #8B7A6B;
  padding: 5px;
  color: #fff;
  margin-bottom: 20px;
}

@media (max-width: 767px) {
  .school_page .lesson-list .inline-flex {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.school_page .lesson-list .inline-flex .img {
  width: 48%;
}

@media (max-width: 767px) {
  .school_page .lesson-list .inline-flex .img {
    width: 100%;
  }
}

.school_page .lesson-list .inline-flex .txt {
  width: 48%;
}

@media (max-width: 767px) {
  .school_page .lesson-list .inline-flex .txt {
    width: 100%;
    margin-top: 20px;
  }
}

.school_page .lesson-list .inline-flex .txt table {
  width: 100%;
}

.school_page .lesson-list .inline-flex .txt th {
  width: 20%;
  text-align: center;
  font-size: 13px;
  border-bottom: 4px solid #fff;
  padding: 0px 1em;
  line-height: 1.5;
  vertical-align: middle;
}

@media (max-width: 767px) {
  .school_page .lesson-list .inline-flex .txt th {
    padding: 0px;
  }
}

.school_page .lesson-list .inline-flex .txt td {
  width: 80%;
  text-align: left;
  padding: 6px 1em;
  font-size: 13px;
  border-bottom: 1px solid #fff;
  vertical-align: middle;
}

.school_page .lesson-list .content-box {
  background: #fff;
  padding: 20px;
  margin-top: 20px;
}

.school_page .lesson-list .content-box h5 {
  color: #8B7A6B;
  border-bottom: 1px solid #8B7A6B;
}

.school_page .lesson-list .recommendation-box {
  width: 49%;
  padding: 20px;
}

@media (max-width: 767px) {
  .school_page .lesson-list .recommendation-box {
    width: 100%;
  }
}

.school_page .lesson-list .recommendation-box h5 {
  color: #8B7A6B;
  border-bottom: 1px solid #8B7A6B;
}

.school_page .lesson-list .result-box {
  width: 49%;
  padding: 20px;
}

@media (max-width: 767px) {
  .school_page .lesson-list .result-box {
    width: 100%;
    margin-top: 20px;
  }
}

.school_page .lesson-list .result-box h5 {
  color: #8B7A6B;
  border-bottom: 1px solid #8B7A6B;
}

/*ーーーーーーーーーー
.process_page
ーーーーーーーーーーー*/
.process_page .flow-wrap .flow-list {
  width: 100%;
}

.process_page .flow-wrap .flow-list li {
  padding-left: 10%;
  margin-bottom: 50px;
  background: url(../img/flow-no1.png) no-repeat left center;
  background-size: 90px;
}

@media (max-width: 767px) {
  .process_page .flow-wrap .flow-list li {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding-left: 20%;
    background: url(../img/flow-no1.png) no-repeat left top 10px;
    background-size: 60px;
  }
}

.process_page .flow-wrap .flow-list li .img {
  width: 25%;
}

@media (max-width: 767px) {
  .process_page .flow-wrap .flow-list li .img {
    width: 100%;
  }
}

.process_page .flow-wrap .flow-list li .txt {
  width: 72%;
}

@media (max-width: 767px) {
  .process_page .flow-wrap .flow-list li .txt {
    width: 100%;
  }
}

.process_page .flow-wrap .flow-list li .txt h3 {
  font-size: 18px;
  padding-bottom: 1em;
}

.process_page .flow-wrap .flow-list li:nth-child(2) {
  background: url(../img/flow-no2.png) no-repeat left center;
  background-size: 96px;
}

@media (max-width: 767px) {
  .process_page .flow-wrap .flow-list li:nth-child(2) {
    background: url(../img/flow-no2.png) no-repeat left top 10px;
    background-size: 60px;
  }
}

.process_page .flow-wrap .flow-list li:nth-child(3) {
  background: url(../img/flow-no3.png) no-repeat left center;
  background-size: 96px;
}

@media (max-width: 767px) {
  .process_page .flow-wrap .flow-list li:nth-child(3) {
    background: url(../img/flow-no3.png) no-repeat left top 10px;
    background-size: 60px;
  }
}

.process_page .flow-wrap .flow-list li:nth-child(4) {
  background: url(../img/flow-no4.png) no-repeat left center;
  background-size: 98px;
}

@media (max-width: 767px) {
  .process_page .flow-wrap .flow-list li:nth-child(4) {
    background: url(../img/flow-no4.png) no-repeat left top 10px;
    background-size: 61px;
  }
}

.process_page .flow-wrap .flow-list li:nth-child(5) {
  background: url(../img/flow-no5.png) no-repeat left center;
  background-size: 98px;
}

@media (max-width: 767px) {
  .process_page .flow-wrap .flow-list li:nth-child(5) {
    background: url(../img/flow-no5.png) no-repeat left top 10px;
    background-size: 61px;
  }
}

.process_page .flow-wrap .flow-list li:nth-child(6) {
  background: url(../img/flow-no6.png) no-repeat left center;
  background-size: 105px;
}

@media (max-width: 767px) {
  .process_page .flow-wrap .flow-list li:nth-child(6) {
    background: url(../img/flow-no6.png) no-repeat left top 10px;
    background-size: 65px;
  }
}

.process_page #button-wrap .wrap {
  max-width: 660px;
}

.process_page #button-wrap li {
  width: 46%;
}

.process_page #button-wrap li a {
  width: 100%;
  padding: 1.5em 0;
  display: inline-block;
  background: url(../img/arrow-1.png) no-repeat right 10px bottom 10px, rgba(255, 255, 255, 0.1);
  background-size: 30px;
  border: #D9D9D9 solid 1px;
  color: #4B4134;
  text-align: center;
  line-height: 1.5;
}

@media (max-width: 767px) {
  .process_page #button-wrap li a {
    font-size: 24px;
  }
}

.process_page #button-wrap li a:hover {
  background: url(../img/arrow-1.png) no-repeat right 5px bottom 10px, rgba(255, 255, 255, 0.1);
  background-size: 30px;
}

.process_page .qa-wrap .qa-list .inline-flex {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.process_page .qa-wrap .qa-list .inline-flex dt {
  width: 10%;
  text-align: center;
  font-size: 32px;
  padding-top: 20px;
  color: #8B7A6B;
}

.process_page .qa-wrap .qa-list .inline-flex dd {
  width: 90%;
  padding: 30px;
}

/*ーーーーーーーーーー
.recruit_page
ーーーーーーーーーーー*/
.recruit_page .detail-wrap h3 {
  border-bottom: #4B4134 solid 1px;
  font-size: 18px;
  margin-bottom: 10px;
}

@media (max-width: 767px) {
  .recruit_page .detail-wrap .mb-60 {
    margin-bottom: 30px;
  }
}

.recruit_page .message-wrap .txt {
  padding-right: 36%;
  background: url(../img/recruit-2.png) no-repeat right center;
  background-size: 40%;
  min-height: 510px;
}

@media (max-width: 767px) {
  .recruit_page .message-wrap .txt {
    padding-right: 0;
    background: url(../img/recruit-2.png) no-repeat right bottom;
    background-size: 90%;
    padding-bottom: 124%;
  }
}

.recruit_page .message-wrap .txt img {
  height: 90px;
  display: block;
  margin-bottom: 10px;
}

@media (max-width: 767px) {
  .recruit_page .message-wrap .txt img {
    height: 70px;
  }
}

.recruit_page .message-wrap .txt h4 {
  margin-bottom: 30px;
  padding-top: 40px;
}

@media (max-width: 767px) {
  .recruit_page .message-wrap .txt h4 {
    padding-top: 0;
  }
}

.recruit_page .info-wrap h3 {
  color: #4B4134;
  font-size: 22px;
  text-align: center;
}

.recruit_page .info-wrap table {
  width: 100%;
}

.recruit_page .info-wrap table th {
  text-align: left;
  width: 20%;
  font-size: 13px;
  border-bottom: 4px solid #fff;
  padding: 1em;
  line-height: 1.5;
  vertical-align: middle;
}

@media (max-width: 767px) {
  .recruit_page .info-wrap table th {
    line-height: 1.5;
    font-size: 12px;
    letter-spacing: 1px;
    width: 25%;
  }
}

.recruit_page .info-wrap table th span {
  font-size: 10px;
  display: block;
}

.recruit_page .info-wrap table th .inline-block {
  display: inline-block;
  padding-left: 1em;
}

.recruit_page .info-wrap table td {
  width: 80%;
  padding: 1em;
  font-size: 14px;
  border-bottom: 1px solid #fff;
  vertical-align: bottom;
}

@media (max-width: 767px) {
  .recruit_page .info-wrap table td {
    font-size: 12px;
    width: 75%;
  }
}

.recruit_page .info-wrap table td span {
  display: block;
}

/*ーーーーーーーーーー
.access_page
ーーーーーーーーーーー*/
.access_page .info-wrap h3 {
  color: #4B4134;
  font-size: 22px;
  text-align: center;
}

.access_page .info-wrap table {
  width: 100%;
}

.access_page .info-wrap table th {
  text-align: left;
  width: 20%;
  font-size: 13px;
  border-bottom: 4px solid #4B4134;
  padding: 1em;
  line-height: 1.5;
  vertical-align: middle;
}

@media (max-width: 767px) {
  .access_page .info-wrap table th {
    line-height: 1.5;
    font-size: 12px;
    letter-spacing: 1px;
    width: 25%;
  }
}

.access_page .info-wrap table th span {
  font-size: 10px;
  display: block;
}

.access_page .info-wrap table th .inline-block {
  display: inline-block;
  padding-left: 1em;
}

.access_page .info-wrap table td {
  width: 80%;
  padding: 1em;
  font-size: 14px;
  border-bottom: 1px solid #4B4134;
  vertical-align: bottom;
}

@media (max-width: 767px) {
  .access_page .info-wrap table td {
    font-size: 12px;
    width: 75%;
  }
}

.access_page .info-wrap table td span {
  display: block;
}

.access_page .map-wrap .wrap {
  height: 456px;
}

/*ーーーーーーーーーー
.news_page
ーーーーーーーーーーー*/
.news_page .wrap {
  max-width: 900px;
}

.news_page .toko h1 {
  font-size: 32px;
  background: #f4ede7;
  text-align: center;
  line-height: 1.5;
  padding: 10px;
}

@media (max-width: 767px) {
  .news_page .toko h1 {
    font-size: 26px;
  }
}

.news_page .toko h2 {
  font-size: 26px;
  border-bottom: solid 2px #8B7A6B;
  margin: 40px 0 20px;
  background: #f4ede7;
  padding: 2px 20px;
}

@media (max-width: 767px) {
  .news_page .toko h2 {
    font-size: 22px;
  }
}

.news_page .toko h3 {
  font-size: 22px;
  color: #ae0c0c;
  margin: 40px 0 10px;
  background: #fff3f3;
  padding: 2px 20px;
}

@media (max-width: 767px) {
  .news_page .toko h3 {
    font-size: 20px;
  }
}

.news_page .toko h4 {
  font-size: 20px;
  color: #8B7A6B;
  border-left: solid 10px #8B7A6B;
  padding-left: 10px;
  line-height: 1.5;
  margin: 20px 0 10px;
}

@media (max-width: 767px) {
  .news_page .toko h4 {
    font-size: 18px;
  }
}

.news_page .toko h5 {
  font-size: 18px;
  color: #ae0c0c;
  margin: 20px 0 10px;
}

@media (max-width: 767px) {
  .news_page .toko h5 {
    font-size: 16px;
  }
}

.news_page .toko h6 {
  font-size: 16px;
  font-weight: bold;
  margin: 20px 0 10px;
}

.news_page .toko time {
  display: block;
  text-align: right;
}

.news_page .toko img {
  min-width: 50%;
  max-width: 100%;
  height: auto;
  margin: 20px auto;
  display: inherit;
}

@media (max-width: 767px) {
  .news_page .toko img {
    width: 90%;
  }
}

.news_page .toko .blog_btn {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 80px;
}

.news_page .toko .blog_btn li {
  margin: 10px;
}

.news_page .toko .blog_btn li a {
  background: #8B7A6B;
  color: #fff;
  padding: 10px 1em;
}

.news_page .news-list {
  width: 100%;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.news_page .news-list li {
  width: 31%;
  margin-bottom: 40px;
}

@media (max-width: 767px) {
  .news_page .news-list li {
    width: 100%;
  }
}

.news_page .news-list .img {
  height: 280px;
}

.news_page .news-list .img img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

/*ーーーーーーーーーー
.contact_page
ーーーーーーーーーーー*/
.contact_page .wrap {
  max-width: 900px;
}

.contact_page .contact_table {
  width: 100%;
}

.contact_page .contact_table th {
  text-align: left;
  width: 20%;
  font-size: 13px;
  border-bottom: 4px solid #8B7A6B;
  padding: 15px 1em 4px;
  line-height: 1.5;
  vertical-align: middle;
}

@media (max-width: 767px) {
  .contact_page .contact_table th {
    line-height: 1.5;
    font-size: 12px;
    letter-spacing: 1px;
    display: block;
    width: 100%;
  }
}

.contact_page .contact_table th span {
  font-size: 10px;
  display: block;
}

.contact_page .contact_table th .inline-block {
  display: inline-block;
  padding-left: 1em;
}

.contact_page .contact_table td {
  width: 80%;
  padding: 20px 1em;
  font-size: 14px;
  border-bottom: 1px solid #8B7A6B;
  vertical-align: bottom;
}

@media (max-width: 767px) {
  .contact_page .contact_table td {
    font-size: 12px;
    display: block;
    width: 100%;
  }
}

.contact_page .contact_table td input, .contact_page .contact_table td textarea {
  width: 90%;
  margin: 5px;
}

.contact_page .contact_table td input.purpose {
  width: auto;
}

/*ーーーーーーーーーー
.contact_page
ーーーーーーーーーーー*/
.privacy_page .wrap {
  max-width: 900px;
}

.privacy_page .wrap h3 {
  font-size: 18px;
  color: #8B7A6B;
  border-bottom: solid 1px;
  margin-bottom: 5px;
}
/*# sourceMappingURL=common.css.map */