@charset "Shift_JIS";

/*
* top.css
*
*/
/* stepBg */
.stepBg {
  width: 100%;
}
.stepBg img {
  width: 100%;
}

/* first view */
.fv-wrap {
  display: block;
  position: relative;
  z-index: var(--smbc-golf-zIndex-1);
  width: 100%;
}
@media (min-width: 1280px) {
  .fv-wrap {
    height: 100dvh;
  }
}

.fv-ttl-block {
  position: absolute;
  z-index: 2;
  top: calc(39px + 25.3333333333vw);
  left: 50%;

  translate: -50% -50%;
}
@media (min-width: 768px) {
  .fv-ttl-block {
    top: 26%;
  }
}
@media (min-width: 1025px) {
  .fv-ttl-block {
    top: 25%;
  }
}
@media (min-width: 1280px) {
  .fv-ttl-block {
    top: 23%;
  }
}

.fv-ttl {
  display: flex;
  align-items: center;
  flex-direction: column;
}

.fv-ttl-sub {
  display: block;
  align-self: center;
  width: 58.1333333333vw;
}
@media (min-width: 768px) {
  .fv-ttl-sub {
    width: 48rem;
  }
}
@media (min-width: 1025px) {
  .fv-ttl-sub {
    width: 54.4rem;
  }
}
@media (min-width: 1280px) {
  .fv-ttl-sub {
    width: 43.28125vw;
  }
}
.fv-ttl-sub img {
  width: 100%;

  will-change: filter;
  filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.86));
}
@media (min-width: 768px) {
  .fv-ttl-sub img {
    filter: drop-shadow(0 0 13px rgba(0, 0, 0, 0.56));
  }
}

.fv-ttl-logo-wrap {
  position: relative;
  z-index: 1;
  margin-top: 4.2666666667vw;
  padding: 3.2vw;
}
@media (min-width: 768px) {
  .fv-ttl-logo-wrap {
    margin-top: 2rem;
    padding: 1.8rem 2.8rem;
  }
}
@media (min-width: 1280px) {
  .fv-ttl-logo-wrap {
    margin-top: 1.5625vw;
    padding: 1.40625vw 2.1875vw;
  }
}
.fv-ttl-logo-wrap::before {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  background-color: var(--smbc-golf-color-white);

  inset: -0.3rem;
}
@media (min-width: 768px) {
  .fv-ttl-logo-wrap::before {
    inset: -0.3rem;
  }
}

.fv-ttl-logo-frame {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: calc(86.9333333333vw + 1.4rem);
  height: calc(19.2vw + 1.4rem);

  translate: -50% -50%;
}
@media (min-width: 768px) {
  .fv-ttl-logo-frame {
    width: calc(var(--smbc-golf-fv-logo-width) + 1.8rem);
    height: calc(var(--smbc-golf-fv-logo-height) + 1.8rem);
  }
}
@media (min-width: 1025px) {
  .fv-ttl-logo-frame {
    width: calc(var(--smbc-golf-fv-logo-width) + 1.8rem);
    height: calc(var(--smbc-golf-fv-logo-height) + 1.8rem);
  }
}
@media (min-width: 1280px) {
  .fv-ttl-logo-frame {
    width: calc(var(--smbc-golf-fv-logo-width) + 1.25vw);
    height: calc(var(--smbc-golf-fv-logo-height) + 1.25vw);
  }
}
.fv-ttl-logo-frame svg {
  display: block;
  width: 100%;
  height: 100%;

  --rect-stroke: 0.875rem;
}
@media (min-width: 768px) {
  .fv-ttl-logo-frame svg {
    --rect-stroke: 1.25rem;
  }
}
@media (min-width: 1025px) {
  .fv-ttl-logo-frame svg {
    --rect-stroke: 1.1875rem;
  }
}
.fv-ttl-logo-frame svg rect {
  display: block;
  width: 100%;
  height: 100%;

  stroke-width: var(--rect-stroke);
  stroke-dasharray: var(--smbc-golf-fv-rect-offset-array);
  stroke-dashoffset: var(--smbc-golf-fv-rect-offset-array);
}

