@charset "UTF-8";

.main__inner {
  width: 100%
}

.top {
  min-width: 83.3333333333vw;
  color: var(--clr-black);
  background: var(--clr-white)
}

.top__mv {
  position: relative;
  display: grid;
  grid-template-columns: 59.2% 40.8%;
  min-height: 52.5694444444vw;
  overflow: hidden
}

.top__mv-visual {
  display: flex;
  overflow: hidden
}

.top__mv-image {
  width: auto;
  height: 52.5694444444vw;
  -o-object-fit: cover;
  object-fit: cover
}

.top__mv-copy {
  position: absolute;
  top: 18.6805555556vw;
  right: 0;
  display: flex;
  flex-direction: column;
  gap: 1.1111111111vw
}

.top__mv-title {
  font-family: Shippori Antique B1, serif;
  font-size: 5.9722222222vw;
  line-height: 1.3;
  letter-spacing: .1194444444vw
}

.top__mv-subtitle {
  font-size: 1.3888888889vw;
  font-weight: 700;
  letter-spacing: .02em
}

.top__mv-scroll {
  position: absolute;
  right: 2.3611111111vw;
  top: 39.0277777778vw;
  writing-mode: vertical-rl;
  font-size: .9722222222vw;
  font-weight: 600;
  line-height: 130%;
  letter-spacing: .0486111111vw
}

.top__mv-scroll:before {
  animation: scroll 2s infinite;
  background-color: var(--clr-black);
  bottom: 5.2083333333vw;
  content: "";
  height: 2.7777777778vw;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  width: 1px
}

@keyframes scroll {
  0% {
    transform: scaleY(0);
    transform-origin: 0 0
  }

  50% {
    transform: scale(1);
    transform-origin: 0 0
  }

  51% {
    transform: scale(1);
    transform-origin: 0 100%
  }

  to {
    transform: scaleY(0);
    transform-origin: 0 100%
  }
}

.top__mv-scroll-line {
  display: block;
  width: 1px;
  height: 2.7777777778vw;
  background: var(--clr-black);
  flex-shrink: 0
}

.top__mv-scroll-text {
  font-family: Poppins, sans-serif;
  font-size: .9722222222vw;
  letter-spacing: .05em;
  writing-mode: vertical-rl;
  transform: rotate(180deg)
}

.top__about {
  position: relative;
  padding: 11.1111111111vw 8.3333333333vw 6.9444444444vw;
  color: var(--clr-white)
}

.top__about:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: url(../img/img_top-space-bg.webp);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  z-index: 0
}

.top__about-inner {
  position: relative;
  z-index: 2
}

.top__about-text {
  max-width: 83.3333333333vw;
  font-size: 1.6666666667vw;
  font-weight: 600;
  line-height: 2;
  letter-spacing: .0333333333vw;
  text-align: center;
  margin: 0 auto
}

.top__news {
  margin-top: 5.5555555556vw;
  padding: 5.5555555556vw 8.3333333333vw;
  border-radius: 2.7777777778vw;
  background: var(--clr-white);
  color: var(--clr-black)
}

.top__news-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 2.2222222222vw
}

.top__section-title-en {
  font-family: Poppins, sans-serif;
  font-size: 3.3333333333vw;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: .02em;
  color: var(--clr-prime)
}

.top__section-title-ja {
  font-size: 1.1111111111vw;
  font-weight: 900;
  line-height: 1.8;
  letter-spacing: .02em
}

.top__news-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .5555555556vw;
  min-width: 10.6944444444vw;
  min-height: 3.0555555556vw;
  padding: .6944444444vw 1.1111111111vw;
  border: 1px solid var(--clr-black);
  border-radius: 999px;
  transition: all .3s ease
}

.top__news-link span {
  color: var(--clr-black);
  font-size: 1.1111111111vw;
  line-height: 1.5;
  letter-spacing: .02em;
  font-weight: 700;
  transition: all .3s ease
}

