/* header */
#header {background-color: #fff;}
#header h1 {padding: 11px 0 0 12px; width: 125px;}
#header h1 .logo {width: 125px; height: 40px; background: url(../2022/img/logo.png) no-repeat 0 0; background-size: contain;}


/* section01 */
#section1 {display: flex; justify-items: center; align-items: center; padding: 45% 0 100px; height: 100vh; background-color: #fff5b4; border-bottom: 1px solid #fff; box-sizing: border-box; overflow: hidden;}
#section1 .inner-section {position: relative; margin: 0 auto;}
#section1 h2 {position: relative; margin: 0 auto; width: 349.5px; height: 266px; background: url(../2022/img/mobile/main_title.png) no-repeat; background-size: contain; font-size: 0; z-index: 5;}
#section1 .icons i {position: absolute;}
#section1 .icons i:nth-of-type(1) {left: -13px; top: -16px; width: 375px; height: 257px; background: url(../2022/img/mobile/main_title_bg.png) no-repeat; background-size: contain; z-index: 0;}
#section1 .icons i:nth-of-type(2) {left: 11px; top: -30px; width: 81px; height: 129px; background: url(../2022/img/mobile/main_ch01.png) no-repeat; background-size: contain;}
#section1 .icons i:nth-of-type(3) {right: -4px; top: -87px; width: 138.5px; height: 200px; background: url(../2022/img/mobile/main_ch02.png) no-repeat; background-size: contain;}


/* section02 */
#section2 {padding: 125px 0; background: radial-gradient(#ffecb2 15%, #ffcf4d);}
#section2 .inner-section {margin: 0 auto;}
#section2 h2 {margin: 0 auto; width: 327px; height: 55px; background: url(../2022/img/main_sectit01.png) no-repeat; background-size: contain; font-size: 0;}
#section2 h3 {margin-top: 20px; font-family: 'GmarketSansMedium'; font-size: 23px; color: #0063d3; line-height: 1.3; text-align: center; transform: rotate(-3deg) skew(-3deg); -webkit-transform: rotate(-3deg) skew(-3deg); -moz-transform: rotate(-3deg) skew(-3deg)}
#section2 h3 b {display: block;}
#section2 img {display: block; margin: 15px auto 0; width: 80%;}
#section2 .txt {margin: 30px; font-size: 14px; text-align: center; line-height: 1.5;}
/* #section2 .txt:before {content: ''; display: block; margin: 30px auto; width: 2px; height: 14px; background-color: #000;} */
#section2 a {display: block; margin: 30px auto 0; width: 170px; height: 40px; background-color: #000; color: #fff; font-family: 'GmarketSansMedium'; font-size: 14px; text-align: center; line-height: 44px; border-radius: 50px; font-weight: bold;}


/* section03 */
#section3 {padding: 135px 0 125px}
#section3 .inner-section {margin: 0 auto;}
#section3 h2 {position: relative; margin: 0 auto; width: 257px; height: 55px; background: url(../2022/img/main_sectit02.png) no-repeat; background-size: contain; font-size: 0;}
#section3 h2:after {content: ''; position: absolute; right: -50px; top: -12.5px; width: 116px; height: 55px; background: url(../2022/img/main_sectit02_after.png) no-repeat; background-size: contain;}
#section3 h3 {margin: 25px 0 0 -16px; font-family: 'GmarketSansMedium'; font-size: 23px; line-height: 1.3; text-align: center; transform: rotate(-3deg) skew(-3deg); -webkit-transform: rotate(-3deg) skew(-3deg); -moz-transform: rotate(-3deg) skew(-3deg);}
#section3 h3 b {display: block; margin-left: 133px;}
#section3 ul {margin-top: 35px; text-align: center;}
#section3 ul li {display: inline-block; vertical-align: top;}
#section3 ul li:nth-of-type(1) {width: 161px; height: 166px; background: url(../2022/img/frame01.png) no-repeat; background-size: contain;}
#section3 ul li:nth-of-type(2) {margin-top: 60px; width: 145px; height: 150px; background: url(../2022/img/frame02.png) no-repeat; background-size: contain;}
#section3 .txt {font-size: 14px; text-align: center; line-height: 1.5; color: #1b1a1a;}
#section3 a {display: block; margin: 30px auto 0; width: 170px; height: 40px; background-color: #000; color: #fff; font-family: 'GmarketSansMedium'; font-size: 14px; text-align: center; line-height: 44px; border-radius: 50px; font-weight: bold;}


