@charset "UTF-8";
/*========================================================

  1.インポートファイル
  2.共通部分

========================================================*/
/*========================================================

  1.インポートファイル

========================================================*/
/* 必須 */
/*——————— ▼ Mac 1500px以下———————*/
/*——————— ▼ iPad(横) 1365px以下———————*/
/*——————— ▼ タブレット/iPadPro/iPadAir 1024px以下 ———————*/
/*——————— ▼ iPadmini(縦) 1024px以下 ———————*/
/*——————— ▼ スマホ 414px以下 ———————*/
/*========================================================

  1.transform
  2.flex-box
  3.gradient
  4.position
  5.other

========================================================*/
/*========================================================

  1.transform

========================================================*/
/*——————— ▼ transition ———————*/
/*——————— ▼ translate ———————*/
/*——————— ▼ scale ———————*/
/*——————— ▼ rotate ———————*/
/*——————— ▼ rotateX ———————*/
/*——————— ▼ rotateY ———————*/
/*==================================================

  2.flex-box

==================================================*/
/*——————— ▼ flexbox ———————*/
/*——————— ▼ justify-content ———————*/
/*——————— ▼ align-items ———————*/
/*——————— ▼ flex-wrap ———————*/
/*——————— ▼ flex ———————*/
/*==================================================

  3.gradient

==================================================*/
/*——————— ▼ 明 → 暗 ———————*/
/*——————— ▼ 暗 → 明 ———————*/
/*==================================================

  4.position

==================================================*/
/*——————— ▼ 上 真ん中 ———————*/
/*——————— ▼ 左上 ———————*/
/*——————— ▼ 右上 ———————*/
/*——————— ▼ 下 真ん中 ———————*/
/*——————— ▼ 左下 ———————*/
/*——————— ▼ 右下 ———————*/
/*——————— ▼ 上下中央 ———————*/
/*==================================================

  5.other

==================================================*/
/*——————— ▼ border-radius ———————*/
/*——————— ▼ 正円 ———————*/
/*——————— ▼ 矢印 ———————*/
/* 必須 */
/*========================================================

  1.コンテンツレイアウト
  2.フォントサイズ

========================================================*/
/*========================================================

  1.コンテンツレイアウト

========================================================*/
@import url(https://fonts.googleapis.com/css?family=Lato:400,700);
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);
/* line 14, ../../sass/_module.scss */
.col-container {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  /*——————— ▼ PC ———————*/
  /*——————— ▼ phab ———————*/
  /*——————— ▼ sp ———————*/
}
/* line 20, ../../sass/_module.scss */
.col-container .col-l-12 {
  width: 100%;
}
/* line 24, ../../sass/_module.scss */
.col-container .col-l-11 {
  width: 91.66667%;
}
/* line 28, ../../sass/_module.scss */
.col-container .col-l-10 {
  width: 83.33333%;
}
/* line 32, ../../sass/_module.scss */
.col-container .col-l-9 {
  width: 75%;
}
/* line 36, ../../sass/_module.scss */
.col-container .col-l-8 {
  width: 66.66667%;
}
/* line 40, ../../sass/_module.scss */
.col-container .col-l-7 {
  width: 58.33333%;
}
/* line 44, ../../sass/_module.scss */
.col-container .col-l-6 {
  width: 50%;
}
/* line 48, ../../sass/_module.scss */
.col-container .col-l-5 {
  width: 41.66667%;
}
/* line 52, ../../sass/_module.scss */
.col-container .col-l-4 {
  width: 33.33333%;
}
/* line 56, ../../sass/_module.scss */
.col-container .col-l-3 {
  width: 25%;
}
/* line 60, ../../sass/_module.scss */
.col-container .col-l-2 {
  width: 16.66667%;
}
/* line 64, ../../sass/_module.scss */
.col-container .col-l-1 {
  width: 8.33333%;
}
@media screen and (max-width: 768px) {
  /* line 69, ../../sass/_module.scss */
  .col-container .col-m-12 {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  /* line 77, ../../sass/_module.scss */
  .col-container .col-m-11 {
    width: 91.66667%;
  }
}
@media screen and (max-width: 768px) {
  /* line 85, ../../sass/_module.scss */
  .col-container .col-m-10 {
    width: 83.33333%;
  }
}
@media screen and (max-width: 768px) {
  /* line 93, ../../sass/_module.scss */
  .col-container .col-m-9 {
    width: 75%;
  }
}
@media screen and (max-width: 768px) {
  /* line 101, ../../sass/_module.scss */
  .col-container .col-m-8 {
    width: 66.66667%;
  }
}
@media screen and (max-width: 768px) {
  /* line 109, ../../sass/_module.scss */
  .col-container .col-m-7 {
    width: 58.33333%;
  }
}
@media screen and (max-width: 768px) {
  /* line 117, ../../sass/_module.scss */
  .col-container .col-m-6 {
    width: 50%;
  }
}
@media screen and (max-width: 768px) {
  /* line 125, ../../sass/_module.scss */
  .col-container .col-m-5 {
    width: 41.66667%;
  }
}
@media screen and (max-width: 768px) {
  /* line 133, ../../sass/_module.scss */
  .col-container .col-m-4 {
    width: 33.33333%;
  }
}
@media screen and (max-width: 768px) {
  /* line 141, ../../sass/_module.scss */
  .col-container .col-m-3 {
    width: 25%;
  }
}
@media screen and (max-width: 768px) {
  /* line 149, ../../sass/_module.scss */
  .col-container .col-m-2 {
    width: 16.66667%;
  }
}
@media screen and (max-width: 768px) {
  /* line 157, ../../sass/_module.scss */
  .col-container .col-m-1 {
    width: 8.33333%;
  }
}
@media screen and (max-width: 414px) {
  /* line 166, ../../sass/_module.scss */
  .col-container .col-s-12 {
    width: 100%;
  }
}
@media screen and (max-width: 414px) {
  /* line 174, ../../sass/_module.scss */
  .col-container .col-s-11 {
    width: 91.66667%;
  }
}
@media screen and (max-width: 414px) {
  /* line 182, ../../sass/_module.scss */
  .col-container .col-s-10 {
    width: 83.33333%;
  }
}
@media screen and (max-width: 414px) {
  /* line 190, ../../sass/_module.scss */
  .col-container .col-s-9 {
    width: 75%;
  }
}
@media screen and (max-width: 414px) {
  /* line 198, ../../sass/_module.scss */
  .col-container .col-s-8 {
    width: 66.66667%;
  }
}
@media screen and (max-width: 414px) {
  /* line 206, ../../sass/_module.scss */
  .col-container .col-s-7 {
    width: 58.33333%;
  }
}
@media screen and (max-width: 414px) {
  /* line 214, ../../sass/_module.scss */
  .col-container .col-s-6 {
    width: 50%;
  }
}
@media screen and (max-width: 414px) {
  /* line 222, ../../sass/_module.scss */
  .col-container .col-s-5 {
    width: 41.66667%;
  }
}
@media screen and (max-width: 414px) {
  /* line 230, ../../sass/_module.scss */
  .col-container .col-s-4 {
    width: 33.33333%;
  }
}
@media screen and (max-width: 414px) {
  /* line 238, ../../sass/_module.scss */
  .col-container .col-s-3 {
    width: 25%;
  }
}
@media screen and (max-width: 414px) {
  /* line 246, ../../sass/_module.scss */
  .col-container .col-s-2 {
    width: 16.66667%;
  }
}
@media screen and (max-width: 414px) {
  /* line 254, ../../sass/_module.scss */
  .col-container .col-s-1 {
    width: 8.33333%;
  }
}

/*========================================================

  2.フォントサイズ

========================================================*/
@keyframes rotate-anime {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* 必須 */
/*========================================================

  【初期設定】

  1.コンテンツ幅
  2.カラー設定
  3.フォント設定

========================================================*/
/*========================================================

  1.コンテンツ幅

========================================================*/
/*——————— ▼ TOPページ ———————*/
/* line 19, ../../sass/_common.scss */
article#top {
  background-image: url(../../images/index/body_bg.jpg);
  background-size: cover;
  background-position: center center;
  background-attachment: fixed;
  padding: 0 2rem;
}
@media screen and (max-width: 414px) {
  /* line 19, ../../sass/_common.scss */
  article#top {
    padding: 0 1rem;
  }
}
/* line 30, ../../sass/_common.scss */
article#top div.main-content {
  padding: 5rem 0 0;
}
@media screen and (max-width: 414px) {
  /* line 30, ../../sass/_common.scss */
  article#top div.main-content {
    padding: 2rem 0 0;
  }
}
/* line 37, ../../sass/_common.scss */
article#top div.main-content section {
  padding: 5rem 0 10rem;
}
/* line 40, ../../sass/_common.scss */
article#top div.main-content section div.inner {
  margin: 0 auto;
}

/*——————— ▼ 下層ページ ———————*/
/* line 56, ../../sass/_common.scss */
article.page div.main-content section {
  padding: 10rem 0;
}
@media screen and (max-width: 768px) {
  /* line 56, ../../sass/_common.scss */
  article.page div.main-content section {
    padding: 5rem 1rem;
  }
}
/* line 63, ../../sass/_common.scss */
article.page div.main-content section div.inner {
  width: 1100px;
  margin: 0 auto;
}
@media screen and (max-width: 1024px) {
  /* line 63, ../../sass/_common.scss */
  article.page div.main-content section div.inner {
    width: 100%;
  }
}

/*========================================================

  2.カラー設定

========================================================*/
/*——————— ▼ ベースカラー（背景や余白） ———————*/
/*——————— ▼ メインカラー（navや見出し） ———————*/
/*——————— ▼ サブカラー（リンクやアクセント部分） ———————*/
/*========================================================

  3.フォント設定

========================================================*/
/*——————— ▼ フォント設定 ———————*/
/* line 107, ../../sass/_common.scss */
html {
  font-size: 62.5%;
}
/* line 110, ../../sass/_common.scss */
html body {
  font-size: 14px;
  font-size: 1.4rem;
  font-family: "メイリオ", Meiryo, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
  line-height: 1.5;
  color: #333;
  background: #b6b6a4;
  overflow-x: hidden;
  letter-spacing: 2px;
}
@media screen and (max-width: 414px) {
  /* line 110, ../../sass/_common.scss */
  html body {
    font-size: 16px;
    font-size: 1.6rem;
  }
}

