:root{--c-ctzn_blue: hsla(220, 100%, 56%, 1);--c-ctzn_blck: hsla(195, 5%, 17%, 1);--c-ctzn_wht: hsla(0, 0%, 100%, 1);--c-ctzn_blue50: hsl(220 63.1% 72.4%);--c-gray464949: hsl(180 2.1% 28%);--c-gray500: hsla(218, 6%, 75%, 0.46);--c-gray400: hsla(210, 8%, 84%, 1);--c-gray300: hsla(210, 11%, 89%, 1);--c-gray200: hsla(204, 15%, 94%, 1);--c-gray555: hsl(0 0% 33.3%);--c-grayAaa: hsl(0 0% 66.7%);--c-gray2: hsla(0, 1%, 45%, 1);--c-Black: hsl(220 0% 0%);--c-White: hsl(220 0% 100%);--c-bgGradient: linear-gradient(135deg, hsla(0, 0%, 100%, 1) -10%, hsla(207, 7%, 67%, 1) 200%);--c-dummy: hsl(0 0% 47.1%);--c-black: hsl(220 0% 10%);--c-blackHover: hsl(220 0% 50%);--c-white: hsl(220 0% 100%);--c-bg: hsl(220 10% 90%);--c-text: hsl(220 10% 10%);--c-textHover: hsl(220 10% 50%);--fadeInLength: 20px;--fadeInOpacityDuration: 0.8s;--lmContentsDelay: 0.3s;--easeOutQuad: cubic-bezier(0.5, 1, 0.89, 1);--easeOutCubic: cubic-bezier(0.33, 1, 0.68, 1);--easeOutQuart: cubic-bezier(0.25, 1, 0.5, 1);--easeOutQuint: cubic-bezier(0.22, 1, 0.36, 1);--easeOutExpo: cubic-bezier(0.16, 1, 0.3, 1);--easeInOutQuad: cubic-bezier(0.45, 0, 0.55, 1);--easeInOutCubic: cubic-bezier(0.65, 0, 0.35, 1);--easeInOutQuart: cubic-bezier(0.76, 0, 0.24, 1);--easeInOutQuint: cubic-bezier(0.83, 0, 0.17, 1);--easeInOutExpo: cubic-bezier(0.87, 0, 0.13, 1);--easeInQuad: cubic-bezier(0.11, 0, 0.5, 0);--easeInCubic: cubic-bezier(0.32, 0, 0.67, 0);--easeInQuart: cubic-bezier(0.5, 0, 0.75, 0);--easeInQuint: cubic-bezier(0.64, 0, 0.78, 0);--easeInExpo: cubic-bezier(0.7, 0, 0.84, 0)}#fixed_nav[data-astro-cid-wrtj45p7]{display:none}@media screen and (max-width: 839px){#fixed_nav[data-astro-cid-wrtj45p7]{transition:translate 0.5s var(--easeInOutQuart);display:block;padding-bottom:10px;position:fixed;left:0;right:0;bottom:0;z-index:1}}#fixed_nav[data-astro-cid-wrtj45p7] .fixed_nav_ul[data-astro-cid-wrtj45p7]{display:grid;grid-template-columns:1fr 1fr;column-gap:7px;row-gap:7px;margin-inline:auto;width:90vw;max-width:360px}#fixed_nav[data-astro-cid-wrtj45p7] .fixed_nav_ul[data-astro-cid-wrtj45p7] li[data-astro-cid-wrtj45p7] a[data-astro-cid-wrtj45p7]{display:flex;justify-content:center;align-items:center;height:44px;position:relative}#fixed_nav[data-astro-cid-wrtj45p7] .fixed_nav_ul[data-astro-cid-wrtj45p7] li[data-astro-cid-wrtj45p7] a[data-astro-cid-wrtj45p7]::before{content:"";display:inline-block;opacity:0.9;border-radius:8px;background-color:var(--c-ctzn_blck);position:absolute;inset:0}#fixed_nav[data-astro-cid-wrtj45p7] .fixed_nav_ul[data-astro-cid-wrtj45p7] li[data-astro-cid-wrtj45p7] a[data-astro-cid-wrtj45p7] .text[data-astro-cid-wrtj45p7]{margin-right:-0.05em;font-size:15px;line-height:1em;letter-spacing:0.05em;font-weight:400}#fixed_nav[data-astro-cid-wrtj45p7] .fixed_nav_ul[data-astro-cid-wrtj45p7] li[data-astro-cid-wrtj45p7] a[data-astro-cid-wrtj45p7] .text[data-astro-cid-wrtj45p7] span[data-astro-cid-wrtj45p7]{font-weight:400}#fixed_nav[data-astro-cid-wrtj45p7] .fixed_nav_ul[data-astro-cid-wrtj45p7] li[data-astro-cid-wrtj45p7] a[data-astro-cid-wrtj45p7] .text[data-astro-cid-wrtj45p7]{color:var(--c-ctzn_wht);translate:0 -0.07em;position:relative}#fixed_nav[data-astro-cid-wrtj45p7] .fixed_nav_ul[data-astro-cid-wrtj45p7] li[data-astro-cid-wrtj45p7]:nth-of-type(3){grid-column:1/3}#fixed_nav[data-astro-cid-wrtj45p7] .fixed_nav_ul[data-astro-cid-wrtj45p7] li[data-astro-cid-wrtj45p7].gray{pointer-events:none}#fixed_nav[data-astro-cid-wrtj45p7] .fixed_nav_ul[data-astro-cid-wrtj45p7] li[data-astro-cid-wrtj45p7].gray a[data-astro-cid-wrtj45p7]::before{background-color:var(--c-gray400)}#fixed_nav[data-astro-cid-wrtj45p7].hide{translate:0 100%}#fixed_nav[data-astro-cid-wrtj45p7].notVisible{translate:0 100%}:root {
  --c-ctzn_blue: hsla(220, 100%, 56%, 1);
  --c-ctzn_blck: hsla(195, 5%, 17%, 1);
  --c-ctzn_wht: hsla(0, 0%, 100%, 1);
  --c-ctzn_blue50: hsl(220 63.1% 72.4%);
  --c-gray464949: hsl(180 2.1% 28%);
  --c-gray500: hsla(218, 6%, 75%, 0.46);
  --c-gray400: hsla(210, 8%, 84%, 1);
  --c-gray300: hsla(210, 11%, 89%, 1);
  --c-gray200: hsla(204, 15%, 94%, 1);
  --c-gray555: hsl(0 0% 33.3%);
  --c-grayAaa: hsl(0 0% 66.7%);
  --c-gray2: hsla(0, 1%, 45%, 1);
  --c-Black: hsl(220 0% 0%);
  --c-White: hsl(220 0% 100%);
  --c-bgGradient: linear-gradient(135deg, hsla(0, 0%, 100%, 1) -10%, hsla(207, 7%, 67%, 1) 200%);
  --c-dummy: hsl(0 0% 47.1%);
  --c-black: hsl(220 0% 10%);
  --c-blackHover: hsl(220 0% 50%);
  --c-white: hsl(220 0% 100%);
  --c-bg: hsl(220 10% 90%);
  --c-text: hsl(220 10% 10%);
  --c-textHover: hsl(220 10% 50%);
  --fadeInLength: 20px;
  --fadeInOpacityDuration: 0.8s;
  --lmContentsDelay: 0.3s;
  --easeOutQuad: cubic-bezier(0.5, 1, 0.89, 1);
  --easeOutCubic: cubic-bezier(0.33, 1, 0.68, 1);
  --easeOutQuart: cubic-bezier(0.25, 1, 0.5, 1);
  --easeOutQuint: cubic-bezier(0.22, 1, 0.36, 1);
  --easeOutExpo: cubic-bezier(0.16, 1, 0.3, 1);
  --easeInOutQuad: cubic-bezier(0.45, 0, 0.55, 1);
  --easeInOutCubic: cubic-bezier(0.65, 0, 0.35, 1);
  --easeInOutQuart: cubic-bezier(0.76, 0, 0.24, 1);
  --easeInOutQuint: cubic-bezier(0.83, 0, 0.17, 1);
  --easeInOutExpo: cubic-bezier(0.87, 0, 0.13, 1);
  --easeInQuad: cubic-bezier(0.11, 0, 0.5, 0);
  --easeInCubic: cubic-bezier(0.32, 0, 0.67, 0);
  --easeInQuart: cubic-bezier(0.5, 0, 0.75, 0);
  --easeInQuint: cubic-bezier(0.64, 0, 0.78, 0);
  --easeInExpo: cubic-bezier(0.7, 0, 0.84, 0);
}

