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


@media (max-width:1280px) {
.va-t1{font-size:18px;}
.va-t2{font-size:45px;}
.va-t4{font-size:18px;}
.va-t3{font-size:18px;}
.va-link a{font-size:20px;}
}

@media (max-width:1024px){
.va-t4{margin-top:10px; justify-content: center;}
.va-box-area{flex-direction: column; gap:30px;}
.va-txt{order:2; text-align:center; margin-bottom:50px;}
.va-img{width:65%;  max-width:500px; order:1;}
.box{
padding:50px 0;
}
.title span{
font-size:26px;
margin-bottom:15px;
}
.title p img{
width:280px;
}
.title p{
font-size:42px;
padding:0 10px;
word-break: keep-all;
}
.box1-ul li{
font-size:26px;
}
.title em{
font-size:26px;
margin-top:15px;
}
.title2{
font-size:18px;
word-break: keep-all;
}
.title2 br{
display:none;
}

.box2-dl dt{
width:220px;
line-height:60px;
padding-bottom:15px;
font-size:28px;
}

.b2dl-div span{
font-size:26px;
}
.b2dl-div strong{
font-size:22px;
}
.b2dl-div p{
font-size:16px;
}
.box2-dl dd ul{
gap:2%;
}


#box5 .box-area{
display:block;
text-align:center;
}
.ba5-left{
width:100%;
}
#box5 .title{
text-align:center;
}
.ba5-right{
width:100%;
max-width:680px;
margin:30px auto 0;
}
.ba5-left a{
display:inline-block;
line-height:80px;
height:auto;
}
.box-cs{
width:100%;
max-width:680px; margin:30px auto 0; flex-direction: column; gap:20px;
}


.ul-type1{
flex-wrap: wrap;
gap:2%;
max-width:640px;
}
.ul-type1 li{
flex:1 1 49%;
margin-bottom:2%;
}

.ul-type2{max-width:680px;}
.ul-type2 li{width:100%;}

.box6-flex{flex-direction: column;}
}	

@media (max-width:768px){
body, th, td, input, select, textarea, button{
font-size:14px;
width:98%;
}
@keyframes upAndDown {
0% {bottom: 0px;}
50%{bottom: 0px;}
100%{bottom: 0px;}
}

.header-text{position:absolute; top:0; width:100%; border-bottom:1px #e0e0e0 solid;
text-align:center;}
.header-area{width:100%; padding-top:32px; box-sizing:border-box;}
.header-logo{padding-left:10px;}
.header-logo img{width:110px;}
.header-tel p{font-size:0;}
.header-tel p i{font-size:18px;}

.va-box-area{gap:10px; width:100%;}
.va-t1{margin-bottom:10px;}
.va-t2{font-size:32px;}
.va-t4{font-size:15px;}
.va-t3 li{flex-direction: column;}
.va-t3 li div{width:100%;}
.va-t3 p{padding:10px 0;}

.box{padding:30px 0;}

.title span{word-break: keep-all; width:300px; margin:0 auto; font-size:20px;}
.title p{font-size:32px; line-height:1.1em; margin-top:10px; max-width:300px; margin:5px auto 0;
word-break: keep-all; box-sizing: border-box;}

.b6f-left{padding:15px;}
.b6f-left li{font-size:16px; word-break: keep-all; padding-top:10px;}
.b6f-left ul{gap:10px;}

.ul-type2{gap:10px; margin-top:0;}
.ul-type2 li{flex-wrap: wrap; justify-content: center; text-align:center; font-size:18px; padding:15px;}
.ul-type2 li img{width:30px;}
.ul-type2 li p{width:100%; word-break: keep-all;}

.ba5-right{margin-top:15px;}
.ba5-right ul{padding:15px 20px;}
.ba5-right li p{font-size:18px; width:60px;}
.ba5-right li{height:50px;}
.ba5-right li input[type="text"], .ba5-right li input[type="tel"]{height:45px;}
.ba5-check{font-size:16px;}
.ba5-check label span{width:15px; height:15px;}
.ba5-btn{margin-top:15px;}
.ba5-btn a{height:45px;}

.box-cs{padding:25px 15px; gap:10px;}
#box5 .box-area p{max-width:300px; word-break: keep-all; margin:0 auto;}
#box5 .box-area p strong{line-height:1.1em; font-size:28px;}
.box-cs a{padding:5px 0; width:100%; justify-content: center; font-size:28px;}


footer{
padding:30px 0;
}
.foot-info p{
margin:0 5px; font-size:16px;
}


}

@media (max-width:350px){

}