/***********************반응형***************************************/

@media (max-width:1280px) {
.header-logo a{
width:320px;
margin-left:0;
}
.header-gnb{

}
.gnb > li > a{
padding:0 5px;
font-size:16px;
}
.ha-top{
padding-left:2%;
padding-right:2%;
box-sizing:border-box;
}
}

@media (max-width:1024px){
header{
padding:0;
height:75px;
background:#333;
}
.header-area{
justify-content: space-between;
height:75px;
padding-top:0;
width:100%;

}
.gnb-close-btn{
position:absolute;
right:281px;
top:0;
z-index:99999;
background:#fff;
width:35px;
height:35px;
line-height:35px;
text-align:center;
color:#333;
font-size:25px;
display:block;
}
.header-logo{
flex-grow: 1;
top:10px; 
position:absolute;
}
.header-link, .mobile-open-btn, .top-num{
top:50%;
margin-top:-17px;
}
.top-num-box{
top:45%; 
position:absolute;
right:60px;
}
.pc-open-btn{
display:none;
}
.mobile-open-btn{
display:flex;
position:absolute;
top:50%; 
right:10px;
}
.header-link{
flex-shrink: 0;
position:absolute;
top:50%; 
right:40px;
}
.ha-bottom{
padding:0;
}

#sidebar{
position:fixed;
top:0;
bottom:0; 
display:none; 
right:-200px; 
z-index:99999; 
-webkit-transition: right 1s;  
transition: right 1s; 
width:auto; 
overflow:visible; 
background:#000;
margin-left:0;
left:auto;
border:0;
}

.sidebg{
display:block;
position: fixed;
height: 150%;
background: rgba(0,0,0,0.5);
width: 100%;
top: 0;
right: 0;
z-index: 44;
}
.menu{
position:relative;
z-index:55; 
width:280px; 
left:auto; 
right:0; 
overflow-x:hidden; 
overflow-y:auto; 
height:100%; 
background:#fff;
display:block;
text-align:left;
box-sizing:border-box;
padding:0 20px;
}

.menu > li{
display:block;
width:100%;
box-sizing:border-box;
border-left:0;
box-sizing:border-box;
margin-bottom:10px;
padding-bottom:10px;
border-bottom:1px rgba(0,0,0,0.2) solid;
}

.menu > li > ul > li{
padding:5px 0;
}

.menu > li > a{
height:20px;
line-height:20px;
font-weight:800;
display:block;
width:100%;
margin:10px 0 5px;
}

.menu > li > ul > li > a{
display:block;
line-height:1.5em;
}

.header-gnb{
display:none;
}
#main-visual{
margin-top:75px;
}

.mb-txt1{
font-size:32px;
}
.mbt1-1{
font-size:50px;
}
.mbt1-1-em{
font-size:25px;

}
.mb-txt2{
font-size:50px;
}
.mb3b-left{
padding-right:50px;
}
.mbt3-left p{
font-size:42px;
}
.mbt3-right p{
font-size:100px;
}
.mbt3-1{
font-size:38px;
}

.mb-txt8 strong{
font-size:24px;
}
.mb3b-right{
width:45%;
}


.mb-txt8 p{
font-size:20px;
}
.mb-txt7{
word-break:keep-all;
}
.mb-txt7 br{
display:none;
}
.mb-txt7 p{
font-size:18px;
}
.main-tit2, .main-tit3, .mb-txt9, .mb-txt13, .mb-txt14, .main-tit4, .mb-txt16, .mb-txt19, .mb-txt20, .mb-txt27, .mb-txt5{
font-size:55px;

}


.mb-ul2{
flex-wrap:wrap;
}
.mb-ul2 > li{
width:49%;
margin-bottom:2%;
position:relative;
padding-bottom:30px;
}
.mb-ul2 > li img{
position:absolute;
width:60%;
right:0;
bottom:0;
}