/* line 128, ../../sass/_common.scss */
p.text {
  font-size: 16px;
  font-size: 1.6rem;
}
@media screen and (max-width: 414px) {
  /* line 128, ../../sass/_common.scss */
  p.text {
    font-size: 16px;
    font-size: 1.6rem;
  }
}

/* line 137, ../../sass/_common.scss */
a {
  text-decoration: none;
  font-size: 16px;
  font-size: 1.6rem;
}
@media screen and (max-width: 414px) {
  /* line 137, ../../sass/_common.scss */
  a {
    font-size: 16px;
    font-size: 1.6rem;
  }
}

@font-face {
  font-family: 'myfont';
  src: url(../../common/font/ファイル名);
}
/* 必須 */
/*========================================================

  【初期設定】

  1.header
  2.footer

========================================================*/
/*========================================================

  1.header

========================================================*/
/*——————— ▼ pc-header ———————*/
/* line 18, ../../sass/_header-footer.scss */
header.pc-header {
  position: fixed;
  top: 5rem;
  left: 5rem;
  right: 5rem;
  z-index: 1;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
@media screen and (max-width: 1024px) {
  /* line 18, ../../sass/_header-footer.scss */
  header.pc-header {
    top: 4rem;
    left: 4rem;
    right: 4rem;
  }
}
@media screen and (max-width: 414px) {
  /* line 18, ../../sass/_header-footer.scss */
  header.pc-header {
    top: 3rem;
    left: 2rem;
    right: 2rem;
  }
}
/* line 38, ../../sass/_header-footer.scss */
header.pc-header div.inner {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;
  align-items: center;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
  position: relative;
}
/* line 49, ../../sass/_header-footer.scss */
header.pc-header div.inner div.logo a span {
  font-size: 12px;
  font-size: 1.2rem;
  color: #fff;
  display: block;
  margin-top: 1rem;
  text-align: center;
}
@media screen and (max-width: 414px) {
  /* line 49, ../../sass/_header-footer.scss */
  header.pc-header div.inner div.logo a span {
    font-size: 10px;
    font-size: 1rem;
  }
}
/* line 67, ../../sass/_header-footer.scss */
header.pc-header nav {
  padding: 5rem 0;
  background: #626D71;
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  display: none;
  width: 30%;
}
@media screen and (max-width: 414px) {
  /* line 67, ../../sass/_header-footer.scss */
  header.pc-header nav {
    width: 100%;
    padding: 5rem 2rem;
  }
}
/* line 83, ../../sass/_header-footer.scss */
header.pc-header nav ul.nav {
  padding: 4rem 0 0;
}
/* line 86, ../../sass/_header-footer.scss */
header.pc-header nav ul.nav li {
  -webkit-flex: 1;
  flex: 1;
}
/* line 89, ../../sass/_header-footer.scss */
header.pc-header nav ul.nav li a {
  color: #fff;
  letter-spacing: 3px;
  padding: 2rem 0;
}
@media screen and (max-width: 414px) {
  /* line 89, ../../sass/_header-footer.scss */
  header.pc-header nav ul.nav li a {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
/* line 98, ../../sass/_header-footer.scss */
header.pc-header nav ul.nav li a:hover {
  background: #b6b6a4;
}
/* line 108, ../../sass/_header-footer.scss */
header.pc-header nav ul.nav-blog {
  width: 80%;
  margin: 0 auto;
}
@media screen and (max-width: 1024px) {
  /* line 108, ../../sass/_header-footer.scss */
  header.pc-header nav ul.nav-blog {
    width: 98%;
  }
}
/* line 116, ../../sass/_header-footer.scss */
header.pc-header nav ul.nav-blog li a {
  display: block;
  font-size: 12px;
  font-size: 1.2rem;
  color: #fff;
  line-height: 2.4rem;
  padding: 1rem 0;
}
@media screen and (max-width: 414px) {
  /* line 116, ../../sass/_header-footer.scss */
  header.pc-header nav ul.nav-blog li a {
    width: 96%;
  }
}
/* line 125, ../../sass/_header-footer.scss */
header.pc-header nav ul.nav-blog li a:hover {
  background: #b6b6a4;
}
/* line 132, ../../sass/_header-footer.scss */
header.pc-header nav ul.blog {
  background: #fff;
  width: 50%;
  margin: 2rem auto 0;
}
@media screen and (max-width: 1024px) {
  /* line 132, ../../sass/_header-footer.scss */
  header.pc-header nav ul.blog {
    width: 80%;
    margin: 1rem auto 0;
  }
}
/* line 144, ../../sass/_header-footer.scss */
header.pc-header nav ul.blog li + li {
  border-top: 1px solid #ccc;
}
/* line 148, ../../sass/_header-footer.scss */
header.pc-header nav ul.blog li a {
  color: #000;
  -webkit-align-items: center;
  align-items: center;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
/* line 153, ../../sass/_header-footer.scss */
header.pc-header nav ul.blog li a:hover {
  opacity: .7;
}
/* line 157, ../../sass/_header-footer.scss */
header.pc-header nav ul.blog li a div.txt {
  padding: 1rem .5rem;
}
/* line 160, ../../sass/_header-footer.scss */
header.pc-header nav ul.blog li a div.txt span {
  display: block;
  font-size: 10px;
  font-size: 1rem;
}
/* line 165, ../../sass/_header-footer.scss */
header.pc-header nav ul.blog li a div.txt p {
  font-size: 10px;
  font-size: 1rem;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
/* line 183, ../../sass/_header-footer.scss */
header.pc-header.fixed {
  background: #626D71;
  top: 0;
  left: 0;
  right: 0;
}
/* line 189, ../../sass/_header-footer.scss */
header.pc-header.fixed div.inner {
  padding: 2rem 0;
  -webkit-justify-content: center;
  justify-content: center;
}
@media screen and (max-width: 414px) {
  /* line 189, ../../sass/_header-footer.scss */
  header.pc-header.fixed div.inner {
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: 2rem;
  }
}
/* line 219, ../../sass/_header-footer.scss */
header.pc-header.fixed div.btn {
  right: 2rem;
}

/*——————— ▼ sp-header ———————*/
/*——————— ▼ アコーディオンメニューボタン ———————*/
/* line 230, ../../sass/_header-footer.scss */
div.btn {
  width: 40px;
  height: 40px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 0;
  z-index: 11111;
}

/* line 240, ../../sass/_header-footer.scss */
#panel-btn {
  display: inline-block;
  position: relative;
  width: 40px;
  height: 40px;
  background: #b6b6a4;
}

/* line 247, ../../sass/_header-footer.scss */
#panel-btn:hover {
  background: #b6b6a4;
}

/* line 250, ../../sass/_header-footer.scss */
#panel-btn-icon {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 14px;
  height: 2px;
  margin: -1px 0 0 -7px;
  background: #fff;
  transition: .2s;
}

/* line 261, ../../sass/_header-footer.scss */
#panel-btn-icon:before, #panel-btn-icon:after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 14px;
  height: 2px;
  background: #fff;
  transition: .3s;
}

/* line 272, ../../sass/_header-footer.scss */
#panel-btn-icon:before {
  margin-top: -6px;
}

/* line 275, ../../sass/_header-footer.scss */
#panel-btn-icon:after {
  margin-top: 4px;
}

/* line 278, ../../sass/_header-footer.scss */
#panel-btn .close {
  background: transparent;
}

/* line 281, ../../sass/_header-footer.scss */
#panel-btn .close:before, #panel-btn .close:after {
  margin-top: 0;
}

/* line 284, ../../sass/_header-footer.scss */
#panel-btn .close:before {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

/* line 288, ../../sass/_header-footer.scss */
#panel-btn .close:after {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}

/*========================================================

  2.footer

========================================================*/
/* line 300, ../../sass/_header-footer.scss */
div.page-top a {
  display: block;
  text-align: center;
  padding: 2rem 0;
  background: #ddbc95;
  color: #fff;
  font-size: 14px;
  font-size: 1.4rem;
  position: relative;
}
/* line 309, ../../sass/_header-footer.scss */
div.page-top a:hover {
  opacity: .7;
}
/* line 313, ../../sass/_header-footer.scss */
div.page-top a:before {
  content: "";
  display: block;
  width: 0px;
  position: absolute;
  top: -72px;
  left: 0;
  right: 0;
  margin: 0 auto;
  border: 48px solid transparent;
  border-bottom: 24px solid #ddbc95;
}