/* section04 */
#section4 {position: relative; padding-top: 125px; background-color: #e5effb;}
/* #section4:after {content: ''; position: absolute; left: 0; bottom: -100px; width: 100%; height: 480px; background: url(../2022/img/mobile/bg_section4.png) no-repeat; background-size: 100%;} */
#section4 .inner-section {position: relative; margin: 0 auto;}
#section4 h2 {position: relative; margin: 0 auto; width: 327px; height: 55px; font-size: 0; background: url(../2022/img/main_sectit03.png) no-repeat; background-size: contain;}
#section4 h3 {margin-top: 35px; font-family: 'GmarketSansMedium'; font-size: 21px; color: #0063d3; line-height: 1.3; text-align: center; transform: rotate(-3deg) skew(-3deg); -webkit-transform: rotate(-3deg) skew(-3deg); -moz-transform: rotate(-3deg) skew(-3deg);}
#section4 h3 em {display: block; position: relative; padding: 10px 0 5px; margin: 8px auto 0; width: 280px; font-size: 26px;}
#section4 h3 em:before {content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 2px; background-color: #0063d3;}
#section4 h3 em:after {content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background-color: #0063d3;}
#section4 .txt {margin-top: 70px; font-size: 14px; text-align: center; line-height: 1.5;}
#section4 a {display: block; position: relative; margin: 30px auto 0; width: 170px; height: 40px; background-color: #000; color: #fff; font-family: 'GmarketSansMedium'; font-size: 14px; text-align: center; line-height: 44px; border-radius: 50px; font-weight: bold;}
#section4 .btn-link01:before {content: ''; position: absolute; left: -85px; bottom: 39px; width: 61px; height: 115.5px; background: url(../2022/img/mobile/main_ch03.png) no-repeat; background-size: contain; z-index: 5;}
#section4 .btn-link01:after {content: ''; position: absolute; right: -89px; bottom: 18px; width: 82.5px; height: 172px; background: url(../2022/img/mobile/main_ch04.png) no-repeat; background-size: contain; z-index: 5;}

#section4 .bg-blue {position: relative; padding: 60px 0 0; margin-top: 100px; background-color: #0063d3;}
#section4 .bg-blue:after {content: ''; position: absolute; left: 0; top: -28px; width: 100%; height: 480px; background: url(../2022/img/mobile/bg_section4.jpg) no-repeat; background-size: 100%;}
#section4 .bg-blue h2 {margin-top: 80px; background: url(../2022/img/main_sectit03_02.png) no-repeat; background-size: contain;}
#section4 .bg-blue h3 {color: #fff;}
#section4 .bg-blue h3 em {width: 290px;}
#section4 .bg-blue em:before, #section4 .bg-blue em:after {background-color: #fff;}
#section4 .bg-blue .txt {color: #fff;}

#section4 dl {position: relative; padding: 0 20px; z-index: 5;}
#section4 dl dt {position: absolute; left: 50%; margin-left: -128.75px; width: 257.5px; height: 66.5px; background: url(../2022/img/main_txt02.png) no-repeat; background-size: contain; line-height: 50px; font-size: 15px; font-family: 'GmarketSansMedium'; color: #0063d3; letter-spacing: 6px; text-align: center;}
#section4 dl dd {display: inline-block; height: 90px; background-color: #3382dc;}
#section4 dl dd a {padding: 11px 0 10px; margin: 0; width: 100%; height: 100%; background-color: inherit; font-family: 'GmarketSansMedium'; font-size: 14px; color: #fff; text-align: center; border-radius: 0; line-height: 1.5; box-sizing: border-box;}
#section4 dl dd a:before {content: ''; display: block; margin: 0 auto;}

