@charset "utf-8";

.skitter,.skitter-square,
.container_skitter,
.box_skitter,
.box_skitter img { width:100% !important; margin: 0; }

.skitter .tit  { padding: 0 10px; width: 100%; }
.skitter .tit h2 { margin: 0; font-size: 60px; font-weight: 700; line-height: 1; color: #fff; letter-spacing: 0.1em}
.skitter .tit p { padding: 50px 0 100px; font-size: 20px; line-height: 1.6; font-weight: 400;}
.skitter .tit p span { display: block;}
.skitter .tit .link_box { display:flex; margin:0 auto; width:100%; max-width:620px; justify-content:space-between; }
.skitter .tit .link_box a { display:flex; position:relative;  padding:0 25px; width:48%; height:60px; align-items:center; border:1px solid #fff; font-size:20px; font-weight: 400; text-align:left;  color:#fff; transition:all .3s; }
.skitter .tit .link_box a span { display:inline-block; position:absolute; left:25px;  transition:all .3s; white-space:nowrap; }
.skitter .tit .link_box a:hover {  background:rgba(0,106,225,.9); border:1px solid rgba(0,106,225,.9); }

.visual { position:relative;}
.visual .scroll-down { position: absolute; z-index:9999; bottom:0; left:50%; transform:translateX(-50%); }

@media (min-width:769px) {
.skitter .tit .link_box a:hover span { left:13%;  }
.skitter .tit .link_box a:after { content:'+'; position:absolute; right:25px; transition:all .3s;} 
.skitter .tit .link_box a:hover:after { transform:rotate(90deg);  }
}


@media (max-width:1300px){
    .skitter .tit p { padding: 40px 0 80px;}
}


@media (max-width:1199px) {


.skitter .tit .box { max-width:550px; }
    
 .visual .scroll-down { display:none;}   
}

@media (max-width:991px) {
    .skitter .tit h2 {  font-size: 50px;}
    .skitter .tit p { padding: 30px 0 60px; font-size: 18px;}

    .skitter .tit .link_box { max-width:520px; }
    .skitter .tit .link_box a { font-size:18px; height:50px;}

}
@media (max-width:768px) {
.skitter .tit h2 {  font-size: 38px;}
    .skitter .tit p { padding: 30px 0 0;font-size: 16px; }
.skitter .tit .link_box { display: none;}


.skitter .prev_button,
.skitter .next_button { transform:scale(.8), translateY(-50%); }
.skitter .prev_button { left:10px;}
.skitter .next_button { right:10px;}
}
    
@media (max-width:576px) {
.skitter .prev_button,
.skitter .next_button { opacity:0;;} 
}

@media (max-width:480px) {
    .skitter .tit h2 {  font-size: 36px;}
    .skitter .tit p { padding: 20px 0 0; font-size: 15px;}
    .skitter .tit p span { display: inline;;}
}

@media (max-width:400px) {
    .skitter .tit h2 {  font-size: 34px;}
    .skitter .tit h2  { line-height: 1.2;}
    .skitter .tit p { display: none;}    
}