:root {
  --colorDuration: 0.7s;
  --photoDuration: 1s;
}

.splash {
  display: grid;
  grid-template-columns: 1fr 1fr;
  width: 100vw;
  height: 100vh;
  height: 100svh;
  overflow: hidden;
  position: fixed;
  left: 0;
  top: 0;
}
@media screen and (max-width: 1039px) {
  .splash {
    grid-template-columns: 1fr;
  }
}
.splash .container {
  width: 100%;
  height: 100vh;
  height: 100svh;
  position: relative;
}
@media screen and (max-width: 1039px) {
  .splash .container {
    height: 50vh;
    height: 50svh;
  }
}
.splash .container .color {
  background-color: var(--c-ctzn_blck);
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.splash .container .photo_wrap {
  width: 100%;
  height: 100%;
  position: relative;
}
.splash .container .photo_wrap::before {
  content: "";
  display: inline-block;
  background-color: var(--c-ctzn_wht);
  position: absolute;
  inset: 0;
}
.splash .container .photo_wrap .photo {
  width: 100%;
  height: 50%;
  position: relative;
}
.splash .container .photo_wrap .photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (max-width: 839px) {
  .splash .container .photo_wrap .photo img.img_pc {
    display: none;
  }
}
.splash .container .photo_wrap .photo img.img_mb {
  display: none;
}
@media screen and (max-width: 839px) {
  .splash .container .photo_wrap .photo img.img_mb {
    display: block;
  }
}
.splash .container_L {
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}
@media screen and (max-width: 1039px) {
  .splash .container_L {
    clip-path: polygon(0% 0%, 100% 0%, 100% 101%, 0% 101%);
  }
}
.splash .container_L .color {
  clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
}
@media screen and (max-width: 1039px) {
  .splash .container_L .color {
    clip-path: polygon(0% 0%, 0% 0%, 0% 101%, 0% 101%);
    bottom: -100px;
  }
}
.splash .container_L .color.maskIn {
  transition: clip-path var(--colorDuration) var(--easeInOutCubic);
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}
@media screen and (max-width: 1039px) {
  .splash .container_L .color.maskIn {
    clip-path: polygon(0% 0%, 100% 0%, 100% 101%, 0% 101%);
  }
}
.splash .container_L .photo_wrap {
  clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);
}
@media screen and (max-width: 1039px) {
  .splash .container_L .photo_wrap {
    clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%);
  }
}
.splash .container_L .photo_wrap .photo {
  opacity: 0;
}
.splash .container_L .photo_wrap.maskIn {
  transition: clip-path var(--photoDuration) var(--easeInOutCubic);
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}
.splash .container_L .photo_wrap.maskIn .photo {
  transition: opacity var(--photoDuration) 0.2s;
  opacity: 1;
}
.splash .container_L.maskOut {
  transition: clip-path var(--photoDuration) var(--easeInOutCubic);
  clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);
}
@media screen and (max-width: 1039px) {
  .splash .container_L.maskOut {
    clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%);
  }
}
.splash .container_L.maskOut .photo_wrap .photo {
  transition-delay: 0.2s;
  opacity: 0;
}
.splash .container_R {
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}
.splash .container_R .color {
  clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
}
@media screen and (max-width: 1039px) {
  .splash .container_R .color {
    clip-path: polygon(100% 0%, 100% 0%, 100% 100%, 100% 100%);
  }
}
.splash .container_R .color.maskIn {
  transition: clip-path var(--colorDuration) var(--easeInOutCubic);
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}
.splash .container_R .photo_wrap {
  clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%);
}
@media screen and (max-width: 1039px) {
  .splash .container_R .photo_wrap {
    clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);
  }
}
.splash .container_R .photo_wrap .photo {
  opacity: 0;
}
.splash .container_R .photo_wrap.maskIn {
  transition: clip-path var(--photoDuration) var(--easeInOutCubic);
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}
.splash .container_R .photo_wrap.maskIn .photo {
  transition: opacity var(--photoDuration) 0.2s;
  opacity: 1;
}
.splash .container_R.maskOut {
  transition: clip-path var(--photoDuration) var(--easeInOutCubic);
  clip-path: polygon(0% 100%, 100% 100%, 100% 100%, 0% 100%);
}
@media screen and (max-width: 1039px) {
  .splash .container_R.maskOut {
    clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 0% 0%);
  }
}
.splash .container_R.maskOut .photo_wrap .photo {
  transition-delay: 0.2s;
  opacity: 0;
}

