/*
* top.css
*
*/
/*
* _opening.scss
*
*/
.opening {
  overflow: hidden;
  position: fixed;
  z-index: 3;
  pointer-events: none;

  inset: 0;
}

.opening::before {
  content: "";
  position: absolute;
  background-color: #fff;

  inset: 0;
}

.opening::after {
  content: "";
  position: absolute;
  background: linear-gradient(90deg, transparent, #fff 100%);

  inset: 0;
}

html.is-loaded .opening::before {
  opacity: 0;
  transition: opacity 0.5s cubic-bezier(0.39, 0.575, 0.565, 1);
}

html.is-loaded .opening::after {
  transition: -webkit-transform 3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 3s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}

.mv {
  opacity: 1;
}

.mv_content {
  position: relative;
}

@media screen and (max-width: 768px) {
  .mv_content {
    margin: 0 calc(50% - 50vw);
  }
}

.mv_obj {
  opacity: 0.05;
  position: absolute;
  bottom: clamp(-60px,-4.16666vw, -32px);
  left: clamp(-260px,-18.05555vw, -139px);
  width: clamp(320px,41.66667vw, 600px);
  height: clamp(320px,41.66667vw, 600px);
  background-image: url(/assets/img/common/noren.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  pointer-events: none;
}

.mv_main {
  position: relative;
}

@media screen and (max-width: 768px) {
  .mv_main {
    margin-left: auto;
    width: 100vw;
  }

  .mv_main img {
    width: 100%!important;
    height: 75vh!important;
  }

  .mv .swiper-pagination {
    display: none;
  }
}

.mv_title {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  position: absolute;
  z-index: 2;
  color: #fff;

  inset: 0;
}

@media screen and (max-width: 768px) {
  .mv_title {
    display: none;
  }
}

.mv_title .main {
  display: block;
  letter-spacing: 0.35em;
  font-size: clamp(17px,2.22223vw, 32px);
}

.mv_title .sub {
  display: block;
  margin-top: clamp(12px,1.59723vw, 23px);
  font-size: clamp(9px,1.25vw, 18px);
}

.mv_lead {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  position: absolute;
  z-index: 2;
  top: 0;
  left: clamp(34px,4.44445vw, 64px);
  letter-spacing: 0.14em;
  color: #003126;
  font-size: clamp(12px,1.66667vw, 24px);
  font-weight: 700;
}

@media screen and (max-width: 768px) {
  .mv_lead {
    right: 7.2vw;
    left: auto;
    font-size: 5.33333vw;
  }
}

.mv_lead > p {
  display: inline-block;
  position: relative;
  z-index: 1;
  padding: clamp(11px,1.52778vw, 22px) clamp(5px,0.69445vw, 10px) clamp(18px,2.36112vw, 34px);
  white-space: nowrap;
}

.mv_lead > p > .bg {
  position: absolute;
  z-index: -1;
  background-color: #fff;

  inset: 0;
}

.mv_lead > p:nth-of-type(2) {
  margin-top: clamp(95px,12.43056vw, 179px);
  margin-right: clamp(-20px,-1.38888vw, -11px);
}

@media screen and (max-width: 768px) {
  .mv_lead > p:nth-of-type(2) {
    margin-top: 42.93333vw;
    margin-right: -0.53333vw;
  }
}

.mv_slider {
  opacity: 1;
}

.mv_slider_list {
  opacity: 1;
}

.swiper-wrapper {
  opacity: 1;
}

.mv_slider_item .filter {
  transition: opacity 0.6s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-filter 4s cubic-bezier(0.39, 0.575, 0.565, 1) !important;
  transition: opacity 0.6s cubic-bezier(0.39, 0.575, 0.565, 1), filter 4s cubic-bezier(0.39, 0.575, 0.565, 1) !important;
  transition: opacity 0.6s cubic-bezier(0.39, 0.575, 0.565, 1), filter 4s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-filter 4s cubic-bezier(0.39, 0.575, 0.565, 1) !important;

  -webkit-filter: brightness(1.5);

          filter: brightness(1.5);
}

.mv_slider_item.swiper-slide-active .filter,
.mv_slider_item.swiper-slide-duplicate-active .filter {
  -webkit-filter: brightness(1);
          filter: brightness(1);
}

.mv .swiper-slide {
  opacity: 1;
}

.mv .swiper-pagination {
  position: absolute;
  top: auto;
  right: 0;
  right: clamp(-72px,-5vw, -39px);
  left: auto !important;
  width: auto !important;
}

@media screen and (max-width: 768px) {
  .mv .swiper-pagination {
    display: flex;
    flex-direction: column;
    justify-content: center;
    top: 0;
    right: auto;
    bottom: 0;
    left: -13.33333vw !important;
    margin: auto;
  }
}

.mv .swiper-pagination-bullet {
  display: flex !important;
  align-items: center;
  justify-content: center;
  position: relative;
  width: clamp(18px,2.43056vw, 35px) !important;
  height: clamp(18px,2.43056vw, 35px) !important;
  background: transparent !important;
  color: #003126;
  font-size: clamp(6px,0.83334vw, 12px);
}

@media screen and (max-width: 768px) {
  .mv .swiper-pagination-bullet {
    margin: 0 !important;
    padding-top: 0.53333vw;
    padding-left: 0.26667vw;
    width: 9.06667vw !important;
    height: 9.06667vw !important;
    font-size: 3.73333vw;
  }
}

.mv .swiper-pagination-bullet + .swiper-pagination-bullet {
  margin-top: clamp(9px,1.18056vw, 17px) !important;
}

@media screen and (max-width: 768px) {
  .mv .swiper-pagination-bullet + .swiper-pagination-bullet {
    margin-top: 4vw !important;
  }
}

.mv .swiper-pagination-bullet::before {
  content: "";
  opacity: 0;
  position: absolute;
  margin: auto;
  width: clamp(26px,3.47223vw, 50px);
  height: 1px;
  transition: opacity 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
  -webkit-transform: translateX(-90%);
          transform: translateX(-90%);
  background-color: #ced4d2;

  inset: 0 auto 0 0;
}

.mv .swiper-pagination-bullet::after {
  content: "";
  opacity: 0;
  position: absolute;
  border: 1px solid #003126;
  border-radius: 50%;
  transition: opacity 0.4s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.4s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), opacity 0.4s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-transform: scale(0.8);
          transform: scale(0.8);

  inset: 0;
}

.mv .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
  opacity: 1;
}

