.boxinfo{ width:100%; float:left; padding:0px; }
.plra30{ padding:0px 30px; }
.inmain{width:100%; display:flex; flex-wrap:wrap; justify-content:flex-start; }
.sv-a{ width:100%; display:flex; justify-content:flex-start; align-items:flex-start; flex-direction:row; padding:70px 0px; border-bottom:1px solid #d6d6d6; }
.sv-al{ width:52%; display:flex; flex-direction:column; padding:50px 30px; }
.sv-al h1{ font-size:2.43rem; color:#000; font-weight:normal; padding:50px 0px; }
.sv-al p{ font-size:1rem; color:#000; }
.sv-ar{ width:48%; display:flex; }
.sv-ar i{ width:100%; padding-top:100%; position: relative; display: block; overflow: hidden; -webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s;}
.sv-ar i img{ width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 50%;left: 50%; transform: translate(-50%, -50%); max-width: 100%; -webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s;}
.sv-b{ width:100%; display:flex; justify-content: space-between; flex-direction:row; flex-wrap:wrap; gap: 30px; padding:30px 20px;}
.sv-bone{ width:calc(33% - 30px); display:flex; justify-content:flex-start; flex-direction:column; padding-bottom:20px; }
.sv-bone i{ width:110px; height:110px; display:flex; justify-content:center; align-items:center; flex-direction:column; padding:10px; background-color:#646464; border-radius: 360px; overflow:hidden;}
.sv-bone i img{ max-width:100%; }
.sv-bone h1{ font-size:1.13rem; font-weight:600; line-height:1.5; padding:15px; }
.sv-bone p{ font-size:1rem; color:#6f6f6f; line-height:1.5; padding:0px 15px; }
.sv-c{ width:100%; display:flex; justify-content:flex-start; align-items:center; flex-direction:row; padding:90px 0px 150px; border-bottom:1px solid #d6d6d6; }
.sv-cl{ width:42%; display:flex; }
.sv-cl i{ width:100%; padding-top:100%; position: relative; display: block; overflow: hidden; -webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s;}
.sv-cl i img{ width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; position: absolute; top: 50%;left: 50%; transform: translate(-50%, -50%); max-width: 100%; -webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s;}
.sv-cr{ width:58%; display:flex; flex-direction:column; padding:30px 0px 30px 85px; }
.sv-cr h1{ font-size:2.43rem; color:#000; font-weight:normal; padding:50px 0px; }
.sv-cr p{ font-size:1rem; color:#000; }

/*ipad*/
@media (min-width: 768px) and (max-width: 991px) {
.sv-a{ padding:50px 0px; }
.sv-al h1{ font-size:2rem; padding:30px 0px; }
.sv-bone i{ width:90px; height:90px; }
.sv-bone i img{ width:80px; }
.sv-bone h1{ font-size:1.1rem; padding:10px 15px; }
.sv-bone p{ font-size:0.9rem; }
.sv-c{ padding:50px 0px 100px; }
.sv-cr{ padding:30px 0px 30px 30px; }
.sv-cr h1{ font-size:2rem; padding:30px 0px; }
.sv-cr p{ font-size:0.95rem; }
}
/* xs */
@media (max-width: 767px) {
.plra30{ padding:0px 10px; }
.sv-a{ flex-direction:column; padding:10px 0px 30px;  }
.sv-al{ width:100%; padding:0px; }
.sv-al h1{ font-size:1.6rem; padding:30px 0px 20px; }
.sv-ar{ width:100%; padding-top:30px; }
.sv-b{ flex-direction:column; gap:15px; padding:30px 0px 0px;}
.sv-bone{ width:100%; justify-content:center; align-items:center; }
.sv-bone i{ width:80px; height:80px; }
.sv-bone h1{ padding:10px 0px; }
.sv-bone p{ padding:0px; }

.sv-c{ flex-direction:column; padding:20px 0px 60px; }
.sv-cl{ width:100%; display:flex; }
.sv-cr{ width:100%; padding:0px; }
.sv-cr h1{ font-size:1.6rem; padding:20px 0px; }



}

@media (max-width: 480px) {

}