.top__news-link:after {
  content: "";
  width: 1.1111111111vw;
  height: 1.1111111111vw;
  flex-shrink: 0;
  background: url("data:image/svg+xml,%3csvg%20width='20'%20height='20'%20viewBox='0%200%2020%2020'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_307_286'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='20'%20height='20'%3e%3crect%20width='20'%20height='20'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_307_286)'%3e%3cpath%20d='M10.5007%2010.0008L7.25065%206.75081C7.09787%206.59804%207.02148%206.40359%207.02148%206.16748C7.02148%205.93137%207.09787%205.73692%207.25065%205.58415C7.40343%205.43137%207.59787%205.35498%207.83398%205.35498C8.0701%205.35498%208.26454%205.43137%208.41732%205.58415L12.2507%209.41748C12.334%209.50081%2012.393%209.59109%2012.4277%209.68831C12.4625%209.78554%2012.4798%209.8897%2012.4798%2010.0008C12.4798%2010.1119%2012.4625%2010.2161%2012.4277%2010.3133C12.393%2010.4105%2012.334%2010.5008%2012.2507%2010.5841L8.41732%2014.4175C8.26454%2014.5703%208.0701%2014.6466%207.83398%2014.6466C7.59787%2014.6466%207.40343%2014.5703%207.25065%2014.4175C7.09787%2014.2647%207.02148%2014.0703%207.02148%2013.8341C7.02148%2013.598%207.09787%2013.4036%207.25065%2013.2508L10.5007%2010.0008Z'%20fill='%23333333'/%3e%3c/g%3e%3c/svg%3e") no-repeat center/contain;
  transition: all .3s ease
}

.top__news-link:hover {
  background: var(--clr-prime);
  border-color: var(--clr-prime)
}

.top__news-link:hover span {
  color: var(--clr-white)
}

.top__news-link:hover:after {
  background-image: url("data:image/svg+xml,%3csvg%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_307_172'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='32'%20height='32'%3e%3crect%20width='32'%20height='32'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_307_172)'%3e%3cpath%20d='M16.801%2016.0007L11.601%2010.8007C11.3566%2010.5563%2011.2344%2010.2452%2011.2344%209.86738C11.2344%209.48961%2011.3566%209.17849%2011.601%208.93405C11.8455%208.68961%2012.1566%208.56738%2012.5344%208.56738C12.9122%208.56738%2013.2233%208.68961%2013.4677%208.93405L19.601%2015.0674C19.7344%2015.2007%2019.8288%2015.3452%2019.8844%2015.5007C19.9399%2015.6563%2019.9677%2015.8229%2019.9677%2016.0007C19.9677%2016.1785%2019.9399%2016.3452%2019.8844%2016.5007C19.8288%2016.6563%2019.7344%2016.8007%2019.601%2016.934L13.4677%2023.0674C13.2233%2023.3118%2012.9122%2023.4341%2012.5344%2023.4341C12.1566%2023.4341%2011.8455%2023.3118%2011.601%2023.0674C11.3566%2022.8229%2011.2344%2022.5118%2011.2344%2022.1341C11.2344%2021.7563%2011.3566%2021.4452%2011.601%2021.2007L16.801%2016.0007Z'%20fill='white'/%3e%3c/g%3e%3c/svg%3e");
  transform: translate(.5555555556vw)
}

.top__news-list {
  margin-top: 2.7777777778vw;
  display: flex;
  flex-direction: column;
  gap: 1.1111111111vw
}

.top__news-item {
  display: flex;
  align-items: center;
  gap: 1.1111111111vw;
  transition: all .3s ease
}

.top__news-item:hover .top__news-text {
  color: var(--clr-linkBlue);
  border-color: var(--clr-linkBlue)
}

.top__news-item:hover .top__news-text-icon {
  background-color: var(--clr-linkBlue)
}

.top__news-item.-onLink {
  pointer-events: none
}

.top__news-item.-onLink .top__news-text {
  border-bottom: none;
  font-weight: 700
}

.top__news-date {
  width: 7.5vw;
  font-family: Poppins, sans-serif;
  font-size: .9722222222vw;
  font-weight: 500;
  line-height: 140%;
  color: var(--clr-gray-text);
  border-right: 1px solid var(--clr-black);
  padding-right: 1.1111111111vw;
  margin-right: 1.1111111111vw
}

.top__news-text {
  border-bottom: 1px solid var(--clr-black);
  padding-bottom: 1px;
  color: var(--clr-black);
  display: inline-flex;
  align-items: center;
  gap: .6944444444vw
}

.top__news-text span {
  font-size: 1.1111111111vw;
  line-height: 175%;
  letter-spacing: .016em
}

.top__news-text-icon {
  display: inline-block;
  width: 1.6666666667vw;
  height: 1.6666666667vw;
  flex-shrink: 0;
  background-color: var(--clr-black);
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  transition: background-color .3s ease
}