.mb6b-img{
width:380px;
}
.mb-txt11{
font-size:24px;
}
.font-type1{
font-size:38px !important;
margin:30px 0;
}
.mb-txt12{
font-size:20px;
}
.mb-txt15{
word-break:keep-all;
}
.mb-txt15 br{
display:none;
}

.mb7b-right{
width:55%;
}

.mb-txt18{
word-break:keep-all;
}
.mb-txt18 br{
display:none;
}
.mb8sf-img{
width:450px;
}
.mb8sf-txt{
margin-top:50px;
}
.mb9b-right{
width:450px;
}

.bottom-customer{
display:block;
}
.bottom-customer section{
width:100%;
padding:50px 0;
}

.mb-txt28{
gap:50px;
}
.mb-txt28 p br{
display:none;
}
.mb-txt28 p{
word-break: keep-all;
}
.quick ul{
padding:10px 5px;
}
.quick ul li a{
width:30px;
margin:0 auto;
font-size:28px;
}
.quick-top{
width:50px;
height:50px;
font-size:13px;
}
@keyframes quickAnimation {
0% {
opacity: 0;
right: -60px; }
100% {
opacity: 1;
right: 10px; } 
}

.sub-box2, .sub-box{
padding:120px 0 80px;
}
.sub-tit{
font-size:55px;
}
.sub-area{
padding:50px 0;
}
.sa-tit1{
font-size:38px;
}
.sa-tit1.st1-t1{
font-size:19px;
}

.sub2-nav p{
width:40px;
height:40px;
font-size:16px;
border-width:2px;
}

.sa-p5{
font-size:42px;
}
.st2-left{
width:40%;
font-size:42px;
word-break: keep-all;
}
.st2-left br{
display:none;
}

.st6-t2{
display:block;
}
.st6-t2 .st2-left{
width:100%;
margin-bottom:20px;
}

.sub-ul1{
flex-wrap:wrap;
}
.sub-ul1 li{
width:33%;
margin-bottom:20px;
}

.acodian1 dt{
font-size:18px;
}

.sa-tit1{
margin-bottom:20px;
}
.sub-ul1.su1-2{
margin:0px auto 30px;
}

.pa50{
padding-top:30px;
}

.sa-tit2{
font-size:28px;
}
.sa-p1{
word-break: keep-all;
}
.sa-p1 br{
display:none;
}
.sap2-span1{
font-size:16px;
display:block;
margin-left:0;
}

.sub-ul1.su1-width li{
width:48%;
box-sizing:border-box;
padding:0 20px;
word-break: keep-all;
}
.sub-ul1.su1-width li br{
display:none;
}

.ul-type2 li{
align-items: center;
}
.sa4-p1{
font-size:1.05em;
}

.sub-ul1.su1-color2 li{
width:100%;
}
.sub-ul1.su1-2 li{
margin-bottom:0;
}
.sub-ul1.su1-color2 li:nth-child(2){
border-top-width:1px;
}
.sub-ul4 li > div > div{
font-size:18px;
}
.sa-p2{
font-size:1.25em;
}
.saba1-left{
padding-right:10px;
}

.sa-p6{
font-size:24px;
word-break: keep-all;
}
.sa-p6 strong{
font-size:26px;
}


.st2-right.st2r-41{
justify-content: flex-start;
}


.imp-box{
padding:40px 50px;
}
}

