.workframe{width:100%}
#articleInfo00 .bottomBox{background-color:#fff;padding:50px 80px}
#articleInfo00 .bottomBox h4{font-weight:700;font-size:48px;line-height:150%;letter-spacing: 0.2em;text-align:center;margin-bottom:40px;color: #ca1919;text-shadow: #00000045 0.1em 0.1em 0.2em;}
#articleInfo00 .bottomBox ol{margin-bottom:30px;padding-left:30px;margin-top: 30px;}
#articleInfo00 .bottomBox ol li{padding-right:20px;list-style-type:initial;list-style-position:inherit}
#articleInfo00 .bottomBox ol li,#articleInfo00 .bottomBox .expStyle{font-weight:400;font-size:23px;line-height:190%}

#solgen_area{position:relative}
#solgen_area .s_title{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;background:rgba(255,255,255,0.57);color:#5572A5;font-weight:600;font-size:36px;line-height: 160%;display:inline-block;width: max-content;padding:10px 30px;letter-spacing:0.17em;z-index: 10;}
#solgen_area .BGImg{position: relative;}
#solgen_area .BGImg:after {content: "";position: absolute;background: #ffffff;width: 100%;height: 100%;-webkit-transform: translate(-50%, 0);transform: translate(-50%, 0);left: 50%;top: 0;opacity: 0.4;-webkit-transition: all .8s ease-in-out;transition: all .8s ease-in-out;}
#solgen_area .BGImg img{height:450px;width:100%;aspect-ratio:4 / 3;object-fit:cover}
.textfeature .img{text-align:center}
.textfeature .img img{width:100%;padding:50px 0px}

#AB002 .bottomBox{display:flex;justify-content:flex-end;align-items:center}
#AB002 .bottomBox .leftBox{width:50%;margin-right:-200px;position:relative}
#AB002 .bottomBox .leftBox .Img2{position:absolute;top:40%;left:-190px}
#AB002 .bottomBox .leftBox .Img2 img{aspect-ratio:5/ 3;height:320px;object-fit:contain}
#AB002 .bottomBox .rightBox{display:flex;flex-direction:column;align-items:center;width:50%;z-index:10}
#AB002 .bottomBox .rightBox p{font-family:'Inter';font-style:normal;font-weight:700;font-size:32px;line-height:36px}
#AB003 .ImgBox{padding:60px}
#AB003 .ImgBox li{margin-bottom:40px}
#AB004 .textfeature .img{padding:29px 70px}
#AB004 .table_brand tr td h2,#AB004 .table_brand tr td b{text-align:center;color:#fff;padding-bottom:0}
#AB004 .table_brand tr td h2{font-size:32px;letter-spacing:2px}
#AB004 .table_brand tr td b{font-size:25px}
#AB004 .table_brand tr td,#AB004 .table_brand tr td ol li{font-size:24px}
#AB004 .table_brand tr td .Img{text-align:center;display:flex;flex-direction:column;align-items:center}
#AB004 .table_brand tr td p{text-align:center;font-size:20px;letter-spacing:1px;margin:20px 0 0}
#AB004 .table_brand tr td ol li{}

.table-container{padding:80px}
.table_brand{padding:0px 0px 0}
.table_brand{width:100%;border-right:1px #e6e6e6 solid;border-top:1px #e6e6e6 solid;border-spacing:0px;background-color:#fff;}
.table_brand h2{line-height:140%;letter-spacing:0;position:relative;padding-bottom:20px;font-size:20px}
.table_brand .gray_bg,.gray_td3_bg{color:rgb(57 57 57);}
.table_brand .gray_bg:nth-child(2n) td{background-color:#fbfbfb}
.table_brand .gray_bg td,.table_brand .red_bg th,.table_brand .red_bg td{padding: 20px 20px;border-left:1px #e6e6e6 solid;border-bottom:1px rgb(76 76 76 / 17%) solid;font-weight:500;background-color:#f1f1f1;text-align:center}
.table_brand tr td{font-weight:600;font-size:32px;line-height: 160%;text-align:center;letter-spacing:0.17em}
.table_brand .gray_bg td img{aspect-ratio: 4 /3;width: 410px;object-fit:contain}
.table_brand .gray_bg td a{color:var(--primary)}
.table_brand .gray_bg td a span{vertical-align:inherit}
.table_brand .red_bg td,.table_brand .red_bg th{border-bottom: 3pt solid #b1dffb;border-top: 2pt solid var(--primary);background-color: var(--primary);color:#ffffff;}
.table_brand .red_bg td{}
.table_brand tr td a{vertical-align:initial}
.table_brand tr td a i{font-size:30px;color:#c5c5c5;padding:4px 6px}
.table_brand li a{color:var(--primary);vertical-align:initial}
.table_brand li a:hover{color:#afb5b9}
.table_brand article,.column article{padding:10px 0px;color:#2c2c2c;font-weight:400;line-height:180%}
.table_brand article h2{font-size:20px;padding:0px 0 20px}
.table_brand .textfeature{display:flex;align-items:center}
.table_brand .textfeature .img{width:520px;margin-right:3%}
.table_brand .textfeature ol{width:-webkit-fill-available}

@media screen and (max-width: 1560px) {
    .swiper-3d{height:510px}
	#articleInfo00 .bottomBox h4{font-size:36px}
	#AB002 .bottomBox .leftBox .Img2 img{height:240px}
	#AB002 .bottomBox .leftBox{margin-right:-120px}
}
@media screen and (max-width: 1366px) {
    .workframe #box01{width:90%}
}
@media screen and (max-width: 1200px) {
    .swiper-3d{height:450px}
	#solgen_area .BGImg img{height:210px}
	#solgen_area .s_title{font-size:30px;padding:8px 30px}
	#AB002 .bottomBox{display:flex;flex-direction:column-reverse;padding:50px 30px}
	#AB002 .bottomBox .leftBox{width:100%;margin-right:0}
	#AB002 .bottomBox .leftBox .Img2{left:0}
	#AB002 .bottomBox .rightBox{width:100%}
	#AB003 .ImgBox{padding:20px}
	.table-container{padding:30px 20px}
	.table_brand .gray_bg td,.table_brand .red_bg th,.table_brand .red_bg td{padding:8px}
}
@media screen and (max-width: 960px) {
    .swiper-3d{height:370px}
	.textfeature .img img{padding:30px 0px}
	#AB002 .bottomBox .leftBox .Img2{position:relative;top:0;left:0}
	#AB004 .table_brand tr td,#AB004 .table_brand tr td ol li,#AB004 .table_brand tr td p{font-size:17px;letter-spacing:0.04em;padding:6px}
	#AB004 .table_brand tr td h2{font-size:26px}
	#AB004 .table_brand tr td b{font-size:21px}
	.table_brand tr td{font-size:19px;letter-spacing:0.09em}
}

@media screen and (max-width: 560px) {
    .swiper-3d{height:220px}
    .mySwiper2 .swiper-slide h3{font-size:16px}
}