/* line 330, ../../sass/_header-footer.scss */
footer {
  background: #626D71;
  letter-spacing: 3px;
  padding: 0 0 0 5rem;
}
@media screen and (max-width: 768px) {
  /* line 330, ../../sass/_header-footer.scss */
  footer {
    padding: 0 0 0 2rem;
  }
}
@media screen and (max-width: 414px) {
  /* line 330, ../../sass/_header-footer.scss */
  footer {
    padding: 0;
  }
}
/* line 343, ../../sass/_header-footer.scss */
footer div.inner {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
@media screen and (max-width: 414px) {
  /* line 343, ../../sass/_header-footer.scss */
  footer div.inner {
    display: block;
  }
}
/* line 351, ../../sass/_header-footer.scss */
footer div.inner div.left {
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding-right: 5rem;
}
@media screen and (max-width: 768px) {
  /* line 351, ../../sass/_header-footer.scss */
  footer div.inner div.left {
    padding-right: 2rem;
  }
}
@media screen and (max-width: 414px) {
  /* line 351, ../../sass/_header-footer.scss */
  footer div.inner div.left {
    display: block;
    padding-left: 1rem;
    padding-right: 0;
  }
}
/* line 365, ../../sass/_header-footer.scss */
footer div.inner div.left ul.footer-nav {
  padding: 5rem 0;
}
@media screen and (max-width: 414px) {
  /* line 365, ../../sass/_header-footer.scss */
  footer div.inner div.left ul.footer-nav {
    padding: 2rem 0;
  }
}
/* line 372, ../../sass/_header-footer.scss */
footer div.inner div.left ul.footer-nav li {
  border-left: 2px solid #fff;
}
/* line 375, ../../sass/_header-footer.scss */
footer div.inner div.left ul.footer-nav li + li {
  margin-top: 1rem;
}
/* line 379, ../../sass/_header-footer.scss */
footer div.inner div.left ul.footer-nav li a {
  font-size: 12px;
  font-size: 1.2rem;
  color: #fff;
  text-align: left;
  padding: 0 1rem;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
/* line 386, ../../sass/_header-footer.scss */
footer div.inner div.left ul.footer-nav li a:hover {
  padding: 0 1rem 0 1.5rem;
}
/* line 396, ../../sass/_header-footer.scss */
footer div.inner div.left ul.salon {
  padding: 5rem 0;
  width: 35%;
}
@media screen and (max-width: 768px) {
  /* line 396, ../../sass/_header-footer.scss */
  footer div.inner div.left ul.salon {
    width: 70%;
  }
}
@media screen and (max-width: 414px) {
  /* line 396, ../../sass/_header-footer.scss */
  footer div.inner div.left ul.salon {
    width: 100%;
    padding: 2rem 0 4rem;
  }
}
/* line 409, ../../sass/_header-footer.scss */
footer div.inner div.left ul.salon li {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
@media screen and (max-width: 414px) {
  /* line 409, ../../sass/_header-footer.scss */
  footer div.inner div.left ul.salon li {
    display: block;
  }
}
/* line 416, ../../sass/_header-footer.scss */
footer div.inner div.left ul.salon li + li {
  margin-top: 1rem;
}
/* line 420, ../../sass/_header-footer.scss */
footer div.inner div.left ul.salon li span {
  display: block;
  color: #fff;
}
@media screen and (max-width: 414px) {
  /* line 420, ../../sass/_header-footer.scss */
  footer div.inner div.left ul.salon li span {
    width: 100%;
    text-align: left;
    font-size: 12px;
    font-size: 1.2rem;
  }
}
/* line 430, ../../sass/_header-footer.scss */
footer div.inner div.left ul.salon li span:first-child {
  width: 20%;
  margin-right: 2rem;
  text-align: right;
}
@media screen and (max-width: 414px) {
  /* line 430, ../../sass/_header-footer.scss */
  footer div.inner div.left ul.salon li span:first-child {
    width: 100%;
    text-align: left;
    margin-bottom: .5rem;
  }
}
/* line 443, ../../sass/_header-footer.scss */
footer div.inner div.left ul.salon li span.sns {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
/* line 446, ../../sass/_header-footer.scss */
footer div.inner div.left ul.salon li span.sns i {
  font-size: 20px;
  font-size: 2rem;
}
/* line 452, ../../sass/_header-footer.scss */
footer div.inner div.left ul.salon li span a {
  color: #fff;
  font-size: 12px;
  font-size: 1.2rem;
}
/* line 456, ../../sass/_header-footer.scss */
footer div.inner div.left ul.salon li span a:hover {
  opacity: .7;
}
/* line 470, ../../sass/_header-footer.scss */
footer div.inner div.cta {
  background: #ddbc95;
  width: 15%;
}
@media screen and (max-width: 768px) {
  /* line 470, ../../sass/_header-footer.scss */
  footer div.inner div.cta {
    width: 20%;
  }
}
@media screen and (max-width: 414px) {
  /* line 470, ../../sass/_header-footer.scss */
  footer div.inner div.cta {
    width: 100%;
    padding: 1rem 0;
  }
}
/* line 483, ../../sass/_header-footer.scss */
footer div.inner div.cta a {
  display: table;
  width: 100%;
  height: 100%;
}
/* line 488, ../../sass/_header-footer.scss */
footer div.inner div.cta a:hover {
  opacity: .7;
}
/* line 492, ../../sass/_header-footer.scss */
footer div.inner div.cta a span {
  display: block;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  color: #fff;
}
@media screen and (max-width: 414px) {
  /* line 492, ../../sass/_header-footer.scss */
  footer div.inner div.cta a span {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
/* line 503, ../../sass/_header-footer.scss */
footer div.inner div.cta a span i {
  display: block;
  font-size: 48px;
  font-size: 4.8rem;
}
@media screen and (max-width: 414px) {
  /* line 503, ../../sass/_header-footer.scss */
  footer div.inner div.cta a span i {
    font-size: 24px;
    font-size: 2.4rem;
  }
}

/* line 522, ../../sass/_header-footer.scss */
p.copylight {
  color: #626D71;
  font-size: 12px;
  font-size: 1.2rem;
  padding: 1rem 0;
  text-align: center;
  background: #fff;
}

/* 必須 */
/*========================================================

  下層ページ共通

========================================================*/
/* line 7, ../../sass/_page-tamplate.scss */
article.page {
  /*——————— ▼ メインビジュアル ———————*/
}
/* line 10, ../../sass/_page-tamplate.scss */
article.page .page-mv {
  width: 100%;
  position: relative;
  height: calc(100vh / 2);
  z-index: -2;
}
@media screen and (max-width: 1024px) {
  /* line 10, ../../sass/_page-tamplate.scss */
  article.page .page-mv {
    height: calc(100vh / 3);
  }
}
@media screen and (max-width: 768px) {
  /* line 10, ../../sass/_page-tamplate.scss */
  article.page .page-mv {
    height: calc(100vh / 4);
  }
}
@media screen and (max-width: 414px) {
  /* line 10, ../../sass/_page-tamplate.scss */
  article.page .page-mv {
    height: calc(100vh / 3);
  }
}
/* line 28, ../../sass/_page-tamplate.scss */
article.page .page-mv.concept {
  background: url(../../images/concept/concept_bg.jpg);
  background-position: center center;
  background-size: cover;
}
/* line 34, ../../sass/_page-tamplate.scss */
article.page .page-mv.about {
  background: url(../../images/concept/concept_bg.jpg);
  background-position: center center;
  background-size: cover;
}
/* line 40, ../../sass/_page-tamplate.scss */
article.page .page-mv.menu {
  background: url(../../images/concept/concept_bg.jpg);
  background-position: center center;
  background-size: cover;
}
/* line 45, ../../sass/_page-tamplate.scss */
article.page .page-mv.privacy {
  background: url(../../images/concept/concept_bg.jpg);
  background-position: center center;
  background-size: cover;
}
/* line 51, ../../sass/_page-tamplate.scss */
article.page .page-mv.contact {
  background: url(../../images/contact/contact_bg.png);
  background-position: center center;
  background-size: cover;
}
/* line 57, ../../sass/_page-tamplate.scss */
article.page .page-mv.single {
  background: url(../../images/common/eyecatch_defa.jpg);
  background-position: center center;
  background-size: cover;
}
/* line 63, ../../sass/_page-tamplate.scss */
article.page .page-mv:after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  background: rgba(0, 0, 0, 0.3);
  z-index: -1;
}
/* line 78, ../../sass/_page-tamplate.scss */
article.page .page-mv div.delay-text {
  display: table;
  width: 100%;
  height: 100%;
}
/* line 83, ../../sass/_page-tamplate.scss */
article.page .page-mv div.delay-text h2 {
  color: #fff;
  text-align: center;
  font-size: 28px;
  font-size: 2.8rem;
  display: table-cell;
  vertical-align: middle;
}
@media screen and (max-width: 768px) {
  /* line 83, ../../sass/_page-tamplate.scss */
  article.page .page-mv div.delay-text h2 {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
/* line 94, ../../sass/_page-tamplate.scss */
article.page .page-mv div.delay-text h2 span {
  display: block;
  font-size: 16px;
  font-size: 1.6rem;
}
@media screen and (max-width: 768px) {
  /* line 94, ../../sass/_page-tamplate.scss */
  article.page .page-mv div.delay-text h2 span {
    font-size: 12px;
    font-size: 1.2rem;
  }
}

/* line 2, ../../sass/_top.scss */
article#top {
  /*——————— ▼ concept ———————*/
  /*——————— ▼ content-menu ———————*/
  /*——————— ▼ SALON ———————*/
  /*——————— ▼ GoogleMap ———————*/
  /*——————— ▼ instagram ———————*/
  /*——————— ▼ NEWS ———————*/
}
/* line 6, ../../sass/_top.scss */
article#top section.concept {
  padding: 0 !important;
}
@media screen and (max-width: 414px) {
  /* line 6, ../../sass/_top.scss */
  article#top section.concept {
    padding: 0 !important;
  }
}
@media screen and (max-width: 414px) {
  /* line 15, ../../sass/_top.scss */
  article#top section.concept div.inner div.col-container {
    display: block;
  }
}
/* line 21, ../../sass/_top.scss */
article#top section.concept div.inner div.col-container figure {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}
/* line 27, ../../sass/_top.scss */
article#top section.concept div.inner div.col-container div.txt-box {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
}
/* line 32, ../../sass/_top.scss */
article#top section.concept div.inner div.col-container div.txt-box div.text {
  padding: 2rem;
}
@media screen and (max-width: 768px) {
  /* line 32, ../../sass/_top.scss */
  article#top section.concept div.inner div.col-container div.txt-box div.text {
    padding: 2rem;
  }
}
/* line 39, ../../sass/_top.scss */
article#top section.concept div.inner div.col-container div.txt-box div.text h1 {
  font-size: 28px;
  font-size: 2.8rem;
  display: block;
  margin: 2rem 0;
  letter-spacing: 3px;
  text-align: center;
  color: #fff;
}
@media screen and (max-width: 1024px) {
  /* line 39, ../../sass/_top.scss */
  article#top section.concept div.inner div.col-container div.txt-box div.text h1 {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 414px) {
  /* line 39, ../../sass/_top.scss */
  article#top section.concept div.inner div.col-container div.txt-box div.text h1 {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
/* line 57, ../../sass/_top.scss */
article#top section.concept div.inner div.col-container div.txt-box div.text p.text {
  text-align: center;
  color: #fff;
  line-height: 2;
  font-size: 18px;
  font-size: 1.8rem;
}
@media screen and (max-width: 1024px) {
  /* line 57, ../../sass/_top.scss */
  article#top section.concept div.inner div.col-container div.txt-box div.text p.text {
    font-size: 12px;
    font-size: 1.2rem;
    text-align: left;
  }
}
/* line 81, ../../sass/_top.scss */
article#top section.content-menu {
  padding: 0 !important;
}
/* line 88, ../../sass/_top.scss */
article#top section.content-menu div.inner div.content-menu-container div.content-menu-box {
  position: relative;
}
/* line 91, ../../sass/_top.scss */
article#top section.content-menu div.inner div.content-menu-container div.content-menu-box:hover > figure > img {
  -webkit-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}