@media (max-width:768px){
body, th, td, input, select, textarea, button{
font-size:15px;
}
header{
height:auto;
}
.header-area{
padding-top:45px;
height:60px;
}
.header-logo a{
width:240px;
}
.top-num-box{
position:absolute;
top:0;
background:#0344b8;
width:100%;
left:0;
}
.top-num{
justify-content: center;
color:#fff;
position:unset;
margin-top:0;
line-height:1;
}
.top-num p span{
color:#fff;
}
.top-num p{
background-image:url(img/imp-ico.png);
}
.top-num div span{
color:#fff;
font-size:26px;
}
.header-link a{
padding:0;
font-size:0;
gap:0;
width:35px;
justify-content: center;
}

.header-link, .mobile-open-btn{
margin-top:0;
}
.mobile-open-btn{
right:10px;
}
.header-link{
right:50px;
}
.header-logo{
top:50%;
left:10px;
margin-top:7px;
}

.main-banner-box{
padding:30px 0;
}

.mb-txt1{
font-size:20px;
margin-bottom:30px;
}
.font-type1{
font-size:28px !important;
}
.mbt1-1{
font-size:32px;
}
.mbt1-1-em{
font-size:16px;
letter-spacing: 0.238em;
}
.mb-txt2{
font-size:24px;
margin-bottom:30px;
}
.mbt3-box{

}
.mbt3-left p{
font-size:20px;
}
.mbt3-right p{
font-size:60px;
line-height:1.2;
}
.mbt3-1{
font-size:16px;
}

.mb2-box{
display:block;
}
.mb2b-left{
width:100%;
padding-bottom:20px;
}
.mb-txt4{
font-size:22px;
}

.mb-txt5{
font-size:38px;
margin:10px 0;
}
.mb-txt6{
font-size:26px;
}
.mb-ul1{
padding-top:10px;
width:100%;
}
.mb-ul1 li{
font-size:18px;
margin-top:10px;
padding:0 20px;
height:45px;
}

.mb2b-right{
width:100%;
}
.phone-box{
width:320px;
height:495px;
margin:0 auto;
}
#mb2 .typing{
margin-left:-8ch;
font-size:11px;
top:40px;
}
#mb2 .mb2-img,
#mb2.active .mb2-img{
width:150px;
left:100px;
top:60px;
}

.d_pop .box{
width:94%;
}
.dct-txt{
font-size:20px;
padding-bottom:10px;
}
.dct-img img{
max-width:150px;
}
.d_pop .box .close_box{
right:0;
top:0;
}
.dc-ul ul li{
width:100%;
}
.dct-ment{
top:40px;
font-size:18px;
}
.dct-ment{
right:120px;
}
.dct-m-b{
padding-right:0;
}
.dc-top.dct-left .dct-ment{
left:120px;
}
.dc-top.dct-left .dct-m-b{
padding-left:0;
}

.main-tit1{
font-size:32px;
margin-bottom:10px;
}
.mb3-box{
padding-top:30px;
display:block;
}
.mb3b-left{
padding-right:0;
}

.mb-txt7{
margin-bottom:20px;
}
.mb-txt7 strong{
font-size:28px;
}
.mb-txt7 p{
margin-top:10px;
}

.sign-img{
width:120px;
}
.mb3b-right{
width:100%;
}

.mi-mo{
display:none;
}
.mb-txt8{
padding:15px;
margin-bottom:10px;
}

.mb-txt8 strong{
font-size:20px;
}
.mb-txt8 p{
font-size:18px;
word-break: keep-all;
}
.mb-txt8 p br{
display:none;
}
.sa-box1 .sub-ul1.su1-2{
margin:0 auto;
}
.main-tit2, .main-tit3, .mb-txt9, .mb-txt13, .mb-txt14, .main-tit4, .mb-txt16, .mb-txt19, .mb-txt20, .mb-txt27{
font-size:38px;
font-size:700;
}
.mb-ul2{
margin-top:10px;
}
.mb-ul2 > li{
width:100%;
}
.mb-ul2 > li img{
top:15px;
right:10px;
width:55%;
z-index:1;
}
.mb-ul2 > li ul{
height:auto;
margin-bottom:10px;
position:relative;
z-index:2;
}
.mb-ul2 > li ul li{
margin-top:0px;
text-shadow: 1px 1px 15px rgba(255,255,255,0.9);
}
.mb-ul2 > li p{
margin-bottom:10px;
font-size:24px;
}
.mb-ul2 > li span{
font-size:20px;
}
.mb-ul2 > li a{
font-size:13px;
}

