@charset "utf-8";
/*
Theme Name: JR西日本レンタカー＆リース
Theme URI: http://www.ekiren.com/
Description: JR西日本レンタカー＆リース の専用テーマです。
Author: 株式会社アットプラスデザイン
Author URI: http://atplus-design.com/
Version: 1.0
Tags: atplusdesign
.
*/
/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

					FONT

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
@font-face {
	font-family: 'atplusicons';
	src: url('../fonts/atplusicons.eot?48ooea');
	src: url('../fonts/atplusicons.eot?48ooea#iefix') format('embedded-opentype'),
		url('../fonts/atplusicons.ttf?48ooea') format('truetype'),
		url('../fonts/atplusicons.woff?48ooea') format('woff'),
		url('../fonts/atplusicons.svg?48ooea#atplusicons') format('svg');
	font-weight: normal;
	font-style: normal;}
/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

					RESET

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
body{line-height:0;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,legend,input,textarea,p,blockquote,table,caption,tbody,tfoot,thead,th,td,option{margin:0;padding:0;line-height:1;font-size:100%;
/*==================================================
Base Font
====================================================*/
font-family:'atplusicons', "Rounded Mplus 1c", "メイリオ", Meiryo, "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", sans-serif;/**/
font-weight: 400;
}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}table{border-collapse:collapse;border-spacing:0;}caption,th {text-align:left;}fieldset,img,abbr,acronym{border:0;margin: 0px;vertical-align: bottom;}object,embed,th,td{vertical-align: top;}address,caption,cite,code,dfn,th,var,optgroup,strong,em,b,i{font-style:normal;font-weight:normal;}ol,ul{list-style:none;}a,ins,del{text-decoration: none;}q:before,q:after {content:'';}* html body{font-size: 65%;}*+html body{font-size: 65%;}html{overflow: scroll;overflow: -moz-scrollbars-vertical;overflow-x: scroll;}strong{font-weight: bold;}em{font-style: italic;}del{text-decoration: line-through;}a{cursor:pointer;}
/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

					COMMON

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
/*==================================================
FLOAT
====================================================*/
/*--------------------------------------------------- clf*/
.clf:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;}
* html .clf { zoom: 1; } /* IE6 */
*:first-child+html .clf { zoom: 1; } /* IE7 */
.clf {overflow:hidden;}
input[type="submit"],
input[type="button"],
input[type="reset"] {
 -webkit-appearance: none;
}
/*--------------------------------------------------- FLOAT*/
.flt_left{float:left;}
.flt_right{float:right;}
.flt_clear{clear:both;}
/*==================================================
TEXT
====================================================*/
/*--------------------------------------------------- FONT*/
.fnt_min{font-family:'atplusicons', "游明朝", "Yu Mincho", YuMincho, "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";}
.fnt_gothic{font-family:'atplusicons', "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;}
.fnt_bold{font-weight:bold;}
/*--------------------------------------------------- ALIGN*/
.ta_center, .taC { text-align:center;}
.ta_left, .taL { text-align:left;}
.ta_right, .taR { text-align:right;}
/*==================================================
LAYOUT
====================================================*/
/*--------------------------------------------------- MARGIN*/
.mgn_0{ margin:0;}
.mgn_auto{margin:auto;}
.mgn_top_0{ margin-top:0;}
.mgn_top_5{ margin-top:5px;}
.mgn_top_10{ margin-top:10px;}
.mgn_top_15{ margin-top:15px;}
.mgn_top_20{ margin-top:20px;}
.mgn_top_30{ margin-top:30px;}
.mgn_top_40{ margin-top:40px;}
.mgn_top_50{ margin-top:50px;}
.mgn_btm_0{ margin-bottom:0;}
.mgn_btm_5{ margin-bottom:5px;}
.mgn_btm_10{ margin-bottom:10px;}
.mgn_btm_15{ margin-bottom:15px;}
.mgn_btm_20{ margin-bottom:20px;}
.mgn_btm_30{ margin-bottom:30px;}
.mgn_btm_40{ margin-bottom:40px;}
.mgn_btm_50{ margin-bottom:50px;}
/*--------------------------------------------------- PADDING*/
.pdn_0{ padding:0;}
.pdn_5{ padding:5px;}
.pdn_10{ padding:10px;}
.pdn_15{ padding:15px;}
.pdn_20{ padding:20px;}
.pdn_30{ padding:30px;}
.pdn_40{ padding:40px;}
.pdn_50{ padding:50px;}
/*==================================================
NO STYLE
====================================================*/
.noStyle{
	margin:0 !important;
	padding:0 !important;
	background:none !important;
	border:none !important;
	text-decoration:none !important;
	float:none !important;}
.sp { display: none; }
.ilnblk { display: inline-block; }
:placeholder-shown { color: #CBD3D8; font-weight: 400; }
::-webkit-input-placeholder { color: #CBD3D8; }
:-moz-placeholder { color: #CBD3D8; opacity: 1; }
::-moz-placeholder { color: #CBD3D8; opacity: 1; }
:-ms-input-placeholder { color: #CBD3D8; }
/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

					LAYOUT

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
/*==================================================
DEFAULT
====================================================*/
*{
	box-sizing:border-box;
	outline: none;}
html{
	width:100%;
	height:100%;
	overflow:auto;}
body {
	width:100%;
	height:100%;
	font-size:16px;
	color:#111;}
pre {
	white-space: pre-wrap;
	line-height: 1.4;
}
/*==================================================
COLOR
====================================================

accent		: #58B0EA
sub			: #D1CDC7
sub light	: #FDF9F2
	
*/

/*==================================================
HEADER
====================================================*/
#hdr_upper_wrapper {
	height: 80px;
}
#hdr_upper {
	display: table;
	width: 100%;
	table-layout: fixed;
	height: 80px;
}
#hdr_logo_wrapper,
#hdr_exmenu {
	display: table-cell;
	vertical-align: middle;
}
#hdr_logo_wrapper {
	width: 440px;
}
/*--------------------------------------------------- HEADER UPPER LOGO*/
#hdr_logo {
	display: table;
	width: 100%;
	table-layout: fixed;
}
#hdr_logo .img,
#hdr_logo .txt {
	display: table-cell;
	vertical-align: middle;
}
#hdr_logo .img {
	width: 80px;
}
#hdr_logo .img img {
    max-width: 100%;
    height: auto;
}
#hdr_logo .txt {
	
}
#hdr_logo .txt .tagline {
	color: #46535c;
	font-size: 75%;
	padding-bottom: 3px;
	line-height: 1.2;
}
#hdr_logo .txt .title {
	color: #0c3388;
	font-size: 157%;
	font-weight: 900;
}
/*--------------------------------------------------- HEADER UPPER NAVI*/
#hdr_exmenu {
	padding: 10px 0;
	text-align: right;
}
.hdr_lang {
	position: relative;
}
.hdr_lang:after {
	position: absolute;
	content: '\ea3d';
	color: #fff;
	font-size: 12px;
	line-height: 12px;
	right: 10px;
	top: 50%;
	margin-top: -4px;
}
.hdr_lang select {
	width: 100%;
	background: #0172bc;
	font-size: 82%;
	color: #fff;
	font-weight: 200;
	display: inline-block;
	position: relative;
	text-align: left;
	vertical-align: middle;
	height: 30px;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	text-indent: 0.01px;
	text-overflow: '';
	border: none;
	padding: 5px;
}
#hdr_language select {
	width: 160px;
}
.hdr_lang select::-ms-expand {
	display: none;
}
.hdr_lang select optgroup {
	display: none;
}
.hdr_lang select option {
	padding: 0;
	background: #fff;
	color: #46535c;
}

#hdr_exmenu .dropmenu{
  *zoom: 1;
  list-style-type: none;
  margin: 2px;
  padding: 0;
}
#hdr_exmenu .dropmenu:before, .dropmenu:after{
  content: "";
  display: table;
}
#hdr_exmenu .dropmenu:after{
  clear: both;
}
#hdr_exmenu .dropmenu li{
  position: relative;
  float: right;
  margin: 0;
  padding: 0;
  text-align: center;
}
#hdr_exmenu .dropmenu li a{
  display: block;
  margin: 0;
  padding: 5px;
  background: #0172bc;
  color: #fff;
  font-size: 14px;
  line-height: 1;
  text-decoration: none;
}
#hdr_exmenu .dropmenu li ul{
  list-style: none;
  position: absolute;
  z-index: 9999;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
}
#hdr_exmenu .dropmenu li ul li{
  width: 100%;
}
#hdr_exmenu .dropmenu li ul li a{
  padding: 13px 15px;
  border-top: 1px solid #0172bc;
  background: #0172bc;
  text-align: left;
}
#hdr_exmenu .dropmenu li:hover > a{
  background: #0172bc;
}
#hdr_exmenu .dropmenu li a:hover{
  background: #00AEF9;
}
#normal li ul{
  display: none;
}
#normal li:hover ul{
  display: block;
}

#hdr_exmenu ul {
	text-align: right;
	letter-spacing: -0.5em;
	margin-top: 5px;
}
#hdr_exmenu ul li {
	letter-spacing: normal;
	display: inline-block;
	vertical-align: middle;
	padding-right: 1em;
}
#hdr_exmenu ul li:last-child {
	padding-right: 0;
}
#hdr_exmenu ul li a {
	display: inline-block;
	vertical-align: middle;
	padding: 5px 0;
	font-size: 88%;
}

#hdr_exmenu ul li a:before {
	content: '\ea2c';
	display: inline-block;
	vertical-align: middle;
	color: #fff;
	background: #76868d;
	width: 18px;
	height: 18px;
	line-height: 18px;
	border-radius: 3px;
	padding-right: 0;
	margin-right: 0.3em;
	text-align: center;
	font-size: 66%;
}

#spmenu {
	display: none;
}
/*--------------------------------------------------- GLOBAL NAVI*/
#hdr_lower_wrapper {
	background: #0172bc;
}
#hdr_lower ul {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	align-items: stretch;
	align-content: stretch;
}
#hdr_lower ul li {
	width: 20%;
	vertical-align: middle;
	text-align: center;
	align-self: center;
	height: 100%;
}
#hdr_lower ul li a {
	color: #fff;
	padding: 15px 5px;
	display: block;
	line-height: 1.2;
	height: 100%;
}
#hdr_lower ul li a:hover {
	background: #00AEF9;
}

/*--------------------------------------------------- BREAD CRUMBS*/

/*--------------------------------------------------- PAGE TITLE*/

/*==================================================
FOOTER
====================================================*/
#footer {
	background: #0172bc;
	padding: 40px 0;
}
#footer,
#footer a {
	color: #fff;
}
#footer_inner {
	width: 100%;
	position: relative;
}
#ftr_main,
#ftr_contact {

}
#ftr_main {
	padding-right: 280px;
	width: 100%;
}
#ftr_contact {
	width: 280px;
	position: absolute;
	right: 10px;
	top: 0;
}

/*==================================================
 PDF
====================================================*/
	  html[lang=ja] .hide_if_ja {
	      display: none !important;
	  }
	  html[lang=ko] .hide_if_en {
	      display: none !important;
	  }
	  html[lang=zh-Hans] .hide_if_en {
	      display: none !important;
	  }
	  html[lang=zh-Hant] .hide_if_en {
	      display: none !important;
	  }
	  html[lang=en] .hide_if_en {
	      display: none !important;
	  }

/*--------------------------------------------------- PAGETOP*/
/*--------------------------------------------------- FOOTER LOGO*/
#ftr_logo_wrapper {
	margin-bottom: 30px;
}
#ftr_title {
	font-size: 157%;
	font-weight: 900;
	margin-bottom: 5px;
}
#ftr_title_en {
	font-size: 107%;
}
/*--------------------------------------------------- FOOTER NAVI*/
#ftr_navi_wrapper {
	display: table;
	width: 100%;
	table-layout: fixed;
}
.ftr_navi {
	display: table-cell;
	vertical-align: top;
	padding-right: 20px;
}
.ftr_navi li {
	text-indent: -20px;
	margin-left: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.ftr_navi li:before {
	content: '\ea2c';
	display: inline-block;
	vertical-align: middle;
	color: #0172BC;
	background: #fff;
	width: 18px;
	height: 18px;
	line-height: 18px;
	border-radius: 50%;
	padding-right: 0;
	margin-right: 2px;
	text-align: center;
	font-size: 10px;
	padding-left: 18px;
	box-sizing: border-box;
}
.ftr_navi li a {
	vertical-align: middle;
	padding: 5px 0;
	line-height: 1.2;
}

/*--------------------------------------------------- FOOTER CONTACT*/
#ftr_call {
	display: table;
	table-layout: fixed;
	width: 100%;
	margin-bottom: 20px;
}
#ftr_call .ico,
#ftr_call .txt {
	display: table-cell;
	vertical-align: middle;
}
#ftr_call .ico {
	font-size: 280%;
	width: 50px;
}

#ftr_call .txt .smaller,
#ftr_call .txt .num {
	display: block;
}
#ftr_call .txt .smaller {
	font-size: 75%;
}
#ftr_call .txt .num {
	font-size: 170%;
	font-weight: 700;
	padding: 2px 0;
}
#ftr_reserve {
	display: block;
	background: #ff9600;
	border-radius: 5px;
	padding: 12px;
	font-size: 132%;
	text-align: center;
	margin-bottom: 10px;
}

#ftr_seaclet {
	display: block;
	padding: 15px;
	text-align: center;
	border: 1px solid #ff9600;
	font-size: 132%;
	margin-top: 20px;
	margin-bottom: 10px;
}

#ftr_status {
	display: block;
	padding: 15px;
	text-align: center;
	border: 1px solid #1b80c3;
}
.bigsize {
	font-size: 132%;
}
/*--------------------------------------------------- COPY RIGHT*/
#ftr_copy {
	text-align: center;
	padding-top: 40px;
}
#ftr_copy small {
	font-size: 82%;
}
/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

					BASE STYLE

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
/*==================================================
BOX
====================================================*/
/*--------------------------------------------------- BOX : COMMON*/
.box_content{
	width: 100%;
	max-width:1020px;
	margin:0 auto;
}
.box_content.pd_lr10{
	max-width:1040px;
	padding-right: 10px;
	padding-left: 10px;}
.box_content.pd_lr20{
	max-width:1060px;
	padding-right: 20px;
	padding-left: 20px;}

.box_content_s {
	width: 100%;
	max-width:720px;
	margin:0 auto;
}
.box_inner{
	padding:60px 0;}
.box_cmn{
	margin:0 0 40px;}
