@charset "utf-8";
/* ---------------------
  - section

  - inner
  -- is-large
  -- is-middle
  -- is-small

  - title
    - title__main
    - title__sub
  - titleWrapper

  - middleTitle

  - subTitle

  - button
    - is-line
    - is-tel
  - buttons
    - buttons__item

  - comText
    - comText__item

  - comList
    - comList__item
  - is-disc
  - is-count
  - is-countCircle
  - is-alphaLower

  - comDesc
    - comDesc__term
    - comDesc__detail

  - comTable
    - comTable__thead
    - comTable__tbody
  - comTableRow
    - comTableRow__item
      - is-title
      - is-body
  - comTableNotes
  - is-cookie

  - contact
    - contact__text
  - contactText
    - contactText__item
      - is-title
      - is-link
  - contactTitle
  - contactLinks
    - contactLinks__item
  - contactLink
    - contactLink__text
    - contactLink__button

  - hero
    - hero__inner
  - heroCatch
    - heroCatch__item

  - introduction
    - introduction__item
  - introductionWrapper
    - introductionWrapper__text
  - introductionLead
    - introductionLead__title
    - introductionLead__body
  - introductionPoint
    - introductionPoint__item
  - introductionItem
    - introductionItem__desc
  - introductionDesc
    - introductionDesc__term
    - introductionDesc__detail

  - is-brand
  - brandList
    - brandList__item
  - brandImage
    - brandImage__name
  - brandButton
  - brandWrapper
    - brandWrapper__more
  - brandMore
    - brandMore__text

  - is-price
  - priceList
    - priceList__item
      - is-notes
  - priceItem
    - priceItem__watch
    - priceItem__detail
  - priceDetail
    - priceDetail__name
    - priceDetail__purchase
  - priceProduct
    - priceProduct__brand
    - priceProduct__model
  - priceModel
    - priceModel__item
      - is-name
      - is-number
  - pricePurchase
    - pricePurchase__caption
    - pricePurchase__value
  - priceNotes
    - priceNotes__item

  - is-reason
  - reasonPoint
    - reasonPoint__item
  - reasonDesc
    - reasonDesc__term
    - reasonDesc__detail
  - is-primary
  - is-secondary
  - is-tertiary

  - is-voice
  - voiceSplide
    - voiceSplide__track
    - voiceSplide__list
    - voiceSplide__slide
  - voiceItem
    - voiceItem__prodct
    - voiceItem__comment
  - voiceProdct
    - voiceProdct__model
    - voiceProdct__rating
  - voiceModel
    - voiceModel__caption
    - voiceModel__name
  - voiceRating
    - voiceRating__item
      - is-star
      - is-score
  - voiceComment
    - voiceComment__user
    - voiceComment__text
  - voiceUser
    - voiceUser__profile
  - voiceProfile
    - voiceProfile__summary
    - voiceProfile__attribute

  - is-service
  - service
  - service__switch
  - service__target
  - serviceSwitch
    - serviceSwitch__item

  - JS-serviceSwitch
    - is-select
  - JS-serviceTarget
    - is-visible

  - serviceRequest
    - serviceRequest__item
        - is-step
        - is-contact
  - serviceTitle
  - serviceStep
    - serviceStep__item
      - is-primary
      - is-secondary
      - is-tertiary
  - serviceItem
    - serviceItem__desc
  - serviceDesc
    - serviceDesc__term
    - serviceDesc__detail
  - storeInformation
    - storeInformation__name
    - storeInformation__access
  - storeName
  - storeAddress
    - storeAddress__item
  - storeItem
    - storeItem__title
    - storeItem__body
  - serviceContact
    - serviceContact__item
  - serviceLink
    - serviceLink__text
    - serviceLink__button

  - is-condition
  - condition
    - condition__title
    - condition__body
  - conditionTitle
  - conditionList
    - conditionList__item

  - is-purchase
  - purchase
    - purchase__item
  - purchaseWrapper
    - purchaseWrapper__text
  - purchaseTitle
  - purchaseWanted
    - purchaseWanted__title
    - purchaseWanted__body
  - purchaseList
    - purchaseList__item

  - is-mission
  - mission
  - missionTitle
  - missionBody
    - missionBody__item

  - cover
    - cover__inner
  - coverDesc
    - coverDesc__detail
  - coverDetail
    - coverDetail__title
    - coverDetail__body
  - coverText
    - coverText__item

  - message
    - message__image
    - message__lead
  - messageLead
    - messageLead__title
    - messageLead__body

  - company
    - company__item
  - companyItem
    - companyItem__title
    - companyItem__body
  - companyMap

  - guidelines
    - guidelines__item
     - is-effective
  - guideline
    - guideline__item

  - legal
    - legal__item
  - legalItem
    - legalItem__title
    - legalItem__body

  - error
    - error__item
--------------------- */



/* -----------------------------------
  section
----------------------------------- */



/* -----------------------------------
  inner
----------------------------------- */
.inner {
  max-width: var(--width-max);
  margin-inline: auto;
  padding-block: var(--padding-block);
  padding-inline: var(--padding-inline);
}


/*  is-large
------------------------ */
.inner.is-large {
  max-width: var(--width-max-large);
}


/*  is-middle
------------------------ */
.inner.is-middle {
  max-width: var(--width-max-middle);
}

.inner .inner.is-middle {
  padding-inline: 0;
  max-width: calc( var(--width-max-middle) - ( 80px * 2 ) );
}


/*  is-small
------------------------ */
.inner.is-small {
  max-width: var(--width-max-small);
}



/* -----------------------------------
  title
----------------------------------- */
.title {
  inline-size: fit-content;
  position: relative;
  margin-inline: auto;
  margin-bottom: .375em; /* 60/160 */
  padding-top: .25em; /* 40/160 */
  font-size: clamp( 4.857142867em, 12.5cqw, 10rem ); /* 68/14 160/12.8 160/16 */
}

.title:before ,
.title:after {
  display: block;
  margin-inline: auto;
}

.title:before {
  inline-size: fit-content;
  margin-bottom: -.25em; /* 40/160 */
  background-image: var(--gradient-title);
  -webkit-background-clip: text;
          background-clip: text;
  -webkit-text-fill-color: transparent;
  letter-spacing: .2em;
  font-family: var(--font-family-instrument);
  line-height: 1;
  text-indent: .2em;
  text-transform: uppercase;
  content: attr(data-title);
}

.title:after {
  width: .75em; /* 120/160 */
  height: 1px;
  margin-top: 10px;
  --gradient-color: #d4a450;
  --gradient-color-rgb: 212, 164, 80;
  background-image: linear-gradient( 90deg, rgba( var(--gradient-color-rgb), 0 ) 0%, var(--gradient-color) 50%, rgba( var(--gradient-color-rgb), 0 ) 100% );
  content: " ";
}


/*  title__main
------------------------ */
.title__main {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  -webkit-flex-wrap: wrap;
     -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
       -o-flex-wrap: wrap;
          flex-wrap: wrap;
  justify-content: center;
  -ms-align-items: baseline;
      align-items: baseline;
  font-weight: 700;
  font-size: max( 18px, .175em ); /* 28/160 */
  letter-spacing: .14em;
  text-indent: .14em;
}

.title__main span + span {
  text-indent: 0;
}


/*  title__sub
------------------------ */
.title__sub {
  font-weight: 700;
  font-size: max( 16px, .175em ); /* 28/160 */
  letter-spacing: .1em;
}



/* -----------------------------------
  titleWrapper
----------------------------------- */
.titleWrapper {
  max-width: var(--width-max-large);
  margin-inline: auto;
  padding-inline: var(--padding-inline);
}

.titleWrapper .title {
  inline-size: auto;
  margin-bottom: 0;
}

.titleWrapper .title:before {
  margin-inline-end: -.2em;
}

.titleWrapper .title:after {
  margin-inline-start: 0;
}

.titleWrapper .title .title__main {
  justify-content: flex-start;
  font-size: .3125em; /* 50/160 */
  text-indent: 0;
}



/* -----------------------------------
  middleTitle
----------------------------------- */
.middleTitle {
  margin-bottom: 2em;
  font-size: 1.25rem; /* 20/16 */
  letter-spacing: .1em;
}



/* -----------------------------------
  dubTitle
----------------------------------- */
.subTitle {
  margin-bottom: 1.25em; /* 20/16 */
  font-size: 1rem;
  letter-spacing: .1em;
}



/* -----------------------------------
  button
----------------------------------- */
.button {
  height: 3.33333333em; /* 80/24 */
  min-height: 100%;
  margin-inline: auto;
  font-size: clamp( 1.285714296rem, 1.875cqw, 1.5rem ); /* 18/14 24/12.8 24/16 */
}

.button a {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: center;
  -ms-align-items: center;
      align-items: center;
  position: relative;
  min-height: 100%;
  border: 2px solid var(--color-white);
  border-radius: 4px;
  overflow: hidden;
  background-color: var(--color);
  color: var(--color-white);
  line-height: 1.5;
  text-decoration: none;
}

.button a :is( div, p ) {
  inline-size: fit-content;
  margin-inline: auto;
  letter-spacing: .1em;
  text-indent: .1em;
}

.button a > div > div + div {
  font-size: max( 10px, .5833333333em ); /* 14/24 */
}

.button a > p {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  -webkit-flex-wrap: wrap;
     -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
       -o-flex-wrap: wrap;
          flex-wrap: wrap;
  justify-content: center;
  -ms-align-items: center;
      align-items: center;
}

.button a > p > span + span {
  text-indent: 0;
}

@media ( min-width: 834.1px ) {
  .button a > div[data-tel]:before {
    display: block;
    content: attr(data-tel);
  }
}

@media ( min-width: 834.1px ) {
  .button a > div[data-tel] div:has( + div ) {
    position: absolute;
    top: 0;
    left: 200%;
    white-space: nowrap;
  }
}


/*  is-line
------------------------ */
.button.is-line a {
  background: var(--gradient-line);
}


/*  is-tel
------------------------ */
.button.is-tel a {
  background: var(--gradient-tel);
}



/* -----------------------------------
  buttons
----------------------------------- */
.buttons {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: center;
  -ms-align-items: stretch;
      align-items: stretch;
  gap: .625em 1.25em; /* 10/16 20/16 */
}

.buttons .button {
  width: auto;
}


/*  buttons__item
------------------------ */
.buttons__item {
  -webkit-flex: 1;
     -moz-flex: 1;
      -ms-flex: 1;
       -o-flex: 1;
          flex: 1;
  max-width: 480px;
}



/* -----------------------------------
  comText
----------------------------------- */
.comText {
  letter-spacing: .1em;
}


/*  comText__item
------------------------ */
.comText__item + .comText__item {
  margin-top: .25lh;
}



/* -----------------------------------
  comList
----------------------------------- */
.comList {
  list-style: none;
  padding: 0;
  letter-spacing: .1em;
}


/*  comList__item
------------------------ */
.comList__item {
  position: relative;
}

.comList__item:before {
  position: absolute;
  top: 0;
  left: 0;
}

.comList__item > :is( .comText, .comList, .comTable ) {
  margin-top: .25lh;
}

.comList__item + .comList__item {
  margin-top: .25lh;
}


/*  is-disc  */
.comList.is-disc > .comList__item {
  padding-left: 1em;
}

.comList.is-disc > .comList__item:before {
  letter-spacing: 0;
  content: "・";
}


/*  is-count  */
.comList.is-count {
  counter-reset: count;
}

.comList.is-count > .comList__item:nth-of-type( -n + 9 ) {
  padding-left: 1.5em;
}

.comList.is-count > .comList__item:nth-of-type( n + 10 ) {
  padding-left: 2em;
}