.top__news-text-icon.-link {
  -webkit-mask-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_307_413'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='24'%20height='24'%3e%3crect%20width='24'%20height='24'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_307_413)'%3e%3cpath%20d='M5.30775%2020.5C4.80258%2020.5%204.375%2020.325%204.025%2019.975C3.675%2019.625%203.5%2019.1974%203.5%2018.6923V5.30775C3.5%204.80258%203.675%204.375%204.025%204.025C4.375%203.675%204.80258%203.5%205.30775%203.5H11.6152V5H5.30775C5.23075%205%205.16025%205.03208%205.09625%205.09625C5.03208%205.16025%205%205.23075%205%205.30775V18.6923C5%2018.7692%205.03208%2018.8398%205.09625%2018.9038C5.16025%2018.9679%205.23075%2019%205.30775%2019H18.6923C18.7692%2019%2018.8398%2018.9679%2018.9038%2018.9038C18.9679%2018.8398%2019%2018.7692%2019%2018.6923V12.3848H20.5V18.6923C20.5%2019.1974%2020.325%2019.625%2019.975%2019.975C19.625%2020.325%2019.1974%2020.5%2018.6923%2020.5H5.30775ZM9.71925%2015.3345L8.6655%2014.2808L17.9462%205H14V3.5H20.5V10H19V6.05375L9.71925%2015.3345Z'%20fill='%23333333'/%3e%3c/g%3e%3c/svg%3e");
  mask-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_307_413'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='24'%20height='24'%3e%3crect%20width='24'%20height='24'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_307_413)'%3e%3cpath%20d='M5.30775%2020.5C4.80258%2020.5%204.375%2020.325%204.025%2019.975C3.675%2019.625%203.5%2019.1974%203.5%2018.6923V5.30775C3.5%204.80258%203.675%204.375%204.025%204.025C4.375%203.675%204.80258%203.5%205.30775%203.5H11.6152V5H5.30775C5.23075%205%205.16025%205.03208%205.09625%205.09625C5.03208%205.16025%205%205.23075%205%205.30775V18.6923C5%2018.7692%205.03208%2018.8398%205.09625%2018.9038C5.16025%2018.9679%205.23075%2019%205.30775%2019H18.6923C18.7692%2019%2018.8398%2018.9679%2018.9038%2018.9038C18.9679%2018.8398%2019%2018.7692%2019%2018.6923V12.3848H20.5V18.6923C20.5%2019.1974%2020.325%2019.625%2019.975%2019.975C19.625%2020.325%2019.1974%2020.5%2018.6923%2020.5H5.30775ZM9.71925%2015.3345L8.6655%2014.2808L17.9462%205H14V3.5H20.5V10H19V6.05375L9.71925%2015.3345Z'%20fill='%23333333'/%3e%3c/g%3e%3c/svg%3e")
}