.box_cmn.last {
	margin-bottom: 0;
}
/*--------------------------------------------------- BOX : COMMON*/
.box_bg_gray{
	background:#FDF9F2;}
/*--------------------------------------------------- BOX : BORDER*/
.box_bdr{
	border:1px solid #D1CDC7;}
.box_bdr_btm{
	border-bottom:1px solid #D1CDC7;}
/*--------------------------------------------------- BOX : WIDTH*/
.box_w_2_1{
	width:50%;}
.box_w_3_1{
	width:33.333%;}
.box_w_3_2{
	width:66.666%;}
.box_w_4_1{
	width:25%;}
.box_w_4_3{
	width:75%;}
.box_w_5_1{
	width:20%;}
.box_w_5_2{
	width:40%;}
.box_w_5_3{
	width:60%;}
.box_w_5_4{
	width:80%;}
/*--------------------------------------------------- BOX : FLOAT*/
.box_fl{
	margin:0 0 0 -40px;}
.box_fl_inner{
	float:left;
	padding:0 0 0 40px;
	box-sizing:border-box;}
/*--------------------------------------------------- BOX : TABLE*/
.box_table{
	display:table;
	width:100%;}
.box_table.fixed{
	table-layout:fixed;}
.box_cell{
	display:table-cell;
	vertical-align:top;}
.box_cell.middle{
	vertical-align:middle;}
.box_cell.left{
	padding:0 20px 0 0;}
.box_cell.center{
	padding:0 20px;}
.box_cell.right{
	padding:0 0 0 20px;}
/*--------------------------------------------------- BOX : SCROLL*/
.box_scroll{
	max-height:150px;
	overflow:auto;
	border:1px solid #D1CDC7;
	padding:40px;
	border-radius:5px;
	background:#FDF9F2;}
/*--------------------------------------------------- BOX : DOCUMENT*/
.box_doc{
	max-width:720px;
	margin:0 auto;}
/*--------------------------------------------------- BOX : ATTENTION*/
.box_attention{
	padding:20px;
	margin-top:20px;
	margin-bottom:20px;
	border:1px solid #AB0507;
	border-radius:10px;}
/*--------------------------------------------------- BOX : NORTICE*/
.box_notice{
	padding:20px;
	margin:0 0 20px;}
/*--------------------------------------------------- POINT*/
.box_point{
	padding:20px;
	margin:20px 0;}
/*==================================================
TITLE
====================================================*/
/*--------------------------------------------------- TITLE : H2*/
h2.ttl_cmn{
	margin:0 0 40px;
	padding:0 10px 20px;
	font-size:36px;   
	line-height:1.5;
	text-align:center;
	border-bottom:1px solid #D1CDC7;}
/*--------------------------------------------------- TITLE : H3*/
h3.ttl_cmn {
	border-left: 5px solid #00aef9;
	font-size: 150%;
	padding: 10px 20px;
	font-weight: 500;
	margin: 30px 0;
	line-height: 1.2;
}
h3.ttl_cmn.first {
	margin-top: 0;
}
/*--------------------------------------------------- TITLE : H4*/
h4.ttl_cmn{
	margin:20px 0 40px;
	padding:0 0 20px;
	font-size: 150%;
	line-height:1.5;
	text-align:center;
	position:relative;}
h4.ttl_cmn:after{
	content:'';
	position:absolute;
	width:40px;
	height:2px;
	bottom:0;
	left:50%;
	margin:0 0 0 -20px;
	background:#000;}

/*--------------------------------------------------- TITLE : H5*/
h5.ttl_cmn{
	font-weight:bold;
	line-height:1.5;
	margin:0 0 20px;}
/*==================================================
COMMON
==================================================*/
.txt_kome:before {
	content: '※';
	padding-right: 0.2em;
}
.txt_kome {
	text-indent: -1.2em;
}
.box_cmn p,
.box_cmn li,
.box_cmn dt,
.box_cmn dd,
.box_cmn th,
.box_cmn td,
p.txt_cmn,
.lst_cmn li,
.lst_cmn dt,
.lst_cmn dd,
.tbl_cmn > tbody > tr > th,
.tbl_cmn > tbody > tr > td{
	line-height: 1.7;}
.box_cmn p,
.box_cmn ul,
.box_cmn ol,
.box_cmn dl,
.box_cmn table,
p.txt_cmn,
ul.lst_cmn,
ol.lst_cmn,
dl.lst_cmn,
table.tbl_cmn {
	margin-bottom: 20px;}
.box_cmn p:last-child,
.box_cmn ul:last-child,
.box_cmn ol:last-child,
.box_cmn dl:last-child,
.box_cmn table:last-child,
p.txt_cmn.m0,
ul.lst_cmn.m0,
ol.lst_cmn.m0,
dl.lst_cmn.m0,
table.tbl_cmn.m0 {
	margin-bottom: 0;}
/*.box_cmn a{
	color: #58B0EA;}
.box_cmn a:hover{
	text-decoration: underline;}*/



/*==================================================
TEXT
==================================================*/
/*--------------------------------------------------- TEXT : COMMON*/
p.txt_cmn{
	line-height:1.8;
	margin:0 0 20px;
	text-align:justify;}
/*--------------------------------------------------- TEXT : ATTENTION*/
p.txt_attention,
span.txt_attention{
	font-weight:bold;
	line-height:1.8;
	text-align:center;}
/*--------------------------------------------------- TEXT : NOTICE*/
p.txt_notice{
	line-height:1.5;
	color:#7F7A70;}
/*--------------------------------------------------- TEXT : REQUIRED*/
p.txt_required,
.txt_required,
.redletter,
p.txt_red,
.txt_red {
	color:#AB0507;}
p.txt_blue,
.txt_blue {
	color:#0172BC;}
/*--------------------------------------------------- TEXT : POINT*/
p.txt_point{
	font-weight:bold;
	color:#58B0EA;
	text-align:center;
	margin:20px 0;}
span.txt_point{
	font-weight:bold;
	color:#58B0EA;}
/*--------------------------------------------------- TEXT : KOME*/
p.txt_kome {
	text-indent: -1.2em;
	margin-left: 1.2em;
}
.txt_kome:before {
    content: '※';
    padding-right: 0.2em;
}

.highlighter {
	display: inline-block;
	background: -webkit-linear-gradient(transparent 0%, #FFFF6B 0%);
	background: -o-linear-gradient(transparent 0%, #FFFF6B 0%);
	background: linear-gradient(transparent 0%, #FFFF6B 0%);
	padding: 0 3px;
}
.highlighter_s {
	display: inline-block;
	background: -webkit-linear-gradient(transparent 60%, #FFFF6B 60%);
	background: -o-linear-gradient(transparent 60%, #FFFF6B 60%);
	background: linear-gradient(transparent 60%, #FFFF6B 60%);
	padding: 0 3px;
}
/*==================================================
LINK
====================================================*/
a{
	color: #111;
	text-decoration:none;
	cursor:pointer;
	transition: all 0.7s ease-in-out 0s;
	-moz-transition: all 0.7s;
	-webkit-transition: all 0.7s;
	-o-transition: all 0.7s;}
/*--------------------------------------------------- LINK : COLOR*/
a:link {
	color: #111;}
a:visited {
	color: #111;}
a:hover {
	color: #58B0EA;
	text-decoration: none;}
a:active {
	color: #111;
	text-decoration: none;}
/*--------------------------------------------------- LINK : NO TRANSITION*/
a.noanime{
	transition: all 0s ease-in-out 0s;
	-moz-transition: all 0s;
	-webkit-transition: all 0s;
	-o-transition: all 0s;}
/*--------------------------------------------------- LINK : IMG*/
a img{
	transition: all 0.7s ease-in-out 0s;
	-moz-transition: all 0.7s;
	-webkit-transition: all 0.7s;
	-o-transition: all 0.7s;}
a:hover img{
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;}
/*--------------------------------------------------- LINK : COMMON*/
a.lnk_cmn {
	display:block;
	min-width:320px;
	margin:0 auto;
	padding:10px;
	color:#FFF;
	background:#58B0EA;
	border-radius:3px;
	text-align:center;
	box-sizing:border-box;}
a.lnk_cmn.mini {
	min-width: 120px;
	display: inline-block;
	padding: 5px 10px;
	font-size: 88%;
}
a.lnk_cmn.middle {
	min-width:auto;
}
/*--------------------------------------------------- LINK : COMMON*/
a.lnk_txt {
	padding:2px;
	color:#0980CE;
	border-bottom:1px dotted #58B0EA;}
a.lnk_txt:hover {
	border-bottom:1px solid #58B0EA;}
/*--------------------------------------------------- LINK : SCALE*/
a.lnk_scale img{
	transform: scale(1.001);}
a.lnk_scale:hover img{
	transform: scale(1.1);}
/*==================================================
LIST
==================================================*/
.lst_cmn{
	margin:0 0 20px;
	border-top:1px dotted #D1CDC7;}
.lst_cmn li{
	line-height:1.7;
	padding:10px;
	border-bottom:1px dotted #D1CDC7;}
/*---------------------------------------------------  ・付きリスト */
.lst_dot li {
	text-indent:-1.2em;
	padding-left: 1.2em;
	padding-top: 2px;
	padding-bottom: 2px;
	line-height: 1.6;}
.lst_dot li:before {
	content: '・';
	width: 1em;
	text-align: center;
	padding-right: 0.2em;}
.lst_dot.blue li:before {
	color: #00AEF9;
}
/*---------------------------------------------------  ※付きリスト */
.lst_kome {
	margin-left: 1.2em;}
.lst_kome li:before {
	content: '※';
	padding-right: 0.2em;}
.lst_kome li {
	text-indent: -1.2em;
	padding-top: 2px;
	padding-bottom: 2px;
	line-height: 1.6;}

/*---------------------------------------------------  ✔付きリスト */
.lst_check {
	margin-left: 1.2em;}
.lst_check li:before {
	content: '\eab1';
	width: 1em;
	text-align: center;
	padding-right: 0.2em;
}
.lst_check li {
	text-indent: -1.2em;
}
.lst_check.blue li:before {
	color: #459CF0;
}
	
/*---------------------------------------------------  ●付きリスト */
.lst_ball {
	margin-left: 1.2em;}
.lst_ball li:before {
	content: '●';
	padding-right: 0.2em;}
.lst_ball li {
	text-indent: -1.2em;
	padding-top: 2px;
	padding-bottom: 2px;
	line-height: 1.6;}
.lst_ball.blue li:before {
	color: #00AEF9;
}
/*---------------------------------------------------  ●>付きリスト */
.lst_wharw {
	margin-left: 1.2em;}
.lst_wharw li:before {
	content: '\ea2c';
	padding-right: 0.2em;
}
.lst_wharw li {
	padding-top: 2px;
	padding-bottom: 2px;
}
/*---------------------------------------------------  数字付きリスト */
.lst_num {
	margin-left: 1.2em;
	list-style: decimal;}
.lst_num li {
	padding-top: 2px;
	padding-bottom: 2px;
	line-height: 1.6;}

.lst_num.ball {
	list-style: none;
	margin-left: 1.8em;
	counter-reset: lstnum 0;
}
.lst_num.ball li:before {
	padding: 0.2em 0.4em;
	color: #fff;
	background: #00AEF9;
	margin-right: 0.4em;
	counter-increment: lstnum 1;
	content: counter(lstnum);
	text-align: center;
}
.lst_num.ball li {
	text-indent: -1.8em;
}

/*--------------------------------------------------- LIST : NEWS*/
.lst_news li{
	border-bottom:1px dotted #D1CDC7;}
.lst_news li a{
	display:block;
	padding:10px 0;}
.lst_news li a .date{
	display:inline-block;
	font-size:14px;
	margin:0 10px 0 0;}
.lst_news li a .cat{
	display:inline-block;
	font-size:12px;
	padding:3px 10px;
	border:1px solid #58B0EA;
	color:#58B0EA;
	border-radius:3px;}
/*--------------------------------------------------- LIST : FLOAT DL*/
.lst_float {
	display: table;
	width: 100%;
	table-layout: fixed;}
.lst_float dt{
	padding: 10px 0;
	display: table-cell;
	vertical-align: top;
	border-bottom:1px solid #C6D1DD;
	width:20%;}
.lst_float dd{
	padding: 10px 0 10px 10px;
	display: table-cell;
	vertical-align: top;
	border-bottom:1px solid #C6D1DD;}
/*--------------------------------------------------- LIST : INDENT*/
.lst_indent_1 li{
	padding-left:1em;}
.lst_indent_1 li:first-letter{
	margin-left:-1em;}
.lst_indent_2 li{
	padding-left:2em;}
.lst_indent_2 li:first-letter{
	margin-left:-2em;}
.lst_indent_3 li{
	padding-left:3em;}
.lst_indent_3 li:first-letter{
	margin-left:-3em;}

/*==================================================
TABLE
==================================================*/
.tbl_cmn{
	width:100%;
	margin:0 0 20px;
	border-top:1px solid #C6D1DD;}
.tbl_cmn th, .tbl_cmn td{
	padding:10px;
	line-height:1.5;
	vertical-align:middle;
	border-bottom:1px solid #C6D1DD;}
.tbl_cmn th {
	white-space:nowrap;
	background: #E8F0F5;}
.tbl_cmn th.wb {
	white-space:normal; 
}
/*--------------------------------------------------- TABLE : POSITION*/
table.center th,
table.center td,
table th.center,
table td.center{
	text-align:center;}
table.right th,
table.right td,
table th.right,
table td.right{
	text-align:right;}
table.top th,
table.top td,
table th.top,
table td.top{
	vertical-align:top;}
/*==================================================
FORM
====================================================*/
/*--------------------------------------------------- FORM : INPUT & TEXTAREA*/
.form_cmn input[type="text"],
input[type="text"].input_cmn,
.form_cmn input[type="email"],
input[type="email"].input_cmn,
.form_cmn input[type="password"],
input[type="password"].input_cmn,
.form_cmn input[type="tel"],
input[type="tel"].input_cmn,
.form_cmn input[type="number"],
input[type="number"],
.form_cmn textarea,
textarea.input_cmn{
	resize: vertical;
	display:block;
	width:100%;
	margin:3px 0;
	padding:5px 10px;
	border:1px solid #D1E1EC;
	line-height:1.5;
	border-radius:3px;
	box-sizing:border-box;
}

:placeholder-shown {
    color: #D1E1EC; }
::-webkit-input-placeholder {
    color: #D1E1EC; }
:-moz-placeholder {
    color: #D1E1EC; opacity: 1; }
::-moz-placeholder {
    color: #D1E1EC; opacity: 1; }
:-ms-input-placeholder {
    color: #D1E1EC; }
/*--------------------------------------------------- FORM : LABEL*/
.form_cmn label,
label.label_cmn {
	display:inline-block;
	margin:0 5px 5px 0;
	padding:5px 10px;
	cursor:pointer;
	border:1px solid #D1E1EC;
	border-radius:3px;}
.form_cmn label input[type="checkbox"],
label.label_cmn input[type="checkbox"],
.form_cmn label input[type="radio"],
label.label_cmn input[type="radio"] {
	margin-right: 5px;
}
.form_cmn label.checked,
label.label_cmn.checked {
	border-color: #58B0EA;
}
/*--------------------------------------------------- FORM : SELECT*/
.form_cmn select,
select.select_cmn{
	display:block;
	margin:0 5px 5px 0;
	padding:5px 10px;
	cursor:pointer;
	border:1px solid #D1E1EC;
	border-radius:3px;}
.form_cmn select option,
select.select_cmn option{
	padding:5px 10px;
	cursor:pointer;
	border-bottom:1px solid #D1E1EC;}
/*--------------------------------------------------- FORM : BUTTON*/
.form_cmn input[type="submit"],
input[type="submit"].btn_cmn,
.form_cmn input[type="reset"],
input[type="reset"].btn_cmn,
.form_cmn input[type="button"],
input[type="button"].btn_cmn,
a.lnk_input{
	display:inline-block;
	min-width:320px;
	margin:0 0;
	text-align:center;
	padding:20px 20px;
	cursor:pointer;
	background:#666;
	color:#FFF;
	border-radius:3px;
	vertical-align:middle;
	box-sizing:border-box;
	border: none;
	font-size: 125%;
	transition: all 1s;
	-moz-transition: all 1s;
	-webkit-transition: all 1s;
	-o-transition: all 1s;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;}
.form_cmn input[type="submit"],
input[type="submit"].btn_cmn,
.form_cmn input[type="button"].next,
input[type="button"].btn_cmn.next,
a.lnk_input.next {
	background:#fddc00;
	color: #2b2d2e;
}
.form_cmn input[type="submit"].back,
input[type="submit"].btn_cmn.back,
.form_cmn input[type="reset"],
input[type="reset"].btn_cmn,
a.lnk_input.cancel,
a.lnk_input.back{
	background:#666;
	color: #fff;}
.form_cmn input[type="submit"]:hover,
input[type="submit"].btn_cmn:hover,
.form_cmn input[type="reset"]:hover,
input[type="reset"].btn_cmn:hover,
.form_cmn input[type="button"]:hover,
input[type="button"].btn_cmn:hover,
a.lnk_input:hover{
}
/*--------------------------------------------------- FORM : FOCUS*/
.form_cmn input:focus,
input.input_cmn:focus,
.form_cmn textarea:focus,
textarea.input_cmn:focus,
.form_cmn label:focus,
label.label_cmn:focus,
.form_cmn select:focus,
select.select_cmn:focus {
	border-color:#58B0EA;
	box-shadow:0 0 5px #58B0EA;}
.form_cmn input[type="submit"]:focus,
.form_cmn input[type="button"]:focus {
	border: none;
	box-shadow: none;
}
.form_cmn input[type="submit"]:focus,
input[type="submit"].btn_cmn:focus{
	background: #FFF29E;
}
.form_cmn input[type="button"]:focus,
input[type="button"].btn_cmn:focus{
	background: #999;
}
/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

					TOP

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/

/*==================================================
HOME MAIN
====================================================*/
#home_main {
	background: url(../images/common/bg_dots_pb.jpg);
	padding: 30px 0;
}
#home_main_inner {
	display: table;
	width: 100%;
	table-layout: fixed;
}
#home_reserve_wrapper,
#home_slider_wrapper {
	display: table-cell;
	vertical-align: top;
}
#home_reserve_wrapper {
	padding-right: 20px;
	width: 390px;
}
/*==================================================
HOME RESERVE
====================================================*/
#home_reserve {
	background: #00aef9;
	padding: 5px 5px 20px;
	height: 100%;
	max-height: 420px;
}
#home_reserve h2 {
	font-size: 113%;
	font-weight: 600;
	text-align: center;
	padding: 10px;
	color: #fff;
}
#home_reserve h3 {
	background: #4dc7fb;
	padding: 5px 10px;
	color: #fff;
	font-size: 88%;
}
#home_reserve dl {
	margin: 5px 0;
	display: table;
	table-layout: fixed;
	width: 100%;
}
#home_reserve dl dt,
#home_reserve dl dd {
	font-size: 88%;
	color: #fff;
	display: table-cell;
	vertical-align: middle;
}
#home_reserve dl dt {
	padding: 0 20px 0 20px;
	width: 120px;
}
#home_reserve dl dd {
	padding: 0 20px 0 0;
}
#home_reserve dl dd.top_reserve_date_time {
	letter-spacing: -0.5em;
}
#home_reserve .top_reserve_datetime_date input,
#home_reserve .top_reserve_datetime_time select {
    width: 100%;
}
#home_reserve .top_reserve_datetime_date,
#home_reserve .top_reserve_datetime_time {
    letter-spacing: normal;
    display: inline-block;
}
#home_reserve .top_reserve_datetime_date {
	width: 60%;
	padding-right: 2%;
}
#home_reserve .top_reserve_datetime_time {
	width: 40%;
}
@-moz-document url-prefix() {
	#home_reserve .top_reserve_datetime_time {
		width: 39%;
	}
}
#home_reserve input.ipt_date,
#home_reserve select.slc_date,
#home_reserve select.slc_cars,
#home_reserve select.slc_place,
#contents input.ipt_date,
#contents input.ipt_num,
#contents select.slc_date,
#contents select.slc_cars,
#contents select.slc_place,
#contents select.splace {
    width: 100%;
    height: 30px;
    border-radius: 5px;
    background-color: #fff;
    cursor: pointer;
    display: inline-block;
    box-shadow: none;
    border: none;
    font-size: 13px;
	padding: 5px 10px;
	background-image: url(../images/common/btn_ico_tri_down.png);
	background-position: right center;
	background-repeat: no-repeat;
	-webkit-appearance: none;
    -moz-appearance: none;
    text-indent: .01px;
    text-overflow: "";
    appearance: none;
}

#home_reserve input.ipt_date,
#contents input.ipt_date {
	background-image: url(../images/common/btn_icon_cal.png);
}
#home_reserve select.slc_date optgroup,
#home_reserve select.slc_place optgroup,
#home_reserve select.slc_cars optgroup,
#contents select.slc_date optgroup,
#contents select.slc_place optgroup,
#contents select.slc_cars optgroup,
#contents select.splace optgroup{
	display: none;
}

#home_rsv_btn {
	margin-top: 15px;
	padding: 0 20px;
}

#home_rsv_btn li {
	margin-bottom: 5px;
}
#home_rsv_btn li:last-child{
	margin-bottom: 0;
}
#home_rsv_btn li a {
	background: #fddc00;
	color: #2a3338;
	width: 100%;
	display: block;
	padding: 10px;
	text-align: center;
	border-radius: 5px;
	font-weight: 600;
	font-size: 125%;
}
#home_rsv_btn li a .icon {
	padding-right: 0.2em;
	font-weight: normal;
}

/*==================================================
HOME MAIN SLIDER
====================================================*/
#home_sld {
	max-width: 630px;
	margin: 0 auto;
	position: relative;
}
#home_sld_main {
	background: #FFF;
	position: relative;
	padding: 66.67% 0 0;
	overflow: hidden;}
#home_sld_main_list {
	display: flex;
	flex-wrap: nowrap;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
}
#home_sld_main_list li{
	width: 630px;
}
#home_sld_main_list li img{
	max-width: 100%;
	height: auto;
}


#home_sld_main_nav,
#home_sld .nav.prev,
#home_sld .nav.next {
	position: absolute;
}
#home_sld .nav.prev,
#home_sld .nav.next {
	top: 50%;
	color: #fff;
	font-size: 200%;
	text-align: center;
	padding: 10px;
	margin-top: -25px;
}
#home_sld .nav.prev:hover,
#home_sld .nav.next:hover {
	opacity: 0.75;
}
#home_sld .nav.prev {
	left: 0;
}
#home_sld .nav.next {
	right: 0;
}
#home_sld_main_nav {
	letter-spacing: -0.5em;
	position: absolute;
	bottom: 20px;
	left: 0;
	display: block;
	width: 100%;
	text-align: center;
}
#home_sld_main_nav li {
	letter-spacing: normal;
	display: inline-block;
	vertical-align: middle;
	padding: 0 5px;
}
#home_sld_main_nav li a {
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: #fff;
	display: block;
}
#home_sld_main_nav li a:hover {
	background: #77a6d2;
}
#home_sld_main_nav li a.current {
	background: #0172bc;
}
/*==================================================
HOME MENU
====================================================*/
#home_menu {
	width: 100%;
	max-width: 1060px;
	margin: 0 auto;
	box-sizing: border-box;
	padding: 20px 10px 30px;
}
#home_menu ul {
	display: flex;
	flex-wrap: wrap;
}
#home_menu ul li {
	width: 25%;
	text-align: center;
	padding: 10px;
}
#home_menu ul li img {
	max-width: 100%;
	height: auto;
}

