@charset 'UTF-8';

:where(.ypt-main) {
  /*! destyle.css v2.0.2 | MIT License | https://github.com/nicolas-cusan/destyle.css */
  /* Reset box-model and set borders */
  /* ============================================ */
  /* 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.
  */
  /* Sections */
  /* ============================================ */
  /**
  * Remove the margin in all browsers.
  */
  /**
  * Render the `main` element consistently in IE.
  */
  /* Vertical rhythm */
  /* ============================================ */
  /* Headings */
  /* ============================================ */
  /* Lists (enumeration) */
  /* ============================================ */
  /* Lists (definition) */
  /* ============================================ */
  /* Grouping content */
  /* ============================================ */
  /**
  * 1. Add the correct box sizing in Firefox.
  * 2. Show the overflow in Edge and IE.
  */
  /**
  * 1. Correct the inheritance and scaling of font size in all browsers.
  * 2. Correct the odd `em` font sizing in all browsers.
  */
  /* Text-level semantics */
  /* ============================================ */
  /**
  * Remove the gray background on active links in IE 10.
  */
  /**
  * 1. Remove the bottom border in Chrome 57-
  * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
  */
  /**
  * Add the correct font weight in Chrome, Edge, and Safari.
  */
  /**
  * 1. Correct the inheritance and scaling of font size in all browsers.
  * 2. Correct the odd `em` font sizing in all browsers.
  */
  /**
  * Add the correct font size in all browsers.
  */
  /**
  * Prevent `sub` and `sup` elements from affecting the line height in
  * all browsers.
  */
  /* Embedded content */
  /* ============================================ */
  /**
  * Prevent vertical alignment issues.
  */
  /* Forms */
  /* ============================================ */
  /**
  * Reset form fields to make them styleable
  */
  /**
  * Reset radio and checkbox appearance to preserve their look in iOS.
  */
  /**
  * Show the overflow in IE.
  * 1. Show the overflow in Edge.
  */
  /**
  * Remove the inheritance of text transform in Edge, Firefox, and IE.
  * 1. Remove the inheritance of text transform in Firefox.
  */
  /**
  * Correct the inability to style clickable types in iOS and Safari.
  */
  /**
  * Remove the inner border and padding in Firefox.
  */
  /**
  * Restore the focus styles unset by the previous rule.
  */
  /**
  * Remove arrow in IE10 & IE11
  */
  /**
  * Remove padding
  */
  /**
  * Reset to invisible
  */
  /**
  * 1. Correct the text wrapping in Edge and IE.
  * 2. Correct the color inheritance from `fieldset` elements in IE.
  * 3. Remove the padding so developers are not caught out when they zero out
  *    `fieldset` elements in all browsers.
  */
  /**
  * Add the correct vertical alignment in Chrome, Firefox, and Opera.
  */
  /**
  * Remove the default vertical scrollbar in IE 10+.
  */
  /**
  * Correct the cursor style of increment and decrement buttons in Chrome.
  */
  /**
  * 1. Correct the outline style in Safari.
  */
  /**
  * Remove the inner padding in Chrome and Safari on macOS.
  */
  /**
  * 1. Correct the inability to style clickable types in iOS and Safari.
  * 2. Change font properties to `inherit` in Safari.
  */
  /**
  * Clickable labels
  */
  /* Interactive */
  /* ============================================ */
  /*
  * Add the correct display in Edge, IE 10+, and Firefox.
  */
  /*
  * Add the correct display in all browsers.
  */
  /*
  * Remove outline for editable content.
  */
  /* Table */
  /* ============================================ */
  /* Misc */
  /* ============================================ */
  /**
  * Add the correct display in IE 10+.
  */
  /**
  * Add the correct display in IE 10.
  */
}

:where(.ypt-main) *,
:where(.ypt-main) ::before,
:where(.ypt-main) ::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-width: 0;
  border-style: solid;
}

:where(.ypt-main) html {
  line-height: 1.15;
  /* 1 */

  -webkit-text-size-adjust: 100%;
  /* 2 */
  -webkit-tap-highlight-color: transparent;
  /* 3*/
}

:where(.ypt-main) body {
  margin: 0;
}

:where(.ypt-main) main {
  display: block;
}

:where(.ypt-main) p,
:where(.ypt-main) table,
:where(.ypt-main) blockquote,
:where(.ypt-main) address,
:where(.ypt-main) pre,
:where(.ypt-main) iframe,
:where(.ypt-main) form,
:where(.ypt-main) figure,
:where(.ypt-main) dl {
  margin: 0;
}

:where(.ypt-main) h1,
:where(.ypt-main) h2,
:where(.ypt-main) h3,
:where(.ypt-main) h4,
:where(.ypt-main) h5,
:where(.ypt-main) h6 {
  margin: 0;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
}

:where(.ypt-main) ul,
:where(.ypt-main) ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

:where(.ypt-main) dt {
  font-weight: bold;
}

:where(.ypt-main) dd {
  margin-left: 0;
}

:where(.ypt-main) hr {
  clear: both;
  /* 1 */
  overflow: visible;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin: 0;
  /* 1 */
  height: 0;
  /* 2 */
  border-top-width: 1px;
  color: inherit;
}

:where(.ypt-main) pre {
  /* 1 */
  font-size: inherit;
  font-family: monospace, monospace;
  /* 2 */
}

:where(.ypt-main) address {
  font-style: inherit;
}

:where(.ypt-main) a {
  background-color: transparent;
  color: inherit;
  text-decoration: none;
}

:where(.ypt-main) abbr[title] {
          text-decoration: underline;
          text-decoration: underline dotted;
  /* 2 */

  -webkit-text-decoration: underline dotted;
  /* 2 */
}

:where(.ypt-main) b,
:where(.ypt-main) strong {
  font-weight: bolder;
}

:where(.ypt-main) code,
:where(.ypt-main) kbd,
:where(.ypt-main) samp {
  /* 1 */
  font-size: inherit;
  font-family: monospace, monospace;
  /* 2 */
}

:where(.ypt-main) small {
  font-size: 80%;
}

:where(.ypt-main) sub,
:where(.ypt-main) sup {
  position: relative;
  vertical-align: baseline;
  font-size: 75%;
  line-height: 0;
}

