@charset "UTF-8";
@-ms-viewport {
  width: device-width;
  initial-scale: 1;
}
@viewport {
  width: device-width;
  initial-scale: 1;
}
@viewport {
  width: auto;
  initial-scale: 1;
}
* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

h1 {
  margin: 0;
  font-size: 1em;
  font-weight: inherit;
}
h2 {
  margin: 0;
  font-size: 1em;
  font-weight: inherit;
}
h3 {
  margin: 0;
  font-size: 1em;
  font-weight: inherit;
}
h4 {
  margin: 0;
  font-size: 1em;
  font-weight: inherit;
}
h5 {
  margin: 0;
  font-size: 1em;
  font-weight: inherit;
}
h6 {
  margin: 0;
  font-size: 1em;
  font-weight: inherit;
}
ul li,
ol li {
  list-style: none;
}
a {
  color: inherit;
  text-decoration: none;
  outline: none;
}
strong,
em {
  font-style: normal;
  font-weight: 400;
}
small {
  font-size: 1em;
}
img {
  display: block;
  max-width: 100%;
  height: auto;
  backface-visibility: hidden;
}
svg {
  vertical-align: inherit;
  fill: currentcolor;
}
fieldset {
  padding: 0;
  margin: 0;
  border: none;
}
input,
button,
textarea,
select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
  letter-spacing: inherit;
  border-radius: 0;
  outline: none;
  appearance: none;
}
button {
  cursor: pointer;
}
address {
  font-style: normal;
}
html {
  width: 100%;
  height: 100%;
  cursor: default;
}
body {
  font-family:
    "Google Sans",
    "Noto Sans JP",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
  color: #a3a3a3;
  word-wrap: break-word;
  overflow-wrap: break-word;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: #000;
  font-style: normal;
  font-weight: 400;
  box-sizing: border-box;
}

/* app.css の .l-main { font-family: DIN... } を上書き */
.l-main:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  font-family:
    "Google Sans",
    "Noto Sans JP",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
}

/* 固定フッターCTA */
.cta-fixed:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(30%);
  transition:
    opacity 0.25s ease-in-out,
    visibility 0.25s ease-in-out,
    transform 0.25s ease-in-out;
}
.cta-fixed.is-appear:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: none;
}

body.is-top-show #page-go-up{
    display: none;
}