.mb5-box{
margin-top:20px;
display:block;
}
.mb-txt10{
margin-top:10px;
font-size:18px;
word-break: keep-all;
}
.mb-txt10 br{
display:none;
}

.mb5b-r-box{
padding:15px;
}

.mb-txt11{
font-size:20px;
}
.mb5b-right{
text-align:left;
width:100%;
margin-top:15px;
}
.mb5b-right br{
display:none;
}
.mb-txt12{
margin-top:5px;
font-size:18px;
}
.mb6-box{
flex-wrap:wrap;
gap:0;
margin-top:20px;
}
.mb6b-txt{
width:100%;
order:1;
}
.mb-txt13{
margin-top:15px;
}
.mb-txt14{
margin-top:15px;
}
.mb-txt15{
margin-top:15px;
font-size:18px;
margin-bottom:20px;
}

.mb6b-img, .mb9b-right{
order:2;
width:100%;
position:relative;
padding-top:70%;
overflow:hidden;
border-radius:20px;
}
.mb6b-img > div, .mb9b-right > div{
position:absolute;
width:100%;
height:100%;
left:0;
top:0;
display:flex;
justify-content: center;
align-items: center;
}

.mb7-box{
display:block;
}
.mb-txt16{
margin-top:10px;
}
.mb-txt16 br{
display:none;
}
.mb-txt17{
font-size:28px;
margin-top:15px;
}
.mb-txt18{
font-size:18px;
margin-top:15px;
}
.mb7-link{
margin-top:20px;
}

.mb7b-right{
width:100%;
margin-top:20px;
padding:20px;
}
.main-review{
height:510px;
}
.review-list li a{
gap:10px;
align-items: flex-start;
}
.rl-img{
width:50px;
height:50px;
margin-top:25px;
}
.rl-t2{
font-size:13px;
}
.rl-t3{
font-size:11px;
}

.mb-txt21{
font-size:20px;
margin-top:10px;
}

.mb8-slide{
margin-top:20px;
}
.mb8s-nav{
display: flex;
width: 100%;
overflow: auto;
overflow-x: scroll;
white-space: nowrap;
padding-bottom:10px;
margin-bottom:20px;
}
.mb8s-nav .slick-list{
width:100%;
}
.mb8s-nav .slick-slide{
marign-right:10px;
}
.mb8s-nav .slick-track{
display:inline-block;
width:auto !important;
}
.mb8s-nav p{
font-size:15px;
}

.mb8sf-box{
flex-wrap:wrap;
}
.mb8sf-img{
width:100%;
}
.mb8sf-txt{
margin-top:10px;
}
.mb8sf-txt strong{
font-size:18px;
}
.mb8sf-txt p{
font-size:18px;
word-break: keep-all;
margin-top:5px;
}
.mb8sf-txt p br{
display:none;
}

.mb9-box{
display:block;
}
.mb9b-right{
width:100%;
margin-top:20px;
}
.mb-txt23{
font-size:32px;
}

.mb10-slide{
padding-top:20px;
}
.mb10-slide .slick-list .slick-slide{
margin-left:10px;
}
.mb10-slide .slick-list {
width: calc(100% + 12px);
margin-left: -10px;
}
.mb10sb-txt{
gap:5px;
font-size:16px;
margin-top:10px;
}

.mb10-slide .slick-arrow{
width:35px;
font-size:32px;
top:-20px;
right:-7px;
}
.mb10-slide .slick-arrow.slick-prev{
right:28px;
width:35px;
}
.mb10-slide .slick-arrow.slick-prev:after{
height:25px;
}

.mb-txt22, #mb11 .mb-txt22{
font-size:18px;
margin:10px 0;
line-height:1.5;
}
.mb-txt22 br{
display:none;
}

.mb12-box{
display:block;
}
.mb-txt24{
padding:20px 0;
}
.mb-txt24 p{
font-size:18px;
word-break: keep-all;
}
.mb-txt24 p br{
display:none;
}