:where(.ypt-main) sub {
  bottom: -.25em;
}

:where(.ypt-main) sup {
  top: -.5em;
}

:where(.ypt-main) img,
:where(.ypt-main) embed,
:where(.ypt-main) object,
:where(.ypt-main) iframe {
  vertical-align: bottom;
}

:where(.ypt-main) button,
:where(.ypt-main) input,
:where(.ypt-main) optgroup,
:where(.ypt-main) select,
:where(.ypt-main) textarea {
  margin: 0;
  padding: 0;
  outline: 0;
  border-radius: 0;
  background: transparent;
  color: inherit;
  vertical-align: middle;
  text-align: inherit;
  font: inherit;

  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

:where(.ypt-main) [type=checkbox] {
  -webkit-appearance: checkbox;
     -moz-appearance: checkbox;
          appearance: checkbox;
}

:where(.ypt-main) [type=radio] {
  -webkit-appearance: radio;
     -moz-appearance: radio;
          appearance: radio;
}

:where(.ypt-main) button,
:where(.ypt-main) input {
  /* 1 */
  overflow: visible;
}

:where(.ypt-main) button,
:where(.ypt-main) select {
  /* 1 */
  text-transform: none;
}

:where(.ypt-main) button,
:where(.ypt-main) [type=button],
:where(.ypt-main) [type=reset],
:where(.ypt-main) [type=submit] {
  cursor: pointer;

  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

:where(.ypt-main) button[disabled],
:where(.ypt-main) [type=button][disabled],
:where(.ypt-main) [type=reset][disabled],
:where(.ypt-main) [type=submit][disabled] {
  cursor: default;
}

:where(.ypt-main) button::-moz-focus-inner,
:where(.ypt-main) [type=button]::-moz-focus-inner,
:where(.ypt-main) [type=reset]::-moz-focus-inner,
:where(.ypt-main) [type=submit]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

:where(.ypt-main) button:-moz-focusring,
:where(.ypt-main) [type=button]:-moz-focusring,
:where(.ypt-main) [type=reset]:-moz-focusring,
:where(.ypt-main) [type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

:where(.ypt-main) select::-ms-expand {
  display: none;
}

:where(.ypt-main) option {
  padding: 0;
}

:where(.ypt-main) fieldset {
  margin: 0;
  padding: 0;
  min-width: 0;
}

:where(.ypt-main) legend {
  /* 2 */
  display: table;
  /* 1 */
  padding: 0;
  /* 1 */
  max-width: 100%;
  color: inherit;
  /* 3 */
  white-space: normal;
  /* 1 */
}

:where(.ypt-main) progress {
  vertical-align: baseline;
}

:where(.ypt-main) textarea {
  overflow: auto;
}

:where(.ypt-main) [type=number]::-webkit-inner-spin-button,
:where(.ypt-main) [type=number]::-webkit-outer-spin-button {
  height: auto;
}

:where(.ypt-main) [type=search] {
  outline-offset: -2px;
  /* 1 */
}

:where(.ypt-main) [type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

:where(.ypt-main) ::-webkit-file-upload-button {
  /* 1 */
  font: inherit;

  -webkit-appearance: button;
  /* 2 */
}

:where(.ypt-main) label[for] {
  cursor: pointer;
}

:where(.ypt-main) details {
  display: block;
}

:where(.ypt-main) summary {
  display: list-item;
}

:where(.ypt-main) [contenteditable] {
  outline: none;
}

:where(.ypt-main) table {
  border-spacing: 0;
  border-collapse: collapse;
}

:where(.ypt-main) caption {
  text-align: left;
}

:where(.ypt-main) td,
:where(.ypt-main) th {
  padding: 0;
  vertical-align: top;
}

:where(.ypt-main) th {
  text-align: left;
  font-weight: bold;
}

:where(.ypt-main) template {
  display: none;
}

:where(.ypt-main) [hidden] {
  display: none;
}

:root {
  --board: 1300;
  --max: 1px;
}

:root {
  --vwboard: 1440;
  --max: 1px;
}

:where(.hydrogen__main) {
  --colorBlack: #222;
  --colorBg: #fff;
  --colorMain: #dc1e37;
}

:where(.hydrogen__main) {
  --fontGothic: 'Noto Sans JP', sans-serif;
  --fontMincho: 'Zen Old Mincho', '游明朝体', 'Yu Mincho', YuMincho, 'ヒラギノ明朝 Pro', 'Hiragino Mincho Pro', 'MS P明朝', 'MS PMincho', serif;
  --fontEnglish: 'Noto Sans', sans-serif;
  --fontMaru: 'Zen Maru Gothic', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'MS Pゴシック', 'MS PGothic', sans-serif;
}

:where(.hydrogen__main) {
  --weightLight: 300;
  --weightRegular: 400;
  --weightMedium: 500;
  --weightBold: 700;
}

:where(.hydrogen__main) {
  --fontSize: r(16);
  --letterSpacing: 0;
  --lineHeight: 1.75;
  --kerning: unset;
}

:where(.hydrogen__main) {
  --bodyBg: var(--colorBg);
  --speed: .4s;
}

:where(.hydrogen__main) :where(.ypt-aftersales) {
  background-color: var(--bodyBg);
  color: var(--colorBlack);
  letter-spacing: var(--letterSpacing);
  font-weight: var(--weightRegular);
  font-size: var(--fontSize);
  line-height: var(--lineHeight);

  font-optical-sizing: auto;
  -webkit-font-feature-settings: var(--kerning);
          font-feature-settings: var(--kerning);
}

@-webkit-keyframes name {
}

@keyframes name {
}

:where(.ypt-aftersales) a {
  -webkit-transition: color .4s;
          transition: color .4s;
}

:where(.ypt-aftersales) a:focus {
  text-decoration: none;
}

:where(.ypt-aftersales) a img {
  -webkit-transition: opacity .4s;
          transition: opacity .4s;
}

:where(.ypt-aftersales) a[href^='tel:'] {
  color: inherit;
}

:where(.ypt-aftersales) img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

:root {
  --board: 1500;
  --max: 1px;
}

:root {
  --vwboard: 1440;
  --max: 1px;
}

.is-overflow {
  overflow: hidden;

  -ms-scroll-chaining: none;
  overscroll-behavior: none;
}

.ypt-aftersales {
  background-color: rgba(0, 0, 0, .05);
  letter-spacing: .02em;
}

@-webkit-keyframes scrollbar {
  0% {
    top: 0;
    height: 0;
  }

  30% {
    height: 100%;
  }

  100% {
    top: 100%;
  }
}

@keyframes scrollbar {
  0% {
    top: 0;
    height: 0;
  }

  30% {
    height: 100%;
  }

  100% {
    top: 100%;
  }
}

.ypt-aftersales__hero {
  padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 84, var(--max) * 84);
  background-color: #fff;
}

.ypt-aftersales__hero-inner {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: auto;
  max-width: 100%;
  width: clamp(0px, 10vw / var(--board) * 10 * 1400, var(--max) * 1400);
  height: clamp(0px, 10vw / var(--board) * 10 * 915, var(--max) * 915);
}

.ypt-aftersales__hero-label {
  position: absolute;
  top: clamp(0px, 10vw / var(--board) * 10 * 19, var(--max) * 19);
  left: clamp(var(--max) * -1, 10vw / var(--board) * 10 * -1, 0px);
  z-index: 2;
  display: inline-block;
  width: clamp(0px, 10vw / var(--board) * 10 * 775, var(--max) * 775);
}

.ypt-aftersales__hero-swiper {
  position: absolute;
  top: clamp(0px, 10vw / var(--board) * 10 * 23, var(--max) * 23);
  left: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
}

.ypt-aftersales__hero-swiper-img {
  width: 100%;
  height: 100%;
     object-fit: cover;

  -o-object-fit: cover;
}

.ypt-aftersales__hero-label-img {
  position: relative;
  z-index: 2;
}

.ypt-aftersales__hero-catch {
  position: absolute;
  top: clamp(0px, 10vw / var(--board) * 10 * 118, var(--max) * 118);
  left: clamp(0px, 10vw / var(--board) * 10 * 813, var(--max) * 813);
  z-index: 2;
  color: #fff;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 29, var(--max) * 29);
  line-height: 1.9;
}

.ypt-aftersales__hero-catch p {
  margin: 0;
}

.ypt-aftersales__scroll-hint {
  position: absolute;
  right: clamp(0px, 10vw / var(--board) * 10 * 74, var(--max) * 74);
  bottom: clamp(0px, 10vw / var(--board) * 10 * 44, var(--max) * 44);
  z-index: 2;
  color: #000;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  font-family: 'DINNextLTPro-bold', 'Noto Sans JP', 'Noto Sans', sans-serif;
}

.ypt-aftersales__scroll-hint i {
  position: absolute;
  top: clamp(0px, 10vw / var(--board) * 10 * 0, var(--max) * 0);
  right: clamp(var(--max) * -12, 10vw / var(--board) * 10 * -12, 0px);
  display: block;
  overflow: hidden;
  width: clamp(0px, 10vw / var(--board) * 10 * 2, var(--max) * 2);
  height: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80);
  text-indent: -9999px;
  font-size: 0;
}

.ypt-aftersales__scroll-hint i::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 0;
  background-color: #000;
  -webkit-animation: scrollbar 1.5s ease-in-out infinite;
          animation: scrollbar 1.5s ease-in-out infinite;
}

.ypt-aftersales__vision {
  position: relative;
  width: 100%;
  height: clamp(0px, 10vw / var(--board) * 10 * 689, var(--max) * 689);
  background-color: #dc1e37;
}

@-webkit-keyframes infiniteScroll {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }

  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}

