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


a, input, select, textarea, button, a object, a>span, a img, *:before, *:after, button span {
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}


/*-----header-----*/
#header{
	width:100%;
	height:auto;
	background:#0e3962;
}
header .head-logo{
	width: 196px;
	height: auto;
	margin: 0 auto 0 20px;
	padding:8px 0 4px;
}

/*-----top-----*/
.top-img{
	width: 100%;
	min-width: 1120px;
	height: auto;
	margin: 0 auto;
	background: url(../img/main_img.jpg) no-repeat;
	background-size: 100%;
}
h2.top{
	width: 38%;
	/*width: 497px;*/
	height: auto;
	margin:0 auto 0 5%;
	padding-top: 6%;
	padding-bottom: 6%;
	/*background: #F68183;*/
}
.topics{
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 30px 0;
	background: url(../img/main_txt_bg.png) repeat;
}
.topics h3{
	width: 50%;
	margin: 0 auto;
	padding: 5px 10px;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	color: #FFFFFF;
	border-radius: 26px;
	border: 2px solid #FFFFFF;
}
.topics p{
	width: 70%;
	margin: 20px auto 0;
	font-size: 20px;
	text-align: center;
}
.topics p span.storong{
	font-size: 24px;
	font-weight: bold;
	color: #d11f2d;
}

/*-----ロゴ-----*/
.rentacarlogo{
	width: 70%;
	margin: 50px auto;
	/*background: #E39798;*/
}
.rentacarlogo ul li{
	width: 36%;
	margin-left: 60px;
	float: left;
}


/*-----コンテンツ共通-----*/
.contents{
	width: 100%;
	min-width: 1120px;
	margin: 0 auto;
}
h2.main{
	width: 100%;
	margin: 100px auto 0;
	padding:0 0 20px;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	border-bottom: 1px solid #d9d9d9;
	/*background: #C8DFF0;*/
}
h2.main img{
	display: block;
	width: 40px;
	margin: 20px auto;
}
.cont-inner{
	width:1020px;
	margin:0 auto 60px;
	/*background:#52BC70;*/
}
.cont-inner h2{
	width: 100%;
	margin: 40px auto 30px;
	padding:20px 0;
	font-size: 21px;
	font-weight: bold;
	text-align: center;
	color: #0e3962;
	border-bottom: 3px solid #eaeaea;
	/*background: #C8DFF0;*/
}
.cont-inner h2 img{
	display: block;
	width: 40px;
	display: inline;
	margin-right: 20px;
	vertical-align:middle;
}

/*-----オリックスレンタカーの特長-----*/
ul.tokucyo{
	width: 1020px;
	margin: 0 auto;
}
ul.tokucyo li{
	width: 300px;
	height: 200px;
	margin-right: 30px;
	float: left;
}
ul.tokucyo li:last-child{ margin-right: 0;}
ul.tokucyo li.tokucyo1{ padding: 30px 10px 0; background: url(../img/tokucho_bg1.png) no-repeat; background-size: 100%;}
ul.tokucyo li.tokucyo2{ padding: 15px 10px 0; background: url(../img/tokucho_bg2.png) no-repeat; background-size: 100%;}
ul.tokucyo li.tokucyo3{ padding: 15px 10px 0; background: url(../img/tokucho_bg3.png) no-repeat; background-size: 100%;}

ul.tokucyo li p{ text-align: center;}
ul.tokucyo li p.copy{
	font-size: 20px;
	font-weight: bold;
	line-height: 1.2;
	color: #fabe00;
}
ul.tokucyo li p.copy span.storong{ font-size: 32px;}
ul.tokucyo li.tokucyo3 p.copy span.storong{ letter-spacing: -2px;}
ul.tokucyo li p.txt{
	font-size: 18px;
	color: #FFFFFF;
}
ul.tokucyo li.tokucyo1 p.txt{ margin-top: 20px;}
ul.tokucyo li.tokucyo2 p.txt{ margin-top: 12px;}
ul.tokucyo li.tokucyo3 p.txt{ margin-top: 12px;}


/*-----ご利用優待-----*/
.yutai-relative{ position: relative;}
.yutai-relative img.absltA{ position: absolute; width: 66px; top:136px; right:300px;}
.yutai-relative img.absltB{ position: absolute; width: 66px; top:136px; right:5px;}