.comList.is-count > .comList__item:before {
  content: counter( count )".";
  counter-increment: count;
}


/*  is-countCircle  */
.comList.is-countCircle {
  counter-reset: countCircle;
}

.comList.is-countCircle > .comList__item {
  padding-left: 1.75em;
}

.comList.is-countCircle > .comList__item:before {
  display: block;
  top: .25em;
  width: 1.5em;
  height: 1.5em;
  border: 1px solid var(--color);
  border-radius: 50%;
  font-size: .8125em; /* 13/16 */
  line-height: 1.5;
  text-align: center;
  content: counter( countCircle );
  counter-increment: countCircle;
}


/*  is-alphaLower  */
.comList.is-alphaLower {
  counter-reset: alphaLower;
}

.comList.is-alphaLower > .comList__item {
  padding-left: 1.5em;
}

.comList.is-alphaLower > .comList__item:before {
  content: counter( alphaLower, lower-alpha )".";
  counter-increment: alphaLower;
}



/* -----------------------------------
  comDesc
----------------------------------- */
.comDesc {
  letter-spacing: .1em;
}


/*  comDesc__term
------------------------ */
.comDesc__term {
  margin-bottom: 1em;
}


/*  comDesc__detail
------------------------ */
.comDesc__detail dl + dl {
  margin-top: .5lh;
}



/* -----------------------------------
  comTable
----------------------------------- */
.comTable {
  letter-spacing: .1em;
}


/*  comTable__thead
------------------------ */
.comTable__thead {
  color: var(--color-white);
  text-align: center;
  text-indent: .1em;
}
@media ( max-width: 834px ) {
  .comTable__thead {
    display: none;
  }
}


/*  comTable__tbody
------------------------ */
.comTable__tbody a {
  color: var(--color);
}



/* -----------------------------------
  comTableRow
----------------------------------- */
@media ( min-width: 834.1px ) {
  .comTableRow {
    display: grid;
    grid-template-rows: auto;
    gap: 2px;
  }
}
@media ( max-width: 834px ) {
  .comTableRow + .comTableRow {
    margin-top: 3em;
  }
}


/*  comTableRow__item
------------------------ */
@media ( min-width: 834.1px ) {
  .comTableRow__item {
    padding: 1.25em;
  }
}

@media ( max-width: 834px ) {
  .comTableRow__item:before {
    display: block;
    padding: 5px 10px;
    background-color: var(--color-secondary);
    content: attr(data-title);
  }
}
@media ( max-width: 834px ) {
  .comTableRow__item > div {
    padding: 10px;
  }
}

@media ( min-width: 834.1px ) {
  .comTable__thead .comTableRow__item {
    padding: 10px;
    background-color: var(--color);
  }
}

@media ( min-width: 834.1px ) {
  .comTable__tbody .comTableRow:nth-of-type( 2n + 0 ) .comTableRow__item {
    background-color: var(--color-secondary);
  }
}


/*  is-title  */


/*  is-body  */



/* -----------------------------------
  comTableNotes
----------------------------------- */
.comTableNotes {
  font-size: .75em;
}



/* -----------------------------------
  is-cookie
----------------------------------- */
@media ( min-width: 834.1px ) {
  .comTable.is-cookie .comTableRow {
    grid-template-columns: 25% 45% 1fr;
  }
}

.comTable.is-cookie .comTable__tbody a {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 1;
  word-break: break-all;
}



/* -----------------------------------
  contact
----------------------------------- */
.contact {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: flex-start;
  -ms-align-items: stretch;
      align-items: stretch;
  max-width: var(--width-max);
  margin-inline: auto;
  background-image: url("/img/contact/bg.jpg");
  background-position: 50% 50%;
  -webkit-background-size: cover;
          background-size: cover;
  background-repeat: no-repeat;
  color: var(--color-white);
}
@media ( max-width: 834px ) {
  .contact {
    -webkit-flex-direction: column;
       -moz-flex-direction: column;
        -ms-flex-direction: column;
         -o-flex-direction: column;
            flex-direction: column;
  }
}

.contact:before {
  display: block;
  background-image: var(--image);
  background-position: 50% 50%;
  -webkit-background-size: cover;
          background-size: cover;
  background-repeat: no-repeat;
  content: " ";
}
@media ( min-width: 834.1px ) {
  .contact:before {
    -webkit-flex: 1;
       -moz-flex: 1;
        -ms-flex: 1;
         -o-flex: 1;
            flex: 1;
    aspect-ratio: 360 / 283;
  }
}
@media ( max-width: 834px ) {
  .contact:before {
    aspect-ratio: 39 / 25;
  }
}

@media ( min-width: 834.1px ) {
  .contact[style*="image-type01.png"]:before {
    -webkit-background-size: contain;
            background-size: contain;
  }
}


/*  contact__text
------------------------ */
.contact__text {
  --contact-text-padding: 5.555555556cqw, 5em; /* 80/14.4 80/16 */
  padding-block: clamp( 40px, var(--contact-text-padding) );
  padding-inline: clamp( 20px, var(--contact-text-padding) );
  container-type: inline-size;
}
@media ( min-width: 834.1px ) {
  .contact__text {
    -webkit-flex: 1;
       -moz-flex: 1;
        -ms-flex: 1;
         -o-flex: 1;
            flex: 1;
    -ms-align-self: center;
        align-self: center;
    max-width: 720px;
  }
}


/* -----------------------------------
  contactText
----------------------------------- */
.contactText {
  font-size: clamp( 1.714285724rem, 5.714285724cqw, 2rem ); /* 24/14 32/5.6 32/16 */
}

.contactText .comText {
  font-size: max( 12px, .5em ); /* 16/32 */
}


/*  contactText__item
------------------------ */
/* is-title */


/* is-link */
.contactText__item + .contactText__item.is-link {
  margin-top: 1.25em; /* 40/32 */
  padding-top: .9375em; /* 30/32 */
  border-top: 1px solid var(--color-border);
}



/* -----------------------------------
  contactTitle
----------------------------------- */
.contactTitle {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  -webkit-flex-wrap: wrap;
     -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
       -o-flex-wrap: wrap;
          flex-wrap: wrap;
  -ms-align-items: baseline;
      align-items: baseline;
  margin-bottom: 1.25em; /* 40/32 */
  font-weight: 700;
  letter-spacing: .1em;
}
@media ( min-width: 834.1px ) {
  .contactTitle {
    justify-content: flex-start;
  }
}
@media ( max-width: 834px ) {
  .contactTitle {
    justify-content: center;
    text-indent: .1em;
  }
}

@media ( max-width: 834px ) {
  .contactTitle span + span {
    text-indent: 0;
  }
}



/* -----------------------------------
  contactLinks
----------------------------------- */
.contactLinks {
  font-size: max( 13px, .5625em ); /* 18/32 */
}


/*  contactLinks__item
------------------------ */
.contactLinks__item + .contactLinks__item {
  margin-top: 1.11111111em; /* 20/18 */
}



/* -----------------------------------
  contactLink
----------------------------------- */
.contactLink {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: flex-start;
  -ms-align-items: stretch;
      align-items: stretch;
  gap: .55555556em 1.11111111em; /* 10/18 20/18 */
}
@media ( max-width: 600px ) {
  .contactLink {
    -webkit-flex-direction: column;
       -moz-flex-direction: column;
        -ms-flex-direction: column;
         -o-flex-direction: column;
            flex-direction: column;
  }
}

.contactLink:before {
  display: block;
  -webkit-flex: none;
     -moz-flex: none;
      -ms-flex: none;
       -o-flex: none;
          flex: none;
  -ms-align-self: center;
      align-self: center;
  font-size: .88888889em; /* 16/18 */
  font-family: var(--webfont);
  line-height: 1;
  content: var(--webfont-arrow);
}
@media ( max-width: 600px ) {
  .contactLink:before {
    -webkit-transform: rotate( 90deg );
        -ms-transform: rotate( 90deg );
         -o-transform: rotate( 90deg );
            transform: rotate( 90deg );
    margin-top: -1lh;
  }
}


/*  contactLink__text
------------------------ */
.contactLink__text {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  -webkit-flex-direction: column;
     -moz-flex-direction: column;
      -ms-flex-direction: column;
       -o-flex-direction: column;
          flex-direction: column;
  justify-content: center;
  -ms-align-items: center;
      align-items: center;
  -webkit-order: -1;
     -moz-order: -1;
      -ms-order: -1;
       -o-order: -1;
          order: -1;
  padding-block: 10px;
  background-image: linear-gradient( 90deg, rgba( var(--color-white-rgb), 0 ) 0%, rgba( var(--color-white-rgb), .25 ) 25%, rgba( var(--color-white-rgb), .25 ) 75%, rgba( var(--color-white-rgb), 0 ) 100% );
  font-weight: 700;
  letter-spacing: .1em;
  line-height: 1.5;
  text-indent: .1em;
}
@media ( min-width: 600.1px ) {
  .contactLink__text {
    -webkit-flex: 1;
       -moz-flex: 1;
        -ms-flex: 1;
         -o-flex: 1;
            flex: 1;
    max-width: 240px;
  }
}


/*  contactLink__button
------------------------ */
@media ( min-width: 600.1px ) {
  .contactLink__button {
    -webkit-flex: 1;
       -moz-flex: 1;
        -ms-flex: 1;
         -o-flex: 1;
            flex: 1;
  }
}

.contactLink__button .button {
  font-size: 1.33333333em; /* 24/18 */
}



/* -----------------------------------
  hero
----------------------------------- */
#hero {
  background-color: var(--color-secondary);
}


/*  hero__inner
------------------------ */
#hero__inner {
  position: relative;
  max-width: var(--width-max);
  margin-inline: auto;
  overflow: hidden;
}

#hero__inner:before {
  display: block;
  width: 100%;
  background-position: 50% 50%;
  -webkit-background-size: cover;
          background-size: cover;
  background-repeat: no-repeat;
  content: " ";
}
@media ( min-width: 600.1px ) {
  #hero__inner:before {
    aspect-ratio: 9 / 5;
    background-image: url("/img/hero-pc.jpg");
  }
}
@media ( max-width: 600px ) {
  #hero__inner:before {
    aspect-ratio: 39 / 80;
    background-image: url("https://placehold.jp/32/999/ffffff/390x800.jpg");
  }
}



/* -----------------------------------
  heroCatch
----------------------------------- */
#heroCatch {
  position: absolute;
  left: 200%;
  bottom: 0;
  color: var(--color-white);
  white-space: nowrap;
  /*
  left: var(--padding-inline);
  bottom: 1.25em;  50/40 */
  /*font-weight: 700;
  font-size: clamp( 1.428571439px, 3.59712243cqw, 2.5rem );  20/14 30/8.34 40/16 
  letter-spacing: .1em;
  line-height: 2.4;
  */
}


/*  heroCatch__item
------------------------ */
.heroCatch__item {
  display: block;
  inline-size: fit-content;
}



/* -----------------------------------
  introduction
----------------------------------- */
/*  introduction__item
------------------------ */
.introduction__item .inner:has( #introductionWrapper ) {
  padding-inline: 0;
}

.introduction__item .inner:has( #introductionPoint ) {
  padding-inline: max( 20px, calc( var(--padding-inline) / 2 ) );
}



/* -----------------------------------
  introductionWrapper
----------------------------------- */
#introductionWrapper {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: flex-start;
    -ms-align-items: stretch;
        align-items: stretch;
  row-gap: 2.5rem; /* 40/16 */
}
@media ( max-width: 834px ) {
  #introductionWrapper {
    -webkit-flex-direction: column;
       -moz-flex-direction: column;
        -ms-flex-direction: column;
         -o-flex-direction: column;
            flex-direction: column;
  }
}

