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

Master Style CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
/* ---------------------------------------------------------------------------
BEM記述方法のマニュアル的なもの
https://qiita.com/Takuan_Oishii/items/0f0d2c5dc33a9b2d9cb1

フォントサイズの単位は、pxではなく、remを使ってください。
CSSのコンパイル設定は必ずminifyされるようにしてください（DW使いは要設定確認）。
--------------------------------------------------------------------------- */
/* CSS Import */
@import url("//fonts.googleapis.com/css?family=Noto+Sans+JP:900|Oswald:300,400&display=swap");
@import url("//fonts.googleapis.com/css?family=Cormorant+SC&display=swap");
/* Settings */
/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

Variables CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
/* Variables - グローバル変数の定義
-------------------------------------------- */
/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

FUNCTIONS CSS function & mixin

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
/* Responsive
-------------------------------------------- */
/**
 * SVG画像をアイコンに使いたい的ないろいろ
 *
 *  [Html] SVG塗りつぶしの色をBackground-Imageとして扱うときに変更する
 * https://code.i-harness.com/ja/q/cbfa3c
 */
/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

Common CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
/* Common
-------------------------------------------- */
.common-simple-header__content-ttl {
  font-family: 'Oswald', sans-serif;
  font-weight: 400; }

@keyframes home-ttl-cover-anim {
  0% {
    left: 0;
    width: 0;
    transform: scaleX(1);
    transform-origin: right; }
  49% {
    left: 0;
    width: 100%;
    transform: scaleX(1);
    transform-origin: right; }
  51% {
    left: 0;
    width: 100%;
    transform: scaleX(1);
    transform-origin: right; }
  100% {
    left: 0;
    width: 100%;
    transform: scaleX(0);
    transform-origin: right; } }
/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

Reset CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
:root {
  font-size: 10px; }

html {
  width: 100%;
  color: #000;
  background: #FFF; }

body {
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-size: 1.4rem;
  line-height: 1.8;
  text-align: justify;
  letter-spacing: .05em;
  font-feature-settings: "palt";
  -webkit-text-size-adjust: none;
  width: 100%;
  background: #FFF; }

.preload {
  height: 100%; }
  .preload body {
    height: 100%; }

/*スクロールバー全体*/
::-webkit-scrollbar {
  width: 8px; }

/*スクロールバーの軌道*/
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.1); }

/*スクロールバーの動く部分*/
::-webkit-scrollbar-thumb {
  background: #A57A43;
  border-radius: 8px; }

body > img,
body > noscript > img,
body > iframe {
  display: none; }

body, div, dl, dt, dd, ul, ol, li, h1, h2,
h3, h4, h5, h6, pre, code, form, fieldset,
legend, input, textarea, p, blockquote, th, td,
figure, address, label {
  margin: 0;
  padding: 0;
  word-break: break-word;
  -webkit-overflow-scrolling: touch; }

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

table br {
  display: none !important; }

table th br,
table td br {
  display: inline !important; }

fieldset,
img {
  border: 0; }

*,
::before,
::after {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-overflow-scrolling: touch; }

/*
	TODO think about hanlding inheritence differently, maybe letting IE6 fail a bit...
*/
address, caption, cite, code, dfn, em, th, var, i {
  font-style: normal;
  font-weight: normal; }

ul {
  list-style: none; }

caption,
th {
  text-align: left; }

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal; }

q:before,
q:after {
  content: ''; }

abbr,
acronym {
  border: 0;
  font-variant: normal; }

input[type=tel],
input[type=text],
input[type=file],
input[type=email],
input[type=reset],
input[type=image],
input[type=button],
input[type=submit],
input[type=number],
input[type=password],
textarea, select {
  font-family: -apple-system, BlinkMacSystemFont, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "Helvetica Neue", HelveticaNeue, "Segoe UI", sans-serif;
  font-size: 1.3rem;
  font-weight: inherit;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none; }

input {
  font-family: -apple-system, BlinkMacSystemFont, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "Helvetica Neue", HelveticaNeue, "Segoe UI", sans-serif;
  font-size: 1.3rem;
  font-weight: inherit;
  border: none;
  border-radius: 0;
  outline: none; }

select {
  outline: none;
  color: #000;
  text-overflow: '';
  font-size: inherit;
  text-indent: .01rem;
  vertical-align: middle;
  background: #FFF;
  padding: 10px;
  padding-right: 31px !important;
  border: #DDD 1px solid;
  background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2211%22%20height%3D%226%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M0%2C0V1H1V0ZM1%2C1V2H2V1ZM2%2C2V3H3V2ZM3%2C3V4H4V3ZM4%2C4V5H5V4Zm6-4V1h1V0ZM9%2C2h1V1H9ZM8%2C3H9V2H8ZM7%2C4H8V3H7ZM6%2C5H7V4H6ZM5%2C6H6V5H5Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center right 10px; }
  select option {
    color: #000; }
  select::-ms-expand {
    display: none; }
  select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000; }

textarea {
  resize: vertical; }

/*because legend doesn't inherit in IE */
legend {
  color: #333; }

img, svg {
  display: block;
  vertical-align: bottom;
  width: 100%;
  height: auto; }

/* clearfix */
.clearfix {
  min-height: 1px; }

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  font-size: 0;
  visibility: hidden; }

a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
  text-decoration: none;
  color: #000;
  cursor: pointer; }

a:active,
a:hover,
.btn:active,
.btn:hover {
  outline-width: 0;
  /* Remove the outline when hovering in all browsers */ }

a, area, button, [role="button"], input:not([type="range"]), label, select, summary, textarea {
  -ms-touch-action: manipulation;
  touch-action: manipulation; }

/* JqvaScriptで動的に付与 */
.current {
  cursor: default;
  text-decoration: none !important; }

#fb-root {
  display: none; }

/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

Animation CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
/* Loading
-------------------------------------------- */
.na-loading {
  position: fixed;
  top: 50%;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  opacity: 0;
  pointer-events: none;
  transform: translateY(-50%);
  transition: opacity 0.8s cubic-bezier(0.77, 0, 0.175, 1);
  background: #FFF url(/assets/img/common/loading.svg) no-repeat center center/64px auto; }
  .na-preload .na-loading {
    opacity: 1;
    pointer-events: auto; }

/* FadingButton
-------------------------------------------- */
.na-fade-btn {
  background-color: transparent;
  /* Remove the gray background on active links in IE 10 */
  -webkit-text-decoration-skip: objects;
  /* Remove gaps in links underline in iOS 8+ and Safari 8+ */
  text-decoration: none;
  color: #A57A43;
  opacity: 1;
  cursor: pointer;
  transition: all .3s; }
  .na-fade-btn:hover {
    opacity: .7 !important; }
    @media (max-width: 900px) {
      .na-fade-btn:hover .fade_btn:hover {
        opacity: 1; } }

/* アニメーション用
-------------------------------------------- */
/* ------------------------------------
na-anim-elm を指定することでJSの監視対象になる
指定位置までスクロールした際に na-anim-init が付与される

【オプション】
data-na-offset="画面下からのpx数で指定"
data-na-delay="ミリ秒で指定"
data-na-complete="ミリ秒で指定"
------------------------------------ */
.na-slide-cover {
  position: relative; }

.na-slide-cover::before,
.na-slide-cover::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 50%;
  z-index: 3;
  background: #FFF;
  transition: width 0.5s cubic-bezier(0.77, 0, 0.175, 1); }

.na-slide-cover::after {
  top: 49.5%;
  height: 50.5%;
  transition: width 0.5s 0.2s cubic-bezier(0.77, 0, 0.175, 1); }

.na-slide-cover.up::before,
.na-slide-cover.up::after,
.na-slide-cover.down::before,
.na-slide-cover.down::after {
  top: 0;
  left: 0;
  right: auto;
  width: 50%;
  height: 100%;
  transition: height 0.5s cubic-bezier(0.77, 0, 0.175, 1); }

.na-slide-cover.up::after,
.na-slide-cover.down::after {
  top: 0;
  left: 0;
  right: auto;
  width: 50%;
  height: 100%;
  transition: height 0.5s 0.2s cubic-bezier(0.77, 0, 0.175, 1); }

.na-slide-cover.up::after,
.na-slide-cover.down::after {
  left: 50%; }

.na-slide-cover.down::before,
.na-slide-cover.down::after {
  top: auto;
  bottom: 0; }

