@charset "utf-8";

/* ---------------------------------------------------------
■ デフォルトリセット
--------------------------------------------------------- */
body ,div {
	margin: 0px;
	padding: 0px;
}
h1, h2, h3, h4, h5, h6, p, address,
ul, ol, li, dl, dt, dd,
table, th, td, img, form {
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	font-style: normal;
	font-size: 100%;
	line-height: 1;
	border: none;
	list-style-type: none;
}
img { vertical-align: bottom;}
input, textarea { font-size: 100%; }

    
  img {
    display: block;
    width: 100%;
    height: auto;
  }

.pc_only {}
.sp_only {display: none!important}
  /* ---- sp ---- */
@media screen and (max-width: 750px) {
.pc_only {display: none!important}
.sp_only {display: block!important}
    
}
  /* ---- header ---- */
.page-main {
    font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    font-weight: 400;
    position: relative;
}
header {width: 100%;position: absolute;top: 0;z-index: 100;}
.hed__inner {padding: 40px;}
.hed__lang-btn-wrap {background: #192839;width: 80px;height: 25px;display: flex;border-radius: 20px;margin-left: auto;}
.hed__lang-btn {color: #585858;font-size: 13px;text-align: center;width: 50%;line-height: 25px;text-decoration: none;}
.hed__lang-btn.hed__lang-btn-act {color: #000;background: #fff;border-radius: 20px;}

.fix-log {position: fixed;top: 0;left: 0;z-index: 100;width: 100%;opacity: 0;transform: translateY(-100%);visibility: hidden;pointer-events: none;transition: opacity .4s ease, transform .4s ease, visibility 0s linear .4s;border-bottom: 1px solid #eee;}
.fix-log.is-show {opacity: 1;transform: translateY(0);visibility: visible;pointer-events: auto;transition: opacity .4s ease, transform .4s ease, visibility 0s;}
.fix-log__inner {background: #fff;padding: 15px 20px;}
.fix-log__img {height: 30px;}
.fix-log__img img{display: block;width: auto;height: 100%;}

.page-top-btn {display: block;position: relative;width: 46px;height: 46px;border-radius: 50%;border:2px solid #004EA8;background: #fff;}
.page-top-btn::after {content: "";display: block;position: absolute;top: calc(50% + 2px);left: 50%;width: 10px;height: 10px;border-left: 2px solid #004EA8;border-top: 2px solid #004EA8;transform: translate(-50% , -50%) rotate(45deg);}
.page-top-btn-wrap {
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 100;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: opacity .4s ease, visibility 0s linear .4s;
}
.page-top-btn-wrap.is-show {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transition: opacity .4s ease, visibility 0s;
}
.page-top-btn-wrap.is-stop {
    position: absolute;
    right: 20px;
    bottom: 20px;
}

  /* ---- sp ---- */
@media screen and (max-width: 750px) {
    .hed__inner {padding: 20px;}
    .fix-log__inner {padding: 13px 20px;}
    .fix-log__img {height: 20px;}
    
    .page-top-btn {width: 36px;height: 36px;}
    .page-top-btn::after {width: 8px;height: 8px;}
    .page-top-btn-wrap {right: 10px;bottom: 10px;}
    .page-top-btn-wrap.is-stop {right: 10px;bottom: 10px;}
}
  /* ---- Main visual (PC: design width 1400 x 1313) ---- */
  .main {
    position: relative;
    width: 100%;
    aspect-ratio: 1400 / 1313;
    overflow: hidden;
    background: #004EA8;
  }

  .main__photo {
    position: absolute;
    margin: 0;
  }
.main__photo video {display: block;width: 100%;height: auto;}

  .main__photo--01 { left: 3.71%;  top: 8.07%;  width: 21.43%; }
  .main__photo--02 { left: 32%;    top: 4.04%;  width: 15.71%; }
  .main__photo--03 { left: 58.86%; top: 1.52%;  width: 30%; }
  .main__photo--04 { left: 0;      top: 55.14%; width: 30.93%; }
  .main__photo--05 { left: 36.14%; top: 65.28%; width: 26.21%; }
  .main__photo--06 { left: 72.43%; top: 50.27%; width: 25.71%; }
  .main__photo--07 { left: 67.57%; top: 76.31%; width: 21.29%; }

  .main__content {
    position: absolute;
    top: 25%;
    left: 0;
    width: 100%;
    text-align: center;
  }

  .main__title {
    margin: 0;
    font-family: "Helvetica Neue", Helvetica, Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Noto Sans JP", sans-serif;
    font-family: "Archivo Narrow", "Arial Narrow", "Noto Sans JP", sans-serif;
    font-weight: 700;
    font-size: 5.14vw;
    line-height: 6.1vw;
    letter-spacing: 0.02em;
    color: #C6FF26;
  }

  .main__lead {
    margin: 1vw 0 0;
    font-weight: 700;
    font-size: 2.14vw;
    line-height: 3vw;
    letter-spacing: 0.1em;
    color: #C6FF26;
  }    
.main-en .main__lead {
    letter-spacing: 0.05em;
}
  .main__logo {
    width: 21.6%;
    margin: 4.86vw auto 0;
  }

  /* ---- SP (design width 750 x 1638) ---- */
  @media screen and (max-width: 750px) {
    .main {
      aspect-ratio: 750 / 1638;
    }

    .main__photo--01 { left: 5.07%;  top: 10.87%; width: 32%; }
    .main__photo--02 { left: 33.33%; top: 1.22%;  width: 24%; }
    .main__photo--03 { left: 50%;    top: 11.72%; width: 45.33%; }
    .main__photo--04 { left: 0;      top: 60.50%; width: 58.67%; }
    .main__photo--05 { left: 65.07%; top: 71.98%; width: 26.67%; }
    .main__photo--06 { left: 65.6%;  top: 56.59%; width: 32.13%; }
    .main__photo--07 { left: 30.13%; top: 83.76%; width: 39.73%; }

    .main__content {
      top: 30.83%;
    }

    .main__title {
      font-size: 7.07vw;
      line-height: 9.2vw;
    }

    .main__lead {
      margin-top: 3.07vw;
      font-size: 4vw;
      line-height: 6.13vw;
    }
    .main-en .main__lead {
        font-size: 3.6vw;
      }
    .main__logo {
      width: 40.27%;
      margin-top: 5.73vw;
    }
  }
/* ---- intro / main animation ---- */
.main__mask {display: block;overflow: hidden;}
.main__mask-inner {display: block;}
.intro {display: none;}
/* html.is-anim は head内のJSで付与（JS無効時は演出なし） */
.is-anim .intro {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 1000;
    overflow: hidden;
}
.is-anim.is-intro-skip .intro,
.is-anim .intro.is-hide {display: none;}
.intro__logo {
    width: 27%;
    max-width: 380px;
    opacity: 0;
    transition: opacity 1s ease;
}
.intro.is-logo .intro__logo {opacity: 1;}
.intro__panel {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #004EA8;
    transform: translateY(100%);
    transition: transform .9s cubic-bezier(.77, 0, .175, 1);
}
.intro.is-panel .intro__panel {transform: translateY(0);}

/* (3) テキストのせり上がり */
.is-anim .main__mask-inner {
    transform: translateY(105%);
    transition: transform .9s cubic-bezier(.22, 1, .36, 1);
}
.is-anim .main__mask:nth-child(2) .main__mask-inner {transition-delay: .12s;}
.is-anim .main__lead .main__mask-inner {transition-delay: .24s;}
.is-anim .main.is-text .main__mask-inner {transform: translateY(0);}

/* (4)(5) ロゴのせり上がり・写真の表示 */
.is-anim .main__logo {
    transform: translateY(105%);
    transition: transform .9s cubic-bezier(.22, 1, .36, 1);
}
.is-anim .main.is-visual .main__logo {transform: translateY(0);}
.is-anim .main__photo {
    clip-path: inset(0 100% 0 0);
    transition: clip-path .6s cubic-bezier(.3, .1, .7, .9);
}
.is-anim .main__photo--04 {transition-delay: .1s;}
.is-anim .main.is-visual .main__photo--03,
.is-anim .main.is-visual .main__photo--04 {clip-path: inset(0 0 0 0);}
.is-anim .main__photo--01 {transition-delay: 0s;}
.is-anim .main__photo--02 {transition-delay: .1s;}
.is-anim .main__photo--05 {transition-delay: .2s;}
.is-anim .main__photo--06 {transition-delay: .3s;}
.is-anim .main__photo--07 {transition-delay: .4s;}
.is-anim .main.is-photos .main__photo {clip-path: inset(0 0 0 0);}
.is-anim header {
    opacity: 0;
    transition: opacity 1s ease;
}
.is-anim header.is-show {opacity: 1;}
@media screen and (max-width: 750px) {
    .intro__logo {width: 60%;}
}
/* ---- street ---- */
.street {background: #004EA8;}
.street__bg {background:url("/lp/skateboard/img/img-street-mov-bg.png") no-repeat top center;background-size: 1400px 884px;}

.street__hed {padding: 200px 0 200px;}
.street__title {max-width: 860px;margin: auto;width: 90%;}
.street__title img {display: block;width: 100%;height: auto;}

.street__inner {max-width: 1100px;margin: auto;padding: 0 20px 80px;}
.street__log {width: 308px;margin: auto;}
.street__log img {display: block;width: 100%;height: auto;}
.street__mov-area {display: flex;justify-content: space-between;margin-top: 150px;}
.street__mov-wrap {width:45.5%;}
.street__mov {position: relative;padding-top: 56.25%;}
.street__mov iframe {position: absolute;top: 0;left: 0;right: 0;width: 100%;height: 100%;}
.street__poster {
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    background: #151515;
    color: #fff;
}
.street__poster img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.street__poster-play {
    position: relative;
    display: grid;
    place-items: center;
    width: 3.75rem;
    height: 2.75rem;
    border-radius: .65rem;
    background: #151515;
    color: #fff;
}
.street__poster:hover .street__poster-play,
.street__poster:focus-visible .street__poster-play {
    background: #b00000;
}
.street__poster:focus-visible {
    outline: 3px solid #fff;
    outline-offset: 3px;
}
.street__mov-label {
    margin-top: clamp(1rem, 2.4vw, 2rem);
    padding-inline-start: .75rem;
    border-inline-start: 5px solid #d6ff62;
    color: #fff;
}
.street__mov-title {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: .35rem .65rem;
    margin: 0;
    font-family: "Archivo Narrow", "Noto Sans JP", sans-serif;
    font-size: clamp(1.5rem, 1.15rem + 1vw, 2rem);
    font-weight: 700;
    line-height: 1.15;
    letter-spacing: .045em;
}
@media screen and (min-width: 751px) {
    html[lang="ja"] .street__mov-title {
        font-size: clamp(1.375rem, 1.05rem + .85vw, 1.75rem);
    }
}
.street__mov-badge {
    padding: .3em .65em;
    background: #d6ff62;
    color: #151515;
    font-size: .6875rem;
    line-height: 1.25;
    letter-spacing: .08em;
}
.street__mov-details {
    display: flex;
    flex-wrap: wrap;
    column-gap: 1rem;
    row-gap: .2rem;
    margin: .45rem 0 0;
    font-size: clamp(.8125rem, .75rem + .2vw, .875rem);
    line-height: 1.5;
}
  /* ---- SP ---- */
@media screen and (max-width: 750px) {
    .street {}
.street__bg {background:url("/lp/skateboard/img/img-street-mov-bg-sp.png") no-repeat top center;background-size: 100% auto;}
.street__sli-wrap {padding: 26% 0 15%;}
    
.street__hed {padding: 26% 0 15%;}
.street__title {}

.street__inner {padding: 0 20px 20%;}
.street__log {width: 40%;margin: auto;}
.street__mov-area {flex-flow: column;gap:2rem;margin-top: 10%;}
.street__mov-wrap {width: 100%;}
}

/* ---- support ---- */
.support {background: #151515;position: relative;padding: 18.75vw 0 0;}
.support__top-bg {width: 100%;height: 18.75vw;background: #004EA8;clip-path: polygon(0 0, 100% 0, 0 100%);position: absolute;top: -1px;}
.sup__head {padding: 50px 0 150px;}
.sup__title {font-family: "Oswald", "Noto Sans JP", sans-serif;font-weight: 600;font-size: 65px;line-height: 1.2;letter-spacing: 0.08em;color: #D6FF62;text-align: center;}
.sup__sub {
    font-weight: 700;
    font-size: 24px;
    text-align: center;
    line-height: 1;
    letter-spacing: 0.04em;
    color: #fff;
    line-height: 1.5;
    margin-top: 20px;
  }
.support__bg {position: relative;z-index: 0;overflow: hidden;padding-top: 50px;}
.support__bg::before {content: "";display: block;position: absolute;right: 0;top: 0;width: calc(50% + 300px);height:auto;padding-top: 54%;background:url("/lp/skateboard/img/img-sup01.png") no-repeat top center;background-size: cover;z-index: 0;}
.support__inner {max-width: 1240px;margin: auto;position: relative;z-index: 1;padding: 0 20px;}
.support__contents-title {}
.support__contents-title-en {font-family: "Oswald", "Noto Sans JP", sans-serif;color: #D6FF62;font-size: 20px;font-weight: 500;letter-spacing: 0.05em;}
.support__contents-title-rib {display: flex;justify-content: flex-start;margin-top: 30px;}
.support__contents-title-rib + .support__contents-title-rib {margin-top: 15px;}
.support__contents-title-rib-bg {position: relative;display: block;isolation: isolate;}
.support__contents-title-rib-bg::before {
    content: "";
    position: absolute;
    inset: 0;
    background-color: #D6FF62;
    transform: scaleX(0);
    transform-origin: left center;
    will-change: transform;
    backface-visibility: hidden;}
.support__contents-title-rib.view .support__contents-title-rib-bg::before {animation: contents-title-rib-anime .54s cubic-bezier(.22, 1, .36, 1) .3s both;}
@keyframes contents-title-rib-anime {
  from { transform: scaleX(0); }
  to   { transform: scaleX(1); }
}

.support__contents-title-rib-txt {font-size:clamp(30px, 3.2vw, 45px);font-weight: bold;position: relative;padding: 15px 20px;opacity: 0;display: block;}
.support__contents-title-rib.view .support__contents-title-rib-txt {animation-name:cmn-ani-fad-act;animation-fill-mode:forwards;animation-duration:0.3s;animation-timing-function:ease-out;animation-delay:800ms;}
.support__txt {color: #fff;font-size: 16px;line-height: 2;margin-top: 50px;}
.support__plf-box-wrap {max-width: 1100px;margin: 140px auto;background: #151515;padding: 5.5% 7.5%;box-sizing: border-box;}
.support__plf-box {display: flex;justify-content: space-between;color: #fff;}
.support__plf-img-area {width: 40%;}
.support__plf-txt-area {width: 50%;padding: 20px 0;}
.support__plf-lab {font-size: 14px;font-weight: bold;}
.support__plf-name {display: flex;align-items: center;justify-content: flex-start;margin-top: 30px;}
.support__plf-name .support__plf-name-jp{font-size: 22px;font-weight: bold;}
.support__plf-name .support__plf-name-en{color: #D6FF62;margin-left: 30px;font-size: 14px;font-weight: bold;}
.support__plf-txt {font-size: 16px;margin: 30px 0 50px;line-height: 1.8;}
.support__plf-his {}
.support__plf-his-tit {font-size: 16px;}
.support__plf-his-list {display: flex;justify-content: flex-start;font-size: 16px;margin-top: 20px;}
.support__plf-his-list + .support__plf-his-list {margin-top: 15px;} 
.support__plf-his-list dt{width: 50px;}
.support__plf-his-list dd{width: calc(100% - 50px);}

.support__bottom-box-wrap {margin: auto;max-width: 1240px;padding: 0 0 50px;}
.support__bottom-box {position: relative;}
.support__bottom-img-area {position: relative;padding-top: 68%;}
.support__bottom-img01 {position: absolute;top: 0;left: 3%;width:23%;}
.support__bottom-img02 {position: absolute;top: 13%;left: 29%;width: 15.4%;}
.support__bottom-img03 {position: absolute;top: 34%;left: 8%;width: 28.4%;}
.support__bottom-img04 {position: absolute;top: 70%;left: 0;width: 13.23%;}
.support__bottom-img05 {position: absolute;top: 75%;left: 20%;width: 21.35%;}
.support__bottom-img01 img,
.support__bottom-img02 img,
.support__bottom-img03 img,
.support__bottom-img04 img,
.support__bottom-img05 img {display: block;width: 100%;height: auto;}
.support__bottom-img {clip-path: inset(0 100% 0 0);transition: clip-path .6s cubic-bezier(.3, .1, .7, .9);}
.support__bottom-img.view {clip-path: inset(0 0 0 0);}
.support__bottom-img-area.view .support__bottom-img {clip-path: inset(0 0 0 0);}
.support__bottom-img-area.view .support__bottom-img.support__bottom-img01 {transition-delay: .4s;}
.support__bottom-img-area.view .support__bottom-img.support__bottom-img02 {transition-delay: .6s;}
.support__bottom-img-area.view .support__bottom-img.support__bottom-img03 {transition-delay: .8s;}
.support__bottom-img-area.view .support__bottom-img.support__bottom-img04 {transition-delay: 1s;}
.support__bottom-img-area.view .support__bottom-img.support__bottom-img05 {transition-delay: 1.2s;}

.support__bottom-txt-area {position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 52%;max-width: 650px;box-sizing: border-box;padding-right:15px;}

  /* ---- SP ---- */
@media screen and (max-width: 750px) {

    .sup__head {
        padding: 10% 0 15%;
    }
    .sup__title {
        font-size: 42px;
    }
    .sup__sub { 
        margin-top: 10px; 
        font-size: 16px; 
        line-height: 1.5;
    }
    .support__bg {
        padding-top: 0px;
    }
    .support__bg::before {
        top: 120px;
        width: 100%;
        padding-top: 82.66%;
        background: url("/lp/skateboard/img/img-sup01.png") no-repeat top right;
        background-size: auto 100%;
    }
    .support__inner {
        padding: 0 20px;
    }
    .support__contents-title-rib {
        margin-top: 20px;
    }
    .support__contents-title-rib + .support__contents-title-rib {
        margin-top: 10px;
    }
    .support__contents-title-en {
        font-size: 16px;
    }
    .support__contents-title-rib-txt {
        font-size:clamp(18px, 5.0vw, 38px);
        padding: 10px 15px;
    }
    .support__txt {
        font-size: 14px;
        margin-top: 25px;
    }
    .support__plf-box-wrap {
        margin: 30% 0 20% -20px;
        width: 100%;
        padding: 15% 0 15% 10%;
    }
    .support__plf-box {
        display: block;
    }
    .support__plf-img-area {
        width: 70%;
    }
    .support__plf-txt-area {
        width: 100%;
        padding: 15% 0 0;
    }
    .support__plf-lab {
        display: none;
    }
    .support__plf-name .support__plf-name-jp {
        font-size: 20px;
    }
    .support__plf-name .support__plf-name-en {
        margin-left: 15px;
        font-size: 14px;
        margin-top: 0px;
    }
    .support__plf-txt {
        font-size: 14px;
        margin: 20px 0 30px;
    }
    .support__plf-his-tit {
        font-size: 14px;
    }
    .support__plf-his-list {
        font-size: 14px;
    }
    .support__plf-his-list dd {
        line-height: 1.4;
    }
    .support__bottom-box-wrap {
        padding: 0 0 10%;
    }
    .support__bottom-box {
        display: flex;
        flex-direction: column-reverse;
    }
    .support__bottom-img-area {
        position: relative;
        padding-top: 137.73vw;
    }
    .support__bottom-img01 {position: absolute;top: 5%;left: 20px;width:48%;}
    .support__bottom-img02 {position: absolute;top: 0%;left: 60%;width: 32%;}
    .support__bottom-img03 {position: absolute;top: 35%;left: calc(41.34% - 10px);width: 58.66%;}
    .support__bottom-img04 {position: absolute;top: 48%;left: 20px;width: 27.33%;}
    .support__bottom-img05 {position: absolute;top: 73%;left: 18%;width: 44%;}
    .support__bottom-txt-area {
        position: relative;
        right: auto;
        top: auto;
        transform: translateY(0%);
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        padding-right: 0px;
        padding: 0 20px 15%;
    }
    
}

/* ---- technology ---- */

.technology {background: #fff url("/lp/skateboard/img/img-tec-bg.jpg") repeat;position: relative;width: 100%;background-size: 31px 29px;padding: 18.75vw 0 0;}
.tec__top-bg {width: 100%;height: 18.75vw;background: #151515;clip-path: polygon(0 0, 100% 0, 0 100%);position: absolute;top: -1px;}
.technology__inner {max-width: 1200px;margin: auto;padding: 60px 20px 100px;}
.tec__head {position: relative;text-align: center;color: #004EA8;}
.tec__title {font-family: "Oswald", "Noto Sans JP", sans-serif;font-weight: 600;font-size: 65px;line-height: 1.2;letter-spacing: 0.08em;color: #004EA8;text-align: center;}
  .tec__sub {
    font-weight: 700;
    font-size: 24px;
    text-align: center;
    line-height: 1;
    letter-spacing: 0.04em;
    color: #004EA8;
    
    margin-top: 20px;
  }
.tec__cards {margin-top: 50px;}
.tec-card {
    border: 3px solid transparent;
    background: linear-gradient(#fff, #fff) padding-box,linear-gradient(90deg, #0074FA, #9131F0) border-box;
    display: flex;
    padding: 60px 20px;
}

.tec-card + .tec-card {margin-top: 40px;}
.tec-card.tec-card--rev {
    flex-direction: row-reverse;
}
.tec-card__pos {width: 44%;box-sizing: border-box;padding: 0 30px;}
.tec-card__heading {color: #0074FA;font-size: 30px;text-align: left;font-weight: bold;line-height: 1.6;}
.technology-en .tec-card__heading {font-size: 26px;}
.tec-card__body {font-size: 14px;text-align: left;line-height: 2;margin-top: 30px;font-weight: normal;}
.tec-card__note {font-size: 12px;color: #888;font-weight: normal;line-height: 1.8;margin-top: 40px;}
.tec-card__note a{text-decoration: underline;color: #888;}

.tec-card__img-wrap {width: 55%;}
.tec-card__img-wrap.tec-card__img-wrap-sep {display: flex;box-sizing: border-box;padding: 0 20px;justify-content: space-between;}
.tec-card__img-wrap.tec-card__img-wrap-sep .tec-card__img {width: calc(50% - 20px);}
.tec-card__img {}
.tec-card__img img{display: block;}
.tec-card__caption {font-size: 13px;font-weight: normal;margin-top: 30px;line-height: 1.8;}
.tec-card__caption small {color: #888;font-size: 12px;padding: 0 0 0 50px;}

.tec-card.tec-card03 {
    padding: 60px 0px 60px 20px;
}
.tec-card.tec-card03 .tec-card__img-wrap {
    width: 56%;
}
.tec-card.tec-card04 .tec-card__pos {
width: 50%;
box-sizing: border-box;
padding: 0 30px 0 0px;
}
.tec-card.tec-card04 .tec-card__img-wrap {
width: 50%;
}

  /* ---- SP ---- */
@media screen and (max-width: 750px) {
    .technology__inner {padding: 60px 10px 100px;}
    .tec__title {font-size: 42px;}
    .tec__sub {margin-top: 10px;font-size: 16px;}
    .tec-card {padding: 60px 20px;display: block;}
    .tec-card__pos {width: 100%;box-sizing: border-box;padding: 0 10px;}
    .tec-card__img-wrap {width: 100%;margin-top: 50px;}
    .tec-card__img-wrap.tec-card__img-wrap-sep {display: block;}
    .tec-card__img-wrap.tec-card__img-wrap-sep .tec-card__img {width: 80%;margin: auto;}
    .tec-card__img-wrap.tec-card__img-wrap-sep .tec-card__img + .tec-card__img {margin-top: 40px;} 
    .tec-card__heading {font-size: 20px;}
    .technology-en .tec-card__heading {font-size: 18px;}
    .tec-card__body {margin-top: 20px;}
    .tec-card__caption small {padding: 0 10px;}
    .tec-card.tec-card03 {padding: 60px 0 60px 20px;}
    .tec-card.tec-card03 .tec-card__img-wrap {width: 100%;}
    .tec-card.tec-card03 .tec-card__pos {width: 100%;padding: 0 30px 0 10px;}
    .tec-card.tec-card04 .tec-card__pos {width: 100%;padding: 0 10px;}
    .tec-card.tec-card04 .tec-card__img-wrap {width: 100%;}

}


/* ---- gallery ---- */
.gallery {
    padding: 60px 20px 100px;
}
.gallery__inner {
    max-width: 1200px;
    margin: 0 auto;
}
.gallery__title {
    font-family: "Oswald", "Noto Sans JP", sans-serif;
    font-weight: 600;
    font-size: 65px;
    line-height: 1.2;
    letter-spacing: 0.08em;
    color: #004EA8;
    text-align: center;
    margin-bottom: 50px;
}
.gallery__box {
    background: url("/lp/skateboard/img/tvcm-bg.jpg") no-repeat center;
    background-size: cover;
    position: relative;
    padding-top: 56.25%;
}
.gallery__box-r {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 50%;
}
.gallery__txt {
    color: #fff;
    font-size:clamp(30px, 4.58vw, 55px);
    text-shadow: 0 0 15px rgba(216,0,255,0.68);
    line-height: 1.4;
}
.gallery-en .gallery__txt {
    font-weight: 600;
}
.gallery__btn-wrap {
    max-width: 340px;
    margin-top: 40px;
}
.gallery__btn {
    width: 100%;
    display: block;
    color: #fff;
    text-align: center;
    background: #004EA8;
    line-height: 54px;
    font-size: 18px;
    
    border-radius: 30px;
    text-decoration: none;
}
  /* ---- SP ---- */
  @media screen and (max-width: 750px) {
      .gallery {padding: 60px 0px 0;}
      .gallery__inner {}
      .gallery__title {font-size: 42px;}
      .gallery__box {
          background: url("/lp/skateboard/img/tvcm-bg-sp.jpg") no-repeat center;
          background-size: cover;
          padding-top: 90%;
      }
      .gallery__box-r {
          width: 59%;
          box-sizing: border-box;
          padding: 0 15px;
      }
      .gallery__txt {font-size:clamp(22px, 6.2vw, 48px);line-height: 1.6;}
      .gallery-en .gallery__txt {font-size:clamp(22px, 5.6vw, 48px);}
      .gallery__btn-wrap {margin-top: 25px;}
      .gallery__btn {font-size: 16px;line-height: 30px;}
}


/* ---- advance ---- */
  .advance {
    padding: 60px 20px 100px;
    background: url("/lp/skateboard/img/img-adv-bg.jpg") no-repeat center;
    background-size: cover;
    position: relative;
  }

  .advance__inner {
    max-width: 1000px;
    margin: 0 auto;
  }

  /* ---- Heading ---- */
  .advance__head {
    text-align: center;
    margin-bottom: 70px;
  }

  .advance__title {
    margin: 0;
    font-family: "Oswald", "Noto Sans JP", sans-serif;
    font-weight: 600;
    font-size: 65px;
    line-height: 1.2;
    letter-spacing: 0.08em;
    color: #004EA8;
  }

  .advance__subtitle {
    margin: 14px 0 0;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.4;
    letter-spacing: 0.06em;
    color: #004EA8;
    
  }

  /* ---- List ---- */
  .advance__list {
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .advance__item {
    display: flex;
    align-items: center;
    gap: 58px;
    background: #fff;
    padding-right: 50px;
    box-sizing: border-box;
  }

  .advance__item + .advance__item {
    margin-top: 30px;
  }

  .advance__img {
    flex: 0 0 43.3%;
    width: 43.3%;
  }

  .advance__img img {
    width: 100%;
  }

  .advance__body {
    flex: 1 1 auto;
  }

  .advance__name {
    margin: 0;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 0.06em;
    color: #333333;
  }

  .advance__text {
    margin: 10px 0 0;
    font-size: 14px;
    line-height: 2;
    letter-spacing: 0.04em;
    color: #333333;
  }

  /* ---- SP ---- */
  @media screen and (max-width: 750px) {
    .advance {
      padding: 40px 20px 60px;
    }

    .advance__head {
      margin-bottom: 40px;
    }

    .advance__title {
      font-size: 42px;
    }

    .advance__subtitle {
      margin-top: 10px;
      font-size: 16px;
    }

    .advance__item {
      flex-direction: column;
      align-items: stretch;
      gap: 16px;
      padding-right: 0;
    }

    .advance__item + .advance__item {
      margin-top: 40px;
    }

    .advance__img {
      flex: none;
      width: 100%;
    }
      
    .advance__body {
      padding: 10px 20px 25px;
    }
    .advance__name {
      font-size: 20px;
    }
    .advance-en .advance__name {
        letter-spacing: 0.02em;
    }      
    .advance__text {
      margin-top: 5px;
      font-size: 14px;
      line-height: 1.8;
    }
  }


/* ---- footer ---- */
footer {background: #fff;padding: 80px 20px 40px;}
.fot__inner {max-width: 1040px;margin: 0 auto;}
.fot__btn-area {display: flex;justify-content: space-between;}
.fot__btn-wrap {width: calc(100% / 2 - 40px / 2);}
.fot__btn {border: 1px solid #004EA8;display: block;width: 100%;text-decoration: none;padding: 40px 20px 30px;box-sizing: border-box;}
.fot__btn-log {max-width: 227px;margin: auto;display: block;}
.fot__btn-log img{display: block;width: 100%;height: auto;}
.fot__btn-txt {display: block;text-align: center;color: #004EA8;margin-top: 20px;}
.fot__btn-txt b{display: block;font-size: 20px;}
.fot__btn-txt small{display: block;font-size: 12px;margin-top: 15px;}
.fot__bottom {margin-top: 80px;}
.fot__bottom-inner {display: flex;justify-content: space-between;padding: 0 20px;}
.fot__sns {padding: 0 20px;}
.fot__sns dl{display: flex;justify-content: flex-start;gap:20px;}
.fot__sns dl dt{font-family: "Oswald", "Noto Sans JP", sans-serif;font-weight: 600;font-size: 16px;width: 100px;}
.fot__sns dl dd{}
.fot__sns dl dd a{display: block;}
.fot__sns dl dd a img{display: block;height: 20px;width: auto;}
.fot__copy {font-size: 14px;text-align: right;}
  /* ---- SP ---- */
@media screen and (max-width: 750px) {
    footer {padding: 15% 20px 30px;}
    .fot__inner {}
    .fot__btn-area {flex-flow: column;gap: 20px;}
    .fot__btn-wrap {width: 100%;}
    .fot__btn {padding: 30px 10px 20px;}
    .fot__btn-log {width: 50%;}
    .fot__btn-txt {margin-top: 15px;}
    .fot__btn-txt b{font-size: 16px;}
    .fot__btn-txt small{margin-top: 10px;}
    .fot__bottom {margin-top: 20%;}
    .fot__bottom-inner {flex-flow: column;}
    .fot__sns {}
    .fot__sns dl{flex-wrap: wrap;justify-content: center;gap: 30px 40px;}
    .fot__sns dl dt{width: 100%;text-align: center;}
    .fot__sns dl dd{}
    .fot__copy {text-align: center;margin-top: 40px;}
}

/* ---- Animation ---- */

.cmn-ani-fad{opacity:0;}
.cmn-ani-fad.view{animation-name:cmn-ani-fad-act;animation-fill-mode:forwards;animation-duration:0.3s;animation-timing-function:ease-out;}
.cmn-ani-up{transform:translate(0,50px);opacity:0;}
.cmn-ani-up.view{animation-name:cmn-ani-up-act;animation-fill-mode:forwards;animation-duration:0.3s;animation-timing-function:ease-out;}
.cmn-ani-down{transform:translate(0,-50px);opacity:0;}
.cmn-ani-down.view{animation-name:cmn-ani-down-act;animation-fill-mode:forwards;animation-duration:0.3s;animation-timing-function:ease-out;}
.cmn-ani-sli-l{transform:translate(50px,0);opacity:0;}
.cmn-ani-sli-l.view{animation-name:cmn-ani-sli-l-act;animation-fill-mode:forwards;animation-duration:0.3s;animation-timing-function:ease-out;}
.cmn-ani-sli-r{transform:translate(-50px,0);opacity:0;}
.cmn-ani-sli-r.view{animation-name:cmn-ani-sli-r-act;animation-fill-mode:forwards;animation-duration:0.3s;animation-timing-function:ease-out;}
.cmn-ani-pop{transform:scale3d(0.1,0.1,1);}
.cmn-ani-pop.view{animation-name:cmn-ani-pop-act;animation-duration:0.6s;animation-timing-function:cubic-bezier(.47,1.64,.41,.8);animation-fill-mode:forwards;}
@keyframes cmn-ani-fad-act{
from {opacity:0;}
to {opacity:1;}
}
@keyframes cmn-ani-up-act{
from {transform:translate(0,50px);opacity:0;}
to {transform:translate(0,0);opacity:1;}
}
@keyframes cmn-ani-down-act{
from {transform:translate(0,-50px);opacity:0;}
to {transform:translate(0,0);opacity:1;}
}
@keyframes cmn-ani-sli-l-act{
from {transform:translate(50px,0);opacity:0;}
to {transform:translate(0,0);opacity:1;}
}
@keyframes cmn-ani-sli-r-act{
from {transform:translate(-50px,0);opacity:0;}
to {transform:translate(0,0);opacity:1;}
}
@keyframes cmn-ani-pop-act{
0% {transform:scale3d(0.1,0.1,1);}
100%{transform:scale3d(1,1,1);}
}
.cmn-ani-del100{animation-delay:100ms;}
.cmn-ani-del200{animation-delay:200ms;}
.cmn-ani-del300{animation-delay:300ms;}
.cmn-ani-del400{animation-delay:400ms;}
.cmn-ani-del500{animation-delay:500ms;}
.cmn-ani-del600{animation-delay:600ms;}
.cmn-ani-del700{animation-delay:700ms;}
.cmn-ani-del800{animation-delay:800ms;}
.cmn-ani-del900{animation-delay:900ms;}
.cmn-ani-del1000{animation-delay:1000ms;}
.cmn-ani-del1100{animation-delay:1100ms;}
.cmn-ani-del1200{animation-delay:1200ms;}
.cmn-ani-del1300{animation-delay:1300ms;}
.cmn-ani-del1400{animation-delay:1400ms;}
.cmn-ani-del1500{animation-delay:1500ms;}
.cmn-ani-del1600{animation-delay:1600ms;}
.cmn-ani-del1700{animation-delay:1700ms;}
.cmn-ani-del1800{animation-delay:1800ms;}
.cmn-ani-del1900{animation-delay:1900ms;}
.cmn-ani-del2000{animation-delay:2000ms;}
.cmn-ani-del2100{animation-delay:2100ms;}
.cmn-ani-del2200{animation-delay:2200ms;}
.cmn-ani-del2300{animation-delay:2300ms;}
.cmn-ani-del2400{animation-delay:2400ms;}
.cmn-ani-del2500{animation-delay:2500ms;}
.cmn-ani-del2600{animation-delay:2600ms;}
.cmn-ani-del2700{animation-delay:2700ms;}
.cmn-ani-del2800{animation-delay:2800ms;}
.cmn-ani-del2900{animation-delay:2900ms;}
.cmn-ani-del3000{animation-delay:3000ms;}