#section4 .list01 dt {top: -83.25px; font-size: 14px; letter-spacing: 1px;}
#section4 .list01 dd {margin-bottom: 10px; width: 100%;}
#section4 .list01 dd a {padding: 18px 0;}
#section4 .list01 dd a:before {height: 36px;}
#section4 .list01 dd:nth-of-type(1) a:before {width: 47px; background: url(../2022/img/icon_child01.png) no-repeat; background-size: contain;}
#section4 .list01 dd:nth-of-type(2) a:before {width: 31px; background: url(../2022/img/icon_child02.png) no-repeat; background-size: contain;;}
#section4 .list01 dd:nth-of-type(3) a:before {width: 31px; background: url(../2022/img/icon_child03.png) no-repeat; background-size: contain;}
#section4 .list02 {margin-top: 100px; padding: 60px 20px 50px; background-color: #0e76cb;}
#section4 .list02 dt {top: -23.25px;}
#section4 .list02 dd {margin: 10px 0px 0 0; width: 100%}
/* #section4 .list02 dd:nth-of-type(1), #section4 dl dd:nth-of-type(2) {margin-top: 0;}
#section4 .list02 dd:nth-of-type(2), #section4 dl dd:nth-of-type(4)  {margin-right: 0;} */
#section4 .list02 dd a:before {height: 51px;}
#section4 .list02 dd:nth-of-type(1) a:before {width: 33px; background: url(../2022/img/mobile/icon_safe01.png) no-repeat; background-size: contain;}
#section4 .list02 dd:nth-of-type(2) a:before {width: 36.5px; background: url(../2022/img/mobile/icon_safe02.png) no-repeat; background-size: contain;;}
#section4 .list02 dd:nth-of-type(3) a:before {width: 38px; background: url(../2022/img/mobile/icon_safe03.png) no-repeat; background-size: contain;}
#section4 .list02 dd:nth-of-type(4) a:before {width: 42px; background: url(../2022/img/mobile/icon_safe04.png) no-repeat; background-size: contain;}

/* #section4 .icons i {position: absolute;}
#section4 .icons i:nth-of-type(1) {left: 15px; top: 16.5%; width: 61px; height: 115.5px; background: url(../2022/img/mobile/main_ch03.png) no-repeat; background-size: contain; z-index: 5;}
#section4 .icons i:nth-of-type(2) {right: 15px; top: 13%; width: 82.5px; height: 172px; background: url(../2022/img/mobile/main_ch04.png) no-repeat; background-size: contain; z-index: 5;}
#section4 .icons i:nth-of-type(3) {left: 15px; bottom: 16.5%; width: 152.5px; height: 231px; background: url(../2022/img/main_ch06.png) no-repeat; background-size: contain; z-index: 5;}
#section4 .icons i:nth-of-type(4) {right: 15px; bottom: 13%; width: 148px; height: 194.5px; background: url(../2022/img/main_ch07.png) no-repeat; background-size: contain; z-index: 5;} */ 


