@charset "utf-8";

/* index */
.rental_list{ line-height: 200%; font-size: 100%; }
.rental_list span{ font-size: 120%; }
.rental_flow div,.rental_flow_fee div
{ padding: 1rem 0.5rem; background:#dd5900; display: inline-block; color: #fff;
 margin: 0.5rem; text-align: center; width: 8rem; font-size:110%; border-radius: 3px;
line-height: 120%; width: 8rem; }

.rental_flow div:nth-child(4) span{ display: inline-block; padding-top:0.4rem !important; }

.rental_flow{ width: 35%; display: flex; flex-wrap: wrap; }
.rental .sub_point li span{ padding: 0.2rem 0.5rem; display: inline-block; min-width: 10rem;
  text-align: right; background: #4977BB; color: #fff; margin-right: 1rem; border-bottom:solid 1px #fff; }
.sub_point{ font-size: 13px; }
.result_title{ font-size: 24px; position: absolute; top: -1rem; text-align: center; left: 45%;
  display: inline; width: 8rem; font-weight: bold; }
.result{ padding: 2rem; border: solid 1px #000; margin: 2rem 0; position: relative; }
.result p{ line-height: 160%; }
.rental_machine{ margin: 2rem 0 0 0; position:relative; }
.btn_machine .btn{ display: block; margin: 0 0 1rem; }
.rental_link a{ display: inline-block; margin: 0 0.5rem; width: 6rem; }
.rental_link02 a{ display: inline-block; margin: 0 0.5rem; width: 11rem; }
.btn_machine{ position: absolute; right: 0; }
.line2{ width: initial !important; display: inline-block; padding-left: 8rem; font-size: 90%;
color: #000 !important; background: none !important; text-indent: 11rem; }
.rental_flow_fee{ width: 100%; display: flex; flex-wrap: wrap; margin-bottom: 1rem; }
.rental_flow_fee div{ align-items: center; display: flex; justify-content: center; }
.rental_flow_fee_note span{ font-size: 100%; }
.rental_flow_fee_note{ font-size: 90%; line-height: 160%; background: #f4f4f4;
  border: solid 1px #b3b3b3; padding: 1rem; }
.area_center{ text-align: center; margin: 2rem; }
.area_center p{ line-height: 160%; }
.impflow li{ border: solid 1px #bababa; margin-bottom: 1rem; width: 13.5%; background: #f2f6f9; }
.impflow li p{ font-weight: bold; text-align: left; padding: 0.4rem; font-size: 80%; line-height: 140%; }

.rental .base_body_title{ text-align: left; letter-spacing: 1px; font-size: 22px; }
.sub_point ul li{ padding-bottom: 0 !important; padding-right: 0.5rem; padding-left: 0; background: rgba(255,255,255,0.8); }
.rental .base_section_body ul{ margin:0; }
.machine_img{ margin: 0 2rem 0 0; width: 21%; }

.rental .subtitle{ text-align: left; font-size: 16px; }
#fee{ margin-top: 4rem; }
.rental_link a ,.rental_link02 a { position: relative; }
.rental_link a span,.rental_link02 a span{ position: absolute; right: 1rem; }

@media screen and (max-width: 768px) {
  .rental_flow{ width: initial; }
  .rental_list{ font-size: 80%; }
  .rental_link a{ display: block; margin: 0 auto 1rem auto; width: 70%; }
  .rental .sub_point li span{ padding: 0.2rem 0.5rem 0.2rem 0.4rem; display: inline-block; min-width: 100%; text-align: left;
    background: #4977BB; color: #fff; margin-right: 1rem; border-bottom:solid 1px #fff; box-sizing: border-box; }
  .btn_machine{ position: relative; }
  .rental .sub_point{ margin-bottom: 1rem; }
  .btn_machine .btn{ margin:0 auto 1rem auto;}
  .result_title{ font-size: 18px; position: absolute; top: -1rem; text-align: center; left: 0; right: 0; margin: auto; display: inline;
  width: 6rem; font-weight: bold; }
  .rental .base_section_body{ padding: 0; }
  .impflow li{ border: solid 1px #bababa; margin-bottom: 1rem; width: 100%; background: #f2f6f9; }
  .rental_flow div,.rental_flow_fee div
  { padding: 1rem 0.5rem; background:#555; display: inline-block; color: #fff;
  margin: 0.5rem; text-align: center; width: 8rem; font-size:110%; border-radius: 3px;
  line-height: 120%; width: 7rem; }
  .rental_link02 a { display: block; margin: 0 auto 1rem; width: 70%; }

  .rental .base_body_title { text-align: left; letter-spacing: 1px; font-size: 16px; line-height: 120%; }
  .rental .subtitle { text-align: left; font-size: 14px; }
  .result { padding: 1rem; border: solid 1px #000; margin: 2rem 0 0 0; position: relative; }
  .sub_point ul li { padding-bottom: 0.4rem !important; padding-right: 0; padding-left: 0; background: rgba(255,255,255,0.8); }
  .rental .base_section_body ul{ margin:0; padding: 0 0.6rem; }
  .machine_img { margin: 0 2rem 0 0; width: 100%; text-align: center; }
  .impflow li p{ font-weight: bold; text-align: left; padding: 0.4rem; font-size: 90%; line-height: 140%; }
  .area_center{ margin: 1rem; }
  .area_center p{ text-align: left; padding-top: 1rem; }
  .intro article strong{ padding: 1rem 0 0.6rem 0; }
  .p_in_pad_bottom{ padding-bottom: 0.6rem; display: inline-block; }
  .line2{ width: initial !important; display: inline-block; padding-left: 8rem; font-size: 90%;
    color: #000 !important; background: none !important; text-indent: 0; }
  .rental_machine{ margin: 1rem 0 0 0; position:relative; }
  .rental_flow_fee div:nth-child(1) span{ display: inline-block; padding-top: 1rem !important; }
  #fee{ margin-top: 2rem; } #kiki{ margin-top: 2rem; }
  .rental_flow_fee div:nth-child(4) span{ display: inline-block; padding-top:1rem !important; }

}