@charset "utf-8";

@media(max-width: 1200px){
	.sec2 .research .inner a {padding: 35px 25px;}
}

@media(max-width: 1024px){
	.sec2 .research .inner a  {padding: 30px 15px;}
	.sec2 .research .inner a h5 {font-size: 26px;;}
	.sec2 .research .inner a p {font-size: 20px; min-height: 100px;}
	.sec2 .research .inner a p br {display: none;}
	
	.sec3 .inner {gap: 30px; flex-wrap: Wrap;}
	.sec3 .inner .board-box {gap: 30px;}
	.sec3 .inner .board-box .board {flex: 0 0 calc(50% - 15px);}
	.sec3 .inner .board-box .board h5 {font-size: 30px;}
	.sec3 .inner .contact {max-width: 100%; padding: 50px 20px;}
	.sec3 .inner .contact > h5 {font-size: 28px;}
	.sec3 .inner .contact > p {font-size: 20px;}
	.sec3 .inner .contact > a {font-size: 20px}
}

@media(max-width: 768px){
	.m-visual .visual .swiper-wrapper .swiper-slide .container h2 {font-size: 35px;}
	.m-visual .visual .swiper-wrapper .swiper-slide .container p {font-size: 20px; top: 440px;}
	.m-visual .visual .swiper-wrapper .swiper-slide-active .container p {top: 480px;}
	
	.sec2 {padding: 80px 0 120px;}
	.sec2 .section-header p {font-size: 20px;}
	.sec2 .section-header h3 {font-size: 30px;}
	.sec2 .research .inner {flex-wrap: wrap;}
	.sec2 .research .inner a {width: 100%;}
	.sec2 .research .inner a {padding: 30px 0;}
	.sec2 .research .inner a ~ a {border-top: 1px solid #ddd; border-left: 0;}
	.sec2 .research .inner a h5 {font-size: 22px;}
	.sec2 .research .inner a p {font-size: 18px; min-height: auto;}
	.sec2 .research .inner a .img-box {padding-top: 60px;}
	.sec2 .research .inner a .img-box img {width: 100%;}
	.sec2 .research .inner a .img-box::after {background-size: 35px auto; width: 35px; height: 35px; top: 8px;}
	
	.sec3 {padding-bottom: 120px;}
	.sec3 .inner .board-box {flex-wrap: wrap;}
	.sec3 .inner .board-box .board {width: 100%; flex: none;}
	.sec3 .inner .board-box .board h5 {font-size: 24px;}
	.sec3 .inner .board-box .board ul li a p {font-size: 18px;}
	.sec3 .inner .board-box .board ul li a span {font-size: 14px;}
}

@media(max-width: 480px){
	.m-visual .visual {height: 800px;}
	.m-visual .visual .swiper-wrapper .swiper-slide .container h2 {font-size: 28px;top: 260px;}
	.m-visual .visual .swiper-wrapper .swiper-slide-active .container h2 {top: 300px;}
	.m-visual .visual .swiper-wrapper .swiper-slide .container p {top: 360px; width: calc(100% - 30px);}
	.m-visual .visual .swiper-wrapper .swiper-slide-active .container p {top: 400px;}
	.controls {bottom: 180px;}
	
	.sec2 .section-header h3 {font-size: 26px;}
	.sec2 .research .inner a .img-box::after {opacity: 1;}
	
}