@keyframes infiniteScroll {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }

  100% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
}

.ypt-aftersales__vision-background {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.ypt-aftersales__vision-background::before {
  content: 'YANMAR OEM SITE YANMAR OEM SITE YANMAR OEM SITE YANMAR OEM SITE';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 200%;
  color: rgba(0, 0, 0, .05);
  white-space: nowrap;
  letter-spacing: .048em;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 240, var(--max) * 240);
  font-family: 'DINNextLTPro-bold', 'Noto Sans JP', 'Noto Sans', sans-serif;
  -webkit-animation: infiniteScroll 20s linear infinite;
          animation: infiniteScroll 20s linear infinite;

  text-box: trim-both cap alphabetic;
}

.ypt-aftersales__vision-content {
  position: relative;
  z-index: 1;
  padding: clamp(0px, 10vw / var(--board) * 10 * 188, var(--max) * 188) 0 0;
  text-align: center;
}

.ypt-aftersales__vision-text {
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 64, var(--max) * 64);
  color: #fff;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  line-height: 2.2;

  text-box: trim-both cap alphabetic;
}

.ypt-aftersales__vision-title {
  display: inline-block;
  color: #fff;
  color: #000;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 96, var(--max) * 96);
  font-family: 'DINNextLTPro-bold', 'Noto Sans JP', 'Noto Sans', sans-serif;
  line-height: 1.6;

  text-box: trim-both cap alphabetic;
}

.ypt-aftersales__vision-title-red {
  color: #fff;
}

.ypt-aftersales__vision-hero-image {
  position: absolute;
  bottom: clamp(0px, 10vw / var(--board) * 10 * 88, var(--max) * 88);
  left: 50%;
  width: clamp(0px, 10vw / var(--board) * 10 * 935, var(--max) * 935);
  -webkit-transform: translateX(-50%) translateY(100%);
          transform: translateX(-50%) translateY(100%);
}

.ypt-aftersales__vision-hero-img {
  width: 100%;
  height: 100%;
     object-fit: contain;

  -o-object-fit: contain;
}

.ypt-aftersales__intro {
  position: relative;
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 498, var(--max) * 498);
}

.ypt-aftersales__intro-inner {
  margin: 0 auto;
  padding: clamp(0px, 10vw / var(--board) * 10 * 56, var(--max) * 56) clamp(0px, 10vw / var(--board) * 10 * 126, var(--max) * 126) clamp(0px, 10vw / var(--board) * 10 * 72, var(--max) * 72);
  width: clamp(0px, 10vw / var(--board) * 10 * 1360, var(--max) * 1360);
  border: 2px solid #dc1e37;
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4);
  background-color: #fff;
}