.mv .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}

.mv_scroll {
  opacity: 1;
}

.about {
  margin-top: clamp(85px,11.11112vw, 160px);
}

.about_inner {
  opacity: 1;
}

.about_content {
  position: relative;
  padding: clamp(30px,4.02778vw, 58px) clamp(25px,3.33334vw, 48px) clamp(127px,16.59723vw, 239px) clamp(213px,27.84723vw, 401px);
  width: 100%;
}

@media screen and (max-width: 768px) {
  .about_content {
    padding: 0;

    -webkit-writing-mode: horizontal-tb !important;

        -ms-writing-mode: lr-tb !important;

            writing-mode: horizontal-tb !important;
  }
}

.about_title {
  letter-spacing: 0.08em;
  font-size: clamp(17px,2.22223vw, 32px);
}

@media screen and (max-width: 768px) {
  .about_title {
    margin: auto;
    white-space: nowrap;
    font-size: 8.53333vw;
  }
}

.about_lead {
  margin-right: clamp(37px,4.86112vw, 70px);
  font-size: clamp(13px,1.80556vw, 26px);
  line-height: 1.5;
}

@media screen and (max-width: 768px) {
  .about_lead {
    margin-top: 10.66667vw;
    margin-right: 0;
    width: 100%;
    font-size: 6.4vw;

    -webkit-writing-mode: horizontal-tb;

        -ms-writing-mode: lr-tb;

            writing-mode: horizontal-tb;
  }
}

.about_text {
  margin-right: clamp(18px,2.36112vw, 34px);
  padding-top: clamp(1px,0.20834vw, 3px);
  font-size: clamp(7px,0.97223vw, 14px);
  line-height: 1.75;
}

@media screen and (max-width: 768px) {
  .about_text {
    margin-top: 10.66667vw;
    margin-right: auto;
    width: 100%;
    font-size: 3.73333vw;

    -webkit-writing-mode: horizontal-tb;

        -ms-writing-mode: lr-tb;

            writing-mode: horizontal-tb;
  }
}