/*==================================================
HOME INFO
====================================================*/
#home_info {
	padding: 0 0 30px;
}
#home_info_inner {
	display: table;
	width: 100%;
	table-layout: fixed;
}
#home_news_wrapper,
#home_slider_cam_wrapper {
	display: table-cell;
	vertical-align: top;
}
#home_news_wrapper {
	padding-right: 10px;
}
#home_slider_cam_wrapper {
	width: 500px;
}
/*==================================================
HOME INFO : NEWS
====================================================*/
#home_news {
	
}
#home_news h2 {
	color: #2b2d2e;
	font-size: 150%;
	font-weight: 700;
	line-height: 1.4;
	margin-bottom: 5px;
}
#home_news h2 .icon {
	color: #0172bc;
	padding-right: 0.2em;
}
#home_news ul {
	border-top: 1px solid #e8e6da;
	border-bottom: 1px solid #e8e6da;
	padding: 10px 40px;
}
#home_news ul li {
	margin: 10px 0;
}
#home_news ul li a {
	display: table;
	width: 100%;
	table-layout: fixed;
}
#home_news ul li .date,
#home_news ul li .title {
	line-height: 1.4;
	font-size: 88%;
	display: table-cell;
	vertical-align: top;
}
#home_news ul li .date {
	color: #747d85;
	width: 130px;
}
#home_news ul li .title {
	color: #113c52;
}

/*==================================================
HOME INFO : SLIDER
====================================================*/
#home_sld_cam_img_slider {
	width: 100%;
	max-width: 400px;
	height: 250px;
	margin: 0 auto;
	position: relative;
}
#home_sld_cam_img_area {
	width: 100%;
	padding: 62.5% 0 0;
	position: relative;
	overflow: hidden;
	margin: 0 auto;}
#home_sld_cam_img{
	height: 250px;
	position: absolute;
	left: 0;
	top: 0;
	display: flex;
	flex-wrap: nowrap;
}
#home_sld_cam_img li{
	width: 400px;
	height: 100%;
}
#home_sld_cam_img li a{
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;}
#home_sld_cam_img li a img {
	max-width: 100%;
	height: auto;
}

#home_sld_cam_img_slider .nav {
	position: absolute;
	background: #fff;
	top: 0;
	width: 50px;
	height: 100%;
	display: block;
}
#home_sld_cam_img_slider .nav:after {
	position: absolute;
	top: 50%;
	margin-top: -9px;
	font-size: 12px;
	line-height: 20px;
	height: 20px;
	width: 20px;
	color: #fff;
	background: #0172bc;
	display: block;
	text-align: center;
	border-radius: 50%;
}
#home_sld_cam_img_slider .nav.prev {
	left: -50px;
	
}
#home_sld_cam_img_slider .nav.next {
	right: -50px;
}
#home_sld_cam_img_slider .nav.prev:after {
	content: '\ea2d';
	left: 50%;
	margin-left: -10px;
}
#home_sld_cam_img_slider .nav.next:after {
	content: '\ea2c';
	right: 50%;
	margin-right: -10px;
}
/*==================================================
HOME BANNERS
====================================================*/
#home_banners {
	width: 100%;
	max-width: 1060px;
	margin: 0 auto;
	box-sizing: border-box;
	padding: 0 10px 30px;
}
#home_banners ul {
	display: flex;
	flex-wrap: wrap;
}
#home_banners ul li {
	width: 25%;
	text-align: center;
	padding: 10px;
}
#home_banners ul li a {
	display: inline-block;
}
#home_banners ul li img {
	max-width: 100%;
	height: auto;
}



/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

			PAGE

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
#pagetitle_wrapper {
	background: #d1e1ec;
	padding: 50px 0;
	border-bottom: 1px solid #459cf0;
}
#pagetitle {
	
}
#pagetitle h2 {
	font-size: 200%;
	line-height: 1.3;
}
#breadcrumb {
	line-height: 1.2;
	margin-top: 10px;
	font-weight: 400;
	font-size: 88%;
}
#contents_wrapper {
	padding: 40px 0;
	background: #F4F8FB;
}
#contents {
}
#contents_inner {
	/*border: 2px solid #d1e1ec;*/
	padding: 30px;
	background: #fff;
}

.introbox p {
	font-weight: 400;
}

.cntbox p, .cntbox li, .cntbox dt, .cntbox dd, .cntbox th, .cntbox td,
.docbox p, .docbox li, .docbox dt, .docbox dd, .docbox th, .docbox td {
	font-weight: 400;
}
.docbox {
	max-width: 720px;
	margin: 0 auto;
}

/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

			キャンペーン

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/

/*==================================================
 キャンペーン一覧
====================================================*/

.topics_list_box {
	border: 1px solid #D1E1EC;
	margin-bottom: 20px;
	padding: 20px 30px;
}
#topics_list .topics_list_box:last-child {
	margin-bottom: 0;
}
.topics_list_box h3 {
	font-weight: 600;
	font-size: 113%;
	line-height: 1.4;
	display: table;
	width: 100%;
	table-layout: fixed;
	margin-bottom: 10px;
}
.topics_list_box h3:before,
.topics_list_box h3 span {
	display: table-cell;
}

.topics_list_box h3:before {
	content: '\eaa6';
	font-weight: normal;
	font-size: 200%;
    color: #0172BC;
    padding-right: 4px;
	width: 1.2em;
	vertical-align: top;
}
.topics_list_box h3 span {
	vertical-align: middle;
}

.topics_list_detail {
	display: table;
	table-layout: fixed;
	width: 100%;
}
.topics_list_img,
.topics_list_txt {
	display: table-cell;
	vertical-align: top;
}
.topics_list_img {
	width: 300px;
}
.topics_list_img img {
	max-width: 100%;
	height: auto;
}
.topics_list_txt {
	padding-left: 30px;
}
.topics_list_txt p {
	font-weight: 400;
	line-height: 1.8;
}
.topics_list_txt .btnarea {
	margin-top: 20px;
	text-align: right;
}
.topics_list_link {
	display: inline-block;
	cursor: pointer;
	padding: 15px 10px;
	border: none;
	color: #fff;
	background: #00AEF9;
	border-radius: 3px;
	vertical-align: middle;
	position: relative;
}

/*==================================================
 キャンペーン
====================================================*/
#topics_single_img {
    text-align: center;
	margin-bottom: 30px;
	padding-bottom: 30px;
    border-bottom: 1px solid #D1E1EC;
}
#topics_single_img img,
#topics_single_txt img,
#topics_single_txt p img {
    max-width: 100%;
	height: auto;
}
#topics_single_contents_area {
	
}
#topics_single_txt h3 {
	font-weight: 600;
	font-size: 113%;
	line-height: 1.5;
	margin: 20px 0;
}
#topics_single_txt p {
	font-weight: 400;
	line-height: 2;
	margin-bottom: 1em;
}
#topics_single_txt .note_finished {
	font-size: 120%;
	color: #c51b27;
	font-weight: 500;
	text-align: center;
	margin-bottom: 30px;
}
#topics_single_txt a {
	color: #0172BC;
	border-bottom: 1px dotted;
	padding-bottom: 2px;
	display: inline;
}
#topics_single_txt a:hover {
	color: #58B0EA;
}
#topics_single_txt a[target="_blank"]:after {
	content: '\eb14';
	padding-left: 0.2em;
}
#topics_single_txt img {
	max-width: 100%;
	height: auto;
}
#topics_single .btnarea {
	margin-top: 30px;
	padding-top: 30px;
	border-top: 1px solid #D1E1EC;
	text-align: center;
}
#topics_to_reserve {
	padding: 30px 10px;
	font-size: 150%;
}
/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

			お知らせ

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/

/*==================================================
 お知らせ一覧
====================================================*/
#news_list {
	
}
#news_list .news_list_box {
	border-bottom: 1px solid #C6D1DD;
	padding: 30px 0;
}
#news_list .news_list_box:first-child {
	padding-top: 0;
}
#news_list .news_list_box h3{
	font-size: 113%;
	line-height: 1.4;
	font-weight: 500;
	margin-bottom: 15px;
}
#news_list .news_list_box h3 .icon {
	color: #0172BC;
	padding-right: 0.2em;
}
#news_list .news_list_detail p {
	font-weight: 400;
	line-height: 1.6;
}
#news_list .news_list_detail .btnarea {
	text-align: right;
	padding-top: 30px;
}
#news_list .news_list_detail .btnarea a {
	width: 100%;
	max-width: 280px;
	min-width: auto;
	display: inline-block;
}

/*==================================================
 お知らせ個別
====================================================*/
#news_single_txt a {
    color: #0172BC;
    border-bottom: 1px dotted;
    padding-bottom: 2px;
    display: inline;
}
#news_single_txt a[target="_blank"]:after {
    content: '\eb14';
    padding-left: 0.2em;
}
#news_single_txt h3 {
    font-weight: 600;
    font-size: 113%;
    line-height: 1.5;
    margin: 20px 0;
}
#news_single_txt p {
    font-weight: 400;
    line-height: 2;
    margin-bottom: 1em;
}
#news_single_txt img {
	max-width: 100%;
	height: auto;
}
/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

			営業所一覧

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
#officemap_wrapper .st1{fill:#80B64F;}
#officemap_wrapper .st2{fill:#FF7BAC;}
#officemap_wrapper .st3{fill:#FF931E;}
#officemap_wrapper .st4{fill:#5D554D;}
#officemap_wrapper .st5{fill:#3FA9F5;}
#officemap_wrapper .st7{fill:#5D554D;}
#officemap_wrapper .st8{fill:#FFFFFF;}
#officemap_wrapper .st8{fill:#FFFFFF;}
#officemap_wrapper .st9{fill:#2F2B27;}
#officemap_wrapper .st20{fill:#FFFFFF;}
#officemap_wrapper {
	width: 100%;
	max-width: 960px;
	height: 480px;
	overflow: hidden;
	position: relative;
	z-index: 2;
	background: #CAECFB;
	border: 2px solid #ccc;
}
#officemap_wrapper .current .st9 {fill:#990000;}
#officemap {
	width: 100%;
	height: auto;
	position: absolute;
	z-index: 1;
	left: 0;
	top: -19px;
}
#officemap svg {
	width: 100%;
}

#officemap svg a {
	display: inline-block;
	cursor: pointer;
}

#office_overlay{
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	color: #FFF;
	z-index: 9999;}
#office_overlay.view{
	display: block;}
/*#officemap.On_whole #map_sta_ol .marker_office g:first-child {
	display: none;
}*/
#map_land,
#map_railway_ol {
}
#map_land {
}
#map_railway_ol {
}
.map_area_only.hide polygon,
.map_area_only.hide path {
	display: none;
	stroke: none;
	fill: none;
}

#map_view_nav {
	border: 2px solid #ccc;
	border-top: none;
	padding: 5px;
	display: flex;
	flex-wrap: wrap;
}
#map_view_nav li {
	width: 25%;
	padding: 5px;
}

#map_view_nav li a {
    display: block;
	padding: 10px;
	text-align: center;
    border: none;
    color: #fff;
    background: #0172BC;
    border-radius: 3px;
    vertical-align: middle;
    position: relative;
}
#map_view_nav li a.current {
}
#map_view_nav li a#map_sw_kansai {
	background: #FF931E;
}
#map_view_nav li a#map_sw_kansai.current {
	background: #FF931E;
}
#map_view_nav li a#map_sw_hokuriku {
	background: #3FA9F5;
}
#map_view_nav li a#map_sw_hokuriku.current {
	background: #3FA9F5;
}
#map_view_nav li a#map_sw_chugoku {
	background: #FF7BAC;
}
#map_view_nav li a#map_sw_chugoku.current {
	background: #FF7BAC;
}
#lst_brch_area {
}
#lst_brch_area .area {
	width: 100%;
	padding: 10px;
	box-sizing:border-box;
	display:none;
	transition: all 0.7s ease-in-out 0s;
	-moz-transition: all 0.7s;
	-webkit-transition: all 0.7s;
	-o-transition: all 0.7s;
	margin: auto;
}
#lst_brch_area .area.on { display:block; }
#lst_brch_area .area .aname {
	display: table;
	table-layout: fixed;
	width: 100%;
	color: #FFFFFF;
	margin-bottom: 20px;
}
#lst_brch_area .area .aname .name,
#lst_brch_area .area .aname .btn {
	padding: 10px;
	display: table-cell;
	color: #FFFFFF;
	vertical-align: middle;
}
#lst_brch_area .area .aname .btn {
	width: 120px;
	text-align: center;
	font-size: 88%;
	border-left: 1px solid rgba(255,255,255,0.4);
}
#lst_brch_area .area .aname .btn .icon {
	padding-left: 4px;
	font-size: 88%;
}
#area_kansai {
	background: #FF931E;
}
#area_chugoku {
	background: #FF7BAC;
}
#area_hokuriku {
	background: #3FA9F5;
}

.lst_brch_pref {
	display: flex;
	flex-wrap: wrap;
}
.lst_brch_pref .pref {
	width: 33.33%;
	padding-bottom: 20px
}
.lst_brch_pref .pref .pname {
	display: block;
	margin-bottom: 10px;
	position: relative;
}
.lst_brch_pref .pref .pname {
	font-weight: bold;
}
.lst_brch_pref .pref .btnarea {
	text-align: right;
}
.lst_brch_pref .pref .btnarea a {
	font-size: 80%;
	padding: 5px 10px;
	display: inline-block;
	line-height: 1.6;
	opacity: 0.5;
}
.lst_brch_pref .pref .btnarea a .icon {
	padding-left: 4px;
	font-size: 88%;
}

.lst_brch_sta {
	padding: 0 10px 0;
}
.lst_brch_sta .sta {
	border-bottom: 1px solid rgba(0,0,0,0.1);
}
.lst_brch_sta .sta > a {
	padding: 5px 10px;
	display: block;
	font-size: 88%;
}


#brch_area_kansai {
	background: rgba(255,147,30,0.10);
}
#brch_area_kansai .sta > a:hover,
#brch_area_kansai .sta > a.current {
	color: #111;
	background: rgba(255,147,30,0.20);
}
#brch_area_kansai .lst_brch_pref .pref .btnarea a:hover {
	color: rgba(255,147,30,1);
}
#brch_area_chugoku {
	background: rgba(255,123,172,0.10);
}
#brch_area_chugoku .sta > a:hover,
#brch_area_chugoku .sta > a.current {
	color: #111;
	background: rgba(255,123,172,0.20);
}
#brch_area_chugoku .lst_brch_pref .pref .btnarea a:hover {
	color: rgba(255,123,172,1);
}
#brch_area_hokuriku {
	background: rgba(63,169,245,0.10);
}
#brch_area_hokuriku .sta > a:hover,
#brch_area_hokuriku .sta > a.current {
	color: #111;
	background: rgba(63,169,245,0.20);
}
#brch_area_hokuriku .lst_brch_pref .pref .btnarea a:hover {
	color: rgba(63,169,245,1);
}

.area_box {
	margin-top: 40px;
	border-top: 1px solid #D1E1EC;
}
.area_box#area_box_kansai h3.ttl_cmn {
    border-color: #FF931E;
}
.area_box#area_box_chugoku h3.ttl_cmn {
    border-color: #FF7BAC;
}

.area_box .btnarea_top {
	text-align: right;
}
.area_box .btnarea_top a {
	padding: 10px;
	font-size: 88%;
}
.area_box#area_box_kansai .btnarea_top a:hover {
	color: #FF931E;
}
.area_box#area_box_chugoku .btnarea_top a:hover {
	color: #FF7BAC;
}
.area_box .btnarea_top a .icon {
	padding-left: 4px;
	font-size: 88%;
}

.pref_box h4 {
	font-weight: 700;
	font-size: 125%;
	line-height: 1.6;
	margin: 10px 0 15px;
}

.office_box_wrapper {
	display: flex;
	flex-wrap: wrap;
}
.office_box {
	letter-spacing: normal;
	vertical-align: top;
	width: 49%;
	border: 1px solid;
	margin-bottom: 10px;
}
#area_box_kansai .office_box {
	border-color: #FFE0C0;
}
#area_box_chugoku .office_box {
	border-color: #FFDBE7;
}
#area_box_hokuriku .office_box {
	border-color: #C9E7FC;
}
.office_box_wrapper .office_box:nth-child(2n+1) {
	margin-right: 1%;
}
.office_box_wrapper .office_box:nth-child(2n) {
	margin-left: 1%;
}
.office_box h5 {
	background: #D1E1EC;
	padding: 10px;
}
#area_box_kansai .office_box h5 {
	background: #FFE0C0;
}
#area_box_chugoku .office_box h5 {
	background: #FFDBE7;
}
#area_box_hokuriku .office_box h5 {
	background: #C9E7FC;
}
.office_box dl {
	padding: 5px 10px;
	display: table;
	table-layout: fixed;
	width: 100%;
}
.office_box dl:first-of-type {
	padding-top: 10px;
}
.office_box dl:last-of-type {
	padding-bottom: 10px;
}
.office_box dl dt,
.office_box dl dd {
	display: table-cell;
	vertical-align: top;
	font-size: 88%;
	line-height: 1.4;
}
.office_box dl dt {
	width: 100px;
}
.office_box dl dd a {
	border-bottom: 1px dotted;
}
#area_box_kansai .office_box dl dd a {
	color: #CF710C;
}
#area_box_chugoku .office_box dl dd a {
	color: #CB527F;
}
#area_box_hokuriku .office_box dl dd a {
	color: #247CBC;
}


/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

			QandA

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
.faqbox {
	padding: 10px;
	border-bottom: 1px solid #C6D1DD;
}
.faq .cntbox .faqbox:last-of-type {
	border-bottom: none;
}
.faqbox.first {
	border-top: 1px solid #C6D1DD;
}
.faqbox .faq {
	position: relative;
	padding: 10px 0 10px 40px;
	font-weight: 400;
	line-height: 1.6;
}
.faqbox .faq:before {
	content: '\ea94';
	position: absolute;
	left: 0;
	top: 0;
	font-size: 200%;
	line-height: 32px;
}
.faqbox .faq_q:before {
	color: #230088;
}
.faqbox .faq_a:before {
	color: #A7453D;
}
.faqbox .faq:after {
	position: absolute;
	left: 0;
	top: 0;
	height: 32px;
	width: 32px;
	line-height: 32px;
	text-align: center;
	font-size: 130%;
	color: #fff;
	font-weight: bold;
}
.faqbox .faq_q:after {
	content:'Q';
}
.faqbox .faq_a:after {
	content:'A';
}
.faqbox .faq_q {
	font-weight: 500;
}
.faqbox .faq_a {
	margin-left: 30px;
}
.contactbox {
	padding: 20px;
	border: 1px solid #C6D1DD;
	margin: auto;
	font-weight: 400;
	max-width: 560px;
	text-align: center;
}
.contactbox .idx {
	font-weight: 500;
	display: block;
	line-height: 1.6;
	margin-bottom: 10px;
	font-size: 113%;
}
.contactbox .tel {
	line-height: 1.2;
}
.contactbox .tel a {
	font-weight: 600;
	font-size: 200%;
	display: inline-block;
}
.contactbox .note {
	font-size: 88%;
	padding-top: 10px;
	display: inline-block;
	line-height: 1.4;
}
.contactbox .lnk_cmn {
	width: 100%;
	max-width: 320px;
	min-width: auto;
	margin: 15px auto 0;
	font-size: 113%;
}
.contactbox .lnk_cmn:hover {
	opacity: 0.75;
}
.contactbox .lnk_cmn .icon {
	padding-right: 4px;
}

