@media screen and (max-width: 640px) {
  body {
    background: url('../images/lp/background_sp.png');
    color: #55271b;
  }
  .pc_view{
    display:none!important;
  }
  .sp_view{
    display:block!important;
  }
  .lp2_head, .lp2_body{
    width:90%;
  }
  .lp2_innner{
    width:100%;
  }
  .guide_innner{
    width:90%;
    margin-top:-1px;
  }
  .target_table .title{
    width:100%;
    box-sizing: border-box;
  }
  .target_table .body{
    width:100%;
    box-sizing: border-box;
    line-height:150%;

    padding-top: 20px;
    padding-bottom: 20px;
  }
  .flow_table{
    width:100%;
  }
  .notice{
    width:90%;
  }
  .example_title{
    width:90%;
    font-size:18px;
  }
  .judgment_table{
    width:90%;
  }
  .flow_judgment{
    font-size:16px;
    padding-top:20px;
    padding-bottom:20px;
    line-height:180%;
    padding-left:0px;
  }
  .flow_judgment_step{
    width:100px;
  }
  ul.circle_list_float li{
    float:none;
  }
  .assorted_notice{
    width:100%;
  }
  .overview{
    width:90%;
    margin-top:20px;
  }
  .guide_body{
    width:90%;
    font-size:16px;
    padding-bottom:50px;
  }
  .example_image img{
    width:80%;

    margin: 0 auto;
  }
  .example_text{
    width:90%;
    font-size:15px;
  }
  .flow_title{
    width:100%;
    padding-left:30px;
    font-weight: bold;

    box-sizing: border-box;

  }

  article {
    margin-top:332px;
  }

  .lp1{
    width:100%;
    margin:0 auto;
    background:none;
    padding-top: 60px;
    height: auto;
  }
  .movie_category{
    padding-left:30px;
  }
  .movie_area{
    width:85%;
    margin:0 auto;
    min-height:auto;
    padding:1.5%;

    background-size: contain;
  }
  .guide_outer{
    padding-top:50px;
  }
  .guide_title{
    margin-top:70px;
    margin-bottom:20px;
  }
  .guide_title_sub{
    width:90%;
    margin:0 auto;
    text-align: left;
    font-size:19px;
    line-height:180%;
    margin-top:30px;
    margin-bottom:20px;
  }
  .assorted_img img{
    width:80%;

  }
  .guide_line{
    width:100%;
  }
  .guide_line{
    width:90%;
    background:#FFF;
    margin-top:-1px;
  }
  .guide_line div{
    width:90%;
    margin:0 auto;
    padding-left:20px;
    padding-right:20px;
    box-sizing: border-box;
    background:#FFF;
    border-bottom:5px dotted #710d1b;
  }
  .target_table{
    width:90%;
    margin:0 auto;
    line-height:200%;
  }
  .flow_table{
    width:90%;
    margin-top:20px;
  }
  .assorted_notice{
    padding-left:30px;
    font-size:16px;
    box-sizing: border-box;
    padding-right:30px;
  }
  .step_next_icon::after{
    bottom:-15px;
    height:8px;
    width:8px;
    left:50px;
  }
  .flow_cell{
    font-size:16px;
    line-height:160%;
  }
  .overview_title{
    font-size:16px;
    margin-bottom:5px;
  }
  .overview_body{
    font-size:15px;
  }
  .overview_body span{
    font-size:14px;
  }
  a.contact_btn{
    width:100%;
    margin-top:10px;
    margin-bottom:10px;
    font-size:18px;
  }
  a.contact_btn:after{
    top:26px;
  }
  .guide_body_big{
    font-size:20px;
  }
  .present_info img {
    width:80%;
  }
  .movie_name{
    font-size:16px;
  }

  a.sp_success_button{
    margin-top:10px;
    margin-bottom:30px;
  }
  .font20{
    font-size:20px;
  }
  .guide_outer{
    padding-bottom:50px;
  }

.oubo_btn{
  margin:0 auto;
    width: 87%;
    margin-top: 36px;
}
.oubo_btn_top {
    width: 80%;
    margin-top: 30px;
    margin-bottom: 70px;
}
}