#introductionWrapper:before {
  display: block;
  background-image: url("/img/introduction/image-lead.jpg");
  background-position: 50% 50%;
  -webkit-background-size: cover;
          background-size: cover;
  background-repeat: no-repeat;
  content: " ";
}
@media ( min-width: 834.1px ) {
  #introductionWrapper:before {
    -webkit-flex: 1;
       -moz-flex: 1;
        -ms-flex: 1;
         -o-flex: 1;
            flex: 1;
    aspect-ratio: 79 / 66;
  }
}
@media ( max-width: 834px ) {
  #introductionWrapper:before {
    -ms-align-self: flex-end;
        align-self: flex-end;
    aspect-ratio: 74 / 59;
    width: min( calc( 370px * 1.25 ), 94.871794887cqw ); /* 370/3.9 */
  }
}


/*  introductionWrapper__text
------------------------ */
#introductionWrapper__text {
  padding-inline: clamp( 20px, 5.555555556cqw, 5em ); /* 80/14.4 80/16 */
  container-type: inline-size;
}
@media ( min-width: 834.1px ) {
  #introductionWrapper__text {
    -webkit-flex: 1;
       -moz-flex: 1;
        -ms-flex: 1;
         -o-flex: 1;
            flex: 1;
    -ms-align-self: center;
        align-self: center;
    max-width: 650px;
  }
}



/* -----------------------------------
  introductionLead
----------------------------------- */
#introductionLead {
  font-size: clamp( 1.714285724rem, 6.122448987cqw, 1.875rem ); /* 24/14 30/4.9 30/16 */
}


/*  introductionLead__title
------------------------ */
#introductionLead__title {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  -webkit-flex-direction: column;
     -moz-flex-direction: column;
      -ms-flex-direction: column;
       -o-flex-direction: column;
          flex-direction: column;
  justify-content: flex-start;
  -ms-align-items: stretch;
      align-items: stretch;
  margin-bottom: 1.33333333em; /* 40/30 */
  font-weight: 700;
  letter-spacing: .1em;
  line-height: 2;
}


/*  introductionLead__body
------------------------ */
#introductionLead__body {
  font-size: .6em; /* 18/30 */
  letter-spacing: .1em;
}

#introductionLead__body p + p {
  margin-top: 1lh;
}



/* -----------------------------------
  introductionPoint
----------------------------------- */
#introductionPoint {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: center;
  -ms-align-items: stretch;
      align-items: stretch;
  --introductionPoint-row-gap: clamp( 2.142857153em, 7.692307612cqw, 3.75em ); /* 30/14 30/3.9 60/16 */
  --introductionPoint-column-gap: clamp( 2.142857153em, 7.692307612cqw, 2.5em ); /* 40/16 */
  gap: var(--introductionPoint-row-gap) var(--introductionPoint-column-gap);
  overflow: hidden;
}
@media ( min-width: 600.1px ) {
  #introductionPoint {
    -webkit-flex-wrap: wrap;
       -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
         -o-flex-wrap: wrap;
            flex-wrap: wrap;
  }
}
@media ( max-width: 600px ) {
  #introductionPoint {
    -webkit-flex-direction: column;
       -moz-flex-direction: column;
        -ms-flex-direction: column;
         -o-flex-direction: column;
            flex-direction: column;
  }
}

#introductionPoint:before ,
#introductionPoint:after {
  display: block;
  -ms-align-self: stretch;
      align-self: stretch;
  border-top: 1px solid var(--color-border);
}
@media ( max-width: 600px ) {
  #introductionPoint:before ,
  #introductionPoint:after {
    content: " ";
  }
}


/*  introductionPoint__item
------------------------ */
.introductionPoint__item {
  position: relative;
}
@media ( min-width: 600.1px ) {
  .introductionPoint__item {
    -webkit-flex: 1;
       -moz-flex: 1;
        -ms-flex: 1;
         -o-flex: 1;
            flex: 1;
  }
}

@media ( max-width: 600px ) {
  .introductionPoint__item:first-of-type {
    -webkit-order: -1;
       -moz-order: -1;
        -ms-order: -1;
         -o-order: -1;
            order: -1;
  }
}
@media ( min-width: 600.1px ) and ( max-width: 834px ) {
  .introductionPoint__item:last-of-type {
    flex-basis: 100%;
  }
}
@media ( max-width: 600px ) {
  .introductionPoint__item:last-of-type {
    -webkit-order: 1;
       -moz-order: 1;
        -ms-order: 1;
         -o-order: 1;
            order: 1;
  }
}

.introductionPoint__item:before ,
.introductionPoint__item:after {
  display: block;
  position: absolute;
  z-index: -1;
}
@media ( min-width: 600.1px ) {
  .introductionPoint__item:before ,
  .introductionPoint__item:after {
    content: " ";
  }
}

.introductionPoint__item:before {
  top: 0;
  right: 100%;
  bottom: 0;
  margin-inline: calc( var(--introductionPoint-column-gap) / 2 );
  border-left: 1px solid var(--color-border);
}

.introductionPoint__item:after {
  top: 100%;
  right: calc( ( var(--introductionPoint-column-gap) / 2 ) * -1 );
  left: calc( ( var(--introductionPoint-column-gap) / 2 ) * -1 );
  margin-block: calc( var(--introductionPoint-row-gap) / 2 );
  border-bottom: 1px solid var(--color-border);
}



/* -----------------------------------
  introductionItem
----------------------------------- */
.introductionItem {
  font-size: clamp( 1.142857153rem, 1.5625cqw, 1.25rem ); /* 16/14 20/12.8 20/16 */
}

.introductionItem:before {
  display: block;
  aspect-ratio: 5 / 3;
  width: 10em; /* 200/20 */
  margin-bottom: 1em;
  margin-inline: auto;
  background-image: var(--figure);
  background-position: 50% 50%;
  -webkit-background-size: contain;
          background-size: contain;
  background-repeat: no-repeat;
  content: " ";
}


/*  introductionItem__desc
------------------------ */



/* -----------------------------------
  introductionDesc
----------------------------------- */
/*  introductionDesc__term
------------------------ */
.introductionDesc__term {
  inline-size: fit-content;
  margin-bottom: 1em;
  margin-inline: auto;
  font-weight: 700;
  letter-spacing: .1em;
  text-indent: .1em;
}


/*  introductionDesc__detail
------------------------ */
.introductionDesc__detail {
  inline-size: fit-content;
  margin-inline: auto;
  font-size: .8em; /* 16/20 */
  letter-spacing: .1em;
  text-indent: .1em;
}

.introductionDesc__detail span {
  display: block;
  inline-size: fit-content;
  margin-inline: auto;
}



/* -----------------------------------
  is-brand
----------------------------------- */



/* -----------------------------------
  brandList
----------------------------------- */
#brandList {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  -webkit-flex-wrap: wrap;
     -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
       -o-flex-wrap: wrap;
          flex-wrap: wrap;
  justify-content: flex-start;
  -ms-align-items: stretch;
      align-items: stretch;
  --brandList-gap: 10px;
  gap: var(--brandList-gap);
  list-style: none;
  padding: 0;
  line-height: 1.5;
}


/*  brandList__item
------------------------ */
.brandList__item {
  container-type: inline-size;
}
@media ( min-width: 600.1px ) {
  .brandList__item {
    width: calc( ( 100% - ( var(--brandList-gap) * 2 ) ) / 3 );
  }
}
@media ( max-width: 600px ) {
  .brandList__item {
    width: calc( ( 100% - ( var(--brandList-gap) * 1 ) ) / 2 );
  }
}

.brandList__item a {
  display: block;
  min-height: 100%;
  padding-block: clamp( 1.4285714299em, 9.184cqw, 1.875em ); /* 20/14 30/3.267 30/16 */
  background-image: linear-gradient( 180deg, #edf0f0 23.21%, #b3c2c2 73.79%, #779090 100% );
  color: var(--color-white);
  text-decoration: none;
}



/* -----------------------------------
  brandImage
----------------------------------- */
.brandImage {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  -webkit-flex-direction: column;
     -moz-flex-direction: column;
      -ms-flex-direction: column;
       -o-flex-direction: column;
          flex-direction: column;
  justify-content: flex-start;
  -ms-align-items: stretch;
      align-items: stretch;
  gap: 1em;
  font-size: clamp( 1rem, 6.12265cqw, 1.25rem ); /* 20/3.267 20/16 */
}

.brandImage:before ,
.brandImage:after {
  display: block;
  width: clamp( 7.142857153em, 49.079754619cqw, 8em ); /* 100/14 160/20 160/3.26 */
  margin-inline: auto;
  background-position: 50% 50%;
  -webkit-background-size: contain;
          background-size: contain;
  background-repeat: no-repeat;
  content: " ";
}

.brandImage:before {
  aspect-ratio: 10 / 3;
  background-image: var(--logo);
}

.brandImage:after {
  aspect-ratio: 3 / 5;
  background-image: var(--watch);
}


/*  brandImage__name
------------------------ */
.brandImage__name {
  -webkit-order: 1;
     -moz-order: 1;
      -ms-order: 1;
       -o-order: 1;
          order: 1;
}

.brandImage__name:before ,
.brandImage__name span {
  display: block;
  inline-size: fit-content;
  margin-inline: auto;
  text-align: center;
}

.brandImage__name:before {
  color: var(--color-secondary-dark);
  font-weight: 700;
  font-family: var(--font-family-inter);
  content: attr(data-title);
}

.brandImage__name span {
  font-size: max( 10px, .7em ); /* 14/20 */
  letter-spacing: .1em;
  text-indent: .1em;
}



/* -----------------------------------
  brandButton
----------------------------------- */
#brandButton {
  margin-top: 2.5em; /* 60/24 */
  margin-inline: auto;
  border-radius: 4px;
  overflow: hidden;
  line-height: 1.5;
  container-type: inline-size;
}
@media ( min-width: 834.1px ) {
  #brandButton {
    width: min( 50em, 62.5cqw ); /* 800/16 800/12.8 */
  }
}
@media ( max-width: 834px ) {
  #brandButton {
    --width-base: ( 834 / 1280 ) * 800;
    max-width: calc( ( var(--width-base) * 834px ) / 834 );
  }
}

#brandButton a {
  display: block;
  padding-block: 1.25em; /* 20/16 */
  padding-inline: clamp( 1.428571439em, 4.375cqw, 2.1875em ); /* 20/14 35/8 35/16 */
  background-color: var(--color);
  color: var(--color-white);
  text-decoration: none;
}



/* -----------------------------------
  brandWrapper
----------------------------------- */
#brandWrapper {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: space-between;
  -ms-align-items: center;
      align-items: center;
  gap: .833333333em; /* 20/24 */
  font-size: clamp( 1.285714296rem, 3cqw, 1.5rem ); /* 18/14 24/8 24/16 */
}

#brandWrapper:after {
  display: block;
  -webkit-flex: none;
     -moz-flex: none;
      -ms-flex: none;
       -o-flex: none;
          flex: none;
  font-family: var(--webfont);
  line-height: 1;
  content: var(--webfont-arrow);
}


/*  brandWrapper__more
------------------------ */
#brandWrapper__more {
  -webkit-flex: 1;
     -moz-flex: 1;
      -ms-flex: 1;
       -o-flex: 1;
          flex: 1;
}



/* -----------------------------------
  brandMore
----------------------------------- */
#brandMore {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: center;
  -ms-align-items: center;
      align-items: center;
  gap: 10px .833333333em; /* 20/24 */
}
@media ( max-width: 600px ) {
  #brandMore {
    -webkit-flex-wrap: wrap;
       -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
         -o-flex-wrap: wrap;
            flex-wrap: wrap;
  }
}