/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

			ご利用案内 outline

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
#fig_flow {
	margin: 0;
}
#fig_flow .lst_major {
	display: flex;
	flex-wrap: nowrap;
	align-items:stretch;
	align-content: stretch;
	width: 100%;
}
#fig_flow .lst_major > li {
	width: 16.67%;
	text-align: center;
	padding-left: 16px;
	padding-right: 2px;
}
#fig_flow .lst_major > li .vbox,
#fig_flow .lst_major > li .lst_minor {
	height: 100%;
}

#fig_flow .lst_major li .vbox/*,
#fig_flow .lst_major > li .lst_minor li div*/ {
	padding: 10px 5px;
	border: 1px solid #58B0EA;
	color: #0172BC;
	line-height: 1.2;
	border-radius: 3px;
	display: flex;
	align-items: center;
}
#fig_flow .lst_major li .vbox .vbox_inner {
	width: 100%;
	line-height: 1.2;
}
#fig_flow .lst_major > li > .vbox.shop,
#fig_flow .lst_major > li .lst_minor li div.shop {
	border-color: #F3C787;
	color: #FF9600;
}
#fig_flow .lst_major > li > .vbox {
	
}
#fig_flow .lst_major > li .lst_minor li {
	height: 50%;
	font-size: 88%;
}
#fig_flow .lst_major > li .lst_minor li:first-child {
	padding-bottom: 3px;
}
#fig_flow .lst_major > li .lst_minor li:last-child {
	padding-top: 3px;
}
#fig_flow .arw {
	position: relative;
}
#fig_flow .arw:after {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 12px 0 12px 12px;
	border-color: transparent transparent transparent #0172BC;
	content: '';
	position: absolute;
	right: -16px;
	top: 50%;
	margin-top: -12px;
}
#fig_flow .arw.last:after {
	border: none;
}
#fig_flow_general {
	text-align: right;
	padding-top: 15px;
}
#fig_flow_general .inner {
	display: inline-block;
	text-align: left;
	border: 1px dotted #C6D1DD;
	padding: 15px;
}
#fig_flow_general .inner ul li {
	font-size: 88%;
	line-height: 1.4;
}
#fig_flow_general .inner ul li .blue {
	color: #58B0EA;
}
#fig_flow_general .inner ul li .orange {
	color: #FF9600;
}

#outline_tabmenu_index {
	display: flex;
	flex-wrap: wrap;
	margin-top: 45px;
}
#outline_tabmenu_index > li {
	width: 33.33%;
	padding: 0 10px;
}
#outline_tabmenu_index > li h4 {
	border-left: 5px solid #0172BC;
	padding: 10px 0 10px 10px;
	font-size: 113%;
	font-weight: 500;
	margin-bottom: 10px;
}
#outline_tabmenu_index > li ul li {
	margin-left: 1.2em;
	position: relative;
}
#outline_tabmenu_index > li ul li:after {
	width: 100%;
	height: 1px;
	bottom: 0;
	left: -1.2em;
	background: #C6D1DD;
	content: '';
	display: block;
	z-index: 2;
	position: absolute;
}
#outline_tabmenu_index > li ul li a:before {
	content: '\eb62';
	padding-right: 0.2em;
}
#outline_tabmenu_index > li ul li a {
	text-indent: -1.2em;
	display: block;
	padding: 10px 5px;
	line-height: 1.2;
}
#outline_tabmenu {
	display: flex;
	flex-wrap: wrap;
}
#outline_tabmenu li {
	width: 33.33%;
	align-content: center;
	text-align: center;
	padding: 0 1%;
	margin-bottom: 10px;
}
#outline_tabmenu li a,
#outline_tabmenu li span {
	text-align: center;
	width: 100%;
	padding: 10px;
	display: inline-block;
	border: 1px solid #459CF0;
	border-radius: 3px;
	height: 100%;
	line-height: 1.2;
	font-size: 113%;
}
#outline_tabmenu li a {
	color: #459CF0;
}
#outline_tabmenu li span {
	background: #459CF0;
	color: #fff;
}
#outline_tabmenu_sub {
	padding: 10px;
}
#outline_tabmenu_sub h4 {
	font-size: 113%;
	margin-bottom: 15px;
}
#outline_tabmenu_sub ul {
	display: flex;
	flex-wrap: wrap;
	padding-left: 10px;
}
#outline_tabmenu_sub ul li {
	width: 33.33%;
	padding-right: 10px;
	margin-bottom: 5px;
}
#outline_tabmenu_sub ul li a {
	padding: 10px 10px 10px 2em;
	display: block;
	line-height: 1.2;
	border: 1px solid #D1E1EC;
	border-radius: 3px;
	position: relative;
	height: 100%;
	font-size: 88%;
}
#outline_tabmenu_sub ul li a:before {
	content: '\eb62';
	padding-right: 0.2em;
	position: absolute;
	left: 10px;
	top: 10px;
}
#outline_tabmenu_sub ul li a:hover {
	border-color: #58B0EA;
}

.outlinebox {
	border: 1px solid #C6D1DD;
}
.outlinebox.last {
	margin-bottom: 0;
}
.outlinebox h4 {
	font-weight: 600;
	font-size: 125%;
	padding: 15px 30px;
	background: #D1E1EC
}
.outlinebox_inner {
	padding: 15px 30px 20px;
}
.outlinebox h5 {
	font-weight: 500;
	font-size: 110%;
	margin-bottom: 1em;
}
#tbl_outline_noc thead th,
#tbl_outline_chsh thead th,
#tbl_outline_chsh tbody th,
#tbl_outline_opt thead th,
#tbl_outline_opt tbody th {
	background: #F4F8FB;
}
#tbl_outline_noc tbody th {
	background: none;
}
#lst_outline_cards {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	margin: auto;
	max-width: 720px;
}
#lst_outline_cards li {
	width: 20%;
	text-align: center;
	margin-bottom: 10px;
	padding: 5px;
}
#lst_outline_cards dt,
#lst_outline_cards dd {
	text-align: center;
}
#lst_outline_cards dt {
	font-size: 88%;
	line-height: 1.2;
}
#lst_outline_cards dd img {
	max-width: 100%;
	height: auto;
	margin-bottom: 5px;
}
#tbl_outline_chsh {
		margin-bottom: 0;
	}
#tbl_outline_chsh .sp {
	display: none;
}

.ontlinebox_bg .ul {
	border-bottom: 1px solid;
	padding-bottom: 2px;
}
.ontlinebox_bg .em {
	font-size: 120%;
	font-weight: 500;
}

#outline_1_1 h5 .icon {
	padding-right: 0.2em;
}

#price_tbl_car_select_area {
	text-align: right;
	max-width: 800px;
	margin: 0 auto 5px;
}
#price_tbl_car_select_area select {
	display: inline-block;
	text-align: left;
	margin: 0;
}
#outline_1_1 .table-wrapper {
	width: 100%;
	max-width: 800px;
	overflow: hidden;
	margin:0 auto;
	padding-bottom: 40px;
	position: relative;
}
#outline_1_1 table tr {
	width: 100%;
}
#outline_1_1 table thead th {
	padding: 5px;
}
#outline_1_1 table thead th,
#outline_1_1 table tbody td {
	text-align: center;
}
#outline_1_1 table thead th,
#outline_1_1 table tbody th,
#outline_1_1 table tbody td {
	font-size: 88%;
	line-height: 1.7;
}
#outline_price_1 thead th:not(.first),
#outline_price_2 tbody td {
	height: 60px;
	padding-top: 5px;
	padding-bottom: 5px;
}
#outline_price_1 {
	width: 50px;
	height: 100%;
	position: relative;
	z-index: 5;
}
#outline_price_1 th {
	padding: 10px 5px;
}

#outline_price_2 {
	overflow-x: auto;
	position: absolute;
	z-index: 1;
	left: 50px;
	top: 0;
	width: 750px;
}
#outline_price_2 table {
	margin-left: 0;
	width: 100%;
	table-layout: fixed;
}
#outline_price_2 th {
	font-weight: 600;
}
#outline_price_2 td {
	font-weight: 500;
}
#outline_price_2 td .dsc {
	font-size: 88%;
	font-weight: 400;
}
#outline_price_2 td .dsc:before {
	content: '(';
}
#outline_price_2 td .dsc:after {
	content: ')';
}
.row_hidden {
	display: none;
}

.ontlinebox_bg .ttlarea {
	display: table;
	table-layout: fixed;
	width: 100%;
	background: #00AEF9;
	color: #fff;
}
.ontlinebox_bg .ttlarea .icon,
.ontlinebox_bg .ttlarea h4 {
	display: table-cell;
	vertical-align: middle;
}
.ontlinebox_bg .ttlarea .icon {
	font-size: 40px;
	width: 80px;
	text-align: center;
	padding: 10px 10px;
	border-right: 1px solid rgba(255,255,255,0.30);
}
.ontlinebox_bg .ttlarea h4 {
	padding: 10px 10px;
	font-size: 140%;
	font-weight: 500;
	line-height: 1.25;
}
.ontlinebox_bg h5.katsuyou:before {
	content: '\ea9a';
	font-size: 200%;
	display: block;
	text-align: center;
	margin-bottom: 5px;
}
.ontlinebox_bg h5.katsuyou {
	font-size: 113%;
	display: inline-block;
	font-weight: 500;
}
.ontlinebox_bg .box_point {
	margin-bottom: 0;
	border: 2px solid #F8F857;
	background: #FFFFF5;
	border-radius: 3px;
	display: table;
	table-layout: fixed;
	width: 100%;
}
.ontlinebox_bg .box_point .idx,
.ontlinebox_bg .box_point .txt {
	display: table-cell;
	vertical-align: middle;
}
.ontlinebox_bg .box_point .idx {
	background: #fff;
	border-radius: 50px;
	padding: 10px 10px;
	width: 90px;
	text-align: center;
}
.ontlinebox_bg .box_point .txt {
	padding-left: 20px;
}
#outline_4_1 .em.bigger {
	font-size: 150%;
	position: relative;
}
#outline_4_1 .em.bigger:after {
	content: '\eae0';
	position: absolute;
	left: 50%;
	margin-left: 15px;
	top: -10px;
	transform: rotate3d(0,0,1,45deg);
	z-index: 1;
}
#outline_4_1 .btnarea {
	position: relative;
}
#outline_4_1 .btnarea ul {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	max-width: 560px;
	margin: 0 auto;
}
#outline_4_1 .btnarea ul li {
	text-align: center;
	width: 50%;
	padding: 15px;
}
#outline_4_1 .btnarea ul li a {
	border: 2px solid #459CF0;
	border-radius: 3px;
	background: #EDF9FF;
	display: table;
	padding: 30px 10px;
	font-weight: 500;
	font-size: 140%;
	color: #0172BC;
	height: 100%;
	width: 100%;
	line-height: 1.4;
}
#outline_4_1 .btnarea ul li a:hover {
	background: #C7ECFF;
}
#outline_4_1 .btnarea ul li a div {
	display: table-cell;
	width: 100%;
	vertical-align: middle;
	line-height: 1.4;
}
#outline_4_1 .btnarea ul li a .icon {
	font-size: 200%;
	display: block;
	padding-bottom: 5px;
}
#outline_4_1_1 {
	display: table;
	margin: 20px auto 30px;
	table-layout: fixed;
}
#outline_4_1_1 li {
	display: table-cell;
	vertical-align: middle;
}
#outline_4_1_1 li:nth-child(1) {
	width: 80px;
	font-size: 60px;
	color: #0172BC
}
#outline_4_1_1 li:nth-child(2) {
	padding-right: 20px;
}
#outline_4_1_1 li:nth-child(3) {
	width: 60px;
}
#outline_4_1_1 li:nth-child(3) .arw {
	background:#0172BC;
	color: #fff;
	padding: 5px 10px;
	position: relative;
}
#outline_4_1_1 li:nth-child(3) .arw:after {
	position: absolute;
	right: -30px;
	top: 50%;
	margin-top: -40px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 40px 0 40px 40px;
	border-color: transparent transparent transparent #0171bc;
	content: '';
	z-index: 0;
}
#outline_4_1_1 li:nth-child(4){
	padding-left: 50px;
}
#outline_4_1_1 li p {
	line-height: 2;
}

#outline_4_2 .box_attention {
	border: 2px solid #B4E6FF;
}
#outline_4_2 .box_attention h5 {
	font-size: 125%;
	text-align: center;
}
#outline_4_2_mustitem li {
	font-size: 113%;
}
#outline_4_2_flow {
	display: flex;
	flex-wrap: wrap;
}
#outline_4_2_flow li {
	width: 50%;
	padding: 10px;
}
#outline_4_2_flow li .flowbox {
	border: 2px solid #459CF0;
	border-radius: 3px;
	height: 100%;
	overflow: hidden
}
#outline_4_2_flow li .smaller {
	font-size: 13px;
}
#outline_4_2_flow,
#outline_4_3_flow {
	counter-reset: flwnum 0;
}
#outline_4_2_flow li .ico {
	font-size: 60px;
	text-align: center;
	padding: 20px;
	color: #0172BC;
}
#outline_4_2_flow .cnt {
	background: #EDF9FF;
	color: #0172BC;
	padding: 15px;
	height: 100%;
}
#outline_4_2_flow .idx,
#outline_4_3_flow .idx {
	display: inline-block;
	margin: 0 0 15px;
	font-weight: 600;
	font-size: 125%;
	line-height: 1.25;
	color: #0172BC;
}
#outline_4_2_flow .idx:before,
#outline_4_3_flow .idx:before {
    padding: 0.2em 0.4em;
	font-weight: 600;
    color: #fff;
    background: #459CF0;
    margin-right: 0.4em;
    counter-increment: flwnum 1;
    content: counter(flwnum);
    text-align: center;
}
#outline_4_2_flow li .txt {
	font-weight: 400;
	line-height: 1.4;
	color: #0C3388;
}
#outline_4_3_flow {
	margin-top: 20px;
}
#outline_4_3_flow > li {
	margin-bottom: 20px;
	position: relative;
}
#outline_4_3_flow > li:last-child {
	margin-bottom: 0;
}
#outline_4_3_flow > li:after {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 15px 15px 0 15px;
	border-color: #459df0 transparent transparent;
	bottom: -15px;
	left: 50%;
	margin-left: -15px;
}
#outline_4_3_flow > li:last-child:after {
	border: none;
}
#outline_4_3_flow li .flowbox {
    border: 2px solid #459CF0;
    border-radius: 3px;
    height: 100%;
    overflow: hidden;
	display: table;
	table-layout: fixed;
	width: 100%;
}
#outline_4_3_flow li .flowbox .img,
#outline_4_3_flow li .flowbox .txt {
	display: table-cell;
	vertical-align: middle;
}
#outline_4_3_flow li .flowbox .img {
	width: 100px;
}
#outline_4_3_flow li .flowbox .ico {
	font-size: 50px;
	text-align: center;
	padding: 20px 20px 10px;
	color: #0172BC;
}

#outline_4_3_flow li .flowbox .cnt {
	background: #EDF9FF;
	color: #0C3388;
	padding: 15px 15px;
}
#outline_4_3_flow li .flowbox .txt {
	font-weight: 400;
	line-height: 1.5;
}
/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

			カーリースのご紹介 lease

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
.lease .introbox .catch{
	font-size: 150%;
	line-height: 1.5;
	text-align: center;
	font-weight: 700;
	color: #0172BC;
}

#fig_leaseintro {
	text-align: center;
	margin: 30px 0 30px;
}
#fig_leaseintro .fig {
	text-align: left;
	margin: 0 auto;
	display: inline-block;
	position: relative;
	padding: 40px 30px 20px;
	border: 1px solid #459cf0;
	border-radius: 3px;
	background: #F4F8FB
}

#fig_leaseintro .fig .figttl {
	text-align: center;
	font-size: 113%;
	padding: 10px;
	border-radius: 20px;
	background: #DAECF9;
	border: 1px solid #459cf0;
	position: absolute;
	top: -15px;
	left: 50%;
	margin-left: -150px;
	min-width: 300px;
}
#fig_leaseintro ul {
	display: flex;
	flex-wrap: wrap;
	max-width: 640px;
}
#fig_leaseintro ul li {
	text-indent: -1.2em;
	padding-left: 1.2em;
	width: 50%;
	padding-top: 5px;
	padding-bottom: 5px;
}
#fig_leaseintro ul li:before {
	content: '\eab1';
	width: 1em;
	text-align: center;
	padding-right: 0.2em;
	color: #459CF0
}


#lease_tabmenu {
    display: flex;
    flex-wrap: wrap;
}
#lease_tabmenu li {
    width: 25%;
    align-content: center;
    text-align: center;
    padding: 0 0.5%;
}
#lease_tabmenu li a,
#lease_tabmenu li > span {
    text-align: center;
    width: 100%;
    padding: 10px;
    display: inline-block;
    border: 1px solid #459CF0;
    border-radius: 3px;
    height: 100%;
    line-height: 1.2;
}
#lease_tabmenu li a {
    color: #459CF0;
}
#lease_tabmenu li > span {
    background: #459CF0;
    color: #fff;
}
#lease_navi_sub {
	display: flex;
	flex-wrap: wrap;
	padding-left: 10px;
}
#lease_navi_sub li {
	width: 33.33%;
	padding-right: 10px;
	margin-bottom: 5px;
}
#lease_navi_sub li a {
	padding: 10px 10px 10px 2em;
	display: block;
	line-height: 1.2;
	border: 1px solid #D1E1EC;
	border-radius: 3px;
	position: relative;
	height: 100%;
	font-size: 88%;
}
#lease_navi_sub li a:before {
	content: '\eb62';
	padding-right: 0.2em;
	position: absolute;
	left: 10px;
	top: 10px;
}
.leasebox h4 {
	
}
.leasebox h5 {
	font-weight: 600;
	font-size: 113%;
	margin-bottom: 20px;
}
.leasebox img {
	max-width: 100%;
}
.leasebox .fig,
.leasebox .fig {
	margin: 0;
}
.leasebox table caption {
	text-align: center;
	line-height: 1.4;
	margin-bottom: 10px;
}
.leasebox table th .idx {
	font-weight: 500;
}
#lease_0_0 h4 {
	font-size: 113%;
	margin-bottom: 15px;
}
#lease_0_1 .fig,
#lease_0_3 .fig {
	margin: auto;
	text-align: center;
}
#lease_0_1 .fig .figttl,
#lease_0_3 .fig .figttl {
	line-height: 1.4;
	font-size: 14px;
}

#lease_1_1 .fig {
	text-align: center;
}
#lease_1_1 .fig.first {
	margin-bottom: 20px;
}
#lease_1_1 .fig .figttl {
	font-weight: 500;
	font-size: 113%;
}
#lease_1_1 .fig img {
	padding: 20px;
}

#lease_1_1 .imgs {
	display: table;
	table-layout: fixed;
	width: 100%;
	margin-top: 40px;
}
#lease_1_1 .imgs .img {
	display: table-cell;
	vertical-align: top;
}

