@charset "utf-8";
/* ----------------------------------------------
 * Generated by Animista on 2023-7-26 13:28:11
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info.
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation slide-top
 * ----------------------------------------
 */
@-webkit-keyframes slide-top {
    0% {
        -webkit-transform: translateY(200px);
        transform: translateY(200px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
        opacity: 1;
    }
}
@keyframes slide-top {
    0% {
        -webkit-transform: translateY(200px);
        transform: translateY(200px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
        opacity: 1;
    }
}

@keyframes progress {
    from {
        stroke-dashoffset: 360;
    }

    to {
        stroke-dashoffset: 0;
    }
}

@-webkit-keyframes slide-left {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100px);
        transform: translateX(100px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@keyframes slide-left {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100px);
        transform: translateX(100px;);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}



#main{}
#main .hgroup{position: relative;}
#main .hgroup h3{position:relative;font-family: Cabin;font-size: 65px;font-weight: bold;line-height: 1.38;color: #1B4A9B;}
#main .hgroup h3:after{content: "";position: absolute;top: 10px;display: inline-block;width: 12px;height: 12px;background: #1b4a9b;border-radius: 100%;}
#main .hgroup h3 strong{color: #00a1ed;font-family: Cabin;}
#main .hgroup p{margin-top:20px;font-size: 18px;font-weight: 500;line-height: 1.67;color: #1b1b1b; word-break: keep-all;}
#main .slide-wrap{position: relative;}
#main .slide-wrap .slick-slide{position: relative}
#main .slide-wrap .slick-slide img{display: block;width:100%;}
#main .slide-wrap .slick-slide video{display: block;width:100%;}
#main .slide-wrap .slick-slide .txt-box{position: absolute;top:35%;left:50%;transform: translate(-50%, -50%);width:100%;max-width:1600px;}
#main .slide-wrap .slick-slide .txt-box h2{opacity:0;font-size: 120px;line-height:1;font-weight: 900;color: #1b4a9b;}
#main .slide-wrap .slick-slide .txt-box h3{opacity:0;margin-top:10px; font-size: 42px;font-weight: bold;line-height: 0.71;color: #1b1b1b;}
#main .slide-wrap .slick-slide .txt-box h3 em{color: #1b4a9b;}
#main .slide-wrap .slick-slide .txt-box p{opacity:0;margin-top:80px;font-size: 18px;font-weight: normal;line-height: 1.67;color: #1b1b1b;}
#main .slide-wrap .item01 .txt-box h2{color: #fff;}
#main .slide-wrap .item01 .txt-box h3{color: #fff;}
#main .slide-wrap .item01 .txt-box h3 span{color: #c5daff;}
#main .slide-wrap .target-box{position:absolute;left:50%;transform:translateX(-50%);bottom:19%;width:100%;max-width:1600px;display: flex;justify-content: flex-start;align-items: center;}
#main .slide-wrap .target-box .progressBarContainer{display: flex;}
#main .slide-wrap .target-box .progressBarContainer .item{width:160px;cursor: pointer;}
#main .slide-wrap .target-box .progressBarContainer .item + .item{margin-left: 10px;}
#main .slide-wrap .target-box .progressBarContainer .item h3{font-size: 18px;font-weight: 500;color: #9f9f9f;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
#main .slide-wrap .target-box .progressBarContainer .item.on h3{color:#1b4a9b;}
#main .slide-wrap .target-box .progressBarContainer .item span.progressBar {width: 100%;height: 2px;background:#9f9f9f;display: block;}
#main .slide-wrap .target-box .progressBarContainer .item span.progressBar .inProgress {background:#1b4a9b;width: 0%;height: 2px;}
#main .slide-wrap .target-box .target-arrows{margin-left:20px;display: flex;align-items: center;}
#main .slide-wrap .target-box .target-arrows .slick-arrow{display: inline-block;width:30px;height:30px;font-size:0;}
#main .slide-wrap .target-box .target-arrows .slick-prev{background: url(/_public/images2/icon/target_left.svg) no-repeat;background-size: cover;}
#main .slide-wrap .target-box .target-arrows .slick-next{background: url(/_public/images2/icon/target_right.svg) no-repeat;background-size: cover;}
#main .slide-wrap .target-box .target-arrows .play{display: none;margin:0 15px;font-size:0;background: url(/_public/images2/icon/play.svg) no-repeat;background-size: cover;width:20px;height:20px;}
#main .slide-wrap .target-box .target-arrows .play.active{display: block;}
#main .slide-wrap .target-box .target-arrows .stop{display:none;margin:0 15px;font-size:0;background: url(/_public/images2/icon/pause.svg) no-repeat;background-size: cover;width:20px;height:20px;}
#main .slide-wrap .target-box .target-arrows .stop.active{display: block;}
#main .slide-wrap .slick-slide.slick-active .txt-box h2{opacity:1;-webkit-animation: slide-left 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s both;animation: slide-left 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s both;}
#main .slide-wrap .slick-slide.slick-active .txt-box h3{opacity:1;-webkit-animation: slide-left 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s both;animation: slide-left 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s both;}
#main .slide-wrap .slick-slide.slick-active .txt-box p{opacity:1;-webkit-animation: slide-left 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s both;animation: slide-left 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s both;}


#main .section01{margin-top:112px;padding-top: 52px;background: url(/_public/images2/main/line.svg) top center no-repeat;background-size: 100%;}
#main .section01 .hgroup{}
#main .section01 .hgroup:after{content: "";position:absolute;right:0;bottom:5px;display: inline-block;width:91px;height:116px;background: url(/_public/images2/icon/symbol.svg) no-repeat;background-size: cover;}
#main .section01 figure{margin-top:60px;}
#main .section01 figure img{display: block;width:100%;}

#main .section02{margin-top:200px;}
#main .section02 .hgroup{text-align: center;}
#main .section02 .hgroup h3:after{background: #00a1ed}
#main .section02 .box{display: flex;margin-top:80px;align-items: center;}
#main .section02 .box .button-tab{width:410px;padding-left:72px;}
#main .section02 .box .button-tab button{position:relative;display:block;width:100%;font-size: 18px;font-weight: 600;letter-spacing: -0.45px;color: #1b1b1b;text-align: left;padding-left: 18px;height:29px;}
#main .section02 .box .button-tab button span{display: inline-block;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
#main .section02 .box .button-tab button + button{margin-top:20px;}
#main .section02 .box .button-tab button:before{content: "";position:absolute;top:11px;left:0;display: none;width:8px;height:8px;border-radius: 100%;background: #1b4a9b;}
#main .section02 .box .button-tab button:after{content: "";display:block;position:absolute;top:15px;left:165px;width:0;height:2px;background: #1b4a9b;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;}
#main .section02 .box .button-tab button.active span{font-size:24px;color:#1b4a9b;}
#main .section02 .box .button-tab button.active:before{display: block;}
#main .section02 .box .button-tab button.active:after{display: block;width:172px;}
#main .section02 .box .tab-con{padding-left:40px;width:calc(100% - 410px);}
#main .section02 .box .tab-con .prd-box{display: none;font-size:0;}
#main .section02 .box .tab-con .prd-box .img{display: inline-block;width:43%;background: #fff url(/_public/images2/main/img_bg.svg) no-repeat;background-size: cover;background-blend-mode : luminosity;position: relative;padding-top:43%;vertical-align: middle;}
#main .section02 .box .tab-con .prd-box .img img{position: absolute;top:50%;left:60%;transform: translate(-50%, -50%);}
#main .section02 .box .tab-con .prd-box .txt-box{vertical-align: middle;display: inline-block;width:57%;padding-left:77px;word-break:keep-all;}
#main .section02 .box .tab-con .prd-box .txt-box h3{font-size: 36px;font-weight: bold;letter-spacing: -0.9px;color: #1b1b1b;}
#main .section02 .box .tab-con .prd-box .txt-box p{margin-top:35px;font-size: 18px;font-weight: normal;line-height: 1.67;letter-spacing: -0.45px;color: #1b1b1b;word-break: keep-all;}
#main .section02 .box .tab-con .prd-box .txt-box a{position:relative;display: inline-block; border-radius: 27px;border: solid 1px #bbc3cf;background-color: #fff;margin-top:80px;line-height: 42px;width:168px; font-size: 16px;font-weight: normal;letter-spacing: -0.4px;color: #1b1b1b;text-align: center;}
#main .section02 .box .tab-con .prd-box .txt-box a:after{content:"";position:relative;vertical-align:middle;margin-left:10px;display: inline-block;width:15px;height:15px;background: url(/_public/images2/icon/arrow_right.svg) no-repeat;background-size: cover;}
#main .section02 .box .tab-con .prd-box .txt-box a:hover{border-color:#00a1ed;color:#00a1ed;}
#main .section02 .box .tab-con .prd-box .txt-box a:hover:after{background: url(/_public/images2/icon/arrow_right_on.svg) no-repeat;background-size: cover;}
#main .section03{margin-top:160px;}
#main .section03 .hgroup{text-align: center;}
#main .section03 .hgroup h3:after{background: #00a1ed;}
#main .section03 .box{display: flex;margin-top: 80px}
#main .section03 .box .con-box{width:70%;overflow: hidden;border-radius: 20px 0 0 20px;}
#main .section03 .con-box .txt-box{position:relative;height: 100%;display: none;}
#main .section03 .con-box #about1{background: url(/_public/images2/main/about_img1.png) no-repeat;background-size: cover;}
#main .section03 .con-box #about2{background: url(/_public/images2/main/about_img2.png) no-repeat;background-size: cover;}
#main .section03 .con-box #about3{background: url(/_public/images2/main/about_img3.png) no-repeat;background-size: cover;}
#main .section03 .con-box #about4{background: url(/_public/images2/main/about_img4.png) no-repeat;background-size: cover;}
#main .section03 .con-box #about5{background: url(/_public/images2/main/about_img5.png) no-repeat;background-size: cover;}
#main .section03 .con-box .txt-box .txt-wrap{position: absolute;left:0;bottom:0;padding:60px;}
#main .section03 .con-box .txt-box .txt-wrap h4{position:relative;font-size: 35px;font-weight: bold;color: #fff;padding-bottom: 20px;}
#main .section03 .con-box .txt-box .txt-wrap h4:after{content:"";position:absolute;left:0;bottom:0;display: block;width:60px;height:2px;background: #fff;}
#main .section03 .con-box .txt-box .txt-wrap p{margin-top:40px;font-size: 20px;font-weight: normal;line-height: 1.6;color: #fff;}
#main .section03 .box .tab-box{width:30%;overflow: hidden;border-radius:0 20px 20px 0;border:1px solid #dddddd;border-left:0;}
#main .section03 .box .tab-box button{display: block;width:100%;position: relative;height:100px;text-align: left;font-size: 22px;font-weight: bold;color: #1b1b1b;padding:0 100px;}
#main .section03 .box .tab-box button:before{content: "";display: inline-block;width:40px;height:40px;position: absolute;left:30px;top:50%;transform: translateY(-50%);}
#main .section03 .box .tab-box button:after{content: "";position:absolute;right:44px;top:50%;transform: translateY(-50%);font-size: 32px;font-weight: 900;color: #beeaff;}
#main .section03 .box .tab-box .button1:before{background: url(/_public/images2/main/about_icon01.svg) no-repeat;background-size: cover;}
#main .section03 .box .tab-box .button2:before{background: url(/_public/images2/main/about_icon02.svg) no-repeat;background-size: cover;}
#main .section03 .box .tab-box .button3:before{background: url(/_public/images2/main/about_icon03.svg) no-repeat;background-size: cover;}
#main .section03 .box .tab-box .button4:before{background: url(/_public/images2/main/about_icon04.svg) no-repeat;background-size: cover;}
#main .section03 .box .tab-box .button5:before{background: url(/_public/images2/main/about_icon05.svg) no-repeat;background-size: cover;}
#main .section03 .box .tab-box .button1:after{content: "01";}
#main .section03 .box .tab-box .button2:after{content: "02";}
#main .section03 .box .tab-box .button3:after{content: "03";}
#main .section03 .box .tab-box .button4:after{content: "04";}
#main .section03 .box .tab-box .button5:after{content: "05";}
#main .section03 .box .tab-box button + button{border-top:1px solid #ddd;}
#main .section03 .box .tab-box button:hover,
#main .section03 .box .tab-box button.active{background: #1b4a9b;color:#fff;}
#main .section03 .box .tab-box .button1:hover:before,
#main .section03 .box .tab-box .button1.active:before {background: url(/_public/images2/main/about_icon01_on.svg) no-repeat;background-size: cover;}
#main .section03 .box .tab-box .button2:hover:before,
#main .section03 .box .tab-box .button2.active:before {background: url(/_public/images2/main/about_icon02_on.svg) no-repeat;background-size: cover;}
#main .section03 .box .tab-box .button3:hover:before,
#main .section03 .box .tab-box .button3.active:before {background: url(/_public/images2/main/about_icon03_on.svg) no-repeat;background-size: cover;}
#main .section03 .box .tab-box .button4:hover:before,
#main .section03 .box .tab-box .button4.active:before {background: url(/_public/images2/main/about_icon04_on.svg) no-repeat;background-size: cover;}
#main .section03 .box .tab-box .button5:hover:before,
#main .section03 .box .tab-box .button5.active:before {background: url(/_public/images2/main/about_icon05_on.svg) no-repeat;background-size: cover;}
#main .section03 .box .tab-box button:hover:after,
#main .section03 .box .tab-box button.active:after{color:#7490c1;}
#main .section04{margin-top:160px;background: url(/_public/images2/main/bg_img2.png) center right no-repeat;background-size: cover;padding:140px 0;}
#main .section04 .layout{display: flex;}
#main .section04 .txt-box{width:48%;}
#main .section04 .txt-box .hgroup{}
#main .section04 .txt-box .hgroup h3{display: inline-block;}
#main .section04 .txt-box .hgroup h3 strong{display: block;}
#main .section04 .txt-box .hgroup h3:after{top: initial;right: -15px;bottom: 62px;background:#00a1ed;}
#main .section04 .txt-box .hgroup a{position:relative;display: inline-block; border-radius: 27px;border: solid 1px #bbc3cf;margin-top:80px;line-height: 42px;width:168px; font-size: 16px;font-weight: normal;letter-spacing: -0.4px;color: #1b1b1b;text-align: center;}
#main .section04 .txt-box .hgroup a:after{content:"";position:relative;vertical-align:middle;margin-left:10px;display: inline-block;width:15px;height:15px;background: url(/_public/images2/icon/arrow_right.svg) no-repeat;background-size: cover;}
#main .section04 .txt-box .hgroup a:hover{border-color:#00a1ed;color:#00a1ed;}
#main .section04 .txt-box .hgroup a:hover:after{background: url(/_public/images2/icon/arrow_right_on.svg) no-repeat;background-size: cover;}
#main .section04 ul{width:52%;display: flex;flex-wrap: wrap;gap:40px;}
#main .section04 ul li{width:calc(50% - 20px);border-radius: 20px;box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.04);background-color: #fff;padding:40px;}
#main .section04 ul li i{display: inline-block}
#main .section04 ul li i img{display: block;}
#main .section04 ul li h4{margin-top:30px; font-size: 22px;font-weight: 600;line-height: 1.18;letter-spacing: -0.55px;color: #1b1b1b;}
#main .section04 ul li p{margin-top:15px;font-size: 16px;font-weight: normal;line-height: 1.5;letter-spacing: -0.4px;color: #454545;}
#main .section05{margin-top:160px;}
#main .section05 .hgroup{text-align: center;}
#main .section05 .hgroup h3 strong{position: relative}
#main .section05 .hgroup h3 strong:after{content: "";position:absolute;top:10px;display: inline-block;width:12px;height:12px;background:#00a1ed;border-radius: 100%;}
#main .section05 .slide-box{position: relative;margin-top:80px;}
#main .section05 .slide-box .slick-list{margin:0 -32px;}
#main .section05 .slide-box .slick-arrow{position: absolute;top:39%;transform: translateY(-50%);width:75px;height:75px;font-size:0;z-index: 10;}
#main .section05 .slide-box .slick-prev{background: url(/_public/images2/icon/target_left.svg) no-repeat;background-size: cover;left:-39px;}
#main .section05 .slide-box .slick-next{background: url(/_public/images2/icon/target_right.svg) no-repeat;background-size: cover;right:-39px;}
#main .section05 .slide-box .slick-slide{margin:0 36px;}
#main .section05 .slide-box .slick-slide figure{}
#main .section05 .slide-box .slick-slide figure img{display: block;width:100%;}
#main .section05 .slide-box .slick-slide .txt{margin-top: 30px;}
#main .section05 .slide-box .slick-slide .txt h4{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size: 22px;font-weight: 600;line-height: 1.14;letter-spacing: -0.55px;color: #1b1b1b;}
#main .section05 .slide-box .slick-slide .txt p{margin-top:10px;font-size: 16px;font-weight: 600;letter-spacing: -0.4px;color: #858585;}
#main .section06{ padding:150px 0 110px;background:#21488b url(/_public/images2/main/inq_bg.png) 50% 50% no-repeat;background-size: cover;}
#main .section06 .layout{display: flex;justify-content: space-between;}
#main .section06 .txt-box{}
#main .section06 .txt-box h3{position:relative;font-family: Cabin;font-size: 65px;font-weight: bold;line-height: 1.38;color:#fff;}
#main .section06 .txt-box h3:after{content: "";position:absolute;top:10px;display: inline-block;width:12px;height:12px;background:#fff;border-radius: 100%;}
#main .section06 .txt-box ul{margin-top:85px;}
#main .section06 .txt-box ul li{position: relative;padding-left:60px;font-size: 16px;font-weight: normal;line-height: 1.06;color: #fff;}
#main .section06 .txt-box ul li + li{margin-top:35px;}
#main .section06 .txt-box ul li:before{content: "";display: inline-block;width:30px;height:30px;position: absolute;left:0;top:-6px;}
#main .section06 .txt-box ul li:nth-child(1):before{background: url(/_public/images2/icon/contact_icon01.svg) no-repeat;background-size: cover;}
#main .section06 .txt-box ul li:nth-child(2):before{background: url(/_public/images2/icon/contact_icon02.svg) no-repeat;background-size: cover;}
#main .section06 .txt-box ul li:nth-child(3):before{background: url(/_public/images2/icon/contact_icon03.svg) no-repeat;background-size: cover;}
#main .section06 .txt-box ul li:nth-child(4):before{background: url(/_public/images2/icon/contact_icon04.svg) no-repeat;background-size: cover;}
#main .section06 .form-box{width:100%;max-width:820px;}
#main .section06 .form-box .main-form-p {font-size:16px;margin-bottom:10px;text-align:right;color:#fff;font-weight:500;}
#main .section06 .form-box .row-box{display: flex;}
#main .section06 .form-box .row-box + .row-box{margin-top:10px;}
#main .section06 .form-box .row-box .field{flex:1;}
#main .section06 .form-box .row-box .field input[type="text"],
#main .section06 .form-box .row-box .field input[type="tel"]{width:100%;height:50px; border-radius: 10px;box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.08);background-color: #6482b8; font-size: 16px;font-weight: normal;color: #fff;padding:0 20px;}
#main .section06 .form-box .row-box .field input[type="text"]::placeholder,
#main .section06 .form-box .row-box .field input[type="tel"]::placeholder,
#main .section06 .form-box .row-box .field textarea::placeholder{color:#fff;}
#main .section06 .form-box .row-box .field textarea{width:100%;height:150px; border-radius: 10px;box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.08);background-color: #6482b8; font-size: 16px;font-weight: normal;color: #fff;padding:20px;resize: none;}
#main .section06 .form-box .row-box .field + .field{margin-left: 10px;}
#main .section06 .form-box .terms-box{margin-top:20px;display: flex;justify-content :space-between;}
#main .section06 .form-box .terms-box .checkbox-type1 button{display:block;font-size:16px;margin-left: 35px;color:#fff;text-decoration: underline;margin-top:5px;}
#main .section06 .form-box .terms-box .checkbox-type1 .main-recaptcha {width:304px;height:78px;margin-top:20px;}
#main .section06 .form-box .terms-box .confirm-button{width:180px;height:51px;text-align: center; border-radius: 10px;box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.08);border: solid 1px #b3c7e8;background-color: #fff;font-size: 18px;font-weight: bold;color: #1b4a9b;}
#main .section06 .main-inq {display:none;}



/* tablet */
@media all and (max-width:1280px) {
    .slick-track {
        display: flex;
    }
    .slick-track .slick-slide {
        display: flex;
        height: auto;
    }
    #main .hgroup h3 {  font-size: 42px;}
    #main .hgroup h3:after{width:6px;height:6px;margin-left: 5px;top: 5px;}
    #main .hgroup p { font-size: 16px; }
    #main .slide-wrap .target-box{padding:0 20px;}
    #main .slide-wrap .slick-slide .txt-box{padding:0 20px;}
    #main .slide-wrap .slick-slide .txt-box h2{font-size:48px;}
    #main .slide-wrap .slick-slide .txt-box h3{font-size:22px; line-height: 1.36;}
    #main .slide-wrap .slick-slide .txt-box h2{font-size:48px;}
    #main .slide-wrap .item01 .txt-box h2{color:#fff;}
    #main .slide-wrap .item01 .txt-box h3 span{color:#fff;}
    #main .section01 { margin-top: 80px; padding: 20px 20px 0}
    #main .section02 { margin-top: 80px;}
    #main .section02 .box .tab-con { padding-left: 0;width: calc(100% - 150px);}
    #main .section02 .box .tab-con .prd-box .txt-box { padding-left: 50px;}
    #main .section02 .box .tab-con .prd-box .txt-box h3 { font-size: 28px;font-weight: bold;}
    #main .section02 .box .tab-con .prd-box .txt-box p { font-size: 16px;margin-top: 25px;}
    #main .section02 .box .tab-con .prd-box .txt-box a { margin-top: 40px;}
    #main .section02 .box .button-tab button.active:after { width: 100px}
    #main .section02 .box .button-tab { padding-left: 30px;width: 30%;}
    #main .section02 .box .tab-con .prd-box .img img { width: 40%}
    #main .section03 { margin-top: 80px;padding: 20px 20px 0}
    #main .section03 .box { margin-top: 40px;}
    #main .section03 .box .con-box { width: 55%}
    #main .section03 .box .tab-box { width: 45%}
    #main .section03 .box .tab-box button { font-size: 18px}
    #main .section03 .con-box #about1 { background: url(/_public/images2/main/about_img1.png) no-repeat 50%;}
    #main .section03 .con-box .txt-box .txt-wrap h4 { font-size: 32px}
    #main .section03 .con-box .txt-box .txt-wrap p { font-size: 16px}
    #main .section03 .box .tab-box button { font-size: 16px}
    #main .section04 { margin-top: 80px;padding: 80px 20px }
    #main .section04 .txt-box .hgroup h3:after{right: -10px;bottom: 39px;}
    #main .section04 .layout { flex-direction: column;}
    #main .section04 .hgroup p br:nth-child(2) { display:none;}
    #main .section04 .txt-box { width: 100%}
    #main .section04 .txt-box .hgroup a { background: #fff; margin-top: 30px}
    #main .section04 .txt-box .hgroup { text-align: center;}
    #main .section04 ul { width: 100%; margin-top: 30px;  gap: 15px}
    #main .section04 ul li { width: 49%; padding: 30px;border-radius: 10px;}
    #main .section04 ul li p { font-size: 15px; word-break: keep-all;}
    #main .section04 ul li p br { display: none;}
    #main .section04 ul li i { width: 30%}
    #main .section06{ padding: 80px 20px }
    #main .section06 .txt-box h3:after{width:6px;height:6px;}
    #main .section06 .layout { flex-direction: column;}
    #main .section06 .txt-box h3 { font-size: 45px}
    #main .section06 .txt-box ul { margin-top: 10px}
    #main .section06 .txt-box ul li { padding-left: 40px;line-height: 0.5;display: inline-block; width: 49%;}
    #main .section06 .txt-box ul li:before { width: 24px; height: 24px}
    #main .section06 .form-box { max-width: 100%;margin-top: 40px;}
    .checkbox-type1 label { font-size: 16px}
    #main .section06 .form-box .terms-box .confirm-button {font-size: 16px; }
    .checkbox-type1 label:before { top: -2px;  }
}


/* mobile */
@media all and (max-width:768px) {

    #main .hgroup h3 { font-size: 32px; text-align: left;line-height: 1.25;}
    #main .hgroup h3:after{}
    #main .hgroup p { font-size: 14px;text-align: left;}
    #main .hgroup p br { display: none;}
    #main .slide-wrap .slick-slide{position: relative;}
    #main .slide-wrap .slick-slide .txt-box{top:30%;}
    #main .slide-wrap .slick-slide video{object-fit: cover;width:100%;height:100%;position: absolute;top:50%;left:50%;display: block;transform: translate(-50%, -50%);}
    #main .slide-wrap .target-box{flex-wrap:wrap;bottom:20px;}
    #main .slide-wrap .target-box .target-arrows{margin:20px auto 0;}
    #main .slide-wrap .target-box .target-arrows .slick-arrow{width:25px;height:25px;}
    #main .slide-wrap .target-box .progressBarContainer{flex-wrap: wrap;width:100%;}
    #main .slide-wrap .target-box .progressBarContainer .item{width:46%;margin:2%;}
    #main .slide-wrap .target-box .progressBarContainer .item + .item{margin:2%;}
    #main .slide-wrap .target-box .progressBarContainer .item h3{font-size:15px;}
    #main .section01 { padding: 0px 20px 0; margin-top: 50px;}
    #main .section01 .hgroup{}
    #main .section01 .hgroup h3{display: inline-block;}
    #main .section01 .hgroup h3:after{top:43px;}
    #main .section01 .hgroup:after {  width: 32px;  height: 40px; right: 0; display: block;  bottom: -50px;}
    #main .section02 { padding: 0px 20px 0; margin-top: 60px;}
    #main .section02 .box { flex-direction: column;}
    #main .section02 .box .tab-con {  padding-left: 0;width:100%}
    #main .section02 .box .button-tab {width: 100%; padding-left: 0;}
    #main .section02 .box .button-tab button { display: inline-block;width: 49%;}
    #main .section02 .box .button-tab button.active:after{ display: none;}
    #main .section02 .box .tab-con .prd-box { margin: 10px 0;}
    #main .section02 .box .tab-con .prd-box .img {width: 95%;  padding-top: 95%; margin-left:0;}
    #main .section02 .box .tab-con .prd-box .txt-box a { margin-top: 30px; font-size: 14px}
    #main .section02 .box { margin-top: 40px;}
    #main .section02 .box .button-tab button { font-size: 16px}
    #main .section02 .box .button-tab button + button { margin-top: 8px}
    #main .section02 .box .button-tab button.active span { font-size: 17px;}
    #main .section02 .box .tab-con .prd-box .img img { width: 90%;left:50%;}
    #main .section02 .box .tab-con .prd-box .txt-box { display: block; width: 100%; padding-left: 0; padding-top: 30px}
    #main .section02 .box .tab-con .prd-box .txt-box h3 { font-size: 24px;font-weight: bold;}
    #main .section02 .box .tab-con .prd-box .txt-box p { font-size: 14px}
	#main .section02 .box .tab-con .prd-box .txt-box p br {display:none;}
    #main .section03 { margin-top: 60px;padding: 0 20px 0}
    #main .section03 .box { margin-top: 40px;flex-direction: column;}
    #main .section03 .box .con-box { width: 100%; height: 240px; border-radius: 20px 20px 0 0;}
    #main .section03 .box .tab-box { width: 100%;border-radius: 0 0 20px 20px;border-left: 1px solid #ddd}
    #main .section03 .con-box .txt-box .txt-wrap {padding: 20px; }
    #main .section03 .con-box .txt-box .txt-wrap h4 { font-size: 20px;padding-bottom: 10px;}
    #main .section03 .con-box .txt-box .txt-wrap p { font-size: 14px; margin-top: 10px; word-break: keep-all;}
    #main .section03 .con-box .txt-box .txt-wrap p br { display: none;}
    #main .section03 .box .tab-box button { height: 70px;padding: 0 72px;}
    #main .section03 .box .tab-box button:before { left: 20px; width: 32px;height: 32px;}
    #main .section03 .box .tab-box button:after { font-size: 20px;right: 30px;}
    #main .section04 { margin-top: 60px; padding: 60px 20px }
    #main .section04 .txt-box .hgroup h3:after{bottom:27px;}
    #main .section04 .txt-box .hgroup { text-align:left; }
    #main .section04 .txt-box .hgroup a { font-size: 14px}
    #main .section04 ul li { width: 100%; }
    #main .section04 ul li i img { width: 60px; height: 60px}
    #main .section04 ul li h4 { margin-top: 25px; font-size: 18px}
    #main .section04 ul li p { font-size: 14px}
    #main .section06 {padding: 60px 20px  }
    #main .section06 .txt-box h3 { font-size: 32px}
    #main .section06 .txt-box ul { margin-top: 40px}
    #main .section06 .txt-box ul li { font-size: 15px; display: block; width: 100%; line-height: 1; padding-left: 30px;}
    #main .section06 .txt-box ul li:before { width: 18px; height: 18px; top: 0;}
	#main .section06 .txt-box ul li br {display:none;}
	#main .section06 .form-box .main-form-p {display:none;}
    #main .section06 .form-box .row-box { display: none;}
    #main .section06 .form-box .terms-box .checkbox-type1 { display: none;}
    #main .section06 .form-box .terms-box .confirm-button { width: 100%;display: none;}
	#main .section06 .main-inq {display:block;width: 100%;font-size: 16px;line-height:50px;text-align:center;border-radius: 10px;border: solid 1px #b3c7e8;background-color: #fff;font-weight: bold;color: #1b4a9b;}

    #main .section03 .con-box #about1{background: url(/_public/images2/main/about_img1_m.png) no-repeat;background-size: cover;}
    #main .section03 .con-box #about2{background: url(/_public/images2/main/about_img2_m.png) no-repeat;background-size: cover;}
    #main .section03 .con-box #about3{background: url(/_public/images2/main/about_img3_m.png) no-repeat;background-size: cover;}
    #main .section03 .con-box #about4{background: url(/_public/images2/main/about_img4_m.png) no-repeat;background-size: cover;}
    #main .section03 .con-box #about5{background: url(/_public/images2/main/about_img5_m.png) no-repeat;background-size: cover;}


}