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


@media (max-width:1280px) {

}

@media (max-width:1024px){
.header-top p{
text-align:center;
}	
.va-img{
width:100%;
left:0;
margin-left:0;

}
.va-txt{
display:block;
}
.va-t1{
font-size:28px;
margin-bottom:0;
}
.va-t2{
font-size:40px;
}
.va-t3{
font-size:18px;
}
.va-t3 img{
width:50px;
margin-bottom:10px;
}
.va-link{
margin-top:10px;
}
.va-link a{
font-size:16px;
}

.box{
padding:80px 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:600px;
margin:30px auto 0;
}
.ba5-left a{
display:inline-block;
line-height:80px;
height:auto;
}
.ul-type1{

}
.ul-type1 li{

}
}	

@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;}
}
.quick {
width:100%;
right:0;
}
.quick a br{
display:none;
}
.quick a{
height:45px;
width:100%;
border-radius:0;
flex-direction: row;
font-size:20px;
}

.quick a img{
padding-right:0;
width:40px;
}

header{
}
.header-top > a{
padding:5px;
}
.header-top p{
}
.header-top em{
padding:3px 10px;
}
.header-area{
gap:0px 10px;
justify-content: center;
flex-wrap: wrap;
width:100%;
}
.header-logo img{
/*width:160px;*/
top:0;
left:0;
}
.ha-info{
background:#eeeeee;
width:100%;
text-align:center;
justify-content: center;
}
.header-tel{
padding:5px 10px;
}
.header-tel span{
display:none;
font-size:14px;
}	
.header-text{
/*position:absolute;
width:100%;
text-align:center;
top:0;
left:0;
background:#ff7200;*/
}



#visual{
background:#12203d;
padding-top:0px;
}
.va-img{
width:140%;
left:-20%;
}
.va-link a{
padding:7px 25px;
font-size:15px;
}
.va-link a img{
width:18px;
}
.va-t1{
font-size:24px;
}
.va-t2{
font-size:32px;
}
.va-t3 img{
width:30px;
}
.va-t3{
font-size:15px;
line-height:1.1;
}
.va-t3 br{

}
.va-txt{
top:20px;
}
.va-link{
margin-top:10px;
}
.va-box{
padding-top:80px;
background:#fff;
}

.ba-flex{
flex-direction: column;
}
.ba-flex .title{
width:100%;
text-align:center;
}
.ba-content{
width:100%;
margin-top:20px;
}

.box{
padding:30px 0;
}
.title{
padding-bottom:5px;
}
.title span, .title .tit-sp2 {
font-size: 16px;
margin-bottom: 10px;
}
.title a{
font-size:16px;
}
.title p img{
width:160px;
vertical-align: -5px;
}
.title p{
font-size:28px;
margin-bottom:10px;
}
.title em{
font-size:18px;
word-break: keep-all;
}
.title .tit-sp3 p{
font-size:16px;
}
.box1-ul li{
width:50%;
}
.box1-ul li{
font-size:18px;
box-shadow: 0;
}

.ul-type1{
margin-top:10px;
}
.ul-type1 li{
width:120px;
margin:0;
}
.ult1-div img{
width:40px;
}
.ult1-div span{
font-size:18px;
}
.ult1-div span:after{
width:15px;
margin:5px auto;
display:none;
}
.ult1-div p{
font-size:15px;
line-height:1.2;
}
.ult1-div > div{
box-shadow: 0px 0px 5px #dbe2ec;
}
.ult1-div strong{
padding:0 20px;
word-break: keep-all;
}

#box2 p br{
display:block;
}

.box2-dl dt {
width: 170px;
line-height: 47px;
padding-bottom: 12px;
font-size: 22px;
}
.box2-dl dd ul{
flex-wrap:wrap;
}
.box2-dl dd{
margin-top:20px;
}
.box2-dl dd ul li{
flex:1 1 40%;
margin:0 auto;
margin-bottom:2%;
max-width:160px;
}
.b2dl-div > div{
border-width:5px;
gap:0px;

}
.b2dl-div span{
font-size:20px;
}
.b2dl-div strong{
font-size:18px;
}
.b2dl-div p{
font-size:14px;
letter-spacing: -0.15em;
line-height:1.25em;
}
.b3l-top{
font-size:16px;
height:45px;
border-radius:10px;
}
.b3l-ul li{
font-size:13px;
height:45px;
border-radius:10px;
overflow:hidden;
padding:0 10px;
}
.b3l-ul li p span{
padding:5px 0px;
width:100%;
box-sizing:border-box;
display:block;
text-align:center;
}

.box-counter{
margin-top:15px;
}
.box-counter span{
font-size:13px;
}
.box-counter em{
font-size:17px;
}


.box4-ul li{
width:100%;
border-radius:9999px !important;
height:60px;
font-size:20px;
}
.box4-ul li img{
height:30px;
bottom:-8px;
}

.ba5-left a{
background-size:50px 44px;
padding-left:60px;
line-height:44px;
font-size:22px;
}
.ba5-right{
margin-top:10px;
padding:15px;
}
.ba5-right li{
padding:0 10px;
gap:0;
height:55px;
margin-bottom:5px;
}
.ba5-right li p{
font-size:16px;
width:70px;
}

.ba5-check{
font-size:15px;
}
.ba5-btn {
margin-top: 15px;
}
.ba5-btn a{
height:55px;
font-size:18px;
}
.ba5-btn a i{
font-size:20px;
}

.b5r-tit{
font-size:15px;
}


.ul-type2{

}
.ul-type2 li{
width:100%;
font-size:18px;
gap:5px;
padding:15px;
}
.ul-type2 li strong{
flex-shrink: 0;
}
.ul-type2 li img{
flex-shrink: 0;
width:30px;
}

.slider-box{
font-size:18px;
gap:5px;
}

#box6 .slick-vertical .slick-slide.active.on2{
    opacity: 1;
    transition: all .2s;
}
#box6 .slick-vertical .slick-slide.active.on2 .slider-box{
    position: relative;
  
    transform: scale(.95);
    transition: all .2s;
}
#box6 .slick-vertical .slick-slide.active.on1{
    opacity: .5;
    transition: all .2s;
}
#box6 .slick-vertical .slick-slide.active.on1 .slider-box{
    position: relative;
    bottom: 0px;
    transform: scale(.85);
    transition: all .2s;
}
#box6 .slick-vertical .slick-slide.active.on3{
    opacity: .5;
    transition: all .2s;
}
#box6 .slick-vertical .slick-slide.active.on3 .slider-box{
    position: relative;
    top: 0px;
    transform: scale(.85);
    transition: all .2s;
}

.flex-box{
margin-top:15px;
display:block;
}
.flex-box div{
width:85%;
margin:10px auto 0;
}

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

.foot-text{
padding-top:20px;
font-size:13px;
word-break: keep-all;
line-height:1.3;
}
.foot-text br{
display:none;
}


}

@media (max-width:350px){

}