.splash.hide {
  display: none;
}

#wrapper #header {
  opacity: 0;
}
#wrapper #header.fadeIn {
  transition: opacity 2s, translate 0.5s var(--easeInOutQuart);
  opacity: 1;
}
#wrapper main {
  display: none;
}
#wrapper main .fv .main_catch {
  opacity: 0;
}
#wrapper main .fv .main_catch.fadeIn {
  transition: opacity 2s;
  opacity: 1;
}
#wrapper main .fv .main_lead {
  opacity: 0;
}
#wrapper main .fv .main_lead.fadeIn {
  transition: opacity 1s;
  opacity: 1;
}
#wrapper main section.section_pickup {
  display: none;
}
#wrapper main section.section_pickup.displayOn {
  display: block;
}
#wrapper main section.section_contents {
  display: none;
}
#wrapper main section.section_contents.displayOn {
  display: grid;
}
#wrapper main #fixed_nav {
  display: none;
}
#wrapper main #fixed_nav.displayOn {
  display: none;
}
@media screen and (max-width: 839px) {
  #wrapper main #fixed_nav.displayOn {
    display: block;
  }
}
#wrapper main.displayOn {
  display: block;
}
#wrapper #footer {
  display: none;
}
#wrapper #footer.displayOn {
  display: block;
}

.fv {
  padding-top: 250px;
}
@media screen and (max-width: 1239px) {
  .fv {
    padding-top: 190px;
  }
}
@media screen and (max-width: 639px) {
  .fv {
    padding-top: 130px;
  }
}
.fv .main_catch h1 {
  margin-block: calc((1em - 1lh) / 2);
  margin-right: -0.17em;
  font-family: "Noto Serif JP", serif;
  font-size: 48px;
  line-height: 68px;
  letter-spacing: 0.17em;
  font-weight: 400;
}
.fv .main_catch h1 span {
  font-weight: 400;
}
.fv .main_catch h1 {
  text-align: center;
}
@media screen and (max-width: 1239px) {
  .fv .main_catch h1 {
    font-size: 38px;
    line-height: 56px;
  }
}
@media screen and (max-width: 639px) {
  .fv .main_catch h1 {
    font-size: 28px;
    line-height: 44px;
  }
}
.fv .main_lead {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 34px;
  margin-inline: 5vw;
  padding-top: 150px;
}
@media screen and (max-width: 1239px) {
  .fv .main_lead {
    row-gap: 31px;
    padding-top: 110px;
  }
}
@media screen and (max-width: 639px) {
  .fv .main_lead {
    row-gap: 28px;
    padding-top: 70px;
  }
}
.fv .main_lead p {
  margin-block: calc((1em - 1lh) / 2);
  font-size: 14px;
  line-height: 34px;
  letter-spacing: 0em;
  font-weight: 400;
}
.fv .main_lead p span {
  font-weight: 400;
}
.fv .main_lead p {
  text-align: center;
}
@media screen and (max-width: 1239px) {
  .fv .main_lead p {
    line-height: 31px;
  }
}
@media screen and (max-width: 639px) {
  .fv .main_lead p {
    font-size: 14px;
    line-height: 28px;
  }
}