#lease_2_1 .fig {
	text-align: left;
	margin: 40px auto 0;
	display: block;
	position: relative;
	padding: 40px 30px 20px;
	border: 1px solid #459cf0;
	border-radius: 3px;
	background: #F4F8FB;
	max-width: 800px;
}
#lease_2_1 .figttl {
	text-align: center;
	font-size: 113%;
	margin: 0 auto;
	padding: 10px;
	border-radius: 20px;
	background: #D1E1EC;
	border: 1px solid #459cf0;
	min-width: 300px;
	position: absolute;
	top: -15px;
	left: 50%;
	margin-left: -150px;
}
#lease_2_1 .fig ol li {
	margin-bottom: 10px;
}
#lease_2_1 .fig ol li:last-child {
	margin-bottom: 0;
}
#lease_2_1 .fig .idx {
	display: table;
	width: 100%;
	table-layout: fixed;
	margin-bottom: 5px;
}
#lease_2_1 .fig .num,
#lease_2_1 .fig .ttl {
	display: table-cell;
	vertical-align: middle
}
#lease_2_1 .fig .num {
	width: 40px;
}
#lease_2_1 .fig .num span {
	background: #00AEF9;
	color: #fff;
	font-weight: 700;
	font-size: 20px;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	text-align: center;
	padding: 5px;
	display: inline-block;
	vertical-align: middle;
}
#lease_2_1 .fig .ttl {
	font-size: 113%;
	font-weight: 500;
	line-height: 1.2;
}
#lease_2_1 .fig p {
	padding-left: 40px;
}
#lease_3_1 ul li {
	padding-top: 5px;
	padding-bottom: 5px;
}
#lease_3_1 .fig {
	border: 1px solid #459CF0;
	border-radius: 3px;
	background: #F4F8FB;
	padding: 20px;
	max-width: 800px;
	margin: 0 auto;
}
#lease_3_1 .btnarea {
	text-align: center;
	margin-top: 20px;
}
#lease_3_1 .btnarea a {
	max-width: 280px;
	min-width: auto;
	padding: 20px 10px;
	font-size: 113%;
}
#lease_3_1 .btnarea a .icon {
	padding-right: 0.2em;
}


/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

			サイトご利用にあたって policy

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
.policybox h4 {
	font-weight: 500;
	font-size: 113%;
	margin: 20px 0;
	padding: 5px 10px;
	line-height: 1.4;
	border-bottom: 1px solid #00aef9;
}
.policybox h5 {
	font-weight: 500;
	font-size: 100%;
	margin-bottom: 10px;
	line-height: 1.4;
}
.box_codesample {
	padding: 20px;
	border: 1px dotted #C6D1DD;
}
/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

			駅リンくん ekirinkun

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
#intro_ekirin p,
#intro_ekirin li {
	line-height: 1.6;
}
#intro_ekirin {
	text-align: center;
}
#intro_ekirin h3 {
	font-size: 150%;
	line-height: 1.5;
	text-align: center;
	font-weight: 700;
	color: #0172BC;
	margin-bottom: 20px;
}
#fig_ekirin_intro {
    text-align: left;
    margin: 0 auto;
    display: inline-block;
    position: relative;
}

#fig_ekirin_intro ul {
	display: flex;
	flex-wrap: wrap;
	max-width: 800px;
}
#fig_ekirin_intro ul li {
	width: 33.33%;
	color: #fff;
	padding: 0 5px;
}
#fig_ekirin_intro ul li .figbox {
    border-radius: 3px;
    background: #00AEF9;
	height: 100%;
	text-align: center;
	padding: 10px;
}
#fig_ekirin_intro ul li:nth-child(2n) .figbox {
    background: #4DC7FB;
}
#fig_ekirin_intro ul li .figbox .img {
	margin-bottom: 10px;
}
#fig_ekirin_intro ul li .figbox .img img {
	max-width: 100%;
	height: auto;
}
#fig_ekirin_intro ul li .figbox .txt {
	font-size: 113%;
	line-height: 1.25;
}

#lst_ekirinnav {
	display: flex;
	flex-wrap: wrap;
	max-width: 540px;
	margin: 30px auto 0;
}
#lst_ekirinnav li {
	padding: 0 5px;
	text-align: center;
	width: 50%;
}
#lst_ekirinnav li a {
	height: 100%;
	color: #0172BC;
	border: 2px solid;
	border-radius: 3px;
	display: table;
	table-layout: fixed;
	margin: auto;
	min-width: 240px;
}
#lst_ekirinnav li a:hover {
	background: rgba(1,114,188,0.1)
}
#lst_ekirinnav li a .icon,
#lst_ekirinnav li a .txt {
	display: table-cell;
	vertical-align: middle;
}
#lst_ekirinnav li .icon {
	font-size: 200%;
	width: 55px;
	padding: 10px 10px 10px 12px;
	border-right: 1px solid rgba(1,114,188,0.25);
	text-align: center;
}
#lst_ekirinnav li a .txt {
	text-align: left;
	padding: 10px;
}

.lst_ekirinbox {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}
.lst_ekirinbox li {
	width: 33.33%;
	padding: 10px;
}
.lst_ekirinbox li h5 {
	font-weight: 600;
	font-size: 113%;
	line-height: 1.6;
	padding: 5px;
	margin-bottom: 10px;
	background: RGBA(255, 204, 204, 0.5);/* pink */
}
.lst_ekirinbox li p.guide {
	font-size: 14px;
	line-height: 1.6;
}
.lst_ekirinbox li dl {
	display: table;
	width: 100%;
	table-layout: fixed;
	margin-top: 10px;
}
.lst_ekirinbox li dl dt,
.lst_ekirinbox li dl dd {
	display: table-cell;
	font-size: 14px;
	line-height: 1.2;
}
.lst_ekirinbox li dl dt {
	width: 120px;
	font-weight: 500;
}
.lst_ekirinbox li dl dd a {
	border-bottom: 1px dotted;
	padding-bottom: 2px;
	color: #DE7A7A;
}
/* 色設定 */
.lst_ekirinbox.niigata li h5,
.lst_ekirinbox.toyama li h5,
.lst_ekirinbox.fukui li h5,
.lst_ekirinbox.ishikawa li h5 {
	background: rgba(63,169,245,0.50); /* blue */
}
.lst_ekirinbox.niigata li dl dd a,
.lst_ekirinbox.toyama li dl dd a,
.lst_ekirinbox.fukui li dl dd a,
.lst_ekirinbox.ishikawa li dl dd a {
	color: #1B90E4;
}
.lst_ekirinbox.shiga li h5,
.lst_ekirinbox.osaka li h5,
.lst_ekirinbox.kyoto li h5,
.lst_ekirinbox.hyogo li h5,
.lst_ekirinbox.wakayama li h5,
.lst_ekirinbox.nara li h5 {
	background: rgba(255,204,102,0.50); /* orange */
}
.lst_ekirinbox.shiga li dl dd a,
.lst_ekirinbox.osaka li dl dd a,
.lst_ekirinbox.kyoto li dl dd a,
.lst_ekirinbox.hyogo li dl dd a,
.lst_ekirinbox.wakayama li dl dd a,
.lst_ekirinbox.nara li dl dd a {
	color: #E39806;
}

.lst_ekirin_office {
	margin-top: 40px;
	display: flex;
	flex-wrap: wrap;
}
.lst_ekirin_office li {
	width: 20%;
    min-width: 100px;
    align-content: center;
    text-align: center;
    padding: 0 5px 10px;
}
.lst_ekirin_office li a {
    color: #DE7A7A;
	text-align: center;
	width: 100%;
	padding: 5px 10px;
	display: inline-block;
	border: 1px solid;
	border-radius: 3px;
	height: 100%;
	line-height: 1.2;
}
.lst_ekirin_office li a:hover {
	color: #FFF;
	background: #DE7A7A;
	border-radius: 3px;
}
.lst_ekirin_office li a.shiga,
.lst_ekirin_office li a.osaka,
.lst_ekirin_office li a.kyoto,
.lst_ekirin_office li a.hyogo,
.lst_ekirin_office li a.wakayama,
.lst_ekirin_office li a.nara{
	color: #FF931E;
}
.lst_ekirin_office li a.shiga:hover,
.lst_ekirin_office li a.osaka:hover,
.lst_ekirin_office li a.kyoto:hover,
.lst_ekirin_office li a.hyogo:hover,
.lst_ekirin_office li a.wakayama:hover,
.lst_ekirin_office li a.nara:hover {
	background: #F0A718;
	color: #fff;
}
.lst_ekirin_office li a.niigata,
.lst_ekirin_office li a.toyama,
.lst_ekirin_office li a.fukui,
.lst_ekirin_office li a.ishikawa {
	color: #3FA9F5;
}
.lst_ekirin_office li a.niigata:hover,
.lst_ekirin_office li a.toyama:hover,
.lst_ekirin_office li a.fukui:hover,
.lst_ekirin_office li a.ishikawa:hover {
	background: #3FA9F5;
	color: #fff;
}


.ekirin .gototop {
	margin-top: 10px;
	text-align: right;
}
.ekirin .gototop a {
	display: inline-block;
	padding: 10px;
	font-size: 88%;
	font-weight: 400;
}
.ekirin .gototop a .icon {
	padding-left: 4px;
	font-size: 88%;
}
/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

			お問い合わせ contact

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
#contact_mail_wrapper {
	max-width: 800px;
	padding: 20px 20px 30px;
	border: 1px solid #C6D1DD;
	margin: auto;
}
#contact_mail_wrapper dl {
	display: table;
	width: 100%;
	table-layout: fixed;
}
#contact_mail_wrapper dt,
#contact_mail_wrapper dd {
	display: table-cell;
	vertical-align: top;
	padding: 10px;
}
#contact_mail_wrapper dt {
	width: 180px;
	vertical-align: middle;
	font-weight: 500;

}
#contact_mail_wrapper dt .req:before {
	content: '*';
	color: #AB0507;
	padding-left: 0.2em;
}
#contact_mail_wrapper dt.vat {
	padding-top: 20px;
	vertical-align: top;
}
#contact_btnarea {
	text-align: center;
	border-top: 1px solid #C6D1DD;
	padding-top: 20px;
}
#contact_btnarea input {
	margin: 5px 0;
	min-width: 240px;
}
.contact.cmp .btnarea {
	text-align: center;
}
.contact.cmp .btnarea a {
	max-width: 240px;
	padding: 20px 10px;
	background: #0172BC;
}
.contact.cmp .btnarea a .icon {
	padding-right: 0.2em;
}
/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

			DOCPAGES

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
/*==================================================
 リンク集
====================================================*/
.lst_links {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}
.lst_links li {
	width: 50%;
	padding-right: 20px;
}
.lst_links li a {
	display: inline-block;
	padding: 5px 5px 5px 0;
	line-height: 1.4;
}
.lst_links li a:before {
	content: '\eb16';
	padding-right: 4px;
}

/*==================================================
 会社概要
====================================================*/
.company .jobs .idx {
	font-weight: 500;
}
.company .history td > dl {
	margin-bottom: 10px;
}
.company .history td > dl:last-of-type {
	margin-bottom: 0;
}
.company .history dt,
.company .history dd {
	line-height: 1.6;
}
.company .history td > dl > dt {
	font-weight: 500;
}
.company .history td > dl > dd {
	padding-left: 1.2em;
}
.company .history td > dl > dt:before {
	content: '\e96e';
	padding-right: 0.2em;
}
.company .history td > dl > dd > dl {
	display: table;
	table-layout: fixed;
	width: 100%;
}
.company .history td > dl > dd > dl > dt,
.company .history td > dl > dd > dl > dd {
	display: table-cell;
	vertical-align: top;
	font-size: 88%;
}
.company .history td > dl > dd > dl > dt {
	width: 160px;
}
/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

			予約

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/

/*==================================================
 予約 COMMON
====================================================*/

#contents input.ipt_date,
#contents input.ipt_num,
#contents select.slc_date,
#contents select.slc_cars,
#contents select.slc_place,
#contents select.splace {
	border: 1px solid #D1E1EC;
}
#contents input.ipt_num {
	background-image: none;
	width: 80px;
}
.top_reserve_label {
	
}
.rsvform_buttonsarea {
	text-align: center;
	margin-top: 50px;
}
.rsvform_buttonsarea.col2 {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	flex-direction: row-reverse;
	margin-right: auto;
	margin-left: auto;
}
.rsvform_buttonsarea.col2 input,
.rsvform_buttonsarea.col2 a.lnk_input {
	margin: 0 5px 10px;
}

.reserve_dp_datetime {
	letter-spacing: -0.5em;
}
.reserve_dp_datetime_date,
.reserve_dp_datetime_time {
	letter-spacing: normal;
	display: inline-block;
}
.reserve_dp_datetime_date {
	width: 60%;
	max-width: 180px;
	padding-right: 5px;
}
.reserve_dp_datetime_time {
	width: 40%;
	max-width: 120px;
}
/*==================================================
 予約 進捗バー
====================================================*/
#plnlst_progresswrap {
	display: flex;
	flex-wrap: wrap;
	background: #edf4f9;
	border: 1px solid #d1e1ec;
	border-radius: 3px;
	margin-bottom: 30px;
	overflow: hidden;
}
#plnlst_progresswrap li {
	width: 25%;
	padding: 10px 0 10px 20px;
	position: relative;
	border-right: 1px solid #d1e1ec;
}
#plnlst_progresswrap li:first-child {
	padding-left: 10px;
}
#plnlst_progresswrap li:last-child {
	padding-right: 10px;
	border-right: none;
}
#plnlst_progresswrap li.complete {
	background: #CFD9E1;
}
#plnlst_progresswrap li.current {
	background: #CEEBFF;
}
#plnlst_progresswrap li:before {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 36px 0 36px 17px;
	border-color: transparent transparent transparent #E5EFF6;
	top: 50%;
	margin-top: -36px;
	right: -17px;
	z-index: 1;
}
#plnlst_progresswrap li:after {
	content: '';
	position: absolute;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 35px 0 35px 15px;
	border-color: transparent transparent transparent #EDF4F9;
	top: 50%;
	margin-top: -35px;
	right: -15px;
	z-index: 1;
}
#plnlst_progresswrap li.complete:after {
	border-color: transparent transparent transparent #CFD9E1;
}
#plnlst_progresswrap li.current:after {
	border-color: transparent transparent transparent #ceebff;
}
#plnlst_progresswrap li:last-child:before,
#plnlst_progresswrap li:last-child:after {
	display: none;
}

#plnlst_progresswrap li .plnlst_progress_step {
	display: flex;
	flex-wrap: nowrap;
	padding: 10px;
}
#plnlst_progresswrap li .plnlst_progress_stepnm,
#plnlst_progresswrap li .plnlst_progress_steptxt {
	align-self: center;
	line-height: 1.2;
}
#plnlst_progresswrap li .plnlst_progress_stepnm {
	background: #00aef9;
	color: #fff;
	padding: 5px;
}
#plnlst_progresswrap li.complete .plnlst_progress_stepnm {
	color: #D1E1EC;
	background: #969ea5;
}
#plnlst_progresswrap li .plnlst_progress_steptxt {
	padding-left: 5px;
}

/*==================================================
 予約 日時・場所予約 1
====================================================*/
#reserve_dp {
	display: flex;
	flex-wrap: wrap;
}
#reserve_dp .reserve_dp_box {
	width: 33.33%;
	padding: 0 10px
}
#reserve_dp .reserve_dp_box .top_reserve_label {
	margin: 10px 0 5px;
}
#reserve_dp h3 {
	font-size: 113%;
	background: #CEEBFF url(../images/common/reserve_date_title.png) left center repeat-x;
	margin-bottom: 10px;
}
#reserve_dp h3 .reserve_dp_title {
	background: #fff;
	padding: 5px;
	display: inline-block;
	vertical-align: middle;
	font-weight: 500;
}
#reserve_dp h3 .reserve_dp_title .icon {
	padding-right: 3px;
	color: #00AEF9;
}
#reserve_dp .reserve_dp_box .btnarea {
	margin-top: 10px;
	text-align: right;
	letter-spacing: normal;
}
/*==================================================
 予約 日時・場所予約 1_1
====================================================*/
#rsv_slc_nav {
	margin-bottom: 25px;
}
#rsv_slc_nav h3 {
	font-size: 125%;
	font-weight: 600;
	text-align: center;
}
#rsv_slc_nav h3 .icon {
	display: block;
	font-size: 150%;
}
#rsv_slc_nav dt {
	vertical-align: middle;
}
#rsv_slc_nav ul {
	margin-left: 1.2em;
}
#rsv_slc_nav ul li:before {
	content:'\eaa7';
	padding-right: 0.2em;
}
#rsv_slc_nav ul li {
	text-indent: -1.2em;
	padding-top: 5px;
	padding-bottom: 5px;
	line-height: 1.4;
}
#rsv_slc_nav ul li a {
	color: rgb(17, 17, 17);
}

.rsv_slc_wrapper {
	border: 2px solid #4dc7fb;
	padding: 0 20px 30px;
	margin-bottom: 30px;
}
#contents .rsv_slc_wrapper:last-of-type {
	margin-bottom: 0;
}
.rsv_slc_wrapper h3 {
	border-left: 5px solid #00aef9;
	font-size: 150%;
	padding: 5px 10px;
	font-weight: 500;
	margin: 30px 0 20px;
}

.car_campaign_info {
	margin-bottom:30px;
	padding-left: 15px;
}
.car_campaign_info,
.car_campaign_info p {
	line-height: 1.6;
}
.tbl_rsv_slc {
	width: 100%;
	border: 1px solid #D1E1EC;
}
.tbl_rsv_slc tr {
	border-bottom: 1px solid #D1E1EC;
}
.tbl_rsv_slc tr:last-child {
	border-bottom: none;
}
.tbl_rsv_slc tr th,
.tbl_rsv_slc tr td {
	border-right: 1px solid #D1E1EC;
}
.tbl_rsv_slc tr th:last-child,
.tbl_rsv_slc tr td:last-child {
	border-right: none;
}
.tbl_rsv_slc tr th {
	padding: 15px 5px;
	background: #76868D;
	color: #fff;
	text-align: center;
}
.tbl_rsv_slc tr th:nth-child(1){
}
.tbl_rsv_slc tr th:nth-child(2){
	width: 180px;
}
.tbl_rsv_slc tr td {
	padding: 15px;
}
.tbl_rsv_slc tr td:nth-child(2) {
	vertical-align: middle;
}
.tbl_rsvform tbody tr td.rsv_cnfm_dp_date {
	width: 210px;
}
.tbl_rsvform tbody tr td.rsv_cnfm_dp_date .selected_date {
	margin-right: 0.5em;
}

.tbl_rsv_slc tr th,
.tbl_rsv_slc tr td,
.tbl_rsv_slc tr td span {
	line-height: 1.4;
}
.tbl_rsv_slc tr td .redletter {
	font-size: 88%;
}