.mb12-phone{
width:320px;
height:488px;
background-size:cover;
padding-top:130px;
margin:0 auto;
}
.mb12-slide{
width:270px;
}

.bc-tit{
font-size:34px;
margin-bottom:20px;
}
.mb-txt25{
font-size:28px;
word-break: keep-all;
}

.bcl-ul{
margin-top:15px;
}
.bcl-ul li span{
font-size:20px;
width:120px;
}
.bcl-ul li{
gap:10px;
height:35px;
}
.bcl-ul li p{
font-size:22px;
}

.mb-txt26{
font-size:18px;
margin-top:20px;
}

.bc-map{
margin:10px auto;
}
.bcr-ul li{
display:block;
height:auto;
margin-top:7px;

}
.bcr-ul li span{
font-size:20px;
width:150px;
height:35px;
margin:0 auto;
}
.bcr-ul li a{
font-size:22px;
display:inline-block;
padding:5px 0 5px 0px;
}
.bcr-ul li.bcru-cacao a{
margin-top:10px;
font-size:16px;
padding:0px;
padding-left:0px;
margin-left:10px;
padding-right:5px;
}
.bcr-ul li.bcru-cacao a img{
width:45px;
left:-10px;
position:relative;
}

.mb-txt27{
margin:20px 0 10px;
}
.mb-txt28{
display:block;
font-size:18px;
}
.mb-txt28 p{
width:100%;
margin-top:10px;
}

.bottom-slide .slick-track{
gap:10px;
}

.footer{
padding:20px 0 170px;
}
.foot-link{
gap:10px;
font-size:0.9em;
}
.foot-info{
margin:15px 0;
}
.copyright{
font-size:0.9em;
}

.impl-tag img{
width:70px;
}



.impl-tag{
position: fixed;
bottom:250px;
right:0px;
display:none;
}
@keyframes upAndDown {
0% {bottom: 270px;}
50%{bottom: 250px;}
100%{bottom: 270px;}
}


.sub-tit{
font-size:35px;
word-break: keep-all;
line-height:1.4em;
}
.sub-area{
padding:30px 0;
}
.sub2-nav{
gap:10px;
margin-bottom:20px;
}

.sa-box1{
padding:30px 20px;
border-radius:20px;
}

.sab-area1{
flex-wrap:wrap;
text-align:center;
padding-bottom:15px;
}
.sab-area2{
padding-bottom:15px;
text-align:center;
}
.saba1-left{
width:100%;
padding-right:0;
padding-bottom:15px;
}
.saba1-left.saba1-p9{
padding-bottom:0;
}
.saba1-left.saba1-p9 > .sa-p2{
margin-bottom:0;
}
.sa-p1{
font-size:16px;
word-break: keep-all;
}
.sa-p1 br{
display:none;
}
.sa-p2{
margin-bottom:10px;
word-break: keep-all;
text-align:center;
font-size:26px;
line-height:1.35em;
}
.sa-p2 br{
display:none;
}
.sap2-br br{
display:block;
}

.saba1-right{
width:100%;
}
.pa80{
padding-top:25px;
}
.sab-area3{
margin-top:25px;
padding-top:25px;
text-align:center;
}
.sa-tit1{
font-size:28px;
word-break: keep-all;
line-height:1.4em;
}
.sa-p4{
padding:5px 25px;
}

.sabs1-box img{
width:100%;
}
.sub-img{
border-radius:15px;
}

.sub3-slide{
padding:20px 0;
}
.sub3-slide .slick-slide{
width:300px;
}
.sub3-slide .slick-track{
gap:20px;
}

.sa-p5{
font-size:28px;
word-break: keep-all;
margin-bottom:20px;
}
.sa-p6{
font-size:18px;
}
.sub-top2{
flex-wrap:wrap;
text-align:center;
margin:20px auto;
padding-top:20px;
}
.st2-left{
width:100%;
margin-bottom:20px;
font-size:32px;
}