#brandMore:before {
  display: block;
  -webkit-flex: none;
     -moz-flex: none;
      -ms-flex: none;
       -o-flex: none;
          flex: none;
  aspect-ratio: 340 / 167;
  width: clamp( 11.11111111em, 42.5cqw, 14.1666666667em ); /* 200/18 340/8 340/24 */
  background-image: url("/img/brand/image-button.png");
  background-position: 50% 50%;
  -webkit-background-size: contain;
          background-size: contain;
  background-repeat: no-repeat;
  content: " ";
}


/*  brandMore__text
------------------------ */
#brandMore__text {
  -webkit-flex: 1;
     -moz-flex: 1;
      -ms-flex: 1;
       -o-flex: 1;
          flex: 1;
  font-weight: 700;
  white-space: nowrap;
}

#brandMore__text p {
  inline-size: fit-content;
  margin-inline: auto;
  letter-spacing: .1em;
  text-indent: .1em;
}

#brandMore__text p + p {
  font-weight: 300;
  font-size: .5833333333em; /* 14/24 */
}



/* -----------------------------------
  is-price
----------------------------------- */



/* -----------------------------------
  priceList
----------------------------------- */
.priceList {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  -webkit-flex-wrap: wrap;
     -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
       -o-flex-wrap: wrap;
          flex-wrap: wrap;
  justify-content: flex-start;
  -ms-align-items: stretch;
      align-items: stretch;
  --priceList-gap: 10px;
  gap: 1.875em var(--priceList-gap); /* 30/16 */
}


/*  priceList__item
------------------------ */
.priceList__item {
  container-type: inline-size;
}
@media ( min-width: 834.1px ) {
  .priceList__item {
    width: calc( ( 100% - ( var(--priceList-gap) * 3 ) ) / 4 );
  }
}
@media ( min-width: 600.1px ) and ( max-width: 834px ) {
  .priceList__item {
    width: calc( ( 100% - ( var(--priceList-gap) * 2 ) ) / 3 );
  }
}
@media ( max-width: 600px ) {
  .priceList__item {
    width: calc( ( 100% - ( var(--priceList-gap) * 1 ) ) / 2 );
  }
}


/*  is-notes  */
.priceList__item.is-notes {
  flex-basis: 100%;
  margin-top: 1.25em; /* 20/16 */
}



/* -----------------------------------
  priceItem
----------------------------------- */
.priceItem {
  font-size: clamp( 1.428571439rem, 8.205128215cqw, 1.5rem ); /* 20/14 24/2.925 24/16 */
}


/*  priceItem__watch
------------------------ */
.priceItem__watch {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: center;
  -ms-align-items: center;
      align-items: center;
  aspect-ratio: 585 / 778;
  background-color: var(--color-secondary);
}

.priceItem__watch:before {
  display: block;
  aspect-ratio: 3 / 5;
  width: 54.700857cqw; /* 160/2.925 */
  background-image: var(--watch);
  background-position: 50% 50%;
  -webkit-background-size: contain;
          background-size: contain;
  background-repeat: no-repeat;
  content: " ";
}


/*  priceItem__detail
------------------------ */
.priceItem__detail {
  margin-top: .833333333em; /* 20/24 */
}



/* -----------------------------------
  priceDetail
----------------------------------- */
/*  priceDetail__name
------------------------ */
/*  priceDetail__purchase
------------------------ */
.priceDetail__purchase {
  inline-size: fit-content;
  position: relative;
  margin-top: 8px;
  padding-top: 8px;
  border-top: 1px solid var(--color-border);
}



/* -----------------------------------
  priceProduct
----------------------------------- */
/*  priceProduct__brand
------------------------ */
.priceProduct__brand {
  font-size: 12px;
  letter-spacing: .1em;
}


/*  priceProduct__model
------------------------ */



/* -----------------------------------
  priceModel
----------------------------------- */
.priceModel {
  font-weight: inherit;
}


/*  priceModel__item
------------------------ */
.priceModel__item {
  display: block;
}


/* is-name */
.priceModel__item.is-name {
  font-weight: 700;
  font-size: .666666667em; /* 16/24 */
  letter-spacing: .1em;
  line-height: 1.5;
}


/* is-number */
.priceModel__item.is-number {
  color: var(--color-sub);
  font-size: 12px;
}



/* -----------------------------------
  pricePurchase
----------------------------------- */
/*  pricePurchase__caption
------------------------ */
.pricePurchase__caption {
  color: var(--color-primary);
  font-size: 12px;
  letter-spacing: .1em;
}


/*  pricePurchase__value
------------------------ */
.pricePurchase__value {
  font-weight: 700;
  font-size: 1em;
  line-height: 1.2;
  font-family: var(--font-family-inter);
}

.pricePurchase__value span:empty:before {
  content: "ASK";
}

.pricePurchase__value span:not( :empty ):before {
  content: "¥";
}



/* -----------------------------------
  priceNotes
----------------------------------- */
#priceNotes {
  color: var(--color-sub);
  font-size: clamp( .857142861rem, 1.1666666667cqw, .875rem ); /* 12/14 14/12 14/16 */
  letter-spacing: .1em;
}


/*  priceNotes__item
------------------------ */
.priceNotes__item {
  inline-size: fit-content;
  margin-left: auto;
  padding-left: 1em;
  text-indent: -1em;
}

.priceNotes__item:before {
  content: "※";
}



/* -----------------------------------
  is-reason
----------------------------------- */
.is-reason {
  position: relative;
  z-index: 0;
  background-image: url("/img/reason/bg.jpg");
  background-position: 50% 50%;
  -webkit-background-size: cover;
          background-size: cover;
  background-repeat: no-repeat;
}

.is-reason:before ,
.is-reason:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  content: " ";
}

.is-reason:before {
  background-image: linear-gradient( 180deg, rgba( var(--color-white-rgb), 0 ) 0%, var(--color-white) 95% );
}

.is-reason:after {
  --gradient-start-rgb: 8, 28, 44;
  --gradient-end-rgb: 240, 241, 244;
  background-image: linear-gradient( 180deg, rgba( var(--gradient-start-rgb), .7 ) 20%, rgba( var(--gradient-start-rgb), .6 ) 40%, rgba( var(--gradient-end-rgb), .40 ) 60%, rgba( var(--gradient-end-rgb), .15 ) 80%, #f0f1f4 100% );
  mix-blend-mode: multiply;
}

.is-reason .inner {
  padding-block-end: 40px;
}
@media ( min-width: 600.1px ) {
  .is-reason .inner {
    padding-inline: max( 20px, calc( var(--padding-inline) / 2 ) );
  }
}
@media ( max-width: 600px ) {
  .is-reason .inner {
    padding-inline: var(--padding-inline);
  }
}

.is-reason .title {
  inline-size: auto;
  margin-bottom: min( .5625em, 6.25cqw ); /* 90/160 90/14.4 */
  color: var(--color-white);
}

.is-reason .title:before {
  background-image: var(--gradient-white);
  margin-inline-end: -.2em;
}

.is-reason .title:after {
  content: none;
}

.is-reason .title__main {
  justify-content: flex-start;
  font-size: max( 16px, .25em ); /* 40/160 */
  text-indent: 0;
}


/* -----------------------------------
  reasonPoint
----------------------------------- */
#reasonPoint {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: center;
  -ms-align-items: stretch;
      align-items: stretch;
  list-style: none;
  padding: 0;
  color: var(--color-white);
  /*counter-reset: point;*/
}
@media ( min-width: 600.1px ) {
  #reasonPoint {
    -webkit-flex-wrap: wrap;
       -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
         -o-flex-wrap: wrap;
            flex-wrap: wrap;
    --reasonPoint-gap: 10px;
    gap: var(--reasonPoint-gap);
  }
}
@media ( max-width: 600px ) {
  #reasonPoint {
    -webkit-flex-direction: column;
       -moz-flex-direction: column;
        -ms-flex-direction: column;
         -o-flex-direction: column;
            flex-direction: column;
    gap: 20px;
    max-width: 300px;
    margin-inline: auto;
  }
}


/*  reasonPoint__item
------------------------ */
.reasonPoint__item {
  background-image: var(--bg);
  background-position: 50% 0;
  -webkit-background-size: cover;
          background-size: cover;
  background-repeat: no-repeat;
  /*counter-increment: point;*/
  container-type: inline-size
}
@media ( min-width: 834.1px ) {
  .reasonPoint__item {
    width: calc( ( 100% - ( var(--reasonPoint-gap) * 2 ) ) / 3 );
  }
}
@media ( min-width: 600.1px ) and ( max-width: 834px ) {
  .reasonPoint__item {
    width: calc( ( 100% - ( var(--reasonPoint-gap) * 1 ) ) / 2 );
  }
}
@media ( min-width: 834.1px ) {
  .reasonPoint__item {
    max-width: 450px;
  }
}
@media ( min-width: 600.1px ) and ( max-width: 834px ) {
  .reasonPoint__item {
    max-width: 320px;
  }
}


.reasonPoint__item:before {
  display: block;
  aspect-ratio: 3 / 2;
  width: 100%;
  height: clamp( 10.714285721em, 67.1659cqw, 18.75em ); /* 150/14 300/4.4666666667 300/16 */
  content: " ";
}



/* -----------------------------------
  reasonDesc
----------------------------------- */
.reasonDesc {
  padding: 1.666666667em .833333333em; /* 40/24 20/24 */
  font-weight: 700;
  font-size: clamp( 1.14285713rem, 5.3741cqw, 1.5rem ); /* 16/14 24/4.4666666667 24/16 */
}

.reasonDesc:before {
  display: block;
  inline-size: fit-content;
  padding-inline: .714285723em; /* 10/14 */
  margin-bottom: 1.428571439em; /* 20/14 */
  background-color: rgba( var(--color-rgb), .6 );
  font-size: max( 10px, .5833333333em ); /* 14/24 */
  letter-spacing: .1em;
  text-indent: .1em;
  text-transform: uppercase;
  /*content: "point "counter(point);*/
  content: attr(data-point);
}


/*  reasonDesc__term
------------------------ */
.reasonDesc__term {
  margin-bottom: .833333333em; /* 20/24 */
  letter-spacing: .1em;
}
@media ( min-width: 834.1px ) {
  .reasonDesc__term {
    white-space: nowrap;
  }
}

.reasonDesc__term span {
  display: block;
}


/*  reasonDesc__detail
------------------------ */
.reasonDesc__detail {
  font-weight: 300;
  font-size: .75em; /* 16/18 */
  letter-spacing: .1em;
  text-indent: .1em;
}



/* -----------------------------------
  is-voice
----------------------------------- */
.is-voice {
  position: relative;
  z-index: 0;
  overflow: hidden;
  background-image: url("/img/voice/bg.jpg");
  background-position: 50% 0;
  -webkit-background-size: cover;
          background-size: cover;
  background-repeat: no-repeat;
  container-type: inline-size;
}

.is-voice:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  background-image: linear-gradient( 180deg, #f0f1f4 0%, rgba( var(--color-white-rgb), .2 ) 20%, var(--color-white) 100% );
  content: " ";
}

.is-voice .inner {
  padding-block-start: 0;
}

.is-voice .title {
  inline-size: auto;
  overflow: hidden;
}

.is-voice .title:before {
  margin-inline-end: -.2em;
  background-image: var(--gradient-gray);
}

.is-voice .title:after {
  content: none;
}

.is-voice .title__main {
  position: absolute;
  top: 0;
  left: 200%;
  white-space: nowrap;
}



