@charset "UTF-8";

/*==========================================================================================
 Site:ORIX Rent a Car - for SP
 Date:2025-09-01(+00:00)
 Maintained:Masahiro.Takahashi
 
 Memo:for RENRAL GUIDE category / quickcheckin.html
==========================================================================================*/



/*==========================================================================================

 // Main Contents...

==========================================================================================*/
#ContentsLine .secInner.InnerXLines {
	margin:0 10px;
	padding:20px 0 20px;
	border-bottom:2px solid #CCC;
}
#ContentsLine .secInner.InnerXLines.s-noborder-bottom {
	border-bottom:none;
}
#ContentsLine .secInner.InnerXLines.s-margin-top {
    margin-top:20px;
}
#ContentsLine .secInner.InnerXLines.s-bg-gray {
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 1), rgba(230, 230, 230, 1) 50%, rgba(255, 255, 255, 1));
}
#ContentsLine .secInner.InnerXLines.s-bg-blue {
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 1), rgba(206, 237, 255, 1) 50%, rgba(255, 255, 255, 1));
}


/*　blowTitle...
------------------------------------------------*/
.blowTitleBluelightTop.s-div-left {
	text-align:left;
}


/*　Text under blowTitle...
------------------------------------------------*/
.blowTitle-under-text .s-size-M {
	margin-bottom:0;
}


/*　secHead...
------------------------------------------------*/
.secHead .ex-L {
	font-size:0.7rem; /* 7px */
	line-height:1.4;
    font-weight:normal;
	
	padding-top:0.5em;
    text-align:left;
}


/*	for step flow
------------------------------------------------*/
.flow-step {
  display: flex;
  justify-content: center;
  align-items: center;
}
.flow-step ul {
  width:100%;
  margin:0 auto;
  padding: 0;
}
.flow-step li {
  list-style-type: none;
}
.flow-step dd {
  width:70% !important;
  margin-left: 0;
}
.step > li {
  position: relative;
  list-style: none;
}
.step > li:not(:last-child) {
  margin-bottom: 15px;
}
.step > li dl {
  box-sizing: border-box;
  width: 100%;
  padding: 10px 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 3px solid #3470A9;
  border-radius: 10px;
  position: relative;
  background-color: #fff;
}
.step > li:not(:last-child) dl::before,
.step > li:not(:last-child) dl::after {
  content: "";
  border: solid transparent;
  position: absolute;
  top: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.step > li:not(:last-child) dl::before {
  border-width: 12px;
  border-top-color: #3470A9;
}
.step > li:not(:last-child) dl::after {
  border-width: 8px;
  border-top-color: #fff;
}
.step > li dl dt {
  font-size: 1.0rem;
  -ms-flex-preferred-size: 16%;
  flex-basis: 16%;
  margin-right: 1.5vw;
  text-align: center;
}
.step > li dl dt .label {
  font-size:0.65rem;
  line-height:20px;
  
  color: #fff;
  background: #3470A9;
  padding: auto auto;
  display: block;
  border-radius: 16px;
  position: relative;
  z-index: 100;
}

.step > li dl.s-color-red {
  border-color: #ff3769;
  background-color: #ffe1e9;
}
.step > li dl.s-color-red::before {
  border-top-color: #ff3769;
}
.step > li:not(:last-child) dl.s-color-red::after {
  border-width: 8px;
  border-top-color: #ffe1e9 !important;
}
.step > li dl dt .label.s-color-red {
  background: #ff3769;
}

.step dd sup {
	font-size:0.5rem;
	line-height:1;
    color:#666;
    font-weight:normal !important;
    margin-left:0.2em;
}
.step dd .s-size-large {
	font-size:0.9rem;
	line-height:1.3;
}
.step dd .s-size-medium {
	font-size:0.8rem;
	line-height:1.3;
}
.step dd .s-size-item {
	font-size:0.9rem;
	line-height:1.3;
}

.step dd .inner {
	width:100%;
}
.step dd .inner.s-border-d-top {
    border-top:1px dashed #3470A9;
    margin-top:1em;
    padding-top:1em;
}
.step dd ol {
	margin-top:1em;
    margin-left:2em;
}
.step dd ol li {
	margin:0 0 0.3em 0.5em;
	list-style-type:decimal;

	font-size:0.6rem;
	line-height:1.3;
    
    font-family:'Roboto', sans-serif;
	font-weight:400;
}
.step dd ol li.s-size-medium {
	font-size:0.7rem;
}


/*	note
------------------------------------------------*/
.noteBody .redB {
	color:#CC0000 !important;
    font-weight:bold !important;
}