@charset "UTF-8";

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



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

 // Main Contents...

==========================================================================================*/
#MainContents .secInner.s-padding-top-min {
    padding-top:30px;
}
#MainContents .secLine.s-bg-gray {
	border-bottom:1px solid #CCC;
    background-color:#eee;
}
#MainContents .secLine.s-bg-blue {
	border-bottom:1px solid #CCC;
    background-color:#ceedff;
}
#MainContents .secLine.s-bg-white {
	border-bottom:1px solid #CCC;
    background-color:#fff;
}
#MainContents .secLine.s-border-top {
	border-top:1px solid #CCC;
}

.MainContents-in {}
.MainContents-in.BGblue {
	background:#D1E8FF url(../../share/img/bg_Shadow_Top_w800.png) 50% 0 no-repeat;
}


/*　Intro Body
------------------------------------------------*/
.IntroBody .Main.s-padding-bottom-min {
    padding-bottom:20px;
}
.IntroBody .Main p {
	font-size:100% !important;
}
.IntroBody .Main p.s-div-left {
    text-align:left !important;
}
.IntroBody .Main .s-size-small {
	font-size:108% !important;
	line-height:1.5;
}
.IntroBody .Main .s-size-medium {
	font-size:123.1% !important;
	line-height:1.6;
}
.IntroBody .Main .s-size-large {
	font-size:153.9% !important;
	line-height:1.6;
}
.IntroBody .Main .s-size-x-large {
	font-size:197% !important;
	line-height:1.6;
}
.IntroBody .Main .s-padding-bottom {
	padding-bottom:0.5em;
}
.IntroBody .Main .s-padding-bottom-wide {
	padding-bottom:1em;
}
.IntroBody .Main .s-color-black {
	color:#333;
}


/*	for blowTitle
------------------------------------------------------------------------------------------*/
.blowTitleBluelight.s-color-gray {
	background:#999;
}
.blowTitleBluelight.s-color-gray:after {
	border-top:7px solid #999;
}


/*	for step flow
------------------------------------------------------------------------------------------*/
.flow-step {
  display: flex;
  justify-content: center;
  align-items: center;
}
.flow-step ul {
  width:800px;
  margin:0 auto;
  padding: 0;
}
.flow-step li {
  list-style-type: none;
}
.flow-step dd {
  width:600px !important;
  margin-left: 0;
}
.step > li {
  position: relative;
  list-style: none;
}
.step > li:not(:last-child) {
  margin-bottom: 25px;
}
.step > li dl {
  box-sizing: border-box;
  width: 100%;
  padding: 15px 15px;
  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: 14px;
  border-top-color: #3470A9;
}
.step > li:not(:last-child) dl::after {
  border-width: 10px;
  border-top-color: #fff;
}
.step > li dl dt {
  font-size: 1.2em;
  font-weight: 600;
  -ms-flex-preferred-size: 16%;
  flex-basis: 16%;
  margin-right: 1.5vw;
  text-align: center;
}
.step > li dl dt .label {
  font-size:100% !important;
  line-height:2;
  
  color: #fff;
  background: #3470A9;
  padding: 8px 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: 10px;
  border-top-color: #ffe1e9 !important;
}
.step > li dl dt .label.s-color-red {
  background: #ff3769;
}

.step dd sup {
	font-size:53% !important;
	line-height:1;
    color:#666;
    font-weight:normal !important;
    margin-left:0.2em;
}
.step dd .s-size-large {
	font-size:153.9% !important;
	line-height:1.6;
}
.step dd .s-size-medium {
	font-size:100% !important;
	line-height:1.6;
}
.step dd .s-size-item {
	font-size:123.1% !important;
	line-height:1.6;
}

.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:100%;
	line-height:1.5;
    
    font-family:'Roboto', sans-serif;
	font-weight:400;
}
.step dd ol li.s-size-medium {
	font-size:100%;
}


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