/* -----------------------------------
  voiceSplide
----------------------------------- */
#voiceSplide {
  width: 100cqw;
  position: relative;
  left: 50%;
  -webkit-transform: translateX( -50% );
      -ms-transform: translateX( -50% );
       -o-transform: translateX( -50% );
          transform: translateX( -50% );
  overflow: hidden;
}
@media ( min-width: 600.1px ) {
  #voiceSplide {
    --voiceSplide-slide-width: clamp( calc( 640px * .75 ), 50cqw, 40em ); /* 320/14 640/12.8 640/16 */
  }
}
@media ( max-width: 600px ) {
  #voiceSplide {
    --voiceSplide-slide-width: clamp( 22.857142866em, 82.051282065cqw, calc( 640px * .75 ) ); /* 320/14 320/3.9 */
  }
}


#voiceSplide .splide__arrow {
  opacity: 1;
  aspect-ratio: 1 / 1;
  width: clamp( 2.857142867em, 4.6875cqw, 3.75em ); /* 40/14 60/12.8 60/16 */
  height: auto;
  overflow: hidden;
  background-color: var(--color-primary);
}

#voiceSplide .splide__arrow:before {
  display: block;
  color: var(--color-white);
  font-size: 1em;
  font-family: var(--webfont);
  line-height: 1;
  content: var(--webfont-arrow);
}

#voiceSplide .splide__arrow svg {
  position: absolute;
  top: 0;
  left: 200%;
}

#voiceSplide .splide__arrow--prev {
  left: calc( ( 100cqw - var(--voiceSplide-slide-width) ) / 2 );
  -webkit-transform: translate( -50%, -50% );
      -ms-transform: translate( -50%, -50% );
       -o-transform: translate( -50%, -50% );
          transform: translate( -50%, -50% );
}

#voiceSplide .splide__arrow--next {
  right: calc( ( 100cqw - var(--voiceSplide-slide-width) ) / 2 );
  -webkit-transform: translate( 50%, -50% );
      -ms-transform: translate( 50%, -50% );
       -o-transform: translate( 50%, -50% );
          transform: translate( 50%, -50% );
}

#voiceSplide .splide__arrow--prev:before {
  -webkit-transform: scaleX( -1 );
      -ms-transform: scaleX( -1 );
       -o-transform: scaleX( -1 );
          transform: scaleX( -1 );
}


/*  voiceList__track
------------------------ */


/*  voiceList__list
------------------------ */


/*  voiceList__slide
------------------------ */
.voiceSplide__slide {
  width: var(--voiceSplide-slide-width) !important;
  padding-inline: clamp( 1.428571439em, 3.125cqw, 2.5em ); /* 20/14 40/12.8 40/16 */
}

.voiceSplide__slide + .voiceSplide__slide {
  border-left: 1px solid var(--color-border);
}



/* -----------------------------------
  voiceItem
----------------------------------- */
.voiceItem {
  font-size: clamp( 1rem, 1.5625cqw, 1.125rem ); /* 20/12.8 18/16 */
}


/*  voiceItem__prodct
------------------------ */


/*  voiceItem__comment
------------------------ */
.voiceItem__comment {
  margin-top: 1.11111111em; /* 20/18 */
}



/* -----------------------------------
  voiceProdct
----------------------------------- */
.voiceProdct {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: flex-start;
  -ms-align-items: stretch;
      align-items: stretch;
  gap: .5em 1.11111111em; /* 20/18 */
  padding: 10px 1.11111111em;
  border-radius: 8px;
  background-color: var(--color-white);
}
@media ( max-width: 600px ) {
  .voiceProdct {
    -webkit-flex-direction: column;
       -moz-flex-direction: column;
        -ms-flex-direction: column;
         -o-flex-direction: column;
            flex-direction: column;
  }
}

.voiceProdct:before {
  display: block;
  -ms-align-self: stretch;
      align-self: stretch;
  content: " ";
}
@media ( min-width: 600.1px ) {
  .voiceProdct:before {
    border-left: 1px solid var(--color-border);
  }
}
@media ( max-width: 600px ) {
  .voiceProdct:before {
    border-top: 1px solid var(--color-border);
  }
}


/*  voiceProdct__model
------------------------ */
.voiceProdct__model {
  -webkit-flex: 1;
     -moz-flex: 1;
      -ms-flex: 1;
       -o-flex: 1;
          flex: 1;
  -webkit-order: -1;
     -moz-order: -1;
      -ms-order: -1;
       -o-order: -1;
          order: -1;
}


/*  voiceProdct__rating
------------------------ */
@media ( min-width: 600.1px ) {
  .voiceProdct__rating {
    -ms-align-self: center;
        align-self: center;
  }
}



/* -----------------------------------
  voiceModel
----------------------------------- */
/*  voiceModel__caption
------------------------ */
.voiceModel__caption {
  color: var(--color-sub);
  font-size: max( 10px, .777777778em ); /* 14/18 */
  letter-spacing: .1em;
}


/*  voiceModel__name
------------------------ */
.voiceModel__name {
  font-weight: 700;
  font-size: max( 12px, .888888889em ); /* 16/18 */
  letter-spacing: .1em;
}



/* -----------------------------------
  voiceRating
----------------------------------- */
.voiceRating {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: flex-start;
  -ms-align-items: baseline;
      align-items: baseline;
  gap: .625em; /* 10/16 */
  font-size: max( 12px, .888888889em ); /* 16/18 */
  letter-spacing: .1em;
  white-space: nowrap;
}


/*  voiceRating__item
------------------------ */
/*  is-star  */
.voiceRating__item.is-star {
  color: var(--color-primary);
}


/*  is-score  */
.voiceRating__item.is-score {
  color: var(--color-sub);
  font-weight: 700;
}



/* -----------------------------------
  voiceComment
----------------------------------- */
/*  voiceComment__user
------------------------ */


/*  voiceComment__text
------------------------ */
.voiceComment__text {
  margin-top: 1.11111111em; /* 20/18*/
  letter-spacing: .1em;
}



/* -----------------------------------
  voiceUser
----------------------------------- */
.voiceUser {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: flex-start;
  -ms-align-items: flex-start;
      align-items: flex-start;
  gap: 1em;
}

.voiceUser:before {
  display: block;
  -webkit-flex: none;
     -moz-flex: none;
      -ms-flex: none;
       -o-flex: none;
          flex: none;
  aspect-ratio: 1 / 1;
  width: 4.44444444em; /* 80/18 */
  overflow: hidden;
  border-radius: 50%;
  background-image: var(--icon);
  background-position: 50% 50%;
  -webkit-background-size: cover;
          background-size: cover;
  background-repeat: no-repeat;
  content: " ";
}


/*  voiceUser__profile
------------------------ */
.voiceUser__profile {
  -webkit-flex: 1;
     -moz-flex: 1;
      -ms-flex: 1;
       -o-flex: 1;
          flex: 1;
}



/* -----------------------------------
  voiceProfile
----------------------------------- */
/*  voiceProfile__summary
------------------------ */
.voiceProfile__summary {
  font-weight: 700;
  font-size: max( 14px, 1em );
  letter-spacing: .1em;
}


/*  voiceProfile__attribute
------------------------ */
.voiceProfile__attribute {
  margin-top: .571428584em; /* 8/14 */
  color: var(--color-sub);
  font-size: max( 12px, .777777778em ); /* 14/18 */
  letter-spacing: .1em;
}



/* -----------------------------------
  is-service
----------------------------------- */



/* -----------------------------------
  service
----------------------------------- */
/*  service__switch
------------------------ */
#service__switch {
  background-color: var(--color-white);
  container-type: inline-size;
}
@media ( max-width: 834px ) {
  #service__switch {
    position: sticky;
    top: var(--drawerButton-width);
    left: 0;
    z-index: 9;
  }
}


/*  service__target
------------------------ */
#service__target {
  --service-target-space-min: 1.428571439em; /* 20/14 */
  --service-target-space-max: 2.5em; /* 40/16 */
  padding: clamp( var(--service-target-space-min), 3.125cqw, var(--service-target-space-max) ); /*  40/12.8 */
  background-color: var(--color-secondary);
}

#service__target .comText {
  margin-bottom: clamp( var(--service-target-space-min), 3.125cqw, 2em ); /* 40/12.8 40/20 */
  font-size: clamp( 1rem, 1.5625cqw, 1.25rem ); /* 16/14 20/12.8 20/16 */
}



/* -----------------------------------
  serviceSwitch
----------------------------------- */
#serviceSwitch {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: flex-start;
  -ms-align-items: flex-start;
      align-items: flex-start;
  --serviceSwitch-space: 10px;
  gap: var(--serviceSwitch-space);
  font-size: clamp( 1rem, 1.5625cqw, 1.25rem ); /* 20/12.8 20/16 */
}


/*  serviceSwitch__item
------------------------ */
.serviceSwitch__item {
  width: calc( ( 100%  - ( var(--serviceSwitch-space) * 2 ) ) / 3  );
  --serviceSwitch-item-height: clamp( 4rem, 6.25cqw, 4em ); /* 56/14 80/12.8 80/20 */
  height: var(--serviceSwitch-item-height);
}

.serviceSwitch__item a {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: center;
  -ms-align-items: center;
      align-items: center;
  position: relative;
  min-height: 100%;
  background-color: var(--color-secondary-dark);
  color: var(--color);
  letter-spacing: .1em;
  text-decoration: none;
}

.serviceSwitch__item a:after {
  display: block;
  inline-size: fit-content;
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  -webkit-transform: rotate( 90deg );
      -ms-transform: rotate( 90deg );
       -o-transform: rotate( 90deg );
          transform: rotate( 90deg );
  margin-inline: auto;
  color: var(--color-secondary-dark);
  font-size: .57142857154em; /* 16/28 */
  line-height: 1;
  font-family: var(--webfont);
}

.serviceSwitch__item span {
  display: block;
}



/* -----------------------------------
  JS-serviceSwitch
----------------------------------- */
/*  is-select
------------------------ */
.JS-serviceSwitch.is-select {
  height: calc( var(--serviceSwitch-item-height) + var(--serviceSwitch-space) );
  font-weight: 700;
  font-size: clamp( 1.285714296rem, 2.1875cqw, 1.75rem ); /* 18/14 28/12.8 28/16 */
}

.JS-serviceSwitch.is-select a {
  background-color: var(--color-secondary);
  line-height: 1.642857153; /* 46/28 */
}

.JS-serviceSwitch.is-select a:after {
  content: var(--webfont-arrow);
}



/* -----------------------------------
  JS-serviceTarget
----------------------------------- */
.JS-serviceTarget:not( .is-visible ) {
  visibility: hidden;
  opacity: 0;
  height: 0;
}


/*  is-visible
------------------------ */
.JS-serviceTarget.is-visible {
  visibility: visible;
  opacity: 1;
  height: auto;
}



/* -----------------------------------
  serviceRequest
----------------------------------- */
.serviceRequest {
  --serviceRequest-space-val: 3.125cqw; /* 40/12.8 */
}

/*  serviceRequest__item
------------------------ */
.serviceRequest__item + .serviceRequest__item {
  margin-top: clamp( var(--service-target-space-min), var(--serviceRequest-space-val), var(--service-target-space-max) );
}


/*  is-step  */
.serviceRequest__item.is-step {
  padding: clamp( var(--service-target-space-min), var(--serviceRequest-space-val), var(--service-target-space-max) );
  background-color: var(--color-white);
}


/*  is-contact  */



/* -----------------------------------
  serviceTitle
----------------------------------- */
.serviceTitle {
  margin-bottom: .833333333em; /* 20/24 */
  font-weight: 700;
  font-size: clamp( 1.285714296rem, 1.875cqw, 1.5rem ); /* 18/14 24/12.8 24/16 */
  letter-spacing: .1em;
}