.fv-ttl-logo {
  display: block;
  align-self: center;
  position: relative;
  z-index: 1;
  width: 80vw;
}
@media (min-width: 768px) {
  .fv-ttl-logo {
    width: 48rem;
  }
}
@media (min-width: 1025px) {
  .fv-ttl-logo {
    width: 69.6rem;
  }
}
@media (min-width: 1280px) {
  .fv-ttl-logo {
    width: 54.375vw;
  }
}
.fv-ttl-logo img {
  width: 100%;
}

.fv-imgBlock {
  display: grid;
  width: 100%;
}
@media (min-width: 1280px) {
  .fv-imgBlock {
    height: 100%;
  }
}

@media (max-width: 767.98px) {
  .fv-img.-img-01 {
    aspect-ratio: 375/592;
  }
}
.fv-img img {
  display: block;
  width: 100%;
  height: 100%;

  -o-object-fit: cover;

     object-fit: cover;
}
@media (min-width: 1280px) {
  .fv-img {
    overflow: hidden;
    width: 100%;
    height: 100%;
  }
}

/*追加01*/
.fv-imgCelebration {
  display: block;
  position: absolute;
  z-index: 3;
  top: 0;
  left: 50%;
  width: 100%;
  height: 100%;

  translate: -50% 0;
}
.fv-imgCelebration img {
  width: 100%;
  height: 100%;

  -o-object-fit: cover;

     object-fit: cover;
}
/*追加01ここまで*/



/* kv アニメーション */
@-webkit-keyframes rectPathDraw {
  0% {
    stroke-dashoffset: var(--smbc-golf-fv-rect-offset-array);
  }
  100% {
    stroke-dashoffset: 0.01;
  }
}
@keyframes rectPathDraw {
  0% {
    stroke-dashoffset: var(--smbc-golf-fv-rect-offset-array);
  }
  100% {
    stroke-dashoffset: 0.01;
  }
}
@-webkit-keyframes bgClipPathDraw {
  0% {
    -webkit-clip-path: inset(100% 0 0 0);
            clip-path: inset(100% 0 0 0);
  }
  100% {
    -webkit-clip-path: inset(0 0 0 0);
            clip-path: inset(0 0 0 0);
  }
}
@keyframes bgClipPathDraw {
  0% {
    -webkit-clip-path: inset(100% 0 0 0);
            clip-path: inset(100% 0 0 0);
  }
  100% {
    -webkit-clip-path: inset(0 0 0 0);
            clip-path: inset(0 0 0 0);
  }
}

/*追加02*/
[data-fv-celebration] {
  opacity: 0;
}
/*追加02ここまで*/


[data-fv-img] {
  opacity: 0;
}

[data-fv-logo-wrap]::before {
  -webkit-clip-path: inset(100% 0 0 0);
          clip-path: inset(100% 0 0 0);
}

[data-fv-logo] {
  opacity: 0;
}

[data-fv-label] {
  opacity: 0;
}

[data-fv].is-animationEnd [data-fv-logo-frame] svg rect {
  -webkit-animation: rectPathDraw 1.7s cubic-bezier(0.645, 0.045, 0.355, 1) forwards;
          animation: rectPathDraw 1.7s cubic-bezier(0.645, 0.045, 0.355, 1) forwards;
}
@media screen and (min-width: 560px) {
  [data-fv].is-animationEnd [data-fv-logo-frame] svg rect {
    -webkit-animation: rectPathDraw 2.55s cubic-bezier(0.645, 0.045, 0.355, 1) forwards;
            animation: rectPathDraw 2.55s cubic-bezier(0.645, 0.045, 0.355, 1) forwards;
  }
}
@media (min-width: 768px) {
  [data-fv].is-animationEnd [data-fv-logo-frame] svg rect {
    -webkit-animation: rectPathDraw 2s cubic-bezier(0.645, 0.045, 0.355, 1) forwards;
            animation: rectPathDraw 2s cubic-bezier(0.645, 0.045, 0.355, 1) forwards;
  }
}
@media screen and (min-width: 1440px) {
  [data-fv].is-animationEnd [data-fv-logo-frame] svg rect {
    -webkit-animation: rectPathDraw 2.65s cubic-bezier(0.645, 0.045, 0.355, 1) forwards;
            animation: rectPathDraw 2.65s cubic-bezier(0.645, 0.045, 0.355, 1) forwards;
  }
}
[data-fv].is-animationEnd [data-fv-logo-wrap]::before {
  -webkit-animation: bgClipPathDraw 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) forwards 1s;
          animation: bgClipPathDraw 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) forwards 1s;
}
@media (min-width: 768px) {
  [data-fv].is-animationEnd [data-fv-logo-wrap]::before {
    -webkit-animation: bgClipPathDraw 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) forwards 1.4s;
            animation: bgClipPathDraw 0.5s cubic-bezier(0.455, 0.03, 0.515, 0.955) forwards 1.4s;
  }
}
[data-fv].is-animationEnd [data-fv-logo],
[data-fv].is-animationEnd [data-fv-label] {
  opacity: 1;
  transition: opacity 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.5s;
}
@media (min-width: 768px) {
  [data-fv].is-animationEnd [data-fv-logo],
  [data-fv].is-animationEnd [data-fv-label] {
    transition: opacity 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.9s;
  }
}