.tbl_rsv_slc .car_class_price {
	display: table;
	width: 100%;
	table-layout: fixed;
}
.tbl_rsv_slc .car_class,
.tbl_rsv_slc .car_price {
	display: table-cell;
	vertical-align: middle;
}
.tbl_rsv_slc .car_class {
	display: table;
	width: 100%;
	table-layout: fixed;
}
.tbl_rsv_slc .car_class .img,
.tbl_rsv_slc .car_class .txt {
	display: table-cell;
	vertical-align: top;
}
.tbl_rsv_slc .car_class .img {
	width: 45%;
}
.tbl_rsv_slc .car_class .img img,
.tbl_rsv_slc .car_class .txt img {
	max-width: 100%;
	height: auto;
}
.tbl_rsv_slc .car_class .txt {
	padding-left: 20px;
	padding-right: 20px;
}
.tbl_rsv_slc .car_class .txt h4 {
	font-size: 125%;
	font-weight: 600;
	line-height: 1.4;
	margin-bottom: 5px;
}
.tbl_rsv_slc .car_class .txt p {
	margin-bottom: 10px;
	font-weight: 400;
	line-height: 1.4;
	font-size: 88%;
}
.tbl_rsv_slc .car_price {
	border-left: 1px dotted #D1E1EC;
	width: 120px;
	text-align: right;
}
.tbl_rsv_slc .car_price_price {
	font-size: 160%;
}
.tbl_rsv_slc .car_price_unit {
	
}
/*==================================================
 予約 ヘッダ注意書きボックス (「選択中のプラン」)、予約種別・解説
====================================================*/
.rsvform_noticearea {
	border: 2px solid #FF9600;
	padding: 20px;
	border-radius: 3px;
	margin-bottom: 30px;
	background: #FFF0DD;
}
.rsvform_selected_plan {
	display: table;
	width: 100%;
	table-layout: fixed;
}
.rsvform_selected_plan dt,
.rsvform_selected_plan dd {
	display: table-cell;
	vertical-align: top;
	line-height: 1.4;
}
.rsvform_selected_plan dt {
	width: 200px;
	padding-right: 20px;
	border-right: 1px solid #FF9600;
}
.rsvform_selected_plan dd {
	padding-left: 30px;
	color: #D20012;
	font-weight: 600;
}

.rsvform_rsvcat {
	font-size: 150%;
	text-align: center;
	padding: 10px 0 30px;
	margin-bottom: 20px;
	border-bottom: 1px solid #D1E1EC;
	line-height: 1.3;
}
.rsvform_rsvcat_em {
	font-weight: 700;
	color: #D20012;
}
.rsvform_noticearea_blue {
	background: #EDF4F9;
	padding: 20px;
}
.rsvform_noticearea_blue .rsvform_notice_expl {
	display: table;
	width: 100%;
	table-layout: fixed;
	margin-bottom: 5px;
}
.rsvform_noticearea_blue .rsvform_notice_expl:last-of-type {
	margin-bottom: 0;
}
.rsvform_noticearea_blue .rsvform_notice_expl dt,
.rsvform_noticearea_blue .rsvform_notice_expl dd {
	display: table-cell;
	vertical-align: top;
	line-height: 1.4;
	font-size: 88%;
	font-weight: 400;
}
.rsvform_noticearea_blue .rsvform_notice_expl dt {
	width: 200px;
}
.rsvform_noticearea_blue .rsvform_notice_expl dt:before {
	content: '\ea9c';
	padding-right: 4px;
	color: #0172BC;
}
/*==================================================
 予約 入力画面 1
====================================================*/
.rsv_step {
	display: table;
	width: 100%;
	table-layout: fixed;
	margin: 30px 0 10px;
}
.rsv_stepnum,
.rsv_steptxt {
	display: table-cell;
	vertical-align: middle;
}
.rsv_stepnum {
    background: #0172bc;
    border-radius: 10px;
    font-weight: bold;
    font-size: 24px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    color: #fff;
    text-align: center;
}
.rsv_steptxt {
    font-size: 113%;
    color: #0172bc;
	padding-left: 10px;
	line-height: 1.2;
}

.tbl_rsvform {
	width: 100%;
	border: 1px solid #D1E1EC;
}
.tbl_rsvform > tbody > tr {
	border-bottom: 1px solid #D1E1EC;
}
.tbl_rsvform > tbody > tr:last-child {
	border-bottom: none;
}
.tbl_rsvform > tbody > tr > th,
.tbl_rsvform > tbody > tr > td {
	padding: 15px;
}
.tbl_rsvform > tbody > tr > th {
	width: 220px;
	background: #EDF4F9;
}
.tbl_rsvform > tbody > tr > th .icon {
	color: #0172bc;
	padding-right: 3px;
}
.tbl_rsvform > tbody > tr > th .ttl_idx {
}
.tbl_rsvform > tbody > tr > th .txt_required {
	font-size: 75%;
	margin-left: 5px;
}
.tbl_rsvform > tbody > tr > th > .txt_en {
	font-size: 75%;
	color: #747d85;
	display: block;
}
.tbl_rsvform tbody tr th,
.tbl_rsvform tbody tr td,
.tbl_rsvform tbody tr td p {
	line-height: 1.6;
}
.tbl_rsvform tbody tr td,
.tbl_rsvform tbody tr td p {
	font-weight: 400;
}
.tbl_rsvform > tbody > tr > td select {
	max-width: 400px;
}

.tbl_rsvform_inner tr {
	border-bottom: 1px solid #EDF4F9;
}
.tbl_rsvform_inner tr:last-child {
	border-bottom: none;
}
.tbl_rsvform_inner tr th,
.tbl_rsvform_inner tr td {
	padding: 10px 10px;
}
.tbl_rsvform_inner tr:first-child th,
.tbl_rsvform_inner tr:first-child td {
	padding-top: 0;
}
.tbl_rsvform_inner tr:last-child th,
.tbl_rsvform_inner tr:last-child td {
	padding-bottom: 0;
}
.tbl_rsvform_inner tr td .req_seat_note,
.tbl_rsvform tr td .cstminfoeg {
	font-size: 88%;
	color: #747d85;
	font-weight: 400;
	display: block;
}

a.helplink {
	color: #58A0CF;
	font-size: 78%;
	text-decoration: underline;
	margin-top: 5px;
	display: inline-block;
}
a.helplink.popup {
	padding-right: 3px;
}
a.helplink.popup:after {
	content: '\eb14';
}

/*==================================================
 予約 入力画面/お客様情報 2
====================================================*/
.rsv_cnfm_option dl {
	display: block;
}
.rsv_cnfm_option dt,
.rsv_cnfm_option dd {
	font-weight: 400;
	display: inline-block;
	line-height: 1.4;
}
.rsv_cnfm_option dt {
	margin-left: 1em;
}
.rsv_cnfm_option dt:first-child {
	margin-left: 0;
}
.rsv_cnfm_option dt:after {
	content: '：';
}
.rsv_cnfm_total {
	border-top: 1px solid #EDF4F9;
	padding-top: 10px;
	margin-top: 10px;
	text-align: right;
	font-size: 120%;
}
.rsv_cnfm_total_price {
	font-weight: 600;
	font-size: 175%;
}
.rsvform_notebfrbuttons {
	margin-top: 50px;
}
.rsvform_notebfrbuttons p {
	line-height: 1.4;
	text-align: center;
}

/*==================================================
 予約 確認画面 3
====================================================*/
.rsvform_termcnd {
	
}
.rsvform_termcnd_txt {
	max-height: 300px;
	overflow-y: auto;
	border: 1px solid #D1E1EC;
	padding: 30px 30px 15px;
}
.rsvform_termcnd_txt h4 {
	font-size: 130%;
	font-weight: 600;
	margin: 1em 0;
}
.rsvform_termcnd_txt h4:first-of-type {
	margin-top: 0;
}
.rsvform_termcnd_txt p {
	margin-bottom: 1em;
	line-height: 1.6;
	font-weight: 400;
}
.rsvform_termcnd_txt p a {
	color: #0172BC;
	border-bottom: 1px dotted;
}
.rsvform_termcnd_agr {
	text-align: center;
	margin: 0 0 30px;
	border: 2px solid #FF9600;
    border-radius: 0 0 3px 3px;
    background: #FFF0DD;
}
.rsvform_termcnd_agr label {
	display: block;
	width: 100%;
	height: 100%;
	padding: 20px;
}
.rsvform_termcnd_agr label input {
	margin-right: 4px;
}
.rsvform_noticearea_bottom {
	margin-top: 30px;
	text-align: center;
}
/*==================================================
 予約 確認画面 4
====================================================*/
.rsvform_ordcmp {
	border: 1px solid #00AEF9;
}
.rsvform_ordcmp p {
	line-height: 1.6;
}
.rsvform_ordcmp .rsvform_ordcmp_num {
	text-align: center;
	background: #EDF4F9;
	padding: 30px;
}
.rsvform_ordcmp .rsvform_ordcmp_num p {
	font-weight: 600;
	font-size: 140%;
	display: inline-block;
}
.rsvform_ordcmp_msg {
	padding: 20px 30px 0;
}
.rsvform_ordcmp_note {
	padding: 0 30px 20px;
}
.rsvform_ordcmp .rsvform_ordcmp_msg p {
	font-size: 110%;
}
.rsvform_ordcmp_msg {
	margin-bottom: 10px;
}
.rsvform_ordcmp_note p {
	font-weight: 400;
}

.rsvform_odrcmp_info {
	margin-bottom: 30px;
}
.rsvform_odrcmp_info p {
	font-weight: 400;
	line-height: 1.6;
}

.rsvform_branches {
	display: flex;
	flex-wrap: wrap;
	margin: 30px 0;
}
.rsvform_branches li {
	width: 50%;
}
.rsvform_branches li:first-child {
	padding-right: 20px;
}
.rsvform_branches li:last-child {
	padding-left: 20px;
}
.rsvform_branches .rsvform_branches_brch {
}
.rsvform_branches .rsvform_branches_brch h4 {
	font-weight: 500;
	font-size: 110%;
	border-bottom: 1px solid #00aef9;
	padding-bottom: 10px;
	line-height: 1.3;
}
.rsvform_branches .rsvform_branches_brch h4 .icon {
	color: #00aef9;
	margin-right: 4px;
}

.rsvform_branches_brch {
	width: 100%;
}
.rsvform_branches_brch tr {
	border-bottom: 1px solid #D1E1EC;
}
.rsvform_branches_brch th,
.rsvform_branches_brch td {
	padding: 10px 0;
}
.rsvform_branches_brch th {
	width: 90px;
}
.rsvform_branches_brch.wider th {
	width: 330px;
}
.rsvform_branches_brch td a {
	color: #0172BC;
}
.rsvform_branches_brch .rsvform_branches_brch_opnh {
	margin-bottom: 10px;
}
.rsvform_branches_brch .rsvform_branches_brch_opnh:last-of-type {
	margin-bottom: 0;
}
.rsvform_branches_brch .rsvform_branches_brch_opnh dt,
.rsvform_branches_brch .rsvform_branches_brch_opnh dd {
	display: inline-block;
	vertical-align: top;
	line-height: 1.4;
}
.rsvform_branches_brch .rsvform_branches_brch_opnh dt {
	width: 80px;
}
/*==================================================
 予約 キャンセル
====================================================*/
.rsvform_uttltxt {
	margin-bottom: 30px;
}
.rsvform_uttltxt p {
	font-weight: 400;
	line-height: 1.6;
}
.rsvform_cclcomp {
	border: 1px solid #00AEF9;
	padding: 40px 30px;
	text-align: center;
}
.rsvform_ccl_cstname {
	font-weight: 600;
	font-size: 130%;
	margin-bottom: 20px;
	display: inline-block;
	border-bottom: 1px solid;
	padding: 0 20px 8px;
}
.rsvform_cclcomp p {
	line-height: 1.6;
	font-size: 113%;
}

/*==================================================
 WESTER連携
====================================================*/
.headerIdBox label {
    background: #FDDC00;
    display: block;
    padding: 7px 10px;
    margin-bottom: 5px;
    cursor: pointer;
    font-size: 14px;
}

.headerIdBox {
    margin-right: 2px;
}

.headerIdBox input[type="checkbox"].on-off,
.headerIdBox input[type="checkbox"].on-off + div {
    display: none;
}

.headerIdBox input[type="checkbox"].on-off:checked + div {
    display: block;
    position: absolute;
    width: 99%;
    border: solid 1px #dbdbdb;
    top: 28px;
    box-sizing: border-box;
    background: #fff;
}

.headerIdBox span {
    display: inline-block;
}

.headerIdBox div {
    margin: 0 0 20px;
}

#hdr_exmenu .dropmenu .headerIdBox a {
    background: #eee;
    color: #000;
}

#hdr_exmenu .dropmenu .headerIdBox a:hover {
    color: #fff;
}

.dropmenuLi {
    width: 20%;
    text-align: center;
}

div#home_info_area {
    display: flex;
    max-width: 1020px;
    margin: 0 auto;
    align-items: center;
}

.cmnloginBtn {
    display: flex;
    background: #FDDC00;
    width: 23%;
    height: 71px;
    margin: 0 auto;
    align-items: center;
    justify-content: center;
    margin-left: 8px;
    padding: 0 17px;
}

.cmnloginBtn .textBox {
    margin-left: 12px;
}

.cmnloginBtn .des01 {
    font-size: 12px;
    margin-bottom: 3px;
    font-weight: 600;
}
.cmnloginBtn .des02 {
    font-size: 17px;
    font-weight: 600;
}
.cmnloginBtn:hover {
    color: #000;
    text-decoration: none;
    opacity: .6;
}

.cmnloginBtn:hover img {
    filter: alpha(opacity=1);
    -moz-opacity: 1;
    opacity: 1;
}


.ttlcmnlogin {
    display: flex;
    align-items: center;
    justify-content: space-between;
}



.ttlcmnlogin .cmnloginBtn {
    margin: 0;
    width: auto;
}

.ttlcmnlogin .cmnloginBtn .des01 {
    margin-bottom: -5px;
}


.loginPageBtnBox .cmnloginBtn {
    margin: 0 auto;
}
.loginPageBtnBox {
    margin-bottom: 20px;
    width: 100%;
    max-width: 245px;
}
.nloginPageBtnBox{
    margin: 0 auto;
    margin-bottom: 20px;
}



.loginPageBtnBox .cmnloginBtn .des01 {
    margin-bottom: -5px;
}

.loginPageBtnBox .cmnloginBtn {
    width: 100%;
    max-width: 206px;
}

.loginPageBtnBox .cmnloginBtn {
    max-width:none;
}

#contents_wrapper .des {
    font-size: 14px;
    margin-bottom: 25px;
}

.westerAboutBox .Flex {
    display: flex;
    justify-content: space-between;
    column-gap: 20px;
}

.westerAboutBox h4 {
    /* font-weight: bold; */
    margin-bottom: 15px;
    font-size: 17px;
    font-weight: 500;
}

.westerAboutBox {
    background: #F8F8F8;
    padding: 24px 19px;
}

.westerAboutBox img {
    max-width: 90px;
    width: 100%;
}

.westerAboutBox p {
    font-size: 14px;
    margin-bottom: 5px;
}

.westerAboutBox a {
    text-decoration: underline;
    font-size: 14px;
}


.westerAboutBox .textBox {
    width: 100%;
}

.usrNavBox {
    display: flex;
    align-items: center;
    justify-content: center;
}
.cmnloginBtnAlready .des01 {
    font-size: 13px;
    margin-bottom: 3px;
    font-weight: 600;
}
.cmnloginBtnAlready .des02 {
    font-size: 19px;
    font-weight: 600;
}

.cmnloginBtnAlready .des01 {
    margin-bottom: -5px;
}

.cmnloginBtnAlready span {
    display: inline-block;
}
.cmnloginBtnAlready {
    height: 70px;
    align-items: center;
    justify-content: center;
    margin-left: 8px;
    padding: 0 31px;
    display: flex;
    background: #FEEFCE;
    text-align: center;
    margin-bottom: 20px;
    margin-right: 19px;
    max-width: 420px;
    width: 100%;
}

.spuserName {
    display: none;
}



.splogoutBox {
    background: #eee;
    display: none;
    max-width: 280px;
    margin: 0 auto;
    text-align: center;
    padding: 7px 0;
    border: solid 1px #dbdbdb;
}

.splogoutBox a {
    display: block;
    max-width: 280px;
    text-align: center;
    margin: 0 auto;
}

.lognone {
    display: block;
}

#hdr_exmenu .dropmenu .headerIdBox a:before {
    background-image: url(../images/wester/logOutImg.svg);
    width: 18px;
    height: 16px;
    background-size: cover;
    content: "";
    background-color: rgba(51, 51, 51, 0);
    margin-top: -3px;
}

#hdr_exmenu .dropmenu .headerIdBox a:hover {
    background: #eee !important;
    color: #000 !important;
}

.splogoutBox a:before {
    content: '\ea2c';
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    background: #76868d;
    width: 18px;
    height: 18px;
    line-height: 18px;
    border-radius: 3px;
    padding-right: 0;
    margin-right: 0.3em;
    text-align: center;
    font-size: 66%;
    background-image: url(../images/wester/logOutImg.svg);
    width: 18px;
    height: 16px;
    background-size: cover;
    content: "";
    background-color: rgba(51, 51, 51, 0);
    margin-top: -3px;
}

.TopcmnloginBtn{
    padding: 0 12px;
        height: 55px;
}

.cmnloginBtn .des02Out{
    font-size: 18px;
}

/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

			1024px					

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
@media screen and (max-width:1024px){
	
/*==================================================
 TOP SLIDER 1024
====================================================*/
	#home_news ul {
		padding: 10px 20px;
	}
	#home_news ul li a,
	#home_news ul li .date,
	#home_news ul li .title {
		display: block;
		width: 100%;
	}
	#home_news_wrapper {
		padding-right: 20px;
	}
	#home_slider_cam_wrapper {
		width: 400px;
	}
	#home_sld_cam_img_slider .nav {
		background: none;
		background: rgba(255,255,255,0.5);
	}
	#home_sld_cam_img_slider .nav.prev {
		left: 0;
	}
	#home_sld_cam_img_slider .nav.next {
		right: 0;
	}
/*==================================================
 カーリースのご紹介 lease 1024
====================================================*/
	#lease_tabmenu li {
    	width: 50%;
		margin-bottom: 10px;
	}
	#lease_tabmenu li:nth-child(3),
	#lease_tabmenu li:nth-child(4){
		margin-bottom: 0;
	}
}
/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

			980px					

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
@media screen and (max-width:980px){

}
/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

			840px					

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
@media screen and (max-width:840px){
	
/*==================================================
 HEADER / FOOTER 840
====================================================*/
	#hdr_exmenu ul li a {
		font-size: 75%;
	}
	#hdr_exmenu ul li a:before {
		width: 14px;
		height: 14px;
		line-height: 14px;
	}
	#hdr_language {
		margin-bottom: 0;
	}
	
	#ftr_contact {
		position: static;
		display: table;
		width: 100%;
		table-layout: fixed;
		max-width: 600px;
		margin: 0 auto;
	}
	#ftr_contact .right,
	#ftr_contact .left {
		display: table-cell;
		vertical-align: top;
	}
	#ftr_contact .left {
		padding-right: 20px;
	}
	#ftr_call {
		width: auto;
		float: right;
	}
	#ftr_main {
		border-top: 1px solid #1b80c3;
		padding-top: 30px;
		margin-top: 30px;
		padding-right: 0;
	}