.sa-p7, .sa-p14{
font-size:24px;
}

.sa-p8{
font-size:16px;
}
.sub-ul1{
margin:20px auto;
gap:10px;
}
.ma-minus {
margin-top:0;
}
.sub-ul1 li{
width:100%;
font-size:16px;
word-break: keep-all;
background:#fff;
border-radius:10px;
margin-bottom:0;
padding:15px;
}
.sub-ul1.su1-4{
gap:2%;
align-items: stretch;
}
.sub-ul1.su1-4 li{
width:49%;
box-sizing:border-box;
margin-bottom:2%;
line-height:1.4;

}
.sub-ul1 li i{
font-size:32px;
margin-bottom:10px;
}
.sub-ul1 li br{
display:none;
}

.acodian1 dt{
font-size:16px;
background-position:95% 20px;
line-height:1.4em;
}

.sub-ul1.su1-2 li{
text-align:left;
padding:10px 20px;
border-width:0;
align-items:flex-start;
}
.sub-ul1.su1-2 li p{
margin-top:5px;
}

.su1-mo1 p{
display:none;
}
.sub-ul1.su1-color.su1-mo1{
display:flex;
gap:2%;
margin-top:0px;
}
.sub-ul1.su1-color.su1-mo1 li{
border:0;
width:23.5%;
box-sizing:border-box;
padding:0;
}
.sub-ul1.su1-color.su1-mo1 li em{
    font-weight: 800;
    letter-spacing: 0em;
    font-size: 12px;
    color: #999;
}

.sub-ul1.su1-color.su1-mo1 li > div{
width:100%;
padding-top:100%;
position:relative;
overflow:hidden;
}
.sub-ul1.su1-color.su1-mo1 li > div > div{
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
display:flex;
background:#f2f2f2;
border-radius:9999px;
flex-direction: column;
justify-content: center;
font-size:14px;
line-height:1.25em;
}
.sub-ul1.su1-color.su1-mo1 li > div > div strong{
font-size:14px;
margin-bottom:0;
}

.sa-tit2{
font-size:20px;
margin-bottom:20px;
}
.sa-tit2.sat2-p9{
margin-bottom:0;
}
.sa-tit2 em{
font-size:16px;
margin-bottom:10px;
}
.sa-tit2 span{
margin-bottom:0;
}
.sa-p9{
font-size:16px;
margin:20px 0;
line-height:1.6;
word-break: keep-all;
}
.sa-p9 br{
display:none;
}
.sa-p10{
margin-bottom:10px;
}
.ma50{
margin-top:10px;
}
.sub-ul1.su1-color li{
border-width:0;
border-top:1px #e0e0e0 solid;
border-radius:0;
}
.sub-ul1.su1-color li strong{
font-size:18px;
margin-bottom:5px;
}

.sub-ul1.su1-width li{
width:100%;
padding-top:10px;
}
.sub-ul1.su1-check li p{
margin-top:0;
}
.sub-ul1.su1-cc li{
display:flex;
text-align:left;
gap:10px;
word-break: keep-all;
}
.sub-ul1.su1-cc p{

}


.sa-tit2 p.sa-tit2-p2{
font-size:24px;
margin-top:10px;
word-break: keep-all;
}
.sa-tit2 p.sa-tit2-p{
font-size:18px;
}
.ul-type2 li{
flex-wrap:wrap;
gap:10px;
}
.ult2-txt{
width:100%;
text-align:center;
margin-bottom:0;
}
.ul-type2 li{
margin-top:15px;
padding-top:15px;
}
.sab-area4{
margin:20px auto;
word-break: keep-all;
}
.sab-area4 br{
display:none;
}
.sub-ul2 li{
width:48%;
margin-bottom:1%;
}
.sub-ul2.su2-w5 li, .sub-ul2.su2-w4 li{
flex:unset;
}
.sub-ul2{
flex-wrap:wrap;
}
.sa2-center{
margin-top:20px;
padding-top:20px;
}

