@charset "utf-8";


@media(max-width: 1670px) {
	.mv02_anime_box{padding-left: 40%;}
	.mv02_anime_box .box .anime-bird{margin-right: 0; width: 253px; }
	.mv02_anime_box .box .anime-prgon{width: calc(100% - 253px); }
}

@media(max-width: 1024px) {
/* main */

	.mv-ani1 .tbx .box p{font-size: clamp(26px, 5vw, 30px); line-height: 1.5; margin-bottom: 4vw;}
	.mv-ani2 .mv-anime-2 .box h4{font-size: clamp(26px, 5vw, 30px); line-height: 1.5;}
	.mv-ani2 .mv-anime-2 h1{font-size: clamp(26px, 5vw, 30px); line-height: 1.5;}
	.active .mv-ani2 .mv-anime-2 h1{font-size: clamp(26px, 5vw, 30px); line-height: 1.5;}
	.mv-ani3 .tbx .box h3{font-size: clamp(26px, 5vw, 30px); line-height: 1.5; box-sizing: border-box; padding: 0 20px; word-break: keep-all;}
	.mv-ani3 .tbx .box h3 span{font-size: clamp(24px, 4.6vw, 36px);}

	.m-visual .owl-carousel .owl-item .mv02 .tbx .box{align-self:flex-start; padding-top: 150px;}
	.m-visual .owl-carousel .owl-item .mv02 .tbx .box h3{font-size: clamp(30px, 5.5vw, 40px); line-height: 1.5; margin-bottom: 3vw;}
	.m-visual .owl-carousel .owl-item .mv02 .tbx .box p{font-size: clamp(14px, 3.2vw, 20px); line-height: 1.5; margin: 3vw 0 4vw;}
	.m-visual .owl-carousel .owl-item .mv02 .tbx .box > a{font-size: 14px; padding-left: 15px; line-height: 38px; height: auto; width: auto; margin-top: 0;}
	.m-visual .owl-carousel .owl-item .mv02 .tbx .box > a:after{margin-left: 15px; margin-right: 5px;}
	.mv02_anime_box{	padding: 3vw 25px; display: flex; align-items:flex-end; }
	.mv02_anime_box .box .anime-bird{width: 130px;}
	.mv02_anime_box .box .anime-prgon {width: calc(100% - 130px);}

	.m-visual .owl-carousel .owl-item .mv03 .tbx .box h3{font-size: clamp(16px, 2.8vw, 24px); line-height: 1.5;}
	.m-visual .owl-carousel .owl-item .mv03 .tbx .box h4{font-size: clamp(20px, 4.5vw, 34px); line-height: 1.5; margin: 2vw 0 4vw;}
	.m-visual .owl-carousel .owl-item .mv03 .tbx .box p{font-size: clamp(14px, 2.8vw, 22px); }
}

@media(max-width: 480px) {
/* main */
	.mv-ani1 .tbx{padding-top: 10vw;}
	.active .mv-ani2 .mv-anime-2 .box h4 span:first-child{word-break: keep-all; padding: 0 4vw;}
	.active .mv-ani2 .mv-anime-2 .box h4 span:last-child{margin-top: -21vw }
	.active .mv-ani2 .mv-anime-2 .box h4{ position: relative; top: 25vw;}
	.active .mv-ani2 .mv-anime-2 .box .cub-box{transform:scale(0.45) translateY(-10%); }
	.mv-ani3 .tbx .box{padding-bottom: 0;}
	.newsroom .container .section-header .tit-content .btn-area > ul > li{width: 150px;}
	.sns .container .section-header .tit-content .btn-area > ul > li{width: 150px !important;}
	.sns .container .section-header .tit-content .btn-area > ul > li > a{  font-size: 16px; line-height: 50px; padding: 0 15px;}
	.sns .container .section-header .tit-content{flex-wrap:wrap;}
	.sns .container .section-header .tit-content .tit{}
	.sns .container .section-header .tit-content .tit{width: 100%; margin-bottom: 20px;}

	.active .mv-ani1 .tbx .box .btn-off{transform:scale(0.5)}
	.active .mv02_anime_box .box .anime-bird { transform: translate(28px, -33px);}

}