/* line 95, ../../sass/_top.scss */
article#top section.content-menu div.inner div.content-menu-container div.content-menu-box figure {
  overflow: hidden;
}
/* line 98, ../../sass/_top.scss */
article#top section.content-menu div.inner div.content-menu-container div.content-menu-box figure img {
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
/* line 104, ../../sass/_top.scss */
article#top section.content-menu div.inner div.content-menu-container div.content-menu-box a {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background: rgba(0, 0, 0, 0.5);
}
/* line 113, ../../sass/_top.scss */
article#top section.content-menu div.inner div.content-menu-container div.content-menu-box a:hover {
  background: rgba(0, 0, 0, 0.8);
}
/* line 117, ../../sass/_top.scss */
article#top section.content-menu div.inner div.content-menu-container div.content-menu-box a div.text-box {
  width: 100%;
  height: 100%;
  display: table;
}
/* line 122, ../../sass/_top.scss */
article#top section.content-menu div.inner div.content-menu-container div.content-menu-box a div.text-box h2 {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
/* line 127, ../../sass/_top.scss */
article#top section.content-menu div.inner div.content-menu-container div.content-menu-box a div.text-box h2 span {
  color: #fff;
  font-weight: normal;
  font-size: 24px;
  font-size: 2.4rem;
  letter-spacing: 3px;
}
@media screen and (max-width: 414px) {
  /* line 127, ../../sass/_top.scss */
  article#top section.content-menu div.inner div.content-menu-container div.content-menu-box a div.text-box h2 span {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
/* line 155, ../../sass/_top.scss */
article#top section.salon {
  background: white;
  padding: 5rem 0 0 !important;
}
/* line 159, ../../sass/_top.scss */
article#top section.salon h2.section-title {
  color: #b6b6a4;
}
/* line 164, ../../sass/_top.scss */
article#top section.salon h2.section-title span:before, article#top section.salon h2.section-title span:after {
  background: #b6b6a4;
}
/* line 175, ../../sass/_top.scss */
article#top section.salon div.inner ul {
  width: 30%;
  margin: 0 auto 5rem;
}
@media screen and (max-width: 768px) {
  /* line 175, ../../sass/_top.scss */
  article#top section.salon div.inner ul {
    width: 100%;
    padding: 0 2rem;
  }
}
/* line 184, ../../sass/_top.scss */
article#top section.salon div.inner ul li {
  font-size: 14px;
  font-size: 1.4rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  padding: 2rem 0;
}
@media screen and (max-width: 414px) {
  /* line 184, ../../sass/_top.scss */
  article#top section.salon div.inner ul li {
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
/* line 193, ../../sass/_top.scss */
article#top section.salon div.inner ul li + li {
  border-top: 1px dotted #ccc;
}
/* line 197, ../../sass/_top.scss */
article#top section.salon div.inner ul li span {
  display: block;
}
/* line 200, ../../sass/_top.scss */
article#top section.salon div.inner ul li span:first-child {
  width: 20%;
  margin-right: 2rem;
}
@media screen and (max-width: 414px) {
  /* line 200, ../../sass/_top.scss */
  article#top section.salon div.inner ul li span:first-child {
    width: 100%;
    margin-bottom: .5rem;
  }
}
/* line 211, ../../sass/_top.scss */
article#top section.salon div.inner ul li span:nth-child(2) {
  width: 80%;
}
@media screen and (max-width: 414px) {
  /* line 211, ../../sass/_top.scss */
  article#top section.salon div.inner ul li span:nth-child(2) {
    width: 100%;
    font-size: 12px;
    font-size: 1.2rem;
  }
}
/* line 221, ../../sass/_top.scss */
article#top section.salon div.inner ul li span.sns {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
/* line 224, ../../sass/_top.scss */
article#top section.salon div.inner ul li span.sns i {
  font-size: 20px;
  font-size: 2rem;
}
/* line 230, ../../sass/_top.scss */
article#top section.salon div.inner ul li span a {
  color: #333;
  font-size: 14px;
  font-size: 1.4rem;
}
/* line 234, ../../sass/_top.scss */
article#top section.salon div.inner ul li span a:hover {
  opacity: .7;
}
/* line 251, ../../sass/_top.scss */
article#top div.g-map {
  width: 100%;
  height: 500px;
}
/* line 257, ../../sass/_top.scss */
article#top section.instagram {
  background: #f4ebe1;
}
/* line 273, ../../sass/_top.scss */
article#top section.news div.inner div.news-container div.news-box {
  padding: 0 .1rem;
}
/* line 276, ../../sass/_top.scss */
article#top section.news div.inner div.news-container div.news-box a {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  display: block;
}
/* line 280, ../../sass/_top.scss */
article#top section.news div.inner div.news-container div.news-box a:hover {
  opacity: .7;
}
/* line 284, ../../sass/_top.scss */
article#top section.news div.inner div.news-container div.news-box a figure {
  padding: 20rem 0;
  background-size: cover;
  background-position: center center;
}
/* line 289, ../../sass/_top.scss */
article#top section.news div.inner div.news-container div.news-box a figure.news-eyecatch_defa {
  background: url(../../images/common/eyecatch_defa.jpg);
  background-position: center center;
  background-size: cover;
}
/* line 295, ../../sass/_top.scss */
article#top section.news div.inner div.news-container div.news-box a div.text-box {
  background: #fff;
  padding: 2rem;
}
@media screen and (max-width: 768px) {
  /* line 295, ../../sass/_top.scss */
  article#top section.news div.inner div.news-container div.news-box a div.text-box {
    padding: 1rem;
  }
}
/* line 303, ../../sass/_top.scss */
article#top section.news div.inner div.news-container div.news-box a div.text-box h3 {
  color: #333;
  font-weight: normal;
  font-size: 14px;
  font-size: 1.4rem;
}
@media screen and (max-width: 768px) {
  /* line 303, ../../sass/_top.scss */
  article#top section.news div.inner div.news-container div.news-box a div.text-box h3 {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
/* line 314, ../../sass/_top.scss */
article#top section.news div.inner div.news-container div.news-box a div.text-box p.date {
  color: #aaa;
  text-align: right;
  font-size: 12px;
  font-size: 1.2rem;
}
/* line 331, ../../sass/_top.scss */
article#top a.btn {
  display: block;
  border: 1px solid #fff;
  color: #fff;
  text-align: center;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 4rem;
  width: 240px;
  margin: 2rem auto;
  transition-duration: 1s;
}
/* line 341, ../../sass/_top.scss */
article#top a.btn:hover {
  background-color: #fff;
  color: #626D71;
  letter-spacing: 10px;
}

/* 必須 */
/* line 6, ../../sass/_concept.scss */
article#concept div.main-content section.concept {
  background: #fff;
}
/* line 13, ../../sass/_concept.scss */
article#concept div.main-content section.concept div.inner div.text-box h2 {
  text-align: center;
  font-size: 30px;
  font-size: 3rem;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  padding-bottom: 2rem;
  color: #626D71;
}
@media screen and (max-width: 414px) {
  /* line 13, ../../sass/_concept.scss */
  article#concept div.main-content section.concept div.inner div.text-box h2 {
    font-size: 20px;
    font-size: 2rem;
  }
}
/* line 24, ../../sass/_concept.scss */
article#concept div.main-content section.concept div.inner div.text-box p {
  line-height: 3;
  text-align: center;
}
@media screen and (max-width: 768px) {
  /* line 24, ../../sass/_concept.scss */
  article#concept div.main-content section.concept div.inner div.text-box p {
    line-height: 2;
    font-size: 12px;
    font-size: 1.2rem;
  }
  /* line 31, ../../sass/_concept.scss */
  article#concept div.main-content section.concept div.inner div.text-box p br {
    display: block;
  }
}
@media screen and (max-width: 414px) {
  /* line 24, ../../sass/_concept.scss */
  article#concept div.main-content section.concept div.inner div.text-box p {
    text-align: left;
  }
  /* line 38, ../../sass/_concept.scss */
  article#concept div.main-content section.concept div.inner div.text-box p br {
    display: block;
  }
}

