main .content1 .inner_wrap > div { width:50%; }
main .content1 .img_box img { width:100%; }
main .content1 .button_box { justify-content:flex-start; }
main .content1 .button_box button { max-width:140px; }
main .content1 .text_box p.sub { font-size:16px; }
main .content2 { background:#f5f8fb; }
main .content2 .inner_wrap { display:block; }
main .content2 .text_box { text-align:center; }
main .content2 .img_box { margin-top:60px; }
main .content2 .img_box img { width:100%; }
main .content3 { padding-bottom:0; }
main .content3 .inner_wrap { display:block; }
main .content3 .text_box { text-align:center; }
main .content3 .cont_box { margin-top:60px; }
main .content3 .cont_box ul { display:flex; gap:30px; }
main .content3 .cont_box ul li { width:calc((100% - 60px) / 3); padding:50px 0; text-align:center; font-size:20px; border-radius:10px; display:flex; flex-direction:column; align-items:center; gap:20px; background:#f5f8fb; }
main .content3 .cont_box ul li .img_box { width:100px; height:100px; display:inline-block; background:url('/image/cont3.svg')no-repeat 0 0; }
main .content3 .cont_box ul li:nth-child(2) .img_box { background-position:-100px 0; }
main .content3 .cont_box ul li:nth-child(3) .img_box { background-position:-200px 0; }
main .content4 .inner_wrap { display:block; }
main .content4 .text_box h2 { text-align:center; }
main .content4 .cont_box .cont { margin-top:100px; }
main .content4 .cont_box .cont .img_box { margin-top:60px; }
main .content4 .cont_box .cont .img_box img { width:100%; }
main .content4 .cont_box .cont .text_box p { margin-top:25px; word-break:keep-all; }
main .content4 .cont_box .cont:nth-child(even) { flex-direction:row-reverse; }
main .content4 .cont_box .cont:nth-child(even) .img_box { display:flex; justify-content:flex-start; }
main .content4 .cont_box .cont:first-child { margin-top:0; }
main .content5 { padding:0; background:#f5f8fb; } 
main .content5 .inner_wrap { position:relative; }
main .content5 .text_box { width:60%; padding-left:100px; }
main .content5 .list_box { width:40%; overflow:hidden; position:relative; }
main .content5 .list_box ul { width:100%; padding:50px 0; display:flex; flex-wrap:wrap; gap:20px; animation:topBtm 40s linear infinite alternate; }
main .content5 .list_box ul li { width:calc((100% - 20px) / 2); padding:20px; border-radius:15px; font-size:16px; display:flex; align-items:center; gap:20px; background:#fff; }
main .content5 .list_box ul li em { width:calc(100% - 50px - 20px); }
main .content5 .list_box ul li span { width:50px; height:50px; display:inline-block; background:url('/image/cont5.svg')no-repeat; background-size:200px; }
main .content5 .list_box ul li:nth-child(2) span { background-position:-50px 0; }
main .content5 .list_box ul li:nth-child(3) span { background-position:-100px 0; }
main .content5 .list_box ul li:nth-child(4) span { background-position:-150px 0; }
main .content5 .list_box ul li:nth-child(5) span { background-position:0 -50px; }
main .content5 .list_box ul li:nth-child(6) span { background-position:-50px -50px; }
main .content5 .list_box ul li:nth-child(7) span { background-position:-100px -50px; }
main .content5 .list_box ul li:nth-child(8) span { background-position:-150px -50px; }
main .content5 .list_box .gradient_bg { width:40%; height:150px; position:absolute; top:-100px; left:0; background:linear-gradient(to top, rgba(255,255,255,0), #f5f8fb); }
main .content5 .list_box .gradient_bg.last { top:auto; bottom:-100px; transform:rotate(180deg); }
main .content6 .inner_wrap { display:block; }
main .content6 .text_box { text-align:center; }
main .content6 .text_box h4 { margin-bottom:25px; }

@media only screen and (max-width:768px){
   main .content1 .inner_wrap > div { width:100%; }
   main .content1 .img_box { margin-top:50px; }
   main .content1 .text_box p.sub { margin-top:10px; font-size:13px; }
   main .content1 .button_box { align-items:center; }
   main .content1 .button_box button { height:40px; line-height:40px; }
   main .content2 .img_box { margin-top:30px; }
   main .content3 .cont_box { margin-top:30px; }
   main .content3 .cont_box ul { gap:10px; }
   main .content3 .cont_box ul li { width:calc((100% - 20px) / 3); padding:20px 0; gap:10px; font-size:14px; }
   main .content3 .cont_box ul li .img_box { width:40px; height:40px; background-size:120px; }
   main .content3 .cont_box ul li:nth-child(2) .img_box { background-position:-40px 0; }
   main .content3 .cont_box ul li:nth-child(3) .img_box { background-position:-80px 0; }
   main .content4 .cont_box .cont .img_box { margin-top:30px; }
   main .content5 { padding:60px 0; }
   main .content5 .inner_wrap { width:100%; display:flex; flex-direction:column-reverse; }
   main .content5 .list_box { width:90%; }
   main .content5 .text_box { width:100%; padding:0; }
   main .content5 .list_box ul li { padding:20px 15px; gap:10px; font-size:15px; text-align:center; }
   main .content5 .list_box ul li em { width:calc(100% - 40px - 10px) }
   main .content5 .list_box ul li span { width:40px; height:40px; background-size:160px; }
   main .content5 .list_box ul li:nth-child(2) span { background-position:-40px 0; }
   main .content5 .list_box ul li:nth-child(3) span { background-position:-80px 0; }
   main .content5 .list_box ul li:nth-child(4) span { background-position:-120px 0; }
   main .content5 .list_box ul li:nth-child(5) span { background-position:0 -40px; }
   main .content5 .list_box ul li:nth-child(6) span { background-position:-40px -40px; }
   main .content5 .list_box ul li:nth-child(7) span { background-position:-80px -40px; }
   main .content5 .list_box ul li:nth-child(8) span { background-position:-120px -40px; }
}