@media screen and (min-width: 769px) {
    .u-dsp-sp {
        display: none !important;
    }

    .kv:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){
        overflow: hidden;
    }
    .kv-bg:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){
        min-height: calc(100vh - 6rem);
        min-height: calc(100dvh - 6rem);
        background: url(/-/media/TMC/tgr/jpn/contents/gr/yaris-wrc/images/kv_bg.png) no-repeat center center / cover;
    }
    .kv-inner:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        width: 100%;
        min-height: 100%;
    }
    .kv h1:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){
        position: absolute;
        bottom: 3vw;
        left: 3.475vw;
        color: #ffffff;
        font-weight: 500;
        font-size: 8.96vw;
        letter-spacing: .02em;
        line-height: 1;
        font-style: italic;
    }
    .kv h1 .red:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){
        color: #e60011;
    }
    .kv h1 .yaris:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){
        padding: 0 2vw;
        background: url(/-/media/TMC/tgr/jpn/contents/gr/yaris-wrc/images/kv-ttl-bg.png) no-repeat center center / contain;
    }

    .cta-inner:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){
        padding: 8.61vw 3.475vw 10.41vw;
    }

    .cta-btn:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 7rem;
        gap: 3.5vw;
        width: 100%;
        background: #e60012;
    }

    .cta-btn-ttl:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){
        color: #fff;
        font-size: 1.4rem;
    }

    .cta-btn-arrow:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){
        display: block;
        width: .7rem;
        height: .7rem;
        background-color: transparent;
        border-top: 1px solid #fff;
        border-right: 1px solid #fff;
        transform: rotate(45deg);
        aspect-ratio: auto;
        clip-path: none;
    }

    .cta-fixed-inner:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){
        padding: 0 3.475vw 0.7vw;
    }

    .record-inner:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){
        padding: 0 0 10.85vw;
    }

    .record h2:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){
        position: relative;
        z-index: 5;
        margin: -2.9vw 0 2.8vw;
        padding: 0 0 0 3.475vw;
        font-weight: 500;
        font-size: 5.32vw;
        line-height: 1;
    }
    .record h2 .num:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){
        font-size: 5.46vw;
    }
    .record h2 .mini:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){
        font-size: 3.22vw;
    }
    .record h2 .middle:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){
        font-size: 4.9vw;
    }

    .record-txt:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){
        margin: 0 0 1.68vw;
        padding: 0 0 0 3.475vw;
        color: #ffffff;
        font-weight: 500;
        font-size: 1.68vw;
        letter-spacing: .06em;
        line-height: 1;
    }

    .record-info:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){
        margin: 0 0 3.36vw;
        padding: 0 0 0 3.475vw;
        color: #4a4a4a;
        font-size: .84vw;
        letter-spacing: .08em;
    }

    .record-list:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 3.78vw;
        margin: 0 0 10.5vw;
    }

    .record-item:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){
        width: 14.49vw;
        height: 14.91vw;
        padding: 2.8vw 0 0;
        background: url(/-/media/TMC/tgr/jpn/contents/gr/yaris-wrc/images/record_item_bg.png) no-repeat center center / cover;
    }
    .record-item:nth-child(2):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){
        padding: 2.5vw 0 0;
        background: url(/-/media/TMC/tgr/jpn/contents/gr/yaris-wrc/images/record_item_bg.png) no-repeat center center / cover;
    }
    .record-item:nth-child(3):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){
        padding: 2.5vw 0 0;
        background: url(/-/media/TMC/tgr/jpn/contents/gr/yaris-wrc/images/record_item_bg.png) no-repeat center center / cover;
    }

    .record-item-ttl:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){
        color: #ffffff;
        font-size: 1.05vw;
        letter-spacing: .02em;
        line-height: 1;
        text-align: center;
    }
    .record-item-ttl .num01:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){
        font-weight: bold;
        font-size: 6.72vw;
    }
    .record-item-ttl .num02:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){
        font-weight: bold;
        font-size: 6.44vw;
    }
    .record-item-ttl .big:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){
        font-weight: bold;
        font-size: 3.78vw;
    }
    .record-item-ttl .zenkaku:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){
        display: block;
        margin: -.6vw 0;
        font-size: .98vw;
    }

    .record-banner-inner:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){
        padding: 0 3.475vw;
    }

    .record-banner-item:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){
        position: relative;
    }

    .record-banner-container:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){
        position: relative;
        display: -ms-grid;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        align-items: center;
        background: #141313;
    }

    .record-banner-pic:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){
        display: block;
        overflow: hidden;
        aspect-ratio: 670 / 400;
    }

    .record-banner-desc:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){
        padding: 0 2.77778vw 0 4.16667vw;
    }

    .record-banner-ttl:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){
        color: #fff;
        font-weight: 500;
        font-size: 1.68vw;
        letter-spacing: 0.06em;
    }

    .record-banner-txt:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){
        color: #ffffff;
        font-size: 1.12vw;
        letter-spacing: .06em;
    }

    .record-banner-link:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){
        width: fit-content;
        margin: 2.8vw 0 0 auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;
        gap: 1.33vw;
        border-bottom: 1px solid #e60011;
    }

    .record-banner-link-label:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){
        color: #ffffff;
        font-weight: 500;
        font-size: 1.4vw;
    }

    .record-banner-link-arrow:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){
        width: .56vw;
        height: .56vw;
        border-top: 1px solid #e60012;
        border-right: 1px solid #e60012;
        transform: rotate(45deg);
    }

    .born-bg:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){
        padding: 10.5vw 3.475vw 12vw;
        background: url(/-/media/TMC/tgr/jpn/contents/gr/yaris-wrc/images/born_bg.png) no-repeat center center / cover;
    }

    .born-ttls:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;
        gap: 1.12vw;
        margin: 0 0 1.33vw;
    }

    .born-ttls-txt:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){
        font-weight: 500;
        color: #a7a7a7;
        font-size: 2.31vw;
        font-style: italic;
        line-height: 1;
    }

    .born-ttls-line:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){
        display: block;
        width: 2.24vw;
        height: 1px;
        background: #8f8f91;
    }

    .born h2:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){
        width: fit-content;
        margin: 0 0 5.25vw;
        background: url(/-/media/TMC/tgr/jpn/contents/gr/yaris-wrc/images/born_ttl_bg.png) no-repeat center center / cover;
        padding: .75vw 2.45vw .25vw 1.89vw;
        color: #ffffff;
        font-weight: bold;
        font-size: 5.768vw;
        letter-spacing: .06em;
        line-height: 1;
    }

    .born-txt01:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){
        margin: 0 0 1.5vw;
        color: #ffffff;
        font-size: 1.26vw;
        letter-spacing: .06em;
        line-height: 3;
    }
    .born-txt02:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){
        margin: 0 0 2.5vw;
        color: #ffffff;
        font-size: 1.26vw;
        letter-spacing: .06em;
        line-height: 3;
    }
    .born-txt03:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){
        color: #ffffff;
        font-size: 1.26vw;
        letter-spacing: .06em;
        line-height: 3;
    }

    .win-bg:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){
        padding: 11.05vw 3.475vw 13.1vw;;
        background: url(/-/media/TMC/tgr/jpn/contents/gr/yaris-wrc/images/win_bg.png) no-repeat top / cover;
    }

    .win h2:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){
        width: fit-content;
        margin: 0 3.15vw 0 auto;
        color: #ffffff;
        font-weight: bold;
        font-size: 4.2vw;
        letter-spacing: .06em;
        line-height: 1.4;
    }
    .win h2 .back:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){
        background: url(/-/media/TMC/tgr/jpn/contents/gr/yaris-wrc/images/win_ttl_bg.png) no-repeat center top / contain;
        padding: 0 1.19vw;
    }

    .win-inner:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){
        padding: 0 3.475vw 2.03vw;
    }

    .win-wrap:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
    }

    .win-wrap-txts:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){
        margin: 5.25vw 0 0;
    }

    .win-wrap-txt:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){
        margin: 0 0 3.5vw;
        color: #a3a3a3;
        font-size: 1.26vw;
        line-height: 3;
        letter-spacing: .06em;
    }
    .win-wrap-txt.last:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){
        margin: 0;
    }

    .win-wrap-img:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){
        width: 46.9vw;
    }

    .banner-inner:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){
        padding: 0 3.475vw;
    }

    .banner h2:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){
        margin: 0 0 3.5vw;
        color: #ffffff;
        font-weight: 500;
        font-size: 2.1vw;
        letter-spacing: .06em;
    }
}

