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

@media screen and (min-width: 641px),print {
  #bousoucp #contents #main .common_button{
    width:18em;
    margin:0 auto 56px;
  }

  #bousoucp #contents #main .common_button .pdf{
    font-size:0.8em;
  }


  #bousoucp #contents #main h1{
    width:86.95%;
    max-width:826px;
    margin:22px auto 38px;
  }

  #bousoucp #contents #main #main_visual{
    width:92.11%;
    max-width:875px;
    margin-left:50px;
    padding-top:32.84%;
    position:relative;
    background-image:url('../img/train/bk_main_pc.png');
    background-size:100% auto;
    background-repeat:no-repeat;
    margin-bottom:35px;
  }

  #bousoucp #contents #main #main_visual h2{
    font-size:1.4em;
    letter-spacing:0.04em;
    color:#231815;
    font-weight:bold;
    line-height:1.55;
    position:absolute;
    top:20%;
    left:53.26%;
  }

  #bousoucp #contents #main #main_visual #copy_line1{
    font-size:1.0em;
    color:#231815;
    position:absolute;
    top:58.97%;
    left:52.05%;
  }

  #bousoucp #contents #main #main_visual #copy_line2{
    font-size:1.0em;
    color:#231815;
    position:absolute;
    top:68.59%;
    left:54.32%;
  }

  #bousoucp #contents #main #main_visual #copy_line3{
    font-size:1.0em;
    color:#231815;
    position:absolute;
    top:77.24%;
    left:72.61%;
  }

  #bousoucp #contents #main #main_next{
    width:80.42%;
    min-width:580px;
    margin:0 auto;
    max-width:764px;
    text-align:center;
    margin-bottom:55px;
  }

  #bousoucp #contents #main #main_next #info_main_next1{
    width:55.76%;
    float:right;
    background-image:url('../img/train/bk_main_next1_pc.png');
    background-repeat:no-repeat;
    background-size:66.90% auto;
    background-position:center top;
    margin-bottom:20px;
  }

  #bousoucp #contents #main #main_next #info_main_next2{
    width:44.24%;
    float:right;
    background-image:url('../img/train/bk_main_next2_pc.png');
    background-repeat:no-repeat;
    background-size:84.32% auto;
    background-position:center top;
    margin-bottom:20px;
  }

  #bousoucp #contents #main #main_next #info_main_next3{
    width:55.76%;
    float:right;
    background-image:url('../img/train/bk_main_next3_pc.png');
    background-repeat:no-repeat;
    background-size:66.90% auto;
    background-position:center top;
  }

  #bousoucp #contents #main #main_next #info_main_next4{
    width:44.24%;
    float:right;
    background-image:url('../img/train/bk_main_next4_pc.png');
    background-repeat:no-repeat;
    background-size:84.32% auto;
    background-position:center top;
  }

  #bousoucp #contents #main #main_next .info_main_next h2{
    margin-top:295px;
    font-size:1.0em;
    font-weight:bold;
    height:60px;
    line-height:60px;
    background-image:url('../img/train/bk_main_next_title_pc.png');
    background-repeat:no-repeat;
    background-size:auto 42px;
    background-position:center top;
  }

  #bousoucp #contents #main #main_next #info_main_next1 h2{
    line-height:125%;
  }

  #bousoucp #contents #main #main_next #info_main_next1 h2 span{
  	display:block;
  	padding-top:10px;
  }

  #bousoucp #contents #main #main_next .info_text{
    font-size:0.8em;
    color:#231815;
    line-height:1.65;
    text-align:center;
  }

  #bousoucp #contents #main #main_next .common_button{
    width:300px;
    margin:20px auto 0;
    font-size:0.8em;
  }

  #bousoucp #contents #main #cyclerack{
  }

  #bousoucp #contents #main #cyclerack #cyclerack_title{
    width:333px;
    margin:0 auto;
    padding-bottom:20px;
  }

  #bousoucp #contents #main #cyclerack .cyclerack_info{
    color:#231815;
    font-size:18px;
    text-align:center;
    padding-bottom:25px;
  }

  #bousoucp #contents #main #cyclerack #cyclerack_movie{
    width:501px;
    margin:0 auto 40px;
    padding-top:282px;
    position:relative;
  }

  #bousoucp #contents #main #cyclerack #cyclerack_movie iframe{
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
  }

  #bousoucp #contents #main #cyclerack #cyclerack_3steptitle{
    width:242px;
    margin:0 auto 30px;
  }

  #bousoucp #contents #main #cyclerack #step3_wrapper{
    width:91.05%;
    max-width:865px;
    margin:0 auto;
    background-image:url('../img/train/bk_3step_pc.png');
    background-repeat:no-repeat;
    background-size:100% auto;
  }

  #bousoucp #contents #main #cyclerack #step3_wrapper li{
    width:29.43%;
    /*padding-top:15.14%;*/
	padding-top:24.14%;
    float:left;
    text-align:center;
  }

  #bousoucp #contents #main #cyclerack #step3_wrapper li h3{
    /*width:76.82%;*/
	  width:70%;
  }

  #bousoucp #contents #main #cyclerack #step3_wrapper li .step3_text{
    color:#231815;
    font-size:1.0em;
    line-height:1.65;
    padding:16px 0 30px;
    display:inline-block;
  }

  #bousoucp #contents #main #cyclerack #step3_wrapper li#step1{
    margin-right:6%;
  }

  #bousoucp #contents #main #cyclerack #step3_wrapper li#step1 img{
	margin-left:24%;
  }

  #bousoucp #contents #main #cyclerack #step3_wrapper li#step2{
    margin-right:4%;
  }

  #bousoucp #contents #main #cyclerack #step3_wrapper li#step2 img{
    margin-left:16%;
  }

  #bousoucp #contents #main #cyclerack #step3_wrapper li#step3{
  }

  #bousoucp #contents #main #cyclerack #step3_wrapper li#step3 img{
    margin-left:16%;
  }

  #bousoucp #contents #main .add_text{
    width:90.53%;
    margin:0 auto;
    color:#231815;
    font-size:0.8em;
    line-height:1.65;
    margin-bottom:35px;
  }

  #bousoucp #contents #main .add_text .red{
    color:#c60000;
  }
}