.top__news-text-icon.-pdf {
  -webkit-mask-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_307_45'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='24'%20height='24'%3e%3crect%20width='24'%20height='24'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_307_45)'%3e%3cpath%20d='M10%2010.5H11C11.2833%2010.5%2011.5208%2010.4042%2011.7125%2010.2125C11.9042%2010.0208%2012%209.78333%2012%209.5V8.5C12%208.21667%2011.9042%207.97917%2011.7125%207.7875C11.5208%207.59583%2011.2833%207.5%2011%207.5H9.5C9.36667%207.5%209.25%207.55%209.15%207.65C9.05%207.75%209%207.86667%209%208V12C9%2012.1333%209.05%2012.25%209.15%2012.35C9.25%2012.45%209.36667%2012.5%209.5%2012.5C9.63333%2012.5%209.75%2012.45%209.85%2012.35C9.95%2012.25%2010%2012.1333%2010%2012V10.5ZM10%209.5V8.5H11V9.5H10ZM15%2012.5C15.2833%2012.5%2015.5208%2012.4042%2015.7125%2012.2125C15.9042%2012.0208%2016%2011.7833%2016%2011.5V8.5C16%208.21667%2015.9042%207.97917%2015.7125%207.7875C15.5208%207.59583%2015.2833%207.5%2015%207.5H13.5C13.3667%207.5%2013.25%207.55%2013.15%207.65C13.05%207.75%2013%207.86667%2013%208V12C13%2012.1333%2013.05%2012.25%2013.15%2012.35C13.25%2012.45%2013.3667%2012.5%2013.5%2012.5H15ZM14%2011.5V8.5H15V11.5H14ZM18%2010.5H18.5C18.6333%2010.5%2018.75%2010.45%2018.85%2010.35C18.95%2010.25%2019%2010.1333%2019%2010C19%209.86667%2018.95%209.75%2018.85%209.65C18.75%209.55%2018.6333%209.5%2018.5%209.5H18V8.5H18.5C18.6333%208.5%2018.75%208.45%2018.85%208.35C18.95%208.25%2019%208.13333%2019%208C19%207.86667%2018.95%207.75%2018.85%207.65C18.75%207.55%2018.6333%207.5%2018.5%207.5H17.5C17.3667%207.5%2017.25%207.55%2017.15%207.65C17.05%207.75%2017%207.86667%2017%208V12C17%2012.1333%2017.05%2012.25%2017.15%2012.35C17.25%2012.45%2017.3667%2012.5%2017.5%2012.5C17.6333%2012.5%2017.75%2012.45%2017.85%2012.35C17.95%2012.25%2018%2012.1333%2018%2012V10.5ZM8%2018C7.45%2018%206.97917%2017.8042%206.5875%2017.4125C6.19583%2017.0208%206%2016.55%206%2016V4C6%203.45%206.19583%202.97917%206.5875%202.5875C6.97917%202.19583%207.45%202%208%202H20C20.55%202%2021.0208%202.19583%2021.4125%202.5875C21.8042%202.97917%2022%203.45%2022%204V16C22%2016.55%2021.8042%2017.0208%2021.4125%2017.4125C21.0208%2017.8042%2020.55%2018%2020%2018H8ZM8%2016H20V4H8V16ZM4%2022C3.45%2022%202.97917%2021.8042%202.5875%2021.4125C2.19583%2021.0208%202%2020.55%202%2020V7C2%206.71667%202.09583%206.47917%202.2875%206.2875C2.47917%206.09583%202.71667%206%203%206C3.28333%206%203.52083%206.09583%203.7125%206.2875C3.90417%206.47917%204%206.71667%204%207V20H17C17.2833%2020%2017.5208%2020.0958%2017.7125%2020.2875C17.9042%2020.4792%2018%2020.7167%2018%2021C18%2021.2833%2017.9042%2021.5208%2017.7125%2021.7125C17.5208%2021.9042%2017.2833%2022%2017%2022H4Z'%20fill='%23333333'/%3e%3c/g%3e%3c/svg%3e");
  mask-image: url("data:image/svg+xml,%3csvg%20width='24'%20height='24'%20viewBox='0%200%2024%2024'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_307_45'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='24'%20height='24'%3e%3crect%20width='24'%20height='24'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_307_45)'%3e%3cpath%20d='M10%2010.5H11C11.2833%2010.5%2011.5208%2010.4042%2011.7125%2010.2125C11.9042%2010.0208%2012%209.78333%2012%209.5V8.5C12%208.21667%2011.9042%207.97917%2011.7125%207.7875C11.5208%207.59583%2011.2833%207.5%2011%207.5H9.5C9.36667%207.5%209.25%207.55%209.15%207.65C9.05%207.75%209%207.86667%209%208V12C9%2012.1333%209.05%2012.25%209.15%2012.35C9.25%2012.45%209.36667%2012.5%209.5%2012.5C9.63333%2012.5%209.75%2012.45%209.85%2012.35C9.95%2012.25%2010%2012.1333%2010%2012V10.5ZM10%209.5V8.5H11V9.5H10ZM15%2012.5C15.2833%2012.5%2015.5208%2012.4042%2015.7125%2012.2125C15.9042%2012.0208%2016%2011.7833%2016%2011.5V8.5C16%208.21667%2015.9042%207.97917%2015.7125%207.7875C15.5208%207.59583%2015.2833%207.5%2015%207.5H13.5C13.3667%207.5%2013.25%207.55%2013.15%207.65C13.05%207.75%2013%207.86667%2013%208V12C13%2012.1333%2013.05%2012.25%2013.15%2012.35C13.25%2012.45%2013.3667%2012.5%2013.5%2012.5H15ZM14%2011.5V8.5H15V11.5H14ZM18%2010.5H18.5C18.6333%2010.5%2018.75%2010.45%2018.85%2010.35C18.95%2010.25%2019%2010.1333%2019%2010C19%209.86667%2018.95%209.75%2018.85%209.65C18.75%209.55%2018.6333%209.5%2018.5%209.5H18V8.5H18.5C18.6333%208.5%2018.75%208.45%2018.85%208.35C18.95%208.25%2019%208.13333%2019%208C19%207.86667%2018.95%207.75%2018.85%207.65C18.75%207.55%2018.6333%207.5%2018.5%207.5H17.5C17.3667%207.5%2017.25%207.55%2017.15%207.65C17.05%207.75%2017%207.86667%2017%208V12C17%2012.1333%2017.05%2012.25%2017.15%2012.35C17.25%2012.45%2017.3667%2012.5%2017.5%2012.5C17.6333%2012.5%2017.75%2012.45%2017.85%2012.35C17.95%2012.25%2018%2012.1333%2018%2012V10.5ZM8%2018C7.45%2018%206.97917%2017.8042%206.5875%2017.4125C6.19583%2017.0208%206%2016.55%206%2016V4C6%203.45%206.19583%202.97917%206.5875%202.5875C6.97917%202.19583%207.45%202%208%202H20C20.55%202%2021.0208%202.19583%2021.4125%202.5875C21.8042%202.97917%2022%203.45%2022%204V16C22%2016.55%2021.8042%2017.0208%2021.4125%2017.4125C21.0208%2017.8042%2020.55%2018%2020%2018H8ZM8%2016H20V4H8V16ZM4%2022C3.45%2022%202.97917%2021.8042%202.5875%2021.4125C2.19583%2021.0208%202%2020.55%202%2020V7C2%206.71667%202.09583%206.47917%202.2875%206.2875C2.47917%206.09583%202.71667%206%203%206C3.28333%206%203.52083%206.09583%203.7125%206.2875C3.90417%206.47917%204%206.71667%204%207V20H17C17.2833%2020%2017.5208%2020.0958%2017.7125%2020.2875C17.9042%2020.4792%2018%2020.7167%2018%2021C18%2021.2833%2017.9042%2021.5208%2017.7125%2021.7125C17.5208%2021.9042%2017.2833%2022%2017%2022H4Z'%20fill='%23333333'/%3e%3c/g%3e%3c/svg%3e")
}

