/** 賃料計算 */
.condition_use_people { display: flex; }
.condition_use_people .stepper_input { display: flex; width: 100%; }
.condition_use_people .stepper_input_button_wrap .stepper_input_button { -webkit-appearance: none; -moz-appearance: none; appearance: none; border-style:none; font-weight: bold; color: #FFFFFF; width: 100%; min-width: 36px; height: 100%; line-height: 100%; display: block; background-color: #317EF5;}
.condition_use_people .stepper_input_button_left{border-radius: 4px 0 0 4px;}
.condition_use_people .stepper_input_button_right{border-radius: 0 4px 4px 0;}
.condition_use_people .stepper_input .stepper_input_value {font-size: 1.4rem; display: flex; padding: 16px 8px; width: 100%; border: 1px solid #707070; font-weight: bold; }
.price_calc_button { -webkit-appearance: none; -moz-appearance: none; appearance: none; border-style:none; font-size: 1.4rem; font-weight: bold; color: #FFFFFF; width: 100%; display: block; margin: 16px auto 0; padding: 12px 16px; background-color: #317EF5; border-radius: 100px;}

.condition_use_people .stepper_input .stepper_input_value { display: flex; justify-content: center; }
.condition_use_people .stepper_input .use_people { text-align: right; border: none; }
.condition_use_people .stepper_input .people_unit { display: block; }

.price_calc_result { width: 100%; }
.price_calc_result .price_row{width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between;}
.price_calc_result .total{font-weight: bold; color: #FFFFFF; display: flex; justify-content: space-between; align-items: center; gap: 0 8px; background-color: #333333; padding: 8px;}

.price_calc_result .detail{width: 100%; padding: 8px; display: flex; justify-content: space-between; align-items: center; gap: 0 8px;}
.price_calc_result .about{width: 50%;}
.price_calc_result .price_result{width: calc(50% - 8px); min-width: calc(50% - 8px); text-align: right;}
.price_calc_result .price_result .price{font-weight: bold;}
.price_calc_result .annotation{display: block; font-size: 1.1rem; line-height: 1.4;}
.price_calc_result .price_result .tax{font-size: 1.0rem;}
.price_calc_result .detail:nth-child(even){background-color: #F5F5F5;}
.total .price_result span, .detailTax span{margin-right: 4.1em;}
.price_result_tax{width: 4.1em; display: inline-block;}

.contact_info .price_calc_result .total{ color: #333333; background-color: #F2F2F2;}
.contact_info .price_calc_result .option_ttl{font-weight: bold; padding: 8px; margin-top: 10px; border-bottom: 2px solid #EEEEEE;}
.contact_info .price_calc_result { padding: 10px; }
.contact_info .price_calc_result .about{width: 60%;}
.contact_info .price_calc_result .detail:nth-child(even){background-color:unset;}
.contact_info .price_calc_result .detail{border-bottom: 1px dotted #e4e4e4;}
.contact_info .price_calc_result > .detail{margin-top: 16px; border: 2px solid #EEEEEE;}

.contt_calc_wrapper{margin-bottom: 16px; padding: 10px;}
.contt_calc_wrapper .price_calc_result{border: 1px solid #e4e4e4; border-radius: 4px;}
.contt_calc_wrapper_ttl{font-size: 1.4rem; font-weight: bold; margin-bottom: 0.3em;}
.contt_calc_wrapper .price_calc_result .total{ color: #333333; background-color: #EEEEEE;}
.contt_calc_wrapper .price_calc_result .option_ttl{font-weight: bold; padding: 8px; margin-top: 10px; border-bottom: 2px solid #EEEEEE;}
.contt_calc_wrapper .price_calc_result { padding: 10px; }
.contt_calc_wrapper .price_calc_result .about{width: 60%;}
.contt_calc_wrapper .price_calc_result .detail:nth-child(even){background-color:unset;}
.contt_calc_wrapper .price_calc_result .detail{border-bottom: 1px dotted #e4e4e4;}
.contt_calc_wrapper .price_calc_result > .detail{margin-top: 16px; border: 2px solid #EEEEEE;}
.price_calc_result_note{font-size: 1.1rem; margin-top: 10px;}
@media screen and (min-width:768px), print {
    .price_calc_button{width: 40vmin; min-width: 300px; max-width: 400px; margin: 24px auto 0;}
    .price_calc_result .total, .price_calc_result .detail{font-size: 1.4rem; padding: 12px 20%;}
    .price_calc_result .price_result .price{font-size: 1.6rem;}
    .price_calc_result .price_result .tax{font-size: 1.3rem;}
    .condition_use_people .stepper_input_button_wrap .stepper_input_button{font-size: 1.6rem; min-width: 48px;}
    .condition_use_people .stepper_input .stepper_input_value{padding: 22px 8px;}
    .contact_info_calc_th{border-top: 1px solid #cccccc;}
    .contact_info .price_calc_result{padding: 0;}
    .contact_info .price_calc_result .price_result{width: calc(40% - 8px); min-width: calc(40% - 8px); text-align: right;}
    .contact_info .price_calc_result .total, .contact_info .price_calc_result .option_ttl, .contact_info .price_calc_result .detail{font-size: 1.4rem; padding: 8px;}
    .contact_info .price_calc_result .option_ttl{margin-top: 16px;}

    .contt_calc_wrapper_ttl{font-size: 1.6rem;}
    .contt_calc_wrapper .price_calc_result{padding: 16px;}
    .contt_calc_wrapper .price_calc_result .price_result{width: calc(40% - 8px); min-width: calc(40% - 8px); text-align: right;}
    .contt_calc_wrapper .price_calc_result .total, .contt_calc_wrapper .price_calc_result .option_ttl, .contt_calc_wrapper .price_calc_result .detail{font-size: 1.4rem; padding: 8px 16%;}
    .contt_calc_wrapper .price_calc_result .option_ttl{margin-top: 16px;}
}
@media screen and (min-width:1000px), print {
    .contt_calc_wrapper{padding: 0;}
}
@media (hover: hover) {
    .condition_use_people .stepper_input_button_wrap .stepper_input_button:hover{
        opacity: 0.8;
    }
    .price_calc_button:hover {
        opacity: 0.8;
    }
  }