@media screen and (max-width: 768px) {
    .kv:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){
        overflow: hidden;
    }
    .kv-bg:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){
        padding: 51.28vw 2rem 76vw;
        background: url(/-/media/TMC/tgr/jpn/contents/gr/yaris-wrc/images/kv_bg_sp.png) no-repeat center center / cover;
    }
    .kv h1:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){
        color: #ffffff;
        font-weight: 500;
        font-size: 15.616vw;
        letter-spacing: .02em;
        line-height: 1;
        font-style: italic;
        /* 斜めにする */
    }
    .kv h1 .red:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){
        color: #e60011;
    }
    .kv h1 .yaris:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){
        margin: 0 0 0 -3vw;
        padding: 0 4.48vw;
        background: url(/-/media/TMC/tgr/jpn/contents/gr/yaris-wrc/images/kv-ttl-bg.png) no-repeat center center / contain;
    }

    .cta-inner:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){
        padding: 15.36vw 2rem 18.56vw;
    }

    .cta-btn:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 6rem;
        gap: 4.096vw;
        width: 100%;
        background: #e60012;
    }

    .cta-btn-ttl:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){
        color: #fff;
        font-size: 1.3rem;
    }

    .cta-btn-arrow:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){
        display: block;
        width: .7rem;
        height: .7rem;
        background-color: transparent;
        border-top: 1px solid #fff;
        border-right: 1px solid #fff;
        transform: rotate(45deg);
        aspect-ratio: auto;
        clip-path: none;
    }

    .cta-fixed-inner:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){
        padding: 0 2rem 2.56vw;
    }

    .record-inner:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){
        padding: 0 0 21.12vw;
    }

    .record h2:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){
        position: relative;
        z-index: 5;
        margin: -6.5vw 0 6.4vw;
        padding: 0 0 0 2rem;
        font-weight: 500;
        font-size: 11.67vw;
        line-height: 1;
    }
    .record h2 .num:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){
        font-size: 11.98vw;
    }
    .record h2 .mini:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){
        font-size: 7.06vw;
    }
    .record h2 .middle:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){
        font-size: 10.752vw;
    }

    .record-txt:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){
        margin: 0 0 3.84vw;
        color: #ffffff;
        font-weight: 500;
        font-size: 4.864vw;
        letter-spacing: .06em;
        line-height: 1.5;
        text-align: center;
    }

    .record-info:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){
        margin: 0 0 7.68vw;
        color: #4a4a4a;
        font-size: 2.816vw;
        letter-spacing: .08em;
        text-align: center;
    }

    .record-list:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 0 6.784vw;
        margin: 0 0 18.56vw;
    }

    .record-item:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){
        width: 33.28vw;
        height: 32vw;
        padding: 6vw 0 0;
        background: url(/-/media/TMC/tgr/jpn/contents/gr/yaris-wrc/images/record_item_bg.png) no-repeat center center / cover;
    }
    .record-item:nth-child(1):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){
        margin: 0 20vw;
        background: url(/-/media/TMC/tgr/jpn/contents/gr/yaris-wrc/images/record_item_bg.png) no-repeat center center / cover;
    }
    .record-item:nth-child(2):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){
        padding: 4.04vw 0 0;
        background: url(/-/media/TMC/tgr/jpn/contents/gr/yaris-wrc/images/record_item_bg.png) no-repeat center center / cover;
    }
    .record-item:nth-child(3):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){
        padding: 2.5vw 0 0;
        background: url(/-/media/TMC/tgr/jpn/contents/gr/yaris-wrc/images/record_item_bg.png) no-repeat center center / cover;
    }

    .record-item-ttl:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){
        color: #ffffff;
        font-size: 2.56vw;
        letter-spacing: .02em;
        line-height: 1;
        text-align: center;
    }
    .record-item-ttl .num01:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){
        font-weight: bold;
        font-size: 15.616vw;
    }
    .record-item-ttl .num02:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){
        font-weight: bold;
        font-size: 14.848vw;
    }
    .record-item-ttl .big:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){
        font-weight: bold;
        font-size: 8.704vw;
    }
    .record-item-ttl .zenkaku:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){
        display: block;
        margin: -1vw 0;
        font-size: 2.432vw;
        letter-spacing: -.04em;
    }

    .record-banner-inner:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){
        padding: 0 2rem;
    }

    .record-banner-item:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){
        position: relative;
    }

    .record-banner-container:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){
        position: relative;
        background: #141313;
    }

    .record-banner-pic:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){
        display: block;
        overflow: hidden;
        aspect-ratio: 670 / 400;
    }

    .record-banner-desc:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){
        padding: 10.112vw 5.12vw 10.24vw;
        background: #141313;
    }

    .record-banner-ttl:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){
        margin: 0 0 2.304vw;
        color: #fff;
        font-weight: 500;
        font-size: 4.096vw;
        letter-spacing: 0.06em;
        line-height: 1.166;
    }

    .record-banner-txt:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){
        color: #ffffff;
        font-size: 3.328vw;
        letter-spacing: .06em;
        line-height: 1.384;
    }

    .record-banner-link:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){
        width: fit-content;
        margin: 8.448vw 0 0 auto;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;
        gap: 2.56vw;
        border-bottom: 1px solid #e60011;
    }

    .record-banner-link-label:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){
        color: #ffffff;
        font-weight: 500;
        font-size: 3.584vw;
    }

    .record-banner-link-arrow:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){
        width: 1.1vw;
        height: 1.1vw;
        border-top: 1px solid #e60012;
        border-right: 1px solid #e60012;
        transform: rotate(45deg);
    }

    .born-bg:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){
        padding: 92.16vw 2rem 16.64vw;
        background: url(/-/media/TMC/tgr/jpn/contents/gr/yaris-wrc/images/born_bg_sp.png) no-repeat top center / contain;
    }

    .born-ttls:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-items: center;
        gap: 1.536vw;
        margin: 0 0 3.84vw;
    }

    .born-ttls-txt:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){
        font-weight: 500;
        color: #a7a7a7;
        font-size: 5.12vw;
        font-style: italic;
        line-height: 1;
    }

    .born-ttls-line:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){
        display: block;
        width: 3.01vw;
        height: 1px;
        background: #8f8f91;
    }

    .born h2:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){
        width: fit-content;
        margin: 0 -1vw 10vw;
        background: url(/-/media/TMC/tgr/jpn/contents/gr/yaris-wrc/images/born_ttl_bg.png) no-repeat center center / cover;
        padding: .75vw 1.28vw .25vw;
        color: #ffffff;
        font-weight: bold;
        font-size: 10vw;
        letter-spacing: .06em;
        line-height: 1;
    }

    .born-txt01:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){
        margin: 0 0 8.32vw;
        color: #a3a3a3;
        font-size: 4.096vw;
        letter-spacing: .06em;
        line-height: 2;
    }
    .born-txt02:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){
        margin: 0 0 8.32vw;
        color: #a3a3a3;
        font-size: 4.096vw;
        letter-spacing: .06em;
        line-height: 2;
    }
    .born-txt03:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){
        color: #a3a3a3;
        font-size: 4.096vw;
        letter-spacing: .06em;
        line-height: 2;
    }

    .win-bg:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){
        padding: 73.68vw 2rem 0;;
        background: url(/-/media/TMC/tgr/jpn/contents/gr/yaris-wrc/images/win_bg_sp.png) no-repeat top / contain;
    }

    .win h2:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){
        color: #ffffff;
        font-weight: bold;
        font-size: 8.704vw;
        letter-spacing: .06em;
        line-height: 1.3;
    }
    .win h2 .back:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){
        background: url(/-/media/TMC/tgr/jpn/contents/gr/yaris-wrc/images/win_ttl_bg.png) no-repeat center top / contain;
        margin: 0 -1vw;
        padding: 0 1.79vw;
    }

    .win-inner:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){
        padding: 0 2rem 3.712vw;
    }

    .win-wrap-txts:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){
        margin: 10vw 0 10.24vw;
    }

    .win-wrap-txt:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){
        margin: 0 0 8.32vw;
        color: #a3a3a3;
        font-size: 4.096vw;
        line-height: 2;
        letter-spacing: .06em;
    }
    .win-wrap-txt.last:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){
        margin: 0;
    }

    .win-wrap-img:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){
        width: 100%;
    }

    .banner-inner:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){
        padding: 0 2rem;
    }

    .banner h2:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#){
        margin: 0 -3vw 9vw 0;
        color: #ffffff;
        font-weight: 500;
        font-size: 5.632vw;
        letter-spacing: .02em;
        line-height: 1.75;
    }
}

/* tgr-base の a:hover { opacity: .7 } を打ち消し（SPのタップ後透過を防止） */
.cta-btn:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#),
.cta-btn:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):hover,
.cta-btn:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):active,
.cta-btn:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):focus {
  opacity: 1;
}

@media (hover: hover) {
  .cta-btn:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):hover {
    background: #b6091a;
  }
}