@charset "utf-8";

.form_page .contents {padding: 75px 20px 0;}

.form_page .contents .introText {
	max-width:1025px;
	margin:0 auto 2em;
}

.form_blc{
  width: 100%;
  max-width: 1025px;
  margin: 0 auto;
  }
.form_blc.confirm {
	margin:0 auto 2em;
}
#form1 {
	margin-bottom:4rem;
}

  .form_itm{display: flex;}
    .form_itm_ttl{
      width: 190px;
      padding: 33px 0 15px;
      border-top: 1px solid rgba(104,104,104,1); 
      }
#form1 .form_itm_ttl {
  border-bottom: 1px solid rgba(104,104,104,1); 
}
.form_blc.confirm .form_itm_ttl {
      padding: 20px 0;
}
      .contact_page .form_itm_ttl{width: 230px;}
      .req_mark{
        margin-left: 5px;
        color: rgba(255,0,0,1);
        }
    .form_itm_cont{
      width: calc(100% - 190px);
      padding: 20px 0 20px 25px;
      border-top: 1px solid rgba(200,198,198,1); 
      box-sizing: border-box;
      }
#form1 .form_itm_cont {
  border-bottom: 1px solid rgba(200,198,198,1); 
}
      .contact_page .form_itm_cont{width: calc(100% - 230px);}
      .form_subitm{
        display: flex;
        align-items: center;
        box-sizing: border-box;
        margin-bottom: 10px;
        }
        .form_subitm:last-of-type{margin-bottom: 0;}
        .form_subitm_ttl{width: 175px;}
        .form_subitm_cont{width: calc(100% - 175px);}

    .form_nop{display: flex;}      
      .total_nop{}
      .bd_nop{margin-left: 10px;}
      
    .bus_dtil{display: flex;}
      .bus_dtil:first-of-type{margin-bottom: 15px;}
      .process_blc{
        display: inline-flex;
        align-items: center;
        width: 125px;
        }
    .departure_blc{margin-left: 10px;}
      .boarding_loca{
        display: inline-flex;
        width: 185px;
        }
    .input_std{
      display: inline-block;
      width: 100%;
      height: 50px;
      padding: 5px 10px;
      border: 0;
      background-color: rgba(238,239,241,1);
      box-sizing: border-box;
      }
      .total_nop_input{
        width: 165px;
        margin: 0 10px;
        }
      .bd_nop_input{
        width: 130px;
        margin: 0 5px;
        }
      .use_day_input{
        width: 185px;
        margin: 0 0 0 5px;
        }
      .dep_time{
        width: 165px;
        margin: 0 5px;
        }
      .input_shrt{max-width: 380px;}
    .textarea_std{
      width: 100%;
      height: 230px;
      padding: 10px;
      border: 0;
      background-color: rgba(238,239,241,1);
      box-sizing: border-box;
      }
    .radio_std{
      width: 15px;
      height: 15px;
      margin-right: 5px;
      vertical-align: middle;
      position: relative;
      top: 1px;
      }
    .radio_label{
      vertical-align: middle;
      line-height: 1;
      }
  .prcs_input{
    display: flex;
    margin-bottom: 10px;
    }
    .prcs_input:last-of-type{margin-bottom: 0;}
    .pi_pc_ttl{margin-bottom: 20px;}
    .hotel_name,
    .stay_date{
      width: calc((100% - 320px) / 2);
      margin-right: 25px;
      }
      .htl_name_input{
        display: flex;
        align-items: center;
        height: 50px;  
        }
.form_blc.confirm .htl_name_input {
	height:auto;
}
    .meal_cont{width: 270px;}
    .meal_radio_blc{
      display: flex;
      align-items: center;
      width: 270px;
      height: 50px;
      }
.form_blc.confirm .meal_radio_blc {
	height:auto;
}
      .meal_radio_itm{margin-right: 10px;}
        .meal_radio_itm:last-of-type{margin-right: 0px;}

  .pp_agree{
    margin-bottom: 50px;
    text-align: center;
    }
    .pp_agr_cb{
      margin-right: 5px;
      position: relative;
      top: -3px;
      }
    .pp_agree_link{text-decoration: underline;}
      .pp_agree_link:hover{text-decoration: none;}

.form_blc.confirm .btn_double {
	margin-top:2em;
}
.btn_double .glbl_btn_blue-gd {
	margin-bottom:1em;
}


@media screen and (max-width: 1100px) {

.process_blc{width: 100px;}
  .boarding_loca{width: 185px;}
  .total_nop_input{width: 100px;}
  .bd_nop_input{width: 80px;}
  .use_day_input{width: 120px;}
  .dep_time{width: 110px;}

} /* max-width: 1100px */

@media screen and (max-width: 950px) {

.form_subitm_ttl{width: 150px;}
.form_subitm_cont{width: calc(100% - 150px);}
.process_blc{width: 60px;}
  .boarding_loca{width: 170px;}
  .total_nop_input{width: 80px;}
  .bd_nop_input{width: 60px;}
  .use_day_input{width: 90px;}
  .dep_time{width: 80px;}

} /* max-width: 950px */

@media screen and (max-width: 850px) {

.form_itm{flex-wrap: wrap;}  
  .form_itm_ttl{
    width: 100%;
    margin-bottom: 15px;
    padding: 20px 0 0 0;
    font-size: 16px;
    font-weight: bold;
    }
    .contact_page .form_itm_ttl{width: 100%;}
  .form_itm_cont{
    width: 100%;
    padding: 0 0 30px 0;
    border-top: 0; 
    }
    .contact_page .form_itm_cont{width: 100%;}  
  .input_std{height: 40px;}    
  .meal_radio_blc{height: 40px;}  
  .htl_name_input{height: 40px;}

} /* max-width: 850px */  

@media screen and (min-width: 601px) {

.pi_sp_ttl{display: none;}

}

@media screen and (max-width: 600px) {

.form_subitm{flex-wrap: wrap;}
  .form_subitm_ttl{
    width: 100%;
    margin-bottom: 5px;
    font-weight: bold;
    }
  .form_subitm_cont{width: 100%;}
    .form_nop{display: block;}      
      .total_nop{margin-bottom: 10px;}
      .bd_nop{margin-left: 0;}

    .bus_dtil{display: block;}
      .bus_dtil:first-of-type{margin-bottom: 30px;}
      .process_blc{
        display: block;
        width: 100%;
        margin-bottom: 10px;
        font-weight: bold;
        }
    .use_blc{margin-bottom: 10px;}  
    .departure_blc{margin-left: 0;}
      .boarding_loca{
        display: block;
        width: 100%;
        margin-bottom: 10px;
        }   
.prcs_input{
  flex-wrap: wrap;
  margin-bottom: 30px;
  }    
  .pi_pc_ttl{display: none;}
  .pi_sp_ttl{
    margin-bottom: 5px;
    font-weight: bold;
    }
    .hotel_name,
    .stay_date{
      width: calc((100% - 20px) / 2);
      margin-bottom: 15px;
      }
      .hotel_name{margin-right: 20px;}
      .stay_date{margin-right: 0;}
      
    .meal_cont{width: 100%;}
    .meal_radio_blc{
      width: 100%;
      height: auto;
      }
    .radio_std{top: 0px;}
    .pp_agr_cb{top: 0px;}    
} /* max-width: 600px */