@media screen and (max-width: 640px) {
  #bousoucp #contents #main{
    padding-bottom:20px;
  }

  #bousoucp #contents #main .common_button{
    width:80%;
    margin:0 auto 29px;
  }

  #bousoucp #contents #main .common_button .pdf{
    font-size:3.40vw;
  }


  #bousoucp #contents #main h1{
    width:86.78%;
    margin:15px auto 0;
    padding-bottom:11px;
  }

  #bousoucp #contents #main h1 img{
    width:100%;
  }

  #bousoucp #contents #main #main_visual{
    width:100%;
    padding-top:113.76%;
    position:relative;
    background-image:url('../img/train/bk_main_sp.png');
    background-size:100% auto;
    background-repeat:no-repeat;
    margin-bottom:22px;
  }

  #bousoucp #contents #main #main_visual h2{
    font-size:4.69vw;
    color:#231815;
    letter-spacing:0.04em;
    font-weight:bold;
    line-height:1.4;
    position:absolute;
    top:63%;
    left:16.75%;
  }

  #bousoucp #contents #main #main_visual #copy_line1{
    font-size:3.75vw;
    color:#231815;
    position:absolute;
    top:82.48%;
    left:16.72%;
  }

  #bousoucp #contents #main #main_visual #copy_line2{
    font-size:3.75vw;
    color:#231815;
    position:absolute;
    top:88.08%;
    left:21.55%;
  }

  #bousoucp #contents #main #main_visual #copy_line3{
    font-size:3.75vw;
    color:#231815;
    position:absolute;
    top:93.83%;
    left:55.69%;
  }

  #bousoucp #contents #main #main_next{
    width:100%;
  }

  #bousoucp #contents #main #main_next #info_main_next1{
    width:100%;
    padding-top:69.49%;
    background-image:url('../img/train/bk_main_next1_sp.png');
    background-repeat:no-repeat;
    background-size:100% auto;
    background-position:center top;
    padding-bottom:30px;
  }

  #bousoucp #contents #main #main_next #info_main_next2{
    width:100%;
    padding-top:69.49%;
    background-image:url('../img/train/bk_main_next2_sp.png');
    background-repeat:no-repeat;
    background-size:100% auto;
    background-position:center top;
    padding-bottom:20px;
  }

  #bousoucp #contents #main #main_next #info_main_next3{
    width:100%;
    padding-top:69.49%;
    background-image:url('../img/train/bk_main_next3_sp.png');
    background-repeat:no-repeat;
    background-size:100% auto;
    background-position:center top;
    padding-bottom:30px;
  }

  #bousoucp #contents #main #main_next #info_main_next4{
    width:100%;
    padding-top:69.49%;
    background-image:url('../img/train/bk_main_next4_sp.png');
    background-repeat:no-repeat;
    background-size:100% auto;
    background-position:center top;
    padding-bottom:20px;
  }

  #bousoucp #contents #main #main_next .info_main_next h2{
    width:100%;
    padding-top:10.12%;
    background-image:url('../img/train/bk_main_next_title_sp.png');
    background-repeat:no-repeat;
    background-size:100% auto;
    background-position:center top;
    position:relative;
    margin-bottom:14px;
  }

  #bousoucp #contents #main #main_next .info_main_next span{
    display:block;
    position:absolute;
    width:100%;
    text-align:center;
    font-size:4.06vw;
    font-weight:bold;
    left:0;
    top:33.93%;
  }

  #bousoucp #contents #main #main_next #info_main_next1 span{
    top:5%;
  }

  #bousoucp #contents #main #main_next .info_text{
    font-size:3.75vw;
    color:#231815;
    line-height:1.65;
    text-align:center;
  }

  #bousoucp #contents #main #main_next .common_button{
    width:82.92%;
    margin:20px auto 0;
    font-size:3.75vw;
  }

  #bousoucp #contents #main #cyclerack{
  }

  #bousoucp #contents #main #cyclerack #cyclerack_title{
    width:68.97%;
    margin:0 auto;
    padding-bottom:15px;
  }

  #bousoucp #contents #main #cyclerack #cyclerack_title img{
    width:100%;
    height:auto;
  }

  #bousoucp #contents #main #cyclerack .cyclerack_info{
    color:#231815;
    font-size:3.75vw;
    text-align:center;
    padding-bottom:20px;
  }

  #bousoucp #contents #main #cyclerack #cyclerack_movie{
    width:86.38%;
    margin:0 auto 21px;
    padding-top:48.5888%;
    position:relative;
  }

  #bousoucp #contents #main #cyclerack #cyclerack_movie iframe{
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
  }

  #bousoucp #contents #main #cyclerack #cyclerack_3steptitle{
    width:41.72%;
    margin:0 auto 15px;
  }

  #bousoucp #contents #main #cyclerack #cyclerack_3steptitle img{
    width:100%;
    height:auto;
  }

  #bousoucp #contents #main #cyclerack #step3_wrapper{
  }

  #bousoucp #contents #main #cyclerack #step3_wrapper li h3{
    width:85.08%;
    margin:0 auto 9px;
  }

  #bousoucp #contents #main #cyclerack #step3_wrapper li h3 img{
    width:80%;
    height:auto;
	margin-left: 10%;
  }

  #bousoucp #contents #main #cyclerack #step3_wrapper li .step3_text{
    text-align:center;
    font-size:3.75vw;
    color:#231815;
    line-height:1.65;
    padding-bottom:24px;
  }

  #bousoucp #contents #main .add_text{
    width:86.38%;
    margin:0 auto;
    color:#231815;
    font-size:1.0em;
    line-height:1.65;
    margin-bottom:35px;
  }

  #bousoucp #contents #main .add_text .red{
    color:#c60000;
  }

}