/* main-visual */
.main-visual {position: relative; overflow: hidden;}

/* swiper */
.main-visual .swiper-slide {background-repeat: no-repeat; background-position: center; background-size: cover; height: 600px;}
.main-visual .swiper-slide.slide1 {background-image: url("../img/main1.jpg?v=220412");}

/* main-typo */
.main-typo {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 1; width: 90%; text-align: center;}
.main-typo em {font-size: 19px; font-weight: 700; color: #333;}
.main-typo h3 {font-family: 'Cafe24Ssurround'; font-size: 28px; color: #222; line-height: 1.5em; margin-top: 13px;}
.main-typo h3 strong {color: #640786;}
.main-typo h3 br {display: none;}
.main-typo .description {position: relative; font-size: 15px; font-weight: 300; color: #000; line-height: 1.9em;}
.main-typo .description::before {content: ''; display: block; width: 40px; height: 2px; background: #222; margin: 32px auto;}
.main-typo .description br {display: none;}

/* main-scroll */
.main-scroll {position: absolute; left: 80px; top: 60%; transform: translateY(-50%); z-index: 1; animation: scroll 2s linear infinite; text-align: center; display: none;}
.main-scroll span {font-size: 12px; color: #333; transform: rotate(-90deg); display: block; margin-bottom: 42px; letter-spacing: 1px;}

@keyframes scroll {
    0% {top: 60%;}
    50% {top: 63%;}
    100% {top: 60%;}
}