table.yutai {
	width: 100%;
	height: auto;
	margin: 10px auto;
	padding: 20px 0;
	border-collapse: collapse;
	text-align: left;
	line-height: 1.5;
}
table.yutai tr{ width: 100%;}
table.yutai th {
	width: 13%;
	padding: 12px 5px;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	color: #FFFFFF;
	vertical-align:middle;
	border: 1px solid #d9d9d9;
}
table.yutai th.blue{ background: #0e3962;}
table.yutai th.red{ background:#d11f2d;}
table.yutai th span.small{ font-size: 9px; font-weight: normal;}
table.yutai td {
	width: 14.5%;
	padding:12px 5px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	vertical-align:middle;
	border: 1px solid #d9d9d9;
}
table.yutai td.gray{ background: #e6ebef; color: #0e3962;}
table.yutai td.standard{ color: #1078b6;}
table.yutai td.gold{ color: #ec981e;}
table.yutai td.gold img{ width: 25%; margin-right: 10px; margin-left: -60px; vertical-align:top; display: inline;}
table.yutai td.platinum{ color: #da4b57;}
table.yutai td.platinum img{ width: 25%; margin-right: 10px; margin-left: -60px; vertical-align:top; display: inline;}

table.yutai td.txtnormal{ font-weight: normal;}
table.yutai td span{ font-size: 22px;}
table.yutai .txtred{ color: #d11f2d;}




/*-----オリックスレンタカー会員（Rent-A-Car Prime Members Club）-----*/
.member-relative{ position: relative;}
.member-relative img.absltA{ position: absolute; width: 66px; top:210px; right:285px;}
.member-relative img.absltB{ position: absolute; width: 66px; top:210px; right:5px;}

table.member {
	width: 100%;
	height: auto;
	margin: 10px auto;
	padding: 20px 0;
	border-collapse: collapse;
	text-align: left;
	line-height: 1.5;
}
table.member tr{ width: 100%;}
table.member th {
	width: 17%;
	padding: 12px 5px;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	color: #FFFFFF;
	vertical-align:middle;
	border: 1px solid #d9d9d9;
}
table.member th.blueA{ background: #0e3962;}
table.member th.blueB{ background:#164776;}
table.member th span.small{ font-size: 9px; font-weight: normal;}
table.member td {
	width: 27%;
	padding:12px 5px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	vertical-align:middle;
	border: 1px solid #d9d9d9;
}
table.member td.standard{ background: #1078b6; color: #FFFFFF;}
table.member td.gold{ background: #ec981e; color: #FFFFFF;}
table.member td.platinum{ background: #da4b57; color: #FFFFFF;}
table.member td.absolute{ position: absolute;}

table.member td span{ font-size: 22px;}
table.member .txtred{ color: #d11f2d;}

p.btn580{
	width: 580px;
	height: auto;
	margin: 50px auto 0;
	padding-bottom: 50px;
}
.confirmation-btn{
	width: 580px;
	height: auto;
	margin: 0 auto;
	padding: 18px;
	font-size: 18px;
	/*font-weight: bold;*/
	color: #FFF;
	text-align: center;
	border-radius: 46px;/* CSS3草案 */  
    -webkit-border-radius: 46px;/* Safari,Google Chrome用 */  
    -moz-border-radius: 46px;/* Firefox用 */ 
	position: relative; 
	display: inline-block;
	background: #cf1739;
}
.confirmation-btn::after {
    content: "";
    display: block;
    width: 13px;
    height: 17px;
    background-size: 13px 17px;
    width: 1.2rem;
    height: 1.6rem;
    background-size: 1.2rem 1.6rem;
    background: url(../img/icon_arrow_right--white.svg) no-repeat;
    position: absolute;
    right: 25px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0.25;
}
.confirmation-btn:hover::after {
	right: 15px;
	opacity: 1;
}


/*-----プライムメンバーズクラブの適用期間-----*/
p.period-txt{ font-size: 16px;}
.period-inner{
	width: 1020px;
	margin: 35px auto 0;
}
.period-box{
	width: 450px;
	height: auto;
	padding: 20px;
	font-size: 15px;
	border-radius: 10px;
	border:1px solid #d9d9d9;
	float: left;
}
.periodL{ margin-right: 36px;}
.period-box img{ margin: 10px auto 0;}
img.periodfigure{ margin: 30px auto 0;}



/*-----レンタカーご利用までの流れ-----*/
p.step_arrow{
	width: 44px;
	margin: 20px auto;
}
table.flow {
	width: 100%;
	height: auto;
	margin: 10px auto;
	padding: 20px 0;
	background:#e6ebef;
	border-collapse: collapse;
	text-align: left;
	line-height: 1.5;
	border-radius: 10px;
}
table.flow th {
	width: 12%;
	padding: 20px 20px 20px 20px;
	vertical-align:middle;
	/*background: #973637;*/
}
table.flow th span{ font-size: 28px; line-height: 1.2;}
table.flow td {
	width: 88%;
	padding:10px 30px 10px 10px;
	font-size: 20px;
	text-align: left;
	vertical-align:middle;
	/*background: #4B5ED4;*/
}
table.flow td p.caption{ font-size: 14px;}
table.flow td p.red { color: #d11f2d;}

p.btn580{
	width: 580px;
	height: auto;
	margin: 50px auto 0;
	padding-bottom: 50px;
}
.form-btn{
	width: 580px;
	height: auto;
	margin: 0 auto 10px;
	padding: 18px;
	font-size: 18px;
	/*font-weight: bold;*/
	color: #FFF;
	text-align: center;
	border-radius: 38px;/* CSS3草案 */  
    -webkit-border-radius: 38px;/* Safari,Google Chrome用 */  
    -moz-border-radius: 38px;/* Firefox用 */ 
	position: relative; 
	display: inline-block;
	/*background: #cf1739;*/
	background: #0e3962;
}
.form-btn::after {
    content: "";
    display: block;
    width: 13px;
    height: 17px;
    background-size: 13px 17px;
    width: 1.2rem;
    height: 1.6rem;
    background-size: 1.2rem 1.6rem;
    background: url(../img/icon_arrow_right--white.svg) no-repeat;
    position: absolute;
    right: 25px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0.25;
}
.form-btn:hover::after {
	right: 15px;
	opacity: 1;
}


/*-----注釈-----*/
.caution{
	width: 100%;
	min-width: 1120px;
	height: auto;
	margin: 50px auto 0;
	padding-bottom: 20px;
	border-top: 1px solid #d9d9d9;
	border-bottom: 1px solid #d9d9d9; 
}
.caution-inner{
	width: 900px;
	height: auto;
	margin: 60px auto 0px;
	font-size: 15px;
	line-height: 1.7;
	text-align: left;
	color: #43464b;
}
span.red{
	color: #cf1739;
}



/*-----フッター-----*/
footer{
	width:100%;
	padding-top:30px;
	background:#FFF;
	/*border-top: 1px solid #d9d9d9;*/
}
ul.footernavi{
	margin: 0 auto 50px;
}
ul.footernavi li{
	display: inline;
	float: left;
}
ul.footernavi li a,ul.footernavi li a:visited{
	color:#43464b;
}
ul.footernavi li.logo{
	width: 250px;
	height: auto;
	margin-left: 70px;
	margin-right: 40px;
	text-decoration:none;
}
ul.footernavi li.navi{
	margin-right: 40px;
	font-size: 14px;
	color:#43464b;
	text-decoration:none;
}

.copyright{
	width: 100%;
	height: auto;
	padding: 20px 0;
	/* box-shadow */
	box-shadow:0px 0px 20px 4px #dfdfdf;
	-moz-box-shadow:0px 0px 20px 4px #dfdfdf;
	-webkit-box-shadow:0px 0px 20px 4px #dfdfdf;
}
.copyright p{
	font-size: 12px;
	color:#43464b;
	text-align: right;
}
.inner{
	width:1020px;
	margin:0 auto;
	/*background:#52BC70;*/
}

/* 2022/10/11 追加 */
.obi {
    background: #d11f2d;
    color: #fff;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    padding: 70px;
}
.obi .inner {
	margin: 0 auto;
	max-width: 1020px;
	width: 100%;
}