@import url(https://cdn.jsdelivr.net/npm/yakuhanjp@4.0.0/dist/css/yakuhanjp.css);
@import url(https://cdn.jsdelivr.net/npm/yakuhanjp@4.0.0/dist/css/yakuhanmp.css);
@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Rajdhani:wght@400;500;600;700&display=swap);
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, main, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
    border: 0;
    font-size: 100%;
    font: inherit;
    margin: 0;
    padding: 0;
    vertical-align: initial
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section {
    display: block
}
[hidden] {
    display: none
}
body {
    line-height: 1
}
menu, ol, ul {
    list-style: none
}
blockquote, q {
    quotes: none
}
blockquote:after, blockquote:before, q:after, q:before {
    content: "";
    content: none
}
table {
    border-collapse: collapse;
    border-spacing: 0
}
.header {
    background-color: #000000bf;
    filter: drop-shadow(2px 4px 8px rgba(33, 33, 33, .3));
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10
}
.header .l-headerInner {
    flex: 1;
    max-width: 1280px
}
.header:after, .header:before {
    content: "";
    display: block;
    flex: 0 1 calc(50vw - 640px)
}
.header:before {
    background-color: #ed1b23
}
.header:after {
    background-color: #626364
}
.header .logo {
    flex: 0 1 20%;
    max-width: 240px;
    padding: 13px 0 8px;
    position: relative
}
.header .logo:before {
    background-color: #ed1b23;
    border-right: 13px solid #888;
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    top: 0;
    transform: translateX(-50%) skew(-45deg);
    width: 105%;
    z-index: 1
}
.header .logo .link {
    position: relative;
    z-index: 2
}
.header .link {
    text-decoration: none
}
.header .nav--global {
    align-self: center;
    flex: 1;
    padding-right: 7%
}
.header .list--nav-global {
    display: flex;
    justify-content: center;
    position: relative;
    z-index: 3
}
.header .list--nav-global .list-item+.list-item {
    margin-left: clamp(10px, 3vw, 55px)
}
.header .list--nav-global .link {
    color: #f8f8f8;
    display: block;
    font-family: var(--font-rajdhani);
    font-size: var(--font-size-24px);
    font-weight: 600;
    overflow: hidden;
    padding-bottom: 15px;
    position: relative;
    text-align: center
}
.header .list--nav-global .link .span--jp {
    display: block;
    font-family: var(--font-notoSans);
    font-size: .78rem;
    margin-left: .1rem;
    margin-top: -10px
}
.header .list--nav-global .link:before {
    background-color: #ed1b23;
    bottom: 0;
    content: "";
    display: block;
    height: 3px;
    left: 0;
    opacity: 0;
    position: absolute;
    transform: translateX(-100%);
    transition: all .8s;
    width: 100%
}
.header .list--nav-global .link:hover:before {
    opacity: 1;
    transform: translateX(0);
    transition: .4s
}
.header .list--nav-global .current-item .link:before, .header .list--nav-global .current-menu-item .link:before, .header .list--nav-global .current-page-ancestor .link:before, .header .list--nav-global .current_page_item .link:before {
    opacity: 1;
    transform: translateX(0)
}
.body--common .header .logo {
    max-width: 150px;
    padding: 15px 0 10px
}
.header .nav--slideMenu {
    align-items: center;
    display: flex;
    flex: 0 1 70px;
    justify-content: center;
    padding-top: 1%;
    position: relative;
    z-index: 2
}
.header .nav--slideMenu:before {
    background-color: #626364;
    bottom: 0;
    content: "";
    display: block;
    left: 10%;
    max-width: 300px;
    position: absolute;
    top: 0;
    transform: translateX(-35%) skew(-45deg);
    width: 33.3333333333vw;
    z-index: 1
}
.header .nav--slideMenu #drawerCheckbox {
    display: none
}
.header .nav--slideMenu .wrap--button {
    background-color: #ed1b23;
    height: 58px;
    position: relative;
    width: 70px;
    z-index: 45
}
.header .nav--slideMenu .box--line {
    -webkit-appearance: none;
    appearance: none;
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 26px;
    margin: 0 auto;
    position: relative;
    width: 30px;
    z-index: 99
}
.header .nav--slideMenu .icon__line {
    display: block;
    height: 4px;
    left: 0;
    position: absolute;
    width: 100%
}
.header .nav--slideMenu .icon__line:first-of-type {
    top: 0
}
.header .nav--slideMenu .icon__line:nth-of-type(2) {
    top: 11px
}
.header .nav--slideMenu .icon__line:nth-of-type(3) {
    bottom: 0
}
.header .nav--slideMenu .icon__line>span {
    background-color: #f8f8f8;
    display: inline-block;
    height: 3px;
    width: 3px
}
.header .nav--slideMenu .icon__line>span+span {
    margin-left: 6px
}
.header .nav--slideMenu .span--label {
    color: #f8f8f8;
    display: block;
    font-family: var(--font-rajdhani);
    font-size: var(--font-size-14px);
    font-weight: 600;
    line-height: 1;
    margin-top: 10px;
    position: relative;
    text-align: center;
    z-index: 3
}
.header #drawerContent {
    background: #191919f2;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    right: 0;
    top: 0;
    transform: translateX(100%);
    transition: all 1s ease;
    width: 20vw;
    z-index: 40
}
.header #drawerCheckbox:checked~.label__wrap .wrap--button {
    background-color: #626364;
    transition: background-color 1.5s
}
.header #drawerCheckbox:checked~#drawerContent {
    opacity: 1;
    pointer-events: all;
    transform: translateX(0)
}
.header #drawerCheckbox {
    display: none
}
.header .nav--slideMenu__body {
    align-items: center;
    display: flex;
    height: 99vh;
    width: 100%
}
.header .nav--slideMenu__body .list--nav-slide-menu {
    padding-left: 15%
}
.header .nav--slideMenu__body .link {
    color: #f8f8f8;
    font-family: var(--font-rajdhani);
    font-size: var(--font-size-24px);
    transition: color .4s
}
.header .nav--slideMenu__body .link:hover {
    color: #d41119
}
.header .nav--slideMenu__body .current-menu-item>.link {
    color: #ed1b23;
    font-weight: 700
}
.header .nav--slideMenu__body .sub-menu-toggle {
    display: none
}
.header .nav--slideMenu__body .sub-menu {
    margin-left: 1.5rem
}
@media screen and (min-width:521px) {
    .header .list--navSlideMenu {
        display: flex;
        flex-wrap: wrap
    }
}
:root {
    --base-color: #565656;
    --base-text-color: #707070;
    --font-size-12px: 0.75rem;
    --font-size-13px: 0.812rem;
    --font-size-14px: 0.875rem;
    --font-size-15px: 0.937rem;
    --font-size-16px: 1rem;
    --font-size-17px: 1.06rem;
    --font-size-18px: 1.13rem;
    --font-size-20px: 1.25rem;
    --font-size-22px: 1.38rem;
    --font-size-24px: 1.50rem;
    --font-size-25px: 1.56rem;
    --font-size-28px: 1.75rem;
    --font-size-30px: 1.88rem;
    --font-size-36px: 2.25rem;
    --font-size-40px: 2.5rem;
    --font-size-45px: 2.81rem;
    --font-size-50px: 3.13rem;
    --font-size-60px: 3.75rem;
    --font-rajdhani: "Rajdhani", sans-serif;
    --font-notoSans: "Noto Sans JP", sans-serif;
    --font-yuGothic: YakuHanJP, -apple-system, BlinkMacSystemFont, Helvetica Neue, Segoe UI, "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", Hiragino Kaku Gothic ProN, Hiragino Sans, ヒラギノ角ゴ ProN W3, Arial, メイリオ, Meiryo, sans-serif;
    --base-line-height: 1.86;
    --small-line-height: 1.74;
    --mobile-line-height: 1.74;
    --link-base-color: #415974;
    --link-base-color-hover: #336dbb;
    --link-text-animation-duration: color 0.3s;
    --link-background-animation-duration: background-color 0.3s
}
html {
    overflow-x: hidden;
}
html {
    font-size: 16px;
    scroll-behavior: smooth
}
@media(max-width:1440px) {
    html {
        font-size: calc(.25vw + 12.2px)
    }
}
body, html {
    font-family: YakuHanJP, -apple-system, BlinkMacSystemFont, Helvetica Neue, Segoe UI, Hiragino Kaku Gothic ProN, Hiragino Sans, ヒラギノ角ゴ ProN W3, Arial, メイリオ, Meiryo, sans-serif;
    line-height: 1.86;
    width: 100%;
    -webkit-font-smoothing: antialiased
}
body {
    overflow-x: clip;
    position: relative;
    width: 100%
}
body .l-main .text {
    color: var(--base-color);
    font-family: var(--font-yuGothic);
    line-height: 1.7
}
body.scroll--lock {
    height: 100vh;
    overflow: hidden
}
body.scroll--lock .main {
    pointer-events: none
}
body img {
    max-width: 100%
}
body .l-flex {
    display: flex
}
body .l-grid {
    display: grid
}
body .l-fixed {
    position: fixed
}
body .l-pageInner {
    box-sizing: border-box
}
body .bg--gray {
    background-color: #626364
}
body .br--visible-xl {
    display: none
}
@media screen and (min-width:1050px) {
    body .br--visible-xl {
        display: block
    }
}
@media screen and (min-width:521px) {
    body {
        font-size: 1rem
    }
    body .l-flex--md {
        display: flex
    }
    body .l-grid--md {
        display: grid
    }
    body .br--md-hidden {
        display: none
    }
    body .l-pageInner {
        padding-left: clamp(10px, 1vw, 20px);
        padding-right: clamp(10px, 1vw, 20px)
    }
}
@media only screen and (min-width:862px)and (max-width:1100px) {
    body .l-pageInner {
        box-sizing: border-box;
        margin-left: auto;
        margin-right: auto
    }
}
@media screen and (min-width:961px) {
    body .l-pageInner {
        margin-left: auto;
        margin-right: auto;
        max-width: 1200px;
        padding-left: 20px;
        padding-right: 20px
    }
}
@media screen and (max-width:520px) {
    body .br--mobile-hidden {
        display: none
    }
}
.l-main {
    position: relative
}
.text--category, .text--en, .time--post-date, .title--en {
    font-family: var(--font-rajdhani)
}
.title--jp {
    font-family: var(--font-notoSans)
}
.body--common .link--banner-contact {
    background: url(/cc-kyt/wp-content/themes/kyt-japan/images/common/bg_button_contact.jpg) no-repeat 50%/cover;
    display: block;
    margin-top: 10%;
    text-decoration: none
}
.body--common .link--banner-contact .box {
    background-color: #ed2319cc;
    box-sizing: border-box;
    color: #f8f8f8;
    padding: 3.2% 5% 4%;
    transition: all .3s;
    width: 50%
}
.body--common .link--banner-contact .title--en {
    font-size: var(--font-size-45px);
    font-weight: 700;
    line-height: 1.4
}
.body--common .link--banner-contact .title--jp {
    display: block;
    font-size: var(--font-size-20px);
    font-weight: 600;
    margin-top: -3%
}
.body--common .link--banner-contact:hover .box {
    background-color: #ed2319f2
}
@media screen and (min-width:1050px) {
    .body--common .link--banner-contact {
        margin-left: auto;
        margin-right: auto;
        max-width: 800px
    }
}
.body--common .main {
    background-color: #1c1c1c
}
.body--common .main .l-pageInner {
    color: #f8f8f8
}
.body--common .main .content.bg--triangle-gray-bottom, .body--common .main .warp--product.bg--triangle-gray-bottom {
    position: relative
}
.body--common .main .content.bg--triangle-gray-bottom:after, .body--common .main .warp--product.bg--triangle-gray-bottom:after {
    background-color: #444;
    bottom: 0;
    -webkit-clip-path: polygon(100% 100%, 100% 0, 0 100%);
    clip-path: polygon(100% 100%, 100% 0, 0 100%);
    content: "";
    display: block;
    height: 50vw;
    opacity: .66;
    position: absolute;
    right: 0;
    width: 50vw;
    z-index: 1
}
.body--common .main .content .l-pageInner {
    position: relative;
    z-index: 2
}
.body--common .main .content .bg--stripe-lines {
    background-image: repeating-linear-gradient(-45deg, #383838, #383838 6px, #1c1c1c 0, #1c1c1c 24px);
    -webkit-clip-path: polygon(100% 0, 0 0, 0 100%);
    clip-path: polygon(100% 0, 0 0, 0 100%);
    height: 60vw;
    left: 0;
    position: absolute;
    top: 0;
    width: 60vw;
    z-index: 1
}
.body--common .main .content .bg--stripe-lines:before {
    background: linear-gradient(135deg, #1c1c1c, #1c1c1c00);
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    width: 100%
}
.body--common .content--catch {
    min-height: 400px;
    position: relative
}
.body--common .content--catch:before {
    background-color: #0006;
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}
.body--common .content--catch .title--page {
    box-sizing: border-box;
    color: #f8f8f8;
    padding-top: 185px;
    position: relative;
    text-align: center;
    z-index: 2
}
.body--common .content--catch .title--en {
    font-size: 5.3rem;
    font-weight: 700;
    line-height: 1.2
}
.body--common .content--catch .title--jp {
    display: block;
    font-size: 2.2rem;
    line-height: 1.6;
    margin-left: .5rem;
    margin-top: -1.5%;
    position: relative
}
.link--prev {
    background-color: #626364;
    -webkit-clip-path: polygon(0 0, 100% 0, 85% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 85% 100%, 0 100%);
    color: #f8f8f8;
    display: inline-block;
    margin-top: 8%;
    padding: 1.5% 8rem 1.5% 4%;
    position: relative;
    text-decoration: none
}
.link--prev:before {
    background-color: #ed1b23;
    -webkit-clip-path: polygon(15% 0, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(15% 0, 100% 0, 100% 100%, 0 100%);
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform: translateX(100%);
    transition: 2.5s;
    width: 150%;
    z-index: 1
}
.link--prev:hover:before {
    transform: translateX(-20%);
    transition: .7s
}
.link--prev .span--text {
    font-weight: 700;
    position: relative;
    z-index: 2
}
.align--center {
    text-align: center
}
.align--right {
    text-align: right
}
.body--about-kyt .content--catch {
    background: url(/cc-kyt/wp-content/themes/kyt-japan/images/about-kyt/catch.jpg) no-repeat 50%/cover
}
.body--about-kyt .content--about-body {
    padding-bottom: 7%;
    padding-top: 5%
}
.body--about-kyt .content--about-body .block+.block {
    margin-top: 10%
}
.body--about-kyt .content--about-body .title--block {
    color: #ed1b23;
    font-size: var(--font-size-24px);
    font-weight: 600;
    margin-bottom: 30px
}
.body--about-kyt .content--about-body .text {
    font-size: var(--font-size-17px);
    line-height: 2
}
.body--about-kyt .content--about-body .text+.text {
    margin-top: 1.8rem
}
.body--about-kyt .content--about-body .text+.figure {
    margin-bottom: 3rem;
    margin-top: 2.3rem
}
.body--about-kyt .swiper-wrapper {
    transition-timing-function: linear
}
.body--about-kyt .swiper-slide img {
    height: auto;
    vertical-align: top;
    width: 100%
}
@media screen and (min-width:1050px) {
    .body--about-kyt .main .l-pageInner {
        margin-left: auto;
        margin-right: auto;
        max-width: 870px
    }
}
.body--single .content--catch, .category-news .content--catch {
    background: url(/cc-kyt/wp-content/themes/kyt-japan/images/news/catch.jpg) no-repeat 50%/cover
}
.category-news .content--news {
    background-color: #4b4b4b99;
    overflow: hidden;
    padding-bottom: 30%;
    padding-top: 6%;
    position: relative
}
.category-news .content--news .link {
    display: block;
    text-decoration: none
}
.category-news .content--news .title--content {
    color: #f8f8f8;
    font-size: var(--font-size-60px);
    font-weight: 700;
    position: relative;
    z-index: 2
}
.category-news .content--news .wrap--article {
    column-gap: 35px;
    display: grid;
    grid-template-columns: repeat(3, minmax(300px, 1fr));
    position: relative;
    row-gap: 8%;
    z-index: 2
}
.category-news .content--news .article {
    padding: 0 5px
}
.category-news .content--news .article .figure {
    margin-left: -5px;
    margin-right: -5px
}
.category-news .content--news .article .images {
    aspect-ratio: 16/10;
    height: auto;
    object-fit: cover;
    width: 100%
}
.category-news .content--news .article .time--post-date {
    color: #ed1b23;
    font-size: var(--font-size-18px);
    font-weight: 700;
    line-height: 1.4
}
.category-news .content--news .article .text--category {
    color: #f8f8f8;
    font-size: var(--font-size-24px);
    font-weight: 500;
    font-weight: 600;
    line-height: 1.3;
    margin-bottom: 5px
}
.category-news .content--news .article .title--article {
    color: #f8f8f8;
    font-size: var(--font-size-17px);
    font-weight: 700;
    line-height: 1.75
}
.body--single .content--news-body {
    padding-bottom: 5%;
    padding-top: 4%
}
.body--single .content--news-body .figure {
    margin-bottom: 3%
}
.body--single .content--news-body .article .time--post-date {
    color: #ed1b23;
    font-size: var(--font-size-22px);
    font-weight: 700;
    line-height: 1.4
}
.body--single .content--news-body .article .text--category {
    color: #f8f8f8;
    font-size: var(--font-size-30px);
    font-weight: 500;
    font-weight: 600;
    line-height: 1.3;
    margin-bottom: 5px
}
.body--single .content--news-body .article .title--article {
    color: #f8f8f8;
    font-size: var(--font-size-30px);
    font-weight: 700;
    line-height: 1.55
}
.body--single .content--news-body .article .article--head {
    margin-bottom: 5%
}
.body--single .content--news-body .article .article--body {
    padding: 0 2%
}
.body--single .content--news-body .article .article--body p+p {
    margin-top: 1.6rem
}
.body--single .content--news-body .article .article--body strong {
    font-weight: 700
}
.body--single .content--news-body .article .article--body p+.wp-block-image {
    margin-top: 2rem
}
.body--single .content--news-body .article .article--body .wp-block-image+* {
    margin-top: 2.5rem
}
.body--single .content--news-body .article .no--thumbnail {
    background-color: #222;
    display: grid;
    place-content: center
}
.body--single .content--news-body .article p>a {
    background-color: #ed1b23;
    border-radius: 3px;
    color: #fff;
    display: block;
    margin: 2% 0;
    padding: 1.3em 2rem 1.2rem 1.5rem;
    text-decoration: none;
    transition: .3s
}
.body--single .content--news-body .article a.whiteline {
    background-color: unset;
    border-radius: unset;
    color: #fff;
    display: unset;
    margin: 0;
    padding: 0;
    text-decoration: underline;
    transition: .3s
}
.body--single .content--news-body .article a:hover.whiteline {
    background-color: unset;
    color: #ed1b23;
}
.body--single .content--news-body .article p>a.nobanner {
    background-color: unset;
    border-radius: unset;
    color: #fff;
    display: unset;
    margin: 0;
    padding: 0;
    text-decoration: none;
    transition: .3s
}
.body--single .content--news-body .article p>a:hover {
    background-color: #d0020a
}
.body--single .content--news-body .link--prev {
    margin-top: 15%
}
@media screen and (min-width:521px) {
    .body--single .content--news-body .no--thumbnail .images {
        max-width: 200px;
        object-fit: contain
    }
}
@media screen and (min-width:1050px) {
    .body--single .content--news-body .l-pageInner {
        margin-left: auto;
        margin-right: auto;
        max-width: 860px
    }
}
.body--company .content--catch {
    background: url(/cc-kyt/wp-content/themes/kyt-japan/images/company/catch.jpg) no-repeat 50%/cover
}
.body--company .content--about-cordaMoto {
    background-color: #fff;
    padding: 4% 0
}
.body--company .content--about-cordaMoto .l-grid {
    column-gap: 5%;
    grid-template-columns: 55% auto;
    height: 100%
}
.body--company .content--about-cordaMoto .block {
    align-self: center;
    padding-bottom: 2rem
}
.body--company .content--about-cordaMoto .title--block {
    color: #ed1b23;
    font-size: var(--font-size-24px);
    margin-bottom: 2%
}
.body--company .content--about-cordaMoto .text {
    color: #1b1b1b;
    padding-right: 8%
}
.body--company .content--outline {
    padding: 4% 0 6%
}
.body--company .content--outline .title--content {
    color: #f8f8f8;
    font-size: var(--font-size-45px);
    font-weight: 600;
    margin-bottom: 5%;
    text-align: center
}
.body--company .content--outline .df--company-outline {
    column-gap: 5%;
    grid-template-columns: 7rem 1fr;
    grid-template-rows: 1fr 1fr 1fr 1fr 1fr 2fr
}
.body--company .content--outline .df-title {
    font-weight: 700;
    margin-bottom: 20%
}
@media screen and (min-width:1050px) {
    .body--company .main .content--outline .l-pageInner {
        margin-left: auto;
        margin-right: auto;
        max-width: 800px
    }
}
.body--dealer .content--catch {
    background: url(/cc-kyt/wp-content/themes/kyt-japan/images/dealer/catch.jpg) no-repeat 50%/cover
}
.body--dealer .content--dealer {
    padding-bottom: 8%;
    padding-top: 7%
}
.body--dealer .content--dealer .title--block {
    margin-bottom: 6%;
    position: relative
}
.body--dealer .content--dealer .title--block .title--en {
    color: #373737;
    display: block;
    font-size: 11.25rem;
    font-weight: 700;
    left: -7%;
    line-height: 1;
    position: absolute;
    top: -75%;
    white-space: nowrap;
    z-index: -1
}
.body--dealer .content--dealer .title--block .title--jp {
    font-size: var(--font-size-36px);
    font-weight: 700
}
.body--dealer .content--dealer .list--box-title {
    border-bottom: 3px solid #9e9e9e;
    color: #9e9e9e;
    font-family: var(--font-rajdhani);
    font-weight: 700
}
.body--dealer .content--dealer .box--dealer-info {
    border-bottom: 1px solid #e8e8e8
}
.body--dealer .content--dealer .box--dealer-info.no-web-site:before {
    content: ""
}
.body--dealer .content--dealer .box--dealer-info .link--web {
    padding-top: 2px;
    place-content: center center;
    text-align: center
}
.body--dealer .content--dealer .box--dealer-info .link--web .span--icon {
    background: url(/cc-kyt/wp-content/themes/kyt-japan/images/dealer/icon_web.svg) no-repeat 0 0/contain;
    display: block;
    height: 20px;
    margin: 0 auto;
    width: 20px
}
.body--dealer .content--dealer .box--dealer-info .title--dealer-name {
    font-weight: 700
}
.body--dealer .content--dealer .box--dealer-info .link--contact, .body--dealer .content--dealer .box--dealer-info .link--phone {
    color: #f8f8f8;
    text-decoration: none
}
.body--dealer .content--dealer .box--dealer-info .link--contact .span--icon {
    background: url(/cc-kyt/wp-content/themes/kyt-japan/assets/svg/icon_mail.svg) no-repeat 0 0/contain;
    display: inline-block;
    height: 15px;
    margin: 0 auto;
    transform: translate(5px, 4px);
    width: 15px
}
.body--dealer .content--dealer .block--ec-site, .body--dealer .content--dealer .block--dealer {
    margin-bottom: 10%
}
@media screen and (min-width:521px) {
    .body--dealer .content--dealer .box--dealer-info {
        padding: 10px 0 15px
    }
    .body--dealer .content--dealer .box--dealer-info .address {
        font-size: 90%
    }
    .body--dealer .content--dealer .box--dealer-info .address .span--zipcode+.span--text {
        margin-left: .8rem
    }
    .body--dealer .content--dealer .box--dealer-info .link {
        font-size: 95%
    }
    .body--dealer .content--dealer .box--dealer-info .link--phone {
        pointer-events: none
    }
    .body--dealer .content--dealer .block--ec-site .wrap--box {
        gap: 5px 30px;
        grid-template-columns: 50px auto
    }
    .body--dealer .content--dealer .block--ec-site .box--dealer-info, .body--dealer .content--dealer .block--ec-site .list--box-title {
        grid-column: 1/span 2;
        grid-template-columns: subgrid
    }
    .body--dealer .content--dealer .block--ec-site .list--box-title {
        font-size: var(--font-size-20px)
    }
    .body--dealer .content--dealer .block--ec-site .list--box-title>.list-item:first-child {
        text-align: center
    }
    .body--dealer .content--dealer .block--dealer .wrap--box {
        gap: 10px 30px;
        grid-template-columns: 50px calc(30% - 15px) calc(45% - 22.5px) calc(20% - 10px)
    }
    .body--dealer .content--dealer .block--dealer .box--dealer-info, .body--dealer .content--dealer .block--dealer .list--box-title {
        grid-column: 1/span 4;
        grid-template-columns: subgrid
    }
}
.body--support .content--catch {
    background: url(/cc-kyt/wp-content/themes/kyt-japan/images/support/catch.jpg) no-repeat 50%/cover
}
.body--support .content--owners-manual {
    padding: 7% 0
}
.body--support .content--owners-manual .title--content {
    color: #f8f8f8;
    font-size: var(--font-size-45px);
    font-weight: 600;
    margin-bottom: 7%;
    text-align: center
}
.body--support .content--owners-manual .wrap--support-product {
    column-gap: 2%;
    grid-template-columns: repeat(2, 1fr)
}
.body--support .content--owners-manual .card {
    color: #f8f8f8;
    grid-template-columns: 1fr 1fr;
    text-decoration: none
}
.body--support .content--owners-manual .card:nth-child(n+3) {
    margin-top: 6%
}
.body--support .content--owners-manual .figure {
    background: #3a3a3b;
    background: linear-gradient(135deg, #3a3a3b, #1c1c1c);
    border: 2px solid #626364;
    border-left: none;
    box-sizing: border-box;
    padding: 13% 15% 8%;
    transition: border-color .3s
}
.body--support .content--owners-manual .card--skyhawk .figure {
    padding: 17% 10% 5%
}
.body--support .content--owners-manual .wrap--support-product .box {
    background-color: #ed1b23;
    box-sizing: border-box;
    padding: 20% 5% 10% 10%;
    transition: background-color .3s
}
.body--support .content--owners-manual .wrap--support-product .card:hover .box {
    background-color: #ca2820
}
.body--support .content--owners-manual .wrap--support-product .card:hover .figure {
    border-color: #ca2820 #ca2820 #ca2820 #0000
}
.body--support .content--owners-manual .text--category, .body--support .content--owners-manual .title {
    line-height: 1.1
}
.body--support .content--owners-manual .text--category {
    font-size: var(--font-size-20px);
    font-weight: 500;
    margin-bottom: 5px
}
.body--support .content--owners-manual .title--box {
    font-size: var(--font-size-30px);
    font-weight: 700
}
.body--support .content--owners-manual .title--sub-title {
    font-weight: 600;
    margin-top: 10px
}
.body--support .content--owners-manual .span--icon {
    display: block;
    margin-top: 20%;
    max-width: 36px
}
.body--support .content--owners-manual .card.link--coming-soon {
    pointer-events: none
}
.body--support .content--owners-manual .card.link--coming-soon .box {
    background-color: #626364;
    padding-bottom: 7%;
    padding-top: 12%
}
.body--support .content--owners-manual .card.link--coming-soon .images {
    filter: saturate(0)
}
.body--support .content--owners-manual .card.link--coming-soon .text {
    font-size: var(--font-size-18px)
}
.body--contact .content--catch {
    background: url(/cc-kyt/wp-content/themes/kyt-japan/images/contact/catch.jpg) no-repeat top/cover
}
.body--contact .main {
    background-color: #fff
}
.body--contact .content--contact {
    padding: 5% 0
}
.body--contact .content--contact .legend--title, .body--contact .content--contact .title--content {
    color: #ed1b23;
    font-weight: 600
}
.body--contact .content--contact .title--content {
    font-size: var(--font-size-24px);
    margin-bottom: 20px
}
.body--contact .content--contact .text {
    color: #1b1b1b
}
.body--contact .content--contact .block--form-body {
    margin-top: 10%;
    padding: 0 1.5%
}
.body--contact .content--contact .fieldset+.fieldset {
    margin-top: 5%
}
.body--contact .content--contact .legend--title {
    padding-left: 8px
}
.body--contact .content--contact .sup--required {
    font-size: 80%;
    font-weight: 400;
    margin-left: 2px;
    position: relative;
    top: -7px
}
.body--contact .content--contact input, .body--contact .content--contact textarea {
    border: none;
    border-bottom: 1px solid #959595;
    box-sizing: border-box;
    padding: 10px;
    width: 100%
}
.body--contact .content--contact ::placeholder {
    color: #d3d3d3;
    font-family: var(--font-rajdhani);
    font-size: var(--font-size-13px);
    font-weight: 700
}
@media screen and (min-width:1050px) {
    .body--contact .main .l-pageInner {
        margin-left: auto;
        margin-right: auto;
        max-width: 820px
    }
}
.body--privacy-policy .content--catch {
    background: url(/cc-kyt/wp-content/themes/kyt-japan/images/privacy-policy/catch.jpg) no-repeat 50%/cover
}
.body--privacy-policy .content--body {
    font-size: var(--font-size-16px);
    padding-bottom: 7%;
    padding-top: 5%
}
.body--privacy-policy .content--body .text--lead {
    margin-bottom: 5%
}
.body--privacy-policy .content--body .df+.df {
    margin-top: 5%
}
.body--privacy-policy .content--body .df-title {
    font-size: var(--font-size-20px);
    font-weight: 600;
    margin-bottom: 15px
}
.body--privacy-policy .content--body .list-item+.list-item {
    margin-top: 5px
}
.body--privacy-policy .content--body .list--parent {
    margin-left: 1.8rem;
    margin-top: 2%
}
.body--privacy-policy .content--body .list--child {
    margin: 1.5% 0 2% 2.4rem
}
.body--privacy-policy .content--body .list--disc {
    list-style: disc
}
.body--privacy-policy .content--body .list--decimal {
    list-style: decimal
}
.body--privacy-policy .content--body .box--contact {
    background-color: #444;
    border-radius: 5px;
    display: inline-block;
    font-size: 95%;
    margin-top: 5%;
    padding: 2% 8% 2% 5%
}
.body--privacy-policy .content--body .box--contact .title {
    margin-bottom: 3px
}
.body--privacy-policy .content--body .box--contact .strong {
    font-weight: 700
}
@media screen and (min-width:1050px) {
    .body--privacy-policy .main .l-pageInner {
        margin-left: auto;
        margin-right: auto;
        max-width: 870px
    }
}
.footer .nav {
    background-color: #ed1b23
}
.footer .list--nav-sitemap {
    display: flex;
    justify-content: center
}
.footer .list-item .link {
    box-sizing: border-box;
    color: #fff;
    display: block;
    font-family: var(--font-rajdhani);
    font-size: var(--font-size-18px);
    font-weight: 700;
    padding: 10px 0;
    text-decoration: none;
    transition: .4s
}
.footer .list-item .link:hover {
    color: #ffb5b8
}
.footer .current-item .link, .footer .current-menu-item .link, .footer .current-page-ancestor .link, .footer .current_page_item .link {
    color: #75272a
}
.footer .content {
    background: url(/cc-kyt/wp-content/themes/kyt-japan/assets/images/bg_footer.jpg) no-repeat 50%/cover;
    border-top: 5px solid #888;
    position: relative
}
.footer .content:before {
    background-color: #000c;
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1
}
.footer .block {
    padding: 3.5% 0 2.5%;
    position: relative;
    text-align: center;
    z-index: 2
}
.footer .logo--footer {
    margin: 0 auto;
    max-width: 250px
}
.footer .text--copyright {
    color: #f8f8f8;
    font-size: var(--font-size-14px);
    margin-top: 3%
}
@media screen and (min-width:521px) {
    .footer .list-item+.list-item {
        margin-left: 55px
    }
}
.button--pageTop {
    align-items: center;
    background-color: #c1c1c1;
    border-radius: 50%;
    display: flex;
    height: 70px;
    justify-content: center;
    opacity: 1;
    position: fixed;
    text-decoration: none;
    transition: opacity .1s;
    width: 70px;
    z-index: 20
}
.button--pageTop.is__hide {
    opacity: 0;
    pointer-events: none
}
.button--pageTop.is_scrolling {
    opacity: 0
}
.button--pageTop .span--text {
    color: #707070;
    font-size: 1.3rem;
    font-weight: 700;
    position: relative
}
.button--pageTop .span--text:before {
    background-color: #707070;
    -webkit-clip-path: polygon(50% 0, 100% 100%, 0 100%);
    clip-path: polygon(50% 0, 100% 100%, 0 100%);
    content: "";
    display: block;
    height: 15px;
    margin: 0 auto;
    width: 20px
}
@media screen and (min-width:521px) {
    .button--pageTop {
        bottom: 20px;
        right: 20px;
        transition: opacity .3s
    }
}
@media screen and (max-width:520px) {
    .button--pageTop {
        bottom: 7%;
        height: 55px;
        right: 2%;
        width: 55px
    }
    .button--pageTop .span--text {
        font-size: 1.1rem
    }
}
.body--common .step--form {
    background-color: #fff;
    display: flex;
    margin-left: auto;
    margin-right: auto
}
.body--common .step--form .list-item {
    color: #ed1b23;
    flex: 1;
    font-family: var(--font-yuGothic);
    font-weight: 700;
    line-height: 1;
    padding: 1rem 0;
    position: relative;
    text-align: center
}
.body--common .step--form .list-item:not(:last-child):after, .body--common .step--form .list-item:not(:last-child):before {
    background-color: #ed1b23;
    -webkit-clip-path: polygon(0 0, 100% 50%, 0 100%);
    clip-path: polygon(0 0, 100% 50%, 0 100%);
    content: "";
    display: inline-block;
    height: 100%;
    position: absolute;
    top: 0;
    width: 10px
}
.body--common .step--form .list-item:not(:last-child):before {
    background-color: #fff;
    right: -8px;
    z-index: 2
}
.body--common .step--form .list-item:not(:last-child):after {
    right: -9px;
    z-index: 1
}
.body--common .step--form .item--current {
    background-color: #ed1b23;
    color: #fff
}
.body--common .step--form .item--current:before {
    display: none !important
}
@media screen and (min-width:521px) {
    .body--common .step--form.step--bottom {
        margin-bottom: 8%
    }
}
@media screen and (min-width:1050px) {
    .body--common .step--form {
        width: 80%
    }
}
.body--common .wrap--lead {
    justify-content: center
}
.body--common .wrap--formBody {
    background-color: #fff
}
.body--common .wrap--formBody .text .span {
    display: block
}
.body--common .wrap--formBody .span--required {
    background-color: red
}
.body--common .wrap--formBody .span--any, .body--common .wrap--formBody .span--required {
    border-radius: 3px;
    box-sizing: border-box;
    color: #fff;
    font-size: 80%;
    line-height: 1;
    margin-left: 1rem;
    padding: 3px 5px;
    position: relative;
    top: -2px
}
.body--common .wrap--formBody .span--any {
    background-color: #e5cb5c
}
.body--common .wrap--formBody .df-title {
    background-color: #f5f5f5;
    border: 1px solid #dbdbdb;
    border-right: none;
    color: #ed1b23;
    font-family: var(--font-yuGothic);
    font-weight: 700
}
.body--common .wrap--formBody .df-input {
    border: 1px solid #dbdbdb;
    box-sizing: border-box
}
.body--common .wrap--formBody .df-input input, .body--common .wrap--formBody .df-input select, .body--common .wrap--formBody .df-input textarea {
    background-color: #f5f5f5;
    border: 1px solid #dbdbdb;
    border-radius: 3px;
    box-sizing: border-box;
    padding: 15px 20px
}
.body--common .wrap--formBody .df-input input[type=number], .body--common .wrap--formBody .df-input select {
    -webkit-appearance: none;
    appearance: none
}
.body--common .wrap--formBody .df-input label {
    color: var(--base-color);
    font-family: var(--font-yuGothic)
}
.body--common .wrap--formBody .wpcf7 input[type=text] {
    width: 100%
}
.body--common .wrap--formBody .fieldset--furigana .df-input, .body--common .wrap--formBody .fieldset--name .df-input {
    display: flex;
    width: 100%
}
.body--common .wrap--formBody .fieldset--furigana span+span, .body--common .wrap--formBody .fieldset--name span+span {
    margin-left: 15px
}
.body--common .wrap--formBody .fieldset--mail .input--mail {
    width: 100%
}
.body--common .wrap--formBody .fieldset--appointment select, .body--common .wrap--formBody .fieldset--birthday select {
    margin: 0 10px;
    padding: 15px 20px
}
.body--common .wrap--formBody .fieldset--appointment select span:first-child select, .body--common .wrap--formBody .fieldset--birthday select span:first-child select {
    margin-left: 0
}
.body--common .wrap--formBody .fieldset--appointment .row+.row {
    margin-top: 15px
}
.body--common .wrap--formBody .fieldset--appointment .row--title {
    font-size: 1.6rem;
    margin-bottom: .5rem
}
.body--common .wrap--formBody .fieldset--age .input--age {
    margin: 0 10px 0 0
}
.body--common .wrap--formBody .item--postcode .input--postcode {
    margin-left: 15px;
    width: auto !important
}
.body--common .wrap--formBody .item--pref {
    margin: 15px 0
}
.body--common .wrap--formBody .item--pref .select--pref {
    width: 58%
}
.body--common .wrap--formBody .item--area {
    margin-bottom: 15px
}
.body--common .wrap--formBody .item--area select, .body--common .wrap--formBody .item--location select {
    width: 100%
}
.body--common .wrap--formBody .fieldset--impetus .wpcf7-list-item {
    display: block;
    margin: 0;
    width: 100%
}
.body--common .wrap--formBody .fieldset--impetus .wpcf7-list-item+.wpcf7-list-item {
    margin-top: .6rem
}
.body--common .wrap--formBody .fieldset--impetus .wpcf7-list-item input {
    display: none
}
.body--common .wrap--formBody .fieldset--impetus .wpcf7-list-item .wpcf7-list-item-label {
    padding-left: 2.5rem;
    position: relative
}
.body--common .wrap--formBody .fieldset--impetus .wpcf7-list-item .wpcf7-list-item-label:after, .body--common .wrap--formBody .fieldset--impetus .wpcf7-list-item .wpcf7-list-item-label:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}
.body--common .wrap--formBody .fieldset--impetus .wpcf7-list-item .wpcf7-list-item-label:before {
    background-color: #f5f5f5;
    border: 1px solid #dbdbdb;
    border-radius: 50%;
    height: 16px;
    width: 16px
}
.body--common .wrap--formBody .fieldset--impetus .wpcf7-list-item .wpcf7-list-item-label:after {
    background-color: #ed1b23;
    border-radius: 50%;
    height: 10px;
    left: 3.5px;
    opacity: 0;
    width: 10px
}
.body--common .wrap--formBody .fieldset--impetus .wpcf7-list-item input:checked+.wpcf7-list-item-label:after {
    opacity: 1
}
.body--common .wrap--formBody .fieldset--impetus .input--etc {
    margin-top: .6rem
}
.body--common .wrap--formBody .fieldset--academicBackground select {
    width: 70%
}
.body--common .wrap--formBody .fieldset--address textarea, .body--common .wrap--formBody .fieldset--comment textarea {
    width: 100%
}
.body--common .wrap--formBody .fieldset--online .df-input .text {
    margin-bottom: .7rem
}
.body--common .wrap--formBody .fieldset--workHistory span {
    margin-right: 10px
}
.body--common .wrap--formBody .fieldset--lastCareer .row--companyName {
    margin-bottom: 2rem
}
.body--common .wrap--formBody .fieldset--lastCareer .row--title {
    margin-bottom: .8rem
}
.body--common .wrap--formBody .fieldset--lastCareer .input--year {
    margin-right: 10px;
    width: 14rem !important
}
.body--common .wrap--formBody .fieldset--lastCareer .text {
    margin: .8rem 0
}
.body--common .wrap--formBody .fieldset--lastCareer span[data-name=career--fromMonth] {
    margin-right: 10px
}
.body--common .wrap--formBody .fieldset--lastCareer .row--careerStatus {
    margin-bottom: 1rem;
    margin-top: 2rem
}
.body--common .wrap--formBody .fieldset--lastCareer span[data-name=career--content] {
    display: block;
    margin-top: 1rem
}
.body--common .wrap--formBody .fieldset--lastCareer span[data-name=career--content] textarea {
    width: 100%
}
@media screen and (min-width:521px) {
    .body--common .wrap--formBody {
        margin-bottom: 6%;
        margin-top: 4%;
        padding: 5% 10%
    }
    .body--common .wrap--formBody .wrap--lead {
        margin-bottom: 3%
    }
    .body--common .wrap--formBody .fieldset+.fieldset {
        margin-top: 10px
    }
    .body--common .wrap--formBody .df--fieldset {
        display: table;
        table-layout: fixed;
        width: 100%
    }
    .body--common .wrap--formBody .df-input, .body--common .wrap--formBody .df-title {
        box-sizing: border-box;
        display: table-cell;
        padding: 15px 20px;
        vertical-align: middle
    }
    .body--common .wrap--formBody .df-title {
        width: 30%
    }
    .body--common .wrap--formBody .df-input {
        width: 70%
    }
    .body--common .wrap--formBody .df-input input, .body--common .wrap--formBody .df-input select, .body--common .wrap--formBody .df-input textarea {
        font-size: 16px
    }
}
@media only screen and (min-width:521px)and (max-width:861px) {
    .body--common .wrap--formBody {
        padding-left: 5%;
        padding-right: 5%
    }
}
@media screen and (max-width:520px) {
    .body--common .wrap--formBody {
        margin: 2px 0;
        padding: 6% 0 10%
    }
    .body--common .wrap--formBody .wrap--lead {
        margin-bottom: 8%;
        padding: 0 5%
    }
    .body--common .wrap--formBody .df-input, .body--common .wrap--formBody .df-title {
        border: none
    }
    .body--common .wrap--formBody .df-title {
        padding: 1rem
    }
    .body--common .wrap--formBody .df-input {
        padding: 3% 4% 5%
    }
    .body--common .wrap--formBody .df-input input, .body--common .wrap--formBody .df-input select, .body--common .wrap--formBody .df-input textarea {
        font-size: 16px
    }
    .body--common .wrap--formBody .item--postcode {
        display: flex
    }
    .body--common .wrap--formBody .item--postcode .label {
        align-self: center;
        box-sizing: border-box;
        flex: 0 1 20%;
        padding-left: 3%
    }
    .body--common .wrap--formBody .item--postcode span[data-name=postcode] {
        display: block;
        flex: 0 1 75%
    }
    .body--common .wrap--formBody .item--postcode .input--postcode {
        margin-left: 15px;
        width: 100% !important
    }
}
.body--common .wrap--button .span--buttonWrap {
    display: inline-block;
    line-height: 1;
    position: relative
}
.body--common .wrap--button .span--buttonWrap:before {
    border-right: 1px solid #fff;
    border-top: 1px solid #fff;
    content: "";
    display: block;
    height: 8px;
    position: absolute;
    top: 50%;
    width: 8px
}
.body--common .wrap--button .span--buttonWrap.button--prev:before {
    left: 5%;
    transform: translateY(-50%) rotate(-135deg)
}
.body--common .wrap--button .span--buttonWrap.button--submit:before {
    right: 5%;
    transform: translateY(-50%) rotate(45deg)
}
.body--common .wrap--button .wpcf7-form-control {
    -webkit-appearance: none;
    appearance: none;
    border: none;
    box-sizing: border-box;
    color: #fff;
    font-weight: 700;
    width: 100%;
    z-index: 1
}
.body--common .wrap--button .button--submit {
    background-color: #1b1b1b;
    font-size: var(--font-size-24px)
}
.body--common .wrap--button .button--submit:disabled {
    background-color: #565656
}
.body--common .wrap--button .input--rewrite {
    background-color: #565656;
    font-family: var(--font-yuGothic);
    font-size: 1.6rem;
    font-weight: 400
}
.body--common .wrap--button .wpcf7-spinner {
    background-color: #0000;
    left: 5%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}
@media screen and (min-width:521px) {
    .body--common .wrap--button {
        display: flex;
        justify-content: center;
        margin-top: 5%
    }
    .body--common .wrap--button .span--buttonWrap {
        flex: 0 1 48%
    }
    .body--common .wrap--button .span--buttonWrap.button--prev {
        margin-right: 4%
    }
    .body--common .wrap--button .wpcf7-form-control {
        padding: 30px 0
    }
}
@media screen and (max-width:520px) {
    .body--common .wrap--button {
        margin: 5%
    }
    .body--common .wrap--button .span--buttonWrap {
        display: block
    }
    .body--common .wrap--button .button--prev {
        margin-bottom: 5%
    }
    .body--common .wrap--button .wpcf7-form-control {
        padding: 15px 0
    }
    .body--common .wrap--button .button--submit .wpcf7-form-control {
        padding: 25px 0
    }
}
.body--common.body--thanks .step--bottom {
    display: none
}
.wpcf7-not-valid-tip {
    background-color: #ed1b23;
    border-radius: 30px;
    color: #fff;
    display: inline-block;
    font-size: var(--font-size-13px);
    font-weight: 700;
    line-height: 1.3;
    margin-top: 1%;
    padding: 4px 1rem
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
    background-color: #ffb900;
    color: #1b1b1b;
    padding: 15px 30px
}
.body--common .wrap--formBody-complete {
    background-color: #fff
}
.body--common .wrap--formBody-complete .text {
    text-align: center
}
@media screen and (min-width:521px) {
    .body--common .wrap--formBody-complete {
        box-sizing: border-box;
        margin: 4% auto 10%;
        padding: 6vmax;
        width: 80%
    }
}
.body--common .wpcf7-form.hide_error_message .wpcf7-not-valid-tip {
    display: none
}
.body--common .use-floating-validation-tip .wpcf7-not-valid-tip {
    background-color: red;
    border: none;
    border-radius: 50%;
    box-sizing: border-box;
    color: #fff;
    display: block;
    font-size: 1.2rem;
    font-weight: 700;
    height: 20px;
    left: auto;
    line-height: 1.7;
    padding: 0;
    position: absolute;
    right: 5%;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    width: 20px
}
.body--common .use-floating-validation-tip .fieldset--birthday .wpcf7-not-valid-tip {
    right: 25%
}
.body--common .fieldset--mail .wpcf7-form-control-wrap {
    display: block
}
.body--home .header {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 4
}
.body--home .content--catch {
    max-height: 90vh;
    overflow: hidden;
    position: relative
}
.body--home .content--catch .swiper-slide img {
    height: auto;
    vertical-align: top;
    width: 100%
}
.body--home .main {
    background: url(/cc-kyt/wp-content/themes/kyt-japan/images/home/bg_product.png) repeat-y top/contain;
    position: relative
}
.body--home .main .bg--main {
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 1
}
.body--home .main .bg--main .l-pageInner {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(25%, 1fr));
    height: 100%
}
.body--home .main .bg--main span:first-of-type, .body--home .main .bg--main span:nth-of-type(3) {
    border-left: 2px solid #535353
}
.body--home .main .bg--main span:nth-of-type(4) {
    border-right: 2px solid #535353
}
.body--home .main .wrap--content {
    position: relative;
    z-index: 2
}
.body--home .link--banner {
    display: block
}
.body--home .link--banner.banner--tmcs2024 {
    margin-top: -2%;
    position: relative;
    z-index: 2
}
.body--home .content--product {
    display: block;
    padding-bottom: 13%;
    padding-top: 8%
}
.body--home .content--product .title--content {
    color: #f8f8f8;
    font-size: var(--font-size-60px);
    font-weight: 700;
    margin-bottom: 5%;
    position: relative;
    text-align: center;
    z-index: 2
}
.body--home .content--product .link {
    color: #f8f8f8;
    display: block;
    position: relative;
    text-decoration: none
}
.body--home .content--product .link .figure {
    bottom: -130px;
    position: absolute;
    right: 0;
    width: 30%;
    z-index: 3
}
.body--home .content--product .link+.link {
    margin-top: 100px
}
.body--home .content--product .link:nth-of-type(odd) .figure {
    right: 3%
}
.body--home .content--product .link:nth-of-type(2n) .figure {
    right: -2%
}
.body--home .content--product .link:nth-of-type(3) .figure {
    width: 33%
}
.body--home .content--product .block {
    position: relative
}
.body--home .content--product .block:after, .body--home .content--product .block:before {
    background-color: #ed2319d9;
    bottom: 0;
    content: "";
    display: block;
    position: absolute;
    top: 0
}
.body--home .content--product .block:before {
    background-color: #ed2319d9;
    left: 0;
    width: 35%
}
.body--home .content--product .block:after {
    -webkit-clip-path: polygon(0 0, 100% 0, 20% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 20% 100%, 0 100%);
    left: 35%;
    transition: 1.2s;
    width: 0
}
.body--home .content--product .block.block--kx-1-race-gp {
    background: url(/cc-kyt/wp-content/themes/kyt-japan/images/common/photo_product_kx-1racegp.jpg) no-repeat 50%/cover
}
.body--home .content--product .block.block--nz-race {
    background: url(/cc-kyt/wp-content/themes/kyt-japan/images/common/photo_product_nz-race.jpg) no-repeat 50%/cover
}
.body--home .content--product .block.block--skyhawk {
    background: url(/cc-kyt/wp-content/themes/kyt-japan/images/common/photo_product_skyhawk.jpg) no-repeat 50%/cover
}
.body--home .content--product .block.block--r2r {
    background: url(/cc-kyt/wp-content/themes/kyt-japan/images/common/photo_product_r2r.jpg) no-repeat 50%/cover
}
.body--home .content--product .block.block--ttr-jet {
    background: url(/cc-kyt/wp-content/themes/kyt-japan/images/common/photo_product_ttr-jet.jpg) no-repeat 50%/cover
}
.body--home .content--product .box {
    box-sizing: border-box;
    padding: 5% 5% 4.3%;
    position: relative;
    z-index: 3
}
.body--home .content--product .box .text--category, .body--home .content--product .box .title {
    font-family: var(--font-rajdhani);
    line-height: 1.1
}
.body--home .content--product .box .text--category {
    font-size: var(--font-size-30px);
    font-weight: 500;
    margin-bottom: 5px
}
.body--home .content--product .box .title--box {
    font-size: var(--font-size-45px);
    font-weight: 700
}
.body--home .content--product .box .text--link-detail {
    font-weight: 700
}
.body--home .content--product .box .text--link-detail+.title--copy {
    font-size: var(--font-size-24px);
    font-weight: 600;
    margin-bottom: 5px;
    margin-top: 25px
}
.body--home .content--product .box .text--link-detail+.text--caption {
    margin-top: 55px
}
.body--home .content--product .link:hover .block:after {
    transition: .6s;
    width: 25%
}
.body--home .content--news {
    background-color: #4b4b4b99;
    padding-bottom: 30%;
    padding-top: 6%;
    position: relative
}
.body--home .content--news .link {
    display: block;
    text-decoration: none
}
.body--home .content--news:after, .body--home .content--news:before {
    content: "";
    display: block;
    opacity: .66;
    position: absolute;
    z-index: 1
}
.body--home .content--news:before {
    background-color: #ed1b23;
    -webkit-clip-path: polygon(100% 0, 0 0, 0 100%);
    clip-path: polygon(100% 0, 0 0, 0 100%);
    height: 10vw;
    top: 0;
    width: 10vw
}
.body--home .content--news:after {
    background-color: #444;
    bottom: 0;
    -webkit-clip-path: polygon(100% 100%, 100% 0, 0 100%);
    clip-path: polygon(100% 100%, 100% 0, 0 100%);
    height: 50vw;
    right: 0;
    width: 50vw
}
.body--home .content--news .title--content {
    color: #f8f8f8;
    font-size: var(--font-size-60px);
    font-weight: 700;
    position: relative;
    z-index: 2
}
.body--home .content--news .wrap--article {
    column-gap: 35px;
    display: grid;
    grid-template-columns: repeat(3, minmax(300px, 1fr));
    position: relative;
    row-gap: 8%;
    z-index: 2
}
.body--home .content--news .article {
    padding: 0 5px
}
.body--home .content--news .article .figure {
    margin-left: -5px;
    margin-right: -5px
}
.body--home .content--news .article .images {
    aspect-ratio: 16/10;
    height: auto;
    object-fit: cover;
    width: 100%
}
.body--home .content--news .article .time--post-date {
    color: #ed1b23;
    font-size: var(--font-size-18px);
    font-weight: 700;
    line-height: 1.4
}
.body--home .content--news .article .text--category {
    color: #f8f8f8;
    font-size: var(--font-size-24px);
    font-weight: 500;
    font-weight: 600;
    line-height: 1.3;
    margin-bottom: 5px
}
.body--home .content--news .article .title--article {
    color: #f8f8f8;
    font-size: var(--font-size-17px);
    font-weight: 700;
    line-height: 1.75
}
.body--product .content--catch {
    background: url(/cc-kyt/wp-content/themes/kyt-japan/images/product/catch.jpg) no-repeat 50%/cover
}
.body--product .content--product-list {
    padding: 8% 0 12%
}
.body--product .content--product-list .link {
    color: #f8f8f8;
    display: block;
    position: relative;
    text-decoration: none
}
.body--product .content--product-list .link .figure {
    bottom: -130px;
    position: absolute;
    right: 0;
    width: 30%;
    z-index: 3
}
.body--product .content--product-list .link+.link {
    margin-top: 100px
}
.body--product .content--product-list .link:nth-of-type(odd) .figure {
    right: 3%
}
.body--product .content--product-list .link:nth-of-type(2n) .figure {
    right: -2%
}
.body--product .content--product-list .link:nth-of-type(3) .figure {
    width: 33%
}
.body--product .content--product-list .block {
    position: relative
}
.body--product .content--product-list .block:after, .body--product .content--product-list .block:before {
    background-color: #ed2319d9;
    bottom: 0;
    content: "";
    display: block;
    position: absolute;
    top: 0
}
.body--product .content--product-list .block:before {
    background-color: #ed2319d9;
    left: 0;
    width: 35%
}
.body--product .content--product-list .block:after {
    -webkit-clip-path: polygon(0 0, 100% 0, 20% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 20% 100%, 0 100%);
    left: 35%;
    transition: 1.2s;
    width: 0
}
.body--product .content--product-list .block.block--kx-1-race-gp {
    background: url(/cc-kyt/wp-content/themes/kyt-japan/images/common/photo_product_kx-1racegp.jpg) no-repeat 50%/cover
}
.body--product .content--product-list .block.block--nz-race {
    background: url(/cc-kyt/wp-content/themes/kyt-japan/images/common/photo_product_nz-race.jpg) no-repeat 50%/cover
}
.body--product .content--product-list .block.block--skyhawk {
    background: url(/cc-kyt/wp-content/themes/kyt-japan/images/common/photo_product_skyhawk.jpg) no-repeat 50%/cover
}
.body--product .content--product-list .block.block--r2r {
    background: url(/cc-kyt/wp-content/themes/kyt-japan/images/common/photo_product_r2r.jpg) no-repeat 50%/cover
}
.body--product .content--product-list .block.block--ttr-jet {
    background: url(/cc-kyt/wp-content/themes/kyt-japan/images/common/photo_product_ttr-jet.jpg) no-repeat 50%/cover
}
.body--product .content--product-list .box {
    box-sizing: border-box;
    padding: 5% 5% 4.3%;
    position: relative;
    z-index: 3
}
.body--product .content--product-list .box .text--category, .body--product .content--product-list .box .title {
    font-family: var(--font-rajdhani);
    line-height: 1.1
}
.body--product .content--product-list .box .text--category {
    font-size: var(--font-size-30px);
    font-weight: 500;
    margin-bottom: 5px
}
.body--product .content--product-list .box .title--box {
    font-size: var(--font-size-45px);
    font-weight: 700
}
.body--product .content--product-list .box .text--link-detail {
    font-weight: 700
}
.body--product .content--product-list .box .text--link-detail+.title--copy {
    font-size: var(--font-size-24px);
    font-weight: 600;
    margin-bottom: 5px;
    margin-top: 25px
}
.body--product .content--product-list .box .text--link-detail+.text--caption {
    margin-top: 55px
}
.body--product .content--product-list .link:hover .block:after {
    transition: .6s;
    width: 25%
}
.body--product .content--catch-product {
    position: relative;
    z-index: 2
}
.body--product .catch--movie {
    height: 56.25vw;
    overflow: hidden
}
.body--product .catch--movie:after {
    background-color: #0006;
    bottom: 0;
    content: "";
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2
}
.body--product .catch--movie .block--embed .video {
    height: 56.25vw;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}
.body--product .catch--visual {
    height: 45vw
}
.body--product .wrap--title {
    align-content: end;
    box-sizing: border-box;
    color: #f8f8f8;
    height: 100%;
    justify-content: center;
    line-height: 1.1;
    padding-bottom: 12vh;
    text-align: center
}
.body--product .wrap--title.l-pageInner {
    z-index: 3 !important
}
.body--product .wrap--title .strong--title {
    display: block;
    font-size: 6.25rem;
    font-weight: 700
}
.body--product .wrap--title .text--category, .body--product .wrap--title .title--page-parent {
    font-size: 3.75rem
}
.body--product .wrap--title .title--page-parent {
    font-weight: 600
}
.body--product .wrap--title .text--category {
    margin-top: 2%
}
.body--product .warp--product {
    padding-top: 2%
}
.body--product .warp--product .bg--stripe-lines {
    background-image: repeating-linear-gradient(-45deg, #7e1b1f, #7e1b1f 4px, #1c1c1c 0, #1c1c1c 16px);
    -webkit-clip-path: polygon(100% 0, 0 0, 0 100%);
    clip-path: polygon(100% 0, 0 0, 0 100%);
    height: 70vw;
    left: 0;
    position: absolute;
    top: 0;
    width: 70vw;
    z-index: 1
}
.body--product .warp--product .bg--stripe-lines:before {
    background: linear-gradient(135deg, #1c1c1c, #1c1c1c00);
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    width: 100%
}
.body--product .warp--product .bg--stripe-lines--center {
    background-image: repeating-linear-gradient(-45deg, #2c1c1d, #2c1c1d 12px, #1c1c1c 0, #1c1c1c 36px);
    height: 75vh;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    z-index: 1
}
.body--product .warp--product .content {
    position: relative;
    z-index: 2
}
.body--product .main {
    position: relative
}
.body--product .bg--main {
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 1
}
.body--product .bg--main .l-pageInner {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(25%, 1fr));
    height: 100%;
    padding-left: 0;
    padding-right: 0
}
.body--product .bg--main span:first-of-type, .body--product .bg--main span:nth-of-type(2) {
    border-left: 2px solid #2d2d2d
}
.body--product .bg--main span:nth-of-type(3) {
    border-left: 2px solid #2d2d2d;
    border-right: 2px solid #2d2d2d
}
.body--product .bg--main span:nth-of-type(4) {
    border-right: 2px solid #2d2d2d
}
.body--product .wrap--content {
    position: relative;
    z-index: 2
}
.body--product .content--hero {
    margin-bottom: 3%
}
.body--product .content--hero .figure {
    box-sizing: border-box;
    filter: drop-shadow(12px 12px 24px #ed1b23);
    flex: 0 1 45%;
    margin-right: 5%;
    order: -1;
    padding: 5% 4% 5% 0
}
.body--product .content--hero .block {
    align-self: center;
    flex: 1
}
.body--product .content--lead {
    margin-bottom: 10%
}
.body--product .content--lead .title {
    color: #ed1b23;
    font-size: var(--font-size-28px);
    font-weight: 700;
    line-height: 1.56;
    margin-bottom: 30px
}
.body--kx-1-race-gp .content--lead .box--text .text+.text, .body--nz-race .content--lead .box--text .text+.text {
    margin-top: 1rem
}
@media screen and (min-width:521px) {
    .body--kx-1-race-gp .content--lead .box--text, .body--nz-race .content--lead .box--text {
        column-count: 2;
        column-gap: 40px
    }
}
.body--product .product--feature+.product--feature {
    margin-top: 10%
}
.body--product .product--feature .title--content {
    margin-bottom: 6%;
    position: relative
}
.body--product .product--feature .title--content .title--en {
    color: #373737;
    display: block;
    font-size: 11.25rem;
    font-weight: 700;
    left: -7%;
    line-height: 1;
    position: absolute;
    top: -75%;
    white-space: nowrap;
    z-index: -1
}
.body--product .product--feature .title--content .title--jp {
    font-size: var(--font-size-36px);
    font-weight: 700
}
.body--product .product--feature .lead+.wrap {
    margin-top: 4%
}
.body--product .product--feature .title--box {
    color: #ed1b23;
    font-size: var(--font-size-24px);
    font-weight: 500;
    margin-bottom: 8px
}
.body--product .product--feature .block .box+.box {
    margin-top: 40px
}
.body--product .product--feature .box .text+.text {
    margin-top: 1.5rem
}
.body--product .product--feature .wrap.l-flex>.figure {
    box-sizing: border-box;
    flex: 0 1 45%
}
.body--product .product--feature .wrap.l-flex>.block {
    flex: 1
}
.body--product .product--feature .wrap.l-flex>.block .lead {
    margin-bottom: 7%
}
.body--product .product--feature .flex--photo-left>.figure {
    order: -1;
    padding: 3% 4% 0 2%
}
.body--product .product--feature .flex--photo-right>.figure {
    padding: 3% 2% 0 4%
}
@media screen and (min-width:521px) {
    .body--product .product--feature .flex--photo-left>.figure {
        margin-right: 6%
    }
    .body--product .product--feature .flex--photo-right>.figure {
        margin-left: 6%
    }
    .body--product .product--feature .wrap--shell .box {
        padding-right: 3.5%
    }
    .body--product .product--feature .wrap--shell .figure {
        padding-left: 6%;
        padding-right: 2%
    }
}
.body--product .content--feature .wrap.l-flex {
    margin-top: 4%
}
.body--product .content--feature .wrap.l-flex .block, .body--product .content--feature .wrap.l-flex .box {
    flex: 1
}
.body--product .content--feature .wrap.l-flex .figure {
    align-self: center;
    box-sizing: border-box;
    flex: 0 1 40%;
    padding: 0 4%
}
@media screen and (min-width:521px) {
    .body--product .content--feature .wrap.l-flex .figure {
        margin-left: 4%
    }
}
.body--product .content--safety {
    padding-bottom: 7%
}
.body--product .content--safety .lead {
    margin-bottom: 4%
}
.body--kx-1-race-gp .content--visor-features .prebox, .body--nz-race .content--visor-features .prebox, .body--r2r .content--visor-features .prebox, .body--ttr-jet .content--visor-features .prebox {
    grid-template-columns: 4fr 3fr;
    grid-column-gap: 30px
}
.body--kx-1-race-gp .content--visor-features .prebox .figure, .body--nz-race .content--visor-features .prebox .figure, .body--r2r .content--visor-features .prebox .figure, .body--ttr-jet .content--visor-features .prebox .figure {
    margin-top: 3%
}
.body--kx-1-race-gp .content--visor-features .wrap.l-flex>.figure, .body--nz-race .content--visor-features .wrap.l-flex>.figure, .body--r2r .content--visor-features .wrap.l-flex>.figure, .body--ttr-jet .content--visor-features .wrap.l-flex>.figure {
    align-self: center;
    box-sizing: border-box;
    flex: 0 1 40%;
    padding: 0 2% 0 4%
}
@media screen and (min-width:521px) {
    .body--kx-1-race-gp .content--visor-features .wrap.l-flex>.figure, .body--nz-race .content--visor-features .wrap.l-flex>.figure, .body--r2r .content--visor-features .wrap.l-flex>.figure, .body--ttr-jet .content--visor-features .wrap.l-flex>.figure {
        margin-left: 4%
    }
}
.body--product .content--all-collection {
    background-color: #0707078c;
    margin-bottom: 8%;
    padding: 4% 0
}
.body--product .content--all-collection .title--content {
    color: #ed1b23;
    filter: drop-shadow(2px 2px 18px #ed1b23);
    font-size: 4.06rem;
    font-weight: 600;
    margin-bottom: 50px;
    text-align: center
}
.body--product .content--all-collection .list--collection {
    column-gap: clamp(10px, 1.5vw, 30px);
    grid-template-columns: repeat(4, minmax(140px, 1fr));
    grid-template-rows: auto 1fr auto
}
.body--product .content--all-collection .list-item {
    box-sizing: border-box;
    display: grid;
    grid-row: span 3;
    grid-template-rows: subgrid;
    row-gap: 0
}
.body--product .content--all-collection .images {
    box-sizing: border-box;
    padding: 0 3% 5% 1.5%
}
.body--product .content--all-collection .title--item {
    align-self: start;
    display: block;
    font-family: var(--font-rajdhani);
    font-size: var(--font-size-20px);
    font-weight: 600;
    line-height: 1.25;
    margin-top: 20px
}
.body--product .content--all-collection .df--price-option, .body--product .content--all-collection .span--price {
    display: block;
    font-family: var(--font-notoSans);
    font-size: var(--font-size-16px)
}
.body--product .content--all-collection .span--tax {
    font-size: var(--font-size-13px)
}
.body--product .content--all-collection .df-price+.df-option-name {
    border-top: 1px dashed #535353;
    margin-top: 10px;
    padding-top: 5px
}
.body--product .content--all-collection .df-option-name .span {
    font-size: 80%
}
.body--product .content--all-collection .df--price-option, .body--product .content--all-collection .span--price {
    border-top: 1px solid #535353;
    margin-top: 10px;
    padding-top: 5px
}
.body--product .content--all-collection .table--size-sheet {
    border: 1px solid #888;
    border-collapse: collapse;
    margin-top: 6%;
    table-layout: fixed;
    width: 100%
}
.body--product .content--all-collection .table--size-sheet .td, .body--product .content--all-collection .table--size-sheet .th {
    border: 1px solid #888;
    box-sizing: border-box;
    font-family: var(--font-rajdhani);
    font-size: var(--font-size-18px);
    padding: .3rem 1rem
}
.body--product .content--all-collection .table--size-sheet .th {
    font-weight: 600;
    text-align: left;
    width: 25%
}
.body--product .content--all-collection .table--size-sheet .td {
    text-align: center
}
.body--product .content--all-collection .table--size-sheet .td:not(.td--cell-joint) {
    width: 12.5%
}
.body--product .content--all-collection .wrap--option-item {
    margin-top: 8%
}
.body--product .content--all-collection .wrap--option-item .title--wrap {
    font-size: var(--font-size-40px);
    font-weight: 700;
    line-height: 1;
    margin-bottom: 2%
}
.body--product .content--all-collection .wrap--option-item .df--option {
    grid-template-columns: 1fr 11rem
}
.body--product .content--all-collection .wrap--option-item .df--option .df-item-name, .body--product .content--all-collection .wrap--option-item .df--option .df-price {
    border-bottom: 1px solid #888;
    padding: .8rem 1rem
}
.body--product .content--all-collection .wrap--option-item .df--option .df-item-name {
    display: block;
    font-family: var(--font-notoSans);
    font-size: var(--font-size-16px)
}
.body--product .content--all-collection .wrap--option-item .df--option .df-price {
    text-align: right
}
.body--product .content--all-collection .wrap--option-item .df--option .span--tax {
    margin-left: .3rem
}
.body--product .content--all-collection .wrap--option-item .list--option-photo {
    grid-column: span 2;
    grid-template-columns: repeat(3, 1fr)
}
.body--product .content--all-collection .wrap--option-item .list--option-photo .list-item {
    text-align: center;
    margin-top: 0;
}
.body--product .content--all-collection .wrap--option-item .list--option-photo .link {
    color: #fff;
    text-decoration: none
}
.body--product .content--all-collection .wrap--option-item .list--option-photo .span--caption {
    font-size: var(--font-size-14px)
}
@media screen and (min-width:521px) {
    .body--product .content--all-collection .list-item:nth-child(n+5) {
        margin-top: 50px
    }
    .body--product .content--all-collection .list--option-photo {
        gap: 0 20px;
        margin: 2% 10% 5%
    }
    .body--product .content--all-collection .list--option-photo .images {
        display: block;
        margin: 0 auto;
        max-width: 80%
    }
}
.pswp__button--arrow--left {
    left: 10% !important
}
.pswp__button--arrow--right {
    right: 10% !important
}
.pswp__bg {
    background-color: #000000d9 !important
}
.pswp__caption__center {
    text-align: center !important
}
.body--product .content--spec {
    padding-bottom: 5%
}
.body--product .content--spec .df--spec {
    grid-template-columns: repeat(2, minmax(320px, 1fr))
}
.body--product .content--spec .df-text, .body--product .content--spec .df-title {
    border-bottom: 1px solid #888;
    padding: .8rem 1rem
}
.body--product .content--spec .df-title {
    font-weight: 700
}
.body--product .link--wrap {
    padding-bottom: 4%;
    padding-left: 0
}
.body--kx-1-race-gp .content--hero .list--icons {
    grid-template-columns: 1fr 3.8fr 4.2fr;
    grid-column-gap: 20px;
    margin-top: 5%;
    width: 90%
}
.body--kx-1-race-gp .content--feature .wrap--2column {
    grid-template-columns: minmax(320px, 38%) auto;
    grid-column-gap: 50px;
    margin-top: 5%
}
.body--kx-1-race-gp .content--feature .box--homologated-fim .wrap .text {
    flex: 1;
    margin-right: 5%
}
.body--kx-1-race-gp .content--feature .box--homologated-fim .wrap .figure {
    flex: 0 1 50%;
    margin-top: 1%
}
.body--kx-1-race-gp .content--safety .wrap {
    grid-template-columns: repeat(2, minmax(320px, 1fr));
    grid-column-gap: 40px
}
.body--nz-race .content--hero .title--logo {
    margin-bottom: 8%;
    margin-left: -3%;
    margin-right: -3%;
    position: relative
}
.body--nz-race .content--hero .list--icons {
    grid-template-columns: repeat(7, 1fr);
    grid-column-gap: 10px
}
.body--nz-race .content--hero .icon--12 {
    box-sizing: border-box;
    grid-column: 5/8;
    grid-row: 2;
    padding: 6px 10px 0 2px
}
@media screen and (min-width:521px) {
    .body--nz-race .content--feature .wrap.l-flex .figure {
        margin-left: 3%
    }
}
.body--skyhawk .content--hero .title--logo {
    margin-bottom: 8%;
    margin-left: -3%;
    margin-right: -3%;
    position: relative
}
.body--skyhawk .content--hero .list--icons {
    grid-template-columns: repeat(6, 1fr);
    grid-column-gap: 10px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 4%
}
.body--skyhawk .content--ventilation .block {
    align-self: center
}
.body--skyhawk .content--comfort-liners .wrap.l-flex>.figure {
    align-self: center;
    box-sizing: border-box;
    flex: 0 1 40%;
    padding: 0 2% 0 4%
}
@media screen and (min-width:521px) {
    .body--skyhawk .content--comfort-liners .wrap.l-flex>.figure {
        margin-left: 4%
    }
}
.body--r2r .content--hero .title--logo {
    margin-bottom: 8%;
    margin-left: -3%;
    margin-right: -3%;
    position: relative
}
.body--r2r .content--hero .list--icons {
    grid-template-columns: repeat(7, 1fr);
    grid-column-gap: 10px
}
.body--r2r .content--hero .icon--13 {
    box-sizing: border-box;
    grid-column: 6/8;
    grid-row: 2;
    padding-top: 6px
}
.body--r2r .content--safety .wrap {
    grid-template-columns: repeat(2, minmax(320px, 1fr));
    grid-column-gap: 40px
}
.body--ttr-jet .catch--visual {
    background: url(/cc-kyt/wp-content/themes/kyt-japan/images/product/ttr-jet/catch.png) no-repeat 50%/cover
}
.body--ttr-jet .catch--visual:before {
    color: #ed1b2399;
    content: "TTR-JET";
    font-family: var(--font-rajdhani);
    font-size: 25vw;
    font-weight: 700;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    white-space: nowrap
}
.body--ttr-jet .content--hero .title--logo {
    margin-bottom: 8%;
    margin-left: -3%;
    margin-right: -3%;
    position: relative
}
.body--ttr-jet .content--hero .list--icons {
    grid-template-columns: repeat(7, 1fr);
    grid-column-gap: 10px
}
.body--ttr-jet .content--ventilation .block {
    align-self: center
}
@media screen and (max-width:520px) {
    .header {
        box-sizing: border-box;
        display: block;
        overflow-x: clip;
        padding: 0;
        width: 100%
    }
    .header:after, .header:before {
        display: none
    }
    .header .l-headerInner {
        display: flex;
        max-width: none
    }
    .header .nav--global {
        display: none
    }
    .header .logo--header {
        max-width: 20vw;
        padding: 3% 0 1% 4%
    }
    .header .logo--header:before {
        transform: translateX(-50%) skew(-30deg);
        width: 30vw
    }
    .header .nav--slideMenu {
        margin-left: auto
    }
    .header .nav--slideMenu:before {
        transform: translateX(-20%) skew(-30deg);
        width: 30vw
    }
    .header .nav--slideMenu .wrap--button {
        height: 40px;
        width: 40px
    }
    .header .nav--slideMenu .span--label {
        display: none
    }
    .header .nav--slideMenu .box--line {
        height: 22px;
        left: 4px;
        top: -6px;
        width: 30px
    }
    .header .nav--slideMenu .icon__line {
        height: 2px;
        left: 0;
        width: 100%
    }
    .header .nav--slideMenu .icon__line:first-of-type {
        top: 0
    }
    .header .nav--slideMenu .icon__line:nth-of-type(2) {
        top: 10px
    }
    .header .nav--slideMenu .icon__line:nth-of-type(3) {
        bottom: 0
    }
    .header .nav--slideMenu .icon__line>span {
        height: 3px;
        width: 3px
    }
    .header .nav--slideMenu .icon__line>span+span {
        margin-left: 4px
    }
    .header #drawerContent {
        width: 50vw
    }
    .body--common .header .logo {
        max-width: 20vw;
        padding: 3% 0 1% 4%
    }
    .body--common .link--banner-contact .box {
        padding-top: 1.5%
    }
    .body--common .link--banner-contact .title--en {
        font-size: var(--font-size-36px)
    }
    .body--common .link--banner-contact .title--jp {
        font-size: var(--font-size-16px)
    }
    .footer .nav {
        border-bottom: none
    }
    .footer .list--nav-sitemap {
        column-gap: 0;
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(50%, 1fr));
        padding-bottom: 3%
    }
    .footer .list-item:nth-of-type(n+3) {
        border-top: 1px solid #333
    }
    .footer .list-item:nth-of-type(2n) {
        border-left: 1px solid #333
    }
    .footer .list-item:last-child {
        grid-column: 1/span 2
    }
    .footer .list-item .link {
        display: block;
        padding: 13px 10px
    }
    .footer .block {
        padding: 5% 0 4%
    }
    .footer .logo--footer {
        max-width: 40%
    }
    .body--home .main .l-pageInner {
        padding-left: 4%;
        padding-right: 4%
    }
    .body--home .main .bg--main span:first-of-type, .body--home .main .bg--main span:nth-of-type(3) {
        border-left: 1px solid #535353
    }
    .body--home .main .bg--main span:nth-of-type(4) {
        border-right: 1px solid #535353
    }
    .body--home .content--product {
        padding-bottom: 13%;
        padding-top: 8%
    }
    .body--home .content--product .title--content {
        font-size: var(--font-size-50px);
        margin-bottom: 3%
    }
    .body--home .content--product .link .figure {
        bottom: -10%;
        position: absolute;
        right: 0;
        width: 45%;
        z-index: 3
    }
    .body--home .content--product .link+.link {
        margin-top: 12%
    }
    .body--home .content--product .link:nth-of-type(2n) .figure, .body--home .content--product .link:nth-of-type(odd) .figure {
        right: 0
    }
    .body--home .content--product .link:nth-of-type(3) .figure {
        width: 50%
    }
    .body--home .content--product .block:before {
        width: 49.9%
    }
    .body--home .content--product .box {
        box-sizing: border-box;
        padding: 5% 5% 4.3%;
        position: relative;
        z-index: 3
    }
    .body--home .content--product .box .text--category {
        font-size: var(--font-size-25px);
        margin-bottom: 5px
    }
    .body--home .content--product .box .title--box {
        font-size: var(--font-size-45px)
    }
    .body--home .content--product .box .text--link-detail+.title--copy {
        font-size: var(--font-size-22px);
        margin-bottom: 5px;
        margin-top: 15px
    }
    .body--home .content--product .box .text--link-detail+.text--caption {
        margin-top: 35px
    }
    .body--home .content--product .box .text--caption {
        box-sizing: border-box;
        font-size: var(--font-size-16px);
        line-height: 1.53;
        max-width: 45%
    }
    .body--home .content--news {
        padding-bottom: 10%;
        padding-top: 6%
    }
    .body--home .content--news:before {
        height: 10vw;
        width: 10vw
    }
    .body--home .content--news:after {
        height: 50vw;
        width: 50vw
    }
    .body--home .content--news .title--content {
        font-size: var(--font-size-45px)
    }
    .body--home .content--news .wrap--article {
        box-sizing: border-box;
        column-gap: 3%;
        grid-template-columns: repeat(auto-fit, minmax(46%, 1fr));
        padding-left: 1%;
        padding-right: 1%;
        row-gap: 0
    }
    .body--home .content--news .article {
        box-sizing: border-box;
        height: auto
    }
    .body--home .content--news .article:nth-of-type(n+3) {
        margin-top: 15%
    }
    .body--home .content--news .article .text--category {
        font-size: var(--font-size-20px)
    }
    .body--home .content--news .article .title--article {
        font-weight: 400;
        line-height: 1.6
    }
    .body--about-kyt .content--about-body {
        padding: 8%
    }
    .body--about-kyt .content--about-body .figure {
        margin-left: -8%;
        margin-right: -8%
    }
    .body--about-kyt .swiper-wrapper {
        transition-timing-function: linear
    }
    .body--about-kyt .swiper-slide img {
        height: auto;
        vertical-align: top;
        width: 100%
    }
    .body--product .content--product-list {
        padding: 8% 3% 12%
    }
    .body--product .content--product-list .link .figure {
        bottom: -10%;
        position: absolute;
        right: 0;
        width: 45%;
        z-index: 3
    }
    .body--product .content--product-list .link+.link {
        margin-top: 12%
    }
    .body--product .content--product-list .link:nth-of-type(2n) .figure, .body--product .content--product-list .link:nth-of-type(odd) .figure {
        right: 0
    }
    .body--product .content--product-list .link:nth-of-type(3) .figure {
        width: 50%
    }
    .body--product .content--product-list .block:before {
        width: 49.9%
    }
    .body--product .content--product-list .box {
        box-sizing: border-box;
        padding: 5% 5% 4.3%;
        position: relative;
        z-index: 3
    }
    .body--product .content--product-list .box .text--category {
        font-size: var(--font-size-25px);
        margin-bottom: 5px
    }
    .body--product .content--product-list .box .title--box {
        font-size: var(--font-size-45px)
    }
    .body--product .content--product-list .box .text--link-detail+.title--copy {
        font-size: var(--font-size-22px);
        margin-bottom: 5px;
        margin-top: 15px
    }
    .body--product .content--product-list .box .text--link-detail+.text--caption {
        margin-top: 35px
    }
    .body--product .content--product-list .box .text--caption {
        box-sizing: border-box;
        font-size: var(--font-size-16px);
        line-height: 1.53;
        max-width: 45%
    }
    .body--product .content--catch-product {
        position: relative;
        z-index: 2
    }
    .body--product .catch--movie {
        height: 80vw
    }
    .body--product .catch--movie .block--embed .video {
        height: 80vw;
        left: 50%;
        transform: translateX(-50%);
        width: 140%
    }
    .body--product .catch--visual {
        height: 60vw
    }
    .body--product .wrap--title {
        padding-bottom: 5%
    }
    .body--product .wrap--title .strong--title {
        font-size: 3.25rem
    }
    .body--product .wrap--title .text--category, .body--product .wrap--title .title--page-parent {
        font-size: 1.75rem
    }
    .body--product .content--hero {
        padding-left: 5%;
        padding-right: 5%
    }
    .body--product .content--lead .title {
        font-size: var(--font-size-24px)
    }
    .body--kx-1-race-gp .content--lead, .body--nz-race .content--lead {
        padding-left: 5%;
        padding-right: 5%
    }
    .body--kx-1-race-gp .content--lead .box--text, .body--nz-race .content--lead .box--text {
        grid-template-columns: 1fr;
        grid-column-gap: 0
    }
    .body--product .product--feature {
        padding-left: 5%;
        padding-right: 5%
    }
    .body--product .product--feature+.product--feature {
        margin-top: 20%
    }
    .body--product .product--feature .title--content {
        margin-bottom: 6%;
        position: relative
    }
    .body--product .product--feature .title--content .title--en {
        color: #373737;
        display: block;
        font-size: 6rem;
        font-weight: 700;
        left: -7%;
        line-height: 1;
        position: absolute;
        top: -15%;
        white-space: nowrap;
        z-index: -1
    }
    .body--product .product--feature .title--content .title--jp {
        font-size: var(--font-size-36px);
        font-weight: 700
    }
    .body--product .product--feature .block .box+.box {
        margin-top: 7%
    }
    .body--product .product--feature .wrap.l-flex {
        display: block
    }
    .body--product .product--feature .wrap.l-flex>.figure {
        box-sizing: border-box;
        flex: 0 1 100%;
        padding: 8% 15% 3%
    }
    .body--product .product--feature .wrap.l-flex>.block .lead {
        margin-bottom: 7%
    }
    .body--product .product--feature .flex--photo-left>.figure {
        padding: 8% 10% 5%
    }
    .body--product .product--feature .flex--photo-right>.figure {
        padding: 8% 10% 0
    }
    .body--product .content--safety .lead {
        margin-bottom: 7%
    }
    .body--product .content--all-collection {
        padding: 4% 0
    }
    .body--product .content--all-collection .title--content {
        font-size: 3.06rem;
        text-align: center
    }
    .body--product .content--all-collection .list--collection {
        grid-template-columns: repeat(2, minmax(160px, 1fr));
        grid-column-gap: 20px;
        margin-left: 5%;
        margin-right: 5%;
        row-gap: 30px
    }
    .body--product .content--all-collection .images {
        box-sizing: border-box;
        padding: 0 3% 5% 1.5%
    }
    .body--product .content--all-collection .wrap--table-size {
        margin-left: 3%;
        margin-right: 3%;
        margin-top: 6%;
        overflow-x: auto;
        padding-bottom: 3%;
        width: 94%
    }
    .body--product .content--all-collection .table--size-sheet {
        width: 800px
    }
    .body--product .content--all-collection .df-option-name .span {
        display: block;
        font-size: 80%
    }
    .body--product .content--all-collection .list--option-photo {
        gap: 0 10px;
        margin: 2% 2% 10%
    }
    .body--product .content--all-collection .list--option-photo .images {
        display: block;
        margin: 0 auto;
        max-width: 90%
    }
    .body--product .content--all-collection .list--option-photo .span--caption {
        font-size: var(--font-size-12px)
    }
    .body--product .content--spec .df--spec {
        grid-template-columns: repeat(2, minmax(160px, 1fr))
    }
    .body--product .link--wrap {
        padding-bottom: 0;
        padding-left: 0
    }
    .body--kx-1-race-gp .content--feature .wrap--2column {
        grid-template-columns: 1fr;
        grid-column-gap: 0;
        margin-top: 5%
    }
    .body--kx-1-race-gp .content--feature .box+.box {
        margin-top: 5%
    }
    .body--kx-1-race-gp .content--feature .box--homologated-fim .wrap .figure {
        margin-top: 1.5rem
    }
    .body--kx-1-race-gp .content--safety .wrap {
        grid-template-columns: 1fr;
        grid-column-gap: 0
    }
    .body--kx-1-race-gp .content--safety .wrap .box+.box {
        margin-top: 5%
    }
    .body--nz-race .content--hero {
        padding-top: 5%
    }
    .body--nz-race .content--hero .list--icons {
        grid-template-columns: repeat(4, 1fr);
        grid-column-gap: 5px
    }
    .body--nz-race .content--hero .icon--12 {
        box-sizing: border-box;
        grid-column: 1/4;
        grid-row: 4;
        padding: 6px 10px 0 2px
    }
    .body--skyhawk .content--hero .list--icons {
        grid-template-columns: repeat(4, 1fr);
        grid-column-gap: 5px;
        margin-left: auto;
        margin-right: auto;
        padding: 0 4%
    }
    .body--skyhawk .content--lead {
        margin-left: 5%;
        margin-right: 5%
    }
    .body--r2r .content--hero {
        margin-bottom: 10%;
        padding-top: 5%
    }
    .body--r2r .content--hero .list--icons {
        grid-template-columns: repeat(4, 1fr);
        grid-column-gap: 5px
    }
    .body--r2r .content--hero .icon--13 {
        box-sizing: border-box;
        grid-column: 1/4;
        grid-row: 4;
        padding: 6px 10px 0 2px
    }
    .body--r2r .content--lead {
        margin-left: 5%;
        margin-right: 5%
    }
    .body--r2r .content--lead .title--content {
        margin-bottom: 3%;
        margin-left: -1%;
        text-align: center
    }
    .body--r2r .content--safety .wrap {
        grid-template-columns: 1fr;
        grid-column-gap: 0
    }
    .body--r2r .content--safety .wrap .box+.box {
        margin-top: 5%
    }
    .body--ttr-jet .content--hero {
        margin-bottom: 10%;
        padding-top: 5%
    }
    .body--ttr-jet .content--hero .list--icons {
        grid-template-columns: repeat(4, 1fr);
        grid-column-gap: 5px
    }
    .body--ttr-jet .content--lead {
        margin-left: 5%;
        margin-right: 5%
    }
    .body--ttr-jet .content--lead .title--content {
        margin-bottom: 3%;
        margin-left: -1%;
        text-align: center
    }
    .body--ttr-jet .content--safety .wrap {
        grid-template-columns: 1fr;
        grid-column-gap: 0
    }
    .body--ttr-jet .content--safety .wrap .box+.box {
        margin-top: 5%
    }
    .category-news .content--news {
        padding-top: 8%;
        padding-bottom: 100%;
    }
    .category-news .content--news .l-pageInner {
        margin-left: 4%;
        margin-right: 4%
    }
    .category-news .content--news .wrap--article {
        column-gap: 4%;
        grid-template-columns: repeat(2, minmax(160px, 1fr));
        position: relative;
        z-index: 2
    }
    .body--single .content--news-body {
        padding-bottom: 0;
        padding-top: 8%
    }
    .body--single .content--news-body .l-pageInner {
        margin-left: 8%;
        margin-right: 8%
    }
    .body--single .content--news-body .article .no--thumbnail .images {
        max-width: 150px;
        object-fit: contain
    }
    .body--single .link--prev {
        margin-left: -10%;
        margin-top: 15%
    }
    .body--company .content--about-cordaMoto {
        padding: 4% 5%
    }
    .body--company .content--about-cordaMoto .l-grid {
        column-gap: 5%;
        grid-template-columns: 65% auto
    }
    .body--company .content--outline {
        padding: 4% 0 0
    }
    .body--company .content--outline .df--company-outline {
        column-gap: 5%;
        grid-template-rows: 2fr 1fr 1fr 2fr 1fr 5fr;
        padding: 0 5%
    }
    .body--company .content--outline .df-title {
        margin-bottom: 8%
    }
    .body--company .content--outline .df-text a {
        color: #f8f8f8;
        text-decoration: none
    }
    .body--dealer .l-pageInner {
        margin: 0 5%
    }
    .body--dealer .content--dealer .title--block .title--en {
        font-size: 6rem;
        left: -5%;
        top: -15%
    }
    .body--dealer .content--dealer .title--block .title--jp {
        font-size: var(--font-size-36px)
    }
    .body--dealer .list--box-title {
        display: none
    }
    .body--dealer .block--dealer .box--dealer-info, .body--dealer .block--ec-site .box--dealer-info {
        grid-template-columns: 70px auto;
        padding: 10px 0
    }
    .body--dealer .block--dealer .box--dealer-info .link--web, .body--dealer .block--dealer .box--dealer-info:before, .body--dealer .block--ec-site .box--dealer-info .link--web, .body--dealer .block--ec-site .box--dealer-info:before {
        align-self: center;
        grid-row: 1/span 3;
        margin-right: 5%
    }
    .body--dealer .block--dealer .address .span--zipcode+.span--text {
        display: block;
        margin-top: -.2rem
    }
    .body--support .content--owners-manual {
        padding: 7% 5% 0
    }
    .body--support .content--owners-manual .title--content {
        font-size: var(--font-size-36px)
    }
    .body--support .content--owners-manual .wrap--support-product {
        grid-template-columns: 1fr
    }
    .body--support .content--owners-manual .card:nth-child(n+2) {
        margin-top: 3%
    }
    .body--support .content--owners-manual .span--icon {
        max-width: 20px
    }
    .body--support .content--owners-manual .link--banner-contact {
        margin-left: -6%;
        margin-right: -5%
    }
    .body--contact .content--contact {
        padding: 5%
    }
    .body--contact .content--contact .block--form-body {
        margin-top: 10%;
        padding: 0
    }
    .body--contact .content--contact .fieldset+.fieldset {
        margin-top: 5%
    }
    .body--privacy-policy .content--catch .title--page .title--en {
        font-size: 4rem;
        line-height: 1.2
    }
    .body--privacy-policy .content--body {
        padding: 8%
    }
    .body--privacy-policy .content--body .text--lead {
        margin-bottom: 10%
    }
    .body--privacy-policy .content--body .df+.df {
        margin-top: 10%
    }
}