.ypt-aftersales__intro-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-align: center;
  gap: clamp(0px, 10vw / var(--board) * 10 * 64, var(--max) * 64);
}

.ypt-aftersales__intro-content {
  -webkit-box-flex: 1;
  -ms-flex: 1;
      flex: 1;
  width: clamp(0px, 10vw / var(--board) * 10 * 644, var(--max) * 644);
}

.ypt-aftersales__intro-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  align-items: baseline;
  -ms-flex-align: baseline;
  gap: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8);
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
  color: #000;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  line-height: 1.6;

  text-box: trim-both cap alphabetic;
}

.ypt-aftersales__intro-title-en {
  white-space: nowrap;
  font-family: 'DINNextLTPro-bold', 'Noto Sans JP', 'Noto Sans', sans-serif;
  line-height: 1;
}

.ypt-aftersales__intro-title-note {
  color: #000;
  font-weight: 500;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  line-height: 3;
}

.ypt-aftersales__intro-text {
  color: #000;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  line-height: 1.8;
}

.ypt-aftersales__yos-circle {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
      flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: clamp(0px, 10vw / var(--board) * 10 * 400, var(--max) * 400);
  height: clamp(0px, 10vw / var(--board) * 10 * 400, var(--max) * 400);
  border-radius: 100%;
  background-color: #dc1e37;

  --yos-circle-rotation-speed: 1s;
  --yos-circle-rotation-delay: 0s;
}

@-webkit-keyframes rotateIn {
  from {
    opacity: 0;
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
  }

  to {
    opacity: 1;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}

@keyframes rotateIn {
  from {
    opacity: 0;
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
  }

  to {
    opacity: 1;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}

@-webkit-keyframes rotateOut {
  from {
    opacity: 1;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  to {
    opacity: 0;
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes rotateOut {
  from {
    opacity: 1;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }

  to {
    opacity: 0;
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

.ypt-aftersales__yos-circle-item {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transition: opacity .5s ease;
          transition: opacity .5s ease;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}

.ypt-aftersales__yos-circle-item.active {
  z-index: 2;
  opacity: 1;
  -webkit-animation: none;
          animation: none;
}

.ypt-aftersales__yos-circle-item.rotating.active {
  -webkit-animation: rotateIn var(--yos-circle-rotation-speed, .7s) ease var(--yos-circle-rotation-delay, 0s) forwards;
          animation: rotateIn var(--yos-circle-rotation-speed, .7s) ease var(--yos-circle-rotation-delay, 0s) forwards;
}

.ypt-aftersales__yos-circle-item.inactive {
  z-index: 1;
  opacity: 0;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-animation: none;
          animation: none;
}

.ypt-aftersales__yos-circle-item.rotating.inactive {
  -webkit-animation: rotateOut var(--yos-circle-rotation-speed, .7s) ease var(--yos-circle-rotation-delay, 0s) forwards;
          animation: rotateOut var(--yos-circle-rotation-speed, .7s) ease var(--yos-circle-rotation-delay, 0s) forwards;
}

.ypt-aftersales__yos-circle-item img {
  width: 100%;
  height: 100%;
     object-fit: contain;

  -o-object-fit: contain;
}

.ypt-aftersales__yos-circle-main {
  color: #fff;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 104, var(--max) * 104);
  line-height: 1.6;
}

.ypt-aftersales__yos-circle-sub {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 29, var(--max) * 29);
  color: #000;
  letter-spacing: .0052em;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 26, var(--max) * 26);
  line-height: 1.6;
}

.ypt-aftersales__yos-circle-sub .ypt-aftersales__yos-circle-sub-red {
  color: #fff;
}

.ypt-aftersales__intro-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  -webkit-transition: opacity .3s;
          transition: opacity .3s;
}

.ypt-aftersales__intro-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  width: clamp(0px, 10vw / var(--board) * 10 * 354, var(--max) * 354);
  height: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80);
  border: 1px solid #dc1e37;
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4);
  background-color: #fff;
  color: #dc1e37;
  text-decoration: none !important;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
  line-height: 1.8;
  cursor: pointer;
  -webkit-transition: .3s;
          transition: .3s;
}

.ypt-aftersales__intro-button > span:first-child {
  font-family: 'Noto Sans JP', sans-serif;
}

.ypt-aftersales__intro-button-more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-align: center;
  gap: clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4);
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  font-family: 'DIN Next LT Pro', sans-serif;
  line-height: 1;
}

.ypt-aftersales__intro-button-more::after {
  content: '';
  display: block;
  width: clamp(0px, 10vw / var(--board) * 10 * 13, var(--max) * 13);
  height: clamp(0px, 10vw / var(--board) * 10 * 13, var(--max) * 13);
  background: url('/jp/engine/support_system/img/aftersales_ico_arrow_down.svg') center/contain no-repeat;
}

.ypt-aftersales__feature-area {
  position: relative;
  z-index: 1;
  padding: clamp(0px, 10vw / var(--board) * 10 * 232, var(--max) * 232) 0 clamp(0px, 10vw / var(--board) * 10 * 164, var(--max) * 164);
}

.ypt-aftersales__feature {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-align: center;
  gap: clamp(0px, 10vw / var(--board) * 10 * 50, var(--max) * 50);
  margin: 0 auto;
  padding-left: clamp(0px, 10vw / var(--board) * 10 * 125, var(--max) * 125);
  width: clamp(0px, 10vw / var(--board) * 10 * 1360, var(--max) * 1360);
}

.ypt-aftersales__feature + .ypt-aftersales__feature {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 232, var(--max) * 232);
}

.ypt-aftersales__feature:nth-of-type(even) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
      flex-direction: row-reverse;
  padding-right: clamp(0px, 10vw / var(--board) * 10 * 125, var(--max) * 125);
  padding-left: 0;
}

.ypt-aftersales__feature-content {
  -webkit-box-flex: 1;
  -ms-flex: 1;
      flex: 1;
  width: clamp(0px, 10vw / var(--board) * 10 * 545, var(--max) * 545);
}

.ypt-aftersales__feature-header {
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
}

.ypt-aftersales__feature-label-area {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-align: center;
  gap: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  color: #dc1e37;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  line-height: 1.6;

  text-box: trim-both cap alphabetic;
}