/* -----------------------------------
  serviceStep
----------------------------------- */
.serviceStep {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: center;
  -ms-align-items: stretch;
      align-items: stretch;
  gap: clamp( 10px, 1.5625cqw, 1.25em ); /* 20/12.8 20/16 */
  list-style: none;
  padding: 0;
  counter-reset: step;
}
@media ( max-width: 834px ) {
  .serviceStep {
    -webkit-flex-direction: column;
       -moz-flex-direction: column;
        -ms-flex-direction: column;
         -o-flex-direction: column;
            flex-direction: column;
    max-width: 500px;
    margin-inline: auto;
  }
}

.serviceStep:before ,
.serviceStep:after {
  display: block;
  -ms-align-self: center;
      align-self: center;
  color: var(--color-secondary-dark);
  line-height: 1;
  font-family: var(--webfont);
  content: var(--webfont-arrow);
}
@media ( max-width: 834px ) {
  .serviceStep:before ,
  .serviceStep:after {
    -webkit-transform: rotate( 90deg );
        -ms-transform: rotate( 90deg );
         -o-transform: rotate( 90deg );
            transform: rotate( 90deg );
  }
}


/*  serviceStep__item
------------------------ */
.serviceStep__item {
  counter-increment: step;
}
@media ( min-width: 834.1px ) {
  .serviceStep__item {
    -webkit-flex: 1;
       -moz-flex: 1;
        -ms-flex: 1;
         -o-flex: 1;
            flex: 1;
  }
}


/*  is-primary  */
.is-primary {
  -webkit-order: -1;
     -moz-order: -1;
      -ms-order: -1;
       -o-order: -1;
          order: -1;
}


/*  is-secondary  */


/*  is-tertiary  */
.is-tertiary {
  -webkit-order: 1;
     -moz-order: 1;
      -ms-order: 1;
       -o-order: 1;
          order: 1;
}



/* -----------------------------------
  serviceItem
----------------------------------- */
.serviceItem:before {
  display: block;
  aspect-ratio: 5 / 3;
  margin-inline: auto;
  background-image: var(--image);
  background-position: 50% 50%;
  -webkit-background-size: cover;
          background-size: cover;
  background-repeat: no-repeat;
  content: " ";
}
@media ( max-width: 834px ) {
  .serviceItem:before {
    max-width: 300px;
  }
}


/*  serviceItem__desc
------------------------ */



/* -----------------------------------
  serviceDesc
----------------------------------- */
.serviceDesc {
  font-weight: 700;
  font-size: clamp( 1.142857153rem, 1.5625cqw, 1.25rem ); /* 16/14 20/12.8 20/16 */
}

.serviceDesc:before {
  display: block;
  inline-size: fit-content;
  margin-block: -1lh 10px;
  padding-right: .714285723em; /* 10/14 */
  background-color: var(--color-white);
  color: var(--color-primary);
  font-size: max( 10px, .7em ); /* 14/20 */
  letter-spacing: .1em;
  line-height: 2.357142867;
  text-transform: uppercase;
  content: "step "counter(step)
}


/*  serviceDesc__term
------------------------ */
.serviceDesc__term {
  margin-bottom: 1em;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--color-border);
  letter-spacing: .1em;
}


/*  serviceDesc__detail
------------------------ */
.serviceDesc__detail {
  font-weight: 300;
  font-size: .8em; /* 16/20 */
  letter-spacing: .1em;
}



/* -----------------------------------
  storeInformation
----------------------------------- */
.storeInformation {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: flex-start;
  -ms-align-items: stretch;
      align-items: stretch;
  row-gap: 1.428571439em; /* 20/14 */
  column-gap: clamp( 1.428571439em, 4.6875cqw, 3.75em ); /* 20/14 60/12.8 60/16 */
  font-style: normal;
}
@media ( max-width: 834px ) {
  .storeInformation {
    -webkit-flex-direction: column;
       -moz-flex-direction: column;
        -ms-flex-direction: column;
         -o-flex-direction: column;
            flex-direction: column;
  }
}


/*  storeInformation__name
------------------------ */
@media ( min-width: 834.1px ) {
  .storeInformation__name {
    -webkit-flex: none;
       -moz-flex: none;
        -ms-flex: none;
         -o-flex: none;
            flex: none;
    width: min( 28.125cqw, 22.5em ); /* 360/12.8 360/16 */
  }
}

@media ( max-width: 600px ), ( min-width: 834.1px ) {
  .storeInformation__name .buttons {
    -webkit-flex-direction: column;
       -moz-flex-direction: column;
        -ms-flex-direction: column;
         -o-flex-direction: column;
            flex-direction: column;
  }
}

.storeInformation__name .button {
  font-size: clamp( 1.285714296rem, 1.875cqw, 1.5rem ); /* 18/14 24/12.8 24/16 */
}

.storeInformation__name .button a {
  border: none;
}


/*  storeInformation__access
------------------------ */
@media ( min-width: 834.1px ) {
  .storeInformation__access {
    -webkit-flex: 1;
       -moz-flex: 1;
        -ms-flex: 1;
         -o-flex: 1;
            flex: 1;
  }
}



/* -----------------------------------
  storeName
----------------------------------- */
.storeName {
  margin-bottom: .41666666667em; /* 10/24 */
  font-weight: 700;
  font-size: clamp( 1.285714296rem, 1.875cqw, 1.5rem ); /* 18/14 24/12.8 24/16 */
  letter-spacing: .1em;
}



/* -----------------------------------
  storeAddress
----------------------------------- */
.storeAddress {
  font-size: clamp( 1rem, 1.40625cqw, 1.125rem ); /* 18/12.8 18/16 */
}


/*  storeAddress__item
------------------------ */
.storeAddress__item + .storeAddress__item {
  margin-top: 1.11111111em; /* 20/18 */
}



/* -----------------------------------
  storeItem
----------------------------------- */
/*  storeItem__title
------------------------ */
.storeItem__title {
  margin-bottom: .33333333em; /* 6/18 */
  border-bottom: 1px solid var(--color-border);
  color: var(--color-white);
  font-weight: 700;
  font-size: max( 10px, .777777778em ); /* 14/18 */
  letter-spacing: .1em;
}

.storeItem__title span {
  display: block;
  width: 12.142857154em; /* 170/14 */
  padding-inline: .714285723em; /* 10/14 */
  background-color: var(--color-sub);
}


/*  storeItem__body
------------------------ */
.storeItem__body div {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  -webkit-flex-wrap: wrap;
     -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
       -o-flex-wrap: wrap;
          flex-wrap: wrap;
  justify-content: flex-start;
  -ms-align-items: baseline;
      align-items: baseline;
  gap: .555555556em; /* 10/18 */
}

.storeItem__body a {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: flex-start;
  -ms-align-items: baseline;
      align-items: baseline;
  gap: .33333333em; /* 6/18 */
  padding-inline: .555555556em; /* 10/18 */
  border-radius: 3lh;
  background-color: var(--color);
  color: var(--color-white);
  line-height: 1.6;
  letter-spacing: .1em;
  text-indent: .1em;
  text-decoration: none;
}

.storeItem__body a:before {
  display: block;
  font-size: .777777778em; /* 14/18 */
  line-height: 1;
  letter-spacing: 0;
  font-family: var(--webfont);
  content: "\e903";
}



/* -----------------------------------
  serviceContact
----------------------------------- */
.serviceContact {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: center;
  -ms-align-items: stretch;
      align-items: stretch;
  gap: 2em; /* 40/20 */
  padding: 2em;
  background-image: url("/");
  background-position: 50% 50%;
  -webkit-background-size: cover;
          background-size: cover;
  background-repeat: no-repeat;
  background-color: #333;
  color: var(--color-white);
  font-size: clamp( 1rem, 1.5625cqw, 1.25rem ); /* 20/12.8 20/16 */
}
@media ( max-width: 834px ) {
  .serviceContact {
    -webkit-flex-direction: column;
       -moz-flex-direction: column;
        -ms-flex-direction: column;
         -o-flex-direction: column;
            flex-direction: column;
  }
}


/*  serviceContact__item
------------------------ */
@media ( min-width: 834.1px ) {
  .serviceContact__item {
    -webkit-flex: 1;
       -moz-flex: 1;
        -ms-flex: 1;
         -o-flex: 1;
            flex: 1;
    max-width: 480px;
  }
}



/* -----------------------------------
  serviceLink
----------------------------------- */
.serviceLink {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: center;
  -ms-align-items: stretch;
      align-items: stretch;
  gap: 1em;
}
@media ( max-width: 600px ), ( min-width: 834.1px ) {
  .serviceLink {
    -webkit-flex-direction: column;
       -moz-flex-direction: column;
        -ms-flex-direction: column;
         -o-flex-direction: column;
            flex-direction: column;
  }
}

.serviceLink:before {
  display: block;
  -webkit-flex: none;
     -moz-flex: none;
      -ms-flex: none;
       -o-flex: none;
          flex: none;
  -ms-align-self: center;
      align-self: center;
  font-size: .8em; /* 16/20 */
  font-family: var(--webfont);
  line-height: 1;
  content: var(--webfont-arrow);
}
@media ( max-width: 600px ), ( min-width: 834.1px ) {
  .serviceLink:before {
    -webkit-transform: rotate( 90deg );
        -ms-transform: rotate( 90deg );
         -o-transform: rotate( 90deg );
            transform: rotate( 90deg );
  }
}


/*  serviceLink__text
------------------------ */
.serviceLink__text {
  -webkit-order: -1;
     -moz-order: -1;
      -ms-order: -1;
       -o-order: -1;
          order: -1;
  font-weight: 700;
  letter-spacing: .1em;
  line-height: 1.5;
}
@media ( min-width: 834.1px ) {
  .serviceLink__text {
    text-indent: .1em;
  }
}
@media ( max-width: 834px ) {
  .serviceLink__text {
    -webkit-flex: 1;
       -moz-flex: 1;
        -ms-flex: 1;
         -o-flex: 1;
            flex: 1;
  }
}
@media ( min-width: 600.1px ) and ( max-width: 834px ) {
  .serviceLink__text {
    -ms-align-self: center;
        align-self: center;
  }
}

@media ( min-width: 834.1px ) {
  .serviceLink__text span {
    display: block;
    inline-size: fit-content;
    margin-inline: auto;
  }
}


/*  serviceLink__button
------------------------ */
@media ( max-width: 834px ) {
  .serviceLink__button {
    -webkit-flex: 1;
       -moz-flex: 1;
        -ms-flex: 1;
         -o-flex: 1;
            flex: 1;
  }
}

@media ( max-width: 834px ) {
  .serviceLink__button .button.is-tel a > p {
    padding-inline: .245em;
  }
}



/* -----------------------------------
  is-condition
----------------------------------- */
.is-condition {
  overflow: hidden;
  background-color: var(--color-secondary);
  container-type: inline-size;
}



/* -----------------------------------
  contents
----------------------------------- */
#condition {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  -webkit-flex-direction: column;
     -moz-flex-direction: column;
      -ms-flex-direction: column;
       -o-flex-direction: column;
          flex-direction: column;
  justify-content: flex-start;
  -ms-align-items: stretch;
      align-items: stretch;
  gap: clamp( 1.428571439em, 3.125cqw, 2.5em ); /* 20/14 40/12.8 40/16 */
}

