@charset "UTF-8";
@keyframes infinity-scroll-left {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
.top-mv {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  position: relative;
}
.top-mv:before {
  content: "";
  width: 67.5694444444vw;
  aspect-ratio: 973/885;
  background-image: url(../../img/top-mv.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50% 50%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
@media (max-width: 767px) {
  .top-mv:before {
    width: 134.4vw;
    aspect-ratio: 504/508;
    background-image: url(../../img/top-mv-sp.svg);
    top: -31.7333333333vw;
    left: auto;
    right: 0;
  }
}

.top-mv_logo {
  width: 15.625vw;
  aspect-ratio: 450/88;
  position: absolute;
  top: 1.4583333333vw;
  right: 6.7361111111vw;
}
@media (max-width: 767px) {
  .top-mv_logo {
    width: 78.1333333333vw;
    aspect-ratio: 293/45;
    background-color: #C9CEC6;
    top: 0;
    right: auto;
    left: 0;
  }
}
.top-mv_logo--link {
  display: block;
  width: 100%;
}
@media (max-width: 767px) {
  .top-mv_logo--link {
    padding-top: 2.6666666667vw;
    padding-left: 2.6666666667vw;
    width: 37.6vw;
  }
}
.top-mv_logo--img {
  display: block;
  width: 100%;
}

.top-mv_photo {
  width: 64.6527777778vw;
  margin-top: 1.7361111111vw;
  aspect-ratio: 931/620;
  position: relative;
}
@media (max-width: 767px) {
  .top-mv_photo {
    width: 100%;
    margin-top: 12vw;
  }
}
.top-mv_photo--img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  transition: 1.6s;
  opacity: 0;
}
.top-mv_photo--img.is_show {
  opacity: 1;
}

.top-mv_ttl {
  width: calc(100% - 64.6527777778vw);
  margin-top: 7.6388888889vw;
  display: flex;
  justify-content: center;
}
@media (max-width: 767px) {
  .top-mv_ttl {
    width: 63.4666666667vw;
    margin-top: 10.1333333333vw;
    margin-left: 6.4vw;
  }
}
.top-mv_ttl--img {
  display: block;
  width: 28.8194444444vw;
}
@media (max-width: 767px) {
  .top-mv_ttl--img {
    width: 100%;
  }
}

.top-mv_deco {
  width: 100%;
  margin-top: -6.9444444444vw;
  overflow: hidden;
}
@media (max-width: 767px) {
  .top-mv_deco {
    margin-top: 0;
    position: absolute;
    top: 70.1333333333vw;
    left: 0;
  }
}
.top-mv_deco--txt {
  display: flex;
  align-items: center;
}
.top-mv_deco--txt:before, .top-mv_deco--txt:after {
  content: "#TOKYO ZOKUZOKU ALBUM";
  display: block;
  font-family: "Geologica", sans-serif;
  font-weight: 500;
  font-size: 10.7638888889vw;
  line-height: 1.2516129032;
  min-width: 152.2916666667vw;
  white-space: nowrap;
  animation: infinity-scroll-left 40s infinite linear both;
}
@media (max-width: 767px) {
  .top-mv_deco--txt:before, .top-mv_deco--txt:after {
    font-size: 16vw;
    line-height: 1.2666666667;
    min-width: 222.4vw;
    animation-duration: 30s;
  }
}

.top-mv_period {
  width: 100%;
  margin-top: -1.5972222222vw;
}
@media (max-width: 767px) {
  .top-mv_period {
    margin-top: 17.6vw;
    margin-left: auto;
    width: 21.3333333333vw;
  }
}
.top-mv_period--img {
  display: block;
  margin-left: auto;
  margin-right: 0;
  width: 44.7916666667vw;
}
@media (max-width: 767px) {
  .top-mv_period--img {
    width: 100%;
  }
}

.top-intro {
  padding-top: 4.0277777778vw;
  padding-left: 0.1388888889vw;
  position: relative;
}
@media (max-width: 767px) {
  .top-intro {
    padding-top: 4.2666666667vw;
    padding-left: 0.2666666667vw;
  }
}
.top-intro:before {
  content: "";
  display: block;
  width: 12.5vw;
  aspect-ratio: 180/1798;
  background-color: #B7BAB4;
  position: absolute;
  top: 21.875vw;
  right: 0;
  z-index: -1;
}
@media (max-width: 767px) {
  .top-intro:before {
    width: 21.3333333333vw;
    aspect-ratio: 80/2110;
    top: -23.4666666667vw;
  }
}
.top-intro--txt {
  font-size: 1.9444444444vw;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.9107142857;
}
@media (max-width: 767px) {
  .top-intro--txt {
    font-size: 3.7333333333vw;
    line-height: 1.7619047619;
  }
}

.top-intro_catch {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 12.2222222222vw;
}
@media (max-width: 767px) {
  .top-intro_catch {
    margin-top: 11.2vw;
  }
}
.top-intro_catch--txt {
  display: block;
  font-size: 2.9166666667vw;
  font-weight: 700;
  line-height: 1.4523809524;
}
@media (max-width: 767px) {
  .top-intro_catch--txt {
    font-size: 4.2666666667vw;
    line-height: 1.5;
  }
}
.top-intro_catch--img {
  display: block;
  width: 11.5277777778vw;
  margin-left: 2.0833333333vw;
  margin-right: 2.0833333333vw;
}
@media (max-width: 767px) {
  .top-intro_catch--img {
    width: 21.3333333333vw;
    margin-left: 2.6666666667vw;
    margin-right: 2.6666666667vw;
  }
}

.top-example {
  padding-top: 18.3333333333vw;
  position: relative;
}
@media (max-width: 767px) {
  .top-example {
    padding-top: 19.7333333333vw;
    z-index: 102;
    position: relative;
  }
}
.top-example:before {
  content: "";
  display: block;
  width: 100vw;
  aspect-ratio: 1440/2142;
  background-image: url(../../img/top-example.svg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  position: absolute;
  left: 0;
  bottom: -15.8333333333vw;
}
@media (max-width: 767px) {
  .top-example:before {
    aspect-ratio: 375/1923;
    background-image: url(../../img/top-example-sp.svg);
    left: 0;
    bottom: -28.2666666667vw;
  }
}

.top-example_list {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
@media (max-width: 767px) {
  .top-example_list {
    display: block;
  }
}
.top-example_list--item {
  position: relative;
  width: 41.6666666667vw;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  align-items: flex-start;
}
@media (max-width: 767px) {
  .top-example_list--item {
    width: 89.3333333333vw;
    margin-left: auto;
    margin-right: auto;
  }
}
.top-example_list--item-01 {
  margin-left: 6.25vw;
}
@media (max-width: 767px) {
  .top-example_list--item-01 {
    margin-left: auto;
  }
}
.top-example_list--item-02 {
  margin-left: 5.5555555556vw;
  margin-top: 17.1527777778vw;
}
@media (max-width: 767px) {
  .top-example_list--item-02 {
    margin-left: auto;
    margin-top: 26.4vw;
  }
}
.top-example_list--item-03 {
  margin-left: 6.25vw;
  margin-top: 3.8888888889vw;
}
@media (max-width: 767px) {
  .top-example_list--item-03 {
    margin-left: auto;
    margin-top: 28vw;
  }
}
.top-example_list--item-04 {
  margin-left: 5.5555555556vw;
  margin-top: 21.0416666667vw;
}
@media (max-width: 767px) {
  .top-example_list--item-04 {
    margin-left: auto;
    margin-top: 28.2666666667vw;
  }
}
.top-example_list--tag {
  position: absolute;
  display: block;
}
.top-example_list--tag-01 {
  width: 20.4166666667vw;
  aspect-ratio: 294/154;
  top: -7.5694444444vw;
  right: -1.3888888889vw;
}
@media (max-width: 767px) {
  .top-example_list--tag-01 {
    width: 42.1333333333vw;
    top: -10.9333333333vw;
    right: -5.3333333333vw;
  }
}
.top-example_list--tag-02 {
  width: 29.6527777778vw;
  aspect-ratio: 427/184;
  top: -6.3888888889vw;
  right: -2.9861111111vw;
}
@media (max-width: 767px) {
  .top-example_list--tag-02 {
    width: 61.3333333333vw;
    top: -15.4666666667vw;
    right: -5.3333333333vw;
  }
}
.top-example_list--tag-03 {
  width: 24.1666666667vw;
  aspect-ratio: 348/152;
  top: -6.0416666667vw;
  right: -1.3888888889vw;
}
@media (max-width: 767px) {
  .top-example_list--tag-03 {
    width: 49.8666666667vw;
    top: -10.9333333333vw;
    right: -5.3333333333vw;
  }
}
.top-example_list--tag-04 {
  width: 24.1666666667vw;
  aspect-ratio: 348/157;
  top: -6.4583333333vw;
  right: -1.3888888889vw;
}
@media (max-width: 767px) {
  .top-example_list--tag-04 {
    width: 49.8666666667vw;
    top: -11.2vw;
    right: -5.3333333333vw;
  }
}
.top-example_list--photo {
  display: block;
  width: 100%;
}
.top-example_list--wrap {
  border-radius: 2.0833333333vw 0 2.0833333333vw 2.0833333333vw;
  background-color: #E8FC53;
  padding: 2.9166666667vw 2.5694444444vw 0 2.5vw;
  width: 22.2222222222vw;
  box-sizing: border-box;
  background-image: url(../../img/icon/icon-plus-black.svg);
  background-repeat: no-repeat;
  background-position: 100% 0%;
  background-size: 2.7777777778vw auto;
  height: 15.2777777778vw;
}
@media (max-width: 767px) {
  .top-example_list--wrap {
    border-radius: 4vw 0 4vw 4vw;
    padding: 5.8666666667vw 5.8666666667vw 0 4.8vw;
    width: 56vw;
    background-size: 5.3333333333vw auto;
    height: 40vw;
  }
}
.top-example_list--wrap-01 {
  height: 19.4444444444vw;
}
@media (max-width: 767px) {
  .top-example_list--wrap-01 {
    height: 53.3333333333vw;
  }
}
.top-example_list--desc {
  font-size: 1.1111111111vw;
  font-weight: 700;
  line-height: 1.5;
}
@media (max-width: 767px) {
  .top-example_list--desc {
    font-size: 3.4666666667vw;
    line-height: 1.5384615385;
  }
}
.top-example_list--place {
  margin-top: 1.3888888889vw;
  font-size: 0.9027777778vw;
  font-weight: 700;
  line-height: 1.5384615385;
}
@media (max-width: 767px) {
  .top-example_list--place {
    margin-top: 2.4vw;
    font-size: 2.9333333333vw;
    line-height: 1.3636363636;
  }
}
.top-example_list--photo_s {
  width: 16.6666666667vw;
  margin-top: -2.7777777778vw;
}
@media (max-width: 767px) {
  .top-example_list--photo_s {
    width: 29.3333333333vw;
    margin-top: -6.6666666667vw;
  }
}

.top-example_deco {
  margin-top: 6.0416666667vw;
  width: 100%;
  display: flex;
  align-items: center;
  overflow: hidden;
}
@media (max-width: 767px) {
  .top-example_deco {
    margin-top: 14.1333333333vw;
  }
}
.top-example_deco--txt {
  font-size: 4.4444444444vw;
  font-weight: 700;
  line-height: 1.4375;
  margin-right: 0.3em;
  display: flex;
  align-items: center;
  white-space: nowrap;
  animation: infinity-scroll-left 25s infinite linear both;
}
@media (max-width: 767px) {
  .top-example_deco--txt {
    font-size: 7.4666666667vw;
    animation-duration: 17s;
  }
}
.top-example_deco--img {
  width: 27.4305555556vw;
  display: block;
  margin-left: 1.6666666667vw;
  margin-right: 1.6666666667vw;
}
@media (max-width: 767px) {
  .top-example_deco--img {
    width: 44vw;
    margin-left: 3.2vw;
    margin-right: 3.2vw;
  }
}

.top-contest {
  margin-top: -5.7638888889vw;
  padding-top: 26.875vw;
  background-color: #262626;
}
@media (max-width: 767px) {
  .top-contest {
    margin-top: 0;
    padding-top: 38.1333333333vw;
    z-index: 101;
    position: relative;
  }
}
.top-contest--txt {
  color: #fff;
  font-size: 1.6666666667vw;
  font-weight: 700;
  line-height: 2.3333333333;
  text-align: center;
  margin-top: 2.7083333333vw;
  white-space: nowrap;
}
@media (max-width: 767px) {
  .top-contest--txt {
    font-size: 4.2666666667vw;
    line-height: 2;
    margin-top: 8vw;
  }
}
.top-contest--txt:first-of-type {
  margin-top: 0;
}
.top-contest--marker {
  position: relative;
  display: inline-block;
  background: linear-gradient(#E8FC53 0%, #E8FC53 100%);
  background-repeat: no-repeat;
  background-size: 0% 100%;
  line-height: 1.25;
  transition: 0.5s cubic-bezier(0.33, 1, 0.68, 1) background-size, 0.1s color 0.2s;
  padding-left: 0.2em;
  padding-right: 0.2em;
}
@media (max-width: 767px) {
  .top-contest--marker {
    line-height: 1.375;
  }
}
.top-contest--marker.is_show {
  background-size: 100% 100%;
  color: #000;
}
.top-contest--marker-01 {
  padding-left: 0;
  margin-right: 0.2em;
}
@media (max-width: 767px) {
  .top-contest--marker-01 {
    margin-right: 0;
  }
}
.top-contest--marker-02 {
  margin-right: 0.2em;
}
@media (max-width: 767px) {
  .top-contest--marker-03 {
    margin-right: 0.2em;
  }
}
.top-contest--note {
  color: #fff;
  font-size: 0.9722222222vw;
  font-weight: 700;
  text-align: center;
  line-height: 3.8571428571;
}
@media (max-width: 767px) {
  .top-contest--note {
    font-size: 2.9333333333vw;
    line-height: 1.5454545455;
    margin-top: 5.3333333333vw;
  }
}

.top-contest_deco {
  margin-top: 6.9444444444vw;
  width: 100%;
}
@media (max-width: 767px) {
  .top-contest_deco {
    margin-top: 10.6666666667vw;
  }
}
.top-contest_deco--txt {
  font-size: 2.9166666667vw;
  font-weight: 700;
  color: #fff;
  line-height: 1.4523809524;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 767px) {
  .top-contest_deco--txt {
    font-size: 4.2666666667vw;
    line-height: 1.5;
  }
}
.top-contest_deco--img {
  width: 17.1527777778vw;
  display: block;
  margin-left: 1.1111111111vw;
  margin-right: 1.1111111111vw;
}
@media (max-width: 767px) {
  .top-contest_deco--img {
    width: 24.8vw;
    margin-left: 2.1333333333vw;
    margin-right: 2.1333333333vw;
  }
}

.top-contest_slide {
  margin-top: 9.0277777778vw;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
@media (max-width: 767px) {
  .top-contest_slide {
    margin-top: 12.8vw;
  }
}
.top-contest_slide--img {
  display: block;
  width: 33.3333333333%;
  margin-top: 2.0833333333vw;
}
@media (max-width: 767px) {
  .top-contest_slide--img {
    width: 50%;
    margin-top: 2.6666666667vw;
  }
}
.top-contest_slide--img:nth-of-type(-n+3) {
  margin-top: 0;
}
@media (max-width: 767px) {
  .top-contest_slide--img:nth-of-type(-n+3) {
    margin-top: 2.6666666667vw;
  }
}
@media (max-width: 767px) {
  .top-contest_slide--img:nth-of-type(-n+2) {
    margin-top: 0;
  }
}

.top-prize {
  padding-top: 7.4305555556vw;
  position: relative;
  z-index: 100;
}
@media (max-width: 767px) {
  .top-prize {
    padding-top: 14.4vw;
  }
}
.top-prize:before {
  content: "";
  display: block;
  width: 100vw;
  aspect-ratio: 1440/1963;
  background-image: url(../../img/top-prize.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50% 50%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
@media (max-width: 767px) {
  .top-prize:before {
    aspect-ratio: 375/1544;
    background-image: url(../../img/top-prize-sp.svg);
  }
}
.top-prize--ttl {
  font-size: 3.4722222222vw;
  font-weight: 700;
  line-height: 1.44;
  text-align: center;
}
@media (max-width: 767px) {
  .top-prize--ttl {
    font-size: 6.4vw;
    line-height: 1.4583333333;
  }
}

.top-prize_list {
  margin: 7.7083333333vw auto 0;
  width: 48.6111111111vw;
}
@media (max-width: 767px) {
  .top-prize_list {
    margin-top: 15.7333333333vw;
    width: 84vw;
  }
}
.top-prize_list--item {
  background-color: #fff;
  border-radius: 2.0833333333vw 0 2.0833333333vw 2.0833333333vw;
  box-sizing: border-box;
  box-shadow: 0.6944444444vw 0.6944444444vw 0px #E8FC53;
  position: relative;
  margin-top: 6.3194444444vw;
  padding-top: 5.0694444444vw;
}
@media (max-width: 767px) {
  .top-prize_list--item {
    border-radius: 4vw 0 4vw 4vw;
    box-shadow: 1.0666666667vw 1.3333333333vw 0px #E8FC53;
    margin-top: 13.0666666667vw;
    padding-top: 15.2vw;
  }
}
.top-prize_list--item-01 {
  margin-top: 0;
  padding-bottom: 1.7361111111vw;
}
@media (max-width: 767px) {
  .top-prize_list--item-01 {
    padding-bottom: 4.2666666667vw;
  }
}
.top-prize_list--item-02 {
  padding-bottom: 1.7361111111vw;
}
@media (max-width: 767px) {
  .top-prize_list--item-02 {
    padding-bottom: 4.2666666667vw;
  }
}
.top-prize_list--item-03 {
  padding-bottom: 1.3888888889vw;
}
@media (max-width: 767px) {
  .top-prize_list--item-03 {
    padding-top: 10.9333333333vw;
    padding-bottom: 3.2vw;
  }
}
.top-prize_list--ttl {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.top-prize_list--ttl-01 {
  width: 12.5vw;
  top: -3.75vw;
}
@media (max-width: 767px) {
  .top-prize_list--ttl-01 {
    width: 30.4vw;
    top: -9.0666666667vw;
  }
}
.top-prize_list--ttl-02 {
  width: 10.0694444444vw;
  top: -3.5416666667vw;
}
@media (max-width: 767px) {
  .top-prize_list--ttl-02 {
    width: 24.2666666667vw;
    top: -8.5333333333vw;
  }
}
.top-prize_list--ttl-03 {
  width: 7.6388888889vw;
  top: -3.2638888889vw;
}
@media (max-width: 767px) {
  .top-prize_list--ttl-03 {
    width: 18.4vw;
    top: -8vw;
  }
}
.top-prize_list--ttl_img {
  display: block;
  width: 100%;
}
.top-prize_list--people {
  width: 8.125vw;
  aspect-ratio: 117/90;
  clip-path: polygon(100% 0, 100% 100%, 50% 75%, 0% 100%, 0% 0%);
  font-size: 1.3888888889vw;
  font-weight: 700;
  text-align: center;
  padding-top: 0.8333333333vw;
  box-sizing: border-box;
  position: absolute;
  top: -0.2083333333vw;
  right: 1.3194444444vw;
}
@media (max-width: 767px) {
  .top-prize_list--people {
    width: 19.7333333333vw;
    font-size: 3.2vw;
    padding-top: 1.8666666667vw;
    top: -0.5333333333vw;
    right: 1.0666666667vw;
  }
}
.top-prize_list--people-01 {
  background-color: #E2BF2B;
}
.top-prize_list--people-02 {
  background-color: #BCC4B8;
}
.top-prize_list--people-03 {
  background-color: #EDA13A;
}
.top-prize_list--people_num {
  font-size: 2.0833333333vw;
  line-height: 1.4666666667;
}
@media (max-width: 767px) {
  .top-prize_list--people_num {
    font-size: 4.8vw;
    line-height: 1.4444444444;
  }
}
.top-prize_list--desc {
  text-align: center;
  font-size: 2.2222222222vw;
  font-weight: 700;
  line-height: 1.45;
}
@media (max-width: 767px) {
  .top-prize_list--desc {
    font-size: 4.8vw;
    line-height: 1.4444444444;
  }
}
.top-prize_list--desc:after {
  content: "";
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  margin-left: auto;
  margin-right: auto;
}
.top-prize_list--desc-01:after {
  width: 24.8611111111vw;
  aspect-ratio: 358/222;
  background-image: url(../../img/top-prize-list-desc01.svg);
  margin-top: 0.4861111111vw;
}
@media (max-width: 767px) {
  .top-prize_list--desc-01:after {
    width: 60.2666666667vw;
    margin-top: 1.3333333333vw;
    margin-left: 2.9333333333vw;
  }
}
.top-prize_list--desc-02:after {
  width: 24.0972222222vw;
  aspect-ratio: 347/195;
  background-image: url(../../img/top-prize-list-desc02.svg);
  margin-top: 0.9722222222vw;
}
@media (max-width: 767px) {
  .top-prize_list--desc-02:after {
    width: 58.4vw;
    margin-top: 2.6666666667vw;
    margin-right: 4vw;
    margin-left: auto;
  }
}
.top-prize_list--desc-03:after {
  width: 16.5972222222vw;
  aspect-ratio: 478/340;
  background-image: url(../../img/top-prize-list-desc03.png);
}
@media (max-width: 767px) {
  .top-prize_list--desc-03:after {
    width: 37.6vw;
    margin-top: 2.6666666667vw;
  }
}
.top-prize_list--yen {
  font-family: "Geologica", sans-serif;
  font-size: 3.6111111111vw;
  line-height: 1.1153846154;
}
@media (max-width: 767px) {
  .top-prize_list--yen {
    font-size: 7.4666666667vw;
    line-height: 1.1428571429;
  }
}
.top-prize_list--note {
  position: absolute;
}
.top-prize_list--note-01 {
  transform: rotate(5deg);
  width: 5.6944444444vw;
  aspect-ratio: 82/250;
  top: 10.625vw;
  right: -1.8055555556vw;
}
@media (max-width: 767px) {
  .top-prize_list--note-01 {
    width: 14.1333333333vw;
    top: 28.8vw;
    right: 0.2666666667vw;
  }
}
.top-prize_list--note-02 {
  transform: rotate(-5deg);
  width: 4.2361111111vw;
  aspect-ratio: 61/270;
  top: 9.5833333333vw;
  left: -1.7361111111vw;
}
@media (max-width: 767px) {
  .top-prize_list--note-02 {
    width: 10.4vw;
    top: 26.1333333333vw;
    left: -0.2666666667vw;
  }
}
.top-prize_list--note-03 {
  transform: rotate(5deg);
  width: 5.6944444444vw;
  aspect-ratio: 82/190;
  top: 7.8472222222vw;
  right: -0.6944444444vw;
}
@media (max-width: 767px) {
  .top-prize_list--note-03 {
    width: 14.1333333333vw;
    top: auto;
    bottom: 14.1333333333vw;
    right: -1.6vw;
  }
}
.top-prize_list--note_txt {
  font-size: 1.3888888889vw;
  font-weight: 700;
  width: 2.2916666667vw;
  background-color: #E8FC53;
  display: block;
  text-align: center;
  padding-top: 0.3472222222vw;
  padding-bottom: 0.3472222222vw;
  line-height: 1.2;
  position: absolute;
}
@media (max-width: 767px) {
  .top-prize_list--note_txt {
    font-size: 3.2vw;
    width: 5.6vw;
    padding-top: 1.3333333333vw;
    padding-bottom: 1.3333333333vw;
  }
}
.top-prize_list--note_txt:first-of-type {
  top: 0;
  right: 0;
}
.top-prize_list--note_txt:last-of-type {
  bottom: 0;
  left: 0;
}
.top-prize_list--note_txt-01 {
  transform: rotate(7deg);
}
.top-prize_list--note_txt-02 {
  transform: rotate(-14deg);
}
.top-prize_list--note_txt-03 {
  transform: rotate(7deg);
}
.top-prize_list--caution {
  font-size: 0.8333333333vw;
  font-weight: 500;
  text-align: center;
  line-height: 1.4166666667;
  margin-top: 3.75vw;
}
@media (max-width: 767px) {
  .top-prize_list--caution {
    font-size: 2.9333333333vw;
    line-height: 1.4545454545;
    margin-top: 9.3333333333vw;
  }
}
.top-prize_list--caution:before {
  content: "※";
  display: inline-block;
  width: 1em;
}

.top-prize_condition--btn {
  font-size: 1.0416666667vw;
  font-weight: 500;
  background-color: #E6E6E6;
  width: 9.7222222222vw;
  height: 2.5694444444vw;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0.4861111111vw auto 0;
  border-radius: 2.7777777778vw;
  gap: 0.5555555556vw;
}
@media (max-width: 767px) {
  .top-prize_condition--btn {
    font-size: 3.4666666667vw;
    width: 33.8666666667vw;
    height: 8.8vw;
    margin-top: 2.4vw;
    border-radius: 10.6666666667vw;
    gap: 2.1333333333vw;
  }
}
.top-prize_condition--btn:after {
  content: "";
  display: block;
  aspect-ratio: 40/40;
  width: 0.9027777778vw;
  background-image: url(../../img/icon/icon-minus-black.svg);
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}
@media (max-width: 767px) {
  .top-prize_condition--btn:after {
    width: 2.9333333333vw;
  }
}
.is_hide .top-prize_condition--btn:after {
  background-image: url(../../img/icon/icon-plus-black.svg);
}
.top-prize_condition--wrap {
  opacity: 1;
  pointer-events: auto;
  transition: 0.3s;
}
.is_hide .top-prize_condition--wrap {
  opacity: 0;
  pointer-events: none;
  height: 0 !important;
  overflow: hidden;
}
.top-prize_condition--list {
  padding-top: 2.5694444444vw;
  padding-bottom: 3.8194444444vw;
  width: 40.2777777778vw;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 767px) {
  .top-prize_condition--list {
    padding-top: 5.3333333333vw;
    padding-bottom: 6.1333333333vw;
    width: 73.3333333333vw;
  }
}
.top-prize_condition--term {
  font-weight: 700;
  font-size: 1.25vw;
  display: inline;
  line-height: 1.7777777778;
}
@media (max-width: 767px) {
  .top-prize_condition--term {
    font-size: 3.7333333333vw;
    display: block;
    line-height: 1.7142857143;
  }
}
.top-prize_condition--desc {
  font-size: 1.25vw;
  font-weight: 500;
  line-height: 1.7777777778;
  display: inline;
}
@media (max-width: 767px) {
  .top-prize_condition--desc {
    font-size: 3.7333333333vw;
    display: block;
    line-height: 1.7142857143;
  }
}

.top-overview {
  background-color: #262626;
  padding-top: 18.6805555556vw;
  padding-bottom: 21.0416666667vw;
  position: relative;
  margin-top: -5.5555555556vw;
}
@media (max-width: 767px) {
  .top-overview {
    padding-top: 29.8666666667vw;
    padding-bottom: 24vw;
    margin-top: 0;
  }
}
.top-overview:before {
  content: "";
  display: block;
  width: 100vw;
  aspect-ratio: 1440/1513;
  background-image: url(../../img/top-overview01.svg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  position: absolute;
  top: 15.9027777778vw;
  left: 0;
}
@media (max-width: 767px) {
  .top-overview:before {
    aspect-ratio: 375/702;
    background-image: url(../../img/top-overview01-sp.svg);
    top: 45.0666666667vw;
  }
}
.top-overview:after {
  content: "";
  display: block;
  width: 100vw;
  aspect-ratio: 1440/1268;
  background-image: url(../../img/top-overview02.svg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  position: absolute;
  bottom: -13.4722222222vw;
  left: 0;
}
@media (max-width: 767px) {
  .top-overview:after {
    aspect-ratio: 375/1071;
    background-image: url(../../img/top-overview02-sp.svg);
    bottom: 0;
  }
}
.top-overview--wrap {
  width: 62.5vw;
  margin-left: auto;
  margin-right: auto;
  z-index: 100;
  position: relative;
}
@media (max-width: 767px) {
  .top-overview--wrap {
    width: 85.3333333333vw;
  }
}
.top-overview--ttl {
  color: #fff;
  font-size: 3.4722222222vw;
  font-weight: 700;
  text-align: center;
  line-height: 1.44;
  padding-top: 8.3333333333vw;
}
@media (max-width: 767px) {
  .top-overview--ttl {
    font-size: 6.4vw;
    line-height: 1.4583333333;
    padding-top: 18.9333333333vw;
  }
}
.top-overview--sub_ttl {
  color: #fff;
  font-size: 2.2222222222vw;
  font-weight: 700;
  line-height: 1.4375;
  text-align: center;
}
@media (max-width: 767px) {
  .top-overview--sub_ttl {
    font-size: 4.2666666667vw;
    line-height: 1.5;
  }
}
.top-overview--sub_ttl-period {
  margin-top: 8.1944444444vw;
}
@media (max-width: 767px) {
  .top-overview--sub_ttl-period {
    margin-top: 12.2666666667vw;
  }
}
.top-overview--sub_ttl-howto {
  margin-top: 5.0694444444vw;
}
@media (max-width: 767px) {
  .top-overview--sub_ttl-howto {
    margin-top: 22.4vw;
  }
}
.top-overview--sub_ttl-shipping {
  margin-top: 7.2916666667vw;
}
@media (max-width: 767px) {
  .top-overview--sub_ttl-shipping {
    margin-top: 18.9333333333vw;
  }
}
.top-overview--sub_ttl-caution {
  margin-top: 4.1666666667vw;
  margin-bottom: 4.1666666667vw;
  font-size: 1.9444444444vw;
  line-height: 1.4285714286;
}
@media (max-width: 767px) {
  .top-overview--sub_ttl-caution {
    margin-top: 8vw;
    margin-bottom: 8vw;
    font-size: 4.8vw;
    line-height: 1.4444444444;
  }
}
.top-overview--sub_ttl-caution:last-of-type {
  padding-bottom: 6.9444444444vw;
}
@media (max-width: 767px) {
  .top-overview--sub_ttl-caution:last-of-type {
    padding-bottom: 10.6666666667vw;
  }
}
.top-overview--caution {
  font-size: 0.9722222222vw;
  font-weight: 500;
  color: #fff;
  line-height: 1.7142857143;
  margin-top: 2.0138888889vw;
}
@media (max-width: 767px) {
  .top-overview--caution {
    font-size: 2.9333333333vw;
    line-height: 1.6363636364;
    margin-top: 5.3333333333vw;
  }
}
.top-overview--caution:before {
  content: "※";
  display: inline-block;
  width: 1em;
}

.top-overview_period {
  background-color: #fff;
  margin-top: 3.125vw;
  box-shadow: 0.6944444444vw 0.6944444444vw 0px #E8FC53;
  height: 11.1111111111vw;
  border-radius: 2.0833333333vw;
  text-align: center;
  padding-top: 3.0555555556vw;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .top-overview_period {
    margin-top: 6.6666666667vw;
    box-shadow: 1.3333333333vw 1.6vw 0px #E8FC53;
    height: 20.2666666667vw;
    border-radius: 4vw;
    padding-top: 4.5333333333vw;
  }
}
.top-overview_period--small {
  font-size: 1.6666666667vw;
  font-weight: 700;
  line-height: 1.4583333333;
  display: inline-block;
}
@media (max-width: 767px) {
  .top-overview_period--small {
    font-size: 4vw;
    line-height: 1.4;
  }
}
.top-overview_period--large {
  font-size: 3.4722222222vw;
  font-weight: 700;
  line-height: 1.44;
  display: inline-block;
  margin-left: 0.5555555556vw;
}
@media (max-width: 767px) {
  .top-overview_period--large {
    font-size: 7.4666666667vw;
    line-height: 1.4285714286;
    margin-left: 0.2666666667vw;
  }
}
.top-overview_period--vertical {
  writing-mode: vertical-rl;
  font-size: 1.25vw;
  font-weight: 700;
  line-height: 1.4444444444;
  display: inline-block;
  margin-bottom: -0.02em;
  margin-right: 0.4166666667vw;
}
@media (max-width: 767px) {
  .top-overview_period--vertical {
    font-size: 2.6666666667vw;
    line-height: 1.5;
    margin-right: 0.2666666667vw;
  }
}
.top-overview_period--to {
  width: 2.1527777778vw;
  aspect-ratio: 31/29;
  display: inline-block;
  background-image: url(../../img/icon/icon-arrow-black.svg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  margin-right: 0.2083333333vw;
  vertical-align: 0.2em;
}
@media (max-width: 767px) {
  .top-overview_period--to {
    width: 4vw;
    margin-right: 0.8vw;
  }
}

.top-overview_howto {
  background-color: #fff;
  margin-top: 4.4444444444vw;
  box-shadow: 0.6944444444vw 0.6944444444vw 0px #E8FC53;
  border-radius: 2.0833333333vw;
  padding: 2.9861111111vw 3.0555555556vw 3.8888888889vw;
  box-sizing: border-box;
  counter-reset: listnum;
  list-style: none;
}
@media (max-width: 767px) {
  .top-overview_howto {
    margin-top: 6.1333333333vw;
    box-shadow: 1.3333333333vw 1.6vw 0px #E8FC53;
    border-radius: 4vw;
    padding: 6.9333333333vw 5.8666666667vw 8.5333333333vw;
  }
}
.top-overview_howto--item {
  font-size: 1.5277777778vw;
  font-weight: 700;
  line-height: 1.3636363636;
  margin-top: 2.5vw;
  padding-left: 4.1666666667vw;
  position: relative;
}
@media (max-width: 767px) {
  .top-overview_howto--item {
    font-size: 3.7333333333vw;
    line-height: 1.4285714286;
    margin-top: 7.4666666667vw;
    padding-left: 10.4vw;
  }
}
.top-overview_howto--item:first-of-type {
  margin-top: 0;
}
.top-overview_howto--item:before {
  counter-increment: listnum;
  content: counter(listnum);
  font-size: 1.6666666667vw;
  width: 2.9166666667vw;
  aspect-ratio: 42/57;
  background-color: #E8FC53;
  position: absolute;
  top: -0.6944444444vw;
  left: 0;
  padding-top: 0.6944444444vw;
  text-align: center;
  clip-path: polygon(0 18%, 100% 0%, 100% 82%, 0% 100%);
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .top-overview_howto--item:before {
    top: 0;
    font-size: 4.8vw;
    width: 8.5333333333vw;
    aspect-ratio: 32/43;
    padding-top: 2.1333333333vw;
  }
}
.top-overview_howto--blue {
  color: #0088FD;
}
.top-overview_howto--red {
  color: #ED6C00;
}

.top-accordion_list {
  margin-top: 5.0694444444vw;
}
@media (max-width: 767px) {
  .top-accordion_list {
    margin-top: 9.0666666667vw;
  }
}
.top-accordion_list--group {
  margin-top: 1.9444444444vw;
}
@media (max-width: 767px) {
  .top-accordion_list--group {
    margin-top: 2.6666666667vw;
  }
}
.top-accordion_list--group:first-of-type {
  margin-top: 0;
}
.top-accordion_list--link {
  height: 8.6805555556vw;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid #DEDEDE;
  font-size: 1.9444444444vw;
  font-weight: 700;
  color: #fff;
  position: relative;
}
@media (max-width: 767px) {
  .top-accordion_list--link {
    height: 16vw;
    font-size: 4.2666666667vw;
    line-height: 1.5;
    text-align: center;
  }
}
@media (max-width: 767px) {
  .top-accordion_list--link-2cols {
    height: 24vw;
  }
}
.top-accordion_list--link:hover {
  opacity: 0.7;
}
@media (max-width: 767px) {
  .top-accordion_list--link:hover {
    opacity: 1;
  }
}
.top-accordion_list--link:before {
  content: "";
  display: block;
  width: 1.7361111111vw;
  aspect-ratio: 25/25;
  background-image: url(../../img/icon/icon-minus-white.svg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  position: absolute;
  top: 50%;
  right: 2.0833333333vw;
  transform: translateY(-50%);
  transition: 0.3s;
}
@media (max-width: 767px) {
  .top-accordion_list--link:before {
    width: 5.3333333333vw;
    right: 1.8666666667vw;
  }
}
.is_hide .top-accordion_list--link:before {
  background-image: url(../../img/icon/icon-plus-white.svg);
}

.top-accordion_desc {
  opacity: 1;
  pointer-events: auto;
  transition: 0.3s;
}
.top-accordion_desc > *:first-child {
  padding-top: 5.4861111111vw !important;
}
@media (max-width: 767px) {
  .top-accordion_desc > *:first-child {
    padding-top: 9.3333333333vw !important;
  }
}
.is_hide .top-accordion_desc {
  opacity: 0;
  pointer-events: none;
  height: 0 !important;
  overflow: hidden;
}
.top-accordion_desc--txt {
  padding-top: 1.7777777778em;
  color: #fff;
  font-size: 1.25vw;
  font-weight: 500;
  line-height: 1.7777777778;
}
@media (max-width: 767px) {
  .top-accordion_desc--txt {
    padding-top: 1.5384615385em;
    font-size: 3.4666666667vw;
    line-height: 1.5384615385;
  }
}
.top-accordion_desc--txt-s {
  padding-top: 1.75em;
  font-size: 1.1111111111vw;
  line-height: 1.75;
}
@media (max-width: 767px) {
  .top-accordion_desc--txt-s {
    font-size: 3.2vw;
    line-height: 1.6666666667;
    padding-top: 1.6666666667em;
  }
}
.top-accordion_desc--txt-mt0 {
  padding-top: 0;
}
.top-accordion_desc--list {
  padding-top: 4.1666666667vw;
  counter-reset: listnum;
  list-style: none;
}
@media (max-width: 767px) {
  .top-accordion_desc--list {
    padding-top: 8vw;
  }
}
.top-accordion_desc--list-mt0 {
  padding-top: 0;
}
.top-accordion_desc--item {
  color: #fff;
  font-size: 1.1111111111vw;
  font-weight: 500;
  line-height: 1.75;
}
@media (max-width: 767px) {
  .top-accordion_desc--item {
    font-size: 3.2vw;
    line-height: 1.6666666667;
  }
}
.top-accordion_desc--item-caution:before {
  content: "※";
}
.top-accordion_desc--item-point:before {
  content: "・";
}
.top-accordion_desc--item-num:before {
  counter-increment: listnum;
  content: counter(listnum) "．";
  width: 1.5em;
}
.top-accordion_desc--item:before {
  display: inline-block;
  width: 1em;
}

.top-accordion_detail {
  counter-reset: listnum;
  list-style: none;
}
.top-accordion_detail-pl {
  padding-left: 1em;
}
.top-accordion_detail--item {
  color: #fff;
  font-size: 1.1111111111vw;
  font-weight: 500;
  line-height: 1.75;
  position: relative;
  padding-left: 1em;
}
@media (max-width: 767px) {
  .top-accordion_detail--item {
    font-size: 3.2vw;
    line-height: 1.6666666667;
  }
}
.top-accordion_detail--item:before {
  display: inline-block;
  width: 1em;
  position: absolute;
  top: 0;
  left: 0;
}
.top-accordion_detail--item-num {
  padding-left: 1.5em;
}
.top-accordion_detail--item-num:before {
  counter-increment: listnum;
  content: counter(listnum) "．";
  width: 1.5em;
}
.top-accordion_detail--item-point:before {
  content: "・";
}
.top-accordion_detail--link {
  text-decoration: underline;
}

.top-overview_shipping {
  margin-top: 4.4444444444vw;
  background-color: #fff;
  box-shadow: 0.6944444444vw 0.6944444444vw 0px #E8FC53;
  border-radius: 1.3888888889vw;
  padding: 3.9583333333vw 3.4027777778vw 5.1388888889vw 7.0833333333vw;
  box-sizing: border-box;
  counter-reset: listnum;
  list-style: none;
}
@media (max-width: 767px) {
  .top-overview_shipping {
    margin-top: 6.9333333333vw;
    box-shadow: 1.3333333333vw 1.6vw 0px #E8FC53;
    border-radius: 5.3333333333vw;
    padding: 7.2vw 4.8vw 9.6vw 6.1333333333vw;
  }
}
.top-overview_shipping--group {
  margin-top: 3.6805555556vw;
}
@media (max-width: 767px) {
  .top-overview_shipping--group {
    margin-top: 7.7333333333vw;
  }
}
.top-overview_shipping--group:first-of-type {
  margin-top: 0;
}
.top-overview_shipping--term {
  font-size: 1.5277777778vw;
  font-weight: 700;
  line-height: 1.4545454545;
  position: relative;
}
@media (max-width: 767px) {
  .top-overview_shipping--term {
    font-size: 3.7333333333vw;
    line-height: 1.4285714286;
    padding-left: 10.4vw;
  }
}
.top-overview_shipping--term:before {
  counter-increment: listnum;
  content: counter(listnum);
  font-size: 1.6666666667vw;
  width: 2.9166666667vw;
  aspect-ratio: 42/57;
  background-color: #E8FC53;
  position: absolute;
  top: -0.625vw;
  left: -4.1666666667vw;
  padding-top: 0.6944444444vw;
  text-align: center;
  clip-path: polygon(0 18%, 100% 0%, 100% 82%, 0% 100%);
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .top-overview_shipping--term:before {
    font-size: 4.8vw;
    width: 8.5333333333vw;
    aspect-ratio: 32/43;
    padding-top: 2.1333333333vw;
    top: 0;
    left: 0;
  }
}
.top-overview_shipping--desc {
  font-size: 1.1111111111vw;
  font-weight: 700;
  line-height: 1.875;
  margin-top: 2.7083333333vw;
}
@media (max-width: 767px) {
  .top-overview_shipping--desc {
    font-size: 3.4666666667vw;
    line-height: 1.6923076923;
    margin-top: 4.5333333333vw;
  }
}
.top-overview_shipping--caution {
  margin-top: 1.9444444444vw;
}
@media (max-width: 767px) {
  .top-overview_shipping--caution {
    margin-top: 3.2vw;
  }
}
.top-overview_shipping--caution_item {
  font-size: 0.9722222222vw;
  font-weight: 700;
  line-height: 1.4285714286;
}
@media (max-width: 767px) {
  .top-overview_shipping--caution_item {
    font-size: 2.9333333333vw;
    line-height: 1.6363636364;
    font-weight: 500;
  }
}
.top-overview_shipping--caution_item:before {
  content: "※";
  display: inline-block;
  width: 1em;
}

.top-overview_deco {
  position: absolute;
  left: 0;
  bottom: -7.1527777778vw;
  width: 100%;
  aspect-ratio: 1440/194;
  overflow: hidden;
  z-index: 101;
}
@media (max-width: 767px) {
  .top-overview_deco {
    aspect-ratio: 375/76;
    bottom: -8.5333333333vw;
  }
}
.top-overview_deco--txt {
  display: flex;
  align-items: center;
}
.top-overview_deco--txt:before, .top-overview_deco--txt:after {
  content: "#PHOTO CONTEST";
  display: block;
  font-family: "Geologica", sans-serif;
  font-weight: 500;
  font-size: 10.7638888889vw;
  line-height: 1.2516129032;
  min-width: 100.6944444444vw;
  white-space: nowrap;
  animation: infinity-scroll-left 25s infinite linear both;
}
@media (max-width: 767px) {
  .top-overview_deco--txt:before, .top-overview_deco--txt:after {
    font-size: 16vw;
    line-height: 1.2666666667;
    min-width: 146.6666666667vw;
    animation-duration: 17s;
  }
}

.top-interview {
  padding-top: 7.1527777778vw;
  padding-bottom: 17.4305555556vw;
  position: relative;
  z-index: 100;
}
@media (max-width: 767px) {
  .top-interview {
    padding-top: 8.5333333333vw;
    padding-bottom: 20.2666666667vw;
  }
}
.top-interview:before {
  content: "";
  display: block;
  width: 100vw;
  aspect-ratio: 1440/774;
  background-image: url(../../img/top-interview.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
@media (max-width: 767px) {
  .top-interview:before {
    aspect-ratio: 375/203;
    background-image: url(../../img/top-interview-sp.svg);
  }
}
.top-interview:after {
  content: "INTERVIEW";
  display: block;
  font-family: "Geologica", sans-serif;
  font-size: 10.7638888889vw;
  font-weight: 500;
  line-height: 1.2516129032;
  color: #B8BAB5;
  position: absolute;
  top: 94.4444444444vw;
  left: -26.4583333333vw;
  transform: rotate(90deg);
  z-index: -1;
}
@media (max-width: 767px) {
  .top-interview:after {
    font-size: 41.3333333333vw;
    top: 188.8vw;
    left: -101.6vw;
  }
}
.top-interview--ttl {
  padding-top: 7.5vw;
  font-size: 3.4722222222vw;
  font-weight: 700;
  text-align: center;
  line-height: 1.44;
}
@media (max-width: 767px) {
  .top-interview--ttl {
    padding-top: 9.0666666667vw;
    font-size: 6.4vw;
    line-height: 1.4583333333;
  }
}
.top-interview--name {
  font-size: 2.2222222222vw;
  font-weight: 700;
  line-height: 1.4375;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 4.4444444444vw;
}
@media (max-width: 767px) {
  .top-interview--name {
    font-size: 4.2666666667vw;
    line-height: 1.5;
    margin-top: 6.9333333333vw;
  }
}
.top-interview--job {
  font-size: 1.6666666667vw;
  margin-right: 1.5277777778vw;
}
@media (max-width: 767px) {
  .top-interview--job {
    font-size: 3.2vw;
    margin-right: 3.2vw;
  }
}
.top-interview--wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 4.1666666667vw;
}
@media (max-width: 767px) {
  .top-interview--wrap {
    margin-top: 6.9333333333vw;
    justify-content: flex-start;
    align-items: flex-start;
  }
}
.top-interview--img {
  display: block;
  width: 29.8611111111vw;
}
@media (max-width: 767px) {
  .top-interview--img {
    width: 42.4vw;
    margin-left: 5.3333333333vw;
  }
}

.top-interview_profile {
  width: 31.6666666667vw;
  padding-left: 3.8888888889vw;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .top-interview_profile {
    width: 45.3333333333vw;
    padding-left: 6.6666666667vw;
  }
}
.top-interview_profile--ttl {
  font-size: 1.6666666667vw;
  font-weight: 700;
  line-height: 1.4583333333;
}
@media (max-width: 767px) {
  .top-interview_profile--ttl {
    font-size: 3.2vw;
    line-height: 1.4166666667;
  }
}
.top-interview_profile--sub_ttl {
  font-size: 1.3888888889vw;
  font-weight: 700;
  line-height: 1.45;
  margin-top: 1.875vw;
}
@media (max-width: 767px) {
  .top-interview_profile--sub_ttl {
    font-size: 3.2vw;
    line-height: 1.4166666667;
    margin-top: 2.6666666667vw;
  }
}
.top-interview_profile--desc {
  font-size: 1.3888888889vw;
  font-weight: 700;
  line-height: 1.6833333333;
  margin-top: 1.0416666667vw;
}
@media (max-width: 767px) {
  .top-interview_profile--desc {
    font-size: 3.2vw;
    line-height: 1.6166666667;
    margin-top: 1.0666666667vw;
  }
}
.top-interview_profile--link {
  margin-top: 1.875vw;
  display: flex;
  align-items: center;
  font-size: 1.3888888889vw;
  font-weight: 500;
  line-height: clac(29/20);
}
@media (max-width: 767px) {
  .top-interview_profile--link {
    margin-top: 4.2666666667vw;
    font-size: 3.2vw;
    line-height: 1.4166666667;
  }
}
.top-interview_profile--link:before {
  content: "";
  display: block;
  width: 1.6666666667vw;
  aspect-ratio: 24/24;
  background-image: url(../../img/icon/icon-insta.svg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  margin-right: 1.1111111111vw;
}
@media (max-width: 767px) {
  .top-interview_profile--link:before {
    width: 5.6vw;
    margin-right: 1.0666666667vw;
  }
}
.top-interview_profile--link:hover {
  opacity: 0.7;
}
@media (max-width: 767px) {
  .top-interview_profile--link:hover {
    opacity: 1;
  }
}

.top-interview_list {
  width: 62.5vw;
  margin: 6.8055555556vw auto 0;
}
.top-interview_list:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  font-size: 0;
  content: ".";
}
@media (max-width: 767px) {
  .top-interview_list {
    width: 85.3333333333vw;
    margin-top: 20.5333333333vw;
  }
}
.top-interview_list--group {
  width: 29.0277777778vw;
  margin-top: 4.7222222222vw;
}
@media (max-width: 767px) {
  .top-interview_list--group {
    width: 100%;
    margin-top: 9.0666666667vw;
  }
}
.top-interview_list--group:nth-of-type(odd) {
  float: left;
}
@media (max-width: 767px) {
  .top-interview_list--group:nth-of-type(odd) {
    float: none;
  }
}
.top-interview_list--group:nth-of-type(even) {
  float: right;
}
@media (max-width: 767px) {
  .top-interview_list--group:nth-of-type(even) {
    float: none;
  }
}
.top-interview_list--group:fisrt-of-type {
  margin-top: 0;
}
.top-interview_list--group:nth-of-type(2) {
  margin-top: 13.8194444444vw;
}
@media (max-width: 767px) {
  .top-interview_list--group:nth-of-type(2) {
    margin-top: 9.0666666667vw;
  }
}
.top-interview_list--term {
  font-size: 1.5277777778vw;
  font-weight: 700;
  line-height: 1.5909090909;
  margin-left: 0.5555555556vw;
  padding-bottom: 3.3333333333vw;
  background-image: url(../../img/top-interview-list-term.svg);
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: 0% 100%;
}
@media (max-width: 767px) {
  .top-interview_list--term {
    font-size: 4.2666666667vw;
    line-height: 1.5;
    margin-left: 0.8vw;
    padding-bottom: 7.4666666667vw;
  }
}
.top-interview_list--desc {
  margin-top: 1.5277777778vw;
  background-color: #E8FC53;
  border-radius: 2.0833333333vw 0 2.0833333333vw 2.0833333333vw;
  padding: 3.75vw 2.7777777778vw 3.4027777778vw;
  font-size: 1.1805555556vw;
  font-weight: 700;
  line-height: 1.4117647059;
  background-image: url(../../img/icon/icon-plus-black.svg);
  background-repeat: no-repeat;
  background-position: 100% 0%;
  background-size: 2.7777777778vw auto;
}
@media (max-width: 767px) {
  .top-interview_list--desc {
    margin-top: 2.6666666667vw;
    border-radius: 4vw 0 4vw 4vw;
    padding: 10.9333333333vw 7.2vw 10.6666666667vw 8.2666666667vw;
    font-size: 3.4666666667vw;
    line-height: 1.5384615385;
    background-size: 8vw auto;
  }
}

.top-contact {
  padding-bottom: 14.0277777778vw;
  position: relative;
  overflow-x: clip;
  overflow-y: hidden;
}
@media (max-width: 767px) {
  .top-contact {
    padding-bottom: 24.5333333333vw;
  }
}
.top-contact:before {
  content: "";
  display: block;
  width: 100vw;
  aspect-ratio: 1440/1214;
  background-image: url(../../img/top-contact.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50% 50%;
  position: absolute;
  top: 3.4027777778vw;
  left: 0;
  z-index: -1;
}
@media (max-width: 767px) {
  .top-contact:before {
    bottom: auto;
    top: 0;
    aspect-ratio: 375/878;
    background-image: url(../../img/top-contact-sp.svg);
  }
}
.top-contact--img {
  display: block;
  width: 84.7222222222vw;
}
@media (max-width: 767px) {
  .top-contact--img {
    width: 100%;
  }
}

.top-contact_list {
  margin-top: 9.4444444444vw;
  width: 62.5vw;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 767px) {
  .top-contact_list {
    margin-top: 17.6vw;
    width: 85.3333333333vw;
  }
}
.top-contact_list--link {
  height: 8.6805555556vw;
  display: flex;
  align-items: center;
  justify-content: center;
  border-bottom: 1px solid #000;
  font-size: 1.9444444444vw;
  font-weight: 700;
  position: relative;
}
@media (max-width: 767px) {
  .top-contact_list--link {
    height: 16vw;
    font-size: 4.2666666667vw;
    line-height: 1.5;
    text-align: center;
  }
}
.top-contact_list--link:hover {
  opacity: 0.7;
}
@media (max-width: 767px) {
  .top-contact_list--link:hover {
    opacity: 1;
  }
}
.top-contact_list--link:before {
  content: "";
  display: block;
  width: 1.7361111111vw;
  aspect-ratio: 25/25;
  background-image: url(../../img/icon/icon-minus-black.svg);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  position: absolute;
  top: 50%;
  right: 2.0833333333vw;
  transform: translateY(-50%);
  transition: 0.3s;
}
@media (max-width: 767px) {
  .top-contact_list--link:before {
    width: 5.3333333333vw;
    right: 1.8666666667vw;
  }
}
.is_hide .top-contact_list--link:before {
  background-image: url(../../img/icon/icon-plus-black.svg);
}

.top-contact_desc {
  opacity: 1;
  pointer-events: auto;
  transition: 0.3s;
}
.is_hide .top-contact_desc {
  opacity: 0;
  pointer-events: none;
  height: 0 !important;
  overflow: hidden;
}
.top-contact_desc--txt {
  padding-top: 5.7638888889vw;
  text-align: center;
  font-size: 1.1805555556vw;
  font-weight: 700;
  line-height: 1.4705882353;
}
@media (max-width: 767px) {
  .top-contact_desc--txt {
    font-size: 3.7333333333vw;
    line-height: 1.7142857143;
    padding-top: 10.1333333333vw;
  }
}
.top-contact_desc--link {
  text-decoration: underline;
}
.top-contact_desc--recipient {
  font-size: 1.3888888889vw;
  font-weight: 700;
  line-height: 1.45;
  margin-top: 2.2222222222vw;
  text-align: center;
}
@media (max-width: 767px) {
  .top-contact_desc--recipient {
    font-size: 4.2666666667vw;
    line-height: 1.5;
    margin-top: 8.8vw;
  }
}
.top-contact_desc--list {
  margin: 2.4305555556vw auto 0;
  width: fit-content;
}
@media (max-width: 767px) {
  .top-contact_desc--list {
    margin-top: 10.1333333333vw;
    width: 89.3333333333vw;
  }
}
.top-contact_desc--item {
  font-size: 0.9722222222vw;
  font-weight: 500;
  line-height: 1.7142857143;
}
@media (max-width: 767px) {
  .top-contact_desc--item {
    font-size: 3.2vw;
    line-height: 1.6666666667;
  }
}
.top-contact_desc--item:before {
  content: "※";
  display: inline-block;
  width: 1em;
}

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