.about_btn {
  margin-top: clamp(1px,0.13889vw, 2px);
  margin-right: clamp(22px,2.98612vw, 43px);
}

@media screen and (max-width: 768px) {
  .about_btn {
    margin-top: 13.33333vw;
    margin-right: auto;
  }
}

.about_imgs {
  position: absolute;
  pointer-events: none;

  inset: 0;
}

@media screen and (max-width: 768px) {
  .about_imgs {
    position: relative;
    height: 143.46667vw;
  }
}

.about_img {
  position: absolute;
}

.about_img:nth-of-type(1) {
  top: 0;
  left: clamp(-62px,-4.30555vw, -34px);
  width: clamp(247px,32.22223vw, 464px);
}

@media screen and (max-width: 768px) {
  .about_img:nth-of-type(1) {
    top: 29.33333vw;
    left: -7.2vw;
    width: 57.86667vw;
  }
}

.about_img:nth-of-type(2) {
  top: clamp(239px,31.18056vw, 449px);
  left: clamp(121px,15.83334vw, 228px);
  width: clamp(128px,16.66667vw, 240px);
}

@media screen and (max-width: 768px) {
  .about_img:nth-of-type(2) {
    top: 80vw;
    left: 37.33333vw;
    width: 32vw;
  }
}

.about_img:nth-of-type(3) {
  right: clamp(-60px,-4.16666vw, -32px);
  bottom: 0;
  width: clamp(96px,12.5vw, 180px);
}

@media screen and (max-width: 768px) {
  .about_img:nth-of-type(3) {
    top: 16vw;
    right: -7.2vw;
    bottom: auto;
    left: auto;
    width: 24vw;
  }
}

.works {
  overflow: hidden;
  position: relative;
  margin-top: clamp(106px,13.88889vw, 200px);
  padding-bottom: clamp(64px,8.33334vw, 120px);
}

@media screen and (max-width: 768px) {
  .works {
    margin-top: 0;
    padding-bottom: 0;
  }
}

.works_inner {
  padding: clamp(42px,5.55556vw, 80px) clamp(75px,9.86112vw, 142px);
}

@media screen and (max-width: 768px) {
  .works_inner {
    padding: 0 7.2vw 65.06667vw;
  }
}

.works_content {
  position: relative;
  margin-left: auto;
  height: clamp(213px,27.77778vw, 400px);
}

@media screen and (max-width: 768px) {
  .works_content {
    z-index: 10;
    width: 100%;
    height: auto;

    -webkit-writing-mode: horizontal-tb;

        -ms-writing-mode: lr-tb;

            writing-mode: horizontal-tb;
  }
}

.awards_content {
  position: relative;
  margin-left: auto;
}

@media screen and (max-width: 768px) {
  .awards_content {
    z-index: 10;
    width: 100%;
    height: auto;

    -webkit-writing-mode: horizontal-tb;

        -ms-writing-mode: lr-tb;

            writing-mode: horizontal-tb;
  }
}

.works_title {
  color: #0b3126;
}

@media screen and (max-width: 768px) {
  .works_title {
    -webkit-writing-mode: horizontal-tb;
        -ms-writing-mode: lr-tb;
            writing-mode: horizontal-tb;
  }
}

.works_title::after {
  background-color: #0b3126;
}

.awards_title {
  color: #0b3126;
}

@media screen and (max-width: 768px) {
  .awards_title {
    -webkit-writing-mode: horizontal-tb;
        -ms-writing-mode: lr-tb;
            writing-mode: horizontal-tb;
  }
}

.awards_title::after {
  background-color: #0b3126;
}

.works_text {
  margin-right: clamp(17px,2.22223vw, 32px);
  font-size: clamp(7px,0.97223vw, 14px);
  font-weight: 500;
}

@media screen and (max-width: 768px) {
  .works_text {
    font-size: 3.73333vw;
    -webkit-writing-mode: horizontal-tb;
        -ms-writing-mode: lr-tb;
            writing-mode: horizontal-tb;
  }
}

.works_btn {
  margin-right: clamp(18px,2.43056vw, 35px);
}

@media screen and (max-width: 768px) {
  .works_btn {
    position: absolute;
    top: 114.66667vw;
    margin-right: 0;
  }
}