.ypt-aftersales__feature-label-area::before {
  content: '';
  display: block;
  width: clamp(0px, 10vw / var(--board) * 10 * 38, var(--max) * 38);
  height: 1px;
  background-color: #dc1e37;
}

.ypt-aftersales__feature-label {
  font-size: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  line-height: 1;
}

.ypt-aftersales__feature-title {
  color: #000;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  line-height: 1.5;

  text-box: trim-both cap alphabetic;
}

.ypt-aftersales__feature-text {
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 64, var(--max) * 64);
  color: #000;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  line-height: 1.8;
}

.ypt-aftersales__feature-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
}

.ypt-aftersales__feature-action-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-align: center;
  gap: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
}

.ypt-aftersales__feature-action-title {
  position: relative;
  padding-left: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
  color: #dc1e37;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  line-height: 1.6;
}

.ypt-aftersales__feature-action-title::before {
  content: '';
  position: absolute;
  top: 50%;
  left: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
  width: clamp(0px, 10vw / var(--board) * 10 * 5, var(--max) * 5);
  height: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
  background: url('/jp/engine/support_system/img/aftersales_ico_arrow_right.svg') center/contain no-repeat;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.ypt-aftersales__feature-badges {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8);
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
}

.ypt-aftersales__feature-badge {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-align: center;
  gap: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8);
  padding: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8) clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  border: 1px solid rgba(0, 0, 0, .1);
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 999, var(--max) * 999);
  background-color: #fff;
  color: #000;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  line-height: 1.6;
}

.ypt-aftersales__feature-badge .ypt-aftersales__feature-badge-note {
  font-weight: 400;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
}

.ypt-aftersales__feature-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0 clamp(0px, 10vw / var(--board) * 10 * 49, var(--max) * 49);
  width: -webkit-fit-content;
  width:    -moz-fit-content;
  width:         fit-content;
  height: clamp(0px, 10vw / var(--board) * 10 * 56, var(--max) * 56);
  border: 0;
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 5, var(--max) * 5);
  background-color: #dc1e37;
  color: #fff !important;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 19, var(--max) * 19);
  line-height: 1.8;
  cursor: pointer;
  -webkit-transition: opacity .3s;
          transition: opacity .3s;
}

.ypt-aftersales__feature-image {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: clamp(0px, 10vw / var(--board) * 10 * 640, var(--max) * 640);
  height: clamp(0px, 10vw / var(--board) * 10 * 640, var(--max) * 640);
}

.ypt-aftersales__feature-img {
  display: block;
  width: 100%;
  height: 100%;
     object-fit: cover;
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 360, var(--max) * 360);

  -o-object-fit: cover;
}

.ypt-aftersales__contact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 232, var(--max) * 232);
  padding: 0 clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
}

.ypt-aftersales__contact-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-align: center;
  gap: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  padding: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  width: clamp(0px, 10vw / var(--board) * 10 * 1110, var(--max) * 1110);
  border: 1px solid rgba(0, 0, 0, .25);
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  background-color: #fff;
}

.ypt-aftersales__contact-icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-align: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: clamp(0px, 10vw / var(--board) * 10 * 48, var(--max) * 48);
  height: clamp(0px, 10vw / var(--board) * 10 * 48, var(--max) * 48);
  color: #000;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
  line-height: 1;
}

.ypt-aftersales__contact-text {
  color: #000;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  line-height: 1.6;
}

.ypt-aftersales__movie {
  padding: clamp(0px, 10vw / var(--board) * 10 * 104, var(--max) * 104) 0;
  border: 2px solid #dc1e37;
  border-right: 0;
  border-left: 0;
  background-color: #fff;
}

.ypt-aftersales__movie-title {
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 52, var(--max) * 52);
  color: #000;
  text-align: center;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  font-family: 'DINNextLTPro-bold', 'Noto Sans JP', 'Noto Sans', sans-serif;
  line-height: 1.5;

  text-box: trim-both cap alphabetic;
}

.ypt-aftersales__movie-comingsoon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: auto;
  width: clamp(0px, 10vw / var(--board) * 10 * 1110, var(--max) * 1110);
  height: clamp(0px, 10vw / var(--board) * 10 * 99, var(--max) * 99);
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4);
  background-color: rgba(0, 0, 0, .05);
  color: #000;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  font-family: 'DINNextLTPro-regular', 'Noto Sans JP', 'Noto Sans', sans-serif;
  line-height: 1.6;
}

.ypt-aftersales__movie-gallery {
  display: none !important;
}

.ypt-aftersales__movie-gallery {
  display: -ms-grid;
  display:     grid;
  gap: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40) clamp(0px, 10vw / var(--board) * 10 * 21, var(--max) * 21);
  margin: 0 auto;
  max-width: clamp(0px, 10vw / var(--board) * 10 * 1110, var(--max) * 1110);

  -ms-grid-columns: 1fr clamp(0px, 10vw / var(--board) * 10 * 21, var(--max) * 21) 1fr clamp(0px, 10vw / var(--board) * 10 * 21, var(--max) * 21) 1fr;
  grid-template-columns: repeat(3, 1fr);
}

.ypt-aftersales__movie-item {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(20% - clamp(0px, 10vw / var(--board) * 10 * 17, var(--max) * 17));
      flex: 0 0 calc(20% - clamp(0px, 10vw / var(--board) * 10 * 17, var(--max) * 17));
  min-width: 0;
}

.ypt-aftersales__movie-thumb {
  position: relative;
  overflow: hidden;
  padding-bottom: 56.25%;
  width: 100%;
  background-color: #d9d9d9;
  background-position: center;
  background-size: cover;
}

.ypt-aftersales__movie-thumb-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
     object-fit: cover;

  -o-object-fit: cover;
}

.ypt-aftersales__movie-caption {
  margin-top: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  color: #000;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  line-height: 1.6;
}

.ypt-aftersales__modal {
  overflow: hidden;
  padding: 0;
  max-width: 90%;
  max-height: 90%;
  border: none;
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
  background: #fff;
  -webkit-box-shadow: 0 clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4) clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32) rgba(0, 0, 0, .1);
          box-shadow: 0 clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4) clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32) rgba(0, 0, 0, .1);
  opacity: 0;
  -webkit-transition: opacity .3s ease, -webkit-transform .3s ease;
          transition: opacity .3s ease, -webkit-transform .3s ease;
          transition: opacity .3s ease, transform .3s ease;
          transition: opacity .3s ease, transform .3s ease, -webkit-transform .3s ease;
}

