@charset "UTF-8";
#service_01{background-image: url("../images/solutions/bg_solutions_service_img_01.jpg");background-repeat: no-repeat;background-size: cover;background-position: center;}
#service_01_textblock{width: 480px;}
#service_01_textblock p{text-align: justify;margin-top: 1rem;}
#service_01_imgblock{ width: 65%; justify-content: center;}
#service_01_imgblock > div{padding: 0 16px 25px;}
#service_01_imgblock figure{position: relative;}
#service_01_imgblock figure figcaption{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 100%;text-align: center;text-shadow: 0px 0px 8.64px #000;-webkit-text-stroke-width: 1px;-webkit-text-stroke-color: #000;paint-order: stroke fill;font-size: 22px;font-weight: 700;color: #FFFFFF;z-index: 3;padding: 0 1rem;line-height: 120%}
.service_01_imgbox{position: relative;padding: 7px;}
.service_01_imgbox::before{content: "";width: 100%;height: 100%; border-radius: 7px;border: 8px solid #75FF73;filter: blur(1.2999999523162842px);display: block;position: absolute;left: 0;bottom: 0;z-index: 1;background-color: #75FF73;}
.service_01_imgbox span{display: block;border-radius: 7px;border: 7px solid #FFF;position: relative;z-index: 2;background-color: #FFFFFF;}
.service_01_imgbox span img{border-radius: 7px;}

#innovative-sec-01-box{max-width: 1040px; margin: 0 auto;}
#innovative-sec-02-box p,#innovative-sec-01-box p,#service_02 p,#service_01_textblock p{font-weight: 400;letter-spacing: 0.64px;color: #4B4B4B;}
#innovative-sec-02-box .border-circle{width: 150px;height: 150px;position: relative; border: 5px solid transparent;  border-radius: 100%; background-clip: padding-box, border-box;  background-origin: padding-box, border-box; background-image: linear-gradient(to right, #FFF, #FFF), linear-gradient(270deg, #60EB98, #F5F92A); margin: 0 auto;}
#innovative-sec-02-box .border-circle span{display: block; width: 100%;text-align: center;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);color: #404040;font-weight: 400;padding: 0 1rem;font-size: 14px}
.innovative-sec-03-box{height: 100%; color: #FFFFFF;padding: 1.5rem 1rem 1rem;}
.innovative-sec-03-box h4{text-align: center;font-size: 22px;font-weight: 600;}
#innovative-sec-03-box01{background-color: #00586B;}
#innovative-sec-03-box02{background-color: #107438;}
#innovative-sec-03-box03{background-color: #515151;}
@media (max-width:1400px) {
	#service_02 .text-h3{font-size: 22px;}
	#service_01_imgblock {width: 780px;}

}
@media (max-width:1200px) {
	#service_01_imgblock figure figcaption {font-size: 18px;letter-spacing: 3px;}
}
@media (max-width:991px) {
	#service_01_imgblock {width: 720px;}
}
@media (max-width:767px) {
	#service_01_imgblock ,#service_01_textblock{width: 100%;}
	#service_01{background-image: none;position: relative;padding-bottom: 250px;}
	#service_01::before{content: "";background: linear-gradient(180deg, #021100 72.98%, rgba(0, 0, 0, 0.00) 90.8%);width: 100%;height: 100%;display: block;position: absolute;left: 0;top: 0;z-index: -1;}
	#service_03{position: relative;margin-top: -250px; z-index: -2;}
	#service_01_imgblock > div {padding-bottom: 12px;}
}
@media (max-width:575px) {
	.innovative-sec-03-box h4 {font-size: 26px;}
	.text-linear span{font-size: 20px;padding-top: 24px;line-height: normal;padding-left: 8px;padding-right: 8px;}
	.text-h3,#service_02 .text-h3{font-size: 20px;}
	#icon_thunder{width: 26vw;}
	#service_01_imgblock > div {padding-left: 6px;padding-right: 6px;}
}
@media (max-width:500px) {
	#innovative-sec-02-box .border-circle{width: 120px;height: 120px;}
	#innovative-sec-02-box .border-circle span{font-size: 12px;line-height: 120%;}
}
@media (max-width:450px) {
	    #service_01_imgblock figure figcaption {letter-spacing: 0; }
}
@media (max-width:400px) {
	.text-linear span {font-size: 32px;}
	.text-h3,#service_02 .text-h3{font-size: 24px;}
	#innovative-sec-02-box .border-circle{width: 100px;height: 100px;}
	#innovative-sec-02-box .border-circle span{font-size: 10px;}
	#service_01_imgblock figure figcaption{font-size: 16px;}
}
@media (max-width:350px) {
	#innovative-sec-02-box .border-circle{width: 95px;height: 95px;}
	#service_02 .text-h3,#service_01 .text-h3,#service_04 .text-h3{letter-spacing: 3px;}
	#service_01_imgblock figure figcaption{font-size: 14px;}
	#service_01{padding-bottom: 220px;}
	#service_03{margin-top: -220px;}
}
@media (max-width:320px) {
	#icon_thunder{width: 83px;}
}