.top__contents {
  padding: 8.3333333333vw 8.3333333333vw 6.9444444444vw
}

.top__cards {
  display: flex;
  justify-content: space-between;
  margin-top: 2.7777777778vw
}

.top__card {
  width: 25.9027777778vw;
  margin-top: 5.625vw;
  position: relative
}

.top__card--offset-1 {
  margin-top: 2.8472222222vw
}

.top__card--offset-2 {
  margin-top: 0
}

.top__card-order {
  display: flex;
  align-items: baseline;
  gap: .2777777778vw;
  justify-content: center;
  color: var(--clr-prime);
  position: absolute;
  top: -4.0277777778vw;
  left: 50%;
  transform: translate(-50%);
  z-index: 1
}

.top__card-order-num {
  font-family: Poppins, sans-serif;
  font-size: 2.2222222222vw;
  font-weight: 700;
  line-height: 1.8
}

.top__card-order-label {
  font-size: 1.25vw;
  font-weight: 700;
  line-height: 1.8
}

.top__card-icon {
  display: block;
  position: absolute
}

.top__card-icon.-first {
  width: 5.9027777778vw;
  top: -.4861111111vw;
  left: 50%;
  transform: translate(-50%)
}

.top__card-icon.-second {
  width: 6.25vw;
  left: 50%;
  transform: translate(-50%)
}

.top__card-icon.-third {
  width: 16.875vw;
  top: -4.0972222222vw;
  right: 0
}

.top__card-body {
  overflow: hidden;
  border-radius: 1.1111111111vw;
  background: linear-gradient(98deg, #00115a, #0076d2 106.17%);
  box-shadow: .5555555556vw .2083333333vw 1.9444444444vw #00000014;
  margin-top: 8.5416666667vw
}

.top__card-text {
  padding: 2.2222222222vw
}

.top__card-title {
  font-size: 1.6666666667vw;
  font-weight: 900;
  line-height: 1.8;
  letter-spacing: .02em;
  color: var(--clr-white)
}

.top__card-description {
  margin-top: .5555555556vw;
  min-height: 4.0277777778vw;
  font-size: 1.1111111111vw;
  line-height: 1.8;
  color: var(--clr-white);
  letter-spacing: .02em
}

.top__card-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .4166666667vw;
  min-width: 12.4305555556vw;
  min-height: 3.8888888889vw;
  margin-top: 1.1111111111vw;
  padding: 1.1111111111vw;
  border: 1px solid var(--clr-second);
  border-radius: 999px;
  font-family: Poppins, sans-serif;
  font-size: 1.1111111111vw;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: .32px;
  color: var(--clr-second);
  transition: all .3s ease;
  pointer-events: none
}