/* 必須 */
/* line 4, ../../sass/_menu.scss */
article#menu div.main-content {
  /*——————— ▼ 年間フリーパス ———————*/
  /*——————— ▼ メニュー ———————*/
}
/* line 6, ../../sass/_menu.scss */
article#menu div.main-content section.freepass {
  background-color: #fff;
}
/* line 9, ../../sass/_menu.scss */
article#menu div.main-content section.freepass h2 {
  color: #626D71;
}
/* line 14, ../../sass/_menu.scss */
article#menu div.main-content section.freepass h2 span:after {
  background: #626D71;
}
/* line 22, ../../sass/_menu.scss */
article#menu div.main-content section.freepass .freepass-subcatch {
  text-align: center;
  font-weight: bold;
  color: #626D71;
  padding: 2rem;
  font-size: 30px;
  font-size: 3rem;
}
@media screen and (max-width: 1024px) {
  /* line 22, ../../sass/_menu.scss */
  article#menu div.main-content section.freepass .freepass-subcatch {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 414px) {
  /* line 22, ../../sass/_menu.scss */
  article#menu div.main-content section.freepass .freepass-subcatch {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
/* line 37, ../../sass/_menu.scss */
article#menu div.main-content section.freepass .freepass-titelPrice {
  border: 1px solid #626D71;
}
/* line 39, ../../sass/_menu.scss */
article#menu div.main-content section.freepass .freepass-titelPrice h3 {
  padding: 2rem;
  background: #626D71;
  color: #fff;
  text-align: center;
  font-size: 18px;
  font-size: 1.8rem;
}
@media screen and (max-width: 414px) {
  /* line 39, ../../sass/_menu.scss */
  article#menu div.main-content section.freepass .freepass-titelPrice h3 {
    padding: 1rem;
    font-size: 14px;
    font-size: 1.4rem;
  }
}
/* line 54, ../../sass/_menu.scss */
article#menu div.main-content section.freepass .freepass-titelPrice p {
  padding: 2rem;
  text-align: center;
  font-size: 18px;
  font-size: 1.8rem;
}
@media screen and (max-width: 414px) {
  /* line 54, ../../sass/_menu.scss */
  article#menu div.main-content section.freepass .freepass-titelPrice p {
    padding: 1rem;
    font-size: 14px;
    font-size: 1.4rem;
  }
}
/* line 68, ../../sass/_menu.scss */
article#menu div.main-content section.freepass .freepass-disc p {
  padding: 2rem;
}
/* line 70, ../../sass/_menu.scss */
article#menu div.main-content section.freepass .freepass-disc p span {
  font-weight: bold;
  color: #ddbc95;
  font-size: 16px;
  font-size: 1.6rem;
}
@media screen and (max-width: 414px) {
  /* line 68, ../../sass/_menu.scss */
  article#menu div.main-content section.freepass .freepass-disc p {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
/* line 80, ../../sass/_menu.scss */
article#menu div.main-content section.freepass .freepass-disc ul {
  padding: 0 2rem;
}
/* line 82, ../../sass/_menu.scss */
article#menu div.main-content section.freepass .freepass-disc ul li {
  list-style-type: disc;
}
/* line 90, ../../sass/_menu.scss */
article#menu div.main-content section.menu {
  background-color: #f4f4f4;
}
/* line 93, ../../sass/_menu.scss */
article#menu div.main-content section.menu-bg {
  background-color: #fff;
}
/* line 96, ../../sass/_menu.scss */
article#menu div.main-content section.menu, article#menu div.main-content section.menu-bg {
  /* background-image: url(../../images/menu/balinese_bg.png);
  background-repeat: no-repeat;
  background-size:contain;
  background-position:bottom center; */
}
/* line 102, ../../sass/_menu.scss */
article#menu div.main-content section.menu h2, article#menu div.main-content section.menu-bg h2 {
  color: #626D71;
}
/* line 107, ../../sass/_menu.scss */
article#menu div.main-content section.menu h2 span:after, article#menu div.main-content section.menu-bg h2 span:after {
  background: #626D71;
}
@media screen and (max-width: 768px) {
  /* line 115, ../../sass/_menu.scss */
  article#menu div.main-content section.menu div.inner, article#menu div.main-content section.menu-bg div.inner {
    display: block;
  }
}
/* line 121, ../../sass/_menu.scss */
article#menu div.main-content section.menu div.inner div.menu-box, article#menu div.main-content section.menu-bg div.inner div.menu-box {
  padding: 1rem;
}
@media screen and (max-width: 768px) {
  /* line 121, ../../sass/_menu.scss */
  article#menu div.main-content section.menu div.inner div.menu-box, article#menu div.main-content section.menu-bg div.inner div.menu-box {
    margin: 0 auto;
  }
}
/* line 131, ../../sass/_menu.scss */
article#menu div.main-content section.menu div.inner div.menu-box ul, article#menu div.main-content section.menu-bg div.inner div.menu-box ul {
  border: 1px solid #626D71;
}
/* line 134, ../../sass/_menu.scss */
article#menu div.main-content section.menu div.inner div.menu-box ul li, article#menu div.main-content section.menu-bg div.inner div.menu-box ul li {
  font-size: 18px;
  font-size: 1.8rem;
}
/* line 142, ../../sass/_menu.scss */
article#menu div.main-content section.menu div.inner div.menu-box ul li + li, article#menu div.main-content section.menu-bg div.inner div.menu-box ul li + li {
  border-top: 1px solid #ccc;
}
/* line 148, ../../sass/_menu.scss */
article#menu div.main-content section.menu div.inner div.menu-box ul li p.head, article#menu div.main-content section.menu-bg div.inner div.menu-box ul li p.head {
  display: block;
  padding: 2rem;
  background: #626D71;
  color: #fff;
  text-align: center;
  font-size: 18px;
  font-size: 1.8rem;
}
@media screen and (max-width: 414px) {
  /* line 148, ../../sass/_menu.scss */
  article#menu div.main-content section.menu div.inner div.menu-box ul li p.head, article#menu div.main-content section.menu-bg div.inner div.menu-box ul li p.head {
    padding: 1rem;
    font-size: 14px;
    font-size: 1.4rem;
  }
}
/* line 163, ../../sass/_menu.scss */
article#menu div.main-content section.menu div.inner div.menu-box ul li span, article#menu div.main-content section.menu-bg div.inner div.menu-box ul li span {
  padding: 2rem;
  display: block;
  font-size: 16px;
  font-size: 1.6rem;
}
/* line 167, ../../sass/_menu.scss */
article#menu div.main-content section.menu div.inner div.menu-box ul li span p.attention, article#menu div.main-content section.menu-bg div.inner div.menu-box ul li span p.attention {
  color: #ddbc95;
}
@media screen and (max-width: 414px) {
  /* line 163, ../../sass/_menu.scss */
  article#menu div.main-content section.menu div.inner div.menu-box ul li span, article#menu div.main-content section.menu-bg div.inner div.menu-box ul li span {
    padding: 1rem;
    font-size: 12px;
    font-size: 1.2rem;
  }
}
/* line 175, ../../sass/_menu.scss */
article#menu div.main-content section.menu div.inner div.menu-box ul li span.name, article#menu div.main-content section.menu-bg div.inner div.menu-box ul li span.name {
  background-color: #fff;
  height: 100%;
  font-weight: 800;
}
/* line 180, ../../sass/_menu.scss */
article#menu div.main-content section.menu div.inner div.menu-box ul li span.price, article#menu div.main-content section.menu-bg div.inner div.menu-box ul li span.price {
  text-align: right;
  background: #fff;
}
/* line 184, ../../sass/_menu.scss */
article#menu div.main-content section.menu div.inner div.menu-box ul li span.disc, article#menu div.main-content section.menu-bg div.inner div.menu-box ul li span.disc {
  font-size: 12px;
  font-size: 1.2rem;
  background-color: #f5f6f6;
}
/* line 197, ../../sass/_menu.scss */
article#menu div.main-content section.menu div.inner div.menu-text, article#menu div.main-content section.menu-bg div.inner div.menu-text {
  padding: 2rem;
}
@media screen and (max-width: 414px) {
  /* line 197, ../../sass/_menu.scss */
  article#menu div.main-content section.menu div.inner div.menu-text, article#menu div.main-content section.menu-bg div.inner div.menu-text {
    font-size: 12px;
    font-size: 1.2rem;
  }
}

/* 必須 */
/* line 8, ../../sass/_about.scss */
article#about div.main-content section.trouble div.inner {
  color: #fff;
}
/* line 11, ../../sass/_about.scss */
article#about div.main-content section.trouble div.inner strong {
  display: block;
  font-size: 32px;
  font-size: 3.2rem;
  margin: 2rem 0;
  font-weight: normal;
  text-align: center;
}
@media screen and (max-width: 768px) {
  /* line 11, ../../sass/_about.scss */
  article#about div.main-content section.trouble div.inner strong {
    font-size: 28px;
    font-size: 2.8rem;
  }
}
@media screen and (max-width: 414px) {
  /* line 11, ../../sass/_about.scss */
  article#about div.main-content section.trouble div.inner strong {
    font-size: 20px;
    font-size: 2rem;
    text-align: left;
  }
}
/* line 29, ../../sass/_about.scss */
article#about div.main-content section.trouble div.inner ul {
  width: 45%;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  /* line 29, ../../sass/_about.scss */
  article#about div.main-content section.trouble div.inner ul {
    width: 60%;
  }
}
@media screen and (max-width: 414px) {
  /* line 29, ../../sass/_about.scss */
  article#about div.main-content section.trouble div.inner ul {
    display: block;
    width: 100%;
  }
}
/* line 42, ../../sass/_about.scss */
article#about div.main-content section.trouble div.inner ul li {
  padding: 1rem 0;
}
@media screen and (max-width: 414px) {
  /* line 42, ../../sass/_about.scss */
  article#about div.main-content section.trouble div.inner ul li {
    font-size: 14px;
    font-size: 1.4rem;
    padding-left: 2rem;
  }
}
/* line 54, ../../sass/_about.scss */
article#about div.main-content section.trouble div.inner p {
  margin-top: 5rem;
  line-height: 2;
  text-align: center;
}
@media screen and (max-width: 414px) {
  /* line 54, ../../sass/_about.scss */
  article#about div.main-content section.trouble div.inner p {
    text-align: left;
    font-size: 14px;
    font-size: 1.4rem;
  }
}
/* line 72, ../../sass/_about.scss */
article#about div.main-content section.about {
  background: url(../../images/about/about_text_bg.jpg);
  background-size: cover;
}
@media screen and (max-width: 768px) {
  /* line 72, ../../sass/_about.scss */
  article#about div.main-content section.about {
    background: #fff;
  }
}
/* line 82, ../../sass/_about.scss */
article#about div.main-content section.about div.inner div.text-box {
  text-align: center;
}
/* line 85, ../../sass/_about.scss */
article#about div.main-content section.about div.inner div.text-box p {
  line-height: 2;
}
@media screen and (max-width: 414px) {
  /* line 85, ../../sass/_about.scss */
  article#about div.main-content section.about div.inner div.text-box p {
    font-size: 14px;
    font-size: 1.4rem;
    text-align: left;
  }
}
/* line 93, ../../sass/_about.scss */
article#about div.main-content section.about div.inner div.text-box p strong {
  display: block;
  font-size: 32px;
  font-size: 3.2rem;
  margin: 2rem 0;
  font-weight: normal;
}
@media screen and (max-width: 768px) {
  /* line 93, ../../sass/_about.scss */
  article#about div.main-content section.about div.inner div.text-box p strong {
    font-size: 28px;
    font-size: 2.8rem;
  }
}
@media screen and (max-width: 414px) {
  /* line 93, ../../sass/_about.scss */
  article#about div.main-content section.about div.inner div.text-box p strong {
    font-size: 22px;
    font-size: 2.2rem;
    margin: 1rem 0;
  }
}
/* line 122, ../../sass/_about.scss */
article#about section.gaiyou div.inner {
  color: #fff;
  font-size: 16px;
  font-size: 1.6rem;
}
@media screen and (max-width: 414px) {
  /* line 122, ../../sass/_about.scss */
  article#about section.gaiyou div.inner {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
/* line 129, ../../sass/_about.scss */
article#about section.gaiyou div.inner h3 {
  text-align: center;
}
/* line 131, ../../sass/_about.scss */
article#about section.gaiyou div.inner h3 span {
  font-size: 28px;
  font-size: 2.8rem;
}
/* line 136, ../../sass/_about.scss */
article#about section.gaiyou div.inner table {
  margin: 20px auto;
}
@media screen and (max-width: 414px) {
  /* line 136, ../../sass/_about.scss */
  article#about section.gaiyou div.inner table {
    width: 90%;
  }
  /* line 140, ../../sass/_about.scss */
  article#about section.gaiyou div.inner table th, article#about section.gaiyou div.inner table td {
    border-bottom: none;
    display: block;
    width: 100%;
  }
  /* line 145, ../../sass/_about.scss */
  article#about section.gaiyou div.inner table .last td:last-child {
    border-bottom: solid 1px #ccc;
    width: 100%;
  }
}
/* line 150, ../../sass/_about.scss */
article#about section.gaiyou div.inner table th {
  background: #fff;
  border: solid 1px #ccc;
  color: #626D71;
  padding: 10px;
}
/* line 156, ../../sass/_about.scss */
article#about section.gaiyou div.inner table td {
  border: solid 1px #ccc;
  padding: 10px;
}