section.section_pickup {
  overflow: hidden;
  margin-top: 120px;
  margin-inline: -0.5vw;
  padding: 70px 0 100px;
  position: relative;
}
@media screen and (max-width: 1239px) {
  section.section_pickup {
    margin-top: 95px;
    padding: 55px 0 80px;
  }
}
@media screen and (max-width: 639px) {
  section.section_pickup {
    margin-top: 70px;
    padding: 40px 0 60px;
  }
}
section.section_pickup .bg {
  background: linear-gradient(135deg, hsl(0, 0%, 100%) -10%, hsl(207, 7%, 67%) 200%);
  position: absolute;
  inset: 0;
}
section.section_pickup .title {
  position: relative;
}
section.section_pickup .title .en {
  margin-right: -0.05em;
  font-family: "Poppins", sans-serif;
  font-size: 20px;
  line-height: 1em;
  letter-spacing: 0.05em;
  font-weight: 500;
}
section.section_pickup .title .en span {
  font-weight: 500;
}
section.section_pickup .title .en {
  text-align: center;
}
section.section_pickup .title .jp {
  margin-top: 15px;
  font-size: 12px;
  line-height: 1em;
  letter-spacing: 0em;
  font-weight: 500;
}
section.section_pickup .title .jp span {
  font-weight: 500;
}
section.section_pickup .title .jp {
  text-align: center;
}
@media screen and (max-width: 1239px) {
  section.section_pickup .title .jp {
    margin-top: 12px;
  }
}
@media screen and (max-width: 639px) {
  section.section_pickup .title .jp {
    margin-top: 9px;
  }
}
section.section_pickup .content {
  margin-top: 70px;
  position: relative;
}
@media screen and (max-width: 1239px) {
  section.section_pickup .content {
    margin-top: 55px;
    margin-inline: auto;
    width: 90vw;
  }
}
@media screen and (max-width: 639px) {
  section.section_pickup .content {
    margin-top: 40px;
  }
}
section.section_pickup .content .pickup_ul {
  display: grid;
  grid-template-columns: auto auto;
  justify-content: center;
}
@media screen and (max-width: 1239px) {
  section.section_pickup .content .pickup_ul {
    grid-template-columns: 1fr 1fr;
    row-gap: 60px;
  }
}
@media screen and (max-width: 839px) {
  section.section_pickup .content .pickup_ul {
    grid-template-columns: 1fr;
    row-gap: 40px;
  }
}
@media screen and (max-width: 1239px) {
  section.section_pickup .content .pickup_ul li {
    display: grid;
    grid-template-columns: 1fr;
  }
}
section.section_pickup .content .pickup_ul li .container {
  display: grid;
  grid-template-columns: 1fr;
}
section.section_pickup .content .pickup_ul li .container .title h4 {
  font-family: "Poppins", sans-serif;
  font-size: 12px;
  line-height: 1em;
  letter-spacing: 0.07em;
  font-weight: 500;
}
section.section_pickup .content .pickup_ul li .container .title h4 span {
  font-weight: 500;
}
section.section_pickup .content .pickup_ul li .container .photo_wrap {
  margin-top: 15px;
  overflow: hidden;
  position: relative;
}
@media screen and (max-width: 839px) {
  section.section_pickup .content .pickup_ul li .container .photo_wrap {
    margin-top: 12px;
  }
}
section.section_pickup .content .pickup_ul li .container .photo_wrap a {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  inset: 0;
}
section.section_pickup .content .pickup_ul li .container .photo_wrap a .photo {
  transition: scale 0.5s var(--easeOutQuart);
  position: absolute;
  inset: 0;
}
section.section_pickup .content .pickup_ul li .container .photo_wrap a .photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
section.section_pickup .content .pickup_ul li .container .photo_wrap a .film {
  position: absolute;
  inset: 0;
}
section.section_pickup .content .pickup_ul li .container .photo_wrap a .film::before {
  transition: opacity 0.3s;
  content: "";
  display: inline-block;
  opacity: 0.4;
  background-color: var(--c-ctzn_blck);
  position: absolute;
  inset: 0;
}
section.section_pickup .content .pickup_ul li .container .photo_wrap a .text {
  margin-block: calc((1em - 1lh) / 2);
  margin-right: -0.02em;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.02em;
  font-weight: 500;
}
section.section_pickup .content .pickup_ul li .container .photo_wrap a .text span {
  font-weight: 500;
}
section.section_pickup .content .pickup_ul li .container .photo_wrap a .text {
  color: var(--c-ctzn_wht);
  text-align: center;
  position: relative;
}
@media screen and (min-width: 1239px) {
  section.section_pickup .content .pickup_ul li .container .photo_wrap a:hover .photo {
    scale: 1.05;
  }
}
@media screen and (min-width: 1239px) {
  section.section_pickup .content .pickup_ul li .container .photo_wrap a:hover .film::before {
    opacity: 0.6;
  }
}
section.section_pickup .content .pickup_ul li .container .btn {
  justify-self: end;
  margin-top: 11px;
}
@media screen and (max-width: 839px) {
  section.section_pickup .content .pickup_ul li .container .btn {
    margin-top: 8px;
  }
}
section.section_pickup .content .pickup_ul li .container .btn a {
  transition: color 0.3s;
  display: inline-block;
  font-family: "Poppins", sans-serif;
  font-size: 12px;
  line-height: 1em;
  letter-spacing: 0.1em;
  font-weight: 500;
}
section.section_pickup .content .pickup_ul li .container .btn a span {
  font-weight: 500;
}
section.section_pickup .content .pickup_ul li .container .btn a {
  text-align: right;
  color: var(--c-ctzn_blue);
}
@media screen and (min-width: 1239px) {
  section.section_pickup .content .pickup_ul li .container .btn a:hover {
    color: var(--c-ctzn_blue50);
  }
}
section.section_pickup .content .pickup_ul li:nth-of-type(1) .container,
section.section_pickup .content .pickup_ul li:nth-of-type(4) .container {
  width: 465px;
}
@media screen and (max-width: 1239px) {
  section.section_pickup .content .pickup_ul li:nth-of-type(1) .container,
  section.section_pickup .content .pickup_ul li:nth-of-type(4) .container {
    width: 38vw;
  }
}
@media screen and (max-width: 839px) {
  section.section_pickup .content .pickup_ul li:nth-of-type(1) .container,
  section.section_pickup .content .pickup_ul li:nth-of-type(4) .container {
    width: 66vw;
  }
}
section.section_pickup .content .pickup_ul li:nth-of-type(1) .container .photo_wrap,
section.section_pickup .content .pickup_ul li:nth-of-type(4) .container .photo_wrap {
  aspect-ratio: 465/294;
}
section.section_pickup .content .pickup_ul li:nth-of-type(2) .container,
section.section_pickup .content .pickup_ul li:nth-of-type(3) .container {
  width: 363px;
}
@media screen and (max-width: 1239px) {
  section.section_pickup .content .pickup_ul li:nth-of-type(2) .container,
  section.section_pickup .content .pickup_ul li:nth-of-type(3) .container {
    width: 30vw;
  }
}
@media screen and (max-width: 839px) {
  section.section_pickup .content .pickup_ul li:nth-of-type(2) .container,
  section.section_pickup .content .pickup_ul li:nth-of-type(3) .container {
    width: 66vw;
  }
}
section.section_pickup .content .pickup_ul li:nth-of-type(2) .container .photo_wrap,
section.section_pickup .content .pickup_ul li:nth-of-type(3) .container .photo_wrap {
  aspect-ratio: 363/230;
}
section.section_pickup .content .pickup_ul li:nth-of-type(1) .container {
  margin-left: 95px;
  margin-right: -25px;
}
@media screen and (max-width: 1239px) {
  section.section_pickup .content .pickup_ul li:nth-of-type(1) .container {
    justify-self: end;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 60px;
  }
}
@media screen and (max-width: 839px) {
  section.section_pickup .content .pickup_ul li:nth-of-type(1) .container {
    justify-self: start;
    margin-bottom: 0;
  }
}
section.section_pickup .content .pickup_ul li:nth-of-type(2) .container {
  margin-left: 175px;
  margin-top: 175px;
}
@media screen and (max-width: 1239px) {
  section.section_pickup .content .pickup_ul li:nth-of-type(2) .container {
    justify-self: end;
    align-self: end;
    margin-left: 0;
    margin-top: 0;
  }
}
@media screen and (max-width: 1239px) {
  section.section_pickup .content .pickup_ul li:nth-of-type(3) .container {
    align-self: start;
  }
}
section.section_pickup .content .pickup_ul li:nth-of-type(4) .container {
  margin-left: -25px;
  margin-top: 105px;
}
@media screen and (max-width: 1239px) {
  section.section_pickup .content .pickup_ul li:nth-of-type(4) .container {
    margin-left: 0;
    margin-top: 60px;
  }
}
@media screen and (max-width: 839px) {
  section.section_pickup .content .pickup_ul li:nth-of-type(4) .container {
    justify-self: end;
    margin-top: 0;
  }
}
section.section_pickup .content .pickup_ul li.gray .container {
  pointer-events: none;
}
section.section_pickup .content .pickup_ul li.gray .container .title h4 {
  color: var(--c-grayAaa);
}
section.section_pickup .content .pickup_ul li.gray .container .photo_wrap::after {
  content: "";
  display: inline-block;
  opacity: 0.6;
  background-color: var(--c-Black);
  position: absolute;
  inset: 0;
}
section.section_pickup .content .pickup_ul li.gray .container .btn a {
  color: var(--c-grayAaa);
}

