@charset "UTF-8";


/* .index11_01
==============================================*/
  .index11_01 .inner{
      background: url(../../../img/usr/lp/index14/osusume_bg.jpg) no-repeat center top;
      background-size: cover;
  }
  .index11_01 h2 img{
    margin:0 auto;
  }
  .index11_01 .inner>.pc-on{
    max-width:620px;
    width:calc(100% - 20px);
    margin:-60px auto 0;
  }


@media only screen and (max-width: 960px){
  .index11_01 .inner{
      background: url(../../../img/usr/lp/index14/osusume_bg_sp.png) no-repeat center top;
      background-size: 100% auto;
    padding: 0 0 40px;
  }
  .index11_01 .inner>.sp-on{
    max-width:710px;
    width:calc(100% - 20px);
    margin:-6.2vw auto 0;
  }
}

/* .index11_02
==============================================*/
.index11_02 .point02, .index11_02 .point03{
  margin-top:20px;
}
@media only screen and (max-width: 960px){
  .index11_02 {
    background: url(../../../img/usr/lp/index11/point_bg.jpg);
    background-size: 100% auto;
    padding: 0 0 40px;
    text-align:center;
  }
  .index11_02 h2 img{
    width:100%;
  }
  .index11_02>.sp-on{
    margin:0 20px;
  }
  .index11_02>.sp-on img{
    margin:20px auto;
    width:100%;
    max-width:680px;
  }

}


/* .index14_01
==============================================*/
  .index14_01{
     background: url(../../../img/usr/lp/index14/kodawari_bg2.jpg) repeat-x center top;
     background-size: 1920px auto;
  }
  .index14_01 .inner{
     background: url(../../../img/usr/lp/index14/kodawari_bg.jpg) no-repeat center top;
     background-size: 1920px auto;
    padding:60px 0 30px;
  }
  .index14_01 .txt{
    margin:300px auto 0;
  }

@media only screen and (max-width: 960px){
  .index14_01 .inner{
     background: #55a2e6 url(../../../img/usr/lp/index14/kodawari_bg_sp.jpg) no-repeat center top;
     background-size: 100% auto;
    padding:10vw 0 40px;
  }
  .index14_01 .tit{
    width:74vw;
  }
  .index14_01 .txt{
    margin:50vw auto 0;
    width:90vw;
  }
}
/* .index14_02
==============================================*/
.index14_02{
   background: url(../../../img/usr/lp/index14/exam_bg.jpg) no-repeat center top;
   background-size: cover;
   padding:60px 0;
}
.index14_02 .menu{
  max-width:700px;
  margin:60px auto 0;
}
.index14_02 .menu li{
  padding:0 15px;
  box-sizing:content-box;
}
.index14_02 .menu .slick-arrow{
  width:33px;
  position:absolute;
  top:28%;
  z-index:10;
  cursor:pointer;
}
.index14_02 .menu .slick-arrow:first-of-type{
  left:0;
}
.index14_02 .menu .slick-arrow:last-of-type{
  right:0;
}

@media only screen and (max-width: 960px){
  .index14_02{
    background: url(../../../img/usr/lp/index14/exam_bg_sp.jpg) no-repeat center top;
    background-size: cover;
     padding:40px 0;
  }
  .index14_02 .tit{
    width:80vw;
    max-width:535px;
  }
  .index14_02 .menu{
    margin:40px auto 0;
  }
  .index14_02 .menu .slick-arrow{
    top:40%;
  }
}

/* .index14_03
==============================================*/
.index14_03{
   background: url(../../../img/usr/lp/index14/ranking_bg.jpg) no-repeat center top;
   background-size: cover;
   padding:60px 20px;
}

@media only screen and (max-width: 960px){
  .index14_03{
    background: url(../../../img/usr/lp/index14/ranking_bg_sp.jpg) no-repeat center top;
    background-size: cover;
   padding:40px 0;
  }
  .index14_03 h2 img{
    width:100%;
  }
  .index14_03 .inner{
    padding:0 20px;
  }
}
/* #block-sns
==============================================*/
#block-sns{
   background: url(../../../img/usr/lp/index14/sns_bg2.jpg) repeat-x center top;
   background-size: 20px auto;
  padding: 0;
}
#block-sns .inner{
   background: url(../../../img/usr/lp/index14/sns_bg.jpg) no-repeat center top;
   background-size: 1920px auto;
   padding:200px 80px 40px;
}
#block-sns h2 {
  margin: 0 auto 40px;
}
#block-sns .scroll-bg{
  width:866px;
  margin:0 auto;
}

@media only screen and (max-width: 1100px){
  #block-sns .inner{
     background: url(../../../img/usr/lp/index14/sns_bg.jpg) no-repeat center top;
     background-size: 180% auto;
  }
  #block-sns h2 img{
    width:80%;
  }
  #block-sns .scroll-bg{
    width:100%;
  }
}

@media only screen and (max-width: 960px){
  #block-sns{
     background: url(../../../img/usr/lp/index14/sns_bg2.jpg) repeat-x center top;
     background-size: auto 100%;
  }
  #block-sns .inner{
    background: url(../../../img/usr/lp/index14/sns_bg_sp.jpg) no-repeat center top;
    background-size: auto 100%;
    padding: 34vw 8vw 6vw;
  }
  #block-sns .scroll{
    padding:0 11vw;
  }
  #block-sns ul li .sp-on {
    display:block !important;
  }
}
@media screen and (max-width:750px) {
  #block-sns .inner{
    background: url(../../../img/usr/lp/index14/sns_bg_sp.jpg) no-repeat center top;
    background-size: cover;
    padding: 34vw 8vw 10vw;
  }
  #block-sns .scroll{
    padding:0 11vw 0 3vw;
  }
}