#condition:after {
  display: block;
  aspect-ratio: 80 / 23;
  background-image: url("/img/service/image-condition.png");
  background-position: 50% 50%;
  -webkit-background-size: contain;
          background-size: contain;
  background-repeat: no-repeat;
  content: " ";
}
@media ( max-width: 600px ) {
  #condition:after {
    width: calc( 100cqw + ( 11.538461544cqw * 2 ) ); /* 45/3.9 */
    position: relative;
    left: 50%;
    -webkit-transform: translateX( -50% );
        -ms-transform: translateX( -50% );
         -o-transform: translateX( -50% );
            transform: translateX( -50% );
  }
}


/*  condition__title
------------------------ */
#condition__title .comText {
  font-size: clamp( 1rem, 1.5625cqw, 1.25rem ); /* 20/12.8 20/16 */
  line-height: 2;
  letter-spacing: .1em;
  text-indent: .1em;
}

@media ( min-width: 600.1px ) {
  #condition__title .comText__item span {
    display: block;
    inline-size: fit-content;
    margin-inline: auto;
  }
}


/*  condition__body
------------------------ */
#condition__body {
  -webkit-order: -1;
     -moz-order: -1;
      -ms-order: -1;
       -o-order: -1;
          order: -1;
}

#condition__body:after {
  display: block;
  -webkit-transform: rotate( 90deg );
      -ms-transform: rotate( 90deg );
       -o-transform: rotate( 90deg );
          transform: rotate( 90deg );
  width: 1em;
  margin-top: 1em;
  margin-inline: auto;
  color: var(--color-secondary-dark);
  font-size: clamp( 1.714285724rem, 3.125cqw, 2.5rem ); /* 24/14 40/12.8 40/16 */
  line-height: 1;
  font-family: var(--webfont);
  content: var(--webfont-arrow);
}



/* -----------------------------------
  conditionTitle
----------------------------------- */
#conditionTitle {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  -webkit-flex-wrap: wrap;
     -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
       -o-flex-wrap: wrap;
          flex-wrap: wrap;
  justify-content: center;
  -ms-align-items: baseline;
      align-items: baseline;
  margin-bottom: 1em;
  font-weight: 700;
  font-size: clamp( 1.714285724rem, 3.125cqw, 2.5rem ); /* 24/14 40/12.8 40/16 */
  letter-spacing: .1em;
  text-indent: .1em;
}

#conditionTitle span + span {
  text-indent: 0;
}



/* -----------------------------------
  conditionList
----------------------------------- */
#conditionList {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  -webkit-flex-wrap: wrap;
     -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
       -o-flex-wrap: wrap;
          flex-wrap: wrap;
  justify-content: flex-start;
  -ms-align-items: stretch;
      align-items: stretch;
  --conditionList-gap: 10px;
  gap: var(--conditionList-gap);
  list-style: none;
  padding: 0;
  color: var(--color-white);
  font-weight: 700;
  font-size: clamp( 1rem, 1.5625cqw, 1.25rem ); /* 20/12.8 20/16 */
  letter-spacing: .1em;
  text-indent: .1em;
}


/*  conditionList__item
------------------------ */
.conditionList__item {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: center;
  -ms-align-items: center;
      align-items: center;
  padding-block: 1em; /* 20/12.8 */
  background-image: linear-gradient( 180deg, #868c8a 0%, #5c5e5d 100% );
}
@media ( min-width: 834.1px ) {
  .conditionList__item {
    width: calc( ( 100% - ( var(--conditionList-gap) * 2 ) ) / 3 );
  }
}
@media ( max-width: 834px ) {
  .conditionList__item {
    width: calc( ( 100% - ( var(--conditionList-gap) * 1 ) ) / 2 );
  }
}

.conditionList__item span {
  display: block;
}



/* -----------------------------------
  is-purchase
----------------------------------- */
.is-purchase {
  background-image: var(--bg);
  background-position: 50% 50%;
  -webkit-background-size: cover;
          background-size: cover;
  background-repeat: no-repeat;
}



/* -----------------------------------
  purchase
----------------------------------- */
/*  purchase__item
------------------------ */
.purchase__item + .purchase__item {
  margin-top: clamp( 2.857142867em, 4.6875cqw, 3.75em ); /* 40/14 60/12.8 60/16 */
}



/* -----------------------------------
  purchaseWrapper
----------------------------------- */
#purchaseWrapper {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: flex-start;
  -ms-align-items: stretch;
      align-items: stretch;
  gap: clamp( 1.714285724em, 3.125cqw, 2.5em ); /* 24/14 40/12.8 40/16 */
}
@media ( max-width: 600px ) {
  #purchaseWrapper {
    -webkit-flex-direction: column;
       -moz-flex-direction: column;
        -ms-flex-direction: column;
         -o-flex-direction: column;
            flex-direction: column;
  }
}

#purchaseWrapper:after {
  display: block;
  -webkit-flex: none;
     -moz-flex: none;
      -ms-flex: none;
       -o-flex: none;
          flex: none;
  -ms-align-self: center;
      align-self: center;
  aspect-ratio: 3 / 5;
  width: clamp( 13.071428587em, 23.4375cqw, 18.75em ); /* 183/14 300/12.8 300/16 */
  background-image: var(--watch);
  background-position: 50% 50%;
  -webkit-background-size: contain;
          background-size: contain;
  background-repeat: no-repeat;
  content: " ";
}


/*  purchaseWrapper__text
------------------------ */
#purchaseWrapper__text {
  -webkit-flex: 1;
     -moz-flex: 1;
      -ms-flex: 1;
       -o-flex: 1;
          flex: 1;
}

#purchaseWrapper__text .comText__item + .comText__item {
  margin-top: 1lh;
}



/* -----------------------------------
  purchaseTitle
----------------------------------- */
#purchaseTitle {
  margin-bottom: 1em;
  font-weight: 700;
  font-size: clamp( 1.714285724em, 3.125cqw, 2.5rem ); /* 24/14 40/12.8 40/16 */
  letter-spacing: .1em;
}

#purchaseTitle span {
  display: block;
}



/* -----------------------------------
  purchaseWanted
----------------------------------- */
#purchaseWanted {
  margin-inline: auto;
  overflow: hidden;
  border-radius: 10px;
  background-color: var(--color-white);
  container-type: inline-size;
}
@media ( min-width: 834.1px ) {
  #purchaseWanted {
    width: min( 50em, 62.5cqw ); /* 800/16 800/12.8 */
  }
}
@media ( max-width: 834px ) {
  #purchaseWanted {
    --width-base: ( 834 / 1280 ) * 800;
    max-width: calc( ( var(--width-base) * 834px ) / 834 );
  }
}


/*  purchaseWanted__title
------------------------ */
#purchaseWanted__title {
  padding: 1.25em; /* 20/16 */
  background-color: var(--color);
  color: var(--color-white);
  font-weight: 700;
  letter-spacing: .1em;
  text-indent: .1em;
}

#purchaseWanted__title span {
  display: block;
  inline-size: fit-content;
  margin-inline: auto;
}


/*  purchaseWanted__body
------------------------ */
#purchaseWanted__body {
  padding: 1.25em; /* 20/16 */
}



/* -----------------------------------
  purchaseList
----------------------------------- */
#purchaseList {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  -webkit-flex-wrap: wrap;
     -moz-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
       -o-flex-wrap: wrap;
          flex-wrap: wrap;
  justify-content: center;
  -ms-align-items: center;
      align-items: center;
  column-gap: .25em;
  list-style: none;
  padding: 0;
  font-size: clamp( .857142861rem, 2cqw, 1rem ); /* 12/14 16/8 */
}


/*  purchaseList__item
------------------------ */
.purchaseList__item:after {
  display: inline-block;
  -webkit-transform: rotate( 15deg ) translateY( 10% );
      -ms-transform: rotate( 15deg ) translateY( 10% );
       -o-transform: rotate( 15deg ) translateY( 10% );
          transform: rotate( 15deg ) translateY( 10% );
  width: 0;
  height: calc( 1lh - ( 1lh / 2 ) );
  margin-left: .25em;
  border-left: 1px solid var(--color);
  content: " ";
}

.purchaseList__item:last-of-type:after {
  content: none;
}



/* -----------------------------------
  is-mission
----------------------------------- */



/* -----------------------------------
  mission
----------------------------------- */
#mission {
  position: relative;
  z-index: 0;
  padding-block: 40px;
  padding-inline: clamp( 20px, 4.6875cqw, 3.75em ); /* 60/12.8 60/16 */
  background-image: url("/img/bg-mission.jpg");
  background-position: 50% 50%;
  -webkit-background-size: cover;
          background-size: cover;
  background-repeat: no-repeat;
  color: var(--color-white);
}

#mission:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  content: " ";
}

#mission:before {
  background-image: linear-gradient( 180deg, rgba( 0, 0, 0, .6 ) 0%, rgba( 0, 0, 0, .2 ) 100% );
}

/*#mission:after {
  background-color: rgba( 0, 0, 0, .01 );
  backdrop-filter: blur( 7px );
}*/

#mission .comText {
  font-size: clamp( 1.142857153rem, 1.5625cqw, 1.25rem ); /* 16/14 20/12.8 20/16 */
  line-height: 2.2;
}
@media ( min-width: 715.1px ) {
  #mission .comText {
    text-indent: .1em;
  }
}

@media ( min-width: 715.1px ) {
  #mission .comText span {
    display: block;
    inline-size: fit-content;
    margin-inline: auto;
  }
}

#mission .button {
  max-width: 20em; /* 480/24 */
}

#mission .button a {
  border-width: 1px;
}



/* -----------------------------------
  missionTitle
----------------------------------- */
#missionTitle {
  inline-size: fit-content;
  position: relative;
  margin-inline: auto;
  overflow: hidden;
  font-weight: 700;
  font-size: inherit;
  letter-spacing: .1em;
  line-height: 2.2;
  text-indent: .1em;
  font-size: clamp( 2.142857153rem, 3.125cqw, 2.5rem ); /* 30/14 40/12.8 40/16 */
}

#missionTitle:before {
  display: block;
  content: attr(data-title);
}

#missionTitle span {
  display: block;
  position: absolute;
  top: 0;
  left: 200%;
  white-space: nowrap;
}



/* -----------------------------------
  missionBody
----------------------------------- */
/*  missionBody__item
------------------------ */
.missionBody__item + .missionBody__item {
  margin-top: clamp( 1.428571439em, 3.125cqw, 2.5em ); /* 20/14 40/12.8 40/16 */
}



/* -----------------------------------
  cover
----------------------------------- */
#cover {
  position: relative;
  --cover-inner-block: clamp( 2.857142867em, 6.25cqw, 5em ); /* 40/14 80/12.8 80/16 */
}
@media ( min-width: 600.1px ) {
  #cover {
    --cover-inner-block-plus: min( 3.125cqw, 2.5em ); /* 40/12.8 40/16 */
  }
}
@media ( max-width: 600px ) {
  #cover {
    --cover-inner-block-plus: 4.285714296em; /* 60/14 */
  }
}

#cover:after {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: -1;
  background-image: var(--bg);
  background-position: 50% 50%;
  -webkit-background-size: cover;
          background-size: cover;
  background-repeat: no-repeat;
  background-color: var(--color-secondary);
  content: " ";
}
@media ( min-width: 600.1px ) {
  #cover:after {
    bottom: var(--cover-inner-block);
  }
}
@media ( max-width: 600px ) {
  #cover:after {
    bottom: calc( var(--cover-inner-block) + var(--cover-inner-block-plus) );
  }
}


