@charset "utf-8";

#wrap {width: 100%;}
#wrap > .container {min-width: 1400px; background-color: #000;}

.direct65 {width: 100%;}
.direct65.mob {display: none;}
.direct65 .section:nth-child(odd) {background-color: #000;}
.direct65 .section:nth-child(even) {background-color: #1f1f1f;}
.section .s_inner {position: relative; width: 1080px; padding: 200px 0; margin: 0 auto; overflow: hidden;}
.section .s_inner > div + div {margin-top: 240px;}


.section .box_tit {display: flex; flex-direction: column; align-items: center; gap: 25px;}
.section .box_tit > div {display: flex; align-items: center; justify-content: center; padding: 10px 25px; border: 1px solid #fff; border-radius: 20px;}
.section .box_tit > div span {font-size: 18px; color: #fff; font-family: 'SUIT'; font-weight: 500; letter-spacing: -0.02em; line-height: 1;}
.section .box_tit > div span sup {font-size: 12px; vertical-align: top;}
.section .box_tit > div.yel {border-color: #c0f600;}
.section .box_tit > div.yel span {color: #c0f600;}
.section .box_tit h2 {font-size: 26px; color: #fff; font-family: 'SUIT'; font-weight: 500; line-height: 1.3; text-align: center;}
.section .box_tit h2 strong {display: block; font-size: 44px; font-weight: 700;}
.section ul.flex_card {display: flex; justify-content: center; align-items: flex-start; flex-wrap: wrap; gap: 20px; margin-top: 40px;}
.section .img {font-size: 0; text-align: center; margin-top: 40px;}
.section .notice {text-align: center; margin-top: 40px;}
.section .notice p {font-size: 14px; color: #888; font-family: SUIT; font-weight: 400; letter-spacing: -0.02em; line-height: 1.4;}
.section .btn {display: flex; justify-content: center; margin-top: 60px;}
.section .btn div {display: inline-flex; align-items: center; justify-content: center; min-width: 360px; padding: 22px 0 23px; background-color: #c0f600; border-radius: 100px;}
.section .btn div span {font-size: 20px; color: #000; font-family: 'SUIT'; font-weight: 700; letter-spacing: -0.025em;}


.section.sec01 .s_inner {padding: 0 0 120px;}
.section.sec01 .flex_card {margin-top: 0;}

.section.sec04 .box01 .img {position: relative;}
.section.sec04 .box01 .img a {position: absolute; width: 161px; height: 22px; font-size: 18px; color: #e3e3e3; font-family: 'SUIT'; font-weight: 500; letter-spacing: -0.02em; text-decoration: underline; transition: 0.2s all;}
.section.sec04 .box01 .img a.link1 {bottom: 81px; left: 150px;}
.section.sec04 .box01 .img a.link2 {bottom: 60px; right: 149px;}
.section.sec04 .box01 .img a:hover {color: #c0f600;}

.section.sec04 .box01 .btnCopy {text-align: center; margin-top: 60px;}
.section.sec04 .box01 .btnCopy button {background-color: transparent; border: 2px solid transparent; border-radius: 20px; cursor: pointer; transition: 0.2s all;}
.section.sec04 .box01 .btnCopy button:hover {border-color: #c0f600;}

.section.sec04 .box02 .flex_card li {position: relative;}
.section.sec04 .box02 .flex_card li div {position: absolute; bottom: 60px; left: 50%; transform: translate(-50%); content: ''; display: inline-flex; align-items: center; justify-content: center; width: 320px; height: 52px; border: 1px solid #fff; border-radius: 10px; transition: 0.2s all;}
.section.sec04 .box02 .flex_card li div span {font-size: 16px; color: #fff; font-family: 'SUIT'; font-weight: 600; letter-spacing: -0.025em; transition: 0.2s all;}

.section.sec04 .box02 .flex_card li div:hover {border-color: #c0f600;}
.section.sec04 .box02 .flex_card li div:hover span {color: #c0f600;}

.section.sec04 .box03 .img {margin-top: 0;}
.section.sec04 .box03 .img img + img {margin-top: 60px;}
.section.sec04 .box03 .notice {margin-top: 40px;}


.sticky_btn {position: sticky; position: -webkit-sticky; bottom: 0; left: 0; z-index: 999;}
.sticky_btn div {display: flex; justify-content: center; align-items: center; padding: 30px 0; background-color: #c0f600;}
.sticky_btn div span {font-size: 24px; color: #000; font-family: 'SUIT'; font-weight: 700; letter-spacing: -0.02em;}
.sticky_btn div span sup {font-size: 18px; vertical-align: top;}





@media (max-width: 720px) {

.direct65.pc {display: none;}
.direct65.mob {display: block;}

#wrap > .container {min-width: 100%}

.section .s_inner {width: 100%; padding: 0; margin: auto;}
.section .s_inner > div + div {margin-top: 0;}
.section .s_inner .box > img {width: 100%;}

.section.sec01 .s_inner {padding: 0;}
.section .box {position: relative;}

.section .btn_m {position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; width: 91.11vw; height: 15vw; display: flex; align-items: center; justify-content: center;}
.section .btn_m span {font-size: 5vw; color: #000; font-family: 'SUIT'; font-weight: 700; letter-spacing: -0.03em; text-indent: -9999px;}

.section.sec02 .btn_m {bottom: 27.8vw;}

.section.sec04 .box01 .btn_m {width: 36vw; height: 5.55vw;}
.section.sec04 .box01 .btn_m.btn_m1 {bottom: auto; top: 151.5vw;}
.section.sec04 .box01 .btn_m.btn_m2 {bottom: 89.5vw;}

.section.sec04 .box01 .btnCopy {position: absolute; bottom: 58.5vw; left: 0; right: 0; width: 91.11vw; height: 15vw; text-align: center; margin-top: 0; margin: 0 auto; display: flex; align-items: center; justify-content: center;}
.section.sec04 .box01 .btnCopy button {background-color: transparent; border: 0; border-radius: 0; cursor: inherit; transition: none; width: 100%; height: 100%;}
.section.sec04 .box01 .btnCopy button span {font-size: 0; color: #fff; font-family: 'SUIT'; font-weight: 700; letter-spacing: -0.03em; text-indent: -9999px;}
.section.sec04 .box01 .btnCopy button:hover {border-color: transparent;}

.section.sec04 .btn_m {bottom: 27.8vw;}

.section.sec04 .swiperBox {position: absolute; top: 0; left: 0; width: 100%;}
.section.sec04 .box02 .swiperBox {top: 61.94vw; right: 0; margin: 0 auto; width: 91.11vw;}
.section.sec04 .box02 .swiperBox .swiper .swiper-slide img {width: 100%;}
.section.sec04 .box02 .swiperBox .swiper .swiper-slide .btn_m {bottom: 13vw; width: 80vw;}

.section.sec04 .box04 .swiperBox {top: 69.72vw; left: auto; right: 0; margin: auto; width: 95.56vw;}
.section.sec04 .box04 .swiperBox .swiper .swiper-slide {width: 78.89vw; margin-right: 4.44vw;}
.section.sec04 .box04 .swiperBox .swiper .swiper-slide img {width: 100%;}

.section.sec04 .swiperBox .swiper {padding-bottom: 8.33vw;}
.section.sec04 .swiperBox .swiper .swiper-pagination {bottom: 0;}
.section.sec04 .swiperBox .swiper .swiper-pagination .swiper-pagination-bullet {width: 2.78vw; height: 2.78vw; background-color: #888; opacity: 1;}
.section.sec04 .swiperBox .swiper .swiper-pagination .swiper-pagination-bullet-active {background-color: #c0f600;}


.sticky_btn div {padding: 0; height: 17.22vw;}
.sticky_btn div span {font-size: 5.56vw}
.sticky_btn div span sup {font-size: 3.5vw;}


}