.top__card-link span {
  line-height: 1
}

.top__card-link:after {
  content: "";
  width: 1.3888888889vw;
  height: 1.3888888889vw;
  flex-shrink: 0;
  background: url("data:image/svg+xml,%3csvg%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_22_1557'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='32'%20height='32'%3e%3crect%20width='32'%20height='32'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_22_1557)'%3e%3cpath%20d='M16.801%2016.0011L11.601%2010.8011C11.3566%2010.5566%2011.2344%2010.2455%2011.2344%209.86775C11.2344%209.48997%2011.3566%209.17886%2011.601%208.93442C11.8455%208.68997%2012.1566%208.56775%2012.5344%208.56775C12.9122%208.56775%2013.2233%208.68997%2013.4677%208.93442L19.601%2015.0677C19.7344%2015.2011%2019.8288%2015.3455%2019.8844%2015.5011C19.9399%2015.6566%2019.9677%2015.8233%2019.9677%2016.0011C19.9677%2016.1789%2019.9399%2016.3455%2019.8844%2016.5011C19.8288%2016.6566%2019.7344%2016.8011%2019.601%2016.9344L13.4677%2023.0677C13.2233%2023.3122%2012.9122%2023.4344%2012.5344%2023.4344C12.1566%2023.4344%2011.8455%2023.3122%2011.601%2023.0677C11.3566%2022.8233%2011.2344%2022.5122%2011.2344%2022.1344C11.2344%2021.7566%2011.3566%2021.4455%2011.601%2021.2011L16.801%2016.0011Z'%20fill='%230067B6'/%3e%3c/g%3e%3c/svg%3e") no-repeat center/contain;
  transition: all .3s ease
}

.top__card-image-picture {
  width: 100%;
  height: 16.6666666667vw;
  -o-object-fit: cover;
  object-fit: cover;
  display: block
}

.top__contact {
  position: relative;
  padding: 5.5555555556vw 8.3333333333vw 2.7777777778vw;
  overflow: hidden
}

.top__contact:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: url(../img/img_top-contact-bg.webp);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: cover;
  z-index: 0
}

.top__contact:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: linear-gradient(180deg, #093a7000 24%, #093a70a8, #051b37);
  z-index: 1
}

.top__contact-inner {
  position: relative;
  z-index: 2;
  min-height: 24.3055555556vw
}

.top__contact-card {
  padding: 2.7777777778vw;
  border-radius: 2.7777777778vw;
  background: var(--clr-white);
  text-align: center;
  box-shadow: .5555555556vw .2083333333vw .9722222222vw #00000014
}

.top__section-title--center {
  text-align: center
}

.top__contact-text {
  margin-top: 1.6666666667vw;
  font-size: 1.1111111111vw;
  line-height: 1.8;
  letter-spacing: .02em
}

.top__contact-link {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .5555555556vw;
  min-width: 20.2777777778vw;
  min-height: 5vw;
  margin-top: 1.6666666667vw;
  padding: 1.1111111111vw 1.6666666667vw;
  border-radius: 999px;
  background: linear-gradient(98deg, #00115a, #0076d2 106.17%);
  border: 1px solid transparent;
  transition: border-color .3s ease;
  overflow: hidden
}

.top__contact-link:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--clr-white);
  z-index: -1;
  opacity: 0;
  transition: opacity .3s ease
}

.top__contact-link span {
  font-size: 1.6666666667vw;
  font-weight: 700;
  line-height: 1.2;
  color: var(--clr-white);
  transition: all .3s ease;
  position: relative;
  z-index: 2
}