[data-hamburger-btn] {
  opacity: 0;
}

/* lead */
.lead-section {
  position: relative;
  z-index: var(--smbc-golf-zIndex-1);
  padding: 6.4rem 0;
  background: var(--smbc-golf-grad-gold-thin);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}
@media (min-width: 768px) {
  .lead-section {
    padding: 6.8rem 0;
  }
}

.lead-cont {
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 1;
  padding: 3.8rem 0 4rem;
  text-align: center;
}
.lead-cont::before,
.lead-cont::after {
  content: "";
  position: absolute;
  z-index: -1;
  left: 50%;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  pointer-events: none;

  translate: -50% 0;
  aspect-ratio: 340/30;
  scale: 1.02;
}
.lead-cont::before {
  top: 0;
  background-image: url(/sponsorship/vpoint_smbc_golf/assets/img/frame_lead_sm_01.svg);

  translate: -50% -0.75rem;
}
.lead-cont::after {
  bottom: 0;
  background-image: url(/sponsorship/vpoint_smbc_golf/assets/img/frame_lead_sm_02.svg);

  translate: -50% 0.75rem;
}
@media (min-width: 768px) {
  .lead-cont {
    margin: 0 auto;
    padding: 3.6rem 4rem 4rem;
    max-width: 962px;
  }
  .lead-cont::before,
  .lead-cont::after {
    content: "";
    position: absolute;
    top: 50%;
    width: auto;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;

    translate: 0 -50%;
    aspect-ratio: 50/438;
    scale: 1.06;
  }
  .lead-cont::before {
    right: auto;
    left: 0;
    transform-origin: right center;
    background-image: url(/sponsorship/vpoint_smbc_golf/assets/img/frame_lead_lg_01.svg);

    translate: -1.45rem -50%;
  }
  .lead-cont::after {
    right: 0;
    bottom: auto;
    left: auto;
    transform-origin: left center;
    background-image: url(/sponsorship/vpoint_smbc_golf/assets/img/frame_lead_lg_02.svg);

    translate: 1.45rem -50%;
  }
}

.lead-ttl {
  margin-top: 1.6rem;
  padding-left: 0.5em;
  letter-spacing: 0.15em;
  font-size: 1.5rem;
  font-weight: 500;
}
@media (min-width: 768px) {
  .lead-ttl {
    margin-top: 2.4rem;
    font-size: 2.1rem;
  }
}

.lead-txt {
  letter-spacing: 0.06em;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.9;
}
@media (min-width: 768px) {
  .lead-txt {
    font-size: 2.1rem;
  }
}
.lead-txt + .lead-txt {
  margin-top: 1.6rem;
}
@media (min-width: 768px) {
  .lead-txt + .lead-txt {
    margin-top: 2.4rem;
  }
}

/* lead アニメーション */
.lead-cont::before,
.lead-cont::after {
  opacity: 0;

  -webkit-backface-visibility: hidden;

          backface-visibility: hidden;
}

.lead-txt,
.lead-ttl {
  opacity: 0;

  -webkit-backface-visibility: hidden;

          backface-visibility: hidden;
}

.lead-cont.is-show::before,
.lead-cont.is-show::after {
  opacity: 1;
  transition: scale 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94), translate 0.9s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);

  scale: 1;
  translate: -50% 0;
}
.lead-cont.is-show .lead-txt,
.lead-cont.is-show .lead-ttl {
  opacity: 1;
  transition: opacity 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition-delay: 0.35s;
}
@media (min-width: 768px) {
  .lead-cont.is-show::before,
  .lead-cont.is-show::after {
    translate: 0 -50%;
  }
}