/* section05 */
#section5 {padding: 145px 0 180px; background: url(../2022/img/mobile/bg_frame.png) #161514 no-repeat 50% 62%; background-size: 100%; overflow-x: hidden;}
#section5 .inner-section {margin: 0 auto;}
#section5 h2 {position: relative; margin: 0 auto; width: 325px; height: 55px; background: url(../2022/img/main_sectit04.png) no-repeat; background-size: contain; font-size: 0;}
#section5 h2:after {content: ''; position: absolute; right: 0px; top: -32px; width: 116px; height: 55px; background: url(../2022/img/main_sectit04_after.png) no-repeat; background-size: contain;}
#section5 h3 {position: relative; margin: 10px auto 0; width: 282px; height: 61.5px; background: url(../2022/img/main_txt03.png) no-repeat; background-size: contain; font-size: 0;}
#section5 .video {position: relative; margin: 80px auto 0; width: 338.5px; height: 203.5px; box-shadow: 5px 10px 10px rgba(0,0,0,0);}
/* #section5 .video:before {content: ''; position: absolute; left: 8px; top: -92px; width: 167px; height: 153px; background: url(../2022/img/mobile/main_ch05.png) no-repeat; background-size: contain;} */
#section5 .inner {position: relative; width: 100%; height: 100%; background: url(../2022/img/mobile/phone.png) no-repeat; background-size: cover; z-index: 5;}
#section5 .video .video-thumb{display:block; position:absolute;  left:20px; top:16px; padding:0; width:300px; z-index:10;}
#section5 .video .video-thumb img{display:block;width:100%;}
#section5 .video-iframe {position:relative; width:100%; z-index:-1;}
#section5 .video iframe {position: absolute; top: 17px; left: 20px; width: 300px; height: 170px;}


/* section06 */
#section6 {padding: 125px 0 150px; background: linear-gradient(#e5effb 95%, transparent);}
#section6 .inner-section {margin: 0 auto;}
#section6 h2 {margin: 0 auto; width: 357px; height: 55px; background: url(../2022/img/main_sectit05.png) no-repeat; background-size: contain; font-size: 0;}
#section6 h3 {margin-top: 25px; font-family: 'GmarketSansMedium'; font-size: 24px; color: #0e0c0c; line-height: 1.3; text-align: center; font-weight: bold; transform: rotate(-3deg) skew(-5deg); -webkit-transform: rotate(-3deg) skew(-5deg); -moz-transform: rotate(-3deg) skew(-5deg);}
#section6 ul {margin-top: 35px;}
#section6 ul li {position: relative; display: block; margin: 0 auto 10px; width: calc(100% - 40px); height: 120px; border-radius: 20px; overflow: hidden;}
#section6 ul li:last-child {margin-bottom: 0;}
#section6 ul li div {padding-left: 168px; width: 100%; height: 100%; background-color: #fff;; box-sizing: border-box;}
#section6 ul li div:before {content: ''; position: absolute; left: 0; top: 0; width: 150px; height: 120px; vertical-align: top;}
#section6 ul li:nth-of-type(1) div:before {background: url(../2022/img/mobile/event01.png) #a7ccf4 no-repeat 50% top; background-size: contain;}
#section6 ul li:nth-of-type(2) div:before {background: url(../2022/img/mobile/event02.png) #a7ccf4 no-repeat 50% top; background-size: contain;}
#section6 ul li:nth-of-type(3) div:before {background: url(../2022/img/mobile/event03.png) #a7ccf4 no-repeat 50% top; background-size: contain;}
#section6 ul li:nth-of-type(4) div:before {background: url(../2022/img/mobile/event04.png) #a7ccf4 no-repeat 50% top; background-size: contain;}
#section6 ul li p {padding: 20px 15px 0 0; font-family: 'GmarketSansMedium'; font-size: 16px; font-weight: bold; color: #0063d3; line-height: 1;}
#section6 ul li:nth-of-type(3) p {font-size: 13px;}
#section6 ul li span {display: block; margin-top: 5px; font-size: 10px; line-height: 1;}
#section6 ul li a {position: absolute; left: 168px; bottom: 18px; margin: 20px auto 0; width: 120px; height: 35px; background-color: #1b1a1a; font-family: 'GmarketSansMedium'; font-size: 10px; font-weight: bold; color: #fff; text-align: center; line-height: 35px; border-radius: 50px;}