.sub-ul3 > li{
flex-wrap:wrap;
gap:5px;
text-align:center;
word-break: keep-all;
}
.sub-ul3 span{
width:100%;
}
.sub-ul3 > li br{
display:none;
}
.sub-ul3 em{
display:block;
}
.sub-ul3 > li div{
width:100%;
}

.sub-ul1.su1-line li{
border-radius:0;
border-top:1px #e0e0e0 solid;
padding:10px 0 0;
}
.sub-ul4{
gap:1%;
}
.sub-ul4 li{
width:32%;
padding:0px;
box-sizing:border-box;
margin-bottom:1%;
}
.sub-ul4.su4-mo1{
gap:4%;
}
.sub-ul4.su4-mo1 li{
width:48%;
margin-bottom:2%;
}
.sub-ul4 li > div{
box-sizing: border-box;
}
.sub-ul4 li > div > div{
font-size:14px;
word-break: keep-all;
box-sizing: border-box;
padding:5px;
}
.sub-ul4 li > div > div br{
display:none;
}
.sub-ul4.su4-mo1 li > div > div br{
display:block;
}
.su4-2 li span{
font-size:16px;
}
.sub-ul4 li span:after{
display:none;
}

.sub-ul5 li{
width:100%;
margin-bottom:10px;
}
.sub-ul5.su5-p9 li{
margin-bottom:0;
}
.su5-txt strong{
font-size:18px;
}
.su5-txt strong span{
width:28px;
height:28px;
font-size:15px;
}
.sub-ul5.su5-p8 li{
width:100%;
margin-top:10px;
}
.sub-ul5.su5-p8 li:first-child{
margin-top:0;
}
.sub-ul3.su3-w2 span{
width:100%;
}
.su3-ul > li{
text-align:left;
}

.su2-txt{
font-size:18px;
}

.sa-box1-1{
display:block;
}
.sa-box1-1 section{
width:100%;
margin-bottom:20px;
}
.sa-box1-1 section .sa-p9{
height:auto;
}
.sa-box2 .sab-area1{
padding:20px 15px;
}
.sa-tab p{
font-size:18px;
}
.sab-area1.sa1-1 .saba1-left{
width:100%;
}
.sab-area1.sa1-1 .saba1-right{
width:100%;
}
.sub-ul4{
flex-wrap:wrap;
}
.sub-ul4.su4-w2 li{
width:49%;
margin-bottom:10px;
}
.sub-ul4.su4-w2 li > div{
padding-top:0;
}
.sub-ul4.su4-w2 li > div > div{
font-size:16px;
position:unset;
height:auto;
}
.sub-ul4.su4-w2 li span:after{
display:none;
}
.st2l-p3{
font-size:18px;
margin-top:0;
}

.sa-p6 strong{
font-size:20px;
word-break: keep-all;
}
.sa-p6 strong br{
display:none;
}

.sub-ul7{
flex-wrap:wrap;
}
.sub-ul7 li{
width:100%;
margin-bottom:5px;
padding:20px;
}
.sub-ul7 li p{
margin-top:0;
}
.sub-ul7 li strong{
font-size:20px;
}
.sa-table1 th{
padding:10px 0;
font-size:13px;
word-break: keep-all;
}
.sa-table1 th.sta-h1{
font-size:13px;
}

.sa-table1 td{
padding:10px 0;
font-size:13px;
word-break: keep-all;
}

.sa-p11{
font-size:20px;
word-break: keep-all;
}
.sa-p11 br{
display:none;
}
.sa-p13{
justify-content: center;
}
.sa-p13 span{
padding:0 7px;
font-size:16px;
}

.ma30{
margin-top:5px;
}
.sub-ul7.su7-w2 li{
margin-bottom:10px;
}
.sub-ul7.su7-w2 li p{
word-break: keep-all;
}
.sub-ul7.su7-w2 li p br{
display:none;
}

