/*!*************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!../assets/scss/styles.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************/
  @charset "UTF-8";
  /*! destyle.css v3.0.2 | MIT License | https://github.com/nicolas-cusan/destyle.css */
  /* Reset box-model and set borders */
  /* ============================================ */
  *,
  ::before,
  ::after {
    box-sizing: border-box;
    border-style: solid;
    border-width: 0;
  }

  /* Document */
  /* ============================================ */
  /**
   * 1. Correct the line height in all browsers.
   * 2. Prevent adjustments of font size after orientation changes in iOS.
   * 3. Remove gray overlay on links for iOS.
   */
  html {
    line-height: 1.15;
    /* 1 */
    -webkit-text-size-adjust: 100%;
       -moz-text-size-adjust: 100%;
            text-size-adjust: 100%;
    /* 2 */
    -webkit-tap-highlight-color: transparent;
    /* 3 */
  }

  /* Sections */
  /* ============================================ */
  /**
   * Remove the margin in all browsers.
   */
  body {
    margin: 0;
  }

  /**
   * Render the `main` element consistently in IE.
   */
  main {
    display: block;
  }

  /* Vertical rhythm */
  /* ============================================ */
  p,
  table,
  blockquote,
  address,
  pre,
  iframe,
  form,
  figure,
  dl {
    margin: 0;
  }

  /* Headings */
  /* ============================================ */
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    margin: 0;
    font-size: inherit;
    font-weight: inherit;
  }

  /* Lists (enumeration) */
  /* ============================================ */
  ul,
  ol {
    padding: 0;
    margin: 0;
    list-style: none;
  }

  /* Lists (definition) */
  /* ============================================ */
  dt {
    font-weight: bold;
  }

  dd {
    margin-left: 0;
  }

  /* Grouping content */
  /* ============================================ */
  /**
   * 1. Add the correct box sizing in Firefox.
   * 2. Show the overflow in Edge and IE.
   */
  hr {
    box-sizing: content-box;
    /* 1 */
    height: 0;
    /* 1 */
    margin: 0;
    overflow: visible;
    /* 2 */
    clear: both;
    border-top-width: 1px;
    color: inherit;
  }

  /**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */
  pre {
    font-size: inherit;
    /* 2 */
  }

  address {
    font-style: inherit;
  }

  /* Text-level semantics */
  /* ============================================ */
  /**
   * Remove the gray background on active links in IE 10.
   */
  a {
    background-color: transparent;
    color: inherit;
    text-decoration: none;
  }

  /**
   * 1. Remove the bottom border in Chrome 57-
   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
   */
  abbr[title] {
    -webkit-text-decoration: underline dotted;
            text-decoration: underline dotted;
    /* 2 */
  }

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

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

  /**
   * 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 {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline;
  }

  sub {
    bottom: -0.25em;
  }

  sup {
    top: -0.5em;
  }

  /* Replaced content */
  /* ============================================ */
  /**
   * Prevent vertical alignment issues.
   */
  svg,
  img,
  embed,
  object,
  iframe {
    vertical-align: bottom;
  }

  /* Forms */
  /* ============================================ */
  /**
   * Reset form fields to make them styleable.
   * 1. Make form elements stylable across systems iOS especially.
   * 2. Inherit text-transform from parent.
   */
  button,
  input,
  optgroup,
  select,
  textarea {
    padding: 0;
    margin: 0;
    border-radius: 0;
    background: transparent;
    font: inherit;
    color: inherit;
    text-align: inherit;
    text-transform: inherit;
    /* 2 */
    vertical-align: middle;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    /* 1 */
  }

  /**
   * Reset radio and checkbox appearance to preserve their look in iOS.
   */
  [type=checkbox] {
    -webkit-appearance: checkbox;
       -moz-appearance: checkbox;
            appearance: checkbox;
  }

  [type=radio] {
    -webkit-appearance: radio;
       -moz-appearance: radio;
            appearance: radio;
  }

  /**
   * Correct cursors for clickable elements.
   */
  button,
  [type=button],
  [type=reset],
  [type=submit] {
    cursor: pointer;
  }

  button:disabled,
  [type=button]:disabled,
  [type=reset]:disabled,
  [type=submit]:disabled {
    cursor: default;
  }

  /**
   * Improve outlines for Firefox and unify style with input elements & buttons.
   */
  :-moz-focusring {
    outline: auto;
  }

  select:disabled {
    opacity: inherit;
  }

  /**
   * Remove padding
   */
  option {
    padding: 0;
  }

  /**
   * Reset to invisible
   */
  fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
  }

  legend {
    padding: 0;
  }

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

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

  /**
   * 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 outline style in Safari.
   */
  [type=search] {
    outline-offset: -2px;
    /* 1 */
  }

  /**
   * Remove the inner padding in Chrome and Safari on macOS.
   */
  [type=search]::-webkit-search-decoration {
    -webkit-appearance: none;
            appearance: none;
  }

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

  /**
   * Clickable labels
   */
  label[for] {
    cursor: pointer;
  }

  /* Interactive */
  /* ============================================ */
  /*
   * Add the correct display in Edge, IE 10+, and Firefox.
   */
  details {
    display: block;
  }

  /*
   * Add the correct display in all browsers.
   */
  summary {
    display: list-item;
  }

  /*
   * Remove outline for editable content.
   */
  [contenteditable]:focus {
    outline: auto;
  }

  /* Tables */
  /* ============================================ */
  /**
  1. Correct table border color inheritance in all Chrome and Safari.
  */
  table {
    border-color: inherit;
    /* 1 */
    border-collapse: collapse;
  }

  caption {
    text-align: left;
  }

  td,
  th {
    padding: 0;
    vertical-align: top;
  }

  th {
    font-weight: bold;
    text-align: left;
  }

  @media screen and (max-width: 768px) {
    .tb1:not(.sp) {
      display: none;
    }

    .tb2:not(.sp) {
      display: none;
    }

    .pc1:not(.sp) {
      display: none;
    }

    .pc2:not(.sp) {
      display: none;
    }
  }
  @media screen and (min-width: 769px) and (max-width: 840px) {
    .sp:not(.tb1) {
      display: none;
    }

    .tb2:not(.tb1) {
      display: none;
    }

    .pc1:not(.tb1) {
      display: none;
    }

    .pc2:not(.tb1) {
      display: none;
    }
  }
  @media screen and (min-width: 841px) and (max-width: 1024px) {
    .sp:not(.tb2) {
      display: none;
    }

    .tb1:not(.tb2) {
      display: none;
    }

    .pc1:not(.tb2) {
      display: none;
    }

    .pc2:not(.tb2) {
      display: none;
    }
  }
  @media screen and (min-width: 1025px) and (max-width: 1280px) {
    .sp:not(.pc1) {
      display: none;
    }

    .tb1:not(.pc1) {
      display: none;
    }

    .tb2:not(.pc1) {
      display: none;
    }

    .pc2:not(.pc1) {
      display: none;
    }
  }
  @media screen and (min-width: 1281px) {
    .sp:not(.pc2) {
      display: none;
    }

    .tb1:not(.pc2) {
      display: none;
    }

    .tb2:not(.pc2) {
      display: none;
    }

    .pc1:not(.pc2) {
      display: none;
    }
  }
  html {
    scroll-behavior: smooth;
    -webkit-text-size-adjust: none;
    font-size: 62.5%;
  }
  @media (max-width: 1280px) and (min-width: 769px) {
    html {
      font-size: 0.78125vw;
    }
  }
  @media (max-width: 768px) {
    html {
      font-size: 1.302vw;
    }
  }

  body {
    color: #333;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
    font-size: 1.6rem;
    letter-spacing: 0.05em;
  }
  @media screen and (max-width: 768px) {
    body {
      font-size: 2rem;
    }
  }

  body.is-expanded {
    overflow: hidden;
  }

  body.is-modal-active {
    overflow: hidden;
  }

  main {
    position: relative;
    flex: 1;
    overflow-x: hidden;
  }
  @media screen and (max-width: 768px) {
    main {
      margin: 11rem 0 0 0;
    }
  }

  .right-content-wrap {
    position: relative;
  }
  @media screen and (max-width: 768px) {
    .right-content-wrap {
      width: 100%;
    }
  }

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

  .pc {
    display: block;
  }
  @media screen and (max-width: 768px) {
    .pc {
      display: none;
    }
  }

  .sp {
    display: none;
  }
  @media screen and (max-width: 768px) {
    .sp {
      display: block;
    }
  }

  .flex {
    display: flex;
  }

  @media screen and (max-width: 768px) {
    .flex-col {
      flex-direction: column;
    }
  }

  .inline-block {
    display: inline-block;
  }

  .center {
    text-align: center;
  }

  .hover-opacity {
    opacity: 1;
    transition: 0.2s;
  }

  .hover-scale {
    transition: 0.2s;
  }
  .hover-scale:hover {
    transform: scale(0.97);
  }
  @media screen and (max-width: 768px) {
    .hover-scale:hover {
      transform: none;
    }
  }

  :root {
    --main-color: #2e3776;
    --bg-dark-gray: rgba(34, 34, 34, 0.05);
    --bg-light-gray: #f9f9f9;
    --font-Abril: "Abril Fatface", cursive;
  }

  .color-blue {
    color: #2e3776;
  }

  .bg-dark-gray {
    background-color: var(--bg-dark-gray);
  }

  .bg-light-gray {
    background-color: var(--bg-light-gray);
  }

  .font-Ablil {
    font-family: var(--font-abril);
  }

  /*================= ▼HEADER =================*/
  .swiper-slide-active .slide-img,
  .swiper-slide-duplicate-active .slide-img,
  .swiper-slide-prev .slide-img {
    -webkit-animation: zoomUp 10s linear 0s 1 normal both;
            animation: zoomUp 10s linear 0s 1 normal both;
  }

  @-webkit-keyframes zoomUp {
    0% {
      transform: scale(1.15);
    }
    100% {
      transform: scale(1);
    }
  }

  @keyframes zoomUp {
    0% {
      transform: scale(1.15);
    }
    100% {
      transform: scale(1);
    }
  }
  .swiper-button-prev,
  .swiper-button-next {
    top: 41rem;
    left: 9.1rem;
    width: 4.6rem;
    height: 4.6rem;
  }
  @media screen and (max-width: 768px) {
    .swiper-button-prev,
  .swiper-button-next {
      top: 39rem;
      left: auto;
      right: 0;
      width: 7.3rem;
      height: 7.3rem;
    }
  }

  .swiper-button-prev:after,
  .swiper-button-next:after {
    content: "";
    margin: auto;
    width: 4.6rem;
    height: 4.6rem;
    background-repeat: no-repeat;
    background-size: contain;
  }
  @media screen and (max-width: 768px) {
    .swiper-button-prev:after,
  .swiper-button-next:after {
      width: 7.3rem;
      height: 7.3rem;
    }
  }

  .swiper-button-prev:after {
    background-image: none;
  }

  .swiper-button-next:after {
    background-image: url("/assets/images/top/ill_swiper_arrow_next.svg");
  }

  .swiper-slide-link .slide-img {
    overflow: hidden;
  }
  .swiper-slide-link .slide-img .top-mv {
    width: 100%;
    height: 74rem;
    -o-object-fit: cover;
       object-fit: cover;
  }
  @media screen and (max-width: 768px) {
    .swiper-slide-link .slide-img .top-mv {
      height: 46.5rem;
    }
  }
  .swiper-slide-link .slide-img-caption {
    position: absolute;
    top: 27rem;
    left: 1rem;
    z-index: 100;
    width: 100%;
    margin: 0 auto;
    padding: 0 8rem;
    color: #fff;
    font-size: 3.6rem;
    line-height: 1.5;
  }
  @media screen and (max-width: 768px) {
    .swiper-slide-link .slide-img-caption {
      top: 21rem;
      left: auto;
      right: 0;
      padding: 0;
      width: auto;
      font-size: 4.4rem;
    }
  }
  .swiper-slide-link .slide-img-caption .bg-black {
    padding: 0.6rem 0 0.6rem 2rem;
    background-color: rgba(0, 0, 0, 0.8);
  }

  /*================= ▼ CART =================*/
  #cart {
    /* /.cart */
  }
  @media screen and (max-width: 768px) {
    #cart main {
      margin: 0;
    }
  }
  #cart .cart {
    /* /.link-btn */
    /* /.cart-left */
  }
  #cart .cart > .inner.flex {
    justify-content: center;
    align-items: flex-start;
    gap: 3.1rem;
    padding: 4rem 0 11.2rem;
  }
  @media screen and (max-width: 768px) {
    #cart .cart > .inner.flex {
      flex-direction: column;
      gap: 8.2rem;
      padding: 8rem 3.2rem 19rem;
    }
  }
  #cart .cart .link-btn {
    width: 27.2rem;
    margin: 0 auto;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    border: 1px solid #caccdc;
    transition: color 0.3s ease, background-color 0.3s ease;
  }
  @media screen and (max-width: 768px) {
    #cart .cart .link-btn {
      width: 52rem;
      box-shadow: 0 0 1.2rem rgba(0, 0, 0, 0.16);
      border-radius: 0.8rem;
      border: 2px solid #caccdc;
    }
  }
  #cart .cart .link-btn.shopping {
    border: 1px solid #caccdc;
    background-color: #fff;
  }
  #cart .cart .link-btn.shopping:hover {
    background-color: var(--main-color);
    color: #fff;
  }
  #cart .cart .link-btn a {
    display: block;
    padding: 1.6rem 0;
    text-align: center;
    font-size: 1.4rem;
    letter-spacing: 0.06em;
  }
  @media screen and (max-width: 768px) {
    #cart .cart .link-btn a {
      padding: 2.8rem 0;
      font-size: 2.4rem;
    }
  }
  #cart .cart .cart-left {
    /* /.cart-table */
  }
  #cart .cart .cart-left .cart-table {
    width: 67rem;
    /* /tr.detail */
  }
  @media screen and (max-width: 768px) {
    #cart .cart .cart-left .cart-table {
      width: 100%;
    }
  }
  #cart .cart .cart-left .cart-table tr.title {
    border-bottom: 1px solid #dddddd;
  }
  #cart .cart .cart-left .cart-table tr.title th {
    padding-bottom: 1.15rem;
  }
  @media screen and (max-width: 768px) {
    #cart .cart .cart-left .cart-table tr.title th {
      padding-bottom: 1.9rem;
    }
  }
  #cart .cart .cart-left .cart-table tr.title th.name {
    width: 38rem;
  }
  @media screen and (max-width: 768px) {
    #cart .cart .cart-left .cart-table tr.title th.name {
      width: 36.4rem;
    }
  }
  #cart .cart .cart-left .cart-table tr.title th.quantity {
    width: 12rem;
    text-align: center;
  }
  @media screen and (max-width: 768px) {
    #cart .cart .cart-left .cart-table tr.title th.quantity {
      width: 14rem;
    }
  }
  #cart .cart .cart-left .cart-table tr.title th.price {
    width: 17rem;
    text-align: center;
    padding-left: 4rem;
  }
  @media screen and (max-width: 768px) {
    #cart .cart .cart-left .cart-table tr.title th.price {
      width: 20rem;
      padding-left: 6rem;
    }
  }
  #cart .cart .cart-left .cart-table tr.detail {
    /* /td.body */
    /* /td.quantity */
    /* /td.price */
  }
  #cart .cart .cart-left .cart-table tr.detail td {
    padding-top: 3.2rem;
    vertical-align: middle;
  }
  @media screen and (max-width: 768px) {
    #cart .cart .cart-left .cart-table tr.detail td {
      padding-top: 4rem;
      vertical-align: top;
    }
  }
  #cart .cart .cart-left .cart-table tr.detail td.price {
    padding-right: 1rem;
    padding-left: 2rem;
    text-align: right;
    white-space: nowrap;
  }
  @media screen and (max-width: 768px) {
    #cart .cart .cart-left .cart-table tr.detail td.price {
      padding-right: 0;
    }
  }
  #cart .cart .cart-left .cart-table tr.detail td.body {
    /* /.text.flex */
  }
  #cart .cart .cart-left .cart-table tr.detail td.body .image-link {
    display: inline-block;
    margin-right: 1.5rem;
  }
  @media screen and (max-width: 768px) {
    #cart .cart .cart-left .cart-table tr.detail td.body .image-link {
      margin-right: 2rem;
    }
  }
  #cart .cart .cart-left .cart-table tr.detail td.body .image-link img {
    width: 10rem;
    height: 10rem;
    -o-object-fit: cover;
       object-fit: cover;
  }
  #cart .cart .cart-left .cart-table tr.detail td.body .text.flex {
    flex-direction: column;
    justify-content: space-between;
    max-width: 25rem;
  }
  @media screen and (max-width: 768px) {
    #cart .cart .cart-left .cart-table tr.detail td.body .text.flex {
      max-width: 23.5rem;
    }
  }
  #cart .cart .cart-left .cart-table tr.detail td.body .text.flex .label-block .label {
    display: inline-block;
    padding: 0.3rem 1.2rem;
    vertical-align: top;
    line-height: 1.5;
    font-size: 1rem;
    font-weight: 700;
  }
  @media screen and (max-width: 768px) {
    #cart .cart .cart-left .cart-table tr.detail td.body .text.flex .label-block .label {
      padding: 0.4rem;
      font-size: 1.6rem;
      font-weight: 500;
    }
  }
  #cart .cart .cart-left .cart-table tr.detail td.body .text.flex .label-block .number {
    display: inline-block;
    max-width: 17rem;
    margin-top: -0.4rem;
    padding-left: 0.7rem;
    overflow-wrap: break-word;
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 1.5;
  }
  @media screen and (max-width: 768px) {
    #cart .cart .cart-left .cart-table tr.detail td.body .text.flex .label-block .number {
      max-width: 16rem;
      font-size: 2rem;
      padding-left: 0;
    }
  }
  #cart .cart .cart-left .cart-table tr.detail td.body .text.flex .label-block.id .label {
    background-color: #888888;
    color: #fff;
  }
  #cart .cart .cart-left .cart-table tr.detail td.body .text.flex .label-block.place .label {
    border: 1px solid #888;
    color: #888;
  }
  #cart .cart .cart-left .cart-table tr.detail td.body .text.flex .name {
    margin: 0.5rem 0;
  }
  @media screen and (max-width: 768px) {
    #cart .cart .cart-left .cart-table tr.detail td.body .text.flex .name {
      margin: 1rem 0;
    }
  }
  #cart .cart .cart-left .cart-table tr.detail td.body .text.flex .name .page-link,
  #cart .cart .cart-left .cart-table tr.detail td.body .text.flex .name .name-link {
    display: inline-block;
    font-size: 1.6rem;
    font-weight: 700;
  }
  @media screen and (max-width: 768px) {
    #cart .cart .cart-left .cart-table tr.detail td.body .text.flex .name .page-link,
  #cart .cart .cart-left .cart-table tr.detail td.body .text.flex .name .name-link {
      font-size: 2.4rem;
      line-height: 1.6;
    }
  }
  @media screen and (max-width: 768px) {
    #cart .cart .cart-left .cart-table tr.detail td.body .text.flex .name .page-link {
      font-size: 2.2rem;
    }
  }
  #cart .cart .cart-left .cart-table tr.detail td.body .text.flex .name .page-link::after {
    content: ">";
    color: #333;
    font-size: inherit;
  }
  #cart .cart .cart-left .cart-table tr.detail td.quantity .inner {
    position: relative;
    text-align: center;
  }
  #cart .cart .cart-left .cart-table tr.detail td.quantity .inner p {
    line-height: 1.6875;
  }
  #cart .cart .cart-left .cart-table tr.detail td.price p {
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 1.6875;
  }
  @media screen and (max-width: 768px) {
    #cart .cart .cart-left .cart-table tr.detail td.price p {
      font-size: 2rem;
      line-height: 1.7;
    }
  }
  #cart .cart .cart-left .cart-table tr.detail td.price b {
    font-size: 2rem;
    line-height: 2;
  }
  @media screen and (max-width: 768px) {
    #cart .cart .cart-left .cart-table tr.detail td.price b {
      font-size: 2.4rem;
      line-height: 1.666;
    }
  }
  #cart .cart .cart-left .cart-table td.delete {
    border-bottom: 1px solid #ddd;
    padding: 1.5rem 1rem 2rem 0;
    text-align: right;
    color: var(--main-color);
  }
  @media screen and (max-width: 768px) {
    #cart .cart .cart-left .cart-table td.delete {
      padding: 2rem 0 3rem;
    }
  }
  #cart .cart .cart-left .cart-table tr.total {
    border-bottom: 1px solid #ddd;
  }
  #cart .cart .cart-left .cart-table tr.total th {
    padding-right: 3rem;
    text-align: right;
    font-weight: 400;
  }
  @media screen and (max-width: 768px) {
    #cart .cart .cart-left .cart-table tr.total th {
      padding-right: 5rem;
    }
  }
  #cart .cart .cart-left .cart-table tr.total th,
  #cart .cart .cart-left .cart-table tr.total td {
    padding-top: 2rem;
    padding-bottom: 2rem;
    vertical-align: middle;
  }
  @media screen and (max-width: 768px) {
    #cart .cart .cart-left .cart-table tr.total th,
  #cart .cart .cart-left .cart-table tr.total td {
      padding-top: 4rem;
      padding-bottom: 4rem;
    }
  }
  #cart .cart .cart-left .cart-table tr.total td.quantity {
    text-align: center;
  }
  @media screen and (max-width: 768px) {
    #cart .cart .cart-left .cart-table tr.total td.quantity {
      padding-left: 3rem;
    }
  }
  #cart .cart .cart-left .cart-table tr.total td.price {
    padding-right: 1rem;
    text-align: right;
    font-size: 2rem;
    font-weight: 700;
  }
  @media screen and (max-width: 768px) {
    #cart .cart .cart-left .cart-table tr.total td.price {
      padding-right: 0;
      font-size: 2.4rem;
    }
  }
  #cart .cart .cart-left .link-btn {
    margin-top: 4rem;
  }
  @media screen and (max-width: 768px) {
    #cart .cart .cart-left .link-btn {
      margin-top: 8rem;
    }
  }
  #cart .cart .cart-right {
    width: 32rem;
  }
  @media screen and (max-width: 768px) {
    #cart .cart .cart-right {
      width: 100%;
    }
  }
  #cart .cart .cart-right .inner {
    background-color: #e9eaf4;
    padding: 2.4rem;
  }
  @media screen and (max-width: 768px) {
    #cart .cart .cart-right .inner {
      padding: 6.4rem 9rem;
    }
  }
  #cart .cart .cart-right .total-quantity {
    font-size: 1.2rem;
    font-weight: 700;
  }
  @media screen and (max-width: 768px) {
    #cart .cart .cart-right .total-quantity {
      display: inline-block;
      width: 17rem;
      vertical-align: top;
      font-size: 2rem;
    }
  }
  #cart .cart .cart-right .price.flex {
    justify-content: flex-end;
    gap: 0.7rem;
    margin: 2rem 0 3.2rem;
    color: #0f23ac;
    font-weight: 700;
  }
  @media screen and (max-width: 768px) {
    #cart .cart .cart-right .price.flex {
      display: inline-flex;
      width: 34rem;
      margin: 0;
    }
  }
  #cart .cart .cart-right .price.flex b {
    font-size: 3rem;
  }
  @media screen and (max-width: 768px) {
    #cart .cart .cart-right .price.flex b {
      font-size: 4.4rem;
    }
  }
  #cart .cart .cart-right .price.flex p span {
    text-align: left;
    display: block;
  }
  #cart .cart .cart-right .price.flex p span.yen {
    font-size: 1.6rem;
  }
  @media screen and (max-width: 768px) {
    #cart .cart .cart-right .price.flex p span.yen {
      font-size: 2rem;
    }
  }
  #cart .cart .cart-right .price.flex p span.tax {
    font-size: 1.1rem;
  }
  @media screen and (max-width: 768px) {
    #cart .cart .cart-right .price.flex p span.tax {
      font-size: 1.6rem;
    }
  }
  #cart .cart .cart-right .link-btn.order {
    margin-top: 3.2rem;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.16);
    background-color: #0f23ac;
    color: #fff;
  }
  #cart .cart .cart-right .link-btn.order:hover {
    background-color: #fff;
    color: #0f23ac;
  }
  #cart .cart .cart-right .text {
    margin: 0.8rem 0 1.6rem;
    color: var(--main-color);
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: 0.1em;
  }
  @media screen and (max-width: 768px) {
    #cart .cart .cart-right .text {
      margin: 2rem 0 3rem;
      font-size: 2rem;
      line-height: 2;
    }
  }

  /*================= ▼CASE-DETAIL =================*/
  #detail .under-mv .headline {
    background-image: url("/assets/images/case/detail/bg_case_detail.jpg");
  }
  @media screen and (max-width: 768px) {
    #detail .under-mv .headline {
      background-image: url("/assets/images/case/detail/bg_case_detail_sp.jpg");
    }
  }
  #detail .under-mv .breadcrumb::before {
    width: 3.2rem;
    height: 1.7rem;
    background-image: url("/assets/images/case/ic_case.svg");
  }
  @media screen and (max-width: 768px) {
    #detail .under-mv .breadcrumb::before {
      width: 3.9rem;
      height: 2rem;
    }
  }
  #detail .detail {
    padding-top: 8rem;
    background-color: #f9f9f9;
  }
  @media screen and (max-width: 768px) {
    #detail .detail {
      padding-top: 6rem;
    }
  }
  #detail .detail .container {
    max-width: 102.4rem;
    margin: 0 auto;
  }
  @media screen and (max-width: 768px) {
    #detail .detail .container {
      padding: 0 3rem;
    }
  }
  #detail .detail-row {
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
  }
  @media screen and (max-width: 768px) {
    #detail .detail-row {
      flex-direction: column;
    }
  }
  #detail .detail-row .detail-image {
    width: 49.6rem;
  }
  @media screen and (max-width: 768px) {
    #detail .detail-row .detail-image {
      width: auto;
      margin-bottom: 4rem;
    }
  }
  #detail .detail-row .detail-image figure img {
    width: 100%;
    height: 100%;
  }
  #detail .detail-row .detail-txt {
    width: 49.6rem;
  }
  @media screen and (max-width: 768px) {
    #detail .detail-row .detail-txt {
      width: auto;
    }
  }
  #detail .detail-row .detail-txt dl.detail-sammary {
    display: flex;
    align-items: center;
    padding: 1.6rem 0;
    border-bottom: 1px solid #ddd;
  }
  @media screen and (max-width: 768px) {
    #detail .detail-row .detail-txt dl.detail-sammary {
      padding: 3rem 0;
    }
  }
  #detail .detail-row .detail-txt dl.detail-sammary:first-child {
    border-top: 1px solid #ddd;
  }
  #detail .detail-row .detail-txt dl.detail-sammary dt {
    position: relative;
    display: inline-block;
    width: 8.8rem;
    min-width: 8.8rem;
    font-weight: 400;
  }
  @media screen and (max-width: 768px) {
    #detail .detail-row .detail-txt dl.detail-sammary dt {
      width: initial;
      min-width: 12rem;
    }
  }
  #detail .detail-row .detail-txt dl.detail-sammary dt:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 0.5px;
    height: 1.6rem;
    background-color: #333;
  }
  #detail .detail-row .detail-txt dl.detail-sammary dd {
    padding-left: 2rem;
    font-weight: 700;
  }
  #detail .detail-row .detail-txt dl.detail-point {
    margin-top: 2rem;
  }
  #detail .detail-row .detail-txt dl.detail-point dt {
    font-family: "Abril Fatface", serif;
    font-weight: 400;
    letter-spacing: -0.05em;
    line-height: 3.43;
  }
  #detail .detail-row .detail-txt dl.detail-point dd {
    line-height: 1.75;
    letter-spacing: 0.05em;
  }
  #detail .detail-image-row {
    margin-top: 5rem;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  #detail .detail-image-row .col:not(:first-child) {
    margin-top: 3rem;
  }
  #detail .detail-image-row > .col_12 figure {
    overflow-x: hidden;
  }
  #detail .detail-image-row > .col_12 figure img {
    width: 100%;
    height: 100%;
  }
  #detail .detail-image-row .col_12 {
    width: 100%;
  }
  #detail .detail-image-row .col_12 figure img {
    width: 100%;
  }
  #detail .detail-image-row .col_6 {
    width: 49.6rem;
  }
  @media screen and (max-width: 768px) {
    #detail .detail-image-row .col_6 {
      width: auto;
      width: 100%;
    }
  }
  #detail .detail-image-row p {
    margin-top: 1.6rem;
    color: #888;
    text-align: left;
    line-height: 1.75;
  }
  #detail .other-btn-inner {
    display: flex;
    justify-content: center;
    width: 100%;
    margin: 6.4rem 0 10rem 0;
  }
  @media screen and (max-width: 768px) {
    #detail .other-btn-inner {
      margin: 8.2rem 0 14.8rem 0;
    }
  }
  #detail .other-btn-inner .other-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28.8rem;
    height: 4.6rem;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.09);
    border-radius: 5px;
    background-color: #fff;
    color: var(--main-color);
    font-size: 1.4rem;
    transition: background-color 0.2s, color 0.2s;
  }
  @media screen and (max-width: 768px) {
    #detail .other-btn-inner .other-btn {
      width: 52rem;
      height: 8rem;
      font-size: 2.4rem;
    }
  }
  #detail .other-btn-inner .other-btn:hover {
    color: #fff;
    background-color: var(--main-color);
  }

  /*================= ▼ CASE =================*/
  #case .under-mv .headline {
    height: 32rem;
    background-image: url("/assets/images/case/bg_case.jpg");
  }
  @media screen and (max-width: 768px) {
    #case .under-mv .headline {
      background-image: url("/assets/images/case/bg_case_sp.jpg");
    }
  }
  #case .under-mv .headline::before {
    width: 30rem;
    height: 10.9rem;
    background-image: url("/assets/images/case/ttl_case.svg");
  }
  #case .under-mv .breadcrumb::before {
    width: 3.3rem;
    height: 1.7rem;
    background-image: url("/assets/images/case/ic_case.svg");
  }
  @media screen and (max-width: 768px) {
    #case .under-mv .breadcrumb::before {
      width: 3.9rem;
      height: 2rem;
    }
  }
  #case .case {
    margin: 6rem 0 10rem;
  }
  @media screen and (max-width: 768px) {
    #case .case {
      margin: 8rem 0 10rem;
    }
  }
  #case .case .container {
    max-width: 102.4rem;
    margin: 0 auto;
  }
  @media screen and (max-width: 768px) {
    #case .case .container {
      padding: 0 3rem;
    }
  }
  #case .case-row p {
    text-align: center;
    font-size: 2rem;
    letter-spacing: 0.05em;
    line-height: 2;
  }
  @media screen and (max-width: 768px) {
    #case .case-row p {
      text-align: left;
    }
  }
  #case .tab-group {
    display: flex;
    justify-content: center;
    border-bottom: solid 1px #caccdc;
    margin: 8rem auto 0;
  }
  #case .tab-group li {
    scroll-margin-top: 8rem;
  }
  @media screen and (max-width: 768px) {
    #case .tab-group li {
      scroll-margin-top: 12rem;
    }
  }
  #case .tab-group li:not(:first-child) {
    margin-left: 1.7rem;
  }
  @media screen and (max-width: 768px) {
    #case .tab-group li:not(:first-child) {
      margin-left: 2.2rem;
    }
  }
  #case .tab-group li a {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    background: #fff;
    color: #000;
    width: 23.2rem;
    height: 4.6rem;
    border-top: solid 1px #caccdc;
    border-right: solid 1px #caccdc;
    border-left: solid 1px #caccdc;
    border-radius: 4px 4px 0 0;
    transition: 0.2s ease;
  }
  @media screen and (max-width: 768px) {
    #case .tab-group li a {
      width: 22rem;
      height: 16rem;
    }
  }
  #case .tab-group li a:hover {
    background: #2e3776;
    color: #fff;
  }
  #case .tab-group li a span {
    position: relative;
    display: inline-block;
    padding-left: 3.8rem;
    text-align: center;
    font-size: 1.6rem;
    font-weight: 400;
    letter-spacing: 0.06em;
    line-height: 1.84;
  }
  @media screen and (max-width: 768px) {
    #case .tab-group li a span {
      transform: translateY(1rem);
    }
  }
  #case .tab-group li a span:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 2.822rem;
    height: 1.48rem;
  }
  @media screen and (max-width: 768px) {
    #case .tab-group li a span {
      padding-left: 0;
      padding-top: 3rem;
      font-size: 2.4rem;
    }
    #case .tab-group li a span:before {
      top: 0;
      right: 0;
      left: 0;
      bottom: 0;
      margin: 0 auto auto auto;
      width: 7.557rem;
      height: 4.883rem;
    }
  }
  #case .tab-group li:nth-child(1) span:before {
    background: url("/assets/images/case/ico_case01.svg") no-repeat 100%/contain;
  }
  @media screen and (max-width: 768px) {
    #case .tab-group li:nth-child(1) span:before {
      background-image: url("/assets/images/case/ico_case01_sp.svg");
    }
  }
  #case .tab-group li:nth-child(1).is-active span:before,
  #case .tab-group li:nth-child(1) a:hover span:before {
    background-image: url("/assets/images/case/ico_case01_hover.svg");
  }
  @media screen and (max-width: 768px) {
    #case .tab-group li:nth-child(1).is-active span:before,
  #case .tab-group li:nth-child(1) a:hover span:before {
      background-image: url("/assets/images/case/ico_case01_sp_hover.svg");
    }
  }
  #case .tab-group li:nth-child(2) span:before {
    background: url("/assets/images/case/ico_case02.svg") no-repeat 100%/contain;
  }
  @media screen and (max-width: 768px) {
    #case .tab-group li:nth-child(2) span:before {
      background-image: url("/assets/images/case/ico_case02_sp.svg");
    }
  }
  #case .tab-group li:nth-child(2).is-active span:before, #case .tab-group li:nth-child(2):hover span:before {
    background-image: url("/assets/images/case/ico_case02_hover.svg");
  }
  @media screen and (max-width: 768px) {
    #case .tab-group li:nth-child(2).is-active span:before, #case .tab-group li:nth-child(2):hover span:before {
      background-image: url("/assets/images/case/ico_case02_sp_hover.svg");
    }
  }
  #case .tab-group li:nth-child(3) span:before {
    background: url("/assets/images/case/ico_case03.svg") no-repeat 100%/contain;
  }
  @media screen and (max-width: 768px) {
    #case .tab-group li:nth-child(3) span:before {
      background-image: url("/assets/images/case/ico_case03_sp.svg");
    }
  }
  #case .tab-group li:nth-child(3).is-active span:before, #case .tab-group li:nth-child(3):hover span:before {
    background-image: url("/assets/images/case/ico_case03_hover.svg");
  }
  @media screen and (max-width: 768px) {
    #case .tab-group li:nth-child(3).is-active span:before, #case .tab-group li:nth-child(3):hover span:before {
      background-image: url("/assets/images/case/ico_case03_sp_hover.svg");
    }
  }
  #case .tab-group li.is-active a {
    color: #fff;
    background-color: #2e3776;
  }
  #case .panel-group {
    max-width: 102.4rem;
    margin: auto;
    scroll-margin-top: 7.2rem;
  }
  @media screen and (max-width: 768px) {
    #case .panel-group {
      padding: 0 3.2rem;
    }
  }
  #case .panel {
    display: none;
  }
  #case .panel.is-show {
    display: block;
  }
  #case .case-image-row {
    display: flex;
    flex-wrap: wrap;
    gap: 4rem 3.2rem;
    margin-top: 4rem;
    width: 100%;
  }
  @media screen and (max-width: 768px) {
    #case .case-image-row {
      gap: 3.2rem;
      margin-top: 8rem;
    }
  }
  #case .case-image-row:after {
    content: "";
    display: block;
    width: 32rem;
    height: 0;
  }
  #case .case-image-row .col_4 {
    width: calc((100% - 6.4rem) / 3);
  }
  @media screen and (max-width: 768px) {
    #case .case-image-row .col_4 {
      width: calc((100% - 3.2rem) / 2);
      background: #fff;
      box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.08);
    }
  }
  #case .case-image-row .col_4 a {
    display: block;
  }
  #case .case-image-row .col_4 a:hover img {
    transform: scale(1.06);
  }
  #case .case-image-row .col_4 a figure {
    overflow: hidden;
  }
  #case .case-image-row .col_4 a figure img {
    aspect-ratio: 3/2;
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    transition: transform 0.5s ease;
  }
  @media screen and (max-width: 768px) {
    #case .case-image-row .col_4 a figure img {
      height: initial;
    }
  }
  #case .case-image-row .col_4 a p {
    margin-top: 1.6rem;
    color: #000;
    font-weight: bold;
    line-height: 1.75;
    letter-spacing: 0.05em;
    text-align: center;
  }
  @media screen and (max-width: 768px) {
    #case .case-image-row .col_4 a p {
      padding: 2.2rem 3rem 4rem;
      font-size: 2.2rem;
    }
  }

  /*================= ▼ catalog =================*/
  #catalog .under-mv .headline {
    background-image: url("/assets/images/catalog/bg_catalog.jpg");
  }
  @media screen and (max-width: 768px) {
    #catalog .under-mv .headline {
      background-image: url("/assets/images/catalog/bg_catalog_sp.jpg");
    }
  }
  #catalog .under-mv .headline::before {
    width: 78.8rem;
    height: 12.4rem;
    background-image: url("/assets/images/catalog/ttl_catalog.svg");
  }
  #catalog .under-mv .breadcrumb::before {
    width: 1.9rem;
    height: 2.1rem;
    background-image: url("/assets/images/catalog/ic_catalog.svg");
  }
  @media screen and (max-width: 768px) {
    #catalog .under-mv .breadcrumb::before {
      width: 3.3rem;
      height: 3.5rem;
    }
  }
  #catalog .catalog {
    width: 100%;
    background-color: var(--bg-light-gray);
  }
  #catalog .catalog .inner {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin: 0 auto;
    padding: 2rem 9.8rem 2rem;
    width: 122rem;
  }
  @media screen and (max-width: 768px) {
    #catalog .catalog .inner {
      padding: 8rem 3rem 16rem;
      width: 100%;
    }
  }
  #catalog .catalog .inner .catalog-list.flex {
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 9rem 8rem;
  }
  @media screen and (max-width: 768px) {
    #catalog .catalog .inner .catalog-list.flex {
      gap: 8rem 2.7rem;
    }
  }
  #catalog .catalog .inner .catalog-list.flex::after {
    content: "";
    display: block;
    width: 28rem;
  }
  @media screen and (max-width: 768px) {
    #catalog .catalog .inner .catalog-list.flex::after {
      width: 33.6rem;
    }
  }
  #catalog .catalog .inner .catalog-list.flex li {
    width: 28rem;
  }
  @media screen and (max-width: 768px) {
    #catalog .catalog .inner .catalog-list.flex li {
      width: 33rem;
    }
  }
  #catalog .catalog .inner .catalog-list.flex li figure img {
    width: 28rem;
    box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.16);
  }
  @media screen and (max-width: 768px) {
    #catalog .catalog .inner .catalog-list.flex li figure img {
      width: 33rem;
    }
  }
  #catalog .catalog .inner .catalog-list.flex li figure figcaption {
    margin-top: 1.6rem;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 2.25;
  }
  @media screen and (max-width: 768px) {
    #catalog .catalog .inner .catalog-list.flex li figure figcaption {
      margin-top: 3rem;
      text-align: center;
      font-size: 2.4rem;
      line-height: 1.636;
    }
  }

  /*================= ▼ CONTACT-CONFILM =================*/
  #contact-confirm {
    background-color: var(--bg-light-gray);
    /* /.contct-form */
  }
  #contact-confirm .under-mv .headline {
    background-image: url("/assets/images/contacts/bg_contacts.jpg");
  }
  @media screen and (max-width: 768px) {
    #contact-confirm .under-mv .headline {
      background-image: url("/assets/images/contacts/bg_contacts_sp.jpg");
    }
  }
  #contact-confirm .under-mv .headline::before {
    width: 66.8rem;
    height: 10.9rem;
    background-image: url("/assets/images/contacts/ttl_contacts.svg");
  }
  #contact-confirm .under-mv .breadcrumb::before {
    width: 1.9em;
    height: 1.9rem;
    background-image: url("/assets/images/contacts/ic_contacts.svg");
  }
  @media screen and (max-width: 768px) {
    #contact-confirm .under-mv .breadcrumb::before {
      width: 3.6rem;
      height: 3.6rem;
    }
  }
  #contact-confirm .contact-form {
    margin-bottom: 11.2rem;
    background-color: #fff;
  }
  @media screen and (max-width: 768px) {
    #contact-confirm .contact-form {
      margin-bottom: 16rem;
    }
  }
  #contact-confirm .contact-form .inner {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column;
    margin: 0 auto;
    padding: 4rem 9.8rem;
    max-width: 122rem;
  }
  @media screen and (max-width: 768px) {
    #contact-confirm .contact-form .inner {
      padding: 8rem 3.2rem;
      max-width: initial;
      width: 100%;
    }
  }
  #contact-confirm .contact-form h2 {
    font-size: 3rem;
    font-weight: 700;
  }
  @media screen and (max-width: 768px) {
    #contact-confirm .contact-form h2 {
      font-size: 2.4rem;
    }
  }
  #contact-confirm .contact-form .desc {
    margin-top: 2rem;
    font-size: 1.6rem;
    line-height: 2.25;
  }
  @media screen and (max-width: 768px) {
    #contact-confirm .contact-form .desc {
      font-size: 2rem;
      line-height: 2.4;
    }
  }
  #contact-confirm .contact-form form {
    width: 100%;
    margin-top: 4rem;
  }
  #contact-confirm .contact-form form table {
    width: 100%;
  }
  #contact-confirm .contact-form form table tbody {
    width: 100%;
    /* /td */
  }
  #contact-confirm .contact-form form table tbody tr {
    display: block;
  }
  #contact-confirm .contact-form form table tbody tr:not(:first-of-type) {
    margin-top: 1rem;
  }
  @media screen and (max-width: 768px) {
    #contact-confirm .contact-form form table tbody tr:not(:first-of-type) {
      margin-top: 6rem;
    }
  }
  #contact-confirm .contact-form form table tbody th,
  #contact-confirm .contact-form form table tbody td {
    vertical-align: middle;
  }
  #contact-confirm .contact-form form table tbody th.title {
    position: relative;
    width: 32rem;
    padding: 2.2rem 3.2rem;
    border-right: 1px solid #dddddd;
    background-color: #f4f4f4;
    text-align: left;
    vertical-align: middle;
    line-height: 1.5;
    letter-spacing: 0;
  }
  @media screen and (max-width: 768px) {
    #contact-confirm .contact-form form table tbody th.title {
      display: block;
      width: 100%;
      padding: 3.8rem 4rem;
      font-size: 2.4rem;
    }
  }
  #contact-confirm .contact-form form table tbody td {
    width: 70rem;
    padding: 2.2rem 3.2rem;
    font-size: 1.6rem;
  }
  @media screen and (max-width: 768px) {
    #contact-confirm .contact-form form table tbody td {
      width: 100%;
      padding: 4rem 4rem 0;
      font-size: 2.2rem;
    }
  }
  @media screen and (max-width: 768px) {
    #contact-confirm .contact-form form table tbody .block {
      display: block;
    }
  }
  #contact-confirm .contact-form form .contact-btn {
    width: 28.8rem;
    height: 4.6rem;
  }
  @media screen and (max-width: 768px) {
    #contact-confirm .contact-form form .contact-btn {
      width: 52rem;
      height: 8rem;
    }
  }
  #contact-confirm .contact-form form .contact-btn:first-of-type {
    margin: 6.4rem auto 0;
  }
  @media screen and (max-width: 768px) {
    #contact-confirm .contact-form form .contact-btn:first-of-type {
      margin: 16rem auto 0;
    }
  }
  #contact-confirm .contact-form form .contact-btn:last-of-type {
    margin: 0.8rem auto 0;
  }
  @media screen and (max-width: 768px) {
    #contact-confirm .contact-form form .contact-btn:last-of-type {
      margin: 3.2rem auto 0;
    }
  }
  #contact-confirm .contact-form form .contact-btn button,
  #contact-confirm .contact-form form .contact-btn a {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #caccdc;
    border-radius: 4px;
    background-color: #fff;
    color: var(--main-color);
    font-size: 1.4rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    transition: color 0.3s ease, background-color 0.3s ease;
  }
  @media screen and (max-width: 768px) {
    #contact-confirm .contact-form form .contact-btn button,
  #contact-confirm .contact-form form .contact-btn a {
      font-size: 2.4rem;
    }
  }
  #contact-confirm .contact-form form .contact-btn button:hover,
  #contact-confirm .contact-form form .contact-btn a:hover {
    color: #fff;
    background-color: #2e3776;
  }
  #contact-confirm .contact-form form .contact-btn button.bg-blue {
    background-color: #2e3776;
  }
  #contact-confirm .contact-form form .contact-btn button.text-white {
    color: #fff;
  }
  #contact-confirm .contact-form form .contact-btn button.hover-bg-white:hover {
    background-color: #fff;
  }
  #contact-confirm .contact-form form .contact-btn button.hover-text-blue:hover {
    color: #2e3776;
  }

  /*================= ▼ CONTACTS-THANKS =================*/
  #contacts-complete {
    background-color: var(--bg-light-gray);
    /* /.contct-form */
  }
  #contacts-complete .under-mv .headline {
    background-image: url("/assets/images/contacts/bg_contacts.jpg");
  }
  @media screen and (max-width: 768px) {
    #contacts-complete .under-mv .headline {
      background-image: url("/assets/images/contacts/bg_contacts_sp.jpg");
    }
  }
  #contacts-complete .under-mv .headline::before {
    width: 66.8rem;
    height: 10.9rem;
    background-image: url("/assets/images/contacts/ttl_contacts.svg");
  }
  #contacts-complete .under-mv .breadcrumb::before {
    width: 1.9em;
    height: 1.9rem;
    background-image: url("/assets/images/contacts/ic_contacts.svg");
  }
  @media screen and (max-width: 768px) {
    #contacts-complete .under-mv .breadcrumb::before {
      width: 3.6rem;
      height: 3.6rem;
    }
  }
  #contacts-complete .complete {
    margin-bottom: 11.2rem;
    background-color: #fff;
  }
  @media screen and (max-width: 768px) {
    #contacts-complete .complete {
      margin-bottom: 16rem;
    }
  }
  #contacts-complete .complete .inner {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column;
    margin: 0 auto;
    padding: 6.4rem 9.8rem 5.6rem;
    max-width: 122rem;
  }
  @media screen and (max-width: 768px) {
    #contacts-complete .complete .inner {
      padding: 8rem 3.2rem;
      max-width: initial;
      width: 100%;
    }
  }
  #contacts-complete .complete h2 {
    font-size: 3rem;
    font-weight: 700;
    line-height: 1.333;
  }
  @media screen and (max-width: 768px) {
    #contacts-complete .complete h2 {
      font-size: 2.4rem;
      letter-spacing: 0.01em;
    }
  }
  #contacts-complete .complete p {
    margin-top: 3.2rem;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 2.25;
  }
  @media screen and (max-width: 768px) {
    #contacts-complete .complete p {
      margin-top: 4rem;
      text-align: left;
      font-size: 2rem;
      line-height: 2.4;
    }
  }

  /*================= contact_header =================*/
  .p-top.wrap-all.active .c-search,
  .p-top.wrap-all.active .c-link-list,
  .p-top.wrap-all.active .header-copy{
  display: none;
  }
  .p-top.wrap-all.active .c-logo{
    top: 2.5rem;
  }
  .p-top.wrap-all.active .headline{
  height: 20rem;
  }
  .p-top.wrap-all.active .headline {
    background-image: url("/assets/images/contacts/bg_contacts_active.jpg");
  }
  .p-top.wrap-all.active .footer .footer_wrap{
    display: none;
  }
  .p-top.wrap-all.active .footer .inner{
    padding: 3rem 0 3rem;
  }
  .p-top.wrap-all.active .footer .copy{
    margin: 0;
  }

  @media screen and (max-width: 768px) {
    .p-top.wrap-all.active .headline {
      background-image: url("/assets/images/contacts/bg_contacts_sp_active.jpg");
    }
    .p-top.wrap-all.active .header .sp-header-search-consul,
    .p-top.wrap-all.active .header .sp-header-search-button{
      display: none;
    }
    .p-top.wrap-all.active .headline {
      height: 28rem;
    }
  }


  /*================= ▼ CONTACTS =================*/
  #contacts {
    background-color: var(--bg-light-gray);
    /* /.contct-form */
  }
  #contacts .under-mv .headline {
    background-image: url("/assets/images/contacts/bg_contacts.jpg");
  }
  @media screen and (max-width: 768px) {
    #contacts .under-mv .headline {
      background-image: url("/assets/images/contacts/bg_contacts_sp.jpg");
    }
  }
  #contacts .under-mv .headline::before {
    width: 66.8rem;
    height: 10.9rem;
    background-image: url("/assets/images/contacts/ttl_contacts.svg");
  }
  #contacts .under-mv .breadcrumb::before {
    width: 1.9em;
    height: 1.9rem;
    background-image: url("/assets/images/contacts/ic_contacts.svg");
  }
  @media screen and (max-width: 768px) {
    #contacts .under-mv .breadcrumb::before {
      width: 3.6rem;
      height: 3.6rem;
    }
  }
  #contacts .contact-form {
    /* margin-bottom: 11.2rem; */
    background-color: #fff;
  }
  /* @media screen and (max-width: 768px) {
    #contacts .contact-form {
      margin-bottom: 16rem;
    }
  } */
  #contacts .contact-form .inner {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin: 0 auto;
    padding: 4rem 16rem 4rem 9.8rem;
    max-width: 122rem;
  }
  @media screen and (max-width: 768px) {
    #contacts .contact-form .inner {
      max-width: none;
      width: 100%;
      padding: 8rem 3.2rem;
    }
  }
  #contacts .contact-form form table {
    width: 100%;
  }
  #contacts .contact-form form table tbody {
    width: 100%;
    /* /th.title */
    /* /td */
    /* /td.zip */
    /* /label.check */
  }
  #contacts .contact-form form table tbody tr {
    display: block;
  }
  #contacts .contact-form form table tbody tr:not(:first-of-type) {
    margin-top: 1rem;
  }
  @media screen and (max-width: 768px) {
    #contacts .contact-form form table tbody tr:not(:first-of-type) {
      margin-top: 6.4rem;
    }
  }
  #contacts .contact-form form table tbody th.title {
    position: relative;
    width: 32rem;
    min-width: 32rem;
    height: 8rem;
    padding-left: 3.2rem;
    border-right: 1px solid #dddddd;
    background-color: #f4f4f4;
    text-align: left;
    vertical-align: middle;
    font-size: 1.6rem;
    line-height: 1.5;
    letter-spacing: 0;
  }
  @media screen and (max-width: 768px) {
    #contacts .contact-form form table tbody th.title {
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 70.4rem;
      margin: 0;
      padding: 0 4rem;
      font-size: 2.4rem;
    }
  }
  #contacts .contact-form form table tbody th.title.required::before, #contacts .contact-form form table tbody th.title.optional:before {
    position: absolute;
    top: 50%;
    right: 10%;
    transform: translateY(-50%);
    border-radius: 4px;
    padding: 0.3rem 0.8rem;
    color: #fff;
    font-size: 1.2rem;
    font-weight: 500;
  }
  @media screen and (max-width: 768px) {
    #contacts .contact-form form table tbody th.title.required::before, #contacts .contact-form form table tbody th.title.optional:before {
      right: 5.5%;
      font-size: 1.6rem;
    }
  }
  #contacts .contact-form form table tbody th.title.required::before {
    content: "必須";
    background-color: #b20000;
  }
  #contacts .contact-form form table tbody th.title.optional:before {
    content: "任意";
    background-color: #b1b1b1;
  }
  #contacts .contact-form form table tbody th.title p {
    line-height: 1.7;
  }
  #contacts .contact-form form table tbody th.title p:nth-child(2) {
    display: block;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1.666;
  }
  @media screen and (max-width: 768px) {
    #contacts .contact-form form table tbody th.title p:nth-child(2) {
      display: inline-block;
      vertical-align: middle;
      font-size: 2rem;
      line-height: 1.7;
    }
  }
  #contacts .contact-form form table tbody td {
    font-size: 1.6rem;
    padding: 2rem 0 0rem 3rem;
    /* /input */
  }
  @media screen and (max-width: 768px) {
    #contacts .contact-form form table tbody td {
      padding: 2rem 0 0 4rem;
      font-size: 2rem;
      line-height: 1.5;
    }
  }
  #contacts .contact-form form table tbody td input {
    border: 1px solid #dfe0ea;
    border-radius: 4px;
    padding: 1.2rem 2rem;
    font-size: 1.4rem;
  }
  @media screen and (max-width: 768px) {
    #contacts .contact-form form table tbody td input {
      height: 8rem;
      border-radius: 0.4rem;
      font-size: 2rem;
    }
  }
  #contacts .contact-form form table tbody td input.w600 {
    width: 60rem;
  }
  @media screen and (max-width: 768px) {
    #contacts .contact-form form table tbody td input.w600 {
      width: 62.4rem;
    }
  }
  #contacts .contact-form form table tbody td input.w180 {
    width: 18rem;
  }
  #contacts .contact-form form table tbody td input.meeting:not(:first-of-type) {
    margin-top: 1rem;
  }
  #contacts .contact-form form table tbody td input[type=date]::-webkit-calendar-picker-indicator {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
  }
  #contacts .contact-form form table tbody td input[type=date]::-webkit-inner-spin-button, #contacts .contact-form form table tbody td input[type=date]::-webkit-clear-button {
    -webkit-appearance: none;
  }
  #contacts .contact-form form table tbody td input[type=date] {
    position: relative;
  }
  #contacts .contact-form form table tbody td span.line {
    display: inline-block;
  }
  @media screen and (max-width: 768px) {
    #contacts .contact-form form table tbody td span.line {
      margin: 0 0.8rem;
    }
  }
  #contacts .contact-form form table tbody td .error,
  #contacts .contact-form form table tbody td input[type=radio].error + span {
    border: 1px solid #b20000;
  }
  #contacts .contact-form form table tbody td .error-message {
    margin-top: 0.75rem;
    color: #b20000;
    font-size: 1.2rem;
    line-height: 1.666;
    white-space: nowrap;
  }
  @media screen and (max-width: 768px) {
    #contacts .contact-form form table tbody td .error-message {
      font-size: 2rem;
    }
  }
  #contacts .contact-form form table tbody td span.text {
    font-size: 1.3rem;
  }
  @media screen and (max-width: 768px) {
    #contacts .contact-form form table tbody td span.text {
      font-size: 2rem;
    }
  }
  #contacts .contact-form form table tbody td textarea {
    width: 60rem;
    min-height: 20rem;
    resize: vertical;
    border-radius: 4px;
    border: 1px solid #dfe0ea;
    padding: 1.5rem 2rem;
  }
  @media screen and (max-width: 768px) {
    #contacts .contact-form form table tbody td textarea {
      min-height: 40rem;
      width: 62.4rem;
      border-radius: 0.4rem;
    }
  }
  #contacts .contact-form form table tbody td textarea:valid {
    border: 1px solid #dfe0ea;
  }
  #contacts .contact-form form table tbody th.th-name {
    width: 6rem;
    padding: 3.2rem 0 0 2.8rem;
    vertical-align: top;
    font-size: 1.4rem;
    font-weight: 500;
  }
  @media screen and (max-width: 768px) {
    #contacts .contact-form form table tbody th.th-name {
      width: 8rem;
      padding: 4.9rem 0 0 3rem;
      text-align: right;
      font-size: 2rem;
    }
  }
  @media screen and (max-width: 768px) {
    #contacts .contact-form form table tbody td.division label.check,
  #contacts .contact-form form table tbody td.reason label.check,
  #contacts .contact-form form table tbody td.reply label.check {
      width: 30rem;
    }
  }
  #contacts .contact-form form table tbody td.td-name {
    width: 24rem;
    padding-left: 1.5rem;
  }
  @media screen and (max-width: 768px) {
    #contacts .contact-form form table tbody td.td-name {
      width: auto;
    }
  }
  #contacts .contact-form form table tbody td.td-name input {
    width: 24rem;
  }
  @media screen and (max-width: 768px) {
    #contacts .contact-form form table tbody td.td-name input {
      width: 25.2rem;
    }
  }
  #contacts .contact-form form table tbody td.td-name .error-message {
    white-space: normal;
  }
  #contacts .contact-form form table tbody td.w500 {
    width: 50rem;
    vertical-align: middle;
  }
  @media screen and (max-width: 768px) {
    #contacts .contact-form form table tbody td.w500 {
      width: 100%;
    }
  }
  #contacts .contact-form form table tbody td.division {
    width: 20rem;
    padding: 1.6rem 0 0rem 3rem;
  }
  @media screen and (max-width: 768px) {
    #contacts .contact-form form table tbody td.division {
      width: 100%;
    }
  }
  #contacts .contact-form form table tbody td.zip {
    padding: 2rem 0 0rem 3rem;
  }
  #contacts .contact-form form table tbody td.zip .post {
    margin-right: 1rem;
  }
  @media screen and (max-width: 768px) {
    #contacts .contact-form form table tbody td.zip .post {
      font-size: 2.2rem;
      margin-right: 1.2rem;
    }
  }
  #contacts .contact-form form table tbody td.zip input {
    width: 14rem;
  }
  @media screen and (max-width: 768px) {
    #contacts .contact-form form table tbody td.zip input {
      width: 18rem;
    }
  }
  #contacts .contact-form form table tbody td.zip button {
    display: inline;
    width: 12.2rem;
    height: 5.4rem;
    margin-left: 3.2rem;
    background-color: #2e3776;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
    border: 1px solid #caccdc;
    border-radius: 4px;
    color: #fff;
    font-size: 1.4rem;
    letter-spacing: 0.06em;
    transition: color 0.3s ease, background-color 0.3s ease;
  }
  @media screen and (max-width: 768px) {
    #contacts .contact-form form table tbody td.zip button {
      width: 18rem;
      height: 8rem;
      margin-left: 2.5rem;
      font-size: 2.4rem;
    }
  }
  #contacts .contact-form form table tbody td.zip button:hover {
    background-color: #fff;
    color: #2e3776;
  }
  #contacts .contact-form form table tbody td.budget input {
    width: 28rem;
  }
  @media screen and (max-width: 768px) {
    #contacts .contact-form form table tbody td.budget input {
      width: 40rem;
    }
  }
  #contacts .contact-form form table tbody td.budget .text {
    margin-left: 1rem;
  }
  @media screen and (max-width: 768px) {
    #contacts .contact-form form table tbody td.budget .text {
      margin-left: 2rem;
      font-size: 2.2rem;
    }
  }
  @media screen and (max-width: 768px) {
    #contacts .contact-form form table tbody td.dm label.check {
      display: block;
    }
  }
  #contacts .contact-form form table tbody label.check {
    display: inline-block;
    position: relative;
    margin: 0.5rem 0;
    padding: 0 2.7rem 0 2.8rem;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    white-space: nowrap;
  }
  /* -----------------contact_inner----------------- */
  #contacts .contact-form form table tbody .label_txt_wrap,
  #contacts .contact-form form table tbody .label_txt_wrap th.title{
    display: flex;
    align-items: center;
  }
  #contacts .contact-form form table tbody .label_txt_wrap .txt_lebel{
    padding: 0 0 0 3rem;
    display: flex;
    width: 60%;
    flex-wrap: wrap;
  }
  #contacts .contact-form form table tbody .label_txt_wrap .txt_lebel label.check{
    min-width: 1.95rem;
  }
  #contacts .contact-form form table tbody tr.list_wrap{
    display: flex;
    align-items: center;
  }
  #contacts .contact-form form table tbody tr.list_wrap th.title{
    display: flex;
    align-items: center;
    height: 11rem;
  }
  #contacts .contact-form form table tbody tr.list_wrap td.w500 {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
  }
  #contacts .contact-form form table tbody tr.list_wrap label.check{
    width: 25%;
    letter-spacing: -0.5px;
  }
  #contacts .contact-form form table tbody td.w500 small {
    font-size: 1.3rem;
  }
  #contacts .contact-form form table tbody tr.mail_list_wrap td.w500 {
    padding: 0 0 0 3rem;
  }
  #contacts .contact-form form table tbody tr.mail_list_wrap td.w500 label.check{
   margin-bottom: 1.3rem;
  }
  .stepper_list {
    width: 80rem;
    margin-left: 7.8rem;
  }
  .stepper_list ul {
    display: flex;
  }
  .stepper_list ul li {
    width: 26.6rem;
    position: relative;
    background-color: #F1F1F1;
    padding: 1.7rem 0;
    text-align: center;
  }
  .stepper_list ul li::after{
    content: "";
    width: 3.8rem;
    height: 3.8rem;
    border: solid #f9f9f9;
    border-width: 0 0.2rem 0.2rem 0;
    background: #F1F1F1;
    display: inline-block;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    position: absolute;
    top: 0.7rem;
    right: -2rem;
    z-index: 1;
  }
  .stepper_list ul li.active{
    background-color: #D5D7E4;
  }
  .stepper_list ul li a{
    position: relative;
    z-index: 5;
    color: #767676;
  }
  .stepper_list ul li.active a{
    color: #070203;
    font-weight: 600;
  }
  .stepper_list ul li.active::after{
    content: "";
    background: #D5D7E4;
  }
  .stepper_list ul li:last-child::after{
    display: none;
  }
  .stepper_list ul li:last-child::before{
    display: none;
  }
  .intro > .inner.stepper{
    display: flex;
    justify-content: center;
    flex-direction: column;
    width: 122rem;
    max-width: 122rem;
    margin: 0 auto;
    padding: 4rem 9.8rem;
  }
  .txt_intro{
    margin-bottom: 3.5rem;
  }
  .cmt_area {
    width: 100%;
    border: 0.1rem solid #f7f7f7;
    border-radius: 0.2rem;
    padding: 2rem 0rem 1rem 2rem;
    height: 23.2rem;
    overflow: scroll;
    box-shadow: inset 0.4rem 0.4rem 0.7rem rgba(0,0,0,0.1);
    margin: 1rem 0 3rem;
    font-size: 1.6rem;
    color: #484848;
    line-height: 2.1;
  }
  .scroll_custom:-webkit-scrollbar {
    width: 0.8rem;
    -webkit-appearance: none;
  }
  .scroll_custom:-webkit-scrollbar-thumb {
    border-radius: 0.8rem;
    background-color: #c3c1c1;
    /* background-color: #f3f309; */
  }
  .scroll_custom::-webkit-scrollbar {
    width: 0.8rem;
    -webkit-appearance: none;
  }
  .scroll_custom::-webkit-scrollbar-thumb {
    border-radius: 0.8rem;
    /* background-color: #f3f309; */
    background-color: #c3c1c1;
  }
  .checklist {
    width: 30rem;
    margin: 0 auto;
    font-size: 1.2rem;
    position: relative;
  }
  .checklogin {
    content: '';
    -webkit-appearance: none;
    background-color: transparent;
    border: 0.1rem solid #666;
    -webkit-border-radius: 0.7rem;
            border-radius: 0.7rem;
    padding: 1.5rem;
    display: inline-block;
    position: absolute;
    top: 0;
    left: -14%;
    cursor: pointer;
  }
  .checklogin:checked{
    background-color: #2e3776;
    border: 0.1rem solid #2e3776;
  }
  .checklogin:checked:after {
    content: '';
    display: block;
    position: absolute;
    top: 12%;
    left: 32.2%;
    width: 1rem;
    height: 1.7rem;
    border: solid #ffffff;
    border-width: 0 0.3rem 0.3rem 0;
    transform: rotate( 45deg);
  }
  .checklogin label{
    line-height: 1.5;
  }
  .txt_label_ckeck{
    position: relative;
    color: #2e3776;
    text-decoration: underline;
    display: inline-block;
    margin-right: 1.7rem;
  }
  .txt_label_ckeck::before{
    content: "";
    position: absolute;
    width: 1.5rem;
    height: 1.2rem;
    top: 0.1rem;
    right: -1.6rem;
    background-image: url("/assets/images/contacts/icon_link.png");
    background-repeat: no-repeat;
    background-size: cover;
  }
  .txt_txtarea{
   color: #2E3776;
  }
  .checklogin.error{
    border: 0.1rem solid #b20000;
  }
  .checklist .error-message{
    color: #b20000;
    margin-top: 0.5rem;
    font-size: 1.2rem;
    position: relative;
    right: 4rem;
  }
  .check_list_wrap{
    display: flex;
    align-items: center;
    padding: 1rem 0;
  }
  @media screen and (max-width: 768px) {
    #contacts .contact-form form table tbody .label_txt_wrap{
      display: block;
    }
    #contacts .contact-form form table tbody .label_txt_wrap th.title{
      display: flex;
    }
    #contacts .contact-form form table tbody .label_txt_wrap .txt_lebel{
      padding: 0 0 0 3rem;
      display: flex;
      width: 100%;
      flex-wrap: wrap;
    }
    #contacts .contact-form form table tbody .label_txt_wrap .txt_lebel label.check{
      min-width: 33.5rem;
    }
    #contacts .contact-form form table tbody tr.list_wrap{
      display: block;
    }
    #contacts .contact-form form table tbody tr.list_wrap th.title{
      display: flex;
      align-items: center;
      height: 11rem;
    }
    #contacts .contact-form form table tbody tr.list_wrap td.w500 {
      display: flex;
      width: 100%;
      flex-wrap: wrap;
    }
    #contacts .contact-form form table tbody tr.list_wrap label.check{
      width: 50%;
      letter-spacing: -0.5px;
    }
    #contacts .contact-form form table tbody td.w500 small {
      font-size: 2rem;
    }
    #contacts .contact-form form table tbody tr.mail_list_wrap td.w500 {
      padding: 0 0 0 3rem;
    }
    #contacts .contact-form form table tbody tr.mail_list_wrap td.w500 label.check{
     margin-bottom: 1.3rem;
    }
    .stepper_list {
      width: 70rem;
      margin: 0 auto;
    }
    .stepper_list ul {
      display: flex;
    }
    .stepper_list ul li {
      width: 26.2rem;
      position: relative;
      background-color: #F1F1F1;
      padding: 3.7rem 0;
      text-align: center;
    }
    .stepper_list ul li::after{
      content: "";
      position: absolute;
      width: 100%;
      transform: skew(-30deg);
      left: 2.1rem;
      top: 4.8rem;
      height: 50%;
      border-bottom: none;
      border-right: 0.522vw solid #f9f9f9;
    }
    .stepper_list ul li.active::after{
      background: #D5D7E4;
    }
    .stepper_list ul li.active::before{
      background: #D5D7E4;
    }
    .stepper_list ul li::before{
      content: "";
      position: absolute;
      width: 100%;
      top: 0;
      height: 50%;
      transform: skew(30deg);
      left: 2.1rem;
      height: 50%;
      border-right: 0.522vw solid #f9f9f9;
      border-bottom: none;
      z-index: 1;
    }
    .stepper_list ul li.active::after{
      content: "";
    }
    .stepper_list ul li:last-child::after{
      display: none;
    }
    .intro > .inner.stepper{
      width: 100%;
      display: inline-block;
      padding: 4rem 3.2rem;
    }
    .txt_intro{
      margin-bottom: 3.5rem;
    }
    .cmt_area {
      width: 100%;
      border: 0.1rem solid #f7f7f7;
      border-radius: 0.2rem;
      padding: 3rem;
      height: 31.16rem;
      overflow: scroll;
      box-shadow: inset 0.4rem 0.4rem 0.7rem rgba(0,0,0,0.1);
      margin: 1rem 0 6rem;
      font-size: 2.2rem;
    }
    .txt_txtarea {
      font-size: 2.8rem;
    }
    .scroll_custom:-webkit-scrollbar {
      width: 0.8rem;
    }
    .scroll_custom:-webkit-scrollbar-thumb {
      border-radius: 0.8rem;
    }
    .scroll_custom::-webkit-scrollbar {
      width: 0.8rem;
      -webkit-appearance: none;
    }
    .scroll_custom::-webkit-scrollbar-thumb {
      border-radius: 0.8rem;
    }
    .checklist {
      font-size: 2rem;
      width: 49rem;
    }
    .checklogin {
      content: '';
      -webkit-appearance: none;
      background-color: transparent;
      border: 0.1rem solid #666;
      -webkit-border-radius: 0.7rem;
              border-radius: 0.7rem;
      padding: 2.5rem;
      display: inline-block;
      position: absolute;
      top: 0%;
      left: -12%;
      cursor: pointer;
    }
    .checklogin:checked{
      background-color: #2e3776;
      border: 0.1rem solid #2e3776;
    }
    .checklogin:checked:after {
      content: '';
      left:38.2%;
      width: 1rem;
      height: 2.7rem;
      border-width: 0 0.3rem 0.3rem 0;
      transform: rotate( 45deg);
    }
    .txt_label_ckeck{
      margin-right: 2.7rem;
    }
    .txt_label_ckeck::before{
      content: "";
      position: absolute;
      width: 2rem;
      height: 1.9rem;
      top: 0.4rem;
      right: -2.4rem;
      background-image: url("/assets/images/contacts/icon_link.png");
      background-repeat: no-repeat;
      background-size: cover;
    }
    .checklist .error-message {
      color: #b20000;
      margin-top: 2.5rem;
      font-size: 2rem;
      position: relative;
      right: 6rem;
    }
  }
  /* ============================================================================================================= */

  @media screen and (max-width: 768px) {
    #contacts .contact-form form table tbody label.check {
      margin: 0;
      padding: 0 0 0 4.8rem;
      line-height: 4;
    }
  }
  #contacts .contact-form form table tbody label.check input {
    display: none;
    /* チェックが入ったとき */
  }
  #contacts .contact-form form table tbody label.check input:checked + .checkbox {
    background: var(--main-color);
    border-color: var(--main-color);
  }
  #contacts .contact-form form table tbody label.check input:checked + .checkbox:after {
    opacity: 1;
  }
  #contacts .contact-form form table tbody label.check .checkbox {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    height: 2rem;
    width: 2rem;
    border: solid 1px #666;
    border-radius: 4px;
  }
  @media screen and (max-width: 768px) {
    #contacts .contact-form form table tbody label.check .checkbox {
      width: 4rem;
      height: 4rem;
    }
  }
  #contacts .contact-form form table tbody label.check .checkbox:after {
    content: "";
    position: absolute;
    top: 6%;
    left: 33%;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    width: 0.7rem;
    height: 1.2rem;
    transform: rotate(45deg);
    opacity: 0;
  }
  @media screen and (max-width: 768px) {
    #contacts .contact-form form table tbody label.check .checkbox:after {
      left: 28%;
      width: 1.7rem;
      height: 2.5rem;
      border-width: 0 4px 4px 0;
    }
  }
  #contacts .contact-form form table tbody label.check input:checked ~ .text {
    color: var(--main-color);
  }
  #contacts .contact-form form .contact-btn {
    margin: 5.4rem auto 0;
    width: 28.8rem;
    height: 4.6rem;
  }
  @media screen and (max-width: 768px) {
    #contacts .contact-form form .contact-btn {
      width: 52rem;
      height: 8rem;
      margin: 8rem auto 0;
    }
  }
  #contacts .contact-form form .contact-btn button {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #caccdc;
    border-radius: 4px;
    background-color: #2e3776;
    color: #fff;
    font-size: 1.4rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    transition: color 0.3s ease, background-color 0.3s ease;
  }
  @media screen and (max-width: 768px) {
    #contacts .contact-form form .contact-btn button {
      font-size: 2.4rem;
    }
  }
  #contacts .contact-form form .contact-btn button:hover {
    color: var(--main-color);
    background-color: #fff;
  }

  /*================= ▼ ERROR =================*/
  @media screen and (max-width: 768px) {
    #error .under-mv .breadcrumb::before {
      width: 3.9rem;
      height: 3.6rem;
    }
  }
  #error .error {
    width: 100%;
    background-color: var(--bg-light-gray);
  }
  #error .error .inner {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin: 0 auto;
    padding: 6.45rem 9.8rem 11rem;
    width: 102.4rem;
  }
  @media screen and (max-width: 768px) {
    #error .error .inner {
      width: 100%;
      padding: 8rem 3.2rem 16rem;
    }
  }
  #error .error .inner p {
    line-height: 2.25;
  }
  @media screen and (max-width: 768px) {
    #error .error .inner p {
      line-height: 2.4;
    }
  }

  /*================= ▼ faq =================*/
  #faq .under-mv .headline {
    background-image: url("/assets/images/faq/bg_faq.jpg");
  }
  @media screen and (max-width: 768px) {
    #faq .under-mv .headline {
      background-image: url("/assets/images/faq/bg_faq_sp.jpg");
    }
  }
  #faq .under-mv .headline::before {
    width: 35.8rem;
    height: 10.9rem;
    background-image: url("/assets/images/faq/ttl_faq.svg");
  }
  #faq .under-mv .breadcrumb::before {
    width: 2.2rem;
    height: 2.1rem;
    background-image: url("/assets/images/faq/ic_faq.svg");
  }
  @media screen and (max-width: 768px) {
    #faq .under-mv .breadcrumb::before {
      width: 3.8rem;
      height: 3.6rem;
    }
  }
  #faq .faq-pege-link {
    background: #fafafa;
    padding: 6.5rem 0;
  }
  @media screen and (max-width: 768px) {
    #faq .faq-pege-link {
      padding: 8rem 0;
    }
  }
  #faq .faq-pege-link .container {
    max-width: 102rem;
    margin: auto;
  }
  @media screen and (max-width: 768px) {
    #faq .faq-pege-link .container {
      padding: 0 3rem;
    }
  }
  #faq .faq-pege-link .container ul {
    display: flex;
    justify-content: space-between;
  }
  @media screen and (max-width: 768px) {
    #faq .faq-pege-link .container ul {
      flex-wrap: wrap;
    }
  }
  #faq .faq-pege-link .container ul li {
    list-style-type: none;
    width: 24rem;
    height: 6.4rem;
  }
  @media screen and (max-width: 768px) {
    #faq .faq-pege-link .container ul li {
      width: 33.8rem;
      margin-bottom: 3rem;
    }
    #faq .faq-pege-link .container ul li:nth-last-child(2) {
      margin-bottom: 0;
    }
    #faq .faq-pege-link .container ul li:last-child {
      margin-bottom: 0;
    }
  }
  #faq .faq-pege-link .container ul li a {
    position: relative;
    display: block;
    height: 100%;
    border: solid 2px transparent;
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.16);
    border-radius: 4px;
    transition: 0.2s;
  }
  #faq .faq-pege-link .container ul li a:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 2rem;
    transform: translateY(-50%) rotate(45deg);
    width: 6px;
    height: 6px;
    border-right: solid 1px #0f23ac;
    border-bottom: solid 1px #0f23ac;
  }
  #faq .faq-pege-link .container ul li a span {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 78%;
    font-size: 1.4rem;
    font-weight: 700;
    text-align: center;
    letter-spacing: 0.1em;
    line-height: 1.285;
    color: #2e3776;
  }
  @media screen and (max-width: 768px) {
    #faq .faq-pege-link .container ul li a span {
      font-size: 2rem;
    }
  }
  #faq .faq-pege-link .container ul li a:hover {
    border: solid 2px #2e3776;
  }
  #faq .faq-content {
    padding: 7.7rem 0;
  }
  @media screen and (max-width: 768px) {
    #faq .faq-content {
      padding: 8rem 0;
    }
  }
  #faq .faq-content .container {
    max-width: 112rem;
    margin: auto;
  }
  @media screen and (max-width: 768px) {
    #faq .faq-content .container {
      padding: 0 3rem;
    }
  }
  #faq .faq-content .container .row {
    max-width: 102rem;
    margin: auto;
  }
  #faq .faq-content .title-type-1 {
    position: relative;
    font-size: 1.6rem;
    margin-bottom: 3rem;
    font-weight: 700;
  }
  @media screen and (max-width: 768px) {
    #faq .faq-content .title-type-1 {
      margin-bottom: 8rem;
      font-size: 2.4rem;
      text-align: right;
    }
  }
  #faq .faq-content .title-type-1:after {
    content: "";
    display: block;
    margin: 1.4rem 0 0 0;
    width: 4rem;
    height: 0.6rem;
    background-color: #000;
  }
  @media screen and (max-width: 768px) {
    #faq .faq-content .title-type-1:after {
      display: none;
    }
  }
  #faq .faq-content .title-type-1 span {
    position: relative;
    margin: 0 1.6rem 0 0;
    font-size: 3.6rem;
    font-family: "Abril Fatface", cursive;
    font-weight: normal;
  }
  @media screen and (max-width: 768px) {
    #faq .faq-content .title-type-1 span {
      display: block;
      font-size: 4.6rem;
      text-align: left;
    }
    #faq .faq-content .title-type-1 span:after {
      content: "";
      display: block;
      margin: 1.4rem 0 0 0;
      width: 4rem;
      height: 0.3rem;
      background-color: #000;
    }
  }
  #faq .faq-content .faq-dl {
    margin: 6.4rem auto 0;
  }
  #faq .faq-content .faq-dl dt {
    position: relative;
    display: block;
    border: solid 2px transparent;
    margin: 0;
    padding: 2rem 5rem;
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.16);
    border-radius: 4px;
    cursor: pointer;
  }
  #faq .faq-content .faq-dl dt:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 2rem;
    transform: translateY(-50%) rotate(90deg);
    transition: 0.2s;
    width: 2rem;
    height: 0.2rem;
    background: #0f23ac;
  }
  @media screen and (max-width: 768px) {
    #faq .faq-content .faq-dl dt:before {
      width: 3.2rem;
      height: 0.2rem;
    }
  }
  #faq .faq-content .faq-dl dt:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 2rem;
    transform: translateY(-50%);
    width: 2rem;
    height: 0.2rem;
    background: #0f23ac;
  }
  @media screen and (max-width: 768px) {
    #faq .faq-content .faq-dl dt:after {
      width: 3.2rem;
      height: 0.2rem;
    }
  }
  #faq .faq-content .faq-dl dt span {
    display: block;
    position: relative;
    padding-left: 5rem;
    font-size: 1.8rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    line-height: 1.3333;
  }
  #faq .faq-content .faq-dl dt span:before {
    content: "Q";
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 1em;
    height: 1em;
    font-size: 2.4rem;
    font-family: "Abril Fatface", cursive, serif;
    letter-spacing: -0.05em;
    line-height: 1.8rem;
  }
  #faq .faq-content .faq-dl dt.open:before {
    transform: translateY(-50%) rotate(0deg);
  }
  #faq .faq-content .faq-dl dd {
    position: relative;
    display: block;
    margin: 2rem 0 0 0;
    padding: 2rem 5rem;
    color: #2e3776;
    display: none;
  }
  #faq .faq-content .faq-dl dd span {
    display: block;
    position: relative;
    padding-left: 5rem;
    font-size: 1.6rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    line-height: 2.25;
  }
  @media screen and (max-width: 768px) {
    #faq .faq-content .faq-dl dd span {
      font-size: 1.8rem;
    }
  }
  #faq .faq-content .faq-dl dd span:before {
    content: "A";
    display: block;
    position: absolute;
    top: 0.8rem;
    left: 0;
    width: 1em;
    height: 1em;
    font-size: 2.4rem;
    font-family: "Abril Fatface", cursive, serif;
    letter-spacing: -0.05em;
    line-height: 1.8rem;
  }
  @media screen and (max-width: 768px) {
    #faq .faq-content .faq-dl dd span:before {
      top: 1.2rem;
    }
  }
  #faq .bg-gray-cnt {
    width: 100%;
    height: 4rem;
    background-color: #fafafa;
  }
  @media screen and (max-width: 768px) {
    #faq .bg-gray-cnt {
      height: 8rem;
    }
  }
  #faq .bg-gray-cnt2 {
    width: 100%;
    height: 11rem;
    background-color: #fafafa;
  }
  @media screen and (max-width: 768px) {
    #faq .bg-gray-cnt2 {
      height: 16rem;
    }
  }

  /*================= ▼flow-unit =================*/
  #flow-unit figure {
    text-align: center;
  }
  #flow-unit img {
    width: auto;
    height: auto;
    max-width: 100%;
  }


  #flow-unit .under-mv .headline {
    background-image: url("/assets/images/flow/unit/bg_flow-unit.jpg");
  }
  @media screen and (max-width: 768px) {
    #flow-unit .under-mv .headline {
      background-image: url("/assets/images/flow/unit/bg_flow-unit_sp.jpg");
    }
    #flow-unit .header .header-inner .sp-header h1 a img {
      width: 14.7rem;
      height: 4rem;
    }
  }
  #flow-unit .under-mv .headline::before {
    width: 106.6rem;
    height: 12rem;
    background-image: url("/assets/images/flow/unit/ttl_flow-unit.svg");
  }
  @media screen and (max-width: 768px) {
    #flow-unit .under-mv .headline::before {
      width: 67.3rem;
      height: 24.3rem;
      background-image: url("/assets/images/flow/unit/ttl_flow-unit_sp.svg");
    }
  }
  #flow-unit .under-mv .breadcrumb::before {
    width: 3.2rem;
    height: 1.3rem;
    background-image: url("/assets/images/flow/unit/ic_flow-unit.svg");
  }
  @media screen and (max-width: 768px) {
    #flow-unit .under-mv .breadcrumb::before {
      width: 4.9rem;
      height: 2rem;
    }
  }
  #flow-unit .right-content-wrap .main .title-type-1 {
    position: relative;
    font-size: 1.6rem;
    margin-bottom: 3rem;
    font-weight: 700;
  }
  @media screen and (max-width: 768px) {
    #flow-unit .right-content-wrap .main .title-type-1 {
      text-align: right;
      margin-bottom: 8rem;
      font-size: 2.4rem;
    }
  }
  #flow-unit .right-content-wrap .main .title-type-1:after {
    content: "";
    display: block;
    margin: 1.4rem 0 0 0;
    width: 4rem;
    height: 0.6rem;
    background-color: #000;
  }
  @media screen and (max-width: 768px) {
    #flow-unit .right-content-wrap .main .title-type-1:after {
      display: none;
    }
  }
  #flow-unit .right-content-wrap .main .title-type-1 span {
    position: relative;
    margin: 0 1.6rem 0 0;
    font-size: 3.6rem;
    font-family: "Abril Fatface", cursive;
    font-weight: normal;
  }
  @media screen and (max-width: 768px) {
    #flow-unit .right-content-wrap .main .title-type-1 span {
      display: block;
      font-size: 4.6rem;
      text-align: left;
    }
    #flow-unit .right-content-wrap .main .title-type-1 span:after {
      content: "";
      display: block;
      margin: 1.4rem 0 0 0;
      width: 4rem;
      height: 6px;
      background-color: #000;
    }
  }
  #flow-unit .right-content-wrap .main .whatis {
    padding: 6rem 9.8rem;
  }
  @media screen and (max-width: 768px) {
    #flow-unit .right-content-wrap .main .whatis {
      padding: 8rem 3rem;
    }
  }
  #flow-unit .right-content-wrap .main .whatis .container {
    max-width: 102.4rem;
    margin: auto;
  }
  #flow-unit .right-content-wrap .main .whatis p {
    font-size: 1.6rem;
    line-height: 2.25;
    letter-spacing: 0.05em;
    margin: 2.9rem 0 0 0;
  }
  @media screen and (max-width: 768px) {
    #flow-unit .right-content-wrap .main .whatis p {
      font-size: 2rem;
    }
  }
  #flow-unit .right-content-wrap .main .goodpoints {
    padding: 6rem 9.8rem;
    background: #eeeeee;
  }
  @media screen and (max-width: 768px) {
    #flow-unit .right-content-wrap .main .goodpoints {
      padding: 8rem 3rem;
    }
  }
  #flow-unit .right-content-wrap .main .goodpoints .container {
    max-width: 102.4rem;
    margin: auto;
  }
  #flow-unit .right-content-wrap .main .goodpoints .flex {
    justify-content: center;
    flex-flow: row wrap;
    align-content: flex-start;
  }
  @media screen and (max-width: 768px) {
    #flow-unit .right-content-wrap .main .goodpoints .flex {
      flex-direction: column;
    }
  }
  #flow-unit .right-content-wrap .main .goodpoints .flex .col {
    margin-bottom: 3rem;
    width: 31.25%;
    height: 100%;
  }
  #flow-unit .right-content-wrap .main .goodpoints .flex .col:not(:last-child) {
    margin-right: 3rem;
  }
  #flow-unit .right-content-wrap .main .goodpoints .flex .col:nth-child(3) {
    margin-right: 0;
  }
  @media screen and (max-width: 768px) {
    #flow-unit .right-content-wrap .main .goodpoints .flex .col {
      margin-bottom: 0;
      margin: auto 0;
      width: 100%;
      height: auto;
    }
    #flow-unit .right-content-wrap .main .goodpoints .flex .col:not(:last-child) {
      margin-right: auto;
      margin-bottom: 1.5rem;
    }
    #flow-unit .right-content-wrap .main .goodpoints .flex .col:nth-child(3) {
      margin-right: auto;
    }
  }
  #flow-unit .right-content-wrap .main .goodpoints .flex .col .box {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    box-shadow: 0 0.4rem 0.8rem rgba(0, 0, 0, 0.1);
    min-height: 24.4rem;
  }
  @media screen and (max-width: 768px) {
    #flow-unit .right-content-wrap .main .goodpoints .flex .col .box {
      min-height: none;
    }
  }
  #flow-unit .right-content-wrap .main .goodpoints .flex .col .box .inner {
    margin: 2.8rem 4rem;
    width: 100%;
  }
  @media screen and (max-width: 768px) {
    #flow-unit .right-content-wrap .main .goodpoints .flex .col .box .inner {
      margin: 10rem 8rem;
    }
  }
  #flow-unit .right-content-wrap .main .goodpoints .flex .col .box h3 {
    margin: 0 auto 2rem;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 2.3333rem;
    letter-spacing: 0.1em;
  }
  @media screen and (max-width: 768px) {
    #flow-unit .right-content-wrap .main .goodpoints .flex .col .box h3 {
      font-size: 3.6rem;
      margin-bottom: 8rem;
    }
  }
  #flow-unit .right-content-wrap .main .goodpoints .flex .col .box h3 span {
    display: table;
    margin: auto;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 3.5rem;
  }
  @media screen and (max-width: 768px) {
    #flow-unit .right-content-wrap .main .goodpoints .flex .col .box h3 span {
      font-size: 2rem;
      margin-bottom: 3rem;
    }
  }
  #flow-unit .right-content-wrap .main .goodpoints .flex .col .box p {
    font-size: 1.6rem;
    line-height: 1.75rem;
    letter-spacing: 0.05em;
    text-align: left;
  }
  @media screen and (max-width: 768px) {
    #flow-unit .right-content-wrap .main .goodpoints .flex .col .box p {
      font-size: 2.2rem;
      line-height: 2.18rem;
    }
  }
  #flow-unit .right-content-wrap .main .flow {
    padding: 6rem 9.8rem;
    background: #fafafa;
    font-size: 1.6rem;
  }
  @media screen and (max-width: 768px) {
    #flow-unit .right-content-wrap .main .flow {
      padding: 8rem 3rem;
    }
  }
  #flow-unit .right-content-wrap .main .flow .container {
    max-width: 102.4rem;
    margin: auto;
  }
  #flow-unit .right-content-wrap .main .flow .flex {
    position: relative;
    justify-content: space-between;
    align-items: center;
    margin: 4rem auto 0;
    padding: 2rem 6rem;
    background: #fff;
    box-shadow: 0 0.4rem 0.8rem rgba(0, 0, 0, 0.1);
    z-index: 2;
  }
  @media screen and (max-width: 768px) {
    #flow-unit .right-content-wrap .main .flow .flex {
      flex-direction: column;
      padding: 7rem 8rem;
    }
  }
  #flow-unit .right-content-wrap .main .flow .flex:before {
    content: "";
    display: block;
    position: absolute;
    top: 5px;
    left: 5px;
    width: 100%;
    height: 100%;
    background: transparent;
    border-right: solid 1px #bababa;
    border-bottom: solid 1px #bababa;
    z-index: 1;
  }
  #flow-unit .right-content-wrap .main .flow .flex:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto auto -3.8rem auto;
    width: 1.4rem;
    height: 3.8rem;
    background-size: auto auto;
    background-color: white;
    background-image: repeating-linear-gradient(45deg, transparent, transparent 4px, #2e3776 4px, #2e3776 6px);
    z-index: 0;
  }
  #flow-unit .right-content-wrap .main .flow .flex .col {
    position: relative;
    z-index: 3;
  }
  #flow-unit .right-content-wrap .main .flow .flex .col.flow-txt {
    text-align: center;
    width: 46rem;
  }
  @media screen and (max-width: 768px) {
    #flow-unit .right-content-wrap .main .flow .flex .col.flow-txt {
      padding: 0 0 5rem 0;
      width: 100%;
    }
  }
  #flow-unit .right-content-wrap .main .flow .flex .col.flow-txt h3 {
    margin-bottom: 2rem;
    font-size: 1.8rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    line-height: 2.333rem;
  }
  @media screen and (max-width: 768px) {
    #flow-unit .right-content-wrap .main .flow .flex .col.flow-txt h3 {
      font-size: 2.8rem;
    }
  }
  #flow-unit .right-content-wrap .main .flow .flex .col.flow-txt p {
    font-size: 1.6rem;
    letter-spacing: 0.05em;
    line-height: 1.75em;
  }
  @media screen and (max-width: 768px) {
    #flow-unit .right-content-wrap .main .flow .flex .col.flow-txt p {
      font-size: 2rem;
      line-height: 1.714em;
    }
  }
  #flow-unit .right-content-wrap .main .flow .flex .col.flow-img {
    width: 37.3rem;
  }
  #flow-unit .right-content-wrap .main .flow .flex .col.flow-img figure {
    width: 100%;
  }
  #flow-unit .right-content-wrap .main .flow .flex .col.flow-img figure img {
    width: auto;
    height: auto;
    max-width: 100%;
  }
  #flow-unit .right-content-wrap .main .flow .flex:last-child:after {
    display: none;
  }
  #flow-unit .right-content-wrap .main .flow .flex + .flex {
    margin-top: 3rem;
  }
  #flow-unit .right-content-wrap .main .photos {
    padding: 9rem 0;
    background: #fafafa;
  }
  @media screen and (max-width: 768px) {
    #flow-unit .right-content-wrap .main .photos {
      padding: 8rem 3rem;
    }
  }
  #flow-unit .right-content-wrap .main .photos .container {
    max-width: 102.4rem;
    margin: auto;
  }
  #flow-unit .right-content-wrap .main .photos .container .image-area {
    position: relative;
    height: 85rem;
  }
  @media screen and (max-width: 768px) {
    #flow-unit .right-content-wrap .main .photos .container .image-area {
      height: 120rem;
    }
  }
  #flow-unit .right-content-wrap .main .photos .container .image-area figure.img01 {
    position: absolute;
    top: 0;
    left: 13.3rem;
    width: 28rem;
  }
  #flow-unit .right-content-wrap .main .photos .container .image-area figure.img02 {
    position: absolute;
    top: 0;
    left: 43.8rem;
    width: 39.5rem;
  }
  #flow-unit .right-content-wrap .main .photos .container .image-area figure.img03 {
    position: absolute;
    top: 50rem;
    left: 0;
    width: 24.3rem;
  }
  #flow-unit .right-content-wrap .main .photos .container .image-area figure.img04 {
    position: absolute;
    top: 45rem;
    left: 27rem;
    width: 39.5rem;
  }
  #flow-unit .right-content-wrap .main .photos .container .image-area figure.img05 {
    position: absolute;
    top: 31.4rem;
    left: 69.2rem;
    width: 28rem;
  }
  @media screen and (max-width: 768px) {
    #flow-unit .right-content-wrap .main .photos .container .image-area figure.img01 {
      top: 0;
      left: 0;
      width: 26.2rem;
    }
    #flow-unit .right-content-wrap .main .photos .container .image-area figure.img02 {
      top: 0;
      right: 0;
      left: auto;
      width: 38.8rem;
    }
    #flow-unit .right-content-wrap .main .photos .container .image-area figure.img03 {
      top: 36rem;
      right: 0;
      left: auto;
      width: 31rem;
    }
    #flow-unit .right-content-wrap .main .photos .container .image-area figure.img04 {
      top: 67rem;
      left: 0;
      width: 37.8rem;
    }
    #flow-unit .right-content-wrap .main .photos .container .image-area figure.img05 {
      top: 67rem;
      right: 0;
      left: auto;
      width: 27.2rem;
    }
  }
  #flow-unit .right-content-wrap .main .photos .container .image-area figure img {
    width: auto;
    height: auto;
    max-width: 100%;
  }
  #flow-unit .right-content-wrap .main .photos .container .image-area figure figcaption {
    margin-top: 0.8rem;
    font-size: 1.2rem;
    text-align: left;
  }
  #flow-unit .right-content-wrap .main .photos .container .button-row {
    display: flex;
    justify-content: space-between;
    max-width: 65.6rem;
    margin: auto;
  }
  @media screen and (max-width: 768px) {
    #flow-unit .right-content-wrap .main .photos .container .button-row {
      max-width: none;
    }
  }
  @media screen and (max-width: 768px) {
    #flow-unit .right-content-wrap .main .photos .container .button-row {
      flex-direction: column;
    }
  }
  #flow-unit .right-content-wrap .main .photos .container .button-row .button-col {
    width: 50%;
  }
  @media screen and (max-width: 768px) {
    #flow-unit .right-content-wrap .main .photos .container .button-row .button-col {
      width: 100%;
    }
    #flow-unit .right-content-wrap .main .photos .container .button-row .button-col:not(:last-child) {
      margin-bottom: 3rem;
    }
  }
  #flow-unit .right-content-wrap .main .photos .container .button {
    display: block;
    margin: auto;
    padding: 1.533rem 0.8rem;
    max-width: 28.8rem;
    width: 100%;
    background: #fff;
    color: #333;
    border: solid 1px #caccdc;
    box-shadow: 0 0 6rem rgba(0, 0, 0, 0.1);
    font-size: 1.4rem;
    text-align: center;
    border-radius: 4px;
    transition: 0.2s;
  }
  @media screen and (max-width: 768px) {
    #flow-unit .right-content-wrap .main .photos .container .button {
      max-width: 52rem;
      padding: 2.7rem 0.8rem;
    }
  }
  #flow-unit .right-content-wrap .main .photos .container .button:hover {
    background: #2e3776;
    color: #fff;
  }

  /*================= ▼flow-unit =================*/
  #flow-module {
    font-feature-settings: "palt";
  }
  #flow-module :target {
    scroll-margin-top: var(--header-height);
  }
  @media screen and (max-width: 768px) {
    #flow-module :target {
      scroll-margin-top: 11rem;
    }
  }
  #flow-module figure {
    text-align: center;
  }
  #flow-module img {
    width: auto;
    height: auto;
    max-width: 100%;
  }
  #flow-module .under-mv .headline {
    background-image: url("/assets/images/flow/unit/bg_flow-unit.jpg");
  }
  @media screen and (max-width: 768px) {
    #flow-module .under-mv .headline {
      background-image: url("/assets/images/flow/unit/bg_flow-unit_sp.jpg");
    }
    #flow-module .header .header-inner .sp-header h1 a img {
      width: 14.7rem;
      height: 4rem;
  }

  }
  #flow-module .under-mv .headline::before {
    content: attr(data-text) "";
    position: absolute;
    bottom: -2rem;
    left: 0;
    z-index: 10;
    letter-spacing: -0.8rem;
    color: rgba(0, 0, 0, 0);
    font-size: 11rem;
    font-family: "Abril Fatface", cursive;
    -webkit-text-stroke: 0.5px #fff;
  }
  #flow-module .under-mv .breadcrumb::before {
    width: 3.2rem;
    height: 1.3rem;
    background-image: url("/assets/images/flow/unit/ic_flow-unit.svg");
  }
  @media screen and (max-width: 768px) {
    #flow-module .under-mv .breadcrumb::before {
      width: 4.9rem;
      height: 2rem;
    }
  }
  #flow-module .right-content-wrap .main .title-type-1 {
    position: relative;
    font-size: 1.6rem;
    margin-bottom: 3rem;
    font-weight: 700;
  }
  @media screen and (max-width: 768px) {
    #flow-module .right-content-wrap .main .title-type-1 {
      text-align: right;
      margin-bottom: 8rem;
      font-size: 2.4rem;
    }
  }
  #flow-module .right-content-wrap .main .title-type-1:after {
    content: "";
    display: block;
    margin: 1.4rem 0 0 0;
    width: 4rem;
    height: 0.6rem;
    background-color: #000;
  }
  @media screen and (max-width: 768px) {
    #flow-module .right-content-wrap .main .title-type-1:after {
      display: none;
    }
  }
  #flow-module .right-content-wrap .main .title-type-1 span {
    position: relative;
    margin: 0 1.6rem 0 0;
    font-size: 3.6rem;
    font-family: "Abril Fatface", cursive;
    font-weight: normal;
  }
  @media screen and (max-width: 768px) {
    #flow-module .right-content-wrap .main .title-type-1 span {
      display: block;
      font-size: 4.6rem;
      text-align: left;
    }
    #flow-module .right-content-wrap .main .title-type-1 span:after {
      content: "";
      display: block;
      margin: 1.4rem 0 0 0;
      width: 4rem;
      height: 6px;
      background-color: #000;
    }
  }
  #flow-module .right-content-wrap .main .title-caption {
    font-size: 1.6rem;
    line-height: 1.6;
  }
  @media screen and (max-width: 768px) {
    #flow-module .right-content-wrap .main .title-caption {
      font-size: 3rem;
    }
  }
  #flow-module .right-content-wrap .main .whatis {
    padding: 6rem 9.8rem;
  }
  @media screen and (max-width: 768px) {
    #flow-module .right-content-wrap .main .whatis {
      padding: 8rem 3rem;
    }
  }
  #flow-module .right-content-wrap .main .whatis .container {
    max-width: 102.4rem;
    margin: auto;
  }
  #flow-module .right-content-wrap .main .whatis p {
    font-size: 1.6rem;
    line-height: 2.25;
    letter-spacing: 0.05em;
    margin: 2.9rem 0 0 0;
  }
  @media screen and (max-width: 768px) {
    #flow-module .right-content-wrap .main .whatis p {
      font-size: 3rem;
    }
  }
  #flow-module .right-content-wrap .main .goodpoints {
    padding: 6rem 9.8rem;
    background: #eeeeee;
  }
  @media screen and (max-width: 768px) {
    #flow-module .right-content-wrap .main .goodpoints {
      padding: 8rem 3rem;
    }
  }
  #flow-module .right-content-wrap .main .goodpoints .container {
    max-width: 102.4rem;
    margin: auto;
  }
  #flow-module .right-content-wrap .main .goodpoints .goodpoints-list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
    gap: 3rem;
  }
  @media screen and (max-width: 768px) {
    #flow-module .right-content-wrap .main .goodpoints .goodpoints-list {
      -ms-grid-columns: (1fr)[1];
      grid-template-columns: repeat(1, 1fr);
    }
  }
  #flow-module .right-content-wrap .main .goodpoints .goodpoints-list .col {
    background-color: #fff;
    box-shadow: 0 0.4rem 0.8rem rgba(0, 0, 0, 0.1);
  }
  #flow-module .right-content-wrap .main .goodpoints .goodpoints-list .col .box {
    display: flex;
  }
  #flow-module .right-content-wrap .main .goodpoints .goodpoints-list .col .box .inner {
    margin: 2.8rem 4rem;
    width: 100%;
  }
  @media screen and (max-width: 768px) {
    #flow-module .right-content-wrap .main .goodpoints .goodpoints-list .col .box .inner {
      margin: 10rem 8rem;
    }
  }
  #flow-module .right-content-wrap .main .goodpoints .goodpoints-list .col .box h3 {
    margin: 0 auto 2rem;
    min-height: 8.2rem;
    font-size: 1.8rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    line-height: 1.6;
  }
  @media screen and (max-width: 768px) {
    #flow-module .right-content-wrap .main .goodpoints .goodpoints-list .col .box h3 {
      margin-bottom: 8rem;
      min-height: initial;
      font-size: 3.6rem;
    }
  }
  #flow-module .right-content-wrap .main .goodpoints .goodpoints-list .col .box h3 span {
    display: flex;
    justify-content: center;
    font-size: 1.2rem;
    font-weight: 500;
  }
  @media screen and (max-width: 768px) {
    #flow-module .right-content-wrap .main .goodpoints .goodpoints-list .col .box h3 span {
      margin-bottom: 3rem;
      font-size: 2.4rem;
    }
  }
  #flow-module .right-content-wrap .main .goodpoints .goodpoints-list .col .box p {
    font-size: 1.6rem;
    line-height: 1.75;
    letter-spacing: 0.05em;
    text-align: justify;
  }
  @media screen and (max-width: 768px) {
    #flow-module .right-content-wrap .main .goodpoints .goodpoints-list .col .box p {
      font-size: 3rem;
    }
  }
  #flow-module .right-content-wrap .main .flow {
    padding: 6rem 9.8rem;
    background: #fafafa;
    font-size: 1.6rem;
  }
  @media screen and (max-width: 768px) {
    #flow-module .right-content-wrap .main .flow {
      padding: 8rem 3rem;
    }
  }
  #flow-module .right-content-wrap .main .flow .container {
    max-width: 102.4rem;
    margin: auto;
  }
  #flow-module .right-content-wrap .main .flow .flex {
    position: relative;
    justify-content: space-between;
    align-items: center;
    margin: 4rem auto 0;
    padding: 2rem 6rem;
    background: #fff;
    box-shadow: 0 0.4rem 0.8rem rgba(0, 0, 0, 0.1);
    z-index: 2;
  }
  @media screen and (max-width: 768px) {
    #flow-module .right-content-wrap .main .flow .flex {
      flex-direction: column;
      padding: 7rem 8rem;
    }
  }
  #flow-module .right-content-wrap .main .flow .flex:before {
    content: "";
    display: block;
    position: absolute;
    top: 5px;
    left: 5px;
    width: 100%;
    height: 100%;
    background: transparent;
    border-right: solid 1px #bababa;
    border-bottom: solid 1px #bababa;
    z-index: 1;
  }
  #flow-module .right-content-wrap .main .flow .flex:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto auto -3.8rem auto;
    width: 1.4rem;
    height: 3.8rem;
    background-size: auto auto;
    background-color: white;
    background-image: repeating-linear-gradient(45deg, transparent, transparent 4px, #2e3776 4px, #2e3776 6px);
    z-index: 0;
  }
  #flow-module .right-content-wrap .main .flow .flex .col {
    position: relative;
    z-index: 3;
  }
  #flow-module .right-content-wrap .main .flow .flex .col.flow-txt {
    text-align: center;
    width: 46rem;
  }
  @media screen and (max-width: 768px) {
    #flow-module .right-content-wrap .main .flow .flex .col.flow-txt {
      padding: 0 0 5rem 0;
      width: 100%;
    }
  }
  #flow-module .right-content-wrap .main .flow .flex .col.flow-txt h3 {
    margin-bottom: 2rem;
    font-size: 1.8rem;
    font-weight: 700;
    letter-spacing: 0.1em;
  }
  @media screen and (max-width: 768px) {
    #flow-module .right-content-wrap .main .flow .flex .col.flow-txt h3 {
      font-size: 3.6rem;
    }
  }
  #flow-module .right-content-wrap .main .flow .flex .col.flow-txt p {
    font-size: 1.6rem;
    letter-spacing: 0.05em;
    line-height: 1.7;
  }
  @media screen and (max-width: 768px) {
    #flow-module .right-content-wrap .main .flow .flex .col.flow-txt p {
      font-size: 3rem;
    }
  }
  #flow-module .right-content-wrap .main .flow .flex .col.flow-img {
    width: 37.3rem;
  }
  #flow-module .right-content-wrap .main .flow .flex .col.flow-img figure {
    width: 100%;
  }
  #flow-module .right-content-wrap .main .flow .flex .col.flow-img figure img {
    width: auto;
    height: auto;
    max-width: 100%;
  }
  #flow-module .right-content-wrap .main .flow .flex:last-child:after {
    display: none;
  }
  #flow-module .right-content-wrap .main .flow .flex + .flex {
    margin-top: 3rem;
  }
  #flow-module .right-content-wrap .main .photos {
    padding: 9rem 0;
    background: #fafafa;
  }
  @media screen and (max-width: 768px) {
    #flow-module .right-content-wrap .main .photos {
      padding: 8rem 3rem;
    }
  }
  #flow-module .right-content-wrap .main .photos .container {
    max-width: 102.4rem;
    margin: auto;
  }
  #flow-module .right-content-wrap .main .photos .container .image-area {
    position: relative;
    height: 85rem;
  }
  @media screen and (max-width: 768px) {
    #flow-module .right-content-wrap .main .photos .container .image-area {
      height: 120rem;
    }
  }
  #flow-module .right-content-wrap .main .photos .container .image-area figure.img01 {
    position: absolute;
    top: 0;
    left: 8.2rem;
    width: 28.5rem;
  }
  #flow-module .right-content-wrap .main .photos .container .image-area figure.img01 img {
    width: 56rem;
  }
  #flow-module .right-content-wrap .main .photos .container .image-area figure.img02 {
    position: absolute;
    top: 0;
    left: 38.9rem;
    width: 39.5rem;
  }
  #flow-module .right-content-wrap .main .photos .container .image-area figure.img02 img {
    width: 79rem;
  }
  #flow-module .right-content-wrap .main .photos .container .image-area figure.img03 {
    position: absolute;
    top: 14rem;
    left: 81rem;
    width: 24.3rem;
  }
  #flow-module .right-content-wrap .main .photos .container .image-area figure.img03 img {
    width: 48.6rem;
  }
  #flow-module .right-content-wrap .main .photos .container .image-area figure.img04 {
    position: absolute;
    top: 53.4rem;
    left: -3rem;
    width: 24.3rem;
  }
  #flow-module .right-content-wrap .main .photos .container .image-area figure.img04 img {
    width: 48.6rem;
  }
  #flow-module .right-content-wrap .main .photos .container .image-area figure.img05 {
    position: absolute;
    top: 48.2rem;
    left: 24rem;
    width: 39.5rem;
  }
  #flow-module .right-content-wrap .main .photos .container .image-area figure.img05 img {
    width: 79rem;
  }
  #flow-module .right-content-wrap .main .photos .container .image-area figure.img06 {
    position: absolute;
    top: 36.7rem;
    left: 65.7rem;
    width: 28rem;
  }
  #flow-module .right-content-wrap .main .photos .container .image-area figure.img06 img {
    width: 56rem;
  }
  @media screen and (max-width: 1140px) and (min-width: 768px) {
    #flow-module .right-content-wrap .main .photos .container .image-area figure.img04 {
      left: 0;
    }
    #flow-module .right-content-wrap .main .photos .container .image-area figure.img05 {
      left: 27rem;
    }
    #flow-module .right-content-wrap .main .photos .container .image-area figure.img06 {
      left: 68.7rem;
    }
  }
  @media screen and (max-width: 768px) {
    #flow-module .right-content-wrap .main .photos .container .image-area figure.img01 {
      top: 0;
      left: 0;
      width: 25.2rem;
    }
    #flow-module .right-content-wrap .main .photos .container .image-area figure.img02 {
      top: 0;
      left: auto;
      right: 0rem;
      width: 37.8rem;
    }
    #flow-module .right-content-wrap .main .photos .container .image-area figure.img03 {
      top: 47.7rem;
      left: 0;
      width: 31.5rem;
    }
    #flow-module .right-content-wrap .main .photos .container .image-area figure.img04 {
      top: 36rem;
      right: 0;
      left: auto;
      width: 31.5rem;
    }
    #flow-module .right-content-wrap .main .photos .container .image-area figure.img05 {
      top: 82rem;
      left: 0;
      width: 37.8rem;
    }
    #flow-module .right-content-wrap .main .photos .container .image-area figure.img06 {
      top: 70rem;
      right: 0;
      left: auto;
      width: 25.2rem;
    }
  }
  #flow-module .right-content-wrap .main .photos .container .image-area figure img {
    width: auto;
    height: auto;
    max-width: 100%;
  }
  #flow-module .right-content-wrap .main .photos .container .image-area figure figcaption {
    margin-top: 0.8rem;
    font-size: 1.2rem;
    text-align: left;
  }
  #flow-module .right-content-wrap .main .photos .container .button-row {
    display: flex;
    justify-content: space-between;
    max-width: 65.6rem;
    margin: auto;
  }
  @media screen and (max-width: 768px) {
    #flow-module .right-content-wrap .main .photos .container .button-row {
      max-width: none;
    }
  }
  @media screen and (max-width: 768px) {
    #flow-module .right-content-wrap .main .photos .container .button-row {
      flex-direction: column;
    }
  }
  #flow-module .right-content-wrap .main .photos .container .button-row .button-col {
    width: 50%;
  }
  @media screen and (max-width: 768px) {
    #flow-module .right-content-wrap .main .photos .container .button-row .button-col {
      width: 100%;
    }
    #flow-module .right-content-wrap .main .photos .container .button-row .button-col:not(:last-child) {
      margin-bottom: 3rem;
    }
  }
  #flow-module .right-content-wrap .main .photos .container .button {
    display: block;
    margin: auto;
    padding: 1.533rem 0.8rem;
    max-width: 28.8rem;
    width: 100%;
    background: #fff;
    color: #333;
    border: solid 1px #caccdc;
    box-shadow: 0 0 6rem rgba(0, 0, 0, 0.1);
    font-size: 1.4rem;
    text-align: center;
    border-radius: 4px;
    transition: 0.2s;
  }
  @media screen and (max-width: 768px) {
    #flow-module .right-content-wrap .main .photos .container .button {
      max-width: 52rem;
      padding: 2.7rem 0.8rem;
      font-size: 2.4rem;
    }
  }
  #flow-module .right-content-wrap .main .photos .container .button:hover {
    background: #2e3776;
    color: #fff;
  }
  #flow-module .products {
    padding: 6rem 9.8rem 10rem;
    background: #fafafa;
    font-size: 1.6rem;
  }
  @media screen and (max-width: 768px) {
    #flow-module .products {
      padding: 8rem 3rem 16rem;
    }
  }
  #flow-module .products .container {
    max-width: 102.4rem;
    margin: auto;
  }
  #flow-module .products .products-lineup {
    margin: 0 0 10rem 0;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 1rem;
  }
  @media screen and (max-width: 768px) {
    #flow-module .products .products-lineup {
      gap: 3rem;
    }
  }
  #flow-module .products .products-lineup li {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding: 0;
    background: #fff;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.09);
    border: solid 2px transparent;
    border-radius: 8px;
    width: 24rem;
    height: 25rem;
    transition: border 0.2s ease;
  }
  @media screen and (max-width: 768px) {
    #flow-module .products .products-lineup li {
      padding: 0;
      width: 32rem;
      height: auto;
      min-height: 30rem;
    }
  }
  #flow-module .products .products-lineup li::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 2.4rem;
    left: 50%;
    width: 0.7rem;
    height: 0.7rem;
    transform: translateX(-50%) rotate(45deg);
    border-right: solid 1px var(--main-color);
    border-bottom: solid 1px var(--main-color);
  }
  @media screen and (max-width: 768px) {
    #flow-module .products .products-lineup li::after {
      top: 5rem;
      right: 3rem;
      bottom: auto;
      left: auto;
      width: 7px;
      height: 7px;
      transform: rotate(45deg);
    }
  }
  #flow-module .products .products-lineup li:hover {
    border: solid 2px var(--main-color);
  }
  #flow-module .products .products-lineup li a {
    display: block;
    padding: 2.4rem 3rem 3.2rem;
    height: 100%;
  }
  @media screen and (max-width: 768px) {
    #flow-module .products .products-lineup li a {
      padding: 2.6rem 2rem;
    }
  }
  #flow-module .products .products-lineup li dl dt {
    margin: 0 0 2rem 0;
    font-style: 1.8rem;
    text-align: center;
    color: var(--main-color);
    font-weight: 700;
    line-height: 1.3333;
  }
  @media screen and (max-width: 768px) {
    #flow-module .products .products-lineup li dl dt {
      font-size: 2.8rem;
    }
  }
  #flow-module .products .products-lineup li dl dd {
    font-size: 1.4rem;
    line-height: 1.42;
    color: var(--main-color);
  }
  @media screen and (max-width: 768px) {
    #flow-module .products .products-lineup li dl dd {
      font-size: 2rem;
    }
  }
  #flow-module .products .products-item {
    padding: 2rem;
    background: #fff;
  }
  #flow-module .products .products-item:not(:last-of-type) {
    margin-bottom: 4rem;
  }
  #flow-module .products .products-item .products-title {
    margin: 0 0 2rem 0;
    display: flex;
    justify-content: flex-start;
  }
  #flow-module .products .products-item .products-title dt {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 24rem;
    min-height: 11rem;
    background: var(--main-color);
    color: #fff;
    font-size: 2rem;
    text-align: center;
    line-height: 1.6;
  }
  @media screen and (max-width: 768px) {
    #flow-module .products .products-item .products-title dt {
      font-size: 2.8rem;
      text-align: center;
      min-height: 16rem;
    }
  }
  #flow-module .products .products-item .products-title dd {
    padding: 0 0 0 3.6rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 74.4rem;
    min-height: 11rem;
    border: solid 1px #bababa;
    box-sizing: border-box;
    line-height: 1.7;
  }
  @media screen and (max-width: 768px) {
    #flow-module .products .products-item .products-title dd {
      padding: 0 4rem 0 3.6rem;
      width: 42.4rem;
      font-size: 2rem;
    }
  }
  #flow-module .products .products-item .products-image {
    margin: 0 0 2rem 0;
    display: flex;
    justify-content: space-between;
    gap: 0 3.2rem;
  }
  @media screen and (max-width: 768px) {
    #flow-module .products .products-item .products-image {
      flex-direction: column;
      gap: 0 4rem;
    }
  }
  #flow-module .products .products-item .products-image figure {
    width: 47.6rem;
  }
  @media screen and (max-width: 768px) {
    #flow-module .products .products-item .products-image figure {
      width: 100%;
    }
  }
  #flow-module .products .products-item .products-image .image-discription {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    padding: 4rem 0 0 0;
    width: 49rem;
  }
  @media screen and (max-width: 768px) {
    #flow-module .products .products-item .products-image .image-discription {
      display: block;
      margin: 4rem 0 0 0;
      padding: 0;
      width: 100%;
    }
  }
  #flow-module .products .products-item .products-image .image-discription p {
    font-size: 1.6rem;
    line-height: 1.7;
  }
  #flow-module .products .products-item .products-image .image-discription p.check {
    position: relative;
    padding-left: 2rem;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1.5;
  }
  #flow-module .products .products-item .products-image .image-discription p.check::before {
    content: "▲";
    display: block;
    position: absolute;
    top: 0.4rem;
    left: 0;
    font-size: 1.4rem;
    color: var(--main-color);
    transform: rotate(90deg);
  }
  @media screen and (max-width: 768px) {
    #flow-module .products .products-item .products-image .image-discription p.check {
      padding-left: 4rem;
      font-size: 2.8rem;
    }
    #flow-module .products .products-item .products-image .image-discription p.check::before {
      font-size: 2.8rem;
    }
  }
  #flow-module .products .products-item .products-image .image-discription p.check + p {
    margin-top: 2rem;
  }
  #flow-module .products .products-item .products-image .image-discription .color-list {
    margin: auto 0 0 0;
    display: flex;
    justify-content: flex-start;
    gap: 1.6rem;
  }
  @media screen and (max-width: 768px) {
    #flow-module .products .products-item .products-image .image-discription .color-list {
      gap: 3rem;
    }
  }
  #flow-module .products .products-item .products-image .image-discription .color-list li {
    width: 7.6rem;
  }
  @media screen and (max-width: 768px) {
    #flow-module .products .products-item .products-image .image-discription .color-list li {
      width: 19.4rem;
    }
  }
  #flow-module .products .products-item .products-image .image-discription .color-list li figure {
    width: 100%;
  }
  #flow-module .products .products-item .products-image .image-discription .color-list li figure img {
    width: 100%;
  }
  #flow-module .products .products-item .products-image .image-discription .color-list li figure figcaption {
    margin: 0.7rem 0 0 0;
    font-size: 1.4rem;
    line-height: 1.6rem;
    text-align: left;
  }
  @media screen and (max-width: 768px) {
    #flow-module .products .products-item .products-image .image-discription .color-list li figure figcaption {
      margin: 1.2rem 0 0 0;
      font-size: 2rem;
    }
  }
  #flow-module .products .products-item .products-image .image-discription dl {
    margin: auto 0 0 0;
  }
  @media screen and (max-width: 768px) {
    #flow-module .products .products-item .products-image .image-discription dl {
      display: flex;
      justify-content: flex-start;
      margin: 4rem 0 4rem 0;
    }
  }
  #flow-module .products .products-item .products-image .image-discription dl dt {
    margin: 0 0 1.2rem 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 11rem;
    height: 3rem;
    background: rgba(46, 55, 118, 0.5);
    color: #fff;
    text-align: center;
    font-size: 1.4rem;
    font-weight: 400;
  }
  @media screen and (max-width: 768px) {
    #flow-module .products .products-item .products-image .image-discription dl dt {
      margin: 0 2.4rem 0 0;
      width: 12rem;
      height: 12rem;
    }
  }
  #flow-module .products .products-item .products-image .image-discription dl dd ul {
    display: flex;
    justify-content: flex-start;
    gap: 0.4rem;
  }
  @media screen and (max-width: 768px) {
    #flow-module .products .products-item .products-image .image-discription dl dd ul {
      gap: 0 1.2rem;
    }
  }
  #flow-module .products .products-item .products-image .image-discription dl dd ul li {
    width: 5.4rem;
    height: 5.4rem;
    background-repeat: no-repeat;
    background-size: cover;
    color: transparent;
  }
  @media screen and (max-width: 768px) {
    #flow-module .products .products-item .products-image .image-discription dl dd ul li {
      width: 12rem;
      height: 12rem;
    }
  }
  #flow-module .products .products-item .products-image .image-discription dl dd ul li.koujyou {
    background-image: url(/assets/images/flow/module/icon-koujo.png);
  }
  #flow-module .products .products-item .products-image .image-discription dl dd ul li.souko {
    background-image: url(/assets/images/flow/module/icon-souko.png);
  }
  #flow-module .products .products-item .products-image .image-discription dl dd ul li.office {
    background-image: url(/assets/images/flow/module/icon-office.png);
  }
  #flow-module .products .products-item .products-image .image-discription dl dd ul li.store {
    background-image: url(/assets/images/flow/module/icon-tenpo.png);
  }
  #flow-module .products .products-item .products-image .image-discription dl dd ul li.car {
    background-image: url(/assets/images/flow/module/icon-car.png);
  }
  #flow-module .products .products-item .production-summary {
    margin: 0 0 4rem 0;
    display: flex;
    justify-content: space-between;
    gap: 0 3.2rem;
  }
  @media screen and (max-width: 768px) {
    #flow-module .products .products-item .production-summary {
      flex-direction: column;
    }
  }
  #flow-module .products .products-item .production-summary .left,
  #flow-module .products .products-item .production-summary .right {
    width: 47.6rem;
  }
  @media screen and (max-width: 768px) {
    #flow-module .products .products-item .production-summary .left,
  #flow-module .products .products-item .production-summary .right {
      width: 100%;
    }
  }
  #flow-module .products .products-item .production-summary .left dl,
  #flow-module .products .products-item .production-summary .right dl {
    border-bottom: solid 1px #ddd;
    display: flex;
    justify-content: flex-start;
  }
  #flow-module .products .products-item .production-summary .left dl:first-of-type,
  #flow-module .products .products-item .production-summary .right dl:first-of-type {
    border-top: solid 1px #ddd;
  }
  #flow-module .products .products-item .production-summary .left dl dt,
  #flow-module .products .products-item .production-summary .right dl dt {
    padding: 1.8rem 0;
    width: 9rem;
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 1.7;
  }
  @media screen and (max-width: 768px) {
    #flow-module .products .products-item .production-summary .left dl dt,
  #flow-module .products .products-item .production-summary .right dl dt {
      width: 11.1rem;
      font-size: 2rem;
    }
  }
  #flow-module .products .products-item .production-summary .left dl dd,
  #flow-module .products .products-item .production-summary .right dl dd {
    position: relative;
    padding: 1.8rem 0 1.8rem 2.4rem;
    width: 100%;
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 1.7;
  }
  @media screen and (max-width: 768px) {
    #flow-module .products .products-item .production-summary .left dl dd,
  #flow-module .products .products-item .production-summary .right dl dd {
      font-size: 2rem;
    }
  }
  #flow-module .products .products-item .production-summary .left dl dd::before,
  #flow-module .products .products-item .production-summary .right dl dd::before {
    content: "";
    display: block;
    position: absolute;
    top: 2.4rem;
    left: 0;
    width: 1px;
    height: 1.5rem;
    background: #333;
  }
  #flow-module .products .products-item .production-summary .left dl + p,
  #flow-module .products .products-item .production-summary .right dl + p {
    margin-top: 1.6rem;
  }
  #flow-module .products .products-item .production-summary .left p,
  #flow-module .products .products-item .production-summary .right p {
    line-height: 1.7;
  }
  @media screen and (max-width: 768px) {
    #flow-module .products .products-item .production-summary .left p,
  #flow-module .products .products-item .production-summary .right p {
      font-size: 2rem;
    }
  }
  @media screen and (max-width: 768px) {
    #flow-module .products .products-item .production-summary .left dl:last-of-type {
      border-bottom: none;
    }
  }
  #flow-module .products .products-item table {
    border-bottom: solid 1px #ddd;
    width: 100%;
  }
  #flow-module .products .products-item table th,
  #flow-module .products .products-item table td {
    line-height: 1.7;
  }
  #flow-module .products .products-item table thead tr th {
    padding: 1.6rem 1.6rem;
    border-top: solid 1px #ddd;
    border-right: solid 1px #ddd;
    border-left: solid 1px #ddd;
    background: #eee;
    color: #333;
    font-weight: 700;
    font-size: 1.6rem;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
  }
  @media screen and (max-width: 768px) {
    #flow-module .products .products-item table thead tr th {
      padding: 3rem 1.6rem;
      font-size: 2rem;
    }
  }
  #flow-module .products .products-item table tbody tr th {
    vertical-align: middle;
    padding: 1.6rem 1.6rem;
    border-top: solid 1px #fff;
    background: #eee;
    width: 37.2rem;
    color: #333;
    font-weight: 700;
    font-size: 1.6rem;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
  }
  @media screen and (max-width: 768px) {
    #flow-module .products .products-item table tbody tr th {
      padding: 3rem 1.6rem;
      width: 20rem;
      font-size: 2rem;
    }
  }
  #flow-module .products .products-item table tbody tr td {
    padding: 1.6rem 1.6rem;
    border-top: solid 1px #ddd;
    background: #fff;
    color: #333;
    font-weight: 400;
    font-size: 1.6rem;
    text-align: left;
    vertical-align: middle;
    box-sizing: border-box;
  }
  @media screen and (max-width: 768px) {
    #flow-module .products .products-item table tbody tr td {
      padding: 3rem 1.6rem;
      font-size: 2rem;
    }
  }

  /*================= ▼flow-unit =================*/
  #flow-system figure {
    text-align: center;
  }
  #flow-system img {
    width: auto;
    height: auto;
    max-width: 100%;
  }
  #flow-system .under-mv .headline {
    background-image: url("/assets/images/flow/unit/bg_flow-unit.jpg");
  }
  @media screen and (max-width: 768px) {
    #flow-system .under-mv .headline {
      background-image: url("/assets/images/flow/unit/bg_flow-unit_sp.jpg");
    }
    #flow-system .header .header-inner .sp-header h1 a img {
      width: 14.7rem;
      height: 4rem;
    }
  }
  #flow-system .under-mv .headline::before {
    content: attr(data-text) "";
    position: absolute;
    bottom: -2rem;
    left: 0;
    z-index: 10;
    letter-spacing: -0.8rem;
    color: rgba(0, 0, 0, 0);
    font-size: 11rem;
    font-family: "Abril Fatface", cursive;
    -webkit-text-stroke: 0.5px #fff;
  }
  #flow-system .under-mv .breadcrumb::before {
    width: 3.2rem;
    height: 1.3rem;
    background-image: url("/assets/images/flow/unit/ic_flow-unit.svg");
  }
  @media screen and (max-width: 768px) {
    #flow-system .under-mv .breadcrumb::before {
      width: 4.9rem;
      height: 2rem;
    }
  }
  #flow-system .right-content-wrap .main .title-type-1 {
    position: relative;
    font-size: 1.6rem;
    margin-bottom: 4rem;
    font-weight: 700;
  }
  @media screen and (max-width: 768px) {
    #flow-system .right-content-wrap .main .title-type-1 {
      text-align: right;
      margin-bottom: 8rem;
      font-size: 2.4rem;
    }
  }
  #flow-system .right-content-wrap .main .title-type-1:after {
    content: "";
    display: block;
    margin: 1.4rem 0 0 0;
    width: 4rem;
    height: 0.6rem;
    background-color: #000;
  }
  @media screen and (max-width: 768px) {
    #flow-system .right-content-wrap .main .title-type-1:after {
      display: none;
    }
  }
  #flow-system .right-content-wrap .main .title-type-1 span {
    position: relative;
    margin: 0 1.6rem 0 0;
    font-size: 3.6rem;
    font-family: "Abril Fatface", cursive;
    font-weight: normal;
  }
  @media screen and (max-width: 768px) {
    #flow-system .right-content-wrap .main .title-type-1 span {
      display: block;
      font-size: 4.6rem;
      text-align: left;
    }
    #flow-system .right-content-wrap .main .title-type-1 span:after {
      content: "";
      display: block;
      margin: 1.4rem 0 0 0;
      width: 4rem;
      height: 6px;
      background-color: #000;
    }
  }
  #flow-system .right-content-wrap .main .title-caption {
    font-size: 1.6rem;
    line-height: 1.6;
  }
  @media screen and (max-width: 768px) {
    #flow-system .right-content-wrap .main .title-caption {
      font-size: 3rem;
    }
  }
  #flow-system .right-content-wrap .main .whatis {
    padding: 6rem 9.8rem;
  }
  @media screen and (max-width: 768px) {
    #flow-system .right-content-wrap .main .whatis {
      padding: 8rem 3rem;
    }
  }
  #flow-system .right-content-wrap .main .whatis .container {
    max-width: 102.4rem;
    margin: auto;
  }
  #flow-system .right-content-wrap .main .whatis p {
    font-size: 1.6rem;
    line-height: 2.25;
    letter-spacing: 0.05em;
    margin: 2.9rem 0 0 0;
  }
  @media screen and (max-width: 768px) {
    #flow-system .right-content-wrap .main .whatis p {
      font-size: 3rem;
    }
  }
  #flow-system .right-content-wrap .main .goodpoints {
    padding: 6rem 9.8rem;
    background: #eeeeee;
  }
  @media screen and (max-width: 768px) {
    #flow-system .right-content-wrap .main .goodpoints {
      padding: 8rem 3rem;
    }
  }
  #flow-system .right-content-wrap .main .goodpoints .container {
    max-width: 102.4rem;
    margin: auto;
  }
  #flow-system .right-content-wrap .main .goodpoints .goodpoints-list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
    gap: 3rem;
  }
  @media screen and (max-width: 768px) {
    #flow-system .right-content-wrap .main .goodpoints .goodpoints-list {
      -ms-grid-columns: (1fr)[1];
      grid-template-columns: repeat(1, 1fr);
    }
  }
  #flow-system .right-content-wrap .main .goodpoints .goodpoints-list .col {
    background-color: #fff;
    box-shadow: 0 0.4rem 0.8rem rgba(0, 0, 0, 0.1);
  }
  #flow-system .right-content-wrap .main .goodpoints .goodpoints-list .col .box {
    display: flex;
  }
  #flow-system .right-content-wrap .main .goodpoints .goodpoints-list .col .box .inner {
    margin: 2.8rem 4rem;
    width: 100%;
  }
  @media screen and (max-width: 768px) {
    #flow-system .right-content-wrap .main .goodpoints .goodpoints-list .col .box .inner {
      margin: 10rem 8rem;
    }
  }
  #flow-system .right-content-wrap .main .goodpoints .goodpoints-list .col .box h3 {
    margin: 0 auto 2rem;
    font-size: 1.8rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    line-height: 1.6;
    text-align: center;
  }
  @media screen and (max-width: 768px) {
    #flow-system .right-content-wrap .main .goodpoints .goodpoints-list .col .box h3 {
      margin-bottom: 8rem;
      font-size: 3.6rem;
    }
  }
  #flow-system .right-content-wrap .main .goodpoints .goodpoints-list .col .box h3 span {
    display: flex;
    justify-content: center;
    font-size: 1.2rem;
    font-weight: 500;
  }
  @media screen and (max-width: 768px) {
    #flow-system .right-content-wrap .main .goodpoints .goodpoints-list .col .box h3 span {
      margin-bottom: 3rem;
      font-size: 2.4rem;
    }
  }
  #flow-system .right-content-wrap .main .goodpoints .goodpoints-list .col .box p {
    font-size: 1.6rem;
    line-height: 1.75;
    letter-spacing: 0.05em;
    text-align: justify;
  }
  @media screen and (max-width: 768px) {
    #flow-system .right-content-wrap .main .goodpoints .goodpoints-list .col .box p {
      font-size: 3rem;
    }
  }
  #flow-system .right-content-wrap .main .flow {
    padding: 6rem 9.8rem;
    background: #fafafa;
    font-size: 1.6rem;
  }
  @media screen and (max-width: 768px) {
    #flow-system .right-content-wrap .main .flow {
      padding: 8rem 3rem;
    }
  }
  #flow-system .right-content-wrap .main .flow .container {
    max-width: 102.4rem;
    margin: auto;
  }
  #flow-system .right-content-wrap .main .flow .flex {
    position: relative;
    justify-content: space-between;
    align-items: center;
    margin: 4rem auto 0;
    padding: 2rem 6rem;
    background: #fff;
    box-shadow: 0 0.4rem 0.8rem rgba(0, 0, 0, 0.1);
    z-index: 2;
  }
  @media screen and (max-width: 768px) {
    #flow-system .right-content-wrap .main .flow .flex {
      flex-direction: column;
      padding: 7rem 8rem;
    }
  }
  #flow-system .right-content-wrap .main .flow .flex:before {
    content: "";
    display: block;
    position: absolute;
    top: 5px;
    left: 5px;
    width: 100%;
    height: 100%;
    background: transparent;
    border-right: solid 1px #bababa;
    border-bottom: solid 1px #bababa;
    z-index: 1;
  }
  #flow-system .right-content-wrap .main .flow .flex:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto auto -3.8rem auto;
    width: 1.4rem;
    height: 3.8rem;
    background-size: auto auto;
    background-color: white;
    background-image: repeating-linear-gradient(45deg, transparent, transparent 4px, #2e3776 4px, #2e3776 6px);
    z-index: 0;
  }
  #flow-system .right-content-wrap .main .flow .flex .col {
    position: relative;
    z-index: 3;
  }
  #flow-system .right-content-wrap .main .flow .flex .col.flow-txt {
    text-align: center;
    width: 46rem;
  }
  @media screen and (max-width: 768px) {
    #flow-system .right-content-wrap .main .flow .flex .col.flow-txt {
      padding: 0 0 5rem 0;
      width: 100%;
    }
  }
  #flow-system .right-content-wrap .main .flow .flex .col.flow-txt h3 {
    margin-bottom: 2rem;
    font-size: 1.8rem;
    font-weight: 700;
    letter-spacing: 0.1em;
  }
  @media screen and (max-width: 768px) {
    #flow-system .right-content-wrap .main .flow .flex .col.flow-txt h3 {
      font-size: 3.6rem;
    }
  }
  #flow-system .right-content-wrap .main .flow .flex .col.flow-txt p {
    font-size: 1.6rem;
    letter-spacing: 0.05em;
    line-height: 1.7;
  }
  @media screen and (max-width: 768px) {
    #flow-system .right-content-wrap .main .flow .flex .col.flow-txt p {
      font-size: 3rem;
    }
  }
  #flow-system .right-content-wrap .main .flow .flex .col.flow-img {
    width: 37.3rem;
  }
  #flow-system .right-content-wrap .main .flow .flex .col.flow-img figure {
    width: 100%;
  }
  #flow-system .right-content-wrap .main .flow .flex .col.flow-img figure img {
    width: auto;
    height: auto;
    max-width: 100%;
  }
  #flow-system .right-content-wrap .main .flow .flex:last-child:after {
    display: none;
  }
  #flow-system .right-content-wrap .main .flow .flex + .flex {
    margin-top: 3rem;
  }
  #flow-system .right-content-wrap .main .photos {
    padding: 9rem 0;
    background: #fafafa;
  }
  @media screen and (max-width: 768px) {
    #flow-system .right-content-wrap .main .photos {
      padding: 8rem 3rem;
    }
  }
  #flow-system .right-content-wrap .main .photos .container {
    max-width: 102.4rem;
    margin: auto;
  }
  #flow-system .right-content-wrap .main .photos .container .image-area {
    position: relative;
    height: 85rem;
  }
  @media screen and (max-width: 768px) {
    #flow-system .right-content-wrap .main .photos .container .image-area {
      height: 120rem;
    }
  }
  #flow-system .right-content-wrap .main .photos .container .image-area figure.img01 {
    position: absolute;
    top: 0;
    left: 8.2rem;
    width: 28.5rem;
  }
  #flow-system .right-content-wrap .main .photos .container .image-area figure.img01 img {
    width: 56rem;
  }
  #flow-system .right-content-wrap .main .photos .container .image-area figure.img02 {
    position: absolute;
    top: 0;
    left: 38.9rem;
    width: 39.5rem;
  }
  #flow-system .right-content-wrap .main .photos .container .image-area figure.img02 img {
    width: 79rem;
  }
  #flow-system .right-content-wrap .main .photos .container .image-area figure.img03 {
    position: absolute;
    top: 14rem;
    left: 81rem;
    width: 24.3rem;
  }
  #flow-system .right-content-wrap .main .photos .container .image-area figure.img03 img {
    width: 48.6rem;
  }
  #flow-system .right-content-wrap .main .photos .container .image-area figure.img04 {
    position: absolute;
    top: 53.4rem;
    left: -3rem;
    width: 24.3rem;
  }
  #flow-system .right-content-wrap .main .photos .container .image-area figure.img04 img {
    width: 48.6rem;
  }
  #flow-system .right-content-wrap .main .photos .container .image-area figure.img05 {
    position: absolute;
    top: 48.2rem;
    left: 24rem;
    width: 39.5rem;
  }
  #flow-system .right-content-wrap .main .photos .container .image-area figure.img05 img {
    width: 79rem;
  }
  #flow-system .right-content-wrap .main .photos .container .image-area figure.img06 {
    position: absolute;
    top: 36.7rem;
    left: 65.7rem;
    width: 28rem;
  }
  #flow-system .right-content-wrap .main .photos .container .image-area figure.img06 img {
    width: 56rem;
  }
  @media screen and (max-width: 1140px) and (min-width: 768px) {
    #flow-system .right-content-wrap .main .photos .container .image-area figure.img04 {
      left: 0;
    }
    #flow-system .right-content-wrap .main .photos .container .image-area figure.img05 {
      left: 27rem;
    }
    #flow-system .right-content-wrap .main .photos .container .image-area figure.img06 {
      left: 68.7rem;
    }
  }
  @media screen and (max-width: 768px) {
    #flow-system .right-content-wrap .main .photos .container .image-area figure.img01 {
      top: 0;
      left: 0;
      width: 25.2rem;
    }
    #flow-system .right-content-wrap .main .photos .container .image-area figure.img02 {
      top: 0;
      left: auto;
      right: 0rem;
      width: 37.8rem;
    }
    #flow-system .right-content-wrap .main .photos .container .image-area figure.img03 {
      top: 47.7rem;
      left: 0;
      width: 31.5rem;
    }
    #flow-system .right-content-wrap .main .photos .container .image-area figure.img04 {
      top: 36rem;
      right: 0;
      left: auto;
      width: 31.5rem;
    }
    #flow-system .right-content-wrap .main .photos .container .image-area figure.img05 {
      top: 82rem;
      left: 0;
      width: 37.8rem;
    }
    #flow-system .right-content-wrap .main .photos .container .image-area figure.img06 {
      top: 70rem;
      right: 0;
      left: auto;
      width: 25.2rem;
    }
  }
  #flow-system .right-content-wrap .main .photos .container .image-area figure img {
    width: auto;
    height: auto;
    max-width: 100%;
  }
  #flow-system .right-content-wrap .main .photos .container .image-area figure figcaption {
    margin-top: 0.8rem;
    font-size: 1.2rem;
    text-align: left;
  }
  #flow-system .right-content-wrap .main .photos .container .button-row {
    display: flex;
    justify-content: space-between;
    max-width: 65.6rem;
    margin: auto;
  }
  @media screen and (max-width: 768px) {
    #flow-system .right-content-wrap .main .photos .container .button-row {
      max-width: none;
    }
  }
  @media screen and (max-width: 768px) {
    #flow-system .right-content-wrap .main .photos .container .button-row {
      flex-direction: column;
    }
  }
  #flow-system .right-content-wrap .main .photos .container .button-row .button-col {
    width: 50%;
  }
  @media screen and (max-width: 768px) {
    #flow-system .right-content-wrap .main .photos .container .button-row .button-col {
      width: 100%;
    }
    #flow-system .right-content-wrap .main .photos .container .button-row .button-col:not(:last-child) {
      margin-bottom: 3rem;
    }
  }
  #flow-system .right-content-wrap .main .photos .container .button {
    display: block;
    margin: auto;
    padding: 1.533rem 0.8rem;
    max-width: 28.8rem;
    width: 100%;
    background: #fff;
    color: #333;
    border: solid 1px #caccdc;
    box-shadow: 0 0 6rem rgba(0, 0, 0, 0.1);
    font-size: 1.4rem;
    text-align: center;
    border-radius: 4px;
    transition: 0.2s;
  }
  @media screen and (max-width: 768px) {
    #flow-system .right-content-wrap .main .photos .container .button {
      max-width: 52rem;
      padding: 2.7rem 0.8rem;
      font-size: 2.4rem;
    }
  }
  #flow-system .right-content-wrap .main .photos .container .button:hover {
    background: #2e3776;
    color: #fff;
  }
  #flow-system .right-content-wrap .main .features {
    padding: 6rem 9.8rem 10rem;
    background: #fafafa;
    font-size: 1.6rem;
  }
  @media screen and (max-width: 768px) {
    #flow-system .right-content-wrap .main .features {
      padding: 8rem 3rem 16rem;
    }
  }
  #flow-system .right-content-wrap .main .features .container {
    max-width: 102.4rem;
    margin: auto;
  }
  #flow-system .right-content-wrap .main .features .features-item:not(:last-of-type) {
    margin-bottom: 8rem;
  }
  @media screen and (max-width: 768px) {
    #flow-system .right-content-wrap .main .features .features-item:not(:last-of-type) {
      margin-bottom: 12rem;
    }
  }
  #flow-system .right-content-wrap .main .features .features-item h3 {
    margin: 0 0 4rem 0;
    font-size: 3rem;
    font-weight: 700;
  }
  @media screen and (max-width: 768px) {
    #flow-system .right-content-wrap .main .features .features-item h3 {
      margin: 0 0 6rem 0;
      font-size: 3.6rem;
    }
  }
  #flow-system .right-content-wrap .main .features .features-item p {
    font-size: 1.6rem;
    line-height: 2;
  }
  @media screen and (max-width: 768px) {
    #flow-system .right-content-wrap .main .features .features-item p {
      font-size: 2rem;
      line-height: 2.4;
    }
  }
  #flow-system .right-content-wrap .main .features .features-item p + figure {
    margin-top: 4rem;
  }
  #flow-system .right-content-wrap .main .features .features-item .features-title {
    margin: 0 0 4rem 0;
    display: flex;
    justify-content: flex-start;
  }
  @media screen and (max-width: 768px) {
    #flow-system .right-content-wrap .main .features .features-item .features-title {
      margin: 0 0 2rem 0;
    }
  }
  #flow-system .right-content-wrap .main .features .features-item .features-title dt {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 26rem;
    min-height: 8rem;
    background: var(--main-color);
    color: #fff;
    font-size: 2rem;
    text-align: center;
    line-height: 1.6;
  }
  @media screen and (max-width: 768px) {
    #flow-system .right-content-wrap .main .features .features-item .features-title dt {
      flex-direction: column;
      font-size: 2.8rem;
      text-align: center;
      min-height: 20rem;
    }
  }
  #flow-system .right-content-wrap .main .features .features-item .features-title dt span {
    font-size: 1.6rem;
    margin: 0 2.4rem 0 0;
  }
  @media screen and (max-width: 768px) {
    #flow-system .right-content-wrap .main .features .features-item .features-title dt span {
      font-size: 2.4rem;
      margin: 0 0 3rem 0;
    }
  }
  #flow-system .right-content-wrap .main .features .features-item .features-title dd {
    padding: 0 0 0 3.6rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 74.4rem;
    min-height: 11rem;
    font-size: 1.8rem;
    font-weight: 700;
    border: solid 1px #bababa;
    box-sizing: border-box;
    line-height: 1.7;
  }
  @media screen and (max-width: 768px) {
    #flow-system .right-content-wrap .main .features .features-item .features-title dd {
      padding: 0 1rem 0 3.6rem;
      width: 44.4rem;
      font-size: 2.8rem;
    }
  }
  @media screen and (max-width: 768px) {
    #flow-system .right-content-wrap .main .features .features-item .features-title + h3 {
      margin-top: 6.4rem;
    }
  }
  #flow-system .right-content-wrap .main .features .features-item .features-image {
    margin: 0 0 2rem 0;
    display: flex;
    justify-content: space-between;
    gap: 0 3.2rem;
  }
  @media screen and (max-width: 768px) {
    #flow-system .right-content-wrap .main .features .features-item .features-image {
      flex-direction: column;
      gap: 0 4rem;
    }
  }
  #flow-system .right-content-wrap .main .features .features-item .features-image figure {
    width: 26rem;
  }
  @media screen and (max-width: 768px) {
    #flow-system .right-content-wrap .main .features .features-item .features-image figure {
      width: 100%;
    }
  }
  #flow-system .right-content-wrap .main .features .features-item .features-image .image-discription {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    width: 74.4rem;
  }
  @media screen and (max-width: 768px) {
    #flow-system .right-content-wrap .main .features .features-item .features-image .image-discription {
      display: block;
      margin: 6rem 0 0 0;
      width: 100%;
    }
  }
  #flow-system .right-content-wrap .main .features .features-item .features-image .image-discription p {
    font-size: 1.6rem;
    line-height: 2;
  }
  @media screen and (max-width: 768px) {
    #flow-system .right-content-wrap .main .features .features-item .features-image .image-discription p {
      font-size: 2rem;
      line-height: 2.4;
    }
  }

  /*================= ▼flow-unit =================*/
  #flow-hazardous figure {
    text-align: center;
  }
  #flow-hazardous img {
    width: auto;
    height: auto;
    max-width: 100%;
  }
  #flow-hazardous .under-mv .headline {
    background-image: url("/assets/images/flow/unit/bg_flow-unit.jpg");
  }
  @media screen and (max-width: 768px) {
    #flow-hazardous .under-mv .headline {
      background-image: url("/assets/images/flow/unit/bg_flow-unit_sp.jpg");
    }
  }
  #flow-hazardous .under-mv .headline::before {
    content: attr(data-text) "";
    position: absolute;
    bottom: -2rem;
    left: 0;
    z-index: 10;
    letter-spacing: -0.8rem;
    color: rgba(0, 0, 0, 0);
    font-size: 10rem;
    font-family: "Abril Fatface", cursive;
    -webkit-text-stroke: 0.5px #fff;
  }
  #flow-hazardous .under-mv .breadcrumb::before {
    width: 3.2rem;
    height: 1.3rem;
    background-image: url("/assets/images/flow/unit/ic_flow-unit.svg");
  }
  @media screen and (max-width: 768px) {
    #flow-hazardous .under-mv .breadcrumb::before {
      width: 4.9rem;
      height: 2rem;
    }
  }
  #flow-hazardous .right-content-wrap .main .title-type-1 {
    position: relative;
    font-size: 1.3rem;
    margin-bottom: 3rem;
  }
  @media screen and (max-width: 768px) {
    #flow-hazardous .right-content-wrap .main .title-type-1 {
      text-align: right;
      margin-bottom: 8rem;
      font-size: 2.4rem;
    }
  }
  #flow-hazardous .right-content-wrap .main .title-type-1:after {
    content: "";
    display: block;
    margin: 1.4rem 0 0 0;
    width: 4rem;
    height: 0.6rem;
    background-color: #000;
  }
  @media screen and (max-width: 768px) {
    #flow-hazardous .right-content-wrap .main .title-type-1:after {
      display: none;
    }
  }
  #flow-hazardous .right-content-wrap .main .title-type-1 span {
    position: relative;
    margin: 0 1.6rem 0 0;
    font-size: 3.6rem;
    font-family: "Abril Fatface", cursive;
  }
  @media screen and (max-width: 768px) {
    #flow-hazardous .right-content-wrap .main .title-type-1 span {
      display: block;
      font-size: 4.6rem;
      text-align: left;
    }
    #flow-hazardous .right-content-wrap .main .title-type-1 span:after {
      content: "";
      display: block;
      margin: 1.4rem 0 0 0;
      width: 4rem;
      height: 6px;
      background-color: #000;
    }
  }
  #flow-hazardous .right-content-wrap .main .title-caption {
    font-size: 1.6rem;
    line-height: 1.6;
  }
  @media screen and (max-width: 768px) {
    #flow-hazardous .right-content-wrap .main .title-caption {
      font-size: 3rem;
    }
  }
  #flow-hazardous .right-content-wrap .main .whatis {
    padding: 6rem 9.8rem;
  }
  @media screen and (max-width: 768px) {
    #flow-hazardous .right-content-wrap .main .whatis {
      padding: 8rem 3rem;
    }
  }
  #flow-hazardous .right-content-wrap .main .whatis .container {
    max-width: 102.4rem;
    margin: auto;
  }
  #flow-hazardous .right-content-wrap .main .whatis p {
    font-size: 1.6rem;
    line-height: 2.25;
    letter-spacing: 0.05em;
    margin: 2.9rem 0 0 0;
  }
  @media screen and (max-width: 768px) {
    #flow-hazardous .right-content-wrap .main .whatis p {
      font-size: 3rem;
    }
  }
  #flow-hazardous .right-content-wrap .main .goodpoints {
    padding: 6rem 9.8rem;
    background: #eeeeee;
  }
  @media screen and (max-width: 768px) {
    #flow-hazardous .right-content-wrap .main .goodpoints {
      padding: 8rem 3rem;
    }
  }
  #flow-hazardous .right-content-wrap .main .goodpoints .container {
    max-width: 102.4rem;
    margin: auto;
  }
  #flow-hazardous .right-content-wrap .main .goodpoints .goodpoints-list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
    gap: 3rem;
  }
  @media screen and (max-width: 768px) {
    #flow-hazardous .right-content-wrap .main .goodpoints .goodpoints-list {
      -ms-grid-columns: (1fr)[1];
      grid-template-columns: repeat(1, 1fr);
    }
  }
  #flow-hazardous .right-content-wrap .main .goodpoints .goodpoints-list .col {
    background-color: #fff;
    box-shadow: 0 0.4rem 0.8rem rgba(0, 0, 0, 0.1);
  }
  #flow-hazardous .right-content-wrap .main .goodpoints .goodpoints-list .col .box {
    display: flex;
  }
  #flow-hazardous .right-content-wrap .main .goodpoints .goodpoints-list .col .box .inner {
    margin: 2.8rem 4rem;
    width: 100%;
  }
  @media screen and (max-width: 768px) {
    #flow-hazardous .right-content-wrap .main .goodpoints .goodpoints-list .col .box .inner {
      margin: 10rem 8rem;
    }
  }
  #flow-hazardous .right-content-wrap .main .goodpoints .goodpoints-list .col .box h3 {
    margin: 0 auto 2rem;
    min-height: 8.2rem;
    font-size: 1.8rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    line-height: 1.6;
    text-align: center;
  }
  @media screen and (max-width: 768px) {
    #flow-hazardous .right-content-wrap .main .goodpoints .goodpoints-list .col .box h3 {
      margin-bottom: 8rem;
      min-height: initial;
      font-size: 3.6rem;
    }
  }
  #flow-hazardous .right-content-wrap .main .goodpoints .goodpoints-list .col .box h3 span {
    display: flex;
    justify-content: center;
    font-size: 1.2rem;
    font-weight: 500;
  }
  @media screen and (max-width: 768px) {
    #flow-hazardous .right-content-wrap .main .goodpoints .goodpoints-list .col .box h3 span {
      margin-bottom: 3rem;
      font-size: 2.4rem;
    }
  }
  #flow-hazardous .right-content-wrap .main .goodpoints .goodpoints-list .col .box p {
    font-size: 1.6rem;
    line-height: 1.75;
    letter-spacing: 0.05em;
    text-align: justify;
  }
  @media screen and (max-width: 768px) {
    #flow-hazardous .right-content-wrap .main .goodpoints .goodpoints-list .col .box p {
      font-size: 3rem;
    }
  }
  #flow-hazardous .right-content-wrap .main .flow {
    padding: 6rem 9.8rem;
    background: #fafafa;
    font-size: 1.6rem;
  }
  @media screen and (max-width: 768px) {
    #flow-hazardous .right-content-wrap .main .flow {
      padding: 8rem 3rem;
    }
  }
  #flow-hazardous .right-content-wrap .main .flow .container {
    max-width: 102.4rem;
    margin: auto;
  }
  #flow-hazardous .right-content-wrap .main .flow .flex {
    position: relative;
    justify-content: space-between;
    align-items: center;
    margin: 4rem auto 0;
    padding: 2rem 6rem;
    background: #fff;
    box-shadow: 0 0.4rem 0.8rem rgba(0, 0, 0, 0.1);
    z-index: 2;
  }
  @media screen and (max-width: 768px) {
    #flow-hazardous .right-content-wrap .main .flow .flex {
      flex-direction: column;
      padding: 7rem 8rem;
    }
  }
  #flow-hazardous .right-content-wrap .main .flow .flex:before {
    content: "";
    display: block;
    position: absolute;
    top: 5px;
    left: 5px;
    width: 100%;
    height: 100%;
    background: transparent;
    border-right: solid 1px #bababa;
    border-bottom: solid 1px #bababa;
    z-index: 1;
  }
  #flow-hazardous .right-content-wrap .main .flow .flex:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto auto -3.8rem auto;
    width: 1.4rem;
    height: 3.8rem;
    background-size: auto auto;
    background-color: white;
    background-image: repeating-linear-gradient(45deg, transparent, transparent 4px, #2e3776 4px, #2e3776 6px);
    z-index: 0;
  }
  #flow-hazardous .right-content-wrap .main .flow .flex .col {
    position: relative;
    z-index: 3;
  }
  #flow-hazardous .right-content-wrap .main .flow .flex .col.flow-txt {
    text-align: center;
    width: 46rem;
  }
  @media screen and (max-width: 768px) {
    #flow-hazardous .right-content-wrap .main .flow .flex .col.flow-txt {
      padding: 0 0 5rem 0;
      width: 100%;
    }
  }
  #flow-hazardous .right-content-wrap .main .flow .flex .col.flow-txt h3 {
    margin-bottom: 2rem;
    font-size: 1.8rem;
    font-weight: 700;
    letter-spacing: 0.1em;
  }
  @media screen and (max-width: 768px) {
    #flow-hazardous .right-content-wrap .main .flow .flex .col.flow-txt h3 {
      font-size: 3.6rem;
    }
  }
  #flow-hazardous .right-content-wrap .main .flow .flex .col.flow-txt p {
    font-size: 1.6rem;
    letter-spacing: 0.05em;
    line-height: 1.7;
  }
  @media screen and (max-width: 768px) {
    #flow-hazardous .right-content-wrap .main .flow .flex .col.flow-txt p {
      font-size: 3rem;
    }
  }
  #flow-hazardous .right-content-wrap .main .flow .flex .col.flow-img {
    width: 37.3rem;
  }
  #flow-hazardous .right-content-wrap .main .flow .flex .col.flow-img figure {
    width: 100%;
  }
  #flow-hazardous .right-content-wrap .main .flow .flex .col.flow-img figure img {
    width: auto;
    height: auto;
    max-width: 100%;
  }
  #flow-hazardous .right-content-wrap .main .flow .flex:last-child:after {
    display: none;
  }
  #flow-hazardous .right-content-wrap .main .flow .flex + .flex {
    margin-top: 3rem;
  }
  #flow-hazardous .right-content-wrap .main .photos {
    padding: 9rem 0;
    background: #fafafa;
  }
  @media screen and (max-width: 768px) {
    #flow-hazardous .right-content-wrap .main .photos {
      padding: 8rem 3rem;
    }
  }
  #flow-hazardous .right-content-wrap .main .photos .container {
    max-width: 102.4rem;
    margin: auto;
  }
  #flow-hazardous .right-content-wrap .main .photos .container .image-area {
    position: relative;
    height: 85rem;
  }
  @media screen and (max-width: 768px) {
    #flow-hazardous .right-content-wrap .main .photos .container .image-area {
      height: 120rem;
    }
  }
  #flow-hazardous .right-content-wrap .main .photos .container .image-area figure.img01 {
    position: absolute;
    top: 0;
    left: 8.2rem;
    width: 28.5rem;
  }
  #flow-hazardous .right-content-wrap .main .photos .container .image-area figure.img01 img {
    width: 56rem;
  }
  #flow-hazardous .right-content-wrap .main .photos .container .image-area figure.img02 {
    position: absolute;
    top: 0;
    left: 38.9rem;
    width: 39.5rem;
  }
  #flow-hazardous .right-content-wrap .main .photos .container .image-area figure.img02 img {
    width: 79rem;
  }
  #flow-hazardous .right-content-wrap .main .photos .container .image-area figure.img03 {
    position: absolute;
    top: 14rem;
    left: 81rem;
    width: 24.3rem;
  }
  #flow-hazardous .right-content-wrap .main .photos .container .image-area figure.img03 img {
    width: 48.6rem;
  }
  #flow-hazardous .right-content-wrap .main .photos .container .image-area figure.img04 {
    position: absolute;
    top: 53.4rem;
    left: -3rem;
    width: 24.3rem;
  }
  #flow-hazardous .right-content-wrap .main .photos .container .image-area figure.img04 img {
    width: 48.6rem;
  }
  #flow-hazardous .right-content-wrap .main .photos .container .image-area figure.img05 {
    position: absolute;
    top: 48.2rem;
    left: 24rem;
    width: 39.5rem;
  }
  #flow-hazardous .right-content-wrap .main .photos .container .image-area figure.img05 img {
    width: 79rem;
  }
  #flow-hazardous .right-content-wrap .main .photos .container .image-area figure.img06 {
    position: absolute;
    top: 36.7rem;
    left: 65.7rem;
    width: 28rem;
  }
  #flow-hazardous .right-content-wrap .main .photos .container .image-area figure.img06 img {
    width: 56rem;
  }
  @media screen and (max-width: 1140px) and (min-width: 768px) {
    #flow-hazardous .right-content-wrap .main .photos .container .image-area figure.img04 {
      left: 0;
    }
    #flow-hazardous .right-content-wrap .main .photos .container .image-area figure.img05 {
      left: 27rem;
    }
    #flow-hazardous .right-content-wrap .main .photos .container .image-area figure.img06 {
      left: 68.7rem;
    }
  }
  @media screen and (max-width: 768px) {
    #flow-hazardous .right-content-wrap .main .photos .container .image-area figure.img01 {
      top: 0;
      left: 0;
      width: 25.2rem;
    }
    #flow-hazardous .right-content-wrap .main .photos .container .image-area figure.img02 {
      top: 0;
      left: auto;
      right: 0rem;
      width: 37.8rem;
    }
    #flow-hazardous .right-content-wrap .main .photos .container .image-area figure.img03 {
      top: 47.7rem;
      left: 0;
      width: 31.5rem;
    }
    #flow-hazardous .right-content-wrap .main .photos .container .image-area figure.img04 {
      top: 36rem;
      right: 0;
      left: auto;
      width: 31.5rem;
    }
    #flow-hazardous .right-content-wrap .main .photos .container .image-area figure.img05 {
      top: 82rem;
      left: 0;
      width: 37.8rem;
    }
    #flow-hazardous .right-content-wrap .main .photos .container .image-area figure.img06 {
      top: 70rem;
      right: 0;
      left: auto;
      width: 25.2rem;
    }
  }
  #flow-hazardous .right-content-wrap .main .photos .container .image-area figure img {
    width: auto;
    height: auto;
    max-width: 100%;
  }
  #flow-hazardous .right-content-wrap .main .photos .container .image-area figure figcaption {
    margin-top: 0.8rem;
    font-size: 1.2rem;
    text-align: left;
  }
  #flow-hazardous .right-content-wrap .main .photos .container .button-row {
    display: flex;
    justify-content: center;
  }
  @media screen and (max-width: 768px) {
    #flow-hazardous .right-content-wrap .main .photos .container .button-row {
      flex-direction: column;
    }
  }
  #flow-hazardous .right-content-wrap .main .photos .container .button-row .button-col {
    width: 50%;
  }
  @media screen and (max-width: 768px) {
    #flow-hazardous .right-content-wrap .main .photos .container .button-row .button-col {
      width: 100%;
    }
    #flow-hazardous .right-content-wrap .main .photos .container .button-row .button-col:not(:last-child) {
      margin-bottom: 3rem;
    }
  }
  #flow-hazardous .right-content-wrap .main .photos .container .button {
    display: block;
    margin: auto;
    padding: 1.533rem 0.8rem;
    max-width: 28.8rem;
    width: 100%;
    background: #fff;
    color: #333;
    border: solid 1px #caccdc;
    box-shadow: 0 0 6rem rgba(0, 0, 0, 0.1);
    font-size: 1.4rem;
    text-align: center;
    border-radius: 4px;
    transition: 0.2s;
  }
  @media screen and (max-width: 768px) {
    #flow-hazardous .right-content-wrap .main .photos .container .button {
      max-width: 52rem;
      padding: 2.7rem 0.8rem;
      font-size: 2.4rem;
    }
  }
  #flow-hazardous .right-content-wrap .main .photos .container .button:hover {
    background: #2e3776;
    color: #fff;
  }

  /*================= ▼flow-unit =================*/
  #flow-bousai :target {
    scroll-margin-top: var(--header-height);
  }
  @media screen and (max-width: 768px) {
    #flow-bousai :target {
      scroll-margin-top: 11rem;
    }
  }
  #flow-bousai figure {
    text-align: center;
  }
  #flow-bousai img {
    width: auto;
    height: auto;
    max-width: 100%;
  }
  #flow-bousai .under-mv .headline {
    background-image: url("/assets/images/flow/unit/bg_flow-unit.jpg");
  }
  @media screen and (max-width: 768px) {
    #flow-bousai .under-mv .headline {
      background-image: url("/assets/images/flow/unit/bg_flow-unit_sp.jpg");
    }
    #flow-bousai .header .header-inner .sp-header h1 a img {
      width: 14.7rem;
      height: 4rem;
    }

  }
  #flow-bousai .under-mv .headline::before {
    content: attr(data-text) "";
    position: absolute;
    bottom: -2rem;
    left: 0;
    z-index: 10;
    letter-spacing: -0.8rem;
    color: rgba(0, 0, 0, 0);
    font-size: 10rem;
    font-family: "Abril Fatface", cursive;
    -webkit-text-stroke: 0.5px #fff;
  }
  #flow-bousai .under-mv .breadcrumb::before {
    width: 3.2rem;
    height: 1.3rem;
    background-image: url("/assets/images/flow/unit/ic_flow-unit.svg");
  }
  @media screen and (max-width: 768px) {
    #flow-bousai .under-mv .breadcrumb::before {
      width: 4.9rem;
      height: 2rem;
    }
  }
  #flow-bousai .right-content-wrap .main .title-type-1 {
    position: relative;
    font-size: 1.6rem;
    margin-bottom: 4rem;
    font-weight: 700;
    white-space: nowrap;
  }
  @media screen and (max-width: 768px) {
    #flow-bousai .right-content-wrap .main .title-type-1 {
      text-align: right;
      margin-bottom: 8rem;
      font-size: 2.4rem;
    }
  }
  #flow-bousai .right-content-wrap .main .title-type-1:after {
    content: "";
    display: block;
    margin: 1.4rem 0 0 0;
    width: 4rem;
    height: 0.6rem;
    background-color: #000;
  }
  @media screen and (max-width: 768px) {
    #flow-bousai .right-content-wrap .main .title-type-1:after {
      display: none;
    }
  }
  #flow-bousai .right-content-wrap .main .title-type-1 span {
    position: relative;
    margin: 0 1.6rem 0 0;
    font-size: 3.6rem;
    font-family: "Abril Fatface", cursive;
    font-weight: normal;
  }
  @media screen and (max-width: 768px) {
    #flow-bousai .right-content-wrap .main .title-type-1 span {
      display: block;
      font-size: 4.6rem;
      text-align: left;
    }
    #flow-bousai .right-content-wrap .main .title-type-1 span:after {
      content: "";
      display: block;
      margin: 1.4rem 0 0 0;
      width: 4rem;
      height: 6px;
      background-color: #000;
    }
  }
  #flow-bousai .right-content-wrap .main .title-caption {
    font-size: 1.6rem;
    line-height: 1.6;
  }
  @media screen and (max-width: 768px) {
    #flow-bousai .right-content-wrap .main .title-caption {
      font-size: 3rem;
    }
  }
  #flow-bousai .right-content-wrap .main .whatis {
    padding: 6rem 9.8rem;
  }
  @media screen and (max-width: 768px) {
    #flow-bousai .right-content-wrap .main .whatis {
      padding: 8rem 3rem;
    }
  }
  #flow-bousai .right-content-wrap .main .whatis .container {
    max-width: 102.4rem;
    margin: auto;
  }
  #flow-bousai .right-content-wrap .main .whatis p {
    font-size: 1.6rem;
    line-height: 2.25;
    letter-spacing: 0.05em;
    margin: 2.9rem 0 0 0;
  }
  @media screen and (max-width: 768px) {
    #flow-bousai .right-content-wrap .main .whatis p {
      font-size: 3rem;
    }
  }
  #flow-bousai .right-content-wrap .main .goodpoints {
    padding: 6rem 9.8rem;
    background: #eeeeee;
  }
  @media screen and (max-width: 768px) {
    #flow-bousai .right-content-wrap .main .goodpoints {
      padding: 8rem 3rem;
    }
  }
  #flow-bousai .right-content-wrap .main .goodpoints .container {
    max-width: 102.4rem;
    margin: auto;
  }
  #flow-bousai .right-content-wrap .main .goodpoints .goodpoints-list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3, 1fr);
    gap: 3rem;
  }
  @media screen and (max-width: 768px) {
    #flow-bousai .right-content-wrap .main .goodpoints .goodpoints-list {
      -ms-grid-columns: (1fr)[1];
      grid-template-columns: repeat(1, 1fr);
    }
  }
  #flow-bousai .right-content-wrap .main .goodpoints .goodpoints-list .col {
    background-color: #fff;
    box-shadow: 0 0.4rem 0.8rem rgba(0, 0, 0, 0.1);
  }
  #flow-bousai .right-content-wrap .main .goodpoints .goodpoints-list .col .box {
    display: flex;
  }
  #flow-bousai .right-content-wrap .main .goodpoints .goodpoints-list .col .box .inner {
    margin: 2.8rem 4rem;
    width: 100%;
  }
  @media screen and (max-width: 768px) {
    #flow-bousai .right-content-wrap .main .goodpoints .goodpoints-list .col .box .inner {
      margin: 10rem 8rem;
    }
  }
  #flow-bousai .right-content-wrap .main .goodpoints .goodpoints-list .col .box h3 {
    margin: 0 auto 2rem;
    min-height: 8.2rem;
    font-size: 1.8rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    line-height: 1.6;
    text-align: center;
  }
  @media screen and (max-width: 768px) {
    #flow-bousai .right-content-wrap .main .goodpoints .goodpoints-list .col .box h3 {
      margin-bottom: 8rem;
      min-height: initial;
      font-size: 3.6rem;
    }
  }
  #flow-bousai .right-content-wrap .main .goodpoints .goodpoints-list .col .box h3 span {
    display: flex;
    justify-content: center;
    font-size: 1.2rem;
    font-weight: 500;
  }
  @media screen and (max-width: 768px) {
    #flow-bousai .right-content-wrap .main .goodpoints .goodpoints-list .col .box h3 span {
      margin-bottom: 3rem;
      font-size: 2.4rem;
    }
  }
  #flow-bousai .right-content-wrap .main .goodpoints .goodpoints-list .col .box p {
    font-size: 1.6rem;
    line-height: 1.75;
    letter-spacing: 0.05em;
    text-align: justify;
  }
  @media screen and (max-width: 768px) {
    #flow-bousai .right-content-wrap .main .goodpoints .goodpoints-list .col .box p {
      font-size: 3rem;
    }
  }
  #flow-bousai .right-content-wrap .main .flow {
    padding: 6rem 9.8rem;
    background: #fafafa;
    font-size: 1.6rem;
  }
  @media screen and (max-width: 768px) {
    #flow-bousai .right-content-wrap .main .flow {
      padding: 8rem 3rem;
    }
  }
  #flow-bousai .right-content-wrap .main .flow .container {
    max-width: 102.4rem;
    margin: auto;
  }
  #flow-bousai .right-content-wrap .main .flow .flex {
    position: relative;
    justify-content: space-between;
    align-items: center;
    margin: 4rem auto 0;
    padding: 2rem 6rem;
    background: #fff;
    box-shadow: 0 0.4rem 0.8rem rgba(0, 0, 0, 0.1);
    z-index: 2;
  }
  @media screen and (max-width: 768px) {
    #flow-bousai .right-content-wrap .main .flow .flex {
      flex-direction: column;
      padding: 7rem 8rem;
    }
  }
  #flow-bousai .right-content-wrap .main .flow .flex:before {
    content: "";
    display: block;
    position: absolute;
    top: 5px;
    left: 5px;
    width: 100%;
    height: 100%;
    background: transparent;
    border-right: solid 1px #bababa;
    border-bottom: solid 1px #bababa;
    z-index: 1;
  }
  #flow-bousai .right-content-wrap .main .flow .flex:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto auto -3.8rem auto;
    width: 1.4rem;
    height: 3.8rem;
    background-size: auto auto;
    background-color: white;
    background-image: repeating-linear-gradient(45deg, transparent, transparent 4px, #2e3776 4px, #2e3776 6px);
    z-index: 0;
  }
  #flow-bousai .right-content-wrap .main .flow .flex .col {
    position: relative;
    z-index: 3;
  }
  #flow-bousai .right-content-wrap .main .flow .flex .col.flow-txt {
    text-align: center;
    width: 46rem;
  }
  @media screen and (max-width: 768px) {
    #flow-bousai .right-content-wrap .main .flow .flex .col.flow-txt {
      padding: 0 0 5rem 0;
      width: 100%;
    }
  }
  #flow-bousai .right-content-wrap .main .flow .flex .col.flow-txt h3 {
    margin-bottom: 2rem;
    font-size: 1.8rem;
    font-weight: 700;
    letter-spacing: 0.1em;
  }
  @media screen and (max-width: 768px) {
    #flow-bousai .right-content-wrap .main .flow .flex .col.flow-txt h3 {
      font-size: 3.6rem;
    }
  }
  #flow-bousai .right-content-wrap .main .flow .flex .col.flow-txt p {
    font-size: 1.6rem;
    letter-spacing: 0.05em;
    line-height: 1.7;
  }
  @media screen and (max-width: 768px) {
    #flow-bousai .right-content-wrap .main .flow .flex .col.flow-txt p {
      font-size: 3rem;
    }
  }
  #flow-bousai .right-content-wrap .main .flow .flex .col.flow-img {
    width: 37.3rem;
  }
  #flow-bousai .right-content-wrap .main .flow .flex .col.flow-img figure {
    width: 100%;
  }
  #flow-bousai .right-content-wrap .main .flow .flex .col.flow-img figure img {
    width: auto;
    height: auto;
    max-width: 100%;
  }
  #flow-bousai .right-content-wrap .main .flow .flex:last-child:after {
    display: none;
  }
  #flow-bousai .right-content-wrap .main .flow .flex + .flex {
    margin-top: 3rem;
  }
  #flow-bousai .right-content-wrap .main .photos {
    padding: 9rem 0;
    background: #fafafa;
  }
  @media screen and (max-width: 768px) {
    #flow-bousai .right-content-wrap .main .photos {
      padding: 8rem 3rem;
    }
  }
  #flow-bousai .right-content-wrap .main .photos .container {
    max-width: 102.4rem;
    margin: auto;
  }
  #flow-bousai .right-content-wrap .main .photos .container .image-area {
    position: relative;
    height: 85rem;
  }
  @media screen and (max-width: 768px) {
    #flow-bousai .right-content-wrap .main .photos .container .image-area {
      height: 120rem;
    }
  }
  #flow-bousai .right-content-wrap .main .photos .container .image-area figure.img01 {
    position: absolute;
    top: 0;
    left: 8.2rem;
    width: 28.5rem;
  }
  #flow-bousai .right-content-wrap .main .photos .container .image-area figure.img01 img {
    width: 56rem;
  }
  #flow-bousai .right-content-wrap .main .photos .container .image-area figure.img02 {
    position: absolute;
    top: 0;
    left: 38.9rem;
    width: 39.5rem;
  }
  #flow-bousai .right-content-wrap .main .photos .container .image-area figure.img02 img {
    width: 79rem;
  }
  #flow-bousai .right-content-wrap .main .photos .container .image-area figure.img03 {
    position: absolute;
    top: 14rem;
    left: 81rem;
    width: 24.3rem;
  }
  #flow-bousai .right-content-wrap .main .photos .container .image-area figure.img03 img {
    width: 48.6rem;
  }
  #flow-bousai .right-content-wrap .main .photos .container .image-area figure.img04 {
    position: absolute;
    top: 53.4rem;
    left: -3rem;
    width: 24.3rem;
  }
  #flow-bousai .right-content-wrap .main .photos .container .image-area figure.img04 img {
    width: 48.6rem;
  }
  #flow-bousai .right-content-wrap .main .photos .container .image-area figure.img05 {
    position: absolute;
    top: 48.2rem;
    left: 24rem;
    width: 39.5rem;
  }
  #flow-bousai .right-content-wrap .main .photos .container .image-area figure.img05 img {
    width: 79rem;
  }
  #flow-bousai .right-content-wrap .main .photos .container .image-area figure.img06 {
    position: absolute;
    top: 36.7rem;
    left: 65.7rem;
    width: 28rem;
  }
  #flow-bousai .right-content-wrap .main .photos .container .image-area figure.img06 img {
    width: 56rem;
  }
  @media screen and (max-width: 1140px) and (min-width: 768px) {
    #flow-bousai .right-content-wrap .main .photos .container .image-area figure.img04 {
      left: 0;
    }
    #flow-bousai .right-content-wrap .main .photos .container .image-area figure.img05 {
      left: 27rem;
    }
    #flow-bousai .right-content-wrap .main .photos .container .image-area figure.img06 {
      left: 68.7rem;
    }
  }
  @media screen and (max-width: 768px) {
    #flow-bousai .right-content-wrap .main .photos .container .image-area figure.img01 {
      top: 0;
      left: 0;
      width: 25.2rem;
    }
    #flow-bousai .right-content-wrap .main .photos .container .image-area figure.img02 {
      top: 0;
      left: auto;
      right: 0rem;
      width: 37.8rem;
    }
    #flow-bousai .right-content-wrap .main .photos .container .image-area figure.img03 {
      top: 47.7rem;
      left: 0;
      width: 31.5rem;
    }
    #flow-bousai .right-content-wrap .main .photos .container .image-area figure.img04 {
      top: 36rem;
      right: 0;
      left: auto;
      width: 31.5rem;
    }
    #flow-bousai .right-content-wrap .main .photos .container .image-area figure.img05 {
      top: 82rem;
      left: 0;
      width: 37.8rem;
    }
    #flow-bousai .right-content-wrap .main .photos .container .image-area figure.img06 {
      top: 70rem;
      right: 0;
      left: auto;
      width: 25.2rem;
    }
  }
  #flow-bousai .right-content-wrap .main .photos .container .image-area figure img {
    width: auto;
    height: auto;
    max-width: 100%;
  }
  #flow-bousai .right-content-wrap .main .photos .container .image-area figure figcaption {
    margin-top: 0.8rem;
    font-size: 1.2rem;
    text-align: left;
    font-feature-settings: "palt";
  }
  #flow-bousai .right-content-wrap .main .photos .container .button-row {
    display: flex;
    justify-content: center;
  }
  @media screen and (max-width: 768px) {
    #flow-bousai .right-content-wrap .main .photos .container .button-row {
      flex-direction: column;
    }
  }
  #flow-bousai .right-content-wrap .main .photos .container .button-row .button-col {
    width: 50%;
  }
  @media screen and (max-width: 768px) {
    #flow-bousai .right-content-wrap .main .photos .container .button-row .button-col {
      width: 100%;
    }
    #flow-bousai .right-content-wrap .main .photos .container .button-row .button-col:not(:last-child) {
      margin-bottom: 3rem;
    }
  }
  #flow-bousai .right-content-wrap .main .photos .container .button {
    display: block;
    margin: auto;
    padding: 1.533rem 0.8rem;
    max-width: 28.8rem;
    width: 100%;
    background: #fff;
    color: #333;
    border: solid 1px #caccdc;
    box-shadow: 0 0 6rem rgba(0, 0, 0, 0.1);
    font-size: 1.4rem;
    text-align: center;
    border-radius: 4px;
    transition: 0.2s;
  }
  @media screen and (max-width: 768px) {
    #flow-bousai .right-content-wrap .main .photos .container .button {
      max-width: 52rem;
      padding: 2.7rem 0.8rem;
      font-size: 2.4rem;
    }
  }
  #flow-bousai .right-content-wrap .main .photos .container .button:hover {
    background: #2e3776;
    color: #fff;
  }
  #flow-bousai .right-content-wrap .main .products {
    padding: 6rem 9.8rem;
    background: #fafafa;
    font-size: 1.6rem;
  }
  @media screen and (max-width: 768px) {
    #flow-bousai .right-content-wrap .main .products {
      padding: 8rem 3rem 6rem;
    }
  }
  #flow-bousai .right-content-wrap .main .products .container {
    max-width: 102.4rem;
    margin: auto;
  }
  #flow-bousai .right-content-wrap .main .products .products-lineup {
    margin: 0 0 10rem 0;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 2rem;
  }
  @media screen and (max-width: 768px) {
    #flow-bousai .right-content-wrap .main .products .products-lineup {
      justify-content: space-between;
      gap: 3rem;
    }
  }
  #flow-bousai .right-content-wrap .main .products .products-lineup li {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding: 0;
    background: #fff;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.09);
    border: solid 2px transparent;
    border-radius: 8px;
    width: 24rem;
    height: 20rem;
    transition: border 0.2s ease;
  }
  @media screen and (max-width: 768px) {
    #flow-bousai .right-content-wrap .main .products .products-lineup li {
      padding: 0;
      width: 33.8rem;
      height: 24rem;
    }
  }
  #flow-bousai .right-content-wrap .main .products .products-lineup li::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 2.4rem;
    left: 50%;
    width: 0.7rem;
    height: 0.7rem;
    transform: translateX(-50%) rotate(45deg);
    border-right: solid 1px var(--main-color);
    border-bottom: solid 1px var(--main-color);
  }
  @media screen and (max-width: 768px) {
    #flow-bousai .right-content-wrap .main .products .products-lineup li::after {
      top: 3.8rem;
      right: 3rem;
      bottom: auto;
      left: auto;
      width: 7px;
      height: 7px;
      transform: rotate(45deg);
    }
  }
  #flow-bousai .right-content-wrap .main .products .products-lineup li:hover {
    border: solid 2px var(--main-color);
  }
  #flow-bousai .right-content-wrap .main .products .products-lineup li a {
    display: flex;
    align-items: center;
    padding: 2.4rem 3rem 3.2rem;
    height: 100%;
  }
  @media screen and (max-width: 768px) {
    #flow-bousai .right-content-wrap .main .products .products-lineup li a {
      padding: 2.6rem 1rem;
    }
  }
  #flow-bousai .right-content-wrap .main .products .products-lineup li dl dt {
    margin: 0 0 2rem 0;
    font-style: 1.8rem;
    text-align: center;
    color: var(--main-color);
    font-weight: 700;
    line-height: 1.3333;
  }
  @media screen and (max-width: 768px) {
    #flow-bousai .right-content-wrap .main .products .products-lineup li dl dt {
      font-size: 2.8rem;
    }
  }
  #flow-bousai .right-content-wrap .main .products .products-lineup li dl dd {
    font-size: 1.4rem;
    line-height: 1.42;
    color: var(--main-color);
    text-align: center;
  }
  @media screen and (max-width: 768px) {
    #flow-bousai .right-content-wrap .main .products .products-lineup li dl dd {
      margin: 4rem 0 0 0;
      text-align: center;
      font-size: 2rem;
    }
  }
  #flow-bousai .right-content-wrap .main .products .products-item {
    padding: 2rem;
    background: #fff;
  }
  #flow-bousai .right-content-wrap .main .products .products-item:not(:last-of-type) {
    margin-bottom: 8rem;
  }
  #flow-bousai .right-content-wrap .main .products .products-item .products-title {
    margin: 0 0 2rem 0;
    display: flex;
    justify-content: flex-start;
  }
  #flow-bousai .right-content-wrap .main .products .products-item .products-title dt {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 24rem;
    min-height: 12rem;
    background: var(--main-color);
    color: #fff;
    font-size: 2rem;
    text-align: center;
    line-height: 1.6;
  }
  @media screen and (max-width: 768px) {
    #flow-bousai .right-content-wrap .main .products .products-item .products-title dt {
      font-size: 2.8rem;
      text-align: center;
      min-height: 20.8rem;
    }
  }
  #flow-bousai .right-content-wrap .main .products .products-item .products-title dd {
    padding: 0 0 0 3.6rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 74.4rem;
    min-height: 12rem;
    border: solid 1px #bababa;
    box-sizing: border-box;
    font-size: 1.4rem;
    line-height: 1.7;
  }
  @media screen and (max-width: 768px) {
    #flow-bousai .right-content-wrap .main .products .products-item .products-title dd {
      padding: 3rem 3rem 3rem 3.6rem;
      width: 42.4rem;
      font-size: 2rem;
    }
  }
  #flow-bousai .right-content-wrap .main .products .products-item .products-title dd p {
    margin: 0;
    text-align: left;
  }
  #flow-bousai .right-content-wrap .main .products .products-item .products-title dd p:nth-child(1) {
    color: var(--main-color);
    font-size: 1.8rem;
    font-weight: 700;
  }
  @media screen and (max-width: 768px) {
    #flow-bousai .right-content-wrap .main .products .products-item .products-title dd p:nth-child(1) {
      font-size: 2.8rem;
    }
  }
  #flow-bousai .right-content-wrap .main .products .products-item .products-title dd p:nth-child(2) {
    font-size: 1.8rem;
    font-weight: 700;
  }
  @media screen and (max-width: 768px) {
    #flow-bousai .right-content-wrap .main .products .products-item .products-title dd p:nth-child(2) {
      font-size: 2.8rem;
    }
  }
  #flow-bousai .right-content-wrap .main .products .products-item .products-title dd p:nth-child(3) {
    margin-top: 1.6rem;
    font-size: 1.4rem;
    font-weight: 400;
  }
  @media screen and (max-width: 768px) {
    #flow-bousai .right-content-wrap .main .products .products-item .products-title dd p:nth-child(3) {
      font-size: 2rem;
    }
  }
  #flow-bousai .right-content-wrap .main .products .products-item .products-image {
    margin: 0 0 3.3rem 0;
    display: flex;
    justify-content: space-between;
    gap: 0 3.2rem;
  }
  @media screen and (max-width: 768px) {
    #flow-bousai .right-content-wrap .main .products .products-item .products-image {
      margin: 0 0 4rem 0;
      flex-direction: column;
      gap: 0 4rem;
    }
  }
  #flow-bousai .right-content-wrap .main .products .products-item .products-image figure {
    width: 47.6rem;
  }
  @media screen and (max-width: 768px) {
    #flow-bousai .right-content-wrap .main .products .products-item .products-image figure {
      width: 100%;
    }
  }
  #flow-bousai .right-content-wrap .main .products .products-item .products-image .link-btn {
    width: 100%;
    max-width: 27.2rem;
    margin: 2rem auto 0;
    color: #333;
    background: #fff;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    border: 1px solid #caccdc;
    transition: color 0.3s ease, background-color 0.3s ease;
  }
  @media screen and (max-width: 768px) {
    #flow-bousai .right-content-wrap .main .products .products-item .products-image .link-btn {
      margin: 4rem auto 0;
      max-width: 52rem;
    }
  }
  #flow-bousai .right-content-wrap .main .products .products-item .products-image .link-btn a {
    display: block;
    padding: 1.6rem 0;
    text-align: center;
    font-size: 1.4rem;
    letter-spacing: 0.06em;
  }
  @media screen and (max-width: 768px) {
    #flow-bousai .right-content-wrap .main .products .products-item .products-image .link-btn a {
      padding: 2.8rem 0;
      font-size: 2.4rem;
    }
  }
  #flow-bousai .right-content-wrap .main .products .products-item .products-image .link-btn a span {
    position: relative;
    padding-left: 2.5rem;
  }
  @media screen and (max-width: 768px) {
    #flow-bousai .right-content-wrap .main .products .products-item .products-image .link-btn a span {
      padding-left: 4.4rem;
    }
  }
  #flow-bousai .right-content-wrap .main .products .products-item .products-image .link-btn a span::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 1.6rem;
    height: 1.6rem;
    background-image: url(/assets/images/common/ic_search_navy.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    transition: background-image 0.3s ease;
  }
  @media screen and (max-width: 768px) {
    #flow-bousai .right-content-wrap .main .products .products-item .products-image .link-btn a span::before {
      width: 2.2rem;
      height: 2.2rem;
    }
  }
  #flow-bousai .right-content-wrap .main .products .products-item .products-image .link-btn:hover {
    color: #fff;
    background: var(--main-color);
  }
  #flow-bousai .right-content-wrap .main .products .products-item .products-image .link-btn:hover span::before {
    background-image: url(/assets/images/common/ic_search_white.svg);
  }
  #flow-bousai .right-content-wrap .main .products .products-item .products-image .image-discription {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    padding: 3.6rem 0 0 0;
    width: 49rem;
  }
  @media screen and (max-width: 768px) {
    #flow-bousai .right-content-wrap .main .products .products-item .products-image .image-discription {
      display: block;
      margin: 4rem 0 0 0;
      padding: 0;
      width: 100%;
    }
  }
  @media screen and (max-width: 768px) {
    #flow-bousai .right-content-wrap .main .products .products-item .products-image .image-discription dl.point {
      margin: auto;
      width: 52rem;
    }
  }
  #flow-bousai .right-content-wrap .main .products .products-item .products-image .image-discription dl.point dt {
    position: relative;
    margin: 0 0 2rem 0;
    padding: 0 0 0 2rem;
    font-size: 1.8rem;
    font-weight: 700;
  }
  @media screen and (max-width: 768px) {
    #flow-bousai .right-content-wrap .main .products .products-item .products-image .image-discription dl.point dt {
      padding: 0 0 0 4rem;
      font-size: 2.8rem;
    }
  }
  #flow-bousai .right-content-wrap .main .products .products-item .products-image .image-discription dl.point dt::before {
    content: "▲";
    display: block;
    position: absolute;
    top: 0.4rem;
    left: 0;
    font-size: 1.4rem;
    color: var(--main-color);
    transform: rotate(90deg);
  }
  @media screen and (max-width: 768px) {
    #flow-bousai .right-content-wrap .main .products .products-item .products-image .image-discription dl.point dt::before {
      top: 50%;
      transform: translateY(-50%) rotate(90deg);
    }
  }
  #flow-bousai .right-content-wrap .main .products .products-item .products-image .image-discription dl.point dd {
    padding: 0 0 0 2rem;
  }
  @media screen and (max-width: 768px) {
    #flow-bousai .right-content-wrap .main .products .products-item .products-image .image-discription dl.point dd {
      padding: 0;
    }
  }
  #flow-bousai .right-content-wrap .main .products .products-item .products-image .image-discription dl.point dd ul {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 0 4rem;
  }
  #flow-bousai .right-content-wrap .main .products .products-item .products-image .image-discription dl.point dd ul li {
    margin: 0 0 1.4rem 0;
    padding: 0 0 0 1.2rem;
    position: relative;
    font-size: 1.2rem;
    letter-spacing: 0.05em;
  }
  @media screen and (max-width: 768px) {
    #flow-bousai .right-content-wrap .main .products .products-item .products-image .image-discription dl.point dd ul li {
      padding: 0 0 0 2.4rem;
      font-size: 2.8rem;
    }
  }
  #flow-bousai .right-content-wrap .main .products .products-item .products-image .image-discription dl.point dd ul li::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 0.4rem;
    height: 0.4rem;
    background: #333;
  }
  @media screen and (max-width: 768px) {
    #flow-bousai .right-content-wrap .main .products .products-item .products-image .image-discription dl.point dd ul li::before {
      width: 1rem;
      height: 1rem;
    }
  }
  #flow-bousai .right-content-wrap .main .products .products-item .products-image .image-discription table {
    margin: 0 0 0 2rem;
  }
  @media screen and (max-width: 768px) {
    #flow-bousai .right-content-wrap .main .products .products-item .products-image .image-discription table {
      margin: auto;
      width: 52rem;
    }
  }
  #flow-bousai .right-content-wrap .main .products .products-item .products-image .image-discription table tbody tr {
    display: flex;
    justify-content: space-between;
    width: 100%;
    border-bottom: solid 1px #ddd;
  }
  #flow-bousai .right-content-wrap .main .products .products-item .products-image .image-discription table tbody tr.price {
    align-items: flex-end;
  }
  #flow-bousai .right-content-wrap .main .products .products-item .products-image .image-discription table tbody tr th,
  #flow-bousai .right-content-wrap .main .products .products-item .products-image .image-discription table tbody tr td {
    padding: 1.6rem 0;
  }
  #flow-bousai .right-content-wrap .main .products .products-item .products-image .image-discription table tbody tr th {
    font-size: 1.6rem;
    font-weight: 700;
  }
  @media screen and (max-width: 768px) {
    #flow-bousai .right-content-wrap .main .products .products-item .products-image .image-discription table tbody tr th {
      width: 50%;
      font-size: 2.2rem;
    }
  }
  #flow-bousai .right-content-wrap .main .products .products-item .products-image .image-discription table tbody tr td {
    font-size: 1.4rem;
  }
  @media screen and (max-width: 768px) {
    #flow-bousai .right-content-wrap .main .products .products-item .products-image .image-discription table tbody tr td {
      width: 50%;
      text-align: right;
    }
  }
  #flow-bousai .right-content-wrap .main .products .products-item .products-image .image-discription table tbody tr td dl {
    display: flex;
  }
  #flow-bousai .right-content-wrap .main .products .products-item .products-image .image-discription table tbody tr td dl dt {
    margin: 0 3rem 0 0;
    font-weight: normal;
  }
  #flow-bousai .right-content-wrap .main .products .products-item .products-image .image-discription table tbody tr td dl dd {
    margin-left: auto;
  }
  #flow-bousai .right-content-wrap .main .products .products-item .products-image .image-discription table tbody tr td dl dd span {
    margin-left: 0.8rem;
  }
  #flow-bousai .right-content-wrap .main .products .products-item .products-image .image-discription table tbody tr td .yen {
    margin-left: 0.8rem;
    font-size: 1.2rem;
  }
  #flow-bousai .right-content-wrap .main .products .products-item .products-image .image-discription table tbody tr.price th {
    vertical-align: bottom;
    color: #000;
  }
  #flow-bousai .right-content-wrap .main .products .products-item .products-image .image-discription table tbody tr.price td {
    color: #0f23ac;
    font-size: 3rem;
    letter-spacing: 0.05rem;
    text-align: right;
    font-weight: 700;
  }
  @media screen and (max-width: 768px) {
    #flow-bousai .right-content-wrap .main .products .products-item .products-image .image-discription table tbody tr.price td {
      font-size: 3.6rem;
    }
  }
  #flow-bousai .right-content-wrap .main .products .products-item .products-image .image-discription table tbody tr.price td .yen {
    margin-left: 1rem;
    font-size: 1.8rem;
    font-weight: 400;
  }
  @media screen and (max-width: 768px) {
    #flow-bousai .right-content-wrap .main .products .products-item .products-image .image-discription table tbody tr.price td .yen {
      font-size: 2.4rem;
    }
  }
  #flow-bousai .right-content-wrap .main .products .products-item .products-image .image-discription table tbody tr.price.total th {
    font-weight: bold;
    color: #000;
  }
  @media screen and (max-width: 768px) {
    #flow-bousai .right-content-wrap .main .products .products-item .products-image .image-discription table tbody tr.price.total th {
      font-size: 1.6rem;
    }
  }
  #flow-bousai .right-content-wrap .main .products .products-item .products-image .image-discription table tbody tr.price.total td {
    font-weight: bold;
  }
  #flow-bousai .right-content-wrap .main .products .products-item .products-image .image-discription table tbody tr.other {
    font-size: 1.4rem;
  }
  #flow-bousai .right-content-wrap .main .products .products-item .products-image .image-discription table tbody tr.other th .tax {
    font-size: 1.1rem;
  }
  @media screen and (max-width: 768px) {
    #flow-bousai .right-content-wrap .main .products .products-item .products-image .image-discription table tbody tr.other th .tax {
      font-size: 1.8rem;
    }
  }
  @media screen and (max-width: 768px) {
    #flow-bousai .right-content-wrap .main .products .products-item .products-image .image-discription table tbody tr.other td {
      font-size: 2rem;
    }
  }
  #flow-bousai .right-content-wrap .main .products .products-item .products-image .image-discription table tbody tr.other .yen2 {
    margin-left: 1em;
    font-size: 1.2rem;
  }
  @media screen and (max-width: 768px) {
    #flow-bousai .right-content-wrap .main .products .products-item .products-image .image-discription table tbody tr.other .yen2 {
      font-size: 1.8rem;
    }
  }
  #flow-bousai .right-content-wrap .main .products .products-item .products-image .image-discription table tbody tr:last-child th,
  #flow-bousai .right-content-wrap .main .products .products-item .products-image .image-discription table tbody tr:last-child td {
    border-bottom: none;
  }
  #flow-bousai .right-content-wrap .main .products .products-item .products-image .image-discription table + ul {
    margin: 1.7rem 0 0 2rem;
  }
  @media screen and (max-width: 768px) {
    #flow-bousai .right-content-wrap .main .products .products-item .products-image .image-discription table + ul {
      margin: 1.6rem auto 0;
      width: 52rem;
    }
  }
  #flow-bousai .right-content-wrap .main .products .products-item .products-image .image-discription table + ul li {
    line-height: 1.6;
    font-size: 1.2rem;
  }
  @media screen and (max-width: 768px) {
    #flow-bousai .right-content-wrap .main .products .products-item .products-image .image-discription table + ul li {
      font-size: 1.6rem;
    }
  }
  #flow-bousai .right-content-wrap .main .products .product-option h3 {
    position: relative;
    margin: 0 0 1.6rem 0;
    padding-left: 2rem;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1.5;
  }
  @media screen and (max-width: 768px) {
    #flow-bousai .right-content-wrap .main .products .product-option h3 {
      padding-left: 4rem;
      font-size: 2.8rem;
    }
  }
  #flow-bousai .right-content-wrap .main .products .product-option h3::before {
    content: "▲";
    display: block;
    position: absolute;
    top: 0.4rem;
    left: 0px;
    font-size: 1.4rem;
    color: var(--main-color);
    transform: rotate(90deg);
  }
  @media screen and (max-width: 768px) {
    #flow-bousai .right-content-wrap .main .products .product-option h3::before {
      font-size: 2.8rem;
    }
  }
  #flow-bousai .right-content-wrap .main .products .product-option ul {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 0 1.2rem;
  }
  @media screen and (max-width: 768px) {
    #flow-bousai .right-content-wrap .main .products .product-option ul {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: 1fr 1fr 1fr 1fr;
      grid-template-columns: 1fr 1fr 1fr 1fr;
      gap: 2rem;
    }
  }
  #flow-bousai .right-content-wrap .main .products .product-option ul li {
    width: 8.7rem;
  }
  @media screen and (max-width: 768px) {
    #flow-bousai .right-content-wrap .main .products .product-option ul li {
      margin-bottom: 1rem;
      width: auto;
    }
  }
  #flow-bousai .right-content-wrap .main .products .product-option ul li figure figcaption {
    margin: 0.7rem 0 0 0;
    text-align: left;
    font-size: 1.2rem;
    font-feature-settings: "palt";
  }
  @media screen and (max-width: 768px) {
    #flow-bousai .right-content-wrap .main .products .product-option ul li figure figcaption {
      font-size: 2rem;
    }
  }
  #flow-bousai .right-content-wrap .main .products .product-option ul + h3 {
    margin-top: 2rem;
  }
  @media screen and (max-width: 768px) {
    #flow-bousai .right-content-wrap .main .products .product-option ul + h3 {
      margin-top: 4rem;
    }
  }
  #flow-bousai .right-content-wrap .main .choices {
    padding: 6rem 0 6rem;
    background: #fafafa;
  }
  @media screen and (max-width: 768px) {
    #flow-bousai .right-content-wrap .main .choices {
      padding: 8rem 3rem 6rem;
    }
  }
  #flow-bousai .right-content-wrap .main .choices .container {
    max-width: 102.4rem;
    margin: auto;
  }
  #flow-bousai .right-content-wrap .main .choices ul {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 0 2rem;
  }
  @media screen and (max-width: 768px) {
    #flow-bousai .right-content-wrap .main .choices ul {
      justify-content: space-between;
      gap: 3rem 2.4rem;
    }
  }
  #flow-bousai .right-content-wrap .main .choices ul li {
    width: 32.8rem;
  }
  @media screen and (max-width: 768px) {
    #flow-bousai .right-content-wrap .main .choices ul li {
      width: 33.9rem;
    }
  }
  #flow-bousai .right-content-wrap .main .choices ul li figure figcaption {
    margin: 2rem 0 0 0;
    font-size: 1.4rem;
    text-align: left;
    font-feature-settings: "palt";
  }
  @media screen and (max-width: 768px) {
    #flow-bousai .right-content-wrap .main .choices ul li figure figcaption {
      font-size: 2rem;
    }
  }
  #flow-bousai .right-content-wrap .main .option {
    padding: 6rem 0 6rem;
    background: #fafafa;
  }
  @media screen and (max-width: 768px) {
    #flow-bousai .right-content-wrap .main .option {
      padding: 8rem 3rem 6rem;
    }
  }
  #flow-bousai .right-content-wrap .main .option .container {
    max-width: 102.4rem;
    margin: auto;
  }
  #flow-bousai .right-content-wrap .main .option ul {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 4rem 1.2rem;
  }
  @media screen and (max-width: 768px) {
    #flow-bousai .right-content-wrap .main .option ul {
      justify-content: space-between;
      gap: 3rem 2.4rem;
    }
  }
  #flow-bousai .right-content-wrap .main .option ul li {
    width: 19.5rem;
  }
  @media screen and (max-width: 768px) {
    #flow-bousai .right-content-wrap .main .option ul li {
      width: 33.9rem;
    }
  }
  #flow-bousai .right-content-wrap .main .option ul li figure figcaption {
    margin: 1.2rem 0 0 0;
    font-size: 1.4rem;
    text-align: left;
    font-feature-settings: "palt";
  }
  @media screen and (max-width: 768px) {
    #flow-bousai .right-content-wrap .main .option ul li figure figcaption {
      margin: 2rem 0 0 0;
      font-size: 2rem;
    }
  }
  #flow-bousai .right-content-wrap .main .list {
    padding: 6rem 9.8rem 10rem;
    background: #fafafa;
    font-size: 1.6rem;
  }
  @media screen and (max-width: 768px) {
    #flow-bousai .right-content-wrap .main .list {
      padding: 8rem 3rem;
    }
  }
  #flow-bousai .right-content-wrap .main .list .container {
    max-width: 102.4rem;
    margin: auto;
  }
  @media screen and (max-width: 768px) {
    #flow-bousai .right-content-wrap .main .list h2.title-type-1 {
      margin-bottom: 4rem !important;
    }
  }
  #flow-bousai .right-content-wrap .main .list table {
    border-bottom: solid 1px #fff;
    width: 100%;
  }
  @media screen and (max-width: 768px) {
    #flow-bousai .right-content-wrap .main .list table {
      table-layout: fixed;
    }
  }
  #flow-bousai .right-content-wrap .main .list table th,
  #flow-bousai .right-content-wrap .main .list table td {
    line-height: 1.7;
  }
  #flow-bousai .right-content-wrap .main .list table thead tr th {
    padding: 1.6rem 1.6rem;
    border-left: solid 1px #fff;
    background: #eee;
    color: #333;
    font-weight: 700;
    font-size: 1.6rem;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
    word-wrap: break-word;
  }
  @media screen and (max-width: 768px) {
    #flow-bousai .right-content-wrap .main .list table thead tr th {
      padding: 3rem 0;
      font-size: 1.6rem;
    }
  }
  #flow-bousai .right-content-wrap .main .list table thead tr th:nth-child(1) {
    width: 16rem;
  }
  @media screen and (max-width: 768px) {
    #flow-bousai .right-content-wrap .main .list table thead tr th:nth-child(1) {
      width: 11rem;
    }
  }
  #flow-bousai .right-content-wrap .main .list table thead tr th:not(:first-of-type) {
    width: 28.8rem;
  }
  @media screen and (max-width: 768px) {
    #flow-bousai .right-content-wrap .main .list table thead tr th:not(:first-of-type) {
      width: 19.8rem;
    }
  }
  #flow-bousai .right-content-wrap .main .list table tbody tr:first-of-type td {
    border-top: #fff;
  }
  #flow-bousai .right-content-wrap .main .list table tbody tr th {
    vertical-align: middle;
    padding: 1.6rem 1.6rem;
    border-top: solid 1px #fff;
    background: #eee;
    width: 37.2rem;
    color: #333;
    font-weight: 700;
    font-size: 1.6rem;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
    word-wrap: break-word;
  }
  @media screen and (max-width: 768px) {
    #flow-bousai .right-content-wrap .main .list table tbody tr th {
      padding: 3rem 0;
      width: 11rem;
      font-size: 1.6rem;
    }
  }
  #flow-bousai .right-content-wrap .main .list table tbody tr td {
    padding: 1.6rem 1.6rem;
    border-top: solid 1px #ddd;
    border-right: solid 1px #ddd;
    background: transparent;
    color: #333;
    font-weight: 400;
    font-size: 1.6rem;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
    word-wrap: break-word;
  }
  @media screen and (max-width: 768px) {
    #flow-bousai .right-content-wrap .main .list table tbody tr td {
      padding: 3rem 0;
      width: 19.8rem;
      font-size: 1.6rem;
    }
  }
  #flow-bousai .right-content-wrap .main .list table tbody tr td:last-of-type {
    border-right: none;
    border-bottom: solid 1px #ddd;
  }
  #flow-bousai .right-content-wrap .main .other-options {
    padding: 8rem 9.8rem 8rem;
    background: #fafafa;
    font-size: 1.6rem;
  }
  @media screen and (max-width: 768px) {
    #flow-bousai .right-content-wrap .main .other-options {
      padding: 8rem 3rem;
    }
  }
  #flow-bousai .right-content-wrap .main .other-options .container {
    max-width: 102.4rem;
    margin: auto;
  }
  @media screen and (max-width: 768px) {
    #flow-bousai .right-content-wrap .main .other-options h2.title-type-1 {
      margin-bottom: 4rem !important;
    }
  }
  #flow-bousai .right-content-wrap .main .other-options table {
    border-bottom: solid 1px #fff;
    width: 100%;
  }
  @media screen and (max-width: 768px) {
    #flow-bousai .right-content-wrap .main .other-options table {
      table-layout: fixed;
    }
  }
  #flow-bousai .right-content-wrap .main .other-options table th,
  #flow-bousai .right-content-wrap .main .other-options table td {
    line-height: 1.7;
  }
  #flow-bousai .right-content-wrap .main .other-options table tbody tr:first-of-type th,
  #flow-bousai .right-content-wrap .main .other-options table tbody tr:first-of-type td {
    border-top: solid 1px #ddd;
  }
  #flow-bousai .right-content-wrap .main .other-options table tbody tr th {
    vertical-align: middle;
    padding: 1.6rem 1.6rem;
    border-top: solid 1px #fff;
    background: #eee;
    width: 16rem;
    color: #333;
    font-weight: 700;
    font-size: 1.6rem;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
    word-wrap: break-word;
  }
  @media screen and (max-width: 768px) {
    #flow-bousai .right-content-wrap .main .other-options table tbody tr th {
      padding: 3rem 0;
      width: 11rem;
      font-size: 1.6rem;
    }
  }
  #flow-bousai .right-content-wrap .main .other-options table tbody tr td {
    padding: 1.6rem 1.6rem;
    border-top: solid 1px #ddd;
    border-right: solid 1px #ddd;
    background: transparent;
    width: 35.2rem;
    color: #333;
    font-weight: 400;
    font-size: 1.6rem;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
    word-wrap: break-word;
  }
  @media screen and (max-width: 768px) {
    #flow-bousai .right-content-wrap .main .other-options table tbody tr td {
      padding: 3rem 0;
      width: 19.8rem;
      font-size: 1.6rem;
    }
  }
  #flow-bousai .right-content-wrap .main .other-options table tbody tr td:last-of-type {
    border-right: none;
    border-bottom: solid 1px #ddd;
  }
  #flow-bousai .right-content-wrap .main .other-options table + ul {
    margin: 2rem 0 0 0;
  }
  @media screen and (max-width: 768px) {
    #flow-bousai .right-content-wrap .main .other-options table + ul {
      margin: 4rem 0 0 0;
    }
  }
  #flow-bousai .right-content-wrap .main .other-options .note li {
    line-height: 1.6;
    font-size: 1.2rem;
  }
  @media screen and (max-width: 768px) {
    #flow-bousai .right-content-wrap .main .other-options .note li {
      font-size: 1.6rem;
    }
  }

  /*================= ▼flow-unit =================*/
  #flow-kikenbutsu {
    font-feature-settings: "palt";
  }
  #flow-kikenbutsu :target {
    scroll-margin-top: var(--header-height);
  }
  @media screen and (max-width: 768px) {
    #flow-kikenbutsu :target {
      scroll-margin-top: 11rem;
    }
  }
  #flow-kikenbutsu figure {
    text-align: center;
  }
  #flow-kikenbutsu img {
    width: auto;
    height: auto;
    max-width: 100%;
  }
  #flow-kikenbutsu .under-mv .headline {
    background-image: url("/assets/images/flow/unit/bg_flow-unit.jpg");
  }
  @media screen and (max-width: 768px) {
    #flow-kikenbutsu .under-mv .headline {
      background-image: url("/assets/images/flow/unit/bg_flow-unit_sp.jpg");
    }
    #flow-kikenbutsu .header .header-inner .sp-header h1 a img {
      width: 14.7rem;
      height: 4rem;
    }

  }
  #flow-kikenbutsu .under-mv .headline::before {
    content: attr(data-text) "";
    position: absolute;
    bottom: -2rem;
    left: 0;
    z-index: 10;
    letter-spacing: -0.8rem;
    color: rgba(0, 0, 0, 0);
    font-size: 11rem;
    font-family: "Abril Fatface", cursive;
    -webkit-text-stroke: 0.5px #fff;
  }
  #flow-kikenbutsu .under-mv .breadcrumb::before {
    width: 3.2rem;
    height: 1.3rem;
    background-image: url("/assets/images/flow/unit/ic_flow-unit.svg");
  }
  @media screen and (max-width: 768px) {
    #flow-kikenbutsu .under-mv .breadcrumb::before {
      width: 4.9rem;
      height: 2rem;
    }
  }
  #flow-kikenbutsu .right-content-wrap .main .title-type-1 {
    position: relative;
    font-size: 1.6rem;
    margin-bottom: 3rem;
    font-weight: 700;
  }
  @media screen and (max-width: 768px) {
    #flow-kikenbutsu .right-content-wrap .main .title-type-1 {
      text-align: right;
      margin-bottom: 8rem;
      font-size: 2.4rem;
    }
  }
  #flow-kikenbutsu .right-content-wrap .main .title-type-1:after {
    content: "";
    display: block;
    margin: 1.4rem 0 0 0;
    width: 4rem;
    height: 0.6rem;
    background-color: #000;
  }
  @media screen and (max-width: 768px) {
    #flow-kikenbutsu .right-content-wrap .main .title-type-1:after {
      display: none;
    }
  }
  #flow-kikenbutsu .right-content-wrap .main .title-type-1 span {
    position: relative;
    margin: 0 1.6rem 0 0;
    font-size: 3.6rem;
    font-family: "Abril Fatface", cursive;
    font-weight: normal;
  }
  @media screen and (max-width: 768px) {
    #flow-kikenbutsu .right-content-wrap .main .title-type-1 span {
      display: block;
      font-size: 4.6rem;
      text-align: left;
    }
    #flow-kikenbutsu .right-content-wrap .main .title-type-1 span:after {
      content: "";
      display: block;
      margin: 1.4rem 0 0 0;
      width: 4rem;
      height: 6px;
      background-color: #000;
    }
  }
  #flow-kikenbutsu .right-content-wrap .main .title-caption {
    font-size: 1.6rem;
    line-height: 1.6;
  }
  @media screen and (max-width: 768px) {
    #flow-kikenbutsu .right-content-wrap .main .title-caption {
      font-size: 3rem;
    }
  }
  #flow-kikenbutsu .right-content-wrap .main .whatis {
    padding: 6rem 9.8rem;
  }
  @media screen and (max-width: 768px) {
    #flow-kikenbutsu .right-content-wrap .main .whatis {
      padding: 8rem 3rem;
    }
  }
  #flow-kikenbutsu .right-content-wrap .main .whatis .container {
    max-width: 102.4rem;
    margin: auto;
  }
  #flow-kikenbutsu .right-content-wrap .main .whatis p {
    font-size: 1.6rem;
    line-height: 2.25;
    letter-spacing: 0.05em;
    margin: 2.9rem 0 0 0;
  }
  @media screen and (max-width: 768px) {
    #flow-kikenbutsu .right-content-wrap .main .whatis p {
      font-size: 3rem;
    }
  }
  #flow-kikenbutsu .right-content-wrap .main .goodpoints {
    padding: 6rem 9.8rem;
    background: #eeeeee;
  }
  @media screen and (max-width: 768px) {
    #flow-kikenbutsu .right-content-wrap .main .goodpoints {
      padding: 8rem 3rem;
    }
  }
  #flow-kikenbutsu .right-content-wrap .main .goodpoints .container {
    max-width: 102.4rem;
    margin: auto;
  }
  #flow-kikenbutsu .right-content-wrap .main .goodpoints .goodpoints-list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
    gap: 3rem;
  }
  @media screen and (max-width: 768px) {
    #flow-kikenbutsu .right-content-wrap .main .goodpoints .goodpoints-list {
      -ms-grid-columns: (1fr)[1];
      grid-template-columns: repeat(1, 1fr);
    }
  }
  #flow-kikenbutsu .right-content-wrap .main .goodpoints .goodpoints-list .col {
    background-color: #fff;
    box-shadow: 0 0.4rem 0.8rem rgba(0, 0, 0, 0.1);
  }
  #flow-kikenbutsu .right-content-wrap .main .goodpoints .goodpoints-list .col .box {
    display: flex;
  }
  #flow-kikenbutsu .right-content-wrap .main .goodpoints .goodpoints-list .col .box .inner {
    margin: 2.8rem 4rem;
    width: 100%;
  }
  @media screen and (max-width: 768px) {
    #flow-kikenbutsu .right-content-wrap .main .goodpoints .goodpoints-list .col .box .inner {
      margin: 10rem 8rem;
    }
  }
  #flow-kikenbutsu .right-content-wrap .main .goodpoints .goodpoints-list .col .box h3 {
    margin: 0 auto 2rem;
    min-height: 6.2rem;
    font-size: 1.8rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    line-height: 1.6;
    text-align: center;
  }
  @media screen and (max-width: 768px) {
    #flow-kikenbutsu .right-content-wrap .main .goodpoints .goodpoints-list .col .box h3 {
      margin-bottom: 8rem;
      min-height: initial;
      font-size: 3.6rem;
    }
  }
  #flow-kikenbutsu .right-content-wrap .main .goodpoints .goodpoints-list .col .box h3 span {
    margin-bottom: 1rem;
    display: flex;
    justify-content: center;
    font-size: 1.2rem;
    font-weight: 500;
  }
  @media screen and (max-width: 768px) {
    #flow-kikenbutsu .right-content-wrap .main .goodpoints .goodpoints-list .col .box h3 span {
      margin-bottom: 3rem;
      font-size: 2.4rem;
    }
  }
  #flow-kikenbutsu .right-content-wrap .main .goodpoints .goodpoints-list .col .box p {
    font-size: 1.6rem;
    line-height: 1.75;
    letter-spacing: 0.05em;
    text-align: justify;
  }
  @media screen and (max-width: 768px) {
    #flow-kikenbutsu .right-content-wrap .main .goodpoints .goodpoints-list .col .box p {
      font-size: 3rem;
    }
  }
  #flow-kikenbutsu .right-content-wrap .main .flow {
    padding: 6rem 9.8rem;
    background: #fafafa;
    font-size: 1.6rem;
  }
  @media screen and (max-width: 768px) {
    #flow-kikenbutsu .right-content-wrap .main .flow {
      padding: 8rem 3rem;
    }
  }
  #flow-kikenbutsu .right-content-wrap .main .flow .container {
    max-width: 102.4rem;
    margin: auto;
  }
  #flow-kikenbutsu .right-content-wrap .main .flow .flex {
    position: relative;
    justify-content: space-between;
    align-items: center;
    margin: 4rem auto 0;
    padding: 2rem 6rem;
    background: #fff;
    box-shadow: 0 0.4rem 0.8rem rgba(0, 0, 0, 0.1);
    z-index: 2;
  }
  @media screen and (max-width: 768px) {
    #flow-kikenbutsu .right-content-wrap .main .flow .flex {
      flex-direction: column;
      padding: 7rem 8rem;
    }
  }
  #flow-kikenbutsu .right-content-wrap .main .flow .flex:before {
    content: "";
    display: block;
    position: absolute;
    top: 5px;
    left: 5px;
    width: 100%;
    height: 100%;
    background: transparent;
    border-right: solid 1px #bababa;
    border-bottom: solid 1px #bababa;
    z-index: 1;
  }
  #flow-kikenbutsu .right-content-wrap .main .flow .flex:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto auto -3.8rem auto;
    width: 1.4rem;
    height: 3.8rem;
    background-size: auto auto;
    background-color: white;
    background-image: repeating-linear-gradient(45deg, transparent, transparent 4px, #2e3776 4px, #2e3776 6px);
    z-index: 0;
  }
  #flow-kikenbutsu .right-content-wrap .main .flow .flex .col {
    position: relative;
    z-index: 3;
  }
  #flow-kikenbutsu .right-content-wrap .main .flow .flex .col.flow-txt {
    text-align: center;
    width: 46rem;
  }
  @media screen and (max-width: 768px) {
    #flow-kikenbutsu .right-content-wrap .main .flow .flex .col.flow-txt {
      padding: 0 0 5rem 0;
      width: 100%;
    }
  }
  #flow-kikenbutsu .right-content-wrap .main .flow .flex .col.flow-txt h3 {
    margin-bottom: 2rem;
    font-size: 1.8rem;
    font-weight: 700;
    letter-spacing: 0.1em;
  }
  @media screen and (max-width: 768px) {
    #flow-kikenbutsu .right-content-wrap .main .flow .flex .col.flow-txt h3 {
      font-size: 3.6rem;
    }
  }
  #flow-kikenbutsu .right-content-wrap .main .flow .flex .col.flow-txt p {
    font-size: 1.6rem;
    letter-spacing: 0.05em;
    line-height: 1.7;
  }
  @media screen and (max-width: 768px) {
    #flow-kikenbutsu .right-content-wrap .main .flow .flex .col.flow-txt p {
      font-size: 3rem;
    }
  }
  #flow-kikenbutsu .right-content-wrap .main .flow .flex .col.flow-img {
    width: 37.3rem;
  }
  #flow-kikenbutsu .right-content-wrap .main .flow .flex .col.flow-img figure {
    width: 100%;
  }
  #flow-kikenbutsu .right-content-wrap .main .flow .flex .col.flow-img figure img {
    width: auto;
    height: auto;
    max-width: 100%;
  }
  #flow-kikenbutsu .right-content-wrap .main .flow .flex:last-child:after {
    display: none;
  }
  #flow-kikenbutsu .right-content-wrap .main .flow .flex + .flex {
    margin-top: 3rem;
  }
  #flow-kikenbutsu .right-content-wrap .main .photos {
    padding: 9rem 0;
    background: #fafafa;
  }
  @media screen and (max-width: 768px) {
    #flow-kikenbutsu .right-content-wrap .main .photos {
      padding: 8rem 3rem;
    }
  }
  #flow-kikenbutsu .right-content-wrap .main .photos .container {
    max-width: 102.4rem;
    margin: auto;
  }
  #flow-kikenbutsu .right-content-wrap .main .photos .container .image-area {
    position: relative;
    height: 85rem;
  }
  @media screen and (max-width: 768px) {
    #flow-kikenbutsu .right-content-wrap .main .photos .container .image-area {
      height: 120rem;
    }
  }
  #flow-kikenbutsu .right-content-wrap .main .photos .container .image-area figure.img01 {
    position: absolute;
    top: 0;
    left: 8.2rem;
    width: 28.5rem;
  }
  #flow-kikenbutsu .right-content-wrap .main .photos .container .image-area figure.img01 img {
    width: 56rem;
  }
  #flow-kikenbutsu .right-content-wrap .main .photos .container .image-area figure.img02 {
    position: absolute;
    top: 0;
    left: 38.9rem;
    width: 39.5rem;
  }
  #flow-kikenbutsu .right-content-wrap .main .photos .container .image-area figure.img02 img {
    width: 79rem;
  }
  #flow-kikenbutsu .right-content-wrap .main .photos .container .image-area figure.img03 {
    position: absolute;
    top: 14rem;
    left: 81rem;
    width: 24.3rem;
  }
  #flow-kikenbutsu .right-content-wrap .main .photos .container .image-area figure.img03 img {
    width: 48.6rem;
  }
  #flow-kikenbutsu .right-content-wrap .main .photos .container .image-area figure.img04 {
    position: absolute;
    top: 53.4rem;
    left: -3rem;
    width: 24.3rem;
  }
  #flow-kikenbutsu .right-content-wrap .main .photos .container .image-area figure.img04 img {
    width: 48.6rem;
  }
  #flow-kikenbutsu .right-content-wrap .main .photos .container .image-area figure.img05 {
    position: absolute;
    top: 48.2rem;
    left: 24rem;
    width: 39.5rem;
  }
  #flow-kikenbutsu .right-content-wrap .main .photos .container .image-area figure.img05 img {
    width: 79rem;
  }
  #flow-kikenbutsu .right-content-wrap .main .photos .container .image-area figure.img06 {
    position: absolute;
    top: 36.7rem;
    left: 65.7rem;
    width: 28rem;
  }
  #flow-kikenbutsu .right-content-wrap .main .photos .container .image-area figure.img06 img {
    width: 56rem;
  }
  @media screen and (max-width: 1140px) and (min-width: 768px) {
    #flow-kikenbutsu .right-content-wrap .main .photos .container .image-area figure.img04 {
      left: 0;
    }
    #flow-kikenbutsu .right-content-wrap .main .photos .container .image-area figure.img05 {
      left: 27rem;
    }
    #flow-kikenbutsu .right-content-wrap .main .photos .container .image-area figure.img06 {
      left: 68.7rem;
    }
  }
  @media screen and (max-width: 768px) {
    #flow-kikenbutsu .right-content-wrap .main .photos .container .image-area figure.img01 {
      top: 0;
      left: 0;
      width: 25.2rem;
    }
    #flow-kikenbutsu .right-content-wrap .main .photos .container .image-area figure.img02 {
      top: 0;
      left: auto;
      right: 0rem;
      width: 37.8rem;
    }
    #flow-kikenbutsu .right-content-wrap .main .photos .container .image-area figure.img03 {
      top: 47.7rem;
      left: 0;
      width: 31.5rem;
    }
    #flow-kikenbutsu .right-content-wrap .main .photos .container .image-area figure.img04 {
      top: 36rem;
      right: 0;
      left: auto;
      width: 31.5rem;
    }
    #flow-kikenbutsu .right-content-wrap .main .photos .container .image-area figure.img05 {
      top: 82rem;
      left: 0;
      width: 37.8rem;
    }
    #flow-kikenbutsu .right-content-wrap .main .photos .container .image-area figure.img06 {
      top: 70rem;
      right: 0;
      left: auto;
      width: 25.2rem;
    }
  }
  #flow-kikenbutsu .right-content-wrap .main .photos .container .image-area figure img {
    width: auto;
    height: auto;
    max-width: 100%;
  }
  #flow-kikenbutsu .right-content-wrap .main .photos .container .image-area figure figcaption {
    margin-top: 0.8rem;
    font-size: 1.2rem;
    text-align: left;
  }
  #flow-kikenbutsu .right-content-wrap .main .photos .container .button-row {
    display: flex;
    justify-content: space-between;
    max-width: 65.6rem;
    margin: auto;
  }
  @media screen and (max-width: 768px) {
    #flow-kikenbutsu .right-content-wrap .main .photos .container .button-row {
      max-width: none;
    }
  }
  @media screen and (max-width: 768px) {
    #flow-kikenbutsu .right-content-wrap .main .photos .container .button-row {
      flex-direction: column;
    }
  }
  #flow-kikenbutsu .right-content-wrap .main .photos .container .button-row .button-col {
    width: 50%;
  }
  @media screen and (max-width: 768px) {
    #flow-kikenbutsu .right-content-wrap .main .photos .container .button-row .button-col {
      width: 100%;
    }
    #flow-kikenbutsu .right-content-wrap .main .photos .container .button-row .button-col:not(:last-child) {
      margin-bottom: 3rem;
    }
  }
  #flow-kikenbutsu .right-content-wrap .main .photos .container .button {
    display: block;
    margin: auto;
    padding: 1.533rem 0.8rem;
    max-width: 28.8rem;
    width: 100%;
    background: #fff;
    color: #333;
    border: solid 1px #caccdc;
    box-shadow: 0 0 6rem rgba(0, 0, 0, 0.1);
    font-size: 1.4rem;
    text-align: center;
    border-radius: 4px;
    transition: 0.2s;
  }
  @media screen and (max-width: 768px) {
    #flow-kikenbutsu .right-content-wrap .main .photos .container .button {
      max-width: 52rem;
      padding: 2.7rem 0.8rem;
      font-size: 2.4rem;
    }
  }
  #flow-kikenbutsu .right-content-wrap .main .photos .container .button:hover {
    background: #2e3776;
    color: #fff;
  }
  #flow-kikenbutsu .products {
    padding: 6rem 9.8rem;
    background: #fafafa;
    font-size: 1.6rem;
  }
  @media screen and (max-width: 768px) {
    #flow-kikenbutsu .products {
      padding: 8rem 3rem 6rem;
    }
  }
  #flow-kikenbutsu .products .container {
    max-width: 102.4rem;
    margin: auto;
  }
  #flow-kikenbutsu .products .products-lineup {
    margin: 0 0 10rem 0;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 1rem;
  }
  @media screen and (max-width: 768px) {
    #flow-kikenbutsu .products .products-lineup {
      justify-content: space-between;
      gap: 3rem;
    }
  }
  #flow-kikenbutsu .products .products-lineup li {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    padding: 0;
    background: #fff;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.09);
    border: solid 2px transparent;
    border-radius: 8px;
    width: 24rem;
    height: 20rem;
    transition: border 0.2s ease;
  }
  @media screen and (max-width: 768px) {
    #flow-kikenbutsu .products .products-lineup li {
      padding: 0;
      width: 32.1rem;
      height: 24rem;
    }
  }
  #flow-kikenbutsu .products .products-lineup li::after {
    content: "";
    display: block;
    position: absolute;
    bottom: 2.4rem;
    left: 50%;
    width: 0.7rem;
    height: 0.7rem;
    transform: translateX(-50%) rotate(45deg);
    border-right: solid 1px var(--main-color);
    border-bottom: solid 1px var(--main-color);
  }
  @media screen and (max-width: 768px) {
    #flow-kikenbutsu .products .products-lineup li::after {
      top: 3.8rem;
      right: 3rem;
      bottom: auto;
      left: auto;
      width: 7px;
      height: 7px;
      transform: rotate(45deg);
    }
  }
  #flow-kikenbutsu .products .products-lineup li:hover {
    border: solid 2px var(--main-color);
  }
  #flow-kikenbutsu .products .products-lineup li a {
    display: block;
    padding: 2.4rem 3rem 3.2rem;
    height: 100%;
  }
  @media screen and (max-width: 768px) {
    #flow-kikenbutsu .products .products-lineup li a {
      padding: 2.6rem 1rem;
    }
  }
  #flow-kikenbutsu .products .products-lineup li dl dt {
    margin: 0 0 2rem 0;
    font-style: 1.8rem;
    text-align: center;
    color: var(--main-color);
    font-weight: 700;
    line-height: 1.3333;
  }
  @media screen and (max-width: 768px) {
    #flow-kikenbutsu .products .products-lineup li dl dt {
      font-size: 2.8rem;
    }
  }
  #flow-kikenbutsu .products .products-lineup li dl dd {
    font-size: 1.4rem;
    line-height: 1.42;
    color: var(--main-color);
    text-align: center;
  }
  @media screen and (max-width: 768px) {
    #flow-kikenbutsu .products .products-lineup li dl dd {
      margin: 4rem 0 0 0;
      text-align: center;
      font-size: 1.6rem;
    }
  }
  #flow-kikenbutsu .products .products-item {
    padding: 2rem;
    background: #fff;
  }
  #flow-kikenbutsu .products .products-item:not(:last-of-type) {
    margin-bottom: 4rem;
  }
  #flow-kikenbutsu .products .products-item .products-title {
    margin: 0 0 2rem 0;
    display: flex;
    justify-content: flex-start;
  }
  #flow-kikenbutsu .products .products-item .products-title dt {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 24rem;
    min-height: 11rem;
    background: var(--main-color);
    color: #fff;
    font-size: 2rem;
    text-align: center;
    line-height: 1.6;
  }
  @media screen and (max-width: 768px) {
    #flow-kikenbutsu .products .products-item .products-title dt {
      font-size: 2.8rem;
      text-align: center;
      min-height: 16rem;
    }
  }
  #flow-kikenbutsu .products .products-item .products-title dd {
    padding: 2rem 0 2rem 3.6rem;
    width: 74.4rem;
    min-height: 11rem;
    border: solid 1px #bababa;
    box-sizing: border-box;
    line-height: 1.7;
  }
  @media screen and (max-width: 768px) {
    #flow-kikenbutsu .products .products-item .products-title dd {
      padding: 3rem 3rem 3rem 3.6rem;
      width: 42.4rem;
      font-size: 2rem;
    }
  }
  #flow-kikenbutsu .products .products-item .products-title dd p {
    margin: 0;
    text-align: left;
  }
  #flow-kikenbutsu .products .products-item .products-title dd p:nth-child(1) {
    color: var(--main-color);
    font-size: 1.8rem;
    font-weight: 700;
  }
  @media screen and (max-width: 768px) {
    #flow-kikenbutsu .products .products-item .products-title dd p:nth-child(1) {
      font-size: 2.8rem;
    }
  }
  #flow-kikenbutsu .products .products-item .products-title dd p:nth-child(2) {
    font-size: 1.8rem;
    font-weight: 700;
  }
  @media screen and (max-width: 768px) {
    #flow-kikenbutsu .products .products-item .products-title dd p:nth-child(2) {
      font-size: 2.8rem;
    }
  }
  #flow-kikenbutsu .products .products-item .products-title dd p:nth-child(3) {
    margin-top: 1.6rem;
    font-size: 1.4rem;
    font-weight: 400;
  }
  @media screen and (max-width: 768px) {
    #flow-kikenbutsu .products .products-item .products-title dd p:nth-child(3) {
      font-size: 2rem;
    }
  }
  #flow-kikenbutsu .products .products-item .products-image {
    margin: 0 0 3.3rem 0;
    display: flex;
    justify-content: space-between;
    gap: 0 3.2rem;
  }
  @media screen and (max-width: 768px) {
    #flow-kikenbutsu .products .products-item .products-image {
      margin: 0 0 4rem 0;
      flex-direction: column;
      gap: 0 4rem;
    }
  }
  #flow-kikenbutsu .products .products-item .products-image figure {
    width: 47.6rem;
  }
  @media screen and (max-width: 768px) {
    #flow-kikenbutsu .products .products-item .products-image figure {
      width: 100%;
    }
  }
  #flow-kikenbutsu .products .products-item .products-image .link-btn {
    width: 100%;
    max-width: 27.2rem;
    margin: 2rem auto 0;
    color: #333;
    background: #fff;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    border: 1px solid #caccdc;
    transition: color 0.3s ease, background-color 0.3s ease;
  }
  @media screen and (max-width: 768px) {
    #flow-kikenbutsu .products .products-item .products-image .link-btn {
      margin: 4rem auto 0;
      max-width: 52rem;
    }
  }
  #flow-kikenbutsu .products .products-item .products-image .link-btn a {
    display: block;
    padding: 1.6rem 0;
    text-align: center;
    font-size: 1.4rem;
    letter-spacing: 0.06em;
  }
  @media screen and (max-width: 768px) {
    #flow-kikenbutsu .products .products-item .products-image .link-btn a {
      padding: 2.8rem 0;
      font-size: 2.4rem;
    }
  }
  #flow-kikenbutsu .products .products-item .products-image .link-btn a span {
    position: relative;
    padding-left: 2.5rem;
  }
  @media screen and (max-width: 768px) {
    #flow-kikenbutsu .products .products-item .products-image .link-btn a span {
      padding-left: 4.4rem;
    }
  }
  #flow-kikenbutsu .products .products-item .products-image .link-btn a span::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 1.6rem;
    height: 1.6rem;
    background-image: url(/assets/images/common/ic_search_navy.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    transition: background-image 0.3s ease;
  }
  @media screen and (max-width: 768px) {
    #flow-kikenbutsu .products .products-item .products-image .link-btn a span::before {
      width: 2.2rem;
      height: 2.2rem;
    }
  }
  #flow-kikenbutsu .products .products-item .products-image .link-btn:hover {
    color: #fff;
    background: var(--main-color);
  }
  #flow-kikenbutsu .products .products-item .products-image .link-btn:hover span::before {
    background-image: url(/assets/images/common/ic_search_white.svg);
  }
  #flow-kikenbutsu .products .products-item .products-image .image-discription {
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    padding: 4rem 0 0 0;
    width: 49rem;
  }
  @media screen and (max-width: 768px) {
    #flow-kikenbutsu .products .products-item .products-image .image-discription {
      display: block;
      margin: 4rem 0 0 0;
      padding: 0;
      width: 100%;
    }
  }
  #flow-kikenbutsu .products .products-item .products-image .image-discription table {
    margin: 2.7rem 0 1.8rem;
    width: 100%;
  }
  @media screen and (max-width: 768px) {
    #flow-kikenbutsu .products .products-item .products-image .image-discription table {
      margin: auto;
      width: 52rem;
    }
  }
  #flow-kikenbutsu .products .products-item .products-image .image-discription table tbody tr {
    display: flex;
    justify-content: space-between;
    width: 100%;
    border-bottom: solid 1px #ddd;
  }
  #flow-kikenbutsu .products .products-item .products-image .image-discription table tbody tr.price {
    align-items: flex-end;
  }
  #flow-kikenbutsu .products .products-item .products-image .image-discription table tbody tr th,
  #flow-kikenbutsu .products .products-item .products-image .image-discription table tbody tr td {
    padding: 1.7rem 0;
  }
  #flow-kikenbutsu .products .products-item .products-image .image-discription table tbody tr th {
    font-size: 1.6rem;
    font-weight: normal;
  }
  @media screen and (max-width: 768px) {
    #flow-kikenbutsu .products .products-item .products-image .image-discription table tbody tr th {
      width: 50%;
      font-size: 2.2rem;
    }
  }
  #flow-kikenbutsu .products .products-item .products-image .image-discription table tbody tr td {
    font-size: 1.4rem;
  }
  @media screen and (max-width: 768px) {
    #flow-kikenbutsu .products .products-item .products-image .image-discription table tbody tr td {
      width: 50%;
      text-align: right;
    }
  }
  #flow-kikenbutsu .products .products-item .products-image .image-discription table tbody tr td dl {
    display: flex;
  }
  #flow-kikenbutsu .products .products-item .products-image .image-discription table tbody tr td dl dt {
    margin: 0 3rem 0 0;
    font-weight: normal;
  }
  #flow-kikenbutsu .products .products-item .products-image .image-discription table tbody tr td dl dd {
    margin-left: auto;
  }
  #flow-kikenbutsu .products .products-item .products-image .image-discription table tbody tr td dl dd span {
    margin-left: 0.8rem;
  }
  #flow-kikenbutsu .products .products-item .products-image .image-discription table tbody tr td .yen {
    margin-left: 0.8rem;
    font-size: 1.2rem;
  }
  #flow-kikenbutsu .products .products-item .products-image .image-discription table tbody tr.price th {
    vertical-align: bottom;
    color: #000;
  }
  #flow-kikenbutsu .products .products-item .products-image .image-discription table tbody tr.price td {
    color: #0f23ac;
    font-size: 3rem;
    letter-spacing: 0.05rem;
    text-align: right;
    font-weight: 700;
  }
  @media screen and (max-width: 768px) {
    #flow-kikenbutsu .products .products-item .products-image .image-discription table tbody tr.price td {
      font-size: 3.6rem;
    }
  }
  #flow-kikenbutsu .products .products-item .products-image .image-discription table tbody tr.price td .yen {
    margin-left: 1rem;
    font-size: 1.8rem;
    font-weight: 400;
  }
  @media screen and (max-width: 768px) {
    #flow-kikenbutsu .products .products-item .products-image .image-discription table tbody tr.price td .yen {
      font-size: 2.4rem;
    }
  }
  #flow-kikenbutsu .products .products-item .products-image .image-discription table tbody tr.price.total th {
    font-weight: bold;
    color: #000;
  }
  @media screen and (max-width: 768px) {
    #flow-kikenbutsu .products .products-item .products-image .image-discription table tbody tr.price.total th {
      font-size: 1.6rem;
    }
  }
  #flow-kikenbutsu .products .products-item .products-image .image-discription table tbody tr.price.total td {
    font-weight: bold;
  }
  #flow-kikenbutsu .products .products-item .products-image .image-discription table tbody tr.other {
    font-size: 1.4rem;
  }
  #flow-kikenbutsu .products .products-item .products-image .image-discription table tbody tr.other th .tax {
    font-size: 1.1rem;
  }
  @media screen and (max-width: 768px) {
    #flow-kikenbutsu .products .products-item .products-image .image-discription table tbody tr.other th .tax {
      font-size: 1.8rem;
    }
  }
  @media screen and (max-width: 768px) {
    #flow-kikenbutsu .products .products-item .products-image .image-discription table tbody tr.other td {
      font-size: 2rem;
    }
  }
  #flow-kikenbutsu .products .products-item .products-image .image-discription table tbody tr.other .yen2 {
    margin-left: 1em;
    font-size: 1.2rem;
  }
  @media screen and (max-width: 768px) {
    #flow-kikenbutsu .products .products-item .products-image .image-discription table tbody tr.other .yen2 {
      font-size: 1.8rem;
    }
  }
  #flow-kikenbutsu .products .products-item .products-image .image-discription table tbody tr:last-child th,
  #flow-kikenbutsu .products .products-item .products-image .image-discription table tbody tr:last-child td {
    border-bottom: none;
  }
  #flow-kikenbutsu .products .products-item .products-image .image-discription table + ul {
    margin-top: 1.7rem;
  }
  @media screen and (max-width: 768px) {
    #flow-kikenbutsu .products .products-item .products-image .image-discription table + ul {
      margin: 1.6rem auto 0;
      width: 52rem;
    }
  }
  #flow-kikenbutsu .products .products-item .products-image .image-discription table + ul li {
    line-height: 1.6;
    font-size: 1.2rem;
  }
  @media screen and (max-width: 768px) {
    #flow-kikenbutsu .products .products-item .products-image .image-discription table + ul li {
      font-size: 1.6rem;
    }
  }
  #flow-kikenbutsu .products .product-option h3 {
    position: relative;
    margin: 0 0 1.6rem 0;
    padding-left: 2rem;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1.5;
  }
  @media screen and (max-width: 768px) {
    #flow-kikenbutsu .products .product-option h3 {
      padding-left: 4rem;
      font-size: 2.8rem;
    }
  }
  #flow-kikenbutsu .products .product-option h3::before {
    content: "▲";
    display: block;
    position: absolute;
    top: 0.4rem;
    left: 0px;
    font-size: 1.4rem;
    color: var(--main-color);
    transform: rotate(90deg);
  }
  @media screen and (max-width: 768px) {
    #flow-kikenbutsu .products .product-option h3::before {
      font-size: 2.8rem;
    }
  }
  #flow-kikenbutsu .products .product-option ul {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 0 1.2rem;
  }
  @media screen and (max-width: 768px) {
    #flow-kikenbutsu .products .product-option ul {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: 1fr 1fr 1fr 1fr;
      grid-template-columns: 1fr 1fr 1fr 1fr;
      gap: 2rem;
    }
  }
  #flow-kikenbutsu .products .product-option ul li {
    width: 8.7rem;
  }
  @media screen and (max-width: 768px) {
    #flow-kikenbutsu .products .product-option ul li {
      margin-bottom: 2rem;
      width: auto;
    }
  }
  #flow-kikenbutsu .products .product-option ul li figure figcaption {
    margin: 0.7rem 0 0 0;
    text-align: left;
    font-size: 1.2rem;
  }
  @media screen and (max-width: 768px) {
    #flow-kikenbutsu .products .product-option ul li figure figcaption {
      font-size: 2rem;
    }
  }
  #flow-kikenbutsu .products .product-option ul + h3 {
    margin-top: 2rem;
  }
  @media screen and (max-width: 768px) {
    #flow-kikenbutsu .products .product-option ul + h3 {
      margin-top: 4rem;
    }
  }
  #flow-kikenbutsu .list {
    padding: 6rem 9.8rem 10rem;
    background: #fafafa;
    font-size: 1.6rem;
  }
  @media screen and (max-width: 768px) {
    #flow-kikenbutsu .list {
      padding: 8rem 3rem 16rem;
    }
  }
  #flow-kikenbutsu .list .container {
    max-width: 102.4rem;
    margin: auto;
  }
  @media screen and (max-width: 768px) {
    #flow-kikenbutsu .list h2.title-type-1 {
      margin-bottom: 4rem !important;
    }
  }
  #flow-kikenbutsu .list table {
    border-bottom: solid 1px #ddd;
    width: 100%;
  }
  @media screen and (max-width: 768px) {
    #flow-kikenbutsu .list table {
      table-layout: fixed;
    }
  }
  #flow-kikenbutsu .list table th,
  #flow-kikenbutsu .list table td {
    line-height: 1.7;
  }
  #flow-kikenbutsu .list table thead tr th {
    padding: 1.6rem 1.6rem;
    border-left: solid 1px #fff;
    background: #eee;
    color: #333;
    font-weight: 700;
    font-size: 1.6rem;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
    word-wrap: break-word;
  }
  @media screen and (max-width: 768px) {
    #flow-kikenbutsu .list table thead tr th {
      padding: 3rem 0;
      font-size: 1.6rem;
    }
  }
  #flow-kikenbutsu .list table thead tr th:nth-child(1) {
    width: 16rem;
  }
  @media screen and (max-width: 768px) {
    #flow-kikenbutsu .list table thead tr th:nth-child(1) {
      width: 11rem;
    }
  }
  #flow-kikenbutsu .list table thead tr th:not(:first-of-type) {
    width: 28.8rem;
  }
  @media screen and (max-width: 768px) {
    #flow-kikenbutsu .list table thead tr th:not(:first-of-type) {
      width: 19.8rem;
    }
  }
  #flow-kikenbutsu .list table tbody tr th {
    vertical-align: middle;
    padding: 1.6rem 1.6rem;
    border-top: solid 1px #fff;
    background: #eee;
    width: 37.2rem;
    color: #333;
    font-weight: 700;
    font-size: 1.6rem;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
    word-wrap: break-word;
  }
  @media screen and (max-width: 768px) {
    #flow-kikenbutsu .list table tbody tr th {
      padding: 3rem 0;
      width: 11rem;
      font-size: 2rem;
    }
  }
  #flow-kikenbutsu .list table tbody tr td {
    padding: 1.6rem 1.6rem;
    border-top: solid 1px #ddd;
    border-right: solid 1px #ddd;
    background: #fff;
    color: #333;
    font-weight: 400;
    font-size: 1.6rem;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
    word-wrap: break-word;
  }
  @media screen and (max-width: 768px) {
    #flow-kikenbutsu .list table tbody tr td {
      padding: 3rem 0;
      width: 19.8rem;
      font-size: 2rem;
    }
  }
  #flow-kikenbutsu .list table tbody tr td:last-of-type {
    border-right: none;
  }

  /*================= ▼ flow =================*/
  #flow .under-mv .headline {
    height: 32rem;
    background-image: url("/assets/images/flow/bg_flow.jpg");
  }
  @media screen and (max-width: 768px) {
    #flow .under-mv .headline {
      background-image: url("/assets/images/flow/bg_flow_sp.jpg");
    }
  }
  #flow .under-mv .headline::before {
    width: 31rem;
    height: 12.2rem;
    background-image: url("/assets/images/flow/ttl_flow.svg");
  }
  #flow .under-mv .breadcrumb::before {
    width: 3.1rem;
    height: 1.5rem;
    background-image: url("/assets/images/flow/ic_flow.svg");
  }
  @media screen and (max-width: 768px) {
    #flow .under-mv .breadcrumb::before {
      width: 4.9rem;
      height: 2.4rem;
    }
  }
  #flow .title-type-1 {
    position: relative;
    font-size: 1.6rem;
    margin-bottom: 3rem;
    font-weight: 700;
  }
  @media screen and (max-width: 768px) {
    #flow .title-type-1 {
      font-size: 2.4rem;
      text-align: right;
      margin-bottom: 8rem;
    }
  }
  #flow .title-type-1::after {
    content: "";
    display: block;
    margin: 1.4rem 0 0 0;
    width: 4rem;
    height: 0.6rem;
    background-color: #000;
  }
  @media screen and (max-width: 768px) {
    #flow .title-type-1::after {
      display: none;
    }
  }
  #flow .title-type-1 span {
    position: relative;
    margin: 0 1.6rem 0 0;
    font-size: 3.6rem;
    font-family: "Abril Fatface", cursive;
    font-weight: normal;
  }
  @media screen and (max-width: 768px) {
    #flow .title-type-1 span {
      display: block;
      font-size: 4.6rem;
      text-align: left;
    }
    #flow .title-type-1 span::after {
      content: "";
      display: block;
      margin: 1.4rem 0 0 0;
      width: 4rem;
      height: 0.3rem;
      background-color: #000;
    }
  }
  #flow .flow-sec-01 {
    padding-top: 6rem;
    background: #fafafa;
  }
  @media screen and (max-width: 768px) {
    #flow .flow-sec-01 {
      padding-top: 8rem;
    }
  }
  #flow .flow-sec-01 .container {
    max-width: 102.4rem;
    margin: 0 auto;
  }
  @media screen and (max-width: 768px) {
    #flow .flow-sec-01 .container {
      padding: 0 3rem;
    }
  }
  #flow .flow-sec-01 .row p {
    text-align: center;
    font-size: 2rem;
    letter-spacing: 0.05em;
    line-height: 2;
  }
  @media screen and (max-width: 768px) {
    #flow .flow-sec-01 .row p {
      text-align: left;
      line-height: 2.4;
    }
  }
  #flow .flow-sec-02 {
    padding: 6.5rem 0;
    background: #fafafa;
  }
  @media screen and (max-width: 768px) {
    #flow .flow-sec-02 {
      padding: 8rem 0;
    }
  }
  #flow .flow-sec-02 .container {
    max-width: 102rem;
    margin: auto;
  }
  @media screen and (max-width: 768px) {
    #flow .flow-sec-02 .container {
      padding: 0 3rem;
    }
  }
  #flow .flow-sec-02 .container ul {
    position: relative;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: auto;
    max-width: 76rem;
  }
  #flow .flow-sec-02 .container ul::after {
    content: "";
    display: block;
    width: 24rem;
    height: 0;
  }
  #flow .flow-sec-02 .container ul li {
    display: inline-block;
    list-style-type: none;
    width: 24rem;
    height: 6.4rem;
  }
  #flow .flow-sec-02 .container ul li:nth-child(-n+3) {
    margin-bottom: 2rem;
  }
  @media screen and (max-width: 768px) {
    #flow .flow-sec-02 .container ul li {
      margin-bottom: 3rem;
      width: 33.8rem;
      height: 9rem;
    }
    #flow .flow-sec-02 .container ul li:nth-last-child(2) {
      margin-bottom: 0;
    }
    #flow .flow-sec-02 .container ul li:last-child {
      margin-bottom: 0;
    }
  }
  #flow .flow-sec-02 .container ul li a {
    position: relative;
    display: block;
    height: 100%;
    border: solid 2px transparent;
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.16);
    border-radius: 4px;
    transition: 0.2s;
  }
  #flow .flow-sec-02 .container ul li a::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 2rem;
    transform: translateY(-50%) rotate(45deg);
    width: 6px;
    height: 6px;
    border-right: solid 1px #0f23ac;
    border-bottom: solid 1px #0f23ac;
  }
  #flow .flow-sec-02 .container ul li a span {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 78%;
    font-size: 1.4rem;
    font-weight: 700;
    text-align: center;
    letter-spacing: 0.1em;
    line-height: 1.285;
    color: #2e3776;
  }
  @media screen and (max-width: 768px) {
    #flow .flow-sec-02 .container ul li a span {
      font-size: 2rem;
    }
  }
  #flow .flow-sec-02 .container ul li a:hover {
    border: solid 2px #2e3776;
  }
  #flow .flow-sec-03 {
    padding: 3rem 0 9rem;
    background: #fafafa;
  }
  @media screen and (max-width: 768px) {
    #flow .flow-sec-03 {
      padding: 3rem 0 16rem;
    }
  }
  #flow .flow-sec-03 .container {
    max-width: 102.4rem;
    margin: auto;
  }
  @media screen and (max-width: 768px) {
    #flow .flow-sec-03 .container {
      padding: 0 3rem;
    }
  }
  #flow .flow-sec-03 p {
    font-size: 1.6rem;
    line-height: 2.25;
    letter-spacing: 0.05em;
    margin: 2.9rem 0 0 0;
  }
  @media screen and (max-width: 768px) {
    #flow .flow-sec-03 p {
      font-size: 2rem;
      line-height: 2.4;
    }
  }
  #flow .flow-sec-03 .row + .row {
    margin-top: 3rem;
  }
  #flow .flow-sec-03 .flex {
    justify-content: space-around;
    margin-top: 4rem;
  }
  @media screen and (max-width: 768px) {
    #flow .flow-sec-03 .flex {
      flex-direction: column;
    }
  }
  #flow .flow-sec-03 .row .col.col_4 {
    width: 32rem;
  }
  @media screen and (max-width: 768px) {
    #flow .flow-sec-03 .row .col.col_4 {
      width: 100%;
    }
  }
  #flow .flow-sec-03 .row .col.col_4:not(:first-child) {
    margin-left: 2.7rem;
  }
  @media screen and (max-width: 768px) {
    #flow .flow-sec-03 .row .col.col_4:not(:first-child) {
      margin-left: auto;
      margin-top: 3rem;
    }
  }
  #flow .flow-sec-03 .row .col .box {
    position: relative;
    justify-content: space-between;
    align-items: center;
    margin: auto;
    padding: 4rem 4rem;
    background: #fff;
    box-shadow: 0 0.4rem 0.8rem rgba(0, 0, 0, 0.1);
    z-index: 2;
  }
  @media screen and (max-width: 768px) {
    #flow .flow-sec-03 .row .col .box {
      padding: 8rem;
    }
  }
  #flow .flow-sec-03 .row .col .box::before {
    content: "";
    display: block;
    position: absolute;
    top: 5px;
    left: 5px;
    width: 100%;
    height: 100%;
    background: transparent;
    border-right: solid 1px #bababa;
    border-bottom: solid 1px #bababa;
    z-index: 1;
  }
  #flow .flow-sec-03 .row .col .box h3 {
    display: table;
    position: relative;
    margin: 0 auto 2.3rem;
    padding: 0 0 0 3rem;
    font-size: 1.8rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    line-height: 2.33333;
    text-align: center;
  }
  #flow .flow-sec-03 .row .col .box h3::before {
    content: "";
    display: block;
    position: absolute;
    top: 45%;
    left: 0;
    transform: translateY(-50%) rotate(50deg);
    width: 0.6rem;
    height: 1.2rem;
    border-right: solid 1px #2e3776;
    border-bottom: solid 1px #2e3776;
  }
  @media screen and (max-width: 768px) {
    #flow .flow-sec-03 .row .col .box h3::before {
      width: 1.8rem;
      height: 3.4rem;
    }
  }
  @media screen and (max-width: 768px) {
    #flow .flow-sec-03 .row .col .box h3 {
      padding: 0 0 0 4.5rem;
      font-size: 4rem;
    }
  }
  #flow .flow-sec-03 .row .col .box p {
    font-size: 1.6rem;
    letter-spacing: 0.05em;
    line-height: 1.75;
  }
  @media screen and (max-width: 768px) {
    #flow .flow-sec-03 .row .col .box p {
      font-size: 2.2rem;
      line-height: 2.181818;
    }
  }
  #flow .flow-sec-03 .row .col .box figure {
    margin: 3rem auto;
  }
  #flow .flow-sec-03 .row .col .box .inline-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: 0;
    margin: 0;
  }
  #flow .flow-sec-03 .row .col .box .inline-list li {
    text-align: left;
    position: relative;
    padding-left: 1em;
    line-height: 2.181818;
  }
  #flow .flow-sec-03 .row .col .box .inline-list li:before {
    content: "・";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 1em;
    height: 1em;
  }
  #flow .flow-sec-03 .row .col.col_12 .box {
    padding: 4rem 10rem;
  }
  @media screen and (max-width: 768px) {
    #flow .flow-sec-03 .row .col.col_12 .box {
      padding: 8rem;
    }
  }
  #flow .flow-sec-03 .row .col .text-center {
    text-align: center;
  }
  #flow .flow-sec-03 .row .col .pc-text-center {
    text-align: center;
  }
  @media screen and (max-width: 768px) {
    #flow .flow-sec-03 .row .col .pc-text-center {
      text-align: left;
    }
  }
  #flow .flow-sec-03 .row .col .text-left {
    text-align: left;
  }
  #flow .flow-sec-04 {
    padding: 0 0 8rem;
  }
  #flow .flow-sec-04 .bg {
    background: #fafafa;
  }
  @media screen and (max-width: 768px) {
    #flow .flow-sec-04 .bg {
      padding-bottom: 4rem;
    }
  }
  #flow .flow-sec-04 .container {
    max-width: 102.4rem;
    margin: auto;
    padding: 0 0 4rem 0;
  }
  @media screen and (max-width: 768px) {
    #flow .flow-sec-04 .container {
      padding: 0 3rem;
    }
  }
  #flow .flow-sec-04 .container.item {
    max-width: 102.4rem;
    margin: auto;
  }
  #flow .flow-sec-04 .container p {
    line-height: 2.4;
  }
  #flow .flow-sec-04 .flex {
    justify-content: space-between;
  }
  @media screen and (max-width: 768px) {
    #flow .flow-sec-04 .flex {
      flex-direction: column;
    }
  }
  #flow .flow-sec-04 .image {
    position: relative;
    width: 54rem;
    height: 44.2rem;
  }
  @media screen and (max-width: 768px) {
    #flow .flow-sec-04 .image {
      width: 100%;
      height: auto;
    }
  }
  #flow .flow-sec-04 .image figure {
    position: absolute;
    top: 0;
    left: 0;
    width: 64.2rem;
    height: 44.2rem;
  }
  @media screen and (max-width: 768px) {
    #flow .flow-sec-04 .image figure {
      position: relative;
      width: 100%;
      height: auto;
    }
  }
  #flow .flow-sec-04 .txt {
    width: 48rem;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  @media screen and (max-width: 768px) {
    #flow .flow-sec-04 .txt {
      width: 100%;
      padding: 10rem 0 4rem;
    }
  }
  #flow .flow-sec-04 .txt .inner {
    margin-right: 4rem;
  }
  @media screen and (max-width: 768px) {
    #flow .flow-sec-04 .txt .inner {
      margin: 0 auto;
    }
  }
  #flow .flow-sec-04 .txt .inner p {
    letter-spacing: 0.05em;
    line-height: 2.25;
  }
  #flow .flow-sec-04 .txt .inner p:first-of-type {
    font-size: 1.6rem;
    letter-spacing: 0.01em;
    line-height: 1.75;
  }
  @media screen and (max-width: 768px) {
    #flow .flow-sec-04 .txt .inner p:first-of-type {
      font-size: 2rem;
    }
  }
  #flow .flow-sec-04 .txt .inner h3 {
    margin: 1.2rem 0 4rem 0;
    font-size: 3rem;
    font-weight: 700;
    letter-spacing: 0.01rem;
    line-height: 0.93333;
  }
  @media screen and (max-width: 768px) {
    #flow .flow-sec-04 .txt .inner h3 {
      margin: 2rem 0 3rem 0;
      font-size: 3.6rem;
    }
  }
  #flow .flow-sec-04 .use-for-row {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }
  #flow .flow-sec-04 .use-for-row h4 {
    position: relative;
    display: table;
    margin: 0 auto 3rem;
    padding: 0 2rem;
    text-align: center;
    font-size: 1.4rem;
    font-weight: 700;
    line-height: 1.71;
    color: #2e3776;
  }
  @media screen and (max-width: 768px) {
    #flow .flow-sec-04 .use-for-row h4 {
      font-size: 2rem;
      padding: 0 3rem;
    }
  }
  #flow .flow-sec-04 .use-for-row h4:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%) rotate(45deg);
    width: 14px;
    height: 1px;
    background-color: #2e3776;
  }
  #flow .flow-sec-04 .use-for-row h4:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%) rotate(-45deg);
    width: 14px;
    height: 1px;
    background-color: #2e3776;
  }
  #flow .flow-sec-04 .use-for-row ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }
  #flow .flow-sec-04 .use-for-row ul li {
    font-size: 2rem;
    line-height: 1.7;
    font-weight: 700;
    white-space: nowrap;
  }
  @media screen and (max-width: 768px) {
    #flow .flow-sec-04 .use-for-row ul li {
      font-size: 2.8rem;
      margin-bottom: 3rem;
    }
  }
  #flow .flow-sec-04 .use-for-row ul li:not(:first-child) {
    margin-left: 4rem;
  }
  #flow .flow-sec-04 .button-row {
    margin: auto;
    padding-bottom: 8rem;
    max-width: 102.4rem;
    border-bottom: solid 1px #ddd;
  }
  @media screen and (max-width: 768px) {
    #flow .flow-sec-04 .button-row {
      max-width: none;
      padding-bottom: 12rem;
    }
  }
  #flow .flow-sec-04 .button-row .button-col {
    width: 50%;
  }
  @media screen and (max-width: 768px) {
    #flow .flow-sec-04 .button-row .button-col {
      width: 100%;
    }
    #flow .flow-sec-04 .button-row .button-col:not(:last-child) {
      margin-bottom: 3rem;
    }
  }
  #flow .flow-sec-04 .button {
    display: block;
    margin: auto;
    padding: 0.8rem 0.8rem;
    max-width: 28.8rem;
    width: 100%;
    background: #fff;
    color: #333;
    border: solid 1px #caccdc;
    box-shadow: 0 0 6rem rgba(0, 0, 0, 0.1);
    font-size: 1.4rem;
    text-align: center;
    border-radius: 4px;
    transition: 0.2s;
  }
  @media screen and (max-width: 768px) {
    #flow .flow-sec-04 .button {
      padding: 2.7rem 0.8rem;
      max-width: 52rem;
      font-size: 2rem;
    }
  }
  #flow .flow-sec-04 .button:hover {
    background: #2e3776;
    color: #fff;
  }
  #flow .flow-sec-04 .use-for2 {
    font-size: 2rem;
    line-height: 1.7;
    font-weight: 700;
    text-align: center;
  }
  @media screen and (max-width: 768px) {
    #flow .flow-sec-04 .use-for2 {
      font-size: 2.8rem;
      margin-bottom: 3rem;
    }
  }

  /*================= ▼ ITEMS =================*/
  #items-detail .under-mv .headline {
    background-image: url("/assets/images/items/detail/bg_items_detail.jpg");
  }
  @media screen and (max-width: 768px) {
    #items-detail .under-mv .headline {
      background-image: url("/assets/images/items/detail/bg_items_detail_sp.jpg");
    }
  }
  #items-detail .under-mv .headline .page-ttl {
    line-height: 1.42;
    white-space: nowrap;
  }
  #items-detail .under-mv .headline .page-ttl img {
    width: 5.6rem;
    margin-bottom: 1.35rem;
  }
  @media screen and (max-width: 768px) {
    #items-detail .under-mv .headline .page-ttl img {
      width: 10rem;
    }
  }
  #items-detail .under-mv .headline .ttl-id,
  #items-detail .under-mv .headline .ttl-place {
    font-size: 1.1rem;
    padding: 0.4rem 1.3rem;
    color: #fff;
    vertical-align: middle;
  }
  @media screen and (max-width: 768px) {
    #items-detail .under-mv .headline .ttl-id,
  #items-detail .under-mv .headline .ttl-place {
      width: 10rem;
    }
  }
  @media screen and (max-width: 768px) {
    #items-detail .under-mv .headline span {
      display: none;
    }
  }
  #items-detail .under-mv .headline span.ttl-id {
    background-color: rgba(255, 255, 255, 0.3);
  }
  #items-detail .under-mv .headline span.ttl-place {
    border: 1px solid #fff;
  }
  #items-detail .under-mv .headline span.text {
    color: #fff;
    font-size: 1.6rem;
    vertical-align: middle;
  }
  @media screen and (max-width: 768px) {
    #items-detail .under-mv .headline span.text {
      width: 10rem;
    }
  }
  #items-detail .under-mv .breadcrumb::before {
    width: 2.6rem;
    height: 1.5rem;
    background-image: url("/assets/images/items/detail/ic_items_detail.svg");
  }
  @media screen and (max-width: 768px) {
    #items-detail .under-mv .breadcrumb::before {
      width: 3.5rem;
      height: 2rem;
    }
  }
  @media screen and (max-width: 768px) {
    #items-detail .under-mv .breadcrumb li:first-of-type {
      white-space: nowrap;
    }
  }
  #items-detail .items-detail-section-01 {
    padding: 6.4rem 0 11.2rem 0;
    background-color: #fafafa;
  }
  @media screen and (max-width: 768px) {
    #items-detail .items-detail-section-01 {
      padding: 8rem 0 16.3rem;
    }
  }
  @media screen and (max-width: 768px) {
    #items-detail .items-detail-section-01 .container {
      padding: 0 3.2rem;
    }
  }
  #items-detail .items-detail-section-01 .flex {
    justify-content: space-between;
  }
  @media screen and (max-width: 768px) {
    #items-detail .items-detail-section-01 .flex {
      flex-direction: column;
    }
  }
  #items-detail .items-detail-section-01 .row {
    max-width: 102.4rem;
    margin: auto;
  }
  #items-detail .items-detail-section-01 .pc-left-sp-top {
    width: 67.2rem;
  }
  @media screen and (max-width: 768px) {
    #items-detail .items-detail-section-01 .pc-left-sp-top {
      width: 100%;
    }
  }
  #items-detail .items-detail-section-01 .pc-right-sp-bottom {
    width: 32rem;
  }
  @media screen and (max-width: 768px) {
    #items-detail .items-detail-section-01 .pc-right-sp-bottom {
      width: 100%;
    }
  }
  #items-detail .items-detail-section-01 .pc-right-sp-bottom table {
    margin: 2.7rem 0 1.8rem;
    width: 100%;
  }
  @media screen and (max-width: 768px) {
    #items-detail .items-detail-section-01 .pc-right-sp-bottom table {
      margin: auto;
      width: 52rem;
    }
  }
  #items-detail .items-detail-section-01 .pc-right-sp-bottom table tbody tr {
    display: flex;
    justify-content: space-between;
    width: 100%;
    border-bottom: solid 1px #ddd;
  }
  #items-detail .items-detail-section-01 .pc-right-sp-bottom table tbody tr.price {
    align-items: flex-end;
  }
  #items-detail .items-detail-section-01 .pc-right-sp-bottom table tbody tr th,
  #items-detail .items-detail-section-01 .pc-right-sp-bottom table tbody tr td {
    padding: 1.7rem 0;
  }
  #items-detail .items-detail-section-01 .pc-right-sp-bottom table tbody tr th {
    font-size: 1.6rem;
    font-weight: normal;
  }
  @media screen and (max-width: 768px) {
    #items-detail .items-detail-section-01 .pc-right-sp-bottom table tbody tr th {
      width: 50%;
      font-size: 2.2rem;
    }
  }
  #items-detail .items-detail-section-01 .pc-right-sp-bottom table tbody tr td {
    font-size: 1.4rem;
  }
  @media screen and (max-width: 768px) {
    #items-detail .items-detail-section-01 .pc-right-sp-bottom table tbody tr td {
      width: 50%;
      text-align: right;
    }
  }
  #items-detail .items-detail-section-01 .pc-right-sp-bottom table tbody tr td dl {
    display: flex;
  }
  #items-detail .items-detail-section-01 .pc-right-sp-bottom table tbody tr td dl dt {
    margin: 0 3rem 0 0;
    font-weight: normal;
  }
  #items-detail .items-detail-section-01 .pc-right-sp-bottom table tbody tr td dl dd {
    margin-left: auto;
  }
  #items-detail .items-detail-section-01 .pc-right-sp-bottom table tbody tr td .yen {
    margin-left: 1rem;
    font-size: 1.2rem;
  }
  #items-detail .items-detail-section-01 .pc-right-sp-bottom table tbody tr.price th {
    vertical-align: bottom;
    color: #000;
  }
  #items-detail .items-detail-section-01 .pc-right-sp-bottom table tbody tr.price td {
    color: #0f23ac;
    font-size: 3rem;
    letter-spacing: 0.05rem;
    text-align: right;
  }
  @media screen and (max-width: 768px) {
    #items-detail .items-detail-section-01 .pc-right-sp-bottom table tbody tr.price td {
      font-size: 3.6rem;
    }
  }
  #items-detail .items-detail-section-01 .pc-right-sp-bottom table tbody tr.price td .yen {
    margin-left: 1rem;
    font-size: 1.8rem;
  }
  @media screen and (max-width: 768px) {
    #items-detail .items-detail-section-01 .pc-right-sp-bottom table tbody tr.price td .yen {
      font-size: 2.4rem;
    }
  }
  #items-detail .items-detail-section-01 .pc-right-sp-bottom table tbody tr.price.total th {
    font-weight: bold;
    color: #000;
  }
  @media screen and (max-width: 768px) {
    #items-detail .items-detail-section-01 .pc-right-sp-bottom table tbody tr.price.total th {
      font-size: 1.6rem;
    }
  }
  #items-detail .items-detail-section-01 .pc-right-sp-bottom table tbody tr.price.total td {
    font-weight: bold;
  }
  #items-detail .items-detail-section-01 .pc-right-sp-bottom table tbody tr.other {
    font-size: 1.4rem;
  }
  #items-detail .items-detail-section-01 .pc-right-sp-bottom table tbody tr.other th .tax {
    font-size: 1.1rem;
  }
  @media screen and (max-width: 768px) {
    #items-detail .items-detail-section-01 .pc-right-sp-bottom table tbody tr.other th .tax {
      font-size: 1.8rem;
    }
  }
  @media screen and (max-width: 768px) {
    #items-detail .items-detail-section-01 .pc-right-sp-bottom table tbody tr.other td {
      font-size: 2rem;
    }
  }
  #items-detail .items-detail-section-01 .pc-right-sp-bottom table tbody tr.other .yen2 {
    margin-left: 1em;
    font-size: 1.2rem;
  }
  @media screen and (max-width: 768px) {
    #items-detail .items-detail-section-01 .pc-right-sp-bottom table tbody tr.other .yen2 {
      font-size: 1.8rem;
    }
  }
  #items-detail .items-detail-section-01 .pc-right-sp-bottom table tbody tr:last-child th,
  #items-detail .items-detail-section-01 .pc-right-sp-bottom table tbody tr:last-child td {
    border-bottom: none;
  }
  #items-detail .items-detail-section-01 .items-tag {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 1.4rem;
  }


  @media screen and (max-width: 768px) {
    #items-detail .items-detail-section-01 .items-tag {
      margin-bottom: 2rem;
    }
  }
  #items-detail .items-detail-section-01 .items-tag dt,
  #items-detail .items-detail-section-01 .items-tag dd {
    display: inline-block;
  }
  #items-detail .items-detail-section-01 .items-tag dt.num, #items-detail .items-detail-section-01 .items-tag dt.showroom {
    padding: 0.4rem;
    min-width: 5.8rem;
    width: auto;
    height: auto;
    font-size: 1.1rem;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    font-weight: 600;
    box-sizing: border-box;
    border: 1px solid #888888;
  }
  #items-detail .items-detail-section-01 .items-tag dt.num.name{
    background:  #fff;
    color: #888;
    border: 1px solid #888888;
  }
  @media screen and (max-width: 768px) {
    #items-detail .items-detail-section-01 .items-tag dt.num, #items-detail .items-detail-section-01 .items-tag dt.showroom {
      padding: 0.4rem;
      width: auto;
      height: auto;
      font-size: 2rem;
    }
    #items-detail .items-detail-section-01 .items-tag dt.num{
      min-width: 9rem;

    }

  }
  #items-detail .items-detail-section-01 .items-tag dt.num {
    background: #888;
    color: #fff;
  }
  #items-detail .items-detail-section-01 .items-tag dt.showroom {
    border: solid 1px #888;
    color: #888;
  }
  #items-detail .items-detail-section-01 .items-tag dd {
    max-width: 26rem;
    margin-left: 1.6rem;
    min-height: 1.9rem;
    overflow-wrap: break-word;
    font-size: 1.6rem;
    line-height: 1;
    color: #333;
  }
  @media screen and (max-width: 768px) {
    #items-detail .items-detail-section-01 .items-tag dd {
      margin-left: 2rem;
      font-size: 2.2rem;
    }
  }
  #items-detail .items-detail-section-01 .items-tag dd + dt {
    margin-left: 1.6rem;
  }
  @media screen and (max-width: 768px) {
    #items-detail .items-detail-section-01 .items-tag dd + dt {
      margin-left: 2.8rem;
    }
  }
  #items-detail .items-detail-section-01 h2 {
    margin-bottom: 2.2rem;
    font-size: 2rem;
    font-weight: bold;
  }
  @media screen and (max-width: 768px) {
    #items-detail .items-detail-section-01 h2 {
      margin-bottom: 4rem;
      font-size: 2.4rem;
    }
  }
  #items-detail .items-detail-section-01 figure figcaption {
    margin-top: 1.6rem;
    font-size: 1.4rem;
    line-height: 1.6em;
    letter-spacing: 0.05em;
    text-align: left;
  }
  @media screen and (max-width: 768px) {
    #items-detail .items-detail-section-01 figure figcaption {
      margin-top: 4rem;
      font-size: 2rem;
    }
  }
  #items-detail .items-detail-section-01 button.cart {
    display: flex;
    justify-content: center;
    align-items: center;
    border: solid 1px #dfe0ea;
    border-radius: 4px;
    padding: 1.8rem 1rem;
    margin: 0 0 auto auto;
    width: 18.2rem;
    font-size: 1.3rem;
    text-align: center;
    color: #333;
    transition: color 0.3s ease, background-color 0.3s ease;
  }
  #items-detail .items-detail-section-01 button.cart span {
    position: relative;
    padding-left: 2.33rem;
  }
  #items-detail .items-detail-section-01 button.cart span::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 1.536rem;
    height: 1.005rem;
    background: url(/assets/images/items/detail/ic_cart.svg) no-repeat;
    background-size: 100%;
    transition: background-image 0.3s ease;
  }
  #items-detail .items-detail-section-01 button.cart:hover {
    color: #fff;
    background-color: var(--main-color);
  }
  #items-detail .items-detail-section-01 button.cart:hover span::before {
    background: url(/assets/images/items/detail/ic_cart_hover.svg) no-repeat;
    background-size: 100%;
  }
  @media screen and (max-width: 768px) {
    #items-detail .items-detail-section-01 button.cart {
      margin: 6.4rem auto 4rem;
      width: 52rem;
      font-size: 2.4rem;
      padding: 3rem;
    }
    #items-detail .items-detail-section-01 button.cart span {
      padding-left: 5rem;
    }
    #items-detail .items-detail-section-01 button.cart span::before {
      width: 3rem;
      height: 2rem;
    }
  }
  #items-detail .items-detail-section-01 .button-box {
    background: #e9eaf4;
    padding: 2.6rem;
  }
  @media screen and (max-width: 768px) {
    #items-detail .items-detail-section-01 .button-box {
      margin-top: 4rem;
      padding: 4rem 9rem;
    }
  }
  #items-detail .items-detail-section-01 .button-box h3 {
    margin-bottom: 1.6rem;
    font-size: 1.6rem;
    color: #2e3776;
    font-weight: bold;
  }
  @media screen and (max-width: 768px) {
    #items-detail .items-detail-section-01 .button-box h3 {
      font-size: 2rem;
      margin-bottom: 2rem;
    }
  }
  #items-detail .items-detail-section-01 .button-box .inner {
    margin: auto;
    padding: 0 1rem;
    width: 100%;
  }
  @media screen and (max-width: 768px) {
    #items-detail .items-detail-section-01 .button-box .inner {
      padding: 0;
    }
  }
  #items-detail .items-detail-section-01 .button-box .inner p {
    margin: 1rem 0 1.7rem;
    color: var(--main-color);
    font-size: 1.4rem;
    font-weight: 500;
    line-height: 1.6;
    letter-spacing: 0.1em;
    text-align: left;
  }
  @media screen and (max-width: 768px) {
    #items-detail .items-detail-section-01 .button-box .inner p {
      padding: 2.3rem 0 2rem;
      font-size: 2rem;
    }
  }
  #items-detail .items-detail-section-01 .link-btn {
    width: 100%;
    max-width: 27.2rem;
    margin: 0 auto;
    color: #fff;
    background: var(--main-color);
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
    border-radius: 4px;
    border: 1px solid #caccdc;
    transition: color 0.3s ease, background-color 0.3s ease;
  }
  @media screen and (max-width: 768px) {
    #items-detail .items-detail-section-01 .link-btn {
      max-width: 52rem;
    }
  }
  @media screen and (min-width: 769px) {
    #items-detail .items-detail-section-01 .link-btn.check {
      max-width: 28.8rem;
    }
  }
  #items-detail .items-detail-section-01 .link-btn.check a span {
    position: relative;
    padding-left: 2.5rem;
  }
  @media screen and (max-width: 768px) {
    #items-detail .items-detail-section-01 .link-btn.check a span {
      padding-left: 4.7rem;
    }
  }
  #items-detail .items-detail-section-01 .link-btn.check a span::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 1.5rem;
    height: 1.3rem;
    background: url(/assets/images/items/detail/ic_opens_item_image.svg) no-repeat;
    background-size: 100%;
    transition: background-image 0.3s ease;
  }
  @media screen and (max-width: 768px) {
    #items-detail .items-detail-section-01 .link-btn.check a span::before {
      width: 2.517rem;
      height: 2.2rem;
    }
  }
  #items-detail .items-detail-section-01 .link-btn a {
    display: block;
    padding: 1.6rem 0;
    text-align: center;
    font-size: 1.4rem;
    letter-spacing: 0.06em;
  }
  @media screen and (max-width: 768px) {
    #items-detail .items-detail-section-01 .link-btn a {
      padding: 2.8rem 0;
      font-size: 2.4rem;
    }
  }
  #items-detail .items-detail-section-01 .link-btn:hover {
    background-color: var(--main-color);
    color: #fff;
  }
  #items-detail .items-detail-section-01 .link-btn.tel {
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.16);
    background-color: #fff;
    color: var(--main-color);
  }
  @media screen and (min-width: 768px) {
    #items-detail .items-detail-section-01 .link-btn.tel {
      pointer-events: none;
    }
  }
  #items-detail .items-detail-section-01 .link-btn.tel a {
    font-size: 1.6rem;
  }
  @media screen and (min-width: 768px) {
    #items-detail .items-detail-section-01 .link-btn.tel a {
      pointer-events: none;
    }
  }
  @media screen and (max-width: 768px) {
    #items-detail .items-detail-section-01 .link-btn.tel a {
      font-size: 2.4rem;
    }
  }
  #items-detail .items-detail-section-01 .link-btn.tel a span {
    position: relative;
    padding-left: 3rem;
  }
  @media screen and (max-width: 768px) {
    #items-detail .items-detail-section-01 .link-btn.tel a span {
      padding-left: 5rem;
    }
  }
  #items-detail .items-detail-section-01 .link-btn.tel a span::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 1.535rem;
    height: 1.538rem;
    background: url(/assets/images/items/detail/ic_tel_hover.svg) no-repeat;
    background-size: 100%;
    transition: background-image 0.3s ease;
  }
  @media screen and (max-width: 768px) {
    #items-detail .items-detail-section-01 .link-btn.tel a span::before {
      width: 3rem;
      height: 3rem;
    }
  }
  #items-detail .items-detail-section-01 .link-btn.tel:hover {
    background-color: #0f23ac;
    color: #fff;
  }
  #items-detail .items-detail-section-01 .link-btn.tel:hover a span::before {
    background: url(/assets/images/items/detail/ic_tel.svg) no-repeat;
    background-size: 100%;
  }
  #items-detail .items-detail-section-01 .link-btn.contact a span {
    position: relative;
    padding-left: 3rem;
  }
  @media screen and (max-width: 768px) {
    #items-detail .items-detail-section-01 .link-btn.contact a span {
      padding-left: 5rem;
    }
  }
  #items-detail .items-detail-section-01 .link-btn.contact a span::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 1.8rem;
    height: 1.345rem;
    background: url(/assets/images/items/detail/ic_contact_hover.svg) no-repeat;
    background-size: 100%;
    transition: background-image 0.3s ease;
  }
  @media screen and (max-width: 768px) {
    #items-detail .items-detail-section-01 .link-btn.contact a span::before {
      width: 3.6rem;
      height: 2.69rem;
    }
  }
  #items-detail .items-detail-section-01 .link-btn.contact:hover {
    background-color: #fff;
    color: var(--main-color);
  }
  #items-detail .items-detail-section-01 .link-btn.link-btn-contact {
    background-color: #f89131;
    border-color: #f89131;
  }
  #items-detail .items-detail-section-01 .link-btn.link-btn-contact:hover {
    background-color: #f89131;
    color: #fff;
  }
  #items-detail .items-detail-section-01 .recommendation {
    margin: 3rem 0 0;
    padding: 2.2rem 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
  }
  @media screen and (max-width: 768px) {
    #items-detail .items-detail-section-01 .recommendation {
      margin: 4rem auto;
      padding: 4rem 1rem;
      flex-direction: column;
    }
  }
  #items-detail .items-detail-section-01 .recommendation .ttl {
    font-size: 1.4rem;
    font-weight: bold;
  }
  @media screen and (max-width: 768px) {
    #items-detail .items-detail-section-01 .recommendation .ttl {
      font-size: 2rem;
      margin-bottom: 4rem;
    }
  }
  #items-detail .items-detail-section-01 .recommendation ul {
    display: flex;
    margin-left: 7.3rem;
  }
  #items-detail .items-detail-section-01 .recommendation ul li {
    font-size: 2rem;
  }
  #items-detail .items-detail-section-01 .recommendation ul li:not(:first-of-type) {
    margin-left: 4rem;
  }
  @media screen and (max-width: 768px) {
    #items-detail .items-detail-section-01 .recommendation ul li {
      font-size: 2.8rem;
    }
    #items-detail .items-detail-section-01 .recommendation ul li:not(:first-of-type) {
      margin-left: 6rem;
    }
  }
  #items-detail .items-detail-section-01 .modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100000;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.8);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.3s, visibility 0.3s;
  }
  @media screen and (max-width: 768px) {
    #items-detail .items-detail-section-01 .modal {
      z-index: 100;
    }
  }
  #items-detail .items-detail-section-01 .modal.is-modal-active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }
  #items-detail .items-detail-section-01 .modal .modal-overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -100;
    width: 100%;
    height: 100%;
    cursor: pointer;
  }
  #items-detail .items-detail-section-01 .modal .modal-content {
    position: relative;
    width: 100%;
    max-width: 73.3rem;
  }
  @media screen and (max-width: 768px) {
    #items-detail .items-detail-section-01 .modal .modal-content {
      max-width: initial;
    }
  }
  #items-detail .items-detail-section-01 .modal .modal-content .modal-inner {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    padding: 4rem 10rem;
    background-color: #fff;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.4);
  }
  @media screen and (max-width: 768px) {
    #items-detail .items-detail-section-01 .modal .modal-content .modal-inner {
      padding: 23rem 0 0 0;
      height: 100vh;
      box-shadow: none;
    }
  }
  #items-detail .items-detail-section-01 .modal .modal-content .modal-inner .modal-close-btn {
    position: absolute;
    top: 4rem;
    right: 4rem;
    z-index: 100;
    width: 2rem;
    height: 2rem;
    cursor: pointer;
    transition: opacity 0.3s;
  }
  @media screen and (max-width: 768px) {
    #items-detail .items-detail-section-01 .modal .modal-content .modal-inner .modal-close-btn {
      top: 15rem;
      right: 3.2rem;
      width: 4rem;
      height: 4rem;
    }
  }
  #items-detail .items-detail-section-01 .modal .modal-content .modal-inner .modal-close-btn:hover {
    opacity: 0.5;
  }
  #items-detail .items-detail-section-01 .modal .modal-content .modal-inner .modal-close-btn .lineClose {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 2rem;
    height: 0.1rem;
    background-color: currentColor;
    color: #2e3776;
    line-height: 1;
    transform: rotate(45deg);
  }
  @media screen and (max-width: 768px) {
    #items-detail .items-detail-section-01 .modal .modal-content .modal-inner .modal-close-btn .lineClose {
      width: 4rem;
      height: 1px;
    }
  }
  #items-detail .items-detail-section-01 .modal .modal-content .modal-inner .modal-close-btn .lineClose::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
    background-color: inherit;
    transform: rotate(90deg);
  }
  #items-detail .items-detail-section-01 .modal .modal-content .modal-inner .items-modal-swiper {
    width: 100%;
  }
  #items-detail .items-detail-section-01 .modal .modal-content .modal-inner .items-modal-swiper .swiper-wrapper .swiper-slide {
    cursor: pointer;
  }
  #items-detail .items-detail-section-01 .modal .modal-content .modal-inner .items-modal-swiper .swiper-wrapper .swiper-slide figure img {
    width: 53.5rem;
    height: 39rem;
  }
  @media screen and (max-width: 768px) {
    #items-detail .items-detail-section-01 .modal .modal-content .modal-inner .items-modal-swiper .swiper-wrapper .swiper-slide figure img {
      width: 100%;
      height: 56rem;
    }
  }
  #items-detail .items-detail-section-01 .modal .modal-content .modal-inner .swiper-button-prev,
  #items-detail .items-detail-section-01 .modal .modal-content .modal-inner .swiper-button-next {
    top: 50%;
    transition: opacity 0.3s;
  }
  @media screen and (max-width: 768px) {
    #items-detail .items-detail-section-01 .modal .modal-content .modal-inner .swiper-button-prev,
  #items-detail .items-detail-section-01 .modal .modal-content .modal-inner .swiper-button-next {
      top: 56rem;
    }
  }
  #items-detail .items-detail-section-01 .modal .modal-content .modal-inner .swiper-button-prev:hover,
  #items-detail .items-detail-section-01 .modal .modal-content .modal-inner .swiper-button-next:hover {
    opacity: 0.5;
  }
  #items-detail .items-detail-section-01 .modal .modal-content .modal-inner .swiper-button-prev {
    left: auto;
    right: 3rem;
    transform: translateY(-50%) rotate(180deg);
  }
  #items-detail .items-detail-section-01 .modal .modal-content .modal-inner .swiper-button-prev::after {
    background-image: url("/assets/images/items/detail/ic_swiper_prev_btn.svg");
  }
  @media screen and (max-width: 768px) {
    #items-detail .items-detail-section-01 .modal .modal-content .modal-inner .swiper-button-prev::after {
      background-image: url("/assets/images/items/detail/ic_swiper_btn_white.svg");
    }
  }
  #items-detail .items-detail-section-01 .modal .modal-content .modal-inner .swiper-button-next {
    left: 3rem;
    transform: translateY(-50%);
  }
  #items-detail .items-detail-section-01 .modal .modal-content .modal-inner .swiper-button-next::after {
    background-image: url("/assets/images/items/detail/ic_swiper_prev_btn.svg");
  }
  @media screen and (max-width: 768px) {
    #items-detail .items-detail-section-01 .modal .modal-content .modal-inner .swiper-button-next::after {
      background-image: url("/assets/images/items/detail/ic_swiper_btn_white.svg");
    }
  }
  #items-detail .items-detail-section-01 .modal .modal-content .modal-inner .items-modal-thumbs-swiper {
    margin: 2rem 0 0 0;
    width: 100%;
  }
  @media screen and (max-width: 768px) {
    #items-detail .items-detail-section-01 .modal .modal-content .modal-inner .items-modal-thumbs-swiper {
      margin: 4rem 0 0 0;
      padding: 0 3.2rem;
    }
  }
  #items-detail .items-detail-section-01 .modal .modal-content .modal-inner .items-modal-thumbs-swiper .items-modal-thumbs-inner {
    display: flex;
    flex-wrap: wrap;
  }
  @media screen and (max-width: 768px) {
    #items-detail .items-detail-section-01 .modal .modal-content .modal-inner .items-modal-thumbs-swiper .items-modal-thumbs-inner {
      gap: 1rem;
    }
  }
  #items-detail .items-detail-section-01 .modal .modal-content .modal-inner .items-modal-thumbs-swiper .items-modal-thumbs-inner .modal-thumb + .modal-thumb {
    margin: 0 0 0 0.4rem;
  }
  @media screen and (max-width: 768px) {
    #items-detail .items-detail-section-01 .modal .modal-content .modal-inner .items-modal-thumbs-swiper .items-modal-thumbs-inner .modal-thumb + .modal-thumb {
      margin: 0;
    }
  }
  #items-detail .items-detail-section-01 .modal .modal-content .modal-inner .items-modal-thumbs-swiper .items-modal-thumbs-inner .modal-thumb figure {
    width: 6.4rem;
    height: 6.4rem;
    cursor: pointer;
  }
  @media screen and (max-width: 768px) {
    #items-detail .items-detail-section-01 .modal .modal-content .modal-inner .items-modal-thumbs-swiper .items-modal-thumbs-inner .modal-thumb figure {
      width: 16.8rem;
      height: 16.8rem;
    }
  }
  #items-detail .items-detail-section-01 .modal .modal-content .modal-inner .items-modal-thumbs-swiper .items-modal-thumbs-inner .is-thumb-active figure {
    position: relative;
  }
  #items-detail .items-detail-section-01 .modal .modal-content .modal-inner .items-modal-thumbs-swiper .items-modal-thumbs-inner .is-thumb-active figure::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
  }
  #items-detail .items-detail-section-01 .imageblock {
    margin: 5rem auto 0;
  }
  #items-detail .items-detail-section-01 .imageblock ul {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: auto;
    max-width: 102.4rem;
    width: 100%;
  }
  #items-detail .items-detail-section-01 .imageblock ul li {
    position: relative;
    margin: 0.3rem;
    width: 19.8rem;
    cursor: pointer;
  }
  @media screen and (max-width: 768px) {
    #items-detail .items-detail-section-01 .imageblock ul li {
      width: calc((100% - 1.8rem) / 3);
    }
  }
  #items-detail .items-detail-section-01 .imageblock ul li figure {
    aspect-ratio: 4/3;
    overflow: hidden;
  }
  #items-detail .items-detail-section-01 .imageblock ul li figure:hover img {
    transform: scale(1.06);
  }
  #items-detail .items-detail-section-01 .imageblock ul li figure img {
    width: 100%;
    height: 100%;
    transition: transform 0.5s ease;
  }
  #items-detail .items-detail-section-01 .points {
    max-width: 102.4rem;
    width: 100%;
    margin: 6.8rem auto 0;
  }
  @media screen and (max-width: 768px) {
    #items-detail .items-detail-section-01 .points {
      margin: 16.5rem auto 0;
    }
  }
  #items-detail .items-detail-section-01 .points h3 {
    position: relative;
    padding: 0 0 1rem 0;
    margin: 0 0 1.1rem 0;
    font-family: "Abril Fatface";
    font-size: 2.6rem;
    letter-spacing: -0.05em;
    font-weight: bold;
  }
  @media screen and (max-width: 768px) {
    #items-detail .items-detail-section-01 .points h3 {
      font-size: 4.6rem;
    }
  }
  #items-detail .items-detail-section-01 .points h3:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 4rem;
    height: 0.1rem;
    background: #000;
  }
  @media screen and (max-width: 768px) {
    #items-detail .items-detail-section-01 .points h3:after {
      position: relative;
      content: "";
      display: block;
      margin: 1.4rem 0 0 0;
      width: 4rem;
      height: 6px;
      background-color: #000;
    }
  }
  #items-detail .items-detail-section-01 .points p {
    font-size: 1.6rem;
    letter-spacing: 0.05em;
    line-height: 1.75;
  }
  @media screen and (max-width: 768px) {
    #items-detail .items-detail-section-01 .points p {
      font-size: 2rem;
    }
  }
  #items-detail .items-detail-section-01 .points .row {
    margin: 1.7rem 0 3rem;
  }
  @media screen and (max-width: 768px) {
    #items-detail .items-detail-section-01 .points .row {
      margin: 8rem 0;
    }
  }
  #items-detail .items-detail-section-01 .points .row.flex {
    justify-content: space-between;
  }
  #items-detail .items-detail-section-01 .points .row dl.item-detail-sammary {
    display: flex;
    padding: 1.5rem 0;
    border-bottom: 1px solid #ddd;
  }
  @media screen and (max-width: 768px) {
    #items-detail .items-detail-section-01 .points .row dl.item-detail-sammary {
      padding: 3rem 0;
    }
  }
  #items-detail .items-detail-section-01 .points .row dl.item-detail-sammary:first-child {
    border-top: 1px solid #ddd;
  }
  @media screen and (max-width: 768px) {
    #items-detail .items-detail-section-01 .points .row dl.item-detail-sammary:first-child {
      border-top: none;
    }
  }
  #items-detail .items-detail-section-01 .points .row dl.item-detail-sammary dt {
    position: relative;
    display: inline-block;
    width: 12rem;
    min-width: 12rem;
    font-size: 1.6rem;
    font-weight: 400;
  }
  @media screen and (max-width: 768px) {
    #items-detail .items-detail-section-01 .points .row dl.item-detail-sammary dt {
      width: 15rem;
    }
  }
  #items-detail .items-detail-section-01 .points .row dl.item-detail-sammary dt:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 0.5px;
    height: 1.6rem;
    background-color: #333;
  }
  #items-detail .items-detail-section-01 .points .row dl.item-detail-sammary dd {
    display: inline-block;
    font-size: 1.6rem;
    font-weight: 700;
    padding-left: 1em;
  }
  @media screen and (max-width: 768px) {
    #items-detail .items-detail-section-01 .points .row dl.item-detail-sammary dt,
  #items-detail .items-detail-section-01 .points .row dl.item-detail-sammary dd {
      font-size: 2rem;
    }
  }
  #items-detail .items-detail-section-01 .points .row .pc-left-sp-top {
    width: 49.6rem;
  }
  @media screen and (max-width: 768px) {
    #items-detail .items-detail-section-01 .points .row .pc-left-sp-top {
      width: 100%;
    }
    #items-detail .items-detail-section-01 .points .row .pc-left-sp-top > dl:first-of-type {
      border-top: 1px solid #ddd;
    }
  }
  #items-detail .items-detail-section-01 .points .row .pc-right-sp-top {
    width: 49.6rem;
  }
  @media screen and (max-width: 768px) {
    #items-detail .items-detail-section-01 .points .row .pc-right-sp-top {
      width: 100%;
    }
  }
  #items-detail .items-detail-section-01 .item-tag-list {
    max-width: 102.4rem;
    width: 100%;
    margin: 6.8rem auto 0;
  }
  @media screen and (max-width: 768px) {
    #items-detail .items-detail-section-01 .item-tag-list {
      border: solid 1px #ddd;
      border-radius: 20px;
      margin: 8rem auto 0;
      padding: 6.4rem 4rem;
      box-sizing: border-box;
    }
  }
  #items-detail .items-detail-section-01 .item-tag-list h4 {
    margin-bottom: 2.8rem;
    font-size: 1.6rem;
    text-align: center;
    font-weight: 600;
  }
  @media screen and (max-width: 768px) {
    #items-detail .items-detail-section-01 .item-tag-list h4 {
      margin-bottom: 4rem;
      font-size: 2.4rem;
    }
  }
  @media screen and (max-width: 768px) {
    #items-detail .items-detail-section-01 .item-tag-list .inner {
      max-width: none;
    }
  }
  #items-detail .items-detail-section-01 .item-tag-list .inner ul {
    display: flex;
    align-content: space-around;
    flex-wrap: wrap;
    max-width: 95.1rem;
    width: 100%;
    margin: auto;
  }
  @media screen and (max-width: 768px) {
    #items-detail .items-detail-section-01 .item-tag-list .inner ul {
      max-width: 62.4rem;
    }
  }
  #items-detail .items-detail-section-01 .item-tag-list .inner ul li {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1.2rem 0;
    width: 15.3rem;
    border: solid 1px #bbbbbb;
    color: #6c6c6c;
    font-size: 1.3rem;
    text-align: center;
    box-sizing: border-box;
  }
  #items-detail .items-detail-section-01 .item-tag-list .inner ul li:nth-child(n+7) {
    margin-top: 0.3rem;
  }
  #items-detail .items-detail-section-01 .item-tag-list .inner ul li:not(:first-child) {
    margin-left: 0.6rem;
  }
  @media screen and (min-width: 769px) {
    #items-detail .items-detail-section-01 .item-tag-list .inner ul li:nth-of-type(6n + 1) {
      margin-left: 0;
    }
  }
  @media screen and (max-width: 768px) {
    #items-detail .items-detail-section-01 .item-tag-list .inner ul li {
      width: 20.2rem;
    }
    #items-detail .items-detail-section-01 .item-tag-list .inner ul li:nth-child(n+4) {
      margin-top: 1.2rem;
    }
    #items-detail .items-detail-section-01 .item-tag-list .inner ul li:nth-of-type(3n + 1) {
      margin-left: 0;
    }
  }
  #items-detail .items-detail-section-01 .item-tag-list .inner ul li.is-bg-active {
    background: var(--main-color);
    color: #fff;
  }
  #items-detail .items-detail-section-01 .showroom-info {
    margin: 4rem auto 0;
    max-width: 95.1rem;
    width: 100%;
  }
  @media screen and (max-width: 768px) {
    #items-detail .items-detail-section-01 .showroom-info {
      margin: 8rem auto 0;
      max-width: 62.4rem;
    }
  }
  #items-detail .items-detail-section-01 .showroom-info h4 {
    font-size: 1.4rem;
    margin-bottom: 1.6rem;
    font-weight: 600;
  }
  @media screen and (max-width: 768px) {
    #items-detail .items-detail-section-01 .showroom-info h4 {
      margin-bottom: 2rem;
      font-size: 2.2rem;
    }
  }
  #items-detail .items-detail-section-01 .showroom-info .flex {
    justify-content: flex-start;
    border-top: solid 1px #ddd;
    margin: 0 auto 6.4rem;
    padding: 2rem 0 0;
  }
  #items-detail .items-detail-section-01 .showroom-info .flex .showroom-name {
    width: 30rem;
    max-width: 30rem;
    font-size: 2.4rem;
  }
  @media screen and (max-width: 768px) {
    #items-detail .items-detail-section-01 .showroom-info .flex .showroom-name {
      width: initial;
      max-width: initial;
      font-size: 3rem;
    }
  }
  #items-detail .items-detail-section-01 .showroom-info .flex div {
    width: 62rem;
    margin-left: 4.5rem;
  }
  @media screen and (max-width: 768px) {
    #items-detail .items-detail-section-01 .showroom-info .flex div {
      width: auto;
      margin-left: 0;
      margin-top: 4rem;
    }
  }
  #items-detail .items-detail-section-01 .showroom-info .flex .showroom-data {
    display: flex;
    justify-content: flex-start;
  }
  @media screen and (max-width: 768px) {
    #items-detail .items-detail-section-01 .showroom-info .flex .showroom-data {
      align-items: center;
    }
  }
  #items-detail .items-detail-section-01 .showroom-info .flex .showroom-data dt {
    position: relative;
    width: 9.4rem;
    min-width: 9.4rem;
    box-sizing: border-box;
    font-weight: normal;
  }
  @media screen and (max-width: 768px) {
    #items-detail .items-detail-section-01 .showroom-info .flex .showroom-data dt {
      width: 11.5rem;
      min-width: 11.5rem;
    }
  }
  #items-detail .items-detail-section-01 .showroom-info .flex .showroom-data dt:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 1px;
    height: 1.5rem;
    background: #333;
  }
  #items-detail .items-detail-section-01 .showroom-info .flex .showroom-data dd {
    padding-left: 2.6rem;
    font-weight: bold;
  }
  @media screen and (max-width: 768px) {
    #items-detail .items-detail-section-01 .showroom-info .flex .showroom-data dt + dd {
      padding-left: 3rem;
    }
  }
  #items-detail .items-detail-section-01 .showroom-info .flex .showroom-data dt,
  #items-detail .items-detail-section-01 .showroom-info .flex .showroom-data dd {
    font-size: 2rem;
  }
  @media screen and (max-width: 768px) {
    #items-detail .items-detail-section-01 .showroom-info .flex .showroom-data dt,
  #items-detail .items-detail-section-01 .showroom-info .flex .showroom-data dd {
      font-size: 2rem;
    }
  }
  #items-detail .items-detail-section-01 .showroom-info .flex .showroom-data + .showroom-data {
    margin-top: 0.9rem;
  }
  #items-detail .items-detail-section-02 {
    padding: 6.4rem 0;
    background-color: #fafafa;
  }
  @media screen and (max-width: 768px) {
    #items-detail .items-detail-section-02 {
      padding: 8rem 0 16rem;
    }
  }
  #items-detail .items-detail-section-02 .container {
    max-width: 102.4rem;
    margin: auto;
  }
  @media screen and (max-width: 768px) {
    #items-detail .items-detail-section-02 .container {
      padding: 0 3rem;
    }
  }
  #items-detail .items-detail-section-02 h2 {
    position: relative;
    margin: 0 0 4.4rem 0;
    text-align: center;
    font-size: 2.2rem;
    font-weight: bold;
    letter-spacing: 0.1em;
    line-height: 1.9;
    color: #2e3776;
  }
  @media screen and (max-width: 768px) {
    #items-detail .items-detail-section-02 h2 {
      font-size: 2.4rem;
      letter-spacing: 0.1rem;
      line-height: 1.75;
    }
  }
  #items-detail .items-detail-section-02 h2:before, #items-detail .items-detail-section-02 h2:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 33.4rem;
    height: 0.1rem;
    background-color: rgba(46, 55, 118, 0.3);
  }
  @media screen and (max-width: 768px) {
    #items-detail .items-detail-section-02 h2:before, #items-detail .items-detail-section-02 h2:after {
      width: 7.4rem;
    }
  }
  #items-detail .items-detail-section-02 h2:before {
    left: 0;
  }
  #items-detail .items-detail-section-02 h2:after {
    right: 0;
  }
  #items-detail .items-detail-section-02 .row {
    justify-content: space-between;
    flex-wrap: wrap;
  }
  #items-detail .items-detail-section-02 .row::after {
    content: "";
    display: block;
    width: calc(33.3333333333% - 2.6666666667rem);
  }
  #items-detail .items-detail-section-02 .row .col_4 {
    width: 32rem;
    margin-bottom: 4rem;
    border-bottom: none;
  }
  @media screen and (max-width: 768px) {
    #items-detail .items-detail-section-02 .row .col_4:nth-child(1) {
      margin: 0;
    }
  }
  @media screen and (max-width: 768px) {
    #items-detail .items-detail-section-02 .row .col_4:nth-child(n+2) {
      margin: 0;
    }
  }
  @media screen and (max-width: 768px) {
    #items-detail .items-detail-section-02 .row .col_4:nth-child(n+3) {
      margin: 4rem 0 0 0;
    }
  }
  #items-detail .items-detail-section-02 .row .col_4 a {
    flex-direction: column;
  }
  @media screen and (max-width: 768px) {
    #items-detail .items-detail-section-02 .row .col_4 a {
      padding: 0;
    }
  }
  #items-detail .items-detail-section-02 .row .col_4 a figure {
    position: relative;
    overflow: hidden;
  }
  #items-detail .items-detail-section-02 .row .col_4 a figure:hover img {
    transform: scale(1.06);
  }
  #items-detail .items-detail-section-02 .row .col_4 a figure img {
    width: 32rem;
    height: 24rem;
    transition: transform 0.5s ease;
  }
  #items-detail .items-detail-section-02 .row .col_4 a figure span {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 6rem;
    height: 2.4rem;
    background-color: #2e3776;
    color: #fff;
    font-size: 1.2rem;
  }
  @media screen and (max-width: 768px) {
    #items-detail .items-detail-section-02 .row .col_4 a figure span {
      width: 7.2rem;
      height: 3.2rem;
      font-size: 1.6rem;
    }
  }
  #items-detail .items-detail-section-02 .row .col_4 a .search-result-caption {
    display: flex;
    width: 100%;
    padding: 1.2rem 0 0 0;
    flex-direction: column;
  }
  @media screen and (max-width: 768px) {
    #items-detail .items-detail-section-02 .row .col_4 a .search-result-caption {
      flex-direction: column;
    }
  }
  #items-detail .items-detail-section-02 .row .col_4 a .search-result-caption .search-result-label {
    display: flex;
    flex-direction: column;
  }
  #items-detail .items-detail-section-02 .row .col_4 a .search-result-caption .search-result-label .search-result-label-inner {
    display: flex;
    align-items: center;
  }
  #items-detail .items-detail-section-02 .row .col_4 a .search-result-caption .search-result-label .search-result-label-inner:first-child{
    margin-bottom: 0.2rem;
  }
  #items-detail .items-detail-section-02 .row .col_4 a .search-result-caption .search-result-label .search-result-label-inner .label {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 5.4rem;
    height: 1.6rem;
    border: 1px solid #888888;
    padding: 0.6rem 0.4rem 0.4rem;
    white-space: nowrap;
    color: #888888;
    font-size: 1rem;
  }
  #items-detail .items-detail-section-02 .row .col_4 a .search-result-caption .search-result-label .search-result-label-inner .label.name{
    background-color: #888888;
    color: #ffffff;
    border: 1px solid #888888;
  }
  @media screen and (max-width: 768px) {
    #items-detail .items-detail-section-02 .row .col_4 a .search-result-caption .search-result-label .search-result-label-inner .label {
      min-width: 9rem;
      height: 2.8rem;
      font-size: 1.6rem;
      padding: 0.5rem 1.5rem 0.35rem;
    }
    #items-detail .items-detail-section-02 .row .col_4 a .search-result-caption .search-result-label .search-result-label-inner:first-child{
      margin-bottom: 0.3rem;
    }
  }
  #items-detail .items-detail-section-02 .row .col_4 a .search-result-caption .search-result-label .search-result-label-inner p {
    margin: 0 0 0 0.6rem;
    color: #333333;
    font-size: 1.3rem;
    line-height: 1.3;
  }
  @media screen and (max-width: 768px) {
    #items-detail .items-detail-section-02 .row .col_4 a .search-result-caption .search-result-label .search-result-label-inner p {
      margin: 0 0 0 1.2rem;
      font-size: 2.2rem;
    }
  }
  #items-detail .items-detail-section-02 .row .col_4 a .search-result-caption .search-result-label h3 {
    margin: 1.2rem 0 0 0;
    font-size: 1.6rem;
    font-weight: 700;
  }
  @media screen and (max-width: 768px) {
    #items-detail .items-detail-section-02 .row .col_4 a .search-result-caption .search-result-label h3 {
      margin: 1.6rem 0 0 0;
      font-size: 2.4rem;
      line-height: 1.4;
    }
  }
  #items-detail .items-detail-section-02 .row .col_4 a .search-result-caption .search-result-label h3.text-center {
    text-align: center;
  }
  #items-detail .items-detail-section-02 .row .col_4 a .search-result-caption .search-result-number {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin: 1.2rem 0 0 0;
  }
  @media screen and (max-width: 768px) {
    #items-detail .items-detail-section-02 .row .col_4 a .search-result-caption .search-result-number {
      align-items: flex-start;
      margin-left: 0;
      margin-top: 1.6rem;
    }
  }
  #items-detail .items-detail-section-02 .row .col_4 a .search-result-caption .search-result-number .search-result-size {
    color: #888888;
    font-size: 1.3rem;
  }
  @media screen and (max-width: 768px) {
    #items-detail .items-detail-section-02 .row .col_4 a .search-result-caption .search-result-number .search-result-size {
      font-size: 1.8rem;
    }
  }
  #items-detail .items-detail-section-02 .row .col_4 a .search-result-caption .search-result-number .search-result-price {
    display: inline-block;
    margin: 1.2rem 0 0 0;
    font-size: 1.6rem;
    font-weight: 700;
  }
  @media screen and (max-width: 768px) {
    #items-detail .items-detail-section-02 .row .col_4 a .search-result-caption .search-result-number .search-result-price {
      margin: 1.6rem 0 0 0;
      font-size: 2.4rem;
    }
  }

  /*================= ▼ ITEMS =================*/
  #items .under-mv .headline {
    height: 32rem;
    background-image: url("/assets/images/items/bg_items.jpg");
  }
  @media screen and (max-width: 768px) {
    #items .under-mv .headline {
      background-image: url("/assets/images/items/bg_items_sp.jpg");
    }
  }
  #items .under-mv .headline::before {
    width: 68.3rem;
    height: 12.4rem;
    background-image: url("/assets/images/items/ttl_item.svg");
  }
  #items .under-mv .headline.is-second-tab-active {
    background-image: url("/assets/images/items/bg_items_module.jpg");
  }
  @media screen and (max-width: 768px) {
    #items .under-mv .headline.is-second-tab-active {
      background-image: url("/assets/images/items/bg_items_module_sp.jpg");
    }
  }
  #items .under-mv .headline.is-second-tab-active::before {
    bottom: -5rem;
    width: 132.1rem;
    height: 17.1rem;
    background-image: url("/assets/images/items/ttl_item_module.svg");
  }
  @media screen and (max-width: 768px) {
    #items .under-mv .headline.is-second-tab-active::before {
      width: 83.6rem;
      height: 29.1rem;
      background-image: url("/assets/images/items/sp/ttl_item_module.svg");
    }
  }
  #items .under-mv .headline.is-third-tab-active {
    background-image: url("/assets/images/items/bg_items_system.jpg");
  }
  @media screen and (max-width: 768px) {
    #items .under-mv .headline.is-third-tab-active {
      background-image: url("/assets/images/items/bg_items_system_sp.jpg");
    }
  }
  #items .under-mv .headline.is-third-tab-active::before {
    bottom: -4.7rem;
    width: 101rem;
    height: 17.1rem;
    background-image: url("/assets/images/items/ttl_item_system.svg");
  }
  @media screen and (max-width: 768px) {
    #items .under-mv .headline.is-third-tab-active::before {
      width: 54.2rem;
      height: 29.1rem;
      background-image: url("/assets/images/items/sp/ttl_item_system.svg");
    }
  }
  #items .under-mv .headline .page-ttl img {
    width: 5.6rem;
    margin-bottom: 1.35rem;
  }
  @media screen and (max-width: 768px) {
    #items .under-mv .headline .page-ttl img {
      width: 10rem;
    }
  }
  #items .under-mv .breadcrumb::before {
    width: 2.6rem;
    height: 1.5rem;
    background-image: url("/assets/images/items/ic_items.svg");
  }
  @media screen and (max-width: 768px) {
    #items .under-mv .breadcrumb::before {
      width: 3.5rem;
      height: 2rem;
    }
  }
  #items .search-condition .inner,
  #case .search-condition .inner {
    display: flex;
    align-items: center;
    margin: 0 auto;
    padding: 2.1rem 0 0 0;
    max-width: 102.4rem;
  }
  @media screen and (max-width: 768px) {
    #items .search-condition .inner,
    #case .search-condition .inner {
      flex-direction: column;
      padding: 4rem 3.2rem 0;
    }
  }
  #items .search-condition .inner .search-condition-inner,
  #case .search-condition .inner .search-condition-inner {
    display: flex;
    flex-direction: column;
    width: 76rem;
  }
  @media screen and (max-width: 768px) {
    #items .search-condition .inner .search-condition-inner,
    #case .search-condition .inner .search-condition-inner {
      width: 100%;
    }
  }
  #items .search-condition .inner .search-condition-inner .search-condition-head,
  #case .search-condition .inner .search-condition-inner .search-condition-head {
    display: flex;
    justify-content: space-between;
    padding: 0 0 1.2rem 0;
    border-bottom: 1px solid #ddd;
  }
  @media screen and (max-width: 768px) {
    #items .search-condition .inner .search-condition-inner .search-condition-head,
    #case .search-condition .inner .search-condition-inner .search-condition-head {
      padding: 0 0 2.4rem 0;
    }
  }
  #items .search-condition .inner .search-condition-inner .search-condition-head p,
  #case .search-condition .inner .search-condition-inner .search-condition-head p {
    font-size: 1.4rem;
    font-weight: 700;
  }
  @media screen and (max-width: 768px) {
    #items .search-condition .inner .search-condition-inner .search-condition-head p,
    #case .search-condition .inner .search-condition-inner .search-condition-head p {
      font-size: 2.4rem;
    }
  }
  #items .search-condition .inner .search-condition-inner .search-condition-head span,
  #case .search-condition .inner .search-condition-inner .search-condition-head span {
    position: relative;
    color: #2e3776;
    font-size: 1.1rem;
    font-weight: 700;
    cursor: pointer;
  }
  @media screen and (max-width: 768px) {
    #items .search-condition .inner .search-condition-inner .search-condition-head span,
    #case .search-condition .inner .search-condition-inner .search-condition-head span {
      font-size: 2rem;
    }
  }
  #items .search-condition .inner .search-condition-inner .search-condition-head span::before, #items .search-condition .inner .search-condition-inner .search-condition-head span::after,
  #case .search-condition .inner .search-condition-inner .search-condition-head span::before, #case .search-condition .inner .search-condition-inner .search-condition-head span::after {
    content: "";
    position: absolute;
    top: 40%;
    left: -2rem;
    z-index: 10;
    display: block;
    width: 1rem;
    height: 0.1rem;
    background-color: #2e3776;
  }
  @media screen and (max-width: 768px) {
    #items .search-condition .inner .search-condition-inner .search-condition-head span::before, #items .search-condition .inner .search-condition-inner .search-condition-head span::after,
    #case .search-condition .inner .search-condition-inner .search-condition-head span::before, #case .search-condition .inner .search-condition-inner .search-condition-head span::after {
      left: -4rem;
      width: 2rem;
    }
  }
  #items .search-condition .inner .search-condition-inner .search-condition-head span::before,
  #case .search-condition .inner .search-condition-inner .search-condition-head span::before {
    transform: rotate(-45deg);
  }
  #items .search-condition .inner .search-condition-inner .search-condition-head span::after,
  #case .search-condition .inner .search-condition-inner .search-condition-head span::after {
    transform: rotate(45deg);
  }
  #items .search-condition .inner .search-condition-inner .search-condition-result,
  #case .search-condition .inner .search-condition-inner .search-condition-result {
    margin: 1.65rem 0 0 0;
  }
  #items .search-condition .inner .search-condition-inner .search-condition-result ul,
  #case .search-condition .inner .search-condition-inner .search-condition-result ul {
    display: flex;
    flex-wrap: wrap;
    gap: 1.5rem;
  }
  @media screen and (max-width: 768px) {
    #items .search-condition .inner .search-condition-inner .search-condition-result ul,
    #case .search-condition .inner .search-condition-inner .search-condition-result ul {
      flex-wrap: wrap;
    }
  }
  #items .search-condition .inner .search-condition-inner .search-condition-result ul li,
  #case .search-condition .inner .search-condition-inner .search-condition-result ul li {
    position: relative;
    display: flex;
    align-items: center;
    padding: 0 2.2rem 0 3.9rem;
    height: 3.5rem;
    border: 1px solid #dfe0ea;
    border-radius: 50px;
    color: #888888;
    font-size: 1.4rem;
    cursor: pointer;
  }
  @media screen and (max-width: 768px) {
    #items .search-condition .inner .search-condition-inner .search-condition-result ul li,
    #case .search-condition .inner .search-condition-inner .search-condition-result ul li {
      margin: 1.6rem 1.6rem 0 0;
      padding: 0 2rem 0 5.6rem;
      height: 6rem;
      font-size: 2rem;
    }
  }
  #items .search-condition .inner .search-condition-inner .search-condition-result ul li::before, #items .search-condition .inner .search-condition-inner .search-condition-result ul li::after,
  #case .search-condition .inner .search-condition-inner .search-condition-result ul li::before, #case .search-condition .inner .search-condition-inner .search-condition-result ul li::after {
    content: "";
    position: absolute;
    top: 48%;
    left: 1.25rem;
    z-index: 10;
    display: block;
    width: 1.4rem;
    height: 0.1rem;
    background-color: #2e3776;
  }
  @media screen and (max-width: 768px) {
    #items .search-condition .inner .search-condition-inner .search-condition-result ul li::before, #items .search-condition .inner .search-condition-inner .search-condition-result ul li::after,
    #case .search-condition .inner .search-condition-inner .search-condition-result ul li::before, #case .search-condition .inner .search-condition-inner .search-condition-result ul li::after {
      left: 2.1rem;
      width: 2rem;
    }
  }
  #items .search-condition .inner .search-condition-inner .search-condition-result ul li::before,
  #case .search-condition .inner .search-condition-inner .search-condition-result ul li::before {
    transform: rotate(-45deg);
  }
  #items .search-condition .inner .search-condition-inner .search-condition-result ul li::after,
  #case .search-condition .inner .search-condition-inner .search-condition-result ul li::after {
    transform: rotate(45deg);
  }
  #items .search-condition .inner .search-condition-inner .search-condition-result ul li span,
  #case .search-condition .inner .search-condition-inner .search-condition-result ul li span {
    margin: 0 0 0 0.6rem;
    color: #2e3776;
    font-weight: 700;
  }
  #items .search-condition .inner .search-condition-btn,
  #case .search-condition .inner .search-condition-btn {
    margin-left: auto;
  }
  @media screen and (max-width: 768px) {
    #items .search-condition .inner .search-condition-btn,
    #case .search-condition .inner .search-condition-btn {
      margin: 4rem auto 0 auto;
    }
  }
  #items .search-condition .inner .search-condition-btn .search-condition-btn-link,
  #case .search-condition .inner .search-condition-btn .search-condition-btn-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 2rem 0 4.5rem;
    width: 23.2rem;
    height: 5rem;
    background-color: var(--main-color);
    border: 1px solid #caccdc;
    border-radius: 5px;
    color: #fff;
    font-size: 1.4rem;
    text-decoration: none;
    cursor: pointer;
  }
  @media screen and (max-width: 768px) {
    #items .search-condition .inner .search-condition-btn .search-condition-btn-link,
    #case .search-condition .inner .search-condition-btn .search-condition-btn-link {
      padding: 0 2rem 0 15.5rem;
      width: 52rem;
      height: 8.8rem;
      font-size: 2.4rem;
    }
  }
  @media screen and (max-width: 768px) {
    #items .search-condition .inner .search-condition-btn .search-condition-btn-link figure img,
    #case .search-condition .inner .search-condition-btn .search-condition-btn-link figure img {
      width: 3rem;
      height: 3.1rem;
    }
  }
  #items .search-condition .inner .search-condition-btn .search-condition-btn-link:hover,
  #case .search-condition .inner .search-condition-btn .search-condition-btn-link:hover {
    background-color: #fff;
    border-color: var(--main-color);
    color: var(--main-color);
  }
  #items .search-condition .inner .search-condition-btn .search-condition-btn-link:hover figure,
  #case .search-condition .inner .search-condition-btn .search-condition-btn-link:hover figure {
    position: relative;
  }
  #items .search-condition .inner .search-condition-btn .search-condition-btn-link:hover figure::before,
  #case .search-condition .inner .search-condition-btn .search-condition-btn-link:hover figure::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("/assets/images/common/ic_search_navy.svg") no-repeat 100%/contain;
  }
  #items .search-condition .inner .search-condition-btn .search-condition-btn-link:hover figure img,
  #case .search-condition .inner .search-condition-btn .search-condition-btn-link:hover figure img {
    opacity: 0;
  }
  #items .search-condition .inner .modal,
  #case .search-condition .inner .modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100000;
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0.3s ease-in-out, opacity 0.3s ease-in-out;
  }
  #items .search-condition .inner .modal.is-modal-active,
  #case .search-condition .inner .modal.is-modal-active {
    display: block;
    visibility: visible;
    opacity: 1;
  }
  #items .search-condition .inner .modal .modal-bg-black,
  #case .search-condition .inner .modal .modal-bg-black {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 110;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    opacity: 0;
    visibility: hidden;
  }
  #items .search-condition .inner .modal .modal-bg-black.is-modal-bg-active,
  #case .search-condition .inner .modal .modal-bg-black.is-modal-bg-active {
    visibility: visible;
    opacity: 1;
  }
  #items .search-condition .inner .modal .modal-inner,
  #case .search-condition .inner .modal .modal-inner {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 120;
    width: 94rem;
    height: 62rem;
    overflow-y: scroll;
    transform: translate(-50%, -50%);
  }
  @media screen and (max-width: 768px) {
    #items .search-condition .inner .modal .modal-inner,
    #case .search-condition .inner .modal .modal-inner {
      width: 70.4rem;
      height: 90rem;
    }
  }
  #items .search-condition .inner .modal .modal-inner .modal-contents,
  #case .search-condition .inner .modal .modal-inner .modal-contents {
    position: relative;
    background-color: #fff;
  }
  #items .search-condition .inner .modal .modal-inner .modal-contents .modal-title-inner,
  #case .search-condition .inner .modal .modal-inner .modal-contents .modal-title-inner {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 100%;
    background-color: #fff;
  }
  #items .search-condition .inner .modal .modal-inner .modal-contents .modal-title-inner .modal-close-button,
  #case .search-condition .inner .modal .modal-inner .modal-contents .modal-title-inner .modal-close-button {
    position: absolute;
    top: 3rem;
    right: 3rem;
    z-index: 10;
    width: 2rem;
    height: 2rem;
    cursor: pointer;
  }
  @media screen and (max-width: 768px) {
    #items .search-condition .inner .modal .modal-inner .modal-contents .modal-title-inner .modal-close-button,
    #case .search-condition .inner .modal .modal-inner .modal-contents .modal-title-inner .modal-close-button {
      width: 4rem;
      height: 4rem;
    }
  }
  #items .search-condition .inner .modal .modal-inner .modal-contents .modal-title-inner .modal-close-button::before, #items .search-condition .inner .modal .modal-inner .modal-contents .modal-title-inner .modal-close-button::after,
  #case .search-condition .inner .modal .modal-inner .modal-contents .modal-title-inner .modal-close-button::before, #case .search-condition .inner .modal .modal-inner .modal-contents .modal-title-inner .modal-close-button::after {
    content: "";
    position: absolute;
    top: 55%;
    left: 0;
    z-index: 10;
    display: block;
    width: 1.4rem;
    height: 0.1rem;
    background-color: #000;
    cursor: pointer;
  }
  @media screen and (max-width: 768px) {
    #items .search-condition .inner .modal .modal-inner .modal-contents .modal-title-inner .modal-close-button::before, #items .search-condition .inner .modal .modal-inner .modal-contents .modal-title-inner .modal-close-button::after,
    #case .search-condition .inner .modal .modal-inner .modal-contents .modal-title-inner .modal-close-button::before, #case .search-condition .inner .modal .modal-inner .modal-contents .modal-title-inner .modal-close-button::after {
      width: 3.2rem;
    }
  }
  #items .search-condition .inner .modal .modal-inner .modal-contents .modal-title-inner .modal-close-button::before,
  #case .search-condition .inner .modal .modal-inner .modal-contents .modal-title-inner .modal-close-button::before {
    transform: rotate(-45deg);
  }
  #items .search-condition .inner .modal .modal-inner .modal-contents .modal-title-inner .modal-close-button::after,
  #case .search-condition .inner .modal .modal-inner .modal-contents .modal-title-inner .modal-close-button::after {
    transform: rotate(45deg);
  }
  #items .search-condition .inner .modal .modal-inner .modal-contents .modal-title-inner .modal-title,
  #case .search-condition .inner .modal .modal-inner .modal-contents .modal-title-inner .modal-title {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2.5rem 0;
    border-bottom: 1px solid #ddd;
    font-size: 1.8rem;
    font-weight: 700;
  }
  @media screen and (max-width: 768px) {
    #items .search-condition .inner .modal .modal-inner .modal-contents .modal-title-inner .modal-title,
    #case .search-condition .inner .modal .modal-inner .modal-contents .modal-title-inner .modal-title {
      padding: 4rem 0;
      font-size: 2.6rem;
    }
  }
  #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions,
  #case .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions {
    padding: 0 3.2rem;
  }
  @media screen and (max-width: 768px) {
    #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions,
    #case .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions {
      padding: 0 3.2rem 3.2rem 3.2rem;
    }
  }
  #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-conditions-inner,
  #case .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-conditions-inner {
    padding: 3.2rem 0;
    border-bottom: 1px solid #ddd;
  }
  @media screen and (max-width: 768px) {
    #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-conditions-inner,
    #case .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-conditions-inner {
      padding: 3.2rem 0 0 0;
      border-bottom: none;
    }
  }
  @media screen and (max-width: 768px) {
    #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-conditions-inner:nth-child(n+2),
    #case .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-conditions-inner:nth-child(n+2) {
      padding: 6.4rem 0 0 0;
    }
  }
  #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-conditions-title,
  #case .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-conditions-title {
    color: #000;
    font-size: 1.8rem;
    font-weight: 700;
  }
  @media screen and (max-width: 768px) {
    #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-conditions-title,
    #case .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-conditions-title {
      font-size: 2.4rem;
    }
  }
  #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-conditions-title span,
  #case .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-conditions-title span {
    margin: 0 0 0 1.2rem;
    font-size: 1.3rem;
  }
  @media screen and (max-width: 768px) {
    #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-conditions-title span,
    #case .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-conditions-title span {
      font-size: 1.8rem;
    }
  }
  #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-id input,
  #case .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-id input {
    margin: 3.2rem 0 0 0;
    padding: 0 0 0 1.2rem;
    width: 32rem;
    min-height: 4rem;
    background-color: #fff;
    border-radius: 4px;
    border: 1.5px solid #ddd;
    font-size: 14px;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    text-overflow: ellipsis;
  }
  @media screen and (max-width: 768px) {
    #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-id input,
    #case .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-id input {
      margin: 2.5rem 0 0 0;
      padding: 0 0 0 3.2rem;
      width: 64rem;
      min-height: 8rem;
      font-size: 2.2rem;
    }
  }
  #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-id input:focus,
  #case .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-id input:focus {
    outline: 2px solid #2e3776;
  }
  #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-id input::-moz-placeholder,
  #case .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-id input::-moz-placeholder {
    color: #888;
  }
  #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-id input:-ms-input-placeholder,
  #case .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-id input:-ms-input-placeholder {
    color: #888;
  }
  #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-id input::placeholder,
  #case .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-id input::placeholder {
    color: #888;
  }
  #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-use .modal-select-list,
  #case .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-use .modal-select-list {
    display: flex;
    flex-wrap: wrap;
    margin: 2rem 0 0 0;
  }
  @media screen and (max-width: 768px) {
    #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-use .modal-select-list,
    #case .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-use .modal-select-list {
      margin: 0;
    }
  }
  @media screen and (max-width: 768px) {
    #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-use .modal-select-list .modal-select-list-item,
    #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-use .modal-select-list .modal-select-list-item {
      margin: 3rem 0 0 0;
    }
  }
  #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-use .modal-select-list .modal-select-list-item label,
  #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-use .modal-select-list .modal-select-list-item label {
    min-width: 17rem;
  }
  @media screen and (max-width: 768px) {
    #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-use .modal-select-list .modal-select-list-item label,
    #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-use .modal-select-list .modal-select-list-item label {
      min-width: 20.5rem;
    }
  }
  #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-use .modal-select-list .modal-select-list-item label.check,
  #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-use .modal-select-list .modal-select-list-item label.check {
    position: relative;
    display: inline-block;
    margin: 0.8rem 0;
    padding: 0 0 0 2.8rem;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
  }
  @media screen and (max-width: 768px) {
    #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-use .modal-select-list .modal-select-list-item label.check,
    #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-use .modal-select-list .modal-select-list-item label.check {
      display: flex;
      align-items: center;
      margin: 0;
      padding: 0;
      height: 4rem;
    }
  }
  #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-use .modal-select-list .modal-select-list-item label.check input,
  #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-use .modal-select-list .modal-select-list-item label.check input {
    display: none;
  }
  #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-use .modal-select-list .modal-select-list-item label.check input:checked + .checkbox,
  #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-use .modal-select-list .modal-select-list-item label.check input:checked + .checkbox {
    background: #2e3776;
    border-color: #2e3776;
  }
  #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-use .modal-select-list .modal-select-list-item label.check input:checked + .checkbox::after,
  #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-use .modal-select-list .modal-select-list-item label.check input:checked + .checkbox::after {
    opacity: 1;
  }
  #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-use .modal-select-list .modal-select-list-item label.check input:checked ~ .text,
  #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-use .modal-select-list .modal-select-list-item label.check input:checked ~ .text {
    color: #2e3776;
  }
  #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-use .modal-select-list .modal-select-list-item label.check .checkbox,
  #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-use .modal-select-list .modal-select-list-item label.check .checkbox {
    position: absolute;
    top: 0;
    left: 0;
    width: 2rem;
    height: 2rem;
    border: solid 1px #666;
    border-radius: 4px;
  }
  @media screen and (max-width: 768px) {
    #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-use .modal-select-list .modal-select-list-item label.check .checkbox,
    #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-use .modal-select-list .modal-select-list-item label.check .checkbox {
      position: relative;
      border-radius: 0.8rem;
      width: 4rem;
      height: 4rem;
    }
  }
  #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-use .modal-select-list .modal-select-list-item label.check .checkbox:after,
  #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-use .modal-select-list .modal-select-list-item label.check .checkbox:after {
    content: "";
    position: absolute;
    top: 6%;
    left: 33%;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    width: 0.7rem;
    height: 1.2rem;
    transform: rotate(45deg);
    opacity: 0;
  }
  @media screen and (max-width: 768px) {
    #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-use .modal-select-list .modal-select-list-item label.check .checkbox:after,
    #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-use .modal-select-list .modal-select-list-item label.check .checkbox:after {
      top: 18%;
      left: 36%;
      width: 1rem;
      height: 1.8rem;
    }
  }
  #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-use .modal-select-list .modal-select-list-item label.check .text,
  #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-use .modal-select-list .modal-select-list-item label.check .text {
    font-size: 1.4rem;
  }
  @media screen and (max-width: 768px) {
    #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-use .modal-select-list .modal-select-list-item label.check .text,
    #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-use .modal-select-list .modal-select-list-item label.check .text {
      margin: 0 0 0 1.2rem;
      font-size: 2rem;
    }
  }
  #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-price .modal-select-inner,
  #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-price .modal-select-inner {
    display: flex;
    align-items: center;
    margin: 3.2rem 0 0 0;
  }
  @media screen and (max-width: 768px) {
    #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-price .modal-select-inner,
    #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-price .modal-select-inner {
      margin: 2.5rem 0 0 0;
    }
  }
  #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-price .modal-select-inner .modal-search-select-box,
  #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-price .modal-select-inner .modal-search-select-box {
    position: relative;
    display: inline-block;
  }
  #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-price .modal-select-inner .modal-search-select-box::after,
  #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-price .modal-select-inner .modal-search-select-box::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 1.2rem;
    z-index: 10;
    width: 0.8rem;
    height: 0.8rem;
    border-bottom: solid 1.5px #2e3776;
    border-right: solid 1.5px #2e3776;
    transform: rotate(45deg);
    margin-top: -0.6rem;
  }
  @media screen and (max-width: 768px) {
    #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-price .modal-select-inner .modal-search-select-box::after,
    #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-price .modal-select-inner .modal-search-select-box::after {
      top: 40%;
      right: 3rem;
      width: 1.9rem;
      height: 1.9rem;
      border-bottom: solid 2px #2e3776;
      border-right: solid 2px #2e3776;
    }
  }
  #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-price .modal-select-inner .modal-search-select-box .modal-search-select,
  #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-price .modal-select-inner .modal-search-select-box .modal-search-select {
    padding: 0 0 0 2.2rem;
    width: 23.3rem;
    height: 4rem;
    border: 1px solid #dfe0ea;
    border-radius: 5px;
    color: #888;
    font-size: 1.4rem;
  }
  @media screen and (max-width: 768px) {
    #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-price .modal-select-inner .modal-search-select-box .modal-search-select,
    #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-price .modal-select-inner .modal-search-select-box .modal-search-select {
      padding: 0 0 0 3.4rem;
      width: 28.8rem;
      height: 8rem;
      font-size: 2.2rem;
    }
  }
  #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-price .modal-select-inner .modal-search-select-box .modal-search-select:focus,
  #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-price .modal-select-inner .modal-search-select-box .modal-search-select:focus {
    outline: 2px solid #2e3776;
  }
  #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-price .modal-select-inner .modal-search-line,
  #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-price .modal-select-inner .modal-search-line {
    margin: 0 1rem;
    font-size: 2rem;
  }
  @media screen and (max-width: 768px) {
    #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-price .modal-select-inner .modal-search-line,
    #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-price .modal-select-inner .modal-search-line {
      margin: 0 2rem;
      font-size: 3rem;
    }
  }
  #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-size .modal-select-inner,
  #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-size .modal-select-inner {
    display: flex;
    align-items: center;
    margin: 3.2rem 0 0 0;
  }
  @media screen and (max-width: 768px) {
    #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-size .modal-select-inner,
    #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-size .modal-select-inner {
      flex-direction: column;
      align-items: flex-start;
      margin: 2.5rem 0 0 0;
    }
  }
  #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-size .modal-select-inner .modal-unit-select-box,
  #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-size .modal-select-inner .modal-unit-select-box {
    position: relative;
    display: inline-block;
  }
  #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-size .modal-select-inner .modal-unit-select-box::after,
  #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-size .modal-select-inner .modal-unit-select-box::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 1.2rem;
    width: 0.8rem;
    height: 0.8rem;
    border-bottom: solid 1.5px #2e3776;
    border-right: solid 1.5px #2e3776;
    transform: rotate(45deg);
    margin-top: -0.6rem;
  }
  @media screen and (max-width: 768px) {
    #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-size .modal-select-inner .modal-unit-select-box::after,
    #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-size .modal-select-inner .modal-unit-select-box::after {
      top: 40%;
      right: 3rem;
      width: 1.9rem;
      height: 1.9rem;
      border-bottom: solid 2px #2e3776;
      border-right: solid 2px #2e3776;
    }
  }
  #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-size .modal-select-inner .modal-unit-select-box .modal-unit-select,
  #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-size .modal-select-inner .modal-unit-select-box .modal-unit-select {
    padding: 0 0 0 2.2rem;
    width: 14.4rem;
    height: 4rem;
    border: 1px solid #dfe0ea;
    border-radius: 5px;
    color: #888;
    font-size: 1.4rem;
  }
  @media screen and (max-width: 768px) {
    #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-size .modal-select-inner .modal-unit-select-box .modal-unit-select,
    #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-size .modal-select-inner .modal-unit-select-box .modal-unit-select {
      padding: 0 0 0 3.4rem;
      width: 28.8rem;
      height: 8rem;
      font-size: 2.2rem;
    }
  }
  #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-size .modal-select-inner .modal-unit-select-box .modal-unit-select:focus,
  #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-size .modal-select-inner .modal-unit-select-box .modal-unit-select:focus {
    outline: 2px solid #2e3776;
  }
  #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-size .modal-select-inner .modal-search-select-box-inner,
  #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-size .modal-select-inner .modal-search-select-box-inner {
    width: 580px;
    display: flex;
    align-items: center;
    margin-left: 10px;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-size .modal-select-inner .modal-search-select-box-inner label.radio,
  #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-size .modal-select-inner .modal-search-select-box-inner label.radio {
    display: inline-block;
    margin:0 10px 10px 0;
  }
  #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-size .modal-select-inner .modal-search-select-box-inner label.radio:last-child,
  #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-size .modal-select-inner .modal-search-select-box-inner label.radio:last-child {
    margin-right: 0;
  }
  #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-size .modal-select-inner .modal-search-select-box-inner label.radio input[type="radio"]:checked,
  #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-size .modal-select-inner .modal-search-select-box-inner label.radio input[type="radio"]:checked {
    background-color: #2e3776;
  }
  @media screen and (max-width: 768px) {
    #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-size .modal-select-inner .modal-search-select-box-inner,
    #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-size .modal-select-inner .modal-search-select-box-inner {
    width: 100%;
    margin-left: 0.1rem;
    justify-content: flex-start;
  }
  #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-size .modal-select-inner .modal-search-select-box-inner label.radio,
  #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-size .modal-select-inner .modal-search-select-box-inner label.radio {
    margin: 0 1.1rem 2.1rem 0;
  }
  }
  @media screen and (max-width: 768px) {
    #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-size .modal-select-inner .modal-search-select-box-inner,
    #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-size .modal-select-inner .modal-search-select-box-inner {
      margin: 2.4rem 0 0 0;
    }
  }
  #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-size .modal-select-inner .modal-search-select-box-inner .modal-search-select-box,
  #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-size .modal-select-inner .modal-search-select-box-inner .modal-search-select-box {
    position: relative;
    display: inline-block;
  }
  #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-size .modal-select-inner .modal-search-select-box-inner .modal-search-select-box.margin,
  #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-size .modal-select-inner .modal-search-select-box-inner .modal-search-select-box.margin {
    margin: 0 0 0 3.2rem;
  }
  @media screen and (max-width: 768px) {
    #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-size .modal-select-inner .modal-search-select-box-inner .modal-search-select-box.margin,
    #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-size .modal-select-inner .modal-search-select-box-inner .modal-search-select-box.margin {
      margin: 0;
    }
  }
  #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-size .modal-select-inner .modal-search-select-box-inner .modal-search-select-box::after,
  #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-size .modal-select-inner .modal-search-select-box-inner .modal-search-select-box::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 1.2rem;
    width: 0.8rem;
    height: 0.8rem;
    border-bottom: solid 1.5px #2e3776;
    border-right: solid 1.5px #2e3776;
    transform: rotate(45deg);
    margin-top: -0.6rem;
  }
  @media screen and (max-width: 768px) {
    #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-size .modal-select-inner .modal-search-select-box-inner .modal-search-select-box::after,
    #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-size .modal-select-inner .modal-search-select-box-inner .modal-search-select-box::after {
      top: 40%;
      right: 3rem;
      width: 1.9rem;
      height: 1.9rem;
      border-bottom: solid 2px #2e3776;
      border-right: solid 2px #2e3776;
    }
  }
  #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-size .modal-select-inner .modal-search-select-box-inner .modal-search-select-box .modal-search-select,
  #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-size .modal-select-inner .modal-search-select-box-inner .modal-search-select-box .modal-search-select {
    padding: 0 0 0 2.2rem;
    width: 23.3rem;
    height: 4rem;
    border: 1px solid #dfe0ea;
    border-radius: 5px;
    color: #888;
    font-size: 1.4rem;
  }
  @media screen and (max-width: 768px) {
    #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-size .modal-select-inner .modal-search-select-box-inner .modal-search-select-box .modal-search-select,
    #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-size .modal-select-inner .modal-search-select-box-inner .modal-search-select-box .modal-search-select {
      padding: 0 0 0 3.4rem;
      width: 28.8rem;
      height: 8rem;
      font-size: 2.2rem;
    }
  }
  #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-size .modal-select-inner .modal-search-select-box-inner .modal-search-select-box .modal-search-select:focus,
  #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-size .modal-select-inner .modal-search-select-box-inner .modal-search-select-box .modal-search-select:focus {
    outline: 2px solid #2e3776;
  }
  #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-size .modal-select-inner .modal-search-select-box-inner .modal-search-line,
  #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-size .modal-select-inner .modal-search-select-box-inner .modal-search-line {
    margin: 0 1rem;
    font-size: 2rem;
  }
  @media screen and (max-width: 768px) {
    #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-size .modal-select-inner .modal-search-select-box-inner .modal-search-line,
    #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-size .modal-select-inner .modal-search-select-box-inner .modal-search-line {
      margin: 0 2rem;
      font-size: 3rem;
    }
  }
  #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-color .modal-select-list,
  #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-color .modal-select-list {
    display: flex;
    flex-wrap: wrap;
    margin: 2rem 0 0 0;
  }
  @media screen and (max-width: 768px) {
    #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-color .modal-select-list,
    #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-color .modal-select-list {
      margin: 2.7rem 0 0 0;
    }
  }
  @media screen and (max-width: 768px) {
    #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-color .modal-select-list .modal-select-list-item:nth-child(n+3),
    #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-color .modal-select-list .modal-select-list-item:nth-child(n+3) {
      margin: 2rem 0 0 0;
    }
  }
  #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-color .modal-select-list .modal-select-list-item label,
  #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-color .modal-select-list .modal-select-list-item label {
    min-width: 17rem;
  }
  @media screen and (max-width: 768px) {
    #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-color .modal-select-list .modal-select-list-item label,
    #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-color .modal-select-list .modal-select-list-item label {
      min-width: 31rem;
    }
  }
  #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-color .modal-select-list .modal-select-list-item label.check,
  #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-color .modal-select-list .modal-select-list-item label.check {
    display: inline-flex;
    align-items: center;
    position: relative;
    margin: 0.8rem 0;
    padding: 0 0 0 2.8rem;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
  }
  @media screen and (max-width: 768px) {
    #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-color .modal-select-list .modal-select-list-item label.check,
    #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-color .modal-select-list .modal-select-list-item label.check {
      margin: 0;
      padding: 0;
      height: 4rem;
    }
  }
  #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-color .modal-select-list .modal-select-list-item label.check input,
  #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-color .modal-select-list .modal-select-list-item label.check input {
    display: none;
  }
  #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-color .modal-select-list .modal-select-list-item label.check input:checked + .checkbox,
  #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-color .modal-select-list .modal-select-list-item label.check input:checked + .checkbox {
    background: #2e3776;
    border-color: #2e3776;
  }
  #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-color .modal-select-list .modal-select-list-item label.check input:checked + .checkbox::after,
  #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-color .modal-select-list .modal-select-list-item label.check input:checked + .checkbox::after {
    opacity: 1;
  }
  #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-color .modal-select-list .modal-select-list-item label.check input:checked ~ .color-palette-outline,
  #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-color .modal-select-list .modal-select-list-item label.check input:checked ~ .color-palette-outline {
    outline: 2px solid #2e3776;
  }
  #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-color .modal-select-list .modal-select-list-item label.check input:checked ~ .text,
  #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-color .modal-select-list .modal-select-list-item label.check input:checked ~ .text {
    color: #2e3776;
    font-weight: 700;
  }
  #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-color .modal-select-list .modal-select-list-item label.check .checkbox,
  #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-color .modal-select-list .modal-select-list-item label.check .checkbox {
    position: absolute;
    top: 50%;
    left: 0;
    height: 2rem;
    width: 2rem;
    border: solid 1px #666;
    border-radius: 4px;
    transform: translateY(-50%);
  }
  @media screen and (max-width: 768px) {
    #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-color .modal-select-list .modal-select-list-item label.check .checkbox,
    #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-color .modal-select-list .modal-select-list-item label.check .checkbox {
      position: relative;
      width: 4rem;
      height: 4rem;
      border-radius: 0.8rem;
    }
  }
  #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-color .modal-select-list .modal-select-list-item label.check .checkbox:after,
  #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-color .modal-select-list .modal-select-list-item label.check .checkbox:after {
    content: "";
    position: absolute;
    top: 6%;
    left: 33%;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    width: 0.7rem;
    height: 1.2rem;
    transform: rotate(45deg);
    opacity: 0;
  }
  @media screen and (max-width: 768px) {
    #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-color .modal-select-list .modal-select-list-item label.check .checkbox:after,
    #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-color .modal-select-list .modal-select-list-item label.check .checkbox:after {
      top: 18%;
      left: 36%;
      width: 1rem;
      height: 1.8rem;
    }
  }
  #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-color .modal-select-list .modal-select-list-item label.check .color-palette-outline,
  #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-color .modal-select-list .modal-select-list-item label.check .color-palette-outline {
    display: inline-flex;
    padding: 0.3rem;
    border-radius: 8px;
  }
  @media screen and (max-width: 768px) {
    #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-color .modal-select-list .modal-select-list-item label.check .color-palette-outline,
    #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-color .modal-select-list .modal-select-list-item label.check .color-palette-outline {
      margin: 0 0 0 1.2rem;
      border-radius: 0.8rem;
    }
  }
  #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-color .modal-select-list .modal-select-list-item label.check .color-palette-outline .color-palette,
  #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-color .modal-select-list .modal-select-list-item label.check .color-palette-outline .color-palette {
    display: inline-block;
    width: 4rem;
    height: 2rem;
    border-radius: 5px;
  }
  @media screen and (max-width: 768px) {
    #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-color .modal-select-list .modal-select-list-item label.check .color-palette-outline .color-palette,
    #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-color .modal-select-list .modal-select-list-item label.check .color-palette-outline .color-palette {
      width: 8rem;
      height: 4rem;
      border-radius: 0.5rem;
    }
  }
  #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-color .modal-select-list .modal-select-list-item label.check .color-palette-outline .color-palette.white,
  #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-color .modal-select-list .modal-select-list-item label.check .color-palette-outline .color-palette.white {
    background-color: #fff;
    border: 1px solid #e2e2e2;
  }
  #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-color .modal-select-list .modal-select-list-item label.check .color-palette-outline .color-palette.beige,
  #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-color .modal-select-list .modal-select-list-item label.check .color-palette-outline .color-palette.beige {
    background-color: #e0d1a2;
    border: 1px solid #e0d1a2;
  }
  #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-color .modal-select-list .modal-select-list-item label.check .color-palette-outline .color-palette.blue,
  #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-color .modal-select-list .modal-select-list-item label.check .color-palette-outline .color-palette.blue {
    background-color: #4481de;
    border: 1px solid #4481de;
  }
  #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-color .modal-select-list .modal-select-list-item label.check .color-palette-outline .color-palette.black,
  #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-color .modal-select-list .modal-select-list-item label.check .color-palette-outline .color-palette.black {
    background-color: #000;
    border: 1px solid #000;
  }
  #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-color .modal-select-list .modal-select-list-item label.check .color-palette-outline .color-palette.brown,
  #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-color .modal-select-list .modal-select-list-item label.check .color-palette-outline .color-palette.brown {
    background-color: #653e32;
    border: 1px solid #653e32;
  }
  #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-color .modal-select-list .modal-select-list-item label.check .color-palette-outline .color-palette.silver,
  #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-color .modal-select-list .modal-select-list-item label.check .color-palette-outline .color-palette.silver {
    background-color: #dfe0ea;
    border: 1px solid #dfe0ea;
  }
  #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-color .modal-select-list .modal-select-list-item label.check .color-palette-outline .color-palette.gray,
  #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-color .modal-select-list .modal-select-list-item label.check .color-palette-outline .color-palette.gray {
    background-color: #a3a3a3;
    border: 1px solid #a3a3a3;
  }
  #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-color .modal-select-list .modal-select-list-item label.check .color-palette-outline .color-palette.green,
  #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-color .modal-select-list .modal-select-list-item label.check .color-palette-outline .color-palette.green {
    background-color: #54b33d;
    border: 1px solid #54b33d;
  }
  #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-color .modal-select-list .modal-select-list-item label.check .color-palette-outline .color-palette.other,
  #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-color .modal-select-list .modal-select-list-item label.check .color-palette-outline .color-palette.other {
    background-image: conic-gradient(from 0deg, #a6d210 90deg, #19908b 90deg 180deg, #9f49ac 180deg 270deg, #f88200 270deg);
  }
  #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-color .modal-select-list .modal-select-list-item label.check .text,
  #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-color .modal-select-list .modal-select-list-item label.check .text {
    margin: 0 0 0 0.8rem;
    font-size: 1.4rem;
  }
  @media screen and (max-width: 768px) {
    #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-color .modal-select-list .modal-select-list-item label.check .text,
    #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-color .modal-select-list .modal-select-list-item label.check .text {
      margin: 0 0 0 1.6rem;
      font-size: 2rem;
    }
  }
  #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-option .modal-option-inner,
  #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-option .modal-option-inner {
    display: flex;
    align-items: center;
    height: 7.2rem;
    margin: 1.6rem 0 0 0;
  }
  @media screen and (max-width: 768px) {
    #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-option .modal-option-inner,
    #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-option .modal-option-inner {
      flex-direction: column;
      align-items: flex-start;
      margin: 2.5rem 0 0 0;
      height: auto;
    }
  }
  #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-option .modal-option-inner .modal-select-list-all,
  #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-option .modal-option-inner .modal-select-list-all {
    display: flex;
    align-items: center;
    padding: 0 0 0 1.2rem;
    height: 100%;
    background-color: #f4f4f4;
    border-right: 1px solid #dddddd;
  }
  @media screen and (max-width: 768px) {
    #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-option .modal-option-inner .modal-select-list-all,
    #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-option .modal-option-inner .modal-select-list-all {
      padding: 0 0 0 2rem;
      width: 100%;
      height: 7.2rem;
      border-right: none;
      border-radius: 5px;
    }
  }
  #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-option .modal-option-inner .modal-select-list-all label,
  #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-option .modal-option-inner .modal-select-list-all label {
    min-width: 17rem;
  }
  @media screen and (max-width: 768px) {
    #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-option .modal-option-inner .modal-select-list-all label,
    #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-option .modal-option-inner .modal-select-list-all label {
      width: 100%;
      height: 7.2rem;
    }
  }
  #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-option .modal-option-inner .modal-select-list-all label.check,
  #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-option .modal-option-inner .modal-select-list-all label.check {
    display: inline-block;
    position: relative;
    margin: 0.8rem 0;
    padding: 0 0 0 2.8rem;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
  }
  @media screen and (max-width: 768px) {
    #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-option .modal-option-inner .modal-select-list-all label.check,
    #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-option .modal-option-inner .modal-select-list-all label.check {
      display: inline-flex;
      align-items: center;
      margin: 0;
      padding: 0;
    }
  }
  #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-option .modal-option-inner .modal-select-list-all label.check input,
  #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-option .modal-option-inner .modal-select-list-all label.check input {
    display: none;
  }
  #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-option .modal-option-inner .modal-select-list-all label.check input:checked + .checkbox,
  #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-option .modal-option-inner .modal-select-list-all label.check input:checked + .checkbox {
    background: #2e3776;
    border-color: #2e3776;
  }
  #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-option .modal-option-inner .modal-select-list-all label.check input:checked + .checkbox::after,
  #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-option .modal-option-inner .modal-select-list-all label.check input:checked + .checkbox::after {
    opacity: 1;
  }
  #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-option .modal-option-inner .modal-select-list-all label.check input:checked ~ .text,
  #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-option .modal-option-inner .modal-select-list-all label.check input:checked ~ .text {
    color: #2e3776;
  }
  #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-option .modal-option-inner .modal-select-list-all label.check .checkbox,
  #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-option .modal-option-inner .modal-select-list-all label.check .checkbox {
    position: absolute;
    top: 0;
    left: 0;
    width: 2rem;
    height: 2rem;
    border: solid 1px #666;
    border-radius: 4px;
  }
  @media screen and (max-width: 768px) {
    #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-option .modal-option-inner .modal-select-list-all label.check .checkbox,
    #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-option .modal-option-inner .modal-select-list-all label.check .checkbox {
      position: relative;
      width: 4rem;
      height: 4rem;
      border-radius: 0.8rem;
    }
  }
  #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-option .modal-option-inner .modal-select-list-all label.check .checkbox:after,
  #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-option .modal-option-inner .modal-select-list-all label.check .checkbox:after {
    content: "";
    position: absolute;
    top: 6%;
    left: 33%;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    width: 0.7rem;
    height: 1.2rem;
    transform: rotate(45deg);
    opacity: 0;
  }
  @media screen and (max-width: 768px) {
    #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-option .modal-option-inner .modal-select-list-all label.check .checkbox:after,
    #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-option .modal-option-inner .modal-select-list-all label.check .checkbox:after {
      top: 18%;
      left: 36%;
      width: 1rem;
      height: 1.8rem;
    }
  }
  #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-option .modal-option-inner .modal-select-list-all label.check .text,
  #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-option .modal-option-inner .modal-select-list-all label.check .text {
    margin:
    font-size: 1.4rem;
  }
  @media screen and (max-width: 768px) {
    #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-option .modal-option-inner .modal-select-list-all label.check .text,
    #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-option .modal-option-inner .modal-select-list-all label.check .text {
      margin: 0 0 0 1.2rem;
      font-size: 2rem;
    }
  }
  #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-option .modal-option-inner .modal-select-list,
  #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-option .modal-option-inner .modal-select-list {
    display: flex;
    flex-wrap: wrap;
    padding: 0 0 0 3.2rem;
  }
  @media screen and (max-width: 768px) {
    #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-option .modal-option-inner .modal-select-list,
    #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-option .modal-option-inner .modal-select-list {
      padding: 0;
    }
  }
  @media screen and (max-width: 768px) {
    #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-option .modal-option-inner .modal-select-list .modal-select-list-item,
    #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-option .modal-option-inner .modal-select-list .modal-select-list-item {
      margin: 2.4rem 0 0 0;
    }
  }
  #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-option .modal-option-inner .modal-select-list .modal-select-list-item label,
  #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-option .modal-option-inner .modal-select-list .modal-select-list-item label {
    min-width: 16rem;
  }
  @media screen and (max-width: 768px) {
    #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-option .modal-option-inner .modal-select-list .modal-select-list-item label,
    #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-option .modal-option-inner .modal-select-list .modal-select-list-item label {
      min-width: 20.8rem;
    }
  }
  #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-option .modal-option-inner .modal-select-list .modal-select-list-item label.check,
  #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-option .modal-option-inner .modal-select-list .modal-select-list-item label.check {
    display: inline-block;
    position: relative;
    margin: 0.8rem 0;
    padding: 0 0 0 2.8rem;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
  }
  @media screen and (max-width: 768px) {
    #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-option .modal-option-inner .modal-select-list .modal-select-list-item label.check,
    #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-option .modal-option-inner .modal-select-list .modal-select-list-item label.check {
      display: flex;
      align-items: center;
      margin: 0;
      padding: 0 0 0 5.2rem;
      height: 4rem;
    }
  }
  #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-option .modal-option-inner .modal-select-list .modal-select-list-item label.check input,
  #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-option .modal-option-inner .modal-select-list .modal-select-list-item label.check input {
    display: none;
  }
  #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-option .modal-option-inner .modal-select-list .modal-select-list-item label.check input:checked + .checkbox,
  #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-option .modal-option-inner .modal-select-list .modal-select-list-item label.check input:checked + .checkbox {
    background: #2e3776;
    border-color: #2e3776;
  }
  #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-option .modal-option-inner .modal-select-list .modal-select-list-item label.check input:checked + .checkbox::after,
  #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-option .modal-option-inner .modal-select-list .modal-select-list-item label.check input:checked + .checkbox::after {
    opacity: 1;
  }
  #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-option .modal-option-inner .modal-select-list .modal-select-list-item label.check input:checked ~ .text,
  #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-option .modal-option-inner .modal-select-list .modal-select-list-item label.check input:checked ~ .text {
    color: #2e3776;
  }
  #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-option .modal-option-inner .modal-select-list .modal-select-list-item label.check .checkbox,
  #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-option .modal-option-inner .modal-select-list .modal-select-list-item label.check .checkbox {
    position: absolute;
    top: 0;
    left: 0;
    height: 2rem;
    width: 2rem;
    border: solid 1px #666;
    border-radius: 4px;
  }
  @media screen and (max-width: 768px) {
    #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-option .modal-option-inner .modal-select-list .modal-select-list-item label.check .checkbox,
    #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-option .modal-option-inner .modal-select-list .modal-select-list-item label.check .checkbox {
      width: 4rem;
      height: 4rem;
      border-radius: 0.8rem;
    }
  }
  #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-option .modal-option-inner .modal-select-list .modal-select-list-item label.check .checkbox:after,
  #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-option .modal-option-inner .modal-select-list .modal-select-list-item label.check .checkbox:after {
    content: "";
    position: absolute;
    top: 6%;
    left: 33%;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    width: 0.7rem;
    height: 1.2rem;
    transform: rotate(45deg);
    opacity: 0;
  }
  @media screen and (max-width: 768px) {
    #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-option .modal-option-inner .modal-select-list .modal-select-list-item label.check .checkbox:after,
    #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-option .modal-option-inner .modal-select-list .modal-select-list-item label.check .checkbox:after {
      top: 18%;
      left: 36%;
      width: 1rem;
      height: 1.8rem;
    }
  }
  #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-option .modal-option-inner .modal-select-list .modal-select-list-item label.check .text,
  #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-option .modal-option-inner .modal-select-list .modal-select-list-item label.check .text {
    font-size: 1.4rem;
  }
  @media screen and (max-width: 768px) {
    #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-option .modal-option-inner .modal-select-list .modal-select-list-item label.check .text,
    #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-option .modal-option-inner .modal-select-list .modal-select-list-item label.check .text {
      font-size: 2rem;
    }
  }
  #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-area .modal-option-inner,
  #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-area .modal-option-inner {
    display: flex;
    align-items: center;
    height: 7.2rem;
    margin: 1.6rem 0 0 0;
  }
  @media screen and (max-width: 768px) {
    #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-area .modal-option-inner,
    #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-area .modal-option-inner {
      flex-direction: column;
      align-items: flex-start;
      margin: 2.5rem 0 0 0;
      height: auto;
    }
  }
  #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-area .modal-option-inner .modal-select-list-all,
  #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-area .modal-option-inner .modal-select-list-all {
    display: flex;
    align-items: center;
    padding: 0 0 0 1.2rem;
    height: 100%;
    background-color: #f4f4f4;
    border-right: 1px solid #dddddd;
  }
  @media screen and (max-width: 768px) {
    #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-area .modal-option-inner .modal-select-list-all,
    #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-area .modal-option-inner .modal-select-list-all {
      padding: 0 0 0 2rem;
      width: 100%;
      height: 7.2rem;
      border-right: none;
      border-radius: 5px;
    }
  }
  #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-area .modal-option-inner .modal-select-list-all label,
  #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-area .modal-option-inner .modal-select-list-all label {
    min-width: 17rem;
  }
  @media screen and (max-width: 768px) {
    #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-area .modal-option-inner .modal-select-list-all label,
    #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-area .modal-option-inner .modal-select-list-all label {
      width: 100%;
      height: 7.2rem;
    }
  }
  #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-area .modal-option-inner .modal-select-list-all label.check,
  #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-area .modal-option-inner .modal-select-list-all label.check {
    display: inline-block;
    position: relative;
    margin: 0.8rem 0;
    padding: 0 0 0 2.8rem;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
  }
  @media screen and (max-width: 768px) {
    #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-area .modal-option-inner .modal-select-list-all label.check,
    #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-area .modal-option-inner .modal-select-list-all label.check {
      display: inline-flex;
      align-items: center;
      margin: 0;
      padding: 0;
    }
  }
  #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-area .modal-option-inner .modal-select-list-all label.check input,
  #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-area .modal-option-inner .modal-select-list-all label.check input {
    display: none;
  }
  #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-area .modal-option-inner .modal-select-list-all label.check input:checked + .checkbox,
  #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-area .modal-option-inner .modal-select-list-all label.check input:checked + .checkbox {
    background: #2e3776;
    border-color: #2e3776;
  }
  #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-area .modal-option-inner .modal-select-list-all label.check input:checked + .checkbox::after,
  #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-area .modal-option-inner .modal-select-list-all label.check input:checked + .checkbox::after {
    opacity: 1;
  }
  #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-area .modal-option-inner .modal-select-list-all label.check input:checked ~ .text,
  #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-area .modal-option-inner .modal-select-list-all label.check input:checked ~ .text {
    color: #2e3776;
  }
  #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-area .modal-option-inner .modal-select-list-all label.check .checkbox,
  #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-area .modal-option-inner .modal-select-list-all label.check .checkbox {
    position: absolute;
    top: 0;
    left: 0;
    height: 2rem;
    width: 2rem;
    border: solid 1px #666;
    border-radius: 4px;
  }
  @media screen and (max-width: 768px) {
    #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-area .modal-option-inner .modal-select-list-all label.check .checkbox,
    #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-area .modal-option-inner .modal-select-list-all label.check .checkbox {
      position: relative;
      border-radius: 0.8rem;
      width: 4rem;
      height: 4rem;
    }
  }
  #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-area .modal-option-inner .modal-select-list-all label.check .checkbox:after,
  #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-area .modal-option-inner .modal-select-list-all label.check .checkbox:after {
    content: "";
    position: absolute;
    top: 6%;
    left: 33%;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    width: 0.7rem;
    height: 1.2rem;
    transform: rotate(45deg);
    opacity: 0;
  }
  @media screen and (max-width: 768px) {
    #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-area .modal-option-inner .modal-select-list-all label.check .checkbox:after,
    #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-area .modal-option-inner .modal-select-list-all label.check .checkbox:after {
      top: 18%;
      left: 36%;
      width: 1rem;
      height: 1.8rem;
    }
  }
  #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-area .modal-option-inner .modal-select-list-all label.check .text,
  #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-area .modal-option-inner .modal-select-list-all label.check .text {
    font-size: 1.4rem;
  }
  @media screen and (max-width: 768px) {
    #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-area .modal-option-inner .modal-select-list-all label.check .text,
    #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-area .modal-option-inner .modal-select-list-all label.check .text {
      font-size: 2rem;
    }
  }
  #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-area .modal-option-inner .modal-select-list,
  #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-area .modal-option-inner .modal-select-list {
    display: flex;
    flex-wrap: wrap;
    padding: 0 0 0 3.2rem;
  }
  @media screen and (max-width: 768px) {
    #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-area .modal-option-inner .modal-select-list,
    #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-area .modal-option-inner .modal-select-list {
      margin: 2.4rem 0 0 0;
      padding: 0;
    }
  }
  @media screen and (max-width: 768px) {
    #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-area .modal-option-inner .modal-select-list .modal-select-list-item:nth-child(n+4),
    #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-area .modal-option-inner .modal-select-list .modal-select-list-item:nth-child(n+4) {
      margin: 2.4rem 0 0 0;
    }
  }
  #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-area .modal-option-inner .modal-select-list .modal-select-list-item label,
  #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-area .modal-option-inner .modal-select-list .modal-select-list-item label {
    min-width: 16rem;
  }
  @media screen and (max-width: 768px) {
    #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-area .modal-option-inner .modal-select-list .modal-select-list-item label,
    #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-area .modal-option-inner .modal-select-list .modal-select-list-item label {
      min-width: 20.8rem;
    }
  }
  #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-area .modal-option-inner .modal-select-list .modal-select-list-item label.check,
  #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-area .modal-option-inner .modal-select-list .modal-select-list-item label.check {
    display: inline-block;
    position: relative;
    margin: 0.8rem 0;
    padding: 0 0 0 2.8rem;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
  }
  @media screen and (max-width: 768px) {
    #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-area .modal-option-inner .modal-select-list .modal-select-list-item label.check,
    #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-area .modal-option-inner .modal-select-list .modal-select-list-item label.check {
      display: flex;
      align-items: center;
      margin: 0;
      padding: 0 0 0 5.2rem;
      height: 4rem;
    }
  }
  #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-area .modal-option-inner .modal-select-list .modal-select-list-item label.check input,
  #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-area .modal-option-inner .modal-select-list .modal-select-list-item label.check input {
    display: none;
  }
  #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-area .modal-option-inner .modal-select-list .modal-select-list-item label.check input:checked + .checkbox,
  #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-area .modal-option-inner .modal-select-list .modal-select-list-item label.check input:checked + .checkbox {
    background: #2e3776;
    border-color: #2e3776;
  }
  #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-area .modal-option-inner .modal-select-list .modal-select-list-item label.check input:checked + .checkbox::after,
  #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-area .modal-option-inner .modal-select-list .modal-select-list-item label.check input:checked + .checkbox::after {
    opacity: 1;
  }
  #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-area .modal-option-inner .modal-select-list .modal-select-list-item label.check input:checked ~ .text,
  #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-area .modal-option-inner .modal-select-list .modal-select-list-item label.check input:checked ~ .text {
    color: #2e3776;
  }
  #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-area .modal-option-inner .modal-select-list .modal-select-list-item label.check .checkbox,
  #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-area .modal-option-inner .modal-select-list .modal-select-list-item label.check .checkbox {
    position: absolute;
    top: 0;
    left: 0;
    height: 2rem;
    width: 2rem;
    border: solid 1px #666;
    border-radius: 4px;
  }
  @media screen and (max-width: 768px) {
    #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-area .modal-option-inner .modal-select-list .modal-select-list-item label.check .checkbox,
    #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-area .modal-option-inner .modal-select-list .modal-select-list-item label.check .checkbox {
      width: 4rem;
      height: 4rem;
      border-radius: 0.8rem;
    }
  }
  #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-area .modal-option-inner .modal-select-list .modal-select-list-item label.check .checkbox:after,
  #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-area .modal-option-inner .modal-select-list .modal-select-list-item label.check .checkbox:after {
    content: "";
    position: absolute;
    top: 6%;
    left: 33%;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    width: 0.7rem;
    height: 1.2rem;
    transform: rotate(45deg);
    opacity: 0;
  }
  @media screen and (max-width: 768px) {
    #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-area .modal-option-inner .modal-select-list .modal-select-list-item label.check .checkbox:after,
    #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-area .modal-option-inner .modal-select-list .modal-select-list-item label.check .checkbox:after {
      top: 18%;
      left: 36%;
      width: 1rem;
      height: 1.8rem;
    }
  }
  #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-area .modal-option-inner .modal-select-list .modal-select-list-item label.check .text,
  #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-area .modal-option-inner .modal-select-list .modal-select-list-item label.check .text {
    font-size: 1.4rem;
  }
  @media screen and (max-width: 768px) {
    #items .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-area .modal-option-inner .modal-select-list .modal-select-list-item label.check .text,
    #case .search-condition .inner .modal-inner .modal-contents .modal-conditions .modal-area .modal-option-inner .modal-select-list .modal-select-list-item label.check .text {
      font-size: 2rem;
    }
  }
  #items .search-condition .inner .modal .modal-inner .modal-contents .modal-result,
  #case .search-condition .inner .modal-inner .modal-contents .modal-result {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    height: 7rem;
    background-color: #fff;
    border-top: 1px solid #ddd;
  }
  @media screen and (max-width: 768px) {
    #items .search-condition .inner .modal .modal-inner .modal-contents .modal-result,
    #case .search-condition .inner .modal-inner .modal-contents .modal-result {
      bottom: -1px;
      height: 10.4rem;
    }
  }
  #items .search-condition .inner .modal .modal-inner .modal-contents .modal-result .modal-result-inner,
  #case .search-condition .inner .modal-inner .modal-contents .modal-result .modal-result-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 3.2rem;
    height: 7rem;
  }
  @media screen and (max-width: 768px) {
    #items .search-condition .inner .modal .modal-inner .modal-contents .modal-result .modal-result-inner,
    #case .search-condition .inner .modal-inner .modal-contents .modal-result .modal-result-inner {
      height: 10.4rem;
    }
  }
  #items .search-condition .inner .modal .modal-inner .modal-contents .modal-result .modal-result-inner p,
  #case .search-condition .inner .modal-inner .modal-contents .modal-result .modal-result-inner p {
    display: flex;
    align-items: flex-end;
  }
  #items .search-condition .inner .modal .modal-inner .modal-contents .modal-result .modal-result-inner p .kensaku-text,
  #case .search-condition .inner .modal-inner .modal-contents .modal-result .modal-result-inner p .kensaku-text {
    color: #666666;
    font-size: 1.8rem;
  }
  #items .search-condition .inner .modal .modal-inner .modal-contents .modal-result .modal-result-inner p .kensaku-number,
  #case .search-condition .inner .modal-inner .modal-contents .modal-result .modal-result-inner p .kensaku-number {
    margin: 0 0 0 0.5rem;
    font-size: 3rem;
    font-weight: 700;
    line-height: 0.9;
  }
  @media screen and (max-width: 768px) {
    #items .search-condition .inner .modal .modal-inner .modal-contents .modal-result .modal-result-inner p .kensaku-number,
    #case .search-condition .inner .modal-inner .modal-contents .modal-result .modal-result-inner p .kensaku-number {
      margin: 0;
      font-size: 4.4rem;
    }
  }
  #items .search-condition .inner .modal .modal-inner .modal-contents .modal-result .modal-result-inner p .kensaku-sub-text,
  #case .search-condition .inner .modal-inner .modal-contents .modal-result .modal-result-inner p .kensaku-sub-text {
    margin: 0 0 0 0.5rem;
    font-size: 1.8rem;
  }
  @media screen and (max-width: 768px) {
    #items .search-condition .inner .modal .modal-inner .modal-contents .modal-result .modal-result-inner p .kensaku-sub-text,
    #case .search-condition .inner .modal-inner .modal-contents .modal-result .modal-result-inner p .kensaku-sub-text {
      font-size: 2.4rem;
    }
  }
  #items .search-condition .inner .modal .modal-inner .modal-contents .modal-result .modal-result-inner .modal-result-btn,
  #case .search-condition .inner .modal-inner .modal-contents .modal-result .modal-result-inner .modal-result-btn {
    display: flex;
  }
  #items .search-condition .inner .modal .modal-inner .modal-contents .modal-result .modal-result-inner .modal-result-btn .clear-btn,
  #case .search-condition .inner .modal-inner .modal-contents .modal-result .modal-result-inner .modal-result-btn .clear-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 12rem;
    height: 4.6rem;
    border: 1px solid #888;
    border-radius: 5px;
    color: #888;
    font-size: 1.3rem;
  }
  @media screen and (max-width: 768px) {
    #items .search-condition .inner .modal .modal-inner .modal-contents .modal-result .modal-result-inner .modal-result-btn .clear-btn,
    #case .search-condition .inner .modal-inner .modal-contents .modal-result .modal-result-inner .modal-result-btn .clear-btn {
      width: 13rem;
      height: 7.2rem;
      font-size: 2.2rem;
    }
  }
  #items .search-condition .inner .modal .modal-inner .modal-contents .modal-result .modal-result-inner .modal-result-btn .submit-btn,
  #case .search-condition .inner .modal-inner .modal-contents .modal-result .modal-result-inner .modal-result-btn .submit-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0 0 1.6rem;
    width: 19rem;
    height: 4.6rem;
    background-color: #2e3776;
    border: 1px solid #888;
    border-radius: 5px;
    color: #fff;
    font-size: 1.4rem;
  }
  @media screen and (max-width: 768px) {
    #items .search-condition .inner .modal .modal-inner .modal-contents .modal-result .modal-result-inner .modal-result-btn .submit-btn,
    #case .search-condition .inner .modal-inner .modal-contents .modal-result .modal-result-inner .modal-result-btn .submit-btn {
      width: 25.4rem;
      height: 7.2rem;
      font-size: 2.4rem;
    }
  }
  #items .tab-content .inner,
  #case .tab-content .inner {
    width: 100%;
    -webkit-animation: fadeEffect 0.6s ease;
            animation: fadeEffect 0.6s ease;
  }
  #items .search-result,
  #case .search-result {
    margin: 2.4rem 0 0 0;
  }
  @media screen and (max-width: 768px) {
    #items .search-result,
    #case .search-result {
      margin: 4rem 0 0 0;
    }
  }
  #items .search-result .inner,
  #case .search-result .inner {
    background-color: #fafafa;
    padding: 0 0 12rem 0;
  }
  #items .search-result .inner .tab-panel .tab-group,
  #case .tab-panel .tab-group {
    display: flex;
    justify-content: center;
    border-bottom: solid 1px #caccdc;
    padding: 7.2rem 0 0 0;
  }
  @media screen and (max-width: 768px) {
    #items .search-result .inner .tab-panel .tab-group,
    #case .tab-panel .tab-group {
      padding: 10rem 0 0 0;
    }
  }
  #items .search-result .inner .tab-panel .tab-group li:not(:first-child),
  #case .tab-panel .tab-group li:not(:first-child) {
    margin-left: 1.7rem;
  }
  @media screen and (max-width: 768px) {
    #items .search-result .inner .tab-panel .tab-group li:not(:first-child),
    #case .tab-panel .tab-group li:not(:first-child) {
      margin-left: 2.1rem;
    }
  }
  #items .search-result .inner .tab-panel .tab-group li a,
  #case .tab-panel .tab-group li a {
    position: relative;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    background: #fff;
    color: #000;
    width: 23.2rem;
    height: 4.6rem;
    border-top: solid 1px #caccdc;
    border-right: solid 1px #caccdc;
    border-left: solid 1px #caccdc;
    border-radius: 4px 4px 0 0;
    transition: 0.2s ease;
  }
  @media screen and (max-width: 768px) {
    #items .search-result .inner .tab-panel .tab-group li a,
    #case .tab-panel .tab-group li a {
      width: 22rem;
      height: 16rem;
    }
  }
  #items .search-result .inner .tab-panel .tab-group li a:hover,
  #case .tab-panel .tab-group li a:hover {
    background: #2e3776;
    color: #fff;
  }
  #items .search-result .inner .tab-panel .tab-group li a .tab-title,
  #case .tab-panel .tab-group li a .tab-title {
    position: relative;
    display: inline-block;
    padding-left: 3.8rem;
    text-align: center;
    font-size: 1.6rem;
    font-weight: 400;
    letter-spacing: 0.06em;
    line-height: 1.84;
  }
  @media screen and (max-width: 768px) {
    #items .search-result .inner .tab-panel .tab-group li a .tab-title,
    #case .tab-panel .tab-group li a .tab-title {
      padding-left: 0;
      padding-top: 3rem;
      font-size: 2.4rem;
      transform: translateY(1rem);
    }
  }
  #items .search-result .inner .tab-panel .tab-group li a .tab-title:before,
  #case .tab-panel .tab-group li a .tab-title:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 2.822rem;
    height: 1.48rem;
  }
  @media screen and (max-width: 768px) {
    #items .search-result .inner .tab-panel .tab-group li a .tab-title:before,
    #case .tab-panel .tab-group li a .tab-title:before {
      top: 0;
      right: 0;
      left: 0;
      bottom: 0;
      margin: 0 auto auto auto;
      width: 7.557rem;
      height: 4.883rem;
    }
  }
  #items .search-result .inner .tab-panel .tab-group li a .number-notification,
  #case .tab-panel .tab-group li a .number-notification {
    position: absolute;
    top: -1rem;
    right: -1.3rem;
    z-index: 10;
    padding: 0.5rem;
    min-width: 2.4rem;
    background-color: #0f23ac;
    border: 1px solid #fff;
    border-radius: 50px;
    color: #fff;
    font-size: 1.2rem;
  }
  #case .tab-panel .tab-group li a .number-notification {
    letter-spacing: 0.05em;
    line-height: 1.15;
  }
  #case .tab-panel .tab-group li a .number-notification::before {
    content: none;
  }
  @media screen and (max-width: 768px) {
    #items .search-result .inner .tab-panel .tab-group li a .number-notification,
    #case .tab-panel .tab-group li a .number-notification {
      min-width: 3.6rem;
      font-size: 2.4rem;
    }
    #case .tab-group li a span {
      transform: none;
    }
  }
  #items .search-result .inner .tab-panel .tab-group li:nth-child(1).is-active a span:before {
    background-image: url("/assets/images/case/ico_case01_hover.svg");
  }
  @media screen and (max-width: 768px) {
    #items .search-result .inner .tab-panel .tab-group li:nth-child(1).is-active a span:before {
      background: url("/assets/images/case/ico_case01_sp_hover.svg") no-repeat;
      background-size: 100%;
    }
  }
  #items .search-result .inner .tab-panel .tab-group li:nth-child(1) a span:before {
    background: url("/assets/images/case/ico_case01.svg") no-repeat 100%/contain;
  }
  @media screen and (max-width: 768px) {
    #items .search-result .inner .tab-panel .tab-group li:nth-child(1) a span:before {
      background-image: url("/assets/images/case/ico_case01_sp.svg");
    }
  }
  #items .search-result .inner .tab-panel .tab-group li:nth-child(1) a:hover span:before {
    background-image: url("/assets/images/case/ico_case01_hover.svg");
  }
  @media screen and (max-width: 768px) {
    #items .search-result .inner .tab-panel .tab-group li:nth-child(1) a:hover span:before {
      background: url("/assets/images/case/ico_case01_sp_hover.svg") no-repeat;
      background-size: 100%;
    }
  }
  #items .search-result .inner .tab-panel .tab-group li:nth-child(2).is-active a span:before {
    background-image: url("/assets/images/case/ico_case02_hover.svg");
  }
  @media screen and (max-width: 768px) {
    #items .search-result .inner .tab-panel .tab-group li:nth-child(2).is-active a span:before {
      background: url("/assets/images/case/ico_case02_sp_hover.svg") no-repeat;
      background-size: 100%;
    }
  }
  #items .search-result .inner .tab-panel .tab-group li:nth-child(2) a span:before {
    background: url("/assets/images/case/ico_case02.svg") no-repeat 100%/contain;
  }
  @media screen and (max-width: 768px) {
    #items .search-result .inner .tab-panel .tab-group li:nth-child(2) a span:before {
      background-image: url("/assets/images/case/ico_case02_sp.svg");
    }
  }
  #items .search-result .inner .tab-panel .tab-group li:nth-child(2) a:hover span:before {
    background-image: url("/assets/images/case/ico_case02_hover.svg");
  }
  @media screen and (max-width: 768px) {
    #items .search-result .inner .tab-panel .tab-group li:nth-child(2) a:hover span:before {
      background-image: url("/assets/images/case/ico_case02_sp_hover.svg");
    }
  }
  #items .search-result .inner .tab-panel .tab-group li:nth-child(3).is-active a span:before {
    background-image: url("/assets/images/case/ico_case03_hover.svg");
  }
  @media screen and (max-width: 768px) {
    #items .search-result .inner .tab-panel .tab-group li:nth-child(3).is-active a span:before {
      background: url("/assets/images/case/ico_case03_sp_hover.svg") no-repeat;
      background-size: 100%;
    }
  }
  #items .search-result .inner .tab-panel .tab-group li:nth-child(3) a span:before {
    background: url("/assets/images/case/ico_case03.svg") no-repeat 100%/contain;
  }
  @media screen and (max-width: 768px) {
    #items .search-result .inner .tab-panel .tab-group li:nth-child(3) a span:before {
      background-image: url("/assets/images/case/ico_case03_sp.svg");
    }
  }
  #items .search-result .inner .tab-panel .tab-group li:nth-child(3) a:hover span:before {
    background-image: url("/assets/images/case/ico_case03_hover.svg");
  }
  @media screen and (max-width: 768px) {
    #items .search-result .inner .tab-panel .tab-group li:nth-child(3) a:hover span:before{
      background-image: url("/assets/images/case/ico_case03_sp_hover.svg");
    }
  }
  #items .search-result .inner .tab-panel .tab-group li.is-active a,
  #case .tab-panel .tab-group li.is-active a {
    color: #fff;
    background-color: #2e3776;
  }
  #items .panel-group,
  #case .panel-group {
    max-width: 102.4rem;
    margin: auto;
    scroll-margin-top: 7.2rem;
  }
  @media screen and (max-width: 768px) {
    #items .panel-group,
    #case .panel-group {
      padding: 0 3.2rem;
    }
  }
  #items .panel-group .panel,
  #case .panel-group .panel {
    display: none;
    -webkit-animation: fadeEffect 0.6s ease;
            animation: fadeEffect 0.6s ease;
  }
  #items .panel-group .panel.is-show,
  #case .panel-group .panel.is-show {
    display: block;
  }
  @-webkit-keyframes fadeEffect {
    0% {
      opacity: 0;
      margin-left: 3rem;
    }
    100% {
      opacity: 1;
      margin-left: 0;
    }
  }
  @keyframes fadeEffect {
    0% {
      opacity: 0;
      margin-left: 3rem;
    }
    100% {
      opacity: 1;
      margin-left: 0;
    }
  }
  #items .panel-group .panel .search-result-controller .search-result-inner,
  #case .panel-group .panel .search-result-controller .search-result-inner {
    display: flex;
    margin: 0 auto;
    padding: 2rem 0 0 0;
    max-width: 102.4rem;
  }
  @media screen and (max-width: 768px) {
    #items .panel-group .panel .search-result-controller .search-result-inner,
    #case .panel-group .panel .search-result-controller .search-result-inner {
      flex-wrap: wrap;
      align-items: center;
      padding: 4rem 0 0 0;
      max-width: 100%;
    }
  }
  @media screen and (max-width: 768px) {
    #items .panel-group .panel .search-result-controller .search-result-inner .search-result-number,
    #case .panel-group .panel .search-result-controller .search-result-inner .search-result-number {
      display: flex;
      order: 1;
    }
  }
  #items .panel-group .panel .search-result-controller .search-result-inner .search-result-number p span:nth-child(1),
  #case .panel-group .panel .search-result-controller .search-result-inner .search-result-number p span:nth-child(1) {
    color: #666;
    font-size: 1.8rem;
  }
  @media screen and (max-width: 768px) {
    #items .panel-group .panel .search-result-controller .search-result-inner .search-result-number p span:nth-child(1),
    #case .panel-group .panel .search-result-controller .search-result-inner .search-result-number p span:nth-child(1) {
      font-size: 2.4rem;
    }
  }
  #items .panel-group .panel .search-result-controller .search-result-inner .search-result-number p span:nth-child(2),
  #case .panel-group .panel .search-result-controller .search-result-inner .search-result-number p span:nth-child(2) {
    color: #000;
    font-size: 3rem;
    font-weight: 700;
  }
  @media screen and (max-width: 768px) {
    #items .panel-group .panel .search-result-controller .search-result-inner .search-result-number p span:nth-child(2),
    #case .panel-group .panel .search-result-controller .search-result-inner .search-result-number p span:nth-child(2) {
      font-size: 4.4rem;
    }
  }
  #items .panel-group .panel .search-result-controller .search-result-inner .search-result-number p span:nth-child(3),
  #case .panel-group .panel .search-result-controller .search-result-inner .search-result-number p span:nth-child(3) {
    color: #000;
    font-size: 1.8rem;
  }
  @media screen and (max-width: 768px) {
    #items .panel-group .panel .search-result-controller .search-result-inner .search-result-number p span:nth-child(3),
    #case .panel-group .panel .search-result-controller .search-result-inner .search-result-number p span:nth-child(3) {
      font-size: 2.4rem;
    }
  }
  #items .panel-group .panel .search-result-controller .search-result-inner .search-result-tab,
  #case .panel-group .panel .search-result-controller .search-result-inner .search-result-tab {
    margin-left: auto;
  }
  @media screen and (max-width: 768px) {
    #items .panel-group .panel .search-result-controller .search-result-inner .search-result-tab,
    #case .panel-group .panel .search-result-controller .search-result-inner .search-result-tab {
      order: 3;
      margin: 4rem 0 0 0;
      width: 100%;
    }
  }
  #items .panel-group .panel .search-result-controller .search-result-inner .search-result-tab ul,
  #case .panel-group .panel .search-result-controller .search-result-inner .search-result-tab ul {
    display: flex;
    align-items: center;
    padding: 0.4rem;
    width: 30.4rem;
    height: 4.1rem;
    border: 1px solid #dfe0ea;
    border-radius: 5px;
  }
  @media screen and (max-width: 768px) {
    #items .panel-group .panel .search-result-controller .search-result-inner .search-result-tab ul,
    #case .panel-group .panel .search-result-controller .search-result-inner .search-result-tab ul {
      justify-content: center;
      margin: 0;
      padding: 1.2rem;
      width: 100%;
      height: 8rem;
    }
  }
  #items .panel-group .panel .search-result-controller .search-result-inner .search-result-tab ul li,
  #case .panel-group .panel .search-result-controller .search-result-inner .search-result-tab ul li {
    position: relative;
    display: flex;
    align-items: center;
    padding: 0 1.4rem 0 2.1rem;
    height: 3.1rem;
    border-radius: 5px;
    cursor: pointer;
  }
  @media screen and (max-width: 768px) {
    #items .panel-group .panel .search-result-controller .search-result-inner .search-result-tab ul li,
    #case .panel-group .panel .search-result-controller .search-result-inner .search-result-tab ul li {
      justify-content: center;
      width: 32.8rem;
      height: 5.6rem;
    }
  }
  #items .panel-group .panel .search-result-controller .search-result-inner .search-result-tab ul li.is-tab-active,
  #case .panel-group .panel .search-result-controller .search-result-inner .search-result-tab ul li.is-tab-active {
    background-color: #2e3776;
    color: #fff;
  }
  #items .panel-group .panel .search-result-controller .search-result-inner .search-result-tab ul li:nth-child(1).is-tab-active::before,
  #case .panel-group .panel .search-result-controller .search-result-inner .search-result-tab ul li:nth-child(1).is-tab-active::before {
    background-image: url("/assets/images/items/ic_list_white.svg");
  }
  #items .panel-group .panel .search-result-controller .search-result-inner .search-result-tab ul li:nth-child(1)::before,
  #case .panel-group .panel .search-result-controller .search-result-inner .search-result-tab ul li:nth-child(1)::before {
    content: "";
    width: 1.5rem;
    height: 1.1rem;
    background-image: url("/assets/images/items/ic_list_blue.svg");
    background-repeat: no-repeat;
  }
  @media screen and (max-width: 768px) {
    #items .panel-group .panel .search-result-controller .search-result-inner .search-result-tab ul li:nth-child(1)::before,
    #case .panel-group .panel .search-result-controller .search-result-inner .search-result-tab ul li:nth-child(1)::before {
      width: 3.2rem;
      height: 2.2rem;
      background-size: 100%;
    }
  }
  #items .panel-group .panel .search-result-controller .search-result-inner .search-result-tab ul li:nth-child(2).is-tab-active::before,
  #case .panel-group .panel .search-result-controller .search-result-inner .search-result-tab ul li:nth-child(2).is-tab-active::before {
    background-image: url("/assets/images/items/ic_thumbnail_white.svg");
  }
  #items .panel-group .panel .search-result-controller .search-result-inner .search-result-tab ul li:nth-child(2)::before,
  #case .panel-group .panel .search-result-controller .search-result-inner .search-result-tab ul li:nth-child(2)::before {
    content: "";
    width: 1.5rem;
    height: 1.1rem;
    background-image: url("/assets/images/items/ic_thumbnail_blue.svg");
    background-repeat: no-repeat;
  }
  @media screen and (max-width: 768px) {
    #items .panel-group .panel .search-result-controller .search-result-inner .search-result-tab ul li:nth-child(2)::before,
    #case .panel-group .panel .search-result-controller .search-result-inner .search-result-tab ul li:nth-child(2)::before {
      width: 3.1rem;
      height: 2.3rem;
      background-size: 100%;
    }
  }
  #items .panel-group .panel .search-result-controller .search-result-inner .search-result-tab ul li span,
  #case .panel-group .panel .search-result-controller .search-result-inner .search-result-tab ul li span {
    margin: 0 0 0 0.8rem;
    font-size: 1.4rem;
  }
  @media screen and (max-width: 768px) {
    #items .panel-group .panel .search-result-controller .search-result-inner .search-result-tab ul li span,
    #case .panel-group .panel .search-result-controller .search-result-inner .search-result-tab ul li span {
      margin: 0 0 0 2rem;
      font-size: 2.2rem;
    }
  }
  #items .panel-group .panel .search-result-controller .search-result-inner .search-result-sort,
  #case .panel-group .panel .search-result-controller .search-result-inner .search-result-sort {
    display: flex;
    align-items: center;
    margin: 0 0 0 4rem;
  }
  @media screen and (max-width: 768px) {
    #items .panel-group .panel .search-result-controller .search-result-inner .search-result-sort {
      order: 2;
      margin-left: auto;
    }
  }
  #items .panel-group .panel .search-result-controller .search-result-inner .search-result-sort p {
    font-size: 1.4rem;
  }
  #items .panel-group .panel .search-result-controller .search-result-inner .search-result-sort .c-search-select-box {
    position: relative;
    display: inline-block;
    margin: 0 0 0 1.6rem;
  }
  @media screen and (max-width: 768px) {
    #items .panel-group .panel .search-result-controller .search-result-inner .search-result-sort .c-search-select-box {
      margin: 0;
    }
  }
  #items .panel-group .panel .search-result-controller .search-result-inner .search-result-sort .c-search-select-box::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 1.2rem;
    margin-top: -0.8rem;
    width: 0.8rem;
    height: 0.8rem;
    border-bottom: solid 1px #2e3776;
    border-right: solid 1px #2e3776;
    transform: rotate(45deg);
  }
  @media screen and (max-width: 768px) {
    #items .panel-group .panel .search-result-controller .search-result-inner .search-result-sort .c-search-select-box::after {
      right: 1.2rem;
      margin-top: -0.8rem;
      width: 1.4rem;
      height: 1.4rem;
    }
  }
  #items .panel-group .panel .search-result-controller .search-result-inner .search-result-sort .c-search-select-box .c-search-select {
    padding: 0 1.2rem;
    width: 20rem;
    height: 4.1rem;
    border: 1px solid #dfe0ea;
    border-radius: 5px;
    color: #2e3776;
    font-size: 1.4rem;
    font-weight: 700;
  }
  @media screen and (max-width: 768px) {
    #items .panel-group .panel .search-result-controller .search-result-inner .search-result-sort .c-search-select-box .c-search-select {
      padding: 0 3.2rem;
      width: 33.6rem;
      height: 8rem;
      font-size: 2.2rem;
    }
  }
  #items .panel-group .panel .search-result-list {
    position: relative;
    margin-top: 4rem;
  }
  #items .panel-group .panel .search-result-list.is-tab-active {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  @media screen and (max-width: 768px) {
    #items .panel-group .panel .search-result-list.is-tab-active {
      justify-content: space-between;
    }
  }
  #items .panel-group .panel .search-result-list.is-tab-active .col_4 {
    width: 32rem;
    margin-bottom: 4rem;
    border-bottom: none;
  }
  @media screen and (max-width: 768px) {
    #items .panel-group .panel .search-result-list.is-tab-active .col_4:nth-child(1) {
      margin: 0;
    }
  }
  @media screen and (max-width: 768px) {
    #items .panel-group .panel .search-result-list.is-tab-active .col_4:nth-child(n+2) {
      margin: 0;
    }
  }
  @media screen and (max-width: 768px) {
    #items .panel-group .panel .search-result-list.is-tab-active .col_4:nth-child(n+3) {
      margin: 4rem 0 0 0;
    }
  }
  #items .panel-group .panel .search-result-list.is-tab-active .col_4.border-gray {
    border-bottom: none;
  }
  #items .panel-group .panel .search-result-list.is-tab-active .col_4 a {
    flex-direction: column;
  }
  @media screen and (max-width: 768px) {
    #items .panel-group .panel .search-result-list.is-tab-active .col_4 a {
      padding: 0;
    }
  }
  #items .panel-group .panel .search-result-list.is-tab-active .col_4 a figure {
    position: relative;
  }
  #items .panel-group .panel .search-result-list.is-tab-active .col_4 a figure img {
    width: 32rem;
    height: 24rem;
  }
  #items .panel-group .panel .search-result-list.is-tab-active .col_4 a figure span {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 6rem;
    height: 2.4rem;
    background-color: #2e3776;
    color: #fff;
    font-size: 1.2rem;
  }
  @media screen and (max-width: 768px) {
    #items .panel-group .panel .search-result-list.is-tab-active .col_4 a figure span {
      width: 7.2rem;
      height: 3.2rem;
      font-size: 1.6rem;
    }
  }
  #items .panel-group .panel .search-result-list.is-tab-active .col_4 a .search-result-caption {
    padding: 1.2rem 0 0 0;
    flex-direction: column;
  }
  #items .panel-group .panel .search-result-list.is-tab-active .col_4 a .search-result-caption .search-result-label {
    display: flex;
    flex-direction: column;
  }
  #items .panel-group .panel .search-result-list.is-tab-active .col_4 a .search-result-caption .search-result-label .search-result-label-inner .new-label {
    display: none;
  }
  #items .panel-group .panel .search-result-list.is-tab-active .col_4 a .search-result-caption .search-result-number {
    align-items: flex-start;
    margin: 1.2rem 0 0 0;
  }
  #items .panel-group .panel .search-result-list:after {
    content: "";
    display: block;
    width: 32rem;
    height: 0;
  }
  @media screen and (max-width: 768px) {
    #items .panel-group .panel .search-result-list:after {
      width: 100%;
    }
  }
  #items .panel-group .panel .search-result-list .col_4 {
    padding: 0.6rem 0;
    width: 100%;
  }
  @media screen and (max-width: 768px) {
    #items .panel-group .panel .search-result-list .col_4 {
      padding: 0;
    }
  }
  @media screen and (max-width: 768px) {
    #items .panel-group .panel .search-result-list .col_4:nth-child(n+2) {
      margin: 3.2rem 0 0 0;
    }
  }
  #items .panel-group .panel .search-result-list .col_4.border-gray {
    border-bottom: 1px solid #dfe0ea;
  }
  #items .panel-group .panel .search-result-list .col_4 a {
    display: flex;
    align-items: center;
  }
  @media screen and (max-width: 768px) {
    #items .panel-group .panel .search-result-list .col_4 a {
      align-items: flex-start;
      padding: 0 0 3.2rem 0;
    }
  }
  #items .panel-group .panel .search-result-list .col_4 a:hover img {
    transform: scale(1.06) rotate(0.1deg);
  }
  #items .panel-group .panel .search-result-list .col_4 a figure {
    overflow: hidden;
  }
  #items .panel-group .panel .search-result-list .col_4 a figure img {
    width: 11rem;
    height: 7.2rem;
    transition: transform 0.5s ease;
  }
  @media screen and (max-width: 768px) {
    #items .panel-group .panel .search-result-list .col_4 a figure img {
      width: 17rem;
      height: 11.1rem;
    }
  }
  #items .panel-group .panel .search-result-list .col_4 a figure span {
    display: none;
  }
  #items .panel-group .panel .search-result-list .col_4 a .search-result-caption {
    display: flex;
    padding: 0 0 0 4rem;
    width: 100%;
    align-items: center;
  }
  #items .panel-group .panel .search-result-list.is-tab-active .col_4 a .search-result-caption{
    align-items: flex-start;
  }
  @media screen and (max-width: 768px) {
    #items .panel-group .panel .search-result-list .col_4 a .search-result-caption {
      flex-direction: column;
      align-items: flex-start;
    }
  }
  #items .panel-group .panel .search-result-list .col_4 a .search-result-caption .search-result-label-inner {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
  }
  #items .panel-group .panel .search-result-list .col_4 a .search-result-caption .search-result-label-inner .level_txt_wrap{
    display: flex;
    align-items: center;
  }
  #items .panel-group .panel .search-result-list .col_4 a .search-result-caption .search-result-label-inner .level_txt_wrap:first-child{
    margin-bottom: 0.2rem;
  }
  #items .panel-group .panel .search-result-list .col_4 a .search-result-caption .search-result-label-inner .label {
    /* display: flex;
    align-items: center;
    justify-content: center; */
    display: inline-block;
    min-width: 5.4rem;
    height: 1.6rem;
    border: 1px solid #888888;
    padding: 0.2rem 0.8rem;
    white-space: nowrap;
    color: #888888;
    font-size: 1rem;
    text-align: center;
    font-weight: bold;
  }
  #items .panel-group .panel .search-result-list .col_4 a .search-result-caption .search-result-label-inner .label.id_name{
    background: #888;
    color: #fff;
  }
  @media screen and (max-width: 768px) {
    #items .panel-group .panel .search-result-list .col_4 a .search-result-caption .search-result-label-inner .label {
      min-width: 9rem;
      height: 2.8rem;
      font-size: 1.6rem;
      padding: 0.35rem 1.5rem;
    }
    #items .panel-group .panel .search-result-list .col_4 a .search-result-caption .search-result-label-inner .level_txt_wrap:first-child{
      margin-bottom: 0.3rem;
    }

  }
  #items .panel-group .panel .search-result-list .col_4 a .search-result-caption .search-result-label-inner p {
    margin: 0 0 0 0.6rem;
    color: #333333;
    font-size: 1.3rem;
    line-height: 1.3;
    display: inline-block;
  }
  @media screen and (max-width: 768px) {
    #items .panel-group .panel .search-result-list .col_4 a .search-result-caption .search-result-label-inner p {
      margin: 0 0 0 1.2rem;
      font-size: 2.2rem;
    }
  }
  #items .panel-group .panel .search-result-list .col_4 a .search-result-caption .search-result-label-inner .new-label {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0 0 0.6rem;
    width: 5.4rem;
    height: 1.6rem;
    background-color: #2e3776;
    color: #fff;
    font-size: 1rem;
  }
  @media screen and (max-width: 768px) {
    #items .panel-group .panel .search-result-list .col_4 a .search-result-caption .search-result-label-inner .new-label {
      width: 7.2rem;
      height: 3.2rem;
      font-size: 1.6rem;
    }
  }
  #items .panel-group .panel .search-result-list .col_4 a .search-result-caption h3 {
    margin: 1.2rem 0 0 0;
    font-size: 1.6rem;
    font-weight: 700;
  }
  @media screen and (max-width: 768px) {
    #items .panel-group .panel .search-result-list .col_4 a .search-result-caption h3 {
      margin: 1.6rem 0 0 0;
      font-size: 2.4rem;
      line-height: 1.4;
    }
  }
  #items .panel-group .panel .search-result-list .col_4 a .search-result-caption h3.text-center {
    text-align: center;
  }
  @media screen and (max-width: 768px) {
    #items .panel-group .panel .search-result-list .col_4 a .search-result-caption h3.text-center {
      text-align: left;
    }
  }
  #items .panel-group .panel .search-result-list .col_4 a .search-result-caption .search-result-number {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin-left: auto;
  }
  @media screen and (max-width: 768px) {
    #items .panel-group .panel .search-result-list .col_4 a .search-result-caption .search-result-number {
      align-items: flex-start;
      margin-left: 0;
      margin-top: 1.6rem;
    }
  }
  #items .panel-group .panel .search-result-list .col_4 a .search-result-caption .search-result-number .search-result-size {
    color: #888888;
    font-size: 1.3rem;
  }
  @media screen and (max-width: 768px) {
    #items .panel-group .panel .search-result-list .col_4 a .search-result-caption .search-result-number .search-result-size {
      font-size: 1.8rem;
    }
  }
  #items .panel-group .panel .search-result-list .col_4 a .search-result-caption .search-result-number .search-result-price {
    display: inline-block;
    margin: 1.2rem 0 0 0;
    font-size: 1.6rem;
    font-weight: 700;
  }
  @media screen and (max-width: 768px) {
    #items .panel-group .panel .search-result-list .col_4 a .search-result-caption .search-result-number .search-result-price {
      margin: 1.6rem 0 0 0;
      font-size: 2.4rem;
    }
  }

  /*================= ▼ NEGOTIATION-THANKS =================*/
  #negotiation-complete {
    background-color: var(--bg-light-gray);
    /* /.contct-form */
  }
  #negotiation-complete .under-mv .headline {
    background-image: url("/assets/images/contacts/negotiation/bg_negotiation.jpg");
  }
  @media screen and (max-width: 768px) {
    #negotiation-complete .under-mv .headline {
      background-image: url("/assets/images/contacts/negotiation/bg_negotiation_sp.jpg");
    }
  }
  #negotiation-complete .under-mv .headline::before {
    width: 75.1rem;
    height: 11rem;
    background-image: url("/assets/images/contacts/negotiation/ttl_negotiation.svg");
  }
  #negotiation-complete .under-mv .breadcrumb::before {
    width: 2.1em;
    height: 2.1rem;
    background-image: url("/assets/images/contacts/negotiation/ic_negotiation.svg");
  }
  @media screen and (max-width: 768px) {
    #negotiation-complete .under-mv .breadcrumb::before {
      width: 3.4rem;
      height: 3.5rem;
    }
  }
  #negotiation-complete .complete {
    margin-bottom: 11.2rem;
    background-color: #fff;
  }
  @media screen and (max-width: 768px) {
    #negotiation-complete .complete {
      margin-bottom: 16rem;
    }
  }
  #negotiation-complete .complete .inner {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column;
    margin: 0 auto;
    padding: 6.4rem 9.8rem 5.6rem;
    max-width: 122rem;
  }
  @media screen and (max-width: 768px) {
    #negotiation-complete .complete .inner {
      padding: 8rem 3.2rem;
      max-width: initial;
      width: 100%;
    }
  }
  #negotiation-complete .complete h2 {
    font-size: 3rem;
    font-weight: 700;
    line-height: 1.333;
  }
  @media screen and (max-width: 768px) {
    #negotiation-complete .complete h2 {
      font-size: 2.4rem;
      letter-spacing: 0.01em;
    }
  }
  #negotiation-complete .complete p {
    margin-top: 3.2rem;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 2.25;
  }
  @media screen and (max-width: 768px) {
    #negotiation-complete .complete p {
      margin-top: 4rem;
      font-size: 2rem;
      line-height: 2.4;
    }
  }

  /*================= ▼ NEGOTIATION-CONFILM =================*/
  #negotiation-confirm {
    background-color: var(--bg-light-gray);
    /* /.contct-form */
  }
  #negotiation-confirm .under-mv .headline {
    background-image: url("/assets/images/contacts/negotiation/bg_negotiation.jpg");
  }
  @media screen and (max-width: 768px) {
    #negotiation-confirm .under-mv .headline {
      background-image: url("/assets/images/contacts/negotiation/bg_negotiation_sp.jpg");
    }
  }
  #negotiation-confirm .under-mv .headline::before {
    width: 75.1rem;
    height: 11rem;
    background-image: url("/assets/images/contacts/negotiation/ttl_negotiation.svg");
  }
  #negotiation-confirm .under-mv .breadcrumb::before {
    width: 2.1em;
    height: 2.1rem;
    background-image: url("/assets/images/contacts/negotiation/ic_negotiation.svg");
  }
  @media screen and (max-width: 768px) {
    #negotiation-confirm .under-mv .breadcrumb::before {
      width: 3.4rem;
      height: 3.5rem;
    }
  }
  #negotiation-confirm .contact-form {
    margin-bottom: 11.2rem;
    background-color: #fff;
  }
  @media screen and (max-width: 768px) {
    #negotiation-confirm .contact-form {
      margin-bottom: 16rem;
    }
  }
  #negotiation-confirm .contact-form .inner {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: column;
    margin: 0 auto;
    padding: 4rem 16rem 4rem 9.8rem;
    max-width: 122rem;
  }
  @media screen and (max-width: 768px) {
    #negotiation-confirm .contact-form .inner {
      max-width: initial;
      width: 100%;
      padding: 8rem 3.2rem;
    }
  }
  #negotiation-confirm .contact-form h2 {
    font-size: 3rem;
    font-weight: 700;
  }
  @media screen and (max-width: 768px) {
    #negotiation-confirm .contact-form h2 {
      font-size: 2.4rem;
    }
  }
  #negotiation-confirm .contact-form .desc {
    margin-top: 2rem;
    font-size: 1.6rem;
    line-height: 2.25;
  }
  @media screen and (max-width: 768px) {
    #negotiation-confirm .contact-form .desc {
      font-size: 2rem;
      line-height: 2.4;
    }
  }
  #negotiation-confirm .contact-form form {
    margin-top: 4rem;
  }
  #negotiation-confirm .contact-form form table {
    width: 100%;
  }
  #negotiation-confirm .contact-form form table tbody {
    width: 100%;
    /* /td */
  }
  #negotiation-confirm .contact-form form table tbody tr {
    display: block;
  }
  #negotiation-confirm .contact-form form table tbody tr:not(:first-of-type) {
    margin-top: 1rem;
  }
  @media screen and (max-width: 768px) {
    #negotiation-confirm .contact-form form table tbody tr:not(:first-of-type) {
      margin-top: 6rem;
    }
  }
  #negotiation-confirm .contact-form form table tbody th,
  #negotiation-confirm .contact-form form table tbody td {
    vertical-align: middle;
  }
  #negotiation-confirm .contact-form form table tbody th.title {
    position: relative;
    width: 32rem;
    padding: 2.2rem 3.2rem;
    border-right: 1px solid #dddddd;
    background-color: #f4f4f4;
    text-align: left;
    vertical-align: middle;
    line-height: 1.5;
    letter-spacing: 0;
  }
  @media screen and (max-width: 768px) {
    #negotiation-confirm .contact-form form table tbody th.title {
      display: block;
      width: 100%;
      padding: 3.8rem 4rem;
      font-size: 2.4rem;
    }
  }
  #negotiation-confirm .contact-form form table tbody td {
    padding: 2.2rem 3.2rem;
    font-size: 1.6rem;
  }
  @media screen and (max-width: 768px) {
    #negotiation-confirm .contact-form form table tbody td {
      padding: 4rem 4rem 0;
      font-size: 2.2rem;
    }
  }
  @media screen and (max-width: 768px) {
    #negotiation-confirm .contact-form form table tbody .block {
      display: block;
    }
  }
  #negotiation-confirm .contact-form form .contact-btn {
    width: 28.8rem;
    height: 4.6rem;
  }
  @media screen and (max-width: 768px) {
    #negotiation-confirm .contact-form form .contact-btn {
      width: 52rem;
      height: 8rem;
    }
  }
  #negotiation-confirm .contact-form form .contact-btn:first-of-type {
    margin: 6.4rem auto 0;
  }
  @media screen and (max-width: 768px) {
    #negotiation-confirm .contact-form form .contact-btn:first-of-type {
      margin: 16rem auto 0;
    }
  }
  #negotiation-confirm .contact-form form .contact-btn:last-of-type {
    margin: 0.8rem auto 0;
  }
  @media screen and (max-width: 768px) {
    #negotiation-confirm .contact-form form .contact-btn:last-of-type {
      margin: 3.2rem auto 0;
    }
  }
  #negotiation-confirm .contact-form form .contact-btn a,
  #negotiation-confirm .contact-form form .contact-btn button {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #caccdc;
    border-radius: 4px;
    background-color: #fff;
    color: var(--main-color);
    font-size: 1.4rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    transition: color 0.3s ease, background-color 0.3s ease;
  }
  @media screen and (max-width: 768px) {
    #negotiation-confirm .contact-form form .contact-btn a,
  #negotiation-confirm .contact-form form .contact-btn button {
      font-size: 2.4rem;
    }
  }
  #negotiation-confirm .contact-form form .contact-btn a:hover,
  #negotiation-confirm .contact-form form .contact-btn button:hover {
    color: #fff;
    background-color: #2e3776;
  }
  #negotiation-confirm .contact-form form .contact-btn button.bg-blue {
    background-color: #2e3776;
  }
  #negotiation-confirm .contact-form form .contact-btn button.text-white {
    color: #fff;
  }
  #negotiation-confirm .contact-form form .contact-btn button.hover-bg-white:hover {
    background-color: #fff;
  }
  #negotiation-confirm .contact-form form .contact-btn button.hover-text-blue:hover {
    color: #2e3776;
  }

  /*================= ▼ NEGOTIATION =================*/
  #negotiation {
    background-color: var(--bg-light-gray);
    /* /.contct-form */
  }
  #negotiation .under-mv .headline {
    background-image: url("/assets/images/contacts/negotiation/bg_negotiation.jpg");
  }
  @media screen and (max-width: 768px) {
    #negotiation .under-mv .headline {
      background-image: url("/assets/images/contacts/negotiation/bg_negotiation_sp.jpg");
    }
  }
  #negotiation .under-mv .headline::before {
    width: 75.1rem;
    height: 11rem;
    background-image: url("/assets/images/contacts/negotiation/ttl_negotiation.svg");
  }
  #negotiation .under-mv .breadcrumb::before {
    width: 2.1em;
    height: 2.1rem;
    background-image: url("/assets/images/contacts/negotiation/ic_negotiation.svg");
  }
  @media screen and (max-width: 768px) {
    #negotiation .under-mv .breadcrumb::before {
      width: 3.4rem;
      height: 3.5rem;
    }
  }
  #negotiation .contact-form {
    margin-bottom: 11.2rem;
    background-color: #fff;
  }
  @media screen and (max-width: 768px) {
    #negotiation .contact-form {
      margin-bottom: 16rem;
    }
  }
  #negotiation .contact-form .inner {
    display: flex;
    margin: 0 auto;
    padding: 4rem 16rem 4rem 9.8rem;
    width: 100%;
    max-width: 122rem;
  }
  @media screen and (max-width: 768px) {
    #negotiation .contact-form .inner {
      width: 100%;
      padding: 8rem 3.2rem;
    }
  }
  #negotiation .contact-form .inner .shop-image figure {
    width: 26.2rem;
    height: auto;
  }
  @media screen and (max-width: 768px) {
    #negotiation .contact-form .inner .shop-image figure {
      width: 100%;
    }
  }
  #negotiation .contact-form .inner .shop-image figure img {
    width: 100%;
    height: auto;
  }
  #negotiation .contact-form form table {
    width: 100%;
  }
  #negotiation .contact-form form table tbody {
    width: 100%;
    /* /th.title */
    /* /td */
    /* /td.zip */
    /* /label.check */
  }
  #negotiation .contact-form form table tbody tr {
    display: block;
  }
  #negotiation .contact-form form table tbody tr:not(:first-of-type) {
    margin-top: 1rem;
  }
  @media screen and (max-width: 768px) {
    #negotiation .contact-form form table tbody tr:not(:first-of-type) {
      margin-top: 6.4rem;
    }
  }
  #negotiation .contact-form form table tbody th.title {
    position: relative;
    width: 32rem;
    padding: 3.2rem;
    border-right: 1px solid #dddddd;
    background-color: #f4f4f4;
    text-align: left;
    vertical-align: middle;
    font-size: 1.6rem;
    line-height: 1.5;
    letter-spacing: 0;
  }
  @media screen and (max-width: 768px) {
    #negotiation .contact-form form table tbody th.title {
      display: flex;
      justify-content: space-between;
      width: 70.4rem;
      margin: 0;
      padding: 3.2rem 4rem;
      font-size: 2.4rem;
    }
  }
  #negotiation .contact-form form table tbody th.title.required::before, #negotiation .contact-form form table tbody th.title.optional:before {
    position: absolute;
    top: 50%;
    right: 10%;
    transform: translateY(-50%);
    border-radius: 4px;
    padding: 0.3rem 0.8rem;
    color: #fff;
    font-size: 1.2rem;
    font-weight: 500;
  }
  @media screen and (max-width: 768px) {
    #negotiation .contact-form form table tbody th.title.required::before, #negotiation .contact-form form table tbody th.title.optional:before {
      right: 5.5%;
      font-size: 1.6rem;
    }
  }
  #negotiation .contact-form form table tbody th.title.required::before {
    content: "必須";
    background-color: #b20000;
  }
  #negotiation .contact-form form table tbody th.title.optional:before {
    content: "任意";
    background-color: #b1b1b1;
  }
  #negotiation .contact-form form table tbody th.title p {
    line-height: 1.7;
  }
  #negotiation .contact-form form table tbody th.title p:nth-child(2) {
    display: block;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1.666;
  }
  @media screen and (max-width: 768px) {
    #negotiation .contact-form form table tbody th.title p:nth-child(2) {
      display: inline-block;
      vertical-align: middle;
      font-size: 2rem;
      line-height: 1.7;
    }
  }
  #negotiation .contact-form form table tbody td {
    font-size: 1.6rem;
    padding: 2.6rem 0 0rem 3rem;
    /* /input */
  }
  @media screen and (max-width: 768px) {
    #negotiation .contact-form form table tbody td {
      padding: 2rem 0 0 4rem;
      font-size: 2rem;
      line-height: 1.5;
    }
  }
  #negotiation .contact-form form table tbody td input {
    border: 1px solid #dfe0ea;
    border-radius: 4px;
    padding: 1.2rem 2rem;
    font-size: 1.4rem;
  }
  @media screen and (max-width: 768px) {
    #negotiation .contact-form form table tbody td input {
      height: 8rem;
      border-radius: 0.4rem;
      font-size: 2rem;
    }
  }
  #negotiation .contact-form form table tbody td input.w600 {
    width: 60rem;
  }
  @media screen and (max-width: 768px) {
    #negotiation .contact-form form table tbody td input.w600 {
      width: 62.4rem;
    }
  }
  #negotiation .contact-form form table tbody td input.w180 {
    width: 18rem;
  }
  #negotiation .contact-form form table tbody td input.meeting:not(:first-of-type) {
    margin-top: 1rem;
  }
  #negotiation .contact-form form table tbody td input[type=date]::-webkit-calendar-picker-indicator {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
  }
  #negotiation .contact-form form table tbody td input[type=date]::-webkit-inner-spin-button {
    -webkit-appearance: none;
  }
  #negotiation .contact-form form table tbody td input[type=date]::-webkit-clear-button {
    -webkit-appearance: none;
  }
  #negotiation .contact-form form table tbody td input[type=date] {
    position: relative;
  }
  #negotiation .contact-form form table tbody td span.line {
    display: inline-block;
  }
  @media screen and (max-width: 768px) {
    #negotiation .contact-form form table tbody td span.line {
      margin: 0 0.8rem;
    }
  }
  #negotiation .contact-form form table tbody td .error,
  #negotiation .contact-form form table tbody td input[type=radio].error + span {
    border: 1px solid #b20000;
  }
  #negotiation .contact-form form table tbody td .error-message {
    margin-top: 0.75rem;
    color: #b20000;
    font-size: 1.2rem;
    line-height: 1.666;
    white-space: nowrap;
  }
  @media screen and (max-width: 768px) {
    #negotiation .contact-form form table tbody td .error-message {
      font-size: 2rem;
    }
  }
  #negotiation .contact-form form table tbody td span.text {
    font-size: 1.4rem;
  }
  @media screen and (max-width: 768px) {
    #negotiation .contact-form form table tbody td span.text {
      font-size: 2rem;
    }
  }
  #negotiation .contact-form form table tbody td textarea {
    width: 60rem;
    min-height: 20rem;
    resize: vertical;
    border-radius: 4px;
    border: 1px solid #dfe0ea;
    padding: 1.5rem 2rem;
  }
  @media screen and (max-width: 768px) {
    #negotiation .contact-form form table tbody td textarea {
      min-height: 40rem;
      width: 62.4rem;
      border-radius: 0.4rem;
    }
  }
  #negotiation .contact-form form table tbody td textarea:valid {
    border: 1px solid #dfe0ea;
  }
  #negotiation .contact-form form table tbody th.th-name {
    width: 6rem;
    padding: 4rem 0 0rem 2.8rem;
    vertical-align: top;
    font-size: 1.4rem;
    font-weight: 500;
  }
  @media screen and (max-width: 768px) {
    #negotiation .contact-form form table tbody th.th-name {
      width: 8rem;
      padding: 4.9rem 0 0 3rem;
      text-align: right;
      font-size: 2rem;
    }
  }
  @media screen and (max-width: 768px) {
    #negotiation .contact-form form table tbody td.division label.check,
  #negotiation .contact-form form table tbody td.reason label.check,
  #negotiation .contact-form form table tbody td.reply label.check {
      width: 30rem;
    }
  }
  #negotiation .contact-form form table tbody td.td-name {
    width: 24rem;
    padding-left: 1.5rem;
  }
  @media screen and (max-width: 768px) {
    #negotiation .contact-form form table tbody td.td-name {
      width: auto;
    }
  }
  #negotiation .contact-form form table tbody td.td-name input {
    width: 24rem;
  }
  @media screen and (max-width: 768px) {
    #negotiation .contact-form form table tbody td.td-name input {
      width: 25.2rem;
    }
  }
  #negotiation .contact-form form table tbody td.td-name .error-message {
    white-space: normal;
  }
  #negotiation .contact-form form table tbody td.w500 {
    width: 50rem;
  }
  @media screen and (max-width: 768px) {
    #negotiation .contact-form form table tbody td.w500 {
      width: 100%;
    }
  }
  #negotiation .contact-form form table tbody td.division {
    width: 20rem;
  }
  @media screen and (max-width: 768px) {
    #negotiation .contact-form form table tbody td.division {
      width: 100%;
    }
  }
  #negotiation .contact-form form table tbody td.zip .post {
    margin-right: 1rem;
  }
  @media screen and (max-width: 768px) {
    #negotiation .contact-form form table tbody td.zip .post {
      font-size: 2.2rem;
      margin-right: 1.2rem;
    }
  }
  #negotiation .contact-form form table tbody td.zip input {
    width: 14rem;
  }
  @media screen and (max-width: 768px) {
    #negotiation .contact-form form table tbody td.zip input {
      width: 18rem;
    }
  }
  #negotiation .contact-form form table tbody td.zip button {
    display: inline;
    width: 12.2rem;
    height: 5.4rem;
    margin-left: 3.2rem;
    background-color: #2e3776;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
    border: 1px solid #caccdc;
    border-radius: 4px;
    color: #fff;
    font-size: 1.4rem;
    letter-spacing: 0.06em;
    transition: color 0.3s ease, background-color 0.3s ease;
  }
  @media screen and (max-width: 768px) {
    #negotiation .contact-form form table tbody td.zip button {
      width: 18rem;
      height: 8rem;
      margin-left: 2.5rem;
      font-size: 2.4rem;
    }
  }
  #negotiation .contact-form form table tbody td.zip button:hover {
    background-color: #fff;
    color: #2e3776;
  }
  #negotiation .contact-form form table tbody td.budget input {
    width: 40rem;
  }
  @media screen and (max-width: 768px) {
    #negotiation .contact-form form table tbody td.budget .text {
      margin-left: 2rem;
      font-size: 2.2rem;
    }
  }
  @media screen and (max-width: 768px) {
    #negotiation .contact-form form table tbody td.dm label.check {
      display: block;
    }
  }
  #negotiation .contact-form form table tbody label.check {
    display: inline-block;
    position: relative;
    margin: 0.5rem 0;
    padding: 0 2.7rem 0 2.8rem;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    white-space: nowrap;
  }
  @media screen and (max-width: 768px) {
    #negotiation .contact-form form table tbody label.check {
      margin: 0;
      padding: 0 0 0 4.8rem;
      line-height: 4;
    }
  }
  #negotiation .contact-form form table tbody label.check input {
    display: none;
    /* チェックが入ったとき */
  }
  #negotiation .contact-form form table tbody label.check input:checked + .checkbox {
    background: var(--main-color);
    border-color: var(--main-color);
  }
  #negotiation .contact-form form table tbody label.check input:checked + .checkbox:after {
    opacity: 1;
  }
  #negotiation .contact-form form table tbody label.check .checkbox {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    height: 2rem;
    width: 2rem;
    border: solid 1px #666;
    border-radius: 4px;
  }
  @media screen and (max-width: 768px) {
    #negotiation .contact-form form table tbody label.check .checkbox {
      width: 4rem;
      height: 4rem;
    }
  }
  #negotiation .contact-form form table tbody label.check .checkbox:after {
    content: "";
    position: absolute;
    top: 6%;
    left: 33%;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    width: 0.7rem;
    height: 1.2rem;
    transform: rotate(45deg);
    opacity: 0;
  }
  @media screen and (max-width: 768px) {
    #negotiation .contact-form form table tbody label.check .checkbox:after {
      left: 28%;
      width: 1.7rem;
      height: 2.5rem;
      border-width: 0 4px 4px 0;
    }
  }
  #negotiation .contact-form form table tbody label.check input:checked ~ .text {
    color: var(--main-color);
  }
  #negotiation .contact-form form .contact-btn {
    margin: 5.4rem auto 0;
    width: 28.8rem;
    height: 4.6rem;
  }
  @media screen and (max-width: 768px) {
    #negotiation .contact-form form .contact-btn {
      width: 52rem;
      height: 8rem;
      margin: 8rem auto 0;
    }
  }
  #negotiation .contact-form form .contact-btn button {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #2e3776;
    border: 1px solid #caccdc;
    border-radius: 4px;
    color: #fff;
    font-size: 1.4rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    transition: color 0.3s ease, background-color 0.3s ease;
  }
  @media screen and (max-width: 768px) {
    #negotiation .contact-form form .contact-btn button {
      font-size: 2.4rem;
    }
  }
  #negotiation .contact-form form .contact-btn button:hover {
    background-color: #fff;
    color: var(--main-color);
  }

  /*================= ▼ NEWS =================*/
  #news .under-mv .headline::before {
    width: 32.9rem;
    height: 12.4rem;
    background-image: url("/assets/images/news/ttl_news.svg");
  }
  #news .under-mv .breadcrumb::before {
    width: 1.8em;
    height: 1.9rem;
    background-image: url("/assets/images/news/ic_news.svg");
  }
  @media screen and (max-width: 768px) {
    #news .under-mv .breadcrumb::before {
      width: 2.6rem;
      height: 2.7rem;
    }
  }
  #news .news-sec-01 {
    padding: 6.5rem 0;
    background: #fff;
  }
  @media screen and (max-width: 768px) {
    #news .news-sec-01 {
      padding: 8rem 0;
    }
  }
  #news .news-sec-01 .container {
    max-width: 102rem;
    margin: auto;
  }
  @media screen and (max-width: 768px) {
    #news .news-sec-01 .container {
      padding: 0 3rem;
    }
  }
  #news .news-sec-01 .container ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: auto;
    max-width: 76rem;
  }
  @media screen and (max-width: 768px) {
    #news .news-sec-01 .container ul {
      justify-content: center;
    }
  }
  #news .news-sec-01 .container ul li {
    display: inline-block;
    list-style-type: none;
    width: 24rem;
    height: 6.4rem;
  }
  #news .news-sec-01 .container ul li:nth-child(-n+3) {
    margin-bottom: 2rem;
  }
  @media screen and (max-width: 768px) {
    #news .news-sec-01 .container ul li {
      margin-bottom: 3rem;
      width: 33.8rem;
      height: 9rem;
    }
    #news .news-sec-01 .container ul li:nth-child(-n+3) {
      margin-bottom: 3rem;
    }
    #news .news-sec-01 .container ul li:nth-child(2n) {
      margin-left: 3rem;
    }
    #news .news-sec-01 .container ul li:nth-last-child(2) {
      margin-bottom: 0;
    }
    #news .news-sec-01 .container ul li:last-child {
      margin-bottom: 0;
    }
  }
  #news .news-sec-01 .container ul li .news-category {
    position: relative;
    display: block;
    height: 100%;
    border: solid 2px transparent;
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.16);
    border-radius: 4px;
    transition: 0.2s;
  }
  #news .news-sec-01 .container ul li .news-category.is-link-active {
    border: solid 2px #2e3776;
  }
  #news .news-sec-01 .container ul li .news-category:hover {
    border: solid 2px #2e3776;
  }
  #news .news-sec-01 .container ul li .news-category::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 2rem;
    transform: translateY(-50%) rotate(45deg);
    width: 6px;
    height: 6px;
    border-right: solid 1px #0f23ac;
    border-bottom: solid 1px #0f23ac;
  }
  #news .news-sec-01 .container ul li .news-category div {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 78%;
    font-size: 1.4rem;
    font-weight: 700;
    text-align: center;
    letter-spacing: 0.1em;
    line-height: 1.285;
    color: #2e3776;
  }
  #news .news-sec-01 .container ul li .news-category div span {
    display: block;
    font-size: 1.3rem;
    line-height: 1;
  }
  #news .news-sec-01 .container ul li .news-category div span.en {
    margin-bottom: 1rem;
    font-family: "Abril Fatface", serif;
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 1;
  }
  @media screen and (max-width: 768px) {
    #news .news-sec-01 .container ul li .news-category div span.en {
      font-size: 2.4rem;
    }
  }
  #news .news-sec-02 {
    padding: 6.8rem 0 11rem;
    background: #fafafa;
  }
  #news .news-sec-02 .container {
    max-width: 105.4rem;
    margin: auto;
  }
  @media screen and (max-width: 768px) {
    #news .news-sec-02 .container {
      padding: 0 3rem;
    }
  }
  #news .news-sec-02 .flex {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 6rem;
  }
  @media screen and (max-width: 768px) {
    #news .news-sec-02 .flex {
      display: block;
      margin-bottom: 4rem;
    }
  }
  #news .news-sec-02 .title-inner {
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    margin: 0 6.6rem 0 0;
    max-width: 100%;
  }
  @media screen and (max-width: 768px) {
    #news .news-sec-02 .title-inner {
      position: relative;
      flex-direction: column;
      align-items: flex-start;
      margin: 0 0 4rem 0;
      padding: 0;
      max-width: 100%;
    }
  }
  #news .news-sec-02 .title-inner h2 {
    position: relative;
    font-size: 1.6rem;
    font-weight: 700;
  }
  @media screen and (max-width: 768px) {
    #news .news-sec-02 .title-inner h2 {
      font-size: 2.4rem;
    }
  }
  #news .news-sec-02 .title-inner h2::after {
    content: "";
    display: block;
    margin: 1.4rem 0 0 0;
    width: 4rem;
    height: 6px;
    background-color: #000;
  }
  #news .news-sec-02 .title-inner h2 span {
    margin: 0 1rem 0 0;
    font-size: 5rem;
    font-family: "Abril Fatface", cursive;
    font-weight: normal;
  }
  @media screen and (max-width: 768px) {
    #news .news-sec-02 .title-inner h2 span {
      margin: 0 41.5rem 0 0;
      font-size: 4.6rem;
    }
  }
  #news .news-sec-02 .news-select-box {
    position: relative;
    display: inline-block;
  }
  #news .news-sec-02 .news-select-box:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 1.2rem;
    width: 0.8rem;
    height: 0.8rem;
    border-bottom: solid 1px #2e3776;
    border-right: solid 1px #2e3776;
    transform: rotate(45deg);
    margin-top: -0.8rem;
  }
  #news .news-sec-02 .news-select {
    position: relative;
    margin: 0;
    padding: 1.4rem;
    width: 20rem;
    background: #fff;
    border: solid 1px #dfe0ea;
    border-radius: 4px;
    font-size: 1.4rem;
    text-align: left;
  }
  @media screen and (max-width: 768px) {
    #news .news-sec-02 .news-select {
      width: 32rem;
      font-size: 2rem;
      text-align: center;
    }
  }
  #news .news-sec-02 .news-article-inner {
    margin: 2.4rem 0 0 0;
    padding: 3.2rem 0;
  }
  @media screen and (max-width: 768px) {
    #news .news-sec-02 .news-article-inner {
      margin: 6.4rem 0 0 0;
      padding: 0;
      background-color: transparent;
    }
  }
  #news .news-sec-02 .news-article-inner ul {
    margin: 0 auto;
    max-width: 102.4rem;
  }
  @media screen and (max-width: 768px) {
    #news .news-sec-02 .news-article-inner ul {
      max-width: 100%;
    }
  }
  #news .news-sec-02 .news-article-inner ul li {
    display: flex;
    align-items: center;
    padding-bottom: 1.3rem;
  }
  @media screen and (max-width: 768px) {
    #news .news-sec-02 .news-article-inner ul li {
      flex-direction: column;
      align-items: flex-start;
      padding-bottom: 3rem;
    }
  }
  #news .news-sec-02 .news-article-inner ul li a {
    position: relative;
    font-weight: 700;
  }
  @media screen and (max-width: 768px) {
    #news .news-sec-02 .news-article-inner ul li a {
      flex-direction: column;
      align-items: flex-start;
    }
  }
  #news .news-sec-02 .news-article-inner ul li:nth-child(n+2) {
    border-top: 1px dotted #999999;
    padding-top: 1.6rem;
  }
  #news .news-sec-02 .news-article-inner ul li:nth-child(n+2) a::after {
    top: 50%;
  }
  #news .news-sec-02 .news-article-inner ul li .news-label-inner {
    display: flex;
    flex-direction: column;
    min-width: 12rem;
  }
  #news .news-sec-02 .news-article-inner ul li .news-label-inner span {
    color: #333;
    font-size: 2.2rem;
    font-family: "Abril Fatface", cursive;
  }
  @media screen and (max-width: 768px) {
    #news .news-sec-02 .news-article-inner ul li .news-label-inner span {
      font-size: 3.2rem;
    }
  }
  #news .news-sec-02 .news-article-inner ul li .news-label-inner time {
    margin: 0.8rem 0 0 0;
    color: #222;
    font-size: 1.2rem;
    letter-spacing: 0.06em;
  }
  @media screen and (max-width: 768px) {
    #news .news-sec-02 .news-article-inner ul li .news-label-inner time {
      margin: 1.6rem 0 0 0;
      font-size: 2rem;
    }
  }
  #news .news-sec-02 .news-article-inner ul li .news-title-inner {
    margin: 0 0 0 4rem;
  }
  @media screen and (max-width: 768px) {
    #news .news-sec-02 .news-article-inner ul li .news-title-inner {
      margin: 1rem 0 0 0;
      font-size: 2rem;
    }
  }
  #news .news-sec-02 .news-article-inner ul li .news-title-inner .news-title {
    position: relative;
    max-width: 80rem;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.8;
  }
  @media screen and (max-width: 768px) {
    #news .news-sec-02 .news-article-inner ul li .news-title-inner .news-title {
      margin: 3rem 0 0 0;
      font-size: 2.4rem;
    }
  }
  #news .news-sec-02 .news-article-inner ul li .news-title-inner a {
    position: relative;
  }
  #news .news-sec-02 .news-article-inner ul li .news-title-inner a::after {
    content: "";
    display: inline-block;
    margin: 0 0 0 3rem;
    width: 0.9rem;
    height: 1.5rem;
    background: url("/assets/images/common/ic_arrow02_next_navy.svg") no-repeat center/cover;
  }
  #news .news-sec-02 .news-article-inner ul li .news-title-inner a .news-title {
    position: relative;
    max-width: 80rem;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.8;
  }
  @media screen and (max-width: 768px) {
    #news .news-sec-02 .news-article-inner ul li .news-title-inner a .news-title {
      margin: 3rem 0 0 0;
      font-size: 2.4rem;
    }
  }
  #news .news-sec-02 .news-article-inner ul li .news-title-inner a .news-title:hover {
    color: var(--main-color);
  }
  #news .news-sec-02 .news-article-inner ul li .news-title-inner a .news-title:hover::after {
    transform: scale(1, 1);
  }
  #news .news-sec-02 .news-article-inner ul li .news-title-inner a .news-title::after {
    content: "";
    position: absolute;
    bottom: -0.2em;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: var(--main-color);
    transform: scale(0, 1);
    transform-origin: left top;
    transition: transform 0.6s;
  }
  @media screen and (max-width: 768px) {
    #news .news-sec-02 .news-article-inner ul li .news-title-inner a .news-title::after {
      display: none;
    }
  }
  #news .news-detail-sec-01 {
    padding: 6.8rem 0 11rem;
    background: #fafafa;
  }
  #news .news-detail-sec-01 .container {
    max-width: 105.4rem;
    margin: auto;
  }
  @media screen and (max-width: 768px) {
    #news .news-detail-sec-01 .container {
      padding: 0 3rem;
    }
  }
  #news .news-detail-sec-01 .container h2 {
    position: relative;
    font-size: 1.6rem;
    margin-right: 6.6rem;
    font-weight: 700;
  }
  @media screen and (max-width: 768px) {
    #news .news-detail-sec-01 .container h2 {
      text-align: left;
      margin-right: 0;
      margin-bottom: 2rem;
      font-size: 2.4rem;
    }
  }
  @media screen and (max-width: 768px) {
    #news .news-detail-sec-01 .container h2::after {
      display: none;
    }
  }
  #news .news-detail-sec-01 .container h2 span {
    position: relative;
    margin: 0 1.6rem 0 0;
    font-size: 3.6rem;
    font-family: "Abril Fatface", cursive;
    font-weight: normal;
  }
  @media screen and (max-width: 768px) {
    #news .news-detail-sec-01 .container h2 span {
      font-size: 4.6rem;
      text-align: left;
    }
  }
  #news .news-detail-sec-01 .container .date {
    font-size: 1.2rem;
    letter-spacing: 0.06em;
    line-height: 5.2rem;
  }
  @media screen and (max-width: 768px) {
    #news .news-detail-sec-01 .container .date {
      font-size: 2rem;
    }
  }
  #news .news-detail-sec-01 .container .content {
    position: relative;
    padding-left: 9rem;
  }
  #news .news-detail-sec-01 .container .content:before {
    content: "";
    display: block;
    position: absolute;
    top: 0.8em;
    left: 0;
    width: 5.6rem;
    height: 0.1rem;
    background: #222;
  }
  @media screen and (max-width: 768px) {
    #news .news-detail-sec-01 .container .content {
      padding-left: 0;
    }
    #news .news-detail-sec-01 .container .content:before {
      width: 11rem;
    }
  }
  #news .news-detail-sec-01 .container .content a {
    position: relative;
    display: block;
    color: #2e3776;
    background-color: #fff;
    margin: 4rem 0;
    padding: 4rem;
  }
  #news .news-detail-sec-01 .container .content a span {
    position: relative;
    display: inline;
    background: linear-gradient(#2e3776, #2e3776) 0 100%/0 1px no-repeat;
    transition: background 0.4s;
    padding-bottom: 0.5rem;
  }
  @media screen and (max-width: 768px) {
    #news .news-detail-sec-01 .container .content a {
      font-size: 2rem;
    }
  }
  #news .news-detail-sec-01 .container .content a:hover {
    color: var(--main-color);
    text-decoration: underline;
  }
  #news .news-detail-sec-01 .container .content a:hover span {
    background-size: 100% 1px;
  }
  #news .news-detail-sec-01 .container h3 {
    margin: 0 0 4rem 0;
    font-size: 3rem;
    font-weight: 700;
    letter-spacing: 0.01em;
    line-height: 1.6;
  }
  @media screen and (max-width: 768px) {
    #news .news-detail-sec-01 .container h3 {
      font-size: 3rem;
      padding-left: 13rem;
    }
  }
  #news .news-detail-sec-01 .container p {
    font-size: 1.6rem;
    letter-spacing: 0.05em;
    line-height: 2.25;
  }
  @media screen and (max-width: 768px) {
    #news .news-detail-sec-01 .container p {
      font-size: 2rem;
    }
    #news .news-detail-sec-01 .container p:not(.date) {
      padding-left: 13rem;
    }
    #news .news-detail-sec-01 .container p.date {
      margin-bottom: 4rem;
    }
  }
  #news .news-detail-sec-01 .container figure {
    margin: 6.4rem auto 0;
  }
  #news .news-detail-sec-01 .container figure figcaption {
    margin-top: 1.6rem;
    font-size: 1.4rem;
    text-align: left;
    letter-spacing: 0.01rem;
    line-height: 1.6;
  }
  #news .news-detail-sec-01 .container .image-box {
    display: flex;
  }
  #news .news-detail-sec-01 .container .btn-row {
    max-width: 84.8rem;
    margin: 6.5rem auto 0;
    justify-content: space-between;
  }
  @media screen and (max-width: 768px) {
    #news .news-detail-sec-01 .container .btn-row {
      flex-direction: column;
      margin: 12rem auto 0;
      max-width: 52rem;
    }
  }
  #news .news-detail-sec-01 .container .btn-row .col:nth-child(1) {
    width: 32rem;
  }
  @media screen and (max-width: 768px) {
    #news .news-detail-sec-01 .container .btn-row .col:nth-child(1) {
      width: 100%;
    }
  }
  #news .news-detail-sec-01 .container .btn-row .col:nth-child(2) {
    width: 14.4rem;
  }
  @media screen and (max-width: 768px) {
    #news .news-detail-sec-01 .container .btn-row .col:nth-child(2) {
      width: 100%;
    }
  }
  #news .news-detail-sec-01 .container .btn-row .col:nth-child(3) {
    width: 32rem;
  }
  @media screen and (max-width: 768px) {
    #news .news-detail-sec-01 .container .btn-row .col:nth-child(3) {
      width: 100%;
    }
  }
  @media screen and (max-width: 768px) {
    #news .news-detail-sec-01 .container .btn-row .col:not(:last-child) {
      margin-bottom: 4rem;
    }
  }
  #news .news-detail-sec-01 .container .btn-row .col a {
    position: relative;
    display: block;
    padding: 2.22rem 1rem;
    border: solid 2px transparent;
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.16);
    border-radius: 4px;
    transition: 0.2s;
  }
  @media screen and (max-width: 768px) {
    #news .news-detail-sec-01 .container .btn-row .col a {
      padding: 3rem 1rem;
    }
  }
  #news .news-detail-sec-01 .container .btn-row .col a span {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 78%;
    font-size: 1.4rem;
    text-align: center;
    letter-spacing: 0.1em;
    line-height: 1.285;
    color: #333;
  }
  #news .news-detail-sec-01 .container .btn-row .col a.prev:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 2rem;
    transform: translateY(-50%) rotate(45deg);
    transition: 0.2s;
    width: 8px;
    height: 8px;
    border-left: solid 1px #0f23ac;
    border-bottom: solid 1px #0f23ac;
  }
  #news .news-detail-sec-01 .container .btn-row .col a.prev:hover:before {
    left: 1.5rem;
  }
  #news .news-detail-sec-01 .container .btn-row .col a.next:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 2rem;
    transform: translateY(-50%) rotate(-45deg);
    transition: 0.2s;
    width: 8px;
    height: 8px;
    border-right: solid 1px #0f23ac;
    border-bottom: solid 1px #0f23ac;
  }
  #news .news-detail-sec-01 .container .btn-row .col a.next:hover:after {
    right: 1.5rem;
  }
  #news .news-detail-sec-01 .container .btn-row .col a.list span img {
    margin-right: 0.8rem;
  }
  @media screen and (max-width: 768px) {
    #news .news-detail-sec-01 .container .btn-row .col a.list span img {
      margin-right: 3rem;
      width: 2.4rem;
      height: 2.4rem;
    }
  }
  #news .news-detail-sec-01 .container .btn-row .col a:hover {
    border-color: #2e3776;
  }

  /*================= ▼ ORDER-CONFIRM =================*/
  #order-confirm {
    /* /.order-form */
  }
  @media screen and (max-width: 768px) {
    #order-confirm main {
      margin: 0;
    }
  }
  #order-confirm .under-mv .headline {
    background-image: url("/assets/images/contacts/bg_contacts.jpg");
  }
  @media screen and (max-width: 768px) {
    #order-confirm .under-mv .headline {
      background-image: url("/assets/images/contacts/bg_contacts_sp.jpg");
    }
  }
  #order-confirm .under-mv .headline::before {
    width: 66.8rem;
    height: 10.9rem;
    background-image: url("/assets/images/contacts/ttl_contacts.svg");
  }
  #order-confirm .under-mv .breadcrumb::before {
    width: 1.9em;
    height: 1.9rem;
    background-image: url("/assets/images/contacts/ic_contacts.svg");
  }
  @media screen and (max-width: 768px) {
    #order-confirm .under-mv .breadcrumb::before {
      width: 3.6rem;
      height: 3.6rem;
    }
  }
  #order-confirm .order-form {
    margin-bottom: 11.2rem;
    background-color: #fff;
    /* /form */
  }
  @media screen and (max-width: 768px) {
    #order-confirm .order-form {
      margin-bottom: 16rem;
    }
  }
  #order-confirm .order-form .inner {
    width: 102.4rem;
    margin: 0 auto;
  }
  @media screen and (max-width: 768px) {
    #order-confirm .order-form .inner {
      width: 100%;
      padding: 0 3rem;
    }
  }
  #order-confirm .order-form h2 {
    font-size: 3rem;
    font-weight: 700;
  }
  @media screen and (max-width: 768px) {
    #order-confirm .order-form h2 {
      font-size: 3.6rem;
    }
  }
  #order-confirm .order-form .desc {
    margin-top: 2rem;
    font-size: 1.6rem;
  }
  @media screen and (max-width: 768px) {
    #order-confirm .order-form .desc {
      font-size: 2rem;
    }
  }
  #order-confirm .order-form form {
    margin-top: 4rem;
    /* /.contact-btn */
  }
  @media screen and (max-width: 768px) {
    #order-confirm .order-form form {
      margin-top: 10rem;
    }
  }
  #order-confirm .order-form form table {
    width: 100%;
  }
  #order-confirm .order-form form table tbody {
    width: 100%;
    /* /td */
  }
  #order-confirm .order-form form table tbody tr {
    display: block;
  }
  #order-confirm .order-form form table tbody tr:not(:first-of-type) {
    margin-top: 1rem;
  }
  @media screen and (max-width: 768px) {
    #order-confirm .order-form form table tbody tr:not(:first-of-type) {
      margin-top: 6rem;
    }
  }
  #order-confirm .order-form form table tbody th,
  #order-confirm .order-form form table tbody td {
    vertical-align: middle;
  }
  #order-confirm .order-form form table tbody th.title {
    position: relative;
    width: 32rem;
    padding: 2.8rem 3.2rem;
    border-right: 1px solid #dddddd;
    background-color: #f4f4f4;
    text-align: left;
    vertical-align: middle;
    line-height: 1.5;
    letter-spacing: 0;
  }
  @media screen and (max-width: 768px) {
    #order-confirm .order-form form table tbody th.title {
      display: block;
      width: 100%;
      padding: 3.8rem 4rem;
      margin-bottom: 4rem;
      font-size: 2.4rem;
    }
  }
  #order-confirm .order-form form table tbody td {
    padding: 2.2rem 3.2rem;
    font-size: 1.6rem;
    line-height: 2.5;
  }
  @media screen and (max-width: 768px) {
    #order-confirm .order-form form table tbody td {
      display: block;
      padding: 0 3rem;
      font-size: 2rem;
      line-height: 1.5;
    }
  }
  @media screen and (max-width: 768px) {
    #order-confirm .order-form form table tbody .block {
      display: block;
    }
  }
  #order-confirm .order-form form .contact-btn {
    width: 28.8rem;
    height: 4.6rem;
  }
  @media screen and (max-width: 768px) {
    #order-confirm .order-form form .contact-btn {
      width: 52rem;
      height: 8rem;
    }
  }
  #order-confirm .order-form form .contact-btn:first-of-type {
    margin: 6.4rem auto 0;
  }
  @media screen and (max-width: 768px) {
    #order-confirm .order-form form .contact-btn:first-of-type {
      margin: 16rem auto 0;
    }
  }
  #order-confirm .order-form form .contact-btn:last-of-type {
    margin: 0.8rem auto 0;
  }
  @media screen and (max-width: 768px) {
    #order-confirm .order-form form .contact-btn:last-of-type {
      margin: 3.2rem auto 0;
    }
  }
  #order-confirm .order-form form .contact-btn button,
  #order-confirm .order-form form .contact-btn a {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #caccdc;
    border-radius: 4px;
    background-color: #fff;
    color: var(--main-color);
    font-size: 1.4rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    transition: color 0.3s ease, background-color 0.3s ease;
  }
  @media screen and (max-width: 768px) {
    #order-confirm .order-form form .contact-btn button,
  #order-confirm .order-form form .contact-btn a {
      font-size: 2.4rem;
    }
  }
  #order-confirm .order-form form .contact-btn button:hover,
  #order-confirm .order-form form .contact-btn a:hover {
    color: #fff;
    background-color: #2e3776;
  }
  #order-confirm .order-form form .contact-btn button.bg-blue {
    background-color: #2e3776;
  }
  #order-confirm .order-form form .contact-btn button.text-white {
    color: #fff;
  }
  #order-confirm .order-form form .contact-btn button.hover-bg-white:hover {
    background-color: #fff;
  }
  #order-confirm .order-form form .contact-btn button.hover-text-blue:hover {
    color: #2e3776;
  }
  #order-confirm .order-form .annotation {
    margin-top: 12rem;
    text-align: center;
    font-size: 1.6rem;
    line-height: 2.24;
  }
  @media screen and (max-width: 768px) {
    #order-confirm .order-form .annotation {
      margin-top: 16rem;
      text-align: left;
      font-size: 2.2rem;
      line-height: 2.5;
    }
  }

  /*================= ▼ ORDER-COMPLETE =================*/
  @media screen and (max-width: 768px) {
    #order-complete main {
      margin: 0;
    }
  }
  #order-complete .complete .inner {
    padding: 8rem 10rem 11.2rem;
  }
  @media screen and (max-width: 768px) {
    #order-complete .complete .inner {
      padding: 8rem 3.2rem;
    }
  }
  #order-complete .complete h2 {
    text-align: center;
    font-size: 3rem;
    font-weight: 700;
  }
  @media screen and (max-width: 768px) {
    #order-complete .complete h2 {
      font-size: 2.4rem;
      letter-spacing: 0.01em;
    }
  }
  #order-complete .complete p {
    margin-top: 4rem;
    text-align: center;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 2.25;
  }
  @media screen and (max-width: 768px) {
    #order-complete .complete p {
      text-align: left;
      font-size: 2rem;
      line-height: 2.4;
    }
  }

  /*================= ▼ ORDER =================*/
  #order {
    /* /.order-form */
  }
  @media screen and (max-width: 768px) {
    #order main {
      margin: 0;
    }
  }
  #order .under-mv .headline {
    background-image: url("/assets/images/contacts/bg_contacts.jpg");
  }
  @media screen and (max-width: 768px) {
    #order .under-mv .headline {
      background-image: url("/assets/images/contacts/bg_contacts_sp.jpg");
    }
  }
  #order .under-mv .headline::before {
    width: 66.8rem;
    height: 10.9rem;
    background-image: url("/assets/images/contacts/ttl_contacts.svg");
  }
  #order .under-mv .breadcrumb::before {
    width: 1.9em;
    height: 1.9rem;
    background-image: url("/assets/images/contacts/ic_contacts.svg");
  }
  @media screen and (max-width: 768px) {
    #order .under-mv .breadcrumb::before {
      width: 3.6rem;
      height: 3.6rem;
    }
  }
  #order .order-form {
    margin-bottom: 11.2rem;
    background-color: #fff;
    /* /form */
  }
  @media screen and (max-width: 768px) {
    #order .order-form {
      margin-bottom: 16rem;
    }
  }
  #order .order-form h2 {
    font-size: 3rem;
    font-weight: 700;
  }
  @media screen and (max-width: 768px) {
    #order .order-form h2 {
      font-size: 3.6rem;
    }
  }
  #order .order-form .inner {
    width: 102.4rem;
    margin: 0 auto;
  }
  @media screen and (max-width: 768px) {
    #order .order-form .inner {
      width: 100%;
      padding: 8rem 3.2rem;
    }
  }
  #order .order-form form {
    margin-top: 4rem;
    /* table */
    /* /label.concent */
  }
  @media screen and (max-width: 768px) {
    #order .order-form form {
      margin-top: 10rem;
    }
  }
  #order .order-form form table {
    width: 100%;
    /* /th.title */
    /* /td */
    /* /.zip */
  }
  #order .order-form form table tbody {
    width: 100%;
  }
  #order .order-form form table tr {
    display: block;
  }
  #order .order-form form table tr:not(:first-of-type) {
    margin-top: 1rem;
  }
  @media screen and (max-width: 768px) {
    #order .order-form form table tr:not(:first-of-type) {
      margin-top: 6.4rem;
    }
  }
  #order .order-form form table th.title {
    position: relative;
    width: 32rem;
    padding: 3.2rem;
    border-right: 1px solid #dddddd;
    background-color: #f4f4f4;
    text-align: left;
    vertical-align: middle;
    font-size: 1.6rem;
    line-height: 1.5;
    letter-spacing: 0;
  }
  @media screen and (max-width: 768px) {
    #order .order-form form table th.title {
      display: flex;
      flex-direction: column;
      justify-content: center;
      width: 70.4rem;
      height: 10.4rem;
      padding: 0 4rem;
      font-size: 2.4rem;
    }
  }
  #order .order-form form table th.title.required::before, #order .order-form form table th.title.optional:before {
    position: absolute;
    top: 50%;
    right: 10%;
    transform: translateY(-50%);
    border-radius: 4px;
    padding: 0.3rem 0.8rem;
    color: #fff;
    font-size: 1.2rem;
    font-weight: 500;
  }
  @media screen and (max-width: 768px) {
    #order .order-form form table th.title.required::before, #order .order-form form table th.title.optional:before {
      right: 5.5%;
      font-size: 1.6rem;
    }
  }
  #order .order-form form table th.title.required::before {
    content: "必須";
    background-color: #b20000;
  }
  #order .order-form form table th.title.optional:before {
    content: "任意";
    background-color: #b1b1b1;
  }
  #order .order-form form table th.title p {
    line-height: 1.25;
  }
  #order .order-form form table th.title p:nth-child(2) {
    display: block;
    font-size: 1.2rem;
    font-weight: 500;
    line-height: 1.666;
  }
  @media screen and (max-width: 768px) {
    #order .order-form form table th.title p:nth-child(2) {
      display: inline-block;
      vertical-align: middle;
      font-size: 1.62rem;
      line-height: 1.6875;
    }
  }
  #order .order-form form table td {
    font-size: 1.6rem;
    padding: 2rem 0 0rem 3rem;
    /* /input */
  }
  @media screen and (max-width: 768px) {
    #order .order-form form table td {
      padding: 2rem 0 0 4rem;
      font-size: 2rem;
      line-height: 1.5;
    }
  }
  #order .order-form form table td input {
    border: 1px solid #dfe0ea;
    border-radius: 4px;
    padding: 1.2rem 2rem;
    font-size: 1.4rem;
  }
  @media screen and (max-width: 768px) {
    #order .order-form form table td input {
      height: 8rem;
      border-radius: 0.4rem;
      font-size: 2rem;
    }
  }
  #order .order-form form table td input.w672 {
    width: 67.2rem;
  }
  @media screen and (max-width: 768px) {
    #order .order-form form table td input.w672 {
      width: 62.4rem;
    }
  }
  #order .order-form form table td input[type=tel] {
    width: 19.8rem;
  }
  @media screen and (max-width: 768px) {
    #order .order-form form table td input[type=tel] {
      width: 18rem;
    }
  }
  #order .order-form form table td input[type=date]::-webkit-calendar-picker-indicator {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
  }
  #order .order-form form table td input[type=date]::-webkit-inner-spin-button {
    -webkit-appearance: none;
  }
  #order .order-form form table td input[type=date]::-webkit-clear-button {
    -webkit-appearance: none;
  }
  #order .order-form form table td input[type=date] {
    position: relative;
  }
  #order .order-form form table td span.line {
    display: inline-block;
    padding: 0 1rem;
  }
  #order .order-form form table td .error,
  #order .order-form form table td input[type=radio].error + span {
    border: 1px solid #b20000;
  }
  #order .order-form form table td .error-message {
    margin-top: 0.75rem;
    color: #b20000;
    font-size: 1.2rem;
    line-height: 1.666;
    white-space: nowrap;
  }
  @media screen and (max-width: 768px) {
    #order .order-form form table td .error-message {
      font-size: 2rem;
    }
  }
  #order .order-form form table td span.text {
    font-size: 1.4rem;
  }
  @media screen and (max-width: 768px) {
    #order .order-form form table td span.text {
      font-size: 2rem;
    }
  }
  #order .order-form form table td textarea {
    width: 67.2rem;
    min-height: 20rem;
    resize: vertical;
    border-radius: 4px;
    border: 1px solid #dfe0ea;
    padding: 1.5rem 2rem;
  }
  @media screen and (max-width: 768px) {
    #order .order-form form table td textarea {
      min-height: 40rem;
      width: 62.4rem;
      border-radius: 0.4rem;
    }
  }
  #order .order-form form table td textarea:valid {
    border: 1px solid #dfe0ea;
  }
  #order .order-form form table th.th-name {
    width: 6rem;
    padding: 3.2rem 0 0rem 2.8rem;
    vertical-align: top;
    font-size: 1.4rem;
    font-weight: 500;
  }
  @media screen and (max-width: 768px) {
    #order .order-form form table th.th-name {
      width: 8rem;
      padding: 4.9rem 0 0 3rem;
      font-size: 2rem;
    }
  }
  #order .order-form form table th.th-name:last-of-type {
    width: 7.2rem;
    padding-left: 4rem;
  }
  @media screen and (max-width: 768px) {
    #order .order-form form table th.th-name:last-of-type {
      width: 8rem;
      padding-left: 3rem;
    }
  }
  #order .order-form form table td.td-name {
    width: 27rem;
    padding-left: 1.5rem;
  }
  @media screen and (max-width: 768px) {
    #order .order-form form table td.td-name {
      width: auto;
    }
  }
  #order .order-form form table td.td-name input {
    width: 27rem;
  }
  @media screen and (max-width: 768px) {
    #order .order-form form table td.td-name input {
      width: 25.2rem;
    }
  }
  #order .order-form form table td.td-name .error-message {
    white-space: normal;
  }
  #order .order-form form table td.division {
    width: 20rem;
  }
  @media screen and (max-width: 768px) {
    #order .order-form form table td.division {
      width: 100%;
    }
  }
  #order .order-form form table td.division label.check {
    width: 32.8rem;
  }
  #order .order-form form table .zip {
    white-space: nowrap;
  }
  #order .order-form form table .zip .post {
    padding-right: 1rem;
  }
  @media screen and (max-width: 768px) {
    #order .order-form form table .zip .post {
      padding-right: 1.6rem;
      font-size: 2.2rem;
    }
  }
  #order .order-form form table .zip input[name=zip1], #order .order-form form table .zip input[name=zip2] {
    width: 14rem;
  }
  @media screen and (max-width: 768px) {
    #order .order-form form table .zip input[name=zip1], #order .order-form form table .zip input[name=zip2] {
      width: 18rem;
    }
  }
  #order .order-form form table .zip button {
    display: inline;
    width: 12.2rem;
    height: 5.4rem;
    margin-left: 3.2rem;
    background-color: #2e3776;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
    border: 1px solid #caccdc;
    border-radius: 4px;
    color: #fff;
    font-size: 1.4rem;
    letter-spacing: 0.06em;
    transition: color 0.3s ease, background-color 0.3s ease;
  }
  @media screen and (max-width: 768px) {
    #order .order-form form table .zip button {
      width: 18rem;
      height: 8rem;
      margin-left: 2rem;
      font-size: 2.4rem;
    }
  }
  #order .order-form form table .zip button:hover {
    color: #2e3776;
    background-color: #fff;
  }
  #order .order-form form table .address {
    margin-top: 1.3rem;
  }
  @media screen and (max-width: 768px) {
    #order .order-form form table .address {
      margin-top: 2rem;
    }
  }
  #order .order-form form .privacy-concent {
    margin-top: 8rem;
    padding: 0 5rem;
    /* label */
  }
  @media screen and (max-width: 768px) {
    #order .order-form form .privacy-concent {
      margin-top: 12rem;
      padding: 0;
    }
  }
  #order .order-form form .privacy-concent p {
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 2.25;
  }

  #order .order-form form .privacy-concent p.error-message{
    font-size: 1.2rem;
    color: #b20000;
    position: absolute;
    bottom: -3rem;
  }

  @media screen and (max-width: 768px) {
    #order .order-form form .privacy-concent p {
      font-size: 2.2rem;
      line-height: 2.181;
    }
    #order .order-form form .privacy-concent p.error-message{
      font-size: 2rem;
      bottom: -5rem;
    }
  }
  #order .order-form form .privacy-concent .body {
    height: 20rem;
    margin-top: 4rem;
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.16) inset;
    padding: 4rem;
    overflow-y: scroll;
  }
  @media screen and (max-width: 768px) {
    #order .order-form form .privacy-concent .body {
      height: 32rem;
      margin-top: 6.4rem;
      padding: 4rem 8rem 4rem 4rem;
    }
  }
  #order .order-form form .privacy-concent .concent-block dl {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 7.2rem;
    margin-top: 4rem;
    text-align: center;
    font-size: 1.2rem;
    font-weight: 500;
  }
  @media screen and (max-width: 768px) {
    #order .order-form form .privacy-concent .concent-block dl {
      height: 12rem;
      margin-top: 8rem;
      font-size: 2rem;
    }
  }
  #order .order-form form .privacy-concent .concent-block dl dt {
    width: 14.4rem;
    height: 100%;
    background-color: #dfe0ea;
    padding: 3rem 0;
  }
  @media screen and (max-width: 768px) {
    #order .order-form form .privacy-concent .concent-block dl dt {
      width: 24rem;
      padding: 5rem 0;
    }
  }
  #order .order-form form .privacy-concent .concent-block dl dd {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 22.3rem;
    height: 100%;
    border: 1px solid #dfe0ea;
    position: relative;
  }
  @media screen and (max-width: 768px) {
    #order .order-form form .privacy-concent .concent-block dl dd {
      width: 46.4rem;
    }
  }
  #order .order-form form label.check {
    display: inline-block;
    position: relative;
    margin: 0.5rem 0;
    padding: 0 0 0 2.8rem;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    white-space: nowrap;
  }
  @media screen and (max-width: 768px) {
    #order .order-form form label.check {
      margin: 0;
      padding: 0 0 0 4.8rem;
      line-height: 4;
    }
  }
  #order .order-form form label.check input {
    display: none;
    /* チェックが入ったとき */
  }
  #order .order-form form label.check input:checked + .checkbox {
    background: var(--main-color);
    border-color: var(--main-color);
  }
  #order .order-form form label.check input:checked + .checkbox:after {
    opacity: 1;
  }
  #order .order-form form label.check .checkbox {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    height: 2rem;
    width: 2rem;
    border: solid 1px #666;
    border-radius: 4px;
  }
  @media screen and (max-width: 768px) {
    #order .order-form form label.check .checkbox {
      width: 4rem;
      height: 4rem;
    }
  }
  #order .order-form form label.check .checkbox:after {
    content: "";
    position: absolute;
    top: 6%;
    left: 33%;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    width: 0.7rem;
    height: 1.2rem;
    transform: rotate(45deg);
    opacity: 0;
  }
  @media screen and (max-width: 768px) {
    #order .order-form form label.check .checkbox:after {
      left: 28%;
      width: 1.7rem;
      height: 2.5rem;
      border-width: 0 4px 4px 0;
    }
  }
  #order .order-form form label.check .checkbox.error{
    border: 1px solid #b20000;
  }
  #order .order-form form label.check .text {
    vertical-align: middle;
  }
  #order .order-form form .contact-btn {
    margin: 5.4rem auto 0;
    width: 28.8rem;
    height: 4.6rem;
  }
  @media screen and (max-width: 768px) {
    #order .order-form form .contact-btn {
      width: 52rem;
      height: 8rem;
      margin: 8rem auto 0;
    }
  }
  #order .order-form form .contact-btn button {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #caccdc;
    border-radius: 4px;
    background-color: #2e3776;
    color: #fff;
    font-size: 1.4rem;
    font-weight: 700;
    letter-spacing: 0.06em;
    transition: color 0.3s ease, background-color 0.3s ease;
  }
  @media screen and (max-width: 768px) {
    #order .order-form form .contact-btn button {
      font-size: 2.4rem;
    }
  }
  #order .order-form form .contact-btn button:hover {
    color: var(--main-color);
    background-color: #fff;
  }

  /*================= ▼ SYOUTORIHIKI =================*/
  #syoutorihiki .under-mv .headline::before {
    width: 119.2rem;
    height: 6.1rem;
    background-image: url("/assets/images/syoutorihiki/ttl_syoutorihiki.svg");
  }
  @media screen and (max-width: 768px) {
    #syoutorihiki .under-mv .headline::before {
      width: 73.2rem;
      height: 12.7rem;
      background-image: url("/assets/images/syoutorihiki/ttl_syoutorihiki_sp.svg");
    }
  }
  #syoutorihiki .under-mv .breadcrumb::before {
    width: 1.8rem;
    height: 2.2rem;
    background-image: url("/assets/images/syoutorihiki/ic_syoutorihiki.svg");
  }
  @media screen and (max-width: 768px) {
    #syoutorihiki .under-mv .breadcrumb::before {
      width: 2.9rem;
      height: 3.6rem;
    }
  }
  #syoutorihiki .syoutorihiki {
    background-color: var(--bg-light-gray);
  }
  #syoutorihiki .syoutorihiki .inner {
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    padding: 6.45rem 9.8rem 11rem;
    max-width: 122rem;
  }
  @media screen and (max-width: 768px) {
    #syoutorihiki .syoutorihiki .inner {
      padding: 8rem 3.2rem 16rem;
      max-width: initial;
    }
  }
  #syoutorihiki .syoutorihiki .cont-list.flex {
    flex-direction: column;
    gap: 8rem;
  }
  #syoutorihiki .syoutorihiki .cont-list.flex h2 {
    font-size: 3rem;
    font-weight: 600;
    line-height: 1.6;
    letter-spacing: 0.01em;
  }
  @media screen and (max-width: 768px) {
    #syoutorihiki .syoutorihiki .cont-list.flex h2 {
      font-size: 2.4rem;
      line-height: 2.666;
    }
  }
  #syoutorihiki .syoutorihiki .cont-list.flex p {
    line-height: 2.25;
  }
  @media screen and (max-width: 768px) {
    #syoutorihiki .syoutorihiki .cont-list.flex p {
      line-height: 2.4;
    }
    #syoutorihiki .syoutorihiki .cont-list.flex p.margin {
      margin-top: 3rem;
    }
  }
  #syoutorihiki .syoutorihiki .cont-list.flex .cont-body {
    margin-top: 3rem;
  }
  @media screen and (max-width: 768px) {
    #syoutorihiki .syoutorihiki .cont-list.flex .cont-body {
      margin-top: 0;
    }
  }
  #syoutorihiki .syoutorihiki .cont-list.flex .cont-body .margin {
    margin: 5.6rem 0 0 0;
  }
  #syoutorihiki .syoutorihiki .cont-list.flex .cont-body dl {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #dddddd;
    padding: 1.6rem 0;
  }
  #syoutorihiki .syoutorihiki .cont-list.flex .cont-body dl:first-of-type {
    border-top: 1px solid #dddddd;
  }
  #syoutorihiki .syoutorihiki .cont-list.flex .cont-body dt {
    position: relative;
    display: inline-block;
    padding-right: 1rem;
    width: 15.3rem;
    min-width: 15.3rem;
    font-weight: 400;
  }
  @media screen and (max-width: 768px) {
    #syoutorihiki .syoutorihiki .cont-list.flex .cont-body dt {
      font-size: 2.2rem;
      line-height: 2.1;
      vertical-align: top;
    }
  }
  #syoutorihiki .syoutorihiki .cont-list.flex .cont-body dt::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 0.5px;
    height: 1.6rem;
    background-color: #333;
  }
  @media screen and (max-width: 768px) {
    #syoutorihiki .syoutorihiki .cont-list.flex .cont-body dt::after {
      height: 2rem;
    }
  }
  #syoutorihiki .syoutorihiki .cont-list.flex .cont-body dd {
    display: inline-block;
    font-weight: 700;
    padding-left: 1em;
  }
  @media screen and (max-width: 768px) {
    #syoutorihiki .syoutorihiki .cont-list.flex .cont-body dd {
      line-height: 2.4;
    }
  }
  #syoutorihiki .syoutorihiki .cont-list.flex .cont-body dd a {
    position: relative;
  }
  #syoutorihiki .syoutorihiki .cont-list.flex .cont-body dd a::after {
    content: "";
    position: absolute;
    bottom: -0.2em;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: var(--main-color);
    transform: scale(0, 1);
    transform-origin: left top;
    transition: transform 0.6s;
  }
  #syoutorihiki .syoutorihiki .cont-list.flex .cont-body dd a:hover {
    color: var(--main-color);
  }
  #syoutorihiki .syoutorihiki .cont-list.flex .cont-body dd a:hover::after {
    transform: scale(1, 1);
  }

  /*================= ▼SITE-MAP =================*/
  #sitemap a {
    line-height: 1.3;
  }
  #sitemap .under-mv .headline::before {
    width: 53.8rem;
    height: 11.1rem;
    background-image: url("/assets/images/sitemap/ttl_sitemap.svg");
  }
  #sitemap .under-mv .breadcrumb:before {
    width: 2rem;
    height: 1.9rem;
    background-image: url("/assets/images/sitemap/ic_sitemap.svg");
  }
  @media screen and (max-width: 768px) {
    #sitemap .under-mv .breadcrumb:before {
      width: 3.7rem;
      height: 3.5rem;
    }
  }
  #sitemap .sitemap {
    padding: 0 0 6rem 0;
    background: var(--bg-light-gray);
  }
  #sitemap .sitemap .container {
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    padding: 2rem 9.8rem 2rem;
    max-width: 122rem;
  }
  @media screen and (max-width: 768px) {
    #sitemap .sitemap .container {
      padding: 0 3rem;
      max-width: initial;
    }
  }
  #sitemap .sitemap-row {
    padding: 4rem;
  }
  #sitemap .sitemap-row:first-child {
    padding-top: 9rem;
  }
  @media screen and (max-width: 768px) {
    #sitemap .sitemap-row:first-child {
      padding-top: 6rem;
    }
  }
  #sitemap .sitemap-row:not(:first-child) {
    border-top: solid 1px #ddd;
  }
  #sitemap .sitemap-row h3 {
    margin-bottom: 3.8rem;
    font-size: 2.4rem;
    font-weight: 600;
    line-height: 1.7rem;
  }
  #sitemap .sitemap-row ul {
    display: flex;
    flex-wrap: wrap;
    row-gap: 4rem;
    margin: 0 4rem;
  }
  @media screen and (max-width: 768px) {
    #sitemap .sitemap-row ul {
      flex-direction: column;
      row-gap: 8rem;
    }
  }
  #sitemap .sitemap-row ul li {
    width: 33.3333333333%;
  }
  @media screen and (max-width: 768px) {
    #sitemap .sitemap-row ul li {
      width: 100%;
    }
  }
  #sitemap .sitemap-row ul li a {
    position: relative;
    font-size: 1.6rem;
    font-weight: 300;
    letter-spacing: 0.05rem;
    transition: transform 0.3s;
  }
  @media screen and (max-width: 768px) {
    #sitemap .sitemap-row ul li a {
      font-size: 2rem;
    }
  }
  #sitemap .sitemap-row ul li a:after {
    position: absolute;
    bottom: -4px;
    left: 0;
    content: "";
    width: 100%;
    height: 1px;
    background: #2e3776;
    transform: scale(0, 1);
    transform-origin: left top;
    transition: transform 0.3s;
  }
  #sitemap .sitemap-row ul li a:hover {
    color: #2e3776;
  }
  #sitemap .sitemap-row ul li a:hover:after {
    transform: scale(1, 1);
  }

  /*================= ▼ SHOWROOM-DETAIL =================*/
  #showroom-detail .under-mv .headline {
    background-image: url("/assets/images/showroom/detail/bg_showroom_detail.jpg");
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .under-mv .headline {
      background-image: url("/assets/images/showroom/detail/bg_showroom_detail_sp.jpg");
    }
  }
  #showroom-detail .under-mv .headline::before {
    content: attr(data-text) "";
    position: absolute;
    bottom: -3rem;
    left: 0;
    z-index: 10;
    letter-spacing: -0.8rem;
    color: rgba(0, 0, 0, 0);
    font-size: 15rem;
    font-family: "Abril Fatface", cursive;
    -webkit-text-stroke: 0.5px #fff;
  }
  #showroom-detail .under-mv .breadcrumb::before {
    width: 2.6rem;
    height: 1.5rem;
    background-image: url("/assets/images/showroom/ic_showroom.svg");
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .under-mv .breadcrumb::before {
      width: 3.5rem;
      height: 2rem;
    }
  }
  #showroom-detail .showroom-detail-sec-01 {
    padding: 0 0 9rem 0;
    background-color: #fafafa;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .showroom-detail-sec-01 {
      padding: 0 0 16.4rem 0;
    }
  }
  #showroom-detail .showroom-detail-sec-01 .container {
    margin: 0 auto;
    padding: 6.4rem 0 0 0;
    max-width: 102.4rem;
  }
  #showroom-detail .showroom-detail-sec-01 .flex {
    display: flex;
    justify-content: space-between;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .showroom-detail-sec-01 .flex {
      flex-direction: column;
      margin: 0 3.2rem;
    }
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .showroom-detail-sec-01 .flex h2 {
      margin-bottom: 4rem;
    }
  }
  #showroom-detail .showroom-detail-sec-01 .showroom-schedule {
    display: flex;
    align-items: center;
  }
  #showroom-detail .showroom-detail-sec-01 .showroom-schedule dt {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 13rem;
    height: 5.6rem;
    background: #2e3776;
    border: solid 1px #2e3776;
    box-sizing: border-box;
    color: #fff;
    font-size: 1.6rem;
    font-weight: bold;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .showroom-detail-sec-01 .showroom-schedule dt {
      width: 24rem;
      height: 10rem;
      font-size: 2.8rem;
    }
  }
  #showroom-detail .showroom-detail-sec-01 .showroom-schedule dd {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 23rem;
    height: 5.6rem;
    border-top: solid 1px #2e3776;
    border-right: solid 1px #2e3776;
    border-bottom: solid 1px #2e3776;
    font-size: 1.6rem;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .showroom-detail-sec-01 .showroom-schedule dd {
      width: 46.4rem;
      height: 10rem;
      font-size: 2rem;
    }
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .showroom-detail-sec-01 .showroom-image {
      margin: 4rem 3.2rem 0;
    }
  }
  #showroom-detail .showroom-detail-sec-01 .showroom-image img {
    width: 100%;
    height: 100%;
  }
  #showroom-detail .showroom-detail-sec-01 .showroom-info {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin: 3rem auto 4rem;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .showroom-detail-sec-01 .showroom-info {
      flex-direction: column;
      margin: 8rem auto 4rem;
    }
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .showroom-detail-sec-01 .showroom-info .col {
      padding: 0 3.2rem;
    }
  }
  #showroom-detail .showroom-detail-sec-01 .showroom-info .left {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 61.6rem;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .showroom-detail-sec-01 .showroom-info .left {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      width: 100%;
      margin-bottom: 4rem;
    }
  }
  #showroom-detail .showroom-detail-sec-01 .showroom-info .left dl {
    display: flex;
  }
  #showroom-detail .showroom-detail-sec-01 .showroom-info .left dl.showroom-about {
    border-bottom: 1px solid #ddd;
    width: 100%;
    padding: 1.6rem 0;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .showroom-detail-sec-01 .showroom-info .left dl.showroom-about {
      width: 100%;
      padding: 3rem 0;
    }
  }
  #showroom-detail .showroom-detail-sec-01 .showroom-info .left dl.showroom-about:first-child {
    border-top: 1px solid #ddd;
  }
  #showroom-detail .showroom-detail-sec-01 .showroom-info .left dl.showroom-about.sp-harf {
    width: 29rem;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .showroom-detail-sec-01 .showroom-info .left dl.showroom-about.sp-harf {
      width: 31.2rem;
    }
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .showroom-detail-sec-01 .showroom-info .left dl.showroom-about dt,
  #showroom-detail .showroom-detail-sec-01 .showroom-info .left dl.showroom-about dd {
      font-size: 2rem;
    }
  }
  #showroom-detail .showroom-detail-sec-01 .showroom-info .left dl.showroom-about dt {
    position: relative;
    display: inline-block;
    width: 13rem;
    min-width: 13rem;
    font-weight: 400;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .showroom-detail-sec-01 .showroom-info .left dl.showroom-about dt {
      width: auto;
      min-width: 9.1rem;
      padding-right: 3rem;
    }
  }
  #showroom-detail .showroom-detail-sec-01 .showroom-info .left dl.showroom-about dt:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 0.5px;
    height: 1.6rem;
    background-color: #333;
  }
  #showroom-detail .showroom-detail-sec-01 .showroom-info .left dl.showroom-about dd {
    display: inline-block;
    font-weight: 700;
    padding-left: 1em;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .showroom-detail-sec-01 .showroom-info .left dl.showroom-about dd {
      padding-left: 3em;
    }
  }
  #showroom-detail .showroom-detail-sec-01 .showroom-info .right {
    width: 32rem;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .showroom-detail-sec-01 .showroom-info .right {
      width: 100%;
    }
  }
  #showroom-detail .showroom-detail-sec-01 .showroom-info .right .button-box {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background: #e9eaf4;
    padding: 2.6rem 1rem;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .showroom-detail-sec-01 .showroom-info .right .button-box {
      padding: 4rem 1rem;
    }
  }
  #showroom-detail .showroom-detail-sec-01 .showroom-info .right .button-box a.reservation {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 27.2rem;
    height: 5.4rem;
    background: #0f23ac;
    border: solid 1px #0f23ac;
    border-radius: 3px;
    color: #fff;
    font-size: 1.6rem;
    transition: background-color 0.2s ease, color 0.2s ease;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .showroom-detail-sec-01 .showroom-info .right .button-box a.reservation {
      width: 52rem;
      height: 8rem;
      font-size: 2.4rem;
    }
  }
  #showroom-detail .showroom-detail-sec-01 .showroom-info .right .button-box a.reservation:hover {
    background: #fff;
    color: #0f23ac;
  }
  #showroom-detail .showroom-detail-sec-01 .showroom-info .right .button-box a.contact {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 27.2rem;
    height: 5.4rem;
    background: #f89131;
    border: solid 1px #f89131;
    border-radius: 3px;
    color: #fff;
    font-size: 1.6rem;
    transition: background-color 0.2s ease, color 0.2s ease, border 0.2s ease;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .showroom-detail-sec-01 .showroom-info .right .button-box a.contact {
      width: 52rem;
      height: 8rem;
      font-size: 2.4rem;
    }
  }
  #showroom-detail .showroom-detail-sec-01 .showroom-info .right .button-box a.contact span {
    position: relative;
    padding-left: 2.7rem;
  }
  #showroom-detail .showroom-detail-sec-01 .showroom-info .right .button-box a.contact span::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 1.8rem;
    height: 1.345rem;
    background: url(/assets/images/showroom/detail/ic_contact_white.svg) no-repeat;
    background-size: 100% auto;
    transition: background-image 0.2s ease;
  }
  #showroom-detail .showroom-detail-sec-01 .showroom-info .right .button-box a.contact:hover {
    background-color: #f89131;
    color: #fff;
  }


  #showroom-detail .showroom-detail-sec-01 .showroom-info .right .button-box a.instagram {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 27.2rem;
    height: 5.4rem;
    background: #ffffff;
    border: solid 1px #caccdc;
    border-radius: 4px;
    color: #333;
    font-size: 1.6rem;
    transition: background-color 0.2s ease, color 0.2s ease, border 0.2s ease;
    margin-top: 1.3em;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .showroom-detail-sec-01 .showroom-info .right .button-box a.instagram {
      width: 52rem;
      height: 8rem;
      font-size: 2.4rem;
    }
  }

  #showroom-detail .showroom-detail-sec-01 .showroom-info .right .button-box a.instagram span {
    position: relative;
    padding-left: 2.7rem;
  }

  #showroom-detail .showroom-detail-sec-01 .showroom-info .right .button-box a.instagram span::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 1.8rem;
    height: 1.8rem;
    background: url(/assets/images/showroom/detail/ic_instragram.svg) no-repeat;
    background-size: 100% auto;
    transition: background-image 0.2s ease;
  }

    #showroom-detail .showroom-detail-sec-01 .showroom-info .right .button-box a.instagram:hover {
      background-color: #0f23ac;
      color: #fff;
    }

    #showroom-detail .showroom-detail-sec-01 .showroom-info .right .button-box a.instagram:hover  span::before{
      background: url(/assets/images/showroom/detail/ic_instragram_hover.svg) no-repeat;
      background-size: 100% auto;
    }

  #showroom-detail .showroom-detail-sec-01 .showroom-info .right .button-box p {
    text-align: center;
    font-size: 1rem;
    color: #2e3776;
    margin: 1rem 0 1.7rem;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .showroom-detail-sec-01 .showroom-info .right .button-box p {
      font-size: 2rem;
      margin: 2rem 0 3rem;
    }
  }
  #showroom-detail .showroom-detail-sec-01 .modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100000;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.8);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.3s, visibility 0.3s;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .showroom-detail-sec-01 .modal {
      z-index: 100;
    }
  }
  #showroom-detail .showroom-detail-sec-01 .modal.is-modal-active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }
  #showroom-detail .showroom-detail-sec-01 .modal .modal-overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -100;
    width: 100%;
    height: 100%;
    cursor: pointer;
  }
  #showroom-detail .showroom-detail-sec-01 .modal .modal-content {
    position: relative;
    width: 100%;
    max-width: 73.3rem;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .showroom-detail-sec-01 .modal .modal-content {
      max-width: initial;
    }
  }
  #showroom-detail .showroom-detail-sec-01 .modal .modal-content .modal-inner {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    padding: 4rem 10rem;
    background-color: #fff;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.4);
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .showroom-detail-sec-01 .modal .modal-content .modal-inner {
      padding: 23rem 0 0 0;
      height: 100vh;
      box-shadow: none;
    }
  }
  #showroom-detail .showroom-detail-sec-01 .modal .modal-content .modal-inner .modal-close-btn {
    position: absolute;
    top: 4rem;
    right: 4rem;
    z-index: 100;
    width: 2rem;
    height: 2rem;
    cursor: pointer;
    transition: opacity 0.3s;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .showroom-detail-sec-01 .modal .modal-content .modal-inner .modal-close-btn {
      top: 15rem;
      right: 3.2rem;
      width: 4rem;
      height: 4rem;
    }
  }
  #showroom-detail .showroom-detail-sec-01 .modal .modal-content .modal-inner .modal-close-btn:hover {
    opacity: 0.5;
  }
  #showroom-detail .showroom-detail-sec-01 .modal .modal-content .modal-inner .modal-close-btn .lineClose {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 2rem;
    height: 0.1rem;
    background-color: currentColor;
    color: #2e3776;
    line-height: 1;
    transform: rotate(45deg);
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .showroom-detail-sec-01 .modal .modal-content .modal-inner .modal-close-btn .lineClose {
      width: 4rem;
      height: 1px;
    }
  }
  #showroom-detail .showroom-detail-sec-01 .modal .modal-content .modal-inner .modal-close-btn .lineClose::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
    background-color: inherit;
    transform: rotate(90deg);
  }
  #showroom-detail .showroom-detail-sec-01 .modal .modal-content .modal-inner .items-modal-swiper {
    width: 100%;
  }
  #showroom-detail .showroom-detail-sec-01 .modal .modal-content .modal-inner .items-modal-swiper .swiper-wrapper .swiper-slide {
    cursor: pointer;
  }
  #showroom-detail .showroom-detail-sec-01 .modal .modal-content .modal-inner .items-modal-swiper .swiper-wrapper .swiper-slide figure img {
    width: 53.5rem;
    height: 39rem;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .showroom-detail-sec-01 .modal .modal-content .modal-inner .items-modal-swiper .swiper-wrapper .swiper-slide figure img {
      width: 100%;
      height: 56rem;
    }
  }
  #showroom-detail .showroom-detail-sec-01 .modal .modal-content .modal-inner .swiper-button-prev,
  #showroom-detail .showroom-detail-sec-01 .modal .modal-content .modal-inner .swiper-button-next {
    top: 50%;
    transition: opacity 0.3s;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .showroom-detail-sec-01 .modal .modal-content .modal-inner .swiper-button-prev,
  #showroom-detail .showroom-detail-sec-01 .modal .modal-content .modal-inner .swiper-button-next {
      top: 56rem;
    }
  }
  #showroom-detail .showroom-detail-sec-01 .modal .modal-content .modal-inner .swiper-button-prev:hover,
  #showroom-detail .showroom-detail-sec-01 .modal .modal-content .modal-inner .swiper-button-next:hover {
    opacity: 0.5;
  }
  #showroom-detail .showroom-detail-sec-01 .modal .modal-content .modal-inner .swiper-button-prev {
    left: auto;
    right: 3rem;
    transform: translateY(-50%) rotate(180deg);
  }
  #showroom-detail .showroom-detail-sec-01 .modal .modal-content .modal-inner .swiper-button-prev::after {
    background-image: url("/assets/images/items/detail/ic_swiper_prev_btn.svg");
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .showroom-detail-sec-01 .modal .modal-content .modal-inner .swiper-button-prev::after {
      background-image: url("/assets/images/items/detail/ic_swiper_btn_white.svg");
    }
  }
  #showroom-detail .showroom-detail-sec-01 .modal .modal-content .modal-inner .swiper-button-next {
    left: 3rem;
    transform: translateY(-50%);
  }
  #showroom-detail .showroom-detail-sec-01 .modal .modal-content .modal-inner .swiper-button-next::after {
    background-image: url("/assets/images/items/detail/ic_swiper_prev_btn.svg");
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .showroom-detail-sec-01 .modal .modal-content .modal-inner .swiper-button-next::after {
      background-image: url("/assets/images/items/detail/ic_swiper_btn_white.svg");
    }
  }
  #showroom-detail .showroom-detail-sec-01 .modal .modal-content .modal-inner .items-modal-thumbs-swiper {
    margin: 2rem 0 0 0;
    width: 100%;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .showroom-detail-sec-01 .modal .modal-content .modal-inner .items-modal-thumbs-swiper {
      margin: 4rem 0 0 0;
      padding: 0 3.2rem;
    }
  }
  #showroom-detail .showroom-detail-sec-01 .modal .modal-content .modal-inner .items-modal-thumbs-swiper .items-modal-thumbs-inner {
    display: flex;
    flex-wrap: wrap;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .showroom-detail-sec-01 .modal .modal-content .modal-inner .items-modal-thumbs-swiper .items-modal-thumbs-inner {
      gap: 1rem;
    }
  }
  #showroom-detail .showroom-detail-sec-01 .modal .modal-content .modal-inner .items-modal-thumbs-swiper .items-modal-thumbs-inner .modal-thumb + .modal-thumb {
    margin: 0 0 0 0.4rem;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .showroom-detail-sec-01 .modal .modal-content .modal-inner .items-modal-thumbs-swiper .items-modal-thumbs-inner .modal-thumb + .modal-thumb {
      margin: 0;
    }
  }
  #showroom-detail .showroom-detail-sec-01 .modal .modal-content .modal-inner .items-modal-thumbs-swiper .items-modal-thumbs-inner .modal-thumb figure {
    width: 6.4rem;
    height: 6.4rem;
    cursor: pointer;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .showroom-detail-sec-01 .modal .modal-content .modal-inner .items-modal-thumbs-swiper .items-modal-thumbs-inner .modal-thumb figure {
      width: 16.8rem;
      height: 16.8rem;
    }
  }
  #showroom-detail .showroom-detail-sec-01 .modal .modal-content .modal-inner .items-modal-thumbs-swiper .items-modal-thumbs-inner .is-thumb-active figure {
    position: relative;
  }
  #showroom-detail .showroom-detail-sec-01 .modal .modal-content .modal-inner .items-modal-thumbs-swiper .items-modal-thumbs-inner .is-thumb-active figure::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
  }
  #showroom-detail .showroom-detail-sec-01 .showroom-image-wrap {
    margin: 0 auto 8.4rem;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .showroom-detail-sec-01 .showroom-image-wrap {
      margin: 0 auto 12.5rem;
    }
  }
  #showroom-detail .showroom-detail-sec-01 .showroom-image-wrap ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  #showroom-detail .showroom-detail-sec-01 .showroom-image-wrap ul::after {
    content: "";
    display: block;
    width: 20rem;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .showroom-detail-sec-01 .showroom-image-wrap ul {
      padding: 0 3.2rem;
    }
  }
  #showroom-detail .showroom-detail-sec-01 .showroom-image-wrap ul li {
    width: 20rem;
  }
  #showroom-detail .showroom-detail-sec-01 .showroom-image-wrap ul li:nth-child(n+6) {
    margin-top: 0.6rem;
  }
  #showroom-detail .showroom-detail-sec-01 .showroom-image-wrap ul li:not(:first-child) {
    margin-left: 0.6rem;
  }
  #showroom-detail .showroom-detail-sec-01 .showroom-image-wrap ul li:nth-of-type(5n + 1) {
    margin-left: 0;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .showroom-detail-sec-01 .showroom-image-wrap ul li {
      width: 22.9rem;
    }
    #showroom-detail .showroom-detail-sec-01 .showroom-image-wrap ul li:nth-child(n+4) {
      margin-top: 1rem;
    }
    #showroom-detail .showroom-detail-sec-01 .showroom-image-wrap ul li:not(:first-child) {
      margin-left: 0.8rem;
    }
    #showroom-detail .showroom-detail-sec-01 .showroom-image-wrap ul li:nth-of-type(3n + 1) {
      margin-left: 0;
    }
  }
  #showroom-detail .showroom-detail-sec-01 .showroom-image-wrap ul li figure {
    aspect-ratio: 4/3;
    overflow: hidden;
    cursor: pointer;
  }
  #showroom-detail .showroom-detail-sec-01 .showroom-image-wrap ul li figure:hover img {
    transform: scale(1.06);
  }
  #showroom-detail .showroom-detail-sec-01 .showroom-image-wrap ul li figure img {
    width: 100%;
    height: 100%;
    transition: transform 0.5s ease;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .showroom-detail-sec-01 .showroom-access {
      padding: 0 3.2rem;
    }
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .showroom-detail-sec-01 .showroom-access h2 {
      margin: 0 auto 3.3rem;
    }
  }
  #showroom-detail .showroom-detail-sec-01 .showroom-access .showroom-access-map-wrap {
    margin: 0 auto 3rem;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .showroom-detail-sec-01 .showroom-access .showroom-access-map-wrap {
      margin: 0 auto 4rem;
    }
  }
  #showroom-detail .showroom-detail-sec-01 .showroom-access .showroom-access-map-wrap iframe {
    width: 100%;
    height: 51.6rem;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .showroom-detail-sec-01 .showroom-access .showroom-access-map-wrap iframe {
      height: 35.5rem;
    }
  }
  #showroom-detail .showroom-detail-sec-01 .showroom-access .showroom-access-info {
    display: flex;
    align-items: center;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 1.8rem 0;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .showroom-detail-sec-01 .showroom-access .showroom-access-info {
      width: 100%;
      padding: 3rem 0;
    }
  }
  #showroom-detail .showroom-detail-sec-01 .showroom-access .showroom-access-info:first-child {
    border-top: 1px solid #ddd;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .showroom-detail-sec-01 .showroom-access .showroom-access-info.sp-harf {
      width: 31.2rem;
    }
  }
  #showroom-detail .showroom-detail-sec-01 .showroom-access .showroom-access-info dt,
  #showroom-detail .showroom-detail-sec-01 .showroom-access .showroom-access-info dd {
    font-size: 1.6rem;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .showroom-detail-sec-01 .showroom-access .showroom-access-info dt,
  #showroom-detail .showroom-detail-sec-01 .showroom-access .showroom-access-info dd {
      font-size: 2rem;
    }
  }
  #showroom-detail .showroom-detail-sec-01 .showroom-access .showroom-access-info dt {
    position: relative;
    display: inline-block;
    width: 23rem;
    min-width: 23rem;
    padding-right: 1rem;
    font-weight: 400;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .showroom-detail-sec-01 .showroom-access .showroom-access-info dt {
      width: auto;
      min-width: 29.3rem;
      padding-right: 1rem;
    }
  }
  #showroom-detail .showroom-detail-sec-01 .showroom-access .showroom-access-info dt:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 0.5px;
    height: 1.6rem;
    background-color: #333;
  }
  #showroom-detail .showroom-detail-sec-01 .showroom-access .showroom-access-info dd {
    display: inline-block;
    font-weight: 700;
    padding-left: 1em;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .showroom-detail-sec-01 .showroom-access .showroom-access-info dd {
      padding-left: 3em;
    }
  }
  #showroom-detail .showroom-detail-sec-01 .showroom-access .showroom-access-info + .showroom-access-info {
    border-top: none;
  }
  #showroom-detail .title-type-1 {
    position: relative;
    font-size: 1.6rem;
    margin-bottom: 3rem;
    font-weight: 700;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .title-type-1 {
      text-align: right;
      margin-bottom: 8rem;
      font-size: 2.4rem;
    }
  }
  #showroom-detail .title-type-1:after {
    content: "";
    display: block;
    margin: 1.4rem 0 0 0;
    width: 4rem;
    height: 0.6rem;
    background-color: #000;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .title-type-1:after {
      display: none;
    }
  }
  #showroom-detail .title-type-1 span {
    position: relative;
    margin: 0 1.6rem 0 0;
    font-size: 3.6rem;
    font-family: "Abril Fatface", cursive;
    font-weight: normal;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .title-type-1 span {
      display: block;
      font-size: 4.6rem;
      text-align: left;
    }
    #showroom-detail .title-type-1 span:after {
      position: relative;
      content: "";
      display: block;
      margin: 1.4rem 0 0 0;
      width: 4rem;
      height: 6px;
      background-color: #000;
    }
  }
  #showroom-detail .pagination-row {
    max-width: 102.4rem;
    margin: 8rem auto 0;
    padding: 0 0 11.2rem 0;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .pagination-row {
      max-width: 100%;
      margin: 4.8rem auto 0;
      padding: 0 0 16rem 0;
    }
  }
  #showroom-detail .search-condition {
    background-color: #fafafa;
  }
  #showroom-detail .search-condition h2 {
    max-width: 102.4rem;
    margin: 0 auto;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .search-condition h2 {
      padding: 0 3.2rem;
    }
  }
  #showroom-detail .search-condition .inner {
    display: flex;
    align-items: center;
    margin: 0 auto;
    padding: 2.1rem 0 0 0;
    max-width: 102.4rem;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .search-condition .inner {
      flex-direction: column;
      padding: 4rem 3.2rem 0;
    }
  }
  #showroom-detail .search-condition .inner .search-condition-inner {
    display: flex;
    flex-direction: column;
    width: 76rem;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .search-condition .inner .search-condition-inner {
      width: 100%;
    }
  }
  #showroom-detail .search-condition .inner .search-condition-inner .search-condition-head {
    display: flex;
    justify-content: space-between;
    padding: 0 0 1.2rem 0;
    border-bottom: 1px solid #ddd;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .search-condition .inner .search-condition-inner .search-condition-head {
      padding: 0 0 2.4rem 0;
    }
  }
  #showroom-detail .search-condition .inner .search-condition-inner .search-condition-head p {
    font-size: 1.4rem;
    font-weight: 700;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .search-condition .inner .search-condition-inner .search-condition-head p {
      font-size: 2.4rem;
    }
  }
  #showroom-detail .search-condition .inner .search-condition-inner .search-condition-head span {
    position: relative;
    color: #2e3776;
    font-size: 1.1rem;
    font-weight: 700;
    cursor: pointer;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .search-condition .inner .search-condition-inner .search-condition-head span {
      font-size: 2rem;
    }
  }
  #showroom-detail .search-condition .inner .search-condition-inner .search-condition-head span::before, #showroom-detail .search-condition .inner .search-condition-inner .search-condition-head span::after {
    content: "";
    position: absolute;
    top: 40%;
    left: -2rem;
    z-index: 10;
    display: block;
    width: 1rem;
    height: 0.1rem;
    background-color: #2e3776;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .search-condition .inner .search-condition-inner .search-condition-head span::before, #showroom-detail .search-condition .inner .search-condition-inner .search-condition-head span::after {
      left: -4rem;
      width: 2rem;
    }
  }
  #showroom-detail .search-condition .inner .search-condition-inner .search-condition-head span::before {
    transform: rotate(-45deg);
  }
  #showroom-detail .search-condition .inner .search-condition-inner .search-condition-head span::after {
    transform: rotate(45deg);
  }
  #showroom-detail .search-condition .inner .search-condition-inner .search-condition-result {
    margin: 1.65rem 0 0 0;
  }
  #showroom-detail .search-condition .inner .search-condition-inner .search-condition-result ul {
    display: flex;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .search-condition .inner .search-condition-inner .search-condition-result ul {
      flex-wrap: wrap;
    }
  }
  #showroom-detail .search-condition .inner .search-condition-inner .search-condition-result ul li {
    position: relative;
    display: flex;
    align-items: center;
    padding: 0 2.2rem 0 3.9rem;
    height: 3.5rem;
    border: 1px solid #dfe0ea;
    border-radius: 50px;
    color: #888888;
    font-size: 1.1rem;
    cursor: pointer;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .search-condition .inner .search-condition-inner .search-condition-result ul li {
      margin: 1.6rem 1.6rem 0 0;
      padding: 0 2rem 0 5.6rem;
      height: 6rem;
      font-size: 2rem;
    }
  }
  #showroom-detail .search-condition .inner .search-condition-inner .search-condition-result ul li:nth-child(n+2) {
    margin: 0 0 0 1.5rem;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .search-condition .inner .search-condition-inner .search-condition-result ul li:nth-child(n+2) {
      margin: 1.6rem 1.6rem 0 0;
    }
  }
  #showroom-detail .search-condition .inner .search-condition-inner .search-condition-result ul li::before, #showroom-detail .search-condition .inner .search-condition-inner .search-condition-result ul li::after {
    content: "";
    position: absolute;
    top: 48%;
    left: 1.25rem;
    z-index: 10;
    display: block;
    width: 1.4rem;
    height: 0.1rem;
    background-color: #2e3776;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .search-condition .inner .search-condition-inner .search-condition-result ul li::before, #showroom-detail .search-condition .inner .search-condition-inner .search-condition-result ul li::after {
      left: 2.1rem;
      width: 2rem;
    }
  }
  #showroom-detail .search-condition .inner .search-condition-inner .search-condition-result ul li::before {
    transform: rotate(-45deg);
  }
  #showroom-detail .search-condition .inner .search-condition-inner .search-condition-result ul li::after {
    transform: rotate(45deg);
  }
  #showroom-detail .search-condition .inner .search-condition-inner .search-condition-result ul li span {
    margin: 0 0 0 0.6rem;
    color: #2e3776;
    font-weight: 700;
  }
  #showroom-detail .search-condition .inner .search-condition-btn {
    margin-left: auto;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .search-condition .inner .search-condition-btn {
      margin: 4rem auto 0 auto;
    }
  }
  #showroom-detail .search-condition .inner .search-condition-btn .search-condition-btn-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 2rem 0 4.5rem;
    width: 23.2rem;
    height: 5rem;
    background-color: #2e3776;
    border: 1px solid #caccdc;
    border-radius: 5px;
    color: #fff;
    font-size: 1.4rem;
    text-decoration: none;
    cursor: pointer;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .search-condition .inner .search-condition-btn .search-condition-btn-link {
      padding: 0 2rem 0 15.5rem;
      width: 52rem;
      height: 8.8rem;
      font-size: 2.4rem;
    }
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .search-condition .inner .search-condition-btn .search-condition-btn-link figure img {
      width: 3rem;
      height: 3.1rem;
    }
  }
  #showroom-detail .search-condition .inner .modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100000;
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0.3s ease-in-out, opacity 0.3s ease-in-out;
  }
  #showroom-detail .search-condition .inner .modal.is-modal-active {
    display: block;
    visibility: visible;
    opacity: 1;
  }
  #showroom-detail .search-condition .inner .modal .modal-bg-black {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 110;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    opacity: 0;
    visibility: hidden;
  }
  #showroom-detail .search-condition .inner .modal .modal-bg-black.is-modal-bg-active {
    visibility: visible;
    opacity: 1;
  }
  #showroom-detail .search-condition .inner .modal .modal-inner {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 120;
    width: 94rem;
    height: 62rem;
    overflow-y: scroll;
    transform: translate(-50%, -50%);
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .search-condition .inner .modal .modal-inner {
      width: 70.4rem;
      height: 90rem;
    }
  }
  #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents {
    position: relative;
    background-color: #fff;
  }
  #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-title-inner {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 100%;
    background-color: #fff;
  }
  #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-title-inner .modal-close-button {
    position: absolute;
    top: 3rem;
    right: 3rem;
    z-index: 10;
    width: 2rem;
    height: 2rem;
    cursor: pointer;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-title-inner .modal-close-button {
      width: 4rem;
      height: 4rem;
    }
  }
  #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-title-inner .modal-close-button::before, #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-title-inner .modal-close-button::after {
    content: "";
    position: absolute;
    top: 55%;
    left: 0;
    z-index: 10;
    display: block;
    width: 1.4rem;
    height: 0.1rem;
    background-color: #000;
    cursor: pointer;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-title-inner .modal-close-button::before, #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-title-inner .modal-close-button::after {
      width: 3.2rem;
    }
  }
  #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-title-inner .modal-close-button::before {
    transform: rotate(-45deg);
  }
  #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-title-inner .modal-close-button::after {
    transform: rotate(45deg);
  }
  #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-title-inner .modal-title {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2.5rem 0;
    border-bottom: 1px solid #ddd;
    font-size: 1.8rem;
    font-weight: 700;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-title-inner .modal-title {
      padding: 4rem 0;
      font-size: 2.6rem;
    }
  }
  #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions {
    padding: 0 3.2rem;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions {
      padding: 0 3.2rem 3.2rem 3.2rem;
    }
  }
  #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-conditions-inner {
    padding: 3.2rem 0;
    border-bottom: 1px solid #ddd;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-conditions-inner {
      padding: 3.2rem 0 0 0;
      border-bottom: none;
    }
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-conditions-inner:nth-child(n+2) {
      padding: 6.4rem 0 0 0;
    }
  }
  #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-conditions-title {
    color: #000;
    font-size: 1.8rem;
    font-weight: 700;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-conditions-title {
      font-size: 2.4rem;
    }
  }
  #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-conditions-title span {
    margin: 0 0 0 1.2rem;
    font-size: 1.3rem;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-conditions-title span {
      font-size: 1.8rem;
    }
  }
  #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-id input {
    margin: 3.2rem 0 0 0;
    padding: 0 0 0 1.2rem;
    width: 32rem;
    min-height: 4rem;
    background-color: #fff;
    border-radius: 4px;
    border: 1.5px solid #ddd;
    font-size: 14px;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    text-overflow: ellipsis;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-id input {
      margin: 2.5rem 0 0 0;
      padding: 0 0 0 3.2rem;
      width: 64rem;
      min-height: 8rem;
      font-size: 2.2rem;
    }
  }
  #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-id input:focus {
    outline: 2px solid #2e3776;
  }
  #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-id input::-moz-placeholder {
    color: #888;
  }
  #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-id input:-ms-input-placeholder {
    color: #888;
  }
  #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-id input::placeholder {
    color: #888;
  }
  #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-use .modal-select-list {
    display: flex;
    flex-wrap: wrap;
    margin: 2rem 0 0 0;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-use .modal-select-list {
      margin: 0;
    }
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-use .modal-select-list .modal-select-list-item {
      margin: 3rem 0 0 0;
    }
  }
  #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-use .modal-select-list .modal-select-list-item label {
    min-width: 17rem;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-use .modal-select-list .modal-select-list-item label {
      min-width: 20.5rem;
    }
  }
  #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-use .modal-select-list .modal-select-list-item label.check {
    position: relative;
    display: inline-block;
    margin: 0.8rem 0;
    padding: 0 0 0 2.8rem;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-use .modal-select-list .modal-select-list-item label.check {
      display: flex;
      align-items: center;
      margin: 0;
      padding: 0;
      height: 4rem;
    }
  }
  #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-use .modal-select-list .modal-select-list-item label.check input {
    display: none;
  }
  #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-use .modal-select-list .modal-select-list-item label.check input:checked + .checkbox {
    background: #2e3776;
    border-color: #2e3776;
  }
  #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-use .modal-select-list .modal-select-list-item label.check input:checked + .checkbox::after {
    opacity: 1;
  }
  #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-use .modal-select-list .modal-select-list-item label.check input:checked ~ .text {
    color: #2e3776;
  }
  #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-use .modal-select-list .modal-select-list-item label.check .checkbox {
    position: absolute;
    top: 0;
    left: 0;
    width: 2rem;
    height: 2rem;
    border: solid 1px #666;
    border-radius: 4px;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-use .modal-select-list .modal-select-list-item label.check .checkbox {
      position: relative;
      border-radius: 0.8rem;
      width: 4rem;
      height: 4rem;
    }
  }
  #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-use .modal-select-list .modal-select-list-item label.check .checkbox:after {
    content: "";
    position: absolute;
    top: 6%;
    left: 33%;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    width: 0.7rem;
    height: 1.2rem;
    transform: rotate(45deg);
    opacity: 0;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-use .modal-select-list .modal-select-list-item label.check .checkbox:after {
      top: 18%;
      left: 36%;
      width: 1rem;
      height: 1.8rem;
    }
  }
  #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-use .modal-select-list .modal-select-list-item label.check .text {
    font-size: 1.2rem;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-use .modal-select-list .modal-select-list-item label.check .text {
      margin: 0 0 0 1.2rem;
      font-size: 2rem;
    }
  }
  #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-price .modal-select-inner {
    display: flex;
    align-items: center;
    margin: 3.2rem 0 0 0;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-price .modal-select-inner {
      margin: 2.5rem 0 0 0;
    }
  }
  #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-price .modal-select-inner .modal-search-select-box {
    position: relative;
    display: inline-block;
  }
  #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-price .modal-select-inner .modal-search-select-box::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 1.2rem;
    z-index: 10;
    width: 0.8rem;
    height: 0.8rem;
    border-bottom: solid 1.5px #2e3776;
    border-right: solid 1.5px #2e3776;
    transform: rotate(45deg);
    margin-top: -0.6rem;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-price .modal-select-inner .modal-search-select-box::after {
      top: 40%;
      right: 3rem;
      width: 1.9rem;
      height: 1.9rem;
      border-bottom: solid 2px #2e3776;
      border-right: solid 2px #2e3776;
    }
  }
  #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-price .modal-select-inner .modal-search-select-box .modal-search-select {
    padding: 0 0 0 2.2rem;
    width: 23.3rem;
    height: 4rem;
    border: 1px solid #dfe0ea;
    border-radius: 5px;
    color: #888;
    font-size: 1.4rem;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-price .modal-select-inner .modal-search-select-box .modal-search-select {
      padding: 0 0 0 3.4rem;
      width: 28.8rem;
      height: 8rem;
      font-size: 2.2rem;
    }
  }
  #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-price .modal-select-inner .modal-search-select-box .modal-search-select:focus {
    outline: 2px solid #2e3776;
  }
  #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-price .modal-select-inner .modal-search-line {
    margin: 0 1rem;
    font-size: 2rem;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-price .modal-select-inner .modal-search-line {
      margin: 0 2rem;
      font-size: 3rem;
    }
  }
  #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-size .modal-select-inner {
    display: flex;
    align-items: center;
    margin: 3.2rem 0 0 0;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-size .modal-select-inner {
      flex-direction: column;
      align-items: flex-start;
      margin: 2.5rem 0 0 0;
    }
  }
  #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-size .modal-select-inner .modal-unit-select-box {
    position: relative;
    display: inline-block;
  }
  #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-size .modal-select-inner .modal-unit-select-box::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 1.2rem;
    width: 0.8rem;
    height: 0.8rem;
    border-bottom: solid 1.5px #2e3776;
    border-right: solid 1.5px #2e3776;
    transform: rotate(45deg);
    margin-top: -0.6rem;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-size .modal-select-inner .modal-unit-select-box::after {
      top: 40%;
      right: 3rem;
      width: 1.9rem;
      height: 1.9rem;
      border-bottom: solid 2px #2e3776;
      border-right: solid 2px #2e3776;
    }
  }
  #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-size .modal-select-inner .modal-unit-select-box .modal-unit-select {
    padding: 0 0 0 2.2rem;
    width: 14.4rem;
    height: 4rem;
    border: 1px solid #dfe0ea;
    border-radius: 5px;
    color: #888;
    font-size: 1.4rem;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-size .modal-select-inner .modal-unit-select-box .modal-unit-select {
      padding: 0 0 0 3.4rem;
      width: 28.8rem;
      height: 8rem;
      font-size: 2.2rem;
    }
  }
  #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-size .modal-select-inner .modal-unit-select-box .modal-unit-select:focus {
    outline: 2px solid #2e3776;
  }
  #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-size .modal-select-inner .modal-search-select-box-inner {
    display: flex;
    align-items: center;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-size .modal-select-inner .modal-search-select-box-inner {
      margin: 2.4rem 0 0 0;
    }
  }
  #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-size .modal-select-inner .modal-search-select-box-inner .modal-search-select-box {
    position: relative;
    display: inline-block;
  }
  #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-size .modal-select-inner .modal-search-select-box-inner .modal-search-select-box.margin {
    margin: 0 0 0 3.2rem;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-size .modal-select-inner .modal-search-select-box-inner .modal-search-select-box.margin {
      margin: 0;
    }
  }
  #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-size .modal-select-inner .modal-search-select-box-inner .modal-search-select-box::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 1.2rem;
    width: 0.8rem;
    height: 0.8rem;
    border-bottom: solid 1.5px #2e3776;
    border-right: solid 1.5px #2e3776;
    transform: rotate(45deg);
    margin-top: -0.6rem;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-size .modal-select-inner .modal-search-select-box-inner .modal-search-select-box::after {
      top: 40%;
      right: 3rem;
      width: 1.9rem;
      height: 1.9rem;
      border-bottom: solid 2px #2e3776;
      border-right: solid 2px #2e3776;
    }
  }
  #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-size .modal-select-inner .modal-search-select-box-inner .modal-search-select-box .modal-search-select {
    padding: 0 0 0 2.2rem;
    width: 23.3rem;
    height: 4rem;
    border: 1px solid #dfe0ea;
    border-radius: 5px;
    color: #888;
    font-size: 1.4rem;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-size .modal-select-inner .modal-search-select-box-inner .modal-search-select-box .modal-search-select {
      padding: 0 0 0 3.4rem;
      width: 28.8rem;
      height: 8rem;
      font-size: 2.2rem;
    }
  }
  #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-size .modal-select-inner .modal-search-select-box-inner .modal-search-select-box .modal-search-select:focus {
    outline: 2px solid #2e3776;
  }
  #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-size .modal-select-inner .modal-search-select-box-inner .modal-search-line {
    margin: 0 1rem;
    font-size: 2rem;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-size .modal-select-inner .modal-search-select-box-inner .modal-search-line {
      margin: 0 2rem;
      font-size: 3rem;
    }
  }
  #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-color .modal-select-list {
    display: flex;
    flex-wrap: wrap;
    margin: 2rem 0 0 0;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-color .modal-select-list {
      margin: 2.7rem 0 0 0;
    }
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-color .modal-select-list .modal-select-list-item:nth-child(n+3) {
      margin: 2rem 0 0 0;
    }
  }
  #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-color .modal-select-list .modal-select-list-item label {
    min-width: 17rem;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-color .modal-select-list .modal-select-list-item label {
      min-width: 31rem;
    }
  }
  #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-color .modal-select-list .modal-select-list-item label.check {
    display: inline-flex;
    align-items: center;
    position: relative;
    margin: 0.8rem 0;
    padding: 0 0 0 2.8rem;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-color .modal-select-list .modal-select-list-item label.check {
      margin: 0;
      padding: 0;
      height: 4rem;
    }
  }
  #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-color .modal-select-list .modal-select-list-item label.check input {
    display: none;
  }
  #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-color .modal-select-list .modal-select-list-item label.check input:checked + .checkbox {
    background: #2e3776;
    border-color: #2e3776;
  }
  #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-color .modal-select-list .modal-select-list-item label.check input:checked + .checkbox::after {
    opacity: 1;
  }
  #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-color .modal-select-list .modal-select-list-item label.check input:checked ~ .color-palette-outline {
    outline: 2px solid #2e3776;
  }
  #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-color .modal-select-list .modal-select-list-item label.check input:checked ~ .text {
    color: #2e3776;
    font-weight: 700;
  }
  #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-color .modal-select-list .modal-select-list-item label.check .checkbox {
    position: absolute;
    top: 50%;
    left: 0;
    height: 2rem;
    width: 2rem;
    border: solid 1px #666;
    border-radius: 4px;
    transform: translateY(-50%);
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-color .modal-select-list .modal-select-list-item label.check .checkbox {
      position: relative;
      width: 4rem;
      height: 4rem;
      border-radius: 0.8rem;
    }
  }
  #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-color .modal-select-list .modal-select-list-item label.check .checkbox:after {
    content: "";
    position: absolute;
    top: 6%;
    left: 33%;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    width: 0.7rem;
    height: 1.2rem;
    transform: rotate(45deg);
    opacity: 0;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-color .modal-select-list .modal-select-list-item label.check .checkbox:after {
      top: 18%;
      left: 36%;
      width: 1rem;
      height: 1.8rem;
    }
  }
  #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-color .modal-select-list .modal-select-list-item label.check .color-palette-outline {
    display: inline-flex;
    padding: 0.3rem;
    border-radius: 8px;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-color .modal-select-list .modal-select-list-item label.check .color-palette-outline {
      margin: 0 0 0 1.2rem;
      border-radius: 0.8rem;
    }
  }
  #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-color .modal-select-list .modal-select-list-item label.check .color-palette-outline .color-palette {
    display: inline-block;
    width: 4rem;
    height: 2rem;
    border-radius: 5px;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-color .modal-select-list .modal-select-list-item label.check .color-palette-outline .color-palette {
      width: 8rem;
      height: 4rem;
      border-radius: 0.5rem;
    }
  }
  #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-color .modal-select-list .modal-select-list-item label.check .color-palette-outline .color-palette.white {
    background-color: #fff;
    border: 1px solid #e2e2e2;
  }
  #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-color .modal-select-list .modal-select-list-item label.check .color-palette-outline .color-palette.beige {
    background-color: #e0d1a2;
    border: 1px solid #e0d1a2;
  }
  #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-color .modal-select-list .modal-select-list-item label.check .color-palette-outline .color-palette.blue {
    background-color: #4481de;
    border: 1px solid #4481de;
  }
  #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-color .modal-select-list .modal-select-list-item label.check .color-palette-outline .color-palette.black {
    background-color: #000;
    border: 1px solid #000;
  }
  #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-color .modal-select-list .modal-select-list-item label.check .color-palette-outline .color-palette.brown {
    background-color: #653e32;
    border: 1px solid #653e32;
  }
  #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-color .modal-select-list .modal-select-list-item label.check .color-palette-outline .color-palette.silver {
    background-color: #dfe0ea;
    border: 1px solid #dfe0ea;
  }
  #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-color .modal-select-list .modal-select-list-item label.check .color-palette-outline .color-palette.gray {
    background-color: #a3a3a3;
    border: 1px solid #a3a3a3;
  }
  #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-color .modal-select-list .modal-select-list-item label.check .color-palette-outline .color-palette.green {
    background-color: #54b33d;
    border: 1px solid #54b33d;
  }
  #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-color .modal-select-list .modal-select-list-item label.check .color-palette-outline .color-palette.other {
    background-image: conic-gradient(from 0deg, #a6d210 90deg, #19908b 90deg 180deg, #9f49ac 180deg 270deg, #f88200 270deg);
  }
  #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-color .modal-select-list .modal-select-list-item label.check .text {
    margin: 0 0 0 0.8rem;
    font-size: 1.2rem;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-color .modal-select-list .modal-select-list-item label.check .text {
      margin: 0 0 0 1.6rem;
      font-size: 2rem;
    }
  }
  #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-option .modal-option-inner {
    display: flex;
    align-items: center;
    height: 7.2rem;
    margin: 1.6rem 0 0 0;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-option .modal-option-inner {
      flex-direction: column;
      align-items: flex-start;
      margin: 2.5rem 0 0 0;
      height: auto;
    }
  }
  #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-option .modal-option-inner .modal-select-list-all {
    display: flex;
    align-items: center;
    padding: 0 0 0 1.2rem;
    height: 100%;
    background-color: #f4f4f4;
    border-right: 1px solid #dddddd;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-option .modal-option-inner .modal-select-list-all {
      padding: 0 0 0 2rem;
      width: 100%;
      height: 7.2rem;
      border-right: none;
      border-radius: 5px;
    }
  }
  #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-option .modal-option-inner .modal-select-list-all label {
    min-width: 17rem;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-option .modal-option-inner .modal-select-list-all label {
      width: 100%;
      height: 7.2rem;
    }
  }
  #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-option .modal-option-inner .modal-select-list-all label.check {
    display: inline-block;
    position: relative;
    margin: 0.8rem 0;
    padding: 0 0 0 2.8rem;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-option .modal-option-inner .modal-select-list-all label.check {
      display: inline-flex;
      align-items: center;
      margin: 0;
      padding: 0;
    }
  }
  #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-option .modal-option-inner .modal-select-list-all label.check input {
    display: none;
  }
  #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-option .modal-option-inner .modal-select-list-all label.check input:checked + .checkbox {
    background: #2e3776;
    border-color: #2e3776;
  }
  #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-option .modal-option-inner .modal-select-list-all label.check input:checked + .checkbox::after {
    opacity: 1;
  }
  #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-option .modal-option-inner .modal-select-list-all label.check input:checked ~ .text {
    color: #2e3776;
  }
  #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-option .modal-option-inner .modal-select-list-all label.check .checkbox {
    position: absolute;
    top: 0;
    left: 0;
    width: 2rem;
    height: 2rem;
    border: solid 1px #666;
    border-radius: 4px;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-option .modal-option-inner .modal-select-list-all label.check .checkbox {
      position: relative;
      width: 4rem;
      height: 4rem;
      border-radius: 0.8rem;
    }
  }
  #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-option .modal-option-inner .modal-select-list-all label.check .checkbox:after {
    content: "";
    position: absolute;
    top: 6%;
    left: 33%;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    width: 0.7rem;
    height: 1.2rem;
    transform: rotate(45deg);
    opacity: 0;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-option .modal-option-inner .modal-select-list-all label.check .checkbox:after {
      top: 18%;
      left: 36%;
      width: 1rem;
      height: 1.8rem;
    }
  }
  #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-option .modal-option-inner .modal-select-list-all label.check .text {
    font-size: 1.2rem;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-option .modal-option-inner .modal-select-list-all label.check .text {
      margin: 0 0 0 1.2rem;
      font-size: 2rem;
    }
  }
  #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-option .modal-option-inner .modal-select-list {
    display: flex;
    flex-wrap: wrap;
    padding: 0 0 0 3.2rem;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-option .modal-option-inner .modal-select-list {
      padding: 0;
    }
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-option .modal-option-inner .modal-select-list .modal-select-list-item {
      margin: 2.4rem 0 0 0;
    }
  }
  #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-option .modal-option-inner .modal-select-list .modal-select-list-item label {
    min-width: 16rem;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-option .modal-option-inner .modal-select-list .modal-select-list-item label {
      min-width: 20.8rem;
    }
  }
  #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-option .modal-option-inner .modal-select-list .modal-select-list-item label.check {
    display: inline-block;
    position: relative;
    margin: 0.8rem 0;
    padding: 0 0 0 2.8rem;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-option .modal-option-inner .modal-select-list .modal-select-list-item label.check {
      display: flex;
      align-items: center;
      margin: 0;
      padding: 0 0 0 5.2rem;
      height: 4rem;
    }
  }
  #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-option .modal-option-inner .modal-select-list .modal-select-list-item label.check input {
    display: none;
  }
  #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-option .modal-option-inner .modal-select-list .modal-select-list-item label.check input:checked + .checkbox {
    background: #2e3776;
    border-color: #2e3776;
  }
  #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-option .modal-option-inner .modal-select-list .modal-select-list-item label.check input:checked + .checkbox::after {
    opacity: 1;
  }
  #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-option .modal-option-inner .modal-select-list .modal-select-list-item label.check input:checked ~ .text {
    color: #2e3776;
  }
  #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-option .modal-option-inner .modal-select-list .modal-select-list-item label.check .checkbox {
    position: absolute;
    top: 0;
    left: 0;
    height: 2rem;
    width: 2rem;
    border: solid 1px #666;
    border-radius: 4px;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-option .modal-option-inner .modal-select-list .modal-select-list-item label.check .checkbox {
      width: 4rem;
      height: 4rem;
      border-radius: 0.8rem;
    }
  }
  #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-option .modal-option-inner .modal-select-list .modal-select-list-item label.check .checkbox:after {
    content: "";
    position: absolute;
    top: 6%;
    left: 33%;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    width: 0.7rem;
    height: 1.2rem;
    transform: rotate(45deg);
    opacity: 0;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-option .modal-option-inner .modal-select-list .modal-select-list-item label.check .checkbox:after {
      top: 18%;
      left: 36%;
      width: 1rem;
      height: 1.8rem;
    }
  }
  #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-option .modal-option-inner .modal-select-list .modal-select-list-item label.check .text {
    font-size: 1.2rem;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-option .modal-option-inner .modal-select-list .modal-select-list-item label.check .text {
      font-size: 2rem;
    }
  }
  #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-area .modal-option-inner {
    display: flex;
    align-items: center;
    height: 7.2rem;
    margin: 1.6rem 0 0 0;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-area .modal-option-inner {
      flex-direction: column;
      align-items: flex-start;
      margin: 2.5rem 0 0 0;
      height: auto;
    }
  }
  #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-area .modal-option-inner .modal-select-list-all {
    display: flex;
    align-items: center;
    padding: 0 0 0 1.2rem;
    height: 100%;
    background-color: #f4f4f4;
    border-right: 1px solid #dddddd;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-area .modal-option-inner .modal-select-list-all {
      padding: 0 0 0 2rem;
      width: 100%;
      height: 7.2rem;
      border-right: none;
      border-radius: 5px;
    }
  }
  #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-area .modal-option-inner .modal-select-list-all label {
    min-width: 17rem;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-area .modal-option-inner .modal-select-list-all label {
      width: 100%;
      height: 7.2rem;
    }
  }
  #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-area .modal-option-inner .modal-select-list-all label.check {
    display: inline-block;
    position: relative;
    margin: 0.8rem 0;
    padding: 0 0 0 2.8rem;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-area .modal-option-inner .modal-select-list-all label.check {
      display: inline-flex;
      align-items: center;
      margin: 0;
      padding: 0;
    }
  }
  #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-area .modal-option-inner .modal-select-list-all label.check input {
    display: none;
  }
  #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-area .modal-option-inner .modal-select-list-all label.check input:checked + .checkbox {
    background: #2e3776;
    border-color: #2e3776;
  }
  #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-area .modal-option-inner .modal-select-list-all label.check input:checked + .checkbox::after {
    opacity: 1;
  }
  #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-area .modal-option-inner .modal-select-list-all label.check input:checked ~ .text {
    color: #2e3776;
  }
  #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-area .modal-option-inner .modal-select-list-all label.check .checkbox {
    position: absolute;
    top: 0;
    left: 0;
    height: 2rem;
    width: 2rem;
    border: solid 1px #666;
    border-radius: 4px;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-area .modal-option-inner .modal-select-list-all label.check .checkbox {
      position: relative;
      border-radius: 0.8rem;
      width: 4rem;
      height: 4rem;
    }
  }
  #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-area .modal-option-inner .modal-select-list-all label.check .checkbox:after {
    content: "";
    position: absolute;
    top: 6%;
    left: 33%;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    width: 0.7rem;
    height: 1.2rem;
    transform: rotate(45deg);
    opacity: 0;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-area .modal-option-inner .modal-select-list-all label.check .checkbox:after {
      top: 18%;
      left: 36%;
      width: 1rem;
      height: 1.8rem;
    }
  }
  #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-area .modal-option-inner .modal-select-list-all label.check .text {
    font-size: 1.2rem;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-area .modal-option-inner .modal-select-list-all label.check .text {
      margin: 0 0 0 1.2rem;
      font-size: 2rem;
    }
  }
  #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-area .modal-option-inner .modal-select-list {
    display: flex;
    flex-wrap: wrap;
    padding: 0 0 0 3.2rem;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-area .modal-option-inner .modal-select-list {
      margin: 2.4rem 0 0 0;
      padding: 0;
    }
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-area .modal-option-inner .modal-select-list .modal-select-list-item:nth-child(n+4) {
      margin: 2.4rem 0 0 0;
    }
  }
  #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-area .modal-option-inner .modal-select-list .modal-select-list-item label {
    min-width: 16rem;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-area .modal-option-inner .modal-select-list .modal-select-list-item label {
      min-width: 20.8rem;
    }
  }
  #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-area .modal-option-inner .modal-select-list .modal-select-list-item label.check {
    display: inline-block;
    position: relative;
    margin: 0.8rem 0;
    padding: 0 0 0 2.8rem;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-area .modal-option-inner .modal-select-list .modal-select-list-item label.check {
      display: flex;
      align-items: center;
      margin: 0;
      padding: 0 0 0 5.2rem;
      height: 4rem;
    }
  }
  #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-area .modal-option-inner .modal-select-list .modal-select-list-item label.check input {
    display: none;
  }
  #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-area .modal-option-inner .modal-select-list .modal-select-list-item label.check input:checked + .checkbox {
    background: #2e3776;
    border-color: #2e3776;
  }
  #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-area .modal-option-inner .modal-select-list .modal-select-list-item label.check input:checked + .checkbox::after {
    opacity: 1;
  }
  #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-area .modal-option-inner .modal-select-list .modal-select-list-item label.check input:checked ~ .text {
    color: #2e3776;
  }
  #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-area .modal-option-inner .modal-select-list .modal-select-list-item label.check .checkbox {
    position: absolute;
    top: 0;
    left: 0;
    height: 2rem;
    width: 2rem;
    border: solid 1px #666;
    border-radius: 4px;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-area .modal-option-inner .modal-select-list .modal-select-list-item label.check .checkbox {
      width: 4rem;
      height: 4rem;
      border-radius: 0.8rem;
    }
  }
  #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-area .modal-option-inner .modal-select-list .modal-select-list-item label.check .checkbox:after {
    content: "";
    position: absolute;
    top: 6%;
    left: 33%;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    width: 0.7rem;
    height: 1.2rem;
    transform: rotate(45deg);
    opacity: 0;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-area .modal-option-inner .modal-select-list .modal-select-list-item label.check .checkbox:after {
      top: 18%;
      left: 36%;
      width: 1rem;
      height: 1.8rem;
    }
  }
  #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-area .modal-option-inner .modal-select-list .modal-select-list-item label.check .text {
    font-size: 1.2rem;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-conditions .modal-area .modal-option-inner .modal-select-list .modal-select-list-item label.check .text {
      font-size: 2rem;
    }
  }
  #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-result {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    height: 7rem;
    background-color: #fff;
    border-top: 1px solid #ddd;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-result {
      bottom: -1px;
      height: 10.4rem;
    }
  }
  #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-result .modal-result-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 3.2rem;
    height: 7rem;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-result .modal-result-inner {
      height: 10.4rem;
    }
  }
  #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-result .modal-result-inner p {
    display: flex;
    align-items: flex-end;
  }
  #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-result .modal-result-inner p .kensaku-text {
    color: #666666;
    font-size: 1.8rem;
  }
  #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-result .modal-result-inner p .kensaku-number {
    margin: 0 0 0 0.5rem;
    font-size: 3rem;
    font-weight: 700;
    line-height: 0.9;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-result .modal-result-inner p .kensaku-number {
      margin: 0;
      font-size: 4.4rem;
    }
  }
  #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-result .modal-result-inner p .kensaku-sub-text {
    margin: 0 0 0 0.5rem;
    font-size: 1.8rem;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-result .modal-result-inner p .kensaku-sub-text {
      font-size: 2.4rem;
    }
  }
  #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-result .modal-result-inner .modal-result-btn {
    display: flex;
  }
  #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-result .modal-result-inner .modal-result-btn .clear-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 12rem;
    height: 4.6rem;
    border: 1px solid #888;
    border-radius: 5px;
    color: #888;
    font-size: 1.3rem;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-result .modal-result-inner .modal-result-btn .clear-btn {
      width: 13rem;
      height: 7.2rem;
      font-size: 2.2rem;
    }
  }
  #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-result .modal-result-inner .modal-result-btn .submit-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0 0 1.6rem;
    width: 19rem;
    height: 4.6rem;
    background-color: #2e3776;
    border: 1px solid #888;
    border-radius: 5px;
    color: #fff;
    font-size: 1.4rem;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .search-condition .inner .modal .modal-inner .modal-contents .modal-result .modal-result-inner .modal-result-btn .submit-btn {
      width: 25.4rem;
      height: 7.2rem;
      font-size: 2.4rem;
    }
  }
  #showroom-detail .tab-content .inner {
    width: 100%;
    -webkit-animation: fadeEffect 0.6s ease;
            animation: fadeEffect 0.6s ease;
  }
  #showroom-detail .search-result {
    padding: 2.4rem 0 0 0;
    background-color: #fafafa;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .search-result {
      padding: 4rem 0 0 0;
    }
  }
  #showroom-detail .search-result .inner {
    background-color: #fafafa;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .search-result .inner {
      padding: 0 3.2rem;
    }
  }
  #showroom-detail .search-result-controller .search-result-inner {
    display: flex;
    margin: 0 auto;
    padding: 2rem 0 0 0;
    max-width: 102.4rem;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .search-result-controller .search-result-inner {
      flex-wrap: wrap;
      align-items: center;
      padding: 4rem 0 0 0;
      max-width: 100%;
    }
  }
  #showroom-detail .search-result-controller .search-result-inner .search-result-number {
    display: flex;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .search-result-controller .search-result-inner .search-result-number {
      order: 1;
    }
  }
  #showroom-detail .search-result-controller .search-result-inner .search-result-number p span:nth-child(1) {
    color: #666;
    font-size: 1.8rem;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .search-result-controller .search-result-inner .search-result-number p span:nth-child(1) {
      font-size: 2.4rem;
    }
  }
  #showroom-detail .search-result-controller .search-result-inner .search-result-number p span:nth-child(2) {
    color: #000;
    font-size: 3rem;
    font-weight: 700;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .search-result-controller .search-result-inner .search-result-number p span:nth-child(2) {
      font-size: 4.4rem;
    }
  }
  #showroom-detail .search-result-controller .search-result-inner .search-result-number p span:nth-child(3) {
    color: #000;
    font-size: 1.8rem;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .search-result-controller .search-result-inner .search-result-number p span:nth-child(3) {
      font-size: 2.4rem;
    }
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .search-result-controller .search-result-inner .search-result-tab {
      order: 3;
      margin: 4rem 0 0 0;
      width: 100%;
    }
  }
  #showroom-detail .search-result-controller .search-result-inner .search-result-tab ul {
    display: flex;
    align-items: center;
    margin: 0 0 0 27.5rem;
    padding: 0.4rem;
    width: 30.4rem;
    height: 4.1rem;
    border: 1px solid #dfe0ea;
    border-radius: 5px;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .search-result-controller .search-result-inner .search-result-tab ul {
      justify-content: center;
      margin: 0;
      padding: 1.2rem;
      width: 100%;
      height: 8rem;
    }
  }
  #showroom-detail .search-result-controller .search-result-inner .search-result-tab ul li {
    position: relative;
    display: flex;
    align-items: center;
    padding: 0 1.4rem 0 2.1rem;
    height: 3.1rem;
    border-radius: 5px;
    cursor: pointer;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .search-result-controller .search-result-inner .search-result-tab ul li {
      justify-content: center;
      width: 32.8rem;
      height: 5.6rem;
    }
  }
  #showroom-detail .search-result-controller .search-result-inner .search-result-tab ul li.is-tab-active {
    background-color: #2e3776;
    color: #fff;
  }
  #showroom-detail .search-result-controller .search-result-inner .search-result-tab ul li:nth-child(1).is-tab-active::before {
    background-image: url("/assets/images/items/ic_list_white.svg");
  }
  #showroom-detail .search-result-controller .search-result-inner .search-result-tab ul li:nth-child(1)::before {
    content: "";
    width: 1.5rem;
    height: 1.1rem;
    background-image: url("/assets/images/items/ic_list_blue.svg");
    background-repeat: no-repeat;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .search-result-controller .search-result-inner .search-result-tab ul li:nth-child(1)::before {
      width: 3.2rem;
      height: 2.2rem;
      background-size: 100%;
    }
  }
  #showroom-detail .search-result-controller .search-result-inner .search-result-tab ul li:nth-child(2).is-tab-active::before {
    background-image: url("/assets/images/items/ic_thumbnail_white.svg");
  }
  #showroom-detail .search-result-controller .search-result-inner .search-result-tab ul li:nth-child(2)::before {
    content: "";
    width: 1.5rem;
    height: 1.1rem;
    background-image: url("/assets/images/items/ic_thumbnail_blue.svg");
    background-repeat: no-repeat;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .search-result-controller .search-result-inner .search-result-tab ul li:nth-child(2)::before {
      width: 3.1rem;
      height: 2.3rem;
      background-size: 100%;
    }
  }
  #showroom-detail .search-result-controller .search-result-inner .search-result-tab ul li span {
    margin: 0 0 0 0.8rem;
    font-size: 1.4rem;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .search-result-controller .search-result-inner .search-result-tab ul li span {
      margin: 0 0 0 2rem;
      font-size: 2.2rem;
    }
  }
  #showroom-detail .search-result-controller .search-result-inner .search-result-sort {
    display: flex;
    align-items: center;
    margin-left: auto;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .search-result-controller .search-result-inner .search-result-sort {
      order: 2;
    }
  }
  #showroom-detail .search-result-controller .search-result-inner .search-result-sort p {
    font-size: 1.4rem;
  }
  #showroom-detail .search-result-controller .search-result-inner .search-result-sort .c-search-select-box {
    position: relative;
    display: inline-block;
    margin: 0 0 0 1.6rem;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .search-result-controller .search-result-inner .search-result-sort .c-search-select-box {
      margin: 0;
    }
  }
  #showroom-detail .search-result-controller .search-result-inner .search-result-sort .c-search-select-box::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 1.2rem;
    margin-top: -0.8rem;
    width: 0.8rem;
    height: 0.8rem;
    border-bottom: solid 1px #2e3776;
    border-right: solid 1px #2e3776;
    transform: rotate(45deg);
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .search-result-controller .search-result-inner .search-result-sort .c-search-select-box::after {
      right: 1.2rem;
      margin-top: -0.8rem;
      width: 1.4rem;
      height: 1.4rem;
    }
  }
  #showroom-detail .search-result-controller .search-result-inner .search-result-sort .c-search-select-box .c-search-select {
    padding: 0 1.2rem;
    width: 20rem;
    height: 4.1rem;
    border: 1px solid #dfe0ea;
    border-radius: 5px;
    color: #2e3776;
    font-size: 1.4rem;
    font-weight: 700;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .search-result-controller .search-result-inner .search-result-sort .c-search-select-box .c-search-select {
      padding: 0 3.2rem;
      width: 33.6rem;
      height: 8rem;
      font-size: 2.2rem;
    }
  }
  #showroom-detail .search-result-list {
    position: relative;
    margin-top: 4rem;
    margin-right: auto;
    margin-left: auto;
    max-width: 102.4rem;
  }
  #showroom-detail .search-result-list.is-tab-active {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  #showroom-detail .search-result-list.is-tab-active .col_4 {
    width: 32rem;
    margin-bottom: 4rem;
    border-bottom: none;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .search-result-list.is-tab-active .col_4:nth-child(1) {
      margin: 0;
    }
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .search-result-list.is-tab-active .col_4:nth-child(n+2) {
      margin: 0;
    }
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .search-result-list.is-tab-active .col_4:nth-child(n+3) {
      margin: 4rem 0 0 0;
    }
  }
  #showroom-detail .search-result-list.is-tab-active .col_4.border-gray {
    border-bottom: none;
  }
  #showroom-detail .search-result-list.is-tab-active .col_4 a {
    flex-direction: column;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .search-result-list.is-tab-active .col_4 a {
      padding: 0;
    }
  }
  #showroom-detail .search-result-list.is-tab-active .col_4 a figure {
    position: relative;
  }
  #showroom-detail .search-result-list.is-tab-active .col_4 a figure img {
    width: 32rem;
    height: 24rem;
  }
  #showroom-detail .search-result-list.is-tab-active .col_4 a figure span {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 6rem;
    height: 2.4rem;
    background-color: #2e3776;
    color: #fff;
    font-size: 1.2rem;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .search-result-list.is-tab-active .col_4 a figure span {
      width: 7.2rem;
      height: 3.2rem;
      font-size: 1.6rem;
    }
  }
  #showroom-detail .search-result-list.is-tab-active .col_4 a .search-result-caption {
    padding: 1.2rem 0 0 0;
    flex-direction: column;
  }
  #showroom-detail .search-result-list.is-tab-active .col_4 a .search-result-caption .search-result-label {
    display: flex;
    flex-direction: column;
  }
  #showroom-detail .search-result-list.is-tab-active .col_4 a .search-result-caption .search-result-label .search-result-label-inner .new-label {
    display: none;
  }
  #showroom-detail .search-result-list.is-tab-active .col_4 a .search-result-caption .search-result-number {
    align-items: flex-start;
    margin: 1.2rem 0 0 0;
  }
  #showroom-detail .search-result-list:after {
    content: "";
    display: block;
    width: 32rem;
    height: 0;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .search-result-list:after {
      width: 100%;
    }
  }
  #showroom-detail .search-result-list .col_4 {
    padding: 0.6rem 0;
    width: 100%;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .search-result-list .col_4 {
      padding: 0;
    }
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .search-result-list .col_4:nth-child(n+2) {
      margin: 3.2rem 0 0 0;
    }
  }
  #showroom-detail .search-result-list .col_4.border-gray {
    border-bottom: 1px solid #dfe0ea;
  }
  #showroom-detail .search-result-list .col_4 a {
    display: flex;
    align-items: center;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .search-result-list .col_4 a {
      align-items: flex-start;
      padding: 0 0 3.2rem 0;
    }
  }
  #showroom-detail .search-result-list .col_4 a:hover img {
    transform: scale(1.06) rotate(0.1deg);
  }
  #showroom-detail .search-result-list .col_4 a figure {
    overflow: hidden;
  }
  #showroom-detail .search-result-list .col_4 a figure img {
    width: 11rem;
    height: 7.2rem;
    transition: transform 0.5s ease;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .search-result-list .col_4 a figure img {
      width: 17rem;
      height: 11.1rem;
    }
  }
  #showroom-detail .search-result-list .col_4 a figure span {
    display: none;
  }
  #showroom-detail .search-result-list .col_4 a .search-result-caption {
    display: flex;
    padding: 0 0 0 4rem;
    width: 100%;
    align-items: center;
  }
  #showroom-detail .search-result-list.is-tab-active .col_4 a .search-result-caption {
    align-items: flex-start;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .search-result-list .col_4 a .search-result-caption {
      flex-direction: column;
      align-items: flex-start;
    }
  }
  #showroom-detail .search-result-list .col_4 a .search-result-caption .search-result-label-inner {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
  }
  #showroom-detail .search-result-list .col_4 a .search-result-caption .search-result-label-inner .level_txt_wrap{
    display: flex;
    align-items: center;
  }
  #showroom-detail .search-result-list .col_4 a .search-result-caption .search-result-label-inner .level_txt_wrap:first-child{
    margin-bottom: 0.2rem;
  }
  #showroom-detail .search-result-list .col_4 a .search-result-caption .search-result-label-inner .label {
    /* display: flex;
    align-items: center;
    justify-content: center; */
    display: inline-block;
    min-width: 5.4rem;
    height: 1.6rem;
    border: 1px solid #888888;
    padding: 0.2rem 0.8rem;
    white-space: nowrap;
    color: #888888;
    font-size: 1rem;
    text-align: center;
    font-weight: bold;
  }
  #showroom-detail .search-result-list .col_4 a .search-result-caption .search-result-label-inner .label.id_name{
    background: #888;
    color: #fff;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .search-result-list .col_4 a .search-result-caption .search-result-label-inner .label {
      min-width: 9rem;
      height: 2.8rem;
      font-size: 1.6rem;
      padding: 0.4rem 1.5rem;
    }
    #showroom-detail .search-result-list .col_4 a .search-result-caption .search-result-label-inner .level_txt_wrap:first-child{
      margin-bottom: 0.3rem;
    }
  }
  #showroom-detail .search-result-list .col_4 a .search-result-caption .search-result-label-inner p {
    margin: 0 0 0 0.6rem;
    color: #333333;
    font-size: 1.3rem;
    line-height: 1.3;
    display: inline-block;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .search-result-list .col_4 a .search-result-caption .search-result-label-inner p {
      margin: 0 0 0 0.5rem;
      font-size: 2.2rem;
    }
  }
  #showroom-detail .search-result-list .col_4 a .search-result-caption .search-result-label-inner .new-label {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 0 0 0.6rem;
    width: 5.4rem;
    height: 1.6rem;
    background-color: #2e3776;
    color: #fff;
    font-size: 1rem;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .search-result-list .col_4 a .search-result-caption .search-result-label-inner .new-label {
      width: 7.2rem;
      height: 3.2rem;
      font-size: 1.6rem;
    }
  }
  #showroom-detail .search-result-list .col_4 a .search-result-caption h3 {
    margin: 1.2rem 0 0 0;
    font-size: 1.6rem;
    font-weight: 700;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .search-result-list .col_4 a .search-result-caption h3 {
      margin: 1.6rem 0 0 0;
      font-size: 2.4rem;
      line-height: 1.4;
    }
  }
  #showroom-detail .search-result-list .col_4 a .search-result-caption h3.text-center {
    text-align: center;
  }
  #showroom-detail .search-result-list .col_4 a .search-result-caption .search-result-number {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin-left: auto;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .search-result-list .col_4 a .search-result-caption .search-result-number {
      align-items: flex-start;
      margin-left: 0;
      margin-top: 1.6rem;
    }
  }
  #showroom-detail .search-result-list .col_4 a .search-result-caption .search-result-number .search-result-size {
    color: #888888;
    font-size: 1.3rem;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .search-result-list .col_4 a .search-result-caption .search-result-number .search-result-size {
      font-size: 1.8rem;
    }
  }
  #showroom-detail .search-result-list .col_4 a .search-result-caption .search-result-number .search-result-price {
    display: inline-block;
    margin: 1.2rem 0 0 0;
    font-size: 1.6rem;
    font-weight: 700;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .search-result-list .col_4 a .search-result-caption .search-result-number .search-result-price {
      margin: 1.6rem 0 0 0;
      font-size: 2.4rem;
    }
  }
  #showroom-detail .contactUs-showroom-detail {
    position: relative;
    padding: 3.3rem 0;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .contactUs-showroom-detail {
      padding: 6.4rem 3.3rem;
    }
  }
  #showroom-detail .contactUs-showroom-detail .sec-title {
    display: block;
    padding: 4rem 0 7.1rem;
    font-size: 2.6rem;
    font-weight: 700;
    letter-spacing: 0.1em;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .contactUs-showroom-detail .sec-title {
      font-size: 2.6rem;
      padding: 4rem 0 6.2rem;
    }
  }
  #showroom-detail .contactUs-showroom-detail .sec-title::before {
    content: "Contact Us";
    position: absolute;
    top: -3rem;
    left: 50%;
    z-index: -1;
    transform: translateX(-50%);
    width: 56.6rem;
    height: 14.1rem;
    color: #f1f1f1;
    font-family: "Abril Fatface", cursive;
    font-size: 12.6rem;
    font-weight: 400;
    letter-spacing: -0.05em;
  }
  #showroom-detail .contactUs-showroom-detail .inner {
    width: 91.4rem;
    margin: 0 auto;
    padding-bottom: 4rem;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .contactUs-showroom-detail .inner {
      width: 100%;
      padding: 0 3.3rem 6.4rem;
    }
  }
  #showroom-detail .contactUs-showroom-detail .cont-block.flex {
    justify-content: space-between;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .contactUs-showroom-detail .cont-block.flex {
      flex-direction: column;
      gap: 4.8rem;
    }
  }
  #showroom-detail .contactUs-showroom-detail .cont-block.flex .cont-left a.flex,
  #showroom-detail .contactUs-showroom-detail .cont-block.flex .cont-right a.flex,
  #showroom-detail .contactUs-showroom-detail .cont-block.flex .cont-center a.flex {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 29rem;
    height: 20rem;
    border-radius: 0.4rem;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.09);
    color: var(--main-color);
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .contactUs-showroom-detail .cont-block.flex .cont-left a.flex,
  #showroom-detail .contactUs-showroom-detail .cont-block.flex .cont-right a.flex,
  #showroom-detail .contactUs-showroom-detail .cont-block.flex .cont-center a.flex {
      width: 100%;
      height: 26rem;
      border-radius: 0.2rem;
    }
  }
  #showroom-detail .contactUs-showroom-detail .cont-block.flex .cont-left a.flex h3,
  #showroom-detail .contactUs-showroom-detail .cont-block.flex .cont-right a.flex h3,
  #showroom-detail .contactUs-showroom-detail .cont-block.flex .cont-center a.flex h3 {
    font-size: 2.2rem;
    font-weight: 700;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .contactUs-showroom-detail .cont-block.flex .cont-left a.flex h3,
  #showroom-detail .contactUs-showroom-detail .cont-block.flex .cont-right a.flex h3,
  #showroom-detail .contactUs-showroom-detail .cont-block.flex .cont-center a.flex h3 {
      font-size: 3.5rem;
    }
  }
  #showroom-detail .contactUs-showroom-detail .cont-block.flex .cont-left a.flex .text,
  #showroom-detail .contactUs-showroom-detail .cont-block.flex .cont-right a.flex .text,
  #showroom-detail .contactUs-showroom-detail .cont-block.flex .cont-center a.flex .text {
    font-size: 1.6rem;
    line-height: 1.6;
    letter-spacing: 0.1em;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .contactUs-showroom-detail .cont-block.flex .cont-left a.flex .text,
  #showroom-detail .contactUs-showroom-detail .cont-block.flex .cont-right a.flex .text,
  #showroom-detail .contactUs-showroom-detail .cont-block.flex .cont-center a.flex .text {
      font-size: 2rem;
    }
  }
  #showroom-detail .contactUs-showroom-detail .cont-block.flex .cont-left a.flex .text.text2,
  #showroom-detail .contactUs-showroom-detail .cont-block.flex .cont-right a.flex .text.text2,
  #showroom-detail .contactUs-showroom-detail .cont-block.flex .cont-center a.flex .text.text2 {
    width: 100%;
    text-align: center;
  }
  #showroom-detail .contactUs-showroom-detail .cont-block.flex .cont-left a {
    transition: color 0.3s ease, background-color 0.3s ease;
  }
  #showroom-detail .contactUs-showroom-detail .cont-block.flex .cont-left a:hover {
    color: #fff;
    background-color: #2e3776;
  }
  #showroom-detail .contactUs-showroom-detail .cont-block.flex .cont-left a:hover svg {
    transform: translate(1rem, -50%);
  }
  #showroom-detail .contactUs-showroom-detail .cont-block.flex .cont-left a:hover svg line {
    stroke: #fff;
  }
  #showroom-detail .contactUs-showroom-detail .cont-block.flex .cont-left a:hover svg path {
    stroke: #fff;
  }
  #showroom-detail .contactUs-showroom-detail .cont-block.flex .cont-left .text {
    position: relative;
    width: 15.4rem;
    margin-top: 1.8rem;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .contactUs-showroom-detail .cont-block.flex .cont-left .text {
      width: 21.9rem;
      margin-top: 3.7rem;
    }
  }
  #showroom-detail .contactUs-showroom-detail .cont-block.flex .cont-left .text svg {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 5.1rem;
    height: auto;
    transition: transform 0.4s ease;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .contactUs-showroom-detail .cont-block.flex .cont-left .text svg {
      width: 8rem;
    }
  }
  #showroom-detail .contactUs-showroom-detail .cont-block.flex .cont-left .text.text2 {
    font-size: 1.4rem !important;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .contactUs-showroom-detail .cont-block.flex .cont-left .text.text2 {
      font-size: 2rem !important;
    }
  }
  #showroom-detail .contactUs-showroom-detail .cont-block.flex .cont-left .text span {
    font-weight: 700;
  }

  #showroom-detail .contactUs-showroom-detail .cont-block.flex .cont-right a.flex {
    transition: color 0.3s ease, background-color 0.3s ease;
    color: #fff;
    background-color: #f89131;
  }
  #showroom-detail .contactUs-showroom-detail .cont-block.flex .cont-right a.flex svg line {
    stroke: #fff;
  }
  #showroom-detail .contactUs-showroom-detail .cont-block.flex .cont-right a.flex svg path {
    stroke: #fff;
  }
  #showroom-detail .contactUs-showroom-detail .cont-block.flex .cont-right a.flex:hover svg {
    transform: translate(1rem, -50%);
  }

  #showroom-detail .contactUs-showroom-detail .cont-block.flex .cont-right .tel {
    margin-top: 3rem;
    font-size: 2.8rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    pointer-events: none;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .contactUs-showroom-detail .cont-block.flex .cont-right .tel {
      font-size: 4.4rem;
      pointer-events: auto;
    }
  }
  #showroom-detail .contactUs-showroom-detail .cont-block.flex .cont-right .text {
    display: block;
    width: 80%;
    position: relative;
    align-items: center;
    margin-top: 1.42rem;
    font-size: 1.6rem;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .contactUs-showroom-detail .cont-block.flex .cont-right .text {
      margin-top: 2.2rem;
      font-size: 2rem;
    }
  }
  #showroom-detail .contactUs-showroom-detail .cont-block.flex .cont-right .text svg {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 5.1rem;
    height: auto;
    transition: transform 0.4s ease;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .contactUs-showroom-detail .cont-block.flex .cont-right .text svg {
      width: 8rem;
    }
  }
  #showroom-detail .contactUs-showroom-detail .cont-block.flex .cont-right .text span {
    font-weight: 700;
  }
  #showroom-detail .contactUs-showroom-detail .cont-block.flex .cont-center a {
    pointer-events: none;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .contactUs-showroom-detail .cont-block.flex .cont-center a {
      pointer-events: auto;
    }
  }
  #showroom-detail .contactUs-showroom-detail .cont-block.flex .cont-center .tel {
    margin-top: 3rem;
    font-size: 2.8rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    pointer-events: none;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .contactUs-showroom-detail .cont-block.flex .cont-center .tel {
      font-size: 4.4rem;
      pointer-events: auto;
    }
  }
  #showroom-detail .contactUs-showroom-detail .cont-block.flex .cont-center .text {
    margin-top: 1.42rem;
    font-size: 1.4rem !important;
  }
  @media screen and (max-width: 768px) {
    #showroom-detail .contactUs-showroom-detail .cont-block.flex .cont-center .text {
      margin-top: 2.2rem;
      font-size: 2rem !important;
    }
  }

  /*================= ▼ SHOWROOM =================*/
  #showroom .bg {
    background-color: #fafafa;
  }
  #showroom .under-mv .headline {
    height: 32rem;
    background-image: url("/assets/images/showroom/bg_showroom.jpg");
  }
  @media screen and (max-width: 768px) {
    #showroom .under-mv .headline {
      background-image: url("/assets/images/showroom/bg_showroom_sp.jpg");
    }
  }
  #showroom .under-mv .headline::before {
    width: 136.6rem;
    height: 12.4rem;
    background-image: url("/assets/images/showroom/ttl_showroom.svg");
  }
  @media screen and (max-width: 768px) {
    #showroom .under-mv .headline::before {
      width: 68.8rem;
      height: 23.6rem;
      background-image: url("/assets/images/showroom/ttl_showroom_sp.svg");
    }
  }
  #showroom .under-mv .breadcrumb::before {
    width: 2.6rem;
    height: 1.5rem;
    background-image: url("/assets/images/showroom/ic_showroom.svg");
  }
  @media screen and (max-width: 768px) {
    #showroom .under-mv .breadcrumb::before {
      width: 3.5rem;
      height: 2rem;
    }
  }
  #showroom .search {
    background-color: #fafafa;
  }
  @media screen and (max-width: 768px) {
    #showroom .search {
      height: auto;
    }
  }
  #showroom .search .title-type-1 {
    position: relative;
    margin: 0 auto 3rem;
    max-width: 102.4rem;
    font-size: 1.6rem;
    font-weight: 700;
  }
  @media screen and (max-width: 768px) {
    #showroom .search .title-type-1 {
      text-align: right;
      margin-right: 3.2rem;
      margin-left: 3.2rem;
      margin-bottom: 4rem;
      font-size: 2.4rem;
    }
  }
  #showroom .search .title-type-1:after {
    content: "";
    display: block;
    margin: 1.4rem 0 0 0;
    width: 4rem;
    height: 0.6rem;
    background-color: #000;
  }
  @media screen and (max-width: 768px) {
    #showroom .search .title-type-1:after {
      display: none;
    }
  }
  #showroom .search .title-type-1 span {
    position: relative;
    margin: 0 1.6rem 0 0;
    font-size: 3.6rem;
    font-family: "Abril Fatface", cursive;
    font-weight: normal;
  }
  @media screen and (max-width: 768px) {
    #showroom .search .title-type-1 span {
      display: block;
      font-size: 4.6rem;
      text-align: left;
    }
    #showroom .search .title-type-1 span:after {
      position: relative;
      content: "";
      display: block;
      margin: 1.4rem 0 0 0;
      width: 4rem;
      height: 6px;
      background-color: #000;
    }
  }
  #showroom .search .inner .title-inner {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 105.1rem;
  }
  @media screen and (max-width: 768px) {
    #showroom .search .inner .title-inner {
      position: relative;
      flex-direction: column;
      align-items: flex-start;
      padding: 0 3.2rem;
      max-width: none;
      width: 100%;
    }
  }
  #showroom .search .inner .title-inner h2 {
    position: relative;
    font-size: 1.6rem;
  }
  @media screen and (min-width: 769px) {
    #showroom .search .inner .title-inner h2 {
      display: flex;
      align-items: flex-end;
      margin-bottom: 3rem;
    }
  }
  @media screen and (max-width: 768px) {
    #showroom .search .inner .title-inner h2 {
      width: 100%;
      text-align: right;
      font-size: 2.8rem;
    }
  }
  #showroom .search .inner .title-inner h2 span {
    margin: 0 1rem 0 0;
    font-size: 5rem;
    font-family: "Abril Fatface", cursive;
  }
  @media screen and (max-width: 768px) {
    #showroom .search .inner .title-inner h2 span {
      display: block;
      margin: 0;
      text-align: left;
      font-size: 4.6rem;
    }
  }
  #showroom .search .inner .title-inner h2 span::after {
    content: "";
    display: block;
    margin: 1.4rem 0 0 0;
    width: 4rem;
    height: 6px;
    background-color: #000;
  }
  #showroom .search .inner .map {
    position: relative;
    height: 78.5rem;
  }
  @media screen and (max-width: 768px) {
    #showroom .search .inner .map {
      margin-top: 7.8rem;
      height: 100%;
      min-height: 113.4rem;
    }
  }
  #showroom .search .inner .map::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 78.5rem;
    background: url("/assets/images/showroom/bg_search.png") no-repeat top center/cover;
  }
  @media screen and (max-width: 768px) {
    #showroom .search .inner .map::after {
      height: 100%;
      background-image: url("/assets/images/top/sp/bg_showroom.png");
    }
  }
  #showroom .search .inner .map .map-inner {
    position: relative;
    z-index: 10;
    margin: 0 auto;
    padding: 4.3rem 0 10rem 0;
    max-width: 105.1rem;
  }
  @media screen and (max-width: 768px) {
    #showroom .search .inner .map .map-inner {
      padding: 5.8rem 0 0;
      max-width: 100%;
    }
  }
  #showroom .search .inner .map .map-inner p {
    margin-bottom: -1rem;
    padding-top: 2rem;
    color: #fff;
    font-size: 1.8rem;
    letter-spacing: normal;
  }
  @media screen and (max-width: 768px) {
    #showroom .search .inner .map .map-inner p {
      padding: 0 3.2rem;
      font-size: 2.2rem;
      line-height: 2;
    }
  }
  @media screen and (max-width: 768px) {
    #showroom .search .inner .map .map-inner .showroom-nav {
      display: none;
    }
  }
  #showroom .search .inner .map .map-inner .showroom-nav a {
    display: flex;
    padding: 1.5rem 0;
    width: 42.8rem;
    border: 1px solid #fff;
    opacity: 0;
    visibility: hidden;
  }
  #showroom .search .inner .map .map-inner .showroom-nav a:hover {
    border: 1px solid #2e3776;
    background-color: #2e3776;
  }
  #showroom .search .inner .map .map-inner .showroom-nav a p {
    position: relative;
    color: #fff;
    font-size: 1.2rem;
    font-weight: 700;
  }
  @media screen and (max-width: 768px) {
    #showroom .search .inner .map .map-inner .showroom-nav a p {
      font-size: 2.2rem;
    }
  }
  #showroom .search .inner .map .map-inner .showroom-nav a p::after {
    content: "";
    position: absolute;
    top: 0;
    right: -30%;
    width: 1.6rem;
    height: 1.6rem;
    background-image: url("/assets/images/common/ic_search_white.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.6rem auto;
  }
  @media screen and (max-width: 768px) {
    #showroom .search .inner .map .map-inner .showroom-nav a p::after {
      top: 11%;
      right: -10%;
      width: 2.8rem;
      height: 2.8rem;
      background-size: 2.8rem auto;
    }
  }
  #showroom .search .inner .map .map-inner .prefectures-map figure {
    position: absolute;
    z-index: 10;
  }
  #showroom .search .inner .map .map-inner .prefectures-map figure:nth-child(1) {
    top: 17.8%;
    left: 59.5%;
    width: 19.7rem;
    height: 17.4rem;
  }
  #showroom .search .inner .map .map-inner .prefectures-map figure:nth-child(2) {
    top: 116.4%;
    left: 60.9%;
    width: 4.1rem;
    height: 6.7rem;
  }
  #showroom .search .inner .map .map-inner .prefectures-map figure:nth-child(3) {
    top: 93.6%;
    left: 58.6%;
    width: 6rem;
    height: 5.8rem;
  }
  #showroom .search .inner .map .map-inner .prefectures-map figure:nth-child(4) {
    top: 112%;
    left: 57.6%;
    width: 4.3rem;
    height: 7.3rem;
  }
  #showroom .search .inner .map .map-inner .prefectures-map figure:nth-child(5) {
    top: 142%;
    left: 58%;
    width: 5.5rem;
    height: 4.8rem;
  }
  #showroom .search .inner .map .map-inner .prefectures-map figure:nth-child(6) {
    top: 158.4%;
    left: 54.2%;
    width: 6.3rem;
    height: 4.9rem;
  }
  #showroom .search .inner .map .map-inner .prefectures-map figure:nth-child(7) {
    top: 135.8%;
    left: 56.03%;
    width: 3.8rem;
    height: 6.1rem;
  }
  #showroom .search .inner .map .map-inner .prefectures-map figure:nth-child(8) {
    top: 192.6%;
    left: 52.19%;
    width: 3.6rem;
    height: 1.8rem;
  }
  #showroom .search .inner .map .map-inner .prefectures-map figure:nth-child(9) {
    top: 196.1%;
    left: 51.7%;
    width: 3.6rem;
    height: 2.4rem;
  }
  #showroom .search .inner .map .map-inner .prefectures-map figure:nth-child(10) {
    top: 186.2%;
    left: 51.9%;
    width: 4rem;
    height: 2.4rem;
  }
  #showroom .search .inner .map .map-inner .prefectures-map figure:nth-child(11) {
    top: 193%;
    left: 54.7%;
    width: 3.9rem;
    height: 4.4rem;
  }
  #showroom .search .inner .map .map-inner .prefectures-map figure:nth-child(12) {
    top: 176.3%;
    left: 55%;
    width: 4.3rem;
    height: 5.4rem;
  }
  #showroom .search .inner .map .map-inner .prefectures-map figure:nth-child(13) {
    top: 171.86%;
    left: 54.28%;
    width: 3.4rem;
    height: 3.9rem;
  }
  #showroom .search .inner .map .map-inner .prefectures-map figure:nth-child(14) {
    top: 172.3%;
    left: 51.3%;
    width: 4rem;
    height: 4.1rem;
  }
  #showroom .search .inner .map .map-inner .prefectures-map figure:nth-child(15) {
    top: 189.8%;
    left: 50%;
    width: 2.8rem;
    height: 2.9rem;
  }
  #showroom .search .inner .map .map-inner .prefectures-map figure:nth-child(16) {
    top: 171.5%;
    left: 47.8%;
    width: 5rem;
    height: 7rem;
  }
  #showroom .search .inner .map .map-inner .prefectures-map figure:nth-child(17) {
    top: 145.4%;
    left: 49.26%;
    width: 7.5rem;
    height: 7.1rem;
  }
  #showroom .search .inner .map .map-inner .prefectures-map figure:nth-child(18) {
    top: 169.04%;
    left: 46.3%;
    width: 3.6rem;
    height: 2.7rem;
  }
  #showroom .search .inner .map .map-inner .prefectures-map figure:nth-child(19) {
    top: 159.1%;
    left: 44.52%;
    width: 4.5rem;
    height: 5.7rem;
  }
  #showroom .search .inner .map .map-inner .prefectures-map figure:nth-child(20) {
    top: 178.4%;
    left: 41.3%;
    width: 5.1rem;
    height: 3.7rem;
  }
  #showroom .search .inner .map .map-inner .prefectures-map figure:nth-child(21) {
    top: 195.9%;
    left: 45.2%;
    width: 4rem;
    height: 3.5rem;
  }
  #showroom .search .inner .map .map-inner .prefectures-map figure:nth-child(22) {
    top: 196.9%;
    left: 47.4%;
    width: 5.8rem;
    height: 4.2rem;
  }
  #showroom .search .inner .map .map-inner .prefectures-map figure:nth-child(23) {
    top: 177.8%;
    left: 44.1%;
    width: 5.1rem;
    height: 5.2rem;
  }
  #showroom .search .inner .map .map-inner .prefectures-map figure:nth-child(24) {
    top: 198%;
    left: 41.9%;
    width: 3.9rem;
    height: 5.8rem;
  }
  #showroom .search .inner .map .map-inner .prefectures-map figure:nth-child(25) {
    top: 200.5%;
    left: 39.7%;
    width: 2.5rem;
    height: 2.5rem;
  }
  #showroom .search .inner .map .map-inner .prefectures-map figure:nth-child(26) {
    top: 185.5%;
    left: 37.5%;
    width: 4rem;
    height: 4.5rem;
  }
  #showroom .search .inner .map .map-inner .prefectures-map figure:nth-child(27) {
    top: 185.1%;
    left: 40.08%;
    width: 3.2rem;
    height: 4.8rem;
  }
  #showroom .search .inner .map .map-inner .prefectures-map figure:nth-child(28) {
    top: 190.1%;
    left: 42.7%;
    width: 2.4rem;
    height: 3.7rem;
  }
  #showroom .search .inner .map .map-inner .prefectures-map figure:nth-child(29) {
    top: 204.1%;
    left: 41.05%;
    width: 2.2rem;
    height: 3.5rem;
  }
  #showroom .search .inner .map .map-inner .prefectures-map figure:nth-child(30) {
    top: 209.8%;
    left: 39.6%;
    width: 3rem;
    height: 3.9rem;
  }
  #showroom .search .inner .map .map-inner .prefectures-map figure:nth-child(31) {
    top: 189.3%;
    left: 34.74%;
    width: 3.7rem;
    height: 3.8rem;
  }
  #showroom .search .inner .map .map-inner .prefectures-map figure:nth-child(32) {
    top: 191.2%;
    left: 30.6%;
    width: 4.5rem;
    height: 3.5rem;
  }
  #showroom .search .inner .map .map-inner .prefectures-map figure:nth-child(33) {
    top: 185.4%;
    left: 34.2%;
    width: 4.8rem;
    height: 1.9rem;
  }
  #showroom .search .inner .map .map-inner .prefectures-map figure:nth-child(34) {
    top: 183.9%;
    left: 29.4%;
    width: 6.2rem;
    height: 4.5rem;
  }
  #showroom .search .inner .map .map-inner .prefectures-map figure:nth-child(35) {
    top: 196.1%;
    left: 26.8%;
    width: 4.5rem;
    height: 3.5rem;
  }
  #showroom .search .inner .map .map-inner .prefectures-map figure:nth-child(36) {
    top: 211%;
    left: 35%;
    width: 3.5rem;
    height: 2.7rem;
  }
  #showroom .search .inner .map .map-inner .prefectures-map figure:nth-child(37) {
    top: 204.8%;
    left: 35.1%;
    width: 2.9rem;
    height: 1.4rem;
  }
  #showroom .search .inner .map .map-inner .prefectures-map figure:nth-child(38) {
    top: 209.3%;
    left: 30.8%;
    width: 4.7rem;
    height: 4.6rem;
  }
  #showroom .search .inner .map .map-inner .prefectures-map figure:nth-child(39) {
    top: 214.6%;
    left: 31.3%;
    width: 6rem;
    height: 3.9rem;
  }
  #showroom .search .inner .map .map-inner .prefectures-map figure:nth-child(40) {
    top: 206.7%;
    left: 24%;
    width: 3.7rem;
    height: 3.5rem;
  }
  #showroom .search .inner .map .map-inner .prefectures-map figure:nth-child(41) {
    top: 210.7%;
    left: 22.9%;
    width: 2.6rem;
    height: 2.6rem;
  }
  #showroom .search .inner .map .map-inner .prefectures-map figure:nth-child(42) {
    top: 213.5%;
    left: 22.01%;
    width: 2.7rem;
    height: 3.3rem;
  }
  #showroom .search .inner .map .map-inner .prefectures-map figure:nth-child(43) {
    top: 220.4%;
    left: 24%;
    width: 3.5rem;
    height: 4.1rem;
  }
  #showroom .search .inner .map .map-inner .prefectures-map figure:nth-child(44) {
    top: 213%;
    left: 26%;
    width: 3.7rem;
    height: 3.8rem;
  }
  #showroom .search .inner .map .map-inner .prefectures-map figure:nth-child(45) {
    top: 226.2%;
    left: 25%;
    width: 4.2rem;
    height: 5.7rem;
  }
  #showroom .search .inner .map .map-inner .prefectures-map figure:nth-child(46) {
    top: 235.8%;
    left: 22.8%;
    width: 3.3rem;
    height: 4.7rem;
  }
  #showroom .search .inner .map .map-inner .prefectures {
    color: #fff;
  }
  @media screen and (max-width: 768px) {
    #showroom .search .inner .map .map-inner .prefectures {
      margin-top: 4rem;
    }
  }
  #showroom .search .inner .map .map-inner .prefectures dl {
    position: absolute;
    z-index: 10;
    width: 22.9rem;
    height: 4rem;
  }
  @media screen and (max-width: 768px) {
    #showroom .search .inner .map .map-inner .prefectures dl {
      position: relative;
      width: 100%;
      height: auto;
    }
  }
  #showroom .search .inner .map .map-inner .prefectures dl:nth-child(n+2) {
    margin: -1px 0 0 0;
  }
  #showroom .search .inner .map .map-inner .prefectures dl:nth-child(1) {
    top: 44%;
    right: -34px;
  }
  @media screen and (max-width: 768px) {
    #showroom .search .inner .map .map-inner .prefectures dl:nth-child(1) {
      top: auto;
      right: auto;
    }
  }
  #showroom .search .inner .map .map-inner .prefectures dl:nth-child(2) {
    top: 137%;
    right: -34px;
  }
  @media screen and (max-width: 768px) {
    #showroom .search .inner .map .map-inner .prefectures dl:nth-child(2) {
      top: auto;
      right: auto;
    }
  }
  #showroom .search .inner .map .map-inner .prefectures dl:nth-child(3) {
    top: 13.5rem;
    left: 23.7%;
  }
  @media screen and (max-width: 768px) {
    #showroom .search .inner .map .map-inner .prefectures dl:nth-child(3) {
      top: auto;
      left: auto;
    }
  }
  #showroom .search .inner .map .map-inner .prefectures dl:nth-child(4) {
    top: 230%;
    right: 15%;
  }
  @media screen and (max-width: 768px) {
    #showroom .search .inner .map .map-inner .prefectures dl:nth-child(4) {
      top: auto;
      right: auto;
    }
  }
  #showroom .search .inner .map .map-inner .prefectures dl:nth-child(5) {
    top: 230%;
    right: 38.5%;
  }
  @media screen and (max-width: 768px) {
    #showroom .search .inner .map .map-inner .prefectures dl:nth-child(5) {
      top: auto;
      right: auto;
    }
  }
  #showroom .search .inner .map .map-inner .prefectures dl:nth-child(6) {
    top: 13.5rem;
    left: 0%;
  }
  @media screen and (max-width: 768px) {
    #showroom .search .inner .map .map-inner .prefectures dl:nth-child(6) {
      top: auto;
      left: auto;
    }
  }
  #showroom .search .inner .map .map-inner .prefectures dl:nth-child(7) {
    top: 230%;
    left: 0%;
  }
  @media screen and (max-width: 768px) {
    #showroom .search .inner .map .map-inner .prefectures dl:nth-child(7) {
      top: auto;
      left: auto;
    }
  }
  #showroom .search .inner .map .map-inner .prefectures dl:nth-child(8) {
    top: 31.5rem;
    left: 0%;
  }
  @media screen and (max-width: 768px) {
    #showroom .search .inner .map .map-inner .prefectures dl:nth-child(8) {
      top: auto;
      left: auto;
    }
  }
  #showroom .search .inner .map .map-inner .prefectures dl dt label {
    display: flex;
    align-items: center;
    padding: 0.8rem 1.8rem;
    background-color: rgba(255, 255, 255, 0.4);
    border: 1px solid rgba(255, 255, 255, 0.4);
    font-size: 1.6rem;
    font-weight: 700;
  }
  @media screen and (max-width: 768px) {
    #showroom .search .inner .map .map-inner .prefectures dl dt label {
      display: none;
    }
  }
  #showroom .search .inner .map .map-inner .prefectures dl dt label input {
    position: absolute !important;
    margin: -1px !important;
    padding: 0 !important;
    width: 1px !important;
    height: 1px !important;
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    -webkit-clip-path: inset(50%) !important;
            clip-path: inset(50%) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
  }
  #showroom .search .inner .map .map-inner .prefectures dl dt label input:checked + .checkbox__icon::before {
    border: 2px solid #66a9af;
  }
  #showroom .search .inner .map .map-inner .prefectures dl dt label input:checked + .checkbox__icon::after {
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
    opacity: 1;
    transform: rotate(-45deg);
  }
  #showroom .search .inner .map .map-inner .prefectures dl dt label .checkbox__icon {
    position: relative;
    display: inline-block;
    width: 1.6rem;
    height: 1.6rem;
  }
  #showroom .search .inner .map .map-inner .prefectures dl dt label .checkbox__icon::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    border: 2px solid #ddd;
    border-radius: 5px;
    transition: border-color 0.5s, opacity 0.5s, transform 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
  }
  #showroom .search .inner .map .map-inner .prefectures dl dt label .checkbox__icon::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 1.6rem;
    height: 1rem;
    opacity: 0;
    transform: rotate(-225deg);
    transition: opacity 0.5s, transform 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
  }
  #showroom .search .inner .map .map-inner .prefectures dl dt label .checkbox__text {
    position: relative;
    display: inline-block;
    margin-left: 1rem;
    letter-spacing: 0.01em;
    line-height: 1.5;
    transition: color 0.3s;
  }
  @media screen and (max-width: 768px) {
    #showroom .search .inner .map .map-inner .prefectures dl dt h3 {
      position: relative;
      padding: 3.8rem 3.2rem;
      background-color: transparent;
      border-top: 1px solid rgba(255, 255, 255, 0.4);
      border-bottom: 1px solid rgba(255, 255, 255, 0.4);
      font-size: 2.4rem;
    }
  }
  @media screen and (max-width: 768px) {
    #showroom .search .inner .map .map-inner .prefectures dl dt h3::before, #showroom .search .inner .map .map-inner .prefectures dl dt h3::after {
      content: "";
      position: absolute;
      top: 50%;
      right: 5%;
      width: 2.4rem;
      height: 1px;
      background-color: #fff;
      transform: translateY(-50%);
    }
  }
  @media screen and (max-width: 768px) {
    #showroom .search .inner .map .map-inner .prefectures dl dt h3::after {
      transform: translateY(-50%) rotate(90deg);
    }
  }
  @media screen and (max-width: 768px) {
    #showroom .search .inner .map .map-inner .prefectures dl dt.opened h3::after {
      transform: translateY(-50%) rotate(-180deg);
    }
  }
  #showroom .search .inner .map .map-inner .prefectures dl dd {
    display: flex;
    flex-wrap: wrap;
    padding: 1.6rem 0rem 1.4rem 2rem;
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-top: none;
    font-size: 1.6rem;
    letter-spacing: 0.1em;
    min-height: 12rem;
    align-content: center;
  }
  @media screen and (max-width: 768px) {
    #showroom .search .inner .map .map-inner .prefectures dl dd {
      display: none;
      padding: 3.6rem 3.2rem 3.6rem 3.2rem;
      border: none;
    }
  }
  #showroom .search .inner .map .map-inner .prefectures dl dd label {
    width: 50%;
  }
  #showroom .search .inner .map .map-inner .prefectures dl dd label:nth-child(n+3) {
    margin: 0.8rem 0 0 0;
  }
  @media screen and (max-width: 768px) {
    #showroom .search .inner .map .map-inner .prefectures dl dd label:nth-child(n+3) {
      margin: 4rem 0 0 0;
    }
  }
  #showroom .search .inner .map .map-inner .prefectures dl dd label input {
    position: absolute !important;
    margin: -1px !important;
    padding: 0 !important;
    width: 1px !important;
    height: 1px !important;
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    -webkit-clip-path: inset(50%) !important;
            clip-path: inset(50%) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
  }
  @media screen and (max-width: 768px) {
    #showroom .search .inner .map .map-inner .prefectures dl dd label input {
      margin: 0 2rem 0 0;
    }
  }
  #showroom .search .inner .map .map-inner .prefectures dl dd label input:checked + .checkbox__icon::before {
    border: 2px solid #66a9af;
  }
  #showroom .search .inner .map .map-inner .prefectures dl dd label input:checked + .checkbox__icon::after {
    border-bottom: 0.2rem solid #fff;
    border-left: 0.2rem solid #fff;
    opacity: 1;
    transform: rotate(-45deg);
  }
  @media screen and (max-width: 768px) {
    #showroom .search .inner .map .map-inner .prefectures dl dd label input:checked + .checkbox__icon::after {
      transform: rotate(-45deg) translate(-50%, -50%);
    }
  }
  #showroom .search .inner .map .map-inner .prefectures dl dd label .checkbox__icon {
    position: relative;
    display: inline-block;
    width: 1.6rem;
    height: 1.6rem;
  }
  @media screen and (max-width: 768px) {
    #showroom .search .inner .map .map-inner .prefectures dl dd label .checkbox__icon {
      width: 4rem;
      height: 4rem;
    }
  }
  #showroom .search .inner .map .map-inner .prefectures dl dd label .checkbox__icon::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    border: 2px solid #ddd;
    border-radius: 5px;
    transition: border-color 0.5s, opacity 0.5s, transform 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
  }
  #showroom .search .inner .map .map-inner .prefectures dl dd label .checkbox__icon::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 1.6rem;
    height: 1rem;
    opacity: 0;
    transform: rotate(-225deg);
    transition: opacity 0.5s, transform 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
  }
  @media screen and (max-width: 768px) {
    #showroom .search .inner .map .map-inner .prefectures dl dd label .checkbox__icon::after {
      top: 25%;
      left: 50%;
    }
  }
  #showroom .search .inner .map .map-inner .prefectures dl dd label .checkbox__text {
    position: relative;
    display: inline-block;
    margin-left: 1rem;
    letter-spacing: 0.01em;
    line-height: 1.5;
    transition: color 0.3s;
  }
  #showroom .search .inner .map .map-inner .prefectures dl dd .sp-all-link {
    font-size: 2.8rem;
  }
  @media screen and (max-width: 768px) {
    #showroom .search .inner .map .map-inner .prefectures dl dd .sp-all-link {
      display: flex;
    }
  }
  #showroom .search .inner .map .map-inner .prefectures dl dd .prefectures-list-inner {
    display: flex;
    flex-wrap: wrap;
  }
  @media screen and (max-width: 768px) {
    #showroom .search .inner .map .map-inner .prefectures dl dd .prefectures-list-inner label {
      margin: 4rem 0 0 0;
      font-size: 2.4rem;
    }
  }
  #showroom .search .inner .map .map-inner .prefectures dl dd .prefectures-list-inner label {
    display: flex;
    align-items: center;
  }
  #showroom .search .inner .map .map-inner .arrow-inner {
    position: absolute;
    top: 300%;
    right: 0;
    z-index: 10;
  }
  #showroom .search .inner .map .map-inner .arrow-inner a {
    display: flex;
    align-items: center;
    font-weight: 700;
  }
  #showroom .search .inner .map .map-inner .arrow-inner a:hover p::after {
    transform: scale(1, 1);
  }
  @media screen and (max-width: 768px) {
    #showroom .search .inner .map .map-inner .arrow-inner a:hover p::after {
      transform: none;
    }
  }
  #showroom .search .inner .map .map-inner .arrow-inner a:hover img {
    transform: translateX(1rem);
  }
  @media screen and (max-width: 768px) {
    #showroom .search .inner .map .map-inner .arrow-inner a:hover img {
      transform: none;
    }
  }
  #showroom .search .inner .map .map-inner .arrow-inner a p {
    position: relative;
    font-size: 1.2rem;
    margin: 0.8rem 1.6rem 0 0;
  }
  #showroom .search .inner .map .map-inner .arrow-inner a p::after {
    content: "";
    position: absolute;
    bottom: -4px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #fff;
    transform: scale(0, 1);
    transform-origin: left top;
    transition: transform 0.3s;
  }
  @media screen and (max-width: 768px) {
    #showroom .search .inner .map .map-inner .arrow-inner a p::after {
      display: none;
    }
  }
  #showroom .search .inner .map .map-inner .arrow-inner a img {
    transition: transform 0.3s ease;
  }
  #showroom .search .inner .map .checkbox-inner {
    position: absolute;
    left: 50%;
    bottom: 3.5rem;
    transform: translateX(-50%);
    z-index: 1;
  }
  @media screen and (max-width: 768px) {
    #showroom .search .inner .map .checkbox-inner {
      position: static;
      transform: none;
      padding: 6.3rem 0;
      height: auto;
    }
  }
  #showroom .search .inner .map .checkbox-inner label {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
  }
  @media screen and (max-width: 768px) {
    #showroom .search .inner .map .checkbox-inner label {
      position: relative;
      z-index: 100;
    }
  }
  #showroom .search .inner .map .checkbox-inner label input {
    margin: -1px !important;
    padding: 0 !important;
    width: 1px !important;
    height: 1px !important;
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
  }
  #showroom .search .inner .map .checkbox-inner label input:checked + .checkbox__icon::before {
    border: 2px solid #66a9af;
  }
  #showroom .search .inner .map .checkbox-inner label input:checked + .checkbox__icon::after {
    border-bottom: 0.2rem solid #fff;
    border-left: 0.2rem solid #fff;
    opacity: 1;
    transform: rotate(-45deg);
  }
  @media screen and (max-width: 768px) {
    #showroom .search .inner .map .checkbox-inner label input:checked + .checkbox__icon::after {
      transform: rotate(-45deg) translate(-50%, -50%);
    }
  }
  #showroom .search .inner .map .checkbox-inner label span {
    color: #fff;
  }
  #showroom .search .inner .map .checkbox-inner label .checkbox__icon {
    position: relative;
    display: inline-block;
    width: 1.6rem;
    height: 1.6rem;
  }
  @media screen and (max-width: 768px) {
    #showroom .search .inner .map .checkbox-inner label .checkbox__icon {
      width: 4rem;
      height: 4rem;
    }
  }
  #showroom .search .inner .map .checkbox-inner label .checkbox__icon::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    border: 2px solid #ddd;
    border-radius: 5px;
    transition: border-color 0.2s;
  }
  #showroom .search .inner .map .checkbox-inner label .checkbox__icon::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 1.6rem;
    height: 1rem;
    opacity: 0;
    transform: rotate(-225deg);
    transition: opacity 0.5s, transform 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
  }
  @media screen and (max-width: 768px) {
    #showroom .search .inner .map .checkbox-inner label .checkbox__icon::after {
      top: 25%;
      left: 50%;
    }
  }
  #showroom .search .inner .map .checkbox-inner label .checkbox__text {
    position: relative;
    display: inline-block;
    margin-left: 1rem;
    font-size: 2rem;
    line-height: 1.5;
    letter-spacing: 0.01em;
    transition: color 0.3s;
  }
  @media screen and (max-width: 768px) {
    #showroom .search .inner .map .checkbox-inner label .checkbox__text {
      margin-left: 1.6rem;
      font-size: 2.4rem;
    }
  }
  #showroom .contactUs.between {
    background-color: #fff;
    margin-top: 8rem;
    padding-top: 3.2rem;
  }
  @media screen and (max-width: 768px) {
    #showroom .contactUs.between {
      padding-top: 8rem;
    }
  }
  #showroom .contactUs.between .cont-left a.flex,
  #showroom .contactUs.between .cont-right a.flex {
    height: 13.8rem;
  }
  @media screen and (max-width: 768px) {
    #showroom .contactUs.between .cont-left a.flex,
  #showroom .contactUs.between .cont-right a.flex {
      height: 26rem;
    }
  }
  #showroom .contactUs.between .cont-left .text {
    margin-top: 1.8rem;
  }
  @media screen and (max-width: 768px) {
    #showroom .contactUs.between .cont-left .text {
      margin-top: 3.7rem;
    }
  }
  #showroom .contactUs.between .cont-right .tel {
    margin-top: 0;
  }
  #showroom .contactUs.between .cont-right .text {
    margin-top: 1.3rem;
  }
  @media screen and (max-width: 768px) {
    #showroom .contactUs.between .cont-right .text {
      margin-top: 2rem;
    }
  }
  #showroom .news-sec-02 {
    padding: 7rem 0;
    background-color: #fafafa;
  }
  @media screen and (max-width: 768px) {
    #showroom .news-sec-02 {
      padding: 8.4rem 0;
    }
  }
  #showroom .news-sec-02 .container {
    max-width: 102.4rem;
    margin: auto;
  }
  @media screen and (max-width: 768px) {
    #showroom .news-sec-02 .container {
      padding: 0 3.2rem;
    }
  }
  #showroom .news-sec-02 h2 {
    position: relative;
    font-size: 1.6rem;
    margin: 0 0 3rem;
    font-weight: 700;
  }
  @media screen and (max-width: 768px) {
    #showroom .news-sec-02 h2 {
      text-align: right;
      margin-right: 0;
      margin-left: 0;
      margin-bottom: 4rem;
      font-size: 2.4rem;
    }
  }
  #showroom .news-sec-02 h2:after {
    content: "";
    display: block;
    margin: 1.4rem 0 0 0;
    width: 4rem;
    height: 0.6rem;
    background-color: #000;
  }
  @media screen and (max-width: 768px) {
    #showroom .news-sec-02 h2:after {
      display: none;
    }
  }
  #showroom .news-sec-02 h2 span {
    position: relative;
    margin: 0 1.6rem 0 0;
    font-size: 3.6rem;
    font-family: "Abril Fatface", cursive;
  }
  @media screen and (max-width: 768px) {
    #showroom .news-sec-02 h2 span {
      display: block;
      font-size: 4.6rem;
      text-align: left;
    }
    #showroom .news-sec-02 h2 span:after {
      position: relative;
      content: "";
      display: block;
      margin: 1.4rem 0 0 0;
      width: 4rem;
      height: 6px;
      background-color: #000;
    }
  }
  #showroom .news-sec-02 .title-inner {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 105.1rem;
  }
  @media screen and (max-width: 768px) {
    #showroom .news-sec-02 .title-inner {
      position: relative;
      flex-direction: column;
      align-items: flex-start;
      padding: 0 3.2rem;
      max-width: 100%;
    }
  }
  #showroom .news-sec-02 .title-inner h2 {
    position: relative;
    font-size: 1.6rem;
  }
  @media screen and (max-width: 768px) {
    #showroom .news-sec-02 .title-inner h2 {
      font-size: 2.8rem;
    }
  }
  #showroom .news-sec-02 .title-inner h2::after {
    content: "";
    display: block;
    margin: 1.4rem 0 0 0;
    width: 4rem;
    height: 6px;
    background-color: #000;
  }
  #showroom .news-sec-02 .title-inner h2 span {
    margin: 0 1rem 0 0;
    font-size: 5rem;
    font-family: "Abril Fatface", cursive;
  }
  @media screen and (max-width: 768px) {
    #showroom .news-sec-02 .title-inner h2 span {
      margin: 0 20rem 0 0;
      font-size: 4.6rem;
    }
  }
  #showroom .news-sec-02 .news-article-inner {
    margin: 2.4rem 0 0 0;
    padding: 3.2rem 0;
  }
  @media screen and (max-width: 768px) {
    #showroom .news-sec-02 .news-article-inner {
      margin: 6.4rem 0 0 0;
      padding: 0;
      background-color: transparent;
    }
  }
  #showroom .news-sec-02 .news-article-inner ul {
    margin: 0 auto;
    max-width: 102.4rem;
  }
  @media screen and (max-width: 768px) {
    #showroom .news-sec-02 .news-article-inner ul {
      max-width: 100%;
    }
  }
  #showroom .news-sec-02 .news-article-inner ul li {
    display: flex;
    align-items: center;
    padding-bottom: 1.3rem;
  }
  @media screen and (max-width: 768px) {
    #showroom .news-sec-02 .news-article-inner ul li {
      flex-direction: column;
      align-items: flex-start;
      padding-bottom: 3rem;
    }
  }
  #showroom .news-sec-02 .news-article-inner ul li a {
    position: relative;
    font-weight: 700;
  }
  @media screen and (max-width: 768px) {
    #showroom .news-sec-02 .news-article-inner ul li a {
      flex-direction: column;
      align-items: flex-start;
    }
  }
  #showroom .news-sec-02 .news-article-inner ul li:nth-child(n+2) {
    border-top: 1px dotted #999999;
    padding-top: 1.6rem;
  }
  #showroom .news-sec-02 .news-article-inner ul li:nth-child(n+2) a::after {
    top: 50%;
  }
  #showroom .news-sec-02 .news-article-inner ul li .news-label-inner {
    display: flex;
    flex-direction: column;
    min-width: 12rem;
  }
  #showroom .news-sec-02 .news-article-inner ul li .news-label-inner span {
    color: #333;
    font-size: 2.2rem;
    font-family: "Abril Fatface", cursive;
  }
  @media screen and (max-width: 768px) {
    #showroom .news-sec-02 .news-article-inner ul li .news-label-inner span {
      font-size: 3.2rem;
    }
  }
  #showroom .news-sec-02 .news-article-inner ul li .news-label-inner time {
    margin: 0.8rem 0 0 0;
    color: #222;
    font-size: 1.2rem;
  }
  @media screen and (max-width: 768px) {
    #showroom .news-sec-02 .news-article-inner ul li .news-label-inner time {
      margin: 1.6rem 0 0 0;
      font-size: 2rem;
    }
  }
  #showroom .news-sec-02 .news-article-inner ul li .news-title-inner {
    margin: 0 0 0 4rem;
  }
  @media screen and (max-width: 768px) {
    #showroom .news-sec-02 .news-article-inner ul li .news-title-inner {
      margin: 1rem 0 0 0;
      font-size: 2rem;
    }
  }
  #showroom .news-sec-02 .news-article-inner ul li .news-title-inner .news-title {
    position: relative;
    max-width: 80rem;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.8;
  }
  @media screen and (max-width: 768px) {
    #showroom .news-sec-02 .news-article-inner ul li .news-title-inner .news-title {
      margin: 3rem 0 0 0;
      font-size: 2.4rem;
    }
  }
  #showroom .news-sec-02 .news-article-inner ul li .news-title-inner a {
    position: relative;
  }
  #showroom .news-sec-02 .news-article-inner ul li .news-title-inner a::after {
    content: "";
    display: inline-block;
    margin: 0 0 0 3rem;
    width: 0.9rem;
    height: 1.5rem;
    background: url("/assets/images/common/ic_arrow02_next_navy.svg") no-repeat center/cover;
  }
  #showroom .news-sec-02 .news-article-inner ul li .news-title-inner a .news-title {
    position: relative;
    max-width: 80rem;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.8;
  }
  @media screen and (max-width: 768px) {
    #showroom .news-sec-02 .news-article-inner ul li .news-title-inner a .news-title {
      margin: 3rem 0 0 0;
      font-size: 2.4rem;
    }
  }
  #showroom .news-sec-02 .news-article-inner ul li .news-title-inner a .news-title:hover {
    color: var(--main-color);
  }
  #showroom .news-sec-02 .news-article-inner ul li .news-title-inner a .news-title:hover::after {
    transform: scale(1, 1);
  }
  #showroom .news-sec-02 .news-article-inner ul li .news-title-inner a .news-title::after {
    content: "";
    position: absolute;
    bottom: -0.2em;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: var(--main-color);
    transform: scale(0, 1);
    transform-origin: left top;
    transition: transform 0.6s;
  }
  @media screen and (max-width: 768px) {
    #showroom .news-sec-02 .news-article-inner ul li .news-title-inner a .news-title::after {
      display: none;
    }
  }
  #showroom .showroom-map-bottom-section {
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    padding: 1.8rem 0;
  }
  @media screen and (max-width: 768px) {
    #showroom .showroom-map-bottom-section {
      padding: 6.2rem 3.2rem;
    }
  }
  #showroom .showroom-map-bottom-section .showroom-map-bottom-button {
    display: inline-block;
    margin: 0 auto;
    padding: 2.7rem 0;
    width: 44rem;
    font-size: 1.8rem;
    text-align: center;
    letter-spacing: 0.01rem;
    color: #2e3776;
    font-weight: 700;
    border: 1px solid #2e3776;
    border-radius: 5px;
    transition: background-color 0.5s ease;
  }
  @media screen and (max-width: 768px) {
    #showroom .showroom-map-bottom-section .showroom-map-bottom-button {
      padding: 3rem 0.6rem;
      width: 52rem;
      font-size: 2.4rem;
    }
  }
  #showroom .showroom-map-bottom-section .showroom-map-bottom-button:hover {
    background: #2e3776;
    color: #fff;
    border-color: #2e3776;
  }
  #showroom .showroom-list-section {
    padding: 6.5rem 0 8rem;
    background-color: #fafafa;
  }
  @media screen and (max-width: 768px) {
    #showroom .showroom-list-section {
      padding: 8rem 3.2rem;
    }
  }
  #showroom .showroom-list-section .container {
    max-width: 112rem;
    margin: auto;
  }
  #showroom .showroom-list-section .container h2 {
    position: relative;
    display: block;
    border: solid 2px transparent;
    margin: 0 0 2em 0;
    padding: 2rem 5rem;
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.16);
    border-radius: 4px;
    font-size: 1.8rem;
    color: #2e3776;
    text-align: center;
    font-weight: 700;
    letter-spacing: 0.1em;
    line-height: 1.3333;
    cursor: pointer;
  }
  @media screen and (max-width: 768px) {
    #showroom .showroom-list-section .container h2 {
      font-size: 2.4rem;
    }
  }
  #showroom .showroom-list-section .container h2:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 2rem;
    transform: translateY(-50%) rotate(90deg);
    transition: 0.2s;
    width: 2rem;
    height: 0.2rem;
    background: #0f23ac;
  }
  @media screen and (max-width: 768px) {
    #showroom .showroom-list-section .container h2:before {
      width: 3.2rem;
    }
  }
  #showroom .showroom-list-section .container h2:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 2rem;
    transform: translateY(-50%);
    width: 2rem;
    height: 0.2rem;
    background: #0f23ac;
  }
  @media screen and (max-width: 768px) {
    #showroom .showroom-list-section .container h2:after {
      width: 3.2rem;
    }
  }
  #showroom .showroom-list-section .container h2.open:before {
    transform: translateY(-50%) rotate(0deg);
  }
  #showroom .showroom-list-section .container .showroom-info-wrap {
    display: none;
    transition: display 0.2s ease 1s;
  }
  #showroom .showroom-list-section .container .showroom-info {
    display: flex;
    justify-content: space-between;
    border: solid 2px transparent;
    margin: 0 0 2em 0;
    padding: 4rem 5rem;
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.16);
    border-radius: 4px;
  }
  @media screen and (max-width: 768px) {
    #showroom .showroom-list-section .container .showroom-info {
      flex-direction: column;
      margin: 0 0 4em 0;
    }
  }
  #showroom .showroom-list-section .container .showroom-info .left {
    width: 67rem;
    display: flex;
  }
  @media screen and (max-width: 768px) {
    #showroom .showroom-list-section .container .showroom-info .left {
      width: 100%;
      flex-direction: column;
    }
  }
  #showroom .showroom-list-section .container .showroom-info .left .showroom-schedule {
    display: none;
  }
  @media screen and (max-width: 768px) {
    #showroom .showroom-list-section .container .showroom-info .left .showroom-schedule {
      display: flex;
    }
  }
  #showroom .showroom-list-section .container .showroom-info .left figure {
    width: 26.2rem;
    height: auto;
  }
  @media screen and (max-width: 768px) {
    #showroom .showroom-list-section .container .showroom-info .left figure {
      width: 100%;
    }
  }
  #showroom .showroom-list-section .container .showroom-info .left .showroom-info-left-inner {
    max-width: 38.2rem;
    margin-left: 2.8rem;
    text-align: left;
  }
  @media screen and (max-width: 768px) {
    #showroom .showroom-list-section .container .showroom-info .left .showroom-info-left-inner {
      max-width: none;
      width: 100%;
      margin-left: 0;
      padding: 4rem 0;
    }
  }
  #showroom .showroom-list-section .container .showroom-info .left .showroom-info-left-inner h3 {
    font-size: 2.4rem;
    margin-bottom: 2rem;
  }
  @media screen and (max-width: 768px) {
    #showroom .showroom-list-section .container .showroom-info .left .showroom-info-left-inner h3 {
      font-size: 3.2rem;
    }
  }
  #showroom .showroom-list-section .container .showroom-info .left .showroom-info-left-inner .tel {
    font-weight: 700;
    font-size: 2.4rem;
    margin-bottom: 1.6rem;
  }
  @media screen and (max-width: 768px) {
    #showroom .showroom-list-section .container .showroom-info .left .showroom-info-left-inner .tel {
      font-size: 3.2rem;
    }
  }
  #showroom .showroom-list-section .container .showroom-info .left .showroom-info-left-inner dl {
    display: flex;
    align-items: center;
    padding: 1.6rem 0;
    width: 100%;
    border-bottom: 1px solid #ddd;
  }
  @media screen and (max-width: 768px) {
    #showroom .showroom-list-section .container .showroom-info .left .showroom-info-left-inner dl {
      padding: 3rem 0;
      width: 100%;
    }
  }
  #showroom .showroom-list-section .container .showroom-info .left .showroom-info-left-inner dl:first-child {
    border-top: 1px solid #ddd;
  }
  #showroom .showroom-list-section .container .showroom-info .left .showroom-info-left-inner dl dt,
  #showroom .showroom-list-section .container .showroom-info .left .showroom-info-left-inner dl dd {
    display: block;
    font-size: 1.6rem;
  }
  @media screen and (max-width: 768px) {
    #showroom .showroom-list-section .container .showroom-info .left .showroom-info-left-inner dl dt,
  #showroom .showroom-list-section .container .showroom-info .left .showroom-info-left-inner dl dd {
      font-size: 2rem;
    }
  }
  #showroom .showroom-list-section .container .showroom-info .left .showroom-info-left-inner dl dt {
    position: relative;
    width: 8rem;
    min-width: 8rem;
    font-weight: 400;
  }
  @media screen and (max-width: 768px) {
    #showroom .showroom-list-section .container .showroom-info .left .showroom-info-left-inner dl dt {
      width: 10rem;
    }
  }
  #showroom .showroom-list-section .container .showroom-info .left .showroom-info-left-inner dl dt:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 0.5px;
    height: 1.6rem;
    background-color: #333;
  }
  #showroom .showroom-list-section .container .showroom-info .left .showroom-info-left-inner dl dd {
    font-weight: 700;
  }
  #showroom .showroom-list-section .container .showroom-info .left .showroom-info-left-inner dl dt + dd {
    padding-left: 2.6rem;
    max-width: 30.4rem;
  }
  @media screen and (max-width: 768px) {
    #showroom .showroom-list-section .container .showroom-info .left .showroom-info-left-inner dl dt + dd {
      max-width: initial;
      padding-left: 13rem;
    }
  }
  #showroom .showroom-list-section .container .showroom-info .right {
    width: 32rem;
  }
  @media screen and (max-width: 768px) {
    #showroom .showroom-list-section .container .showroom-info .right {
      width: 100%;
    }
  }
  @media screen and (max-width: 768px) {
    #showroom .showroom-list-section .container .showroom-info .right .showroom-schedule {
      display: none;
    }
  }
  #showroom .showroom-list-section .container .showroom-info .right .button-box {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background: #e9eaf4;
    padding: 2.6rem 1rem;
  }
  @media screen and (max-width: 768px) {
    #showroom .showroom-list-section .container .showroom-info .right .button-box {
      padding: 4rem 1rem;
    }
  }
  #showroom .showroom-list-section .container .showroom-info .right .button-box a.reservation {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 27.2rem;
    height: 5.4rem;
    background: #0f23ac;
    border: solid 1px #0f23ac;
    border-radius: 3px;
    color: #fff;
    font-size: 1.6rem;
    font-weight: 700;
    transition: background-color 0.2s ease, color 0.2s ease;
  }
  @media screen and (max-width: 768px) {
    #showroom .showroom-list-section .container .showroom-info .right .button-box a.reservation {
      width: 52rem;
      height: 8rem;
      font-size: 2.4rem;
    }
  }
  #showroom .showroom-list-section .container .showroom-info .right .button-box a.reservation:hover {
    background: #fff;
    color: #0f23ac;
  }
  #showroom .showroom-list-section .container .showroom-info .right .button-box a.more {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 27.2rem;
    height: 5.4rem;
    background: #fff;
    border: solid 1px #caccdc;
    border-radius: 3px;
    color: #333;
    font-size: 1.6rem;
    transition: background-color 0.2s ease, color 0.2s ease, border 0.2s ease;
  }
  @media screen and (max-width: 768px) {
    #showroom .showroom-list-section .container .showroom-info .right .button-box a.more {
      width: 52rem;
      height: 8rem;
      font-size: 2.4rem;
    }
  }
  #showroom .showroom-list-section .container .showroom-info .right .button-box a.more span {
    position: relative;
    padding-left: 2.7rem;
  }
  #showroom .showroom-list-section .container .showroom-info .right .button-box a.more:hover {
    background: #0f23ac;
    border: solid 1px #0f23ac;
    color: #fff;
  }
  #showroom .showroom-list-section .container .showroom-info .right .button-box a + a {
    margin-top: 1.8rem;
  }
  @media screen and (max-width: 768px) {
    #showroom .showroom-list-section .container .showroom-info .right .button-box a + a {
      margin-top: 3.5rem;
    }
  }
  #showroom .showroom-list-section .container .showroom-info .showroom-schedule {
    display: flex;
    align-items: center;
    margin-bottom: 2rem;
  }
  @media screen and (max-width: 768px) {
    #showroom .showroom-list-section .container .showroom-info .showroom-schedule {
      margin-bottom: 4rem;
    }
  }
  #showroom .showroom-list-section .container .showroom-info .showroom-schedule dt {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 8.9rem;
    height: 8rem;
    background: #2e3776;
    border: solid 1px #2e3776;
    box-sizing: border-box;
    color: #fff;
    font-size: 1.6rem;
    font-weight: 700;
    padding: 0 1em;
    text-align: center;
  }
  @media screen and (max-width: 768px) {
    #showroom .showroom-list-section .container .showroom-info .showroom-schedule dt {
      width: 24rem;
      height: 10rem;
      font-size: 2.8rem;
    }
  }
  #showroom .showroom-list-section .container .showroom-info .showroom-schedule dd {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 23rem;
    height: 8rem;
    border-top: solid 1px #2e3776;
    border-right: solid 1px #2e3776;
    border-bottom: solid 1px #2e3776;
    font-size: 1.6rem;
  }
  @media screen and (max-width: 768px) {
    #showroom .showroom-list-section .container .showroom-info .showroom-schedule dd {
      width: 46.4rem;
      height: 10rem;
      font-size: 2rem;
    }
  }

  /*================= ▼ TERMS =================*/
  #terms .under-mv .headline::before {
    width: 51.6rem;
    height: 6rem;
    background-image: url("/assets/images/terms/ttl_terms.svg");
  }
  @media screen and (max-width: 768px) {
    #terms .under-mv .headline::before {
      width: 55.8rem;
      height: 23.6rem;
      background-image: url("/assets/images/terms/ttl_terms_sp.svg");
    }
  }
  #terms .under-mv .breadcrumb::before {
    width: 1.6rem;
    height: 2rem;
    background-image: url("/assets/images/terms/ic_terms.svg");
  }
  @media screen and (max-width: 768px) {
    #terms .under-mv .breadcrumb::before {
      width: 2.8rem;
      height: 3.5rem;
    }
  }
  #terms .terms {
    background-color: var(--bg-light-gray);
  }
  #terms .terms .inner {
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    padding: 6.45rem 9.8rem 11rem;
    max-width: 122rem;
  }
  @media screen and (max-width: 768px) {
    #terms .terms .inner {
      padding: 8rem 3.2rem 16rem;
      max-width: initial;
    }
  }
  #terms .terms .inner h2,
  #terms .terms .inner p {
    line-height: 2.25;
  }
  @media screen and (max-width: 768px) {
    #terms .terms .inner h2,
  #terms .terms .inner p {
      line-height: 2.4;
    }
  }
  #terms .terms .inner .cont-list {
    flex-direction: column;
    gap: 5rem;
    margin-top: 5rem;
  }
  #terms .terms .inner .cont-list li h2 {
    font-weight: 700;
  }
  #terms .terms .inner a {
    position: relative;
  }
  #terms .terms .inner a::after {
    content: "";
    position: absolute;
    bottom: -0.2em;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: var(--main-color);
    transform: scale(0, 1);
    transform-origin: left top;
    transition: transform 0.6s;
  }
  #terms .terms .inner a:hover {
    color: var(--main-color);
  }
  #terms .terms .inner a:hover::after {
    transform: scale(1, 1);
  }

  /*================= ▼TOP =================*/
  #top .right-content-wrap .main .mv {
    position: relative;
  }
  #top .right-content-wrap .main .intro-nav {
    position: absolute;
    bottom: -14%;
    left: 50%;
    z-index: 100;
    width: 100%;
    transform: translateX(-50%);
  }
  @media screen and (max-width: 768px) {
    #top .right-content-wrap .main .intro-nav {
      position: relative;
      bottom: auto;
      left: auto;
      transform: translateX(0);
    }
  }
  #top .right-content-wrap .main .intro-nav .inner {
    display: flex;
    justify-content: center;
    margin: 0 auto;
    padding: 0 8rem;
  }
  @media screen and (max-width: 768px) {
    #top .right-content-wrap .main .intro-nav .inner {
      flex-direction: column;
      padding: 0;
    }
  }
  #top .right-content-wrap .main .intro-nav .inner .uses-nav {
    position: relative;
    z-index: 1;
    padding: 0 1.6rem 0.7rem;
    width: 42rem;
    background-color: #fff;
    box-shadow: 2px 2px 30px rgba(0, 0, 0, 0.08);
  }
  @media screen and (max-width: 768px) {
    #top .right-content-wrap .main .intro-nav .inner .uses-nav {
      padding: 3.2rem 3.2rem;
      width: 100%;
      box-shadow: none;
    }
  }
  #top .right-content-wrap .main .intro-nav .inner .uses-nav h2 {
    position: relative;
    padding: 0.6rem 0 0 1.4rem;
    color: #222;
    font-size: 1.2rem;
    font-weight: 700;
  }
  @media screen and (max-width: 768px) {
    #top .right-content-wrap .main .intro-nav .inner .uses-nav h2 {
      padding: 0;
      font-size: 2rem;
    }
  }
  #top .right-content-wrap .main .intro-nav .inner .uses-nav h2::after {
    content: "USES";
    position: absolute;
    top: -1rem;
    left: -1.5rem;
    z-index: -1;
    width: 11.5rem;
    height: 5.75rem;
    color: #f1f1f1;
    font-family: "Abril Fatface", cursive;
    font-size: 5rem;
    font-weight: 400;
    letter-spacing: -0.05em;
  }
  @media screen and (max-width: 768px) {
    #top .right-content-wrap .main .intro-nav .inner .uses-nav h2::after {
      top: -4.8rem;
      left: -3rem;
      width: 16.6rem;
      height: 8.1rem;
      font-size: 7.2rem;
    }
  }
  #top .right-content-wrap .main .intro-nav .inner .uses-nav .uses-nav-arrow {
    display: none;
  }
  @media screen and (max-width: 768px) {
    #top .right-content-wrap .main .intro-nav .inner .uses-nav .uses-nav-arrow {
      position: absolute;
      top: 3rem;
      right: 4rem;
      z-index: 10;
      display: flex;
      align-items: center;
      font-size: 2rem;
      font-weight: 700;
    }
    #top .right-content-wrap .main .intro-nav .inner .uses-nav .uses-nav-arrow p {
      padding: 0 1.6rem 0 0;
    }
  }
  @media screen and (max-width: 768px) and (max-width: 768px) {
    #top .right-content-wrap .main .intro-nav .inner .uses-nav .uses-nav-arrow img {
      display: block;
    }
  }
  #top .right-content-wrap .main .intro-nav .inner .uses-nav ul {
    display: flex;
    flex-wrap: wrap;
  }
  @media screen and (max-width: 768px) {
    #top .right-content-wrap .main .intro-nav .inner .uses-nav ul {
      margin: 4rem 0 0 0;
    }
  }
  #top .right-content-wrap .main .intro-nav .inner .uses-nav ul li {
    position: relative;
    width: 33.3333333333%;
  }
  @media screen and (max-width: 768px) {
    #top .right-content-wrap .main .intro-nav .inner .uses-nav ul li {
      width: 25%;
    }
  }
  #top .right-content-wrap .main .intro-nav .inner .uses-nav ul li + li {
    border-left: 1.6px solid #e2e2e2;
  }
  #top .right-content-wrap .main .intro-nav .inner .uses-nav ul li:nth-child(n+4) {
    border-top: 1px solid #e2e2e2;
  }
  #top .right-content-wrap .main .intro-nav .inner .uses-nav ul li:nth-child(4) {
    border-left: none;
  }
  @media screen and (max-width: 768px) {
    #top .right-content-wrap .main .intro-nav .inner .uses-nav ul li:nth-child(4) {
      border-top: none;
      border-left: 1.6px solid #e2e2e2;
    }
  }
  @media screen and (max-width: 768px) {
    #top .right-content-wrap .main .intro-nav .inner .uses-nav ul li:nth-child(5) {
      border-left: none;
    }
  }
  #top .right-content-wrap .main .intro-nav .inner .uses-nav ul li:nth-child(7) {
    border-left: none;
  }
  @media screen and (max-width: 768px) {
    #top .right-content-wrap .main .intro-nav .inner .uses-nav ul li:nth-child(7) {
      border-left: 1.6px solid #e2e2e2;
    }
  }
  #top .right-content-wrap .main .intro-nav .inner .uses-nav ul li:nth-child(1)::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 10;
    width: 2rem;
    height: 2rem;
    background-color: #fff;
    transform: translate(50%, 50%);
  }
  #top .right-content-wrap .main .intro-nav .inner .uses-nav ul li:nth-child(2)::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 10;
    width: 2rem;
    height: 2rem;
    background-color: #fff;
    transform: translate(50%, 50%);
  }
  @media screen and (max-width: 768px) {
    #top .right-content-wrap .main .intro-nav .inner .uses-nav ul li:nth-child(3)::after {
      content: "";
      position: absolute;
      bottom: 0;
      right: 0;
      z-index: 10;
      width: 2rem;
      height: 2rem;
      background-color: #fff;
      transform: translate(50%, 50%);
    }
  }
  #top .right-content-wrap .main .intro-nav .inner .uses-nav ul li:nth-child(4)::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 10;
    width: 2rem;
    height: 2rem;
    background-color: #fff;
    transform: translate(50%, 50%);
  }
  @media screen and (max-width: 768px) {
    #top .right-content-wrap .main .intro-nav .inner .uses-nav ul li:nth-child(4)::after {
      display: none;
    }
  }
  #top .right-content-wrap .main .intro-nav .inner .uses-nav ul li:nth-child(5)::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 10;
    width: 2rem;
    height: 2rem;
    background-color: #fff;
    transform: translate(50%, 50%);
  }
  @media screen and (max-width: 768px) {
    #top .right-content-wrap .main .intro-nav .inner .uses-nav ul li:nth-child(5)::after {
      display: none;
    }
  }
  #top .right-content-wrap .main .intro-nav .inner .uses-nav ul li:nth-child(1) img {
    width: 6.2rem;
  }
  #top .right-content-wrap .main .intro-nav .inner .uses-nav ul li:nth-child(2) img {
    width: 8.8rem;
  }
  #top .right-content-wrap .main .intro-nav .inner .uses-nav ul li:nth-child(3) img {
    width: 6.2rem;
  }
  #top .right-content-wrap .main .intro-nav .inner .uses-nav ul li:nth-child(4) img {
    width: 6.2rem;
  }
  #top .right-content-wrap .main .intro-nav .inner .uses-nav ul li:nth-child(5) img {
    width: 7.1rem;
  }
  #top .right-content-wrap .main .intro-nav .inner .uses-nav ul li:nth-child(6) img {
    width: 6.2rem;
  }
  #top .right-content-wrap .main .intro-nav .inner .uses-nav ul li:nth-child(7) img {
    width: 4.4rem;
  }
  #top .right-content-wrap .main .intro-nav .inner .uses-nav ul li:nth-child(8) img {
    width: 7.3rem;
  }
  #top .right-content-wrap .main .intro-nav .inner .uses-nav ul li:nth-child(9) img {
    width: 6.8rem;
  }
  #top .right-content-wrap .main .intro-nav .inner .uses-nav ul li > * {
    display: flex;
    align-items: center;
    flex-direction: column;
    padding: 1.6rem 1rem 0.5rem 1rem;
    width: 100%;
    transition: background-color 0.5s ease;
    letter-spacing: 0;
  }
  #top .right-content-wrap .main .intro-nav .inner .uses-nav ul li > *:hover {
    background-color: #e2e2e2;
  }
  #top .right-content-wrap .main .intro-nav .inner .uses-nav ul li > * img {
    min-height: 4.1rem;
  }
  #top .right-content-wrap .main .intro-nav .inner .uses-nav ul li > * p {
    display: flex;
    align-items: center;
    margin: 1rem 0 0 0;
    height: 3.4rem;
    color: #222;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.4;
    white-space: nowrap;
  }
  @media screen and (max-width: 768px) {
    #top .right-content-wrap .main .intro-nav .inner .uses-nav ul li > * p {
      font-size: 1.8rem;
    }
  }
  #top .right-content-wrap .main .intro-nav .inner .search-inner {
    position: relative;
    z-index: 1;
    margin: 0 0 0 0.2rem;
    padding: 0.7rem 1.6rem;
    width: 42rem;
    background-color: #fff;
    box-shadow: 2px 2px 30px rgba(0, 0, 0, 0.08);
  }
  @media screen and (max-width: 768px) {
    #top .right-content-wrap .main .intro-nav .inner .search-inner {
      margin: 0;
      padding: 3.2rem 3.2rem 6.4rem 3.2rem;
      width: 100%;
      box-shadow: none;
      border-top: 1px solid #f9f9f9;
    }
  }
  #top .right-content-wrap .main .intro-nav .inner .search-inner .area-nav {
    position: relative;
    padding: 0 0 3rem 0;
  }
  #top .right-content-wrap .main .intro-nav .inner .search-inner .area-nav h2 {
    position: relative;
    padding: 0.6rem 0 0 1.4rem;
    color: #222;
    font-size: 1.2rem;
    font-weight: 700;
  }
  @media screen and (max-width: 768px) {
    #top .right-content-wrap .main .intro-nav .inner .search-inner .area-nav h2 {
      padding: 2rem 0 0 0;
      font-size: 2rem;
    }
  }
  #top .right-content-wrap .main .intro-nav .inner .search-inner .area-nav h2::after {
    content: "AREA";
    position: absolute;
    top: -1.6rem;
    left: 0;
    z-index: -1;
    width: 11.5rem;
    height: 5.75rem;
    color: #f1f1f1;
    font-family: "Abril Fatface", cursive;
    font-size: 5rem;
    font-weight: 400;
    letter-spacing: -0.05em;
  }
  @media screen and (max-width: 768px) {
    #top .right-content-wrap .main .intro-nav .inner .search-inner .area-nav h2::after {
      top: -2.8rem;
      left: -3rem;
      width: 16.6rem;
      height: 8.1rem;
      font-size: 7.2rem;
    }
  }
  #top .right-content-wrap .main .intro-nav .inner .search-inner .area-nav ul {
    display: flex;
    flex-wrap: wrap;
    margin: 2rem 0 0 0;
    width: 35rem;
  }
  @media screen and (max-width: 768px) {
    #top .right-content-wrap .main .intro-nav .inner .search-inner .area-nav ul {
      margin: 5.6rem 0 0 0;
      width: 42rem;
    }
  }
  #top .right-content-wrap .main .intro-nav .inner .search-inner .area-nav ul li {
    width: 36%;
  }
  @media screen and (max-width: 768px) {
    #top .right-content-wrap .main .intro-nav .inner .search-inner .area-nav ul li {
      width: 45%;
    }
  }
  #top .right-content-wrap .main .intro-nav .inner .search-inner .area-nav ul li:nth-child(2n) {
    margin-left: 2.4rem;
  }
  #top .right-content-wrap .main .intro-nav .inner .search-inner .area-nav ul li:nth-child(n+3) {
    margin-top: 2.4rem;
  }
  @media screen and (max-width: 768px) {
    #top .right-content-wrap .main .intro-nav .inner .search-inner .area-nav ul li:nth-child(n+3) {
      margin-top: 4rem;
    }
  }
  #top .right-content-wrap .main .intro-nav .inner .search-inner .area-nav ul li button {
    position: relative;
    display: block;
    padding-left: 3rem;
    width: 100%;
    color: #222;
    font-size: 1.5rem;
    font-weight: 700;
    transition: color 0.5s ease;
  }
  @media screen and (max-width: 768px) {
    #top .right-content-wrap .main .intro-nav .inner .search-inner .area-nav ul li button {
      padding-left: 5rem;
      font-size: 2rem;
    }
  }
  #top .right-content-wrap .main .intro-nav .inner .search-inner .area-nav ul li button:hover {
    color: #2e3776;
  }
  #top .right-content-wrap .main .intro-nav .inner .search-inner .area-nav ul li button::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 85%;
    width: 0.8rem;
    height: 0.8rem;
    border-top: 1px solid #7a7a7a;
    border-right: 1px solid #7a7a7a;
    transform: rotate(45deg) translateY(-50%);
  }
  @media screen and (max-width: 768px) {
    #top .right-content-wrap .main .intro-nav .inner .search-inner .area-nav ul li button::before {
      top: 49.5%;
      width: 1.2rem;
      height: 1.2rem;
      border-top: 2px solid #7a7a7a;
      border-right: 2px solid #7a7a7a;
    }
  }
  #top .right-content-wrap .main .intro-nav .inner .search-inner .area-nav ul li button::after {
    content: "";
    position: absolute;
    top: 55%;
    left: 1px;
    width: 2rem;
    height: 1px;
    background-color: #7a7a7a;
  }
  @media screen and (max-width: 768px) {
    #top .right-content-wrap .main .intro-nav .inner .search-inner .area-nav ul li button::after {
      left: 2px;
      width: 3rem;
      height: 2px;
    }
  }
  #top .right-content-wrap .main .intro-nav .inner .search-inner .area-nav ul li button span {
    position: relative;
    display: inline-block;
  }
  #top .right-content-wrap .main .intro-nav .inner .search-inner .area-nav ul li button span::after {
    position: absolute;
    bottom: -4px;
    left: 0;
    content: "";
    width: 100%;
    height: 1px;
    background: var(--main-color);
    transform: scale(0, 1);
    transform-origin: left top;
    transition: transform 0.3s;
  }
  @media screen and (max-width: 768px) {
    #top .right-content-wrap .main .intro-nav .inner .search-inner .area-nav ul li button span::after {
      display: none;
    }
  }
  #top .right-content-wrap .main .intro-nav .inner .search-inner .area-nav ul li button span:hover::after {
    transform: scale(1, 1);
  }
  #top .right-content-wrap .main .intro-nav .inner .search-inner .area-nav .bg-image {
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    width: 26rem;
    height: 18.3rem;
    background-image: url("/assets/images/top/ill_area_japan.png");
    background-repeat: no-repeat;
    transition: background-image 0.5s ease;
    background-size: 26rem 18.3rem;
  }
  @media screen and (max-width: 768px) {
    #top .right-content-wrap .main .intro-nav .inner .search-inner .area-nav .bg-image {
      top: -2rem;
      right: 6rem;
      width: 46.4rem;
      height: 37.7rem;
      background-size: 46.4rem 37.7rem;
    }
  }
  #top .right-content-wrap .main .intro-nav .inner .search-inner .showroom-nav {
    padding: 2rem 0 0 0;
    border-top: 1.5px solid #e2e2e2;
  }
  @media screen and (max-width: 768px) {
    #top .right-content-wrap .main .intro-nav .inner .search-inner .showroom-nav {
      padding: 1.2rem 0 0 0;
      border-top: none;
    }
  }
  #top .right-content-wrap .main .intro-nav .inner .search-inner .showroom-nav h2 {
    position: relative;
    padding: 0.6rem 0 0 1.4rem;
    color: #222;
    font-size: 1.2rem;
    font-weight: 700;
  }
  #top .right-content-wrap .main .intro-nav .inner .search-inner .showroom-nav h2::after {
    content: "SHOWROOM";
    position: absolute;
    top: -1.6rem;
    left: 0;
    z-index: -1;
    width: 11.5rem;
    height: 5.75rem;
    color: #f1f1f1;
    font-family: "Abril Fatface", cursive;
    font-size: 5rem;
    font-weight: 400;
    letter-spacing: -0.05em;
  }
  #top .right-content-wrap .main .intro-nav .inner .search-inner .showroom-nav button {
    display: flex;
    justify-content: center;
    margin: 1.2rem auto 0 auto;
    padding: 2.3rem 0;
    width: 38rem;
    border: 1px solid #2e3776;
    border-radius: 5px;
    transition: background-color 0.5s ease;
  }
  @media screen and (max-width: 768px) {
    #top .right-content-wrap .main .intro-nav .inner .search-inner .showroom-nav button {
      padding: 2.5rem 0;
      width: 52rem;
    }
  }
  #top .right-content-wrap .main .intro-nav .inner .search-inner .showroom-nav button:hover {
    background-color: #2e3776;
  }
  #top .right-content-wrap .main .intro-nav .inner .search-inner .showroom-nav button:hover p {
    color: #fff;
  }
  #top .right-content-wrap .main .intro-nav .inner .search-inner .showroom-nav button:hover p::after {
    background-image: url("/assets/images/common/ic_search_white.svg");
  }
  #top .right-content-wrap .main .intro-nav .inner .search-inner .showroom-nav button p {
    position: relative;
    color: #2e3776;
    font-size: 1.8rem;
    font-weight: 700;
  }
  @media screen and (max-width: 768px) {
    #top .right-content-wrap .main .intro-nav .inner .search-inner .showroom-nav button p {
      font-size: 2.4rem;
    }
  }
  #top .right-content-wrap .main .intro-nav .inner .search-inner .showroom-nav button p::after {
    content: "";
    position: absolute;
    top: 0;
    right: -30%;
    width: 1.6rem;
    height: 1.6rem;
    background-image: url("/assets/images/common/ic_search_navy.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.6rem auto;
  }
  @media screen and (max-width: 768px) {
    #top .right-content-wrap .main .intro-nav .inner .search-inner .showroom-nav button p::after {
      display: none;
    }
  }
  #top .right-content-wrap .main .intro-nav .inner .banner-cnt {
    display: flex;
    flex-direction: column;
    margin: 0 0 0 0.2rem;
  }
  @media screen and (max-width: 768px) {
    #top .right-content-wrap .main .intro-nav .inner .banner-cnt {
      flex-direction: row;
      justify-content: space-between;
      margin: 0;
      padding: 4.8rem 3.2rem 0 3.2rem;
      background-color: #fafafa;
    }
  }
  #top .right-content-wrap .main .intro-nav .inner .banner-cnt a:hover figure img {
    transform: scale(1.06);
  }
  @media screen and (max-width: 768px) {
    #top .right-content-wrap .main .intro-nav .inner .banner-cnt a:nth-child(2) {
      margin: 0 0 0 3.2rem;
    }
  }
  #top .right-content-wrap .main .intro-nav .inner .banner-cnt a figure {
    width: 17.6rem;
    height: 17.6rem;
    overflow: hidden;
  }
  @media screen and (max-width: 768px) {
    #top .right-content-wrap .main .intro-nav .inner .banner-cnt a figure {
      width: 33.6rem;
      height: 33.6rem;
    }
  }
  #top .right-content-wrap .main .intro-nav .inner .banner-cnt a figure img {
    width: 17.6rem;
    height: auto;
    transition: transform 0.5s ease;
  }
  @media screen and (max-width: 768px) {
    #top .right-content-wrap .main .intro-nav .inner .banner-cnt a figure img {
      width: 33.6rem;
    }
  }
  #top .right-content-wrap .main .intro {
    position: relative;
    padding: 13.5rem 0 0 0;
  }
  @media screen and (max-width: 768px) {
    #top .right-content-wrap .main .intro {
      padding: 6.2rem 0 0 0;
      background-color: #fafafa;
    }
  }
  #top .right-content-wrap .main .intro::after {
    content: "";
    position: absolute;
    top: 0;
    left: -8rem;
    z-index: -1;
    width: 106%;
    height: 100%;
    background-image: url("/assets/images/top/bg_viewmore.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  @media screen and (max-width: 768px) {
    #top .right-content-wrap .main .intro::after {
      top: 2%;
      left: 0;
      z-index: 1;
      width: 76.7rem;
      height: 15.4rem;
      background-image: url("/assets/images/top/bg_sanakaku_white.png");
    }
  }
  #top .right-content-wrap .main .intro .inner {
    display: block;
  }
  @media screen and (max-width: 768px) {
    #top .right-content-wrap .main .intro .inner {
      position: relative;
      z-index: 10;
    }
  }
  #top .right-content-wrap .main .intro .inner p {
    color: #2e3776;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.6;
  }
  #top .right-content-wrap .main .intro .inner .txt_anous_wrap h3{
    font-size: 1.6rem;
    font-weight: 700;
    text-align: left;
    line-height: 1.6;
  }
  #top .right-content-wrap .main .intro .inner .txt_anous_wrap p{
    color: #333;
    font-weight: 400;
    margin-bottom: 1em;
  }
  #top .right-content-wrap .main .intro .inner .txt_anous_wrap p b{
    color: #333;
    font-weight: 700;
  }
  #top .right-content-wrap .main .intro .inner .txt_anous_wrap p a{
    color: #2e3776;
    font-weight: 600;
  }
  #top .right-content-wrap .main .intro .inner .txt_anous_wrap p a:hover{
    text-decoration: underline;
  }
  @media screen and (max-width: 768px) {
    #top .right-content-wrap .main .intro .inner p {
      position: relative;
      font-size: 2rem;
      line-height: 2.1;
    }

    #top .right-content-wrap .main .intro .inner .txt_anous_wrap h3{
      font-size: 2rem;
      line-height: 2.1;
    }
  }
  #top .right-content-wrap .main .news {
    padding: 9rem 0 0 0;
    background-color: #fafafa;
  }
  @media screen and (max-width: 768px) {
    #top .right-content-wrap .main .news {
      padding: 5rem 0 0 0;
    }
  }
  @media screen and (max-width: 768px) {
    #top .right-content-wrap .main .news .inner {
      padding: 0;
    }
  }
  #top .right-content-wrap .main .news .inner .title-inner {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin: 0 auto 2.5rem;
    max-width: 105.1rem;
  }
  @media screen and (max-width: 768px) {
    #top .right-content-wrap .main .news .inner .title-inner {
      flex-direction: column;
      align-items: flex-start;
      max-width: 100%;
      padding: 0 3.2rem;
    }
  }
  #top .right-content-wrap .main .news .inner .title-inner h2 {
    position: relative;
    font-size: 1.6rem;
    font-weight: 700;
  }
  @media screen and (max-width: 768px) {
    #top .right-content-wrap .main .news .inner .title-inner h2 {
      font-size: 2.8rem;
    }
  }
  #top .right-content-wrap .main .news .inner .title-inner h2::after {
    content: "";
    display: block;
    margin: 1.4rem 0 0 0;
    width: 4rem;
    height: 6px;
    background-color: #000;
  }
  #top .right-content-wrap .main .news .inner .title-inner h2 span {
    margin: 0 1rem 0 0;
    font-size: 5rem;
    font-family: "Abril Fatface", cursive;
    font-weight: normal;
  }
  @media screen and (max-width: 768px) {
    #top .right-content-wrap .main .news .inner .title-inner h2 span {
      margin: 0 39rem 0 0;
      font-size: 4.6rem;
    }
  }
  #top .right-content-wrap .main .news .inner .title-inner a {
    display: flex;
    align-items: center;
    font-size: 1.6rem;
    font-weight: 700;
  }
  @media screen and (max-width: 768px) {
    #top .right-content-wrap .main .news .inner .title-inner a {
      margin: 4rem 0 0 auto;
      font-size: 2rem;
    }
  }
  #top .right-content-wrap .main .news .inner .title-inner a:hover p::after {
    transform: scale(1, 1);
  }
  @media screen and (max-width: 768px) {
    #top .right-content-wrap .main .news .inner .title-inner a:hover p::after {
      transform: none;
    }
  }
  #top .right-content-wrap .main .news .inner .title-inner a:hover img {
    transform: translateX(1rem);
  }
  @media screen and (max-width: 768px) {
    #top .right-content-wrap .main .news .inner .title-inner a:hover img {
      transform: none;
    }
  }
  #top .right-content-wrap .main .news .inner .title-inner a p {
    position: relative;
    margin: 0 1.6rem 0 0;
  }
  #top .right-content-wrap .main .news .inner .title-inner a p::after {
    content: "";
    position: absolute;
    bottom: -4px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #333;
    transform: scale(0, 1);
    transform-origin: left top;
    transition: transform 0.3s;
  }
  @media screen and (max-width: 768px) {
    #top .right-content-wrap .main .news .inner .title-inner a p::after {
      display: none;
    }
  }
  #top .right-content-wrap .main .news .inner .title-inner a img {
    display: block;
    transition: transform 0.3s ease;
  }
  #top .right-content-wrap .main .news .inner .news-article-inner {
    margin: 0;
    padding: 4.8rem 0;
    background-color: #ececec;
  }
  @media screen and (max-width: 768px) {
    #top .right-content-wrap .main .news .inner .news-article-inner {
      margin: 6.4rem 0 0 0;
      padding: 3.2rem 3.2rem 6.3rem;
    }
  }
  #top .right-content-wrap .main .news .inner .news-article-inner .news-article-group {
    background: #fff;
    margin: 0 auto;
    padding: 0 3.2rem 3.3rem;
    max-width: 105.1rem;
    height: 35rem;
  }
  #top .right-content-wrap .main .news .inner .news-article-inner .news-article-group:not(:last-child) {
    margin-bottom: 2rem;
  }
  @media screen and (max-width: 768px) {
    #top .right-content-wrap .main .news .inner .news-article-inner .news-article-group {
      height: 74rem;
    }
    #top .right-content-wrap .main .news .inner .news-article-inner .news-article-group:not(:last-child) {
      margin-bottom: 4rem;
    }
  }
  #top .right-content-wrap .main .news .inner .news-article-inner h3 {
    padding: 3.5rem 0 1.6rem;
    background: #fff;
    display: flex;
    align-items: flex-end;
    color: #333;
    font-weight: 700;
  }
  #top .right-content-wrap .main .news .inner .news-article-inner h3 span {
    margin: 0 1rem 0 0;
    font-size: 3.2rem;
    font-family: "Abril Fatface", cursive;
    font-weight: normal;
  }
  @media screen and (max-width: 768px) {
    #top .right-content-wrap .main .news .inner .news-article-inner h3 {
      padding: 6.8rem 0 4rem;
      font-size: 2.4rem;
    }
    #top .right-content-wrap .main .news .inner .news-article-inner h3 span {
      font-size: 4rem;
    }
  }
  #top .right-content-wrap .main .news .inner .news-article-inner ul {
    margin: 0 auto;
    max-width: 98.7rem;
    height: 23.6rem;
    overflow-y: scroll;
    padding: 0 0 3rem;
  }
  @media screen and (max-width: 768px) {
    #top .right-content-wrap .main .news .inner .news-article-inner ul {
      max-width: 100%;
      height: 53rem;
    }
  }
  #top .right-content-wrap .main .news .inner .news-article-inner ul li {
    display: flex;
    align-items: center;
    border-top: 1px dotted #999999;
    padding: 1.6rem 0;
  }
  @media screen and (max-width: 768px) {
    #top .right-content-wrap .main .news .inner .news-article-inner ul li {
      flex-direction: column;
      align-items: flex-start;
      padding: 4rem 0;
    }
  }
  #top .right-content-wrap .main .news .inner .news-article-inner ul li a {
    position: relative;
    font-weight: 700;
  }
  @media screen and (max-width: 768px) {
    #top .right-content-wrap .main .news .inner .news-article-inner ul li a {
      flex-direction: column;
      align-items: flex-start;
    }
  }
  #top .right-content-wrap .main .news .inner .news-article-inner ul li:nth-child(n+2) {
    border-top: 1px dotted #999999;
  }
  #top .right-content-wrap .main .news .inner .news-article-inner ul li:nth-child(n+2) a::after {
    top: 50%;
  }
  #top .right-content-wrap .main .news .inner .news-article-inner ul li:last-of-type {
    border-bottom: 1px dotted #999999;
  }
  #top .right-content-wrap .main .news .inner .news-article-inner ul li .news-label-inner {
    display: flex;
    flex-direction: column;
    min-width: 12rem;
  }
  #top .right-content-wrap .main .news .inner .news-article-inner ul li .news-label-inner span {
    color: #333;
    font-size: 2.2rem;
    font-family: "Abril Fatface", cursive;
  }
  @media screen and (max-width: 768px) {
    #top .right-content-wrap .main .news .inner .news-article-inner ul li .news-label-inner span {
      font-size: 3.2rem;
    }
  }
  #top .right-content-wrap .main .news .inner .news-article-inner ul li .news-label-inner time {
    margin: 0.8rem 0 0 0;
    color: #222;
    font-size: 1.2rem;
    letter-spacing: 0.06em;
  }
  @media screen and (max-width: 768px) {
    #top .right-content-wrap .main .news .inner .news-article-inner ul li .news-label-inner time {
      margin: 1.6rem 0 0 0;
      font-size: 2rem;
    }
  }
  #top .right-content-wrap .main .news .inner .news-article-inner ul li .news-title-inner {
    margin: 0 0 0 4rem;
  }
  @media screen and (max-width: 768px) {
    #top .right-content-wrap .main .news .inner .news-article-inner ul li .news-title-inner {
      margin: 0 0 0 0;
      padding: 4rem 0 0;
      font-size: 2rem;
    }
  }
  #top .right-content-wrap .main .news .inner .news-article-inner ul li .news-title-inner .news-title {
    position: relative;
    max-width: 80rem;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.8;
  }
  @media screen and (max-width: 768px) {
    #top .right-content-wrap .main .news .inner .news-article-inner ul li .news-title-inner .news-title {
      margin: 3rem 0 0 0;
      font-size: 2.4rem;
    }
  }
  #top .right-content-wrap .main .news .inner .news-article-inner ul li .news-title-inner a {
    position: relative;
  }
  #top .right-content-wrap .main .news .inner .news-article-inner ul li .news-title-inner a::after {
    display: inline-block;
    margin: 0 0 0 3rem;
    width: 0.9rem;
    height: 1.5rem;
    background: url("/assets/images/common/ic_arrow02_next_navy.svg") no-repeat center/cover;
  }
  #top .right-content-wrap .main .news .inner .news-article-inner ul li .news-title-inner a .news-title {
    position: relative;
    max-width: 80rem;
    font-size: 1.6rem;
    font-weight: 700;
    line-height: 1.8;
  }
  @media screen and (max-width: 768px) {
    #top .right-content-wrap .main .news .inner .news-article-inner ul li .news-title-inner a .news-title {
      margin: 3rem 0 0 0;
      font-size: 2.4rem;
    }
  }
  #top .right-content-wrap .main .news .inner .news-article-inner ul li .news-title-inner a .news-title:hover {
    color: var(--main-color);
  }
  #top .right-content-wrap .main .news .inner .news-article-inner ul li .news-title-inner a .news-title:hover::after {
    transform: scale(1, 1);
  }
  #top .right-content-wrap .main .news .inner .news-article-inner ul li .news-title-inner a .news-title::after {
    content: "";
    position: absolute;
    bottom: -0.2em;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: var(--main-color);
    transform: scale(0, 1);
    transform-origin: left top;
    transition: transform 0.6s;
  }
  @media screen and (max-width: 768px) {
    #top .right-content-wrap .main .news .inner .news-article-inner ul li .news-title-inner a .news-title::after {
      display: none;
    }
  }
  #top .right-content-wrap .main .case {
    padding: 9rem 0 0 0;
    background-color: #fafafa;
  }
  @media screen and (max-width: 768px) {
    #top .right-content-wrap .main .case {
      padding: 11rem 0 0 0;
    }
  }
  #top .right-content-wrap .main .case .inner .title-inner {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 105.1rem;
  }
  @media screen and (max-width: 768px) {
    #top .right-content-wrap .main .case .inner .title-inner {
      position: relative;
      flex-direction: column;
      align-items: flex-start;
      padding: 0 3.2rem;
      max-width: 100%;
    }
  }
  #top .right-content-wrap .main .case .inner .title-inner h2 {
    position: relative;
    font-size: 1.6rem;
    font-weight: 700;
  }
  @media screen and (max-width: 768px) {
    #top .right-content-wrap .main .case .inner .title-inner h2 {
      font-size: 2.8rem;
    }
  }
  #top .right-content-wrap .main .case .inner .title-inner h2::after {
    content: "";
    display: block;
    margin: 1.4rem 0 0 0;
    width: 4rem;
    height: 6px;
    background-color: #000;
  }
  #top .right-content-wrap .main .case .inner .title-inner h2 span {
    margin: 0 1rem 0 0;
    font-size: 5rem;
    font-family: "Abril Fatface", cursive;
    font-weight: normal;
  }
  @media screen and (max-width: 768px) {
    #top .right-content-wrap .main .case .inner .title-inner h2 span {
      margin: 0 39rem 0 0;
      font-size: 4.6rem;
    }
  }
  #top .right-content-wrap .main .case .inner .title-inner a {
    display: flex;
    align-items: center;
    font-size: 1.6rem;
    font-weight: 700;
  }
  @media screen and (max-width: 768px) {
    #top .right-content-wrap .main .case .inner .title-inner a {
      position: absolute;
      top: 12rem;
      right: 4rem;
      z-index: 10;
      font-size: 2rem;
    }
  }
  #top .right-content-wrap .main .case .inner .title-inner a:hover p::after {
    transform: scale(1, 1);
  }
  @media screen and (max-width: 768px) {
    #top .right-content-wrap .main .case .inner .title-inner a:hover p::after {
      transform: none;
    }
  }
  #top .right-content-wrap .main .case .inner .title-inner a:hover img {
    transform: translateX(1rem);
  }
  @media screen and (max-width: 768px) {
    #top .right-content-wrap .main .case .inner .title-inner a:hover img {
      transform: none;
    }
  }
  #top .right-content-wrap .main .case .inner .title-inner a p {
    position: relative;
    margin: 0 1.6rem 0 0;
  }
  #top .right-content-wrap .main .case .inner .title-inner a p::after {
    content: "";
    position: absolute;
    bottom: -4px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #333;
    transform: scale(0, 1);
    transform-origin: left top;
    transition: transform 0.3s;
  }
  @media screen and (max-width: 768px) {
    #top .right-content-wrap .main .case .inner .title-inner a p::after {
      display: none;
    }
  }
  #top .right-content-wrap .main .case .inner .title-inner a img {
    display: block;
    transition: transform 0.3s ease;
  }
  #top .right-content-wrap .main .case .inner .case-article-inner {
    padding: 4rem 0 0 0;
    background-color: #fff;
  }
  @media screen and (max-width: 768px) {
    #top .right-content-wrap .main .case .inner .case-article-inner {
      padding: 15rem 0 6.4rem 0;
    }
  }
  #top .right-content-wrap .main .case .inner .case-article-inner ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 95.6rem;
  }
  @media screen and (max-width: 768px) {
    #top .right-content-wrap .main .case .inner .case-article-inner ul {
      justify-content: space-between;
      max-width: 100%;
      padding: 0 3.2rem;
    }
  }
  #top .right-content-wrap .main .case .inner .case-article-inner ul::after {
    content: "";
    display: block;
    width: 30rem;
    height: 0;
  }
  #top .right-content-wrap .main .case .inner .case-article-inner ul li {
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.09);
  }
  @media screen and (max-width: 768px) {
    #top .right-content-wrap .main .case .inner .case-article-inner ul li {
      width: 33rem;
    }
  }
  #top .right-content-wrap .main .case .inner .case-article-inner ul li:nth-child(4) {
    margin-left: 0;
  }
  #top .right-content-wrap .main .case .inner .case-article-inner ul li:nth-child(n+4) {
    margin-top: 2rem;
  }
  @media screen and (max-width: 768px) {
    #top .right-content-wrap .main .case .inner .case-article-inner ul li:nth-child(n+4) {
      margin-top: 0;
    }
  }
  @media screen and (max-width: 768px) {
    #top .right-content-wrap .main .case .inner .case-article-inner ul li:nth-child(n+3) {
      margin-top: 4rem;
    }
  }
  #top .right-content-wrap .main .case .inner .case-article-inner ul li a:hover img {
    transform: scale(1.06) rotate(0.1deg);
  }
  #top .right-content-wrap .main .case .inner .case-article-inner ul li a figure {
    overflow: hidden;
  }
  #top .right-content-wrap .main .case .inner .case-article-inner ul li a figure img {
    width: 30.5rem;
    height: 20rem;
    transition: transform 0.5s ease;
  }
  @media screen and (max-width: 768px) {
    #top .right-content-wrap .main .case .inner .case-article-inner ul li a figure img {
      width: 33rem;
      height: 22rem;
    }
  }
  #top .right-content-wrap .main .case .inner .case-article-inner ul li a p {
    padding: 2rem 0 2rem 2rem;
    font-size: 1.4rem;
    font-weight: 700;
  }
  @media screen and (max-width: 768px) {
    #top .right-content-wrap .main .case .inner .case-article-inner ul li a p {
      padding: 2.4rem 0 2.4rem 2.4rem;
      font-size: 2.2rem;
    }
  }
  #top .right-content-wrap .main .bg-gray-cnt {
    margin: 4rem 0 0 0;
    width: 100%;
    height: 8.8rem;
    background-color: #fafafa;
  }
  #top .right-content-wrap .main .top-viewMore {
    background-color: #fff;
  }
  #top .right-content-wrap .main .flow {
    padding: 9rem 0 0 0;
    background-color: #fafafa;
  }
  #top .right-content-wrap .main .flow .inner {
    position: relative;
  }
  #top .right-content-wrap .main .flow .inner .title-inner {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 105.1rem;
  }
  @media screen and (max-width: 768px) {
    #top .right-content-wrap .main .flow .inner .title-inner {
      position: relative;
      flex-direction: column;
      align-items: flex-start;
      padding: 0 3.2rem;
      max-width: 100%;
    }
  }
  #top .right-content-wrap .main .flow .inner .title-inner h2 {
    position: relative;
    font-size: 1.6rem;
    font-weight: 700;
  }
  @media screen and (max-width: 768px) {
    #top .right-content-wrap .main .flow .inner .title-inner h2 {
      font-size: 2.8rem;
    }
  }
  #top .right-content-wrap .main .flow .inner .title-inner h2::after {
    content: "";
    display: block;
    margin: 1.4rem 0 0 0;
    width: 4rem;
    height: 6px;
    background-color: #000;
  }
  #top .right-content-wrap .main .flow .inner .title-inner h2 span {
    margin: 0 1rem 0 0;
    font-size: 5rem;
    font-family: "Abril Fatface", cursive;
    font-weight: normal;
  }
  @media screen and (max-width: 768px) {
    #top .right-content-wrap .main .flow .inner .title-inner h2 span {
      margin: 0 30rem 0 0;
      font-size: 4.6rem;
    }
  }
  #top .right-content-wrap .main .flow .inner .flow-content-inner {
    position: relative;
    padding: 4rem 0 0 0;
  }
  @media screen and (max-width: 768px) {
    #top .right-content-wrap .main .flow .inner .flow-content-inner {
      padding: 8rem 0 0 0;
    }
  }
  #top .right-content-wrap .main .flow .inner .flow-content-inner::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 1.4rem;
    background-color: #c8c8c8;
    background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(0.25, #fafafa), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, #fafafa), color-stop(0.75, #fafafa), color-stop(0.75, transparent), to(transparent));
    -webkit-background-size: 7px 7px;
    transform: translateY(50%);
  }
  @media screen and (max-width: 768px) {
    #top .right-content-wrap .main .flow .inner .flow-content-inner::after {
      top: 20rem;
      height: 5rem;
    }
  }
  @media screen and (max-width: 768px) {
    #top .right-content-wrap .main .flow .inner .flow-content-inner::before {
      content: "";
      position: absolute;
      top: 57rem;
      left: 0;
      z-index: 0;
      width: 100%;
      height: 5rem;
      background-color: #c8c8c8;
      background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(0.25, #fafafa), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, #fafafa), color-stop(0.75, #fafafa), color-stop(0.75, transparent), to(transparent));
      -webkit-background-size: 7px 7px;
      transform: translateY(50%);
    }
  }
  #top .right-content-wrap .main .flow .inner .flow-content-inner ul {
    position: relative;
    z-index: 10;
    display: flex;
    justify-content: center;
    margin: 0 auto;
    max-width: 94.5rem;
    width: 100%;
  }
  @media screen and (max-width: 768px) {
    #top .right-content-wrap .main .flow .inner .flow-content-inner ul {
      flex-wrap: wrap;
      max-width: 100%;
    }
  }
  #top .right-content-wrap .main .flow .inner .flow-content-inner ul li {
    padding: 4.05rem 2rem;
    width: 22rem;
    background-color: #fff;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.09);
  }
  @media screen and (max-width: 768px) {
    #top .right-content-wrap .main .flow .inner .flow-content-inner ul li {
      padding: 5rem 3rem 0 3rem;
      width: 33.6rem;
      height: 33.6rem;
    }
  }
  @media screen and (max-width: 768px) {
    #top .right-content-wrap .main .flow .inner .flow-content-inner ul li:nth-child(3) {
      margin-left: 0;
    }
  }
  @media screen and (max-width: 768px) {
    #top .right-content-wrap .main .flow .inner .flow-content-inner ul li:nth-child(n+3) {
      margin-top: 3rem;
    }
  }
  #top .right-content-wrap .main .flow .inner .flow-content-inner ul li h3 {
    font-size: 1.8rem;
    font-weight: 700;
  }
  @media screen and (max-width: 768px) {
    #top .right-content-wrap .main .flow .inner .flow-content-inner ul li h3 {
      font-size: 2.6rem;
    }
  }
  #top .right-content-wrap .main .flow .inner .flow-content-inner ul li p {
    margin: 2rem 0 0 0;
    font-size: 1.6rem;
    line-height: 2;
  }
  @media screen and (max-width: 768px) {
    #top .right-content-wrap .main .flow .inner .flow-content-inner ul li p {
      font-size: 2.2rem;
      line-height: 1.8;
    }
  }
  #top .right-content-wrap .main .flow .inner .flow-content-inner ul li div {
    margin: 2rem 0 0 0;
    text-align: center;
  }
  #top .right-content-wrap .main .flow .inner .flow-content-inner ul li div span {
    display: inline-block;
    padding: 0.8rem 1.4rem;
    font-size: 1.6rem;
    font-weight: 700;
    background-color: #dedede;
    letter-spacing: 0.1em;
  }
  @media screen and (max-width: 768px) {
    #top .right-content-wrap .main .flow .inner .flow-content-inner ul li div span {
      font-size: 2.2rem;
    }
  }
  #top .right-content-wrap .main .flow .inner .arrow-inner {
    display: flex;
    justify-content: flex-end;
    margin: 0 auto;
    max-width: 105.1rem;
  }
  @media screen and (max-width: 768px) {
    #top .right-content-wrap .main .flow .inner .arrow-inner {
      position: absolute;
      top: 12rem;
      right: 4rem;
      z-index: 10;
      max-width: 100%;
    }
  }
  #top .right-content-wrap .main .flow .inner .arrow-inner a {
    display: flex;
    align-items: center;
    margin: 4rem 0 0 0;
    font-size: 1.6rem;
    font-weight: 700;
  }
  @media screen and (max-width: 768px) {
    #top .right-content-wrap .main .flow .inner .arrow-inner a {
      margin: 0;
      font-size: 2rem;
    }
  }
  #top .right-content-wrap .main .flow .inner .arrow-inner a:hover p::after {
    transform: scale(1, 1);
  }
  @media screen and (max-width: 768px) {
    #top .right-content-wrap .main .flow .inner .arrow-inner a:hover p::after {
      transform: none;
    }
  }
  #top .right-content-wrap .main .flow .inner .arrow-inner a:hover img {
    transform: translateX(1rem);
  }
  @media screen and (max-width: 768px) {
    #top .right-content-wrap .main .flow .inner .arrow-inner a:hover img {
      transform: none;
    }
  }
  #top .right-content-wrap .main .flow .inner .arrow-inner a p {
    position: relative;
    margin: 0 1.6rem 0 0;
  }
  #top .right-content-wrap .main .flow .inner .arrow-inner a p::after {
    content: "";
    position: absolute;
    bottom: -4px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #333;
    transform: scale(0, 1);
    transform-origin: left top;
    transition: transform 0.3s;
  }
  @media screen and (max-width: 768px) {
    #top .right-content-wrap .main .flow .inner .arrow-inner a p::after {
      display: none;
    }
  }
  #top .right-content-wrap .main .flow .inner .arrow-inner a img {
    display: block;
    transition: transform 0.3s ease;
  }
  #top .right-content-wrap .main .showroom {
    padding: 9rem 0 0 0;
    height: 91.7rem;
    background-color: #fafafa;
  }
  @media screen and (max-width: 768px) {
    #top .right-content-wrap .main .showroom {
      height: auto;
    }
  }
  #top .right-content-wrap .main .showroom .inner .title-inner {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 105.1rem;
  }
  @media screen and (max-width: 768px) {
    #top .right-content-wrap .main .showroom .inner .title-inner {
      position: relative;
      flex-direction: column;
      align-items: flex-start;
      padding: 0 3.2rem;
      max-width: 100%;
    }
  }
  #top .right-content-wrap .main .showroom .inner .title-inner h2 {
    position: relative;
    font-size: 1.6rem;
    font-weight: 700;
  }
  @media screen and (max-width: 768px) {
    #top .right-content-wrap .main .showroom .inner .title-inner h2 {
      font-size: 2.8rem;
    }
  }
  #top .right-content-wrap .main .showroom .inner .title-inner h2::after {
    content: "";
    display: block;
    margin: 1.4rem 0 0 0;
    width: 4rem;
    height: 6px;
    background-color: #000;
  }
  #top .right-content-wrap .main .showroom .inner .title-inner h2 span {
    margin: 0 1rem 0 0;
    font-size: 5rem;
    font-family: "Abril Fatface", cursive;
    font-weight: normal;
  }
  @media screen and (max-width: 768px) {
    #top .right-content-wrap .main .showroom .inner .title-inner h2 span {
      margin: 0 18rem 0 0;
      font-size: 4.6rem;
    }
  }
  #top .right-content-wrap .main .showroom .inner .map {
    position: relative;
  }
  #top .right-content-wrap .main .showroom .inner .map::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    width: 100%;
    height: 75rem;
    background-image: url("/assets/images/top/bg_showroom.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  }
  @media screen and (max-width: 768px) {
    #top .right-content-wrap .main .showroom .inner .map::after {
      height: 100%;
      background-image: url("/assets/images/top/sp/bg_showroom.png");
    }
  }
  #top .right-content-wrap .main .showroom .inner .map .map-inner {
    position: relative;
    z-index: 10;
    margin: 0 auto;
    padding: 4rem 0 10rem 0;
    max-width: 105.1rem;
  }
  @media screen and (max-width: 768px) {
    #top .right-content-wrap .main .showroom .inner .map .map-inner {
      padding: 4.8rem 0 4.8rem 0;
      max-width: 100%;
    }
  }
  @media screen and (max-width: 768px) {
    #top .right-content-wrap .main .showroom .inner .map .map-inner::after {
      display: none;
    }
  }
  #top .right-content-wrap .main .showroom .inner .map .map-inner p {
    color: #fff;
    font-size: 1.4rem;
  }
  @media screen and (max-width: 768px) {
    #top .right-content-wrap .main .showroom .inner .map .map-inner p {
      padding: 0 3.2rem;
      font-size: 2.2rem;
      line-height: 2;
    }
  }
  @media screen and (max-width: 768px) {
    #top .right-content-wrap .main .showroom .inner .map .map-inner .showroom-nav {
      padding: 1.9rem 3.2rem 8rem 3.2rem;
    }
  }
  #top .right-content-wrap .main .showroom .inner .map .map-inner .showroom-nav button {
    display: flex;
    justify-content: center;
    margin: 2.4rem 0 0 0;
    padding: 1.5rem 0;
    width: 42.8rem;
    border: 1px solid #fff;
    border-radius: 5px;
    transition: background-color 0.5s ease;
  }
  @media screen and (max-width: 768px) {
    #top .right-content-wrap .main .showroom .inner .map .map-inner .showroom-nav button {
      padding: 1.9rem 0;
      width: 100%;
    }
  }
  #top .right-content-wrap .main .showroom .inner .map .map-inner .showroom-nav button:hover {
    border: 1px solid #2e3776;
    background-color: #2e3776;
  }
  #top .right-content-wrap .main .showroom .inner .map .map-inner .showroom-nav button p {
    position: relative;
    color: #fff;
    font-size: 1.4rem;
    font-weight: 700;
    padding-right: 30px;
  }
  @media screen and (max-width: 768px) {
    #top .right-content-wrap .main .showroom .inner .map .map-inner .showroom-nav button p {
      font-size: 2.2rem;
    }
  }
  #top .right-content-wrap .main .showroom .inner .map .map-inner .showroom-nav button p::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 1.6rem;
    height: 1.6rem;
    background-image: url("/assets/images/common/ic_search_white.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 1.6rem auto;
  }
  @media screen and (max-width: 768px) {
    #top .right-content-wrap .main .showroom .inner .map .map-inner .showroom-nav button p::after {
      top: 11%;
      right: 0;
      width: 2.8rem;
      height: 2.8rem;
      background-size: 2.8rem auto;
    }
  }
  #top .right-content-wrap .main .showroom .inner .map .map-inner .prefectures-map figure {
    position: absolute;
    z-index: 10;
  }
  #top .right-content-wrap .main .showroom .inner .map .map-inner .prefectures-map figure:nth-child(1) {
    top: 17.8%;
    left: 59.5%;
    width: 19.7rem;
    height: 17.4rem;
  }
  #top .right-content-wrap .main .showroom .inner .map .map-inner .prefectures-map figure:nth-child(2) {
    top: 116.4%;
    left: 60.9%;
    width: 4.1rem;
    height: 6.7rem;
  }
  #top .right-content-wrap .main .showroom .inner .map .map-inner .prefectures-map figure:nth-child(3) {
    top: 93.6%;
    left: 58.6%;
    width: 6rem;
    height: 5.8rem;
  }
  #top .right-content-wrap .main .showroom .inner .map .map-inner .prefectures-map figure:nth-child(4) {
    top: 112%;
    left: 57.6%;
    width: 4.3rem;
    height: 7.3rem;
  }
  #top .right-content-wrap .main .showroom .inner .map .map-inner .prefectures-map figure:nth-child(5) {
    top: 142%;
    left: 58%;
    width: 5.5rem;
    height: 4.8rem;
  }
  #top .right-content-wrap .main .showroom .inner .map .map-inner .prefectures-map figure:nth-child(6) {
    top: 158.4%;
    left: 54.2%;
    width: 6.3rem;
    height: 4.9rem;
  }
  #top .right-content-wrap .main .showroom .inner .map .map-inner .prefectures-map figure:nth-child(7) {
    top: 135.8%;
    left: 56.03%;
    width: 3.8rem;
    height: 6.1rem;
  }
  #top .right-content-wrap .main .showroom .inner .map .map-inner .prefectures-map figure:nth-child(8) {
    top: 192.7%;
    left: 52.19%;
    width: 3.6rem;
    height: 1.8rem;
  }
  #top .right-content-wrap .main .showroom .inner .map .map-inner .prefectures-map figure:nth-child(9) {
    top: 196.1%;
    left: 51.7%;
    width: 3.6rem;
    height: 2.4rem;
  }
  #top .right-content-wrap .main .showroom .inner .map .map-inner .prefectures-map figure:nth-child(10) {
    top: 186.2%;
    left: 51.9%;
    width: 4rem;
    height: 2.4rem;
  }
  #top .right-content-wrap .main .showroom .inner .map .map-inner .prefectures-map figure:nth-child(11) {
    top: 193%;
    left: 54.7%;
    width: 3.9rem;
    height: 4.4rem;
  }
  #top .right-content-wrap .main .showroom .inner .map .map-inner .prefectures-map figure:nth-child(12) {
    top: 176.3%;
    left: 55%;
    width: 4.3rem;
    height: 5.4rem;
  }
  #top .right-content-wrap .main .showroom .inner .map .map-inner .prefectures-map figure:nth-child(13) {
    top: 171.86%;
    left: 54.28%;
    width: 3.4rem;
    height: 3.9rem;
  }
  #top .right-content-wrap .main .showroom .inner .map .map-inner .prefectures-map figure:nth-child(14) {
    top: 172.3%;
    left: 51.3%;
    width: 4rem;
    height: 4.1rem;
  }
  #top .right-content-wrap .main .showroom .inner .map .map-inner .prefectures-map figure:nth-child(15) {
    top: 189.8%;
    left: 50%;
    width: 2.8rem;
    height: 2.9rem;
  }
  #top .right-content-wrap .main .showroom .inner .map .map-inner .prefectures-map figure:nth-child(16) {
    top: 171.6%;
    left: 47.8%;
    width: 5rem;
    height: 7rem;
  }
  #top .right-content-wrap .main .showroom .inner .map .map-inner .prefectures-map figure:nth-child(17) {
    top: 145.4%;
    left: 49.26%;
    width: 7.5rem;
    height: 7.1rem;
  }
  #top .right-content-wrap .main .showroom .inner .map .map-inner .prefectures-map figure:nth-child(18) {
    top: 169.04%;
    left: 46.3%;
    width: 3.6rem;
    height: 2.7rem;
  }
  #top .right-content-wrap .main .showroom .inner .map .map-inner .prefectures-map figure:nth-child(19) {
    top: 159.1%;
    left: 44.52%;
    width: 4.5rem;
    height: 5.7rem;
  }
  #top .right-content-wrap .main .showroom .inner .map .map-inner .prefectures-map figure:nth-child(20) {
    top: 178.4%;
    left: 41.3%;
    width: 5.1rem;
    height: 3.7rem;
  }
  #top .right-content-wrap .main .showroom .inner .map .map-inner .prefectures-map figure:nth-child(21) {
    top: 195.9%;
    left: 45.2%;
    width: 4rem;
    height: 3.5rem;
  }
  #top .right-content-wrap .main .showroom .inner .map .map-inner .prefectures-map figure:nth-child(22) {
    top: 196.9%;
    left: 47.4%;
    width: 5.8rem;
    height: 4.2rem;
  }
  #top .right-content-wrap .main .showroom .inner .map .map-inner .prefectures-map figure:nth-child(23) {
    top: 177.8%;
    left: 44.1%;
    width: 5.1rem;
    height: 5.2rem;
  }
  #top .right-content-wrap .main .showroom .inner .map .map-inner .prefectures-map figure:nth-child(24) {
    top: 198%;
    left: 41.9%;
    width: 3.9rem;
    height: 5.8rem;
  }
  #top .right-content-wrap .main .showroom .inner .map .map-inner .prefectures-map figure:nth-child(25) {
    top: 200.5%;
    left: 39.7%;
    width: 2.5rem;
    height: 2.5rem;
  }
  #top .right-content-wrap .main .showroom .inner .map .map-inner .prefectures-map figure:nth-child(26) {
    top: 185.5%;
    left: 37.5%;
    width: 4rem;
    height: 4.5rem;
  }
  #top .right-content-wrap .main .showroom .inner .map .map-inner .prefectures-map figure:nth-child(27) {
    top: 185.1%;
    left: 40.08%;
    width: 3.2rem;
    height: 4.8rem;
  }
  #top .right-content-wrap .main .showroom .inner .map .map-inner .prefectures-map figure:nth-child(28) {
    top: 190.1%;
    left: 42.7%;
    width: 2.4rem;
    height: 3.7rem;
  }
  #top .right-content-wrap .main .showroom .inner .map .map-inner .prefectures-map figure:nth-child(29) {
    top: 204.1%;
    left: 41.05%;
    width: 2.2rem;
    height: 3.5rem;
  }
  #top .right-content-wrap .main .showroom .inner .map .map-inner .prefectures-map figure:nth-child(30) {
    top: 209.8%;
    left: 39.6%;
    width: 3rem;
    height: 3.9rem;
  }
  #top .right-content-wrap .main .showroom .inner .map .map-inner .prefectures-map figure:nth-child(31) {
    top: 189.3%;
    left: 34.74%;
    width: 3.7rem;
    height: 3.8rem;
  }
  #top .right-content-wrap .main .showroom .inner .map .map-inner .prefectures-map figure:nth-child(32) {
    top: 191.2%;
    left: 30.6%;
    width: 4.5rem;
    height: 3.5rem;
  }
  #top .right-content-wrap .main .showroom .inner .map .map-inner .prefectures-map figure:nth-child(33) {
    top: 185.4%;
    left: 34.2%;
    width: 4.8rem;
    height: 1.9rem;
  }
  #top .right-content-wrap .main .showroom .inner .map .map-inner .prefectures-map figure:nth-child(34) {
    top: 183.9%;
    left: 29.4%;
    width: 6.2rem;
    height: 4.5rem;
  }
  #top .right-content-wrap .main .showroom .inner .map .map-inner .prefectures-map figure:nth-child(35) {
    top: 196.1%;
    left: 26.8%;
    width: 4.5rem;
    height: 3.5rem;
  }
  #top .right-content-wrap .main .showroom .inner .map .map-inner .prefectures-map figure:nth-child(36) {
    top: 211%;
    left: 35%;
    width: 3.5rem;
    height: 2.7rem;
  }
  #top .right-content-wrap .main .showroom .inner .map .map-inner .prefectures-map figure:nth-child(37) {
    top: 204.8%;
    left: 35.1%;
    width: 2.9rem;
    height: 1.4rem;
  }
  #top .right-content-wrap .main .showroom .inner .map .map-inner .prefectures-map figure:nth-child(38) {
    top: 209.3%;
    left: 30.8%;
    width: 4.7rem;
    height: 4.6rem;
  }
  #top .right-content-wrap .main .showroom .inner .map .map-inner .prefectures-map figure:nth-child(39) {
    top: 214.6%;
    left: 31.3%;
    width: 6rem;
    height: 3.9rem;
  }
  #top .right-content-wrap .main .showroom .inner .map .map-inner .prefectures-map figure:nth-child(40) {
    top: 206.7%;
    left: 24%;
    width: 3.7rem;
    height: 3.5rem;
  }
  #top .right-content-wrap .main .showroom .inner .map .map-inner .prefectures-map figure:nth-child(41) {
    top: 210.7%;
    left: 22.9%;
    width: 2.6rem;
    height: 2.6rem;
  }
  #top .right-content-wrap .main .showroom .inner .map .map-inner .prefectures-map figure:nth-child(42) {
    top: 213.5%;
    left: 22.01%;
    width: 2.7rem;
    height: 3.3rem;
  }
  #top .right-content-wrap .main .showroom .inner .map .map-inner .prefectures-map figure:nth-child(43) {
    top: 220.4%;
    left: 24%;
    width: 3.5rem;
    height: 4.1rem;
  }
  #top .right-content-wrap .main .showroom .inner .map .map-inner .prefectures-map figure:nth-child(44) {
    top: 213%;
    left: 26%;
    width: 3.7rem;
    height: 3.8rem;
  }
  #top .right-content-wrap .main .showroom .inner .map .map-inner .prefectures-map figure:nth-child(45) {
    top: 226.2%;
    left: 25%;
    width: 4.2rem;
    height: 5.7rem;
  }
  #top .right-content-wrap .main .showroom .inner .map .map-inner .prefectures-map figure:nth-child(46) {
    top: 235.8%;
    left: 22.8%;
    width: 3.3rem;
    height: 4.7rem;
  }
  #top .right-content-wrap .main .showroom .inner .map .map-inner .prefectures {
    color: #fff;
  }
  #top .right-content-wrap .main .showroom .inner .map .map-inner .prefectures dl {
    position: absolute;
    z-index: 10;
    width: 22.9rem;
    height: 4rem;
  }
  @media screen and (max-width: 768px) {
    #top .right-content-wrap .main .showroom .inner .map .map-inner .prefectures dl {
      position: relative;
      width: 100%;
      height: auto;
    }
  }
  #top .right-content-wrap .main .showroom .inner .map .map-inner .prefectures dl:nth-child(n+2) {
    margin: -1px 0 0 0;
  }
  #top .right-content-wrap .main .showroom .inner .map .map-inner .prefectures dl:nth-child(1) {
    top: 50%;
    right: -34px;
  }
  @media screen and (max-width: 768px) {
    #top .right-content-wrap .main .showroom .inner .map .map-inner .prefectures dl:nth-child(1) {
      top: auto;
      right: auto;
    }
  }
  #top .right-content-wrap .main .showroom .inner .map .map-inner .prefectures dl:nth-child(2) {
    top: 144%;
    right: -34px;
  }
  @media screen and (max-width: 768px) {
    #top .right-content-wrap .main .showroom .inner .map .map-inner .prefectures dl:nth-child(2) {
      top: auto;
      right: auto;
    }
  }
  #top .right-content-wrap .main .showroom .inner .map .map-inner .prefectures dl:nth-child(3) {
    top: 14.8rem;
    left: 23.7%;
  }
  @media screen and (max-width: 768px) {
    #top .right-content-wrap .main .showroom .inner .map .map-inner .prefectures dl:nth-child(3) {
      top: auto;
      left: auto;
    }
  }
  #top .right-content-wrap .main .showroom .inner .map .map-inner .prefectures dl:nth-child(4) {
    top: 237%;
    right: 20.5%;
  }
  @media screen and (max-width: 768px) {
    #top .right-content-wrap .main .showroom .inner .map .map-inner .prefectures dl:nth-child(4) {
      top: auto;
      right: auto;
    }
  }
  #top .right-content-wrap .main .showroom .inner .map .map-inner .prefectures dl:nth-child(5) {
    top: 237%;
    right: 44.2%;
  }
  @media screen and (max-width: 768px) {
    #top .right-content-wrap .main .showroom .inner .map .map-inner .prefectures dl:nth-child(5) {
      top: auto;
      right: auto;
    }
  }
  #top .right-content-wrap .main .showroom .inner .map .map-inner .prefectures dl:nth-child(6) {
    top: 14.8rem;
    left: 0%;
  }
  @media screen and (max-width: 768px) {
    #top .right-content-wrap .main .showroom .inner .map .map-inner .prefectures dl:nth-child(6) {
      top: auto;
      left: auto;
    }
  }
  #top .right-content-wrap .main .showroom .inner .map .map-inner .prefectures dl:nth-child(7) {
    top: 237%;
    left: 0%;
  }
  @media screen and (max-width: 768px) {
    #top .right-content-wrap .main .showroom .inner .map .map-inner .prefectures dl:nth-child(7) {
      top: auto;
      left: auto;
    }
  }
  #top .right-content-wrap .main .showroom .inner .map .map-inner .prefectures dl:nth-child(8) {
    top: 32.8rem;
    left: 0%;
  }
  @media screen and (max-width: 768px) {
    #top .right-content-wrap .main .showroom .inner .map .map-inner .prefectures dl:nth-child(8) {
      top: auto;
      left: auto;
    }
  }
  #top .right-content-wrap .main .showroom .inner .map .map-inner .prefectures dl dt label {
    display: flex;
    align-items: center;
    padding: 0.8rem 1.8rem;
    background-color: rgba(255, 255, 255, 0.4);
    border: 1px solid rgba(255, 255, 255, 0.4);
    font-size: 1.6rem;
    font-weight: 700;
  }
  @media screen and (max-width: 768px) {
    #top .right-content-wrap .main .showroom .inner .map .map-inner .prefectures dl dt label {
      display: none;
    }
  }
  #top .right-content-wrap .main .showroom .inner .map .map-inner .prefectures dl dt label input {
    position: absolute !important;
    margin: -1px !important;
    padding: 0 !important;
    width: 1px !important;
    height: 1px !important;
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    -webkit-clip-path: inset(50%) !important;
            clip-path: inset(50%) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
  }
  #top .right-content-wrap .main .showroom .inner .map .map-inner .prefectures dl dt label input:checked + .checkbox__icon::before {
    border: 2px solid #66a9af;
  }
  #top .right-content-wrap .main .showroom .inner .map .map-inner .prefectures dl dt label input:checked + .checkbox__icon::after {
    border-bottom: 2px solid #fff;
    border-left: 2px solid #fff;
    opacity: 1;
    transform: rotate(-45deg);
  }
  #top .right-content-wrap .main .showroom .inner .map .map-inner .prefectures dl dt label .checkbox__icon {
    position: relative;
    display: inline-block;
    width: 1.6rem;
    height: 1.6rem;
  }
  #top .right-content-wrap .main .showroom .inner .map .map-inner .prefectures dl dt label .checkbox__icon::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    border: 2px solid #ddd;
    border-radius: 5px;
    transition: border-color 0.5s, opacity 0.5s, transform 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
  }
  #top .right-content-wrap .main .showroom .inner .map .map-inner .prefectures dl dt label .checkbox__icon::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 1.6rem;
    height: 1rem;
    opacity: 0;
    transform: rotate(-225deg);
    transition: opacity 0.5s, transform 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
  }
  #top .right-content-wrap .main .showroom .inner .map .map-inner .prefectures dl dt label .checkbox__text {
    position: relative;
    display: inline-block;
    margin-left: 1rem;
    letter-spacing: 0.01em;
    line-height: 1.5;
    transition: color 0.3s;
  }
  @media screen and (max-width: 768px) {
    #top .right-content-wrap .main .showroom .inner .map .map-inner .prefectures dl dt h3 {
      position: relative;
      padding: 3.8rem 3.2rem;
      background-color: transparent;
      border-top: 1px solid rgba(255, 255, 255, 0.4);
      border-bottom: 1px solid rgba(255, 255, 255, 0.4);
      font-size: 2.4rem;
    }
  }
  @media screen and (max-width: 768px) {
    #top .right-content-wrap .main .showroom .inner .map .map-inner .prefectures dl dt h3::before, #top .right-content-wrap .main .showroom .inner .map .map-inner .prefectures dl dt h3::after {
      content: "";
      position: absolute;
      top: 50%;
      right: 5%;
      width: 2.4rem;
      height: 1px;
      background-color: #fff;
      transform: translateY(-50%);
    }
  }
  @media screen and (max-width: 768px) {
    #top .right-content-wrap .main .showroom .inner .map .map-inner .prefectures dl dt h3::after {
      transform: translateY(-50%) rotate(90deg);
    }
  }
  @media screen and (max-width: 768px) {
    #top .right-content-wrap .main .showroom .inner .map .map-inner .prefectures dl dt.opened h3::after {
      transform: translateY(-50%) rotate(-180deg);
    }
  }
  #top .right-content-wrap .main .showroom .inner .map .map-inner .prefectures dl dd {
    display: flex;
    flex-wrap: wrap;
    padding: 1.6rem 0rem 1.4rem 2rem;
    border: 1px solid rgba(255, 255, 255, 0.4);
    border-top: none;
    font-size: 1.6rem;
    letter-spacing: 0.1em;
    min-height: 12rem;
    align-content: center;
  }
  @media screen and (max-width: 768px) {
    #top .right-content-wrap .main .showroom .inner .map .map-inner .prefectures dl dd {
      display: none;
      padding: 3.6rem 3.2rem 3.6rem 3.2rem;
      border: none;
    }
  }
  #top .right-content-wrap .main .showroom .inner .map .map-inner .prefectures dl dd label {
    width: 50%;
  }
  #top .right-content-wrap .main .showroom .inner .map .map-inner .prefectures dl dd label:nth-child(n+3) {
    margin: 0.8rem 0 0 0;
  }
  @media screen and (max-width: 768px) {
    #top .right-content-wrap .main .showroom .inner .map .map-inner .prefectures dl dd label:nth-child(n+3) {
      margin: 4rem 0 0 0;
    }
  }
  #top .right-content-wrap .main .showroom .inner .map .map-inner .prefectures dl dd label input {
    position: absolute !important;
    margin: -1px !important;
    padding: 0 !important;
    width: 1px !important;
    height: 1px !important;
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    -webkit-clip-path: inset(50%) !important;
            clip-path: inset(50%) !important;
    white-space: nowrap !important;
    overflow: hidden !important;
  }
  @media screen and (max-width: 768px) {
    #top .right-content-wrap .main .showroom .inner .map .map-inner .prefectures dl dd label input {
      margin: 0 2rem 0 0;
    }
  }
  #top .right-content-wrap .main .showroom .inner .map .map-inner .prefectures dl dd label input:checked + .checkbox__icon::before {
    border: 2px solid #66a9af;
  }
  #top .right-content-wrap .main .showroom .inner .map .map-inner .prefectures dl dd label input:checked + .checkbox__icon::after {
    border-bottom: 0.2rem solid #fff;
    border-left: 0.2rem solid #fff;
    opacity: 1;
    transform: rotate(-45deg);
  }
  @media screen and (max-width: 768px) {
    #top .right-content-wrap .main .showroom .inner .map .map-inner .prefectures dl dd label input:checked + .checkbox__icon::after {
      transform: rotate(-45deg) translate(-50%, -50%);
    }
  }
  #top .right-content-wrap .main .showroom .inner .map .map-inner .prefectures dl dd label .checkbox__icon {
    position: relative;
    display: inline-block;
    width: 1.6rem;
    height: 1.6rem;
  }
  @media screen and (max-width: 768px) {
    #top .right-content-wrap .main .showroom .inner .map .map-inner .prefectures dl dd label .checkbox__icon {
      width: 4rem;
      height: 4rem;
    }
  }
  #top .right-content-wrap .main .showroom .inner .map .map-inner .prefectures dl dd label .checkbox__icon::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    border: 2px solid #ddd;
    border-radius: 5px;
    transition: border-color 0.5s, opacity 0.5s, transform 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
  }
  #top .right-content-wrap .main .showroom .inner .map .map-inner .prefectures dl dd label .checkbox__icon::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 1.6rem;
    height: 1rem;
    opacity: 0;
    transform: rotate(-225deg);
    transition: opacity 0.5s, transform 0.5s cubic-bezier(0.075, 0.82, 0.165, 1);
  }
  @media screen and (max-width: 768px) {
    #top .right-content-wrap .main .showroom .inner .map .map-inner .prefectures dl dd label .checkbox__icon::after {
      top: 25%;
      left: 50%;
    }
  }
  #top .right-content-wrap .main .showroom .inner .map .map-inner .prefectures dl dd label .checkbox__text {
    position: relative;
    display: inline-block;
    margin-left: 1rem;
    letter-spacing: 0.01em;
    line-height: 1.5;
    transition: color 0.3s;
  }
  #top .right-content-wrap .main .showroom .inner .map .map-inner .prefectures dl dd .sp-all-link {
    font-size: 2.8rem;
  }
  @media screen and (max-width: 768px) {
    #top .right-content-wrap .main .showroom .inner .map .map-inner .prefectures dl dd .sp-all-link {
      display: flex;
    }
  }
  #top .right-content-wrap .main .showroom .inner .map .map-inner .prefectures dl dd .prefectures-list-inner {
    display: flex;
    flex-wrap: wrap;
  }
  @media screen and (max-width: 768px) {
    #top .right-content-wrap .main .showroom .inner .map .map-inner .prefectures dl dd .prefectures-list-inner label {
      margin: 4rem 0 0 0;
      font-size: 2.4rem;
    }
  }
  #top .right-content-wrap .main .showroom .inner .map .map-inner .prefectures dl dd .prefectures-list-inner label {
    display: flex;
    align-items: center;
  }
  #top .right-content-wrap .main .showroom .inner .map .map-inner .arrow-inner {
    position: absolute;
    top: 295%;
    right: -27px;
    z-index: 10;
  }
  #top .right-content-wrap .main .showroom .inner .map .map-inner .arrow-inner button {
    display: flex;
    align-items: center;
    font-weight: 700;
  }
  #top .right-content-wrap .main .showroom .inner .map .map-inner .arrow-inner button:hover p::after {
    transform: scale(1, 1);
  }
  @media screen and (max-width: 768px) {
    #top .right-content-wrap .main .showroom .inner .map .map-inner .arrow-inner button:hover p::after {
      transform: none;
    }
  }
  #top .right-content-wrap .main .showroom .inner .map .map-inner .arrow-inner button:hover img {
    transform: translateX(1rem);
  }
  @media screen and (max-width: 768px) {
    #top .right-content-wrap .main .showroom .inner .map .map-inner .arrow-inner button:hover img {
      transform: none;
    }
  }
  #top .right-content-wrap .main .showroom .inner .map .map-inner .arrow-inner button p {
    position: relative;
    font-size: 1.6rem;
    margin: 0.8rem 1.6rem 0 0;
  }
  #top .right-content-wrap .main .showroom .inner .map .map-inner .arrow-inner button p::after {
    content: "";
    position: absolute;
    bottom: -4px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #fff;
    transform: scale(0, 1);
    transform-origin: left top;
    transition: transform 0.3s;
  }
  @media screen and (max-width: 768px) {
    #top .right-content-wrap .main .showroom .inner .map .map-inner .arrow-inner button p::after {
      display: none;
    }
  }
  #top .right-content-wrap .main .showroom .inner .map .map-inner .arrow-inner button img {
    transition: transform 0.3s ease;
  }
  #top .right-content-wrap .main .archives {
    padding: 9rem 0 9.5rem 0;
    background-color: #fafafa;
  }
  #top .right-content-wrap .main .archives .inner .title-inner {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 105.1rem;
  }
  @media screen and (max-width: 768px) {
    #top .right-content-wrap .main .archives .inner .title-inner {
      position: relative;
      flex-direction: column;
      align-items: flex-start;
      padding: 0 3.2rem;
      max-width: 100%;
    }
  }
  #top .right-content-wrap .main .archives .inner .title-inner h2 {
    position: relative;
    font-size: 1.6rem;
    font-weight: 700;
  }
  @media screen and (max-width: 768px) {
    #top .right-content-wrap .main .archives .inner .title-inner h2 {
      font-size: 2.8rem;
    }
  }
  #top .right-content-wrap .main .archives .inner .title-inner h2::after {
    content: "";
    display: block;
    margin: 1.4rem 0 0 0;
    width: 4rem;
    height: 6px;
    background-color: #000;
  }
  #top .right-content-wrap .main .archives .inner .title-inner h2 span {
    margin: 0 1rem 0 0;
    font-size: 5rem;
    font-family: "Abril Fatface", cursive;
    font-weight: normal;
  }
  @media screen and (max-width: 768px) {
    #top .right-content-wrap .main .archives .inner .title-inner h2 span {
      margin: 0 23rem 0 0;
      font-size: 4.6rem;
    }
  }
  #top .right-content-wrap .main .archives .inner .archives-content-inner {
    padding: 4rem 0 0 0;
    background-color: #fafafa;
  }
  #top .right-content-wrap .main .archives .inner .archives-content-inner ul {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 auto;
    max-width: 116.2rem;
  }
  @media screen and (max-width: 768px) {
    #top .right-content-wrap .main .archives .inner .archives-content-inner ul {
      flex-direction: column;
      padding: 0 3.2rem;
    }
  }
  #top .right-content-wrap .main .archives .inner .archives-content-inner ul::after {
    content: "";
    display: block;
    width: 30.5rem;
    height: 0;
  }
  #top .right-content-wrap .main .archives .inner .archives-content-inner ul li {
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.09);
    transition: all 0.5s;
  }
  #top .right-content-wrap .main .archives .inner .archives-content-inner ul li.is-hidden {
    opacity: 0;
    height: 0;
    margin: 0;
  }
  #top .right-content-wrap .main .archives .inner .archives-content-inner ul li + li {
    margin-left: 2.9rem;
  }
  @media screen and (max-width: 768px) {
    #top .right-content-wrap .main .archives .inner .archives-content-inner ul li + li {
      margin-left: 0;
    }
  }
  #top .right-content-wrap .main .archives .inner .archives-content-inner ul li:nth-child(4) {
    margin-left: 0;
  }
  #top .right-content-wrap .main .archives .inner .archives-content-inner ul li:nth-child(n+4) {
    margin-top: 2.9rem;
  }
  @media screen and (max-width: 768px) {
    #top .right-content-wrap .main .archives .inner .archives-content-inner ul li:nth-child(n+4) {
      margin-top: 0;
    }
  }
  @media screen and (max-width: 768px) {
    #top .right-content-wrap .main .archives .inner .archives-content-inner ul li:nth-child(n+2) {
      margin-top: 3.2rem;
    }
  }
  #top .right-content-wrap .main .archives .inner .archives-content-inner ul li:nth-child(n+4) a .archives-text {
    padding: 1.6rem 0 0 0;
  }
  #top .right-content-wrap .main .archives .inner .archives-content-inner ul li a {
    display: flex;
  }
  #top .right-content-wrap .main .archives .inner .archives-content-inner ul li a:hover figure img {
    transform: scale(1.06) rotate(0.1deg);
  }
  #top .right-content-wrap .main .archives .inner .archives-content-inner ul li a:hover .archives-text span {
    color: #000;
  }
  #top .right-content-wrap .main .archives .inner .archives-content-inner ul li a figure {
    overflow: hidden;
  }
  #top .right-content-wrap .main .archives .inner .archives-content-inner ul li a figure img {
    width: 18.5rem;
    height: 26rem;
    transition: transform 0.5s ease;
  }
  @media screen and (max-width: 768px) {
    #top .right-content-wrap .main .archives .inner .archives-content-inner ul li a figure img {
      width: 35.4rem;
      height: 49.8rem;
    }
  }
  #top .right-content-wrap .main .archives .inner .archives-content-inner ul li a .archives-text {
    position: relative;
    padding: 4.8rem 0 0 0;
    width: 18.3rem;
  }
  @media screen and (max-width: 768px) {
    #top .right-content-wrap .main .archives .inner .archives-content-inner ul li a .archives-text {
      padding: 3.2rem 0 0 0;
      width: 35.2rem;
    }
  }
  #top .right-content-wrap .main .archives .inner .archives-content-inner ul li a .archives-text h3 {
    position: relative;
    font-size: 2.4rem;
    font-family: "Abril Fatface", cursive;
  }
  @media screen and (max-width: 768px) {
    #top .right-content-wrap .main .archives .inner .archives-content-inner ul li a .archives-text h3 {
      font-size: 5.7rem;
    }
  }
  #top .right-content-wrap .main .archives .inner .archives-content-inner ul li a .archives-text h3::after {
    content: "";
    display: block;
    margin: 1.4rem 0 0 0;
    width: 3.5rem;
    height: 3px;
    background-color: #000;
  }
  @media screen and (max-width: 768px) {
    #top .right-content-wrap .main .archives .inner .archives-content-inner ul li a .archives-text h3::after {
      margin: 3rem 0 0 0;
      width: 6.7rem;
      height: 0.6rem;
    }
  }
  #top .right-content-wrap .main .archives .inner .archives-content-inner ul li a .archives-text h4 {
    margin: 1.3rem 0 0 0;
    font-size: 1.3rem;
    font-weight: 700;
    line-height: 1.6;
  }
  @media screen and (max-width: 768px) {
    #top .right-content-wrap .main .archives .inner .archives-content-inner ul li a .archives-text h4 {
      margin: 4rem 0 0 0;
      font-size: 3rem;
    }
  }
  #top .right-content-wrap .main .archives .inner .archives-content-inner ul li a .archives-text p {
    margin: 1.6rem 0 0 0;
    font-size: 1.2rem;
    line-height: 1.6;
  }
  #top .right-content-wrap .main .archives .inner .archives-content-inner ul li a .archives-text span {
    position: absolute;
    bottom: 0;
    right: 0;
    color: #cccccc;
    font-size: 2.1rem;
    font-family: "Abril Fatface", cursive;
    line-height: 0.7;
    transition: color 0.5s ease;
  }
  @media screen and (max-width: 768px) {
    #top .right-content-wrap .main .archives .inner .archives-content-inner ul li a .archives-text span {
      font-size: 4rem;
    }
  }
  #top .right-content-wrap .main .archives .inner .archives-content-inner .more-btn {
    padding: 5rem 3.2rem 0 3.2rem;
  }
  #top .right-content-wrap .main .archives .inner .archives-content-inner .more-btn p {
    position: relative;
    padding: 2.9rem 0;
    border: 1px solid #222;
    font-size: 2.6rem;
    font-family: "Abril Fatface", cursive;
    text-align: center;
    cursor: pointer;
  }
  #top .right-content-wrap .main .archives .inner .archives-content-inner .more-btn p::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 3rem;
    width: 1.4rem;
    height: 1.4rem;
    border-right: 2px solid #333;
    border-bottom: 2px solid #333;
    transform: rotate(45deg) translate(-50%, -50%);
    transition: 200ms transform, 200ms top;
    z-index: 1;
  }
  #top .right-content-wrap .main .archives .inner .archives-content-inner .close-btn {
    padding: 5rem 3.2rem 0 3.2rem;
  }
  #top .right-content-wrap .main .archives .inner .archives-content-inner .close-btn p {
    position: relative;
    padding: 2.9rem 0;
    border: 1px solid #222;
    font-size: 2.6rem;
    font-family: "Abril Fatface", cursive;
    text-align: center;
    cursor: pointer;
  }
  #top .right-content-wrap .main .archives .inner .archives-content-inner .close-btn p::after {
    content: "";
    display: block;
    position: absolute;
    top: 36%;
    right: 3rem;
    width: 1.4rem;
    height: 1.4rem;
    border-right: 2px solid #333;
    border-bottom: 2px solid #333;
    transform: rotate(225deg) translate(-50%, -50%);
    transition: 200ms transform, 200ms top;
    z-index: 1;
  }

  /*================= ▼ whynagawa =================*/
  #whynagawa .under-mv .headline {
    height: 32rem;
    background-image: url("/assets/images/whynagawa/bg_whynagawa.jpg");
  }
  @media screen and (max-width: 768px) {
    #whynagawa .under-mv .headline {
      background-image: url("/assets/images/whynagawa/bg_whynagawa_sp.jpg");
    }
  }
  #whynagawa .under-mv .headline::before {
    width: 88.3rem;
    height: 11.2rem;
    background-image: url("/assets/images/whynagawa/ttl_whynagawa.svg");
  }
  @media screen and (max-width: 768px) {
    #whynagawa .under-mv .headline::before {
      width: 76rem;
      height: 9.3rem;
    }
  }
  #whynagawa .under-mv .breadcrumb::before {
    width: 1.5rem;
    height: 2.1rem;
    background-image: url("/assets/images/whynagawa/ic_whynagawa.svg");
  }
  @media screen and (max-width: 768px) {
    #whynagawa .under-mv .breadcrumb::before {
      width: 2.7rem;
      height: 3.6rem;
    }
  }
  #whynagawa section:not(.contactUs) {
    background-color: #fafafa;
  }
  #whynagawa .whynagawa-sec-01 {
    padding: 6rem 0 4rem 0;
  }
  @media screen and (max-width: 768px) {
    #whynagawa .whynagawa-sec-01 {
      padding: 8rem 0 0;
    }
  }
  #whynagawa .whynagawa-sec-01 .container {
    margin: auto;
    padding: 0;
    max-width: 122rem;
  }
  @media screen and (max-width: 768px) {
    #whynagawa .whynagawa-sec-01 .container {
      padding: 0 3rem;
    }
  }
  #whynagawa .whynagawa-sec-01 .container.item {
    max-width: 102.4rem;
    margin: auto;
  }
  #whynagawa .whynagawa-sec-01 .container p {
    line-height: 2.4;
  }
  #whynagawa .whynagawa-sec-01 .flex {
    justify-content: space-between;
  }
  @media screen and (max-width: 768px) {
    #whynagawa .whynagawa-sec-01 .flex {
      flex-direction: column;
    }
  }
  #whynagawa .whynagawa-sec-01 .flex .image {
    position: relative;
    width: 64.2rem;
    height: 44.2rem;
  }
  @media screen and (max-width: 768px) {
    #whynagawa .whynagawa-sec-01 .flex .image {
      width: 100%;
      height: auto;
    }
  }
  #whynagawa .whynagawa-sec-01 .flex .image figure {
    position: absolute;
    top: 0;
    left: 0;
    width: 64.2rem;
    height: 44.2rem;
  }
  @media screen and (max-width: 768px) {
    #whynagawa .whynagawa-sec-01 .flex .image figure {
      position: relative;
      width: 100%;
      height: auto;
    }
  }
  #whynagawa .whynagawa-sec-01 .flex .txt {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  @media screen and (min-width: 0px) {
    #whynagawa .whynagawa-sec-01 .flex .txt {
      padding: 0 0 0 8rem;
    }
  }
  @media screen and (max-width: 768px) {
    #whynagawa .whynagawa-sec-01 .flex .txt {
      width: 100%;
      padding: 0 0 4rem;
    }
  }
  #whynagawa .whynagawa-sec-01 .flex .txt .inner {
    margin-right: 4rem;
  }
  @media screen and (max-width: 768px) {
    #whynagawa .whynagawa-sec-01 .flex .txt .inner {
      margin: 0 auto;
    }
  }
  #whynagawa .whynagawa-sec-01 .flex .txt .inner figure {
    float: right;
    width: 64.2rem;
    height: 44.2rem;
    margin: 0 0 0 4rem;
  }
  #whynagawa .whynagawa-sec-01 .flex .txt .inner p {
    font-size: 1.6rem;
    letter-spacing: 0.05em;
    line-height: 2.25;
  }
  @media screen and (max-width: 768px) {
    #whynagawa .whynagawa-sec-01 .flex .txt .inner p {
      font-size: 2rem;
      line-height: 2.4;
    }
  }
  #whynagawa .whynagawa-sec-01 .flex .txt .inner p + p {
    margin-top: 1em;
  }
  #whynagawa .whynagawa-sec-01 .flex .txt .inner h2 {
    margin: 0 0 4rem 0;
    font-size: 3rem;
    font-weight: bold;
    letter-spacing: 0.01rem;
    line-height: 1.6;
  }
  @media screen and (max-width: 768px) {
    #whynagawa .whynagawa-sec-01 .flex .txt .inner h2 {
      margin: 0 0 4rem 0;
      font-size: 3.6rem;
    }
  }
  #whynagawa .whynagawa-sec-01 .flex.reverse {
    flex-direction: row-reverse;
  }
  @media screen and (max-width: 768px) {
    #whynagawa .whynagawa-sec-01 .flex.reverse {
      flex-direction: column;
    }
  }
  #whynagawa .whynagawa-sec-01 .flex.reverse .image figure {
    right: 0;
    left: auto;
  }
  @media screen and (min-width: 0px) {
    #whynagawa .whynagawa-sec-01 .flex.reverse .txt {
      padding: 0 8rem 0 0;
    }
  }
  #whynagawa .whynagawa-sec-01 .flex.reverse .txt .inner {
    margin-right: auto;
  }
  @media screen and (max-width: 768px) {
    #whynagawa .whynagawa-sec-01 .flex.reverse .txt .inner {
      margin: 0 auto;
    }
  }
  #whynagawa .whynagawa-sec-01 .flex.reverse .txt .inner figure {
    float: left;
    width: 64.2rem;
    height: 44.2rem;
    margin: 0 4rem 0 0;
  }
  #whynagawa .whynagawa-sec-01 .row + .row {
    margin-top: 8rem;
  }
  @media screen and (max-width: 768px) {
    #whynagawa .whynagawa-sec-01 .row + .row {
      margin-top: 12rem;
    }
  }
  #whynagawa .whynagawa-sec-02 {
    padding: 4rem 0;
  }
  @media screen and (max-width: 768px) {
    #whynagawa .whynagawa-sec-02 {
      padding: 4rem 0 8rem;
    }
  }
  #whynagawa .whynagawa-sec-02 .container {
    max-width: 102.4rem;
    margin: auto;
  }
  @media screen and (max-width: 768px) {
    #whynagawa .whynagawa-sec-02 .container {
      padding: 0 3rem;
    }
  }
  #whynagawa .whynagawa-sec-02 .row {
    justify-content: space-between;
    flex-wrap: wrap;
  }
  @media screen and (max-width: 768px) {
    #whynagawa .whynagawa-sec-02 .row {
      flex-direction: column;
    }
  }
  #whynagawa .whynagawa-sec-02 .row .col {
    width: 50rem;
  }
  #whynagawa .whynagawa-sec-02 .row .col:nth-of-type(n + 3) {
    margin-top: 6rem;
  }
  @media screen and (max-width: 768px) {
    #whynagawa .whynagawa-sec-02 .row .col {
      width: 100%;
      margin-right: auto;
      margin-left: auto;
    }
    #whynagawa .whynagawa-sec-02 .row .col:nth-of-type(n + 2) {
      margin-top: 4.6rem;
    }
  }
  #whynagawa .whynagawa-sec-02 .row .col h3 {
    margin: 0 0 2rem 0;
    font-size: 2rem;
    font-weight: bold;
    letter-spacing: 0.1em;
    line-height: 2;
    color: #2e3776;
  }
  @media screen and (max-width: 768px) {
    #whynagawa .whynagawa-sec-02 .row .col h3 {
      font-size: 2.4rem;
    }
  }
  #whynagawa .whynagawa-sec-02 .row .col figure {
    width: 100%;
    background-color: #fff;
    box-shadow: 0 0 1rem rgba(0, 0, 0, 0.08);
  }
  #whynagawa .whynagawa-sec-02 .row .col figure figcaption {
    padding: 2rem;
    width: 100%;
    min-height: 5.4rem;
    font-size: 1.4rem;
    font-weight: bold;
    letter-spacing: 0.1rem;
    line-height: 2;
  }
  @media screen and (max-width: 768px) {
    #whynagawa .whynagawa-sec-02 .row .col figure figcaption {
      font-size: 2rem;
    }
  }
  #whynagawa .whynagawa-sec-03 {
    padding: 4rem 0;
  }
  @media screen and (max-width: 768px) {
    #whynagawa .whynagawa-sec-03 {
      padding: 8rem 0;
    }
  }
  #whynagawa .whynagawa-sec-03 .container {
    max-width: 102.4rem;
    margin: auto;
  }
  @media screen and (max-width: 768px) {
    #whynagawa .whynagawa-sec-03 .container {
      padding: 0 3rem;
    }
  }
  #whynagawa .whynagawa-sec-03 h2 {
    margin: 0 0 4rem 0;
    font-size: 3rem;
    font-weight: bold;
    letter-spacing: 0.01em;
    line-height: 1.6;
  }
  #whynagawa .whynagawa-sec-03 p {
    font-size: 1.6rem;
    letter-spacing: 0.05em;
    line-height: 2.25;
  }
  @media screen and (max-width: 768px) {
    #whynagawa .whynagawa-sec-03 p {
      font-size: 2rem;
    }
  }
  #whynagawa .whynagawa-sec-03 .row {
    justify-content: space-between;
    flex-wrap: wrap;
  }
  @media screen and (max-width: 768px) {
    #whynagawa .whynagawa-sec-03 .row {
      flex-direction: column;
    }
  }
  @media screen and (max-width: 768px) {
    #whynagawa .whynagawa-sec-03 .row .col {
      width: 100%;
      margin-right: auto;
      margin-left: auto;
    }
    #whynagawa .whynagawa-sec-03 .row .col:nth-of-type(n + 2) {
      margin-top: 4.6rem;
    }
  }
  #whynagawa .whynagawa-sec-03 .row .col.img1 {
    width: 37.3rem;
  }
  @media screen and (max-width: 768px) {
    #whynagawa .whynagawa-sec-03 .row .col.img1 {
      width: 100%;
    }
  }
  #whynagawa .whynagawa-sec-03 .row .col.img1 .title {
    color: #8b305b;
    font-size: 6rem;
    font-weight: 700;
    line-height: initial;
  }
  #whynagawa .whynagawa-sec-03 .row .col.img1 .caption {
    margin: 1rem 0 0 0;
  }
  #whynagawa .whynagawa-sec-03 .row .col.img2 {
    width: 53.6rem;
  }
  @media screen and (max-width: 768px) {
    #whynagawa .whynagawa-sec-03 .row .col.img2 {
      width: 100%;
    }
  }
  #whynagawa .whynagawa-sec-03 .row .col.img2 .title {
    color: #8b305b;
    font-size: 6rem;
    font-weight: 700;
    line-height: initial;
  }
  #whynagawa .whynagawa-sec-03 .row .col.img2 .caption {
    margin: 1rem 0 0 0;
  }
  #whynagawa .whynagawa-sec-03 .row + .row {
    margin-top: 6rem;
  }
  @media screen and (max-width: 768px) {
    #whynagawa .whynagawa-sec-03 .row + .row {
      margin-top: 4rem;
    }
  }
  #whynagawa .whynagawa-sec-04 {
    padding: 6.4rem 0;
    background-color: #fafafa;
  }
  @media screen and (max-width: 768px) {
    #whynagawa .whynagawa-sec-04 {
      padding: 8rem 0;
    }
  }
  #whynagawa .whynagawa-sec-04 .container {
    max-width: 102.4rem;
    margin: auto;
  }
  @media screen and (max-width: 768px) {
    #whynagawa .whynagawa-sec-04 .container {
      padding: 0 3rem;
    }
  }
  #whynagawa .whynagawa-sec-04 h2 {
    position: relative;
    margin: 0 0 4.4rem 0;
    text-align: center;
    font-size: 2.2rem;
    font-weight: bold;
    letter-spacing: 0.1em;
    line-height: 1.9;
    color: #2e3776;
  }
  @media screen and (max-width: 768px) {
    #whynagawa .whynagawa-sec-04 h2 {
      font-size: 2.4rem;
      letter-spacing: 0.1rem;
      line-height: 1.75;
    }
  }
  #whynagawa .whynagawa-sec-04 h2:before, #whynagawa .whynagawa-sec-04 h2:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 33.4rem;
    height: 0.1rem;
    background-color: rgba(46, 55, 118, 0.3);
  }
  @media screen and (max-width: 768px) {
    #whynagawa .whynagawa-sec-04 h2:before, #whynagawa .whynagawa-sec-04 h2:after {
      width: 19rem;
    }
  }
  #whynagawa .whynagawa-sec-04 h2:before {
    left: 0;
  }
  #whynagawa .whynagawa-sec-04 h2:after {
    right: 0;
  }
  #whynagawa .whynagawa-sec-04 .row {
    justify-content: space-between;
    flex-wrap: wrap;
  }
  #whynagawa .whynagawa-sec-04 .row.flex {
    position: relative;
  }
  #whynagawa .whynagawa-sec-04 .row.flex::after {
    content: "";
    display: block;
    width: 32rem;
    height: 0;
  }
  #whynagawa .whynagawa-sec-04 .row .col {
    width: 32rem;
  }
  #whynagawa .whynagawa-sec-04 .row .col:nth-of-type(n + 4) {
    margin-top: 4rem;
  }
  @media screen and (max-width: 768px) {
    #whynagawa .whynagawa-sec-04 .row .col:nth-of-type(n + 3) {
      margin-top: 4rem;
    }
  }
  #whynagawa .whynagawa-sec-04 .row .col a {
    position: relative;
    display: block;
    height: 100%;
  }
  #whynagawa .whynagawa-sec-04 .row .col a .picup-tag {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: #2e3776;
    padding: 0 1.7rem;
    text-align: center;
    color: #fff;
    font-size: 1.2rem;
    line-height: 2;
  }
  @media screen and (max-width: 768px) {
    #whynagawa .whynagawa-sec-04 .row .col a .picup-tag {
      padding: 0 1.7rem;
      font-size: 1.6rem;
    }
  }
  #whynagawa .whynagawa-sec-04 .row .col a figure img {
    width: 32rem;
    height: 24rem;
    -o-object-fit: cover;
       object-fit: cover;
  }
  #whynagawa .whynagawa-sec-04 .row .col a figure figcaption {
    margin-top: 1.2rem;
  }
  #whynagawa .whynagawa-sec-04 .row .col a figure figcaption p {
    text-align: left;
  }
  #whynagawa .whynagawa-sec-04 .row .col a figure figcaption h3 {
    text-align: left;
  }
  #whynagawa .whynagawa-sec-04 .row .col a figure figcaption .picup-info-01 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
  }
  #whynagawa .whynagawa-sec-04 .row .col a figure figcaption .picup-info-01:first-child{
    margin-bottom: 0.2rem;
  }
  @media screen and (max-width: 768px) {
    #whynagawa .whynagawa-sec-04 .row .col a figure figcaption .picup-info-01:first-child{
      margin-bottom: 0.3rem;
    }
  }
  #whynagawa .whynagawa-sec-04 .row .col a figure figcaption .picup-info-01 dt {
    display: inline-block;
    padding: 0 0.2em;
    margin-right: 1rem;
    border: solid 1px #888;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    font-size: 1rem;
    line-height: 1.6;
    color: #888;
    min-width: 5.4rem;
    text-align: center;
  }
  #whynagawa .whynagawa-sec-04 .row .col a figure figcaption .picup-info-01 dt.id_name{
    background: #888;
    color: #fff;
  }
  @media screen and (max-width: 768px) {
    #whynagawa .whynagawa-sec-04 .row .col a figure figcaption .picup-info-01 dt {
      min-width: 9rem;
      height: 2.8rem;
      font-size: 1.6rem;
      padding: 0rem 1.5rem 0.35rem ;

    }
  }
  #whynagawa .whynagawa-sec-04 .row .col a figure figcaption .picup-info-01 dd {
    font-size: 1.3rem;
    text-align: left;
    line-height: 1.3;
  }
  @media screen and (max-width: 768px) {
    #whynagawa .whynagawa-sec-04 .row .col a figure figcaption .picup-info-01 dd {
      font-size: 2.2rem;
    }
  }
  #whynagawa .whynagawa-sec-04 .row .col a figure figcaption .picup-info-02 {
    margin-top: 1.2rem;
    font-size: 1.6rem;
    font-weight: bold;
    letter-spacing: 0.05em;
  }
  @media screen and (max-width: 768px) {
    #whynagawa .whynagawa-sec-04 .row .col a figure figcaption .picup-info-02 {
      font-size: 2.4rem;
      line-height: 1.259;
    }
  }
  #whynagawa .whynagawa-sec-04 .row .col a figure figcaption .picup-info-03 {
    margin-top: 1.1rem;
    font-size: 1.3rem;
    color: #888;
  }
  @media screen and (max-width: 768px) {
    #whynagawa .whynagawa-sec-04 .row .col a figure figcaption .picup-info-03 {
      font-size: 1.8rem;
    }
  }
  #whynagawa .whynagawa-sec-04 .row .col a figure figcaption .picup-info-04 {
    margin-top: 0.9rem;
    font-size: 1.6rem;
    font-weight: bold;
  }
  @media screen and (max-width: 768px) {
    #whynagawa .whynagawa-sec-04 .row .col a figure figcaption .picup-info-04 {
      font-size: 2.4rem;
    }
  }

  /*================= ▼ movie =================*/
  #movie .under-mv .headline {
    background-image: url("/assets/images/movie/bg_movie.jpg");
  }
  @media screen and (max-width: 768px) {
    #movie .under-mv .headline {
      background-image: url("/assets/images/movie/bg_movie_sp.jpg");
    }
  }
  #movie .under-mv .headline::before {
    width: 43.7rem;
    height: 17.1rem;
    background-image: url("/assets/images/movie/ttl_movie.svg");
    bottom: -5rem;
  }
  #movie .under-mv .breadcrumb::before {
    width: 1.9rem;
    height: 2.1rem;
    background-image: url("/assets/images/movie/ic_movie.svg");
  }
  @media screen and (max-width: 768px) {
    #movie .under-mv .breadcrumb::before {
      width: 3.3rem;
      height: 3.5rem;
    }
  }
  #movie .movie {
    width: 100%;
    background-color: var(--bg-light-gray);
  }
  #movie .movie .inner {
    margin: 0 auto;
    padding: 6rem 0 10rem;
    width: 102rem;
  }
  @media screen and (max-width: 768px) {
    #movie .movie .inner {
      padding: 8rem 3rem 16rem;
      width: 100%;
    }
  }
  #movie .movie .inner > p {
    text-align: center;
    letter-spacing: 0.05em;
    line-height: 2;
  }
  @media screen and (max-width: 768px) {
    #movie .movie .inner > p {
      text-align: left;
      font-size: 2rem;
    }
  }
  #movie .movie .inner .movie-list {
    margin: 8rem 0 0 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 8rem 6rem;
  }
  @media screen and (max-width: 768px) {
    #movie .movie .inner .movie-list {
      flex-direction: column;
    }
  }
  #movie .movie .inner .movie-list::after {
    content: "";
    display: block;
    width: 28rem;
  }
  @media screen and (max-width: 768px) {
    #movie .movie .inner .movie-list::after {
      width: 33.6rem;
    }
  }
  #movie .movie .inner .movie-list li {
    width: 48rem;
  }
  @media screen and (max-width: 768px) {
    #movie .movie .inner .movie-list li {
      width: 100%;
    }
  }
  #movie .movie .inner .movie-list li.playIcon figure {
    position: relative;
    display: block;
  }
  #movie .movie .inner .movie-list li.playIcon figure::before {
    position: absolute;
    content: "";
    display: block;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 8%;
    border: 1px solid #8e8e8e;
    background: #333333;
    opacity: 0.6;
    width: 12rem;
    height: 12rem;
    pointer-events: none;
  }
  @media screen and (max-width: 768px) {
    #movie .movie .inner .movie-list li.playIcon figure::before {
      width: 18rem;
      height: 18rem;
    }
  }
  #movie .movie .inner .movie-list li.playIcon figure::after {
    position: absolute;
    content: "";
    display: block;
    top: 50%;
    left: 50%;
    transform: translate(-40%, -50%);
    border-style: solid;
    border-color: transparent transparent transparent #ffffff;
    border-width: 3rem 0 3rem 4.4rem;
    pointer-events: none;
  }
  @media screen and (max-width: 768px) {
    #movie .movie .inner .movie-list li.playIcon figure::after {
      border-width: 4rem 0 4rem 5.4rem;
    }
  }
  #movie .movie .inner .movie-list li figure {
    cursor: pointer;
    transition: opacity 0.2s ease;
  }
  #movie .movie .inner .movie-list li figure:hover {
    opacity: 0.8;
  }
  #movie .movie .inner .movie-list li figure img {
    width: 48rem;
    height: 27rem;
    -o-object-fit: cover;
       object-fit: cover;
  }
  @media screen and (max-width: 768px) {
    #movie .movie .inner .movie-list li figure img {
      width: 100%;
      height: auto;
    }
  }
  #movie .movie .inner .movie-list li figure figcaption {
    margin-top: 1.6rem;
    font-size: 1.6rem;
    font-weight: 500;
    line-height: 2.25;
  }
  @media screen and (max-width: 768px) {
    #movie .movie .inner .movie-list li figure figcaption {
      margin-top: 3rem;
      text-align: center;
      font-size: 2.4rem;
      line-height: 1.636;
    }
  }
  #movie .movie .inner .movie-list li p.playtime {
    margin: 1.2rem 0 0 0;
    text-align: right;
    color: var(--main-color);
    font-size: 1.6rem;
    letter-spacing: 0.05em;
  }
  @media screen and (max-width: 768px) {
    #movie .movie .inner .movie-list li p.playtime {
      margin: 2rem 0 0 0;
      font-size: 2.8rem;
    }
  }
  #movie .movie .inner .movie-list li dl {
    margin: 3rem 0 0 0;
  }
  @media screen and (max-width: 768px) {
    #movie .movie .inner .movie-list li dl {
      margin: 6rem 0 0 0;
    }
  }
  #movie .movie .inner .movie-list li dl dt {
    margin: 0 0 1.6rem 0;
    font-weight: 700;
    font-size: 2rem;
    letter-spacing: 0.05em;
    line-height: 1.7;
  }
  @media screen and (max-width: 768px) {
    #movie .movie .inner .movie-list li dl dt {
      margin: 0 0 3rem 0;
      font-size: 3.2rem;
    }
  }
  #movie .movie .inner .movie-list li dl dd {
    font-size: 1.6rem;
    letter-spacing: 0.05em;
    line-height: 2.25;
  }
  @media screen and (max-width: 768px) {
    #movie .movie .inner .movie-list li dl dd {
      font-size: 2.8rem;
    }
  }
  #movie .movie .modal-bg-black {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: -100;
    background-color: rgba(0, 0, 0, 0.8);
    width: 100%;
    height: 100%;
    cursor: pointer;
  }
  #movie .movie .modal-bg-black.is-modal-bg-active {
    opacity: 1;
    z-index: 1500;
  }
  #movie .movie .modal {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 100000;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 64rem;
    height: 36rem;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translate(-50%, -50%);
    transition: opacity 0.3s, visibility 0.3s;
  }
  @media screen and (max-width: 768px) {
    #movie .movie .modal {
      width: 90%;
      height: auto;
      z-index: 100000;
    }
  }
  #movie .movie .modal.is-modal-active {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }
  #movie .movie .modal .modal-content {
    position: relative;
  }
  #movie .movie .modal .modal-content .modal-inner {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
  }
  #movie .movie .modal .modal-content .modal-inner .modal-close-button {
    position: absolute;
    top: 2rem;
    right: 2rem;
    z-index: 100;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 4rem;
    height: 4rem;
    text-align: center;
    align-items: center;
    border-radius: 50%;
    background: #fff;
    cursor: pointer;
    transition: opacity 0.3s;
  }
  #movie .movie .modal .modal-content .modal-inner .modal-close-button:hover {
    opacity: 0.5;
  }
  #movie .movie .modal .modal-content .modal-inner .modal-close-button .lineClose {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 2.2rem;
    height: 0.1rem;
    background-color: currentColor;
    color: #2e3776;
    line-height: 1;
    transform: rotate(45deg);
  }
  @media screen and (max-width: 768px) {
    #movie .movie .modal .modal-content .modal-inner .modal-close-button .lineClose {
      width: 3rem;
      height: 1px;
    }
  }
  #movie .movie .modal .modal-content .modal-inner .modal-close-button .lineClose::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
    background-color: inherit;
    transform: rotate(90deg);
  }
  #movie .movie .modal .modal-content .modal-inner video {
    width: 100%;
    height: auto;
  }


  /*================= ▼ CART-STEP =================*/
  .cart-step {
    background-color: #fafafa;
  }
  .cart-step .inner {
    margin-right: 6rem;
    border-top: 1px solid #ddd;
    padding: 6.3rem 6rem;
  }
  @media screen and (max-width: 768px) {
    .cart-step .inner {
      width: 100%;
      margin-right: 0;
      padding: 6rem 3.2rem 8rem;
    }
  }
  .cart-step ol.flex {
    justify-content: center;
    align-items: center;
    margin-left: 6rem;
  }
  @media screen and (max-width: 768px) {
    .cart-step ol.flex {
      margin-left: 0;
    }
  }
  .cart-step ol.flex li {
    display: -ms-grid;
    display: grid;
    -ms-grid-row-align: center;
    -ms-grid-column-align: center;
    place-self: center;
    width: 20rem;
    background-color: #f4f4f4;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
  }
  @media screen and (max-width: 768px) {
    .cart-step ol.flex li {
      width: 17.6rem;
      height: 12rem;
    }
  }
  .cart-step ol.flex li[aria-current=step] {
    border-right: 1px solid var(--main-color);
    border-left: 1px solid var(--main-color);
    background-color: #dfe0ea;
  }
  .cart-step ol.flex li[aria-current=step] h2 {
    color: #000;
    font-weight: 700;
  }
  .cart-step ol.flex li h2 {
    padding: 1.4rem 0;
    text-align: center;
    color: #888888;
    font-size: 1.2rem;
    font-weight: 500;
  }
  @media screen and (max-width: 768px) {
    .cart-step ol.flex li h2 {
      font-size: 2rem;
      line-height: 1.6;
    }
  }

  /* /.cart-step */
  /*================= ▼ CONTACTS-INTRO =================*/
  .intro {
    width: 100%;
  }
  .intro > .inner {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin: 0 auto;
    padding: 2rem 9.8rem 2rem;
    width: 122rem;
  }
  @media screen and (max-width: 768px) {
    .intro > .inner {
      width: 100%;
      padding: 8rem 3.2rem 12rem;
    }
  }
  .intro p {
    line-height: 2.25;
  }
  @media screen and (max-width: 768px) {
    .intro p {
      line-height: 2.4;
    }
  }
  .intro strong {
    display: block;
    padding: 3rem 0;
    color: var(--main-color);
    font-size: 2rem;
    line-height: 2;
    letter-spacing: 0;
  }

  /*================= ▼VIEW MORE =================*/
  .viewMore .inner {
    width: 102.4rem;
    margin: 0 auto;
  }
  @media screen and (max-width: 768px) {
    .viewMore .inner {
      width: 100%;
      padding: 0 3.3rem;
    }
  }
  .viewMore .cont-block.flex {
    justify-content: space-between;
    padding: 4.4rem 0 4rem;
  }
  @media screen and (max-width: 768px) {
    .viewMore .cont-block.flex {
      flex-direction: column;
      gap: 3rem;
    }
  }
  .viewMore .cont-block.flex.border-bottom {
    border-bottom: 1px solid #707070;
  }
  .viewMore .cont-block.flex .cont-left-a,
  .viewMore .cont-block.flex .cont-left,
  .viewMore .cont-block.flex .cont-right {
    position: relative;
    width: 49.6rem;
    height: 12.4rem;
    color: #fff;
    font-size: 2rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    transition: transform 0.2s ease;
  }
  @media screen and (max-width: 768px) {
    .viewMore .cont-block.flex .cont-left-a,
  .viewMore .cont-block.flex .cont-left,
  .viewMore .cont-block.flex .cont-right {
      width: 100%;
      height: 17.7rem;
      font-size: 2.8rem;
    }
  }
  .viewMore .cont-block.flex .cont-left-a a,
  .viewMore .cont-block.flex .cont-left a,
  .viewMore .cont-block.flex .cont-right a {
    position: relative;
    z-index: 10;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
  }
  .viewMore .cont-block.flex .cont-left::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: url("/assets/images/common/pic_viewmore01.jpg") bottom right/cover;
  }
  .viewMore .cont-block.flex .cont-left::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0;
    transition: opacity 0.3s ease;
  }
  .viewMore .cont-block.flex .cont-left:hover::after {
    opacity: 0.7;
  }
  .viewMore .cont-block.flex .cont-left a::after {
    content: "View more";
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -1;
    width: 9.5rem;
    height: 2.4rem;
    color: #fff;
    font-family: "Abril Fatface", cursive;
    font-size: 2.1rem;
    font-weight: 700;
    letter-spacing: -0.05em;
  }
  @media screen and (max-width: 768px) {
    .viewMore .cont-block.flex .cont-left a::after {
      width: auto;
    }
  }
  .viewMore .cont-block.flex .cont-left-a::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: url("/assets/images/common/pic_viewmore01a.jpg") bottom right/cover;
  }
  .viewMore .cont-block.flex .cont-left-a::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0;
    transition: opacity 0.3s ease;
  }

  .viewMore .cont-block.flex .cont-right.soukai::before {
    background: url("/assets/images/common/pic_viewmore202606.png") bottom center/cover;
  }
  @media screen and (max-width: 768px) {
  .viewMore .cont-block.flex .cont-right.soukai::before {
    background: url("/assets/images/common/pic_viewmore202606.png") bottom right/cover;
  }
}


  .viewMore .cont-block.flex .cont-left-a:hover::after {
    opacity: 0.7;
  }
  .viewMore .cont-block.flex .cont-left-a a::after {
    content: "View more";
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -1;
    width: 9.5rem;
    height: 2.4rem;
    color: #fff;
    font-family: "Abril Fatface", cursive;
    font-size: 2.1rem;
    font-weight: 700;
    letter-spacing: -0.05em;
  }
  @media screen and (max-width: 768px) {
    .viewMore .cont-block.flex .cont-left-a a::after {
      width: auto;
    }
  }
  .viewMore .cont-block.flex .cont-right::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: url("/assets/images/common/pic_viewmore02.jpg") bottom right/cover;
  }
  .viewMore .cont-block.flex .cont-right::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0;
    transition: opacity 0.3s ease;
  }
  .viewMore .cont-block.flex .cont-right:hover::after {
    opacity: 0.7;
  }
  .viewMore .cont-block.flex .cont-right a::after {
    content: "View more";
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -1;
    width: 9.5rem;
    height: 2.4rem;
    color: #fff;
    font-family: "Abril Fatface", cursive;
    font-size: 2.1rem;
    font-weight: 700;
    letter-spacing: -0.05em;
  }
  @media screen and (max-width: 768px) {
    .viewMore .cont-block.flex .cont-right a::after {
      width: auto;
    }
  }

  /*================= ▼CONTACT US =================*/
  .contactUs {
    position: relative;
  }
  .contactUs .sec-title {
    display: block;
    padding: 4rem 0 7.1rem;
    font-size: 2.6rem;
    font-weight: 700;
    letter-spacing: 0.1em;
  }
  @media screen and (max-width: 768px) {
    .contactUs .sec-title {
      font-size: 2.6rem;
      padding: 4rem 0 6.2rem;
    }
  }
  .contactUs .sec-title::before {
    content: "Contact Us";
    position: absolute;
    top: -3rem;
    left: 50%;
    z-index: -1;
    transform: translateX(-50%);
    width: 56.6rem;
    height: 14.1rem;
    color: #f1f1f1;
    font-family: "Abril Fatface", cursive;
    font-size: 12.6rem;
    font-weight: 400;
    letter-spacing: -0.05em;
  }
  .contactUs .inner {
    width: 91.4rem;
    margin: 0 auto;
    padding-bottom: 4rem;
  }
  @media screen and (max-width: 768px) {
    .contactUs .inner {
      width: 100%;
      padding: 0 3.3rem 6.4rem;
    }
  }
  .contactUs .cont-block.flex {
    justify-content: space-between;
  }
  @media screen and (max-width: 768px) {
    .contactUs .cont-block.flex {
      flex-direction: column;
      gap: 4.8rem;
    }
  }
  .contactUs .cont-block.flex .cont-left a.flex,
  .contactUs .cont-block.flex .cont-right a.flex {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 44.1rem;
    height: 20rem;
    border-radius: 0.4rem;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.09);
    color: var(--main-color);
  }
  @media screen and (max-width: 768px) {
    .contactUs .cont-block.flex .cont-left a.flex,
  .contactUs .cont-block.flex .cont-right a.flex {
      width: 100%;
      height: 26rem;
      border-radius: 0.2rem;
    }
  }
  .contactUs .cont-block.flex .cont-left a.flex h3,
  .contactUs .cont-block.flex .cont-right a.flex h3 {
    font-size: 2.2rem;
    font-weight: 700;
  }
  @media screen and (max-width: 768px) {
    .contactUs .cont-block.flex .cont-left a.flex h3,
  .contactUs .cont-block.flex .cont-right a.flex h3 {
      font-size: 3.5rem;
    }
  }
  .contactUs .cont-block.flex .cont-left a.flex .text,
  .contactUs .cont-block.flex .cont-right a.flex .text {
    font-size: 1.6rem;
    line-height: 1.6;
    letter-spacing: 0.1em;
  }
  @media screen and (max-width: 768px) {
    .contactUs .cont-block.flex .cont-left a.flex .text,
  .contactUs .cont-block.flex .cont-right a.flex .text {
      font-size: 2rem;
    }
  }
  .contactUs .cont-block.flex .cont-left a.flex .text span,
  .contactUs .cont-block.flex .cont-right a.flex .text span {
    font-weight: bold;
  }
  .contactUs .cont-block.flex .cont-left a {
    transition: color 0.3s ease, background-color 0.3s ease;
    background-color: #f89131;
  }
  .contactUs .cont-block.flex .cont-left a svg line {
    stroke: #fff;
  }
  .contactUs .cont-block.flex .cont-left a svg path {
    stroke: #fff;
  }
  .contactUs .cont-block.flex .cont-left a:hover svg {
    transform: translate(1rem, -50%);
  }
  .contactUs .cont-block.flex .cont-left a.flex {
    color: #fff;
  }
  .contactUs .cont-block.flex .cont-left .text {
    position: relative;
    width: 15.4rem;
    margin-top: 3.4rem;
  }
  @media screen and (max-width: 768px) {
    .contactUs .cont-block.flex .cont-left .text {
      width: 21.9rem;
      margin-top: 3.7rem;
    }
  }
  .contactUs .cont-block.flex .cont-left .text svg {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 5.1rem;
    height: auto;
    transition: transform 0.4s ease;
  }
  @media screen and (max-width: 768px) {
    .contactUs .cont-block.flex .cont-left .text svg {
      width: 8rem;
    }
  }
  .contactUs .cont-block.flex .cont-right a {
    pointer-events: none;
  }
  @media screen and (max-width: 768px) {
    .contactUs .cont-block.flex .cont-right a {
      pointer-events: auto;
    }
  }
  .contactUs .cont-block.flex .cont-right .tel {
    margin-top: 2.6rem;
    font-size: 2.8rem;
    font-weight: 700;
    letter-spacing: 0.1em;
  }
  @media screen and (max-width: 768px) {
    .contactUs .cont-block.flex .cont-right .tel {
      font-size: 4.4rem;
    }
  }
  .contactUs .cont-block.flex .cont-right .text {
    margin-top: 1.42rem;
  }
  @media screen and (max-width: 768px) {
    .contactUs .cont-block.flex .cont-right .text {
      margin-top: 2.2rem;
    }
  }

  .footer {
    color: #333;
    /* /.menu */
  }
  .footer .inner {
    position: relative;
    padding: 8rem 0 6rem;
  }
  @media screen and (max-width: 768px) {
    .footer .inner {
      padding: 6.4rem 0 4.8rem;
    }
  }
  .footer .page-top {
    position: absolute;
    top: 8rem;
    right: 10%;
    z-index: 10;
    padding: 2rem 4rem;
    cursor: pointer;
    transition: transform 0.2s;
  }
  @media screen and (max-width: 768px) {
    .footer .page-top {
      display: none;
    }
  }
  .footer .page-top:hover {
    transform: translateY(-1rem);
  }
  .footer .page-top span {
    display: block;
  }
  .footer .page-top img {
    width: 1.7rem;
  }
  .footer .logo img {
    width: 14.7rem;
  }
  @media screen and (max-width: 768px) {
    .footer .logo img {
      width: 24.4rem;
    }
  }
  .footer .text {
    margin: 4rem 0;
    letter-spacing: 0.02em;
  }
  @media screen and (max-width: 768px) {
    .footer .text {
      margin: 6.6rem 0;
    }
  }
  .footer .text .tel {
    font-size: 2rem;
    font-weight: 700;
  }
  @media screen and (max-width: 768px) {
    .footer .text .tel {
      font-size: 3rem;
    }
  }
  .footer .text .hours {
    margin-top: 0.8rem;
    font-size: 1.2rem;
    font-weight: 500;
  }
  @media screen and (max-width: 768px) {
    .footer .text .hours {
      font-size: 2rem;
    }
  }
  .footer .menu {
    /* /.ul.flex */
  }
  .footer .menu ul.flex {
    margin: 0 auto;
    justify-content: center;
    /* /li */
  }
  @media screen and (max-width: 768px) {
    .footer .menu ul.flex {
      flex-wrap: wrap;
      max-width: 56rem;
    }
  }
  .footer .menu ul.flex li {
    font-size: 1.2rem;
    font-weight: 700;
    line-height: 2;
    letter-spacing: 0.02em;
    padding: 0 1.5rem;
  }
  @media screen and (max-width: 768px) {
    .footer .menu ul.flex li {
      font-size: 2.2rem;
      line-height: 2.909;
    }
  }
  @media screen and (max-width: 768px) {
    .footer .menu ul.flex li:nth-child(-n+2) {
      width: 50%;
    }
    .footer .menu ul.flex li:nth-child(-n+2):first-of-type {
      text-align: right;
    }
  }
  @media screen and (max-width: 768px) {
    .footer .menu ul.flex li:nth-of-type(3)::before {
      display: none;
    }
  }
  .footer .menu ul.flex li:not(:first-of-type) {
    position: relative;
  }
  @media screen and (max-width: 768px) {
    .footer .menu ul.flex li:not(:first-of-type) {
      position: static;
    }
    .footer .menu ul.flex li:not(:first-of-type):not(:nth-of-type(3)) {
      position: relative;
    }
  }
  .footer .menu ul.flex li:not(:first-of-type)::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 1px;
    height: 1.1rem;
    background-color: #333;
  }
  @media screen and (max-width: 768px) {
    .footer .menu ul.flex li:not(:first-of-type)::before {
      height: 2rem;
    }
  }
  .footer .copy {
    display: block;
    margin-top: 8rem;
    font-size: 1.2rem;
    letter-spacing: 0.05em;
  }
  @media screen and (max-width: 768px) {
    .footer .copy {
      margin-top: 6.5rem;
      font-size: 1.8rem;
    }
  }

  /*================= ▼ CART =================*/
  .header-cart {
    width: 100%;
    background: #fafafa;
  }
  .header-cart .inner {
    padding: 3.2rem 8.4rem 1.2rem;
  }
  @media screen and (max-width: 768px) {
    .header-cart .inner {
      padding: 0;
    }
  }
  @media screen and (max-width: 768px) {
    .header-cart h1 {
      width: 100%;
      padding: 3.75rem 3.2rem;
      background-color: #fff;
    }
  }
  .header-cart h1 img {
    width: 15.4rem;
  }
  .header-cart .cart-breadcrumb.flex {
    position: relative;
    align-items: center;
    margin-top: 4rem;
  }
  @media screen and (max-width: 768px) {
    .header-cart .cart-breadcrumb.flex {
      margin-top: 0;
      padding: 3.65rem 3rem 3.65rem 11rem;
    }
  }
  .header-cart .cart-breadcrumb.flex::before {
    content: "";
    position: absolute;
    top: -0.3rem;
    left: 0;
    width: 2.8rem;
    height: 1.5rem;
    background: url("/assets/images/cart/ic_cart.svg") no-repeat center/contain;
  }
  @media screen and (max-width: 768px) {
    .header-cart .cart-breadcrumb.flex::before {
      top: 50%;
      left: 3.2rem;
      transform: translateY(-50%);
      width: 4.7rem;
      height: 2.6rem;
    }
  }
  .header-cart .cart-breadcrumb.flex li {
    padding: 0 3.5rem;
    font-size: 1.3rem;
    font-weight: 500;
  }
  @media screen and (max-width: 768px) {
    .header-cart .cart-breadcrumb.flex li {
      padding: 0;
      font-size: 2.6rem;
    }
  }

  /*================= ▼HEADER =================*/
  .header {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    left: 0;
    z-index: 100000;
    background-color: #fff;
    width: 6rem;
    height: 100vh;
    border-right: 1px solid #f4f4f4;
  }
  @media screen and (max-width: 768px) {
    .header {
      position: fixed;
      width: 100%;
      height: 11rem;
      border-bottom: 1px solid #ddd;
    }
  }
  @media screen and (max-width: 768px) {
    .header .header-inner {
      display: flex;
      align-items: center;
      justify-content: space-between;
      height: 100%;
    }
  }
  @media screen and (max-width: 768px) {
    .header .header-inner .sp-header {
      display: flex;
      align-items: center;
      padding: 0 0 0 3.2rem;
    }
  }
  @media screen and (max-width: 768px) {
    .header .header-inner .sp-header h1 a img {
      width: 14.7rem;
      height: 4rem;
    }
  }
  @media screen and (max-width: 768px) {
    .header .header-inner .sp-header .sp-header-search-button {
      margin: 0 0 0 14rem;
      width: 10rem;
      height: 4.8rem;
      border-radius: 50%;
      position: relative;
    }
    .header .header-inner .sp-header .sp-header-search-button .button {
      position: absolute;
      content: "";
      top: -9rem;
      width: 17.6rem;
      height: 17.6rem;
    }
    .header .header-inner .sp-header .sp-header-search-button .button img {
      width: 100%;
      height: auto;
    }
  }
  @media screen and (max-width: 768px) {
    .header .header-inner .sp-header .sp-header-search-consul {
      margin: 0 0 0 2.4rem;
      width: 6rem;
      height: 4.8rem;
      border-radius: 50%;
      position: relative;
    }
    .header .header-inner .sp-header .sp-header-search-consul a {
      position: absolute;
      content: "";
      top: -9rem;
      left: 3rem;
      width: 17.6rem;
      height: 17.6rem;
    }
    .header .header-inner .sp-header .sp-header-search-consul a img {
      width: 100%;
      height: auto;
    }
  }

  .header-btn {
    position: absolute;
    top: 50%;
    left: 0;
    bottom: 0;
    z-index: 1000000;
    width: 6rem;
    height: 6rem;
    cursor: pointer;
    transform: translateY(-50%);
  }
  @media screen and (max-width: 768px) {
    .header-btn {
      position: relative;
      top: auto;
      width: 11rem;
      height: 11rem;
      background-color: #2e3776;
      transform: none;
    }
  }
  .header-btn .c-header-btn {
    position: relative;
    z-index: 10000;
    display: inline-block;
    width: 6rem;
    height: 6rem;
  }
  @media screen and (max-width: 768px) {
    .header-btn .c-header-btn {
      width: 11rem;
      height: 11rem;
    }
  }
  .header-btn .c-header-btn .c-header-btn-line {
    position: absolute;
    top: 40%;
    left: 50%;
    display: block;
    width: 3.2rem;
    height: 2px;
    background-color: #000;
    transform: translate(-50%, -50%);
    transition: 0.35s ease-in-out;
  }
  @media screen and (max-width: 768px) {
    .header-btn .c-header-btn .c-header-btn-line {
      background-color: #fff;
      height: 1px;
    }
  }
  .header-btn .c-header-btn .c-header-btn-line::before, .header-btn .c-header-btn .c-header-btn-line::after {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    background-color: #000;
    transition: inherit;
  }
  @media screen and (max-width: 768px) {
    .header-btn .c-header-btn .c-header-btn-line::before, .header-btn .c-header-btn .c-header-btn-line::after {
      background-color: #fff;
    }
  }
  .header-btn .c-header-btn .c-header-btn-line::before {
    top: -8px;
  }
  @media screen and (max-width: 768px) {
    .header-btn .c-header-btn .c-header-btn-line::before {
      top: -0.8rem;
    }
  }
  .header-btn .c-header-btn .c-header-btn-line::after {
    top: 8px;
  }
  @media screen and (max-width: 768px) {
    .header-btn .c-header-btn .c-header-btn-line::after {
      top: 0.8rem;
    }
  }
  .header-btn .c-header-btn .c-header-btn-text {
    margin: 4.5rem 0 0 0;
    font-size: 1.2rem;
    text-align: center;
    font-weight: 700;
  }
  @media screen and (max-width: 768px) {
    .header-btn .c-header-btn .c-header-btn-text {
      margin: 3.2rem 0 0 0;
      color: #fff;
      font-size: 1.6rem;
      font-weight: 400;
    }
  }
  .header-btn .c-header-btn[aria-expanded=true] {
    border: none;
  }
  .header-btn .c-header-btn[aria-expanded=true] .c-header-btn-line {
    background-color: transparent;
  }
  .header-btn .c-header-btn[aria-expanded=true] .c-header-btn-line::before, .header-btn .c-header-btn[aria-expanded=true] .c-header-btn-line::after {
    top: 0;
    background-color: #000;
  }
  @media screen and (max-width: 768px) {
    .header-btn .c-header-btn[aria-expanded=true] .c-header-btn-line::before, .header-btn .c-header-btn[aria-expanded=true] .c-header-btn-line::after {
      background-color: #fff;
    }
  }
  .header-btn .c-header-btn[aria-expanded=true] .c-header-btn-line::before {
    transform: rotate(45deg);
  }
  .header-btn .c-header-btn[aria-expanded=true] .c-header-btn-line::after {
    transform: rotate(-45deg);
  }
  .header-btn .c-visuallyHidden {
    position: absolute;
    margin: -1px;
    padding: 0;
    width: 1px;
    height: 1px;
    border: 0;
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(50%);
            clip-path: inset(50%);
    white-space: nowrap;
    overflow: hidden;
  }

  /*================= ▼GLOBAL-MENU =================*/
  .global {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000;
    width: 100%;
    height: 100%;
    overflow: hidden;
    pointer-events: none;
    white-space: nowrap;
  }
  .global a {
    text-decoration: none;
  }
  .global.is-expanded {
    height: 100%;
    pointer-events: auto;
  }
  .global .global-bg {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0;
    pointer-events: none;
    will-change: height, opacity;
    transform: translate3d(0, 0, 0);
    transition: opacity 0.5s;
  }
  .global .global-bg.is-expanded {
    pointer-events: auto;
    opacity: 0.8;
  }
  .global .global-inbox {
    display: -ms-grid;
    display: grid;
    align-items: center;
    justify-content: space-between;
    width: 0;
    height: 100%;
    background-color: #fff;
    overflow-x: hidden;
    will-change: width;
    transform: translate3d(0, 0, 0);
    transition: 0.5s cubic-bezier(0.77, 0, 0.175, 1);
  }
  @media screen and (max-width: 768px) {
    .global .global-inbox {
      display: flex;
      justify-content: initial;
      align-items: flex-start;
      padding: 14.3rem 0 0 0;
    }
  }
  .global .global-inbox.is-expanded {
    width: 108.4rem;
  }
  @media screen and (max-width: 768px) {
    .global .global-inbox.is-expanded {
      width: 100%;
    }
  }
  .global .global-inbox .global-inbox-inner {
    position: relative;
    left: 7.6rem;
    z-index: 100;
    padding: 4.8rem 0 0 4.8rem;
  }
  @media screen and (max-width: 768px) {
    .global .global-inbox .global-inbox-inner {
      left: auto;
      padding: 0 3.2rem;
      width: 100%;
    }
  }
  .global .global-inbox .global-inbox-inner .global-inbox-contact .global-contact-block {
    display: flex;
    justify-content: space-between;
  }
  @media screen and (max-width: 768px) {
    .global .global-inbox .global-inbox-inner .global-inbox-contact .global-contact-block {
      display: block;
      padding: 0 0 4rem;
    }
  }
  @media screen and (max-width: 768px) {
    .global .global-inbox .global-inbox-inner .global-inbox-contact .global-contact-block .global-contact {
      margin: 0 0 4rem;
      width: 100%;
      height: 18rem;
    }
  }
  .global .global-inbox .global-inbox-inner .global-inbox-contact .global-contact-block .global-contact a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 44.1rem;
    height: 12rem;
    border-radius: 0.4rem;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.09);
    color: var(--main-color);
  }
  @media screen and (max-width: 768px) {
    .global .global-inbox .global-inbox-inner .global-inbox-contact .global-contact-block .global-contact a {
      width: 100%;
      height: 100%;
      border-radius: 0.2rem;
    }
  }
  .global .global-inbox .global-inbox-inner .global-inbox-contact .global-contact-block .global-contact a h3 {
    font-size: 2.2rem;
    font-weight: 700;
  }
  @media screen and (max-width: 768px) {
    .global .global-inbox .global-inbox-inner .global-inbox-contact .global-contact-block .global-contact a h3 {
      font-size: 3.5rem;
    }
  }
  .global .global-inbox .global-inbox-inner .global-inbox-contact .global-contact-block .global-contact a .text {
    font-size: 1.4rem;
    line-height: 1.4;
    letter-spacing: 0.1em;
  }
  @media screen and (max-width: 768px) {
    .global .global-inbox .global-inbox-inner .global-inbox-contact .global-contact-block .global-contact a .text {
      font-size: 2rem;
    }
  }
  .global .global-inbox .global-inbox-inner .global-inbox-contact .global-contact-block .global-contact a .text span {
    font-weight: bold;
  }
  .global .global-inbox .global-inbox-inner .global-inbox-contact .global-contact-block .global-contact-left a {
    color: #fff;
    background-color: #f89131;
  }
  .global .global-inbox .global-inbox-inner .global-inbox-contact .global-contact-block .global-contact-right a {
    color: var(--main-color);
  }
  @media screen and (max-width: 768px) {
    .global .global-inbox .global-inbox-inner .global-inbox-contact .global-contact-block .global-contact-right a {
      width: 100%;
      height: 18rem;
      border-radius: 0.2rem;
    }
  }
  .global .global-inbox .global-inbox-inner .global-inbox-contact .global-contact-block .global-contact-right a .tel {
    font-size: 2.8rem;
    font-weight: 700;
    letter-spacing: 0.1em;
  }
  @media screen and (max-width: 768px) {
    .global .global-inbox .global-inbox-inner .global-inbox-contact .global-contact-block .global-contact-right a .tel {
      font-size: 3.5rem;
    }
  }
  .global .global-inbox .global-inbox-inner .global-inbox-contact .global-contact-block .global-contact-right a .text {
    margin-top: 1.42rem;
    text-align: center;
  }
  @media screen and (max-width: 768px) {
    .global .global-inbox .global-inbox-inner .global-inbox-contact .global-contact-block .global-contact-right a .text {
      margin-top: 2.4rem;
    }
  }
  @media screen and (max-width: 768px) {
    .global .global-inbox .global-inbox-inner .global-menu-outer {
      display: flex;
    }
  }
  .global .global-inbox .global-inbox-inner .global-menu-outer .global-menu {
    display: flex;
    margin: 2.4rem 0 0 0;
  }
  @media screen and (max-width: 768px) {
    .global .global-inbox .global-inbox-inner .global-menu-outer .global-menu {
      display: none;
      margin: 0;
    }
  }
  .global .global-inbox .global-inbox-inner .global-menu-outer .global-menu:nth-child(2) .global-menu-inner {
    width: 28rem;
  }
  .global .global-inbox .global-inbox-inner .global-menu-outer .global-menu .global-menu-inner {
    width: 28rem;
    padding: 2rem 0 0 0;
  }
  @media screen and (max-width: 768px) {
    .global .global-inbox .global-inbox-inner .global-menu-outer .global-menu .global-menu-inner {
      padding: 0;
    }
  }
  .global .global-inbox .global-inbox-inner .global-menu-outer .global-menu .global-menu-inner.border-gray {
    border-top: 1.5px solid #ddd;
  }
  .global .global-inbox .global-inbox-inner .global-menu-outer .global-menu .global-menu-inner.ml-32 {
    margin-left: 3.2rem;
  }
  .global .global-inbox .global-inbox-inner .global-menu-outer .global-menu .global-menu-inner.mt-24 {
    margin-top: 2.4rem;
  }
  .global .global-inbox .global-inbox-inner .global-menu-outer .global-menu .global-menu-inner .global-menu-title {
    font-size: 1.8rem;
    font-weight: 700;
    color: #000;
  }
  .global .global-inbox .global-inbox-inner .global-menu-outer .global-menu .global-menu-inner .global-menu-list {
    margin-top: 0.8rem;
  }
  .global .global-inbox .global-inbox-inner .global-menu-outer .global-menu .global-menu-inner .global-menu-list .global-menu-item {
    position: relative;
    padding: 0.8rem 0 0 4rem;
    font-weight: bold;
    letter-spacing: 0.1em;
    list-style: none;
  }
  .global .global-inbox .global-inbox-inner .global-menu-outer .global-menu .global-menu-inner .global-menu-list .global-menu-item button,
  .global .global-inbox .global-inbox-inner .global-menu-outer .global-menu .global-menu-inner .global-menu-list .global-menu-item a {
    position: relative;
    display: inline-block;
    padding: 0.8rem 1rem;
    width: 100%;
    height: 100%;
    color: #333;
    font-size: 1.2rem;
    cursor: pointer;
    transition: background-color 0.3s ease;
  }
  .global .global-inbox .global-inbox-inner .global-menu-outer .global-menu .global-menu-inner .global-menu-list .global-menu-item button::after,
  .global .global-inbox .global-inbox-inner .global-menu-outer .global-menu .global-menu-inner .global-menu-list .global-menu-item a::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 10%;
    width: 8px;
    height: 8px;
    opacity: 0;
    border-top: 2px solid #333;
    border-right: 2px solid #333;
    transform: rotate(45deg) translateY(-50%);
    transition: opacity 0.3s ease;
  }
  @media screen and (max-width: 768px) {
    .global .global-inbox .global-inbox-inner .global-menu-outer .global-menu .global-menu-inner .global-menu-list .global-menu-item button::after,
  .global .global-inbox .global-inbox-inner .global-menu-outer .global-menu .global-menu-inner .global-menu-list .global-menu-item a::after {
      opacity: 1;
    }
  }
  .global .global-inbox .global-inbox-inner .global-menu-outer .global-menu .global-menu-inner .global-menu-list .global-menu-item button:hover,
  .global .global-inbox .global-inbox-inner .global-menu-outer .global-menu .global-menu-inner .global-menu-list .global-menu-item a:hover {
    background-color: #dfe0ea;
  }
  @media screen and (max-width: 768px) {
    .global .global-inbox .global-inbox-inner .global-menu-outer .global-menu .global-menu-inner .global-menu-list .global-menu-item button:hover,
  .global .global-inbox .global-inbox-inner .global-menu-outer .global-menu .global-menu-inner .global-menu-list .global-menu-item a:hover {
      background-color: inherit;
    }
  }
  .global .global-inbox .global-inbox-inner .global-menu-outer .global-menu .global-menu-inner .global-menu-list .global-menu-item button:hover::after,
  .global .global-inbox .global-inbox-inner .global-menu-outer .global-menu .global-menu-inner .global-menu-list .global-menu-item a:hover::after {
    opacity: 1;
  }
  @media screen and (max-width: 768px) {
    .global .global-inbox .global-inbox-inner .global-menu-outer .global-menu .global-menu-inner .global-menu-list .global-menu-item button:hover::after,
  .global .global-inbox .global-inbox-inner .global-menu-outer .global-menu .global-menu-inner .global-menu-list .global-menu-item a:hover::after {
      opacity: inherit;
    }
  }
  .global .global-inbox .global-inbox-inner .global-menu-outer .global-menu .flex {
    display: flex;
    flex-direction: column;
  }
  .global .global-inbox .global-inbox-inner .global-menu-outer .global-menu-sp {
    display: none;
  }
  @media screen and (max-width: 768px) {
    .global .global-inbox .global-inbox-inner .global-menu-outer .global-menu-sp {
      display: flex;
      flex-direction: column;
      margin: 0;
    }
  }
  @media screen and (max-width: 768px) {
    .global .global-inbox .global-inbox-inner .global-menu-outer .global-menu-sp.ml-38 {
      margin: 0 0 0 3.8rem;
    }
  }
  .global .global-inbox .global-inbox-inner .global-menu-outer .global-menu-sp .global-menu-inner {
    padding: 2rem 0 0 0;
  }
  @media screen and (max-width: 768px) {
    .global .global-inbox .global-inbox-inner .global-menu-outer .global-menu-sp .global-menu-inner {
      width: 33.2rem;
      padding: 0;
    }
  }
  .global .global-inbox .global-inbox-inner .global-menu-outer .global-menu-sp .global-menu-inner.border-gray {
    border-top: 1.5px solid #ddd;
  }
  @media screen and (max-width: 768px) {
    .global .global-inbox .global-inbox-inner .global-menu-outer .global-menu-sp .global-menu-inner:nth-child(n+2) {
      padding: 6.4rem 0 0 0;
    }
  }
  @media screen and (max-width: 768px) {
    .global .global-inbox .global-inbox-inner .global-menu-outer .global-menu-sp .global-menu-inner .global-menu-title {
      font-weight: 700;
      font-size: 2.4rem;
    }
  }
  .global .global-inbox .global-inbox-inner .global-menu-outer .global-menu-sp .global-menu-inner .global-menu-title a {
    color: #000;
  }
  @media screen and (max-width: 768px) {
    .global .global-inbox .global-inbox-inner .global-menu-outer .global-menu-sp .global-menu-inner .global-menu-list {
      padding: 0 0 4.8rem 0;
    }
  }
  .global .global-inbox .global-inbox-inner .global-menu-outer .global-menu-sp .global-menu-inner .global-menu-list .global-menu-item {
    position: relative;
    padding: 2.4rem 0 0 4rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    list-style: none;
  }
  @media screen and (max-width: 768px) {
    .global .global-inbox .global-inbox-inner .global-menu-outer .global-menu-sp .global-menu-inner .global-menu-list .global-menu-item {
      font-weight: 500;
      padding: 4rem 0 0 0;
    }
  }
  .global .global-inbox .global-inbox-inner .global-menu-outer .global-menu-sp .global-menu-inner .global-menu-list .global-menu-item a {
    position: relative;
    display: inline-block;
    padding: 0.8rem 1rem;
    height: 100%;
    color: #333;
    font-size: 1.2rem;
    cursor: pointer;
    transition: background-color 0.5s ease;
  }
  @media screen and (max-width: 768px) {
    .global .global-inbox .global-inbox-inner .global-menu-outer .global-menu-sp .global-menu-inner .global-menu-list .global-menu-item a {
      font-size: 2.2rem;
    }
  }

  /*================= ▼LINK-LIST =================*/
  .c-link-list {
    position: absolute;
    top: 11rem;
    left: 0;
    z-index: 100;
  }
  @media screen and (max-width: 768px) {
    .c-link-list {
      display: none;
    }
  }
  .c-link-list ul li:nth-child(n+2) {
    margin: 1.5rem 0 0 0;
  }
  .c-link-list ul li a {
    padding: 0.4rem 1rem 0.4rem 3rem;
    width: 100%;
    height: auto;
    background-color: #fff;
    font-size: 1.6rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    transition: padding 0.5s ease, background-color 0.5s ease, color 0.5s ease;
  }
  .c-link-list ul li a:hover {
    padding-left: 4rem;
    background-color: #2e3776;
    color: #fff;
  }

  /*================= ▼LOGO =================*/
  .c-logo {
    position: absolute;
    top: 2rem;
    left: 2%;
    z-index: 100;
  }
  @media screen and (max-width: 768px) {
    .c-logo {
      display: none;
    }
  }


  /*================= ▼ NEGOTIATION-SHOP =================*/
  .shop {
    width: 102.4rem;
    margin: 6.4rem auto;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.16);
    border-radius: 4px;
    background-color: #fff;
  }
  @media screen and (max-width: 768px) {
    .shop {
      width: 100%;
      margin: 10rem auto;
    }
  }
  .shop .inner.flex {
    gap: 2.8rem;
    padding: 4rem 8rem;
  }
  @media screen and (max-width: 768px) {
    .shop .inner.flex {
      flex-direction: column;
      gap: 4rem;
      padding: 4rem;
    }
  }
  .shop-image figure img {
    width: 26.2rem;
    height: 14.7rem;
    -o-object-fit: cover;
       object-fit: cover;
  }
  @media screen and (max-width: 768px) {
    .shop-image figure img {
      width: 100%;
      height: 35rem;
    }
  }
  .shop-body h3 {
    font-size: 2.4rem;
    font-weight: 500;
  }
  @media screen and (max-width: 768px) {
    .shop-body h3 {
      font-size: 3.2rem;
    }
  }
  .shop-body a.tel {
    display: inline-block;
    margin: 1.2rem 0;
    font-size: 2.4rem;
    font-weight: 700;
    pointer-events: none;
  }
  @media screen and (max-width: 768px) {
    .shop-body a.tel {
      margin: 2rem 0 4rem;
      font-size: 3.2rem;
      pointer-events: auto;
    }
  }
  .shop-body .shop-info {
    width: 57.4rem;
  }
  @media screen and (max-width: 768px) {
    .shop-body .shop-info {
      width: 100%;
    }
  }
  .shop-body .shop-info dl {
    display: flex;
    border-bottom: 1px solid #ddd;
    padding: 1.2rem 0;
    font-size: 1.6rem;
    line-height: 1.6875;
  }
  @media screen and (max-width: 768px) {
    .shop-body .shop-info dl {
      padding: 3rem 0;
      font-size: 2rem;
      line-height: 1.7;
    }
  }
  .shop-body .shop-info dl:first-of-type {
    border-top: 1px solid #ddd;
  }
  .shop-body .shop-info dl dt {
    font-weight: 500;
  }
  .shop-body .shop-info dl dt span {
    display: inline-block;
    width: 7.6rem;
    border-right: 1px solid #333;
  }
  @media screen and (max-width: 768px) {
    .shop-body .shop-info dl dt span {
      width: 10rem;
    }
  }
  .shop-body .shop-info dl dd {
    font-weight: 700;
    padding-left: 1em;
  }
  /* /.shop */
  /*================= ▼ C-ORDER-CART =================*/
  .c-order-cart {
    /* /.cart-left */
  }
  .c-order-cart > .inner.flex {
    justify-content: space-between;
    align-items: flex-start;
    width: 102.4rem;
    margin: 0 auto;
    padding: 4rem 0 11.2rem;
  }
  @media screen and (max-width: 768px) {
    .c-order-cart > .inner.flex {
      width: 100%;
      flex-direction: column;
      gap: 8rem;
      padding: 8rem 3.2rem 19rem;
    }
  }
  .c-order-cart .cart-left {
    /* /.c-order-table */
  }
  .c-order-cart .cart-left .order-table {
    width: 67rem;
    /* /tr.detail */
  }
  @media screen and (max-width: 768px) {
    .c-order-cart .cart-left .order-table {
      width: 100%;
    }
  }
  .c-order-cart .cart-left .order-table tr.title {
    border-bottom: 1px solid #dddddd;
  }
  .c-order-cart .cart-left .order-table tr.title th {
    padding-bottom: 1.15rem;
  }
  @media screen and (max-width: 768px) {
    .c-order-cart .cart-left .order-table tr.title th {
      padding-bottom: 1.9rem;
    }
  }
  .c-order-cart .cart-left .order-table tr.title th.name {
    width: 38rem;
  }
  @media screen and (max-width: 768px) {
    .c-order-cart .cart-left .order-table tr.title th.name {
      width: 36.4rem;
    }
  }
  .c-order-cart .cart-left .order-table tr.title th.quantity {
    width: 12rem;
    text-align: center;
  }
  @media screen and (max-width: 768px) {
    .c-order-cart .cart-left .order-table tr.title th.quantity {
      width: 14rem;
    }
  }
  .c-order-cart .cart-left .order-table tr.title th.price {
    width: 17rem;
    text-align: center;
    padding-left: 4rem;
  }
  @media screen and (max-width: 768px) {
    .c-order-cart .cart-left .order-table tr.title th.price {
      width: 20rem;
      padding-left: 6rem;
    }
  }
  .c-order-cart .cart-left .order-table tr.detail {
    border-bottom: 1px solid #ddd;
    /* /td.body */
    /* /td.quantity */
    /* /td.price */
  }
  .c-order-cart .cart-left .order-table tr.detail td {
    vertical-align: middle;
  }
  @media screen and (max-width: 768px) {
    .c-order-cart .cart-left .order-table tr.detail td {
      padding-top: 4rem;
      vertical-align: top;
    }
  }
  .c-order-cart .cart-left .order-table tr.detail td.body {
    padding: 3.2rem 0;
    /* /.text.flex */
  }
  .c-order-cart .cart-left .order-table tr.detail td.body .image-link {
    display: inline-block;
    margin-right: 1.5rem;
  }
  @media screen and (max-width: 768px) {
    .c-order-cart .cart-left .order-table tr.detail td.body .image-link {
      margin-right: 2rem;
    }
  }
  .c-order-cart .cart-left .order-table tr.detail td.body .image-link img {
    width: 10rem;
    height: 10rem;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .c-order-cart .cart-left .order-table tr.detail td.body .text.flex {
    flex-direction: column;
    justify-content: space-between;
    max-width: 25rem;
  }
  @media screen and (max-width: 768px) {
    .c-order-cart .cart-left .order-table tr.detail td.body .text.flex {
      max-width: 23.5rem;
    }
  }
  .c-order-cart .cart-left .order-table tr.detail td.body .text.flex .label-block .label {
    padding: 0.3rem 1.2rem;
    font-size: 1rem;
    font-weight: 700;
  }
  @media screen and (max-width: 768px) {
    .c-order-cart .cart-left .order-table tr.detail td.body .text.flex .label-block .label {
      padding: 0.4rem;
      font-size: 1.6rem;
      font-weight: 500;
    }
  }
  .c-order-cart .cart-left .order-table tr.detail td.body .text.flex .label-block .number {
    display: inline-block;
    padding-left: 0.7rem;
    font-size: 1.3rem;
    font-weight: 500;
  }
  @media screen and (max-width: 768px) {
    .c-order-cart .cart-left .order-table tr.detail td.body .text.flex .label-block .number {
      font-size: 2rem;
      padding-left: 0;
    }
  }
  .c-order-cart .cart-left .order-table tr.detail td.body .text.flex .label-block.id .label {
    background-color: #888888;
    color: #fff;
  }
  .c-order-cart .cart-left .order-table tr.detail td.body .text.flex .label-block.place .label {
    border: 1px solid #888;
    color: #888;
  }
  @media screen and (max-width: 768px) {
    .c-order-cart .cart-left .order-table tr.detail td.body .text.flex .name {
      margin: 1rem 0;
    }
  }
  .c-order-cart .cart-left .order-table tr.detail td.body .text.flex .name .page-link,
  .c-order-cart .cart-left .order-table tr.detail td.body .text.flex .name .name-link {
    display: inline-block;
    font-size: 1.6rem;
    font-weight: 700;
  }
  @media screen and (max-width: 768px) {
    .c-order-cart .cart-left .order-table tr.detail td.body .text.flex .name .page-link,
  .c-order-cart .cart-left .order-table tr.detail td.body .text.flex .name .name-link {
      font-size: 2.4rem;
      line-height: 1.6;
    }
  }
  @media screen and (max-width: 768px) {
    .c-order-cart .cart-left .order-table tr.detail td.body .text.flex .name .page-link {
      font-size: 2.2rem;
    }
  }
  .c-order-cart .cart-left .order-table tr.detail td.body .text.flex .name .page-link::after {
    content: ">";
    color: #333;
    font-size: inherit;
  }
  .c-order-cart .cart-left .order-table tr.detail td.quantity {
    padding: 7.2rem 0 0;
    vertical-align: top;
  }
  .c-order-cart .cart-left .order-table tr.detail td.quantity .inner {
    position: relative;
    text-align: center;
  }
  .c-order-cart .cart-left .order-table tr.detail td.quantity b {
    line-height: 1.6875;
  }
  .c-order-cart .cart-left .order-table tr.detail td.price {
    padding: 4.2rem 1rem 3.2rem 2rem;
    text-align: right;
    white-space: nowrap;
  }
  .c-order-cart .cart-left .order-table tr.detail td.price p {
    font-size: 1.6rem;
    font-weight: 500;
  }
  @media screen and (max-width: 768px) {
    .c-order-cart .cart-left .order-table tr.detail td.price p {
      font-size: 2rem;
      line-height: 1.7;
    }
  }
  .c-order-cart .cart-left .order-table tr.detail td.price b {
    font-size: 2rem;
    line-height: 2;
  }
  @media screen and (max-width: 768px) {
    .c-order-cart .cart-left .order-table tr.detail td.price b {
      font-size: 2.4rem;
      line-height: 1.666;
    }
  }
  .c-order-cart .cart-left .order-table td.delete {
    padding: 1.5rem 1rem 2rem 0;
    text-align: right;
    color: var(--main-color);
  }
  @media screen and (max-width: 768px) {
    .c-order-cart .cart-left .order-table td.delete {
      padding: 2rem 0 3rem;
    }
  }
  .c-order-cart .cart-left .order-table tr.total {
    border-bottom: 1px solid #ddd;
  }
  .c-order-cart .cart-left .order-table tr.total th {
    padding-right: 3rem;
    text-align: right;
    font-weight: 400;
  }
  @media screen and (max-width: 768px) {
    .c-order-cart .cart-left .order-table tr.total th {
      padding-right: 5rem;
    }
  }
  .c-order-cart .cart-left .order-table tr.total th,
  .c-order-cart .cart-left .order-table tr.total td {
    padding-top: 2rem;
    padding-bottom: 2rem;
    vertical-align: middle;
  }
  @media screen and (max-width: 768px) {
    .c-order-cart .cart-left .order-table tr.total th,
  .c-order-cart .cart-left .order-table tr.total td {
      padding-top: 4rem;
      padding-bottom: 4rem;
    }
  }
  .c-order-cart .cart-left .order-table tr.total td.quantity {
    text-align: center;
  }
  @media screen and (max-width: 768px) {
    .c-order-cart .cart-left .order-table tr.total td.quantity {
      text-align: left;
      padding-left: 3rem;
    }
  }
  .c-order-cart .cart-left .order-table tr.total td.price {
    padding-right: 1rem;
    text-align: right;
    font-size: 2rem;
    font-weight: 700;
  }
  @media screen and (max-width: 768px) {
    .c-order-cart .cart-left .order-table tr.total td.price {
      padding-right: 0;
      font-size: 2.4rem;
    }
  }
  .c-order-cart .cart-left .link-btn {
    margin-top: 4rem;
  }
  @media screen and (max-width: 768px) {
    .c-order-cart .cart-left .link-btn {
      margin-top: 8rem;
    }
  }
  .c-order-cart .cart-right {
    width: 32rem;
    /* /.price.flex */
  }
  @media screen and (max-width: 768px) {
    .c-order-cart .cart-right {
      width: 100%;
    }
  }
  .c-order-cart .cart-right .inner {
    background-color: #e9eaf4;
    padding: 2.4rem;
  }
  @media screen and (max-width: 768px) {
    .c-order-cart .cart-right .inner {
      padding: 6.4rem 9rem;
    }
  }
  .c-order-cart .cart-right .total-quantity {
    font-size: 1.2rem;
    font-weight: 700;
  }
  @media screen and (max-width: 768px) {
    .c-order-cart .cart-right .total-quantity {
      display: inline-block;
      width: 17rem;
      vertical-align: top;
      font-size: 2rem;
    }
  }
  .c-order-cart .cart-right .price.flex {
    justify-content: flex-end;
    gap: 0.7rem;
    margin-top: 2rem;
    color: #0f23ac;
    font-weight: 700;
  }
  @media screen and (max-width: 768px) {
    .c-order-cart .cart-right .price.flex {
      display: inline-flex;
      width: 34rem;
      margin: 0;
    }
  }
  .c-order-cart .cart-right .price.flex b {
    font-size: 3rem;
  }
  @media screen and (max-width: 768px) {
    .c-order-cart .cart-right .price.flex b {
      font-size: 4.4rem;
    }
  }
  .c-order-cart .cart-right .price.flex p span {
    text-align: left;
    display: block;
  }
  .c-order-cart .cart-right .price.flex p span.yen {
    font-size: 1.6rem;
  }
  @media screen and (max-width: 768px) {
    .c-order-cart .cart-right .price.flex p span.yen {
      font-size: 2rem;
    }
  }
  .c-order-cart .cart-right .price.flex p span.tax {
    font-size: 1.1rem;
  }
  @media screen and (max-width: 768px) {
    .c-order-cart .cart-right .price.flex p span.tax {
      font-size: 1.6rem;
    }
  }

  /* /.c-order */
  /*================= ▼SEARCH =================*/
  .c-search {
    position: fixed;
    top: 0%;
    right: 0;
    z-index: 1000;
    padding: 1.2rem;
    background-color: #fff;
  }
  @media screen and (max-width: 768px) {
    .c-search {
      display: none;
    }
  }
  .c-search .c-search-inner {
    display: flex;
    align-items: center;
  }
  .c-search .c-search-inner .c-search-cross {
    margin: 0 0.5rem;
    color: #2e3776;
    font-size: 1.6rem;
  }
  .c-search .c-search-inner .c-search-select-box {
    position: relative;
    display: inline-block;
  }
  .c-search .c-search-inner .c-search-select-box::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 1.2rem;
    width: 0.8rem;
    height: 0.8rem;
    border-bottom: solid 1px #2e3776;
    border-right: solid 1px #2e3776;
    transform: rotate(45deg);
    margin-top: -0.8rem;
  }
  .c-search .c-search-inner .c-search-select-box .c-search-select {
    padding: 1.6rem 1.2rem;
    width: 13.5rem;
    border: 1px solid #dfe0ea;
    border-radius: 5px;
    color: #2e3776;
    font-size: 1.2rem;
    font-weight: 700;
  }
  .c-search .c-search-inner .c-search-select-box svg {
    width: 10px;
  }
  .c-search .c-search-inner .c-search-button {
    margin: 0 0 0 1rem;
    width: 10rem;
    height: 4.8rem;
    border-radius: 50%;
    position: relative;
  }
  .c-search .c-search-inner .c-search-button .button {
    position: absolute;
    content: "";
    top: -30px;
    width: 11rem;
    height: 11rem;
  }
  .c-search .c-search-inner .c-search-button .button:hover {
    transform: scale(0.97);
  }
  .c-search .c-search-inner .c-search-consul {
    width: 6rem;
    height: 4.8rem;
    border-radius: 50%;
    position: relative;
  }
  .c-search .c-search-inner .c-search-consul a {
    position: absolute;
    content: "";
    top: -30px;
    left: -2rem;
    width: 11rem;
    height: 11rem;
  }
  .c-search .c-search-inner .c-search-consul a:hover {
    transform: scale(0.97);
  }
  /*================= ▼ UNDER-MV =================*/
  .under-mv .headline {
    position: relative;
    width: 100%;
    height: 26rem;
    background: rgba(46, 55, 118, 0.7);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
  }
  .under-mv .headline::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
  }
  .under-mv .page-ttl {
    position: absolute;
    top: 55%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 2.8rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    z-index: 2;
  }
  @media screen and (max-width: 768px) {
    .under-mv .page-ttl {
      top: 50%;
      white-space: nowrap;
      font-size: 3.6rem;
    }
  }
  .under-mv .breadcrumb.flex {
    position: relative;
    align-items: center;
    height: 4rem;
    background: var(--bg-light-gray);
    border-bottom: solid 1px #dddddd;
    padding: 0 2.2rem 0 7rem;
    overflow: hidden;
  }
  @media screen and (max-width: 768px) {
    .under-mv .breadcrumb.flex {
      height: 10rem;
      padding: 0 3rem 0 11rem;
    }
  }
  .under-mv .breadcrumb.flex:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 3rem;
    transform: translateY(-50%);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
  .under-mv .breadcrumb.flex li {
    display: inline-block;
    line-height: 4rem;
  }
  .under-mv .breadcrumb.flex li a.border {
    position: relative;
  }
  .under-mv .breadcrumb.flex li a.border::after {
    content: "";
    position: absolute;
    bottom: -0.2rem;
    left: 0;
    content: "";
    width: 100%;
    height: 1px;
    background: #333;
    transform: scale(0, 1);
    transform-origin: left top;
    transition: transform 0.3s;
  }
  @media screen and (max-width: 768px) {
    .under-mv .breadcrumb.flex li a.border::after {
      display: none;
    }
  }
  .under-mv .breadcrumb.flex li a.border:hover::after {
    transform: scale(1, 1);
  }
  .under-mv .breadcrumb.flex li span {
    position: relative;
    z-index: 10;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin: 0;
    padding: 0;
    font-size: 1.3rem;
    line-height: 1.287em;
  }
  @media screen and (max-width: 768px) {
    .under-mv .breadcrumb.flex li span {
      font-size: 2.6rem;
    }
  }
  .under-mv .breadcrumb.flex li:not(:last-of-type) span {
    white-space: nowrap;
  }
  .under-mv .breadcrumb.flex li + li {
    position: relative;
    padding-left: 3.3rem;
  }
  @media screen and (max-width: 768px) {
    .under-mv .breadcrumb.flex li + li {
      padding-left: 7rem;
    }
  }
  .under-mv .breadcrumb.flex li + li:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(-50%, -50%) rotate(-45deg);
    width: 3.5rem;
    height: 3.5rem;
    border-right: solid 1px #ddd;
    border-bottom: solid 1px #ddd;
  }
  @media screen and (max-width: 768px) {
    .under-mv .breadcrumb.flex li + li:before {
      width: 7.5rem;
      height: 7.5rem;
    }
  }

  .pagination-row {
    max-width: 102.4rem;
    margin: 8rem auto 0;
  }

  .pagination .page-numbers {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
  }
  @media screen and (max-width: 768px) {
    .pagination .page-numbers {
      justify-content: space-evenly;
    }
  }
  .pagination .page-numbers li .page-numbers {
    padding: 0.2rem 0.2rem;
    margin: 0 1rem;
    font-size: 2.4rem;
    letter-spacing: 0.12em;
    line-height: 1.75;
    color: #191e64;
    border-bottom: solid 1px transparent;
    transition: 0.2s;
  }
  .pagination .page-numbers li .page-numbers:hover {
    color: #2e3776;
    border-color: #2e3776;
  }
  .pagination .page-numbers li .page-numbers.current {
    font-weight: bold;
  }
  .pagination .page-numbers li .prev,
  .pagination .page-numbers li .next {
    font-size: 1.2rem;
    position: relative;
    border-bottom: none;
    color: #191e64;
  }
  .pagination .page-numbers li .prev:hover,
  .pagination .page-numbers li .next:hover {
    color: #191e64;
  }
  .pagination .page-numbers li .prev.inactive,
  .pagination .page-numbers li .next.inactive {
    color: #aaa;
    pointer-events: none;
  }
  .pagination .page-numbers li .prev {
    padding-left: 4rem;
  }
  .pagination .page-numbers li .prev:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 0.5rem;
    transform: translateY(-50%) rotate(45deg);
    width: 24px;
    height: 24px;
    border-left: solid 1px #191e64;
    border-bottom: solid 1px #191e64;
    transition: 0.2s;
  }
  .pagination .page-numbers li .prev:hover:before {
    left: 0;
  }
  .pagination .page-numbers li .prev.inactive::before {
    border-color: #aaa;
    left: 0.5rem;
  }
  .pagination .page-numbers li .next {
    padding-right: 4rem;
  }
  .pagination .page-numbers li .next:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 0.5rem;
    transform: translateY(-50%) rotate(-45deg);
    width: 24px;
    height: 24px;
    border-right: solid 1px #191e64;
    border-bottom: solid 1px #191e64;
    transition: 0.2s;
  }
  .pagination .page-numbers li .next:hover:after {
    right: 0;
    border-color: #191e64;
  }
  .pagination .page-numbers li .next.inactive::after {
    border-color: #aaa;
    right: 0.5rem;
  }
  .pagination .page-numbers li span.current, .pagination .page-numbers li span.dots {
    pointer-events: none;
  }

  .prefectures-map-box {
    width: 59rem;
    height: 53.7rem;
    position: absolute;
    top: 4.2rem;
    left: 24.4rem;
  }

  .cls-1,
  .cls-2,
  .cls-3,
  .cls-4,
  .cls-5,
  .cls-6,
  .cls-7,
  .cls-8 {
    fill: #C0C1C1;
  }

  .cls-1,
  .cls-2,
  .cls-3,
  .cls-4,
  .cls-5,
  .cls-6,
  .cls-7,
  .cls-8 {
    stroke: #707070;
  }

  a:hover .cls-1 {
    fill: #66a9af;
  }

  a:hover .cls-2 {
    fill: #c3853d;
  }

  a:hover .cls-3 {
    fill: #92aad0;
  }

  a:hover .cls-4 {
    fill: #b192d0;
  }

  a:hover .cls-5 {
    fill: #d9ba38;
  }

  a:hover .cls-6 {
    fill: #af6666;
  }

  a:hover .cls-7 {
    fill: #90af66;
  }

  a:hover .cls-8 {
    fill: #35aa7d;
  }

  a:hover .cls-1,
  a:hover .cls-2,
  a:hover .cls-3,
  a:hover .cls-4,
  a:hover .cls-5,
  a:hover .cls-6,
  a:hover .cls-7,
  a:hover .cls-8 {
    stroke: #fff;
  }

  .cls-1.checked {
    fill: #66a9af;
    stroke: #fff;
  }

  .cls-2.checked {
    fill: #c3853d;
    stroke: #fff;
  }

  .cls-3.checked {
    fill: #92aad0;
    stroke: #fff;
  }

  .cls-4.checked {
    fill: #b192d0;
    stroke: #fff;
  }

  .cls-5.checked {
    fill: #d9ba38;
    stroke: #fff;
  }

  .cls-6.checked {
    fill: #af6666;
    stroke: #fff;
  }

  .cls-7.checked {
    fill: #90af66;
    stroke: #fff;
  }

  .cls-8.checked {
    fill: #35aa7d;
    stroke: #fff;
  }

  @media screen and (max-width: 768px) {
    .prefectures-map-box {
      display: none;
    }
  }

  /*# sourceMappingURL=styles.css.map*/