.na-slide-cover.gray::before,
.na-slide-cover.gray::after {
  background: #F5F5F5; }

.na-slide-cover.dark::before,
.na-slide-cover.dark::after {
  background: #333; }

.na-slide-cover.single::before {
  height: 100%; }

.na-slide-cover.single::after {
  display: none; }

.na-slide-cover.na-anim-init::before,
.na-slide-cover.na-anim-init::after {
  width: 0; }

.na-slide-cover.up.na-anim-init::before,
.na-slide-cover.up.na-anim-init::after,
.na-slide-cover.down.na-anim-init::before,
.na-slide-cover.down.na-anim-init::after {
  width: 50%;
  height: 0; }

.na-fade-in {
  opacity: 0;
  transition: opacity .8s; }

.na-fade-in.na-anim-init {
  opacity: 1; }

.na-lift-up {
  opacity: 0;
  transform: translateY(50px); }

.na-lift-up.na-anim-init {
  opacity: 1;
  transform: translateY(0);
  transition: transform .6s ease-in-out, opacity .8s ease-in-out; }

.na-lift-down {
  opacity: 0;
  transform: translateY(-50px); }

.na-lift-down.na-anim-init {
  opacity: 1;
  transform: translateY(0);
  transition: transform .6s ease-in-out, opacity .8s ease-in-out; }

.na-scale-in {
  opacity: 0;
  transform: scale(0); }

.na-scale-in.na-anim-init {
  opacity: 1;
  transform: scale(1);
  transition: transform 0.6s cubic-bezier(0.5, 0, 0.3, 1.2), opacity 0.6s ease-in-out; }

.na-txt-cover {
  display: inline-block;
  position: relative;
  color: transparent;
  transition: color 0s .3s; }

.na-txt-cover.na-anim-init {
  color: #BBB; }

.na-txt-cover.white.na-anim-init {
  color: #FFF; }

.na-txt-cover.black.na-anim-init {
  color: #000; }

.na-txt-cover::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background: #BBB;
  transform: scaleX(0);
  transform-origin: left top; }

.na-txt-cover.white::before {
  background: #FFF; }

.na-txt-cover.black::before {
  background: #000; }

.na-txt-cover.na-anim-init::before {
  animation: txt_cover cubic-bezier(0.77, 0, 0.175, 1) 0.6s forwards; }

@keyframes txt_cover {
  0% {
    transform: scaleX(0);
    transform-origin: left top; }
  49% {
    transform: scaleX(1);
    transform-origin: left top; }
  51% {
    transform: scaleX(1);
    transform-origin: right top; }
  100% {
    transform: scaleX(0);
    transform-origin: right top; } }
.animation-fadein {
  position: relative;
  opacity: 0; }

.animation-fadein.na-anim-init {
  opacity: 1;
  transition: all cubic-bezier(0.65, 0, 0.2, 1) 1s; }

.animation-fade-slidein {
  position: relative;
  transform: translateY(100px);
  opacity: 0; }

.animation-fade-slidein.na-anim-init {
  transform: translateY(0px);
  opacity: 1;
  transition: all cubic-bezier(0.65, 0, 0.2, 1) 1s; }

.animation-fade-slidein-02 {
  position: relative;
  transform: translateY(20px);
  opacity: 0; }

.animation-fade-slidein-02.na-anim-init {
  transform: translateY(0px);
  opacity: 1;
  transition: all cubic-bezier(0.65, 0, 0.2, 1) 1s; }

.animation-txt-cover {
  display: inline-block;
  position: relative;
  color: transparent;
  transition: color 0s .5s; }

.animation-txt-cover .t1a,
.animation-txt-cover .t2a {
  color: transparent;
  transition: color 0s .5s;
  font-size: 42px; }

.animation-txt-cover .t1b,
.animation-txt-cover .t2b {
  color: transparent;
  transition: color 0s .5s;
  font-size: 24px; }

.animation-txt-cover.na-anim-init {
  color: #fff; }

.animation-txt-cover.na-anim-init .t1a,
.animation-txt-cover.na-anim-init .t1b {
  color: #ff7373; }

.animation-txt-cover.na-anim-init .t2a,
.animation-txt-cover.na-anim-init .t2b {
  color: #77ddff; }

@media only screen and (max-width: 768px) {
  .animation-txt-cover .t1a,
  .animation-txt-cover .t2a {
    font-size: 20px; }

  .animation-txt-cover .t1b,
  .animation-txt-cover .t2b {
    font-size: 16px; } }
.animation-txt-cover::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background: #fff;
  transform: scaleX(0);
  transform-origin: left top; }

.animation-txt-cover.na-anim-init::before {
  animation: txt_cover cubic-bezier(0.65, 0, 0.2, 1) 1s forwards; }

@keyframes txt_cover {
  0% {
    transform: scaleX(0);
    transform-origin: left top; }
  49% {
    transform: scaleX(1);
    transform-origin: left top; }
  51% {
    transform: scaleX(1);
    transform-origin: right top; }
  100% {
    transform: scaleX(0);
    transform-origin: right top; } }
.animation-txt-cover-02 {
  display: inline-block;
  position: relative;
  color: transparent;
  transition: color 0s .6s;
  padding: 1px; }

.animation-txt-cover-02 .t1,
.animation-txt-cover-02 .t2,
.animation-txt-cover-02 .t3,
.animation-txt-cover-02 .t4,
.animation-txt-cover-02 .t5,
.animation-txt-cover-02 .t6,
.animation-txt-cover-02 .t7,
.animation-txt-cover-02 .t8,
.animation-txt-cover-02 .t9 {
  color: transparent;
  transition: color 0s .6s; }

.animation-txt-cover-02.na-anim-init {
  color: #fff; }

.animation-txt-cover-02.na-anim-init .t1 {
  color: #e7796c; }

.animation-txt-cover-02.na-anim-init .t2 {
  color: #73d4e5; }

.animation-txt-cover-02.na-anim-init .t3 {
  color: #35cabb; }

.animation-txt-cover-02.na-anim-init .t4 {
  color: #3eb679; }

.animation-txt-cover-02.na-anim-init .t5 {
  color: #f8df00; }

.animation-txt-cover-02.na-anim-init .t6 {
  color: #e15d4c; }

.animation-txt-cover-02.na-anim-init .t7 {
  color: #e581a1; }

.animation-txt-cover-02.na-anim-init .t8 {
  color: #7ac5d1; }

.animation-txt-cover-02.na-anim-init .t9 {
  color: #92b024; }

.animation-txt-cover-02::before,
.animation-txt-cover-02::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50%;
  z-index: 2;
  background: #fff;
  transform: scaleX(0);
  transform-origin: left top; }

.animation-txt-cover-02::after {
  top: 50%; }

.animation-txt-cover-02.na-anim-init::before {
  animation: txt_cover cubic-bezier(0.65, 0, 0.2, 1) 1s forwards; }

.animation-txt-cover-02.na-anim-init::after {
  animation: txt_cover cubic-bezier(0.65, 0, 0.2, 1) 1s 0.15s forwards; }

.animation-txt-cover-03 {
  display: inline-block;
  position: relative; }

.animation-txt-cover-03::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background: #eee;
  transform-origin: right top;
  transform: scaleX(1); }

.animation-txt-cover-03.na-anim-init::before {
  transform: scaleX(0);
  transition: transform cubic-bezier(0.65, 0, 0.2, 1) 0.5s 0.5s; }

.animation-txt-cover-04 {
  display: inline-block;
  position: relative; }

.animation-txt-cover-04::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background: #fff;
  transform-origin: right top;
  transform: scaleX(1); }

.animation-txt-cover-04.na-anim-init::before {
  transform: scaleX(0);
  transition: transform cubic-bezier(0.65, 0, 0.2, 1) 0.8s; }

.animation-txt-cover-05 {
  display: inline-block;
  position: relative; }

.animation-txt-cover-05::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background: #fff;
  transform-origin: right top;
  transform: scaleX(1); }

.animation-txt-cover-05.na-anim-init::before {
  transform: scaleX(0);
  transition: transform cubic-bezier(0.65, 0, 0.2, 1) 0.5s 0.2s; }

.text-color-02.na-anim-init {
  color: #decabb; }

.text-color-03.na-anim-init {
  color: #111; }

.animation-txt-01 {
  display: inline-block;
  white-space: nowrap;
  position: relative;
  overflow: hidden;
  opacity: 1;
  width: 0 !important; }

.animation-txt-01.na-anim-init {
  opacity: 1;
  width: 100% !important;
  transition: all cubic-bezier(0.65, 0, 0.2, 1) 2s; }

.animation-bg-01 {
  transform-origin: top left;
  transform: scaleX(0); }

.animation-bg-01.na-anim-init {
  transform: scaleX(1);
  transition: transform cubic-bezier(0.65, 0, 0.2, 1) 1s; }

.animation-bg-02 {
  transform-origin: top right;
  transform: scaleX(0); }

.animation-bg-02.na-anim-init {
  transform: scaleX(1);
  transition: transform cubic-bezier(0.65, 0, 0.2, 1) 1s; }

.animation-bg-03 {
  transform-origin: top right;
  transform: scaleY(0); }

.animation-bg-03.na-anim-init {
  transform: scaleY(1);
  transition: transform cubic-bezier(0.65, 0, 0.2, 1) 0.5s 0.8s; }

.animation-bg-04 {
  transform-origin: top right;
  transform: scaleY(0); }

.animation-bg-04.na-anim-init {
  transform: scaleY(1);
  transition: transform cubic-bezier(0.65, 0, 0.2, 1) 1s; }

.animation-bg-05 {
  transform-origin: top right;
  transform: scaleY(0); }

.animation-bg-05.na-anim-init {
  transform: scaleY(1);
  transition: transform cubic-bezier(0.65, 0, 0.2, 1) 0.7s; }

.animation-bg-06 {
  transform-origin: top left;
  transform: scaleX(0) skewX(-30deg); }

.animation-bg-06.na-anim-init {
  transform: scaleX(1) skewX(-30deg);
  transition: transform cubic-bezier(0.65, 0, 0.2, 1) 1s 0.8s; }

.animation-bg-07 {
  transform-origin: top left;
  transform: scaleX(0); }

.animation-bg-07.na-anim-init {
  transform: scaleX(1);
  transition: transform cubic-bezier(0.65, 0, 0.2, 1) 1s 0.8s; }

.animation-img-cover-01 {
  position: relative;
  overflow: hidden;
  opacity: 0; }

.animation-img-cover-01.na-anim-init {
  opacity: 1; }

.animation-img-cover-01::before {
  content: "";
  display: block;
  width: 160%;
  height: 160%;
  position: absolute;
  top: 80%;
  left: 160%;
  background: #f6f6f6;
  z-index: 3;
  transform-origin: top left;
  transform: rotate(-210deg) scaleY(1); }

.animation-img-cover-01.na-anim-init::before {
  transform: rotate(-210deg) scaleY(0);
  transition: transform cubic-bezier(0.65, 0, 0.2, 1) 1s; }

.animation-img-cover-02 {
  position: relative;
  overflow: hidden;
  opacity: 0; }

.animation-img-cover-02.na-anim-init {
  opacity: 1; }

.animation-img-cover-02::before {
  content: "";
  display: block;
  width: 160%;
  height: 160%;
  position: absolute;
  top: 80%;
  left: 160%;
  background: #f6f6f6;
  z-index: 3;
  transform-origin: top left;
  transform: rotate(-210deg) scaleY(1); }

.animation-img-cover-02.na-anim-init::before {
  transform: rotate(-210deg) scaleY(0);
  transition: transform cubic-bezier(0.65, 0, 0.2, 1) 1.3s; }

.animation-img-cover-02b {
  position: relative;
  overflow: hidden;
  opacity: 0; }

.animation-img-cover-02b.na-anim-init {
  opacity: 1; }

.animation-img-cover-02b::before {
  content: "";
  display: block;
  width: 160%;
  height: 160%;
  position: absolute;
  top: 80%;
  left: 160%;
  background: #fff;
  z-index: 3;
  transform-origin: top left;
  transform: rotate(-210deg) scaleY(1); }

.animation-img-cover-02b.na-anim-init::before {
  transform: rotate(-210deg) scaleY(0);
  transition: transform cubic-bezier(0.65, 0, 0.2, 1) 1.3s; }

.animation-img-cover-03 {
  position: relative;
  overflow: hidden;
  opacity: 0; }

.animation-img-cover-03.na-anim-init {
  opacity: 1; }

.animation-img-cover-03::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #f6f6f6;
  z-index: 3;
  transform-origin: top right;
  transform: scaleX(1); }

.animation-img-cover-03.na-anim-init::before {
  transform: scaleX(0);
  transition: transform cubic-bezier(0.65, 0, 0.2, 1) 1.5s; }

.animation-img-cover-04 {
  position: relative;
  overflow: hidden;
  opacity: 0; }

.animation-img-cover-04.na-anim-init {
  opacity: 1; }

.animation-img-cover-04::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #f6f6f6;
  z-index: 3;
  transform-origin: top right;
  transform: scaleY(1); }

.animation-img-cover-04.na-anim-init::before {
  transform: scaleY(0);
  transition: transform cubic-bezier(0.65, 0, 0.2, 1) 1s; }

.animation-img-cover-05 {
  position: relative;
  opacity: 0; }

.animation-img-cover-05.na-anim-init {
  opacity: 1; }

.animation-img-cover-05::before,
.animation-img-cover-05::after {
  content: "";
  display: block;
  width: 50%;
  height: 101%;
  padding: 2px 0;
  position: absolute;
  top: 0;
  left: 0;
  background: #f6f6f6;
  z-index: 3;
  transform-origin: bottom left;
  transform: scaleY(1); }

.animation-img-cover-05::after {
  left: 50%;
  transition: transform cubic-bezier(0.65, 0, 0.2, 1) 1s 0.2s; }

.animation-img-cover-05.na-anim-init::before,
.animation-img-cover-05.na-anim-init::after {
  transform: scaleY(0);
  transition: transform cubic-bezier(0.65, 0, 0.2, 1) 1s; }

.animation-img-cover-06 {
  position: relative;
  overflow: hidden; }

.animation-img-cover-06::before {
  content: "";
  display: block;
  width: 180%;
  height: 180%;
  position: absolute;
  top: 80%;
  left: 160%;
  background: #f6f6f6;
  z-index: 3;
  transform-origin: top left;
  transform: rotate(-210deg) scaleY(1); }

.animation-img-cover-06.na-anim-init::before {
  transform: rotate(-210deg) scaleY(0);
  transition: transform cubic-bezier(0.65, 0, 0.2, 1) 1.5s; }

.animation-img-cover-06b {
  position: relative;
  overflow: hidden; }

.animation-img-cover-06b::before {
  content: "";
  display: block;
  width: 150%;
  height: 200%;
  position: absolute;
  top: 80%;
  left: 160%;
  background: #f6f6f6;
  z-index: 3;
  transform-origin: top left;
  transform: rotate(-210deg) scaleY(1); }

.animation-img-cover-06b.na-anim-init::before {
  transform: rotate(-210deg) scaleY(0);
  transition: transform cubic-bezier(0.65, 0, 0.2, 1) 1s; }

.animation-img-cover-07 {
  position: relative;
  opacity: 0; }

.animation-img-cover-07.na-anim-init {
  opacity: 1; }

.animation-img-cover-07::before,
.animation-img-cover-07::after {
  content: "";
  display: block;
  width: 100%;
  height: 50.5%;
  padding: 2px 0;
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
  z-index: 3;
  transform-origin: top left;
  transform: scaleY(1); }

.animation-img-cover-07::after {
  top: 50%;
  transform-origin: bottom left;
  transition: transform cubic-bezier(0.65, 0, 0.2, 1) 1s; }

.animation-img-cover-07.na-anim-init::before,
.animation-img-cover-07.na-anim-init::after {
  transform: scaleY(0);
  transition: transform cubic-bezier(0.65, 0, 0.2, 1) 1s; }

.animation-img-cover-08 {
  position: relative;
  opacity: 0; }

.animation-img-cover-08.na-anim-init {
  opacity: 1; }

.animation-img-cover-08::before,
.animation-img-cover-08::after {
  content: "";
  display: block;
  width: 100%;
  height: 51%;
  padding: 2px 0;
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
  z-index: 3;
  transform-origin: top left;
  transform: scaleY(1); }

.animation-img-cover-08::after {
  top: 50%;
  transform-origin: bottom left;
  transition: transform cubic-bezier(0.65, 0, 0.2, 1) 1s 0.7s; }

.animation-img-cover-08.na-anim-init::before,
.animation-img-cover-08.na-anim-init::after {
  transform: scaleY(0);
  transition: transform cubic-bezier(0.65, 0, 0.2, 1) 1s 0.7s; }

.animation-img-cover-09 {
  position: relative;
  overflow: hidden;
  opacity: 0; }

.animation-img-cover-09.na-anim-init {
  opacity: 1;
  pointer-events: none; }

.animation-img-cover-09::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
  z-index: 3;
  transform-origin: top right;
  transform: scaleX(1); }

.animation-img-cover-09.na-anim-init::before {
  transform: scaleX(0);
  transition: transform cubic-bezier(0.65, 0, 0.2, 1) 1s; }

.animation-img-cover-10 {
  position: relative;
  opacity: 0; }

.animation-img-cover-10.na-anim-init {
  opacity: 1; }

.animation-img-cover-10::before,
.animation-img-cover-10::after {
  content: "";
  display: block;
  width: 100%;
  height: 50%;
  padding: 0;
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
  z-index: 3;
  transform-origin: top left;
  transform: scaleY(1); }

.animation-img-cover-10::after {
  top: 50%;
  transform-origin: bottom left;
  transition: transform cubic-bezier(0.65, 0, 0.2, 1) 1s; }

.animation-img-cover-10.na-anim-init::before,
.animation-img-cover-10.na-anim-init::after {
  transform: scaleY(0);
  transition: transform cubic-bezier(0.65, 0, 0.2, 1) 1s; }

.animation-img-slide-01 {
  position: relative;
  overflow: hidden;
  width: 0 !important; }

.animation-img-slide-01.na-anim-init {
  width: 100% !important;
  transition: all cubic-bezier(0.65, 0, 0.2, 1) 1s; }

.animation-btn-01 {
  position: relative;
  overflow: hidden;
  opacity: 1;
  width: 0 !important; }

.animation-btn-01.na-anim-init {
  opacity: 1;
  width: 262px !important;
  transition: all cubic-bezier(0.65, 0, 0.2, 1) 1s 0.5s; }

@media only screen and (max-width: 768px) {
  .animation-btn-01.na-anim-init {
    opacity: 1;
    width: 152px !important;
    transition: all cubic-bezier(0.65, 0, 0.2, 1) 1s 0.5s; } }
/* Pages */
/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

common-box-btn CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
.common-box-btn__link, .common-box-btn__link--subcolor, .common-box-btn__link--innersub, .common-box-btn__link--pinkborder, .reservation__link, .reservation__line-link, .reservation__tel-link-sp {
  display: inline-block;
  box-sizing: border-box;
  height: 50px;
  padding: 12px 88px 0 25px;
  background: #A57A43;
  color: #FFF;
  text-decoration: none;
  text-align: center;
  position: relative;
  transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1); }
  @media (max-width: 500px) {
    .common-box-btn__link, .common-box-btn__link--subcolor, .common-box-btn__link--innersub, .common-box-btn__link--pinkborder, .reservation__link, .reservation__line-link, .reservation__tel-link-sp {
      padding: 12px 58px 0 15px; } }
  .common-box-btn__link::before, .common-box-btn__link--subcolor::before, .common-box-btn__link--innersub::before, .common-box-btn__link--pinkborder::before, .reservation__link::before, .reservation__line-link::before, .reservation__tel-link-sp::before {
    position: absolute;
    content: "";
    width: 28px;
    height: 15px;
    margin: -7px 0 0;
    transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1);
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2228%22%20height%3D%2215%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M28%2C7h-1V6h-1v1H0v1h28V7z%20M25%2C5v1h1V5H25z%20M24%2C4v1h1V4H24z%20M23%2C3v1h1V3H23z%20M22%2C2v1h1V2H22z%20M21%2C1v1h1V1H21z%20M20%2C0v1h1V0H20z%22%2F%3E%3C%2Fsvg%3E") no-repeat center center/cover;
    top: 50%;
    right: 15px;
    z-index: 1; }
  .common-box-btn__link:hover::before, .common-box-btn__link--subcolor:hover::before, .common-box-btn__link--innersub:hover::before, .common-box-btn__link--pinkborder:hover::before, .reservation__link:hover::before, .reservation__line-link:hover::before, .reservation__tel-link-sp:hover::before {
    animation: viewbtn_anim .5s ease-in-out forwards; }

.common-box-btn-center {
  text-align: center; }
.common-box-btn__link--subcolor {
  background: #E68982; }
.common-box-btn__link--innersub {
  width: 80%;
  height: 44px;
  padding: 10px 25px 0 25px;
  background: #E68982; }
  @media (max-width: 500px) {
    .common-box-btn__link--innersub {
      padding: 10px 25px 0 10px; } }
.common-box-btn__link--pinkborder {
  border: solid 1px #E68982;
  color: #000;
  background: none; }
  .common-box-btn__link--pinkborder::before {
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2228%22%20height%3D%2215%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M28%2C7h-1V6h-1v1H0v1h28V7z%20M25%2C5v1h1V5H25z%20M24%2C4v1h1V4H24z%20M23%2C3v1h1V3H23z%20M22%2C2v1h1V2H22z%20M21%2C1v1h1V1H21z%20M20%2C0v1h1V0H20z%22%2F%3E%3C%2Fsvg%3E") no-repeat center center/cover; }
  .common-box-btn__link--pinkborder:hover {
    color: #FFF;
    background: #E68982; }
    .common-box-btn__link--pinkborder:hover::before {
      background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2228%22%20height%3D%2215%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M28%2C7h-1V6h-1v1H0v1h28V7z%20M25%2C5v1h1V5H25z%20M24%2C4v1h1V4H24z%20M23%2C3v1h1V3H23z%20M22%2C2v1h1V2H22z%20M21%2C1v1h1V1H21z%20M20%2C0v1h1V0H20z%22%2F%3E%3C%2Fsvg%3E") no-repeat center center/cover; }

@keyframes viewbtn_anim {
  0% {
    width: 28px;
    right: 15px; }
  49% {
    width: 0;
    right: 0; }
  51% {
    width: 0;
    right: 42px; }
  100% {
    width: 28px;
    right: 15px; } }
/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

wrapper CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
.wrapper {
  position: relative;
  width: 100%;
  padding: 110px 0 0;
  overflow-x: hidden; }
  @media (max-width: 1200px) {
    .wrapper {
      padding: 110px 0 0; } }
  @media (max-width: 900px) {
    .wrapper {
      padding: 80px 0 0; } }
  @media (max-width: 500px) {
    .wrapper {
      padding: 50px 0 0; } }

/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

header CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 110px;
  background: #FFF;
  border-bottom: #DDD 1px solid;
  transition: top 0.3s cubic-bezier(0.77, 0, 0.175, 1);
  z-index: 100; }
  @media (max-width: 900px) {
    .header {
      height: 80px; } }
  @media (max-width: 500px) {
    .header {
      height: 50px; } }
  .js-header-hide .header {
    top: -110px; }
    @media (max-width: 900px) {
      .js-header-hide .header {
        top: -80px; } }
    @media (max-width: 500px) {
      .js-header-hide .header {
        top: -50px; } }
  .js-header-fix .header {
    top: 0; }
  .header__inner {
    position: relative;
    width: 100%;
    max-width: 1250px;
    box-sizing: border-box;
    height: 100%;
    margin: 0 auto;
    padding: 0 25px; }
  .header__logo-box {
    width: 210px;
    position: absolute;
    top: 10px;
    left: 25px; }
    @media (max-width: 1100px) {
      .header__logo-box {
        width: 190px;
        top: 10px; } }
    @media (max-width: 900px) {
      .header__logo-box {
        width: 200px;
        top: 50%;
        transform: translateY(-50%); } }
    @media (max-width: 500px) {
      .header__logo-box {
        width: 150px;
        left: 15px; } }
  .header__logo-link {
    display: block;
    width: 100%; }
  .header__logo-img {
    display: block;
    width: 100%; }
  .header-sub {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    position: absolute;
    right: 25px;
    top: 8px; }
    .header-sub__item {
      padding: 0 0 0 20px; }
    .header-sub__item--snslink {
      padding: 0 0 0 10px; }
    .header-sub__link {
      font-size: 1.2rem;
      font-family: -apple-system, BlinkMacSystemFont, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, "Helvetica Neue", HelveticaNeue, "Segoe UI", sans-serif; }
      .header-sub__link-cart i {
        margin: 0 5px 0 0;
        color: #A57A43; }
      .header-sub__link--salon {
        font-size: 1.2rem;
        font-family: -apple-system, BlinkMacSystemFont, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, "Helvetica Neue", HelveticaNeue, "Segoe UI", sans-serif;
        background: #E68982;
        padding: 3px 8px;
        color: #FFF; }
    @media (max-width: 900px) {
      .header-sub {
        display: none; } }

/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

g-nav CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
.g-nav {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  height: 100%;
  padding: 0; }
  @media (max-width: 900px) {
    .g-nav {
      padding: 0; } }
  .g-nav__checkbox {
    display: none; }
  .g-nav__content {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    height: 100%; }
  .g-nav__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    padding: 0;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%); }
    @media (max-width: 900px) {
      .g-nav__list {
        display: block;
        box-sizing: border-box;
        position: fixed;
        top: 80px;
        bottom: auto;
        left: auto;
        right: 0;
        max-width: 350px;
        height: calc(100% - 80px);
        background: #FFF;
        padding: 25px 23px 21px;
        border-left: solid 1px #DDD;
        transform: translateX(100%);
        transition: transform .5s ease-in-out;
        overflow: auto;
        z-index: 99; }
        .js-header-fix .g-nav__list {
          transform: translateX(0); } }
    @media (max-width: 500px) {
      .g-nav__list {
        top: 50px;
        max-width: none;
        height: calc(100% - 50px);
        padding: 15px 13px 11px; } }
  .g-nav__item {
    position: relative; }
    .g-nav__item-txt {
      transition: color .3s ease-in-out; }
    .g-nav__item:hover .g-nav__item-txt {
      color: #E68982; }
      @media (max-width: 900px) {
        .g-nav__item:hover .g-nav__item-txt {
          color: #FFF; } }
    @media (max-width: 900px) {
      .g-nav__item {
        width: 100%;
        padding: 0 2px 4px; } }
  .g-nav__item-salon {
    padding: 0 0 10px 15px; }
    @media (max-width: 1100px) {
      .g-nav__item-salon {
        padding: 0 0 10px 10px; } }
    @media (max-width: 900px) {
      .g-nav__item-salon {
        display: none; } }
  .g-nav__link-salon {
    display: flex;
    align-items: center;
    height: 100%;
    position: relative;
    padding: 10px 20px;
    perspective: 20rem;
    font-weight: bold;
    color: #FFF;
    background: #E68982;
    transition: color .3s ease-in-out; }
    @media (max-width: 1100px) {
      .g-nav__link-salon {
        padding: 10px 10px; } }
    .g-nav__link-salon:hover {
      opacity: .7; }
  .g-nav__item-salon-txt {
    font-size: 1.4rem; }
    @media (max-width: 1100px) {
      .g-nav__item-salon-txt {
        font-size: 1.1rem; } }
    @media (max-width: 900px) {
      .g-nav__item-salon-txt {
        font-size: 1.4rem; } }
  .g-nav__link {
    display: flex;
    align-items: center;
    height: 100%;
    position: relative;
    padding: 15px;
    perspective: 20rem; }
    @media (max-width: 1100px) {
      .g-nav__link {
        padding: 15px 8px; } }
    @media (max-width: 900px) {
      .g-nav__link {
        font-size: 1.4rem;
        padding: 15px;
        color: #FFF;
        background: #A57A43;
        perspective: none; }
        .g-nav__link::before {
          content: "";
          display: block;
          position: absolute;
          top: 50%;
          right: 15px;
          width: 28px;
          height: 15px;
          margin: -7px 0 0;
          transition: transform 0.3s cubic-bezier(0.77, 0, 0.175, 1);
          background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2228%22%20height%3D%2215%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M28%2C7h-1V6h-1v1H0v1h28V7z%20M25%2C5v1h1V5H25z%20M24%2C4v1h1V4H24z%20M23%2C3v1h1V3H23z%20M22%2C2v1h1V2H22z%20M21%2C1v1h1V1H21z%20M20%2C0v1h1V0H20z%22%2F%3E%3C%2Fsvg%3E") no-repeat center center/cover; }
        .g-nav__link.js-g-nav-active::before {
          transform: rotate(90deg); } }
  .g-nav__item-txt {
    display: block;
    font-weight: bold;
    line-height: 1;
    cursor: pointer; }
    @media (max-width: 1100px) {
      .g-nav__item-txt {
        font-size: 1.1rem; } }
    @media (max-width: 900px) {
      .g-nav__item-txt {
        font-size: 1.6rem; } }

@keyframes btn_blink {
  0% {
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22145%22%20height%3D%2248%22%3E%3Cpolygon%20fill%3D%22%23AAA%22%20points%3D%2241%2011%2053%200%2016%2011%200%2011%200%2048%20145%2048%20145%2011%2041%2011%22%2F%3E%3C%2Fsvg%3E") no-repeat center center/contain; }
  25% {
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22145%22%20height%3D%2248%22%3E%3Cpolygon%20fill%3D%22%23AAA%22%20points%3D%2241%2011%2053%200%2016%2011%200%2011%200%2048%20145%2048%20145%2011%2041%2011%22%2F%3E%3C%2Fsvg%3E") no-repeat center center/contain; }
  50% {
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22145%22%20height%3D%2248%22%3E%3Cpolygon%20fill%3D%22%23555%22%20points%3D%2241%2011%2053%200%2016%2011%200%2011%200%2048%20145%2048%20145%2011%2041%2011%22%2F%3E%3C%2Fsvg%3E") no-repeat center center/contain; }
  75% {
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22145%22%20height%3D%2248%22%3E%3Cpolygon%20fill%3D%22%23AAA%22%20points%3D%2241%2011%2053%200%2016%2011%200%2011%200%2048%20145%2048%20145%2011%2041%2011%22%2F%3E%3C%2Fsvg%3E") no-repeat center center/contain; }
  100% {
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22145%22%20height%3D%2248%22%3E%3Cpolygon%20fill%3D%22%23AAA%22%20points%3D%2241%2011%2053%200%2016%2011%200%2011%200%2048%20145%2048%20145%2011%2041%2011%22%2F%3E%3C%2Fsvg%3E") no-repeat center center/contain; } }
@media (max-width: 900px) {
  @keyframes btn_blink {
    0% {
      background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22145%22%20height%3D%2248%22%3E%3Cpolygon%20fill%3D%22%23A57A43%22%20points%3D%2241%2011%2053%200%2016%2011%200%2011%200%2048%20145%2048%20145%2011%2041%2011%22%2F%3E%3C%2Fsvg%3E") no-repeat center center/contain; }
    25% {
      background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22145%22%20height%3D%2248%22%3E%3Cpolygon%20fill%3D%22%23A57A43%22%20points%3D%2241%2011%2053%200%2016%2011%200%2011%200%2048%20145%2048%20145%2011%2041%2011%22%2F%3E%3C%2Fsvg%3E") no-repeat center center/contain; }
    50% {
      background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22145%22%20height%3D%2248%22%3E%3Cpolygon%20fill%3D%22%23ccac82%22%20points%3D%2241%2011%2053%200%2016%2011%200%2011%200%2048%20145%2048%20145%2011%2041%2011%22%2F%3E%3C%2Fsvg%3E") no-repeat center center/contain; }
    75% {
      background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22145%22%20height%3D%2248%22%3E%3Cpolygon%20fill%3D%22%23A57A43%22%20points%3D%2241%2011%2053%200%2016%2011%200%2011%200%2048%20145%2048%20145%2011%2041%2011%22%2F%3E%3C%2Fsvg%3E") no-repeat center center/contain; }
    100% {
      background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22145%22%20height%3D%2248%22%3E%3Cpolygon%20fill%3D%22%23A57A43%22%20points%3D%2241%2011%2053%200%2016%2011%200%2011%200%2048%20145%2048%20145%2011%2041%2011%22%2F%3E%3C%2Fsvg%3E") no-repeat center center/contain; } } }
/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

g-nav-btn CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
.g-nav-pulldown {
  position: absolute;
  top: 100%;
  left: 50%;
  width: 200px;
  margin: 0 0 0 -100px;
  background: #FFF;
  border-top: #DDD 1px solid;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  opacity: 0;
  transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1);
  visibility: hidden;
  cursor: pointer;
  z-index: 2; }
  .g-nav-pulldown.js-g-nav-show {
    opacity: 1;
    transition: all 0.3s cubic-bezier(0.5, 0.5, 0.1, 1.6);
    visibility: visible; }
  @media (max-width: 1200px) {
    .g-nav-pulldown {
      top: calc(100% - 5px); } }
  @media (max-width: 900px) {
    .g-nav-pulldown {
      display: none;
      position: relative;
      top: 0;
      left: 0;
      width: 100%;
      margin: 0;
      border: none;
      background: transparent;
      box-shadow: none;
      transform: none;
      transition: none;
      opacity: 1;
      visibility: visible; } }
  .g-nav-pulldown__item {
    position: relative;
    border-left: #DDD 1px solid;
    border-right: #DDD 1px solid;
    border-bottom: #DDD 1px solid;
    background: #FFF;
    z-index: 2; }
    @media (max-width: 900px) {
      .g-nav-pulldown__item {
        border: none;
        margin: 4px 0 0; } }
  .g-nav-pulldown__link {
    display: block;
    position: relative;
    width: 100%;
    font-weight: bold;
    text-align: center;
    padding: 10px;
    transition: color 0.3s cubic-bezier(0.77, 0, 0.175, 1); }
    .g-nav-pulldown__link:hover {
      color: #D90000; }
      @media (max-width: 900px) {
        .g-nav-pulldown__link:hover {
          color: #FFF; } }
    @media (max-width: 900px) {
      .g-nav-pulldown__link {
        padding: 15px;
        color: #000;
        font-size: 1.6rem;
        text-align: left;
        background: #F1ECE2; }
        .g-nav-pulldown__link::before {
          content: "";
          display: block;
          position: absolute;
          top: 50%;
          right: 15px;
          width: 28px;
          height: 15px;
          margin: -7px 0 0;
          background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2228%22%20height%3D%2215%22%3E%3Cpath%20fill%3D%22%23000%22%20d%3D%22M28%2C7h-1V6h-1v1H0v1h28V7z%20M25%2C5v1h1V5H25z%20M24%2C4v1h1V4H24z%20M23%2C3v1h1V3H23z%20M22%2C2v1h1V2H22z%20M21%2C1v1h1V1H21z%20M20%2C0v1h1V0H20z%22%2F%3E%3C%2Fsvg%3E") no-repeat center center/cover; } }

/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

g-nav-trigger CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
.g-nav-trigger {
  display: none; }
  @media (max-width: 900px) {
    .g-nav-trigger {
      display: block;
      position: absolute;
      width: 80px;
      height: 100%;
      background: #A57A43;
      right: 0; } }
  @media (max-width: 500px) {
    .g-nav-trigger {
      width: 50px; } }
  .g-nav-trigger__box {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    background: #A57A43;
    cursor: pointer; }
  .g-nav-trigger__line {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 30px;
    height: 2px;
    margin: -1px 0 0 -15px;
    background: #FFF;
    transition: background .25s .25s ease-in-out; }
    .g-nav-trigger__line::before, .g-nav-trigger__line::after {
      content: "";
      display: block;
      position: absolute;
      top: -10px;
      left: 0;
      width: 100%;
      height: 2px;
      background: #FFF;
      transform: rotate(0);
      transition: top .25s .25s ease-in-out, transform .25s 0s ease-in-out; }
    .g-nav-trigger__line::after {
      top: 10px; }
    @media (max-width: 500px) {
      .g-nav-trigger__line {
        width: 20px;
        margin: -1px 0 0 -10px; }
        .g-nav-trigger__line::before {
          top: -7px; }
        .g-nav-trigger__line::after {
          top: 7px; } }
    .js-header-fix .g-nav-trigger__line {
      background: transparent;
      transition: background .25s 0s ease-in-out; }
      .js-header-fix .g-nav-trigger__line::before, .js-header-fix .g-nav-trigger__line::after {
        transition: top .25s 0s ease-in-out, transform .25s .25s ease-in-out; }
      .js-header-fix .g-nav-trigger__line::before {
        top: 0;
        transform: rotate(45deg); }
      .js-header-fix .g-nav-trigger__line::after {
        top: 0;
        transform: rotate(-45deg); }

/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

g-nav-sub CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
.g-nav-sub__action-link, .g-nav-sub__action-link--keycolor {
  display: block;
  position: relative;
  width: 100%;
  color: #FFF;
  font-size: 1.6rem;
  font-weight: bold;
  text-align: center;
  line-height: 1;
  padding: 15px;
  background: #E68982;
  transition: background .3s ease-in-out; }
  .g-nav-sub__action-link:hover, .g-nav-sub__action-link--keycolor:hover {
    background: #919191; }

.g-nav-sub {
  display: none;
  padding: 0 0 10px; }
  @media (max-width: 900px) {
    .g-nav-sub {
      display: block; } }
  .g-nav-sub__action {
    display: flex;
    flex-wrap: nowrap; }
    @media (max-width: 900px) {
      .g-nav-sub__action {
        flex-wrap: wrap; } }
  .g-nav-sub__action-btn {
    width: 50%;
    padding: 0 2px 4px; }
  .g-nav-sub__action-link--keycolor {
    background: #A57A43; }
    .g-nav-sub__action-link--keycolor:hover {
      background: #936d3c; }
  .g-nav-sub__action-txt {
    display: block;
    width: 100%;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0;
    text-align: center; }
  .g-nav-sub__list {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding: 40px 2px 0; }
  .g-nav-sub__item {
    width: 50%;
    margin: 0 0 8px;
    border-right: #666 1px solid; }
    .g-nav-sub__item:nth-child(odd) {
      border-left: #666 1px solid; }
  .g-nav-sub__link {
    display: block;
    color: #FFF;
    font-size: 1.2rem;
    text-align: center;
    padding: 7px 5px; }
  .g-nav-sub__sns-link {
    display: inline-block; }
    .g-nav-sub__sns-link .fab {
      font-size: 2.2rem;
      vertical-align: middle;
      color: #E68982; }
      @media (max-width: 900px) {
        .g-nav-sub__sns-link .fab {
          font-size: 4rem; } }
      @media (max-width: 500px) {
        .g-nav-sub__sns-link .fab {
          font-size: 5rem; } }
  .g-nav-sub__snslink {
    display: flex;
    justify-content: center;
    padding: 20px 0 0; }
  .g-nav-sub__snslink-item {
    padding: 0 10px; }

/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

container CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
.container {
  position: relative;
  width: 100%;
  padding: 110px 0 0; }
  @media (max-width: 900px) {
    .container {
      padding: 80px 0 0; } }
  @media (max-width: 500px) {
    .container {
      padding: 50px 0 0; } }
  @media (max-width: 500px) {
    .container .pc_disp {
      display: none; } }
  @media (max-width: 900px) {
    .container .pc_disp-tb {
      display: none; } }
  .container .sp_disp {
    display: none; }
    @media (max-width: 500px) {
      .container .sp_disp {
        display: block; } }

/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

footer CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
@keyframes arrow_anim {
  0% {
    transform: translateY(0); }
  100% {
    transform: translateY(-76px); } }
.footer__sp-reserveNavi-link, .footer__sp-reserveNavi-link--web, .footer__sp-reserveNavi-link--line {
  display: block;
  padding: 12px 0;
  font-size: 1.8rem;
  color: #FFF !important;
  transition: opacity 0.3s cubic-bezier(0.77, 0, 0.175, 1);
  text-align: center; }
  .footer__sp-reserveNavi-link:hover, .footer__sp-reserveNavi-link--web:hover, .footer__sp-reserveNavi-link--line:hover {
    opacity: .5; }

.footer {
  position: relative;
  width: 100%;
  padding: 0;
  background: #A57A43;
  z-index: 2; }
  .footer__inner {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 10px 25px 18px; }
    @media (max-width: 500px) {
      .footer__inner {
        padding: 10px 15px; } }
  .footer__backtop-btn {
    display: block;
    position: relative;
    width: 111px;
    height: 76px;
    margin: 0 auto;
    overflow: hidden; }
    @media (max-width: 500px) {
      .footer__backtop-btn {
        width: 55.5px;
        height: 38px; } }
    .footer__backtop-btn::before, .footer__backtop-btn::after {
      content: "";
      display: block;
      position: absolute;
      top: 20px;
      left: 20px;
      width: 71px;
      height: 36px;
      background: url(/assets/img/common/footer-arrow.svg) no-repeat center center/cover; }
      @media (max-width: 500px) {
        .footer__backtop-btn::before, .footer__backtop-btn::after {
          width: 35.5px;
          height: 18px;
          top: 10px;
          left: 10px; } }
    .footer__backtop-btn::after {
      top: 96px; }
      @media (max-width: 500px) {
        .footer__backtop-btn::after {
          top: 58px; } }
    .footer__backtop-btn:hover::before, .footer__backtop-btn:hover::after {
      animation: arrow_anim cubic-bezier(0.77, 0, 0.175, 1) 0.5s forwards; }
      @media (max-width: 900px) {
        .footer__backtop-btn:hover::before, .footer__backtop-btn:hover::after {
          animation: none; } }
  .footer-nav {
    display: flex;
    flex-wrap: wrap;
    margin: 0 auto;
    padding: 0; }
    @media (max-width: 500px) {
      .footer-nav {
        display: block; } }
    .footer-nav__list {
      width: 33%;
      max-width: 170px; }
      @media (max-width: 500px) {
        .footer-nav__list {
          display: flex;
          flex-wrap: wrap;
          width: 100%;
          max-width: none; }
          .footer-nav__list:nth-child(2) {
            display: block; } }
    .footer-nav__item {
      padding: 0 0 25px; }
      @media (max-width: 500px) {
        .footer-nav__item {
          padding: 0 20px 25px 0; } }
    .footer-nav__link {
      color: #FFF;
      font-size: 1.6rem;
      opacity: 1;
      transition: opacity 0.3s cubic-bezier(0.77, 0, 0.175, 1); }
      .footer-nav__link:hover {
        opacity: .8; }
      .footer-nav__link-txt {
        color: #FFF;
        font-size: 1.6rem;
        cursor: default; }
  .footer__undercont {
    display: flex;
    justify-content: space-between;
    padding: 25px 0 0; }
    @media (max-width: 900px) {
      .footer__undercont {
        display: block; } }
  .footer__subnav {
    display: flex;
    justify-content: center; }
    @media (max-width: 900px) {
      .footer__subnav {
        margin: 0 auto 15px; } }
    @media (max-width: 500px) {
      .footer__subnav {
        flex-wrap: wrap; } }
    .footer__subnav-item {
      padding: 0 18px;
      position: relative; }
      .footer__subnav-item::before {
        content: "";
        display: block;
        width: 1px;
        height: 100%;
        background: #FFF;
        position: absolute;
        right: 0;
        top: 0; }
      .footer__subnav-item:first-child {
        padding: 0 18px 0 0; }
      .footer__subnav-item:last-child {
        padding: 0 0 0 18px; }
        .footer__subnav-item:last-child::before {
          display: none; }
      .footer__subnav-item a {
        font-family: -apple-system, BlinkMacSystemFont, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, "Helvetica Neue", HelveticaNeue, "Segoe UI", sans-serif;
        color: #FFF;
        opacity: 1;
        transition: opacity 0.3s cubic-bezier(0.77, 0, 0.175, 1); }
        .footer__subnav-item a:hover {
          opacity: .8; }
        @media (max-width: 900px) {
          .footer__subnav-item a {
            font-size: 1.2rem; } }
  .footer__copyright {
    color: #FFF;
    font-size: 1.2rem;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center; }
  .footer__sp-reserveNavi {
    display: none;
    width: 100%;
    background: #FFF; }
    @media (max-width: 900px) {
      .footer__sp-reserveNavi {
        display: flex; } }
    .footer__sp-reserveNavi-item {
      width: 33.3333%;
      border-right: solid 1px #FFF; }
      .footer__sp-reserveNavi-item:last-child {
        border-right: none; }
    .footer__sp-reserveNavi-itemlong {
      width: 100%;
      border-bottom: solid 1px #FFF; }
    .footer__sp-reserveNavi-link {
      background: #A57A43; }
      .footer__sp-reserveNavi-link--web {
        background: #E68982; }
      .footer__sp-reserveNavi-link--line {
        background: #08BF5B; }
    .footer__sp-reserveNavi-txt {
      display: block;
      font-size: 1rem;
      font-family: -apple-system, BlinkMacSystemFont, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, "Helvetica Neue", HelveticaNeue, "Segoe UI", sans-serif; }

.f-nav-pulldown {
  box-sizing: border-box;
  padding: 6px 0 0 20px;
  border-left: solid 1px #FFF; }
  @media (max-width: 500px) {
    .f-nav-pulldown {
      display: flex;
      flex-wrap: wrap; } }
  .f-nav-pulldown__item {
    padding: 0 0 10px; }
    .f-nav-pulldown__item:last-child {
      padding: 0 0 6px; }
    @media (max-width: 500px) {
      .f-nav-pulldown__item {
        padding: 0 20px 10px 0; }
        .f-nav-pulldown__item:last-child {
          padding: 0 0 6px 0; } }
    .f-nav-pulldown__item a {
      font-family: -apple-system, BlinkMacSystemFont, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, "Helvetica Neue", HelveticaNeue, "Segoe UI", sans-serif;
      color: #FFF;
      opacity: 1;
      transition: opacity 0.3s cubic-bezier(0.77, 0, 0.175, 1); }
      .f-nav-pulldown__item a:hover {
        opacity: .8; }

/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

img-gallery-box CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
.img-gallery-box {
  position: relative; }
  .img-gallery-box__list {
    position: relative;
    z-index: 1; }
  .img-gallery-box__item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity .5s ease-in-out; }
    .img-gallery-box__item:first-child {
      position: relative; }
    .img-gallery-box__item.js-active {
      opacity: 1; }

/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

common-simple-header CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
.common-simple-header__inner {
  width: 100%;
  height: 350px;
  text-align: center;
  position: relative;
  border-bottom: #EEE solid 1px; }
  .common-simple-header__inner::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 0;
    z-index: 2;
    background: url(/company/recruit/new/assets/img/common/header-simple-bg.jpg) no-repeat center center/cover;
    transform: translateY(0); }
  .common-simple-header__inner.na-anim-init::before {
    top: 0;
    height: 100%;
    transition: top 0.5s cubic-bezier(0.77, 0, 0.175, 1), height 0.5s cubic-bezier(0.77, 0, 0.175, 1); }
  @media (max-width: 500px) {
    .common-simple-header__inner {
      height: 40vw;
      font-size: 5.5vw; } }
.common-simple-header__content {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3; }
  .common-simple-header__content.na-anim-init {
    top: 0;
    height: 100%; }
.common-simple-header__content-ttl {
  font-size: 9rem;
  margin-bottom: 30px;
  padding-bottom: 30px;
  color: #A57A43;
  line-height: 1;
  position: relative;
        /*
				&.na-anim-init {
            opacity: 1;
        }
				*/ }
  .common-simple-header__content-ttl::after {
    content: "";
    width: 28px;
    height: 2px;
    background: #000;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%); }
  @media (max-width: 900px) {
    .common-simple-header__content-ttl {
      font-size: 10vw; } }
  @media (max-width: 500px) {
    .common-simple-header__content-ttl {
      font-size: 8vw;
      margin-bottom: 5vw;
      padding-bottom: 5vw; } }
.common-simple-header__content-sub-ttl {
  font-size: 1.6rem;
  line-height: 1;
  font-weight: bold; }
  @media (max-width: 500px) {
    .common-simple-header__content-sub-ttl {
      font-size: 4vw; } }
  .common-simple-header__content-sub-ttl.na-anim-init {
    opacity: 1; }

/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

common-simple-section CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
.common-simple-section__inner {
  width: 100%;
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 25px; }
  @media (max-width: 500px) {
    .common-simple-section__inner {
      padding: 0 15px; } }
.common-simple-section__content-list {
  border-top: #DDD solid 1px; }
  .common-simple-section__content-list.na-anim-init {
    opacity: 1; }
.common-simple-section__content-list-item {
  display: flex;
  flex-wrap: wrap;
  padding: 25px 0;
  border-bottom: #DDD solid 1px;
  font-size: 1.6rem;
  opacity: 0;
  transform: translateY(10vw); }
  @media (max-width: 500px) {
    .common-simple-section__content-list-item {
      display: block;
      padding: 0; } }
  .na-anim-init .common-simple-section__content-list-item {
    opacity: 1;
    transform: translateY(0); }
  .na-anim-init .common-simple-section__content-list-item:nth-child(1) {
    transition: transform 0.8s 0.3s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.8s 0.3s ease-in-out; }
  .na-anim-init .common-simple-section__content-list-item:nth-child(2) {
    transition: transform 0.8s 0.45s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.8s 0.45s ease-in-out; }
  .na-anim-init .common-simple-section__content-list-item:nth-child(3) {
    transition: transform 0.8s 0.6s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.8s 0.6s ease-in-out; }
  .na-anim-init .common-simple-section__content-list-item:nth-child(4) {
    transition: transform 0.8s 0.75s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.8s 0.75s ease-in-out; }
  .na-anim-init .common-simple-section__content-list-item:nth-child(5) {
    transition: transform 0.8s 0.9s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.8s 0.9s ease-in-out; }
  .na-anim-init .common-simple-section__content-list-item:nth-child(6) {
    transition: transform 0.8s 1.05s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.8s 1.05s ease-in-out; }
  .na-anim-init .common-simple-section__content-list-item:nth-child(7) {
    transition: transform 0.8s 1.2s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.8s 1.2s ease-in-out; }
  .na-anim-init .common-simple-section__content-list-item:nth-child(8) {
    transition: transform 0.8s 1.35s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.8s 1.35s ease-in-out; }
  .na-anim-init .common-simple-section__content-list-item:nth-child(9) {
    transition: transform 0.8s 1.5s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.8s 1.5s ease-in-out; }
  .na-anim-init .common-simple-section__content-list-item:nth-child(10) {
    transition: transform 0.8s 1.65s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.8s 1.65s ease-in-out; }
  .na-anim-init .common-simple-section__content-list-item:nth-child(11) {
    transition: transform 0.8s 1.8s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.8s 1.8s ease-in-out; }
  .na-anim-init .common-simple-section__content-list-item:nth-child(12) {
    transition: transform 0.8s 1.95s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.8s 1.95s ease-in-out; }
  .na-anim-init .common-simple-section__content-list-item:nth-child(13) {
    transition: transform 0.8s 2.1s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.8s 2.1s ease-in-out; }
  .na-anim-init .common-simple-section__content-list-item:nth-child(14) {
    transition: transform 0.8s 2.25s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.8s 2.25s ease-in-out; }
  .na-anim-init .common-simple-section__content-list-item:nth-child(15) {
    transition: transform 0.8s 2.4s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.8s 2.4s ease-in-out; }
  .na-anim-init .common-simple-section__content-list-item:nth-child(16) {
    transition: transform 0.8s 2.55s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.8s 2.55s ease-in-out; }
  .na-anim-init .common-simple-section__content-list-item:nth-child(17) {
    transition: transform 0.8s 2.7s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.8s 2.7s ease-in-out; }
  .na-anim-init .common-simple-section__content-list-item:nth-child(18) {
    transition: transform 0.8s 2.85s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.8s 2.85s ease-in-out; }
  .na-anim-init .common-simple-section__content-list-item:nth-child(19) {
    transition: transform 0.8s 3s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.8s 3s ease-in-out; }
  .na-anim-init .common-simple-section__content-list-item:nth-child(20) {
    transition: transform 0.8s 3.15s cubic-bezier(0.77, 0, 0.175, 1), opacity 0.8s 3.15s ease-in-out; }
  .common-simple-section__content-list-item--education {
    border-bottom: #DDD solid 1px;
    font-size: 1.6rem;
    opacity: 0;
    transform: translateY(10vw);
    border-bottom: 1px solid #DDD; }
    .common-simple-section__content-list-item--education::after {
      content: "";
      display: block;
      clear: both; }
    .common-simple-section__content-list-item--education.na-anim-init {
      opacity: 1;
      transform: translateY(0); }
.common-simple-section__content-list-item-ttl {
  width: 240px; }
  @media (max-width: 900px) {
    .common-simple-section__content-list-item-ttl {
      width: 140px; } }
  @media (max-width: 500px) {
    .common-simple-section__content-list-item-ttl {
      display: block;
      width: 100%;
      padding: 15px 0 15px 10px;
      border-bottom: #DDD solid 1px;
      background: #EEE; } }
  .common-simple-section__content-list-item-ttl--education {
    display: block;
    float: left;
    width: 190px;
    padding-top: 25px; }
    @media (max-width: 900px) {
      .common-simple-section__content-list-item-ttl--education {
        width: 160px; } }
    @media (max-width: 500px) {
      .common-simple-section__content-list-item-ttl--education {
        width: 100%;
        padding: 15px 0 15px 10px;
        border-bottom: #DDD solid 1px;
        background: #EEE; } }
.common-simple-section__content-list-item-txt {
  width: calc(100% - 240px); }
  @media (max-width: 900px) {
    .common-simple-section__content-list-item-txt {
      width: calc(100% - 140px); } }
  @media (max-width: 500px) {
    .common-simple-section__content-list-item-txt {
      width: 100%;
      padding: 30px 0; } }
  .common-simple-section__content-list-item-txt--education {
    float: right;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    width: calc(100% - 190px);
    padding: 25px 0;
    border-bottom: 1px solid #DDD; }
    @media (max-width: 900px) {
      .common-simple-section__content-list-item-txt--education {
        width: calc(100% - 160px); } }
    @media (max-width: 500px) {
      .common-simple-section__content-list-item-txt--education {
        width: 100%;
        padding: 30px 0; } }
    .common-simple-section__content-list-item-txt--education:last-child {
      border: none; }
.common-simple-section__content-list-item-subttl--education {
  width: 80px; }
  @media (max-width: 900px) {
    .common-simple-section__content-list-item-subttl--education {
      width: 70px; } }
  @media (max-width: 500px) {
    .common-simple-section__content-list-item-subttl--education {
      width: 100%;
      font-weight: bold;
      padding-bottom: 15px; } }
.common-simple-section__content-list-item-subttl--welfare {
  width: 160px; }
  @media (max-width: 900px) {
    .common-simple-section__content-list-item-subttl--welfare {
      width: 130px; } }
  @media (max-width: 500px) {
    .common-simple-section__content-list-item-subttl--welfare {
      width: 100%;
      font-weight: bold;
      padding-bottom: 15px; } }
.common-simple-section__content-list-item-innerwrap--education {
  width: calc(100% - 80px); }
  @media (max-width: 900px) {
    .common-simple-section__content-list-item-innerwrap--education {
      width: calc(100% - 70px); } }
  @media (max-width: 500px) {
    .common-simple-section__content-list-item-innerwrap--education {
      width: 100%;
      padding-left: 0; } }
.common-simple-section__content-list-item-innerwrap--welfare {
  width: calc(100% - 160px); }
  @media (max-width: 900px) {
    .common-simple-section__content-list-item-innerwrap--welfare {
      width: calc(100% - 130px); } }
  @media (max-width: 500px) {
    .common-simple-section__content-list-item-innerwrap--welfare {
      width: 100%;
      padding-left: 0; } }
.common-simple-section__content-list-item-onlyttl--education {
  width: 100%; }
.common-simple-section__content-list-item-txtlist--education {
  padding-left: 1em;
  list-style-type: disc; }
  @media (max-width: 500px) {
    .common-simple-section__content-list-item-txtlist--education {
      padding-left: 1.25em; } }
.common-simple-section__content-list-item-noticelist--education {
  padding: 25px 0 0 0; }

/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

common-page-link-section CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
.common-page-link-section__list, .common-page-link-section__list--separate {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: -10px 10px; }
  @media (max-width: 500px) {
    .common-page-link-section__list, .common-page-link-section__list--separate {
      margin: -10px 0px; } }

.common-page-link-text {
  text-decoration: underline; }

.common-page-link-section__list--separate {
  margin: -10px -15px;
  padding: 100px 0 0; }
  @media (max-width: 900px) {
    .common-page-link-section__list--separate {
      padding: 10vw 0 0; } }
  @media (max-width: 500px) {
    .common-page-link-section__list--separate {
      padding: 20vw 0 0; } }
.common-page-link-section__item {
  display: block;
  position: relative; }
  .common-page-link-section__item::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: #A57A43; }
  .na-anim-init .common-page-link-section__item::before {
    width: 0; }
  .na-anim-init .common-page-link-section__item:nth-child(1)::before {
    transition: width 0.8s 0.15s cubic-bezier(0.77, 0, 0.175, 1); }
  .na-anim-init .common-page-link-section__item:nth-child(2)::before {
    transition: width 0.8s 0.3s cubic-bezier(0.77, 0, 0.175, 1); }
  .na-anim-init .common-page-link-section__item:nth-child(3)::before {
    transition: width 0.8s 0.45s cubic-bezier(0.77, 0, 0.175, 1); }
  .na-anim-init .common-page-link-section__item:nth-child(4)::before {
    transition: width 0.8s 0.6s cubic-bezier(0.77, 0, 0.175, 1); }
  .na-anim-init .common-page-link-section__item:nth-child(5)::before {
    transition: width 0.8s 0.75s cubic-bezier(0.77, 0, 0.175, 1); }
  .na-anim-init .common-page-link-section__item:nth-child(6)::before {
    transition: width 0.8s 0.9s cubic-bezier(0.77, 0, 0.175, 1); }
  .na-anim-init .common-page-link-section__item:nth-child(7)::before {
    transition: width 0.8s 1.05s cubic-bezier(0.77, 0, 0.175, 1); }
  .na-anim-init .common-page-link-section__item:nth-child(8)::before {
    transition: width 0.8s 1.2s cubic-bezier(0.77, 0, 0.175, 1); }
  .na-anim-init .common-page-link-section__item:nth-child(9)::before {
    transition: width 0.8s 1.35s cubic-bezier(0.77, 0, 0.175, 1); }
  .na-anim-init .common-page-link-section__item:nth-child(10)::before {
    transition: width 0.8s 1.5s cubic-bezier(0.77, 0, 0.175, 1); }
  .na-anim-init .common-page-link-section__item:nth-child(11)::before {
    transition: width 0.8s 1.65s cubic-bezier(0.77, 0, 0.175, 1); }
  .na-anim-init .common-page-link-section__item:nth-child(12)::before {
    transition: width 0.8s 1.8s cubic-bezier(0.77, 0, 0.175, 1); }
  .na-anim-init .common-page-link-section__item:nth-child(13)::before {
    transition: width 0.8s 1.95s cubic-bezier(0.77, 0, 0.175, 1); }
  .na-anim-init .common-page-link-section__item:nth-child(14)::before {
    transition: width 0.8s 2.1s cubic-bezier(0.77, 0, 0.175, 1); }
  .na-anim-init .common-page-link-section__item:nth-child(15)::before {
    transition: width 0.8s 2.25s cubic-bezier(0.77, 0, 0.175, 1); }
  .na-anim-init .common-page-link-section__item:nth-child(16)::before {
    transition: width 0.8s 2.4s cubic-bezier(0.77, 0, 0.175, 1); }
  .na-anim-init .common-page-link-section__item:nth-child(17)::before {
    transition: width 0.8s 2.55s cubic-bezier(0.77, 0, 0.175, 1); }
  .na-anim-init .common-page-link-section__item:nth-child(18)::before {
    transition: width 0.8s 2.7s cubic-bezier(0.77, 0, 0.175, 1); }
  .na-anim-init .common-page-link-section__item:nth-child(19)::before {
    transition: width 0.8s 2.85s cubic-bezier(0.77, 0, 0.175, 1); }
  .na-anim-init .common-page-link-section__item:nth-child(20)::before {
    transition: width 0.8s 3s cubic-bezier(0.77, 0, 0.175, 1); }
.common-page-link-section__txt {
  display: block;
  padding: 10px 15px;
  color: #A57A43;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.4;
  cursor: pointer;
  transition: color 0.3s cubic-bezier(0.77, 0, 0.175, 1); }
  .common-page-link-section__txt:hover, .common-page-link-section__txt.js-active {
    color: #D90000; }

/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

common-simple-section-ttl CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
.common-simple-section-ttl__inner {
  width: 100%;
  max-width: 1250px;
  padding: 0 25px 50px;
  margin: 0 auto;
  text-align: center; }
  .common-simple-section-ttl__inner-pad30 {
    padding: 0 25px 30px; }
  @media (max-width: 500px) {
    .common-simple-section-ttl__inner {
      padding: 0 15px 50px; }
      .common-simple-section-ttl__inner-pad30 {
        padding: 0 25px 30px; } }
.common-simple-section-ttl__content-ttl {
  font-family: "Cormorant SC", serif;
  font-size: 5.2rem;
  line-height: 1.2;
  color: #A57A43; }
  @media (max-width: 900px) {
    .common-simple-section-ttl__content-ttl {
      font-size: 6vw; } }
  @media (max-width: 500px) {
    .common-simple-section-ttl__content-ttl {
      font-size: 8.5vw; } }
.common-simple-section-ttl__content-sub-ttl {
  font-size: 1.4rem; }

/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

common-recommend CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
.common-recommend__inner {
  box-sizing: border-box;
  width: 100%;
  max-width: 1250px;
  padding: 0 25px;
  margin: 0 auto 120px; }
  @media (max-width: 900px) {
    .common-recommend__inner {
      margin: 0 auto 12vw; } }
  @media (max-width: 500px) {
    .common-recommend__inner {
      margin: 0 auto 20vw;
      padding: 0 15px; } }
.common-recommend__list {
  display: flex;
  flex-wrap: wrap; }
.common-recommend__item {
  box-sizing: border-box;
  width: 23%;
  margin: 0 2.6% 30px 0;
  border: solid 1px #A57A43; }
  .common-recommend__item:nth-child(4n) {
    margin: 0 0 30px 0; }
  @media (max-width: 900px) {
    .common-recommend__item {
      width: 48%;
      margin: 0 4% 20px 0; }
      .common-recommend__item:nth-child(4n) {
        margin: 0 0 20px 0; }
      .common-recommend__item:nth-child(even) {
        margin: 0 0 20px 0; } }
  .common-recommend__item a {
    display: block;
    padding: 10px 20px 20px;
    transition: opacity 0.3s cubic-bezier(0.77, 0, 0.175, 1); }
    .common-recommend__item a:hover {
      opacity: .7; }
    @media (max-width: 500px) {
      .common-recommend__item a {
        padding: 10px; } }
  .common-recommend__item-image {
    margin: 0 auto 10px; }
  .common-recommend__item-ttl {
    margin: 0 0 16px;
    font-size: 1.6rem;
    font-weight: bold;
    color: #A57A43;
    text-align: left; }

/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

common-othercont CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
.common-otherCont {
  margin: 0 auto 120px; }
  @media (max-width: 900px) {
    .common-otherCont {
      margin: 0 auto 12vw; } }
  @media (max-width: 500px) {
    .common-otherCont {
      margin: 0 auto 20vw; } }
  .common-otherCont__inner {
    box-sizing: border-box;
    width: 100%;
    max-width: 1250px;
    margin: 0 auto 36px;
    padding: 0 25px; }
    @media (max-width: 500px) {
      .common-otherCont__inner {
        padding: 0 15px; } }
  .common-otherCont__list {
    display: flex;
    justify-content: space-between; }
    @media (max-width: 500px) {
      .common-otherCont__list {
        display: block; } }
  .common-otherCont__item {
    box-sizing: border-box;
    width: 30%;
    margin: 0;
    border: solid 1px #A57A43; }
    @media (max-width: 500px) {
      .common-otherCont__item {
        width: 100%;
        margin: 0 auto 20px; } }
    .common-otherCont__item a {
      display: block;
      padding: 0;
      position: relative;
      transition: opacity 0.3s cubic-bezier(0.77, 0, 0.175, 1); }
      .common-otherCont__item a:hover {
        opacity: .7; }
    .common-otherCont__item-image {
      margin: 0 auto; }
    .common-otherCont__item-ttl {
      display: block;
      width: 100%;
      padding: 15px 0;
      font-size: 1.8rem;
      color: #FFF;
      text-align: center;
      background: rgba(134, 88, 47, 0.7);
      position: absolute;
      bottom: 0; }

/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

common-simple-header CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
.common-mainvisual__mainimg {
  display: flex;
  align-items: center;
  height: 28vw;
  min-height: 420px;
  margin: 0 auto; }
  @media (max-width: 500px) {
    .common-mainvisual__mainimg {
      height: 120vw; } }
  @media (max-width: 500px) {
    .common-mainvisual__mainimg.case-maternity {
      background-image: url(/assets/img/case/maternity/main_img_sp.jpg) !important; } }
  @media (max-width: 500px) {
    .common-mainvisual__mainimg.case-ninkatsu {
      background-image: url(/assets/img/case/ninkatsu/main_img_sp.jpg) !important; } }
  @media (max-width: 500px) {
    .common-mainvisual__mainimg.case-sango {
      background-image: url(/assets/img/case/sango/main_img_sp.jpg) !important; } }
  @media (max-width: 500px) {
    .common-mainvisual__mainimg.case-beauty {
      background-image: url(/assets/img/case/beauty/main_img_sp.jpg) !important; } }
  @media (max-width: 500px) {
    .common-mainvisual__mainimg.case-menopause {
      background-image: url(/assets/img/case/menopause/main_img_sp.jpg) !important; } }
  @media (max-width: 500px) {
    .common-mainvisual__mainimg.customer {
      background-image: url(/assets/img/customer/main_img_sp.jpg) !important; } }
  .common-mainvisual__mainimg-inner {
    width: 100%;
    max-width: 1250px;
    margin: 0 auto;
    padding: 0 25px; }
    @media (max-width: 500px) {
      .common-mainvisual__mainimg-inner {
        padding: 0 15px; } }
  .common-mainvisual__mainimg-ttl {
    font-size: 5rem;
    margin: 0 0 40px;
    text-shadow: #FFF 1px 1px 10px, #FFF -1px 1px 10px, #FFF 1px -1px 10px, #FFF -1px -1px 10px; }
    @media (max-width: 900px) {
      .common-mainvisual__mainimg-ttl {
        font-size: 3rem; } }
    @media (max-width: 500px) {
      .common-mainvisual__mainimg-ttl {
        font-size: 8vw;
        margin: 0 0 20px; } }
  .common-mainvisual__mainimg-ttl--white {
    font-size: 5rem;
    margin: 0 0 40px;
    color: #FFF; }
    @media (max-width: 900px) {
      .common-mainvisual__mainimg-ttl--white {
        font-size: 3rem; } }
    @media (max-width: 500px) {
      .common-mainvisual__mainimg-ttl--white {
        font-size: 8vw;
        margin: 0 0 20px; } }
  .common-mainvisual__mainimg-ttl--white-shadow {
    font-size: 5rem;
    margin: 0 0 40px;
    color: #FFF;
    text-shadow: #220F01 1px 1px 10px, #220F01 -1px 1px 10px, #220F01 1px -1px 10px, #220F01 -1px -1px 10px; }
    @media (max-width: 900px) {
      .common-mainvisual__mainimg-ttl--white-shadow {
        font-size: 3rem; } }
    @media (max-width: 500px) {
      .common-mainvisual__mainimg-ttl--white-shadow {
        font-size: 8vw;
        margin: 0 0 20px; } }
  .common-mainvisual__mainimg-txt {
    font-size: 1.8rem;
    font-weight: bold;
    text-shadow: #FFF 2px 0px 2px, #FFF -2px 0px 2px, #FFF 0px -2px 2px, #FFF -2px 0px 2px, #FFF 2px 2px 2px, #FFF -2px 2px 2px, #FFF 2px -2px 2px, #FFF -2px -2px 2px, #FFF 1px 2px 2px, #FFF -1px 2px 2px, #FFF 1px -2px 2px, #FFF -1px -2px 2px, #FFF 2px 1px 2px, #FFF -2px 1px 2px, #FFF 2px -1px 2px, #FFF -2px -1px 2px, #FFF 1px 1px 2px, #FFF -1px 1px 2px, #FFF 1px -1px 2px, #FFF -1px -1px 2px;
    letter-spacing: .2em; }
    @media (max-width: 500px) {
      .common-mainvisual__mainimg-txt {
        font-size: 1.6rem;
        font-weight: normal;
        letter-spacing: .05em;
        text-align: left; } }
.common-mainvisual__newsimg {
  display: flex;
  align-items: center;
  height: 20vw;
  min-height: 300px;
  margin: 0 auto; }
  @media (max-width: 500px) {
    .common-mainvisual__newsimg {
      height: 100vw; } }

/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

common-simple-header CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
.common-contact {
  box-sizing: border-box;
  width: 100%;
  max-width: 650px;
  margin: 0 auto;
  padding: 7px;
  box-shadow: 0 0 0 4px #A57A43 inset, 0 0 0 6px #F9F5F2 inset, 0 0 0 7px #A57A43 inset; }
  .common-contact__inner {
    padding: 25px 20px; }
  .common-contact__list {
    display: flex;
    justify-content: space-between;
    width: 100%; }
    @media (max-width: 500px) {
      .common-contact__list {
        display: block; } }
    .common-contact__list-tel {
      text-align: center; }
    .common-contact__list-txt {
      font-size: 1.8rem; }
      @media (max-width: 500px) {
        .common-contact__list-txt {
          font-size: 1.6rem; } }
    .common-contact__list-number span, .common-contact__list-number a {
      display: block;
      padding: 0 0 0 46px;
      font-size: 2.8rem;
      position: relative; }
      @media (max-width: 500px) {
        .common-contact__list-number span, .common-contact__list-number a {
          display: inline-block;
          margin: 0 auto 30px;
          font-size: 2.2rem; } }
      .common-contact__list-number span::before, .common-contact__list-number a::before {
        content: "";
        display: block;
        width: 32px;
        height: 32px;
        margin: auto 0;
        background: url("/assets/img/common/common_tel.gif") center center/100% auto;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0; }
    .common-contact__list-mail {
      display: flex;
      align-items: center;
      width: 42%; }
      @media (max-width: 500px) {
        .common-contact__list-mail {
          width: 100%; } }
      .common-contact__list-mail .common-box-btn__link--subcolor {
        min-width: 250px;
        height: 70px;
        margin: 0 auto;
        padding: 18px 68px 0 25px;
        font-size: 1.8rem; }

/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

home CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
.LC_Page_Index .aboutCont, .LC_Page_Index .onlineCont, .LC_Page_Index .itemCont {
  display: flex;
  flex-direction: row-reverse; }
  @media screen and (max-width: 1000px) {
    .LC_Page_Index .aboutCont, .LC_Page_Index .onlineCont, .LC_Page_Index .itemCont {
      display: block;
      margin: 0 auto 80px; } }
  @media (max-width: 900px) {
    .LC_Page_Index .aboutCont, .LC_Page_Index .onlineCont, .LC_Page_Index .itemCont {
      margin: 0 auto 10vw; } }
  @media (max-width: 500px) {
    .LC_Page_Index .aboutCont, .LC_Page_Index .onlineCont, .LC_Page_Index .itemCont {
      margin: 0 auto 16vw; } }

.LC_Page_Index .aboutCont__image, .LC_Page_Index .onlineCont__image, .LC_Page_Index .itemCont__image {
  width: 50%; }
  @media screen and (max-width: 1000px) {
    .LC_Page_Index .aboutCont__image, .LC_Page_Index .onlineCont__image, .LC_Page_Index .itemCont__image {
      width: 100%; }
      .LC_Page_Index .aboutCont__image .pc_disp, .LC_Page_Index .onlineCont__image .pc_disp, .LC_Page_Index .itemCont__image .pc_disp {
        display: none; }
      .LC_Page_Index .aboutCont__image .sp_disp, .LC_Page_Index .onlineCont__image .sp_disp, .LC_Page_Index .itemCont__image .sp_disp {
        display: block; } }

.LC_Page_Index .aboutCont__text, .LC_Page_Index .onlineCont__text, .LC_Page_Index .itemCont__text {
  display: flex;
  box-sizing: border-box;
  width: 50%;
  align-content: center;
  justify-content: center;
  flex-direction: column;
  padding: 0 25px; }
  @media screen and (max-width: 1000px) {
    .LC_Page_Index .aboutCont__text, .LC_Page_Index .onlineCont__text, .LC_Page_Index .itemCont__text {
      display: block;
      width: 100%;
      padding: 20px 25px 50px; } }
  @media (max-width: 500px) {
    .LC_Page_Index .aboutCont__text, .LC_Page_Index .onlineCont__text, .LC_Page_Index .itemCont__text {
      padding: 20px 15px 30px; } }

.newsCont__item-icon--news, .newsCont__item-icon--salon, .newsCont__item-icon--online, .newsCont__item-icon--event {
  display: block;
  width: 85px;
  padding: 3px 0;
  text-align: center;
  font-family: "Arial", "sans-serif";
  color: #FFF;
  float: left; }
  @media (max-width: 500px) {
    .newsCont__item-icon--news, .newsCont__item-icon--salon, .newsCont__item-icon--online, .newsCont__item-icon--event {
      float: none;
      margin: 0 0 10px; } }

.LC_Page_Index #main_image {
  overflow-x: hidden; }
  .LC_Page_Index #main_image .slick-dotted.slick-slider {
    margin-bottom: 100px; }
    @media (max-width: 900px) {
      .LC_Page_Index #main_image .slick-dotted.slick-slider {
        margin-bottom: 10vw; } }
    @media (max-width: 500px) {
      .LC_Page_Index #main_image .slick-dotted.slick-slider {
        margin-bottom: 20vw; } }
    @media (max-width: 500px) {
      .LC_Page_Index #main_image .slick-dotted.slick-slider.pc_slider {
        display: none; } }
    .LC_Page_Index #main_image .slick-dotted.slick-slider.sp_slider {
      display: none; }
      @media (max-width: 500px) {
        .LC_Page_Index #main_image .slick-dotted.slick-slider.sp_slider {
          display: block; } }
  .LC_Page_Index #main_image .slick-dots {
    bottom: 0; }
  .LC_Page_Index #main_image .slick-dots li {
    width: 40px; }
  .LC_Page_Index #main_image .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 40px;
    height: 20px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent; }
  .LC_Page_Index #main_image .slick-dots li button:before {
    width: 30px;
    height: 5px;
    content: '';
    opacity: .5;
    background: #E68982; }
  .LC_Page_Index #main_image .slick-dots li.slick-active button:before {
    opacity: 1; }
.LC_Page_Index .main_image__txt-wrap--pc {
  position: absolute;
  top: 50%;
  left: 9.7333vw;
  transform: translateY(-50%); }
  @media (max-width: 1100px) {
    .LC_Page_Index .main_image__txt-wrap--pc {
      left: 4vw; } }
  @media (max-width: 500px) {
    .LC_Page_Index .main_image__txt-wrap--pc {
      display: none; } }
.LC_Page_Index .main_image__txt-wrap--sp {
  display: none;
  width: 100%;
  box-sizing: border-box;
  padding: 0 3.84vw;
  position: absolute;
  top: 14px;
  left: 0; }
  @media (max-width: 500px) {
    .LC_Page_Index .main_image__txt-wrap--sp {
      display: block; } }
.LC_Page_Index .main_image__txt-ttl {
  margin: 0 0 40px;
  font-size: 5rem;
  text-shadow: #FFF 1px 1px 2px, #FFF -1px 1px 2px, #FFF 1px -1px 2px, #FFF -1px -1px 2px; }
  @media (max-width: 1500px) {
    .LC_Page_Index .main_image__txt-ttl {
      font-size: 3vw; } }
  @media (max-width: 1100px) {
    .LC_Page_Index .main_image__txt-ttl {
      margin: 0 0 30px;
      font-size: 3.5vw; } }
  @media (max-width: 500px) {
    .LC_Page_Index .main_image__txt-ttl {
      font-size: 5vw;
      font-weight: bold;
      margin: 0 0 10px; } }
.LC_Page_Index .main_image__txt-sub {
  font-size: 1.9rem;
  font-weight: bold;
  line-height: 2;
  text-shadow: #FFF 1px 1px 2px, #FFF -1px 1px 2px, #FFF 1px -1px 2px, #FFF -1px -1px 2px; }
  @media (max-width: 1500px) {
    .LC_Page_Index .main_image__txt-sub {
      font-size: 1.6rem; } }
  @media (max-width: 1100px) {
    .LC_Page_Index .main_image__txt-sub {
      font-size: 1.5rem; } }
  @media (max-width: 500px) {
    .LC_Page_Index .main_image__txt-sub {
      font-size: 1.1rem;
      line-height: 1.6; } }
.LC_Page_Index .main_image__name-img {
  display: block;
  width: 150px;
  margin: 10px 0 0; }
  @media (max-width: 500px) {
    .LC_Page_Index .main_image__name-img {
      width: 100px; } }
.LC_Page_Index .salonCont__inner {
  box-sizing: border-box;
  width: 100%;
  max-width: 1250px;
  margin: 0 auto 108px;
  padding: 0 25px; }
  @media (max-width: 900px) {
    .LC_Page_Index .salonCont__inner {
      margin: 0 auto 10vw; } }
  @media (max-width: 500px) {
    .LC_Page_Index .salonCont__inner {
      margin: 0 auto 20vw;
      padding: 0 15px; } }
.LC_Page_Index .salonCont__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
.LC_Page_Index .salonCont__item {
  box-sizing: border-box;
  width: 31.6%;
  margin: 0 0 30px;
  padding: 0 0 20px;
  border: solid 1px #DDD;
  background: #F1ECE2;
  position: relative; }
  @media screen and (max-width: 640px) {
    .LC_Page_Index .salonCont__item {
      width: 48%;
      margin: 0 auto 20px; } }
  @media screen and (max-width: 414px) {
    .LC_Page_Index .salonCont__item {
      width: 100%;
      margin: 0 auto 20px; } }
  .LC_Page_Index .salonCont__item-subttl {
    display: block;
    width: 100%;
    padding: 20px 20px 10px;
    font-size: 1.6rem;
    font-weight: bold; }
    @media (max-width: 500px) {
      .LC_Page_Index .salonCont__item-subttl {
        padding: 20px 10px 10px;
        font-size: 1.4rem; } }
  .LC_Page_Index .salonCont__item-txt {
    display: block;
    width: 100%;
    padding: 0 20px 20px; }
    @media (max-width: 500px) {
      .LC_Page_Index .salonCont__item-txt {
        padding: 0 10px 20px;
        font-size: 1.2rem; } }
  .LC_Page_Index .salonCont__item-rebon {
    display: block;
    width: 188px;
    padding: 13px 0;
    font-family: -apple-system, BlinkMacSystemFont, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, "Helvetica Neue", HelveticaNeue, "Segoe UI", sans-serif;
    font-size: 1.6rem;
    color: #FFF;
    text-align: center;
    line-height: 1;
    background: #A57A43;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
    position: absolute;
    top: 10px;
    left: -15px; }
    .LC_Page_Index .salonCont__item-rebon::before {
      content: "";
      display: block;
      border: none;
      border-bottom: solid 15px transparent;
      border-right: solid 15px #7C5B32;
      position: absolute;
      left: 0;
      top: 100%; }
    @media (max-width: 500px) {
      .LC_Page_Index .salonCont__item-rebon {
        width: 100%;
        position: static; }
        .LC_Page_Index .salonCont__item-rebon::before {
          display: none; } }
.LC_Page_Index .bannerCont {
  box-sizing: border-box;
  width: 100%;
  max-width: 1250px;
  margin: 0 auto 100px;
  padding: 0 25px; }
  @media (max-width: 900px) {
    .LC_Page_Index .bannerCont {
      margin: 0 auto 10vw; } }
  @media (max-width: 500px) {
    .LC_Page_Index .bannerCont {
      margin: 0 auto 20vw;
      padding: 0 15px; } }
  .LC_Page_Index .bannerCont__inner {
    margin: 0 auto 50px; }
    .LC_Page_Index .bannerCont__inner:last-child {
      margin: 0 auto; }
  .LC_Page_Index .bannerCont__link {
    display: block;
    transition: opacity 0.3s cubic-bezier(0.77, 0, 0.175, 1); }
    .LC_Page_Index .bannerCont__link:hover {
      opacity: .7; }
.LC_Page_Index .aboutCont {
  background: #F1ECE2; }
  .LC_Page_Index .aboutCont__text-box {
    width: 100%;
    max-width: 480px;
    margin: 0 auto;
    text-align: center; }
    @media (max-width: 1200px) {
      .LC_Page_Index .aboutCont__text-box {
        padding: 0 0 15px; } }
    @media screen and (max-width: 1000px) {
      .LC_Page_Index .aboutCont__text-box {
        width: 100%;
        padding: 0; } }
  .LC_Page_Index .aboutCont__concept-txt {
    font-size: 3.8rem;
    margin: 0 0 25px; }
    @media (max-width: 1500px) {
      .LC_Page_Index .aboutCont__concept-txt {
        font-size: 2.6vw; } }
    @media (max-width: 900px) {
      .LC_Page_Index .aboutCont__concept-txt {
        font-size: 3.8vw; } }
    @media (max-width: 500px) {
      .LC_Page_Index .aboutCont__concept-txt {
        margin: 0 0 25px;
        font-size: 6vw; } }
  .LC_Page_Index .aboutCont__txt {
    margin: 0 0 33px; }
    @media (max-width: 500px) {
      .LC_Page_Index .aboutCont__txt {
        text-align: left; } }
.LC_Page_Index .onlineCont {
  height: 33.333vw;
  background: url(/assets/img/home/online_img_pc.jpg) no-repeat center center/cover; }
  @media screen and (max-width: 1000px) {
    .LC_Page_Index .onlineCont {
      height: auto;
      background: none; } }
  @media screen and (max-width: 1000px) {
    .LC_Page_Index .onlineCont__text {
      padding: 0; } }
  .LC_Page_Index .onlineCont__text-box {
    width: 100%;
    max-width: 480px;
    margin: 0 auto;
    padding: 33px 50px;
    text-align: center;
    background: #F9F5F2;
    box-shadow: 0 0 0 4px #A57A43 inset, 0 0 0 6px #F9F5F2 inset, 0 0 0 7px #A57A43 inset; }
    @media screen and (max-width: 1000px) {
      .LC_Page_Index .onlineCont__text-box {
        width: 100%;
        max-width: inherit; } }
  .LC_Page_Index .onlineCont__txt {
    text-align: left;
    margin: 0 0 33px; }
    @media screen and (max-width: 1000px) {
      .LC_Page_Index .onlineCont__txt {
        display: block;
        max-width: 480px;
        margin: 0 auto 33px; } }
.LC_Page_Index .itemCont {
  margin: 0 auto 108px;
  background: #F1ECE2; }
  @media (max-width: 900px) {
    .LC_Page_Index .itemCont {
      margin: 0 auto 10vw; } }
  @media (max-width: 500px) {
    .LC_Page_Index .itemCont {
      margin: 0 auto 20vw; } }
  .LC_Page_Index .itemCont__text {
    position: relative; }
    .LC_Page_Index .itemCont__text::before {
      content: "";
      display: block;
      box-sizing: border-box;
      width: 11px;
      height: 100%;
      border-left: solid 6px #A57A43;
      border-right: solid 1px #A57A43;
      position: absolute;
      left: 0;
      top: 0; }
      @media (max-width: 500px) {
        .LC_Page_Index .itemCont__text::before {
          display: none; } }
    .LC_Page_Index .itemCont__text-box {
      width: 100%;
      max-width: 480px;
      margin: 0 auto;
      text-align: center; }
      @media (max-width: 500px) {
        .LC_Page_Index .itemCont__text-box {
          width: 100%; } }
  .LC_Page_Index .itemCont__txt {
    text-align: left;
    margin: 0 0 33px; }

/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

product-detail CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
.common-product-detail__contBox-imgleft, .common-product-detail__contBox-imgright, .customer__contBox-imgleft, .customer__contBox-imgright {
  display: flex;
  justify-content: space-between;
  margin: 0 auto 80px; }
  @media (max-width: 500px) {
    .common-product-detail__contBox-imgleft, .common-product-detail__contBox-imgright, .customer__contBox-imgleft, .customer__contBox-imgright {
      display: block; } }

.common-product-detail__inner {
  box-sizing: border-box;
  width: 100%;
  max-width: 1250px;
  margin: 0 auto;
  padding: 0 25px; }
  @media (max-width: 500px) {
    .common-product-detail__inner {
      padding: 0 15px; } }
.common-product-detail__pankuzu {
  padding: 18px 0 60px; }
  @media (max-width: 500px) {
    .common-product-detail__pankuzu {
      padding: 18px 0 40px; } }
  .common-product-detail__pankuzu p, .common-product-detail__pankuzu a {
    font-family: -apple-system, BlinkMacSystemFont, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, "Helvetica Neue", HelveticaNeue, "Segoe UI", sans-serif;
    color: #999; }
    @media (max-width: 500px) {
      .common-product-detail__pankuzu p, .common-product-detail__pankuzu a {
        font-size: 1.2rem; } }
.common-product-detail .status_icon {
  margin: 0; }
  .common-product-detail .status_icon li {
    display: inline-block;
    margin: 0 8px 8px 0; }
    .common-product-detail .status_icon li img {
      width: auto; }
.common-product-detail__itemInfo {
  display: flex;
  justify-content: space-between;
  margin: 0 auto 50px;
  padding: 0 0 80px;
  border-bottom: solid 1px #CCC; }
  @media (max-width: 500px) {
    .common-product-detail__itemInfo {
      display: block; } }
  .common-product-detail__itemInfo-photo {
    width: 46%;
    max-width: 500px; }
    @media (max-width: 500px) {
      .common-product-detail__itemInfo-photo {
        width: 100%;
        margin: 0 auto 50px; } }
    .common-product-detail__itemInfo-photo img {
      width: auto;
      max-width: 100%;
      margin: 0 auto; }
  .common-product-detail__itemInfo-content {
    width: 50%; }
    @media (max-width: 500px) {
      .common-product-detail__itemInfo-content {
        width: 100%; } }
  .common-product-detail__itemInfo-name {
    margin: 0;
    font-size: 2.4rem;
    color: #A57A43; }
    @media (max-width: 900px) {
      .common-product-detail__itemInfo-name {
        font-size: 2rem; } }
    @media (max-width: 500px) {
      .common-product-detail__itemInfo-name {
        font-size: 5vw; } }
  .common-product-detail__itemInfo-subname {
    font-size: 1.8rem;
    color: #A57A43; }
    @media (max-width: 900px) {
      .common-product-detail__itemInfo-subname {
        font-size: 1.6rem; } }
    @media (max-width: 500px) {
      .common-product-detail__itemInfo-subname {
        font-size: 1.4rem; } }
  .common-product-detail__itemInfo-price {
    margin: 0 auto 35px; }
    .common-product-detail__itemInfo-price-txt {
      display: inline-block;
      padding: 0 25px 0 0;
      font-size: 1.8rem; }
      .common-product-detail__itemInfo-price-txt span {
        font-size: 2rem; }
    .common-product-detail__itemInfo-price-defprice {
      display: inline-block;
      font-size: 1.4rem; }
      .common-product-detail__itemInfo-price-defprice span {
        font-size: 1.6rem; }
.common-product-detail__itemInfo-deliv {
  display: block;
  margin: 1em 0 0;
  font-size: 1.8rem;
  color: #E68982; }
.common-product-detail__ime-txt {
  margin: 10px 0 0; }
.common-product-detail__quantity {
  display: flex;
  align-items: center;
  margin: 0 0 50px; }
  .common-product-detail__quantity dt {
    padding: 0 23px 0 0;
    font-size: 1.6rem; }
.common-product-detail__cart {
  margin: 0 0 15px; }
  .common-product-detail__cart-btn {
    width: 100%;
    max-width: 290px;
    position: relative;
    transition: opacity .3s ease-in-out; }
    .common-product-detail__cart-btn:hover {
      opacity: .7; }
    .common-product-detail__cart-btn input {
      width: 100%;
      padding: 25px 0 25px 16px;
      font-family: -apple-system, BlinkMacSystemFont, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, "Helvetica Neue", HelveticaNeue, "Segoe UI", sans-serif;
      font-size: 1.6rem;
      line-height: 1;
      color: #FFF;
      background: #A57A43;
      cursor: pointer; }
    .common-product-detail__cart-btn i {
      font-size: 1.6rem;
      color: #FFF;
      position: absolute;
      top: 50%;
      left: 25%;
      transform: translateY(-50%); }
.common-product-detail__classlist .cart {
  margin: 20px 0; }
.common-product-detail__classlist .cartUl {
  width: 100%; }
  .common-product-detail__classlist .cartUl li {
    display: flex;
    align-items: center;
    margin: 0 0 14px; }
    .common-product-detail__classlist .cartUl li img {
      width: 20px;
      height: 14px;
      margin: 0 20px 0 0; }
.common-product-detail__attention {
  padding: 15px 0;
  font-family: -apple-system, BlinkMacSystemFont, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, "Helvetica Neue", HelveticaNeue, "Segoe UI", sans-serif;
  color: #F00; }
.common-product-detail__delivary_attention {
  padding: 20px;
  font-family: -apple-system, BlinkMacSystemFont, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, "Helvetica Neue", HelveticaNeue, "Segoe UI", sans-serif;
  background: #F1ECE2; }
.common-product-detail__large_txt {
  font-size: 1.8rem;
  font-weight: bold;
  color: #F00; }
.common-product-detail__detail-txt {
  margin: 45px 0 65px; }
  .common-product-detail__detail-txt p {
    font-family: -apple-system, BlinkMacSystemFont, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, "Helvetica Neue", HelveticaNeue, "Segoe UI", sans-serif;
    font-size: 1.5rem; }
    @media (max-width: 500px) {
      .common-product-detail__detail-txt p {
        font-size: 1.4rem; } }
.common-product-detail__txt-link {
  display: inline-block;
  text-decoration: underline;
  transition: opacity .3s ease-in-out;
  color: #A57A43; }
.common-product-detail__itemframe {
  border-bottom: soild 1px #CCC; }
.common-product-detail__itemdetail-ttl {
  display: block;
  box-sizing: border-box;
  margin: 0 auto 60px;
  padding: 10px 18px;
  font-size: 2.4rem;
  line-height: 1.5;
  color: #FFF;
  background: #E68982; }
  @media (max-width: 900px) {
    .common-product-detail__itemdetail-ttl {
      font-size: 2.6vw; } }
  @media (max-width: 500px) {
    .common-product-detail__itemdetail-ttl {
      font-size: 5vw;
      margin: 0 auto 50px;
      padding: 15px; } }
.common-product-detail__itemdetail-concept, .common-product-detail__supple-comic-ttl {
  margin: 0 auto 73px;
  font-size: 2.8rem;
  color: #A57A43;
  text-align: center; }
  @media (max-width: 900px) {
    .common-product-detail__itemdetail-concept, .common-product-detail__supple-comic-ttl {
      font-size: 2.8vw; } }
  @media (max-width: 500px) {
    .common-product-detail__itemdetail-concept, .common-product-detail__supple-comic-ttl {
      font-size: 4.5vw;
      margin: 0 auto 50px;
      text-align: left; } }
  .common-product-detail__itemdetail-concept-small {
    font-size: 1.6rem; }
.common-product-detail__itemdetail-centerimg {
  padding: 0 0 80px; }
.common-product-detail__contttl {
  margin: 0 auto 30px;
  font-size: 2.4rem;
  color: #A57A43; }
  @media (max-width: 900px) {
    .common-product-detail__contttl {
      font-size: 2.4vw; } }
  @media (max-width: 500px) {
    .common-product-detail__contttl {
      font-size: 4vw; } }
  @media (max-width: 414px) {
    .common-product-detail__contttl {
      font-size: 1.6rem; } }
.common-product-detail__contBox-imgright {
  flex-direction: row-reverse; }
.common-product-detail__contBox-image {
  width: 45%; }
  @media (max-width: 900px) {
    .common-product-detail__contBox-image {
      width: 100%;
      margin: 0 auto 30px; } }
  .common-product-detail__contBox-image--border {
    border: solid 1px #CCC; }
  .common-product-detail__contBox-image-profile {
    width: 265px;
    box-sizing: border-box; }
    .common-product-detail__contBox-image-profile--img {
      width: auto;
      max-width: 100%;
      margin: 0 0 20px; }
    .common-product-detail__contBox-image-profile--txt {
      font-size: 1.6rem; }
    .common-product-detail__contBox-image-profile--name {
      font-size: 2rem; }
.common-product-detail__contBox-text {
  width: 48.5%; }
  .common-product-detail__contBox-text-profile {
    width: calc(100% - 265px); }
    .common-product-detail__contBox-text-profile p {
      margin: 0 0 30px; }
  @media (max-width: 900px) {
    .common-product-detail__contBox-text {
      width: 100%; } }
  .common-product-detail__contBox-text p {
    margin: 0 0 14px; }
    .common-product-detail__contBox-text p + .common-product-detail__contttl {
      margin-top: 50px; }
      @media (max-width: 500px) {
        .common-product-detail__contBox-text p + .common-product-detail__contttl {
          margin-top: 7.5vw; } }
  .common-product-detail__contBox-text-small {
    font-family: -apple-system, BlinkMacSystemFont, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, "Helvetica Neue", HelveticaNeue, "Segoe UI", sans-serif;
    font-size: 1.2rem; }
  .common-product-detail__contBox-text-bold {
    font-weight: bold; }
  .common-product-detail__contBox-text h5 {
    margin: 0 auto 20px;
    font-size: 2rem;
    color: #E68982; }
    @media (max-width: 500px) {
      .common-product-detail__contBox-text h5 {
        font-size: 1.8rem; } }
  .common-product-detail__contBox-text--colorbox {
    margin: 40px auto 0;
    padding: 30px 20px;
    background: #F1ECE2; }
    @media (max-width: 500px) {
      .common-product-detail__contBox-text--colorbox {
        padding: 15px; } }
.common-product-detail__single-box {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto 80px; }
  .common-product-detail__single-box p {
    margin: 0 0 14px; }
.common-product-detail__inent-item {
  width: 100%;
  box-sizing: border-box;
  margin: 0 0 14px;
  padding: 0 0 0 14px;
  text-indent: -14px; }
.common-product-detail__imgonly {
  margin: 0 auto 80px; }
  .common-product-detail__imgonly img {
    width: auto;
    max-width: 100%;
    margin: 0 auto; }
.common-product-detail__textcenter {
  margin: 0 auto 30px;
  text-align: center; }
.common-product-detail__flexbox {
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto 80px; }
  @media (max-width: 500px) {
    .common-product-detail__flexbox {
      display: block; } }
  .common-product-detail__flexbox-text {
    box-sizing: border-box;
    width: 31.6%;
    margin: 0 2.6% 30px 0;
    padding: 20px;
    border: solid 1px #CCC; }
    .common-product-detail__flexbox-text:nth-child(3n) {
      margin: 0 0 30px; }
    @media (max-width: 900px) {
      .common-product-detail__flexbox-text {
        width: 48.7%; }
        .common-product-detail__flexbox-text:nth-child(3n) {
          margin: 0 2.6% 30px 0; }
        .common-product-detail__flexbox-text:nth-child(2n) {
          margin: 0 0 30px; } }
    @media (max-width: 500px) {
      .common-product-detail__flexbox-text {
        width: 100%;
        margin: 0 0 30px; }
        .common-product-detail__flexbox-text:nth-child(3n) {
          margin: 0 0 30px; } }
    .common-product-detail__flexbox-text img {
      margin: 0 auto 30px; }
    .common-product-detail__flexbox-text h4 {
      margin: 0 auto 20px;
      font-size: 2.2rem;
      line-height: 1.4;
      color: #A57A43; }
      @media (max-width: 900px) {
        .common-product-detail__flexbox-text h4 {
          font-size: 2.2vw; } }
      @media (max-width: 500px) {
        .common-product-detail__flexbox-text h4 {
          font-size: 4vw; } }
    .common-product-detail__flexbox-text--five {
      box-sizing: border-box;
      width: 18.3%;
      margin: 0 2.125% 30px 0;
      padding: 20px;
      border: solid 1px #CCC; }
      .common-product-detail__flexbox-text--five:nth-child(5n) {
        margin: 0 0 30px; }
      @media (max-width: 900px) {
        .common-product-detail__flexbox-text--five {
          width: 31.6%;
          margin: 0 2.6% 30px 0;
          padding: 20px;
          border: solid 1px #CCC; }
          .common-product-detail__flexbox-text--five:nth-child(3n) {
            margin: 0 0 30px; } }
      @media (max-width: 500px) {
        .common-product-detail__flexbox-text--five {
          width: 100%;
          margin: 0 0 30px; }
          .common-product-detail__flexbox-text--five:nth-child(5n) {
            margin: 0 0 30px; }
          .common-product-detail__flexbox-text--five:nth-child(3n) {
            margin: 0 0 30px; } }
      .common-product-detail__flexbox-text--five img {
        margin: 0 auto 18px; }
      .common-product-detail__flexbox-text--five h4 {
        margin: 0 auto 7px;
        font-size: 1.8rem;
        color: #A57A43; }
        @media (max-width: 900px) {
          .common-product-detail__flexbox-text--five h4 {
            font-size: 1.6; } }
      .common-product-detail__flexbox-text--five p {
        font-family: -apple-system, BlinkMacSystemFont, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, "Helvetica Neue", HelveticaNeue, "Segoe UI", sans-serif; }
.common-product-detail__twoline-flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto 80px; }
  @media (max-width: 500px) {
    .common-product-detail__twoline-flex {
      display: block;
      margin: 0 auto 50px; } }
.common-product-detail__twoline-flex-item {
  box-sizing: border-box;
  width: 48.5%;
  margin: 0 0 20px;
  padding: 20px;
  border: solid 1px #DDD; }
  .common-product-detail__twoline-flex-item h4 {
    margin: 0 auto 20px;
    font-size: 2.2rem;
    color: #A57A43; }
    @media (max-width: 900px) {
      .common-product-detail__twoline-flex-item h4 {
        font-size: 2.2vw; } }
    @media (max-width: 500px) {
      .common-product-detail__twoline-flex-item h4 {
        font-size: 4vw; } }
.common-product-detail__centerflex {
  display: flex;
  justify-content: center;
  margin: 0 auto 80px; }
  @media (max-width: 500px) {
    .common-product-detail__centerflex {
      display: block; } }
  .common-product-detail__centerflex-text {
    box-sizing: border-box;
    width: 38%;
    margin: 0 1.25% 30px;
    padding: 20px;
    border: solid 1px #CCC; }
    @media (max-width: 900px) {
      .common-product-detail__centerflex-text {
        width: 45%; } }
    @media (max-width: 500px) {
      .common-product-detail__centerflex-text {
        width: 100%;
        margin: 0 0 30px; } }
    .common-product-detail__centerflex-text img {
      margin: 0 auto 30px; }
    .common-product-detail__centerflex-text h4 {
      margin: 0 auto 20px;
      font-size: 2.2rem;
      color: #A57A43; }
      @media (max-width: 900px) {
        .common-product-detail__centerflex-text h4 {
          font-size: 2.2vw; } }
      @media (max-width: 500px) {
        .common-product-detail__centerflex-text h4 {
          font-size: 4vw; } }
    .common-product-detail__centerflex-text p {
      font-family: -apple-system, BlinkMacSystemFont, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, "Helvetica Neue", HelveticaNeue, "Segoe UI", sans-serif; }
.common-product-detail__supple-comic {
  box-sizing: border-box;
  width: 100%;
  max-width: 1250px;
  margin: 0 auto 80px;
  padding: 0 25px; }
  @media (max-width: 500px) {
    .common-product-detail__supple-comic {
      padding: 0 15px; } }
.common-product-detail__supple-comic-box {
  box-sizing: border-box;
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
  padding: 20px;
  border: solid 1px #DDD; }
  @media (max-width: 500px) {
    .common-product-detail__supple-comic-box {
      padding: 10px; } }
.common-product-detail__supple-comic-ttl {
  margin: 0 auto 30px; }
.common-product-detail__supple-comic-txt {
  text-align: center;
  margin: 0 auto 30px; }
.common-product-detail__supple-comic-img {
  margin: 0 auto 50px; }
  @media (max-width: 500px) {
    .common-product-detail__supple-comic-img {
      padding: 0 auto 30px; } }
.common-product-detail__supple-comic-link {
  display: flex;
  justify-content: center;
  box-sizing: border-box;
  width: 100%;
  margin: 0 auto; }
.common-product-detail__under-state {
  max-width: 600px;
  margin: 0 auto;
  padding: 0 0 100px; }

.product-detail__price-red {
  font-size: 1.7rem;
  font-weight: bold;
  color: #f00; }

/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

product-list CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
.common-product-list__mainimg {
  display: flex;
  align-items: center;
  height: 28vw;
  min-height: 420px;
  margin: 0 auto;
  background: url("/assets/img/product/main_img.jpg") center center/cover; }
  .common-product-list__mainimg.main-img-sale {
    background: url("/assets/img/product/main_img_sale.jpg") center center/cover; }
  @media (max-width: 500px) {
    .common-product-list__mainimg {
      height: 120vw; } }
  .common-product-list__mainimg-inner {
    width: 100%;
    max-width: 1250px;
    margin: 0 auto;
    padding: 0 25px; }
    @media (max-width: 500px) {
      .common-product-list__mainimg-inner {
        padding: 0 15px; } }
  .common-product-list__mainimg-ttl {
    font-size: 5rem;
    margin: 0 0 40px;
    text-shadow: #FFF 1px 1px 10px, #FFF -1px 1px 10px, #FFF 1px -1px 10px, #FFF -1px -1px 10px; }
    @media (max-width: 900px) {
      .common-product-list__mainimg-ttl {
        font-size: 3rem; } }
    @media (max-width: 500px) {
      .common-product-list__mainimg-ttl {
        font-size: 8vw;
        margin: 0 0 20px; } }
  .common-product-list__mainimg-txt {
    font-size: 1.8rem;
    font-weight: bold;
    text-shadow: #FFF 2px 0px 2px, #FFF -2px 0px 2px, #FFF 0px -2px 2px, #FFF -2px 0px 2px, #FFF 2px 2px 2px, #FFF -2px 2px 2px, #FFF 2px -2px 2px, #FFF -2px -2px 2px, #FFF 1px 2px 2px, #FFF -1px 2px 2px, #FFF 1px -2px 2px, #FFF -1px -2px 2px, #FFF 2px 1px 2px, #FFF -2px 1px 2px, #FFF 2px -1px 2px, #FFF -2px -1px 2px, #FFF 1px 1px 2px, #FFF -1px 1px 2px, #FFF 1px -1px 2px, #FFF -1px -1px 2px;
    letter-spacing: .2em; }
    @media (max-width: 500px) {
      .common-product-list__mainimg-txt {
        font-size: 1.6rem;
        font-weight: normal;
        letter-spacing: .05em;
        text-align: left; } }
.common-product-list__inner {
  box-sizing: border-box;
  width: 100%;
  max-width: 1250px;
  margin: 0 auto;
  padding: 0 25px; }
  @media (max-width: 500px) {
    .common-product-list__inner {
      padding: 0 15px; } }
.common-product-list__category {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto 50px; }
  .common-product-list__category-link {
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    width: 30%;
    height: 66px;
    margin: 0 1.5% 20px;
    padding: 0;
    border: solid 1px #A57A43;
    border-radius: 8px;
    line-height: 1.4;
    text-align: center;
    transition: background 0.5s cubic-bezier(0.77, 0, 0.175, 1);
    position: relative; }
    .common-product-list__category-link.link-sale {
      border: solid 1px #E68982; }
      .common-product-list__category-link.link-sale::before {
        border-right: #E68982 2px solid;
        border-top: #E68982 2px solid; }
      .common-product-list__category-link.link-sale:hover {
        background: #E68982; }
        .common-product-list__category-link.link-sale:hover::before {
          border-right: #FFF 2px solid;
          border-top: #FFF 2px solid; }
    @media (max-width: 500px) {
      .common-product-list__category-link {
        width: 45%;
        margin: 0 2% 15px;
        font-size: 1.2rem; } }
    .common-product-list__category-link::before {
      content: "";
      width: 8px;
      height: 8px;
      border-right: #A57A43 2px solid;
      border-top: #A57A43 2px solid;
      transform: rotate(45deg);
      margin: auto 0;
      position: absolute;
      top: 0;
      right: 15px;
      bottom: 0; }
    .common-product-list__category-link:hover {
      color: #FFF;
      background: #A57A43; }
      .common-product-list__category-link:hover::before {
        border-right: #FFF 2px solid;
        border-top: #FFF 2px solid; }
    .common-product-list__category-link.active {
      color: #FFF;
      border: none;
      background: #A57A43; }
      .common-product-list__category-link.active.link-sale {
        background: #E68982; }
        .common-product-list__category-link.active.link-sale::before {
          border-right: #FFF 2px solid;
          border-top: #FFF 2px solid; }
      .common-product-list__category-link.active::before {
        content: "";
        width: 8px;
        height: 8px;
        border-right: #FFF 2px solid;
        border-top: #FFF 2px solid;
        transform: rotate(45deg);
        margin: auto 0;
        position: absolute;
        top: 0;
        right: 15px;
        bottom: 0; }
.common-product-list__pagenumber-change {
  display: flex;
  justify-content: flex-end;
  margin: 0 0 40px; }
  .common-product-list__pagenumber-change a, .common-product-list__pagenumber-change strong {
    display: block;
    width: 110px;
    margin: 0 0 0 20px;
    padding: 8px 0;
    text-align: center;
    background: #EEE; }
  .common-product-list__pagenumber-change a {
    transition: opacity 0.5s cubic-bezier(0.77, 0, 0.175, 1); }
    .common-product-list__pagenumber-change a:hover {
      opacity: .6; }
  .common-product-list__pagenumber-change strong {
    font-weight: normal;
    color: #FFF;
    background: #E68982; }
.common-product-list__navi {
  display: flex;
  justify-content: center;
  margin: 0 auto 100px; }
  .common-product-list__navi strong, .common-product-list__navi a {
    display: block;
    width: 30px;
    margin: 0 13px;
    padding: 9px 0 8px;
    font-family: -apple-system, BlinkMacSystemFont, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, "Helvetica Neue", HelveticaNeue, "Segoe UI", sans-serif;
    text-align: center;
    line-height: 1;
    border-radius: 50%; }
  .common-product-list__navi strong {
    color: #FFF;
    background: #A57A43; }
  .common-product-list__navi a {
    transition: color 0.3s cubic-bezier(0.77, 0, 0.175, 1); }
    .common-product-list__navi a:hover {
      color: #A57A43; }
.common-product-list__itemlist {
  display: flex;
  flex-wrap: wrap;
  padding: 0; }
  .common-product-list__itemlist-item {
    display: block;
    box-sizing: border-box;
    width: 23%;
    margin: 0 2.6% 60px 0;
    padding: 20px 18px;
    border: solid 1px #A57A43;
    position: relative;
    transition: opacity 0.5s cubic-bezier(0.77, 0, 0.175, 1); }
    .common-product-list__itemlist-item:hover {
      opacity: .6; }
    .common-product-list__itemlist-item:nth-child(4n) {
      margin: 0 0 60px 0; }
    @media (max-width: 500px) {
      .common-product-list__itemlist-item {
        width: 49%;
        margin: 0 2% 30px 0;
        padding: 10px; }
        .common-product-list__itemlist-item:nth-child(4n) {
          margin: 0 0 30px 0; }
        .common-product-list__itemlist-item:nth-child(even) {
          margin: 0 0 30px 0; } }
    .common-product-list__itemlist-item .listphoto {
      margin: 0 0 20px; }
      .common-product-list__itemlist-item .listphoto img {
        width: auto;
        max-width: 100%;
        margin: 0 auto; }
    .common-product-list__itemlist-item h3 {
      margin: 0 0 18px;
      text-align: left;
      font-size: 1.6rem;
      color: #A57A43;
      font-weight: bold;
      line-height: 1.5; }
      @media (max-width: 500px) {
        .common-product-list__itemlist-item h3 {
          font-size: 1.4rem; } }
.common-product-list__icon-list {
  display: flex;
  padding: 0 0 6px; }
.common-product-list__icon-item {
  display: block;
  width: 92px;
  margin: 0 5px 0 0; }
  @media (max-width: 500px) {
    .common-product-list__icon-item {
      width: 46px; } }
.common-product-list__first_price-border {
  text-decoration: line-through; }
.common-product-list__sale_price {
  color: #F00; }
.common-product-list__seacret-txt {
  padding: 0 0 100px; }
  @media (max-width: 900px) {
    .common-product-list__seacret-txt {
      padding: 0 0 10vw; } }
  @media (max-width: 500px) {
    .common-product-list__seacret-txt {
      padding: 0 0 15vw; } }
  .common-product-list__seacret-txt a {
    text-decoration: underline; }

/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

_inromation CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
.cart__inner {
  box-sizing: border-box;
  width: 100%;
  max-width: 1050px;
  margin: 0 auto;
  padding: 0 25px 120px; }
  @media (max-width: 900px) {
    .cart__inner {
      padding: 0 25px 10vw; } }
  @media (max-width: 500px) {
    .cart__inner {
      padding: 0 15px 20vw; } }
.cart__point-announce {
  box-sizing: border-box;
  max-width: 1000px;
  margin: 0 auto 80px;
  padding: 20px;
  border: solid 1px #A57A43; }
.cart__user-name, .cart__price {
  color: #E68982; }
.cart__totalmoney-area {
  margin: 0 auto 50px; }
.cart__attention {
  color: #F00; }
.cart__message {
  margin: 0 auto 30px; }
.cart__wrap {
  margin: 0 0 15px;
  border-bottom: #DDD 1px solid; }
.cart__item {
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
  border: #DDD 1px solid;
  border-left: none;
  border-bottom: none; }
  @media (max-width: 500px) {
    .cart__item {
      display: block;
      margin: 0 auto 50px; } }
  .cart__item dl {
    box-sizing: border-box;
    border-left: #DDD 1px solid; }
  .cart__item dt {
    display: none;
    background: #EFEFEF;
    border-bottom: #DDD 1px solid;
    padding: 5px 10px;
    box-sizing: border-box;
    text-align: center; }
    @media (max-width: 500px) {
      .cart__item dt {
        display: block; } }
  .cart__item dd {
    padding: 10px;
    box-sizing: border-box; }
  .cart__item:first-child dt {
    display: block; }
  .cart__item-photo {
    width: 16%; }
  .cart__item-name {
    width: 30%; }
  .cart__item-price {
    width: 15%; }
  .cart__item-count {
    width: 15%; }
  .cart__item-countnum {
    display: block;
    margin: 0 auto 5px;
    text-align: center; }
  .cart__item-numlevel {
    display: flex;
    justify-content: center; }
    .cart__item-numlevel li {
      width: 16px;
      margin: 0 10px; }
  .cart__item-subtotal {
    width: 15%; }
  .cart__item-delete {
    width: 9%; }
  @media (max-width: 500px) {
    .cart__item-photo, .cart__item-name, .cart__item-price, .cart__item-count, .cart__item-subtotal, .cart__item-delete {
      width: 100%; }
      .cart__item-photo dd, .cart__item-name dd, .cart__item-price dd, .cart__item-count dd, .cart__item-subtotal dd, .cart__item-delete dd {
        border-bottom: #DDD 1px solid; } }
.cart__item-totaltable {
  margin: 0 0 15px auto;
  width: 59%;
  border-collapse: collapse;
  font-size: 12px; }
  @media (max-width: 500px) {
    .cart__item-totaltable {
      width: 100%;
      margin: 0 auto 20px; } }
  .cart__item-totaltable th, .cart__item-totaltable td {
    border: #DDD 1px solid;
    width: 50%;
    padding: 10px;
    box-sizing: border-box; }
  .cart__item-totaltable th {
    background: #EFEFEF; }
  .cart__item-totaltable td {
    border: #DDD 1px solid;
    padding: 10px;
    box-sizing: border-box; }

/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

container CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
.case__inner {
  box-sizing: border-box;
  width: 100%;
  max-width: 1250px;
  margin: 0 auto;
  padding: 0 25px; }
  @media (max-width: 500px) {
    .case__inner {
      padding: 0 15px; } }
.case__centertxt {
  margin: 0 auto 80px;
  text-align: center; }
  @media (max-width: 500px) {
    .case__centertxt {
      text-align: left;
      margin: 0 auto 60px; } }
.case__smalltxt {
  margin: 20px auto 0;
  font-size: 1.2rem; }
.case__pagelink {
  margin: 0 auto 100px; }
  @media (max-width: 900px) {
    .case__pagelink {
      margin: 0 auto 10vw; } }
  @media (max-width: 500px) {
    .case__pagelink {
      margin: 0 auto 20vw; } }
  .case__pagelink-list, .recruit__pagelink-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    max-width: 900px;
    margin: 0 auto; }
  .case__pagelink-item, .recruit__pagelink-item {
    width: 22.222%; }
    @media (max-width: 500px) {
      .case__pagelink-item, .recruit__pagelink-item {
        width: 48%;
        margin: 0 0 15px; } }
    .case__pagelink-item a, .recruit__pagelink-item a {
      display: block;
      box-sizing: border-box;
      padding: 13px 17px;
      font-size: 1.8rem;
      color: #FFF;
      background: #E68982;
      position: relative;
      transition: opacity 0.5s cubic-bezier(0.77, 0, 0.175, 1); }
      @media (max-width: 500px) {
        .case__pagelink-item a, .recruit__pagelink-item a {
          font-size: 1.6rem; } }
      .case__pagelink-item a::before, .recruit__pagelink-item a::before {
        content: "";
        width: 8px;
        height: 8px;
        border-right: #FFF 2px solid;
        border-top: #FFF 2px solid;
        transform: rotate(45deg);
        margin: auto 0;
        position: absolute;
        top: 0;
        right: 15px;
        bottom: 0; }
      .case__pagelink-item a:hover, .recruit__pagelink-item a:hover {
        opacity: .5; }
.case__banner-cont {
  margin: 0 auto 100px; }
  @media (max-width: 900px) {
    .case__banner-cont {
      margin: 0 auto 10vw; } }
  @media (max-width: 500px) {
    .case__banner-cont {
      margin: 0 auto 20vw; } }
.case__banner-link {
  display: block;
  transition: opacity 0.3s cubic-bezier(0.77, 0, 0.175, 1); }
  .case__banner-link:hover {
    opacity: .7; }
.case__sub-ttl {
  display: block;
  box-sizing: border-box;
  width: 100%;
  margin: 0 auto 50px;
  padding: 12px 15px;
  font-size: 2rem;
  color: #FFF;
  background: #E68982; }
.case__course {
  max-width: 1000px;
  margin: 0 auto; }
  .case__course-subttl {
    margin: 20px 0;
    font-size: 1.8rem;
    color: #A57A43; }
  .case__course-cont {
    margin: 0 auto 80px; }
    @media (max-width: 500px) {
      .case__course-cont {
        margin: 0 auto 60px; } }
    .case__course-cont-border {
      box-sizing: border-box;
      margin: 0 auto 80px;
      padding: 25px;
      border: solid 1px #A57A43; }
      @media (max-width: 500px) {
        .case__course-cont-border {
          margin: 0 auto 60px;
          padding: 15px 10px; } }
      .case__course-cont-border.reserve-bottom {
        margin: 0 auto 100px; }
        @media (max-width: 900px) {
          .case__course-cont-border.reserve-bottom {
            margin: 0 auto 10vw; } }
        @media (max-width: 500px) {
          .case__course-cont-border.reserve-bottom {
            margin: 0 auto 15vw; } }
  .case__course-table {
    width: 100%;
    margin: 30px auto;
    border-top: solid 1px #CCC;
    border-left: solid 1px #CCC; }
    .case__course-table th, .case__course-table td {
      padding: 18px;
      border-bottom: solid 1px #CCC;
      border-right: solid 1px #CCC; }
      @media (max-width: 500px) {
        .case__course-table th, .case__course-table td {
          padding: 10px;
          font-size: 1.2rem; } }
    .case__course-table th {
      background: #F1ECE2; }
  .case__course-roomtable {
    max-width: 720px;
    margin: 0 auto; }
    .case__course-roomtable .case__course-table th, .case__course-roomtable .case__course-table td {
      text-align: center; }
      @media (max-width: 500px) {
        .case__course-roomtable .case__course-table th, .case__course-roomtable .case__course-table td {
          padding: 10px;
          font-size: 1.2rem; } }
  .case__course-optionbtn {
    margin: 30px auto 50px; }
    .case__course-optionbtn-txt {
      margin: 13px auto 0; }
    .case__course-optionbtn .common-box-btn__link--subcolor + .common-box-btn__link--subcolor {
      margin: 0 0 0 10px; }
      @media (max-width: 500px) {
        .case__course-optionbtn .common-box-btn__link--subcolor + .common-box-btn__link--subcolor {
          margin: 20px 0 0; } }
  .case__course-reservlist {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin: 0 auto 80px; }
    @media (max-width: 500px) {
      .case__course-reservlist {
        display: block; } }
    .case__course-reservlist-item, .case__course-reservlist-item--active {
      width: 23%;
      box-sizing: border-box;
      padding: 15px 10px;
      border: solid 1px #CCC;
      position: relative; }
      .case__course-reservlist-item::before, .case__course-reservlist-item--active::before {
        content: "";
        display: block;
        width: 0;
        height: 0;
        margin: auto;
        border-style: solid;
        border-width: 8.5px 0 8.5px 12px;
        border-color: transparent transparent transparent #A57A43;
        position: absolute;
        top: 0;
        bottom: 0;
        right: -8.5%; }
      .case__course-reservlist-item:last-child::before, .case__course-reservlist-item--active:last-child::before {
        display: none; }
      @media (max-width: 500px) {
        .case__course-reservlist-item, .case__course-reservlist-item--active {
          width: 100%;
          margin: 0 0 30px; }
          .case__course-reservlist-item::before, .case__course-reservlist-item--active::before {
            border-width: 12px 8.5px 0 8.5px;
            border-color: #A57A43 transparent transparent transparent;
            top: auto;
            bottom: -20px;
            right: 0;
            left: 0; } }
    .case__course-reservlist-ttl {
      display: block;
      font-size: 1.8rem;
      margin: 0 auto 10px;
      color: #A57A43;
      border-bottom: solid 2px #A57A43; }
      @media (max-width: 500px) {
        .case__course-reservlist-ttl {
          font-size: 1.6rem; } }
    .case__course-reservlist-subttl {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: 100%;
      font-size: 1.6rem;
      margin: 0 auto;
      color: #A57A43; }
      @media (max-width: 500px) {
        .case__course-reservlist-subttl {
          font-size: 1.4rem; } }
    .case__course-reservlist-item--active {
      background: #E68982; }
      .case__course-reservlist-item--active .case__course-reservlist-subttl {
        color: #FFF; }
  .case__course-indentlist-item {
    display: block;
    width: 100%;
    box-sizing: border-box;
    margin: 0 auto 14px;
    padding: 0 0 0 20px;
    position: relative; }
    .case__course-indentlist-item::before {
      content: "・";
      display: inline-block;
      color: #E68982;
      position: absolute;
      left: 0; }
    .case__course-indentlist-item a {
      color: #E68982;
      text-decoration: underline;
      transition: opacity 0.5s cubic-bezier(0.77, 0, 0.175, 1); }
    .case__course-indentlist-item.reserv-niju {
      margin: 0 auto;
      padding: 0 0 0 25px;
      font-size: 1.8rem; }
      @media (max-width: 500px) {
        .case__course-indentlist-item.reserv-niju {
          font-size: 1.6rem; } }
      .case__course-indentlist-item.reserv-niju::before {
        content: "◎";
        color: #E68982;
        left: 0; }
      .case__course-indentlist-item.reserv-kome + .case__course-indentlist-item.reserv-niju {
        margin-top: 14px; }
    .case__course-indentlist-item.reserv-kome {
      margin: 0 auto 0;
      padding: 0 0 0 25px;
      font-size: 1.4rem; }
      @media (max-width: 500px) {
        .case__course-indentlist-item.reserv-kome {
          font-size: 1.2rem; } }
      .case__course-indentlist-item.reserv-kome::before {
        content: "※";
        color: #E68982;
        left: 0; }
  .case__course-trialmenu-subttl {
    margin: 0 auto 13px;
    font-size: 2rem;
    color: #A57A43; }
    @media (max-width: 500px) {
      .case__course-trialmenu-subttl {
        font-size: 1.8rem; } }
  .case__course-trialmenu-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 50px 0 12px; }
    @media (max-width: 500px) {
      .case__course-trialmenu-list {
        display: block; } }
    .case__course-trialmenu-list-item {
      box-sizing: border-box;
      width: 49%;
      margin: 0 0 18px;
      padding: 20px 10px;
      border: solid 1px #CCC;
      position: relative; }
      .case__course-trialmenu-list-item:nth-child(2) {
        margin: 0 0 18px 2%; }
      .case__course-trialmenu-list-item:nth-child(4) {
        margin: 0 0 18px 2%; }
      @media (max-width: 500px) {
        .case__course-trialmenu-list-item {
          width: 100%; }
          .case__course-trialmenu-list-item:nth-child(2) {
            margin: 0 0 18px; }
          .case__course-trialmenu-list-item:nth-child(4) {
            margin: 0 0 18px; } }
  .case__course-trialmenu-pickup {
    display: inline-block;
    padding: 2px 5px;
    font-size: 1.2rem;
    color: #FFF;
    background: #E68982; }
  .case__course-trialmenu-corse {
    width: 100%;
    margin: 0 auto 16px;
    border-bottom: solid 2px #A57A43;
    text-align: center; }
    .case__course-trialmenu-corse-name {
      font-size: 2rem;
      color: #A57A43; }
      @media (max-width: 500px) {
        .case__course-trialmenu-corse-name {
          font-size: 1.6rem; } }
    .case__course-trialmenu-corse-price {
      color: #E68982; }
    .case__course-trialmenu-corse-txt {
      text-align: center; }
      @media (max-width: 500px) {
        .case__course-trialmenu-corse-txt {
          text-align: left; } }
  .case__course-menu-subttl {
    font-size: 1.8rem; }
    @media (max-width: 500px) {
      .case__course-menu-subttl {
        font-size: 1.6rem; } }
  .case__course-menu-ttl {
    display: block;
    margin: 0 auto 30px;
    font-size: 3rem;
    color: #A57A43;
    border-bottom: solid 2px #A57A43; }
    @media (max-width: 500px) {
      .case__course-menu-ttl {
        font-size: 2rem; } }
  .case__course-menu-txt-bold {
    font-weight: bold; }
  .case__course-menu-txt-red {
    color: #F00; }
  .case__course-menu-txtbold {
    margin: 0 auto 30px;
    font-weight: bold; }
  .case__course-menu-list {
    width: 100%;
    margin: 40px auto 0; }
  .case__course-menu-listttl {
    display: block;
    padding: 0 30px 0 0;
    border-bottom: solid 2px #A57A43;
    font-size: 1.6rem;
    font-weight: bold;
    color: #A57A43;
    position: relative;
    cursor: pointer;
    transition: opacity 0.5s cubic-bezier(0.77, 0, 0.175, 1); }
    @media (max-width: 500px) {
      .case__course-menu-listttl {
        font-size: 1.6rem; } }
    .case__course-menu-listttl:hover {
      opacity: .5; }
    .case__course-menu-listttl::before {
      content: "";
      display: block;
      width: 13px;
      height: 1px;
      margin: auto 0;
      background: #A57A43;
      position: absolute;
      top: 0;
      bottom: 0;
      right: 6px; }
    .case__course-menu-listttl::after {
      content: "";
      display: block;
      width: 1px;
      height: 13px;
      margin: auto 0;
      background: #A57A43;
      position: absolute;
      top: 0;
      bottom: 0;
      right: 12px; }
    .case__course-menu-listttl.open::after {
      display: none; }
    .case__course-menu-listttl-sub {
      font-size: 1.2rem;
      font-weight: bold;
      color: #E68982; }
      @media (max-width: 500px) {
        .case__course-menu-listttl-sub {
          display: block; } }
  .case__course-menu-cont {
    display: none;
    padding: 25px 0 0; }
  .case__course-menu-itemlist {
    display: flex;
    width: 100%;
    margin: 0 0 25px; }
    @media (max-width: 500px) {
      .case__course-menu-itemlist {
        display: block; } }
    .case__course-menu-itemlist-item {
      display: block;
      box-sizing: border-box;
      width: 24.4%;
      margin: 0 0.8% 0 0;
      padding: 12px 10px;
      border: solid 1px #CCC; }
      .case__course-menu-itemlist-item:last-child {
        margin: 0; }
      @media (max-width: 500px) {
        .case__course-menu-itemlist-item {
          width: 100%;
          margin: 0 auto 18px; } }
  .case__course-menu-name {
    text-align: center; }
  .case__course-menu-price {
    color: #E68982; }
  .case__course-menu-shonanmenu {
    margin: 0 auto 18px;
    font-size: 1.8rem;
    color: #A57A43; }
    @media (max-width: 500px) {
      .case__course-menu-shonanmenu {
        font-size: 1.6rem; } }
  .case__course-optionmenu-ttl {
    margin: 0 auto 13px;
    font-size: 2.2rem;
    font-weight: bold;
    color: #A57A43;
    border-bottom: solid 2px #A57A43; }
    @media (max-width: 500px) {
      .case__course-optionmenu-ttl {
        margin: 0 auto;
        font-size: 1.6rem; } }
  .case__course-optionmenu-subttl {
    margin: 50px auto 13px;
    font-size: 1.8rem;
    font-weight: bold;
    color: #A57A43; }
    @media (max-width: 500px) {
      .case__course-optionmenu-subttl {
        margin: 50px auto 13px;
        font-size: 1.4rem; } }
  .case__course-optionmenu-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 50px 0 12px;
    padding: 0; }
    @media (max-width: 500px) {
      .case__course-optionmenu-list {
        display: block;
        margin: 20px 0 12px; } }
    .case__course-optionmenu-list-item {
      box-sizing: border-box;
      width: 32.3%;
      margin: 0 1.55% 18px 0;
      padding: 20px 10px;
      border: solid 1px #CCC; }
      .case__course-optionmenu-list-item:nth-child(3n) {
        margin: 0 0 18px; }
      @media (max-width: 900px) {
        .case__course-optionmenu-list-item {
          width: 48.5%;
          margin: 0 3% 18px 0; }
          .case__course-optionmenu-list-item:nth-child(3n) {
            margin: 0 3% 18px 0; }
          .case__course-optionmenu-list-item:nth-child(2n) {
            margin: 0 0 18px; } }
      @media (max-width: 500px) {
        .case__course-optionmenu-list-item {
          width: 100%; }
          .case__course-optionmenu-list-item:nth-child(3n) {
            margin: 0 0 18px; }
          .case__course-optionmenu-list-item:nth-child(2n) {
            margin: 0 0 18px; } }
  .case__course-optionmenu-corse {
    width: 100%;
    margin: 0 auto 16px;
    border-bottom: solid 2px #A57A43;
    text-align: center; }
    .case__course-optionmenu-corse-name {
      font-size: 1.8rem;
      color: #A57A43; }
      @media (max-width: 500px) {
        .case__course-optionmenu-corse-name {
          font-size: 1.6rem; } }
    .case__course-optionmenu-corse-price {
      color: #E68982; }
.case__inline-popup {
  box-sizing: border-box;
  width: 100%;
  max-width: 1000px;
  height: 80vh;
  margin: 0 auto;
  background: #FFF;
  position: relative; }
  .case__inline-popup-inner {
    box-sizing: border-box;
    width: 100%;
    height: 100%;
    padding: 20px;
    overflow-y: scroll; }
  .case__inline-popup .mfp-close {
    position: absolute;
    top: -40px;
    right: 0;
    color: #FFF; }
  .case__inline-popup-indentlist {
    margin: 30px auto 0; }
    .case__inline-popup-indentlist-item {
      display: block;
      box-sizing: border-box;
      width: 100%;
      margin: 0 auto 14px;
      padding: 0 0 0 1em;
      text-indent: -1em; }
.case__inline-popup-txt {
  margin: 30px 0 0; }
.case__popup-plan-link {
  margin: 0 0 30px; }
  .case__popup-plan-link a {
    text-decoration: underline;
    transition: opacity 0.3s cubic-bezier(0.77, 0, 0.175, 1); }
    .case__popup-plan-link a:hover {
      opacity: .7; }
.case__popup-plan-list {
  display: flex;
  flex-wrap: wrap;
  margin: 30px auto; }
  @media (max-width: 1000px) {
    .case__popup-plan-list {
      max-width: 900px;
      justify-content: space-between; } }
.case__popup-plan-item {
  width: 150px;
  box-sizing: border-box;
  margin: 0 5px 10px 0;
  /*border: solid 1px $subColor;*/ }
  .case__popup-plan-item:last-child {
    margin: 0 10px 10px 0; }
    @media (max-width: 1000px) {
      .case__popup-plan-item:last-child {
        margin: 0 0 10px; } }
  @media (max-width: 1000px) {
    .case__popup-plan-item {
      width: 32%;
      margin: 0 0 10px; } }
  @media (max-width: 500px) {
    .case__popup-plan-item {
      width: 49%;
      margin: 0 0 15px; } }
.case__popup-plan-txt {
  padding: 1em 0 0; }

/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

salon CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
.salon__staffinfo-main, .salon__staffinfo-sub {
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
  width: 100%;
  margin: 0 0 25px;
  padding: 20px;
  border: solid 1px #CCC; }
  @media (max-width: 500px) {
    .salon__staffinfo-main, .salon__staffinfo-sub {
      display: block;
      padding: 10px; } }

.salon__inner {
  box-sizing: border-box;
  width: 100%;
  max-width: 1050px;
  margin: 0 auto;
  padding: 0 25px; }
  @media (max-width: 500px) {
    .salon__inner {
      padding: 0 15px; } }
.salon__link {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  width: 100%;
  max-width: 600px;
  margin: 0 auto 60px; }
  .salon__link-item {
    display: flex;
    align-items: center;
    box-sizing: border-box;
    width: 30%;
    margin: 0 5% 20px 0; }
    .salon__link-item:last-child {
      margin: 0 0 20px 0; }
    .salon__link-item a {
      display: flex;
      align-items: center;
      justify-content: center;
      box-sizing: border-box;
      width: 100%;
      height: 100%;
      padding: 15px 10px;
      text-align: center;
      font-size: 1.6rem;
      color: #FFF;
      border-radius: 15px;
      background: #A57A43;
      transition: opacity 0.5s cubic-bezier(0.77, 0, 0.175, 1); }
      .salon__link-item a:hover {
        opacity: .5; }
  @media (max-width: 500px) {
    .salon__link.price {
      justify-content: center; } }
  @media (max-width: 500px) {
    .salon__link.price .salon__link-item {
      width: 48%;
      margin: 0 2% 20px 0; }
      .salon__link.price .salon__link-item:nth-child(2) {
        margin: 0 0 20px 2%; }
      .salon__link.price .salon__link-item:nth-child(3) {
        margin: 0 0 20px; }
      .salon__link.price .salon__link-item a {
        font-size: 1.5rem; } }
.salon__shopinfo {
  display: flex;
  justify-content: space-between;
  margin: 0 auto 60px; }
  @media (max-width: 500px) {
    .salon__shopinfo {
      display: block; } }
  .salon__shopinfo-map {
    width: 45%; }
    @media (max-width: 500px) {
      .salon__shopinfo-map {
        width: 100%;
        margin: 0 auto 30px; } }
    .salon__shopinfo-map iframe {
      width: 100%;
      height: 450px; }
  .salon__shopinfo-txt {
    width: 49%; }
    @media (max-width: 500px) {
      .salon__shopinfo-txt {
        width: 100%; } }
  .salon__shopinfo-list {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin: 0 0 25px; }
    .salon__shopinfo-list-dt {
      box-sizing: border-box;
      width: 96px;
      margin: 0 0 15px;
      padding: 0 15px 0 0; }
    .salon__shopinfo-list-dd {
      width: calc(100% - 96px);
      margin: 0 0 15px; }
  .salon__shopinfo-reserve {
    margin: 0 0 30px; }
.salon__staffinfo {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
  margin: 0 auto 75px; }
  @media (max-width: 500px) {
    .salon__staffinfo {
      display: block; } }
  .salon__staffinfo-sub {
    width: 49%; }
    @media (max-width: 500px) {
      .salon__staffinfo-sub {
        width: 100%; } }
  .salon__staffinfo-face {
    width: 125px; }
    @media (max-width: 500px) {
      .salon__staffinfo-face {
        margin: 0 auto 20px; } }
    .salon__staffinfo-face img {
      width: auto;
      max-width: 100%;
      margin: 0 auto; }
  .salon__staffinfo-profile {
    width: calc(100% - 155px); }
    @media (max-width: 500px) {
      .salon__staffinfo-profile {
        width: 100%; } }
  .salon__staffinfo-name {
    margin: 0 auto 8px;
    font-size: 2rem;
    color: #A57A43; }
  .salon__staffinfo-class {
    margin: 0 auto 16px;
    font-size: 1.6rem;
    color: #E68982; }
  .salon__staffinfo-txt a {
    color: #E68982;
    text-decoration: underline;
    transition: opacity 0.5s cubic-bezier(0.77, 0, 0.175, 1); }
    .salon__staffinfo-txt a:hover {
      opacity: .7; }
  .salon__staffinfo-indentlist-item {
    display: block;
    width: 100%;
    box-sizing: border-box;
    margin: 0 auto 4px;
    padding: 0 0 0 20px;
    position: relative; }
    .salon__staffinfo-indentlist-item::before {
      content: "・";
      display: inline-block;
      color: #E68982;
      position: absolute;
      left: 0; }
  .salon__staffinfo-indentlist-link {
    text-decoration: underline;
    color: #E68982;
    transition: opacity 0.5s cubic-bezier(0.77, 0, 0.175, 1); }
    .salon__staffinfo-indentlist-link:hover {
      opacity: .7; }

/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

faq-category CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
.faq__inner {
  box-sizing: border-box;
  width: 100%;
  max-width: 1250px;
  margin: 0 auto;
  padding: 0 25px; }
  @media (max-width: 500px) {
    .faq__inner {
      padding: 0 15px; } }

.faq-category {
  padding-bottom: 80px; }
  .faq-category__ttl {
    font-size: 2.4rem;
    text-align: center; }
    @media (max-width: 500px) {
      .faq-category__ttl {
        font-size: 2.0rem; } }
  .faq-category__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-top: 40px; }
    .faq-category__list-box {
      width: calc(16.66% - 20px);
      min-height: 54px;
      cursor: pointer; }
      .faq-category__list-box:nth-child(n+7) {
        margin-top: 24px; }
      @media (max-width: 900px) {
        .faq-category__list-box {
          width: calc(25% - 13px); }
          .faq-category__list-box:nth-child(n+5) {
            margin-top: 16px; } }
      @media screen and (max-width: 600px) {
        .faq-category__list-box {
          width: calc(33.33% - 10px); }
          .faq-category__list-box:nth-child(n+4) {
            margin-top: 15px; } }
    .faq-category__list-btn {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      height: 100%;
      min-height: 54px;
      padding: 10px 0;
      color: #A57A43;
      line-height: 1;
      border-radius: 10px;
      border: 1px solid #A57A43;
      background: #FFF;
      transition: all 0.3s; }
      .faq-category__list-btn.js-search-active {
        color: #FFF;
        background: #A57A43; }
      .faq-category__list-btn-cap {
        display: block;
        margin-top: 5px;
        font-size: 1.2rem;
        line-height: 1; }
        @media (max-width: 500px) {
          .faq-category__list-btn-cap {
            font-size: 1.0rem; } }
  .faq-category__covid-ttl {
    margin-top: 80px;
    padding: 10px;
    font-size: 2.0rem;
    color: #FFF;
    line-height: 1;
    /*background: #E74949;*/
    background: #E68982; }
    @media (max-width: 500px) {
      .faq-category__covid-ttl {
        margin-top: 16vw; } }
  .faq-category__inner {
    max-width: 1000px;
    margin: 0 auto; }
    .faq-category__inner-ttl {
      margin-top: 80px;
      padding: 10px;
      font-size: 2.0rem;
      color: #FFF;
      line-height: 1;
      /*background: #EB6D6D;*/
      background: #E68982; }
      @media (max-width: 500px) {
        .faq-category__inner-ttl {
          margin-top: 16vw; } }
    .faq-category__inner-subttl {
      margin: 60px auto 30px;
      font-size: 2.4rem;
      color: #A57A43; }
    .faq-category__inner-list-question {
      position: relative;
      padding: 30px 50px;
      font-size: 1.8rem;
      line-height: 1.4;
      border-bottom: 1px solid #CCC;
      opacity: 1;
      cursor: pointer;
      transition: opacity .3s; }
      @media (max-width: 900px) {
        .faq-category__inner-list-question {
          padding: 24px 40px;
          font-size: 1.6rem; } }
      .faq-category__inner-list-question:hover {
        opacity: .6; }
      .faq-category__inner-list-question::before {
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        content: "Q";
        left: 0;
        top: 50%;
        width: 34px;
        height: 34px;
        color: #FFF;
        font-size: 2.4rem;
        line-height: 1;
        border-radius: 50%;
        /*background: #EB6D6D;*/
        background: #E68982;
        transform: translateY(-50%); }
        @media (max-width: 900px) {
          .faq-category__inner-list-question::before {
            width: 26px;
            height: 26px;
            font-size: 2.0rem; } }
      .faq-category__inner-list-question::after {
        position: absolute;
        content: "";
        right: 15px;
        top: 50%;
        width: 15px;
        height: 15px;
        border-top: 1px solid #E68982;
        border-right: 1px solid #E68982;
        -webkit-transform: translateY(-50%) rotate(135deg);
        transform: translateY(-50%) rotate(135deg);
        transition: transform .3s; }
        @media (max-width: 900px) {
          .faq-category__inner-list-question::after {
            width: 10px;
            height: 10px; } }
      .faq-category__inner-list-question.open::after {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg); }
    .faq-category__inner-list-answer {
      padding: 30px 0;
      line-height: 2.0;
      border-bottom: 1px solid #CCC; }
      @media (max-width: 900px) {
        .faq-category__inner-list-answer {
          font-size: 1.4rem; } }

/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

online_banner CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
.online-banner__inner {
  display: flex;
  box-sizing: border-box;
  flex-direction: row-reverse;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto 100px;
  padding: 7px;
  box-shadow: 0 0 0 4px #A57A43 inset, 0 0 0 6px #F9F5F2 inset, 0 0 0 7px #A57A43 inset;
  background: #FCFAF8; }
  @media (max-width: 500px) {
    .online-banner__inner {
      display: block;
      padding: 10px; } }
.online-banner__inner-online {
  display: flex;
  box-sizing: border-box;
  flex-direction: row-reverse;
  width: 100%;
  max-width: 1200px;
  margin: 90px auto 100px;
  padding: 0;
  background: #FCFAF8; }
  @media (max-width: 500px) {
    .online-banner__inner-online {
      display: block;
      margin: 13.5vw auto 15vw; } }
.online-banner__image {
  width: 54.2%; }
  @media (max-width: 500px) {
    .online-banner__image {
      width: 100%; } }
.online-banner__cont {
  display: flex;
  box-sizing: border-box;
  width: 45.8%;
  padding: 10px;
  justify-content: center;
  align-items: center; }
  @media (max-width: 500px) {
    .online-banner__cont {
      width: 100%;
      padding: 20px 10px; } }
  .online-banner__cont-wrap {
    max-width: 360px; }
    .online-banner__cont-wrap .common-simple-section-ttl__inner-pad30 {
      text-align: center; }
.online-banner__txt {
  margin: 0 0 40px; }
.online-banner__btn {
  text-align: center; }

/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

salon_banner CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
.salon-banner__inner {
  display: flex;
  box-sizing: border-box;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto 100px;
  padding: 7px;
  box-shadow: 0 0 0 4px #A57A43 inset, 0 0 0 6px #F9F5F2 inset, 0 0 0 7px #A57A43 inset;
  background: #FCFAF8; }
  @media (max-width: 500px) {
    .salon-banner__inner {
      display: block;
      padding: 10px; } }
.salon-banner__image {
  width: 54.2%; }
  @media (max-width: 500px) {
    .salon-banner__image {
      width: 100%; } }
.salon-banner__cont {
  display: flex;
  box-sizing: border-box;
  width: 45.8%;
  padding: 10px;
  justify-content: center;
  align-items: center; }
  @media (max-width: 500px) {
    .salon-banner__cont {
      width: 100%;
      padding: 20px 10px; } }
  .salon-banner__cont-wrap {
    max-width: 360px; }
    .salon-banner__cont-wrap .common-simple-section-ttl__inner-pad30 {
      text-align: center; }
.salon-banner__txt {
  margin: 0 0 40px; }
.salon-banner__btn {
  text-align: center; }

/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

trial_cream CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
.trial-cream__inner {
  display: flex;
  justify-content: space-between;
  box-sizing: border-box;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto 100px;
  padding: 50px;
  border: solid 1px #A57A43;
  background: #FCFAF8; }
  @media (max-width: 500px) {
    .trial-cream__inner {
      display: block;
      padding: 10px; } }
.trial-cream__image {
  width: 36.545%; }
  .trial-cream__image img {
    width: auto;
    max-width: 100%;
    margin: 0 auto; }
  @media (max-width: 500px) {
    .trial-cream__image {
      width: 100%;
      margin: 0 0 20px; } }
.trial-cream__text {
  width: 57.272%;
  justify-content: center;
  align-items: center;
  padding: 0; }
  @media (max-width: 500px) {
    .trial-cream__text {
      width: 100%;
      padding: 10px 0; } }
.trial-cream__icon {
  display: inline-block;
  margin: 0 0 19px;
  padding: 9px 13px;
  font-size: 1.8rem;
  font-weight: bold;
  color: #FFF;
  line-height: 1;
  background: #E68982; }
  @media (max-width: 500px) {
    .trial-cream__icon {
      font-size: 1.4rem; } }
.trial-cream__ttl {
  margin: 0 0 26px;
  font-size: 2.3rem;
  color: #A57A43; }
  @media (max-width: 900px) {
    .trial-cream__ttl {
      font-size: 2.2vw; } }
  @media (max-width: 500px) {
    .trial-cream__ttl {
      font-size: 1.6rem; } }
.trial-cream__concept {
  margin: 0 0 25px;
  font-size: 1.6rem; }
  @media (max-width: 500px) {
    .trial-cream__concept {
      font-size: 1.4rem; } }
.trial-cream__point {
  display: inline-block;
  margin: 0 0 12px;
  font-size: 2rem;
  color: #E68982;
  vertical-align: bottom; }
  .trial-cream__point-big {
    font-size: 2.5rem; }
.trial-cream__btn {
  margin: 25px 0 0; }

/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

_news CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
.newsCont {
  margin: 0 auto 120px; }
  @media (max-width: 900px) {
    .newsCont {
      margin: 0 auto 12vw; } }
  @media (max-width: 500px) {
    .newsCont {
      margin: 0 auto 20vw; } }
  .newsCont__list {
    box-sizing: border-box;
    width: 100%;
    max-width: 1250px;
    margin: 0 auto 36px;
    padding: 0 25px; }
    @media (max-width: 500px) {
      .newsCont__list {
        padding: 0 15px; } }
  .newsCont__item {
    display: block;
    margin: 0 0 15px;
    padding: 0 0 15px;
    border-bottom: solid 1px #DDD; }
    .newsCont__item a {
      display: block;
      transition: opacity 0.3s cubic-bezier(0.77, 0, 0.175, 1); }
      .newsCont__item a:hover {
        opacity: .7; }
    .newsCont__item-icon--news {
      background: #A57A43; }
    .newsCont__item-icon--salon {
      background: #A57A43; }
    .newsCont__item-icon--online {
      background: #D39C94; }
    .newsCont__item-icon--event {
      background: #C2BF56; }
    .newsCont__item-txt {
      display: block;
      box-sizing: border-box;
      width: calc(100% - 115px);
      padding: 2px 0 0;
      float: right; }
      @media (max-width: 500px) {
        .newsCont__item-txt {
          width: 100%;
          padding: 0;
          float: none; } }
    @media (max-width: 500px) {
      .newsCont__item-date {
        display: block;
        font-weight: bold; } }

.news__inner {
  box-sizing: border-box;
  width: 100%;
  max-width: 1050px;
  margin: 0 auto 100px;
  padding: 0 25px; }
  @media (max-width: 500px) {
    .news__inner {
      padding: 0 15px; } }
.news__listinner {
  box-sizing: border-box;
  width: 100%;
  max-width: 1050px;
  margin: 0 auto;
  padding: 0 25px; }
  @media (max-width: 500px) {
    .news__listinner {
      padding: 0 15px; } }
.news__type {
  margin: 0 auto 23px; }
  .news__type-txt {
    font-size: 1.6rem; }
    .news__type-txt span {
      margin: 0 14px 0 0; }
.news__ttl {
  display: block;
  box-sizing: border-box;
  margin: 0 auto 50px;
  padding: 10px 15px;
  font-size: 2.4rem;
  line-height: 1.5;
  color: #FFF;
  background: #E68982; }
  @media (max-width: 900px) {
    .news__ttl {
      font-size: 2.4vw; } }
  @media (max-width: 500px) {
    .news__ttl {
      font-size: 4vw;
      margin: 0 auto 30px;
      padding: 15px; } }
.news__detail {
  margin: 0 auto 50px; }
  .news__detail p {
    margin: 0 0 30px; }
    .news__detail p a {
      display: inline-block;
      text-decoration: underline;
      transition: opacity 0.3s cubic-bezier(0.77, 0, 0.175, 1);
      color: #A57A43; }
      .news__detail p a:hover {
        opacity: .5; }
  .news__detail h1, .news__detail h2 {
    margin: 50px 0 40px;
    padding: 8px 0 6px;
    border-top: solid 2px #A57A43;
    border-bottom: solid 1px #CCC;
    font-weight: bold; }
  .news__detail h3 {
    font-weight: bold;
    margin: 0 0 20px;
    padding: 0 0 5px;
    border-bottom: solid 2px #E68982; }
  .news__detail h4, .news__detail h5, .news__detail h6 {
    font-weight: bold;
    margin: 0 0 20px; }
  .news__detail h1 {
    font-size: 2.4rem; }
    @media (max-width: 500px) {
      .news__detail h1 {
        font-size: 2rem; } }
  .news__detail h2 {
    font-size: 2.2rem; }
    @media (max-width: 500px) {
      .news__detail h2 {
        font-size: 1.8rem; } }
  .news__detail h3 {
    font-size: 2rem; }
    @media (max-width: 500px) {
      .news__detail h3 {
        font-size: 1.6rem; } }
  .news__detail h4 {
    font-size: 1.8rem; }
    @media (max-width: 500px) {
      .news__detail h4 {
        font-size: 1.6rem; } }
  .news__detail h5 {
    font-size: 1.6rem; }
    @media (max-width: 500px) {
      .news__detail h5 {
        font-size: 1.5rem; } }
  .news__detail h6 {
    font-size: 1.4rem; }
  .news__detail img {
    width: auto;
    max-width: 100%; }
  .news__detail .aligncenter {
    text-align: center; }
  .news__detail .alignleft {
    text-align: left; }
  .news__detail .alignright {
    text-align: right; }
  .news__detail #toc_container {
    box-sizing: border-box;
    width: 100%;
    max-width: 600px;
    padding: 15px 20px;
    margin: 0 auto 50px;
    border: solid 1px #CCC; }
    @media (max-width: 500px) {
      .news__detail #toc_container {
        padding: 10px; } }
    .news__detail #toc_container .toc_title {
      font-size: 1.8rem;
      font-weight: bold;
      color: #A57A43;
      text-align: center;
      margin: 0 auto 16px; }
    .news__detail #toc_container .toc_list a {
      text-decoration: underline;
      transition: opacity 0.3s cubic-bezier(0.77, 0, 0.175, 1); }
      .news__detail #toc_container .toc_list a:hover {
        opacity: .5; }
  .news__detail .wp-block-image {
    margin: 50px 0; }
    .news__detail .wp-block-image a {
      display: inline-block;
      transition: opacity 0.3s cubic-bezier(0.77, 0, 0.175, 1); }
      .news__detail .wp-block-image a:hover {
        opacity: .5; }
    .news__detail .wp-block-image img {
      margin: 0 auto; }
    .news__detail .wp-block-image figcaption {
      text-align: center; }
  .news__detail .wp-block-media-text {
    display: grid;
    justify-content: space-between;
    margin: 0 0 50px; }
    .news__detail .wp-block-media-text__media, .news__detail .wp-block-media-text__content {
      /*width: 48%;*/ }
    @media (max-width: 500px) {
      .news__detail .wp-block-media-text {
        display: block;
        margin: 0 0 30px; }
        .news__detail .wp-block-media-text__media, .news__detail .wp-block-media-text__content {
          width: 100%;
          margin: 0 auto 20px; } }
  .news__detail .blocks-gallery-grid {
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    margin: 0 0 30px;
    border: solid 1px #CCC; }
  .news__detail .wp-block-gallery .blocks-gallery-item {
    box-sizing: border-box;
    padding: 10px; }
  .news__detail .wp-block-gallery.columns-2 .blocks-gallery-item {
    max-width: 50%; }
  .news__detail .wp-block-gallery.columns-3 .blocks-gallery-item {
    max-width: 33.33%; }
  .news__detail .wp-block-gallery.columns-4 .blocks-gallery-item {
    max-width: 25%; }
  .news__detail .wp-block-gallery.columns-5 .blocks-gallery-item {
    max-width: 20%; }
  .news__detail .wp-block-gallery.columns-6 .blocks-gallery-item {
    max-width: 16.66%; }
  .news__detail .wp-block-gallery.columns-7 .blocks-gallery-item {
    max-width: 14.28%; }
  .news__detail .wp-block-gallery.columns-8 .blocks-gallery-item {
    max-width: 12.5%; }
  .news__detail .wp-block-gallery.columns-9 .blocks-gallery-item {
    max-width: 11.11%; }
  @media (max-width: 500px) {
    .news__detail .wp-block-gallery.columns-2 .blocks-gallery-item, .news__detail .wp-block-gallery.columns-3 .blocks-gallery-item, .news__detail .wp-block-gallery .columns-4.blocks-gallery-item, .news__detail .wp-block-gallery .columns-5.blocks-gallery-item, .news__detail .wp-block-gallery .columns-6.blocks-gallery-item, .news__detail .wp-block-gallery .columns-7.blocks-gallery-item, .news__detail .wp-block-gallery .columns-8.blocks-gallery-item, .news__detail .wp-block-gallery .columns-9.blocks-gallery-item {
      max-width: 100%; } }
  .news__detail .wp-block-separator {
    margin: 20px auto 30px;
    border: none;
    border-top: dotted 1px #DDD; }
  .news__detail .wp-block-quote {
    padding: 30px 15px 0;
    border: solid 1px #CCC; }
    @media (max-width: 500px) {
      .news__detail .wp-block-quote {
        padding: 30px 10px 0; } }

.pagination {
  margin: 0 auto 100px; }
  .pagination ul.page-numbers {
    display: flex;
    justify-content: center; }
    .pagination ul.page-numbers li .page-numbers {
      display: block;
      width: 30px;
      margin: 0 13px;
      padding: 9px 0 8px;
      font-family: -apple-system, BlinkMacSystemFont, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, "Helvetica Neue", HelveticaNeue, "Segoe UI", sans-serif;
      text-align: center;
      line-height: 1;
      border-radius: 50%; }
      .pagination ul.page-numbers li .page-numbers.current {
        color: #FFF;
        background: #A57A43; }
      @media (max-width: 500px) {
        .pagination ul.page-numbers li .page-numbers {
          margin: 0 5px; } }
    .pagination ul.page-numbers li .page-numbers {
      transition: color 0.3s cubic-bezier(0.77, 0, 0.175, 1); }
      .pagination ul.page-numbers li .page-numbers:hover {
        color: #A57A43; }

/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

_news CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
.customer__pankuzu {
  padding: 18px 0 13px; }
  .customer__pankuzu p, .customer__pankuzu a {
    font-family: -apple-system, BlinkMacSystemFont, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, "Helvetica Neue", HelveticaNeue, "Segoe UI", sans-serif;
    color: #999; }
.customer-care {
  margin: 0 auto 80px;
  padding: 80px 0 20px;
  background: #F1ECE2; }
.customer__inner {
  box-sizing: border-box;
  width: 100%;
  max-width: 1250px;
  margin: 0 auto;
  padding: 50px 25px 10px; }
  @media (max-width: 900px) {
    .customer__inner {
      padding: 50px 25px 10px; } }
  @media (max-width: 500px) {
    .customer__inner {
      padding: 50px 15px 5px; } }
.customer__inner-beige {
  box-sizing: border-box;
  width: 100%;
  margin: 0 auto;
  padding: 100px 25px;
  background: #F1ECE2; }
  @media (max-width: 900px) {
    .customer__inner-beige {
      padding: 100px 25px; } }
  @media (max-width: 500px) {
    .customer__inner-beige {
      padding: 50px 15px 10px; } }
  .customer__inner-beige + .customer__inner-beige {
    padding: 0 25px 100px; }
    @media (max-width: 900px) {
      .customer__inner-beige + .customer__inner-beige {
        padding: 0 25px 100px; } }
    @media (max-width: 500px) {
      .customer__inner-beige + .customer__inner-beige {
        padding: 0 15px 50px; } }
.customer__cont-ttl {
  margin: 0 auto 40px;
  font-size: 2.8rem;
  color: #A57A43;
  text-align: center; }
  @media (max-width: 900px) {
    .customer__cont-ttl {
      font-size: 2.8vw; } }
  @media (max-width: 500px) {
    .customer__cont-ttl {
      font-size: 4.5vw;
      margin: 0 auto 7.5vw;
      text-align: left; } }
.customer__list {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto; }
  .customer__list-firstitem {
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
    width: 100%;
    margin: 0 auto 50px;
    padding: 20px;
    background: #FFF;
    border-radius: 20px; }
    @media (max-width: 500px) {
      .customer__list-firstitem {
        display: block;
        margin: 0 auto 30px; } }
    .customer__list-firstitem-image {
      width: 170px; }
      @media (max-width: 500px) {
        .customer__list-firstitem-image {
          margin: 0 auto 20px; } }
    .customer__list-firstitem-txtwrap {
      width: calc(100% - 200px); }
      @media (max-width: 500px) {
        .customer__list-firstitem-txtwrap {
          width: 100%; } }
  .customer__list-topitem {
    width: 48.5%;
    margin: 0 3% 50px 0;
    padding: 20px;
    background: #FFF;
    border-radius: 20px; }
    .customer__list-topitem:nth-child(odd) {
      margin: 0 0 50px 0; }
    @media (max-width: 500px) {
      .customer__list-topitem {
        width: 100%;
        margin: 0 0 30px; } }
    .customer__list-topitem-inner {
      display: flex;
      justify-content: space-between;
      box-sizing: border-box;
      width: 100%; }
      @media (max-width: 500px) {
        .customer__list-topitem-inner {
          display: block; } }
    .customer__list-topitem-image {
      width: 150px; }
      @media (max-width: 500px) {
        .customer__list-topitem-image {
          margin: 0 auto 20px; } }
    .customer__list-topitem-txtwrap {
      width: calc(100% - 170px); }
      @media (max-width: 500px) {
        .customer__list-topitem-txtwrap {
          width: 100%; } }
    .customer__list-topitem-name {
      margin: 0 0 22px;
      font-size: 1.8rem;
      font-weight: bold;
      color: #E68982; }
      @media (max-width: 500px) {
        .customer__list-topitem-name {
          font-size: 1.6rem; } }
.customer__item {
  box-sizing: border-box;
  width: 48.3%;
  margin: 0 3.4% 60px 0;
  padding: 20px 20px 70px;
  background: #FFF;
  border-radius: 20px;
  position: relative; }
  .customer__item::before {
    content: "";
    display: block;
    width: 76px;
    height: 34px;
    background: url(/assets/img/customer/fukidashi.svg) no-repeat center center;
    background-size: cover;
    position: absolute;
    right: 40px;
    bottom: -34px; }
  .customer__item:nth-child(2n) {
    margin: 0 0 50px 0; }
  @media (max-width: 500px) {
    .customer__item {
      width: 100%;
      margin: 0 0 30px;
      padding: 10px 10px 60px; }
      .customer__item:nth-child(2n) {
        margin: 0 0 30px; }
      .customer__item::before {
        width: 38px;
        height: 17px;
        right: 30px;
        bottom: -17px; } }
  .customer__item-namewrap {
    width: 100%;
    text-align: right;
    position: absolute;
    right: 20px;
    bottom: 20px; }
    @media (max-width: 500px) {
      .customer__item-namewrap {
        right: 10px;
        bottom: 10px; } }
  .customer__item-category {
    display: inline-block;
    padding: 0 14px 0 0;
    color: #A57A43;
    font-weight: bold; }
  .customer__item-name {
    display: inline-block;
    color: #E68982;
    font-weight: bold; }
.customer__item-message a {
  color: #A57A43;
  text-decoration: underline;
  transition: opacity .3s ease-in-out; }
  .customer__item-message a:hover {
    opacity: .7s; }
.customer__contBox-imgleft {
  flex-direction: row-reverse; }
.customer__contBox-image {
  width: 45%; }
  @media (max-width: 900px) {
    .customer__contBox-image {
      width: 100%;
      margin: 0 auto 30px; } }
.customer__contBox-text {
  width: 48.5%; }
  @media (max-width: 900px) {
    .customer__contBox-text {
      width: 100%; } }
  .customer__contBox-text p {
    margin: 0 0 30px; }
.customer__flex-text {
  margin: 0 auto 50px; }
.customer__flex-img {
  margin: 0 auto 20px; }
.customer__border-text {
  display: block;
  box-sizing: border-box;
  padding: 20px;
  border: solid 1px #E68982; }
.customer__shinkyu {
  width: 100%;
  margin: 0 auto;
  padding: 0 0 90px; }
  @media (max-width: 500px) {
    .customer__shinkyu {
      padding: 0 0 90px; } }
.customer__iframebox {
  padding: 5px;
  border: solid 1px #CCC; }
.customer__iframe-other {
  text-align: left;
  font-size: 11px;
  color: #876c4a;
  margin: 20px 0px 0px 0px;
  word-wrap: break-word;
  height: 25px;
  line-height: 150%; }
  .customer__iframe-other img {
    display: inline-block;
    vertical-align: middle;
    width: auto; }
.customer__toptxt {
  font-size: 1.6rem; }
  @media (max-width: 500px) {
    .customer__toptxt {
      font-size: 1.4rem; } }
.customer__baby-list {
  width: 100%;
  max-width: 1240px;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  margin: -50px auto 0;
  padding: 20px 25px 0; }
  @media (max-width: 900px) {
    .customer__baby-list {
      padding: 2vw 0 0; } }
  @media (max-width: 500px) {
    .customer__baby-list {
      margin: -30px auto 0;
      padding: 0 0 40px; } }
.customer__baby-item {
  box-sizing: border-box;
  width: 30%;
  margin: 50px 5% 0 0;
  padding: 20px 30px;
  background: #FFF;
  border-radius: 8px; }
  .customer__baby-item:nth-child(3n) {
    margin: 50px 0 0; }
  @media (max-width: 500px) {
    .customer__baby-item {
      width: 48%;
      margin: 30px 4% 0 0;
      padding: 15px; }
      .customer__baby-item:nth-child(3n) {
        margin: 30px 4% 0 0; }
      .customer__baby-item:nth-child(2n) {
        margin: 30px 0 0; } }
.customer__baby-title {
  color: #E68982;
  text-align: center;
  font-size: 2.4rem;
  font-weight: bold; }
  @media (max-width: 500px) {
    .customer__baby-title {
      font-size: 1.8rem; } }
.customer__baby-imgbox {
  padding: 16px 0 0; }
.customer__baby-txt {
  padding: 8px 0 0;
  color: #E68982;
  text-align: center;
  font-size: 1.4rem;
  font-weight: bold; }
  @media (max-width: 500px) {
    .customer__baby-txt {
      font-size: 1.2rem; } }

/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

about-product CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
.about-product__point-box-list, .about-product__point-box-list--point1, .about-product__point-box-list--point2, .about-product__point-box-list--point3 {
  margin-top: 100px;
  display: flex;
  align-items: center;
  background: url("/assets/img/about/about_img_1.jpg") left center no-repeat;
  background-size: auto 100%; }
  @media (max-width: 900px) {
    .about-product__point-box-list, .about-product__point-box-list--point1, .about-product__point-box-list--point2, .about-product__point-box-list--point3 {
      margin-top: 10vw; } }
  @media screen and (max-width: 640px) {
    .about-product__point-box-list, .about-product__point-box-list--point1, .about-product__point-box-list--point2, .about-product__point-box-list--point3 {
      background-position: center top !important;
      background-size: 100% auto !important;
      padding-top: 66.6vw; } }
  @media (max-width: 500px) {
    .about-product__point-box-list, .about-product__point-box-list--point1, .about-product__point-box-list--point2, .about-product__point-box-list--point3 {
      margin-top: 14vw; } }

.about-product__point-box-txtarea, .about-product__point-box-txtarea--point2 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 62.5%;
  min-height: 420px;
  margin: 0 0 0 auto;
  padding: 10px 40px;
  background: #F1ECE2; }
  @media screen and (max-width: 1200px) {
    .about-product__point-box-txtarea, .about-product__point-box-txtarea--point2 {
      min-height: 35vw; } }
  @media screen and (max-width: 640px) {
    .about-product__point-box-txtarea, .about-product__point-box-txtarea--point2 {
      width: 100%;
      min-height: inherit;
      padding: 20px 15px; } }

.about-product__inner-message-list, .about-product__inner-message-list--rev {
  margin-top: 80px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  @media (max-width: 900px) {
    .about-product__inner-message-list, .about-product__inner-message-list--rev {
      margin-top: 8vw; } }
  @media (max-width: 500px) {
    .about-product__inner-message-list, .about-product__inner-message-list--rev {
      margin-top: 11vw; } }

.about-product__inner-item-list, .about-product__inner-item-list--even, .about-product__inner-online-list, .about-product__inner-online-list--even {
  position: relative;
  width: 33.33%;
  padding-bottom: 120px;
  background: #F1ECE2; }
  @media screen and (max-width: 800px) {
    .about-product__inner-item-list, .about-product__inner-item-list--even, .about-product__inner-online-list, .about-product__inner-online-list--even {
      width: 100%; } }
  @media screen and (max-width: 640px) {
    .about-product__inner-item-list, .about-product__inner-item-list--even, .about-product__inner-online-list, .about-product__inner-online-list--even {
      padding-bottom: 100px; } }

.about-product {
  padding-bottom: 80px; }
  .about-product__main {
    background: url("/assets/img/about/main_img.jpg") left center no-repeat;
    background-size: auto 100%; }
    @media screen and (max-width: 640px) {
      .about-product__main {
        background: url("/assets/img/about/main_img.jpg") left top no-repeat;
        background-size: 100% auto; } }
    .about-product__main-inner {
      display: flex;
      flex-direction: column;
      justify-content: center;
      min-height: 700px;
      max-width: 1250px;
      margin: 0 auto;
      padding: 0 25px; }
      @media screen and (max-width: 1400px) {
        .about-product__main-inner {
          min-height: inherit;
          height: 50vw; } }
      @media screen and (max-width: 640px) {
        .about-product__main-inner {
          height: auto;
          padding: 0 15px; } }
      .about-product__main-inner-ttl {
        width: 100%;
        padding-left: 37.5%;
        font-size: 3.6rem;
        color: #A57A43;
        line-height: 2.0; }
        @media screen and (max-width: 1400px) {
          .about-product__main-inner-ttl {
            font-size: 3.0rem; } }
        @media screen and (max-width: 1024px) {
          .about-product__main-inner-ttl {
            font-size: 3.0vw; } }
        @media screen and (max-width: 640px) {
          .about-product__main-inner-ttl {
            padding-left: 0;
            padding-top: calc(71.4vw + 40px);
            font-size: 5.2vw; }
            .about-product__main-inner-ttl br {
              display: none; } }
      .about-product__main-inner-lead {
        width: 100%;
        padding-left: 37.5%;
        margin-top: 50px;
        font-size: 1.8rem;
        line-height: 2.5; }
        @media screen and (max-width: 1024px) {
          .about-product__main-inner-lead {
            margin-top: 30px;
            font-size: 1.6rem;
            line-height: 2.0; } }
        @media screen and (max-width: 900px) {
          .about-product__main-inner-lead {
            font-size: 1.8vw; } }
        @media screen and (max-width: 640px) {
          .about-product__main-inner-lead {
            padding-left: 0;
            font-size: 1.5rem; }
            .about-product__main-inner-lead br {
              display: none; } }
  .about-product__point {
    margin-top: 100px; }
    @media (max-width: 900px) {
      .about-product__point {
        margin-top: 10vw; } }
    @media (max-width: 500px) {
      .about-product__point {
        margin-top: 14vw; } }
    .about-product__point-ttl {
      padding: 0 25px;
      font-size: 3.0rem;
      line-height: 1.8;
      color: #A57A43;
      text-align: center; }
      @media (max-width: 900px) {
        .about-product__point-ttl {
          font-size: 3.4vw; } }
      @media (max-width: 500px) {
        .about-product__point-ttl {
          padding: 0 15px;
          text-align: left;
          font-size: 4.8vw; }
          .about-product__point-ttl br {
            display: none; } }
    .about-product__point-box-list--point2 {
      flex-direction: row-reverse;
      background: url("/assets/img/about/about_img_2.jpg") right center no-repeat;
      background-size: auto 100%; }
    .about-product__point-box-list--point3 {
      background: url("/assets/img/about/about_img_3.jpg") left center no-repeat;
      background-size: auto 100%; }
    .about-product__point-box-inner {
      max-width: 1200px;
      margin: 0 auto; }
    .about-product__point-box-txtarea--point2 {
      margin: 0 auto 0 0 !important;
      background: #E9DFD6 !important; }
    .about-product__point-box-ttl {
      font-size: 3.0rem;
      color: #A57A43; }
      @media screen and (max-width: 1024px) {
        .about-product__point-box-ttl {
          font-size: 3.0vw; } }
      @media screen and (max-width: 640px) {
        .about-product__point-box-ttl {
          font-size: 4.8vw; } }
    .about-product__point-box-subttl {
      font-size: 4.2rem;
      color: #A57A43; }
      @media screen and (max-width: 1024px) {
        .about-product__point-box-subttl {
          font-size: 4.0vw; } }
      @media screen and (max-width: 640px) {
        .about-product__point-box-subttl {
          font-size: 6.2vw; } }
    .about-product__point-box-txt {
      margin-top: 30px; }
      @media screen and (max-width: 640px) {
        .about-product__point-box-txt {
          margin-top: 20px; } }
  .about-product__inner {
    box-sizing: border-box;
    width: 100%;
    max-width: 1050px;
    margin: 0 auto;
    padding: 0 25px; }
    @media (max-width: 500px) {
      .about-product__inner {
        padding: 0 15px; } }
    .about-product__inner-ttl {
      margin-top: 100px;
      text-align: center;
      color: #A57A43;
      font-size: 5.2rem; }
      @media (max-width: 900px) {
        .about-product__inner-ttl {
          margin-top: 10vw;
          font-size: 3.0rem; } }
      @media (max-width: 500px) {
        .about-product__inner-ttl {
          margin-top: 14vw; } }
    .about-product__inner-subttl {
      display: block;
      text-align: center;
      font-size: 1.4rem;
      color: #000; }
    .about-product__inner-message-list--rev {
      flex-direction: row-reverse; }
    .about-product__inner-message-imgarea {
      width: 250px;
      text-align: center; }
      @media screen and (max-width: 640px) {
        .about-product__inner-message-imgarea {
          width: 100%; } }
    .about-product__inner-message-img {
      padding-bottom: 20px; }
      @media screen and (max-width: 640px) {
        .about-product__inner-message-img {
          width: 50%;
          margin: 0 auto; } }
    .about-product__inner-message-dept {
      font-size: 1.6rem;
      color: #A57A43; }
    .about-product__inner-message-name {
      font-size: 2.2rem; }
    .about-product__inner-message-txtarea {
      width: calc(100% - 300px);
      line-height: 2.0; }
      @media screen and (max-width: 640px) {
        .about-product__inner-message-txtarea {
          margin-top: 20px;
          width: 100%; } }
    .about-product__inner-item {
      margin-top: 80px;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      @media (max-width: 900px) {
        .about-product__inner-item {
          margin-top: 8vw; } }
      @media (max-width: 500px) {
        .about-product__inner-item {
          margin-top: 11vw; } }
      .about-product__inner-item-list--even {
        background: #E9DFD6; }
      .about-product__inner-item-ttl {
        padding: 30px 20px 15px;
        font-size: 2rem;
        color: #A57A43;
        letter-spacing: 0; }
        @media screen and (max-width: 640px) {
          .about-product__inner-item-ttl {
            font-size: 4.8vw;
            padding: 15px; } }
      .about-product__inner-item-txt {
        padding: 0 20px; }
        @media screen and (max-width: 640px) {
          .about-product__inner-item-txt {
            padding: 0 15px; } }
    .about-product__inner-online-list {
      width: 25%; }
      @media screen and (max-width: 800px) {
        .about-product__inner-online-list {
          width: 100%; } }
      .about-product__inner-online-list--even {
        background: #E9DFD6;
        width: 25%; }
        @media screen and (max-width: 800px) {
          .about-product__inner-online-list--even {
            width: 100%; } }
  .about-product__inner {
    box-sizing: border-box;
    width: 100%;
    max-width: 1250px;
    margin: 0 auto;
    padding: 0 25px; }
    @media (max-width: 500px) {
      .about-product__inner {
        padding: 0 15px; } }
  .about-product__box-btn {
    position: absolute;
    left: 20px;
    bottom: 30px; }
  .about-product__message-box {
    box-sizing: border-box;
    width: 100%;
    max-width: 1050px;
    margin: 0 auto 100px;
    padding: 0 25px; }
    @media (max-width: 500px) {
      .about-product__message-box {
        padding: 0 15px; } }

/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

_inromation CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
.information__inner {
  box-sizing: border-box;
  width: 100%;
  max-width: 1250px;
  margin: 0 auto;
  padding: 0 25px 120px; }
  @media (max-width: 900px) {
    .information__inner {
      padding: 0 25px 10vw; } }
  @media (max-width: 500px) {
    .information__inner {
      padding: 0 15px 20vw; } }
.information__tablewrap {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  padding: 0 0 50px; }
.information__table {
  width: 100%;
  margin: 0 auto 50px;
  box-sizing: border-box;
  border-top: solid 1px #CCC;
  border-left: solid 1px #CCC; }
  .information__table tr, .information__table th, .information__table td {
    box-sizing: border-box; }
    @media (max-width: 500px) {
      .information__table tr, .information__table th, .information__table td {
        display: block; } }
  .information__table th, .information__table td {
    padding: 10px;
    border-bottom: solid 1px #CCC;
    border-right: solid 1px #CCC; }
  .information__table th {
    background-color: #f8f8f8; }
.information__basetxt {
  margin: 0 0 30px; }
.information__righttxt {
  text-align: right; }
.information__subttl {
  margin: 0 0 16px;
  font-weight: bold; }
.information__history {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto 100px; }
.information__history-list {
  display: flex;
  justify-content: space-between;
  margin: 0 auto 18px;
  padding: 0 0 18px;
  border-bottom: solid 1px #DDD; }
  .information__history-list:first-child {
    padding: 18px 0;
    border-top: solid 1px #DDD; }
  .information__history-list:last-child {
    margin: 0; }
  @media (max-width: 500px) {
    .information__history-list {
      display: block; } }
.information__history-dt {
  width: 150px; }
  @media (max-width: 500px) {
    .information__history-dt {
      width: 100%;
      font-weight: bold;
      margin: 0 0 5px; } }
.information__history-dd {
  width: calc(100% - 150px); }
  @media (max-width: 500px) {
    .information__history-dd {
      width: 100%; } }
.information__term-txt {
  text-align: center;
  padding: 0 25px 50px; }
  @media (max-width: 900px) {
    .information__term-txt {
      padding: 0 25px 5vw; } }
  @media (max-width: 500px) {
    .information__term-txt {
      padding: 0 15px 7.5vw; } }
.information__term-list {
  width: 100%;
  max-width: 800px;
  border-top: solid 1px #DDD;
  margin: 0 auto; }
.information__term-item {
  display: block;
  width: 100%;
  box-sizing: border-box;
  margin: 0 auto 4px;
  padding: 10px 0 10px 20px;
  font-size: 1.6rem;
  border-bottom: solid 1px #DDD;
  position: relative; }
  @media (max-width: 500px) {
    .information__term-item {
      font-size: 1.4rem; } }
  .information__term-item::before {
    content: "・";
    display: inline-block;
    color: #E68982;
    position: absolute;
    left: 0; }
.information__term-link {
  text-decoration: underline;
  color: #E68982;
  transition: opacity 0.5s cubic-bezier(0.77, 0, 0.175, 1); }
  .information__term-link:hover {
    opacity: .7; }

/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

_inromation CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
.contact input, .contact textarea {
  box-sizing: border-box;
  padding: 6px 10px;
  border: solid 1px #CCC; }
@media (max-width: 500px) {
  .contact table tbody {
    display: block; } }
.contact__inner {
  box-sizing: border-box;
  width: 100%;
  max-width: 1050px;
  margin: 0 auto;
  padding: 0 25px 120px; }
  @media (max-width: 900px) {
    .contact__inner {
      padding: 0 25px 10vw; } }
  @media (max-width: 500px) {
    .contact__inner {
      padding: 0 15px 20vw; } }
.contact__stepwrap {
  max-width: 1000px;
  margin: 0 auto; }
.contact__sp-item {
  display: none; }
  @media (max-width: 500px) {
    .contact__sp-item {
      display: inline-block; } }
.contact__table {
  width: 100%;
  box-sizing: border-box;
  border-top: solid 1px #CCC;
  border-left: solid 1px #CCC; }
  @media (max-width: 500px) {
    .contact__table {
      display: block; } }
  .contact__table tr, .contact__table th, .contact__table td {
    box-sizing: border-box; }
    @media (max-width: 500px) {
      .contact__table tr, .contact__table th, .contact__table td {
        display: block; } }
    @media (max-width: 500px) {
      .contact__table tr.contact__tr-spnone, .contact__table th.contact__tr-spnone, .contact__table td.contact__tr-spnone {
        display: none; } }
  .contact__table th, .contact__table td {
    padding: 10px;
    border-bottom: solid 1px #CCC;
    border-right: solid 1px #CCC;
    text-align: left; }
    @media (max-width: 500px) {
      .contact__table th.contact__th-spnone, .contact__table td.contact__th-spnone {
        display: none; } }
    @media (max-width: 500px) {
      .contact__table th.contact__td-spnoborder, .contact__table td.contact__td-spnoborder {
        border-bottom: none;
        padding-bottom: 0; }
        .contact__table th.contact__td-spnoborder + td, .contact__table td.contact__td-spnoborder + td {
          padding-top: 0; } }
  .contact__table th {
    background-color: #f8f8f8; }
@media (max-width: 500px) {
  .contact__tr-spnone {
    display: none !important; } }
.contact__confirm-table {
  width: 100%;
  box-sizing: border-box;
  box-sizing: border-box;
  border-top: solid 1px #CCC;
  border-left: solid 1px #CCC;
  margin: 0 auto 50px; }
  @media (max-width: 500px) {
    .contact__confirm-table {
      display: block; } }
  @media (max-width: 500px) {
    .contact__confirm-table tbody {
      display: block; } }
  .contact__confirm-table tr, .contact__confirm-table th, .contact__confirm-table td {
    box-sizing: border-box; }
    @media (max-width: 500px) {
      .contact__confirm-table tr, .contact__confirm-table th, .contact__confirm-table td {
        display: block; } }
  .contact__confirm-table th, .contact__confirm-table td {
    padding: 10px;
    border-bottom: solid 1px #CCC;
    border-right: solid 1px #CCC; }
  .contact__confirm-table th {
    background-color: #f8f8f8; }
  .contact__confirm-table--customer {
    width: 100%;
    box-sizing: border-box;
    box-sizing: border-box;
    border-top: solid 1px #CCC;
    border-left: solid 1px #CCC;
    margin: 0 auto 50px;
    background: #F1ECE2; }
    @media (max-width: 500px) {
      .contact__confirm-table--customer {
        display: block; } }
    @media (max-width: 500px) {
      .contact__confirm-table--customer tbody {
        display: block; } }
    .contact__confirm-table--customer tr, .contact__confirm-table--customer th, .contact__confirm-table--customer td {
      box-sizing: border-box; }
      @media (max-width: 500px) {
        .contact__confirm-table--customer tr, .contact__confirm-table--customer th, .contact__confirm-table--customer td {
          display: block; } }
    .contact__confirm-table--customer th, .contact__confirm-table--customer td {
      padding: 10px;
      border-bottom: solid 1px #CCC;
      border-right: solid 1px #CCC; }
    .contact__confirm-table--customer th {
      background-color: #f8f8f8; }
.contact__basetxt {
  margin: 0 0 30px; }
  .contact__basetxt a {
    text-decoration: underline;
    color: #F00; }
.contact__basetxt--indent {
  box-sizing: border-box;
  text-indent: -1em;
  margin: 0 0 30px;
  padding: 0 0 0 1em; }
.contact__list-cont--item {
  margin: 0 0 14px; }
  @media (max-width: 500px) {
    .contact__list-cont--item {
      text-align: left; } }
.contact__btn-cont {
  margin: 0 0 30px; }
.contact__subttl {
  margin: 0 0 16px;
  font-weight: bold; }
.contact__attention {
  color: #F00; }
.contact__otherdelivery {
  margin: 50px auto 30px; }
.contact__box60 {
  width: 100%;
  max-width: 60px; }
.contact__box120 {
  width: 100%;
  max-width: 120px; }
.contact__box300 {
  width: 100%;
  max-width: 300px; }
.contact__box380 {
  width: 100%;
  max-width: 500px; }
.contact__mini {
  margin: 0 0 10px;
  font-size: 1.2rem; }
.contact__marginbox {
  margin: 14px 0; }
.contact__zipbtn {
  padding: 7px 8px;
  color: #FFF;
  background: #E68982;
  transition: opacity 0.3s cubic-bezier(0.77, 0, 0.175, 1); }
  .contact__zipbtn:hover {
    opacity: .5; }
.contact__btn-area {
  margin: 50px auto 0; }
.contact__inputlist {
  display: block;
  text-align: center; }
  .contact__inputlist-item {
    display: inline-block;
    height: 50px;
    position: relative;
    margin: 0 10px 15px; }
    .contact__inputlist-item::before {
      position: absolute;
      content: "";
      width: 28px;
      height: 15px;
      margin: -7px 0 0;
      transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1);
      background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2228%22%20height%3D%2215%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M28%2C7h-1V6h-1v1H0v1h28V7z%20M25%2C5v1h1V5H25z%20M24%2C4v1h1V4H24z%20M23%2C3v1h1V3H23z%20M22%2C2v1h1V2H22z%20M21%2C1v1h1V1H21z%20M20%2C0v1h1V0H20z%22%2F%3E%3C%2Fsvg%3E") no-repeat center center/cover;
      top: 50%;
      right: 15px;
      z-index: 1; }
    .contact__inputlist-item:hover::before {
      animation: viewbtn_anim .5s ease-in-out forwards; }
  .contact__inputlist-item--noarrow {
    display: inline-block;
    height: 50px;
    margin: 0 10px 15px; }
  .contact__inputlist-btn {
    display: block;
    height: 50px;
    box-sizing: border-box;
    padding: 0 88px 0 25px !important;
    border: none !important;
    background: #E68982;
    font-size: 1.4rem !important;
    font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif !important;
    color: #FFF;
    text-align: center;
    transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1);
    cursor: pointer; }
  .contact__inputlist-return {
    display: inline-block;
    box-sizing: border-box;
    height: 50px;
    padding: 12px 25px 0 25px;
    border: solid 1px #E68982;
    color: #000;
    background: none;
    text-align: center;
    position: relative;
    transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1); }
    .contact__inputlist-return:hover {
      color: #FFF;
      background: #E68982; }
@media (max-width: 500px) {
  .contact__select-address {
    width: 100%; } }
.contact__step-list {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin: 0 auto 50px; }
  @media (max-width: 500px) {
    .contact__step-list {
      display: block; } }
  .contact__step-list-item, .contact__step-list-item--active {
    width: 23%;
    box-sizing: border-box;
    padding: 8px 10px;
    border: solid 1px #CCC;
    position: relative; }
    .contact__step-list-item::before, .contact__step-list-item--active::before {
      content: "";
      display: block;
      width: 0;
      height: 0;
      margin: auto;
      border-style: solid;
      border-width: 8.5px 0 8.5px 12px;
      border-color: transparent transparent transparent #A57A43;
      position: absolute;
      top: 0;
      bottom: 0;
      right: -8.5%; }
    .contact__step-list-item:last-child::before, .contact__step-list-item--active:last-child::before {
      display: none; }
    @media (max-width: 500px) {
      .contact__step-list-item, .contact__step-list-item--active {
        width: 100%;
        margin: 0 0 30px; }
        .contact__step-list-item::before, .contact__step-list-item--active::before {
          border-width: 12px 8.5px 0 8.5px;
          border-color: #A57A43 transparent transparent transparent;
          top: auto;
          bottom: -20px;
          right: 0;
          left: 0; } }
  .contact__step-list-subttl {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    font-size: 1.4rem;
    margin: 0 auto;
    color: #A57A43; }
    @media (max-width: 500px) {
      .contact__step-list-subttl {
        font-size: 1.2rem;
        font-family: -apple-system, BlinkMacSystemFont, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, "Helvetica Neue", HelveticaNeue, "Segoe UI", sans-serif; } }
  .contact__step-list-item--active {
    background: #E68982; }
    .contact__step-list-item--active .contact__step-list-subttl {
      color: #FFF; }

/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

_inromation CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
.reservation__inner {
  box-sizing: border-box;
  width: 100%;
  max-width: 1250px;
  margin: 0 auto;
  padding: 0 25px; }
  @media (max-width: 900px) {
    .reservation__inner {
      padding: 0 25px; } }
  @media (max-width: 500px) {
    .reservation__inner {
      padding: 0 15px; } }
.reservation__inner-frame {
  display: flex;
  justify-content: center;
  box-sizing: border-box;
  width: 100%;
  max-width: 1250px;
  margin: 0 auto;
  padding: 0 25px 100px;
  text-align: center; }
  @media (max-width: 1100px) {
    .reservation__inner-frame {
      flex-wrap: wrap; } }
  @media (max-width: 900px) {
    .reservation__inner-frame {
      padding: 0 0 10vw; } }
  @media (max-width: 500px) {
    .reservation__inner-frame {
      display: block;
      padding: 0 0 15vw; } }
  .reservation__inner-frame iframe {
    width: 100%;
    height: 1400px;
    border: solid 1px #CCC; }
    @media (max-width: 500px) {
      .reservation__inner-frame iframe {
        height: 100vh; } }
.reservation__link {
  background: #E68982;
  height: 80px;
  margin: 0 15px;
  padding: 30px 62px 0 25px;
  text-align: left;
  font-size: 2rem;
  line-height: 1.2; }
  @media (max-width: 1200px) {
    .reservation__link {
      font-size: 1.6rem;
      padding: 30px 62px 0 15px; } }
  @media (max-width: 1100px) {
    .reservation__link {
      width: 350px;
      margin: 0 10px 40px; } }
  @media (max-width: 500px) {
    .reservation__link {
      width: 80%;
      height: 60px;
      margin: 0 auto 40px;
      padding: 22px 52px 0 18px;
      font-size: 1.6rem; } }
  @media (max-width: 500px) {
    .reservation__link.respc-disp {
      display: none; } }
  .reservation__link.ressp-disp {
    display: none; }
    @media (max-width: 500px) {
      .reservation__link.ressp-disp {
        display: inline-block; } }
.reservation__line-link {
  background: #E68982;
  height: 80px;
  margin: 0 15px;
  padding: 30px 60px 0 25px;
  text-align: left;
  font-size: 1.8rem;
  line-height: 1; }
  @media (max-width: 1200px) {
    .reservation__line-link {
      font-size: 1.8rem;
      padding: 30px 50px 0 25px; } }
  @media (max-width: 1100px) {
    .reservation__line-link {
      width: calc(40% - 20px);
      margin: 0 10px 40px; } }
  @media (max-width: 900px) {
    .reservation__line-link {
      width: calc(45% - 20px); } }
  @media (max-width: 500px) {
    .reservation__line-link {
      width: 80%;
      height: 60px;
      margin: 0 auto 40px;
      padding: 22px 50px 0 18px;
      font-size: 1.6rem; } }
.reservation__tel-link-pc {
  display: flex;
  align-items: center;
  background: #A57A43;
  height: 80px;
  margin: 0 15px;
  padding: 0 25px;
  text-align: left;
  font-size: 2rem;
  line-height: 1.4;
  color: #FFF; }
  @media (max-width: 1200px) {
    .reservation__tel-link-pc {
      font-size: 1.8rem; } }
  @media (max-width: 500px) {
    .reservation__tel-link-pc {
      display: none; } }
.reservation__tel-link-sp {
  display: none;
  background: #A57A43;
  height: 80px;
  margin: 0 15px;
  padding: 30px 92px 0 25px;
  text-align: left;
  font-size: 2rem;
  line-height: 1; }
  @media (max-width: 500px) {
    .reservation__tel-link-sp {
      display: inline-block;
      width: 80%;
      height: 60px;
      margin: 0 auto 40px;
      padding: 22px 92px 0 18px;
      font-size: 1.6rem; } }
.reservation__select-box {
  display: inline-block;
  position: relative; }
  @media (max-width: 500px) {
    .reservation__select-box {
      width: 80%; } }
  .reservation__select-box::before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 8.5px 0 8.5px;
    border-color: #fff transparent transparent transparent;
    position: absolute;
    right: 26px;
    top: 50%;
    transform: translateY(-50%); }
.reservation__select {
  display: inline-block;
  box-sizing: border-box;
  height: 80px;
  margin: 0 15px;
  padding: 0 25px;
  background: #E68982;
  color: #FFF;
  font-size: 2rem;
  line-height: 1;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  text-decoration: none;
  transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1); }
  @media (max-width: 500px) {
    .reservation__select {
      width: 100%;
      height: 60px;
      margin: 0 auto;
      padding: 0 15px;
      font-size: 1.6rem; } }
  .reservation__select option {
    font-size: 1.6rem;
    font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
    color: #FFF; }

/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

_inromation CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
.mypage input[type=text], .mypage input[type=password], .mypage input[type=email], .mypage input[type=tel], .mypage textarea {
  box-sizing: border-box;
  padding: 6px 10px;
  border: solid 1px #CCC; }
.mypage p a {
  text-decoration: underline; }
.mypage__inner {
  box-sizing: border-box;
  width: 100%;
  max-width: 1250px;
  margin: 0 auto;
  padding: 50px 25px 100px; }
  @media (max-width: 900px) {
    .mypage__inner {
      padding: 50px 25px 10vw; } }
  @media (max-width: 500px) {
    .mypage__inner {
      padding: 30px 15px 20vw; } }
.mypage .login_area {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto 50px; }
.mypage .inputbox {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto 50px; }
.mypage__cont-ttl {
  margin: 0 auto 40px;
  font-size: 2.8rem;
  color: #A57A43;
  text-align: center; }
  @media (max-width: 900px) {
    .mypage__cont-ttl {
      font-size: 2.8vw; } }
  @media (max-width: 500px) {
    .mypage__cont-ttl {
      font-size: 4.5vw;
      margin: 0 auto 40px;
      text-align: left; } }
.mypage__txtlink {
  text-decoration: underline;
  transition: opacity 0.3s cubic-bezier(0.77, 0, 0.175, 1); }
  .mypage__txtlink:hover {
    opacity: .5; }
.mypage .formlist {
  margin: 0 auto 50px; }
  .mypage .formlist dt {
    width: 100%;
    max-width: 140px;
    box-sizing: border-box;
    float: left;
    padding: 0 14px 0 0; }
  .mypage .formlist dd {
    width: calc(100% - 140px);
    box-sizing: border-box;
    float: left;
    padding: 0; }
.mypage .login_memory {
  margin: 14px 0 0; }
.mypage .inputtext {
  margin: 0 0 30px;
  text-align: center; }
.mypage .kiyaku_text {
  width: 100%;
  margin: 50px auto 0; }
.mypage__point-state {
  margin: 0 auto 50px; }
.mypage__point-name {
  color: #E68982; }
.mypage__delivery-addbtn {
  margin: 0 auto 50px; }
.mypage__delivery-table {
  width: 100%;
  box-sizing: border-box;
  box-sizing: border-box;
  border-top: solid 1px #CCC;
  border-left: solid 1px #CCC; }
  @media (max-width: 500px) {
    .mypage__delivery-table {
      display: block; } }
  .mypage__delivery-table tr, .mypage__delivery-table th, .mypage__delivery-table td {
    box-sizing: border-box; }
    @media (max-width: 500px) {
      .mypage__delivery-table tr, .mypage__delivery-table th, .mypage__delivery-table td {
        display: block; } }
  .mypage__delivery-table th, .mypage__delivery-table td {
    padding: 10px;
    border-bottom: solid 1px #CCC;
    border-right: solid 1px #CCC; }
  .mypage__delivery-table th {
    background-color: #f8f8f8; }
  .mypage__delivery-table--customer {
    width: 100%;
    box-sizing: border-box;
    box-sizing: border-box;
    border-top: solid 1px #CCC;
    border-left: solid 1px #CCC;
    background: #F1ECE2; }
    @media (max-width: 500px) {
      .mypage__delivery-table--customer {
        display: block; } }
    .mypage__delivery-table--customer tr, .mypage__delivery-table--customer th, .mypage__delivery-table--customer td {
      box-sizing: border-box; }
      @media (max-width: 500px) {
        .mypage__delivery-table--customer tr, .mypage__delivery-table--customer th, .mypage__delivery-table--customer td {
          display: block; } }
    .mypage__delivery-table--customer th, .mypage__delivery-table--customer td {
      padding: 10px;
      border-bottom: solid 1px #CCC;
      border-right: solid 1px #CCC; }
    .mypage__delivery-table--customer th {
      background-color: #f8f8f8; }
.mypage__delivery-num {
  width: 30px; }
.mypage__delivery-addttl {
  width: 130px; }
.mypage__delivery-btn {
  width: 70px;
  text-align: center; }
  @media (max-width: 500px) {
    .mypage__delivery-btn {
      width: 100%; } }
  .mypage__delivery-btn a {
    padding: 3px 5px;
    color: #FFF;
    background: #E68982;
    transition: opacity 0.3s cubic-bezier(0.77, 0, 0.175, 1); }
    .mypage__delivery-btn a:hover {
      opacity: .5; }

.mypage-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  margin: 0 auto; }
  @media (max-width: 900px) {
    .mypage-list {
      justify-content: center; } }
  @media (max-width: 500px) {
    .mypage-list {
      justify-content: space-between; } }
  .mypage-list__item {
    width: 19%; }
    @media (max-width: 900px) {
      .mypage-list__item {
        width: 30%;
        margin: 0 1.6% 15px; } }
    @media (max-width: 500px) {
      .mypage-list__item {
        justify-content: space-between;
        width: 48.5%;
        margin: 0 0 15px; } }
    .mypage-list__item a {
      display: block;
      box-sizing: border-box;
      padding: 13px 17px;
      color: #FFF;
      background: #A57A43;
      position: relative;
      transition: opacity 0.5s cubic-bezier(0.77, 0, 0.175, 1); }
      @media (max-width: 500px) {
        .mypage-list__item a {
          padding: 8px 20px 8px 8px;
          font-size: 1.2rem;
          font-family: -apple-system, BlinkMacSystemFont, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, "Helvetica Neue", HelveticaNeue, "Segoe UI", sans-serif; } }
      .mypage-list__item a::before {
        content: "";
        width: 8px;
        height: 8px;
        border-right: #FFF 2px solid;
        border-top: #FFF 2px solid;
        transform: rotate(45deg);
        margin: auto 0;
        position: absolute;
        top: 0;
        right: 15px;
        bottom: 0; }
      .mypage-list__item a:hover {
        opacity: .5; }

/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

_blog CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
.blogCont__detail-ttl, .blogCont__detail-ttl--doctor {
  display: block;
  box-sizing: border-box;
  margin: 0 auto 50px;
  padding: 10px 15px;
  font-size: 2.2rem;
  line-height: 1.5;
  color: #FFF;
  background: #E68982; }
  @media (max-width: 900px) {
    .blogCont__detail-ttl, .blogCont__detail-ttl--doctor {
      font-size: 2.2vw; } }
  @media (max-width: 500px) {
    .blogCont__detail-ttl, .blogCont__detail-ttl--doctor {
      font-size: 4vw;
      margin: 0 auto 30px;
      padding: 15px; } }

.blogCont__inner {
  display: flex;
  justify-content: space-between;
  width: 100%;
  max-width: 1250px;
  margin: 0 auto;
  padding: 0 25px; }
  @media (max-width: 900px) {
    .blogCont__inner {
      display: block; } }
  @media (max-width: 500px) {
    .blogCont__inner {
      padding: 0 15px; } }
.blogCont__listinner {
  box-sizing: border-box;
  width: 100%;
  max-width: 1250px;
  margin: 0 auto;
  padding: 0 25px; }
  @media (max-width: 500px) {
    .blogCont__listinner {
      padding: 0 15px; } }
.blogCont__maincont {
  width: calc(100% - 340px);
  padding: 0 0 100px; }
  @media (max-width: 900px) {
    .blogCont__maincont {
      width: 100%; } }
.blogCont__list {
  border-top: solid 1px #DDD; }
.blogCont__item {
  box-sizing: border-box;
  display: block;
  width: 100%;
  border-bottom: solid 1px #DDD; }
.blogCont__link {
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
  box-sizing: border-box;
  width: 100%;
  padding: 25px 0;
  transition: opacity .3s ease-in-out; }
  .blogCont__link:hover {
    opacity: .5; }
  @media (max-width: 500px) {
    .blogCont__link {
      display: block; } }
.blogCont__thumb {
  width: 150px; }
  @media (max-width: 500px) {
    .blogCont__thumb {
      width: 80px;
      margin: 0 15px 15px 0;
      float: left; } }
.blogCont__list-detail {
  width: calc(100% - 170px); }
  .blogCont__list-detail--nothumb {
    width: 100%; }
  @media (max-width: 500px) {
    .blogCont__list-detail {
      width: 100%; } }
.blogCont__title {
  display: block;
  font-size: 1.8rem;
  font-weight: bold;
  color: #A57A43;
  padding: 0 0 8px; }
  @media (max-width: 500px) {
    .blogCont__title {
      font-size: 1.6rem; } }
.blogCont__btn-area {
  margin: 50px auto; }
.blogCont__pagination {
  margin: 50px auto 100px; }
  @media (max-width: 500px) {
    .blogCont__pagination {
      margin: 50px auto 0; } }
  .blogCont__pagination .page-numbers {
    display: flex;
    justify-content: center; }
    .blogCont__pagination .page-numbers li .page-numbers {
      display: block;
      width: 30px;
      margin: 0 13px;
      padding: 9px 0 8px;
      font-family: -apple-system, BlinkMacSystemFont, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, "Helvetica Neue", HelveticaNeue, "Segoe UI", sans-serif;
      text-align: center;
      line-height: 1;
      border-radius: 50%; }
      .blogCont__pagination .page-numbers li .page-numbers.current {
        color: #FFF;
        background: #A57A43; }
      @media (max-width: 500px) {
        .blogCont__pagination .page-numbers li .page-numbers {
          margin: 0 5px; } }
    .blogCont__pagination .page-numbers li .page-numbers {
      transition: color 0.3s cubic-bezier(0.77, 0, 0.175, 1); }
      .blogCont__pagination .page-numbers li .page-numbers:hover {
        color: #A57A43; }
.blogCont__subinfo {
  display: flex;
  box-sizing: border-box;
  width: 100%;
  padding: 0 0 20px; }
.blogCont__item-date {
  display: block;
  width: 105px;
  padding: 0; }
.blogCont__item-category {
  display: block;
  width: calc(100% - 105px); }
  @media (max-width: 500px) {
    .blogCont__item-category {
      width: 100%; } }
.blogCont__item-icon {
  display: inline-block;
  margin: 0 14px 0 0;
  padding: 3px 16px;
  font-size: 1.2rem;
  font-family: -apple-system, BlinkMacSystemFont, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, "Helvetica Neue", HelveticaNeue, "Segoe UI", sans-serif;
  color: #FFF;
  background: #A57A43; }
  .blogCont__item-icon--doctor {
    display: inline-block;
    margin: 0 14px 0 0;
    padding: 3px 16px;
    font-size: 1.2rem;
    font-family: -apple-system, BlinkMacSystemFont, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, "Helvetica Neue", HelveticaNeue, "Segoe UI", sans-serif;
    color: #FFF;
    background: #4265A6; }
  @media (max-width: 500px) {
    .blogCont__item-icon {
      margin: 0 8px 8px 0;
      padding: 3px 10px;
      font-size: 1rem; } }
.blogCont__detail-ttl--doctor {
  background: #4265A6; }
.blogCont__sidemenu {
  width: 270px; }
  @media (max-width: 900px) {
    .blogCont__sidemenu {
      width: 100%; } }
.blogCont__sidetitle {
  display: block;
  padding: 6px 13px;
  font-size: 1.6rem;
  color: #FFF;
  background: #A57A43; }
  .blogCont__sidetitle--doctor {
    display: block;
    padding: 6px 13px;
    font-size: 1.6rem;
    color: #FFF;
    background: #4265A6; }
.blogCont__sidelist {
  display: block;
  margin: 0 auto 60px; }
  .blogCont__sidelist li {
    display: block;
    padding: 13px;
    border-bottom: solid 1px #DDD; }
    .blogCont__sidelist li a {
      display: block;
      transition: opacity .3s ease-in-out; }
      .blogCont__sidelist li a:hover {
        opacity: .5; }
.blogCont__search-cont {
  margin-top: 60px; }
.blogCont__side-search {
  position: relative;
  width: 100%;
  margin: 0 0 clamp(20px, 3vw, 30px) auto;
  /* 右寄せ */ }
.blogCont__side-search-form-wrapper {
  display: flex;
  /* フレックスボックスを使用 */
  width: 100%; }
  .blogCont__side-search-form-wrapper input[type=text] {
    flex: 1;
    /* 入力欄をフレックスアイテムとして設定 */
    height: 45px;
    padding: 0.5em 1em;
    background-color: #ffffff;
    border: 1px solid #666666;
    border-right: none;
    /* ボタンとの境界線を削除 */
    font-size: 14px; }
.blogCont__side-search-form-input {
  flex: 1;
  /* 入力欄をフレックスアイテムとして設定 */
  height: 45px;
  padding: 0.5em 1em;
  background-color: #ffffff;
  border-right: none;
  /* ボタンとの境界線を削除 */
  font-size: 14px; }
.blogCont__side-search-form-button {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #A57A43;
  /* 青を設定 */
  border: 1px solid #A57A43;
  color: #ffffff;
  border: 0;
  border-left: none;
  /* 入力欄との境界線を削除 */
  padding: 0 16px;
  cursor: pointer;
  font-size: 16px; }
  .blogCont__side-search-form-button:hover {
    background-color: #4169e1;
    /* ホバー時の色 */ }
.blogCont__search-result {
  color: #A57A43;
  font-size: 2rem;
  font-weight: bold; }
.blogCont__search-list {
  margin: 30px 0 0;
  border-top: solid 1px #DDD; }
.blogCont__search-list-item {
  display: block;
  padding: 13px;
  border-bottom: solid 1px #DDD; }
.blogCont__search-list-link {
  font-size: 1.6rem;
  transition: opacity .3s ease-in-out; }
  .blogCont__search-list-link:hover {
    opacity: .5; }
.blogCont__search-list-ttl {
  font-weight: bold; }
.blogCont__search-list-excerpt {
  margin-top: 5px; }
.blogCont__search-notfound-text {
  margin: 20px 0 0; }
.blogCont__search-notfound {
  margin: 20px 0 0; }

/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

_beginner CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
.beginner__inner {
  box-sizing: border-box;
  width: 100%;
  max-width: 1250px;
  margin: 0 auto;
  padding: 0 25px; }
  @media (max-width: 500px) {
    .beginner__inner {
      padding: 0 15px; } }

/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

_about CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
.about__cont-inner, .about__profile-box {
  box-sizing: border-box;
  width: 100%;
  max-width: 1250px;
  margin: 0 auto;
  padding: 0 25px; }
  @media (max-width: 500px) {
    .about__cont-inner, .about__profile-box {
      padding: 0 15px; } }

.about__pankuzu {
  box-sizing: border-box;
  width: 100%;
  max-width: 1250px;
  margin: 0 auto;
  padding: 18px 25px; }
  @media (max-width: 500px) {
    .about__pankuzu {
      padding: 18px 15px; } }
  .about__pankuzu p, .about__pankuzu a {
    font-family: -apple-system, BlinkMacSystemFont, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, "Helvetica Neue", HelveticaNeue, "Segoe UI", sans-serif;
    color: #999; }
.about__inner {
  box-sizing: border-box;
  width: 100%;
  margin: 0 auto; }
.about__topmessage {
  width: 100%;
  box-sizing: border-box;
  margin: 0 auto 100px;
  padding: 50px 25px;
  background: url(/assets/img/guide/top_bg.jpg) no-repeat center center;
  background-size: 100% auto; }
  @media (max-width: 500px) {
    .about__topmessage {
      margin: 0 auto 50px;
      padding: 30px 15px;
      background-position: top center; } }
.about__topmessage-ttl {
  font-size: 3rem;
  text-align: center;
  color: #A57A43;
  margin: 0 auto 40px; }
  @media (max-width: 500px) {
    .about__topmessage-ttl {
      font-size: 1.8rem;
      margin: 0 auto 30px;
      text-align: left; } }
.about__topmessage-txt {
  text-align: center; }
  @media (max-width: 500px) {
    .about__topmessage-txt {
      text-align: left; } }
.about__movie {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
  padding: 0 0 100px; }
  @media (max-width: 500px) {
    .about__movie {
      padding: 0 0 80px; } }
.about__movie-box {
  width: 100%;
  height: 0;
  position: relative;
  padding-top: 56.25%;
  overflow: hidden; }
  .about__movie-box iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important; }
.about__movie-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%; }
.about__profile {
  margin: 0 auto 100px;
  padding: 50px 25px;
  background: #F1ECE2; }
  @media (max-width: 500px) {
    .about__profile {
      margin: 0 auto 50px;
      padding: 30px 15px; } }
.about__profile-box {
  max-width: 1200px;
  padding: 35px 20px;
  background: #FFF; }
.about__profile-flex {
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse; }
  @media (max-width: 500px) {
    .about__profile-flex {
      display: block; } }
.about__profile-img {
  width: 25%;
  margin: 0 0 30px; }
  @media (max-width: 500px) {
    .about__profile-img {
      width: 60%;
      margin: 0 auto 20px; } }
.about__profile-txtbox {
  width: 73%; }
  @media (max-width: 500px) {
    .about__profile-txtbox {
      width: 100%; } }
.about__profile-class {
  color: #E68982;
  font-weight: bold;
  margin: 0 0 10px; }
.about__profile-name {
  margin: 0 0 35px;
  font-size: 2.4rem;
  font-weight: bold;
  color: #A57A43; }
.about__belongs-flex {
  display: flex;
  justify-content: space-between; }
  @media (max-width: 500px) {
    .about__belongs-flex {
      display: block;
      margin: 30px auto 0; } }
.about__belongs {
  box-sizing: border-box;
  width: 50%;
  padding: 0 40px 0 0; }
  .about__belongs:last-child {
    padding: 0 0 0 40px;
    border-left: solid 1px #CCC; }
  @media (max-width: 500px) {
    .about__belongs {
      width: 100%;
      margin: 0 auto 20px;
      padding: 0; }
      .about__belongs:last-child {
        padding: 0;
        border-left: none; } }
.about__belongs-ttl {
  font-weight: bold;
  color: #E68982; }
.about__policy {
  display: flex;
  justify-content: space-between;
  margin: 0 auto 100px; }
  @media (max-width: 500px) {
    .about__policy {
      display: block;
      margin: 0 auto 50px; } }
.about__policy-item {
  width: 32.5%;
  padding: 0 0 30px;
  background: #F1ECE2; }
  .about__policy-item:nth-child(2n) {
    background: #E9DFD6; }
  @media (max-width: 500px) {
    .about__policy-item {
      width: 100%;
      margin: 0 auto 20px;
      padding: 0 0 20px; } }
.about__policy-img {
  margin: 0 0 16px; }
.about__policy-ttl {
  display: block;
  margin: 0 0 13px;
  padding: 0 18px;
  font-size: 2.4rem;
  line-height: 1.5;
  color: #A57A43; }
  @media (max-width: 500px) {
    .about__policy-ttl {
      font-size: 1.8rem; } }
  .about__policy-ttl--small {
    font-size: 1.4rem; }
.about__policy-txt {
  display: block;
  padding: 0 18px; }
.about__service {
  display: flex;
  justify-content: space-between;
  margin: 0 auto 100px; }
  @media (max-width: 500px) {
    .about__service {
      display: block;
      margin: 0 auto 50px; } }
.about__service-center {
  text-align: center; }
.about__service-item {
  width: 48.333%;
  margin: 0 auto;
  padding: 10px 10px 25px;
  box-shadow: 0 0 0 4px #A57A43 inset, 0 0 0 6px #F9F5F2 inset, 0 0 0 7px #A57A43 inset; }
  @media (max-width: 500px) {
    .about__service-item {
      width: 100%;
      margin: 0 auto 20px;
      padding: 10px 10px 20px; } }
.about__service-txt {
  margin: 30px 0;
  padding: 0 20px; }
.about__recommend-img {
  width: 250px; }
  @media (max-width: 500px) {
    .about__recommend-img {
      width: 60vw;
      margin: 0 auto; } }
.about__recommend-text {
  width: calc(100% - 290px); }
  @media (max-width: 500px) {
    .about__recommend-text {
      width: 100%;
      margin: 30px auto 0; } }
.about__dialog {
  padding: 0 0 50px; }
.about__talk {
  display: flex;
  align-items: flex-start;
  margin: 50px 0 0; }
  .about__talk-text {
    box-sizing: border-box;
    width: calc(100% - 100px);
    padding: 0 0 0 40px;
    font-size: 1.6rem; }
    @media (max-width: 500px) {
      .about__talk-text {
        width: calc(100% - 80px);
        padding: 0 0 0 30px;
        font-size: 1.4rem; } }
  .about__talk-name {
    font-size: 1.6rem;
    text-align: center;
    font-weight: normal;
    line-height: 1;
    padding: 13px 0 0;
    color: #E68982; }
    @media (max-width: 500px) {
      .about__talk-name {
        font-size: 1.4rem; } }
  .about__talk-inner {
    box-sizing: border-box;
    width: 100%;
    padding: 30px;
    font-weight: normal;
    border: solid 2px #A57943;
    border-radius: 6px;
    position: relative; }
    @media (max-width: 500px) {
      .about__talk-inner {
        padding: 20px 15px; } }
    .about__talk-inner .about__talk-parts {
      width: 25px;
      height: 23px;
      position: absolute;
      top: 28px; }
  .about__talk.talk_left {
    flex-direction: row-reverse; }
    .about__talk.talk_left .about__talk-name {
      color: #0040FF; }
    .about__talk.talk_left .about__talk-text {
      padding: 0 40px 0 0; }
      .about__talk.talk_left .about__talk-text .about__talk-name {
        text-align: right; }
      .about__talk.talk_left .about__talk-text .about__talk-inner .about__talk-parts {
        right: -25px; }
  .about__talk.talk_right .about__talk-inner .about__talk-parts {
    left: -25px; }
  .about__talk-img {
    width: 100px; }
    @media (max-width: 500px) {
      .about__talk-img {
        width: 70px; } }

/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

_about CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
.bodycare__txtBox--box1, .bodycare__txtBox--box2, .bodycare__txtBox--box3, .bodycare__txtBox--box4, .bodycare__txtBox--box5, .bodycare__txtBox--box6 {
  width: 35.4%;
  box-sizing: border-box;
  padding: 13px 15px;
  border-radius: 5px;
  line-height: 1.6;
  background: rgba(204, 204, 204, 0.5);
  position: absolute;
  z-index: 1; }
  @media (max-width: 1200px) {
    .bodycare__txtBox--box1, .bodycare__txtBox--box2, .bodycare__txtBox--box3, .bodycare__txtBox--box4, .bodycare__txtBox--box5, .bodycare__txtBox--box6 {
      width: 100%;
      margin: 0 0 30px;
      padding: 0 15px;
      background: none;
      position: static; } }

.bodycare {
  max-width: 932px;
  margin: 0 auto; }
  .bodycare__sp-days {
    display: none;
    justify-content: space-between;
    margin: 0 auto 50px; }
    @media (max-width: 1200px) {
      .bodycare__sp-days {
        display: flex; } }
  .bodycare__sp-days-photoBox {
    width: 82px; }
  .bodycare__sp-days-textBox {
    width: calc(100% - 97px); }
  .bodycare__detail {
    width: 100%;
    margin: 0 auto 30px;
    position: relative; }
  .bodycare__bodyimg {
    width: 40.772%;
    margin: 0 auto;
    padding: 0;
    position: relative; }
    @media (max-width: 1200px) {
      .bodycare__bodyimg {
        padding: 0; } }
  .bodycare__img-pc {
    width: auto;
    max-width: 100%; }
    @media (max-width: 1200px) {
      .bodycare__img-pc {
        display: none; } }
  .bodycare__img-sp {
    display: none; }
    @media (max-width: 1200px) {
      .bodycare__img-sp {
        display: block; } }
  .bodycare__pc-days {
    width: 35.4%;
    box-sizing: border-box;
    padding: 13px 15px;
    position: absolute;
    left: 0;
    top: 0;
    border: solid 1px #d27373;
    border-radius: 5px; }
    @media (max-width: 1200px) {
      .bodycare__pc-days {
        display: none; } }
  .bodycare__pc-days_img {
    width: 150px;
    margin: 0 0 14px; }
  .bodycare__pc-days_txt {
    color: #d27373; }
  .bodycare__txtBox--box1 {
    left: 0;
    top: 38%; }
  .bodycare__txtBox--box2 {
    left: 0;
    top: 69.3%; }
  .bodycare__txtBox--box3 {
    right: 0;
    top: 3%; }
  .bodycare__txtBox--box4 {
    right: 0;
    top: 28%; }
  .bodycare__txtBox--box5 {
    right: 0;
    top: 56%; }
  .bodycare__txtBox--box6 {
    right: 0;
    top: 85%; }
  .bodycare__txtBox_title {
    color: #E68982;
    font-family: -apple-system, BlinkMacSystemFont, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, "Helvetica Neue", HelveticaNeue, "Segoe UI", sans-serif; }
    @media (max-width: 1200px) {
      .bodycare__txtBox_title {
        margin: 0 0 10px;
        font-size: 1.6rem;
        font-weight: bold;
        border-bottom: solid 2px #E68982; } }
    .bodycare__txtBox_title--sub {
      font-weight: bold;
      font-size: 1.2rem;
      font-family: -apple-system, BlinkMacSystemFont, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, "Helvetica Neue", HelveticaNeue, "Segoe UI", sans-serif;
      color: #E68982; }
      @media (max-width: 1200px) {
        .bodycare__txtBox_title--sub {
          display: inline-block;
          margin: 12px 0 0;
          padding: 3px 10px;
          color: #FFF;
          font-size: 1.4rem;
          font-family: -apple-system, BlinkMacSystemFont, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, "Helvetica Neue", HelveticaNeue, "Segoe UI", sans-serif;
          background: #E68982; } }
  .bodycare__txtBox_txt {
    font-size: 1.2rem;
    font-family: -apple-system, BlinkMacSystemFont, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, "Helvetica Neue", HelveticaNeue, "Segoe UI", sans-serif; }
    @media (max-width: 1200px) {
      .bodycare__txtBox_txt {
        font-size: 1.4rem; } }
  .bodycare__colorbox {
    margin: 0 auto 100px;
    padding: 15px;
    color: #FFF;
    background: #E68982; }
    @media (max-width: 1200px) {
      .bodycare__colorbox {
        margin: 0 auto 80px; } }
  .bodycare__cont2 {
    width: 100%;
    margin: 0 auto 50px;
    text-align: center; }
  .bodycare__border-box {
    display: inline-block;
    padding: 15px;
    border: solid 3px #CCC; }
  .bodycare__border-box-img {
    width: auto;
    max-width: 100%; }
  .bodycare__flexbox-img {
    width: auto;
    max-width: 100%; }

/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

_about CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
.babycare__centerbox {
  width: 100%;
  margin: 0 0 100px;
  text-align: center; }
  @media (max-width: 500px) {
    .babycare__centerbox {
      text-align: left; } }
.babycare__centertxt {
  display: inline-block;
  padding: 15px 30px;
  color: #FFF;
  font-size: 1.8rem;
  background: #E68982; }
  @media (max-width: 900px) {
    .babycare__centertxt {
      font-size: 1.6rem; } }
  @media (max-width: 500px) {
    .babycare__centertxt {
      font-size: 1.4rem; } }
.babycare__img-box {
  margin: 0 auto 50px; }
  .babycare__img-box--last {
    margin: 0 auto 100px; }
    @media (max-width: 500px) {
      .babycare__img-box--last {
        margin: 0 auto 60px; } }
.babycare__img-pc {
  width: auto;
  max-width: 100%;
  margin: 0 auto; }
  @media (max-width: 500px) {
    .babycare__img-pc {
      display: none; } }
.babycare__img-sp {
  display: none;
  width: auto;
  max-width: 100%;
  margin: 0 auto; }
  @media (max-width: 500px) {
    .babycare__img-sp {
      display: block; } }
.babycare__text {
  display: block;
  width: 900px;
  margin: 0 auto 100px; }
  @media (max-width: 500px) {
    .babycare__text {
      margin: 0 auto 60px; } }

/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

salon-form CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
.salon-form__privacy {
  text-align: center;
  margin-bottom: 30px;
  display: block; }
  @media (max-width: 500px) {
    .salon-form__privacy {
      text-align: left; } }
.salon-form__privacy-links {
  text-decoration: underline;
  transition: opacity .3s ease-in-out; }
  .salon-form__privacy-links:hover {
    opacity: .5; }
.salon-form__inner {
  max-width: 830px;
  margin: 0 auto;
  font-size: 15px; }
.salon-form__item-cont-inner {
  display: flex;
  justify-content: space-between; }
.salon-form__att {
  margin-bottom: 10px;
  color: #FF0004; }
.salon-form__item-point {
  color: #FF0004; }
.salon-form__item {
  display: flex;
  padding: 15px 0;
  border-bottom: #eee solid 1px;
  position: relative; }
  @media (max-width: 500px) {
    .salon-form__item {
      border-bottom: none;
      padding: 15px 0 0; } }
  .salon-form__item::after {
    content: "";
    width: 200px;
    height: 1px;
    background: #E68982;
    position: absolute;
    bottom: -1px;
    left: 0; }
    @media (max-width: 500px) {
      .salon-form__item::after {
        display: none; } }
  .salon-form__item:first-child {
    border-top: #eee solid 1px;
    /*@include sp {
        display: none;
    }*/ }
    .salon-form__item:first-child::before {
      content: "";
      width: 200px;
      height: 1px;
      background: #E68982;
      position: absolute;
      top: -1px;
      left: 0; }
      @media (max-width: 500px) {
        .salon-form__item:first-child::before {
          display: none; } }
  @media (max-width: 500px) {
    .salon-form__item {
      display: block; } }
.salon-form__item-full {
  display: block; }
.salon-form__item-name {
  width: 250px;
  padding: 8px 10px; }
  @media (max-width: 500px) {
    .salon-form__item-name {
      width: 100%;
      background: #eee;
      padding: 5px;
      margin-bottom: 10px; } }
.salon-form__item-cont {
  width: calc(100% - 250px); }
  @media (max-width: 500px) {
    .salon-form__item-cont {
      width: 100%; } }
.salon-form__item-cont-full {
  width: 100%; }
.salon-form__send {
  width: 250px;
  line-height: 60px;
  margin: 40px auto 80px;
  background: #000;
  color: #FFF;
  text-align: center;
  font-size: 15px; }
.salon-form__visit_privilege {
  margin-bottom: 30px; }
.salon-form__visit_privilege-ttl {
  text-align: center;
  font-size: 25px;
  font-weight: bold;
  margin-bottom: 10px; }
.salon-form__visit_privilege-inner {
  padding: 10px;
  border: #DDD solid 1px; }
.salon-form__benefits {
  padding-left: 20px;
  margin-bottom: 10px;
  position: relative; }
  .salon-form__benefits::after {
    content: "・";
    position: absolute;
    left: 0;
    top: 0; }
  .salon-form__benefits:last-child {
    margin-bottom: 0; }
.salon-form__btn-box {
  padding: 50px 0 0;
  text-align: center; }
  @media (max-width: 500px) {
    .salon-form__btn-box {
      padding: 25px 0 0; } }
.salon-form__btn-wrap {
  position: relative;
  display: inline-block;
  vertical-align: bottom; }
  .salon-form__btn-wrap.entry_back_btn {
    display: none; }
  .salon-form__btn-wrap.entry_back_btn.active {
    display: inline-block; }
.salon-form__back-btn-wrap {
  display: inline-block;
  margin: 0 10px 15px; }
.salon-form__back-btn {
  display: inline-block;
  box-sizing: border-box;
  height: 50px;
  padding: 0 25px 0 25px;
  border: solid 1px #E68982 !important;
  color: #000;
  background: none;
  text-align: center;
  position: relative;
  transition: all 0.3s cubic-bezier(0.77, 0, 0.175, 1); }
  .salon-form__back-btn:hover {
    color: #FFF;
    background: #E68982; }
.salon-form__entry-complete-message {
  text-align: center;
  margin-bottom: 20px; }
.salon-form__entry-complete-top {
  text-align: center;
  margin-top: 40px;
  display: block;
  opacity: 1;
  transition: opacity .3s ease-in-out; }
  .salon-form__entry-complete-top:hover {
    opacity: .5; }
.salon-form__notice {
  font-size: 14px;
  margin-top: 12px; }
  @media (max-width: 500px) {
    .salon-form__notice {
      font-size: 12px; } }
.salon-form__cont {
  /*input[type='submit'], button[type='submit'] {
  	width: 100%;
  	font-size: 13px;
  	color: #FFF;
  	border: none;
  	padding: 15px 70px 15px 30px;
  	background: none;
  	cursor: pointer;
  }*/ }
  .salon-form__cont input[type="text"],
  .salon-form__cont input[type="email"] {
    width: 100%;
    padding: 10px;
    border: #CCC solid 1px; }
  .salon-form__cont input[type="text"].input-half {
    width: 48%; }
  .salon-form__cont select {
    display: inline-block;
    width: auto;
    outline: none;
    color: #333;
    text-overflow: '';
    vertical-align: middle;
    background-color: #FFF;
    padding: 10px 45px 10px 10px !important;
    border: #CCC solid 1px;
    background: get-selectbtn-svg(#333) no-repeat center right 10px; }
    @media (max-width: 500px) {
      .salon-form__cont select {
        background: get-selectbtn-svg(#333) no-repeat center right 5px; } }
    .salon-form__cont select option {
      color: #333; }
    .salon-form__cont select::-ms-expand {
      display: none; }
    .salon-form__cont select:-moz-focusring {
      color: transparent;
      text-shadow: 0 0 0 #000; }
  .salon-form__cont textarea {
    width: 100%;
    padding: 10px;
    border: #CCC solid 1px; }
  .salon-form__cont .radio-area {
    display: flex;
    flex-wrap: wrap;
    padding-top: 8px; }
  .salon-form__cont .radio-area-item {
    margin-right: 10px;
    display: block; }
  .salon-form__cont .radio-area-button {
    opacity: 0;
    appearance: none;
    position: absolute; }
  .salon-form__cont .mw_wp_form .horizontal-item + .horizontal-item {
    margin-left: 0 !important; }
  .salon-form__cont .mw_wp_form .horizontal-item {
    margin-right: 10px; }
  .salon-form__cont .mwform-radio-field-text {
    position: relative;
    display: flex;
    align-items: center; }
  .salon-form__cont .radio-area-button:checked + .mwform-radio-field-text::after {
    content: '';
    position: absolute;
    left: calc(8px - 4px);
    display: block;
    border-radius: 50%;
    width: 10px;
    height: 10px;
    background-color: #000; }
  .salon-form__cont .mwform-radio-field-text::before {
    content: '';
    display: block;
    border-radius: 50%;
    border: 1px solid #ccc;
    width: 16px;
    height: 16px;
    margin-right: 5px; }
  .salon-form__cont .form-check-area {
    display: flex;
    flex-wrap: wrap; }
  .salon-form__cont .form-check-item {
    display: block;
    margin-right: 10px; }
  .salon-form__cont .form-check-input {
    opacity: 0;
    appearance: none;
    position: absolute; }
  .salon-form__cont .mwform-checkbox-field-text {
    position: relative;
    display: flex;
    align-items: center;
    padding: 0 0 0 20px; }
  .salon-form__cont .mwform-checkbox-field-text::before {
    position: absolute;
    left: 0;
    display: block;
    border: 1px solid #ccc;
    content: '';
    width: 16px;
    height: 16px; }
  .salon-form__cont .form-check-input:checked + .mwform-checkbox-field-text::after {
    position: absolute;
    top: 6px;
    left: 6px;
    display: block;
    border-right: 1px solid #333;
    border-bottom: 1px solid #333;
    content: '';
    width: 5px;
    height: 10px;
    transform: rotate(45deg); }
  .salon-form__cont .mw_wp_form_confirm .privacy-check,
  .salon-form__cont .mw_wp_form_complete .privacy-check {
    display: none; }
  .salon-form__cont .mw_wp_form_confirm .form-contact__item-cont {
    padding: 8px 0; }

/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

_recruit CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
.recruit__cont-inner, .recruit__main-img {
  box-sizing: border-box;
  width: 100%;
  max-width: 1250px;
  margin: 0 auto;
  padding: 0 25px; }
  @media (max-width: 500px) {
    .recruit__cont-inner, .recruit__main-img {
      padding: 0 15px; } }

.recruit__inner {
  box-sizing: border-box;
  width: 100%;
  margin: 0 auto; }
  .recruit__inner .salon__staffinfo-txt + .salon__staffinfo-class {
    padding-top: 24px; }
.recruit__cont-inner.staff {
  padding: 0 0 75px; }
  @media (max-width: 900px) {
    .recruit__cont-inner.staff {
      padding: 0 25px calc(10vw - 25px); } }
  @media (max-width: 500px) {
    .recruit__cont-inner.staff {
      padding: 0 15px calc(15vw - 25px); } }
.recruit__cont-inner.mate {
  max-width: 1050px; }
.recruit__main-img {
  padding-bottom: 100px; }
  @media (max-width: 900px) {
    .recruit__main-img {
      padding-bottom: 10vw; } }
  @media (max-width: 500px) {
    .recruit__main-img {
      padding-bottom: 15vw; } }
.recruit__concept {
  margin: 0 auto 73px;
  font-size: 2.8rem;
  color: #A57A43;
  text-align: center; }
  @media (max-width: 900px) {
    .recruit__concept {
      font-size: 2.8vw; } }
  @media (max-width: 500px) {
    .recruit__concept {
      font-size: 4.5vw;
      margin: 0 auto 60px; } }
.recruit__top-message {
  padding: 0 0 100px;
  text-align: center;
  font-size: 1.8rem;
  line-height: 2.5; }
  @media (max-width: 900px) {
    .recruit__top-message {
      padding: 0 0 10vw; } }
  @media (max-width: 500px) {
    .recruit__top-message {
      padding: 0 0 15vw;
      font-size: 1.6rem;
      line-height: 2; } }
.recruit__pagelink-list {
  padding: 0 0 70px; }
  @media (max-width: 900px) {
    .recruit__pagelink-list {
      margin: 0 0 7vw; } }
  @media (max-width: 500px) {
    .recruit__pagelink-list {
      margin: 0 0 10.5vw; } }
.recruit__pagelink-item {
  width: 31.111%;
  margin: 0 0 30px; }
  @media (max-width: 900px) {
    .recruit__pagelink-item {
      margin: 0 0 3vw; } }
  @media (max-width: 500px) {
    .recruit__pagelink-item {
      width: 49%;
      margin: 0 0 4.5vw;
      line-height: 1.5; } }
  .recruit__pagelink-item a {
    padding: 10px 17px; }
    @media (max-width: 500px) {
      .recruit__pagelink-item a {
        font-size: 1.4rem; } }
.recruit__message-leftbox, .recruit__message-rightbox {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
  padding: 0 0 100px; }
  @media (max-width: 900px) {
    .recruit__message-leftbox, .recruit__message-rightbox {
      padding-bottom: 10vw; } }
  @media (max-width: 500px) {
    .recruit__message-leftbox, .recruit__message-rightbox {
      display: block;
      padding-bottom: 15vw; } }
.recruit__message-rightbox {
  flex-direction: row-reverse; }
.recruit__message-subtxt {
  font-size: 2rem;
  font-weight: bold; }
.recruit__message-leftbox, .recruit__message-rightbox {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  padding: 80px 0 100px; }
  @media (max-width: 900px) {
    .recruit__message-leftbox, .recruit__message-rightbox {
      padding: 8vw 0 10vw; } }
  @media (max-width: 500px) {
    .recruit__message-leftbox, .recruit__message-rightbox {
      display: block;
      padding: 12vw 0 15vw; } }
.recruit__message-rightbox {
  flex-direction: row-reverse; }
.recruit__message-img {
  width: 250px; }
  @media (max-width: 500px) {
    .recruit__message-img {
      width: 180px;
      margin: 0 auto; } }
.recruit__message-txtbox {
  width: calc(100% - 310px); }
  @media (max-width: 500px) {
    .recruit__message-txtbox {
      width: 100%;
      padding: 20px 0 0; } }
.recruit__message-txt + .recruit__message-subttl {
  padding-top: 40px; }
  @media (max-width: 500px) {
    .recruit__message-txt + .recruit__message-subttl {
      padding-top: 20px; } }
.recruit__message-subttl {
  padding: 0 0 20px;
  font-size: 2rem;
  font-weight: bold; }
  @media (max-width: 500px) {
    .recruit__message-subttl {
      font-size: 1.6rem; } }
.recruit__message-name {
  text-align: right;
  padding: 40px 0 0;
  color: #A57A43; }
.recruit__message-name-big {
  font-size: 2.2rem; }
  @media (max-width: 500px) {
    .recruit__message-name-big {
      font-size: 1.8rem; } }
.recruit__info-list {
  display: flex;
  justify-content: space-between;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  box-sizing: border-box;
  border-top: solid 1px #DDD; }
  .recruit__info-list.last {
    border-bottom: solid 1px #DDD; }
  @media (max-width: 500px) {
    .recruit__info-list {
      display: block; } }
.recruit__info-list-dt {
  width: 170px;
  padding: 30px 0; }
  @media (max-width: 500px) {
    .recruit__info-list-dt {
      width: 100%;
      padding: 15px 0 5px;
      font-weight: bold; } }
.recruit__info-list-dd {
  width: calc(100% - 180px);
  padding: 30px 0; }
  @media (max-width: 500px) {
    .recruit__info-list-dd {
      width: 100%;
      padding: 15px 0; } }
.recruit__btn-frame {
  display: flex;
  justify-content: center;
  box-sizing: border-box;
  width: 100%;
  max-width: 1250px;
  margin: 0 auto;
  padding: 60px 25px 100px;
  text-align: center; }
  @media (max-width: 900px) {
    .recruit__btn-frame {
      padding: 6vw 0 10vw; } }
  @media (max-width: 500px) {
    .recruit__btn-frame {
      display: block;
      padding: 9vw 0 15vw; } }
.recruit__mate-txt {
  padding: 50px 0 0; }
  .recruit__mate-txt a {
    text-decoration: underline; }
.recruit__mate-txt-center {
  padding: 50px 0 0;
  text-align: center; }
.recruit__mate-ttl {
  margin: 100px auto 0;
  font-size: 2.8rem;
  color: #A57A43;
  text-align: center; }
  @media (max-width: 900px) {
    .recruit__mate-ttl {
      margin: 10vw auto 0;
      font-size: 2.8vw; } }
  @media (max-width: 500px) {
    .recruit__mate-ttl {
      font-size: 4.5vw;
      margin: 15vw auto 0; } }
.recruit__mate-ttl-sub {
  font-size: 2rem;
  padding: 100px 0 0;
  color: #A57A43;
  text-align: center; }
  @media (max-width: 900px) {
    .recruit__mate-ttl-sub {
      padding: 10vw 0 0; } }
  @media (max-width: 500px) {
    .recruit__mate-ttl-sub {
      display: block;
      padding: 15vw 0 0; } }
.recruit__mate-txtbox {
  display: block;
  box-sizing: border-box;
  max-width: 500px;
  margin: 50px auto 0;
  padding: 20px;
  border: solid 1px #CCC; }
  @media (max-width: 900px) {
    .recruit__mate-txtbox {
      margin: 5vw auto 0; } }
  @media (max-width: 500px) {
    .recruit__mate-txtbox {
      margin: 7.5vw auto 0;
      padding: 10px; } }

/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/

price CSS

_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
.price__cont {
  max-width: 1000px;
  margin: 100px auto 0; }
  @media (max-width: 900px) {
    .price__cont {
      margin: 10vw auto 0; } }
  @media (max-width: 500px) {
    .price__cont {
      margin: 15vw auto 0; } }
  .price__cont#price03 {
    margin: 100px auto; }
    @media (max-width: 900px) {
      .price__cont#price03 {
        margin: 10vw auto; } }
    @media (max-width: 500px) {
      .price__cont#price03 {
        margin: 15vw auto; } }
.price__sp-txt {
  display: none;
  text-align: center;
  color: #E68982;
  font-weight: bold; }
  @media (max-width: 500px) {
    .price__sp-txt {
      display: block; } }
.price__img {
  max-width: 1000px;
  margin: 0 auto; }
  @media (max-width: 500px) {
    .price__img {
      display: none; } }
.price__img-link {
  display: none;
  max-width: 1000px;
  margin: 20px auto 0; }
  @media (max-width: 500px) {
    .price__img-link {
      display: block; } }
.price__trial-btn {
  display: flex;
  max-width: 600px;
  margin: 0 auto 20px;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  padding: 15px 10px;
  text-align: center;
  font-size: 1.6rem;
  color: #FFF;
  border-radius: 15px;
  background: #A57A43;
  transition: opacity 0.5s cubic-bezier(0.77, 0, 0.175, 1); }
  .price__trial-btn:hover {
    opacity: .5; }
.price__sub-txt {
  margin: 1.5em 0 0; }