@charset "UTF-8";

.top_bg {
  /* width: 100vw;
  height: 100vh; */
  /* position: fixed;
  top: 0;
  left: 0;
  background-image: url(../img/top-bk.png);
  background-size: cover;
  overflow-y: scroll; */
  overflow-x: hidden;
}
.top_bg_wrapper{
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
}
.top_bg_wrapper img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.top_header {
  display: none;
}

.top_kv_section {
  position: relative;
  z-index: 2;
  width: 100%;
  height: calc(1300/var(--view-size)*100vw);
}
.top_kv_section_bk {
  /* content: ""; */
  position: absolute;
  top: calc(-70/var(--view-size)*100vw);
  left: calc(-113/var(--view-size)*100vw);
  width: calc(440/var(--view-size)*100vw);
  height: calc(376.49/var(--view-size)*100vw);
  transform: rotate(10deg);
  background-image: url(../img/top-kv-bk.png);
  background-size: cover;
  opacity: 0;
}
.top_kv_wrapper {
  position: relative;
  z-index: 2;
}
.top_kv_heading_wrapper {
  position: absolute;
  top: calc(157/var(--view-size)*100vw);
  left: calc(100/var(--view-size)*100vw);
  opacity: 0;
}
.top_kv_heading_title {
  font-size: calc(60/var(--view-size)*100vw);
  letter-spacing: .2em;
  font-family: "Montserrat Alternates";
  font-weight: 800;
}
.top_kv_heading_title span {
  -webkit-text-stroke: calc(5 / var(--view-size)* 100vw) #000;
  text-stroke: calc(5 / var(--view-size)* 100vw) #000;
  color: rgba(255, 255, 255, 0);
}
.top_kv_heading_copy {
  margin-top: calc(24/var(--view-size)*100vw);
  font-size: calc(20/var(--view-size)*100vw);
}
.top_kv_items {
  position: relative;
}
.top_kv_item {
  position: absolute;
}
.top_kv_item1 {
  top: calc(355.3/var(--view-size)*100vw);
  left: calc(55.3/var(--view-size)*100vw);
}
.top_kv_item1::after,
.top_kv_item2::after,
.top_kv_item3::after,
.top_kv_item4::after,
.top_kv_item5::after {
  content: "";
  position: absolute;
  background-size: cover;
  z-index: -1;
  /* opacity: 0; */

  animation-name: fadeAnime;
  animation-duration: 1s;
  animation-delay: 3.8s;
  animation-fill-mode: forwards;
  opacity: 0;
}
.top_kv_item1::after {
  top: calc(278.9/var(--view-size)*100vw);
  left: calc(306/var(--view-size)*100vw);
  width: calc(113.96/var(--view-size)*100vw);
  height: calc(127.9/var(--view-size)*100vw);
  background-image: url(../img/top-map1-text.png);
}
.top_kv_item2 {
  top: calc(285.3/var(--view-size)*100vw);
  left: calc(525.28/var(--view-size)*100vw);
}
.top_kv_item2::after {
  top: calc(-18/var(--view-size)*100vw);
  left: calc(46.1/var(--view-size)*100vw);
  width: calc(128.8/var(--view-size)*100vw);
  height: calc(89.53/var(--view-size)*100vw);
  background-image: url(../img/top-map2-text.png);
}
.top_kv_item3 {
  top: calc(59.87/var(--view-size)*100vw);
  left: calc(949.86/var(--view-size)*100vw);
}
.top_kv_item3::after {
  top: calc(316.73/var(--view-size)*100vw);
  left: calc(183.2/var(--view-size)*100vw);
  width: calc(226.25/var(--view-size)*100vw);
  height: calc(149.3/var(--view-size)*100vw);
  background-image: url(../img/top-map3-text.png);
}
.top_kv_item4{
  top: calc(780 / var(--view-size)* 100vw);
  left: calc(270 / var(--view-size)* 100vw);
}
.top_kv_item4::after{
  top: calc(315/var(--view-size)*100vw);
  left: calc(-10/var(--view-size)*100vw);
  width: calc(131.96/var(--view-size)*100vw);
  height: calc(117.8/var(--view-size)*100vw);
  background-image: url(../img/top-map4-text.png);
}
.top_kv_item5{
  top: calc(900 / var(--view-size)* 100vw);
  left: calc(820 / var(--view-size)* 100vw);
}
.top_kv_item5::after{
  top: calc(384 / var(--view-size)* 100vw);
  left: calc(50 / var(--view-size)* 100vw);
  width: calc(262 / var(--view-size)* 100vw);
  height: calc(64 / var(--view-size)* 100vw);
  background-image: url(../img/top-map5-text.png);
}
.top_kv_item_img {
  display: block;
  border: solid 3px #000;
  overflow: hidden;
  box-shadow: 0 0 10px rgba(0, 0, 0, .16);
  opacity: 0;
}
.top_kv_item_img1 {
  border-radius: calc(400 / var(--view-size)* 100vw) calc(350 / var(--view-size)* 100vw) calc(500 / var(--view-size)* 100vw) calc(300 / var(--view-size)* 100vw);
  transform: rotate(-10deg);
  width: calc(420/var(--view-size)*100vw);
  height: calc(420/var(--view-size)*100vw);
}
.top_kv_item_img1::after{
  border-radius: calc(400 / var(--view-size)* 100vw) calc(350 / var(--view-size)* 100vw) calc(500 / var(--view-size)* 100vw) calc(300 / var(--view-size)* 100vw);
}
.top_kv_item_img2 {
  border-radius: calc(400 / var(--view-size)* 100vw) calc(300 / var(--view-size)* 100vw) calc(200 / var(--view-size)* 100vw) calc(250 / var(--view-size)* 100vw);
  transform: rotate(10deg);
  width: calc(420/var(--view-size)*100vw);
  height: calc(420/var(--view-size)*100vw);
}
.top_kv_item_img2::after{
  border-radius: calc(400 / var(--view-size)* 100vw) calc(300 / var(--view-size)* 100vw) calc(200 / var(--view-size)* 100vw) calc(250 / var(--view-size)* 100vw);
}
.top_kv_item_img3 {
  border-radius: calc(250 / var(--view-size)* 100vw) calc(350 / var(--view-size)* 100vw) calc(400 / var(--view-size)* 100vw) calc(300 / var(--view-size)* 100vw);
  transform: rotate(-30deg);
  width: calc(420/var(--view-size)*100vw);
  height: calc(420/var(--view-size)*100vw);
}
.top_kv_item_img3::after{
  border-radius: calc(250 / var(--view-size)* 100vw) calc(350 / var(--view-size)* 100vw) calc(400 / var(--view-size)* 100vw) calc(300 / var(--view-size)* 100vw);
}
.top_kv_item_img4 {
  border-radius: calc(300 / var(--view-size)* 100vw) calc(300 / var(--view-size)* 100vw) calc(400 / var(--view-size)* 100vw) calc(300 / var(--view-size)* 100vw);
  transform: rotate(10deg);
  width: calc(420/var(--view-size)*100vw);
  height: calc(420/var(--view-size)*100vw);
}
.top_kv_item_img4::after{
  border-radius: calc(300 / var(--view-size)* 100vw) calc(300 / var(--view-size)* 100vw) calc(400 / var(--view-size)* 100vw) calc(300 / var(--view-size)* 100vw);
}
.top_kv_item_img5 {
  border-radius: calc(300 / var(--view-size)* 100vw) calc(300 / var(--view-size)* 100vw) calc(400 / var(--view-size)* 100vw) calc(300 / var(--view-size)* 100vw);
  transform: rotate(-10deg);
  width: calc(420/var(--view-size)*100vw);
  height: calc(420/var(--view-size)*100vw);
}
.top_kv_item_img5::after{
  border-radius: calc(300 / var(--view-size)* 100vw) calc(300 / var(--view-size)* 100vw) calc(400 / var(--view-size)* 100vw) calc(300 / var(--view-size)* 100vw);
}
.top_kv_item_img::before {
  content: "view more";
  position: absolute;
  top: calc(200.7/var(--view-size)*100vw);
  left: calc(151.7/var(--view-size)*100vw);
  display: block;
  font-size: calc(14/var(--view-size)*100vw);
  color: #fff;
  letter-spacing: .2em;
  z-index: 3;
  font-family: "Montserrat Alternates";
  font-weight: 800;
}
.top_kv_item_img1::before {
  transform: rotate(10deg);
}
.top_kv_item_img2::before {
  transform: rotate(-10deg);
}
.top_kv_item_img3::before {
  transform: rotate(30deg);
}
.top_kv_item_img4::before {
  transform: rotate(-10deg);
}
.top_kv_item_img5::before {
  transform: rotate(10deg);
}
.top_kv_item_img::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, .16);
  transition: all 0.3s ease-out;
  opacity: 1;
}
.top_kv_item_img:hover::after {
  opacity: 0;
}
.top_kv_item_img img {
  transition: all 0.3s ease-out;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.top_kv_item_img:hover img {
  transform: scale(1.1);
}
.top_kv_item_img1_bk {
  z-index: -1;
  position: absolute;
  top: calc(124.7/var(--view-size)*100vw);
  left: calc(-135.3/var(--view-size)*100vw);
  transform: rotate(-10deg);
  width: calc(420/var(--view-size)*100vw);
  height: calc(420/var(--view-size)*100vw);
  background-color: rgba(56, 183, 0, .8);
  border-radius: calc(400/var(--view-size)*100vw) calc(350/var(--view-size)*100vw) calc(500/var(--view-size)*100vw) calc(300/var(--view-size)*100vw);
}
.top_kv_item_img2_bk {
  z-index: -1;
  position: absolute;
  top: calc(145.6/var(--view-size)*100vw);
  left: calc(135.3/var(--view-size)*100vw);
  transform: rotate(-10deg);
  width: calc(440/var(--view-size)*100vw);
  height: calc(399.15/var(--view-size)*100vw);
  background-color: rgba(0, 180, 234, .8);
  border-radius: calc(400/var(--view-size)*100vw) calc(300/var(--view-size)*100vw) calc(200/var(--view-size)*100vw) calc(250/var(--view-size)*100vw);
}
.top_kv_item_img3_bk {
  z-index: -1;
  position: absolute;
  top: calc(-159.9/var(--view-size)*100vw);
  left: calc(-149.9/var(--view-size)*100vw);
  transform: rotate(30deg);
  width: calc(420/var(--view-size)*100vw);
  height: calc(420/var(--view-size)*100vw);
  background-color: rgba(255, 157, 0, .8);
  border-radius: calc(250/var(--view-size)*100vw) calc(350/var(--view-size)*100vw) calc(400/var(--view-size)*100vw) calc(300/var(--view-size)*100vw);
}
.top_kv_item_img4_bk {
  z-index: -1;
  position: absolute;
  top: calc(50/var(--view-size)*100vw);
  left: calc(80/var(--view-size)*100vw);
  transform: rotate(10deg);
  width: calc(420/var(--view-size)*100vw);
  height: calc(420/var(--view-size)*100vw);
  background-color: rgba(148, 108, 69, .8);
  border-radius: calc(300/var(--view-size)*100vw) calc(300/var(--view-size)*100vw) calc(400/var(--view-size)*100vw) calc(300/var(--view-size)*100vw);
}
.top_kv_item_img5_bk {
  z-index: -1;
  position: absolute;
  top: calc(-50/var(--view-size)*100vw);
  left: calc(85/var(--view-size)*100vw);
  transform: rotate(-10deg);
  width: calc(420/var(--view-size)*100vw);
  height: calc(420/var(--view-size)*100vw);
  background-color: rgba(194, 103, 210, .8);
  border-radius: calc(300/var(--view-size)*100vw) calc(300/var(--view-size)*100vw) calc(400/var(--view-size)*100vw) calc(300/var(--view-size)*100vw);
}
.top_kv_text_wrapper {
  position: absolute;
  top: calc(610/var(--view-size)*100vw);
  left: calc(1000/var(--view-size)*100vw);
  width: calc(300/var(--view-size)*100vw);
  font-size: calc(14/var(--view-size)*100vw);
  line-height: calc(42/14);
}
.top_kv_text{
  opacity: 0;
}

.top_sponsor_section {
  position: relative;
  z-index: 2;
  padding: calc(153/var(--view-size)*100vw) 0 calc(20/var(--view-size)*100vw);
}
.top_sponsor_wrapper {
  padding-left: calc(200/var(--view-size)*100vw);
  padding-right: calc(200/var(--view-size)*100vw);
}
.top_sponsor_title {
  text-align: center;
  font-size: calc(30/var(--view-size)*100vw);
  letter-spacing: .2em;
  font-family: "Montserrat Alternates";
  font-weight: 800;
}
.top_sponsor_title span {
  -webkit-text-stroke: calc(2 / var(--view-size)* 100vw) #000;
  text-stroke: calc(2 / var(--view-size)* 100vw) #000;
  color: rgba(255, 255, 255, 0);
}
.top_sponsor_items {
  margin-top: calc(80/var(--view-size)*100vw);
  display: flex;
  column-gap: calc(50/var(--view-size)*100vw);
}
.top_sponsor_item {
  width: calc(300/var(--view-size)*100vw);
}




@media(max-width: 768px){
  .top_kv_section {
    height: calc(1095/var(--view-size)*100vw);
  }
  .top_kv_section_bk {
    top: calc(-41.2/var(--view-size)*100vw);
    left: calc(-46.34/var(--view-size)*100vw);
    width: calc(227/var(--view-size)*100vw);
    height: calc(203.13/var(--view-size)*100vw);
  }
  /* .top_kv_section::after {
    content: "";
    position: absolute;
    top: calc(693.9/var(--view-size)*100vw);
    left: calc(232/var(--view-size)*100vw);
    width: calc(200/var(--view-size)*100vw);
    height: calc(171.13/var(--view-size)*100vw);
    transform: rotate(10deg);
    background-image: url(../img/top-kv-bk-sp.png);
    background-size: cover;
  } */
  .top_kv_heading_wrapper {
    top: calc(75/var(--view-size)*100vw);
    left: calc(22/var(--view-size)*100vw);
  }
  .top_kv_heading_title {
    font-size: calc(30/var(--view-size)*100vw);
  }
  .top_kv_heading_title span {
    padding: 0 calc(2/var(--view-size)*100vw);
    -webkit-text-stroke: calc(3 / var(--view-size)* 100vw) #000;
    text-stroke: calc(3 / var(--view-size)* 100vw) #000;
  }
  .top_kv_heading_copy {
    margin-top: calc(17/var(--view-size)*100vw);
    font-size: calc(14/var(--view-size)*100vw);
  }
  .top_kv_item::before {
    white-space: nowrap;
  }
  .top_kv_item1 {
    top: calc(195.26/var(--view-size)*100vw);
    left: calc(.26/var(--view-size)*100vw);
  }
  .top_kv_item2 {
    top: calc(276.26/var(--view-size)*100vw);
    left: calc(200.26/var(--view-size)*100vw);
  }
  .top_kv_item3 {
    top: calc(421.94/var(--view-size)*100vw);
    left: calc(32.94/var(--view-size)*100vw);
  }
  .top_kv_item4 {
    top: calc(600/var(--view-size)*100vw);
    left: calc(190/var(--view-size)*100vw);
  }
  .top_kv_item5 {
    top: calc(700/var(--view-size)*100vw);
    left: calc(10/var(--view-size)*100vw);
  }
  .top_kv_item1::after {
    top: calc(-25 / var(--view-size)* 100vw);
    left: calc(2 / var(--view-size)* 100vw);
    width: calc(120.49 / var(--view-size)* 100vw);
    height: calc(52.7 / var(--view-size)* 100vw);
    background-image: url(../img/top-map1-text-sp2.png);
  }
  .top_kv_item2::after {
    top: calc(-20 / var(--view-size)* 100vw);
    left: calc(99.1 / var(--view-size)* 100vw);
    width: calc(90.73 / var(--view-size)* 100vw);
    height: calc(59.78 / var(--view-size)* 100vw);
    background-image: url(../img/top-map2-text-sp2.png);
  }
  .top_kv_item3::after {
    top: calc(-21 / var(--view-size)* 100vw);
    left: calc(-30 / var(--view-size)* 100vw);
    width: calc(160 / var(--view-size)* 100vw);
    height: calc(88 / var(--view-size)* 100vw);
    background-image: url(../img/top-map3-text-sp2.png);
  }
  .top_kv_item4::after {
    top: calc(-23 / var(--view-size)* 100vw);
    left: calc(82 / var(--view-size)* 100vw);
    width: calc(108 / var(--view-size)* 100vw);
    height: calc(70 / var(--view-size)* 100vw);
    background-image: url(../img/top-map4-text-sp2.png);
  }
  .top_kv_item5::after {
    top: calc(-20 / var(--view-size)* 100vw);
    left: calc(-6 / var(--view-size)* 100vw);
    width: calc(175 / var(--view-size)* 100vw);
    height: calc(56 / var(--view-size)* 100vw);
    background-image: url(../img/top-map5-text-sp2.png);
  }
  .top_kv_item_img1 {
    border-radius: calc(400 / var(--view-size)* 100vw) calc(350 / var(--view-size)* 100vw) calc(500 / var(--view-size)* 100vw) calc(300 / var(--view-size)* 100vw);
    width: calc(180/var(--view-size)*100vw);
    height: calc(180/var(--view-size)*100vw);
  }
  .top_kv_item_img2 {
    border-radius: calc(400 / var(--view-size)* 100vw) calc(300 / var(--view-size)* 100vw) calc(200 / var(--view-size)* 100vw) calc(250 / var(--view-size)* 100vw);
    width: calc(180/var(--view-size)*100vw);
    height: calc(180/var(--view-size)*100vw);
  }
  .top_kv_item_img3 {
    border-radius: calc(250 / var(--view-size)* 100vw) calc(350 / var(--view-size)* 100vw) calc(400 / var(--view-size)* 100vw) calc(300 / var(--view-size)* 100vw);
    width: calc(180/var(--view-size)*100vw);
    height: calc(180/var(--view-size)*100vw);
  }
  .top_kv_item_img4 {
    width: calc(180/var(--view-size)*100vw);
    height: calc(180/var(--view-size)*100vw);
  }
  .top_kv_item_img5 {
    width: calc(180/var(--view-size)*100vw);
    height: calc(180/var(--view-size)*100vw);
  }
  .top_kv_item_img:hover img {
    transform: scale(1);
  }
  .top_kv_item_img::before {
    top: calc(83.7/var(--view-size)*100vw);
    left: calc(31.7/var(--view-size)*100vw);
  }
  .top_kv_item_img1_bk {
    top: calc(19.7/var(--view-size)*100vw);
    left: calc(19.7/var(--view-size)*100vw);
    width: calc(180/var(--view-size)*100vw);
    height: calc(180/var(--view-size)*100vw);
  }
  .top_kv_item_img2_bk {
    top: calc(49.7/var(--view-size)*100vw);
    left: calc(19.2/var(--view-size)*100vw);
    width: calc(180/var(--view-size)*100vw);
    height: calc(163.29/var(--view-size)*100vw);
  }
  .top_kv_item_img3_bk {
    top: calc(40/var(--view-size)*100vw);
    left: calc(20/var(--view-size)*100vw);
    width: calc(180/var(--view-size)*100vw);
    height: calc(180/var(--view-size)*100vw);
  }
  .top_kv_item_img4_bk{
    top: calc(23/var(--view-size)*100vw);
    left: calc(18/var(--view-size)*100vw);
    width: calc(180/var(--view-size)*100vw);
    height: calc(180/var(--view-size)*100vw);
  }
  .top_kv_item_img5_bk{
    top: calc(30/var(--view-size)*100vw);
    left: calc(30/var(--view-size)*100vw);
    width: calc(180/var(--view-size)*100vw);
    height: calc(180/var(--view-size)*100vw);
  }
  .top_kv_item_img{
    border: 2px solid #000;
  }
  .top_kv_text_wrapper {
    top: calc(930/var(--view-size)*100vw);
    left: calc(20/var(--view-size)*100vw);
    width: calc(360/var(--view-size)*100vw);
  }

  .top_sponsor_section {
    padding: calc(112/var(--view-size)*100vw) 0 calc(62/var(--view-size)*100vw);
  }
  .top_sponsor_wrapper {
    padding-left: calc(20/var(--view-size)*100vw);
    padding-right: calc(20/var(--view-size)*100vw);
  }
  .top_sponsor_title {
    font-size: calc(25/var(--view-size)*100vw);
  }
  .top_sponsor_title span {
    -webkit-text-stroke: calc(2 / var(--view-size)* 100vw) #000;
    text-stroke: calc(2 / var(--view-size)* 100vw) #000;
  }
  .top_sponsor_items {
    margin-top: calc(52/var(--view-size)*100vw);
    column-gap: calc(3/var(--view-size)*100vw);
  }
  .top_sponsor_item {
    width: calc(118/var(--view-size)*100vw);
  }
}





.delay_time_top1{
  animation-delay: 1.4s;
}
.delay_time_top2{
  animation-delay: 1.8s;
}
.delay_time_top3{
  animation-delay: 2.2s;
}
.delay_time_top4{
  animation-delay: 2.6s; 
}
.delay_time_top5{
  animation-delay: 3s; 
}
.delay_time_top6{
  animation-delay: 3.8s; 
}