.top__contact-link:after {
  content: "";
  width: 2.2222222222vw;
  height: 2.2222222222vw;
  background: url("data:image/svg+xml,%3csvg%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_307_172'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='32'%20height='32'%3e%3crect%20width='32'%20height='32'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_307_172)'%3e%3cpath%20d='M16.801%2016.0007L11.601%2010.8007C11.3566%2010.5563%2011.2344%2010.2452%2011.2344%209.86738C11.2344%209.48961%2011.3566%209.17849%2011.601%208.93405C11.8455%208.68961%2012.1566%208.56738%2012.5344%208.56738C12.9122%208.56738%2013.2233%208.68961%2013.4677%208.93405L19.601%2015.0674C19.7344%2015.2007%2019.8288%2015.3452%2019.8844%2015.5007C19.9399%2015.6563%2019.9677%2015.8229%2019.9677%2016.0007C19.9677%2016.1785%2019.9399%2016.3452%2019.8844%2016.5007C19.8288%2016.6563%2019.7344%2016.8007%2019.601%2016.934L13.4677%2023.0674C13.2233%2023.3118%2012.9122%2023.4341%2012.5344%2023.4341C12.1566%2023.4341%2011.8455%2023.3118%2011.601%2023.0674C11.3566%2022.8229%2011.2344%2022.5118%2011.2344%2022.1341C11.2344%2021.7563%2011.3566%2021.4452%2011.601%2021.2007L16.801%2016.0007Z'%20fill='white'/%3e%3c/g%3e%3c/svg%3e") no-repeat center/contain;
  transition: all .3s ease;
  position: relative;
  z-index: 2
}

.top__contact-link:hover {
  border-color: var(--clr-prime)
}

.top__contact-link:hover:before {
  opacity: 1
}

.top__contact-link:hover span {
  color: var(--clr-prime)
}

.top__contact-link:hover:after {
  background-image: url("data:image/svg+xml,%3csvg%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cmask%20id='mask0_22_1557'%20style='mask-type:alpha'%20maskUnits='userSpaceOnUse'%20x='0'%20y='0'%20width='32'%20height='32'%3e%3crect%20width='32'%20height='32'%20fill='%23D9D9D9'/%3e%3c/mask%3e%3cg%20mask='url(%23mask0_22_1557)'%3e%3cpath%20d='M16.801%2016.0011L11.601%2010.8011C11.3566%2010.5566%2011.2344%2010.2455%2011.2344%209.86775C11.2344%209.48997%2011.3566%209.17886%2011.601%208.93442C11.8455%208.68997%2012.1566%208.56775%2012.5344%208.56775C12.9122%208.56775%2013.2233%208.68997%2013.4677%208.93442L19.601%2015.0677C19.7344%2015.2011%2019.8288%2015.3455%2019.8844%2015.5011C19.9399%2015.6566%2019.9677%2015.8233%2019.9677%2016.0011C19.9677%2016.1789%2019.9399%2016.3455%2019.8844%2016.5011C19.8288%2016.6566%2019.7344%2016.8011%2019.601%2016.9344L13.4677%2023.0677C13.2233%2023.3122%2012.9122%2023.4344%2012.5344%2023.4344C12.1566%2023.4344%2011.8455%2023.3122%2011.601%2023.0677C11.3566%2022.8233%2011.2344%2022.5122%2011.2344%2022.1344C11.2344%2021.7566%2011.3566%2021.4455%2011.601%2021.2011L16.801%2016.0011Z'%20fill='%230067B6'/%3e%3c/g%3e%3c/svg%3e");
  transform: translate(.5555555556vw)
}

