@charset "utf-8";
/* CSS Document */

@media screen and (max-width:800px){
  
  body{
    width: 100%;
  }
  .PC{
    display: none;
  }
  .SP{
    display: block;
  }
  h2{
    font-size: 5.333vw;
    padding: 8vw 0;
  }
  h2 span{
    font-size: 3.3vw;
  }
  #player{
    display: none;
  }
  #SPplayer{
    display: block;
    position: absolute; 
    top:0; 
    width: 100%; 
    height: 100%; 
    background: #FFF; 
    z-index: 9999999999;
  }
  .top_videoBox video{
    width: 100%;
  }
  .top_videoBox{
    position: static;
    width: 100%;
    margin: 0 auto;
    padding-bottom: 8vw;
  }
  .top_videoBox__inner{
    position: static;
    width: 80%;
    margin: 5.333vw auto 13.333vw auto;
    text-align: center;
    color: #323232;
  }
  .top_videoBox__inner dt img{
    width: 24vw;
    padding-bottom: 2.667vw;
  }
  .top_videoBox__inner dd:first-of-type{
    font-size: 6.667vw;
    padding-bottom: 4vw;
  }
  .top_videoBox__inner dd:nth-of-type(2){
    font-size: 3.467vw;
    padding-bottom: 4vw;
  }
  .top_videoBox__inner dd:nth-of-type(2) br{
    display: none;
  }
  .top_videoBox__inner a{
    font-size: 3.733vw;
    color: #323232;
    border: solid 2px #323232;
    padding: 2.667vw 5.333vw;
  }
  .section_pf{
    padding-bottom: 8vw;
  }
  .slick-box.slick-boxSP{
    display: block;
  }
  .slick-boxSP{
    padding-bottom: 8vw;
  }
  .slick-boxSP img{
    display: block;
    width: 32vw;
    margin-left: 4vw;
  }
  .logo-box div{
    width: 90%;
  }
  .logo-box div img{
    width: 16vw;
    height: 6.133vw;
  }
  .logo-box div img.logo_small{
    width: 8vw;
    height: 6.133vw;
  }
  .section_hb{
    margin-bottom: 10.667vw;
  }
  .section_hb__about dt{
    font-size: 4vw;
  }
  .line1{
    width: 50vw;
  }
  .line2{
    width: 55vw;
  }
.section_hb__type dt img{
    width: 18.667vw;
    height: 8.267vw;
  }
  .section_hb__type dt p{
    font-size: 3.3vw;
    text-align: center;
    line-height: 1.5em;
    padding-left: 0;
    padding-top: 5.333vw;
  }
  .section_hb__type dd{
    display: block;
  }
  .section_hb__type dd .type_yaji,
  .section_hb__type dd .type_4,
  .section_hb__type dd .type_tate{
    display: none;
  }
  .type_yoko{
    width: 90%;
    height: auto;
    margin: 0 auto;
  }
  .section_mr__inner{
    display: block;
  }
  .section_mr__inner .section_mr__inner__tytle{
    font-size: 4vw;
    padding: 4vw 0;
  }
  .section_mr__inner dd:last-child{
    width: 100%;
    font-size: 3.3vw;
    line-height: 1.5em;
    text-align: center;
    padding-bottom: 8vw;
  }
  .section_pr div{
    display: block;
    text-align: center;
  }
  .section_pr__ex_1 img{
    display: block;
    width: 70%;
    margin: 0 auto;
  }
  .section_pr__ex_1 i{
    font-size: 4vw;
    padding: 4vw 0;
  }
  .exTitle{
    font-size: 4vw;
    padding: 10.667vw 0 5.333vw 0;
  }
  .exBox{
    padding: 6.667vw 0;
  }
  .exBox dt{
    font-size: 3.467vw;
  }
  .exBox dd{
    font-size: 3.733vw;
    padding: 4vw 8vw;
  }
  .exBox__total img{
    width: 8vw;
    margin-top: 2.667vw;
    margin-bottom: 2.667vw;
  }
  .exBox__total p{
    font-size: 5.333vw;
  }
  .section_pr_caution{
    font-size: 2.667vw;
    width: 100%;
  }
  .section_pr div.section_pr_caution{
    text-align: left;
  }
  .section_pr_caution ul li{
    font-size: 3.3vw;
  }
  .section_af{
    display: block;
    margin: 18.667vw auto;
  }
  .section_af div{
    margin-bottom: 2.667vw;
  }
  footer{
    padding: 13.333vw 0 ;
  }
  footer ul{
    display: block;
    text-align: center;
  }
  footer ul li{
    font-size: 2.667vw;
  }
  footer ul .linkBox a{
    font-size: 3.467vw;
  }
  .linkBox{
    margin-bottom: 5.333vw;
  }
  footer ul img{
    width: 30%;
    padding: 5.333vw;
  }
}