@charset "utf-8";
.blind {display:none;overflow:hidden;position:absolute;width:0;height:0;padding:0;margin:0;font-size:0;line-height:0;text-indent:-9999em;visibility:hidden;outline:none;z-index:-1}

.scon.pc{display:block}
.scon.m{display:none}

.fl{float:left}
.section {position: relative;max-width:1920px;margin:0 auto}
.section-default-img {width: 100%;max-width: 1920px;}
.section-default-img.mobile {display: none;}
.tx{position:absolute;left:0}
.tx.pc{display:block}
.tx.m{display:none}
.section-link {position: absolute;z-index: 99;}
.section-link.m{display:none}

@keyframes fadeIn {
    0% {
      opacity: 0;
      transform: scale(.8);   
    }
    100% {
      opacity: 1;
      transform: scale(1);   
    }
  }
@keyframes fadeIn2{
    0% {
      opacity: 0;

    }
    100% {

        opacity: 1; 
    }
  }

.sec1 .section-link--logo {left:16.3%;top:9.13%;width:7.34%;z-index:1}
.sec1 .section-link--promise {left:16.3%;top:63.04%;width:21.77%}

.sec2 .tx1{width:7.39%;top:9.43%;left:50%;margin-left:-3.69%}
.sec2 .tx2{width:71.25%;top:40.32%;left:50%;margin-left:-35.62%}

.sec3 .tx1{width:35.93%;top:30%;left:50%;margin-left:-17.96%}
.sec3 .tx2{width:36.04%;top:53.49%;left:17.6%}
.sec3 .tx3{width:6.45%;top:56.57%;left:62.5%}
.sec3 .tx4{width:8.64%;top:59.68%;left:75.1%}
.sec3 .tx5{width:6.45%;top:63%;left:53.85%}
.sec3 .tx6{width:5.41%;top:71.66%;left:81.04%}
.sec3 .tx3, .sec3 .tx4, .sec3 .tx5, .sec3 .tx6{opacity:0}
.sec3 .tx3.active, .sec3 .tx4.active, .sec3 .tx5.active, .sec3 .tx6.active{animation: fadeIn .5s  ease-in-out forwards}

.sec4 .tx1{width:24.16%;top:7.45%;left:27.86%;transition-delay: .05s;}
.sec4 .tx2{width:24.16%;top:19.25%;left:43.85%;transition-delay: .1s;transform-origin: top;}
.sec4 .tx3{width:24.16%;top:54.03%;left:29.79%;transition-delay: .15s;}
.sec4 .tx4{width:29.58%;top:66.7%;left:42.18%;transition-delay: .2s;transform-origin: top;}

.sec4 .tx{transform-origin: bottom;height: 0;transform:  scale(0.01);transition: all 400ms cubic-bezier(0.18,-0.43, 0.55, 2.15)}
.sec4 .tx.aos-animate{transform:scale(1);height: auto;}


/* .sec4 .tx{
    opacity: 0;
    transform: translate3d(0, 100%, 0);
    transition: transform .3s ease-out, opacity .3s ease-out;
  }
  
  .sec4 .tx.aos-animate{
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
   */


.sec5 .tx1{width:38.64%;top:20.45%;left:13.95%}
.sec5 .tx2{width:67.39%;top:82.83%;left:50%;margin-left:-33.69%}

.sec6 .tx{width:32.29%}
.sec6 .tx1{left:16.45%;top:15.88%}
.sec6 .tx2{left:50.93%;top:15.88%}
.sec6 .tx3{left:16.45%;top:50.29%}
.sec6 .tx4{left:50.93%;top:50.29%}

.sec7 .tx1{width:100%;top:0;left:0;opacity:0}
.sec7 .tx1.active{animation: fadeIn2 2s ease-in forwards}
.sec7 .tx2{width:36.97%;top:30.14%;left:50%;margin-left:-18.48%}
.sec7 .tx3{width:53.43%;top:88.03%;left:50%;margin-left:-26.71%}

