@charset "UTF-8";
/* CSS Document */

.main_slide,
.main_slide .swiper-slide{ width: 100%; height: 100%; position: relative; background-position: center; background-repeat: no-repeat; background-size: cover;}
.main_slide a.swiper-slide{ transition: .3s;}

.main_slide .swiper-slide{ position: relative; background-position: center; background-repeat: no-repeat; background-size: cover;}
.main_slide .swiper-slide>h2,
.main_slide .swiper-slide>p{ position: absolute; z-index: 10; opacity: 1;}
.main_slide .swiper-slide>h2{ font-weight: 800; margin: 0;}
.main_slide .swiper-slide>h2>span{ display: block; width: 100%; overflow: hidden; white-space: nowrap; position: relative; background-color: white; transform-origin: left center;}
.main_slide .swiper-slide>p>span{ font-weight: 500;}


.swiper-button-next,
.swiper-button-prev{ background-image: url("../images/slide/slide_arrow.svg");}
.swiper-button-prev{transform: rotate(180deg);}

@media (min-width: 768px) {
.top_main_lead{ height: 545px; min-width: 1000px;}


.main_slide{ overflow: hidden;}
.main_slide .swiper-slide{ width: 1000px; height: 545px;}

.swiper-button-next,
.swiper-button-prev{ background-color: rgba(0,0,0,0.5); top: 0; height: 100%; margin: 0; width: calc(50vw - 500px); background-size: 20px auto;}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev{ right: auto; left: calc(50% + 500px); background-position: center center;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{ left: auto; right: calc(50% + 500px); background-position: center center;}


.main_slide .swiper-slide>h2,
.main_slide .swiper-slide>p{ letter-spacing: .02em;}
.main_slide .swiper-slide>h2{ left: calc(50% - 480px); top: 300px; font-size: 30px;}
.main_slide .swiper-slide>h2>span{ padding: 10px 20px;}
.main_slide .swiper-slide>p{ left: calc(50% - 485px); top: 370px; display: flex; flex-wrap: wrap; width: 970px; margin: -5px 0; font-size: 18px;}
.main_slide .swiper-slide>p>span{ margin: 5px;}
.main_slide .swiper-slide>p>span>span{ display: block; padding: 8px 20px; position: relative; overflow: hidden; white-space: nowrap; background-color: white; transform-origin: left center;}


.main_slide .swiper-slide>p>span:nth-child(1)>span{ animation-delay: 1.25s;}
.main_slide .swiper-slide>p>span:nth-child(1)>span::before{ animation-delay: 1.75s;}
.main_slide .swiper-slide>p>span:nth-child(2)>span{ animation-delay: 1.4s;}
.main_slide .swiper-slide>p>span:nth-child(2)>span::before{ animation-delay: 1.9s;}
.main_slide .swiper-slide>p>span:nth-child(3)>span{ animation-delay: 1.55s;}
.main_slide .swiper-slide>p>span:nth-child(3)>span::before{ animation-delay: 2.05s;}
.main_slide .swiper-slide>p>span:nth-child(4)>span{ animation-delay: 1.7s;}
.main_slide .swiper-slide>p>span:nth-child(4)>span::before{ animation-delay: 2.2s;}

.main_slide .swiper-slide.slide01{ background-image: url("../images/slide/pc/01.jpg");}
.main_slide .swiper-slide.slide02{ background-image: url("../images/slide/pc/02.jpg");}
.main_slide .swiper-slide.slide03{ background-image: url("../images/slide/pc/03.jpg");}
.main_slide .swiper-slide.slide04{ background-image: url("../images/slide/pc/04.jpg");}
.main_slide .swiper-slide.slide05{ background-image: url("../images/slide/pc/05.jpg");}

.main_slide .swiper-slide.slide01>p{ width: 400px;}
.main_slide .swiper-slide.slide02>h2{ top: 430px}
.main_slide .swiper-slide.slide05>p{ justify-content: center; font-size: 30px; width: 600px; left: calc(50% - 300px); top: calc(50% - 72px);}
}
@media (max-width: 767.98px) {

.main_slide .swiper-slide{ height: calc(100vh - 65px); width: 100vw; background-position: 70% center;}
.main_slide .swiper-slide>h2{ left: 5.33vw; font-size: 5.33vw; letter-spacing: .02em; bottom: 42vw;}
.main_slide .swiper-slide>h2>span{ padding: 2.6vw;}
.main_slide .swiper-slide>p{ left: 5.33vw; width: 89.34vw; font-size: 3.2vw; padding: 2.6vw; background-color: white; bottom: 5.33vw; margin: 0; overflow: hidden; transform-origin: left center;}


.main_slide .swiper-slide.slide01{ background-image: url("../images/slide/pc/01.jpg");}
.main_slide .swiper-slide.slide02{ background-image: url("../images/slide/pc/02.jpg");}
.main_slide .swiper-slide.slide03{ background-image: url("../images/slide/pc/03.jpg");}
.main_slide .swiper-slide.slide04{ background-image: url("../images/slide/pc/04.jpg");}
.main_slide .swiper-slide.slide05{ background-image: url("../images/slide/pc/05.jpg");}
}






@media (min-width: 768px) {}
@media (max-width: 767.98px) {}