/* section07 */
#section7 {padding: 120px 0 50px; margin-top: -60px; background: linear-gradient(to top, #ffd66a 85%, #e5effb)}
#section7 .inner-section {margin: 0 auto;}
#section7 h2 {position: relative; margin: 0 auto; width: 375px; height: 143px; background: url(../2022/img/main_sectit06.png) no-repeat; background-size: contain; font-size: 0;}
#section7 .award {position: relative; padding: 35px 0 45px; margin: -30px auto 0; width: calc(100% - 40px); height: auto; border-radius: 20px; background-color: rgba(236,193,79,26); box-shadow: 6px 4px 0 #bd9835; text-align: center; box-sizing: border-box;}
#section7 .award:after {content: ''; position: absolute; bottom: -75px; left: 50%; margin-left: -187.5px; width: 375px; height: 201px; background: url(../2022/img/bg_section7.png) no-repeat; background-size: contain;}
#section7 .award a {position: relative; display: block; margin-bottom: 20px; z-index: 5;}
#section7 .award a:last-child {margin-bottom: 0;}
#section7 .award a span {display: block; margin: 0 auto 15px; width: 137px; height: 137px; border-radius: 50%;}
#section7 .award a:nth-of-type(1) span {background: url(../2022/img/main_award01.png) #ffe38e no-repeat 50%; background-size: contain;}
#section7 .award a:nth-of-type(2) span {background: url(../2022/img/main_award02.png) #ffe38e no-repeat 50%; background-size: contain;}
#section7 .award a:nth-of-type(3) span {background: url(../2022/img/main_award03.png) #ffe38e no-repeat 50%; background-size: contain;}
#section7 .award a:nth-of-type(4) span {background: url(../2022/img/main_award04.png) #ffe38e no-repeat 50%; background-size: contain;}
#section7 .award a p {margin: 0 auto; font-size: 0;}
#section7 .award a:nth-of-type(1) p {width: 76.5px; height: 18px; background: url(../2022/img/main_txt04.png) no-repeat; background-size: contain;}
#section7 .award a:nth-of-type(2) p {width: 94.5px; height: 18.5px; background: url(../2022/img/main_txt05.png) no-repeat; background-size: contain;}
#section7 .award a:nth-of-type(3) p {width: 47.5px; height: 18px; background: url(../2022/img/main_txt06.png) no-repeat; background-size: contain;}
#section7 .award a:nth-of-type(4) p {width: 75.5px; height: 18px; background: url(../2022/img/main_txt07.png) no-repeat; background-size: contain;}