/* 必須 */
/* line 4, ../../sass/_privacy.scss */
article#privacy div.main-content {
  background-color: #fff;
}
/* line 12, ../../sass/_privacy.scss */
article#privacy div.main-content section.privacy div.inner div.text-box h2 {
  font-size: 20px;
  font-size: 2rem;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  border-bottom: 1px dotted #626D71;
  color: #626D71;
}
@media screen and (max-width: 414px) {
  /* line 12, ../../sass/_privacy.scss */
  article#privacy div.main-content section.privacy div.inner div.text-box h2 {
    font-size: 20px;
    font-size: 2rem;
  }
}
/* line 24, ../../sass/_privacy.scss */
article#privacy div.main-content section.privacy div.inner div.text-box p {
  margin-bottom: 3rem;
}

/* line 4, ../../sass/_recruit.scss */
article#recruit div.main-content {
  background-color: #fff;
}
/* line 12, ../../sass/_recruit.scss */
article#recruit div.main-content section.recruit div.inner div.text-box h2 {
  font-size: 20px;
  font-size: 2rem;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  border-bottom: 1px dotted #626D71;
  color: #626D71;
}
@media screen and (max-width: 414px) {
  /* line 12, ../../sass/_recruit.scss */
  article#recruit div.main-content section.recruit div.inner div.text-box h2 {
    font-size: 20px;
    font-size: 2rem;
  }
}
/* line 24, ../../sass/_recruit.scss */
article#recruit div.main-content section.recruit div.inner div.text-box p {
  margin-bottom: 3rem;
}

/* 必須 */
/* line 6, ../../sass/_contact.scss */
article#contact div.main-content section.form {
  background: #fff;
}
/* line 11, ../../sass/_contact.scss */
article#contact div.main-content section.form div.inner div.text-box {
  margin-bottom: 5rem;
}
/* line 14, ../../sass/_contact.scss */
article#contact div.main-content section.form div.inner div.text-box p.text {
  text-align: center;
  line-height: 2;
}
/* line 21, ../../sass/_contact.scss */
article#contact div.main-content section.form div.inner .wpcf7-validation-errors {
  border: 2px solid red;
  color: red;
  width: 50%;
  margin: 0 auto;
  padding: 2rem;
}
@media screen and (max-width: 768px) {
  /* line 21, ../../sass/_contact.scss */
  article#contact div.main-content section.form div.inner .wpcf7-validation-errors {
    width: 100%;
  }
}
/* line 34, ../../sass/_contact.scss */
article#contact div.main-content section.form div.inner .wpcf7-mail-sent-ok {
  border: 0;
  background: #626D71;
  color: #fff;
  width: 50%;
  margin: 0 auto;
  padding: 2rem;
}
@media screen and (max-width: 768px) {
  /* line 34, ../../sass/_contact.scss */
  article#contact div.main-content section.form div.inner .wpcf7-mail-sent-ok {
    width: 100%;
  }
}
/* line 50, ../../sass/_contact.scss */
article#contact div.main-content section.form div.inner form table {
  width: 80%;
  margin: 0 auto;
}
@media screen and (max-width: 1024px) {
  /* line 50, ../../sass/_contact.scss */
  article#contact div.main-content section.form div.inner form table {
    width: 70%;
  }
}
@media screen and (max-width: 768px) {
  /* line 50, ../../sass/_contact.scss */
  article#contact div.main-content section.form div.inner form table {
    width: 70%;
  }
}
@media screen and (max-width: 414px) {
  /* line 50, ../../sass/_contact.scss */
  article#contact div.main-content section.form div.inner form table {
    width: 100%;
  }
}
/* line 66, ../../sass/_contact.scss */
article#contact div.main-content section.form div.inner form table th, article#contact div.main-content section.form div.inner form table td {
  padding: 1rem;
  font-weight: normal;
  color: #808080;
}
/* line 72, ../../sass/_contact.scss */
article#contact div.main-content section.form div.inner form table th {
  width: 30%;
  text-align: left;
  font-size: 14px;
  font-size: 1.4rem;
}
@media screen and (max-width: 768px) {
  /* line 72, ../../sass/_contact.scss */
  article#contact div.main-content section.form div.inner form table th {
    display: block;
    width: 100%;
  }
}
@media screen and (max-width: 414px) {
  /* line 72, ../../sass/_contact.scss */
  article#contact div.main-content section.form div.inner form table th {
    display: block;
    width: 100%;
  }
}
/* line 87, ../../sass/_contact.scss */
article#contact div.main-content section.form div.inner form table th span {
  color: red;
  font-size: 1.4px;
  font-size: 1.4rem;
  margin-left: 1rem;
}
@media screen and (max-width: 414px) {
  /* line 87, ../../sass/_contact.scss */
  article#contact div.main-content section.form div.inner form table th span {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 768px) {
  /* line 95, ../../sass/_contact.scss */
  article#contact div.main-content section.form div.inner form table td {
    display: block;
    width: 100%;
  }
}
@media screen and (max-width: 414px) {
  /* line 95, ../../sass/_contact.scss */
  article#contact div.main-content section.form div.inner form table td {
    display: block;
    width: 100%;
  }
}
/* line 107, ../../sass/_contact.scss */
article#contact div.main-content section.form div.inner form table td input,
article#contact div.main-content section.form div.inner form table td select,
article#contact div.main-content section.form div.inner form table td textarea {
  padding: 1rem;
  resize: vertical;
}
/* line 118, ../../sass/_contact.scss */
article#contact div.main-content section.form div.inner form p.submit {
  text-align: center;
}
/* line 121, ../../sass/_contact.scss */
article#contact div.main-content section.form div.inner form p.submit input {
  width: 10%;
  padding: 1rem;
  margin-top: 2rem;
}
@media screen and (max-width: 414px) {
  /* line 121, ../../sass/_contact.scss */
  article#contact div.main-content section.form div.inner form p.submit input {
    width: 50%;
  }
}
/* line 132, ../../sass/_contact.scss */
article#contact div.main-content section.form div.inner form p.submit .ajax-loader {
  display: block;
  margin: 2rem auto 0;
}