/*==================================================
 HOME 840
====================================================*/
	#home_info_inner,
	#home_news_wrapper,
	#home_slider_cam_wrapper {
		display: block;
		width: 100%;
	}
	#home_news_wrapper {
		padding-right: 0;
	}
	#home_news ul {
		padding: 10px 20px;
	}
	#home_slider_cam_wrapper {
		margin-top: 40px;
	}
	#home_sld_cam_img_slider .nav {
		background: #fff;
	}
	#home_sld_cam_img_slider .nav.prev {
		left: -50px;
	}
	#home_sld_cam_img_slider .nav.next {
		right: -50px;
	}
/*==================================================
 ご利用案内 840
====================================================*/
	#outline_price_2 table {
		table-layout: auto;
	}
/*==================================================
 駅リンくん 840
====================================================*/
	.lst_ekirinbox li {
		width: 50%;
	}
/*==================================================
 予約 840
====================================================*/

	#reserve_dp .reserve_dp_box {
		width: 100%;
		margin-bottom: 30px;
		padding: 0 0;
	}
	#reserve_dp .reserve_dp_box:last-of-type {
		margin-bottom: 0;
	}
	#reserve_dp .reserve_dp_box .btnarea {
		display: inline-block;
		padding-left: 5px;
	}
	#reserve_dp .slc_cars {
		max-width: 600px;
	}
/*==================================================
 カーリースのご紹介 840
====================================================*/
	#lease_1_1 .imgs,
	#lease_1_1 .imgs .img {
		display: block;
		width: 100%;
	}
	#lease_1_1 .imgs {
		margin-top: 0;
	}
	#lease_1_1 .imgs .img img {
		padding: 15px 0;
	}
	
}
/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

			768px					

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
@media screen and (max-width:768px){
	body {
		font-size: 14px;
		padding-top: 60px;
	}
	.cmnloginBtnAlready .des02 {
		font-size: 18px;
	}
	.cmnloginBtn {
		width: 69%;
	}
	
	.spuserName {
		background: #FDDC00;
		padding: 7px 0;
		margin-bottom: 5px;
		cursor: pointer;
		font-size: 14px;
		text-align: center;
		max-width: 280px;
		margin: 0 auto;
		display: block;
	}
/*==================================================
 HEADER / FOOTER 768
====================================================*/

	#hdr_language {
		display: none;
	}
	#hdr_language_sp {
		display: block;
		border: 1px solid #1b80c3;
		max-width: 280px;
		margin: 20px auto;
	}
	#hdr_language_sp select {
		background: #1b80c3;
		font-size: 100%;
	}

	#hdr_upper,
	#hdr_upper_wrapper {
		height: 60px;
	}
	#hdr_upper_wrapper {
		position: fixed;
		z-index: 9999;
		left: 0;
		top: 0;
		background: #fff;
	}
	#hdr_upper {
		padding-right: 0;
	}
	#hdr_logo .img {
		width: 60px;
	}
	#hdr_logo .txt {
		padding-left: 5px;
	}
	#hdr_logo_wrapper {
		width: 380px;
	}
	#hdr_exmenu {
    	padding: 0 0;
		letter-spacing: -0.5em;
	}
	#hdr_exmenu ul {
		display: none;
	}
	#hdr_language,
	#spmenu {
		letter-spacing: normal;
	}
	#hdr_language {
		display: inline-block;
	}
	#hdr_language select {
		width: 100px;
	}
	#spmenu {
		display: inline-block;
		font-size: 40px;
		width: 60px;
		height: 60px;
		line-height: 60px;
		vertical-align: middle;
		text-align: center;
	}
	#hdr_lower_wrapper {
		position: fixed;
		top: 1;
		left: 100%;
		width: 100%;
		z-index: 9999;
		transition: all 0.7s;
		-moz-transition: all 0.7s;
		-webkit-transition: all 0.7s;
		-o-transition: all 0.7s;
		height: 100%;
	}
	#hdr_lower_wrapper.Open {
		display: block;
		left: 0;
	}
	#hdr_lower {
		padding-right: 0;
		padding-left: 0;
		overflow: auto;
	}
	#hdr_lower ul {
		display: block;
		overflow: auto;
	}
	#hdr_lower ul li {
		width: 100%;
		height: auto;
		border-bottom: 1px solid #1b80c3;
	}
	#hdr_lower ul li.sp {
		display: block;
	}
	
	#footer {
		padding: 30px 0;
	}
	#ftr_copy {
		padding-top: 30px;
	}
/*==================================================
 HOME 768
====================================================*/
	#home_main {
		padding: 20px 0;
	}
	#home_main_inner,
	#home_reserve_wrapper,
	#home_slider_wrapper {
		display: block;
		width: 100%;
	}
	#home_reserve_wrapper {
		padding-right: 0;
		padding-bottom: 20px;
	}
	#home_reserve {
		max-height: none;
		max-width: 630px;
		margin: auto;
	}
	
	#home_menu {
		width: 100%;
		max-width: 1060px;
		margin: 0 auto;
		box-sizing: border-box;
		padding: 15px 5px 15px;
	}
	#home_menu ul li {
		padding: 5px;
	}
	
	#home_info {
		padding: 0 0 20px;
	}
	#home_news {
		padding-bottom: 25px;
	}
	#home_news ul {
		padding: 10px 40px;
	}
	#home_news ul li .date {
		width: 115px;
	}
	#home_slider_cam_wrapper {
		margin-top: 0;
	}
	#home_banners {
		padding: 0 5px 20px;
	}
	#home_banners ul li {
		padding: 5px;
	}
	
	
/*==================================================
 PAGE COMMON 768
====================================================*/
	#contents_wrapper {
		padding: 30px 0;
	}
	#contents_inner {
		padding: 20px;
	}
	#pagetitle_wrapper {
    	padding: 40px 0;
	}
	#pagetitle h2 {
    	font-size: 180%;
	}
	h3.ttl_cmn {
		font-size: 125%;
		padding: 10px 15px;
		margin: 15px 0;
	}
	.box_cmn {
		margin-bottom: 25px;
	}
	.box_cmn.last {
		margin-bottom: 0;
	}
/*==================================================
 キャンペーン 768
====================================================*/
	.topics_list_box {
		padding: 15px 15px;
	}
	.topics_list_detail,
	.topics_list_img,
	.topics_list_txt {
		display: block;
		width: 100%;
	}
	.topics_list_img {
		text-align: center;
	}
	.topics_list_txt {
		padding-left: 0;
		margin-top: 20px;
	}
	.topics_list_box h3 {
		margin-bottom: 20px;
	}
	.topics_list_box h3:before {
    	font-size: 180%;
	}
	
/*==================================================
 営業所一覧 768
====================================================*/
	.office_box dl dt {
		width: 80px;
	}
	
/*==================================================
 ご利用案内 768
====================================================*/
	#outline_tabmenu_sub ul li {
		width: 50%;
	}
	.outlinebox h4 {
		font-weight: 500;
		font-size: 113%;
		padding: 10px 15px;
	}
	.outlinebox_inner {
		padding: 15px 15px 15px;
	}
	
	#outline_price_2 {
		left: 35px;
	}
	#outline_price_1 {
		width: 35px;
	}
	#outline_price_1 th {
		padding: 10px 3px;
	}
	
	#outline_4_2_flow > li {
		width: 100%;
		padding: 0;
		margin-bottom: 20px;
		position: relative;
	}
	#outline_4_2_flow > li:after {
		content: '';
		position: absolute;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 15px 15px 0 15px;
		border-color: #459df0 transparent transparent;
		bottom: -15px;
		left: 50%;
		margin-left: -15px;
	}
	#outline_4_2_flow > li:last-child {
		margin-bottom: 0;
	}
	#outline_4_2_flow > li:last-child:after {
		border: none;
	}
	#outline_4_2_flow li .flowbox {
		display: table;
		table-layout: fixed;
		width: 100%;
	}
	#outline_4_2_flow li .flowbox .ico,
	#outline_4_2_flow li .flowbox .cnt {
		display: table-cell;
		vertical-align: middle;
	}
	#outline_4_2_flow li .flowbox .ico {
		width: 100px;
		font-size: 50px;
	}
/*==================================================
 カーリースのご紹介 768
====================================================*/
	#lease_navi_sub li {
		width: 50%;
	}
/*==================================================
 サイトご利用にあたって 768
====================================================*/
	.box_codesample {
    	padding: 10px;
	}
/*==================================================
 駅リンくん 768
====================================================*/
	#fig_ekirin_intro ul li {
    	padding: 0 2px;
	}
	.lst_ekirinbox li dl dt {
		width: 100px;
	}
	.lst_ekirin_office li a {
		padding: 10px 10px;
	}
	.ekirin .gototop {
		margin-top: 0;
	}
/*==================================================
 会社概要 768
====================================================*/
	.company .history td > dl > dd > dl > dt {
		width: 140px;
	}
/*==================================================
 FAQ 768
====================================================*/
	.faqbox .faq:before {
		line-height: 28px;
	}
	.faqbox .faq:after {
		height: 28px;
		width: 28px;
		line-height: 28px;
	}
	.faqbox .faq {
    	padding: 5px 0 10px 40px;
	}
	.faqbox .faq_a {
		margin-left: 15px;
	}
/*==================================================
 お問い合わせ 768
====================================================*/
	#contact_mail_wrapper dt {
    	width: 150px;
	}
/*==================================================
 予約 768
====================================================*/
	
	#rsv_slc_nav h3 {
		margin-bottom: 10px;
	}
	#rsv_slc_nav h3 br {
		display: none;
	}
	#rsv_slc_nav h3 .icon {
		display: inline-block;
	}
	
	.rsv_slc_wrapper h3 {
		margin: 20px 0 20px;
	}
	.car_campaign_info {
    	margin-bottom: 20px;
	}
	
	.tbl_rsv_slc tr td {
		padding: 10px;
	}
	.tbl_rsvform tbody tr td.rsv_cnfm_dp_date {
		width: 190px;
	}
	
	.tbl_rsv_slc .car_class_price,
	.tbl_rsv_slc .car_price {
		display: block;
		width: 100%;
	}
	
	.tbl_rsv_slc .car_class {
		margin-bottom: 10px;
	}
	.tbl_rsv_slc .car_price {
		border-top: 1px dashed #D1E1EC;
		border-left: none;
		padding-top: 5px;
		font-size: 125%;
	}
	.tbl_rsv_slc tr td.reservebutton a.lnk_cmn {
		padding: 20px;
		font-size: 120%;
	}
	
	
	#plnlst_progresswrap,
	.rsvform_noticearea {
		margin-bottom: 20px;
	}
	#plnlst_progresswrap li .plnlst_progress_step {
		padding: 0 0 0 5px;
		font-size: 88%;
	}
	.rsvform_selected_plan,
	.rsvform_selected_plan dt,
	.rsvform_selected_plan dd {
		display: block;
		width: 100%;
	}
	.rsvform_selected_plan dt {
		padding-right: 0;
		margin-bottom: 5px;
		border-right: none;
	}
	.rsvform_selected_plan dd {
		padding-left: 0;
	}
	.rsv_step {
		margin-top: 20px;
	}
	.tbl_rsvform > tbody > tr > th {
    	width: 180px;
	}
	.tbl_rsvform_inner,
	.tbl_rsvform_inner tbody,
	.tbl_rsvform_inner tr,
	.tbl_rsvform_inner th,
	.tbl_rsvform_inner td {
		display: block;
		width: 100%;
	}
	.tbl_rsvform_inner tr th {
    	padding: 10px 10px 10px 10px;
		font-weight: 600;
	}
	.tbl_rsvform_inner tr td {
    	padding: 0 10px 10px 10px;
	}
	
	.rsvform_rsvcat {
		font-size: 130%;
		margin-bottom: 10px;
	}
	.rsvform_noticearea_blue .rsvform_notice_expl dt {
		width: 180px;
	}
	
	.rsvform_termcnd_txt {
		max-height: 200px;
		padding: 20px 20px 10px;
	}
	
	.rsvform_ordcmp .rsvform_ordcmp_num {
		padding: 20px;
	}
	.rsvform_ordcmp_msg {
		padding: 15px 20px 0;
	}
	.rsvform_ordcmp_note {
		padding: 0 20px 15px;
	}
	
	.rsvform_branches li:first-child {
		padding-right: 10px;
	}
	.rsvform_branches li:last-child {
		padding-left: 10px;
	}
	.rsvform_branches_brch th {
		width: 70px;
	}
	.rsvform_branches_brch.wider th {
		width: 270px;
	}
	.rsvform_branches_brch .rsvform_branches_brch_opnh dt {
		width: 60px;
	}

}
/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

			640px					

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
@media screen and (max-width:640px){
/*==================================================
 HEADER / FOOTER 640
====================================================*/
	
	#hdr_logo_wrapper {
		width: 320px;
	}
	#hdr_logo .txt .tagline {
		font-size: 66%;
	}
	#hdr_logo .txt .title {
    	font-size: 135%;
	}
	#hdr_exmenu {
	}
	.usrNavBox {
        display: block;
    }
	.loginPageBtnBox {
    	max-width: none;
	}
	.cmnloginBtnAlready {
   		max-width: none;
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 8px;
	}
    .loginPageBtnBox .cmnloginBtn {
        max-width: none;
    }

/*==================================================
 営業所一覧 640
====================================================*/
	#officemap_wrapper {
		display: none;
	}
	#map_view_nav {
		border: none;
	}
	#map_view_nav li {
		width: 33.33%;
	}
	#map_view_nav li:first-child {
		display: none;
	}
	
	.lst_brch_pref .pref {
		width: 50%;
	}
	.office_box_wrapper .office_box:nth-child(2n+1),
	.office_box_wrapper .office_box:nth-child(2n) {
		width: 100%;
		padding-right: 0;
		padding-left: 0;
	}
/*==================================================
 ご利用案内 640
====================================================*/
	#fig_flow .lst_major {
		flex-wrap: wrap;
		max-width: 400px;
		margin: auto;
	}
	#fig_flow .lst_major > li {
		width: 100%;
		padding: 4px 0 16px;
	}
	#fig_flow .lst_major > li .lst_minor {
		display: flex;
		flex-wrap: wrap;
	}
	#fig_flow .lst_major > li .lst_minor li {
		width: 50%;
		height: 100%;
		font-size: 100%;
	}
	#fig_flow .lst_major > li .lst_minor li:first-child {
		padding-right: 2px;
		padding-bottom: 0;
	}
	#fig_flow .lst_major > li .lst_minor li:last-child {
		padding-left: 2px;
		padding-top: 0;
	}
	#fig_flow .arw:after {
		border-width: 12px 12px 0 12px;
		border-color: #0172BC transparent transparent transparent;
		bottom: -17px;
		left: 50%;
		margin-left: -12px;
		right: auto;
		top: auto;
	}
	#fig_flow .lst_major li .vbox {
		padding: 20px 5px;
	}
	#fig_flow_general {
		padding-top: 0;
	}
	
	#outline_tabmenu_index {
		margin-top: 0;
	}
	#outline_tabmenu_index > li {
		width: 50%;
		margin-top: 30px;
	}
	#outline_tabmenu li {
		width: 50%;
		margin-bottom: 10px;
	}
	#tbl_outline_ins,
	#tbl_outline_ins tbody,
	#tbl_outline_ins tr,
	#tbl_outline_ins th,
	#tbl_outline_ins td,
	#tbl_outline_chsh,
	#tbl_outline_chsh tbody,
	#tbl_outline_chsh tr,
	#tbl_outline_chsh th,
	#tbl_outline_chsh td,
	#tbl_outline_cfee,
	#tbl_outline_cfee tbody,
	#tbl_outline_cfee tr,
	#tbl_outline_cfee th,
	#tbl_outline_cfee td {
		display: block;
	}
	#tbl_outline_ins,
	#tbl_outline_chsh,
	#tbl_outline_cfee{
		border-top: none;
	}
	#tbl_outline_ins thead,
	#tbl_outline_chsh thead,
	#tbl_outline_cfee thead {
		display: none;
	}
	#tbl_outline_chsh tr,
	#tbl_outline_ins tr,
	#tbl_outline_cfee tr {
		margin-bottom: 15px;
		border-top: 1px solid #C6D1DD;
		border-right: 1px solid #C6D1DD;
		border-left: 1px solid #C6D1DD;
	}
	#tbl_outline_cfee tr:last-of-type,
	#tbl_outline_ins tr:last-of-type,
	#tbl_outline_chsh tr:last-of-type {
		margin-bottom: 0;
	}
	#tbl_outline_chsh .sp {
		display: block;
	}
	#outline_3_1 p.pc {
		display: none;
	}
	
	#outline_price:after {
		position: absolute;
		height: 100%;
		width: 40px;
		background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 25%, rgba(0,0,0,0.1) 100%);
background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 25%,rgba(0,0,0,0.1) 100%);
background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 25%,rgba(0,0,0,0.1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#1a000000',GradientType=1 );
		right: -10px;
		top: -40px;
		content: '';
		z-index: 6;
	}
	
	.ontlinebox_bg .ttlarea h4 {
    	padding: 10px 10px;
		font-size: 125%;
	}
	.ontlinebox_bg .ttlarea .icon {
		font-size: 30px;
		width: 50px;
	}
	#outline_4_1 .btnarea ul li {
		padding: 0;
	}
	#outline_4_1 .btnarea ul li:first-child {
		padding-right: 5px;
	}
	#outline_4_1 .btnarea ul li:last-child {
		padding-left: 5px;
	}
	#outline_4_1 .btnarea ul li a {
		font-size: 125%;
		padding: 20px 10px;
	}
/*==================================================
 リンク集 640
====================================================*/	
.lst_links li {
	width: 100%;
	padding-right: 0;
}
	
/*==================================================
 駅リン君 ekirin 640
====================================================*/
	#intro_ekirin {
		padding-bottom: 15px;
	}
	#fig_ekirin_intro ul li {
		width: 100%;
		padding: 0;
		margin-bottom: 5px;
	}
	#fig_ekirin_intro ul li:last-child {
		margin-bottom: 0;
	}
	#fig_ekirin_intro ul li .figbox {
		display: table;
		table-layout: fixed;
		width: 100%;
	}
	#fig_ekirin_intro ul li .figbox .img,
	#fig_ekirin_intro ul li .figbox .txt {
		display: table-cell;
		vertical-align: middle
	}
	#fig_ekirin_intro ul li .figbox .img {
		width: 80px;
	}
	#fig_ekirin_intro ul li .figbox .img img {
		max-width: 60px;
		width: 100%;
	}
	#fig_ekirin_intro ul li .figbox .txt {
		padding-left: 10px;
		text-align: left;
	}
	#lst_ekirinnav li a {
		min-width: auto;
		width: 100%;
	}
/*==================================================
 カーリースのご紹介 lease 640
====================================================*/
	.lease .introbox .catch {
		font-size: 125%; 
	}
	#lease_tabmenu li {
		margin-bottom: 5px;
	}
	#fig_leaseintro {
		margin: 30px auto 30px;
		max-width: 400px;
	}
	#fig_leaseintro .fig .figttl {
		margin-left: -120px;
		min-width: 240px;
	}
	#fig_leaseintro .fig {
		padding: 30px 15px 10px;
	}
	#fig_leaseintro ul li {
		width: 100%;
	}
	
	
	#lease_0_4 table,
	#lease_0_4 table caption,
	#lease_0_4 table tbody,
	#lease_0_4 table tr,
	#lease_0_4 table th,
	#lease_0_4 table td {
		display: block;
		width: 100%;
	}
	#lease_0_4 table {
		border-top: none;
	}
	#lease_0_4 tbody tr:first-child{
		border-top: 1px solid #C6D1DD;
	}
	#lease_0_4 thead {
		display: none;
	}
	#lease_0_4 th {
		white-space: normal;
	}
	#lease_0_4 th .txt_tbls_th {
		display: block;
	}
	#lease_0_4 th .sp {
		display: inline-block;
		padding-left: 0.2em;
	}
	#lease_0_4_2 th br.pc{
		display: none;
	}
	#lease_0_4_6 tr th {
		display: none;
	}
	