.works_slider_nav {
  display: flex;
  justify-content: space-between;
  position: absolute;
  bottom: 0;
  left: 0;
  width: clamp(92px,12.08334vw, 174px);

  -webkit-writing-mode: horizontal-tb;

      -ms-writing-mode: lr-tb;

          writing-mode: horizontal-tb;
}

@media screen and (max-width: 768px) {
  .works_slider_nav {
    bottom: -76vw;
    width: 42.66667vw;
  }
}

@media screen and (max-width: 768px) {
  .works_slider_outer {
    margin-top: 8vw;
  }
}

.works_slider {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: clamp(522px,68.05556vw, 980px);
}

@media screen and (max-width: 768px) {
  .works_slider {
    position: static;
    padding: 0;
    width: 100%;
  }
}

.works_slider_list {
  opacity: 1;
}

.works_slider_item {
  position: relative;
  padding-bottom: clamp(26px,3.47223vw, 50px);
  width: clamp(384px,50vw, 720px) !important;
  height: clamp(282px,36.80556vw, 530px) !important;
}

@media screen and (max-width: 768px) {
  .works_slider_item {
    padding-bottom: 13.33333vw;
    width: 85.33333vw !important;
    height: 70.13333vw !important;
  }
}

.works_slider_item > a {
  display: block;
  position: relative;
  height: 100%;
}

.works_slider_item .title {
  position: absolute;
  z-index: 1;
  top: clamp(146px,19.02778vw, 274px);
  right: clamp(29px,3.88889vw, 56px);
  bottom: 0;
  margin: auto;
  padding: clamp(9px,1.25vw, 18px) clamp(6px,0.83334vw, 12px);
  min-width: clamp(32px,4.16667vw, 60px);
  background-color: #fff;
  text-align: end;
  letter-spacing: 0.06em;
  box-shadow: 6px 5px 18px -6px rgba(0, 0, 0, 0.6);
  font-size: clamp(11px,1.52778vw, 22px);
  line-height: 1.5;
}

@media screen and (max-width: 768px) {
  .works_slider_item .title {
    top: 26.66667vw;
    right: 3.2vw;
    padding: 2.66667vw;
    height: 37.33333vw;
    font-size: 3.2vw;
  }
}

.works_slider_item .title::after {
  content: "";
  position: absolute;
  width: 100%;
  height: clamp(5px,0.69445vw, 10px);
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  background-color: #fff;

  inset: auto 0 1px;
  -webkit-clip-path: polygon(0 0, 100% 0, 110% 0%, 0 100%);
          clip-path: polygon(0 0, 100% 0, 110% 0%, 0 100%);
}

.works_slider_item .img_wrap {
  overflow: hidden;
  position: absolute;

  inset: 0 0 clamp(26px,3.47223vw, 50px);
}

.works_slider_item .img_wrap::after {
  content: "";
  position: absolute;
  border: 1px solid #fff;
  -webkit-transform: scale(0.98);
          transform: scale(0.98);

  inset: 0;
}

.works_slider_item .img {
  overflow: hidden;
  position: absolute;
  transition: -webkit-transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;

  inset: 0;
}

