@charset "utf-8";

@media (max-width: 1700px){
	.sec4 .section-header {position: relative; z-index: 1; display: inline-block;}
	.sec4 .inquiry {padding-right: 110px; z-index: 0;}	
	.sec4 .inquiry ul {gap: 0;}
	.sec4 .inquiry ul li ~ li::before {left: 0;}
}

@media (max-width: 1400px) {
	.sec2 > .container {gap: 100px;}
	.sec2 .txt > a {right: 0;}
	.sec2 .txt > a:hover {right: 0; bottom: -40px;}
	
	.sec3 .inner .busi-field .swiper-slide > p {left: 20px; width: calc(100% - 40px); font-size: 20px;}
	.sec3 .inner .busi-field .swiper-slide > p > strong {font-size: 32px;}
	
	.sec4 .inquiry {padding:110px 0px 110px 300px;}
}

@media (max-width: 1200px){
/* 	.sec3 .inner .left {padding-top: 0; padding-right: 60px; max-width: 550px;}
	.sec3 .inner .left a {top: 350px;}
	.sec3 .inner .left .control {top: 350px;} */
	.sec2 .txt figure figcaption {font-size: 24px;}
	.sec2 .txt figure figcaption > span {font-size: 30px;}
	
	
	.sec4 .inquiry {padding:110px 0px 110px 500px;}
	
	.sec3 .inner .busi-field .swiper-wrapper {height: auto;}
	.sec3 .inner .busi-field .swiper-slide img {height: 100%;}
	.sec3 .inner .busi-field .swiper-slide > p {font-size: 18px; /* top: 40px; */}
	.sec3 .inner .busi-field .swiper-slide > p > strong {font-size: 26px;}
}

@media (max-width: 1024px) {
	.sec2 {padding: 250px 0 200px;}
	.sec2 > .container {gap: 50px;}
	.sec2 h3 {font-size: 45px;}
/* 	.sec2 h3 > span::after {width: 19px; height: 22px; top: 5px; right: -11px;} */
	.sec2 .txt {margin: 0 auto;}
	.sec2 .txt p {font-size: 22px;}
	/* .sec2 .txt p:nth-of-type(1) {font-size: 22px;} */
	.sec2 .txt p ~ p {margin-top: 35px;}
	.sec2 .txt > a {bottom: -70px; width: 50px; height: 50px; background-size: 50px auto;}
	.sec2 .txt > a:hover {bottom: -80px;}
	.sec2 .txt figure img {width: 35%;}
	
	.sec3 .inner .txt h4 {font-size: 30px;}
	.sec3 .inner .txt p {font-size: 20px;}
	.sec3 .inner .txt p br {display: none;}
/* 	.sec3 .inner .left {max-width: 400px;} */
	.sec3 .inner .left a {max-width: 200px; font-size: 18px;  line-height: 60px; padding: 0 25px; background-position: calc(100% - 25px) 50%; right: 145px}
/* 	.sec3 .inner .left .control {max-width: 340px;} */
	.sec3 .inner .left .control .field-btns {width: 60px; height: 60px;}
	
	/* .sec3 .inner .busi-field .swiper-wrapper {height: 500px;} */
	
	.sec4 .section-header h4 {font-size: 40px;}
	.sec4 .section-header p {font-size: 20px;}
	.sec4 .inquiry {padding:70px; position: static; margin-top: 40px; border-radius: 0 150px 150px 0;}
}