@media (min-width: 1024px) {

    /* common */
    #container {min-width: 1300px;}


    /* header */
    #header h1 {left: 0; padding-top: 2px; width: 212px;}
    #header h1 .logo {width: 212px; height: 64px; background: url(../2022/img/logo.png) no-repeat 0 0;}


    /* section01 */
    #section1 {display: block; padding: 248px 0 155px; height: 870px;}
    #section1 .inner-section {max-width: 1300px;}
    #section1 h2 {width: 874px; height: 496px; background: url(../2022/img/main_title.png) no-repeat;}
    #section1 .icons i:nth-of-type(1) {left: -47px; top: -111px; width: 338px; height: 484px; background: url(../2022/img/icon_main01.png) no-repeat;}
    #section1 .icons i:nth-of-type(2) {left: auto; right: -117px; top: -130px; width: 447px; height: 429px; background: url(../2022/img/icon_main02.png) no-repeat;}
    #section1 .icons i:nth-of-type(3) {top: auto; left: 56px; bottom: -126px; width: 172px; height: 240px; background: url(../2022/img/main_ch01.png) no-repeat;}
    #section1 .icons i:nth-of-type(4) {top: auto; right: 0; bottom: -126px; width: 297px; height: 351px; background: url(../2022/img/main_ch02.png) no-repeat;}


    /* section02 */
    #section2 {padding: 100px 0; background: radial-gradient(#ffecb2 15%, #ffcf4d);}
    #section2 .inner-section {max-width: 1300px;}
    #section2 h2 {width: 654px; height: 110px;}
    #section2 h3 {margin-top: 34px; font-size: 42px; transform: rotate(-3deg) skew(1deg); -webkit-transform: rotate(-3deg) skew(1deg); -moz-transform: rotate(-3deg) skew(1deg)}
    #section2 img {margin: 30px auto 0; width: auto;}
    #section2 .txt {margin-top: 50px; font-size: 20px;}
    /* #section2 .txt:before {margin: 50px auto 30px; width: 4px; height: 28px;} */
    #section2 a {margin: 45px auto 0; width: 240px; height: 70px; font-size: 20px; line-height: 74px;}


    /* section03 */
    #section3 {padding: 130px 0 160px;}
    #section3 .inner-section {max-width: 1300px;}
    #section3 h2 {width: 515px; height: 110px; background: url(../2022/img/main_sectit02.png) no-repeat;}
    #section3 h2:after {right: -115px; top: -25px; width: 232px; height: 109px; background: url(../2022/img/main_sectit02_after.png) no-repeat;}
    #section3 h3 {margin: 35px 0 0 -170px;font-size: 42px; transform: rotate(-3deg) skew(1deg); -webkit-transform: rotate(-3deg) skew(1deg); -moz-transform: rotate(-3deg) skew(1deg);}
    #section3 h3 b {margin-left: 435px;}
    #section3 ul {margin-top: 40px;}
    #section3 ul li {vertical-align: middle;}
    #section3 ul li:nth-of-type(1) {margin-right: 25px; width: 322px; height: 332px; background: url(../2022/img/frame01.png) no-repeat;}
    #section3 ul li:nth-of-type(2) {width: 290px; height: 299px; background: url(../2022/img/frame02.png) no-repeat;}
    #section3 .txt {font-size: 20px;}
    #section3 a {margin: 15px auto 0; width: 240px; height: 70px; font-size: 20px; line-height: 74px;}


    /* section04 */
    #section4 {padding-top: 140px; background-color: #e5effb; background: url(../2022/img/bg_section4.jpg) #e5effb no-repeat 50% bottom; overflow: hidden;}
    #section4 .inner-section {max-width: 1300px;}
    #section4 h2 {width: 654px; height: 109px; background: url(../2022/img/main_sectit03.png) no-repeat;}
    #section4 h3 {margin-top: 35px; font-size: 42px; transform: rotate(-3deg) skew(1deg); -webkit-transform: rotate(-3deg) skew(1deg); -moz-transform: rotate(-3deg) skew(1deg);}
    #section4 h3 em {padding: 10px 0 5px; margin: 15px auto 0; width: 647px; font-size: 57.45px;}
    #section4 h3 em:before {height: 4px;}
    #section4 h3 em:after {height: 4px;}
    #section4 .txt {position: relative; margin-top: 55px; font-size: 20px; z-index: 5;}
    #section4 a {margin: 40px auto 0; width: 240px; height: 70px;font-size: 20px; line-height: 74px; z-index: 5;}
    #section4 .btn-link01:before {left: -385px; bottom: 0; width: 165px; height: 311px; background: url(../2022/img/main_ch03.png) no-repeat;}
    #section4 .btn-link01:after {right: -435px; bottom: 0; width: 223px; height: 465px; background: url(../2022/img/main_ch04.png) no-repeat;}
    #section4 .btn-link02 {margin-top: 20px;}

    #section4 dl {padding: 0;}
    #section4 dl dt {top: -160px; left: 50%; margin-left: -257.5px; width: 515px; height: 133px; background: url(../2022/img/main_txt02.png) no-repeat; line-height: 98px; font-size: 28px;letter-spacing: 6px;}
    #section4 dl dd {margin: 0 10px 0 0; width: calc((100% - 39px) / 4); height: 145px;}
    #section4 dl dd:nth-of-type(2) {margin-right: 10px;}
    #section4 dl dd:last-child {margin-right: 0;}
    #section4 dl dd a {padding: 20px 0 15px; font-size: 20px;}
    #section4 dl dd a:before {margin: 0 auto 10px; height: 72px;}
    #section4 dl dd:nth-of-type(1) a:before {width: 57px; background: url(../2022/img/icon_safe01.png) no-repeat;}
    #section4 dl dd:nth-of-type(2) a:before {width: 62px; background: url(../2022/img/icon_safe02.png) no-repeat;}
    #section4 dl dd:nth-of-type(3) a:before {width: 71px; background: url(../2022/img/icon_safe03.png) no-repeat;}
    #section4 dl dd:nth-of-type(4) a:before {width: 88px; background: url(../2022/img/icon_safe04.png) no-repeat;}

    #section4 .list01 dt {top: -162.25px; font-size: 28px;}
    #section4 .list01 dd {margin: 0 20px 0 0; width: calc((100% - 40px) / 3);}

    #section4 .bg-blue {padding-top: 115px; margin-top: 210px;}
    #section4 .bg-blue:after {top: -399px; width: 1920px; height: 739px; background: url(../2022/img/bg_section4.jpg) no-repeat;}
    #section4 .list01 dd a {padding: 21px 0;}
    #section4 .list01 dd a:before {height: 71px;}
    #section4 .list01 dd:nth-of-type(1) a:before {width: 94px; background-position: 50% 10px;}
    #section4 .list01 dd:nth-of-type(2) a:before {width: 62px;}
    #section4 .list01 dd:nth-of-type(3) a:before {width: 62px; background-position: 50% 3px;}
    #section4 .bg-blue h2 {margin-top: 200px;}
    #section4 .bg-blue h3 em {width: 690px;}
    #section4 .bg-blue .btn-link02:before {content: ''; position: absolute; bottom: -68px; left: -526px; width: 305px; height: 462px; background: url(../2022/img/main_ch06.png) no-repeat;}
    #section4 .bg-blue .btn-link02:after {content: ''; position: absolute; bottom: 0; right: -503px; width: 296px; height: 389px; background: url(../2022/img/main_ch07.png) no-repeat;}

   #section4 .bg-blue .safe-info {padding: 120px 0 140px; margin-top: 165px; background-color: #0e76cb;}
   #section4 .bg-blue .safe-info .list02 {padding: 0; margin-top: 0;}
   #section4 .bg-blue .safe-info .list02 dt {top: -167.25px;}
   #section4 .bg-blue .safe-info .list02 dd {margin: 0 20px 0 0; width: calc((100% - 45px) / 2);}
   #section4 .bg-blue .safe-info .list02 dd:nth-of-type(2) {margin-right: 20px;}
   #section4 .bg-blue .safe-info .list02 dd:last-child {margin-right: 0;}


    /* section05 */
    #section5 {padding: 150px 0; background: #161514;}
    #section5 .inner-section {max-width: 1300px;}
    #section5 h2 {width: 650px; height: 110px; background: url(../2022/img/main_sectit04.png) no-repeat;}
    #section5 h2:after {right: -115px; top: -25px; width: 232px; height: 109px; background: url(../2022/img/main_sectit04_after.png) no-repeat;}
    #section5 h3 {margin-top: 0; width: 563px; height: 123px; background: url(../2022/img/main_txt03.png) no-repeat; font-size: 0;}
    #section5 h3:before {content: ''; position: absolute; left: -275px; top: -111px; width: 334px; height: 306px; background: url(../2022/img/main_ch05.png) no-repeat;}
    #section5 .video {margin: -30px auto 0; width: 952px; height: 546px; box-shadow: 5px 10px 10px rgba(0,0,0,0);}
    #section5 .video:before {display: none;}
    #section5 .video:after {content: ''; position: absolute; top: -48px; left: -1066px; width: 2500px; height: 529px; background: url(../2022/img/bg_frame.png) no-repeat;}
    #section5 .inner {background: url(../2022/img/phone.png) no-repeat; z-index: 5;}
    #section5 .video .video-thumb {left: 30px; top: 30px; width: 880px; height: 495px;}
    #section5 .video iframe {left: 30px; top: 30px; width: 880px; height: 495px;}


    /* section06 */
    #section6 {padding: 150px 0 200px; background: linear-gradient(#e5effb 95%, transparent);}
    #section6 .inner-section {max-width: 1300px;}
    #section6 h2 {width: 714px; height: 110px; background: url(../2022/img/main_sectit05.png) no-repeat;}
    #section6 h3 {margin-top: 35px; font-size: 48px; transform: rotate(-3deg) skew(-5deg); -webkit-transform: rotate(-3deg) skew(-5deg); -moz-transform: rotate(-3deg) skew(-5deg);}
    #section6 ul {margin-top: 70px; text-align: center;}
    #section6 ul li {display: inline-block; margin: 0 20px 0 0; width: 300px; height: auto;}
    #section6 ul li:last-child {margin-right: 0;}
    #section6 ul li div {padding-left: 0; width: 100%; height: 360px; border-radius: 30px; overflow: hidden;}
    #section6 ul li div:before {display: block; position: relative; width: 300px; height: 240px;}
    #section6 ul li:nth-of-type(1) div:before {background: url(../2022/img/event01.png) #a7ccf4 no-repeat 50% top;}
    #section6 ul li:nth-of-type(2) div:before {background: url(../2022/img/event02.png) #a7ccf4 no-repeat 50% top;}
    #section6 ul li:nth-of-type(3) div:before {background: url(../2022/img/event03.png) #a7ccf4 no-repeat 50% top;}
    #section6 ul li:nth-of-type(4) div:before {background: url(../2022/img/event04.png) #a7ccf4 no-repeat 50% top;}
    #section6 ul li p {padding: 0; margin-top: 30px; font-size: 29px; font-weight: bold; text-align: center;}
    #section6 ul li:nth-of-type(3) p {font-size: 19px;}
    #section6 ul li span {margin-top: 10px; font-size: 20px; text-align: center;}
    #section6 ul li a {display: block; position: relative; left: auto; bottom: auto; margin: 20px auto 0; width: 240px; height: 70px; font-size: 20px; line-height: 75px;}


    /* section07 */
    #section7 {padding: 120px 0 280px; margin-top: -60px; background: linear-gradient(to top, #ffd66a 85%, #e5effb)}
    #section7 .inner-section {max-width: 1300px;}
    #section7 h2 {width: 1101px; height: 286px; background: url(../2022/img/main_sectit06.png) no-repeat;}
    /* #section7 h2:after {content: ''; position: absolute; left: -71%; top: -49px; width: 1101px; height: 286px; background: url(../2022/img/main_sectit06_after.png) no-repeat;} */
    #section7 .award {padding: 80px 0; margin: -30px auto 0; width: 1300px; height: 500px; border-radius: 30px; background-color: rgba(236,193,79,26); box-shadow: 13px 9px 0 #bd9835;}
    #section7 .award:after {bottom: -231px; left: 50%; margin-left: -431.5px; width: 863px; height: 403px; background: url(../2022/img/bg_section7.png) no-repeat;}
    #section7 .award a {display: inline-block; margin: 0 50px 0 0; vertical-align: top;}
    #section7 .award a:last-child {margin-right: 0;}
    #section7 .award a span {margin-bottom: 30px; width: 270px; height: 270px;}
    #section7 .award a span {width: 270px; height: 270px;}
    #section7 .award a:nth-of-type(2) span {background-position: 50% 14px;}
    #section7 .award a:nth-of-type(3) span {background-position: 50% 38px;}
    #section7 .award a:nth-of-type(4) span {background-position: 50% 45px;}
    #section7 .award a:nth-of-type(1) p {width: 153px; height: 36px;}
    #section7 .award a:nth-of-type(2) p {width: 189px; height: 37px;}
    #section7 .award a:nth-of-type(3) p {width: 95px; height: 36px;}
    #section7 .award a:nth-of-type(4) p {width: 151px; height: 37px;}


    /* footer */
    #footer {padding: 70px 50px; min-width: 1300px;}
    #footer .inner-section {width: auto;}


}



