@media (max-width: 1600px) {
	.business .container .section-header .tit-content {
		flex-wrap: wrap;
	}
	.business .container .section-header .tit-content .summary {
		padding-top: 30px;
	}
	.business .container .section-header > .btn-area {
		top: 0;
	}
	.business .section-content .business-wrap .slides .business-slide > dl {
		left: 50px;
	}
}
@media (max-width: 1400px) {
	.business .section-content .business-wrap .slides .business-slide > dl {
		left: 20px;
	}
	.newsroom .container .section-content .newsroom-wrap .slides figure figcaption {
		padding-bottom: 40px;
	}
}
@media (max-width: 1200px) {
	.newsroom .container .section-content .newsroom-wrap .slides figure figcaption b {
		font-size: 30px;
		padding-bottom: 0;
	}
	.newsroom .container .section-content .newsroom-wrap .slides figure figcaption {
		padding: 25px;
	}
	.newsroom .container .section-content .newsroom-wrap .slides figure figcaption > p {
		margin-top: 30px;
		font-size: 20px;
	}
}
@media (max-width: 1024px) {
	.m-visual,
	.m-visual .item{height: 130vw; overflow: hidden;}
	.m-visual .mv01 .mv-anime-2-wrap .mv-anime-2{transform:scale(0.8)}
	.m-visual .mv01 .mv-anime-3-wrap .tbx{padding-bottom: 4vw;}
	.m-visual .mv01 .mv-anime-3-wrap .tbx h4{font-size: clamp(20px, 4vw, 30px);}
	.m-visual .mv01 .mv-anime-3-wrap .tbx .icn img{width: 33vw;}
		
	.m-visual .mv02 .anime-bird{right: 10px; top:	15%;}
	.m-visual .mv02 .anime-bird img{width: 30vw !important;}
	.m-visual .mv02 .tbx .box{padding-top: 80px; padding-bottom: 0;}
	.m-visual .mv02 .tbx .box h3{font-size: clamp(20px, 4vw, 30px);}
	.m-visual .mv02 .tbx .box .mv02-logo{margin: 2vw 0 4vw;}
	.m-visual .mv02 .tbx .box .mv02-logo img{width: 40vw !Important;}
	.m-visual .mv02 .tbx .box p{font-size: clamp(14px, 2.6vw, 20px); line-height: 1.5;}
	.m-visual .mv02 .tbx .box a{margin-top: 5vw; font-size: 16px; width: 150px; height: 60px; line-height: 58px; padding-left: 15px;}

	.m-visual .mv03 .tbx .box{padding-bottom: 0; padding-top: 80px;}
	.m-visual .mv03 .tbx .box h5{font-size: clamp(14px, 2.6vw, 20px); line-height: 1.5;}
	.m-visual .mv03 .tbx .box h3{font-size: clamp(20px, 4vw, 30px); line-height: 1.5; margin: 3vw 0 4vw;}
	.m-visual .mv03 .tbx .box p{font-size: clamp(14px, 2.6vw, 20px); line-height: 1.5;}


	.business .business-bg{height: auto;}
	.business .section-content .business-wrap{height: auto;}
	.business .section-content{padding: 3vw 20px; box-sizing: border-box;}
	.business .section-content .business-wrap .slides .business-slide > dl{padding: 0 20px;}
	.newsroom{padding-bottom: 15vw;}
	.newsroom .container .section-content .newsroom-wrap .slick-dots{width: 100%; flex-wrap:wrap; height: auto; justify-content: space-between; margin-top: 9vw;}
	.newsroom .container .section-content .newsroom-wrap .slick-dots > li{flex:1}
	.newsroom .container .section-content .newsroom-wrap .slick-dots > li > button{width: 100%;}


	.business .container .section-header .tit-content .tit > h4 {
		font-size: 30px;
		line-height: 45px;
	}
	.business .container .section-header .tit-content .summary > p {
		font-size: 16px;
	}
	.business .container .section-header > .btn-area > ul {
		width: 500px;
	}
	.business .container .section-header > .btn-area > ul > li > a {
		padding: 0 15px;
		font-size: 16px;
	}
	.sns .container .section-content .sns-list > ul > li {
		width: 50%;
	}
	.sns .container .section-content .sns-list > ul > li:nth-of-type(2) ~ li {
		margin-top: 40px;
	}
	.sns .container .section-content .sns-list > ul > li > a > figure > figcaption > p {
		font-size: 20px;
	}
	.banner .container .section-header .tit-content .tit > h4 {
		font-size: 45px;
		line-height: 65px;
	}
	.banner .section-content .banner-wrap {
		margin-top: 100px;
	}
	.newsroom .container .section-content .newsroom-wrap .slides figure figcaption {
		padding: 60px 40px;
	}
	.newsroom .container .section-content .newsroom-wrap .slides figure figcaption b {
		padding-bottom: 15px;
		font-size: 35px;
	}
	
}
@media (max-width: 768px) {
	.mv-ani2 .mv-anime-2 h1 > br {display: none;}
	.sub-wrap .introduce article .container .location .tab > li > a {
		line-height: 30px;
		height: 77px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.sub-wrap .introduce article .container .location .tab > li > a.on {
		height: 77px;
		line-height: 30px;
	}
	.business .business-bg {
		padding-top: 100px;
	}
	.business .container .section-header .tit-content .tit > b {
		font-size: 20px;
		margin-bottom: 20px;
	}
	.business .container .section-header .tit-content .tit > h4 {
		font-size: 30px;
		line-height: 45px;
	}
	.sns {
		padding: 80px 0 100px;
	}
	.sns .container .section-header {
		margin-bottom: 0;
	}
	.sns .container .section-content .sns-list {
		margin-top: 60px;
	}
	.sns .container .section-content .sns-list > ul > li {
		width: 100%;
	}
	.sns .container .section-content .sns-list > ul > li ~ li {
		margin-top: 20px;
	}
	.sns .container .section-content .sns-list > ul > li > a > figure > figcaption {
		padding-top: 15px;
	}
	.business .section-content .business-wrap .slides .business-slide > dl {
		left: 0;
	}
	.business .section-content .business-wrap .slides .business-slide > dl > dd > p > br {
		display: none;
	}
	.business .container .section-header .tit-content .summary > p > br {
		display: none;
	}
	.business .container .section-header .tit-content .summary > p{word-break: keep-all;}
	.business .container .section-header .tit-content .summary > p > .mo {
		display: block;
		display: none;
	}
	.business .container .section-header > .btn-area {
		top: inherit;
		bottom: 38px;
	}
	.business .container .section-header > .btn-area > ul > li > a {
		font-size: 16px;
		line-height: 50px;
	}
	.business .section-content {
		padding-top: 50px;
	}
	.business .section-content .business-wrap > button {
		bottom: 120px;
	}
	.business .section-content .business-wrap .slides {
		padding-top: 0;
		padding-bottom: 0;
	}
	.newsroom .container .section-header {
		margin-bottom: 40px;
	}
	.newsroom .container .section-header .tit-content {
		flex-wrap: wrap;
	}
	.newsroom .container .section-header .tit-content .tit {
		width: 100%;
	}
	.newsroom .container .section-header .tit-content .tit > h4 {
		font-size: 50px;
	}
	.newsroom .container .section-header .tit-content .btn-area > ul > li > a {
		font-size: 16px;
		line-height: 50px;
		padding: 0 15px;
	}
	.newsroom .container .section-header .tit-content .btn-area > ul > li {
		margin-top: 20px;
	}

	.newsroom .container .section-content .newsroom-wrap .slides figure figcaption{padding: 5vw 20px;}
	.newsroom .container .section-content .newsroom-wrap .slides figure figcaption > p{font-size: 14px; line-height: 1.5;}
	.business .business-bg{padding-top: 8vw;}
	.business .container .section-header .tit-content .summary{padding-top: 5vw;}
	.business .container .section-header{padding-bottom: 8vw; margin-bottom: 2vw;}
	.business .container .section-header > .btn-area{position: static; margin-top: 8vw;}
	.business .section-content{padding-top: 5vw;}
	.business .section-content .business-wrap .slides .business-slide > img{width: 100%; height: auto;}
	.business .section-content .business-wrap .slides .business-slide::after { height: 100%; } 
	.business .section-content .business-wrap .slides .business-slide > dl { bottom: 4vw;} 
	.business .section-content .business-wrap .slides .business-slide > dl > dd > p { opacity: .5; } 
	.business .container .section-header{padding-bottom: 7vw; margin-bottom: 3vw;}
	.business .section-content .business-wrap > button{bottom: 0;}
	.business .container .section-header > .btn-area{height: auto;}
	.business .container .section-header > .btn-area{top: auto; bottom: 0;}
	.business .container .section-header > .btn-area > ul > li {width: auto;}
	.business .container .section-header > .btn-area > ul > li > a {background-image: none; font-size: 14px;}
	.business .container .section-header .tit-content .summary {width: 100%;}

	.newsroom{padding-top: 8vw;}
	.newsroom .container .section-header .tit-content .tit > h4{font-size: clamp(26px, 3.6vw, 36px); line-height: 1.5;}
	.sns .container .section-header .tit-content .tit{font-size: clamp(26px, 3.6vw, 30px); line-height: 1.5;}
	.business .container .section-header .tit-content .tit > h4{font-size: 22px; line-height: 1.5;}
	.business .container .section-header .tit-content .tit > h4 > br {display: none;}
	.business .section-content .business-wrap .slides .business-slide > dl > dd > b{font-size: clamp(26px, 3.2vw, 36px);  line-height: 1.5; margin: 2vw 0 3vw;}
	.business .section-content .business-wrap .slides .business-slide > dl > dd > p{font-size: 14px; line-height: 1.5; padding-top: 3vw;}
	.sns .container .section-header .tit-content .btn-area > ul > li{width: auto;}
	.sns .container .section-header .tit-content .btn-area > ul > li{font-size: 14px;}
	.sns .container .section-content .sns-list{margin-top: 8vw; }
	.sns .container .section-content .sns-list > ul > li{margin-bottom: 5vw;}
	.sns .container .section-content .sns-list > ul > li > a > figure > figcaption > p{font-size: 16px; line-height: 1.5;}
	.banner .container .section-header .tit-content .tit{padding-left: 0; font-size: clamp(26px, 3.2vw, 36px) !important;  line-height: 1.5;}
	.banner .container .section-header .tit-content .tit > h4{font-size: 30px; line-height: 1.5;}
	.banner .container .section-header .tit-content .tit > h4 > b{padding-left: 11vw;}
	.banner{padding: 8vw 0px;}
	.banner .section-content .banner-wrap{margin-top: 6vw;}

	.site_cnt_wrap .right_menu .dep2 > li{line-height: 1.8; padding-bottom: 10px; font-size: 16px;}

	.sns-list > ul .slick-slide > a > figure > img {margin: 0 auto;}
	.sns-list > ul .slick-slide > a > figure > figcaption {text-align: center; margin-top: 20px;}

	.sns .container .section-content .sns-list > ul{margin: 0; width: 100%;}

	.business .slick-list {height: 105vw;}
	.business .slick-slide img{width: auto; max-width:100%; max-height:105vw; }	

 }	

@media (max-width: 500px) {
	.m-visual .mv01 .mv-anime-2-wrap .mv-anime-2 {transform: scale(0.4) translate(0, -80vw);}
	.active .mv-ani2 .mv-anime-2 h1 {font-size: 24px;}
	.active .mv-ani2 .mv-anime-2 h1 > br {display: none;}
	.active .mv-ani2 .mv-anime-2 h1 > br.mo {display: block;}
	.mv-ani1 .tbx .box p {font-size: 24px;}
	.mv-ani3 .tbx .box h3 {font-size: 24px;}
	.mv-ani3 .tbx .box h3 > br {display: none;}
	.mv-ani3 .tbx .box h3 > br.mo {display: block;}
	.m-visual .owl-carousel .owl-item .mv03 .tbx .box h4 > br {display: none;}
	.m-visual .owl-carousel .owl-item .mv03 .tbx .box h4 > br.mo {display: block;}
	.mv-scroll{right: 13px; bottom: 20px;}
	.m-visual .owl-dots{right: 20px; }
	.m-visual .owl-dots .owl-dot{margin-bottom: 15px;}	
	.business .section-content .business-wrap{height: 105vw;}
	
	.sns-list .owl-dots{position: absolute; left: 0; bottom: -30px; display: flex; width: 100%; flex-wrap:wrap; display: none;}
	.sns-list .owl-dots .owl-dot{background: rgba(0,0,0,0.2); width: 32%; margin-right: 2%; height: 3px; margin-bottom: 5px;}
	.sns-list .owl-dots .owl-dot:nth-child(3n+3){margin-right: 0;}
	.sns-list .owl-dots .owl-dot.active{background: #000;}
/* 	.banner .section-content .banner-wrap .certification > ul.loop1 {animation: loopAni1 30s linear infinite normal none running;}
			.banner .section-content .banner-wrap .partner ul.loop3{animation: loopAni3 30s linear infinite reverse none running;}
		 */
/* 	@keyframes loopAni1 { 
	 0% { transform: translateX(0); } 
	 100% { transform: translateX(-960%); } 
	 }
	 
	 	@keyframes loopAni3 { 
	 0% { transform: translateX(0); } 
	 100% { transform: translateX(-960%); } 
	 } */


}