section.section_contents {
  display: grid;
  grid-template-columns: 280px 1fr;
  column-gap: 40px;
  margin-top: 30px;
  padding-top: 50px;
  margin-inline: auto;
  width: 1200px;
  position: relative;
}
@media screen and (max-width: 1239px) {
  section.section_contents {
    grid-template-columns: 300px 1fr;
    column-gap: 30px;
    width: 90vw;
  }
}
@media screen and (max-width: 1039px) {
  section.section_contents {
    grid-template-columns: 290px 1fr;
    column-gap: 20px;
  }
}
@media screen and (max-width: 839px) {
  section.section_contents {
    grid-template-columns: 1fr;
    row-gap: 50px;
  }
}
section.section_contents .left_wrap {
  margin-top: 80px;
}
@media screen and (max-width: 839px) {
  section.section_contents .left_wrap {
    margin-top: 0;
  }
}
section.section_contents .left_wrap .filter_scroll_wrap {
  max-height: calc(100vh - 72px - 48px - 80px - 50px);
  max-height: calc(100dvh - 72px - 48px - 80px - 50px);
  overflow-y: scroll;
  overscroll-behavior-y: contain;
  overflow-x: clip;
  position: sticky;
  top: 190px;
}
@media screen and (max-width: 1039px) {
  section.section_contents .left_wrap .filter_scroll_wrap {
    padding: 1px 0;
    max-height: none;
    overflow-y: visible;
  }
}
section.section_contents .left_wrap .filter_scroll_wrap .filter_scroll_container .filter .filter_box .title .text {
  margin-right: -0.1em;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  line-height: 1em;
  letter-spacing: 0.1em;
  font-weight: 500;
}
section.section_contents .left_wrap .filter_scroll_wrap .filter_scroll_container .filter .filter_box .title .text span {
  font-weight: 500;
}
section.section_contents .left_wrap .filter_scroll_wrap .filter_scroll_container .filter .filter_box .title .text {
  text-align: center;
}
@media screen and (max-width: 1239px) {
  section.section_contents .left_wrap .filter_scroll_wrap .filter_scroll_container .filter .filter_box .title .text {
    font-size: 15px;
  }
}
@media screen and (max-width: 839px) {
  section.section_contents .left_wrap .filter_scroll_wrap .filter_scroll_container .filter .filter_box .title .text {
    font-size: 16px;
  }
}
section.section_contents .left_wrap .filter_scroll_wrap .filter_scroll_container .filter .filter_box .title::after {
  content: "";
  display: inline-block;
  margin-top: 15px;
  width: 100%;
  height: 1px;
  background-color: var(--c-gray300);
}
@media screen and (max-width: 839px) {
  section.section_contents .left_wrap .filter_scroll_wrap .filter_scroll_container .filter .filter_box .title::after {
    margin-top: 20px;
  }
}
section.section_contents .left_wrap .filter_scroll_wrap .filter_scroll_container .filter .filter_box .content {
  margin-top: 15px;
  padding: 0 15px;
}
@media screen and (max-width: 1239px) {
  section.section_contents .left_wrap .filter_scroll_wrap .filter_scroll_container .filter .filter_box .content {
    padding: 0 10px;
  }
}
@media screen and (max-width: 1039px) {
  section.section_contents .left_wrap .filter_scroll_wrap .filter_scroll_container .filter .filter_box .content {
    padding: 0 5px;
  }
}
@media screen and (max-width: 839px) {
  section.section_contents .left_wrap .filter_scroll_wrap .filter_scroll_container .filter .filter_box .content {
    padding: 0 5vw;
    margin-top: 20px;
  }
}
@media screen and (max-width: 439px) {
  section.section_contents .left_wrap .filter_scroll_wrap .filter_scroll_container .filter .filter_box .content {
    padding: 0 3vw;
  }
}
section.section_contents .left_wrap .filter_scroll_wrap .filter_scroll_container .filter .filter_box.filter_box_menu .content .menu_ul {
  display: grid;
  grid-template-columns: 1fr;
  margin-left: -10px;
}
@media screen and (max-width: 839px) {
  section.section_contents .left_wrap .filter_scroll_wrap .filter_scroll_container .filter .filter_box.filter_box_menu .content .menu_ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
}
@media screen and (max-width: 639px) {
  section.section_contents .left_wrap .filter_scroll_wrap .filter_scroll_container .filter .filter_box.filter_box_menu .content .menu_ul {
    margin-inline: auto;
    width: 360px;
  }
}
@media screen and (max-width: 439px) {
  section.section_contents .left_wrap .filter_scroll_wrap .filter_scroll_container .filter .filter_box.filter_box_menu .content .menu_ul {
    display: grid;
    grid-template-columns: auto auto auto;
    justify-content: center;
    column-gap: 40px;
    width: auto;
  }
}
section.section_contents .left_wrap .filter_scroll_wrap .filter_scroll_container .filter .filter_box.filter_box_menu .content .menu_ul li {
  justify-self: start;
  padding: 6px 10px;
  cursor: pointer;
}
section.section_contents .left_wrap .filter_scroll_wrap .filter_scroll_container .filter .filter_box.filter_box_menu .content .menu_ul li .text {
  transition: color 0.3s;
  font-family: "Poppins", sans-serif;
  font-size: 12px;
  line-height: 1em;
  letter-spacing: 0.05em;
  font-weight: 500;
}
section.section_contents .left_wrap .filter_scroll_wrap .filter_scroll_container .filter .filter_box.filter_box_menu .content .menu_ul li .text span {
  font-weight: 500;
}
@media screen and (max-width: 1239px) {
  section.section_contents .left_wrap .filter_scroll_wrap .filter_scroll_container .filter .filter_box.filter_box_menu .content .menu_ul li .text {
    font-size: 13px;
  }
}
@media screen and (max-width: 839px) {
  section.section_contents .left_wrap .filter_scroll_wrap .filter_scroll_container .filter .filter_box.filter_box_menu .content .menu_ul li .text {
    font-size: 14px;
  }
}
@media screen and (min-width: 1239px) {
  section.section_contents .left_wrap .filter_scroll_wrap .filter_scroll_container .filter .filter_box.filter_box_menu .content .menu_ul li:hover .text {
    color: var(--c-ctzn_blue);
  }
}
section.section_contents .left_wrap .filter_scroll_wrap .filter_scroll_container .filter .filter_box.filter_box_menu .content .menu_ul li.active .text {
  color: var(--c-ctzn_blue);
}
section.section_contents .left_wrap .filter_scroll_wrap .filter_scroll_container .filter .filter_box.filter_box_keyword {
  margin-top: 15px;
}
@media screen and (max-width: 839px) {
  section.section_contents .left_wrap .filter_scroll_wrap .filter_scroll_container .filter .filter_box.filter_box_keyword {
    margin-top: 40px;
  }
}
section.section_contents .left_wrap .filter_scroll_wrap .filter_scroll_container .filter .filter_box.filter_box_keyword .content .tag_ul {
  display: flex;
  flex-wrap: wrap;
  column-gap: 10px;
  row-gap: 10px;
}
section.section_contents .left_wrap .filter_scroll_wrap .filter_scroll_container .filter .filter_box.filter_box_keyword .content .tag_ul li {
  padding: 6.5px 10px;
  cursor: pointer;
  position: relative;
}
@media screen and (max-width: 1239px) {
  section.section_contents .left_wrap .filter_scroll_wrap .filter_scroll_container .filter .filter_box.filter_box_keyword .content .tag_ul li {
    padding: 8px 12px;
  }
}
@media screen and (max-width: 839px) {
  section.section_contents .left_wrap .filter_scroll_wrap .filter_scroll_container .filter .filter_box.filter_box_keyword .content .tag_ul li {
    padding: 12px 18px;
  }
}
@media screen and (max-width: 439px) {
  section.section_contents .left_wrap .filter_scroll_wrap .filter_scroll_container .filter .filter_box.filter_box_keyword .content .tag_ul li {
    padding: 12px 15px;
  }
}
section.section_contents .left_wrap .filter_scroll_wrap .filter_scroll_container .filter .filter_box.filter_box_keyword .content .tag_ul li::before {
  transition: background-color 0.3s, border 0.3s;
  content: "";
  display: inline-block;
  border-radius: 8px;
  background-color: transparent;
  border: 1px solid var(--c-gray400);
  position: absolute;
  inset: 0;
}
section.section_contents .left_wrap .filter_scroll_wrap .filter_scroll_container .filter .filter_box.filter_box_keyword .content .tag_ul li .text {
  transition: color 0.3s;
  margin-right: -0.05em;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 11px;
  line-height: 1em;
  letter-spacing: 0.05em;
  font-weight: 400;
}
section.section_contents .left_wrap .filter_scroll_wrap .filter_scroll_container .filter .filter_box.filter_box_keyword .content .tag_ul li .text span {
  font-weight: 400;
}
section.section_contents .left_wrap .filter_scroll_wrap .filter_scroll_container .filter .filter_box.filter_box_keyword .content .tag_ul li .text {
  text-align: center;
  translate: 0 -0.07em;
  position: relative;
}
@media screen and (max-width: 1239px) {
  section.section_contents .left_wrap .filter_scroll_wrap .filter_scroll_container .filter .filter_box.filter_box_keyword .content .tag_ul li .text {
    font-size: 12px;
  }
}
@media screen and (max-width: 839px) {
  section.section_contents .left_wrap .filter_scroll_wrap .filter_scroll_container .filter .filter_box.filter_box_keyword .content .tag_ul li .text {
    font-size: 14px;
  }
}
section.section_contents .left_wrap .filter_scroll_wrap .filter_scroll_container .filter .filter_box.filter_box_keyword .content .tag_ul li.tag_career {
  margin-right: 50px;
}
@media screen and (max-width: 1239px) {
  section.section_contents .left_wrap .filter_scroll_wrap .filter_scroll_container .filter .filter_box.filter_box_keyword .content .tag_ul li.tag_career {
    margin-right: 30px;
  }
}
@media screen and (max-width: 839px) {
  section.section_contents .left_wrap .filter_scroll_wrap .filter_scroll_container .filter .filter_box.filter_box_keyword .content .tag_ul li.tag_career {
    margin-right: 0;
  }
}
@media screen and (min-width: 1239px) {
  section.section_contents .left_wrap .filter_scroll_wrap .filter_scroll_container .filter .filter_box.filter_box_keyword .content .tag_ul li:hover::before {
    background-color: var(--c-ctzn_blue);
    border: 1px solid var(--c-ctzn_blue);
  }
}
@media screen and (min-width: 1239px) {
  section.section_contents .left_wrap .filter_scroll_wrap .filter_scroll_container .filter .filter_box.filter_box_keyword .content .tag_ul li:hover .text {
    color: var(--c-ctzn_wht);
  }
}
section.section_contents .left_wrap .filter_scroll_wrap .filter_scroll_container .filter .filter_box.filter_box_keyword .content .tag_ul li.active::before {
  background-color: var(--c-ctzn_blue);
  border: 1px solid var(--c-ctzn_blue);
}
section.section_contents .left_wrap .filter_scroll_wrap .filter_scroll_container .filter .filter_box.filter_box_keyword .content .tag_ul li.active .text {
  color: var(--c-ctzn_wht);
}
section.section_contents .left_wrap .filter_scroll_wrap .filter_scroll_container .filter .filter_box.filter_box_keyword .content .reset {
  margin-top: 15px;
}
section.section_contents .left_wrap .filter_scroll_wrap .filter_scroll_container .filter .filter_box.filter_box_keyword .content .reset .btn {
  padding: 9.5px 10px;
  cursor: pointer;
  position: relative;
}
@media screen and (max-width: 1239px) {
  section.section_contents .left_wrap .filter_scroll_wrap .filter_scroll_container .filter .filter_box.filter_box_keyword .content .reset .btn {
    padding: 12px 15px;
  }
}
@media screen and (max-width: 839px) {
  section.section_contents .left_wrap .filter_scroll_wrap .filter_scroll_container .filter .filter_box.filter_box_keyword .content .reset .btn {
    padding: 15px 20px;
  }
}
section.section_contents .left_wrap .filter_scroll_wrap .filter_scroll_container .filter .filter_box.filter_box_keyword .content .reset .btn::before {
  transition: background-color 0.3s;
  content: "";
  display: inline-block;
  border-radius: 8px;
  background-color: var(--c-ctzn_blck);
  position: absolute;
  inset: 0;
}
section.section_contents .left_wrap .filter_scroll_wrap .filter_scroll_container .filter .filter_box.filter_box_keyword .content .reset .btn .text {
  transition: color 0.3s;
  font-size: 11px;
  line-height: 1em;
  letter-spacing: 0.1em;
  font-weight: 500;
}
section.section_contents .left_wrap .filter_scroll_wrap .filter_scroll_container .filter .filter_box.filter_box_keyword .content .reset .btn .text span {
  font-weight: 500;
}
section.section_contents .left_wrap .filter_scroll_wrap .filter_scroll_container .filter .filter_box.filter_box_keyword .content .reset .btn .text {
  color: var(--c-ctzn_wht);
  translate: 0 -0.07em;
  text-align: center;
  position: relative;
}
@media screen and (max-width: 1239px) {
  section.section_contents .left_wrap .filter_scroll_wrap .filter_scroll_container .filter .filter_box.filter_box_keyword .content .reset .btn .text {
    font-size: 12px;
  }
}
@media screen and (max-width: 839px) {
  section.section_contents .left_wrap .filter_scroll_wrap .filter_scroll_container .filter .filter_box.filter_box_keyword .content .reset .btn .text {
    font-size: 14px;
  }
}
@media screen and (min-width: 1239px) {
  section.section_contents .left_wrap .filter_scroll_wrap .filter_scroll_container .filter .filter_box.filter_box_keyword .content .reset .btn:hover::before {
    background-color: var(--c-ctzn_blue);
  }
}
@media screen and (min-width: 1239px) {
  section.section_contents .left_wrap .filter_scroll_wrap .filter_scroll_container .filter .filter_box.filter_box_keyword .content .reset .btn:hover .text {
    color: var(--c-ctzn_wht);
  }
}
section.section_contents .contents {
  align-self: start;
}
section.section_contents .contents .title {
  display: grid;
  grid-template-columns: auto 1fr;
}
@media screen and (max-width: 839px) {
  section.section_contents .contents .title {
    grid-template-columns: 1fr;
    row-gap: 13px;
  }
}
section.section_contents .contents .title .en {
  font-family: "Poppins", sans-serif;
  font-size: 20px;
  line-height: 1em;
  letter-spacing: 0.05em;
  font-weight: 500;
}
section.section_contents .contents .title .en span {
  font-weight: 500;
}
@media screen and (max-width: 839px) {
  section.section_contents .contents .title .en {
    justify-self: center;
  }
}
section.section_contents .contents .title .jp {
  justify-self: end;
  align-self: center;
  font-size: 12px;
  line-height: 1em;
  letter-spacing: 0em;
  font-weight: 500;
}
section.section_contents .contents .title .jp span {
  font-weight: 500;
}
@media screen and (max-width: 839px) {
  section.section_contents .contents .title .jp {
    justify-self: center;
  }
}
section.section_contents .contents .content {
  transition: height 1s;
  margin-top: 15px;
}
@media screen and (max-width: 839px) {
  section.section_contents .contents .content {
    margin-top: 40px;
  }
}
section.section_contents .contents .content .item_ul {
  transition: opacity 0.25s, height 0.75s var(--easeInOutQuart);
  opacity: 0;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  column-gap: 50px;
  row-gap: 40px;
}
@media screen and (max-width: 1239px) {
  section.section_contents .contents .content .item_ul {
    grid-template-columns: 1fr 1fr;
    column-gap: 20px;
    row-gap: 20px;
  }
}
@media screen and (max-width: 839px) {
  section.section_contents .contents .content .item_ul {
    column-gap: 4vw;
    row-gap: 4vw;
  }
}
section.section_contents .contents .content .item_ul li {
  transition: opacity 0s, translate 0s;
  opacity: 0;
  translate: 0 20px;
  display: none;
}
@media screen and (max-width: 839px) {
  section.section_contents .contents .content .item_ul li {
    width: 43vw;
  }
}
section.section_contents .contents .content .item_ul li a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  aspect-ratio: 260/144;
  position: relative;
}
section.section_contents .contents .content .item_ul li a .photo {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  inset: 0;
}
section.section_contents .contents .content .item_ul li a .photo img {
  transition: scale 0.5s var(--easeOutQuart);
  width: 100%;
  height: 100%;
  object-fit: cover;
}
section.section_contents .contents .content .item_ul li a .film {
  transition: opacity 0.5s;
  opacity: 0.4;
  background-color: var(--c-Black);
  position: absolute;
  inset: 0;
}
section.section_contents .contents .content .item_ul li a .container {
  position: relative;
}
section.section_contents .contents .content .item_ul li a .container .en {
  transition: color 0.3s;
  margin-right: -0.07em;
  font-family: "Poppins", sans-serif;
  font-size: 12px;
  line-height: 1em;
  letter-spacing: 0.07em;
  font-weight: 500;
}
section.section_contents .contents .content .item_ul li a .container .en span {
  font-weight: 500;
}
section.section_contents .contents .content .item_ul li a .container .en {
  color: var(--c-white);
  text-align: center;
}
@media screen and (max-width: 1239px) {
  section.section_contents .contents .content .item_ul li a .container .en {
    font-size: 13px;
  }
}
@media screen and (max-width: 839px) {
  section.section_contents .contents .content .item_ul li a .container .en {
    font-size: 14px;
  }
}
section.section_contents .contents .content .item_ul li a .container .jp {
  transition: color 0.3s;
  padding-top: 10px;
  margin-block: calc((1em - 1lh) / 2);
  font-size: 12px;
  line-height: 15px;
  letter-spacing: 0em;
  font-weight: 500;
}
section.section_contents .contents .content .item_ul li a .container .jp span {
  font-weight: 500;
}
section.section_contents .contents .content .item_ul li a .container .jp {
  color: var(--c-white);
  text-align: center;
}
@media screen and (min-width: 1239px) {
  section.section_contents .contents .content .item_ul li.li_photo a:hover .photo img {
    scale: 1.07;
  }
}
@media screen and (min-width: 1239px) {
  section.section_contents .contents .content .item_ul li.li_photo a:hover .film {
    opacity: 0.6;
  }
}
section.section_contents .contents .content .item_ul li.li_icon a {
  position: relative;
}
section.section_contents .contents .content .item_ul li.li_icon a::before, section.section_contents .contents .content .item_ul li.li_icon a::after {
  transition: background-color 0.3s;
  content: "";
  display: inline-block;
  height: 1px;
  background-color: var(--c-gray300);
  position: absolute;
  left: 0;
  right: 0;
}
section.section_contents .contents .content .item_ul li.li_icon a::before {
  top: 0;
}
section.section_contents .contents .content .item_ul li.li_icon a::after {
  bottom: 0;
}
section.section_contents .contents .content .item_ul li.li_icon a .container {
  display: grid;
  grid-template-columns: 1fr;
  position: relative;
}
section.section_contents .contents .content .item_ul li.li_icon a .container .en {
  transition: color 0.3s;
  color: var(--c-ctzn_blck);
}
section.section_contents .contents .content .item_ul li.li_icon a .container .icon {
  justify-self: center;
  padding-top: 20px;
}
@media screen and (max-width: 1239px) {
  section.section_contents .contents .content .item_ul li.li_icon a .container .icon {
    padding-top: 15px;
  }
}
@media screen and (max-width: 1039px) {
  section.section_contents .contents .content .item_ul li.li_icon a .container .icon {
    padding-top: 12px;
  }
}
@media screen and (max-width: 639px) {
  section.section_contents .contents .content .item_ul li.li_icon a .container .icon {
    display: none;
  }
}
section.section_contents .contents .content .item_ul li.li_icon a .container .icon svg {
  transition: fill 0.3s;
  fill: var(--c-ctzn_blck);
}
section.section_contents .contents .content .item_ul li.li_icon a .container .jp {
  transition: color 0.3s;
  padding-top: 23px;
  color: var(--c-ctzn_blck);
}
@media screen and (max-width: 1239px) {
  section.section_contents .contents .content .item_ul li.li_icon a .container .jp {
    padding-top: 20px;
  }
}
@media screen and (max-width: 1039px) {
  section.section_contents .contents .content .item_ul li.li_icon a .container .jp {
    padding-top: 15px;
  }
}
@media screen and (max-width: 639px) {
  section.section_contents .contents .content .item_ul li.li_icon a .container .jp {
    padding-top: 10px;
  }
}
@media screen and (min-width: 1239px) {
  section.section_contents .contents .content .item_ul li.li_icon a:hover::before, section.section_contents .contents .content .item_ul li.li_icon a:hover::after {
    background-color: var(--c-ctzn_blue);
  }
}
@media screen and (min-width: 1239px) {
  section.section_contents .contents .content .item_ul li.li_icon a:hover .container .en {
    color: var(--c-ctzn_blue);
  }
}
@media screen and (min-width: 1239px) {
  section.section_contents .contents .content .item_ul li.li_icon a:hover .container .icon svg {
    fill: var(--c-ctzn_blue);
  }
}
@media screen and (min-width: 1239px) {
  section.section_contents .contents .content .item_ul li.li_icon a:hover .container .jp {
    color: var(--c-ctzn_blue);
  }
}
section.section_contents .contents .content .item_ul li.displayOn {
  display: grid;
}
section.section_contents .contents .content .item_ul li.fadeIn {
  transition: opacity 0.7s, translate 0.8s var(--easeOutQuart);
  opacity: 1;
  translate: 0 0;
}
section.section_contents .contents .content .item_ul li.li_photo.gray {
  pointer-events: none;
}
section.section_contents .contents .content .item_ul li.li_photo.gray::after {
  content: "";
  display: inline-block;
  opacity: 0.6;
  background-color: var(--c-Black);
  position: absolute;
  inset: 0;
}
section.section_contents .contents .content .item_ul li.li_icon.gray {
  pointer-events: none;
}
section.section_contents .contents .content .item_ul li.li_icon.gray a .container .en {
  color: var(--c-gray400);
}
section.section_contents .contents .content .item_ul li.li_icon.gray a .container .icon svg {
  fill: var(--c-gray400);
}
section.section_contents .contents .content .item_ul li.li_icon.gray a .container .jp {
  color: var(--c-gray400);
}
section.section_contents .contents .content .item_ul.fadeIn {
  transition: opacity 0s, height 0.75s var(--easeInOutQuart);
  opacity: 1;
}
section.section_contents .contents .content .no_contents {
  transition: opacity 0.25s, translate 0s 0.25s;
  display: none;
  opacity: 0;
  translate: 0 20px;
  padding-top: 200px;
}
@media screen and (max-width: 839px) {
  section.section_contents .contents .content .no_contents {
    padding-top: 60px;
  }
}
section.section_contents .contents .content .no_contents .text {
  margin-right: -0.05em;
  font-family: "Poppins", sans-serif;
  font-size: 14px;
  line-height: 1em;
  letter-spacing: 0.05em;
  font-weight: 400;
}
section.section_contents .contents .content .no_contents .text span {
  font-weight: 400;
}
section.section_contents .contents .content .no_contents .text {
  text-align: center;
}
@media screen and (max-width: 839px) {
  section.section_contents .contents .content .no_contents .text {
    font-size: 13px;
  }
}
section.section_contents .contents .content .no_contents.displayOn {
  display: block;
}
section.section_contents .contents .content .no_contents.fadeIn {
  transition: opacity 0.5s, translate 0.5s var(--easeOutQuart);
  opacity: 1;
  translate: 0 0;
}