/* 必須 */
/* line 8, ../../sass/_facial.scss */
article#facial div.main-content section.trouble div.inner {
  color: #fff;
}
/* line 11, ../../sass/_facial.scss */
article#facial div.main-content section.trouble div.inner strong {
  display: block;
  font-size: 32px;
  font-size: 3.2rem;
  margin: 2rem 0;
  font-weight: normal;
  text-align: center;
}
@media screen and (max-width: 768px) {
  /* line 11, ../../sass/_facial.scss */
  article#facial div.main-content section.trouble div.inner strong {
    font-size: 28px;
    font-size: 2.8rem;
  }
}
@media screen and (max-width: 414px) {
  /* line 11, ../../sass/_facial.scss */
  article#facial div.main-content section.trouble div.inner strong {
    font-size: 20px;
    font-size: 2rem;
    text-align: left;
  }
}
/* line 29, ../../sass/_facial.scss */
article#facial div.main-content section.trouble div.inner div.list {
  width: 60%;
  margin: 0 auto;
  border: solid #fff;
  border-width: 0 1px 1px;
}
@media screen and (max-width: 414px) {
  /* line 29, ../../sass/_facial.scss */
  article#facial div.main-content section.trouble div.inner div.list {
    width: 100%;
  }
}
/* line 39, ../../sass/_facial.scss */
article#facial div.main-content section.trouble div.inner div.list h4 {
  padding: 1rem 0;
  text-align: center;
  color: #626D71;
  background: #fff;
  font-size: 18px;
  font-size: 1.8rem;
}
@media screen and (max-width: 414px) {
  /* line 39, ../../sass/_facial.scss */
  article#facial div.main-content section.trouble div.inner div.list h4 {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
/* line 52, ../../sass/_facial.scss */
article#facial div.main-content section.trouble div.inner div.list ul {
  padding: 2rem;
}
/* line 55, ../../sass/_facial.scss */
article#facial div.main-content section.trouble div.inner div.list ul li {
  padding: 1rem 0;
}
@media screen and (max-width: 414px) {
  /* line 55, ../../sass/_facial.scss */
  article#facial div.main-content section.trouble div.inner div.list ul li {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
/* line 62, ../../sass/_facial.scss */
article#facial div.main-content section.trouble div.inner div.list ul li + li {
  border-top: 1px dotted #fff;
}
/* line 72, ../../sass/_facial.scss */
article#facial div.main-content section.trouble div.inner div.facial-img {
  width: 30%;
  margin: 0rem auto 4rem;
}
@media screen and (max-width: 414px) {
  /* line 72, ../../sass/_facial.scss */
  article#facial div.main-content section.trouble div.inner div.facial-img {
    width: 100%;
    margin: 0rem auto 2rem;
  }
}
/* line 82, ../../sass/_facial.scss */
article#facial div.main-content section.trouble div.inner p.text {
  margin-top: 5rem;
  line-height: 2;
  text-align: center;
  margin-bottom: 10rem;
}
@media screen and (max-width: 414px) {
  /* line 82, ../../sass/_facial.scss */
  article#facial div.main-content section.trouble div.inner p.text {
    text-align: left;
    font-size: 14px;
    font-size: 1.4rem;
    margin-bottom: 5rem;
  }
}
/* line 96, ../../sass/_facial.scss */
article#facial div.main-content section.trouble div.inner div.flex {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
@media screen and (max-width: 414px) {
  /* line 96, ../../sass/_facial.scss */
  article#facial div.main-content section.trouble div.inner div.flex {
    display: block;
  }
}
/* line 103, ../../sass/_facial.scss */
article#facial div.main-content section.trouble div.inner div.flex div.price {
  text-align: center;
  -webkit-flex: 1;
  flex: 1;
}
@media screen and (max-width: 414px) {
  /* line 103, ../../sass/_facial.scss */
  article#facial div.main-content section.trouble div.inner div.flex div.price {
    width: 100%;
  }
}
/* line 111, ../../sass/_facial.scss */
article#facial div.main-content section.trouble div.inner div.flex div.price h4 {
  background: #fff;
  color: #626D71;
  padding: 1rem 0;
  font-size: 24px;
  font-size: 2.4rem;
  margin-bottom: 2rem;
}
@media screen and (max-width: 414px) {
  /* line 111, ../../sass/_facial.scss */
  article#facial div.main-content section.trouble div.inner div.flex div.price h4 {
    font-size: 20px;
    font-size: 2rem;
  }
}
/* line 124, ../../sass/_facial.scss */
article#facial div.main-content section.trouble div.inner div.flex div.price + div.price {
  margin-left: 2rem;
}
@media screen and (max-width: 414px) {
  /* line 124, ../../sass/_facial.scss */
  article#facial div.main-content section.trouble div.inner div.flex div.price + div.price {
    margin-left: 0;
    margin-top: 2rem;
  }
}
/* line 134, ../../sass/_facial.scss */
article#facial div.main-content section.trouble div.inner div.flex div.price p {
  font-size: 32px;
  font-size: 3.2rem;
}
@media screen and (max-width: 414px) {
  /* line 134, ../../sass/_facial.scss */
  article#facial div.main-content section.trouble div.inner div.flex div.price p {
    font-size: 26px;
    font-size: 2.6rem;
  }
}

/* 必須 */
/* line 4, ../../sass/_single-info.scss */
article#single-info div.page-mv {
  position: relative;
  z-index: 0;
  overflow: hidden;
}
/* line 9, ../../sass/_single-info.scss */
article#single-info div.page-mv::before {
  content: '';
  background: inherit;
  filter: blur(8px);
  /*ぼかし度*/
  position: absolute;
  top: -8px;
  left: -8px;
  right: -8px;
  bottom: -8px;
  z-index: -1;
}
@media screen and (max-width: 414px) {
  /* line 9, ../../sass/_single-info.scss */
  article#single-info div.page-mv::before {
    filter: blur(0);
  }
}
/* line 28, ../../sass/_single-info.scss */
article#single-info section.content {
  background: #fff;
}
@media screen and (max-width: 414px) {
  /* line 28, ../../sass/_single-info.scss */
  article#single-info section.content {
    padding: 2rem 1rem;
  }
}
/* line 37, ../../sass/_single-info.scss */
article#single-info section.content div.inner div.head {
  padding-bottom: 1rem;
  border-bottom: 1px solid #ccc;
  text-align: left;
  -webkit-align-items: flex-end;
  align-items: flex-end;
}
@media screen and (max-width: 414px) {
  /* line 43, ../../sass/_single-info.scss */
  article#single-info section.content div.inner div.head figure {
    display: none;
  }
}
/* line 51, ../../sass/_single-info.scss */
article#single-info section.content div.inner div.head h1.info_title {
  padding-left: 2rem;
  font-size: 24px;
  font-size: 2.4rem;
}
@media screen and (max-width: 414px) {
  /* line 51, ../../sass/_single-info.scss */
  article#single-info section.content div.inner div.head h1.info_title {
    font-size: 18px;
    font-size: 1.8rem;
    padding-left: 0;
    font-weight: normal;
  }
}
/* line 65, ../../sass/_single-info.scss */
article#single-info section.content div.inner ul.tags {
  width: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 2rem 0;
}
/* line 71, ../../sass/_single-info.scss */
article#single-info section.content div.inner ul.tags li {
  color: #ccc;
  border: none;
}
@media screen and (max-width: 414px) {
  /* line 71, ../../sass/_single-info.scss */
  article#single-info section.content div.inner ul.tags li {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
/* line 86, ../../sass/_single-info.scss */
article#single-info section.content div.inner ul.tags li + li {
  margin-left: 1rem;
}
/* line 94, ../../sass/_single-info.scss */
article#single-info section.content div.inner div.text_box {
  padding: 2rem 0;
  line-height: 2;
}
@media screen and (max-width: 414px) {
  /* line 94, ../../sass/_single-info.scss */
  article#single-info section.content div.inner div.text_box {
    padding: 0;
    font-size: 12px;
    font-size: 1.2rem;
    line-height: 2;
  }
}
/* line 106, ../../sass/_single-info.scss */
article#single-info section.content div.inner div.pager {
  margin-top: 10rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 1rem 0;
  border: solid #ccc;
  border-width: 1px 0;
}
/* line 114, ../../sass/_single-info.scss */
article#single-info section.content div.inner div.pager a {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  color: #333;
}
@media screen and (max-width: 414px) {
  /* line 114, ../../sass/_single-info.scss */
  article#single-info section.content div.inner div.pager a {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
/* line 123, ../../sass/_single-info.scss */
article#single-info section.content div.inner div.pager a:hover > span {
  text-decoration: underline;
}
/* line 127, ../../sass/_single-info.scss */
article#single-info section.content div.inner div.pager a span {
  margin: 0 1rem;
}
/* line 131, ../../sass/_single-info.scss */
article#single-info section.content div.inner div.pager a i {
  font-size: 2.2px;
  font-size: 2.2rem;
}
@media screen and (max-width: 414px) {
  /* line 131, ../../sass/_single-info.scss */
  article#single-info section.content div.inner div.pager a i {
    font-size: 18px;
    font-size: 1.8rem;
  }
}