@media (max-width: 768px) {
	.m-visual .visual {height: 800px;}
	
	.sec2 {padding: 150px 0 200px; background-position: 30% 50%;}
	.sec2 > .container {gap: 40px; flex-wrap: wrap;}
	.sec2 > .container h3 {max-width: 100%; padding-top: 0; font-size: 30px;}
	.sec2 h3 > span::after {width: 17px; height: 20px; top: 0px; right: -11px;}
	.sec2 .txt p {font-size: 18px;}
	/* .sec2 .txt p:nth-of-type(1) {font-size: 20px;} */
	.sec2 .txt p br {display: none;}
	.sec2 .txt p ~ p {margin-top: 20px;}
	.sec2 .txt > a:hover {bottom: -50px;}
	.sec2 .txt figure figcaption {font-size: 22px;}
	.sec2 .txt figure figcaption > span {font-size: 26px;}
	
	.sec3 {padding: 120px 0 100px;}
	.sec3 .inner {flex-wrap: wrap; gap: 40px;}
	.sec3 .inner .txt small {font-size: 16px;}
	.sec3 .inner .txt h4 {font-size: 24px;}
	.sec3 .inner .txt p {font-size: 18px; margin-top: 15px;}
	/* .sec3 .inner .left {max-width: 100%; padding-right: 0; padding-bottom: 100px;}
	.sec3 .inner .left a {top: initial; bottom: 0;}
	.sec3 .inner .left .control {top: initial; bottom: 0;} */
	.sec3 .inner .busi-field {width: 100%; }
	/* .sec3 .inner .busi-field .swiper-wrapper {height: 400px;}  */
	.sec3 .inner .busi-field .swiper-slide > p {/* top: 30px; */ font-size: 16px; width: calc(100% - 20px); left: 10px;}
	.sec3 .inner .busi-field .swiper-slide > p > strong {font-size: 18px; margin-bottom: 10px;}
	
	.sec4 {margin-bottom: 70px; padding-top: 50px;}
	.sec4 .section-header small {font-size: 16px;}
	.sec4 .section-header h4 {font-size: 30px;}
	.sec4 .section-header p {font-size: 18px; margin-top: 15px;}
	.sec4 .inquiry {padding: 50px 40px 50px 0px;}
	.sec4 .inquiry ul li a dl dd {font-size: 16px; margin-top: 30px;}
	
	.sec5 h4 {font-size: 28px;}
	.sec5 .btns {gap: 15px;}
	.sec5 .btns > a {font-size: 18px; line-height: 48px; padding: 0 25px;}
	.sec5 .btns > a > i {width: 30px; height: 30px;}
	
}

@media (max-width: 480px) {
	.sec2 > .container h3 {font-size: 20px;}
	.sec2 h3 > span::after {width: 12px; height: 15px; right: -9px; top: 1px;}
	.sec2 .txt p {font-size: 14px;}
	.sec2 .txt p:nth-of-type(1) {font-size: 16px;}
	.sec2 .txt > a {width: 30px; height: 30px; background-size: 30px auto;}
	
	.sec2 .txt figure figcaption {font-size: 16px;}
	.sec2 .txt figure figcaption > span {font-size: 18px;}

	.sec3 .inner .txt h4 {font-size: 20px;}
	.sec3 .inner .txt p {font-size: 16px;}
	.sec3 .inner .left a {font-size: 14px; line-height: 45px; max-width: 160px; right: initial; left: 0; top: 50px;}
	.sec3 .inner .left .control {max-width: 98px; top: 50px; }
	.sec3 .inner .left .control .field-btns {width: 45px; height: 45px;}
	.sec3 .inner .busi-field {margin-top: 40px; }
	/* .sec3 .inner .busi-field .swiper-wrapper {height: 300px;} */
	.sec3 .inner .busi-field .swiper-slide img {display: block; max-width: 100%; height: auto;}
	.sec3 .inner .busi-field .swiper-slide::after {opacity: 1; background-color: rgba(0,0,0, .3);}
	.sec3 .inner .busi-field .swiper-slide > p {font-size: 14px; opacity: 1;}
	.sec3 .inner .busi-field .swiper-slide > p > strong {font-size: 16px;}

	.sec4 .section-header h4 {font-size: 22px;}
	.sec4 .section-header p {font-size: 14px;}
	.sec4 .section-header p br {display: none;}
	.sec4 .inquiry ul li a dl dd {font-size: 12px; margin-top: 0;}
	.sec4 .inquiry ul li ~ li::before {height: 60px;}
	
	.sec5 {padding: 100px 0;}
	.sec5 h4 {font-size: 20px;}
	.sec5 .btns > a {font-size: 14px; line-height: 40px; max-width: 120px; padding: 0 15px;}
	.sec5 .btns > a > i {width: 20px; height: 20px;}
}