.ypt-aftersales__modal.ypt-aftersales__modal--open {
  opacity: 1;
}

.ypt-aftersales__modal::-ms-backdrop {
  background: rgba(0, 0, 0, .6);
  opacity: 0;
  -ms-transition: .3s ease;
      transition: .3s ease;

  -ms-scroll-chaining: none;
  overscroll-behavior: none;
}

.ypt-aftersales__modal::backdrop {
  background: rgba(0, 0, 0, .6);
  opacity: 0;
  -webkit-transition: .3s ease;
          transition: .3s ease;

  -ms-scroll-chaining: none;
  overscroll-behavior: none;
}

.ypt-aftersales__modal.ypt-aftersales__modal--open::-ms-backdrop {
  opacity: 1;
  transform: translateY(0);
}

.ypt-aftersales__modal.ypt-aftersales__modal--open::backdrop {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.ypt-aftersales__modal-container {
  position: relative;
  overflow-y: auto;
  padding: clamp(0px, 10vw / var(--board) * 10 * 56, var(--max) * 56);
  max-width: clamp(0px, 10vw / var(--board) * 10 * 736, var(--max) * 736);
  max-height: 90vh;
}

.ypt-aftersales__modal-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: clamp(0px, 10vw / var(--board) * 10 * 21, var(--max) * 21);
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 56, var(--max) * 56);
}

.ypt-aftersales__modal-label-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-align: center;
  gap: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8);
}

.ypt-aftersales__modal-label-area img {
  display: block;
}

.ypt-aftersales__modal-label {
  color: #dc1e37;
  letter-spacing: .128em;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  line-height: 1.5;
}

.ypt-aftersales__modal-title {
  margin: 0;
  color: #2c3340;
  letter-spacing: .128em;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  line-height: 1.5;
}

.ypt-aftersales__modal-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: clamp(0px, 10vw / var(--board) * 10 * 35, var(--max) * 35);
}

.ypt-aftersales__modal-feature {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-align: center;
  gap: clamp(0px, 10vw / var(--board) * 10 * 35, var(--max) * 35);
}

.ypt-aftersales__modal-feature-image {
  overflow: hidden;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: clamp(0px, 10vw / var(--board) * 10 * 312, var(--max) * 312);
  height: clamp(0px, 10vw / var(--board) * 10 * 175, var(--max) * 175);
  border: clamp(0px, 10vw / var(--board) * 10 * 1, var(--max) * 1) solid rgba(0, 0, 0, .2);
  border-radius: clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4);
  background: #e1e6eb;
}

.ypt-aftersales__modal-feature-image img {
  width: 100%;
  height: 100%;
     object-fit: cover;

  -o-object-fit: cover;
}

.ypt-aftersales__modal-feature-details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1;
      flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
      flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.ypt-aftersales__modal-feature-icon {
  width: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  height: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
}

.ypt-aftersales__modal-feature-icon img {
  width: 100%;
  height: 100%;
     object-fit: contain;

  -o-object-fit: contain;
}

.ypt-aftersales__modal-feature-title {
  margin: clamp(0px, 10vw / var(--board) * 10 * 6, var(--max) * 6) 0;
  color: #2c3340;
  white-space: nowrap;
  font-weight: 700;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  line-height: 1.8;
}

.ypt-aftersales__modal-feature-note {
  display: block;
  margin-top: clamp(var(--max) * -8, 10vw / var(--board) * 10 * -8, 0px);
  margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8);
  color: #2c3340;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 12, var(--max) * 12);
  line-height: 1.8;
}

.ypt-aftersales__modal-feature-text {
  margin: 0;
  color: #2c3340;
  font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  line-height: 1.8;
}

.ypt-aftersales__modal-close {
  position: absolute;
  top: clamp(0px, 10vw / var(--board) * 10 * 35, var(--max) * 35);
  right: clamp(0px, 10vw / var(--board) * 10 * 35, var(--max) * 35);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  -ms-flex-align: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0;
  width: clamp(0px, 10vw / var(--board) * 10 * 42, var(--max) * 42);
  height: clamp(0px, 10vw / var(--board) * 10 * 42, var(--max) * 42);
  border: clamp(0px, 10vw / var(--board) * 10 * 1, var(--max) * 1) solid rgba(0, 0, 0, .2);
  border-radius: 50%;
  background: #fff;
  cursor: pointer;
  -webkit-transition: opacity .3s;
          transition: opacity .3s;
}

.ypt-aftersales__modal-close:hover {
  opacity: .8;
}

.ypt-aftersales__modal-close img {
  display: block;
  width: clamp(0px, 10vw / var(--board) * 10 * 10.2, var(--max) * 10.2);
  height: clamp(0px, 10vw / var(--board) * 10 * 10.2, var(--max) * 10.2);
}

.pc-none {
  display: none;
}