/* 必須 */
/* line 7, ../../sass/_archive.scss */
article#archive div.main-content section.archive {
  background: #fff;
}
/* line 12, ../../sass/_archive.scss */
article#archive div.main-content section.archive div.inner h2 {
  color: #626D71;
}
/* line 18, ../../sass/_archive.scss */
article#archive div.main-content section.archive div.inner div.archive-container div.archive-box {
  padding: 1rem;
}
/* line 22, ../../sass/_archive.scss */
article#archive div.main-content section.archive div.inner div.archive-container div.archive-box div.box-inner {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  border: 1px solid #ccc;
}
/* line 26, ../../sass/_archive.scss */
article#archive div.main-content section.archive div.inner div.archive-container div.archive-box div.box-inner .image {
  width: 40%;
  border-right: 1px solid #ccc;
}
/* line 30, ../../sass/_archive.scss */
article#archive div.main-content section.archive div.inner div.archive-container div.archive-box div.box-inner .image figure {
  position: relative;
  width: 100%;
  padding-top: 80%;
  overflow: hidden;
  margin: 0 auto;
}
/* line 36, ../../sass/_archive.scss */
article#archive div.main-content section.archive div.inner div.archive-container div.archive-box div.box-inner .image figure img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-width: 150%;
  max-height: 150%;
}
/* line 49, ../../sass/_archive.scss */
article#archive div.main-content section.archive div.inner div.archive-container div.archive-box div.box-inner div.text-box {
  width: 60%;
  position: relative;
}
/* line 53, ../../sass/_archive.scss */
article#archive div.main-content section.archive div.inner div.archive-container div.archive-box div.box-inner div.text-box h3 {
  font-size: 16px;
  font-size: 1.6rem;
  padding: 1rem;
  color: #626D71;
}
/* line 59, ../../sass/_archive.scss */
article#archive div.main-content section.archive div.inner div.archive-container div.archive-box div.box-inner div.text-box p {
  color: #626D71;
}
/* line 63, ../../sass/_archive.scss */
article#archive div.main-content section.archive div.inner div.archive-container div.archive-box div.box-inner div.text-box time {
  font-size: 12px;
  font-size: 1.2rem;
  padding: 1rem;
}
@media screen and (max-width: 414px) {
  /* line 63, ../../sass/_archive.scss */
  article#archive div.main-content section.archive div.inner div.archive-container div.archive-box div.box-inner div.text-box time {
    padding: 0 1rem;
    font-size: 12px;
    font-size: 1.2rem;
  }
}
/* line 73, ../../sass/_archive.scss */
article#archive div.main-content section.archive div.inner div.archive-container div.archive-box div.box-inner div.text-box .staff-position {
  padding: 0 1rem .5rem;
}
/* line 76, ../../sass/_archive.scss */
article#archive div.main-content section.archive div.inner div.archive-container div.archive-box div.box-inner div.text-box .staff-owner-com {
  padding: 1rem 1rem .5rem;
}
/* line 79, ../../sass/_archive.scss */
article#archive div.main-content section.archive div.inner div.archive-container div.archive-box div.box-inner div.text-box .staff-owner {
  padding: 0rem 1rem 1rem;
  text-align: right;
}
/* line 83, ../../sass/_archive.scss */
article#archive div.main-content section.archive div.inner div.archive-container div.archive-box div.box-inner div.text-box .staff-message {
  padding: 1rem;
}
/* line 93, ../../sass/_archive.scss */
article#archive div.main-content section.archive div.inner div.archive-container .archive-box-voice {
  padding: 1rem;
}
/* line 96, ../../sass/_archive.scss */
article#archive div.main-content section.archive div.inner div.archive-container .archive-box-voice .box-inner {
  padding: 1rem;
  border: 1px solid #626D71;
}
/* line 100, ../../sass/_archive.scss */
article#archive div.main-content section.archive div.inner div.archive-container .archive-box-voice .box-inner h3 {
  font-size: 18px;
  font-size: 1.8rem;
  color: #ddbc95;
  margin-bottom: 1rem;
}
/* line 112, ../../sass/_archive.scss */
article#archive div.main-content section.archive .pagination {
  width: 33.33%;
  width: calc(100% / 3);
  margin: 0 auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  /* line 112, ../../sass/_archive.scss */
  article#archive div.main-content section.archive .pagination {
    width: 50%;
  }
}
@media screen and (max-width: 414px) {
  /* line 112, ../../sass/_archive.scss */
  article#archive div.main-content section.archive .pagination {
    width: 100%;
  }
}
/* line 124, ../../sass/_archive.scss */
article#archive div.main-content section.archive .pagination span, article#archive div.main-content section.archive .pagination a {
  display: block;
  text-decoration: none;
  border: 1px solid #626D71;
  box-sizing: border-box;
  color: #626D71;
  padding-top: 8px;
  padding-bottom: 8px;
  text-align: center;
  font-size: 1.6rem;
  font-size: 16px;
}
/* line 136, ../../sass/_archive.scss */
article#archive div.main-content section.archive .pagination .page-numbers {
  width: 10%;
  margin-right: 1%;
}
/* line 140, ../../sass/_archive.scss */
article#archive div.main-content section.archive .pagination .prev {
  width: 20%;
  margin-right: 1%;
  margin-left: 2%;
}
/* line 145, ../../sass/_archive.scss */
article#archive div.main-content section.archive .pagination .next {
  width: 20%;
}
/* line 149, ../../sass/_archive.scss */
article#archive div.main-content section.archive .pagination a:hover {
  background-color: #b1b8bb;
}
/* line 153, ../../sass/_archive.scss */
article#archive div.main-content section.archive .pagination .current {
  background-color: #626D71;
  color: #fff;
}

/* 必須 */
/* line 2, ../../sass/_aside.scss */
aside#sidebar {
  padding: 0 1rem;
}
@media screen and (max-width: 1024px) {
  /* line 2, ../../sass/_aside.scss */
  aside#sidebar {
    padding: 1rem 0;
  }
}
/* line 10, ../../sass/_aside.scss */
aside#sidebar ul li a h2 {
  display: block;
  padding: 0.5rem;
  font-size: 12px;
  font-size: 1.2rem;
  color: #626D71;
}
/* line 19, ../../sass/_aside.scss */
aside#sidebar a.btn {
  display: block;
  width: 50%;
  border: 1px solid #626D71;
  text-align: center;
  margin: 1rem auto;
  font-size: 12px;
  font-size: 1.2rem;
  color: #626D71;
  line-height: 3.6rem;
  transition-duration: 0.5s;
}
/* line 29, ../../sass/_aside.scss */
aside#sidebar a.btn:hover {
  background-color: #626D71;
  color: #fff;
  letter-spacing: 10px;
}

/*========================================================

  2.共通部分

========================================================*/
/* line 41, ../../sass/style.scss */
.block {
  display: block;
  text-align: center;
}

/* line 46, ../../sass/style.scss */
.inview {
  opacity: 0;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
  -webkit-transform: translate(0, 20%);
  -moz-transform: translate(0, 20%);
  -ms-transform: translate(0, 20%);
  -o-transform: translate(0, 20%);
  transform: translate(0, 20%);
}
/* line 51, ../../sass/style.scss */
.inview.move {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}

/* line 58, ../../sass/style.scss */
h2.section-title {
  text-align: center;
  font-size: 28px;
  font-size: 2.8rem;
  margin-bottom: 5rem;
  color: #fff;
  letter-spacing: 3px;
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
@media screen and (max-width: 768px) {
  /* line 58, ../../sass/style.scss */
  h2.section-title {
    font-size: 22px;
    font-size: 2.2rem;
    margin-bottom: 2.5rem;
  }
}
/* line 71, ../../sass/style.scss */
h2.section-title span {
  position: relative;
}
/* line 74, ../../sass/style.scss */
h2.section-title span:after {
  content: "";
  display: block;
  width: 50%;
  height: 1px;
  background: #fff;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -10px;
  margin: auto;
}

/* line 91, ../../sass/style.scss */
.min {
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

/* line 95, ../../sass/style.scss */
.gothic {
  font-family: 'Dosis',"メイリオ", Meiryo, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
}

/* line 99, ../../sass/style.scss */
.more {
  display: block;
  padding: 1rem;
  width: 20%;
  border: 1px solid #ddbc95;
  color: #ddbc95;
  margin: 2rem auto 0;
  font-size: 1.8px;
  font-size: 1.8rem;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  position: relative;
}
@media screen and (max-width: 414px) {
  /* line 99, ../../sass/style.scss */
  .more {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 768px) {
  /* line 99, ../../sass/style.scss */
  .more {
    width: 50%;
  }
}
/* line 114, ../../sass/style.scss */
.more:after {
  content: "";
  width: 0;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background: #ddbc95;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: -1;
}
/* line 127, ../../sass/style.scss */
.more:hover {
  color: #fff;
  letter-spacing: 5px;
}
/* line 132, ../../sass/style.scss */
.more:hover:after {
  width: 100%;
}
@media screen and (max-width: 414px) {
  /* line 99, ../../sass/style.scss */
  .more {
    margin: 2.5rem auto 0;
    width: 50%;
  }
}

/* line 160, ../../sass/style.scss */
div.pager {
  margin-top: 5rem;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 1rem 0;
  border: solid #ccc;
  border-width: 1px 0;
}
/* line 168, ../../sass/style.scss */
div.pager div {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  color: #333;
}
/* line 174, ../../sass/style.scss */
div.pager div a {
  color: #333;
}
/* line 177, ../../sass/style.scss */
div.pager div a:hover {
  text-decoration: underline;
}
/* line 183, ../../sass/style.scss */
div.pager div i {
  margin: 0 1rem;
}

/*========================================================

  3.main-content

========================================================*/
/*——————— ▼ メインビジュアル ———————*/
/* line 197, ../../sass/style.scss */
div.mv {
  padding: 2rem;
  width: 100%;
  height: 100vh;
  position: relative;
  margin: 0 auto;
}
@media screen and (max-width: 414px) {
  /* line 197, ../../sass/style.scss */
  div.mv {
    padding: 1rem;
  }
}
/* line 209, ../../sass/style.scss */
div.mv div.border {
  background: url(../../images/index/mv.jpg) no-repeat;
  background-size: cover;
  background-position: center center;
  background-attachment: fixed;
  width: 100%;
  height: 100%;
  display: table;
  position: relative;
  z-index: -2;
}
@media screen and (max-width: 414px) {
  /* line 209, ../../sass/style.scss */
  div.mv div.border {
    background-attachment: inherit;
  }
}
/* line 224, ../../sass/style.scss */
div.mv div.border div.filter {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: -1;
}
/* line 234, ../../sass/style.scss */
div.mv div.border div.delay-text {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
/* line 239, ../../sass/style.scss */
div.mv div.border div.delay-text p {
  color: #fff;
  letter-spacing: 10px;
  opacity: 0;
  -webkit-transition: all 2s ease;
  -moz-transition: all 2s ease;
  -ms-transition: all 2s ease;
  -o-transition: all 2s ease;
  transition: all 2s ease;
}
@media screen and (max-width: 414px) {
  /* line 239, ../../sass/style.scss */
  div.mv div.border div.delay-text p {
    letter-spacing: 5px;
  }
}
/* line 249, ../../sass/style.scss */
div.mv div.border div.delay-text p.jp {
  font-weight: bold;
  font-size: 60px;
  font-size: 6rem;
  -webkit-transform: translate(0, 20%);
  -moz-transform: translate(0, 20%);
  -ms-transform: translate(0, 20%);
  -o-transform: translate(0, 20%);
  transform: translate(0, 20%);
}
@media screen and (max-width: 414px) {
  /* line 249, ../../sass/style.scss */
  div.mv div.border div.delay-text p.jp {
    font-size: 28px;
    font-size: 2.8rem;
  }
}
/* line 258, ../../sass/style.scss */
div.mv div.border div.delay-text p.jp.delay {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
/* line 265, ../../sass/style.scss */
div.mv div.border div.delay-text p.en {
  font-size: 32px;
  font-size: 3.2rem;
  -webkit-transform: translate(0, 20%);
  -moz-transform: translate(0, 20%);
  -ms-transform: translate(0, 20%);
  -o-transform: translate(0, 20%);
  transform: translate(0, 20%);
  margin-bottom: 4rem;
}
@media screen and (max-width: 414px) {
  /* line 265, ../../sass/style.scss */
  div.mv div.border div.delay-text p.en {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
/* line 274, ../../sass/style.scss */
div.mv div.border div.delay-text p.en.delay {
  opacity: 1;
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
