@charset "UTF-8";
/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Prevent adjustments of font size after orientation changes in IE and iOS.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 * 2. Add the correct display in IE.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  /* 1 */
  display: block;
}

/**
 * Add the correct display in IE 9-.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Add the correct display in IE 10-.
 * 1. Add the correct display in IE.
 */
template,
[hidden] {
  display: none;
}

/* Links
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent;
  /* 1 */
  -webkit-text-decoration-skip: objects;
  /* 2 */
}

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
  outline-width: 0;
}

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  -moz-box-sizing: content-box;
       box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/* Forms
   ========================================================================== */
/**
 * 1. Change font properties to `inherit` in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
select,
textarea {
  font: inherit;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * Restore the font weight unset by the previous rule.
 */
optgroup {
  font-weight: bold;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  -moz-box-sizing: border-box;
       box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type="checkbox"],
[type="radio"] {
  -moz-box-sizing: border-box;
       box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.
 */
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Correct the text style of placeholders in Chrome, Edge, and Safari.
 */
::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

@font-face {
  font-family: 'CustomMincho';
  src: url("../fonts/KozGoPro-Bold.woff2") format('woff2'),
       url("../fonts/KozGoPro-Bold.woff") format('woff'),
       url("../fonts/KozGoPro-Bold.otf") format('opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'CustomMinchoJP';
  src: url("../fonts/NotoSerifJP-Regular.woff2") format('woff2'),
       url("../fonts/NotoSerifJP-Regular.woff") format('woff');
  font-weight: normal;
  font-style: normal;
}


html {
  font-size: 10px;
}

body {
  overflow-wrap: break-word;
}

a,
a:link,
a:visited,
a:active,
a:hover,
a:hover img {
  text-decoration: none;
  color: #000;
}

a:hover {
  text-decoration: none;
}

a:hover,
a:hover img,
.img_hover:hover {
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
  opacity: .80;
}

a {
  color: #000;
}

img {
  vertical-align: bottom;
  max-width: 100%;
  width: auto;
  height: auto;
}

div,
p {
  /*word-break: break-all;*/
}

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

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

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

body,
td,
th,
input,
textarea {
  font-family: 
    "CustomMinchoJP", /* 日本語専用フォント */
    "CustomMincho", /* 英数字専用フォント */
    "游明朝", 
    "Yu Mincho", 
    "ヒラギノ明朝 ProN", 
    "Hiragino Mincho ProN", 
    "MS 明朝", 
    "MS Mincho", 
    "Times New Roman", 
    serif;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.5;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


* {
  -moz-box-sizing: border-box;
       box-sizing: border-box;
}

*:before, *:after {
  -moz-box-sizing: border-box;
       box-sizing: border-box;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 400;
}

figure, picture {
  line-height: 0;
}

picture {
  display: block;
}

html, body {
  width: 100%;
  height: 100%;
}

button {
  cursor: pointer;
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}

button:hover {
  opacity: 0.7;
}

@-webkit-keyframes hvr-pop {
  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}

@-moz-keyframes hvr-pop {
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
         transform: scale(1.1);
  }
}

@keyframes hvr-pop {
  50% {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
         transform: scale(1.1);
  }
}

@font-face {
  font-family: "DIN Bold";
  src: url("../fonts/DIN-2014_Bold.otf");
}

@font-face {
  font-family: "DIN Demi";
  src: url("../fonts/DIN-2014_Demi.otf");
}

@media screen and (min-width: 769px), print {
  a[href^=tel] {
    pointer-events: none;
    text-decoration: none;
    cursor: default !important;
  }
  .row {
    max-width: 1000px;
    width: 100%;
    margin: auto;
  }
  .show_sp {
    display: none !important;
  }
  .container {
    overflow: hidden;
    max-width: 750px;
    margin: auto;
  }
  .header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 11px;
    z-index: 99;
  }
  .header__main {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .header__main--type {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .header__main--type li {
    margin: 0 5px;
    color: #fff;
    font-size: 25px;
    line-height: 1;
    font-family: 'KozB';
    background: #b68f33;
    padding: 7px 15px;
    white-space: nowrap;
  }
  .header__main--type li.case {
    background: none;
    padding: 7px 0;
    color: #3f342c;
  }
  .header__main--logo {
    line-height: 0;
    width: 160px;
    margin-left: 3px;
  }
  .header__main--logo a {
    display: block;
    line-height: 0;
    width: 100%;
  }
  .header__main--logo a img {
    width: 100%;
    height: auto;
  }
  .mv {
    position: relative;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
  }
  .mv__bg {
    width: 100%;
    height: auto;
  }
  .mv__intro {
    position: absolute;
    right: 0;
    top: 30px;
    width: 336.5px;
  }
  .cta {
    position: relative;
    z-index: 2;
    margin-top: -100px;
  }
  .cta::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url("../img/mvPiano.png") 0 0 no-repeat;
    -moz-background-size: cover;
         background-size: cover;
    z-index: -1;
  }
  .cta__main {
    padding: 112px 35px 270px;
  }
  .cta__main--list {
    margin: -20px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .cta__main--list dl {
    width: 200px;
    height: 200px;
    -moz-border-radius: 50%;
         border-radius: 50%;
    text-align: center;
    position: relative;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
    margin: 20px;
    padding: 32px 0 0;
  }
  .cta__main--list dl dt {
    font-size: 24px;
    line-height: 24px;
    font-weight: 600;
    color: #e1cd7c;
  }
  .cta__main--list dl dd {
    font-size: 66px;
    line-height: 1;
    margin-top: 10px;
    font-weight: 600;
    color: #e1cd7c;
  }
  .cta__main--list dl::before {
    position: absolute;
    content: "";
    width: -webkit-calc(100% + 6px);
    width: -moz-calc(100% + 6px);
    width: calc(100% + 6px);
    height: -webkit-calc(100% + 6px);
    height: -moz-calc(100% + 6px);
    height: calc(100% + 6px);
    background: -webkit-linear-gradient(210deg, #745d0c 0%, #fcf6b6 100%) border-box;
    background: -moz- oldlinear-gradient(210deg, #745d0c 0%, #fcf6b6 100%) border-box;
    background: linear-gradient(-120deg, #745d0c 0%, #fcf6b6 100%) border-box;
    border: 3px solid transparent;
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #000)) exclude, -webkit-gradient(linear, left top, left bottom, color-stop(0, #000)) content-box;
    -webkit-mask: -webkit-linear-gradient(#000 0 0) exclude, -webkit-linear-gradient(#000 0 0) content-box;
            mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #000)) exclude, -webkit-gradient(linear, left top, left bottom, color-stop(0, #000)) content-box;
            mask: linear-gradient(#000 0 0) exclude, linear-gradient(#000 0 0) content-box;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    z-index: -1;
    -moz-border-radius: 50%;
         border-radius: 50%;
  }
  .cta__main--list dl::after {
    position: absolute;
    content: attr(data-ribbon);
    font-size: 20px;
    line-height: 1;
    font-family: 'KozB';
    color: #fff;
    text-align: center;
    width: 206px;
    height: 65px;
    padding: 11px 0 0;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    background: url("../img/ctaRibbon.png") 0 0 no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    z-index: 1;
  }
  .cta__main--list dl.st2 {
    padding-top: 35px;
  }
  .cta__main--list dl.st2 dt {
    font-size: 36px;
  }
  .cta__main--list dl.st2 dd {
    font-size: 46px;
    margin-top: 14px;
  }
  .cta__main--list dl.st1::after {
    font-size: 18px;
    padding-top: 12px;
  }
  .cta__main--ex {
    background: url("../img/ctaBgEx.png") 0 0 repeat;
    -moz-background-size: contain;
         background-size: contain;
    -moz-background-clip: text;
         background-clip: text;
    text-align: center;
    margin-top: 46px;
  }
  .cta__main--ex p {
    color: transparent;
    font-size: 36px;
    line-height: 60px;
    font-weight: 800;
  }
  .cta__main--ex h3 {
    font-size: 62px;
    line-height: 1;
    color: transparent;
    font-weight: 800;
    margin-top: 24px;
  }
  .cta__main--now {
    position: relative;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
    background: url("../img/ctaBgNow.png") 0 0 no-repeat;
    -moz-background-size: cover;
         background-size: cover;
    margin-top: 97px;
    padding: 78px 50px 45px;
  }
  .cta__main--now::before {
    position: absolute;
    content: "";
    width: -webkit-calc(100% + 6px);
    width: -moz-calc(100% + 6px);
    width: calc(100% + 6px);
    height: -webkit-calc(100% + 6px);
    height: -moz-calc(100% + 6px);
    height: calc(100% + 6px);
    background: -webkit-linear-gradient(210deg, #745d0c 0%, #fcf6b6 100%) border-box;
    background: -moz- oldlinear-gradient(210deg, #745d0c 0%, #fcf6b6 100%) border-box;
    background: linear-gradient(-120deg, #745d0c 0%, #fcf6b6 100%) border-box;
    border: 3px solid transparent;
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #000)) exclude, -webkit-gradient(linear, left top, left bottom, color-stop(0, #000)) content-box;
    -webkit-mask: -webkit-linear-gradient(#000 0 0) exclude, -webkit-linear-gradient(#000 0 0) content-box;
            mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #000)) exclude, -webkit-gradient(linear, left top, left bottom, color-stop(0, #000)) content-box;
            mask: linear-gradient(#000 0 0) exclude, linear-gradient(#000 0 0) content-box;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    z-index: -1;
  }
  .cta__main--now h3 {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    font-size: 66px;
    line-height: 1;
    font-weight: 500;
    padding: 22px 0;
    width: 380px;
    text-align: center;
    top: -50px;
    background: #272e38;
    color: #e1cd7c;
  }
  .cta__main--now h3::before {
    position: absolute;
    content: "";
    width: -webkit-calc(100% + 6px);
    width: -moz-calc(100% + 6px);
    width: calc(100% + 6px);
    height: -webkit-calc(100% + 6px);
    height: -moz-calc(100% + 6px);
    height: calc(100% + 6px);
    background: -webkit-linear-gradient(210deg, #745d0c 0%, #fcf6b6 100%) border-box;
    background: -moz- oldlinear-gradient(210deg, #745d0c 0%, #fcf6b6 100%) border-box;
    background: linear-gradient(-120deg, #745d0c 0%, #fcf6b6 100%) border-box;
    border: 3px solid transparent;
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #000)) exclude, -webkit-gradient(linear, left top, left bottom, color-stop(0, #000)) content-box;
    -webkit-mask: -webkit-linear-gradient(#000 0 0) exclude, -webkit-linear-gradient(#000 0 0) content-box;
            mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #000)) exclude, -webkit-gradient(linear, left top, left bottom, color-stop(0, #000)) content-box;
            mask: linear-gradient(#000 0 0) exclude, linear-gradient(#000 0 0) content-box;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    z-index: -1;
  }
  .cta__main--now dl dt {
    text-align: center;
    font-size: 46px;
    line-height: 1;
    font-weight: 600;
    color: #cc0011;
  }
  .cta__main--now dl dd {
    text-align: center;
    font-size: 86px;
    line-height: 1;
    font-weight: 500;
    color: #cc0011;
    margin-top: 10px;
  }
  .cta__main--now dl dd span {
    font-size: 143px;
    line-height: 1;
  }
  .cta__main--contact {
    margin-top: 58px;
  }
  .cta__main--contact--tel {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .cta__main--contact--tel em {
    font-size: 46px;
    line-height: 1;
    font-weight: 500;
    color: #fff;
    font-style: normal;
  }
  .cta__main--contact--tel a {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 120px;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 21px;
    font-size: 70px;
    line-height: 1;
    font-weight: 500;
    color: #fff;
    padding: 37px 0 25px;
    -moz-border-radius: 60px;
         border-radius: 60px;
    background: -webkit-gradient(linear, left top, left bottom, from(#f7a84b), color-stop(50%, #f7a84b), color-stop(50%, #f5921e), to(#f5921e));
    background: -webkit-linear-gradient(top, #f7a84b 0%, #f7a84b 50%, #f5921e 50%, #f5921e 100%);
    background: -moz- oldlinear-gradient(top, #f7a84b 0%, #f7a84b 50%, #f5921e 50%, #f5921e 100%);
    background: linear-gradient(180deg, #f7a84b 0%, #f7a84b 50%, #f5921e 50%, #f5921e 100%);
    position: relative;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
    overflow: hidden;
  }
  .cta__main--contact--tel a::before {
    position: absolute;
    content: "";
    width: 180px;
    height: 228px;
    background: url("../img/light.png") 0 0 no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    left: -100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    -webkit-animation: light 2.5s linear infinite;
       -moz-animation: light 2.5s linear infinite;
            animation: light 2.5s linear infinite;
    z-index: -1;
  }
  .cta__main--contact--tel a span {
    display: inline-block;
    position: relative;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
  }
  .cta__main--contact--tel a span::before {
    position: absolute;
    content: attr(data-top);
    font-size: 30px;
    line-height: 1;
    font-weight: 500;
    color: #fff;
    left: 50%;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    top: -26px;
  }
  .cta__main--contact--tel time {
    font-size: 24px;
    line-height: 1;
    font-family: 'KozB';
    color: #fff;
    margin-top: 14px;
  }
  .cta__main--contact--mail {
    margin-top: 49px;
  }
  .cta__main--contact--mail a {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    height: 100px;
    -moz-border-radius: 50px;
         border-radius: 50px;
    border: 1px solid #fff;
    font-size: 32px;
    line-height: 1;
    font-family: 'KozB';
    color: #fff;
  }
  .cta__main--contact--line {
    margin-top: 30px;
  }
  .cta__main--contact--line a {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    height: 100px;
    -moz-border-radius: 50px;
         border-radius: 50px;
    border: 1px solid #06c755;
    font-size: 32px;
    line-height: 1;
    font-family: 'KozB';
    color: #06c755;
    position: relative;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
  }
  .cta__main--contact--line a::before {
    position: absolute;
    content: "";
    width: 60px;
    height: 60px;
    background: url("../img/ctaIconLine.png") 0 0 no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    top: 50%;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    left: 63px;
  }
  .cta__main--contact--note {
    margin-top: 44px;
    font-size: 16px;
    line-height: 1;
    font-weight: 700;
    color: #fff;
  }
  .cta.st2::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url("../img/ctaBgSt2.png") 0 0 no-repeat;
    -moz-background-size: cover;
         background-size: cover;
    z-index: -1;
  }
  .cta.st2 .cta__main {
    padding-top: 220px;
    padding-bottom: 320px;
  }
  .record {
    padding-bottom: 254px;
  }
  .record__top {
    padding: 0 5px;
  }
  .record__top dl {
    background: url("../img/recordBgTitle.png") 0 0 no-repeat;
    -moz-background-size: cover;
         background-size: cover;
    height: 380px;
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -moz-border-radius: 50%;
         border-radius: 50%;
    -moz-box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.3);
         box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.3);
  }
  .record__top dl dt {
    font-size: 42px;
    line-height: 1;
    font-weight: 600;
    color: #ba9200;
  }
  .record__top dl dd {
    font-size: 74px;
    line-height: 110px;
    font-weight: 600;
    color: #ba9200;
    margin-top: 30px;
  }
  .record__top dl dd span {
    font-size: 110px;
  }
  .record__list {
    margin-top: 45px;
    position: relative;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
  }
  .record__list::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 1504.5px;
    background: url("../img/recordPiano.png") 0 0 no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    opacity: 0.2;
    top: -218px;
    left: 50%;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    z-index: -1;
  }
  .record__list ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .record__list ul li {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 60px;
    line-height: 1;
    letter-spacing: 0.06em;
    font-weight: 600;
    color: #5a4706;
    width: 400px;
    height: 105px;
    background: url("../img/recordBgList.png") 0 0 no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    -moz-box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.5);
         box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.5);
  }
  .record__list ul li + li {
    margin-top: 10px;
  }
  .record__note {
    margin-top: 90px;
    font-size: 52px;
    line-height: 60px;
    color: #333333;
    text-align: center;
  }
  .record__note span {
    font-weight: 600;
    display: block;
  }
  .record__note em {
    font-style: normal;
    display: block;
    font-weight: 800;
    margin-top: 60px;
  }
  .result {
    position: relative;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
  }
  .result::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 539px;
    background: url("../img/resultBgTop.png") 0 0 no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    left: 0;
    top: -136px;
    z-index: -1;
  }
  .result::after {
    position: absolute;
    content: "";
    width: 100%;
    height: -webkit-calc(100% - 68px);
    height: -moz-calc(100% - 68px);
    height: calc(100% - 68px);
    background: #272e38;
    top: 136px;
    left: 0;
    z-index: -1;
  }
  .result__main {
    padding-top: 95px;
    padding-left: 15px;
    padding-right: 15px;
  }
  .result__main h2 {
    position: relative;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
    text-align: center;
  }
  .result__main h2::before {
    position: absolute;
    content: attr(data-en);
    font-size: 150px;
    line-height: 1;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.1);
    left: -15px;
    top: -150px;
  }
  .result__main h2 span {
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 410px;
    height: 110px;
    background: url("../img/resultBgTitle.png") 0 0 no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    font-size: 42px;
    line-height: 1;
    font-weight: 800;
    color: #e1cd7c;
    letter-spacing: 0.06em;
  }
  .result__main--list {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-pack: justify;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 51px -5px -28px;
  }
  .result__main--list article {
    width: 350px;
    margin: 28px 5px;
    background: -webkit-linear-gradient(210deg, #745d0c 0%, #fcf6b6 100%);
    background: -moz- oldlinear-gradient(210deg, #745d0c 0%, #fcf6b6 100%);
    background: linear-gradient(-120deg, #745d0c 0%, #fcf6b6 100%);
    padding: 3px;
    clip-path: polygon(25px 0, 100% 0, 100% 100%, 0 100%, 0 25px);
  }
  .result__main--list article a {
    display: block;
    width: 100%;
    height: 100%;
    background: #fff;
    clip-path: polygon(25px 0, 100% 0, 100% 100%, 0 100%, 0 25px);
    padding: 0 17px 19px;
    font-family: "Hiragino Sans", "游ゴシック", YuGothic, YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
    pointer-events: none;
  }
  .result__main--list article a > figure {
    width: 100%;
    text-align: center;
    height: 341px;
    padding: 71px 0 20px;
    border-bottom: 1px solid #000000;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
  }
  .result__main--list article a > figure > figcaption {
    position: absolute;
    top: 14px;
    left: 50%;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 100%;
  }
  .result__main--list article a > figure > figcaption img {
    height: 44px;
    width: auto;
  }
  .result__main--list article a > figure > figcaption img.bosen {
    height: 44px;
  }
  .result__main--list article a > figure > figcaption img.stein {
    height: 53px;
  }
  .result__main--list article a > figure > figcaption img.yamaha {
    height: 27px;
  }
  .result__main--list article a > figure > figcaption img.kawai {
    height: 40px;
  }
  .result__main--list article a > figure > figcaption img.nord {
    height: 46px;
  }
  .result__main--list article a > figure > img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
  }
  .result__main--list article a .info {
    margin-top: 18px;
  }
  .result__main--list article a .info h3 {
    font-size: 20px;
    line-height: 26px;
    font-weight: 700;
    color: #000000;
  }
  .result__main--list article a .info em {
    font-size: 20px;
    line-height: 26px;
    font-weight: 400;
    font-style: normal;
    margin-top: 13px;
    display: block;
    color: #000000;
  }
  .result__main--list article a .info em span {
    font-size: 26px;
  }
  .result__main--list article a .price {
    margin-top: 17px;
  }
  .result__main--list article a .price dt span {
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 130px;
    height: 40px;
    color: #fff;
    font-size: 20px;
    line-height: 26px;
    background: #ba9200;
  }
  .result__main--list article a .price dd {
    margin-top: 12px;
    font-size: 46px;
    line-height: 46px;
    font-weight: 700;
    color: #ba9200;
  }
  .result__main--list article a .price dd small {
    font-size: 36px;
  }
  .result__main--note {
    color: #fff;
    font-size: 20px;
    line-height: 30px;
    font-weight: 700;
    margin-top: 14px;
  }
  .old {
    padding: 29px 0 0;
    position: relative;
    z-index: 2;
  }
  .old::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 30%;
    background: #272e38;
    top: 0;
    left: 0;
    z-index: -1;
  }
  .old h2 {
    position: relative;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
    text-align: center;
    font-size: 46px;
    line-height: 60px;
    color: #fff;
    padding: 260px 0 0;
  }
  .old h2::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 232px;
    background: url("../img/oldTitle.png") 0 0 no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    left: 50%;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    top: 0;
  }
  .old__list {
    margin-top: 207px;
  }
  .old__list article {
    position: relative;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
  }
  .old__list article figure {
    width: 600px;
    position: relative;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
  }
  .old__list article figure::before {
    position: absolute;
    content: "";
  }
  .old__list article .frame {
    width: 640px;
    margin-left: auto;
    margin-right: auto;
    margin-top: -80px;
    background: #fff url("../img/oldFrame.png") 0 0 no-repeat;
    -moz-background-size: 100% 100%;
         background-size: 100% 100%;
    padding: 48px 0px 35px 31px;
    -moz-box-shadow: 0px 6px 14px 0px rgba(0, 0, 0, 0.3);
         box-shadow: 0px 6px 14px 0px rgba(0, 0, 0, 0.3);
    position: relative;
    z-index: 2;
  }
  .old__list article .frame h3 {
    font-size: 50px;
    line-height: 67px;
    font-weight: 600;
    color: #a88505;
  }
  .old__list article .frame .brand {
    font-size: 36px;
    line-height: 1;
    font-weight: 500;
    color: #a88505;
    margin-top: 10px;
  }
  .old__list article .frame .price {
    font-size: 72px;
    line-height: 106px;
    font-weight: 500;
    color: #cd0202;
    margin-top: 15px;
  }
  .old__list article .frame .price span {
    font-size: 106px;
  }
  .old__list article .frame.st2 {
    background: #fff url("../img/oldFrame02.png") 0 0 no-repeat;
    -moz-background-size: 100% 100%;
         background-size: 100% 100%;
  }
  .old__list article:nth-of-type(1)::before {
    position: absolute;
    content: "";
    width: 523px;
    height: 1283px;
    background: #f0f0f0;
    left: 0;
    top: -79px;
    z-index: -1;
  }
  .old__list article:nth-of-type(1) figure {
    margin-left: auto;
  }
  .old__list article:nth-of-type(1) figure::before {
    width: 721px;
    height: 141px;
    background: url("../img/oldNote01.png") 0 0 no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    left: -124px;
    top: 95px;
    z-index: -1;
  }
  .old__list article:nth-of-type(2) {
    margin-top: 160px;
    position: relative;
    z-index: 2;
  }
  .old__list article:nth-of-type(2)::before {
    position: absolute;
    content: "";
    width: 523px;
    height: 1283px;
    background: #d2c184;
    right: 0;
    top: -79px;
    z-index: -1;
  }
  .old__list article:nth-of-type(2) figure {
    margin-right: auto;
  }
  .old__list article:nth-of-type(2) figure::before {
    width: 704px;
    height: 89px;
    background: url("../img/oldNote02.png") 0 0 no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    right: -124px;
    top: 105px;
    z-index: -1;
  }
  .old__list article:nth-of-type(3) {
    position: relative;
    z-index: 3;
    margin-top: 160px;
  }
  .old__list article:nth-of-type(3)::before {
    position: absolute;
    content: "";
    width: 523px;
    height: 922px;
    background: #272e38;
    left: 0;
    top: -79px;
    z-index: -1;
  }
  .old__list article:nth-of-type(3) figure {
    margin-left: auto;
  }
  .old__list article:nth-of-type(3) figure::before {
    width: 730px;
    height: 141px;
    background: url("../img/oldNote03.png") 0 0 no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    left: -124px;
    top: 95px;
    z-index: -1;
  }
  .old__note {
    margin-top: 101px;
    padding: 0 30px;
    font-size: 20px;
    line-height: 1.5;
    font-weight: 700;
    font-family: "Hiragino Sans", "游ゴシック", YuGothic, YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
    color: #272e38;
  }
  .brands {
    margin-top: 43px;
    padding-bottom: 165px;
  }
  .brands__main h2 {
    margin: auto;
    width: 710px;
    height: 180px;
    background: url("../img/brandBg.png") 0 0 no-repeat;
    -moz-background-size: 100% 100%;
         background-size: 100% 100%;
    font-size: 42px;
    line-height: 60px;
    font-weight: 800;
    color: #583504;
    position: relative;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
    text-align: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .brands__main h2 span {
    position: relative;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
  }
  .brands__main h2 span::before {
    position: absolute;
    content: attr(data-text);
    white-space: nowrap;
    font-size: 42px;
    line-height: 60px;
    font-weight: 800;
    color: #fff6bc;
    top: 2px;
    left: 2px;
    z-index: -1;
  }
  .brands__main h2::after {
    position: absolute;
    content: "";
    width: 20px;
    height: 1px;
    background: #808080;
    right: -20px;
    top: 50%;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    z-index: -1;
  }
  .brands__main h2::before {
    position: absolute;
    content: "";
    width: 20px;
    height: 1px;
    left: -20px;
    background: #808080;
    top: 50%;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    z-index: -1;
  }
  .brands__main--list {
    margin-top: 60px;
  }
  .brands__main--list ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .brands__main--list ul li {
    width: 306px;
    margin: 15px;
  }
  .brands__main--list ul li a {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    line-height: 0;
    width: 100%;
    height: 92px;
    pointer-events: none;
  }
  .brands__main--list ul li a img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
  }
  .brands__main--alpha {
    margin-top: 115px;
    padding: 0 30px;
  }
  .brands__main--alpha > dl {
    border: 1px solid #a98605;
  }
  .brands__main--alpha > dl > dt {
    font-size: 36px;
    line-height: 72px;
    font-family: "Hiragino Sans", "游ゴシック", YuGothic, YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
    text-align: center;
    position: relative;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
    color: #fff;
    background: #a98605;
    padding: 14px 0;
  }
  .brands__main--alpha > dl > dt::after, .brands__main--alpha > dl > dt::before {
    position: absolute;
    content: "";
    width: 13px;
    height: 5px;
    background: #fff;
    top: 50%;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    right: 32px;
  }
  .brands__main--alpha > dl > dt::after {
    -webkit-transform: translateY(-50%) rotate(90deg);
       -moz-transform: translateY(-50%) rotate(90deg);
        -ms-transform: translateY(-50%) rotate(90deg);
            transform: translateY(-50%) rotate(90deg);
    -webkit-transition: all 0.3s ease time;
    -moz-transition: all 0.3s ease time;
    transition: all 0.3s ease time;
  }
  .brands__main--alpha > dl > dt.active::after {
    -webkit-transform: translateY(-50%) rotate(0deg);
       -moz-transform: translateY(-50%) rotate(0deg);
        -ms-transform: translateY(-50%) rotate(0deg);
            transform: translateY(-50%) rotate(0deg);
  }
  .brands__main--alpha > dl > dd {
    padding: 53px 28px 59px;
    display: none;
  }
  .brands__main--alpha > dl > dd > dl > dt {
    position: relative;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
  }
  .brands__main--alpha > dl > dd > dl > dt::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    background: #a98605;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    z-index: -1;
  }
  .brands__main--alpha > dl > dd > dl > dt span {
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 50px;
    height: 50px;
    color: #fff;
    background: #a98605;
    font-size: 30px;
    font-weight: 700;
    font-family: "Hiragino Sans", "游ゴシック", YuGothic, YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
  }
  .brands__main--alpha > dl > dd > dl > dd {
    font-size: 26px;
    line-height: 46px;
    font-weight: 700;
    color: #555555;
    margin-top: 10px;
    font-family: "Hiragino Sans", "游ゴシック", YuGothic, YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
  }
  .brands__main--alpha > dl > dd > dl + dl {
    margin-top: 20px;
  }
  .brands__main--other {
    margin-top: 62px;
    position: relative;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
    background: url("../img/brandFrame.png") 0 0 no-repeat;
    -moz-background-size: 100% 100%;
         background-size: 100% 100%;
    width: 100%;
    height: 404px;
    text-align: center;
    font-size: 46px;
    line-height: 60px;
    letter-spacing: 0.04em;
    font-weight: 800;
    color: #6c4e19;
    position: relative;
    transform: translateZ(0);
    padding-top: 67px;
  }
  .brands__main--other::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 392.5px;
    background: url("../img/brandMusic.png") 0 0 no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    left: 0;
    bottom: -145px;
  }
  .brands__main--other span {
    color: #dd0000;
  }
  .samurai__title {
    padding: 151px 100px 88px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
    overflow: hidden;
    z-index: 2;
  }
  .samurai__title::after {
    position: absolute;
    content: "";
    background-image: url("../img/samuraiBg.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    -moz-background-size: 100% 100%;
         background-size: 100% 100%;
    z-index: -1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }
  .samurai__title::before {
    position: absolute;
    content: "";
    width: 700px;
    height: 700px;
    background: #d2c184;
    left: 50%;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    top: 32px;
    -moz-border-radius: 50%;
         border-radius: 50%;
    z-index: -2;
  }
  .samurai__title em {
    font-style: normal;
    font-size: 51px;
    line-height: 59px;
    font-weight: 600;
    background: -webkit-linear-gradient(280deg, #975403 0%, #5d2c00 62%, #734214 100%);
    background: -moz- oldlinear-gradient(280deg, #975403 0%, #5d2c00 62%, #734214 100%);
    background: linear-gradient(170deg, #975403 0%, #5d2c00 62%, #734214 100%);
    -moz-background-clip: text;
         background-clip: text;
    color: transparent;
    position: relative;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
    width: 100%;
    text-align: center;
  }
  .samurai__title em::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 49px;
    background: url("../img/samuraiLine.png") 0 0 no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    left: 0;
    bottom: -75px;
  }
  .samurai__title em span {
    font-size: 75px;
    line-height: 1;
  }
  .samurai__title h2 {
    font-style: normal;
    font-size: 68px;
    line-height: 105px;
    font-weight: 600;
    background: -webkit-linear-gradient(280deg, #975403 0%, #5d2c00 62%, #734214 100%);
    background: -moz- oldlinear-gradient(280deg, #975403 0%, #5d2c00 62%, #734214 100%);
    background: linear-gradient(170deg, #975403 0%, #5d2c00 62%, #734214 100%);
    -moz-background-clip: text;
         background-clip: text;
    color: transparent;
    text-align: center;
    margin-top: 88px;
  }
  .samurai__title h2 span {
    font-size: 105px;
    line-height: 1;
  }
  .samurai__list {
    position: relative;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
    z-index: 1;
  }
  .samurai__list::before {
    position: absolute;
    content: "";
    width: 100%;
    height: -webkit-calc(100% + 250px);
    height: -moz-calc(100% + 250px);
    height: calc(100% + 250px);
    background: #d2c184;
    top: -250px;
    left: 0;
    z-index: -1;
    clip-path: polygon(0 0, 100% 0, 100% -webkit-calc(100% - 205px), 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% -moz-calc(100% - 205px), 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 205px), 0 100%);
    z-index: -2;
  }
  .samurai__list::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 318px;
    background: url("../img/samuraiKeyboard.png") bottom no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    left: 0;
    bottom: -110px;
    z-index: -1;
  }
  .samurai__list--inner {
    padding: 244px 30px 221px;
    position: relative;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
  }
  .samurai__list--inner::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 183.5px;
    background: url("../img/samuraiIllus.png") 0 0 no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    top: 23px;
    left: 0;
  }
  .samurai__list--inner article {
    position: relative;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
  }
  .samurai__list--inner article:not(:last-of-type)::after {
    position: absolute;
    content: "";
    width: -webkit-calc(100% + 60px);
    width: -moz-calc(100% + 60px);
    width: calc(100% + 60px);
    height: 547px;
    background: url("../img/samuraiMusic.png") 0 0 no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    left: 50%;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    bottom: -282px;
    z-index: -1;
  }
  .samurai__list--inner article .arInner {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: relative;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
  }
  .samurai__list--inner article .arInner:before {
    position: absolute;
    content: "";
    width: 100%;
    height: -webkit-calc(100% - 200px);
    height: -moz-calc(100% - 200px);
    height: calc(100% - 200px);
    background: url("../img/samuraiFrame.jpg") 0 0 repeat;
    -moz-background-size: 100% auto;
         background-size: 100% auto;
    left: 0;
    bottom: 0;
    z-index: -2;
    -moz-box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.25);
         box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.25);
  }
  .samurai__list--inner article .arInner::after {
    position: absolute;
    content: "";
    width: 25px;
    height: 25px;
    background: #272e38;
    right: 0;
    bottom: 0;
    z-index: -1;
    clip-path: polygon(100% 0, 100% 100%, 0 100%);
  }
  .samurai__list--inner article .arInner > figure {
    width: 600px;
    -moz-box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.35);
         box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.35);
  }
  .samurai__list--inner article .arInner > figure img {
    width: 100%;
    height: auto;
  }
  .samurai__list--inner article .arInner .title {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    margin-top: 35px;
    padding: 0 40px 41px;
    position: relative;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
  }
  .samurai__list--inner article .arInner .title::after {
    position: absolute;
    content: "";
    width: 650px;
    height: 1px;
    background: #bababa;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .samurai__list--inner article .arInner .title h3 {
    -webkit-box-flex: 1;
       -moz-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    font-size: 46px;
    line-height: 60px;
    font-weight: 600;
    color: #cc0101;
  }
  .samurai__list--inner article .arInner .title > figure {
    width: 150px;
  }
  .samurai__list--inner article .arInner .title > figure img {
    width: 100%;
    height: 150px;
    -moz-border-radius: 50%;
         border-radius: 50%;
    object-fit: cover;
  }
  .samurai__list--inner article .arInner .title dl {
    width: 100%;
    margin-top: 12px;
    font-size: 30px;
    line-height: 1;
    color: #555555;
    font-family: "Hiragino Sans", "游ゴシック", YuGothic, YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
  }
  .samurai__list--inner article .arInner .title dl dt {
    font-weight: 400;
  }
  .samurai__list--inner article .arInner .title dl dd {
    font-weight: 700;
    margin-top: 20px;
  }
  .samurai__list--inner article .arInner .txt {
    width: 100%;
    padding: 43px 20px 20px;
    font-size: 30px;
    line-height: 52px;
    font-family: "Hiragino Sans", "游ゴシック", YuGothic, YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
    color: #555555;
    letter-spacing: 0.06em;
  }
  .samurai__list--inner article .arInner .txt span {
    background: #fffe8d;
    font-weight: 700;
  }
  .samurai__list--inner article + article {
    margin-top: 82px;
  }
  .samurai__thanks {
    padding: 379px 15px 82px;
    position: relative;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
  }
  .samurai__thanks::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 1504.5px;
    background: url("../img/recordPiano.png") 0 0 no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    opacity: 0.2;
    top: -218px;
    left: 50%;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    z-index: -1;
  }
  .samurai__thanks dl {
    height: 256px;
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background: url("../img/samuraiThanks.png") 0 0 no-repeat;
    -moz-background-size: cover;
         background-size: cover;
  }
  .samurai__thanks dl dt {
    font-size: 42px;
    line-height: 60px;
    font-weight: 600;
    color: #b57c00;
    text-align: center;
    text-shadow: 0px 2px 15px #FFF, 0px 1px 15px #FFF, 1px 1px 15px #FFF, 1px 0px 15px #FFF, 2px 0px 15px #FFF, 1px -1px 15px #FFF, 1px -2px 15px #FFF, 0px -2px 15px #FFF, -1px -2px 15px #FFF, -2px -2px 15px #FFF, -2px -1px 15px #FFF, -2px 0px 15px #FFF, -2px 1px 15px #FFF, -1px 1px 15px #FFF;
  }
  .samurai__thanks dl dd {
    font-size: 74px;
    line-height: 110px;
    font-weight: 600;
    color: #ba9200;
    margin-top: 22px;
    text-shadow: 0px 2px 15px #FFF, 0px 1px 15px #FFF, 1px 1px 15px #FFF, 1px 0px 15px #FFF, 2px 0px 15px #FFF, 1px -1px 15px #FFF, 1px -2px 15px #FFF, 0px -2px 15px #FFF, -1px -2px 15px #FFF, -2px -2px 15px #FFF, -2px -1px 15px #FFF, -2px 0px 15px #FFF, -2px 1px 15px #FFF, -1px 1px 15px #FFF;
  }
  .samurai__thanks dl dd span {
    font-size: 110px;
  }
  .samurai__thanks p {
    margin-top: 224px;
    text-align: center;
    font-size: 52px;
    line-height: 60px;
    font-weight: 600;
  }
  .samurai__thanks p span {
    font-size: 70px;
    font-weight: 800;
  }
  .promise {
    margin-top: 37px;
  }
  .promise__title {
    background: url("../img/promiseFrame.png") 0 0 no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    width: 100%;
    height: 736px;
    text-align: center;
    padding: 398px 74px 0;
    position: relative;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
  }
  .promise__title::before {
    position: absolute;
    content: "";
    width: 592px;
    height: 244px;
    background: url("../img/promiseIllus.png") top center no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    left: 50%;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    top: 135px;
  }
  .promise__title em {
    font-style: normal;
    font-size: 45px;
    line-height: 1;
    font-weight: 600;
    color: #b68f33;
    letter-spacing: -0.01em;
  }
  .promise__title h2 {
    font-size: 63px;
    line-height: 88px;
    font-weight: 600;
    color: #b68f33;
    letter-spacing: -0.01em;
  }
  .promise__title h2 span {
    font-size: 88px;
  }
  .promise__list {
    counter-reset: ar;
    margin-top: 61px;
  }
  .promise__list article {
    counter-increment: ar;
    position: relative;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
    padding: 263px 0 0;
  }
  .promise__list article + article {
    margin-top: 88px;
  }
  .promise__list article::before {
    position: absolute;
    content: "";
    width: 157px;
    height: 186px;
    background: url("../img/promiseIllus02.png") 0 0 no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    z-index: -2;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .promise__list article::after {
    position: absolute;
    content: counter(ar, decimal-leading-zero);
    width: 157px;
    text-align: center;
    font-size: 100px;
    line-height: 1;
    font-weight: 500;
    color: #fff;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    padding-top: 56px;
    z-index: -1;
  }
  .promise__list article figure {
    width: 660px;
    position: relative;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
  }
  .promise__list article figure::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 40px;
    z-index: -1;
  }
  .promise__list article figure img {
    width: 100%;
    height: auto;
  }
  .promise__list article .title {
    padding: 0 30px;
    margin-top: 79px;
    text-align: center;
  }
  .promise__list article .title span {
    font-size: 42px;
    line-height: 60px;
    font-weight: 500;
    color: #333333;
  }
  .promise__list article .title h3 {
    font-size: 60px;
    line-height: 80px;
    color: #eb6872;
    font-weight: 600;
    margin-top: 20px;
    white-space: nowrap;
  }
  .promise__list article .txt {
    margin-top: 64px;
    font-size: 30px;
    line-height: 52px;
    font-family: "Hiragino Sans", "游ゴシック", YuGothic, YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
    color: #000000;
    letter-spacing: 0.06em;
    padding: 0 25px;
  }
  .promise__list article .txt span {
    background: #fff881;
  }
  .promise__list article:nth-of-type(1) figure {
    margin-left: auto;
  }
  .promise__list article:nth-of-type(1) figure::before {
    background: #d2c184;
    left: -91px;
  }
  .promise__list article:nth-of-type(2) figure {
    margin-right: auto;
  }
  .promise__list article:nth-of-type(2) figure::before {
    background: #272e38;
    right: -91px;
  }
  .promise__list article:nth-of-type(3) figure {
    margin-left: auto;
  }
  .promise__list article:nth-of-type(3) figure::before {
    background: #74560f;
    left: -91px;
  }
  .cost {
    margin-top: 90px;
  }
  .cost__top {
    background: #272e38 url("../img/coseBg.png") top 475px center no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    padding: 41px 0 104px;
  }
  .cost__top--title {
    padding: 272px 0 0;
    position: relative;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
    text-align: center;
  }
  .cost__top--title::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 232px;
    background: url("../img/costIllus.png") 0 0 no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    top: 0;
    left: 0;
  }
  .cost__top--title h2 {
    font-size: 46px;
    line-height: 60px;
    font-weight: 600;
    color: #fff;
  }
  .cost__top--list {
    margin-top: 82px;
  }
  .cost__top--list ul {
    margin: -11px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .cost__top--list ul li {
    width: 150px;
    height: 150px;
    margin: 11px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -moz-border-radius: 50%;
         border-radius: 50%;
    text-align: center;
    position: relative;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
  }
  .cost__top--list ul li::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: -webkit-linear-gradient(210deg, #745d0c 0%, #fcf6b6 100%) border-box;
    background: -moz- oldlinear-gradient(210deg, #745d0c 0%, #fcf6b6 100%) border-box;
    background: linear-gradient(-120deg, #745d0c 0%, #fcf6b6 100%) border-box;
    border: 3px solid transparent;
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #000)) exclude, -webkit-gradient(linear, left top, left bottom, color-stop(0, #000)) content-box;
    -webkit-mask: -webkit-linear-gradient(#000 0 0) exclude, -webkit-linear-gradient(#000 0 0) content-box;
            mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #000)) exclude, -webkit-gradient(linear, left top, left bottom, color-stop(0, #000)) content-box;
            mask: linear-gradient(#000 0 0) exclude, linear-gradient(#000 0 0) content-box;
    -moz-border-radius: 50%;
         border-radius: 50%;
  }
  .cost__top--list ul li span {
    font-size: 27px;
    line-height: 1;
    font-weight: 500;
    color: #e1cd7c;
  }
  .cost__top--list ul li span.st2 {
    font-size: 21px;
    margin-top: 10px;
  }
  .cost__top--list ul li em {
    font-style: normal;
    font-size: 54px;
    line-height: 1;
    font-weight: 500;
    margin-top: 12px;
    color: #e1cd7c;
  }
  .cost__top--box {
    margin-top: 233px;
    max-width: 580px;
    width: 100%;
    margin: 233px auto 0;
    background: rgba(255, 255, 255, 0.6);
    text-align: center;
    padding: 36px 30px 20px;
    font-size: 46px;
    line-height: 72px;
    font-weight: 600;
    color: #7a5f00;
    text-shadow: 0px 2px 10px rgba(255, 255, 255, 0.8), 0px 1px 10px rgba(255, 255, 255, 0.8), 1px 1px 10px rgba(255, 255, 255, 0.8), 1px 0px 10px rgba(255, 255, 255, 0.8), 2px 0px 10px rgba(255, 255, 255, 0.8), 1px -1px 10px rgba(255, 255, 255, 0.8), 1px -2px 10px rgba(255, 255, 255, 0.8), 0px -2px 10px rgba(255, 255, 255, 0.8), -1px -2px 10px rgba(255, 255, 255, 0.8), -2px -2px 10px rgba(255, 255, 255, 0.8), -2px -1px 10px rgba(255, 255, 255, 0.8), -2px 0px 10px rgba(255, 255, 255, 0.8), -2px 1px 10px rgba(255, 255, 255, 0.8), -1px 1px 10px rgba(255, 255, 255, 0.8);
  }
  .cost__top--box span {
    color: #cc0101;
  }
  .cost__contact {
    padding: 126px 0 84px;
    position: relative;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
    z-index: 5;
  }
  .cost__contact::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url("../img/costBg.png") 0 0 repeat;
    -moz-background-size: auto 100%;
         background-size: auto 100%;
    z-index: -1;
  }
  .cost__contact h3 {
    position: absolute;
    width: 580px;
    height: 100px;
    background: -webkit-linear-gradient(210deg, #7d671d 0%, #a69451 100%);
    background: -moz- oldlinear-gradient(210deg, #7d671d 0%, #a69451 100%);
    background: linear-gradient(-120deg, #7d671d 0%, #a69451 100%);
    color: #fff;
    font-size: 46px;
    line-height: 1;
    font-weight: 500;
    text-align: center;
    padding: 12px 0 0 0;
    clip-path: polygon(0 0, 100% 0, 100% -webkit-calc(100% - 40px), 50% 100%, 0 -webkit-calc(100% - 40px));
    clip-path: polygon(0 0, 100% 0, 100% -moz-calc(100% - 40px), 50% 100%, 0 -moz-calc(100% - 40px));
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 40px), 50% 100%, 0 calc(100% - 40px));
    left: 50%;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    top: -35px;
  }
  .cost__contact--list .box {
    width: 660px;
    padding: 60px;
    position: relative;
  }
  .cost__contact--list .box figure img {
    width: 100%;
    height: auto;
  }
  .cost__contact--list .box p {
    font-size: 42px;
    line-height: 60px;
    font-weight: 600;
    margin-top: 15px;
  }
  .cost__contact--list .box:nth-of-type(odd) {
    margin-left: auto;
  }
  .cost__contact--list .box:nth-of-type(odd) p {
    color: #231815;
  }
  .cost__contact--list .box:nth-of-type(even) {
    margin-right: auto;
  }
  .cost__contact--list .box:nth-of-type(even) p {
    color: #fff;
  }
  .cost__contact--list .box:nth-of-type(1) {
    background: #d2c184;
    z-index: 5;
  }
  .cost__contact--list .box:nth-of-type(2) {
    background: #74560f;
    z-index: 4;
    padding-top: 110px;
    margin-top: -50px;
  }
  .cost__contact--list .box:nth-of-type(3) {
    background: #d1d1d1;
    z-index: 3;
    padding-top: 110px;
    margin-top: -50px;
  }
  .cost__contact--list .box:nth-of-type(4) {
    background: #74560f;
    z-index: 2;
    padding-top: 110px;
    margin-top: -50px;
  }
  .cost__contact--list .box:nth-of-type(5) {
    background: #d2c184;
    z-index: 1;
    padding-top: 110px;
    margin-top: -50px;
  }
  .cost__category {
    padding: 199px 0 200px;
    background: url("../img/costBgCate.png") 0 0 no-repeat;
    -moz-background-size: 100% auto;
         background-size: 100% auto;
  }
  .cost__category h3 {
    margin: auto;
    width: 650px;
    height: 120px;
    background: #fff;
    font-size: 42px;
    line-height: 60px;
    font-weight: 600;
    color: #272e38;
    position: relative;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
    text-align: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .cost__category h3::after {
    position: absolute;
    content: "";
    width: 50px;
    height: 1px;
    background: #fff;
    right: -50px;
    top: 50%;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    z-index: -1;
  }
  .cost__category h3::before {
    position: absolute;
    content: "";
    width: 50px;
    height: 1px;
    left: -50px;
    background: #fff;
    top: 50%;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    z-index: -1;
  }
  .cost__category--list {
    margin-top: 80px;
  }
  .cost__category--list ul {
    margin: -10px -7.5px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .cost__category--list ul li {
    text-align: center;
    margin: 10px 7.5px;
    width: 240px;
    height: 240px;
  }
  .cost__category--list ul li a {
    display: block;
    height: 100%;
    width: 100%;
    background: #fff;
    position: relative;
    overflow: hidden;
    pointer-events: none;
  }
  .cost__category--list ul li span {
    font-size: 24px;
    line-height: 31px;
    position: absolute;
    width: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    top: 19px;
  }
  .cost__category--list ul li figure {
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .cost__category--list ul li figure img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
  }
  .cost__category--list ul li:nth-of-type(1), .cost__category--list ul li:nth-of-type(2) {
    width: 300px;
    height: 300px;
    margin: 10px;
  }
  .cost__category--note {
    text-align: center;
    color: #fff;
    font-size: 46px;
    line-height: 60px;
    font-weight: 600;
    margin-top: 70px;
  }
  .cost__never--top {
    text-align: center;
    font-size: 42px;
    line-height: 60px;
    color: #272e38;
    font-weight: 600;
  }
  .cost__never h3 {
    margin-top: 60px;
    padding: 0 15px;
  }
  .cost__never h3 span {
    display: inline;
    font-size: 42px;
    line-height: 62px;
    color: #272e38;
    text-decoration: underline;
    text-underline-offset: 5px;
  }
  .cost__never--condition {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 46px -10px -10px;
  }
  .cost__never--condition figure {
    width: 345px;
    margin: 10px;
    border: 2px solid #333333;
    -moz-border-radius: 20px;
         border-radius: 20px;
    overflow: hidden;
    position: relative;
  }
  .cost__never--condition figure figcaption {
    text-align: center;
    font-size: 24px;
    line-height: 36px;
    font-weight: 700;
    color: #fff;
    background: #333333;
    padding: 21px 0;
  }
  .cost__never--condition figure img {
    width: 100%;
    height: 275px;
    object-fit: cover;
  }
  .cost__thank {
    margin-top: 121px;
    padding-top: 272px;
    position: relative;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
    padding-bottom: 80px;
  }
  .cost__thank::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 232px;
    background: url("../img/costIllus.png") 0 0 no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    left: 0;
    top: 0;
  }
  .cost__thank p {
    text-align: center;
    font-size: 52px;
    line-height: 60px;
    font-weight: 600;
    color: #b68f33;
  }
  .cost__thank p span {
    font-size: 70px;
    font-weight: 800;
  }
  .trouble {
    background: url("../img/troubleBg.png") 0 0 no-repeat;
    -moz-background-size: cover;
         background-size: cover;
    padding-bottom: 151px;
  }
  .trouble h2 {
    text-align: center;
    font-size: 46px;
    line-height: 72px;
    font-weight: 600;
    color: #000000;
  }
  .trouble__list {
    margin-top: 47px;
  }
  .trouble__list ul li {
    font-size: 30px;
    line-height: 46px;
    font-weight: 700;
    font-family: "Hiragino Sans", "游ゴシック", YuGothic, YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
    color: #253161;
  }
  .trouble__list ul li span {
    background: #fffb90;
  }
  .trouble__list ul li:nth-of-type(1) {
    padding: 81px 20px 46px 40px;
    background: url("../img/troubleFrame01.png") 0 0 no-repeat;
    -moz-background-size: 100% 100%;
         background-size: 100% 100%;
    width: 516px;
    margin-right: auto;
  }
  .trouble__list ul li:nth-of-type(2) {
    padding: 81px 10px 78px 63px;
    background: url("../img/troubleFrame02.png") 0 0 no-repeat;
    -moz-background-size: 100% 100%;
         background-size: 100% 100%;
    width: 527.5px;
    margin-left: auto;
  }
  .trouble__list ul li:nth-of-type(3) {
    padding: 50px 20px 79px 20px;
    background: url("../img/troubleFrame03.png") 0 0 no-repeat;
    -moz-background-size: 100% 100%;
         background-size: 100% 100%;
    width: 604.5px;
    margin-right: auto;
    margin-top: 20px;
  }
  .trouble__list ul li:nth-of-type(4) {
    padding: 48px 10px 78px 63px;
    background: url("../img/troubleFrame04.png") 0 0 no-repeat;
    -moz-background-size: 100% 100%;
         background-size: 100% 100%;
    width: 623px;
    margin-left: auto;
  }
  .reason {
    background: #dedabf;
  }
  .reason__box {
    padding: 85px 30px 200px;
    background: url("../img/reasonBg.png") bottom center no-repeat;
    -moz-background-size: cover;
         background-size: cover;
    position: relative;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
    z-index: 4;
  }
  .reason__box::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 768px;
    background: url("../img/reasonMusic01.png") 0 0 no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    left: 0;
    top: 155px;
    z-index: -1;
  }
  .reason__box--inner {
    background: url("../img/reasonBg02.png") 0 0 no-repeat;
    -moz-background-size: cover;
         background-size: cover;
    position: relative;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
    padding: 5px;
    -moz-box-shadow: 0px 15px 15px 0px rgba(0, 0, 0, 0.35);
         box-shadow: 0px 15px 15px 0px rgba(0, 0, 0, 0.35);
  }
  .reason__box--inner::before, .reason__box--inner::after {
    position: absolute;
    content: "";
    width: 40px;
    height: 40px;
    background: #3f2603;
  }
  .reason__box--inner::before {
    clip-path: polygon(0 0, 100% 0, 0 100%);
    left: 0;
    top: 0;
  }
  .reason__box--inner::after {
    clip-path: polygon(100% 0, 100% 100%, 0 100%);
    right: 0;
    bottom: 0;
  }
  .reason__box--inner--bor {
    border: 4px solid #5f3d0c;
    padding: 40px 0 43px;
  }
  .reason__box--inner--bor h2 {
    text-align: center;
    font-size: 60px;
    line-height: 1;
    font-weight: 600;
    color: #5f3d0c;
  }
  .reason__box--inner--bor h2 small {
    font-size: 46px;
  }
  .reason__box--inner--bor .list {
    margin-top: 40px;
  }
  .reason__box--inner--bor .list ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-pack: justify;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .reason__box--inner--bor .list ul li {
    width: 330px;
    height: 90px;
    text-align: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 46px;
    line-height: 60px;
    color: #86550e;
    font-weight: 600;
    position: relative;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
    margin-top: 10px;
  }
  .reason__box--inner--bor .list ul li::before {
    position: absolute;
    content: "";
    width: 340px;
    height: 102px;
    background: url("../img/reasonFrameTop.png") 0 0 no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    left: 50%;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    top: 0;
    z-index: -1;
  }
  .reason__box--inner--bor .note {
    margin-top: 18px;
    padding: 57px 0 0;
    text-align: center;
    font-size: 60px;
    line-height: 72px;
    font-weight: 800;
    color: #5f3d0c;
    position: relative;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
  }
  .reason__box--inner--bor .note::before {
    position: absolute;
    content: "";
    width: 603px;
    height: 38px;
    background: url("../img/reasonLine.png") 0 0 no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .reason__title {
    margin-top: 60px;
    position: relative;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
    z-index: 3;
    background: url("../img/reasonFrame.png") 0 0 no-repeat;
    -moz-background-size: 100% 100%;
         background-size: 100% 100%;
    padding: 79px 0 113px;
  }
  .reason__title h2 {
    background: -webkit-linear-gradient(280deg, #975403 0%, #5d2c00 62%, #734214 100%);
    background: -moz- oldlinear-gradient(280deg, #975403 0%, #5d2c00 62%, #734214 100%);
    background: linear-gradient(170deg, #975403 0%, #5d2c00 62%, #734214 100%);
    -moz-background-clip: text;
         background-clip: text;
    color: transparent;
    text-align: center;
    font-size: 57px;
    line-height: 83px;
    font-weight: 600;
  }
  .reason__title h2 span {
    font-size: 83px;
  }
  .reason__title h3 {
    background: -webkit-linear-gradient(280deg, #975403 0%, #5d2c00 62%, #734214 100%);
    background: -moz- oldlinear-gradient(280deg, #975403 0%, #5d2c00 62%, #734214 100%);
    background: linear-gradient(170deg, #975403 0%, #5d2c00 62%, #734214 100%);
    -moz-background-clip: text;
         background-clip: text;
    color: transparent;
    text-align: center;
    font-size: 76px;
    line-height: 117px;
    font-weight: 600;
    margin-top: 34px;
  }
  .reason__title h3 span {
    font-size: 117px;
  }
  .reason__title::after {
    position: absolute;
    content: "";
    width: 224px;
    height: 427px;
    background: url("../img/reasonMusic02.png") 0 0 no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    top: -443px;
    left: -46px;
  }
  .reason__list {
    counter-reset: ar;
    margin-top: 67px;
  }
  .reason__list article {
    counter-increment: ar;
    padding: 121px 40px 173px;
  }
  .reason__list article .arInner {
    position: relative;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
    background: #fff;
    padding: 0px 0 25px;
    -moz-box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.3);
         box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.3);
  }
  .reason__list article .arInner::before {
    position: absolute;
    content: counter(ar, decimal-leading-zero);
    font-size: 100px;
    line-height: 1;
    font-weight: 500;
    background: -webkit-linear-gradient(280deg, #975403 0%, #5d2c00 62%, #734214 100%);
    background: -moz- oldlinear-gradient(280deg, #975403 0%, #5d2c00 62%, #734214 100%);
    background: linear-gradient(170deg, #975403 0%, #5d2c00 62%, #734214 100%);
    -moz-background-clip: text;
         background-clip: text;
    color: transparent;
    left: 50%;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    top: -50px;
  }
  .reason__list article .arInner::after {
    position: absolute;
    content: "";
    width: 180px;
    height: 180px;
    background: -webkit-linear-gradient(210deg, #745d0c 0%, #fcf6b6 100%) border-box;
    background: -moz- oldlinear-gradient(210deg, #745d0c 0%, #fcf6b6 100%) border-box;
    background: linear-gradient(-120deg, #745d0c 0%, #fcf6b6 100%) border-box;
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #000)) exclude, -webkit-gradient(linear, left top, left bottom, color-stop(0, #000)) content-box;
    -webkit-mask: -webkit-linear-gradient(#000 0 0) exclude, -webkit-linear-gradient(#000 0 0) content-box;
            mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #000)) exclude, -webkit-gradient(linear, left top, left bottom, color-stop(0, #000)) content-box;
            mask: linear-gradient(#000 0 0) exclude, linear-gradient(#000 0 0) content-box;
    border: 3px solid transparent;
    -moz-border-radius: 50%;
         border-radius: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    top: -90px;
    clip-path: circle(70% at bottom);
    z-index: -2;
  }
  .reason__list article .arInner h3 {
    font-size: 46px;
    line-height: 60px;
    font-weight: 800;
    color: #894a02;
    text-align: center;
    position: relative;
    padding: 155px 0 0;
  }
  .reason__list article .arInner h3::before {
    position: absolute;
    content: "Reason";
    font-size: 26px;
    line-height: 29px;
    font-weight: 500;
    color: #714013;
    text-align: center;
    left: 50%;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    top: -90px;
    padding-top: 135px;
  }
  .reason__list article .arInner .fig {
    margin-top: 58px;
  }
  .reason__list article .arInner .fig img {
    width: 602px;
  }
  .reason__list article .arInner .fig.left {
    text-align: left;
  }
  .reason__list article .arInner .fig.right {
    text-align: right;
  }
  .reason__list article .arInner .wrapSlider {
    margin-top: 59px;
    position: relative;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
  }
  .reason__list article .arInner .wrapSlider__hidden {
    padding: 0 40px;
    overflow: hidden;
  }
  .reason__list article .arInner .wrapSlider .appraisers-next,
  .reason__list article .arInner .wrapSlider .appraisers-prev {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 60px;
    height: 180px;
  }
  .reason__list article .arInner .wrapSlider .appraisers-next {
    background: url("../img/reasonCtrlRight.png") 0 0 no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    right: -31px;
  }
  .reason__list article .arInner .wrapSlider .appraisers-prev {
    background: url("../img/reasonCtrlLeft.png") 0 0 no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    left: -31px;
  }
  .reason__list article .arInner .wrapSlider .appraisers--slide {
    border: 2px solid #b68f33;
    padding: 65px 20px;
    background: #fff;
    height: auto;
  }
  .reason__list article .arInner .wrapSlider .appraisers--slide figure {
    width: 350px;
    height: 350px;
    padding: 5px;
    margin: 0 auto;
    background: -webkit-linear-gradient(210deg, #745d0c 0%, #fcf6b6 100%);
    background: -moz- oldlinear-gradient(210deg, #745d0c 0%, #fcf6b6 100%);
    background: linear-gradient(-120deg, #745d0c 0%, #fcf6b6 100%);
    -moz-border-radius: 50%;
         border-radius: 50%;
    -moz-box-shadow: 0px 6px 14px 0px rgba(0, 0, 0, 0.5);
         box-shadow: 0px 6px 14px 0px rgba(0, 0, 0, 0.5);
  }
  .reason__list article .arInner .wrapSlider .appraisers--slide figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .reason__list article .arInner .wrapSlider .appraisers--slide h4 {
    text-align: center;
    font-size: 30px;
    line-height: 2;
    font-weight: 700;
    font-family: "Hiragino Sans", "游ゴシック", YuGothic, YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
    color: #000000;
    margin-top: 15px;
  }
  .reason__list article .arInner .wrapSlider .appraisers--slide .txt {
    padding: 0;
    font-size: 30px;
    line-height: 52px;
    font-weight: 400;
    color: #000;
    font-family: "Hiragino Sans", "游ゴシック", YuGothic, YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
    margin-top: 6px;
  }
  .reason__list article .arInner .wrapSlider .appraisers--pagi {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 30px;
  }
  .reason__list article .arInner .wrapSlider .appraisers--pagi .swiper-pagination-bullet {
    width: 22px;
    height: 22px;
    margin: 0 5px;
    background: #fff;
    -moz-border-radius: 50%;
         border-radius: 50%;
    border: 1px solid #b68f33;
    opacity: 1;
  }
  .reason__list article .arInner .wrapSlider .appraisers--pagi .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #b68f33;
  }
  .reason__list article .arInner .caution {
    text-align: center;
    font-size: 36px;
    line-height: 56px;
    color: #894a02;
    font-weight: 500;
    margin-top: 28px;
    padding: 0 45px;
  }
  .reason__list article .arInner .txt {
    margin-top: 55px;
    font-size: 30px;
    line-height: 52px;
    font-family: "Hiragino Sans", "游ゴシック", YuGothic, YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
    font-weight: 400;
    letter-spacing: 0.06em;
    color: #000000;
    padding: 0 40px;
  }
  .reason__list article .arInner .txt span {
    background: #fff881;
  }
  .reason__list article .arInner .note {
    text-align: right;
    font-size: 20px;
    line-height: 1.5;
    letter-spacing: 0.06em;
    color: #000;
    margin-top: 10px;
    padding: 0 40px;
  }
  .reason__list article.justcolor {
    background: #dedabf url("../img/reasonKeyboard01.jpg") bottom no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    position: relative;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
  }
  .reason__list article.justcolor::after {
    position: absolute;
    content: "";
    width: 224px;
    height: 427px;
    background: url("../img/reasonMusic03.png") 0 0 no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    bottom: 113px;
    right: -30px;
    z-index: -1;
  }
  .reason__list article.blue {
    background: #060f4e url("../img/reasonKeyboard02.jpg") bottom no-repeat;
    -moz-background-size: contain;
         background-size: contain;
  }
  .reason__list article.blue .arInner::before {
    background: -webkit-linear-gradient(280deg, #e7c091 1%, #f5f3cf 24%, #976b03 51%, #493d04 77%, #776c0d 99%);
    background: -moz- oldlinear-gradient(280deg, #e7c091 1%, #f5f3cf 24%, #976b03 51%, #493d04 77%, #776c0d 99%);
    background: linear-gradient(170deg, #e7c091 1%, #f5f3cf 24%, #976b03 51%, #493d04 77%, #776c0d 99%);
    -moz-background-clip: text;
         background-clip: text;
  }
  .reason__list article.yellow {
    background: #d2c184 url("../img/reasonKeyboard03.jpg") bottom no-repeat;
    -moz-background-size: contain;
         background-size: contain;
  }
  .reason__list article.bg03 {
    background-image: url("../img/reasonBg03.jpg"), url("../img/reasonKeyboard03.jpg");
    background-position: 0 0,bottom;
    background-repeat: no-repeat,no-repeat;
    -moz-background-size: contain contain;
         background-size: contain contain;
    background-color: #d2c184;
  }
  .reason__list article.bg04 {
    background-image: url("../img/reasonBg04.jpg"), url("../img/reasonKeyboard03.jpg");
    background-position: 0 0,bottom;
    background-repeat: no-repeat,no-repeat;
    -moz-background-size: contain contain;
         background-size: contain contain;
    background-color: #d2c184;
  }
  .step {
    margin-top: 60px;
  }
  .step__title h2 {
    margin: auto;
    width: 650px;
    height: 120px;
    background: #fff;
    font-size: 42px;
    line-height: 60px;
    font-weight: 600;
    color: #ba9200;
    position: relative;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
    text-align: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border: 1px solid #ba9200;
  }
  .step__title h2::after {
    position: absolute;
    content: "";
    width: 50px;
    height: 1px;
    background: #ba9200;
    right: -50px;
    top: 50%;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    z-index: -1;
  }
  .step__title h2::before {
    position: absolute;
    content: "";
    width: 50px;
    height: 1px;
    left: -50px;
    background: #ba9200;
    top: 50%;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    z-index: -1;
  }
  .step__list {
    margin-top: 122px;
    padding: 0 20px;
    position: relative;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
  }
  .step__list::before {
    position: absolute;
    content: "";
    width: 5px;
    height: 80%;
    background: #ba9200;
    top: 50%;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    left: 123px;
    z-index: -1;
  }
  .step__list article {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
  .step__list article figure {
    width: 210px;
    margin-right: 40px;
  }
  .step__list article figure img {
    width: 100%;
    height: 210px;
    -moz-border-radius: 50%;
         border-radius: 50%;
  }
  .step__list article .arCon {
    -webkit-box-flex: 1;
       -moz-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .step__list article .arCon h3 {
    font-size: 33px;
    line-height: 52px;
    font-weight: 600;
    color: #ba9200;
    padding: 0 0 14px;
    border-bottom: 2px solid #ba9200;
    letter-spacing: -0.01em;
  }
  .step__list article .arCon .txt {
    margin-top: 24px;
    font-size: 24px;
    line-height: 42px;
    font-weight: 400;
    font-family: "Hiragino Sans", "游ゴシック", YuGothic, YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
    color: #000000;
  }
  .step__list article .arCon .txt span {
    background: #fef977;
    font-weight: 700;
  }
  .step__list article + article {
    margin-top: 87px;
  }
  .faq {
    margin-top: 120px;
    background: #a18e46;
    padding: 341px 20px 45px;
    position: relative;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
  }
  .faq::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 232px;
    background: url("../img/faqIllus.png") 0 0 no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    left: 0;
    top: 80px;
  }
  .faq h2 {
    text-align: center;
    font-size: 46px;
    line-height: 60px;
    font-weight: 600;
    color: #fff;
  }
  .faq__list {
    margin-top: 80px;
  }
  .faq__list dl dt {
    position: relative;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
    font-size: 36px;
    line-height: 60px;
    color: #ba9200;
    background: #fff;
    font-weight: 600;
    padding: 12px 60px 12px 78px;
  }
  .faq__list dl dt::before {
    position: absolute;
    content: "Q";
    font-size: 52px;
    line-height: 60px;
    font-weight: 800;
    color: #ba9200;
    left: 18px;
    top: 12px;
  }
  .faq__list dl dt::after {
    position: absolute;
    content: "";
    width: 38px;
    height: 20px;
    background: url("../img/faqArrow.png") 0 0 no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    top: 50%;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    right: 20px;
    -webkit-transform-origin: 50% 50%;
       -moz-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }
  .faq__list dl dt.active::after {
    -webkit-transform: translateY(-50%) rotate(180deg);
       -moz-transform: translateY(-50%) rotate(180deg);
        -ms-transform: translateY(-50%) rotate(180deg);
            transform: translateY(-50%) rotate(180deg);
  }
  .faq__list dl dd {
    color: #fff;
    font-size: 30px;
    line-height: 46px;
    font-family: "Hiragino Sans", "游ゴシック", YuGothic, YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
    font-weight: 400;
    position: relative;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
    padding: 27px 20px 0 78px;
    display: none;
  }
  .faq__list dl dd::before {
    position: absolute;
    content: "A";
    font-size: 52px;
    line-height: 60px;
    font-weight: 800;
    color: #fff;
    left: 18px;
    top: 12px;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  }
  .faq__list dl + dl {
    margin-top: 65px;
  }
  .customer {
    margin-top: 78px;
    margin-bottom: 80px;
  }
  .customer__main h2 {
    text-align: center;
    font-size: 46px;
    line-height: 60px;
    font-weight: 600;
    color: #ba9200;
  }
  .customer__main dl {
    margin-top: 20px;
    border: 2px solid #ba9200;
    padding: 40px;
  }
  .customer__main dl dt {
    text-align: center;
    font-size: 36px;
    line-height: 46px;
    font-weight: 700;
    font-family: "Hiragino Sans", "游ゴシック", YuGothic, YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
    color: #555555;
  }
  .customer__main dl dd {
    font-size: 30px;
    line-height: 52px;
    font-weight: 400;
    color: #555555;
    letter-spacing: 0.06em;
    font-family: "Hiragino Sans", "游ゴシック", YuGothic, YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
    margin-top: 25px;
  }
  .contact {
    background: #272e38;
    padding: 80px 40px 120px;
  }
  .contact__top--logo {
    line-height: 0;
    text-align: center;
  }
  .contact__top--logo img {
    width: 327px;
  }
  .contact__top h2 {
    text-align: center;
    font-size: 60px;
    line-height: 1;
    font-weight: 700;
    color: #fff;
    font-family: "Hiragino Sans", "游ゴシック", YuGothic, YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
    margin-top: 35px;
  }
  .contact__top--box {
    margin-top: 84px;
    background: #fff;
    -moz-border-radius: 10px;
         border-radius: 10px;
    padding: 43px 40px;
    font-size: 30px;
    line-height: 52px;
    font-weight: 400;
    font-family: "Hiragino Sans", "游ゴシック", YuGothic, YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
  }
  .contact__top--tel {
    margin-top: 80px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .contact__top--tel em {
    font-size: 46px;
    line-height: 1;
    font-weight: 500;
    color: #fff;
    font-style: normal;
  }
  .contact__top--tel a {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 120px;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 21px;
    font-size: 70px;
    line-height: 1;
    font-weight: 500;
    color: #fff;
    padding: 37px 0 25px;
    -moz-border-radius: 60px;
         border-radius: 60px;
    background: -webkit-gradient(linear, left top, left bottom, from(#f7a84b), color-stop(50%, #f7a84b), color-stop(50%, #f5921e), to(#f5921e));
    background: -webkit-linear-gradient(top, #f7a84b 0%, #f7a84b 50%, #f5921e 50%, #f5921e 100%);
    background: -moz- oldlinear-gradient(top, #f7a84b 0%, #f7a84b 50%, #f5921e 50%, #f5921e 100%);
    background: linear-gradient(180deg, #f7a84b 0%, #f7a84b 50%, #f5921e 50%, #f5921e 100%);
    position: relative;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
    overflow: hidden;
  }
  .contact__top--tel a::before {
    position: absolute;
    content: "";
    width: 180px;
    height: 228px;
    background: url("../img/light.png") 0 0 no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    left: -100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    -webkit-animation: light 2.5s linear infinite;
       -moz-animation: light 2.5s linear infinite;
            animation: light 2.5s linear infinite;
    z-index: -1;
  }
  .contact__top--tel a span {
    display: inline-block;
    position: relative;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
  }
  .contact__top--tel a span::before {
    position: absolute;
    content: attr(data-top);
    font-size: 30px;
    line-height: 1;
    font-weight: 500;
    color: #fff;
    left: 50%;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    top: -26px;
  }
  .contact__top--tel time {
    font-size: 24px;
    line-height: 1;
    font-family: 'KozB';
    color: #fff;
    margin-top: 14px;
  }
  .contact__form {
    margin-top: 100px;
    font-family: "Hiragino Sans", "游ゴシック", YuGothic, YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
  }
  .contact__form input, .contact__form select, .contact__form textarea {
    font-family: "Hiragino Sans", "游ゴシック", YuGothic, YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
  }
  .contact__form dl dt {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: #fff;
    font-size: 36px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 0.06em;
  }
  .contact__form dl dt.required::after {
    content: "必須";
    color: #fff;
    width: 100px;
    height: 60px;
    background: #eb6872;
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 36px;
    line-height: 1;
  }
  .contact__form dl dt.any::after {
    content: "任意";
    color: #fff;
    width: 100px;
    height: 60px;
    background: #d1d1d1;
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 36px;
    line-height: 1;
  }
  .contact__form dl dd {
    margin-top: 20px;
  }
  .contact__form dl dd .wrapInput,
  .contact__form dl dd .wrapSel {
    width: 100%;
  }
  .contact__form dl dd .wrapInput input, .contact__form dl dd .wrapInput select, .contact__form dl dd .wrapInput textarea,
  .contact__form dl dd .wrapSel input,
  .contact__form dl dd .wrapSel select,
  .contact__form dl dd .wrapSel textarea {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    background: #fff;
    font-size: 30px;
    line-height: 1.5;
    font-weight: bold;
    height: 120px;
    -moz-border-radius: 10px;
         border-radius: 10px;
    padding: 20px;
    outline: none;
    border: none;
    -moz-box-shadow: none;
         box-shadow: none;
    color: #000;
    width: 100%;
  }
  .contact__form dl dd .wrapInput input::-webkit-input-placeholder, .contact__form dl dd .wrapInput select::-webkit-input-placeholder, .contact__form dl dd .wrapInput textarea::-webkit-input-placeholder,
  .contact__form dl dd .wrapSel input::-webkit-input-placeholder,
  .contact__form dl dd .wrapSel select::-webkit-input-placeholder,
  .contact__form dl dd .wrapSel textarea::-webkit-input-placeholder {
    color: #bababa;
    opacity: 1;
  }
  .contact__form dl dd .wrapInput input::-moz-placeholder, .contact__form dl dd .wrapInput select::-moz-placeholder, .contact__form dl dd .wrapInput textarea::-moz-placeholder,
  .contact__form dl dd .wrapSel input::-moz-placeholder,
  .contact__form dl dd .wrapSel select::-moz-placeholder,
  .contact__form dl dd .wrapSel textarea::-moz-placeholder {
    color: #bababa;
    opacity: 1;
  }
  .contact__form dl dd .wrapInput input:-ms-input-placeholder, .contact__form dl dd .wrapInput select:-ms-input-placeholder, .contact__form dl dd .wrapInput textarea:-ms-input-placeholder,
  .contact__form dl dd .wrapSel input:-ms-input-placeholder,
  .contact__form dl dd .wrapSel select:-ms-input-placeholder,
  .contact__form dl dd .wrapSel textarea:-ms-input-placeholder {
    color: #bababa;
    opacity: 1;
  }
  .contact__form dl dd .wrapInput input::placeholder, .contact__form dl dd .wrapInput select::placeholder, .contact__form dl dd .wrapInput textarea::placeholder,
  .contact__form dl dd .wrapSel input::placeholder,
  .contact__form dl dd .wrapSel select::placeholder,
  .contact__form dl dd .wrapSel textarea::placeholder {
    color: #bababa;
    opacity: 1;
  }
  .contact__form dl dd .wrapInput textarea,
  .contact__form dl dd .wrapSel textarea {
    height: 330px;
  }
  .contact__form dl dd .wrapPrivacy {
    height: 450px;
    overflow: auto;
    padding: 43px 40px;
    font-size: 24px;
    line-height: 36px;
    font-weight: 700;
    color: #000000;
    letter-spacing: 0.06em;
    background: #fff;
  }
  .contact__form dl dd .error {
    color: #ff0000;
    display: block;
  }
  .contact__form dl + dl {
    margin-top: 60px;
  }
  .contact__form .wrapBtn {
    margin-top: 100px;
  }
  .contact__form .wrapBtn button {
    -moz-border-radius: 60px;
         border-radius: 60px;
    background: -webkit-gradient(linear, left top, left bottom, from(#38d277), color-stop(50%, #38d277), color-stop(50%, #06c755), to(#06c755));
    background: -webkit-linear-gradient(top, #38d277 0%, #38d277 50%, #06c755 50%, #06c755 100%);
    background: -moz- oldlinear-gradient(top, #38d277 0%, #38d277 50%, #06c755 50%, #06c755 100%);
    background: linear-gradient(180deg, #38d277 0%, #38d277 50%, #06c755 50%, #06c755 100%);
    outline: none;
    height: 120px;
    width: 100%;
    font-size: 46px;
    line-height: 1;
    font-weight: 700;
    color: #fff;
    border: none;
    -moz-box-shadow: none;
         box-shadow: none;
  }
  .footer {
    background: #fefedb;
    padding: 40px 0 168px;
  }
  .footer__logo {
    text-align: center;
    line-height: 0;
  }
  .footer__logo a {
    line-height: 0;
    width: 212px;
    display: inline-block;
  }
  .footer__logo a img {
    width: 100%;
    height: auto;
  }
  .footer__link {
    margin-top: 83px;
  }
  .footer__link ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .footer__link ul li a {
    font-size: 30px;
    line-height: 1;
    font-weight: 700;
    color: #333333;
    font-family: "Hiragino Sans", "游ゴシック", YuGothic, YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
  }
  .footer__copy {
    text-align: center;
    margin-top: 123px;
    font-size: 20px;
    line-height: 36px;
    letter-spacing: 0.06em;
    color: #000000;
  }
  .ctaFixed {
    position: fixed;
    width: 100%;
    max-width: 750px;
    z-index: 999;
    left: 50%;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    bottom: 0;
    background: #fff;
    padding-top: 10px;
  }
  .ctaFixed ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
  .ctaFixed ul li {
    line-height: 0;
  }
  .ctaFixed ul li._line {
    width: 160px;
  }
  .ctaFixed ul li._line a {
    display: block;
    width: 100%;
    line-height: 0;
  }
  .ctaFixed ul li._mail {
    width: 160px;
  }
  .ctaFixed ul li._mail a {
    display: block;
    width: 100%;
    line-height: 0;
  }
  .ctaFixed ul li._tel {
    width: 410px;
    height: 150px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: #fff;
    font-family: "Hiragino Sans", "游ゴシック", YuGothic, YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
    background: #f5921e;
    -moz-border-radius: 20px;
         border-radius: 20px;
  }
  .ctaFixed ul li._tel a {
    color: #FFF;
    margin: 10px 0;
  }
  .ctaFixed ul li._tel small {
    font-size: 24px;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 0.06em;
  }
  .ctaFixed ul li._tel a span {
    font-size: 45px;
    line-height: 1;
    font-weight: 700;
    white-space: nowrap;
  }
  .ctaFixed ul li._tel time {
    font-size: 20px;
    line-height: 1;
    font-weight: 700;
  }
}

@media screen and (max-width: 768px) {
  .row {
    padding: 0 4vw;
  }
  .show_pc {
    display: none !important;
  }
  .container {
    overflow: hidden;
  }
  .header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 1.46667vw;
    z-index: 99;
  }
  .header__main {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .header__main--type {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .header__main--type li {
    margin: 0 0.66667vw;
    color: #fff;
    font-size: 3.33333vw;
    line-height: 1;
    font-family: 'KozB';
    background: #b68f33;
    padding: 0.93333vw 2vw;
    white-space: nowrap;
  }
  .header__main--type li.case {
    background: none;
    padding: 0.93333vw 0;
    color: #3f342c;
  }
  .header__main--logo {
    line-height: 0;
    width: 21.33333vw;
    margin-left: 0.4vw;
  }
  .header__main--logo a {
    display: block;
    line-height: 0;
    width: 100%;
  }
  .header__main--logo a img {
    width: 100%;
    height: auto;
  }
  .mv {
    position: relative;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
  }
  .mv__bg {
    width: 100%;
    height: auto;
  }
  .mv__intro {
    position: absolute;
    right: 0;
    top: 4vw;
    width: 44.86667vw;
  }
  .cta {
    position: relative;
    z-index: 2;
    margin-top: -13.33333vw;
  }
  .cta::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url("../img/mvPiano.png") 0 0 no-repeat;
    -moz-background-size: cover;
         background-size: cover;
    z-index: -1;
  }
  .cta__main {
    padding: 14.93333vw 4.66667vw 36vw;
  }
  .cta__main--list {
    margin: -2.66667vw;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .cta__main--list dl {
    width: 26.66667vw;
    height: 26.66667vw;
    -moz-border-radius: 50%;
         border-radius: 50%;
    text-align: center;
    position: relative;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
    margin: 2.66667vw;
    padding: 4.26667vw 0 0;
  }
  .cta__main--list dl dt {
    font-size: 3.2vw;
    line-height: 3.2vw;
    font-weight: 600;
    color: #e1cd7c;
  }
  .cta__main--list dl dd {
    font-size: 8.8vw;
    line-height: 1;
    margin-top: 1.33333vw;
    font-weight: 600;
    color: #e1cd7c;
  }
  .cta__main--list dl::before {
    position: absolute;
    content: "";
    width: -webkit-calc(100% + 6px);
    width: -moz-calc(100% + 6px);
    width: calc(100% + 6px);
    height: -webkit-calc(100% + 6px);
    height: -moz-calc(100% + 6px);
    height: calc(100% + 6px);
    background: -webkit-linear-gradient(210deg, #745d0c 0%, #fcf6b6 100%) border-box;
    background: -moz- oldlinear-gradient(210deg, #745d0c 0%, #fcf6b6 100%) border-box;
    background: linear-gradient(-120deg, #745d0c 0%, #fcf6b6 100%) border-box;
    border: 3px solid transparent;
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #000)) exclude, -webkit-gradient(linear, left top, left bottom, color-stop(0, #000)) content-box;
    -webkit-mask: -webkit-linear-gradient(#000 0 0) exclude, -webkit-linear-gradient(#000 0 0) content-box;
            mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #000)) exclude, -webkit-gradient(linear, left top, left bottom, color-stop(0, #000)) content-box;
            mask: linear-gradient(#000 0 0) exclude, linear-gradient(#000 0 0) content-box;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    z-index: -1;
    -moz-border-radius: 50%;
         border-radius: 50%;
  }
  .cta__main--list dl::after {
    position: absolute;
    content: attr(data-ribbon);
    font-size: 2.66667vw;
    line-height: 1;
    font-family: 'KozB';
    color: #fff;
    text-align: center;
    width: 27.46667vw;
    height: 8.66667vw;
    padding: 1.46667vw 0 0;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    background: url("../img/ctaRibbon.png") 0 0 no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    z-index: 1;
  }
  .cta__main--list dl.st2 {
    padding-top: 4.66667vw;
  }
  .cta__main--list dl.st2 dt {
    font-size: 4.66667vw;
  }
  .cta__main--list dl.st2 dd {
    font-size: 5.13333vw;
    margin-top: 1.86667vw;
  }
  .cta__main--list dl.st1::after {
    font-size: 2.4vw;
    padding-top: 1.6vw;
  }
  .cta__main--ex {
    background: url("../img/ctaBgEx.png") 0 0 repeat;
    -moz-background-size: contain;
         background-size: contain;
    -moz-background-clip: text;
         background-clip: text;
    text-align: center;
    margin-top: 6.13333vw;
  }
  .cta__main--ex p {
    color: transparent;
    font-size: 4vw;
    line-height: 8vw;
    font-weight: 800;
  }
  .cta__main--ex h3 {
    font-size: 7.36667vw;
    line-height: 1;
    color: transparent;
    font-weight: 800;
    margin-top: 3.2vw;
  }
  .cta__main--now {
    position: relative;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
    background: url("../img/ctaBgNow.png") 0 0 no-repeat;
    -moz-background-size: cover;
         background-size: cover;
    margin-top: 12.93333vw;
    padding: 10.4vw 6.66667vw 6vw;
  }
  .cta__main--now::before {
    position: absolute;
    content: "";
    width: -webkit-calc(100% + 6px);
    width: -moz-calc(100% + 6px);
    width: calc(100% + 6px);
    height: -webkit-calc(100% + 6px);
    height: -moz-calc(100% + 6px);
    height: calc(100% + 6px);
    background: -webkit-linear-gradient(210deg, #745d0c 0%, #fcf6b6 100%) border-box;
    background: -moz- oldlinear-gradient(210deg, #745d0c 0%, #fcf6b6 100%) border-box;
    background: linear-gradient(-120deg, #745d0c 0%, #fcf6b6 100%) border-box;
    border: 3px solid transparent;
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #000)) exclude, -webkit-gradient(linear, left top, left bottom, color-stop(0, #000)) content-box;
    -webkit-mask: -webkit-linear-gradient(#000 0 0) exclude, -webkit-linear-gradient(#000 0 0) content-box;
            mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #000)) exclude, -webkit-gradient(linear, left top, left bottom, color-stop(0, #000)) content-box;
            mask: linear-gradient(#000 0 0) exclude, linear-gradient(#000 0 0) content-box;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    z-index: -1;
  }
  .cta__main--now h3 {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    font-size: 8.8vw;
    line-height: 1;
    font-weight: 500;
    padding: 2.93333vw 0;
    width: 50.66667vw;
    text-align: center;
    top: -6.66667vw;
    background: #272e38;
    color: #e1cd7c;
  }
  .cta__main--now h3::before {
    position: absolute;
    content: "";
    width: -webkit-calc(100% + 6px);
    width: -moz-calc(100% + 6px);
    width: calc(100% + 6px);
    height: -webkit-calc(100% + 6px);
    height: -moz-calc(100% + 6px);
    height: calc(100% + 6px);
    background: -webkit-linear-gradient(210deg, #745d0c 0%, #fcf6b6 100%) border-box;
    background: -moz- oldlinear-gradient(210deg, #745d0c 0%, #fcf6b6 100%) border-box;
    background: linear-gradient(-120deg, #745d0c 0%, #fcf6b6 100%) border-box;
    border: 3px solid transparent;
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #000)) exclude, -webkit-gradient(linear, left top, left bottom, color-stop(0, #000)) content-box;
    -webkit-mask: -webkit-linear-gradient(#000 0 0) exclude, -webkit-linear-gradient(#000 0 0) content-box;
            mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #000)) exclude, -webkit-gradient(linear, left top, left bottom, color-stop(0, #000)) content-box;
            mask: linear-gradient(#000 0 0) exclude, linear-gradient(#000 0 0) content-box;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    z-index: -1;
  }
  .cta__main--now dl dt {
    text-align: center;
    font-size: 6.13333vw;
    line-height: 1;
    font-weight: 600;
    color: #cc0011;
  }
  .cta__main--now dl dd {
    text-align: center;
    font-size: 11.46667vw;
    line-height: 1;
    font-weight: 500;
    color: #cc0011;
    margin-top: 1.33333vw;
  }
  .cta__main--now dl dd span {
    font-size: 19.06667vw;
    line-height: 1;
  }
  .cta__main--contact {
    margin-top: 7.73333vw;
  }
  .cta__main--contact--tel {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .cta__main--contact--tel em {
    font-size: 6.13333vw;
    line-height: 1;
    font-weight: 500;
    color: #fff;
    font-style: normal;
  }
  .cta__main--contact--tel a {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 16vw;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 2.8vw;
    font-size: 9.33333vw;
    line-height: 1;
    font-weight: 500;
    color: #fff;
    padding: 4.93333vw 0 3.33333vw;
    -moz-border-radius: 8vw;
         border-radius: 8vw;
    background: -webkit-gradient(linear, left top, left bottom, from(#f7a84b), color-stop(50%, #f7a84b), color-stop(50%, #f5921e), to(#f5921e));
    background: -webkit-linear-gradient(top, #f7a84b 0%, #f7a84b 50%, #f5921e 50%, #f5921e 100%);
    background: -moz- oldlinear-gradient(top, #f7a84b 0%, #f7a84b 50%, #f5921e 50%, #f5921e 100%);
    background: linear-gradient(180deg, #f7a84b 0%, #f7a84b 50%, #f5921e 50%, #f5921e 100%);
    position: relative;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
    overflow: hidden;
  }
  .cta__main--contact--tel a::before {
    position: absolute;
    content: "";
    width: 24vw;
    height: 30.4vw;
    background: url("../img/light.png") 0 0 no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    left: -100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    -webkit-animation: light 2.5s linear infinite;
       -moz-animation: light 2.5s linear infinite;
            animation: light 2.5s linear infinite;
    z-index: -1;
  }
  .cta__main--contact--tel a span {
    display: inline-block;
    position: relative;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
  }
  .cta__main--contact--tel a span::before {
    position: absolute;
    content: attr(data-top);
    font-size: 4vw;
    line-height: 1;
    font-weight: 500;
    color: #fff;
    left: 50%;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    top: -3.46667vw;
  }
  .cta__main--contact--tel time {
    font-size: 3.2vw;
    line-height: 1;
    font-family: 'KozB';
    color: #fff;
    margin-top: 1.86667vw;
  }
  .cta__main--contact--mail {
    margin-top: 6.53333vw;
  }
  .cta__main--contact--mail a {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    height: 13.33333vw;
    -moz-border-radius: 6.66667vw;
         border-radius: 6.66667vw;
    border: 1px solid #fff;
    font-size: 4.26667vw;
    line-height: 1;
    font-family: 'KozB';
    color: #fff;
  }
  .cta__main--contact--line {
    margin-top: 4vw;
  }
  .cta__main--contact--line a {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    height: 13.33333vw;
    -moz-border-radius: 6.66667vw;
         border-radius: 6.66667vw;
    border: 1px solid #06c755;
    font-size: 4.26667vw;
    line-height: 1;
    font-family: 'KozB';
    color: #06c755;
    position: relative;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
  }
  .cta__main--contact--line a::before {
    position: absolute;
    content: "";
    width: 8vw;
    height: 8vw;
    background: url("../img/ctaIconLine.png") 0 0 no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    top: 50%;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    left: 8.4vw;
  }
  .cta__main--contact--note {
    margin-top: 5.86667vw;
    font-size: 2.13333vw;
    line-height: 1;
    font-weight: 700;
    color: #fff;
  }
  .cta.st2::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url("../img/ctaBgSt2.png") 0 0 no-repeat;
    -moz-background-size: cover;
         background-size: cover;
    z-index: -1;
  }
  .cta.st2 .cta__main {
    padding-top: 29.33333vw;
    padding-bottom: 42.66667vw;
  }
  .record {
    padding-bottom: 33.86667vw;
  }
  .record__top {
    padding: 0 0.66667vw;
  }
  .record__top dl {
    background: url("../img/recordBgTitle.png") 0 0 no-repeat;
    -moz-background-size: cover;
         background-size: cover;
    height: 50.66667vw;
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -moz-border-radius: 50%;
         border-radius: 50%;
    -moz-box-shadow: 0px 1.33333vw 2vw 0px rgba(0, 0, 0, 0.3);
         box-shadow: 0px 1.33333vw 2vw 0px rgba(0, 0, 0, 0.3);
  }
  .record__top dl dt {
    font-size: 5.6vw;
    line-height: 1;
    font-weight: 600;
    color: #ba9200;
  }
  .record__top dl dd {
    font-size: 9.86667vw;
    line-height: 14.66667vw;
    font-weight: 600;
    color: #ba9200;
    margin-top: 4vw;
  }
  .record__top dl dd span {
    font-size: 14.66667vw;
  }
  .record__list {
    margin-top: 6vw;
    position: relative;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
  }
  .record__list::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 200.6vw;
    background: url("../img/recordPiano.png") 0 0 no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    opacity: 0.2;
    top: -29.06667vw;
    left: 50%;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    z-index: -1;
  }
  .record__list ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .record__list ul li {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 6vw;
    line-height: 1;
    letter-spacing: 0.06em;
    font-weight: 600;
    color: #5a4706;
    width: 53.33333vw;
    height: 14vw;
    background: url("../img/recordBgList.png") 0 0 no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    -moz-box-shadow: 0px 0.4vw 0.93333vw 0px rgba(0, 0, 0, 0.5);
         box-shadow: 0px 0.4vw 0.93333vw 0px rgba(0, 0, 0, 0.5);
  }
  .record__list ul li + li {
    margin-top: 1.33333vw;
  }
  .record__note {
    margin-top: 12vw;
    font-size: 6.93333vw;
    line-height: 8vw;
    color: #333333;
    text-align: center;
  }
  .record__note span {
    font-weight: 600;
    display: block;
  }
  .record__note em {
    font-style: normal;
    display: block;
    font-weight: 800;
    margin-top: 8vw;
  }
  .result {
    position: relative;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
  }
  .result::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 71.86667vw;
    background: url("../img/resultBgTop.png") 0 0 no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    left: 0;
    top: -18.13333vw;
    z-index: -1;
  }
  .result::after {
    position: absolute;
    content: "";
    width: 100%;
    height: -webkit-calc(100% - 9.06667vw);
    height: -moz-calc(100% - 9.06667vw);
    height: calc(100% - 9.06667vw);
    background: #272e38;
    top: 18.13333vw;
    left: 0;
    z-index: -1;
  }
  .result__main {
    padding-top: 12.66667vw;
    padding-left: 2vw;
    padding-right: 2vw;
  }
  .result__main h2 {
    position: relative;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
    text-align: center;
  }
  .result__main h2::before {
    position: absolute;
    content: attr(data-en);
    font-size: 20vw;
    line-height: 1;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.1);
    left: -2vw;
    top: -20vw;
  }
  .result__main h2 span {
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 54.66667vw;
    height: 14.66667vw;
    background: url("../img/resultBgTitle.png") 0 0 no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    font-size: 5.6vw;
    line-height: 1;
    font-weight: 800;
    color: #e1cd7c;
    letter-spacing: 0.06em;
  }
  .result__main--list {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-pack: justify;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 6.8vw -0.66667vw -3.73333vw;
  }
  .result__main--list article {
    width: 46.66667vw;
    margin: 3.73333vw 0.66667vw;
    background: -webkit-linear-gradient(210deg, #745d0c 0%, #fcf6b6 100%);
    background: -moz- oldlinear-gradient(210deg, #745d0c 0%, #fcf6b6 100%);
    background: linear-gradient(-120deg, #745d0c 0%, #fcf6b6 100%);
    padding: 3px;
    clip-path: polygon(3.33333vw 0, 100% 0, 100% 100%, 0 100%, 0 3.33333vw);
  }
  .result__main--list article a {
    display: block;
    width: 100%;
    height: 100%;
    background: #fff;
    clip-path: polygon(3.33333vw 0, 100% 0, 100% 100%, 0 100%, 0 3.33333vw);
    padding: 0 2.26667vw 2.53333vw;
    font-family: "Hiragino Sans", "游ゴシック", YuGothic, YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
    pointer-events: none;
  }
  .result__main--list article a > figure {
    width: 100%;
    text-align: center;
    height: 45.46667vw;
    padding: 9.46667vw 0 2.66667vw;
    border-bottom: 1px solid #000000;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
  }
  .result__main--list article a > figure > figcaption {
    position: absolute;
    top: 1.86667vw;
    left: 50%;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 100%;
  }
  .result__main--list article a > figure > figcaption img {
    height: 5.86667vw;
    width: auto;
  }
  .result__main--list article a > figure > figcaption img.bosen {
    height: 5.86667vw;
  }
  .result__main--list article a > figure > figcaption img.stein {
    height: 7.06667vw;
  }
  .result__main--list article a > figure > figcaption img.yamaha {
    height: 3.6vw;
  }
  .result__main--list article a > figure > figcaption img.kawai {
    height: 5.33333vw;
  }
  .result__main--list article a > figure > figcaption img.nord {
    height: 6.13333vw;
  }
  .result__main--list article a > figure > img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
  }
  .result__main--list article a .info {
    margin-top: 2.4vw;
  }
  .result__main--list article a .info h3 {
    font-size: 2.66667vw;
    line-height: 3.46667vw;
    font-weight: 700;
    color: #000000;
  }
  .result__main--list article a .info em {
    font-size: 2.66667vw;
    line-height: 3.46667vw;
    font-weight: 400;
    font-style: normal;
    margin-top: 1.73333vw;
    display: block;
    color: #000000;
  }
  .result__main--list article a .info em span {
    font-size: 3.46667vw;
  }
  .result__main--list article a .price {
    margin-top: 2.26667vw;
  }
  .result__main--list article a .price dt span {
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 17.33333vw;
    height: 5.33333vw;
    color: #fff;
    font-size: 2.66667vw;
    line-height: 3.46667vw;
    background: #ba9200;
  }
  .result__main--list article a .price dd {
    margin-top: 1.6vw;
    font-size: 6.13333vw;
    line-height: 6.13333vw;
    font-weight: 700;
    color: #ba9200;
  }
  .result__main--list article a .price dd small {
    font-size: 4.8vw;
  }
  .result__main--note {
    color: #fff;
    font-size: 2.66667vw;
    line-height: 4vw;
    font-weight: 700;
    margin-top: 1.86667vw;
  }
  .old {
    padding: 3.86667vw 0 0;
    position: relative;
    z-index: 2;
  }
  .old::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 30%;
    background: #272e38;
    top: 0;
    left: 0;
    z-index: -1;
  }
  .old h2 {
    position: relative;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
    text-align: center;
    font-size: 6.13333vw;
    line-height: 8vw;
    color: #fff;
    padding: 34.66667vw 0 0;
  }
  .old h2::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 30.93333vw;
    background: url("../img/oldTitle.png") 0 0 no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    left: 50%;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    top: 0;
  }
  .old__list {
    margin-top: 27.6vw;
  }
  .old__list article {
    position: relative;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
  }
  .old__list article figure {
    width: 80vw;
    position: relative;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
  }
  .old__list article figure::before {
    position: absolute;
    content: "";
  }
  .old__list article .frame {
    width: 85.33333vw;
    margin-left: auto;
    margin-right: auto;
    margin-top: -10.66667vw;
    background: #fff url("../img/oldFrame.png") 0 0 no-repeat;
    -moz-background-size: 100% 100%;
         background-size: 100% 100%;
    padding: 6.4vw 0vw 4.66667vw 4.13333vw;
    -moz-box-shadow: 0px 6px 14px 0px rgba(0, 0, 0, 0.3);
         box-shadow: 0px 6px 14px 0px rgba(0, 0, 0, 0.3);
    position: relative;
    z-index: 2;
  }
  .old__list article .frame h3 {
    font-size: 5.66667vw;
    line-height: 8.93333vw;
    font-weight: 600;
    color: #a88505;
  }
  .old__list article .frame .brand {
    font-size: 4.8vw;
    line-height: 1;
    font-weight: 500;
    color: #a88505;
    margin-top: 1.33333vw;
  }
  .old__list article .frame .price {
    font-size: 9.6vw;
    line-height: 14.13333vw;
    font-weight: 500;
    color: #cd0202;
    margin-top: 2vw;
  }
  .old__list article .frame .price span {
    font-size: 14.13333vw;
  }
  .old__list article .frame.st2 {
    background: #fff url("../img/oldFrame02.png") 0 0 no-repeat;
    -moz-background-size: 100% 100%;
         background-size: 100% 100%;
  }
  .old__list article:nth-of-type(1)::before {
    position: absolute;
    content: "";
    width: 69.73333vw;
    height: 171.06667vw;
    background: #f0f0f0;
    left: 0;
    top: -10.53333vw;
    z-index: -1;
  }
  .old__list article:nth-of-type(1) figure {
    margin-left: auto;
  }
  .old__list article:nth-of-type(1) figure::before {
    width: 96.13333vw;
    height: 18.8vw;
    background: url("../img/oldNote01.png") 0 0 no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    left: -16.53333vw;
    top: 12.66667vw;
    z-index: -1;
  }
  .old__list article:nth-of-type(2) {
    margin-top: 21.33333vw;
    position: relative;
    z-index: 2;
  }
  .old__list article:nth-of-type(2)::before {
    position: absolute;
    content: "";
    width: 69.73333vw;
    height: 171.06667vw;
    background: #d2c184;
    right: 0;
    top: -10.53333vw;
    z-index: -1;
  }
  .old__list article:nth-of-type(2) figure {
    margin-right: auto;
  }
  .old__list article:nth-of-type(2) figure::before {
    width: 93.86667vw;
    height: 11.86667vw;
    background: url("../img/oldNote02.png") 0 0 no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    right: -16.53333vw;
    top: 14vw;
    z-index: -1;
  }
  .old__list article:nth-of-type(3) {
    position: relative;
    z-index: 3;
    margin-top: 21.33333vw;
  }
  .old__list article:nth-of-type(3)::before {
    position: absolute;
    content: "";
    width: 69.73333vw;
    height: 122.93333vw;
    background: #272e38;
    left: 0;
    top: -10.53333vw;
    z-index: -1;
  }
  .old__list article:nth-of-type(3) figure {
    margin-left: auto;
  }
  .old__list article:nth-of-type(3) figure::before {
    width: 97.33333vw;
    height: 18.8vw;
    background: url("../img/oldNote03.png") 0 0 no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    left: -16.53333vw;
    top: 12.66667vw;
    z-index: -1;
  }
  .old__note {
    margin-top: 13.46667vw;
    padding: 0 4vw;
    font-size: 2.66667vw;
    line-height: 1.5;
    font-weight: 700;
    font-family: "Hiragino Sans", "游ゴシック", YuGothic, YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
    color: #272e38;
  }
  .brands {
    margin-top: 5.73333vw;
    padding-bottom: 22vw;
  }
  .brands__main h2 {
    margin: auto;
    width: 94.66667vw;
    height: 24vw;
    background: url("../img/brandBg.png") 0 0 no-repeat;
    -moz-background-size: 100% 100%;
         background-size: 100% 100%;
    font-size: 5.6vw;
    line-height: 8vw;
    font-weight: 800;
    color: #583504;
    position: relative;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
    text-align: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .brands__main h2 span {
    position: relative;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
  }
  .brands__main h2 span::before {
    position: absolute;
    content: attr(data-text);
    white-space: nowrap;
    font-size: 5.6vw;
    line-height: 8vw;
    font-weight: 800;
    color: #fff6bc;
    top: 2px;
    left: 2px;
    z-index: -1;
  }
  .brands__main h2::after {
    position: absolute;
    content: "";
    width: 2.66667vw;
    height: 1px;
    background: #808080;
    right: -2.66667vw;
    top: 50%;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    z-index: -1;
  }
  .brands__main h2::before {
    position: absolute;
    content: "";
    width: 2.66667vw;
    height: 1px;
    left: -2.66667vw;
    background: #808080;
    top: 50%;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    z-index: -1;
  }
  .brands__main--list {
    margin-top: 8vw;
  }
  .brands__main--list ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .brands__main--list ul li {
    width: 40.8vw;
    margin: 2vw;
  }
  .brands__main--list ul li a {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    line-height: 0;
    width: 100%;
    height: 12.26667vw;
    pointer-events: none;
  }
  .brands__main--list ul li a img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
  }
  .brands__main--alpha {
    margin-top: 15.33333vw;
    padding: 0 4vw;
  }
  .brands__main--alpha > dl {
    border: 1px solid #a98605;
  }
  .brands__main--alpha > dl > dt {
    font-size: 4.8vw;
    line-height: 9.6vw;
    font-family: "Hiragino Sans", "游ゴシック", YuGothic, YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
    text-align: center;
    position: relative;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
    color: #fff;
    background: #a98605;
    padding: 1.86667vw 0;
  }
  .brands__main--alpha > dl > dt::after, .brands__main--alpha > dl > dt::before {
    position: absolute;
    content: "";
    width: 1.73333vw;
    height: 0.66667vw;
    background: #fff;
    top: 50%;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    right: 4.26667vw;
  }
  .brands__main--alpha > dl > dt::after {
    -webkit-transform: translateY(-50%) rotate(90deg);
       -moz-transform: translateY(-50%) rotate(90deg);
        -ms-transform: translateY(-50%) rotate(90deg);
            transform: translateY(-50%) rotate(90deg);
    -webkit-transition: all 0.3s ease time;
    -moz-transition: all 0.3s ease time;
    transition: all 0.3s ease time;
  }
  .brands__main--alpha > dl > dt.active::after {
    -webkit-transform: translateY(-50%) rotate(0deg);
       -moz-transform: translateY(-50%) rotate(0deg);
        -ms-transform: translateY(-50%) rotate(0deg);
            transform: translateY(-50%) rotate(0deg);
  }
  .brands__main--alpha > dl > dd {
    padding: 7.06667vw 3.73333vw 7.86667vw;
    display: none;
  }
  .brands__main--alpha > dl > dd > dl > dt {
    position: relative;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
  }
  .brands__main--alpha > dl > dd > dl > dt::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    background: #a98605;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    z-index: -1;
  }
  .brands__main--alpha > dl > dd > dl > dt span {
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 6.66667vw;
    height: 6.66667vw;
    color: #fff;
    background: #a98605;
    font-size: 4vw;
    font-weight: 700;
    font-family: "Hiragino Sans", "游ゴシック", YuGothic, YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
  }
  .brands__main--alpha > dl > dd > dl > dd {
    font-size: 3.46667vw;
    line-height: 6.13333vw;
    font-weight: 700;
    color: #555555;
    margin-top: 1.33333vw;
    font-family: "Hiragino Sans", "游ゴシック", YuGothic, YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
  }
  .brands__main--alpha > dl > dd > dl + dl {
    margin-top: 2.66667vw;
  }
  .brands__main--other {
    margin-top: 8.26667vw;
    position: relative;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
    background: url("../img/brandFrame.png") 0 0 no-repeat;
    -moz-background-size: 100% 100%;
         background-size: 100% 100%;
    width: 100%;
    height: 53.86667vw;
    text-align: center;
    font-size: 6.13333vw;
    line-height: 8vw;
    letter-spacing: 0.04em;
    font-weight: 800;
    color: #6c4e19;
    position: relative;
    transform: translateZ(0);
    padding-top: 8.93333vw;
  }
  .brands__main--other::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 52.33333vw;
    background: url("../img/brandMusic.png") 0 0 no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    left: 0;
    bottom: -19.33333vw;
  }
  .brands__main--other span {
    color: #dd0000;
  }
  .samurai__title {
    padding: 20.13333vw 13.33333vw 11.73333vw;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
    overflow: hidden;
    z-index: 2;
  }
  .samurai__title::after {
    position: absolute;
    content: "";
    background-image: url("../img/samuraiBg.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    -moz-background-size: 100% 100%;
         background-size: 100% 100%;
    z-index: -1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }
  .samurai__title::before {
    position: absolute;
    content: "";
    width: 93.33333vw;
    height: 93.33333vw;
    background: #d2c184;
    left: 50%;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    top: 4.26667vw;
    -moz-border-radius: 50%;
         border-radius: 50%;
    z-index: -2;
  }
  .samurai__title em {
    font-style: normal;
    font-size: 6.8vw;
    line-height: 7.86667vw;
    font-weight: 600;
    background: -webkit-linear-gradient(280deg, #975403 0%, #5d2c00 62%, #734214 100%);
    background: -moz- oldlinear-gradient(280deg, #975403 0%, #5d2c00 62%, #734214 100%);
    background: linear-gradient(170deg, #975403 0%, #5d2c00 62%, #734214 100%);
    -moz-background-clip: text;
         background-clip: text;
    color: transparent;
    position: relative;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
    width: 100%;
    text-align: center;
  }
  .samurai__title em::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 6.53333vw;
    background: url("../img/samuraiLine.png") 0 0 no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    left: 0;
    bottom: -10vw;
  }
  .samurai__title em span {
    font-size: 10vw;
    line-height: 1;
  }
  .samurai__title h2 {
    font-style: normal;
    font-size: 8.06667vw;
    line-height: 14vw;
    font-weight: 600;
    background: -webkit-linear-gradient(280deg, #975403 0%, #5d2c00 62%, #734214 100%);
    background: -moz- oldlinear-gradient(280deg, #975403 0%, #5d2c00 62%, #734214 100%);
    background: linear-gradient(170deg, #975403 0%, #5d2c00 62%, #734214 100%);
    -moz-background-clip: text;
         background-clip: text;
    color: transparent;
    text-align: center;
    margin-top: 11.73333vw;
  }
  .samurai__title h2 span {
    font-size: 14vw;
    line-height: 1;
  }
  .samurai__list {
    position: relative;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
    z-index: 1;
  }
  .samurai__list::before {
    position: absolute;
    content: "";
    width: 100%;
    height: -webkit-calc(100% + 33.33333vw);
    height: -moz-calc(100% + 33.33333vw);
    height: calc(100% + 33.33333vw);
    background: #d2c184;
    top: -33.33333vw;
    left: 0;
    z-index: -1;
    clip-path: polygon(0 0, 100% 0, 100% -webkit-calc(100% - 27.33333vw), 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% -moz-calc(100% - 27.33333vw), 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 27.33333vw), 0 100%);
    z-index: -2;
  }
  .samurai__list::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 42.4vw;
    background: url("../img/samuraiKeyboard.png") bottom no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    left: 0;
    bottom: -14.66667vw;
    z-index: -1;
  }
  .samurai__list--inner {
    padding: 32.53333vw 4vw 29.46667vw;
    position: relative;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
  }
  .samurai__list--inner::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 24.46667vw;
    background: url("../img/samuraiIllus.png") 0 0 no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    top: 3.06667vw;
    left: 0;
  }
  .samurai__list--inner article {
    position: relative;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
  }
  .samurai__list--inner article:not(:last-of-type)::after {
    position: absolute;
    content: "";
    width: -webkit-calc(100% + 8vw);
    width: -moz-calc(100% + 8vw);
    width: calc(100% + 8vw);
    height: 72.93333vw;
    background: url("../img/samuraiMusic.png") 0 0 no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    left: 50%;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    bottom: -37.6vw;
    z-index: -1;
  }
  .samurai__list--inner article .arInner {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: relative;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
  }
  .samurai__list--inner article .arInner:before {
    position: absolute;
    content: "";
    width: 100%;
    height: -webkit-calc(100% - 26.66667vw);
    height: -moz-calc(100% - 26.66667vw);
    height: calc(100% - 26.66667vw);
    background: url("../img/samuraiFrame.jpg") 0 0 repeat;
    -moz-background-size: 100% auto;
         background-size: 100% auto;
    left: 0;
    bottom: 0;
    z-index: -2;
    -moz-box-shadow: 0px 1.33333vw 2vw 0px rgba(0, 0, 0, 0.25);
         box-shadow: 0px 1.33333vw 2vw 0px rgba(0, 0, 0, 0.25);
  }
  .samurai__list--inner article .arInner::after {
    position: absolute;
    content: "";
    width: 3.33333vw;
    height: 3.33333vw;
    background: #272e38;
    right: 0;
    bottom: 0;
    z-index: -1;
    clip-path: polygon(100% 0, 100% 100%, 0 100%);
  }
  .samurai__list--inner article .arInner > figure {
    width: 80vw;
    -moz-box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.35);
         box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.35);
  }
  .samurai__list--inner article .arInner > figure img {
    width: 100%;
    height: auto;
  }
  .samurai__list--inner article .arInner .title {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    margin-top: 4.66667vw;
    padding: 0 5.33333vw 5.46667vw;
    position: relative;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
  }
  .samurai__list--inner article .arInner .title::after {
    position: absolute;
    content: "";
    width: 86.66667vw;
    height: 1px;
    background: #bababa;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .samurai__list--inner article .arInner .title h3 {
    -webkit-box-flex: 1;
       -moz-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    font-size: 5.13333vw;
    line-height: 8vw;
    font-weight: 600;
    color: #cc0101;
  }
  .samurai__list--inner article .arInner .title > figure {
    width: 20vw;
  }
  .samurai__list--inner article .arInner .title > figure img {
    width: 100%;
    height: 20vw;
    -moz-border-radius: 50%;
         border-radius: 50%;
    object-fit: cover;
  }
  .samurai__list--inner article .arInner .title dl {
    width: 100%;
    margin-top: 1.6vw;
    font-size: 4vw;
    line-height: 1;
    color: #555555;
    font-family: "Hiragino Sans", "游ゴシック", YuGothic, YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
  }
  .samurai__list--inner article .arInner .title dl dt {
    font-weight: 400;
  }
  .samurai__list--inner article .arInner .title dl dd {
    font-weight: 700;
    margin-top: 2.66667vw;
  }
  .samurai__list--inner article .arInner .txt {
    width: 100%;
    padding: 5.73333vw 2.66667vw 2.66667vw;
    font-size: 4vw;
    line-height: 6.93333vw;
    font-family: "Hiragino Sans", "游ゴシック", YuGothic, YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
    color: #555555;
    letter-spacing: 0.06em;
  }
  .samurai__list--inner article .arInner .txt span {
    background: #fffe8d;
    font-weight: 700;
  }
  .samurai__list--inner article + article {
    margin-top: 10.93333vw;
  }
  .samurai__thanks {
    padding: 50.53333vw 2vw 10.93333vw;
    position: relative;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
  }
  .samurai__thanks::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 200.6vw;
    background: url("../img/recordPiano.png") 0 0 no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    opacity: 0.2;
    top: -29.06667vw;
    left: 50%;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    z-index: -1;
  }
  .samurai__thanks dl {
    height: 34.13333vw;
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background: url("../img/samuraiThanks.png") 0 0 no-repeat;
    -moz-background-size: cover;
         background-size: cover;
  }
  .samurai__thanks dl dt {
    font-size: 5.6vw;
    line-height: 8vw;
    font-weight: 600;
    color: #b57c00;
    text-align: center;
    text-shadow: 0px 2px 15px #FFF, 0px 1px 15px #FFF, 1px 1px 15px #FFF, 1px 0px 15px #FFF, 2px 0px 15px #FFF, 1px -1px 15px #FFF, 1px -2px 15px #FFF, 0px -2px 15px #FFF, -1px -2px 15px #FFF, -2px -2px 15px #FFF, -2px -1px 15px #FFF, -2px 0px 15px #FFF, -2px 1px 15px #FFF, -1px 1px 15px #FFF;
  }
  .samurai__thanks dl dd {
    font-size: 9.86667vw;
    line-height: 14.66667vw;
    font-weight: 600;
    color: #ba9200;
    margin-top: 2.93333vw;
    text-shadow: 0px 2px 15px #FFF, 0px 1px 15px #FFF, 1px 1px 15px #FFF, 1px 0px 15px #FFF, 2px 0px 15px #FFF, 1px -1px 15px #FFF, 1px -2px 15px #FFF, 0px -2px 15px #FFF, -1px -2px 15px #FFF, -2px -2px 15px #FFF, -2px -1px 15px #FFF, -2px 0px 15px #FFF, -2px 1px 15px #FFF, -1px 1px 15px #FFF;
  }
  .samurai__thanks dl dd span {
    font-size: 14.66667vw;
  }
  .samurai__thanks p {
    margin-top: 29.86667vw;
    text-align: center;
    font-size: 5.93333vw;
    line-height: 8vw;
    font-weight: 600;
  }
  .samurai__thanks p span {
    font-size: 9.33333vw;
    font-weight: 800;
  }
  .promise {
    margin-top: 4.93333vw;
  }
  .promise__title {
    background: url("../img/promiseFrame.png") 0 0 no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    width: 100%;
    height: 98.13333vw;
    text-align: center;
    padding: 53.06667vw 9.86667vw 0;
    position: relative;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
  }
  .promise__title::before {
    position: absolute;
    content: "";
    width: 78.93333vw;
    height: 32.53333vw;
    background: url("../img/promiseIllus.png") top center no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    left: 50%;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    top: 18vw;
  }
  .promise__title em {
    font-style: normal;
    font-size: 5vw;
    line-height: 1;
    font-weight: 600;
    color: #b68f33;
    letter-spacing: -0.01em;
  }
  .promise__title h2 {
    font-size: 7.4vw;
    line-height: 11.73333vw;
    font-weight: 600;
    color: #b68f33;
    letter-spacing: -0.01em;
  }
  .promise__title h2 span {
    font-size: 11.73333vw;
  }
  .promise__list {
    counter-reset: ar;
    margin-top: 8.13333vw;
  }
  .promise__list article {
    counter-increment: ar;
    position: relative;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
    padding: 35.06667vw 0 0;
  }
  .promise__list article + article {
    margin-top: 11.73333vw;
  }
  .promise__list article::before {
    position: absolute;
    content: "";
    width: 20.93333vw;
    height: 24.8vw;
    background: url("../img/promiseIllus02.png") 0 0 no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    z-index: -2;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .promise__list article::after {
    position: absolute;
    content: counter(ar, decimal-leading-zero);
    width: 20.93333vw;
    text-align: center;
    font-size: 13.33333vw;
    line-height: 1;
    font-weight: 500;
    color: #fff;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    padding-top: 7.46667vw;
    z-index: -1;
  }
  .promise__list article figure {
    width: 88vw;
    position: relative;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
  }
  .promise__list article figure::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 5.33333vw;
    z-index: -1;
  }
  .promise__list article figure img {
    width: 100%;
    height: auto;
  }
  .promise__list article .title {
    padding: 0 4vw;
    margin-top: 10.53333vw;
    text-align: center;
  }
  .promise__list article .title span {
    font-size: 5.6vw;
    line-height: 8vw;
    font-weight: 500;
    color: #333333;
  }
  .promise__list article .title h3 {
    font-size: 8vw;
    line-height: 10.66667vw;
    color: #eb6872;
    font-weight: 600;
    margin-top: 2.66667vw;
    white-space: nowrap;
  }
  .promise__list article .txt {
    margin-top: 8.53333vw;
    font-size: 4vw;
    line-height: 6.93333vw;
    font-family: "Hiragino Sans", "游ゴシック", YuGothic, YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
    color: #000000;
    letter-spacing: 0.06em;
    padding: 0 3.33333vw;
  }
  .promise__list article .txt span {
    background: #fff881;
  }
  .promise__list article:nth-of-type(1) figure {
    margin-left: auto;
  }
  .promise__list article:nth-of-type(1) figure::before {
    background: #d2c184;
    left: -12.13333vw;
  }
  .promise__list article:nth-of-type(2) figure {
    margin-right: auto;
  }
  .promise__list article:nth-of-type(2) figure::before {
    background: #272e38;
    right: -12.13333vw;
  }
  .promise__list article:nth-of-type(3) figure {
    margin-left: auto;
  }
  .promise__list article:nth-of-type(3) figure::before {
    background: #74560f;
    left: -12.13333vw;
  }
  .cost {
    margin-top: 12vw;
  }
  .cost__top {
    background: #272e38 url("../img/coseBg.png") top 63.33333vw center no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    padding: 5.46667vw 0 13.86667vw;
  }
  .cost__top--title {
    padding: 36.26667vw 0 0;
    position: relative;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
    text-align: center;
  }
  .cost__top--title::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 30.93333vw;
    background: url("../img/costIllus.png") 0 0 no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    top: 0;
    left: 0;
  }
  .cost__top--title h2 {
    font-size: 6.13333vw;
    line-height: 8vw;
    font-weight: 600;
    color: #fff;
  }
  .cost__top--list {
    margin-top: 10.93333vw;
  }
  .cost__top--list ul {
    margin: -1.46667vw;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .cost__top--list ul li {
    width: 20vw;
    height: 20vw;
    margin: 1.46667vw;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -moz-border-radius: 50%;
         border-radius: 50%;
    text-align: center;
    position: relative;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
  }
  .cost__top--list ul li::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: -webkit-linear-gradient(210deg, #745d0c 0%, #fcf6b6 100%) border-box;
    background: -moz- oldlinear-gradient(210deg, #745d0c 0%, #fcf6b6 100%) border-box;
    background: linear-gradient(-120deg, #745d0c 0%, #fcf6b6 100%) border-box;
    border: 3px solid transparent;
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #000)) exclude, -webkit-gradient(linear, left top, left bottom, color-stop(0, #000)) content-box;
    -webkit-mask: -webkit-linear-gradient(#000 0 0) exclude, -webkit-linear-gradient(#000 0 0) content-box;
            mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #000)) exclude, -webkit-gradient(linear, left top, left bottom, color-stop(0, #000)) content-box;
            mask: linear-gradient(#000 0 0) exclude, linear-gradient(#000 0 0) content-box;
    -moz-border-radius: 50%;
         border-radius: 50%;
  }
  .cost__top--list ul li span {
    font-size: 3.6vw;
    line-height: 1;
    font-weight: 500;
    color: #e1cd7c;
  }
  .cost__top--list ul li span.st2 {
    font-size: 2.8vw;
    margin-top: 1.33333vw;
  }
  .cost__top--list ul li em {
    font-style: normal;
    font-size: 7.2vw;
    line-height: 1;
    font-weight: 500;
    margin-top: 1.6vw;
    color: #e1cd7c;
  }
  .cost__top--box {
    margin-top: 31.06667vw;
    max-width: 77.33333vw;
    width: 100%;
    margin: 31.06667vw auto 0;
    background: rgba(255, 255, 255, 0.6);
    text-align: center;
    padding: 4.8vw 4vw 2.66667vw;
    font-size: 5.8vw;
    line-height: 9.6vw;
    font-weight: 600;
    color: #7a5f00;
    text-shadow: 0px 2px 10px rgba(255, 255, 255, 0.8), 0px 1px 10px rgba(255, 255, 255, 0.8), 1px 1px 10px rgba(255, 255, 255, 0.8), 1px 0px 10px rgba(255, 255, 255, 0.8), 2px 0px 10px rgba(255, 255, 255, 0.8), 1px -1px 10px rgba(255, 255, 255, 0.8), 1px -2px 10px rgba(255, 255, 255, 0.8), 0px -2px 10px rgba(255, 255, 255, 0.8), -1px -2px 10px rgba(255, 255, 255, 0.8), -2px -2px 10px rgba(255, 255, 255, 0.8), -2px -1px 10px rgba(255, 255, 255, 0.8), -2px 0px 10px rgba(255, 255, 255, 0.8), -2px 1px 10px rgba(255, 255, 255, 0.8), -1px 1px 10px rgba(255, 255, 255, 0.8);
  }
  .cost__top--box span {
    color: #cc0101;
  }
  .cost__contact {
    padding: 16.8vw 0 11.2vw;
    position: relative;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
    z-index: 5;
  }
  .cost__contact::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: url("../img/costBg.png") 0 0 repeat;
    -moz-background-size: auto 100%;
         background-size: auto 100%;
    z-index: -1;
  }
  .cost__contact h3 {
    position: absolute;
    width: 77.33333vw;
    height: 13.33333vw;
    background: -webkit-linear-gradient(210deg, #7d671d 0%, #a69451 100%);
    background: -moz- oldlinear-gradient(210deg, #7d671d 0%, #a69451 100%);
    background: linear-gradient(-120deg, #7d671d 0%, #a69451 100%);
    color: #fff;
    font-size: 6.13333vw;
    line-height: 1;
    font-weight: 500;
    text-align: center;
    padding: 1.6vw 0 0 0;
    clip-path: polygon(0 0, 100% 0, 100% -webkit-calc(100% - 5.33333vw), 50% 100%, 0 -webkit-calc(100% - 5.33333vw));
    clip-path: polygon(0 0, 100% 0, 100% -moz-calc(100% - 5.33333vw), 50% 100%, 0 -moz-calc(100% - 5.33333vw));
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 5.33333vw), 50% 100%, 0 calc(100% - 5.33333vw));
    left: 50%;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    top: -4.66667vw;
  }
  .cost__contact--list .box {
    width: 88vw;
    padding: 8vw;
    position: relative;
  }
  .cost__contact--list .box figure img {
    width: 100%;
    height: auto;
  }
  .cost__contact--list .box p {
    font-size: 5.6vw;
    line-height: 8vw;
    font-weight: 600;
    margin-top: 2vw;
  }
  .cost__contact--list .box:nth-of-type(odd) {
    margin-left: auto;
  }
  .cost__contact--list .box:nth-of-type(odd) p {
    color: #231815;
  }
  .cost__contact--list .box:nth-of-type(even) {
    margin-right: auto;
  }
  .cost__contact--list .box:nth-of-type(even) p {
    color: #fff;
  }
  .cost__contact--list .box:nth-of-type(1) {
    background: #d2c184;
    z-index: 5;
  }
  .cost__contact--list .box:nth-of-type(2) {
    background: #74560f;
    z-index: 4;
    padding-top: 14.66667vw;
    margin-top: -6.66667vw;
  }
  .cost__contact--list .box:nth-of-type(3) {
    background: #d1d1d1;
    z-index: 3;
    padding-top: 14.66667vw;
    margin-top: -6.66667vw;
  }
  .cost__contact--list .box:nth-of-type(4) {
    background: #74560f;
    z-index: 2;
    padding-top: 14.66667vw;
    margin-top: -6.66667vw;
  }
  .cost__contact--list .box:nth-of-type(5) {
    background: #d2c184;
    z-index: 1;
    padding-top: 14.66667vw;
    margin-top: -6.66667vw;
  }
  .cost__category {
    padding: 26.53333vw 0 26.66667vw;
    background: url("../img/costBgCate.png") 0 0 no-repeat;
    -moz-background-size: 100% auto;
         background-size: 100% auto;
  }
  .cost__category h3 {
    margin: auto;
    width: 86.66667vw;
    height: 16vw;
    background: #fff;
    font-size: 5.6vw;
    line-height: 8vw;
    font-weight: 600;
    color: #272e38;
    position: relative;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
    text-align: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .cost__category h3::after {
    position: absolute;
    content: "";
    width: 6.66667vw;
    height: 1px;
    background: #fff;
    right: -6.66667vw;
    top: 50%;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    z-index: -1;
  }
  .cost__category h3::before {
    position: absolute;
    content: "";
    width: 6.66667vw;
    height: 1px;
    left: -6.66667vw;
    background: #fff;
    top: 50%;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    z-index: -1;
  }
  .cost__category--list {
    margin-top: 10.66667vw;
  }
  .cost__category--list ul {
    margin: -1.33333vw -1vw;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .cost__category--list ul li {
    text-align: center;
    margin: 1.33333vw 1vw;
    width: 32vw;
    height: 32vw;
  }
  .cost__category--list ul li a {
    display: block;
    height: 100%;
    width: 100%;
    background: #fff;
    position: relative;
    overflow: hidden;
    pointer-events: none;
  }
  .cost__category--list ul li span {
    font-size: 3.2vw;
    line-height: 4.13333vw;
    position: absolute;
    width: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    top: 2.53333vw;
  }
  .cost__category--list ul li figure {
    width: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .cost__category--list ul li figure img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
  }
  .cost__category--list ul li:nth-of-type(1), .cost__category--list ul li:nth-of-type(2) {
    width: 40vw;
    height: 40vw;
    margin: 1.33333vw;
  }
  .cost__category--note {
    text-align: center;
    color: #fff;
    font-size: 6.13333vw;
    line-height: 8vw;
    font-weight: 600;
    margin-top: 9.33333vw;
  }
  .cost__never--top {
    text-align: center;
    font-size: 5.6vw;
    line-height: 8vw;
    color: #272e38;
    font-weight: 600;
  }
  .cost__never h3 {
    margin-top: 8vw;
    padding: 0 2vw;
  }
  .cost__never h3 span {
    display: inline;
    font-size: 5.6vw;
    line-height: 8.26667vw;
    color: #272e38;
    text-decoration: underline;
    text-underline-offset: 5px;
  }
  .cost__never--condition {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 6.13333vw -1.33333vw -1.33333vw;
  }
  .cost__never--condition figure {
    width: 46vw;
    margin: 1.33333vw;
    border: 2px solid #333333;
    -moz-border-radius: 2.66667vw;
         border-radius: 2.66667vw;
    overflow: hidden;
    position: relative;
  }
  .cost__never--condition figure figcaption {
    text-align: center;
    font-size: 3.2vw;
    line-height: 4.8vw;
    font-weight: 700;
    color: #fff;
    background: #333333;
    padding: 2.8vw 0;
  }
  .cost__never--condition figure img {
    width: 100%;
    height: 36.66667vw;
    object-fit: cover;
  }
  .cost__thank {
    margin-top: 16.13333vw;
    padding-top: 36.26667vw;
    position: relative;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
    padding-bottom: 10.66667vw;
  }
  .cost__thank::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 30.93333vw;
    background: url("../img/costIllus.png") 0 0 no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    left: 0;
    top: 0;
  }
  .cost__thank p {
    text-align: center;
    font-size: 6.93333vw;
    line-height: 8vw;
    font-weight: 600;
    color: #b68f33;
  }
  .cost__thank p span {
    font-size: 9.33333vw;
    font-weight: 800;
  }
  .trouble {
    background: url("../img/troubleBg.png") 0 0 no-repeat;
    -moz-background-size: cover;
         background-size: cover;
    padding-bottom: 20.13333vw;
  }
  .trouble h2 {
    text-align: center;
    font-size: 6.13333vw;
    line-height: 9.6vw;
    font-weight: 600;
    color: #000000;
  }
  .trouble__list {
    margin-top: 6.26667vw;
  }
  .trouble__list ul li {
    font-size: 4vw;
    line-height: 6.13333vw;
    font-weight: 700;
    font-family: "Hiragino Sans", "游ゴシック", YuGothic, YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
    color: #253161;
  }
  .trouble__list ul li span {
    background: #fffb90;
  }
  .trouble__list ul li:nth-of-type(1) {
    padding: 10.8vw 2.66667vw 6.13333vw 5.33333vw;
    background: url("../img/troubleFrame01.png") 0 0 no-repeat;
    -moz-background-size: 100% 100%;
         background-size: 100% 100%;
    width: 68.8vw;
    margin-right: auto;
  }
  .trouble__list ul li:nth-of-type(2) {
    padding: 10.8vw 1.33333vw 10.4vw 8.4vw;
    background: url("../img/troubleFrame02.png") 0 0 no-repeat;
    -moz-background-size: 100% 100%;
         background-size: 100% 100%;
    width: 70.33333vw;
    margin-left: auto;
  }
  .trouble__list ul li:nth-of-type(3) {
    padding: 6.66667vw 2.66667vw 10.53333vw 2.66667vw;
    background: url("../img/troubleFrame03.png") 0 0 no-repeat;
    -moz-background-size: 100% 100%;
         background-size: 100% 100%;
    width: 80.6vw;
    margin-right: auto;
    margin-top: 2.66667vw;
  }
  .trouble__list ul li:nth-of-type(4) {
    padding: 6.4vw 1.33333vw 10.4vw 8.4vw;
    background: url("../img/troubleFrame04.png") 0 0 no-repeat;
    -moz-background-size: 100% 100%;
         background-size: 100% 100%;
    width: 83.06667vw;
    margin-left: auto;
  }
  .reason {
    background: #dedabf;
  }
  .reason__box {
    padding: 11.33333vw 4vw 26.66667vw;
    background: url("../img/reasonBg.png") bottom center no-repeat;
    -moz-background-size: cover;
         background-size: cover;
    position: relative;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
    z-index: 4;
  }
  .reason__box::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 102.4vw;
    background: url("../img/reasonMusic01.png") 0 0 no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    left: 0;
    top: 20.66667vw;
    z-index: -1;
  }
  .reason__box--inner {
    background: url("../img/reasonBg02.png") 0 0 no-repeat;
    -moz-background-size: cover;
         background-size: cover;
    position: relative;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
    padding: 0.66667vw;
    -moz-box-shadow: 0px 15px 15px 0px rgba(0, 0, 0, 0.35);
         box-shadow: 0px 15px 15px 0px rgba(0, 0, 0, 0.35);
  }
  .reason__box--inner::before, .reason__box--inner::after {
    position: absolute;
    content: "";
    width: 5.33333vw;
    height: 5.33333vw;
    background: #3f2603;
  }
  .reason__box--inner::before {
    clip-path: polygon(0 0, 100% 0, 0 100%);
    left: 0;
    top: 0;
  }
  .reason__box--inner::after {
    clip-path: polygon(100% 0, 100% 100%, 0 100%);
    right: 0;
    bottom: 0;
  }
  .reason__box--inner--bor {
    border: 0.53333vw solid #5f3d0c;
    padding: 5.33333vw 0 5.73333vw;
  }
  .reason__box--inner--bor h2 {
    text-align: center;
    font-size: 8vw;
    line-height: 1;
    font-weight: 600;
    color: #5f3d0c;
  }
  .reason__box--inner--bor h2 small {
    font-size: 6.13333vw;
  }
  .reason__box--inner--bor .list {
    margin-top: 5.33333vw;
  }
  .reason__box--inner--bor .list ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    -webkit-box-pack: justify;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .reason__box--inner--bor .list ul li {
    width: 44vw;
    height: 12vw;
    text-align: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 6.13333vw;
    line-height: 8vw;
    color: #86550e;
    font-weight: 600;
    position: relative;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
    margin-top: 1.33333vw;
  }
  .reason__box--inner--bor .list ul li::before {
    position: absolute;
    content: "";
    width: 45.33333vw;
    height: 13.6vw;
    background: url("../img/reasonFrameTop.png") 0 0 no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    left: 50%;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    top: 0;
    z-index: -1;
  }
  .reason__box--inner--bor .note {
    margin-top: 2.4vw;
    padding: 7.6vw 0 0;
    text-align: center;
    font-size: 8vw;
    line-height: 9.6vw;
    font-weight: 800;
    color: #5f3d0c;
    position: relative;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
  }
  .reason__box--inner--bor .note::before {
    position: absolute;
    content: "";
    width: 80.4vw;
    height: 5.06667vw;
    background: url("../img/reasonLine.png") 0 0 no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .reason__title {
    margin-top: 8vw;
    position: relative;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
    z-index: 3;
    background: url("../img/reasonFrame.png") 0 0 no-repeat;
    -moz-background-size: 100% 100%;
         background-size: 100% 100%;
    padding: 10.53333vw 0 15.06667vw;
  }
  .reason__title h2 {
    background: -webkit-linear-gradient(280deg, #975403 0%, #5d2c00 62%, #734214 100%);
    background: -moz- oldlinear-gradient(280deg, #975403 0%, #5d2c00 62%, #734214 100%);
    background: linear-gradient(170deg, #975403 0%, #5d2c00 62%, #734214 100%);
    -moz-background-clip: text;
         background-clip: text;
    color: transparent;
    text-align: center;
    font-size: 7.6vw;
    line-height: 11.06667vw;
    font-weight: 600;
  }
  .reason__title h2 span {
    font-size: 11.06667vw;
  }
  .reason__title h3 {
    background: -webkit-linear-gradient(280deg, #975403 0%, #5d2c00 62%, #734214 100%);
    background: -moz- oldlinear-gradient(280deg, #975403 0%, #5d2c00 62%, #734214 100%);
    background: linear-gradient(170deg, #975403 0%, #5d2c00 62%, #734214 100%);
    -moz-background-clip: text;
         background-clip: text;
    color: transparent;
    text-align: center;
    font-size: 10.13333vw;
    line-height: 15.6vw;
    font-weight: 600;
    margin-top: 4.53333vw;
  }
  .reason__title h3 span {
    font-size: 14.6vw;
  }
  .reason__title::after {
    position: absolute;
    content: "";
    width: 29.86667vw;
    height: 56.93333vw;
    background: url("../img/reasonMusic02.png") 0 0 no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    top: -59.06667vw;
    left: -6.13333vw;
  }
  .reason__list {
    counter-reset: ar;
    margin-top: 8.93333vw;
  }
  .reason__list article {
    counter-increment: ar;
    padding: 16.13333vw 5.33333vw 23.06667vw;
  }
  .reason__list article .arInner {
    position: relative;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
    background: #fff;
    padding: 0vw 0 3.33333vw;
    -moz-box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.3);
         box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.3);
  }
  .reason__list article .arInner::before {
    position: absolute;
    content: counter(ar, decimal-leading-zero);
    font-size: 13.33333vw;
    line-height: 1;
    font-weight: 500;
    background: -webkit-linear-gradient(280deg, #975403 0%, #5d2c00 62%, #734214 100%);
    background: -moz- oldlinear-gradient(280deg, #975403 0%, #5d2c00 62%, #734214 100%);
    background: linear-gradient(170deg, #975403 0%, #5d2c00 62%, #734214 100%);
    -moz-background-clip: text;
         background-clip: text;
    color: transparent;
    left: 50%;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    top: -6.66667vw;
  }
  .reason__list article .arInner::after {
    position: absolute;
    content: "";
    width: 24vw;
    height: 24vw;
    background: -webkit-linear-gradient(210deg, #745d0c 0%, #fcf6b6 100%) border-box;
    background: -moz- oldlinear-gradient(210deg, #745d0c 0%, #fcf6b6 100%) border-box;
    background: linear-gradient(-120deg, #745d0c 0%, #fcf6b6 100%) border-box;
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #000)) exclude, -webkit-gradient(linear, left top, left bottom, color-stop(0, #000)) content-box;
    -webkit-mask: -webkit-linear-gradient(#000 0 0) exclude, -webkit-linear-gradient(#000 0 0) content-box;
            mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #000)) exclude, -webkit-gradient(linear, left top, left bottom, color-stop(0, #000)) content-box;
            mask: linear-gradient(#000 0 0) exclude, linear-gradient(#000 0 0) content-box;
    border: 3px solid transparent;
    -moz-border-radius: 50%;
         border-radius: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    top: -12vw;
    clip-path: circle(70% at bottom);
    z-index: -2;
  }
  .reason__list article .arInner h3 {
    font-size: 6.13333vw;
    line-height: 8vw;
    font-weight: 800;
    color: #894a02;
    text-align: center;
    position: relative;
    padding: 20.66667vw 0 0;
  }
  .reason__list article .arInner h3::before {
    position: absolute;
    content: "Reason";
    font-size: 3.46667vw;
    line-height: 3.86667vw;
    font-weight: 500;
    color: #714013;
    text-align: center;
    left: 50%;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    top: -12vw;
    padding-top: 18vw;
  }
  .reason__list article .arInner .fig {
    margin-top: 7.73333vw;
  }
  .reason__list article .arInner .fig img {
    width: 80.26667vw;
  }
  .reason__list article .arInner .fig.left {
    text-align: left;
  }
  .reason__list article .arInner .fig.right {
    text-align: right;
  }
  .reason__list article .arInner .wrapSlider {
    margin-top: 7.86667vw;
    position: relative;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
  }
  .reason__list article .arInner .wrapSlider__hidden {
    padding: 0 5.33333vw;
    overflow: hidden;
  }
  .reason__list article .arInner .wrapSlider .appraisers-next,
  .reason__list article .arInner .wrapSlider .appraisers-prev {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 8vw;
    height: 24vw;
  }
  .reason__list article .arInner .wrapSlider .appraisers-next {
    background: url("../img/reasonCtrlRight.png") 0 0 no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    right: -4.13333vw;
  }
  .reason__list article .arInner .wrapSlider .appraisers-prev {
    background: url("../img/reasonCtrlLeft.png") 0 0 no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    left: -4.13333vw;
  }
  .reason__list article .arInner .wrapSlider .appraisers--slide {
    border: 2px solid #b68f33;
    padding: 8.66667vw 2.66667vw;
    background: #fff;
    height: auto;
  }
  .reason__list article .arInner .wrapSlider .appraisers--slide figure {
    width: 46.66667vw;
    height: 46.66667vw;
    padding: 0.66667vw;
    margin: 0 auto;
    background: -webkit-linear-gradient(210deg, #745d0c 0%, #fcf6b6 100%);
    background: -moz- oldlinear-gradient(210deg, #745d0c 0%, #fcf6b6 100%);
    background: linear-gradient(-120deg, #745d0c 0%, #fcf6b6 100%);
    -moz-border-radius: 50%;
         border-radius: 50%;
    -moz-box-shadow: 0px 6px 14px 0px rgba(0, 0, 0, 0.5);
         box-shadow: 0px 6px 14px 0px rgba(0, 0, 0, 0.5);
  }
  .reason__list article .arInner .wrapSlider .appraisers--slide figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .reason__list article .arInner .wrapSlider .appraisers--slide h4 {
    text-align: center;
    font-size: 4vw;
    line-height: 2;
    font-weight: 700;
    font-family: "Hiragino Sans", "游ゴシック", YuGothic, YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
    color: #000000;
    margin-top: 2vw;
  }
  .reason__list article .arInner .wrapSlider .appraisers--slide .txt {
    padding: 0;
    font-size: 4vw;
    line-height: 6.93333vw;
    font-weight: 400;
    color: #000;
    font-family: "Hiragino Sans", "游ゴシック", YuGothic, YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
    margin-top: 0.8vw;
  }
  .reason__list article .arInner .wrapSlider .appraisers--pagi {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 4vw;
  }
  .reason__list article .arInner .wrapSlider .appraisers--pagi .swiper-pagination-bullet {
    width: 2.93333vw;
    height: 2.93333vw;
    margin: 0 0.66667vw;
    background: #fff;
    -moz-border-radius: 50%;
         border-radius: 50%;
    border: 1px solid #b68f33;
    opacity: 1;
  }
  .reason__list article .arInner .wrapSlider .appraisers--pagi .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #b68f33;
  }
  .reason__list article .arInner .caution {
    text-align: center;
    font-size: 4.8vw;
    line-height: 7.46667vw;
    color: #894a02;
    font-weight: 500;
    margin-top: 3.73333vw;
    padding: 0 6vw;
  }
  .reason__list article .arInner .txt {
    margin-top: 7.33333vw;
    font-size: 4vw;
    line-height: 6.93333vw;
    font-family: "Hiragino Sans", "游ゴシック", YuGothic, YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
    font-weight: 400;
    letter-spacing: 0.06em;
    color: #000000;
    padding: 0 5.33333vw;
  }
  .reason__list article .arInner .txt span {
    background: #fff881;
  }
  .reason__list article .arInner .note {
    text-align: right;
    font-size: 2.66667vw;
    line-height: 1.5;
    letter-spacing: 0.06em;
    color: #000;
    margin-top: 1.33333vw;
    padding: 0 5.33333vw;
  }
  .reason__list article.justcolor {
    background: #dedabf url("../img/reasonKeyboard01.jpg") bottom no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    position: relative;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
  }
  .reason__list article.justcolor::after {
    position: absolute;
    content: "";
    width: 29.86667vw;
    height: 56.93333vw;
    background: url("../img/reasonMusic03.png") 0 0 no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    bottom: 15.06667vw;
    right: -4vw;
    z-index: -1;
  }
  .reason__list article.blue {
    background: #060f4e url("../img/reasonKeyboard02.jpg") bottom no-repeat;
    -moz-background-size: contain;
         background-size: contain;
  }
  .reason__list article.blue .arInner::before {
    background: -webkit-linear-gradient(280deg, #e7c091 1%, #f5f3cf 24%, #976b03 51%, #493d04 77%, #776c0d 99%);
    background: -moz- oldlinear-gradient(280deg, #e7c091 1%, #f5f3cf 24%, #976b03 51%, #493d04 77%, #776c0d 99%);
    background: linear-gradient(170deg, #e7c091 1%, #f5f3cf 24%, #976b03 51%, #493d04 77%, #776c0d 99%);
    -moz-background-clip: text;
         background-clip: text;
  }
  .reason__list article.yellow {
    background: #d2c184 url("../img/reasonKeyboard03.jpg") bottom no-repeat;
    -moz-background-size: contain;
         background-size: contain;
  }
  .reason__list article.bg03 {
    background-image: url("../img/reasonBg03.jpg"), url("../img/reasonKeyboard03.jpg");
    background-position: 0 0,bottom;
    background-repeat: no-repeat,no-repeat;
    -moz-background-size: contain contain;
         background-size: contain contain;
    background-color: #d2c184;
  }
  .reason__list article.bg04 {
    background-image: url("../img/reasonBg04.jpg"), url("../img/reasonKeyboard03.jpg");
    background-position: 0 0,bottom;
    background-repeat: no-repeat,no-repeat;
    -moz-background-size: contain contain;
         background-size: contain contain;
    background-color: #d2c184;
  }
  .step {
    margin-top: 8vw;
  }
  .step__title h2 {
    margin: auto;
    width: 86.66667vw;
    height: 16vw;
    background: #fff;
    font-size: 5.6vw;
    line-height: 8vw;
    font-weight: 600;
    color: #ba9200;
    position: relative;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
    text-align: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border: 1px solid #ba9200;
  }
  .step__title h2::after {
    position: absolute;
    content: "";
    width: 6.66667vw;
    height: 1px;
    background: #ba9200;
    right: -6.66667vw;
    top: 50%;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    z-index: -1;
  }
  .step__title h2::before {
    position: absolute;
    content: "";
    width: 6.66667vw;
    height: 1px;
    left: -6.66667vw;
    background: #ba9200;
    top: 50%;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    z-index: -1;
  }
  .step__list {
    margin-top: 16.26667vw;
    padding: 0 2.66667vw;
    position: relative;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
  }
  .step__list::before {
    position: absolute;
    content: "";
    width: 0.66667vw;
    height: 80%;
    background: #ba9200;
    top: 50%;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    left: 16.4vw;
    z-index: -1;
  }
  .step__list article {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
  }
  .step__list article figure {
    width: 28vw;
    margin-right: 5.33333vw;
  }
  .step__list article figure img {
    width: 100%;
    height: 28vw;
    -moz-border-radius: 50%;
         border-radius: 50%;
  }
  .step__list article .arCon {
    -webkit-box-flex: 1;
       -moz-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
  .step__list article .arCon h3 {
    font-size: 4.4vw;
    line-height: 6.93333vw;
    font-weight: 600;
    color: #ba9200;
    padding: 0 0 1.86667vw;
    border-bottom: 2px solid #ba9200;
    letter-spacing: -0.01em;
  }
  .step__list article .arCon .txt {
    margin-top: 3.2vw;
    font-size: 3.2vw;
    line-height: 5.6vw;
    font-weight: 400;
    font-family: "Hiragino Sans", "游ゴシック", YuGothic, YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
    color: #000000;
  }
  .step__list article .arCon .txt span {
    background: #fef977;
    font-weight: 700;
  }
  .step__list article + article {
    margin-top: 11.6vw;
  }
  .faq {
    margin-top: 16vw;
    background: #a18e46;
    padding: 45.46667vw 2.66667vw 6vw;
    position: relative;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
  }
  .faq::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 30.93333vw;
    background: url("../img/faqIllus.png") 0 0 no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    left: 0;
    top: 10.66667vw;
  }
  .faq h2 {
    text-align: center;
    font-size: 6.13333vw;
    line-height: 8vw;
    font-weight: 600;
    color: #fff;
  }
  .faq__list {
    margin-top: 10.66667vw;
  }
  .faq__list dl dt {
    position: relative;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
    font-size: 4.8vw;
    line-height: 8vw;
    color: #ba9200;
    background: #fff;
    font-weight: 600;
    padding: 1.6vw 8vw 1.6vw 10.4vw;
  }
  .faq__list dl dt::before {
    position: absolute;
    content: "Q";
    font-size: 6.93333vw;
    line-height: 8vw;
    font-weight: 800;
    color: #ba9200;
    left: 2.4vw;
    top: 1.6vw;
  }
  .faq__list dl dt::after {
    position: absolute;
    content: "";
    width: 5.06667vw;
    height: 2.66667vw;
    background: url("../img/faqArrow.png") 0 0 no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    top: 50%;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    right: 2.66667vw;
    -webkit-transform-origin: 50% 50%;
       -moz-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
            transform-origin: 50% 50%;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }
  .faq__list dl dt.active::after {
    -webkit-transform: translateY(-50%) rotate(180deg);
       -moz-transform: translateY(-50%) rotate(180deg);
        -ms-transform: translateY(-50%) rotate(180deg);
            transform: translateY(-50%) rotate(180deg);
  }
  .faq__list dl dd {
    color: #fff;
    font-size: 4vw;
    line-height: 6.13333vw;
    font-family: "Hiragino Sans", "游ゴシック", YuGothic, YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
    font-weight: 400;
    position: relative;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
    padding: 3.6vw 2.66667vw 0 10.4vw;
    display: none;
  }
  .faq__list dl dd::before {
    position: absolute;
    content: "A";
    font-size: 6.93333vw;
    line-height: 8vw;
    font-weight: 800;
    color: #fff;
    left: 2.4vw;
    top: 1.6vw;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  }
  .faq__list dl + dl {
    margin-top: 8.66667vw;
  }
  .customer {
    margin-top: 10.4vw;
    margin-bottom: 10.66667vw;
  }
  .customer__main h2 {
    text-align: center;
    font-size: 6.13333vw;
    line-height: 8vw;
    font-weight: 600;
    color: #ba9200;
  }
  .customer__main dl {
    margin-top: 2.66667vw;
    border: 2px solid #ba9200;
    padding: 5.33333vw;
  }
  .customer__main dl dt {
    text-align: center;
    font-size: 4.8vw;
    line-height: 6.13333vw;
    font-weight: 700;
    font-family: "Hiragino Sans", "游ゴシック", YuGothic, YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
    color: #555555;
  }
  .customer__main dl dd {
    font-size: 4vw;
    line-height: 6.93333vw;
    font-weight: 400;
    color: #555555;
    letter-spacing: 0.06em;
    font-family: "Hiragino Sans", "游ゴシック", YuGothic, YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
    margin-top: 3.33333vw;
  }
  .contact {
    background: #272e38;
    padding: 10.66667vw 5.33333vw 16vw;
  }
  .contact__top--logo {
    line-height: 0;
    text-align: center;
  }
  .contact__top--logo img {
    width: 43.6vw;
  }
  .contact__top h2 {
    text-align: center;
    font-size: 8vw;
    line-height: 1;
    font-weight: 700;
    color: #fff;
    font-family: "Hiragino Sans", "游ゴシック", YuGothic, YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
    margin-top: 4.66667vw;
  }
  .contact__top--box {
    margin-top: 11.2vw;
    background: #fff;
    -moz-border-radius: 1.33333vw;
         border-radius: 1.33333vw;
    padding: 5.73333vw 5.33333vw;
    font-size: 4vw;
    line-height: 6.93333vw;
    font-weight: 400;
    font-family: "Hiragino Sans", "游ゴシック", YuGothic, YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
  }
  .contact__top--tel {
    margin-top: 10.66667vw;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .contact__top--tel em {
    font-size: 6.13333vw;
    line-height: 1;
    font-weight: 500;
    color: #fff;
    font-style: normal;
  }
  .contact__top--tel a {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 16vw;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 2.8vw;
    font-size: 9.33333vw;
    line-height: 1;
    font-weight: 500;
    color: #fff;
    padding: 4.93333vw 0 3.33333vw;
    -moz-border-radius: 8vw;
         border-radius: 8vw;
    background: -webkit-gradient(linear, left top, left bottom, from(#f7a84b), color-stop(50%, #f7a84b), color-stop(50%, #f5921e), to(#f5921e));
    background: -webkit-linear-gradient(top, #f7a84b 0%, #f7a84b 50%, #f5921e 50%, #f5921e 100%);
    background: -moz- oldlinear-gradient(top, #f7a84b 0%, #f7a84b 50%, #f5921e 50%, #f5921e 100%);
    background: linear-gradient(180deg, #f7a84b 0%, #f7a84b 50%, #f5921e 50%, #f5921e 100%);
    position: relative;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
    overflow: hidden;
  }
  .contact__top--tel a::before {
    position: absolute;
    content: "";
    width: 24vw;
    height: 30.4vw;
    background: url("../img/light.png") 0 0 no-repeat;
    -moz-background-size: contain;
         background-size: contain;
    left: -100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
       -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    -webkit-animation: light 2.5s linear infinite;
       -moz-animation: light 2.5s linear infinite;
            animation: light 2.5s linear infinite;
    z-index: -1;
  }
  .contact__top--tel a span {
    display: inline-block;
    position: relative;
    -webkit-transform: translateZ(0);
       -moz-transform: translateZ(0);
            transform: translateZ(0);
  }
  .contact__top--tel a span::before {
    position: absolute;
    content: attr(data-top);
    font-size: 4vw;
    line-height: 1;
    font-weight: 500;
    color: #fff;
    left: 50%;
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    top: -3.46667vw;
  }
  .contact__top--tel time {
    font-size: 3.2vw;
    line-height: 1;
    font-family: 'KozB';
    color: #fff;
    margin-top: 1.86667vw;
  }
  .contact__form {
    margin-top: 13.33333vw;
    font-family: "Hiragino Sans", "游ゴシック", YuGothic, YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
  }
  .contact__form input, .contact__form select, .contact__form textarea {
    font-family: "Hiragino Sans", "游ゴシック", YuGothic, YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
  }
  .contact__form dl dt {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
       -moz-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: #fff;
    font-size: 4.8vw;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 0.06em;
  }
  .contact__form dl dt.required::after {
    content: "必須";
    color: #fff;
    width: 13.33333vw;
    height: 8vw;
    background: #eb6872;
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 4.8vw;
    line-height: 1;
  }
  .contact__form dl dt.any::after {
    content: "任意";
    color: #fff;
    width: 13.33333vw;
    height: 8vw;
    background: #d1d1d1;
    display: -webkit-inline-box;
    display: -moz-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 4.8vw;
    line-height: 1;
  }
  .contact__form dl dd {
    margin-top: 2.66667vw;
  }
  .contact__form dl dd .wrapInput,
  .contact__form dl dd .wrapSel {
    width: 100%;
  }
  .contact__form dl dd .wrapInput input, .contact__form dl dd .wrapInput select, .contact__form dl dd .wrapInput textarea,
  .contact__form dl dd .wrapSel input,
  .contact__form dl dd .wrapSel select,
  .contact__form dl dd .wrapSel textarea {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    background: #fff;
    font-size: 4vw;
    line-height: 1.5;
    font-weight: bold;
    height: 16vw;
    -moz-border-radius: 1.33333vw;
         border-radius: 1.33333vw;
    padding: 2.66667vw;
    outline: none;
    border: none;
    -moz-box-shadow: none;
         box-shadow: none;
    color: #000;
    width: 100%;
  }
  .contact__form dl dd .wrapInput input::-webkit-input-placeholder, .contact__form dl dd .wrapInput select::-webkit-input-placeholder, .contact__form dl dd .wrapInput textarea::-webkit-input-placeholder,
  .contact__form dl dd .wrapSel input::-webkit-input-placeholder,
  .contact__form dl dd .wrapSel select::-webkit-input-placeholder,
  .contact__form dl dd .wrapSel textarea::-webkit-input-placeholder {
    color: #bababa;
    opacity: 1;
  }
  .contact__form dl dd .wrapInput input::-moz-placeholder, .contact__form dl dd .wrapInput select::-moz-placeholder, .contact__form dl dd .wrapInput textarea::-moz-placeholder,
  .contact__form dl dd .wrapSel input::-moz-placeholder,
  .contact__form dl dd .wrapSel select::-moz-placeholder,
  .contact__form dl dd .wrapSel textarea::-moz-placeholder {
    color: #bababa;
    opacity: 1;
  }
  .contact__form dl dd .wrapInput input:-ms-input-placeholder, .contact__form dl dd .wrapInput select:-ms-input-placeholder, .contact__form dl dd .wrapInput textarea:-ms-input-placeholder,
  .contact__form dl dd .wrapSel input:-ms-input-placeholder,
  .contact__form dl dd .wrapSel select:-ms-input-placeholder,
  .contact__form dl dd .wrapSel textarea:-ms-input-placeholder {
    color: #bababa;
    opacity: 1;
  }
  .contact__form dl dd .wrapInput input::placeholder, .contact__form dl dd .wrapInput select::placeholder, .contact__form dl dd .wrapInput textarea::placeholder,
  .contact__form dl dd .wrapSel input::placeholder,
  .contact__form dl dd .wrapSel select::placeholder,
  .contact__form dl dd .wrapSel textarea::placeholder {
    color: #bababa;
    opacity: 1;
  }
  .contact__form dl dd .wrapInput textarea,
  .contact__form dl dd .wrapSel textarea {
    height: 44vw;
  }
  .contact__form dl dd .wrapPrivacy {
    height: 60vw;
    overflow: auto;
    padding: 5.73333vw 5.33333vw;
    font-size: 3.2vw;
    line-height: 4.8vw;
    font-weight: 700;
    color: #000000;
    letter-spacing: 0.06em;
    background: #fff;
  }
  .contact__form dl dd .error {
    color: #ff0000;
    display: block;
  }
  .contact__form dl + dl {
    margin-top: 8vw;
  }
  .contact__form .wrapBtn {
    margin-top: 13.33333vw;
  }
  .contact__form .wrapBtn button {
    -moz-border-radius: 8vw;
         border-radius: 8vw;
    background: -webkit-gradient(linear, left top, left bottom, from(#38d277), color-stop(50%, #38d277), color-stop(50%, #06c755), to(#06c755));
    background: -webkit-linear-gradient(top, #38d277 0%, #38d277 50%, #06c755 50%, #06c755 100%);
    background: -moz- oldlinear-gradient(top, #38d277 0%, #38d277 50%, #06c755 50%, #06c755 100%);
    background: linear-gradient(180deg, #38d277 0%, #38d277 50%, #06c755 50%, #06c755 100%);
    outline: none;
    height: 16vw;
    width: 100%;
    font-size: 6.13333vw;
    line-height: 1;
    font-weight: 700;
    color: #fff;
    border: none;
    -moz-box-shadow: none;
         box-shadow: none;
  }
  .footer {
    background: #fefedb;
    padding: 5.33333vw 0 22.4vw;
  }
  .footer__logo {
    text-align: center;
    line-height: 0;
  }
  .footer__logo a {
    line-height: 0;
    width: 28.26667vw;
    display: inline-block;
  }
  .footer__logo a img {
    width: 100%;
    height: auto;
  }
  .footer__link {
    margin-top: 11.06667vw;
  }
  .footer__link ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .footer__link ul li a {
    font-size: 4vw;
    line-height: 1;
    font-weight: 700;
    color: #333333;
    font-family: "Hiragino Sans", "游ゴシック", YuGothic, YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
  }
  .footer__copy {
    text-align: center;
    margin-top: 16.4vw;
    font-size: 2.66667vw;
    line-height: 4.8vw;
    letter-spacing: 0.06em;
    color: #000000;
  }
  .ctaFixed {
    position: fixed;
    width: 100%;
    z-index: 999;
    left: 0;
    bottom: 0;
    background: #fff;
    padding-top: 1.33333vw;
  }
  .ctaFixed ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
  .ctaFixed ul li {
    line-height: 0;
  }
  .ctaFixed ul li._line {
    width: 21.33333vw;
  }
  .ctaFixed ul li._line a {
    display: block;
    width: 100%;
    line-height: 0;
  }
  .ctaFixed ul li._mail {
    width: 21.33333vw;
  }
  .ctaFixed ul li._mail a {
    display: block;
    width: 100%;
    line-height: 0;
  }
  .ctaFixed ul li._tel {
    width: 54.66667vw;
    height: 20vw;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
       -moz-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
       -moz-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: #fff;
    font-family: "Hiragino Sans", "游ゴシック", YuGothic, YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
    background: #f5921e;
    -moz-border-radius: 2.66667vw;
         border-radius: 2.66667vw;
  }
  .ctaFixed ul li._tel a {
    color: #FFF;
    margin: 1.33333vw 0;
  }
  .ctaFixed ul li._tel small {
    font-size: 3.2vw;
    line-height: 1;
    font-weight: 700;
    letter-spacing: 0.06em;
  }
  .ctaFixed ul li._tel a span {
    font-size: 6vw;
    line-height: 1;
    font-weight: 700;
    white-space: nowrap;
  }
  .ctaFixed ul li._tel time {
    font-size: 2.66667vw;
    line-height: 1;
    font-weight: 700;
  }
}

.ctaFixed {
  opacity: 0;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
  pointer-events: none;
}

.ctaFixed.show {
  opacity: 1;
  pointer-events: auto;
}

@-webkit-keyframes light {
  0% {
    left: -100%;
  }
  100% {
    left: 100%;
  }
}

@-moz-keyframes light {
  0% {
    left: -100%;
  }
  100% {
    left: 100%;
  }
}

@keyframes light {
  0% {
    left: -100%;
  }
  100% {
    left: 100%;
  }
}