.ma80{
margin-top:20px;
}

.sub11{
padding-top:80px;
}



.imp-box{
padding:30px 30px;
}
.imp-tit img{
width:60px;
margin-bottom:15px;
}
.imp-tit{
font-size:32px;
}
.imp-form li{
font-size:15px;
display:block;
}
.imp-form li span{
width:100%;
text-align:left;
word-break: keep-all;
}
.imp-form li p{
padding:7px 10px;
}

.imp-result{
display:block;
padding:15px;
}
.impr-left{
width:100%;
max-width:280px;
margin:0 auto;
margin-bottom:10px;
}
.impr-right{
font-size:18px;
word-break: keep-all;
line-height:1.4;
}
.impr-right br{
display:none;

}

.quick{
bottom:90px;
top:auto;
height:auto;
right:20px;
display:flex;
width:45px;
flex-direction:row;
gap:0;
border-radius:999px;
overflow:hidden;
box-shadow: 1px 1px 5px rgba(0,0,0,0.2);
}
.quick ul{
border-radius:0;
display:flex;
flex-direction: column;
padding:0;
flex-grow: 1;
}
.quick ul li{
flex-grow: 1;
border-top:1px #e0e0e0 solid;

order:1;
}
.quick ul li.Q-pc{
order:0;
border-bottom:1px #e0e0e0 solid;
}
.quick ul li.Q-mo1, .quick ul li.Q-pc{
display:block;
}
.quick ul li a img{
margin-bottom:0;
width:65%;
}
.quick-top{
display:none;
}
.quick ul li a{
padding:0;
width:45px;
height:45px;
display:flex;
align-items: center;
justify-content: center;
}
.quick ul li.quli-tel a{

}
.quick ul li.quli-tel a span,
.quick ul li.quli-tel a p{
display:none;
}
.quick-top{
flex-shrink: 0;
width: 20%;
border-radius:0;
}
@keyframes quickAnimation {
0% {
opacity: 1;
right: -60px; }
100% {
opacity: 1;
right: 10px; } 
}

.mo-fixed-btn{
display:flex;
justify-content: center;
align-items: center;
position:fixed;
z-index:9999;
bottom:0px;
background:#0344b8;
left:0;
width:100%;
padding:20px 0;
cursor: pointer;
color:#fff;
font-size:22px;
gap:15px;
font-weight:600;
}
.mo-fixed-btn img{
width:100px;
}
.mo-fixed-btn p{
border-radius:10px;
overflow:hidden;
}
.fixed-bar{
transition: bottom 0.3s;
bottom:-200px;
}
.fixed-bar-box{
display:block;
height:auto;
padding:15px 0;
}
.fb-p{
font-size:20px;
text-align:center;
display:flex;
align-items: center;
justify-content: center;
gap:5px;
margin-bottom:10px;
}
.fb-p span{
display:inline-block;
}
.fb-input{
flex-wrap:wrap;
justify-content: center;
height:auto;
}
.fb-input input[type="text"], .fb-input select{
width:30%;
margin:0 1.5%;
box-sizing:border-box;
height:28px;
margin-bottom:5px;
}
.fb-btn{
margin:5px auto 0;
height:32px;
font-size:15px;
}
.mo-fixed-close{
display:block;
position:absolute;
right:20px;
top:5px;
font-size:28px;
color:#fff;
}


.mo-QB{

}
.n01 [data-aos="fade-up"] {
     transform: translate3d(0, 100px, 0);
  opacity: 0;
  transition-property: transform, opacity;
transition-delay: 250ms;
}
  
[data-aos="my-animation"].aos-animate {
      transform: translate3d(0, 0px, 0);
  opacity: 1;
}


#info .main-banner-box{
padding:30px 0;
}
.info-ul{
flex-direction: column;
gap:10px;
}
.info-ul li{
width:100%;
}
.info-ul li a{
height:auto;
padding-bottom:30px;
}
.info-ul li p{
margin-top:5px;
}
}