.sec8 .tx1{width:37.34%;top:34.98%;left:46.66% }
.sec8 a img {-webkit-transform: scale(1);transform: scale(1);-webkit-transition: .3s ease-in-out;transition: .3s ease-in;}
.sec8 a:hover img {-webkit-transform: scale(1.05);transform: scale(1.05);}

.sec9 .tx1{width:30.67%;top:24.4%;left:16.3% }
.sec9 .section-link.qna{width: 14.89%;left: 63.75%;top: 40.83%;}

.accordian{width:100%;background:url('../images/bg-sec8-2.jpg') repeat-y 50% 50%;background-size: contain;}
.accordian .acc-description {display: none;margin-top:-3%}
.accordian .accwrap{width:53.22%;margin:0 auto;padding-bottom:3vh;cursor:pointer;}
.accordian .accwrap:last-child{padding-bottom:0}


.quick_bn{position:fixed;right:1.2%;bottom:2%;width:9.79%;height:auto;z-index:10;}
.quick_bn img {-webkit-transform: scale(1);transform: scale(1);-webkit-transition: .3s ease-in-out;transition: .3s ease-in-out;}
.quick_bn:hover img {-webkit-transform: scale(1.1);transform: scale(1.1);}

@media screen and (max-width:1400px) {
.tx.pc{display:none}
.tx.m{display:block}
.scon.pc{display:none}
.scon.m{display:block}

.section-default-img {display: none;}
.section-default-img.mobile {display: block;}
.section-link.m{display:block}

.sec1{z-index:1}
.sec1 .section-link--logo {top:9.34%;left:3.57%;width:10.07%}
.sec1 .section-link--promise {width:29.85%;top:63.04%;left:3.57%}
.sec2 .tx1{width:10.14%;top:9.26%;margin-left:-5.7%}
.sec2 .tx2{width:97.71%;top:40.16%;margin-left:-48.85%}

.sec3 .tx1{width:49.28%;top:29.15%;margin-left:-24.64%}
.sec3 .tx2{width:49.42%;top:52.74%;left:5.71%}
.sec3 .tx3{width:8.85%;top:55.55%;left:66.92%}
.sec3 .tx4{width:11.85%;top:59.14%;left:84%}
.sec3 .tx5{width:8.85%;top:62.18%;left:55.35%}
.sec3 .tx6{width:7.42%;top:70.65%;left:92.57%}

.sec4 .tx1{width:33.14%;top:5.8%;left:19.71%;}
.sec4 .tx2{width:33.14%;top:17.79%;left:41.57%;}
.sec4 .tx3{width:33.14%;top:53.37%;left:22.28%}
.sec4 .tx4{width:40.57%;top:66.24%;left:39.14%}

.sec5 .tx1{width:53%;top:21.16%;left:0.7%}
.sec5 .tx2{width:92.42%;top:85.69%;margin-left:-46.21%}

.sec6 .tx{width:44.28%}
.sec6 .tx1{left:4%;top:18.86%}
.sec6 .tx2{left:51.14%;top:18.86%}
.sec6 .tx3{left:4%;top:52.04%}
.sec6 .tx4{left:51.14%;top:52.04%}

.sec7 .tx2{width:50.71%;top:29.92%;margin-left:-25.35%}
.sec7 .tx3{width:73.28%;top:87.68%;margin-left:-36.64%}

.accordian{width:100%;background:url('../images/bg-sec8-2-mo.jpg') repeat-y 50% 50%;background-size: contain;}
.accordian .accwrap{width:73%;}
.sec9 .section-link.qna{width:20.42%;left:68.71%;top:32.83%;}
.sec9 .section-link.m{position:fixed;bottom:0;left:0;width:100%}

.quick_bn{display:none}

}

@media (max-width: 768px) {
	
}