@charset "utf-8";

@media (max-width: 1600px) {
	.sec2 .banner > h3 {right: 0;}
}

@media (max-width: 1200px) {
	.sec2 .inner ul li figure figcaption p > br {display: none;}
	.sec2 .banner > h3 {font-size: 90px; bottom: -50px;}
	
	/* sec3 */
	.slide-wrapper {max-width: 800px;}
	.slick-slide {padding: 0 40px;}
	.slick-arrow {width: 50px; height: 50px;}
}

@media (max-width: 1024px) {
	/* sec2 */
	.sec2 .inner ul {width: calc(100% + 20px); margin: 0 -10px;}
	.sec2 .inner ul li {padding: 0 10px;}
	.sec2 .inner ul li figure figcaption p {font-size: 16px; line-height: 26px; padding-top: 10px;}
	
	/* sec3 */
	.slide-wrapper {max-width: 700px;}
	
}

@media (max-width: 768px) {
	.section-header {margin-top: 80px;}
	.section-header h3 {font-size: 32px;}
	.section-header p {padding-top: 20px;}

	.m-visual .visual {height: 720px;}
	.m-visual .visual .swiper-wrapper .swiper-slide .container p {font-size: 24px;}
	.m-visual .visual .swiper-wrapper .swiper-slide .container h2 {font-size: 50px; bottom: 220px;}
	.m-visual .visual .swiper-wrapper .swiper-slide-active .container h2 {bottom: 170px;}
	
	/* sec2 */
	.sec2 {padding-bottom: 120px;}
	.sec2 .inner ul {flex-wrap: wrap;}
	.sec2 .inner ul li {width: 100%;}
	.sec2 .inner ul li ~ li {margin-top: 20px;}
	.sec2 .inner ul li figure figcaption {min-height: auto; padding: 35px 15px;}
	.sec2 .banner {margin-top: 60px; height: 480px;}
	.sec2 .banner .txt-box {width: auto; padding: 25px;}
	.sec2 .banner .txt-box small {font-size: 16px;}
	.sec2 .banner .txt-box h4 {font-size: 35px; padding-top: 15px;}
	.sec2 .banner .txt-box p {padding-top: 20px;}
	.sec2 .banner > h3 {font-size:55px;}
	
	/* sec3 */
	.sec3 {padding: 80px 0;}
	.slide-wrapper {max-width: 600px;}
	.slick-slide {padding: 0 20px;}
	.slick-dots {gap: 0; justify-content: space-between; max-width: 100px;}
	.slick-arrow {top: inherit; bottom: -20px;}
	.slick-arrow.op0 {opacity: 1;}
	.slick-prev {left: 0; left: calc(50% - 100px); transform: translateX(-50%);}
	.slick-next {right: 0; right: calc(50% - 150px); transform: translateX(-50%);}
	
	/* sec4 */
	.sec4 .bg {height: 350px; margin-top: 40px;}
	
}

@media (max-width: 480px) {
	.m-visual .visual .swiper-wrapper .swiper-slide .container p {font-size: 22px;}
	.m-visual .visual .swiper-wrapper .swiper-slide .container h2 {font-size: 40px;}
	
	/* sec2 */
	.sec2 .banner .txt-box small {font-size: 14px;}
	.sec2 .banner .txt-box h4 {font-size: 28px;}
	.sec2 .banner .txt-box p {font-size: 16px; line-height: 26px; padding-top: 15px;}
	.sec2 .banner > h3 {font-size: 42px;}
	
	/* sec3 */
	.slick-slide {padding: 0 10px;}
	.slick-arrow {width: 40px; height: 40px; bottom: -15px;}
	.slick-next {right: calc(50% - 140px);}
}

@media (max-width: 360px){
	.m-visual .visual {height: 650px;}
}