.works_slider_item > a:hover .img {
  transition: -webkit-transform 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: transform 1s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

.swiper-pagination {
  opacity: 1;
}

.news {
  overflow: hidden;
  position: relative;

  -webkit-clip-path: polygon(0 3%, 100% 0, 100% 97%, 0 100%);

          clip-path: polygon(0 3%, 100% 0, 100% 97%, 0 100%);
}

.news_bg {
  position: absolute;
  margin: auto;
  width: 100vw;
  height: calc(100vh + 16%);
  background-image: url(../img/top/news_bg.webp);
  background-position: center;
  background-size: cover;

  inset: 0;
  -webkit-filter: blur(5px) brightness(0.7);
          filter: blur(5px) brightness(0.7);
}

@media screen and (max-width: 768px) {
  .news_bg {
    height: calc(100vh + 56%);
  }
}

.news_content {
  position: relative;
  padding: clamp(113px,14.79167vw, 213px) 0;
}

@media screen and (max-width: 768px) {
  .news_content {
    padding: 26.66667vw 0;
  }
}

.news_title {
  display: flex;
  justify-content: center;
  position: absolute;
  top: clamp(110px,14.375vw, 207px);
  left: clamp(70px,9.23612vw, 133px);
  color: #fff;
}

@media screen and (max-width: 768px) {
  .news_title {
    display: inline-block;
    position: static;
  }
}

.news_title::after {
  background-color: #fff;
}

.news_list {
  margin: auto;
  max-width: clamp(416px,54.16667vw, 780px);
}

.news_list_item {
  border-top: 1px solid #fff;
}

.news_list_item:last-of-type {
  border-bottom: 1px solid #fff;
}

.news_list_item > a {
  display: flex;
  position: relative;
  padding: clamp(10px,1.31945vw, 19px) clamp(37px,4.86112vw, 70px) clamp(9px,1.25vw, 18px) clamp(7px,0.97223vw, 14px);
  color: #fff;
  line-height: 2.1;
}

@media screen and (max-width: 768px) {
  .news_list_item > a {
    display: block;
    padding: 4.26667vw 10.66667vw 4.26667vw 4.26667vw;
    line-height: 1.6;
  }
}

.news_list_item > a::after {
  content: "";
  opacity: 0;
  position: absolute;
  transition: opacity 0.2s 0.05s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 0.2s 0.05s cubic-bezier(0.39, 0.575, 0.565, 1), transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 0.2s 0.05s cubic-bezier(0.39, 0.575, 0.565, 1), transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: right;
          transform-origin: right;
  background-color: rgba(255, 255, 255, 0.3);

  inset: 0;
}

.news_list_item > a:hover::after {
  opacity: 1;
  transition: opacity 0.15s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 0.15s cubic-bezier(0.39, 0.575, 0.565, 1), transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 0.15s cubic-bezier(0.39, 0.575, 0.565, 1), transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
  -webkit-transform-origin: left;
          transform-origin: left;
}

.news_list_item .time {
  flex-shrink: 0;
  width: clamp(73px,9.58334vw, 138px);
  white-space: nowrap;
  font-size: clamp(8px,1.11112vw, 16px);
}

@media screen and (max-width: 768px) {
  .news_list_item .time {
    width: auto;
    font-size: 4.8vw;
  }
}

.news_list_item .title {
  flex-grow: 1;
  font-size: clamp(8px,1.11112vw, 16px);
}

@media screen and (max-width: 768px) {
  .news_list_item .title {
    font-size: 4.26667vw;
  }
}

.news_btn {
  position: absolute;
  top: clamp(110px,14.44445vw, 208px);
  right: clamp(68px,8.88889vw, 128px);
  margin: auto;
  border-color: #fff;
  color: #fff !important;
}

@media screen and (max-width: 768px) {
  .news_btn {
    visibility: inherit;
    opacity: 1;
    position: relative;
    top: auto;
    right: auto;
    margin-top: 10.66667vw;
    margin-left: 0;
  }
}

.news_btn::before,
.news_btn::after {
  background-color: #fff;
}

.news_btn:hover {
  transition: background-color 0.3s cubic-bezier(0.39, 0.575, 0.565, 1), color 0.3s cubic-bezier(0.39, 0.575, 0.565, 1);
  background-color: #fff;
  color: #0b3126 !important;
}

.news_btn:hover::before {
  transition: background-color 0.25s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.25s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 0.25s cubic-bezier(0.165, 0.84, 0.44, 1), background-color 0.25s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: transform 0.25s cubic-bezier(0.165, 0.84, 0.44, 1), background-color 0.25s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.25s cubic-bezier(0.165, 0.84, 0.44, 1);
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  background-color: #0b3126;
}

.news_btn:hover::after {
  transition: background-color 0.25s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.25s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: transform 0.25s cubic-bezier(0.165, 0.84, 0.44, 1), background-color 0.25s cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: transform 0.25s cubic-bezier(0.165, 0.84, 0.44, 1), background-color 0.25s cubic-bezier(0.39, 0.575, 0.565, 1), -webkit-transform 0.25s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-delay: 0.25s;
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
  background-color: #0b3126;
}

.access {
  overflow: hidden;
  margin-top: clamp(68px,8.88889vw, 128px);
  margin-bottom: clamp(-230px,-15.97222vw, -123px);
  padding-bottom: clamp(122px,15.97223vw, 230px);
}

@media screen and (max-width: 768px) {
  .access {
    margin-top: 34.13333vw;
    margin-bottom: -32vw;
    padding-bottom: 32vw;
  }
}

.access_content {
  display: flex;
  position: relative;
}

@media screen and (max-width: 768px) {
  .access_content {
    flex-direction: column-reverse;
  }
}

.access_obj {
  opacity: 0.05;
  position: absolute;
  right: clamp(-360px,-25vw, -192px);
  bottom: clamp(-340px,-23.61111vw, -182px);
  width: clamp(320px,41.66667vw, 600px);
  height: clamp(320px,41.66667vw, 600px);
  background-image: url(/assets/img/common/noren.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  pointer-events: none;
}

@media screen and (max-width: 768px) {
  .access_obj {
    right: -48vw;
    bottom: -66.66667vw;
    width: 80vw;
    height: 80vw;
  }
}

.access_map {
  overflow: hidden;
  flex-shrink: 0;
  position: relative;
  margin-left: calc(50% - 50vw);
  padding-bottom: 37.4199%;
  width: clamp(434px,56.52778vw, 814px);
  height: 0;
}

@media screen and (max-width: 768px) {
  .access_map {
    margin-top: 17.06667vw;
    padding-bottom: 57.1428571%;
    width: auto;
  }
}

.access_map > iframe {
  position: absolute;
  height: 100%;

  inset: 0;
}

.access_right {
  display: flex;
  align-items: flex-start;
  flex-direction: row-reverse;
  flex-grow: 1;
  margin-left: 97px;
  padding-right: clamp(21px,2.77778vw, 40px);
}

@media screen and (max-width: 768px) {
  .access_right {
    display: block;
    margin: 0;
    padding: 0;
  }
}

.access_content_wrap {
  margin-right: clamp(17px,2.29167vw, 33px);
}

@media screen and (max-width: 768px) {
  .access_content_wrap {
    margin-right: 0;
  }
}

.access_data {
  margin-top: clamp(17px,2.22223vw, 32px);
}

.access_data .name {
  font-size: clamp(11px,1.52778vw, 22px);
}

@media screen and (max-width: 768px) {
  .access_data .name {
    font-size: 5.86667vw;
  }
}

.access_data dl {
  margin-top: clamp(5px,0.69445vw, 10px);
  font-size: clamp(7px,0.97223vw, 14px);
}

@media screen and (max-width: 768px) {
  .access_data dl {
    font-size: 3.73333vw;
  }
}

.access_data .group {
  display: flex;
  align-items: flex-start;
}

.access_data .group + .group {
  margin-top: clamp(3px,0.41667vw, 6px);
}

.access_data dt {
  flex-shrink: 0;
  width: clamp(41px,5.41667vw, 78px);
}

@media screen and (max-width: 768px) {
  .access_data dt {
    width: 22.13333vw;
  }
}

.access_btn {
  margin-top: clamp(17px,2.22223vw, 32px);
}

@media screen and (max-width: 768px) {
  .access_btn {
    margin-top: 8.53333vw;
  }
}

.pickup {
  width: 435px;
  margin-left: 70px;
  display: flex;
  flex-direction: column;
  writing-mode: horizontal-tb;
}

.pickup img {
  width: 100%;
  object-fit: cover;
  aspect-ratio: 16 / 9;
}

.awards {
  margin-top: 60px;
}

@media screen and (max-width: 1460px) {
  .pickup {
    width: 30vw;
    margin-right: 4.5vw;
  }

  .awards .works_inner {
    padding-bottom: 0;
  }

}

@media screen and (max-width: 780px) {
  .pickup {
    width: 100%!important;
    margin-right: 0!important;
    margin-left: 0!important;
  }

    .awards_content {
    display: flex!important;;
    flex-direction: column-reverse!important;
  }

  .awards_title {
    width: 50%;
  }

  .pickup img {
    margin-top: 30px;
    margin-bottom: 10px;
  }
}

.awards_content {
  display:block;
}

.mv_main img {
  width: 100%;
  object-fit: cover;
  height: 70vh;
}

.pickup span {
    background: #fff;
    position: relative;
    bottom: 15px;
    left: -15px;
    padding: 10px;
    box-shadow: 6px 5px 18px -8px rgba(0, 0, 0, 0.6);
}


@media screen and (max-width: 780px) {
  .awards .works_inner {
    padding-bottom: 30px;
  }
}

/*# sourceMappingURL=top.css.map */