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

.flow__list{ padding: 30px; margin: 20px 0; background: #fff; border-radius: 10px; display: inline-block;}
.flow__list li{ margin: 0 0 40px; position: relative; letter-spacing: .1em; line-height: 1.5;}
.flow__list li:last-child{ margin-bottom: 0;}
.flow__list li:after{
  content:'▼'; font-size: 80%; transform: scaleX(2); opacity: .5; color: #ff8012;
  position: absolute; left: 40px; bottom:calc(-20px - .5em);
}
.flow__list li:last-child:after{display: none;}

/*TOP*/
.topBooking__list li{position: relative; z-index: 0;}
.topBooking__list li:first-child{z-index: 1;}
a.personal__link{position: relative; display: block;}
.top_flow{
  display: none;
  position: absolute; top: 50%; left: 103%; width: 80%; transform: translateY(-50%);
  background: #fff; padding: 20px; border-radius: 20px; font-size: 90%; box-shadow: 0 5px 5px rgba(0,0,0,.35);
  box-sizing: border-box; z-index: 2;
}
.top_flow:before{
  content: '▼'; position: absolute; top: calc(50% - .5em); left: -.65em;
  transform: rotate(90deg); font-size: 300%; color: #fff; z-index: -1; text-shadow: 0 5px 5px rgba(0,0,0,.25);
}
.top_flow p{}
.top_flow .flow__list{
  background: none; padding: 20px; margin: 20px 0; border-radius: 0; border: double #ddd;
  border-width: 3px 0;
}
.top_flow .flow__list li{ margin: 0 0 30px;}
.top_flow .flow__list li:last-child{ margin-bottom: 0;}
.top_flow .flow__list li:after{bottom:calc(-15px - .5em);}
a.personal__link:hover + .top_flow{ display: block;}

/*レンタカー車種*/
.rentAcar_howToBook__desc .flow__list{ padding: 20px; margin: 0; background: #eee;}


.inquiryForm .wpcf7-text, .inquiryForm .wpcf7-date {
  background: white;
  margin-top: 0.5em;
  padding: 5px;
}
.inquiryForm .wpcf7-form .date {
	min-height: 30px;
}
input[type="date"]::-webkit-date-and-time-value {
  text-align: left;
}

@media (max-width: 1024px){
  .flow__list li{ text-align: center;}  
  .flow__list li:after{left: calc(50% - .5em);}
  /*TOP*/
  .topBooking__type:nth-of-type(1){background: none;}
  .top_flow{
    display: block; position: relative; width: 100%; top: 0; left: 0; transform: none;
    margin: 30px 0 10px; box-shadow: none; text-align: center;
  }
  .top_flow:before{
    content: '▲';top: -.8em;left: calc(50% - .5em);transform: none;text-shadow: none;
  }
  .top_flow .flow__list li{ margin: 0 0 20px;}
}