/* about */
@media (min-width: 768px) {
  .about-section {
    padding-top: 10.4rem;
  }
}

.about-heading .heading01-txt {
  width: 18.6rem;
}
.about-heading .heading01-txt_jp {
  width: 7.8rem;
}
@media (min-width: 768px) {
  .about-heading .heading01-txt {
    width: 28.6rem;
  }
  .about-heading .heading01-txt_jp {
    width: 10.4rem;
  }
}

.about-cont {
  display: flex;
  flex-direction: column;

  gap: 3.2rem 0;
}
@media (min-width: 768px) {
  .about-cont {
    display: grid;
    justify-content: end;
    margin: 0 auto;
    padding: 0 4rem 0 15rem;
    width: 100%;

    grid-template-columns: -webkit-max-content 1fr;

    grid-template-columns: max-content 1fr;
    gap: 0 5rem;
  }
}
@media (min-width: 1025px) {
  .about-cont {
    padding: 0 6rem 0 15rem;
  }
}
@media screen and (min-width: 1400px) {
  .about-cont {
    width: calc(1320px + 6rem);
  }
}

.about-cont-img {
  width: 100%;
}
@media (min-width: 768px) {
  .about-cont-img {
    display: flex;
    flex-shrink: 0;
    justify-content: flex-end;
    width: min(33.3333333333vw, 480px);
  }
}
.about-cont-img img {
  width: 100%;
}
@media (min-width: 768px) {
  .about-cont-img img {
    width: auto;
    min-width: 670px;
  }
}

.about-contInner {
  padding: 0 1.8rem;
}
@media (min-width: 768px) {
  .about-contInner {
    align-self: center;
    padding: 0;
  }
}

.about-txt {
  margin-top: 2.4rem;
}
@media (min-width: 768px) {
  .about-txt {
    margin-top: 3.6rem;
  }
}

.about-btn {
  margin-top: 0.8rem;
}
@media (min-width: 768px) {
  .about-btn {
    margin-top: 2.4rem;
  }
}

/* event */
.event-section {
  padding-top: 13.6rem;
}
@media (min-width: 768px) {
  .event-section {
    padding-top: 15.2rem;
  }
}

.event-heading .heading01-txt {
  width: 17.2rem;
}
.event-heading .heading01-txt_jp {
  width: 7.8rem;
}
@media (min-width: 768px) {
  .event-heading .heading01-txt {
    width: 26.7rem;
  }
  .event-heading .heading01-txt_jp {
    width: 10.4rem;
  }
}

.event-section-inner {
  position: relative;
  z-index: var(--smbc-golf-zIndex-1);
  padding-top: 3.2rem;
}
@media (min-width: 768px) {
  .event-section-inner {
    padding-top: 4rem;
  }
}
.event-section-inner:has(.event-note.-comingsoon) .event-heading {
  margin-bottom: 2.4rem;
}
@media (min-width: 768px) {
  .event-section-inner:has(.event-note.-comingsoon) .event-heading {
    margin-bottom: 4rem;
  }
}

.event-note {
  display: flex;
  flex-direction: column;
  padding: 3.2rem;
  background-color: var(--smbc-golf-color-gold-thin02);

  gap: 2rem 0;
}
@media (min-width: 768px) {
  .event-note {
    flex-direction: row;

    gap: 0 4rem;
  }
}
.event-note.-comingsoon {
  justify-content: center;
  background: var(--smbc-golf-grad-gold-thin);

  margin-inline: auto;
  padding-block: 7.2rem;
}
@media (min-width: 768px) {
  .event-note.-comingsoon {
    padding-block: 8rem;
  }
}
.event-note.-comingsoon .event-note-name {
  width: 25.1rem;

  margin-inline: auto;
}
@media (min-width: 768px) {
  .event-note.-comingsoon .event-note-name {
    width: 28.6rem;
  }
}
.event-note.-comingsoon .event-note-name img {
  width: 100%;
}
.event-note.-comingsoon .event-note-txt {
  margin-top: 2.4rem;
}

@media (min-width: 768px) {
  .event-note-img {
    flex-shrink: 0;
    width: 35rem;
  }
}
.event-note-img img {
  width: 100%;
}