#cover__inner {
  max-width: calc( 860px + ( calc( var(--padding-inline) / 2 ) * 2 ) );
  margin-inline: auto;
  padding-inline: var(--padding-inline);
}
@media ( min-width: 600.1px ) {
  #cover__inner {
    padding-block-start: calc( var(--cover-inner-block) + var(--cover-inner-block-plus) );
    padding-block-end: var(--cover-inner-block);
  }
}
@media ( max-width: 600px ) {
  #cover__inner {
    padding-block-start: var(--cover-inner-block);
    padding-block-end: calc( var(--cover-inner-block) + var(--cover-inner-block-plus) );
  }
}



/* -----------------------------------
  coverDesc
----------------------------------- */
#coverDesc {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: flex-start;
  -ms-align-items: stretch;
      align-items: stretch;
  gap: clamp( 2.857142867em, 6.25cqw, 5em ); /* 40/14 80/12.8 80/16 */
}
@media ( min-width: 600.1px ) {
  #coverDesc {
    -webkit-flex-direction: row-reverse;
       -moz-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
         -o-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}
@media ( max-width: 600px ) {
  #coverDesc {
    -webkit-flex-direction: column;
       -moz-flex-direction: column;
        -ms-flex-direction: column;
         -o-flex-direction: column;
            flex-direction: column;
    max-width: 400px;
    margin-inline: auto;
  }
}

#coverDesc:after {
  display: block;
  -webkit-flex: none;
     -moz-flex: none;
      -ms-flex: none;
       -o-flex: none;
          flex: none;
  -ms-align-self: center;
      align-self: center;
  aspect-ratio: 3 / 5;
  width: clamp( 13.071428587em, 23.4375cqw, 18.75em ); /* 183/14 300/12.8 300/16 */
  background-image: var(--watch);
  background-position: 50% 50%;
  -webkit-background-size: contain;
          background-size: contain;
  background-repeat: no-repeat;
  content: " ";
}
@media ( min-width: 600.1px ) {
  #coverDesc:after {
    margin-block-start: calc( var(--cover-inner-block-plus) * -1 );
    margin-block-end: calc( var(--cover-inner-block) * -1 );
  }
}
@media ( max-width: 600px ) {
  #coverDesc:after {
    margin-block-end: calc( var(--cover-inner-block-plus) * -1 );
  }
}


/*  coverDesc__detail
------------------------ */
#coverDesc__detail {
  -webkit-flex: 1;
     -moz-flex: 1;
      -ms-flex: 1;
       -o-flex: 1;
          flex: 1;
}



/* -----------------------------------
  coverDetail
----------------------------------- */
#coverDetail {
  font-size: clamp( 1.85714297rem, 2.34375cqw, 1.875rem ); /* 26/14 26/14 30/12.8 30/16 */
}


/*  coverDetail__title
------------------------ */
#coverDetail__title {
  margin-bottom: 1.33333333em; /* 40/30 */
  font-weight: 700;
  font-size: inherit;
  letter-spacing: .1em;
  line-height: 1.5;
}

#coverDetail__title:before {
  display: block;
  content: attr(data-title);
}

#coverDetail__title span {
  display: block;
  font-weight: 300;
  font-size: .533333333em; /* 16/30 */
  letter-spacing: .1em;
}


/*  coverDetail__body
------------------------ */



/* -----------------------------------
  coverText
----------------------------------- */
#coverText {
  font-size: .533333333em; /* 16/30 */
  letter-spacing: .1em;
  line-height: 2.1875; /* 35/16 */
}


/*  coverText__item
------------------------ */



/* -----------------------------------
  message
----------------------------------- */
#message {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: flex-start;
  -ms-align-items: stretch;
      align-items: stretch;
  gap: min( 5em, 6.25cqw ); /* 80/12.8 80/16 */
  position: relative;
}
@media ( max-width: 834px ) {
  #message {
    -webkit-flex-direction: column;
       -moz-flex-direction: column;
        -ms-flex-direction: column;
         -o-flex-direction: column;
            flex-direction: column;
  }
}


/*  message__image
------------------------ */
#message__image {
}
@media ( min-width: 834.1px ) {
  #message__image {
  }
}

#message:before ,
#message:after {
  display: block;
    -webkit-flex: none;
       -moz-flex: none;
        -ms-flex: none;
         -o-flex: none;
            flex: none;
  aspect-ratio: 4 / 3;
  width: min( 37.5em, 46.875cqw ); /* 600/16 600/12.8 */
  content: " ";
}
@media ( max-width: 834px ) {
  #message:before ,
  #message:after {
    aspect-ratio: 4 / 2;
    width: 100%;
  }
}

#message:before {
  background-image: url("/img/image-message.jpg");
  background-position: 50% 50%;
  -webkit-background-size: cover;
          background-size: cover;
  background-repeat: no-repeat;
}

#message:after {
  position: absolute;
  top: 0;
  left: 0;
  background-image: linear-gradient( 180deg, rgba( 0, 0, 0, .6 ) 0%, rgba( 0, 0, 0, .2 ) 100% );
}
@media ( min-width: 834.1px ) {
  #message:after {
    height: 100%;
  }
}


/*  message__lead
------------------------ */
#message__lead {
  container-type: inline-size;
}
@media ( min-width: 834.1px ) {
  #message__lead {
    -webkit-flex: 1;
       -moz-flex: 1;
        -ms-flex: 1;
         -o-flex: 1;
            flex: 1;
    -ms-align-self: center;
        align-self: center;
    max-width: 600px;
  }
}



/* -----------------------------------
  messageLead
----------------------------------- */
#messageLead {
  font-size: clamp( 1.428571439rem, 5cqw, 1.875rem ); /* 20/14 30/6 30/16 */
}


/*  messageLead__title
------------------------ */
#messageLead__title {
  margin-bottom: 1.33333333em; /* 40/30 */
  font-weight: 700;
  line-height: 2.2;
  letter-spacing: .1em;
}

#messageLead__title span {
  display: block;
}


/*  messageLead__body
------------------------ */
#messageLead__body {
  font-size: .666666667em; /* 20/30 */
  letter-spacing: .1em;
}

#messageLead__body p + p {
  margin-top: 1lh;
}



/* -----------------------------------
  company
----------------------------------- */
/*  company__item
------------------------ */
.company__item {
  padding: 2.5em 1.25em; /* 40/16 20/16 */
  border-bottom: 1px solid var(--color-border);
}



/* -----------------------------------
  companyItem
----------------------------------- */
.companyItem {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: flex-start;
  -ms-align-items: stretch;
      align-items: stretch;
  gap: 10px clamp( 1.428571433em, .125cqw, 2.5em ); /* 20/14 40/12.8 40/16 */
  letter-spacing: .1em;
}
@media ( max-width: 600px ) {
  .companyItem {
    -webkit-flex-direction: column;
       -moz-flex-direction: column;
        -ms-flex-direction: column;
         -o-flex-direction: column;
            flex-direction: column;
  }
}


/*  companyItem__title
------------------------ */
.companyItem__title {
  -webkit-flex: none;
     -moz-flex: none;
      -ms-flex: none;
       -o-flex: none;
          flex: none;
  -ms-align-self: baseline;
      align-self: baseline;
}
@media ( min-width: 600.1px ) {
  .companyItem__title {
    width: clamp( 8em, 24cqw, 15em ); /* 240/10 240/16 */
  }
}


/*  companyItem__body
------------------------ */
.companyItem__body {
  -webkit-flex: 1;
     -moz-flex: 1;
      -ms-flex: 1;
       -o-flex: 1;
          flex: 1;
}



/* -----------------------------------
  companyMap
----------------------------------- */
.companyMap iframe {
  aspect-ratio: 30 / 17;
  width: 100%;
  height: 100%;
  margin-top: 1.25em; /* 20/16 */
}



/* -----------------------------------
  guidelines
----------------------------------- */
.guidelines {
  font-size: .875rem; /* 14/16 */
}

.guidelines .comText:has( + :is( .comText, .comList, .comDesc ) ){
  margin-bottom: 2.857142867em; /* 40/14 */
}

.guidelines .comText__item + .comText__item {
  margin-top: .5lh;
}

.guidelines .comList:has( + :is( .comText, .comList, .comDesc ) ){
  margin-bottom: 2.857142867em; /* 40/14 */
}

.guidelines .comDesc:has( + :is( .comText, .comList, .comDesc ) ){
  margin-bottom: 2.857142867em; /* 40/14 */
}


/*  guidelines__item
------------------------ */
.guidelines__item + .guidelines__item {
  margin-top: 2.5em; /* 40/16 */
  padding-top: 2.5em;
  border-top: 1px solid var(--color-border);
}


/*  is-effective  */
.guidelines__item.is-effective .comText__item {
  inline-size: fit-content;
  margin-left: auto;
}



/* -----------------------------------
  guideline
----------------------------------- */
/*  guideline__item
------------------------ */
.guideline__item + .guideline__item {
  margin-top: 2.85714297em; /* 40/14 */
}



/* -----------------------------------
  legal
----------------------------------- */
#legal {
  --legal-space: 1.25em; /* 20/16 */
}
@media ( min-width: 600.1px ) {
  #legal {
    border: 1px solid var(--color-border);
  }
}


/*  legal__item
------------------------ */
@media ( max-width: 600px ) {
  .legal__item {
    padding: 2.5em 1.25em; /* 40/16 20/16 */
    border-bottom: 1px solid var(--color-border);
  }
}

@media ( min-width: 600.1px ) {
  .legal__item + .legal__item {
    border-top: 1px solid var(--color-border);
  }
}



/* -----------------------------------
  legalItem
----------------------------------- */
.legalItem {
  display: -webkit-flex;
  display:    -moz-flex;
  display:     -ms-flex;
  display:      -o-flex;
  display:         flex;
  justify-content: flex-start;
  -ms-align-items: stretch;
      align-items: stretch;
  row-gap: 10px;
}
@media ( max-width: 600px ) {
  .legalItem {
    -webkit-flex-direction: column;
       -moz-flex-direction: column;
        -ms-flex-direction: column;
         -o-flex-direction: column;
            flex-direction: column;
  }
}

.legalItem:before {
  display: block;
  -ms-align-self: stretch;
      align-self: stretch;
  margin-block: -1px;
  border-left: 3px solid var(--color-primary);
}
@media ( min-width: 600.1px ) {
  .legalItem:before {
    content: " ";
  }
}


/*  legalItem__title
------------------------ */
@media ( min-width: 600.1px ) {
  .legalItem__title {
    -webkit-flex: none;
       -moz-flex: none;
        -ms-flex: none;
         -o-flex: none;
            flex: none;
    -webkit-order: -1;
       -moz-order: -1;
        -ms-order: -1;
         -o-order: -1;
            order: -1;
    width: 12.5em;
    padding: var(--legal-space);
  }
}


/*  legalItem__body
------------------------ */
@media ( min-width: 600.1px ) {
  .legalItem__body {
    -webkit-flex: 1;
       -moz-flex: 1;
        -ms-flex: 1;
         -o-flex: 1;
            flex: 1;
    padding: var(--legal-space) 2.5em; /* 40/16 */
  }
}



/* -----------------------------------
  error
----------------------------------- */
#error .comText {
  font-weight: 700;
  font-size: clamp( 1rem, 1.5625cqw, 1.25rem ); /* 20/12.8 20/16 */
  text-indent: .1em;
}

#error .button {
  max-width: 20em; /* 480/24 */
  height: 2.91666666667em; /* 70/24 */
}

#error .button a {
  border: none;
}


/*  error__item
------------------------ */
.error__item .comText__item {
  inline-size: fit-content;
  margin-inline: auto;
}

@media ( min-width: 380.1px ) {
  .error__item .comText__item > span {
    display: block;
    inline-size: fit-content;
    margin-inline: auto;
  }
}

.error__item + .error__item {
  margin-top: 2.5em; /* 40/16 */
}