@media (max-width: 768px) {
  .top {
    min-width: 0
  }

  .top__mv {
    display: block;
    min-height: auto;
    padding-bottom: 64.5333333333vw
  }

  .top__mv-visual {
    height: 93.3333333333vw;
    margin-top: 12.8vw
  }

  .top__mv-picture {
    height: 93.3333333333vw
  }

  .top__mv-image {
    min-height: 93.3333333333vw
  }

  .top__mv-copy {
    top: 106.1333333333vw;
    right: auto;
    left: 5.3333333333vw
  }

  .top__mv-title {
    font-size: 12.8vw;
    letter-spacing: .256vw
  }

  .top__mv-subtitle {
    margin-top: 2.1333333333vw;
    padding-left: 1.0666666667vw;
    font-size: 3.7333333333vw
  }

  .top__mv-scroll {
    top: auto;
    right: 2.6666666667vw;
    bottom: 2.1333333333vw;
    font-size: 3.7333333333vw
  }

  .top__mv-scroll:before {
    animation: scroll 2s infinite;
    background-color: var(--clr-black);
    bottom: 16vw;
    content: "";
    height: 10.6666666667vw;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: 1px
  }

  .top__about {
    margin-top: 0;
    padding: 21.3333333333vw 5.3333333333vw 10.6666666667vw
  }

  .top__about:before {
    background-image: url(../img/img_top-space-bg-sp.webp)
  }

  .top__about-text {
    font-size: 4.2666666667vw;
    text-align: left
  }

  .top__news {
    margin-top: 10.6666666667vw;
    padding: 10.6666666667vw 5.3333333333vw;
    border-radius: 6.4vw
  }

  .top__news-head {
    flex-direction: column;
    align-items: flex-start;
    gap: 6.4vw
  }

  .top__section-title-en {
    font-size: 8.5333333333vw;
    letter-spacing: .02em
  }

  .top__section-title-ja {
    font-size: 3.7333333333vw
  }

  .top__news-link {
    width: 100%;
    min-height: 14.9333333333vw;
    gap: 2.1333333333vw
  }

  .top__news-link span {
    font-size: 4.2666666667vw
  }

  .top__news-link:after {
    width: 4.2666666667vw;
    height: 4.2666666667vw
  }

  .top__news-list {
    gap: 6.4vw;
    margin-top: 10.6666666667vw
  }

  .top__news-item {
    flex-direction: column;
    align-items: flex-start
  }

  .top__news-date {
    width: auto;
    font-size: 3.7333333333vw;
    font-weight: 500;
    line-height: 140%
  }

  .top__news-text {
    gap: 2.6666666667vw
  }

  .top__news-text span {
    font-size: 3.7333333333vw;
    line-height: 1.75;
    font-weight: 500;
    letter-spacing: .14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
  }

  .top__news-text-icon {
    width: 6.4vw;
    height: 6.4vw
  }

  .top__contents {
    padding: 21.3333333333vw 5.3333333333vw
  }

  .top__cards {
    flex-direction: column;
    gap: 10.6666666667vw;
    margin-top: 10.6666666667vw
  }

  .top__card, .top__card--offset-1, .top__card--offset-2 {
    width: 100%;
    margin-top: 0
  }

  .top__card--offset-1 .top__card-order, .top__card--offset-2 .top__card-order {
    left: 21.3333333333vw
  }

  .top__card-order {
    gap: 1.0666666667vw;
    top: 5.8666666667vw;
    left: 24.2666666667vw;
    transform: translate(0)
  }

  .top__card-order-num {
    font-size: 6.4vw
  }

  .top__card-order-label {
    font-size: 4.8vw
  }

  .top__card-icon {
    width: 17.0666666667vw !important
  }

  .top__card-icon.-first {
    top: 0;
    right: 24.5333333333vw;
    left: auto;
    transform: translate(0)
  }

  .top__card-icon.-second {
    top: 0;
    right: 21.3333333333vw;
    left: auto;
    transform: translate(0)
  }

  .top__card-icon.-third {
    top: -1.6vw;
    right: 21.8666666667vw;
    transform: translate(0)
  }

  .top__card-body {
    width: 100%;
    border-radius: 4.2666666667vw;
    margin-top: 23.2vw
  }

  .top__card-text {
    padding: 8.5333333333vw 6.4vw 6.4vw
  }

  .top__card-title {
    font-size: 4.8vw
  }

  .top__card-description {
    min-height: 0;
    font-size: 3.7333333333vw
  }

  .top__card-link {
    width: 100%;
    min-width: 76.5333333333vw;
    min-height: 14.9333333333vw;
    margin-top: 4.2666666667vw;
    padding: 4.2666666667vw;
    gap: 1.0666666667vw;
    font-size: 4.8vw
  }

  .top__card-link:after {
    width: 6.4vw;
    height: 6.4vw
  }

  .top__card-image-picture, .top__card-image {
    height: 42.6666666667vw
  }

  .top__contact {
    padding: 10.6666666667vw 5.3333333333vw 21.3333333333vw
  }

  .top__contact:before {
    background-image: url(../img/img_top-contact-bg-sp.webp)
  }

  .top__contact-inner {
    min-height: 100%
  }

  .top__contact-card {
    padding: 10.6666666667vw 6.4vw;
    border-radius: 6.4vw
  }

  .top__contact-text {
    margin: 6.4vw auto 0;
    font-size: 3.7333333333vw;
    width: 68vw
  }

  .top__contact-link {
    width: 100%;
    min-width: 0;
    min-height: 19.2vw;
    gap: 2.1333333333vw;
    margin-top: 6.4vw
  }

  .top__contact-link span {
    font-size: 4.8vw
  }

  .top__contact-link:after {
    width: 8.5333333333vw;
    height: 8.5333333333vw
  }
}