@media (min-width: 768px) {
  .event-note-cont {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}

.event-note-txt + .event-note-txt {
  margin-top: 1.4rem;
}
@media (min-width: 768px) {
  .event-note-txt + .event-note-txt {
    margin-top: 2.4rem;
  }
}

.event-btn {
  margin-top: 2.4rem;
}
@media (min-width: 768px) {
  .event-btn {
    margin-top: 4rem;
  }
}

/* campaign */
.campaign-section {
  padding-bottom: 7.2rem;
}
@media (min-width: 768px) {
  .campaign-section {
    padding-bottom: 12rem;
  }
}

.campaign-section-inner {
  padding-top: 4.8rem;
}
@media (min-width: 768px) {
  .campaign-section-inner {
    padding-top: 4rem;
  }
}

.campaign-heading .heading01-txt {
  width: 25.9rem;
}
.campaign-heading .heading01-txt_jp {
  width: 11.7rem;
}
@media (min-width: 768px) {
  .campaign-heading .heading01-txt {
    width: 39rem;
  }
  .campaign-heading .heading01-txt_jp {
    width: 15.6rem;
  }
}

.campaign-bnr {
  display: block;
  transition: opacity 0.2s cubic-bezier(0.25, 0.25, 0.75, 0.75);
}
@media (min-width: 768px) {
  .campaign-bnr {
    margin: 0 auto;
    max-width: 96.6rem;
  }
}
.campaign-bnr:hover {
  opacity: 0.8;
  transition: opacity 0.25s cubic-bezier(0.25, 0.25, 0.75, 0.75);
}

.campaign-bnr-img img {
  width: 100%;
}

.campaign-bnr-txt {
  margin-top: 1.6rem;
  color: var(--smbc-golf-text-color);
}
@media (min-width: 768px) {
  .campaign-bnr-txt {
    margin-top: 2.4rem;
  }
}

/* sponsoredPlayers */
.sponsoredPlayers-section {
  margin-top: 8.8rem;
  padding-bottom: 7.2rem;
  background: var(--smbc-golf-grad-gold-thin);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}
@media (min-width: 768px) {
  .sponsoredPlayers-section {
    margin-top: 12rem;
    padding-top: 10.4rem;
    padding-bottom: 12rem;
  }
}

.sponsoredPlayers-heading .heading01-txt {
  width: 28.7rem;
}
.sponsoredPlayers-heading .heading01-txt_jp {
  width: 13.7rem;
}
@media (min-width: 768px) {
  .sponsoredPlayers-heading .heading01-txt {
    width: 68.8rem;
  }
  .sponsoredPlayers-heading .heading01-txt_jp {
    width: 18.3rem;
  }
}

.sponsoredPlayers-list {
  display: grid;
  margin-top: 3.2rem;

  grid-template-columns: 1fr;
  gap: 0.4rem;
}
@media (min-width: 768px) {
  .sponsoredPlayers-list {
    margin-top: 4rem;

    grid-template-columns: repeat(2, 1fr);
    gap: 0.2rem;
  }
}

.sponsoredPlayers-item {
  display: flex;
  flex-direction: column;
  padding: 3.2rem;
  background-color: var(--smbc-golf-color-white);

  gap: 1.6rem 0;
}
@media (min-width: 768px) {
  .sponsoredPlayers-item {
    padding: 5.6rem;

    gap: 2.4rem 0;
  }
}

.sponsoredPlayers-img {
  display: block;
  width: 100%;

  aspect-ratio: 385/289;
}
.sponsoredPlayers-img img {
  width: 100%;
}

.sponsoredPlayers-name-group {
  display: flex;
  align-items: center;
  flex-direction: column-reverse;

  --smbc-golf-sponsored-players-name-gap: 1.8rem;
  gap: var(--smbc-golf-sponsored-players-name-gap) 0;
}
@media (min-width: 768px) {
  .sponsoredPlayers-name-group {
    --smbc-golf-sponsored-players-name-gap: 2.8rem;
  }
}

.sponsoredPlayers-name {
  position: relative;
}
.sponsoredPlayers-name::before {
  content: "";
  display: block;
  position: absolute;
  bottom: calc(var(--smbc-golf-sponsored-players-name-gap) / 2 * -1 - 0.4rem);
  left: 50%;
  width: 4rem;
  height: 1px;
  background-color: var(--smbc-golf-color-tradGreen);

  translate: -50% 50%;
}
.sponsoredPlayers-item.-item01 .sponsoredPlayers-name {
  width: 22.4rem;
}
@media (min-width: 768px) {
  .sponsoredPlayers-item.-item01 .sponsoredPlayers-name {
    width: 25.6rem;
  }
}
body.is-iPad .sponsoredPlayers-item.-item01 .sponsoredPlayers-name img {
  position: relative;
  left: 2.4rem;
}
.sponsoredPlayers-item.-item02 .sponsoredPlayers-name {
  width: 20.5rem;
}
@media (min-width: 768px) {
  .sponsoredPlayers-item.-item02 .sponsoredPlayers-name {
    width: 23.4rem;
  }
}

.sponsoredPlayers-item.-item01 .sponsoredPlayers-name_jp {
  width: 9.6rem;
}
@media (min-width: 768px) {
  .sponsoredPlayers-item.-item01 .sponsoredPlayers-name_jp {
    width: 10.8rem;
  }
}
.sponsoredPlayers-item.-item02 .sponsoredPlayers-name_jp {
  width: 7.8rem;
}
@media (min-width: 768px) {
  .sponsoredPlayers-item.-item02 .sponsoredPlayers-name_jp {
    width: 9rem;
  }
}

@media (min-width: 768px) {
  .sponsoredPlayers-infoList {
    flex-grow: 1;
  }
}

.sponsoredPlayers-infoDesc {
  display: flex;

  gap: 0 1.2rem;
}
.sponsoredPlayers-infoDesc + .sponsoredPlayers-infoDesc {
  margin-top: 0.08rem;
}

.sponsoredPlayers-infoDesc-ttl {
  min-width: 7.8rem;
}

.sponsoredPlayers-btn {
  margin-top: 3.2rem;
}
@media (min-width: 768px) {
  .sponsoredPlayers-btn {
    margin-top: 4rem;
  }
}

/* movie */
.movie-section {
  margin-top: 7.2rem;
}
@media (min-width: 768px) {
  .movie-section {
    margin-top: 8rem;
  }
}
.movie-section.-promotion .heading04-txt {
  width: 10.8rem;
}
@media (min-width: 768px) {
  .movie-section.-promotion .heading04-txt {
    width: 12.4rem;
  }
}
.movie-section.-promotion .heading04-txt_jp {
  width: 13.8rem;
}
@media (min-width: 768px) {
  .movie-section.-promotion .heading04-txt_jp {
    width: 14.2rem;
  }
}
.movie-section.-notice .heading04-txt {
  width: 10.8rem;
}
@media (min-width: 768px) {
  .movie-section.-notice .heading04-txt {
    width: 12.4rem;
  }
}
.movie-section.-notice .heading04-txt_jp {
  width: 9.6rem;
}
@media (min-width: 768px) {
  .movie-section.-notice .heading04-txt_jp {
    width: 10.4rem;
  }
}

.movie-heading {
  margin-bottom: 2.8rem;
}
@media (min-width: 768px) {
  .movie-heading {
    margin-bottom: 3.6rem;
  }
}

.movie-cont {
  margin-inline: auto;
}

.movie-thumb-list {
  display: flex;
  flex-direction: column;

  gap: 1.6rem;
}
@media (min-width: 768px) {
  .movie-thumb-list {
    flex-direction: row;

    gap: 2.4rem;
  }
}

.movie-thumb {
  flex: 1;
}

.movie-thumb-cont {
  display: flex;
  overflow: hidden;
  flex-direction: column;
  position: relative;
}
.movie-thumb-cont img {
  width: 100%;
}

.movie-thumb-name {
  margin-top: 0.8rem;
  background: var(--smbc-golf-grad-gold);
          background-clip: text;
  text-align: center;

  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media (min-width: 768px) {
  .movie-thumb-name {
    margin-top: 1.6rem;
  }
}

.movie-thumb-iframe {
  width: 100%;

  aspect-ratio: 16/9;
}
.movie-thumb-iframe iframe,
.movie-thumb-iframe video {
  display: block;
  border: none !important;
  width: 100%;
  height: 100%;
}