@charset "utf-8";
.main_visual{position:relative; margin-top:80px; height:calc(100vh - 80px); overflow:hidden;}
.main_visual .main_visual_slide{height:100%;}
.main_visual .youtube_bn, .main_visual .img_bn{display:flex; align-items:center; justify-content:center; height:100%;}
.main_visual .visual_txt{position:relative; width:92%; max-width:1400px; z-index:1;}
.main_visual .visual_txt .tag{font-size:30px; font-weight:700;}
.main_visual .visual_txt dl{margin-top:10px;}
.main_visual .visual_txt dl .block_txt{display:blfock;}
.main_visual .visual_txt dt{/*height:180px;*/ margin-bottom:40px; font-size:52px; font-weight:700; line-height:1.2;}
/*.main_visual.eng .visual_txt dt{height:220px;}*/
.main_visual .visual_txt dd{font-size:24px; line-height:1.4;}
.main_visual .youtube_bn .visual_txt .tag, .main_visual .youtube_bn .visual_txt dt, .main_visual .youtube_bn .visual_txt dd{color:#FFF;}
.main_visual .img_bn .visual_txt .tag{color:#185aea;}
.main_visual .img_bn .visual_txt dt, .main_visual .img_bn .visual_txt dd{color:#303030;}
.main_visual .visual_txt .tag, .main_visual .visual_txt dd{opacity:0; transform:translateY(30px); transition:all 0.8s ease;}
.main_visual .visual_txt dt .typing{display:inline; white-space:pre-line;}
.main_visual .visual_txt dt .typed-cursor{display:inline-block; position:relative; top:4px; width:2px; height:46px; margin-left:10px; animation: blink 0.7s infinite;}
.main_visual .youtube_bn .visual_txt dt .typed-cursor{background-color:#FFF;}
.main_visual .img_bn .visual_txt dt .typed-cursor{background-color:#303030;}
@keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 0; }
    100% { opacity: 1; }
}
.main_visual .mo_bn{display:none;}
.main_visual .banner{position:absolute; top:0; left:0; width:100%; height:100%;}
.main_visual .banner img{width:100%; height:100%; object-fit:cover;}
.main_visual .youtube_bn{background-color:#000;}
.main_visual .youtube_bn iframe{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); min-width:100%; min-height:100%; width:177.77vh; height:56.25vw; border:none; pointer-events:none; opacity:0.5 !important;}
.main_visual .swiper-pagination{bottom:40px; left:50%; transform:translateX(-50%); text-align:center;}
.main_visual .swiper-pagination .swiper-pagination-bullet{position:relative; width:8px; height:8px; background:rgba(138, 138, 138, .5); opacity:1; transition:all .1s; margin:0 0 0 15px !important;}
.main_visual .swiper-pagination .spinner{position:absolute; left:50%; top:50%; display:block; width:18px; height:18px; border:3px solid rgba(138, 138, 138, .5); border-radius:50%; box-sizing:border-box; transform:translate(-50%, -50%) rotate(320deg); clip-path:circle(50% at 50% 50%); opacity:0; transition:all .1s;}
.main_visual .swiper-pagination .spinner::after{content:''; position:absolute; box-sizing:border-box; inset:-4px; border-radius:50%; background:linear-gradient(135deg,#185aea 0%, #00acee 50%); clip-path:circle(100% at 50% 50%); -webkit-mask:radial-gradient(5px, transparent 95%, #000) 0 0; mask:radial-gradient(5px, transparent 95%, #000) 0 0; opacity:0;}
.main_visual .swiper-pagination .swiper-pagination-bullet-active{background:none;}
.main_visual .swiper-pagination .swiper-pagination-bullet-active .spinner{opacity:1;}
.main_visual .swiper-pagination .swiper-pagination-bullet-active .spinner::after{opacity:1; animation:spinner 8.5s linear;}
@keyframes spinner {
    0% {
        clip-path: polygon(50% 50%, 0 0, 0 0, 0 0, 0 0, 0 0);
    }
    25% {
        clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 0, 100% 0, 100% 0);
    }
    50% {
        clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 100% 100%, 100% 100%);
    }
    75% {
        clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 100%);
    }
    100% {
        clip-path: polygon(50% 50%, 0 0, 100% 0, 100% 100%, 0 100%, 0 0);
    }
}

@media screen and (max-width:859px){
.main_visual .mo_bn{display:block;}
.main_visual .pc_bn{display:none;}
.main_visual .visual_txt .tag{font-size:24px;}
.main_visual .visual_txt dt{/*height:130px;*/ font-size:40px;}
/*.main_visual.eng .visual_txt dt{height:180px;}*/
.main_visual .visual_txt dt .typed-cursor{top:2px; height:34px;}
.main_visual .visual_txt dd{font-size:18px;}
}

@media screen and (max-width:639px){
.main_visual .visual_txt{padding-bottom:60px;}
.main_visual .visual_txt .tag{font-size:18px;}
.main_visual .visual_txt dt{/*height:95px;*/ margin-bottom:30px; font-size:28px;}
/*.main_visual.eng .visual_txt dt{height:140px;}*/
.main_visual .visual_txt dt .typed-cursor{height:28px; margin-left:5px;}
.main_visual .visual_txt dt br, .main_visual .visual_txt dd br{display:none;}
.main_visual .visual_txt dd{font-size:16px;}
.main_visual .youtube_bn, .main_visual .img_bn{align-items: flex-start; padding-top: 180px;}
}