@media (max-width: 768px) {
  :root {
    --board: 390;
    --max: 9999px;
  }

  :root {
    --vwboard: 390;
    --max: 9999px;
  }

  :where(.ypt-aftersales) {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 10.67, var(--max) * 10.67);
  }

  :where(.ypt-aftersales) *,
  :where(.ypt-aftersales) *::before,
  :where(.ypt-aftersales) *::after {
    max-width: 100%;
  }

  :root {
    --board: 390;
    --max: 9999px;
  }

  :root {
    --vwboard: 390;
    --max: 9999px;
  }

  .ypt-aftersales {
    overflow: hidden;
  }

  .ypt-aftersales * {
    max-width: 100%;
  }

  .ypt-aftersales__hero {
    width: 100%;
    height: clamp(0px, 10vw / var(--board) * 10 * 795, var(--max) * 795);
  }

  .ypt-aftersales__hero-label {
    top: clamp(0px, 10vw / var(--board) * 10 * 0, var(--max) * 0);
    left: 0;
    max-width: none;
    width: 100%;
  }

  .ypt-aftersales__hero-swiper {
    top: clamp(0px, 10vw / var(--board) * 10 * 82, var(--max) * 82);
    height: 100%;
  }

  .ypt-aftersales__hero-catch {
    top: auto;
    right: clamp(0px, 10vw / var(--board) * 10 * 39, var(--max) * 39);
    bottom: clamp(0px, 10vw / var(--board) * 10 * 98, var(--max) * 98);
    left: auto;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);

    text-box: trim-both cap alphabetic;
  }

  .ypt-aftersales__scroll-hint {
    display: none;
  }

  .ypt-aftersales__scroll-hint i {
    right: clamp(var(--max) * -8, 10vw / var(--board) * 10 * -8, 0px);
    width: clamp(0px, 10vw / var(--board) * 10 * 2, var(--max) * 2);
    height: clamp(0px, 10vw / var(--board) * 10 * 60, var(--max) * 60);
  }

  .ypt-aftersales__vision {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 0, var(--max) * 0);
    height: clamp(0px, 10vw / var(--board) * 10 * 553, var(--max) * 553);
  }

  .ypt-aftersales__vision-background::before {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 120, var(--max) * 120);
  }

  .ypt-aftersales__vision-content {
    padding: clamp(0px, 10vw / var(--board) * 10 * 130, var(--max) * 130) clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24) 0;
  }

  .ypt-aftersales__vision-text {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  }

  .ypt-aftersales__vision-text br {
    display: none;
  }

  .ypt-aftersales__vision-title {
    margin-left: calc(50% - 50vw);
    max-width: none;
    width: 100vw;
    text-align: center;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  }

  .ypt-aftersales__vision-hero-image {
    bottom: clamp(0px, 10vw / var(--board) * 10 * 39, var(--max) * 39);
    max-width: clamp(0px, 10vw / var(--board) * 10 * 775, var(--max) * 775);
    width: clamp(0px, 10vw / var(--board) * 10 * 421, var(--max) * 421);
    height: auto;
  }

  .ypt-aftersales__intro {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 260, var(--max) * 260);
  }

  .ypt-aftersales__intro-inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
        flex-direction: column;
    gap: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
    margin: 0 clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
    padding: clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80) clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
    width: calc(100% - clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32));
  }

  .ypt-aftersales__intro-box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    gap: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
    text-align: center;
  }

  .ypt-aftersales__intro-content {
    max-width: 100%;
  }

  .ypt-aftersales__intro-title {
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
    white-space: nowrap;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 28, var(--max) * 28);
  }

  .ypt-aftersales__intro-title-note {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
  }

  .ypt-aftersales__intro-text {
    text-align: left;
    letter-spacing: 0;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);

    text-box: trim-both cap alphabetic;
  }

  .ypt-aftersales__intro-text br {
    display: none;
  }

  .ypt-aftersales__yos-circle {
    width: clamp(0px, 10vw / var(--board) * 10 * 300, var(--max) * 300);
    height: clamp(0px, 10vw / var(--board) * 10 * 300, var(--max) * 300);
  }

  .ypt-aftersales__yos-circle-main {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 72, var(--max) * 72);
  }

  .ypt-aftersales__yos-circle-sub {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
  }

  .ypt-aftersales__intro-buttons {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
        flex-direction: column;
    gap: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  }

  .ypt-aftersales__intro-button {
    padding-right: clamp(0px, 10vw / var(--board) * 10 * 8, var(--max) * 8);
    padding-left: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
    width: 100%;
    height: clamp(0px, 10vw / var(--board) * 10 * 73, var(--max) * 73);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
    line-height: 1.8;
  }

  .ypt-aftersales__intro-button-more {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
    line-height: 1.8;
  }

  .ypt-aftersales__intro-button-more::after {
    width: clamp(0px, 10vw / var(--board) * 10 * 13, var(--max) * 13);
    height: clamp(0px, 10vw / var(--board) * 10 * 13, var(--max) * 13);
  }

  .ypt-aftersales__feature-area {
    padding: clamp(0px, 10vw / var(--board) * 10 * 168, var(--max) * 168) 0 clamp(0px, 10vw / var(--board) * 10 * 80, var(--max) * 80);
  }

  .ypt-aftersales__feature {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    gap: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
    padding: 0;
  }

  .ypt-aftersales__feature + .ypt-aftersales__feature {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 168, var(--max) * 168);
  }

  .ypt-aftersales__feature:nth-of-type(even) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    padding: 0;
  }

  .ypt-aftersales__feature:nth-of-type(even) .ypt-aftersales__feature-image {
    -webkit-transform: translateX(clamp(var(--max) * -114, 10vw / var(--board) * 10 * -114, 0px));
            transform: translateX(clamp(var(--max) * -114, 10vw / var(--board) * 10 * -114, 0px));
  }

  .ypt-aftersales__feature:nth-of-type(odd) .ypt-aftersales__feature-image {
    -webkit-transform: translateX(clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24));
            transform: translateX(clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24));
  }

  .ypt-aftersales__feature-content {
    padding: 0 clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  }

  .ypt-aftersales__feature-header {
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
  }

  .ypt-aftersales__feature-label-area {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  }

  .ypt-aftersales__feature-title {
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 36, var(--max) * 36);
    line-height: 1.5;
  }

  .ypt-aftersales__feature-title br {
    display: none;
  }

  .ypt-aftersales__feature-text {
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 40, var(--max) * 40);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 18, var(--max) * 18);
    line-height: 1.8;

    text-box: trim-both cap alphabetic;
  }

  .ypt-aftersales__feature-action-title {
    padding-left: clamp(0px, 10vw / var(--board) * 10 * 28, var(--max) * 28);
  }

  .ypt-aftersales__feature-action-title::before {
    left: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
    width: clamp(0px, 10vw / var(--board) * 10 * 5, var(--max) * 5);
    height: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
  }

  .ypt-aftersales__feature-badges {
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  }

  .ypt-aftersales__feature-badge img {
    max-height: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
       object-fit: contain;

    -o-object-fit: contain;
  }

  .ypt-aftersales__feature-button {
    margin-left: auto;
    padding: 0;
    width: clamp(0px, 10vw / var(--board) * 10 * 192, var(--max) * 192);
    height: clamp(0px, 10vw / var(--board) * 10 * 48, var(--max) * 48);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
    line-height: 1.8;
  }

  .ypt-aftersales__feature-image {
    width: 100%;
    height: clamp(0px, 10vw / var(--board) * 10 * 480, var(--max) * 480);
  }

  .ypt-aftersales__feature-img {
    max-width: none !important;
    width: clamp(0px, 10vw / var(--board) * 10 * 480, var(--max) * 480);
  }

  .ypt-aftersales__contact {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 168, var(--max) * 168);
    padding: 0 clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  }

  .ypt-aftersales__contact-box {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
        flex-direction: row;
    gap: clamp(0px, 10vw / var(--board) * 10 * 22, var(--max) * 22);
    padding: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
    width: 100%;
    text-align: left;
  }

  .ypt-aftersales__contact-icon {
    padding: clamp(0px, 10vw / var(--board) * 10 * 3, var(--max) * 3);
    width: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
    height: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 28, var(--max) * 28);
  }

  .ypt-aftersales__contact-text {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);

    text-box: trim-both cap alphabetic;
  }

  .ypt-aftersales__movie {
    padding: clamp(0px, 10vw / var(--board) * 10 * 104, var(--max) * 104) clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  }

  .ypt-aftersales__movie-title {
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 52, var(--max) * 52);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 36, var(--max) * 36);
  }

  .ypt-aftersales__movie-comingsoon {
    width: 100%;
    height: clamp(0px, 10vw / var(--board) * 10 * 86, var(--max) * 86);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  }

  .ypt-aftersales__movie-gallery {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
        flex-direction: column;
    gap: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  }

  .ypt-aftersales__movie-item {
    width: 100%;
  }

  .ypt-aftersales__movie-thumb {
    padding-bottom: 60%;
  }

  .ypt-aftersales__movie-caption {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
    font-size: clamp(0px, 10vw / var(--board) * 10 * 14, var(--max) * 14);
  }

  .ypt-aftersales__modal {
    position: fixed;
    top: calc(clamp(0px, 10vw / var(--board) * 10 * 43, var(--max) * 43) + env(safe-area-inset-top));
    right: 0;
    bottom: 0;
    left: 0;
    max-width: 100%;
    max-height: calc(100vh - (clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24) + env(safe-area-inset-top)));
    height: auto;
    border-radius: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10) clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10) 0 0;
    -webkit-transition: -webkit-transform .3s ease;
            transition: -webkit-transform .3s ease;
            transition:         transform .3s ease;
            transition:         transform .3s ease, -webkit-transform .3s ease;
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }

  .ypt-aftersales__modal.ypt-aftersales__modal--open.ypt-aftersales__modal--closing {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }

  .ypt-aftersales__modal.ypt-aftersales__modal--open {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }

  .ypt-aftersales__modal-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
        flex-direction: column;
    padding: clamp(0px, 10vw / var(--board) * 10 * 35, var(--max) * 35) clamp(0px, 10vw / var(--board) * 10 * 35, var(--max) * 35) clamp(0px, 10vw / var(--board) * 10 * 35, var(--max) * 35) clamp(0px, 10vw / var(--board) * 10 * 35, var(--max) * 35);
    max-width: 100%;
    max-height: inherit;
    height: auto;
  }

  .ypt-aftersales__modal-header {
    gap: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);
    margin-bottom: clamp(0px, 10vw / var(--board) * 10 * 32, var(--max) * 32);
  }

  .ypt-aftersales__modal-title {
    font-size: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);

    text-box: trim-both cap alphabetic;
  }

  .ypt-aftersales__modal-content {
    overflow-y: auto;
    -webkit-box-flex: 1;
    -ms-flex: 1;
        flex: 1;
    padding-bottom: clamp(0px, 10vw / var(--board) * 10 * 20, var(--max) * 20);
  }

  .ypt-aftersales__modal-feature {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
        flex-direction: column;
    gap: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
  }

  .ypt-aftersales__modal-feature-image {
    width: 100%;
    height: auto;
    aspect-ratio: 16/9;
  }

  .ypt-aftersales__modal-feature-details {
    position: relative;
  }

  .ypt-aftersales__modal-feature-icon {
    position: absolute;
    top: clamp(0px, 10vw / var(--board) * 10 * 0, var(--max) * 0);
    left: clamp(0px, 10vw / var(--board) * 10 * 4, var(--max) * 4);
    width: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
    height: clamp(0px, 10vw / var(--board) * 10 * 30, var(--max) * 30);
  }

  .ypt-aftersales__modal-feature-title {
    margin: 0;
    padding-left: clamp(0px, 10vw / var(--board) * 10 * 48, var(--max) * 48);
    white-space: normal;
    font-size: clamp(0px, 10vw / var(--board) * 10 * 24, var(--max) * 24);
    line-height: 1.2;
  }

  .ypt-aftersales__modal-feature-note {
    margin: 0;
    padding-left: clamp(0px, 10vw / var(--board) * 10 * 48, var(--max) * 48);
  }

  .ypt-aftersales__modal-feature-text {
    margin-top: clamp(0px, 10vw / var(--board) * 10 * 16, var(--max) * 16);

    text-box: trim-both cap alphabetic;
  }

  .ypt-aftersales__modal-close {
    top: clamp(0px, 10vw / var(--board) * 10 * 35, var(--max) * 35);
    right: clamp(0px, 10vw / var(--board) * 10 * 35, var(--max) * 35);
    width: clamp(0px, 10vw / var(--board) * 10 * 38, var(--max) * 38);
    height: clamp(0px, 10vw / var(--board) * 10 * 38, var(--max) * 38);
  }

  .ypt-aftersales__modal-close:active {
    opacity: .6;
  }

  .ypt-aftersales__modal-close img {
    width: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
    height: clamp(0px, 10vw / var(--board) * 10 * 10, var(--max) * 10);
  }

  .pc-none {
    display: block !important;
  }

  .sp-none {
    display: none !important;
  }
}

@media (hover: hover) {
  :where(.ypt-aftersales) a:hover {
    opacity: .6;
  }

  .ypt-aftersales__intro-button:hover {
    background-color: #fdf4f5;
    text-decoration: none;
    opacity: 1;
  }

  .ypt-aftersales__feature-button:hover {
    opacity: .9;
  }
}