/*==================================================
 お問い合わせ 640
====================================================*/
	#contact_mail_wrapper {
    	padding: 15px 15px 20px;
	}
	#contact_mail_wrapper dl,
	#contact_mail_wrapper dt,
	#contact_mail_wrapper dd {
    	display: block;
		width: 100%;
		padding: 0
	}
	#contact_mail_wrapper dl {
		border-bottom: 1px solid #DEE6F0;
		padding-bottom: 14px;
		margin-bottom: 10px;
	}
	#contact_mail_wrapper dl:last-of-type {
		border-bottom: none;
		padding-bottom: 0;
		margin-bottom: 0;
	}
	#contact_mail_wrapper dt {
		padding-bottom: 5px;
	}
	#contact_mail_wrapper dt.vat {
		padding-top: 10px;
	}
	.cnf #contact_mail_wrapper dd {
		padding-left: 1em;
	}
	#contact_btnarea {
		margin-top: 20px;
		padding-top: 15px;
	}
/*==================================================
 予約 640
====================================================*/
	.tbl_rsv_slc,
	.tbl_rsv_slc tbody,
	.tbl_rsv_slc tr,
	.tbl_rsv_slc tr td {
		display: block;
		width: 100%;
	}
	.tbl_rsv_slc tr:first-child,
	.tbl_rsv_slc tr th {
		display: none;
	}
	.tbl_rsv_slc tr th,
	.tbl_rsv_slc tr td {
		border-right: none;
	}
	

}



/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

			580px					

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
@media screen and (max-width:580px){
	
	
/*==================================================
 営業所一覧 580
====================================================*/
	.office_box_wrapper .office_box:nth-child(2n+1),
	.office_box_wrapper .office_box:nth-child(2n) {
    	width: 100%;
		margin-right: 0;
		margin-left: 0;
	}
	
/*==================================================
 予約 580
====================================================*/
	.tbl_rsvform,
	.tbl_rsvform > tbody,
	.tbl_rsvform > tbody > tr,
	.tbl_rsvform > tbody > tr > th,
	.tbl_rsvform > tbody > tr > td,
	.tbl_rsvform tbody tr td.rsv_cnfm_dp_date {
		display: block;
		width: 100%;
	}
	.tbl_rsvform > tbody > tr > th,
	.tbl_rsvform > tbody > tr > td {
		padding: 10px;
	}
	.tbl_rsvform > tbody > tr > td:first-of-type {
		padding-bottom: 0;
	}
	.tbl_rsvform > tbody > tr > td:last-of-type {
		padding-bottom: 10px;
	}
	
	
	.rsvform_noticearea_blue .rsvform_notice_expl,
	.rsvform_noticearea_blue .rsvform_notice_expl dt,
	.rsvform_noticearea_blue .rsvform_notice_expl dd {
		display: block;
	}
	.rsvform_noticearea_blue .rsvform_notice_expl {
		margin-bottom: 10px;
	}
	.rsvform_noticearea_blue .rsvform_notice_expl dt {
		margin-bottom: 5px;
	}
	
	.rsvform_notebfrbuttons {
		margin-top: 30px;
	}
	.rsvform_notebfrbuttons p {
		text-align: left;
	}
	
	.rsvform_branches li:first-child,
	.rsvform_branches li:last-child {
		width: 100%;
		padding-right: 0;
		padding-left: 0;
	}
	.rsvform_branches li:first-child {
		margin-bottom: 30px;
	}
	.rsvform_branches_brch.wider,
	.rsvform_branches_brch.wider tbody,
	.rsvform_branches_brch.wider tr,
	.rsvform_branches_brch.wider th,
	.rsvform_branches_brch.wider td {
		display: block;
		width: 100%;
	}
	.rsvform_branches_brch.wider th {
		padding-bottom: 0;
	}
	.rsvform_branches_brch.wider th:before {
		content: '\eafe';
		color: #00AEF9;
	}
	
/*==================================================
 ご利用案内 580
====================================================*/
	#outline_4_1 .outlinebox_inner,
	#outline_4_2 .outlinebox_inner,
	#outline_4_3 .outlinebox_inner {
		padding-right: 0;
		padding-left: 0;
	}
	#outline_4_1 p:first-of-type {
		margin-top: 0;
	}
	#outline_4_2 .box_attention {
		margin-top: 0;
	}
	#outline_4_3_flow {
		margin-top: 0;
	}
	#outline_4_2_flow li .flowbox,
	#outline_4_2_flow li .flowbox .cnt,
	#outline_4_3_flow li .flowbox,
	#outline_4_3_flow li .flowbox .txt {
		display: block;
		width: 100%;
	}
	#outline_4_2_flow li .flowbox .ico,
	#outline_4_3_flow li .flowbox .img {
		display: none;
	}
	
	.ontlinebox_bg .box_point,
	.ontlinebox_bg .box_point .idx,
	.ontlinebox_bg .box_point .txt {
		display: block;
		width: 100%;		
	}
	.ontlinebox_bg .box_point .idx {
    	background: none;
		padding: 0 0 10px;
		display: inline-block;
		vertical-align: middle;
		margin-bottom: 10px;
		border-bottom: 1px solid rgba(0,0,0,0.10);
		border-radius: 0;
	}
	.ontlinebox_bg .box_point .txt {
		padding-left: 0;
	}
	.ontlinebox_bg .box_point .txt p:first-of-type {
		margin-bottom: 0;
	}
	.ontlinebox_bg h5.katsuyou{
		display: inline-block;
		vertical-align: middle;
		font-size: 125%;
	}
	.ontlinebox_bg h5.katsuyou:before {
    	display: inline-block;
		font-size: 150%;
		padding-right: 4px;
		vertical-align: middle;
		margin-bottom: 0;
	}
	
}
/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

			540px					

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
@media screen and (max-width:540px){
/*==================================================
 HEADER / FOOTER 540
====================================================*/
	#hdr_language {
		display: none;
	}
	#hdr_language_sp {
		display: block;
		border: 1px solid #1b80c3;
		max-width: 280px;
		margin: 20px auto;
	}
	#hdr_language_sp select {
		background: #1b80c3;
		font-size: 100%;
	}
	
	
	#ftr_contact,
	#ftr_contact .right,
	#ftr_contact .left {
		display: block;
		width: 100%;
	}
	#ftr_contact .left {
		padding-right: 0;
	}
	#ftr_call {
		float: none;
		margin: 0 auto 20px;
	}
	
	
	#home_news ul {
		padding: 5px 10px;
	}
	#home_menu ul li {
    	width: 50%;
	}
	#home_menu ul li:nth-child(2n+1) {
		text-align: right;
	}
	#home_menu ul li:nth-child(2n) {
		text-align: left;
	}
	
	#home_sld_cam_img_slider .nav {
		background: rgba(255,255,255,0.5);
	}
	#home_sld_cam_img_slider .nav.prev {
		left: 0;
	}
	#home_sld_cam_img_slider .nav.next {
		right: 0;
	}
	
	#home_banners {
		padding: 0 5px 20px;
	}
	#home_banners ul li {
		width: 50%
	}
	#home_banners ul li:nth-child(2n+1){
		text-align: right;
	}
	#home_banners ul li:nth-child(2n){
		text-align: left;
	}
	
	
/*==================================================
 駅リンくん 540
====================================================*/
	.lst_ekirinbox li {
		width: 100%;
	}
	.lst_ekirin_office li {
		width: 33.33%;
	}
/*==================================================
 会社概要 540
====================================================*/
	.company table,
	.company table tbody,
	.company table tr,
	.company table th,
	.company table td {
		display: block;
		width: 100%;
	}
/*==================================================
 カーリースのご紹介 540
====================================================*/
	#lease_2_1 .fig {
		padding: 35px 15px 15px;
	}
	#lease_2_1 .figttl {
		min-width: 240px;
		margin-left: -120px;
	}
	
	
	
}
/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

			480px					

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
@media screen and (max-width:480px){
/*==================================================
 HEADER / FOOTER 480
====================================================*/
	#hdr_logo_wrapper {
		width: 260px;
	}
	#hdr_logo .img {
    	width: 50px;
	}
	#hdr_logo .txt .tagline {
		font-size: 50%;
	}
	#hdr_logo .txt .title {
		font-size: 105%;
	}
	#spmenu {
		width: 50px;
		height: 50px;
		line-height: 50px;
	}
	.cmnloginBtn .des02 {
		font-size: 15px;
	}
	.TopcmnloginBtn .des02 {
		font-size: 13px;
	}
	.ttlcmnlogin {
		display: block;
	}
	.ttlcmnlogin .cmnloginBtn {
		margin-bottom: 6px;
	}
	#ftr_navi_wrapper,
	.ftr_navi {
		display: block;
		width: 100%;
	}
	#ftr_navi_wrapper ul:first-of-type {
		border-top: 1px solid #1b80c3;
	}
	#ftr_navi_wrapper ul:last-of-type {
		border-bottom: 1px solid #1b80c3;
	}
	.ftr_navi {
		padding-right: 0;
	}
	.ftr_navi li {
		border-bottom: 1px solid #1b80c3;
	}
	#ftr_navi_wrapper .ftr_navi:last-of-type li:last-child {
		border-bottom: none;
	}
	.ftr_navi li a {
		padding: 8px 0;
		display: inline-block;
		width: 100%;
		padding-left: 20px;
	}
	
/*==================================================
 PAGE COMMON 480
====================================================*/
	#contents_wrapper {
		padding: 20px 0;
	}
	#contents_inner {
		padding: 10px;
	}
	#pagetitle_wrapper {
    	padding: 30px 0;
	}
	#pagetitle h2 {
		font-size: 160%;
	}
	#breadcrumb {
		font-size: 80%;
	}
	h3.ttl_cmn {
    	font-size: 140%;
		margin: 15px 0;
	}
	
	.contactbox .tel a {
    	font-size: 180%;
	}
/*==================================================
 キャンペーン 480
====================================================*/
	.topics_list_link {
		width: 100%;
	}
/*==================================================
 営業所一覧 480
====================================================*/
	#map_view_nav {
		margin-bottom: 10px;
	}
	#map_view_nav li {
		padding: 3px;
	}
	#map_view_nav li a {
		font-size: 88%;
		padding: 10px 5px;
		height: 100%;
	}
	.office_box dl,
	.office_box dl dt,
	.office_box dl dd {
		display: block;
		width: 100%;
	}
	.office_box dl dt {
		font-weight: bold;
	}
	.lst_brch_pref .pref {
		width: 100%;
		padding-bottom: 0;
	}
/*==================================================
 会社概要 480
====================================================*/
	.company .history td > dl > dd > dl,
	.company .history td > dl > dd > dl > dt,
	.company .history td > dl > dd > dl > dd {
		display: block;
		width: 100%;
	}
	.company .history td > dl > dd > dl > dd {
		padding-left: 1em;
	}
	
/*==================================================
 ご利用案内 480
====================================================*/
	#outline_tabmenu li {
		width: 100%;
	}
	#outline_tabmenu_sub ul li {
		width: 100%;
		padding-right: 0;
	}
	#tbl_outline_noc,
	#tbl_outline_noc tbody,
	#tbl_outline_noc tr {
		display: block;
	}
	#tbl_outline_noc tr {
		border-bottom: 1px solid #C6D1DD;
		letter-spacing: -0.5em;
		padding: 10px 0;
	}
	#tbl_outline_noc th, 
	#tbl_outline_noc td {
		display: inline-block;
		border: none;
		letter-spacing: normal;
		padding: 0 0;
	}
	#tbl_outline_noc td:before {
		content: ':';
		padding-right: 0.4em;
		padding-left: 0.4em;
	}
	#tbl_outline_noc thead {
		display: none;
	}
	#lst_outline_cards li {
		width: 33.33%;
	}
	
	#outline_4_1 .btnarea ul li a {
		font-size: 113%;
		padding: 10px 10px;
	}
/*==================================================
 カーリースのご紹介 480
====================================================*/
	#lease_navi_sub li {
		width: 100%;
		padding-right: 0;
	}
	#lease_0_2 table thead th {
		white-space: normal;
	}

	
/*==================================================
 FAQ 480
====================================================*/
	.contactbox {
    	padding: 15px;
	}
/*==================================================
 予約 480
====================================================*/
	#reserve_dp .reserve_dp_box {
    	margin-bottom: 20px;
	}
	#plnlst_progresswrap,
	.rsvform_noticearea {
		margin-bottom: 15px;
	}
	#plnlst_progresswrap li {
		width: 50%;
		padding: 10px 10px 10px 10px
	}
	#plnlst_progresswrap li .plnlst_progress_steptxt {
		padding-right: 15px;
	}
	#plnlst_progresswrap li:nth-child(1),
	#plnlst_progresswrap li:nth-child(2){
		border-bottom: 1px solid #d1e1ec;
	}
	#plnlst_progresswrap li:nth-child(2n) {
		border-right: none;
	}
	#plnlst_progresswrap li:before {
		display: none;
		border: none;
	}
	#plnlst_progresswrap li:after {
		border: none;
		width: 16px;
		height: 16px;
		font-size: 16px;
		line-height: 16px;
		content: '\ea31';
		background: none;
		border-radius: 50%;
		margin-top: -8px;
		right: 5px;
		color: #D1E1EC;
	}
	#plnlst_progresswrap li.current:after {
		color: #00AEF9;
	}
	#plnlst_progresswrap li.complete:after {
		color: #B2BCC5;
	}
	
	.rsv_step {
		margin-top: 15px;
	}
	.tbl_rsvform > tbody > tr > th,
	.tbl_rsvform > tbody > tr > td {
		padding: 10px;
	}
	.tbl_rsvform_inner tr th {
    	padding: 10px 0 10px 0;
	}
	.tbl_rsvform_inner tr td {
    	padding: 0 0 10px 0;
	}
	.rsvform_buttonsarea {
		margin-top: 30px;
	}
	.rsvform_buttonsarea form {
		width: 100%;
	}
	.form_cmn input[type="submit"],
	input[type="submit"].btn_cmn,
	.form_cmn input[type="reset"],
	input[type="reset"].btn_cmn,
	.form_cmn input[type="button"],
	input[type="button"].btn_cmn,
	a.lnk_input {
		min-width: auto;
		width: 100%;
		font-size: 113%;
		margin: 0;
	}
	.rsvform_buttonsarea.col2 input:first-of-type,
	.rsvform_buttonsarea.col2 a.lnk_input:first-of-type {
		margin-top: 0;
	}
	.rsvform_buttonsarea.col2 input.back,
	.rsvform_buttonsarea.col2 input.reset,
	.rsvform_buttonsarea.col2 a.lnk_input {
		margin-top: 10px;
	}
	
	.rsvform_noticearea {
    	padding: 15px;
	}
	
	.rsvform_selected_plan dt {
		margin-bottom: 0;
	}
	
	.rsvform_rsvcat {
		padding: 10px 0 20px;
		font-size: 120%;
		text-align: left;
	}
	.rsv_cnfm_total {
		font-size: 110%;
	}
	.rsv_cnfm_total_price {
		font-size: 160%;
	}
}
/*||||||||||||||||||||||||||||||||||||||||||||||||||
----------------------------------------------------

			420px					

----------------------------------------------------
||||||||||||||||||||||||||||||||||||||||||||||||||||*/
@media screen and (max-width:420px){
/*==================================================
 HOME 420
====================================================*/
	#home_reserve h3 {
		margin-top: 15px;
	}
	#home_reserve h3:first-of-type {
		margin-top: 0;
	}
	#home_reserve dl,
	#home_reserve dl dt,
	#home_reserve dl dd {
		display: block;
		width: 100%;
	}
	#home_reserve dl dt {
    	padding: 0 20px 5px 20px;
	}
	#home_reserve dl dd {
		padding: 0 20px 0 20px;
	}
	
	#home_sld_cam_img_slider {
		height: auto;
	}
	#home_sld_cam_img {
		
	}
	#home_sld_cam_img li {
	}
/*==================================================
 ご利用案内 420
====================================================*/
	#outline_tabmenu_index > li {
		width: 100%;
		margin-top: 20px;
	}
	#tbl_outline_opt,
	#tbl_outline_opt tbody,
	#tbl_outline_opt tr,
	#tbl_outline_opt th,
	#tbl_outline_opt td {
		display: block;
	}
	#tbl_outline_opt{
		border-top: none;
	}
	#tbl_outline_opt thead {
		display: none;
	}
	#tbl_outline_opt tr {
		margin-bottom: 15px;
		border-top: 1px solid #C6D1DD;
		border-right: 1px solid #C6D1DD;
		border-left: 1px solid #C6D1DD;
	}
	#tbl_outline_opt tr:last-of-type {
		margin-bottom: 0;
	}
	
	#outline_4_1 .btnarea ul,
	#outline_4_1 .btnarea ul li:first-child,
	#outline_4_1 .btnarea ul li:last-child {
		display: block;
		width: 100%;
		padding: 0;
	}
	#outline_4_1 .btnarea ul li:first-child {
		margin-bottom: 10px;
	}
	#outline_4_1 .btnarea ul li br {
		display: none;
	}
	
/*==================================================
 予約 420
====================================================*/
	.tbl_rsv_slc .car_class,
	.tbl_rsv_slc .car_class .img,
	.tbl_rsv_slc .car_class .txt {
		display: block;
		width: 100%;
	}
	.tbl_rsv_slc .car_class .txt {
		padding-left: 0;
		padding-right: 0;
	}
	.tbl_rsv_slc .car_price {
		text-align: center;
		font-size: 125%;
	}
	.tbl_rsv_slc tr td {
		padding-top: 0;
	}
	
	.rsvform_cclcomp {
		padding: 30px 10px;
	}
/*==================================================
 お知らせ 420
====================================================*/
	#news_list .news_list_box {
		padding: 20px 0;
	}
	#news_list .news_list_detail .btnarea {
		padding-top: 20px;
	}
	#news_list .news_list_detail .btnarea a {
		max-width: none;
		width: 100%;
		padding: 15px 10px;
	}
/*==================================================
 駅リン君 420
====================================================*/
	#lst_ekirinnav {
		margin-top: 20px;
	}
	#lst_ekirinnav li a,
	#lst_ekirinnav li a .icon,
	#lst_ekirinnav li a .txt {
		display: block;
		width: 100%;
	}
	#lst_ekirinnav li a {
		background: rgba(1,114,188,0.05);
	}
	#lst_ekirinnav li a .icon {
		border-right: none;
		border-bottom: 1px solid rgba(1,114,188,0.25);
		font-size:360%;
		padding: 10px 10px 5px 10px;
	}
	#lst_ekirinnav li a .txt {
		text-align: center;
	}
	.lst_ekirin_office li {
		width: 50%;
	}
}