@charset "UTF-8";

/* Side Column
------------------------- */
.pageMenu {
	margin: 0 0 30px;
}
.sideColumn__buttons {
	list-style-type: none;
	margin: 0;
}
.sideColumn__buttons li {
	margin: 0 0 2px;
}
.sideColumn__buttons .navyButton {
	display: flex;
	align-items: center;
	width: 100%;
	height: 58px;
	padding: 2px 15px 0;
	line-height: 1.1;
	text-align: left;
}

/* Main
------------------------- */
.pageSec {
	margin: 0 0 100px;
}

/* bus_lease
------------------------- */
.leasePageNavi {
	list-style-type: none;
	display: flex;
	justify-content: space-between;
	padding: 0 10px;
}
.leasePageNavi li {
	flex: 0 0 calc( 100% / 3 - 5px );
	text-align: center;
}
.leasePageNavi li a {
	display: block;
	text-decoration: none;
	font-weight: 700;
	font-size: 18px;
	color: #000;
}
.leasePageNavi .circle-right:before {
	content: "";
	display: inline-block;
	width: 20px;
	height: 20px;
	margin: 0 3px 0 0;
	background-color: var(--mint-green);
	mask: url("../img/icon/icon_circle_right.svg") no-repeat 50% 50% / contain;
	-webkit-mask: url("../img/icon/icon_circle_right.svg") no-repeat 50% 50% / contain;
	vertical-align: -3px;
}

.blueBack__Inner--left {
	flex: 0 0 170px;
}
.blueBack__Inner--right {
	flex: 0 0 calc( 100% - 170px );
	display: flex;
	align-items: center;
}
.blueBack__Inner--left img {
	width: 100%;
	height: auto;
}
.checkLists {
	list-style-type: none;
	margin: 0;
}
.checkLists li {
	position: relative;
	display: flex;
	margin: 0 0 12px;
	font-weight: 600;
	font-size: 18px;
	color: var(--navy);
}
.alert:before,
.checkLists li:before {
	position: relative;
	flex: 0 0 22px;
	display: inline-block;
	content: "";
	top: 3px;
	width: 22px;
	height: 22px;
	margin: 0 5px 0 0;
	background-image: url("../img/icon/checkbox.svg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.alert:before,
.checkLists li.alert:before {
	top: 2px;
	width: 20px;
	height: 20px;
	background-image: url("../img/icon/alert.svg");
}

.centerContainer {
	text-align: center;
}
.konoyonatokiha {
	font-weight: 700;
}
.konoyonatokiha figure {
	margin: 0;
}
.coreContents .konoyonatokiha p {
	margin: 0 0 10px;
	font-size: 22px;
}
.konoyonatokiha em {
	letter-spacing: 1px;
	font-size: 24px;
}

.leaseZaikoGroup {
	margin: 0 0 70px;
}
.leaseZaikoGroup .cardInfo {
	align-items: flex-start;
}
.leaseZaikoGroup .cardInfo dt {
	padding: 5px 2px;
	font-size: 12px;
}

/* newcar
------------------------- */
.newCar__repeat {
	display: none;
}

.lease-new-list {
	list-style-type: none;
	margin: 0 0 0 10px;
}
.lease-new-list li {
	margin: 0 0 20px;
	letter-spacing: 2px;
	font-weight: 700;
	font-size: 18px;
}
.lease-new-list li:last-child {
	margin: 0;
}
.standoutLineBack {
	display: block;
	width: 100px;
	margin: 0 0 5px;
	background: linear-gradient(transparent 50%, var(--mint-green) 50%);
	text-align: center;
	text-shadow:
		#fff 2px  0px, #fff -2px  0px,
		#fff 0px -2px, #fff  0px  2px,
		#fff 2px  2px, #fff -2px  2px,
		#fff 2px -2px, #fff -2px -2px,
		#fff 1px  2px, #fff -1px  2px,
		#fff 1px -2px, #fff -1px -2px,
		#fff 2px  1px, #fff -2px  1px,
		#fff 2px -1px, #fff -2px -1px;
	color: var(--navy);
}
.standoutLineBack strong {
	display: inline-block;
	letter-spacing: 4px;
	line-height: 1.7;
	font-weight: 700;
	font-size: 22px;
	padding: 0;
}
.wakariyasuku em {
	letter-spacing: 1px;
	font-weight: 700;
	font-size: 19px;
}
.kadomaruRod {
	display: inline-block;
	margin: 0 auto 10px;
	padding: 3px 50px 5px;
	border-radius: 50vh;
	background-color: var(--navy);
	letter-spacing: 2px;
	text-align: center;
	font-weight: 700;
	font-size: 18px;
	color: #fff;
}

.custom-post-embed { /* article */
	margin: 0 0 50px;
	padding: 0;
}
/* gallery */
.photo-gallery {
	list-style-type: none;
}
.photo-gallery,
.rentacar-gallery,
.gallery-columns-2,
.gallery-columns-3 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.gallery-columns-2 dl {
	flex: 0 0 calc( 100% / 2 - 1px );
}
.photo-gallery .gallery-item,
.rentacar-gallery .gallery-item,
.gallery-columns-3 dl {
	flex: 0 0 calc( 100% / 3 - 1px );
}
.photo-gallery .gallery-item,
.rentacar-gallery .gallery-item,
#paymentExample div[id*="gallery-"] .gallery-item {
	padding: 0;
	margin: 0 0 1px;
}
.photo-gallery .gallery-item img,
.rentacar-gallery .gallery-item img,
#paymentExample div[id*="gallery-"] .gallery-item img {
	object-fit: cover;
	aspect-ratio: 4 / 3;
	width: 100%;
	height: auto;
	border: 0;
}
.photo-gallery .gallery-item a,
.rentacar-gallery .gallery-item a,
#paymentExample .gallery-item a {
	display: block;
	line-height: 0;
}

.coreContents h3.newCar__title {
	position: relative;
	padding: 10px 0;
	background-color: var(--navy);
	font-size: 24px;
	color: #fff;
}
.coreContents h3.newCar__title:after {
	display: block;
	content: "";
	position: absolute;
	right: 0;
	bottom: -20px;
	left: 0;
	width: 0px;
	height: 0px;
	margin: auto;
	background-color: #fff;
	border-style: solid;
	border-color: var(--navy) transparent transparent transparent;
	border-width: 20px 17px 0 17px;
}
.newCar__title span {
	display: inline-block;
	margin: 0 3px; 
	vertical-align: 3px;
	font-size: 65%;
}
.newCar__eyecatch img {
	max-width: 100%;
	height: auto;
}

/* table */
.new-car table {
	width: 100%;
	margin: 0 0 20px;
	border-collapse: collapse;
	border-top: dotted 1px #aaa;
}
.new-car table tbody th {
	width: 275px;
	padding: 10px 20px;
	text-align: left;
	border-bottom: dotted 1px #aaa;
	background-color: #f2f8fb;
	font-weight: 500;
}
.new-car table tbody td {
	padding: 10px 20px;
	border-bottom: dotted 1px #aaa;
}

#paymentExample2__inner {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#paymentExample2__inner .new-car {
	flex: 0 0 calc( 100% / 2 - 5px );
	margin: 0 0 20px;
}
.coreContents #paymentExample2 h3.newCar__title {
	padding: 10px 0 12px;
	font-size: 17px;
}
#paymentExample2 .new-car table tbody th {
	width: 150px;
	padding: 10px;
}
#paymentExample2 .new-car table tbody td {
	padding: 10px;
}

/* leaseback
------------------------- */
.merit4 .standoutLineBack {
	width: 150px;
}
.merit4 .blueBack__Inner {
	display: flex;
	justify-content: space-between;
	padding: 30px 20px 30px 20px;
	border-radius: 3px;
	background-color: #fff;
}
.merit4 .blueBack__Inner--right {
	flex: 0 0 100%;
}

/* Instruction Car Lease
------------------------- */
.trainingCar .blueBack__Inner--left {
	flex: 0 0 150px;
}
.trainingCar .blueBack__Inner--right {
	flex: 0 0 calc( 100% - 155px );
}
.trainingCar.blueBack .checkLists li {
	margin: 0 0 20px;
	font-weight: 700;
	font-size: 19px;
}
.trainingCar.blueBack .checkLists li:last-child {
	margin: 0;
}
.contractual-notice.checkLists li {
	margin: 0 0 24px;
}
.contractual-notice.checkLists li:last-child {
	margin: 0;
}

/* Rentacar Top
------------------------- */
#rentacarTop {
	padding: 40px 0 0;
	background-image: url("../img/page/rentacar/sky2.webp");
	background-repeat: no-repeat;
	background-position: left -50px;
}
#rentacarTop__title--outer {
	position: relative;
}
#rentacarTop__title--outer:before {
	position: relative;
	display: block;
	content: "";
	left: 120px;
	width: 400px;
	height: 80px;
	background-image: url("../img/page/rentacar/fukidashi.svg");
	background-repeat: no-repeat;
	background-position: left top;
}
#rentacarTop__title { /* h3 tag */
	position: relative;
	display: flex;
	justify-content: center;
	margin: 0 0 40px;
	line-height: 1.2;
	text-shadow:
		1px  1px 1px rgba(255,255,255,1),
		1px -1px 1px rgba(255,255,255,1),
	   -1px  1px 1px rgba(255,255,255,1),
	   -1px -1px 1px rgba(255,255,255,1),
		1px  2px 1px rgba(255,255,255,1),
		1px -2px 1px rgba(255,255,255,1),
	   -1px  2px 1px rgba(255,255,255,1),
	   -1px -2px 1px rgba(255,255,255,1),
		2px  1px 1px rgba(255,255,255,1),
		2px -1px 1px rgba(255,255,255,1),
	   -2px  1px 1px rgba(255,255,255,1),
	   -2px -1px 1px rgba(255,255,255,1),
		2px  3px 1px rgba(255,255,255,1),
		2px -3px 1px rgba(255,255,255,1),
	   -2px  3px 1px rgba(255,255,255,1),
	   -2px -3px 1px rgba(255,255,255,1),
		3px  2px 1px rgba(255,255,255,1),
		3px -2px 1px rgba(255,255,255,1),
	   -3px  2px 1px rgba(255,255,255,1),
	   -3px -2px 1px rgba(255,255,255,1);
}
#rentacarTop__title:before {
	position: relative;
	display: block;
	content: "";
	top: -23px;
	width: 255px;
	height: 140px;
	margin: 0 20px 0 0;
	background-image: url("../img/page/rentacar/frog_on_the_bus.svg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
#rentacarTop__title--sub {
	display: block;
	font-size: 32px;
}
#rentacarTop__title--main {
	display: block;
	letter-spacing: 5px;
	font-weight: 800;
	font-size: 60px;
}

.coreContents p.leadText {
	margin: 0 0 10px;
	text-align: center;
	font-size: 19px;
	color: var(--navy);
}
.coreContents h3.clearStyle {
	padding: 0;
	margin: 0;
	text-align: left;
	font-weight: 700;
	font-size: 36px;
}
.coreContents h3.clearStyle:after {
	display: none;
}
#rentacarTop__introduction {
	margin: 50px 0 0;
}
.anotherWindow:after {
	display: inline-block;
	content: "";
	width: 24px;
	height: 19px;
	margin: 0 0 0 3px;
	background-color: var(--blue);
	mask: url("../img/icon/icon_restore.svg") no-repeat 50% 50% / contain;
	-webkit-mask: url("../img/icon/icon_restore.svg") no-repeat 50% 50% / contain;
	vertical-align: -4px;
}

.coreContents p.diagonalLine { /* 斜線強調 */
	position: relative;
	text-align: center;
	font-weight: 800;
	font-size: 24px;
	color: var(--navy);
}
.coreContents p.diagonalLine:before {
	transform: rotate(60deg);
	position: relative;
	display: inline-block;
	content: '';
	top: -7px;
	width: 37px;
	height: 2px;
	background-color: #000;
}
.coreContents p.diagonalLine:after {
	transform: rotate(-60deg);
	position: relative;
	display: inline-block;
	content: '';
	top: -7px;
	width: 37px;
	height: 2px;
	background-color: #000;
}
.coreContents p.diagonalLine.color-red {
	color: var(--vivid-red);
}
.coreContents p.diagonalLine.color-red:before {
	background-color: var(--vivid-red);
}
.coreContents p.diagonalLine.color-red:after {
	background-color: var(--vivid-red);
}
.coreContents p.diagonalLine.pink {
	color: var(--pink);
}
.coreContents p.diagonalLine.pink:before {
	background-color: var(--pink);
}
.coreContents p.diagonalLine.pink:after {
	background-color: var(--pink);
}

/* gallery */
.rentacar-gallery {
	list-style-type: none;
}

.coreContents figure.for-SP {
	display: none;
}
.rentacar-gallery-2 {
	margin: 0 0 20px;
}
.rentacarEyecatch__caption {
	margin: 0 0 30px;
	font-weight: 700;
	font-size: 24px;
	font-family:
		"Noto Sans JP",
		"游ゴシック Medium", "Yu Gothic Medium",
		"游ゴシック体", "YuGothic",
		"ヒラギノ角ゴシック", "Hiragino Sans",
		"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN",
		"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",
		"メイリオ", "Meiryo",
		sans-serif;
	color: var(--navy);
}
.rentacar-gallery-2 .gallery-item a {
	display: block;
	line-height: 1.5;
	text-decoration: none;
	font-weight: 700;
	font-size: 18px;
	font-family:
		"Noto Sans JP",
		"游ゴシック Medium", "Yu Gothic Medium",
		"游ゴシック体", "YuGothic",
		"ヒラギノ角ゴシック", "Hiragino Sans",
		"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN",
		"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",
		"メイリオ", "Meiryo",
		sans-serif;
	color: var(--blue);
}
.coreContents h5.rentacar-h5 {
	display: inline-block;
	width: 140px;
	padding: 3px 0 4px;
	margin: 0 0 10px;
	border-radius: 3px;
	background-color: var(--navy);
	line-height: 1.5;
	letter-spacing: 2px;
	text-align: center;
	font-weight: 700;
	font-size: 19px;
	color: #fff;
}
.coreContents h5.rentacar-h5:before {
	display: none;
}

.simpleButton__outer {
	text-align: center;
}
.recruitSection .simpleButton,
.rentacarSection .simpleButton {
	display: inline-block;
	margin: auto 3px;
	padding: 7px 25px 5px;
	border: solid 1px var(--navy);
	line-height: 1.7;
	letter-spacing: 1px;
	text-decoration: none;
	text-align: center;
	font-weight: 600;
	font-size: 17px;
	color: var(--navy);
}
.recruitSection .simpleButton:hover,
.rentacarSection .simpleButton:hover {
	color: #fff;
}

#about-reservations {
	list-style-type: none;
	margin: 0 0 30px;
}
.rentacarSection #about-reservations .simpleButton {
	display: block;
	width: 360px;
	margin: 0 auto 10px;
	padding: 7px 0 5px;
}

.partitionLine {
	margin: 0 0 30px;
	border-bottom: dotted 2px var(--sky);
}

.voiceText {
	display: flex;
}
.thumVoice {
	flex: 0 0 300px;
}

.price-table {
	border-collapse: collapse;
	width: 100%;
	margin: 0 0 30px;
	border-bottom: solid 1px var(--silver);
}
.price-table th, .price-table td {
	padding: 10px;
	text-align: center;
}
.price-table thead th {
	border-right: solid 2px #fff;
	background-color: var(--navy);
	color: #fff;
}
.price-table thead th:last-child {
	border-right: 0px;
}
.price-table tbody th {
	border-bottom: solid 2px #fff;
	background-color: var(--pale-blue);
}
.price-table tbody tr:last-child th {
	border-bottom: 0;
}
.coreContents .price-table h5 {
	padding: 0;
	margin: 10px 0 10px;
}
.rentacarSection .checkLists {
	margin: 0 0 30px;
}
.rentacarSection .checkLists li {
	font-weight: 500;
	color: #000;
}

/* レンタカー一覧
 ------------------------- */
/* 従来型レイアウト */
.rentacarLists {
	list-style-type: none;
	border-top: solid 1px var(--silver);
	margin: 0 0 50px;
}
.rentacarList__item {
	display: flex;
	border-bottom: solid 1px var(--silver);
}
.rentacarList__eyecatch {
	flex: 0 0 240px;
	border-left: solid 1px var(--silver);
	border-right: solid 1px var(--silver);
}
.rentacarList__title {
	flex: 0 0 220px;
	padding: 10px;
	border-right: solid 1px var(--silver);
}
.rentacarList__gear {
	justify-content: center;
	flex: 0 0 60px;
	padding: 10px;
	border-right: solid 1px var(--silver);
}
.rentacarList__refNumber {
	justify-content: center;
	flex: 0 0 90px;
	padding: 10px;
	border-right: solid 1px var(--silver);
}
.rentacarList__remarks {
	flex: 1 1 230px;
	padding: 10px;
	border-right: solid 1px var(--silver);
}
.rentacarList__item > div {
	display: flex;
	align-items: center;
}
.coreContents .rentacarList__item div p {
	width: 100%;
	margin: 0;
	line-height: 1.3;
}
.coreContents .rentacarList__eyecatch figure {
	margin: 0;
	line-height: 0;
}
.rentacarList__eyecatch img {
	object-fit: cover;
	aspect-ratio: 4 / 3;
	width: 240px;
	height: auto;
}
.rentacarList__item .view-detail {
	display: block;
	letter-spacing: 1px;
	font-size: 15px;
}
.rentacarList__item .simpleButton.view-detail {
	width: 100%;
	margin: 5px 0 0;
}
.rentacarList__item .simpleButton.view-detail  span:after {
	vertical-align: -1px;
}
.long-rental-detail {
	transition: 0.4s;
	display: block;
	width: 155px;
	padding: 6px 5px 4px;
	margin: 5px 0;
	background-color: var(--enji);
	text-decoration: none;
	text-align: center;
	letter-spacing: 1px;
	font-weight: 700;
	font-size: 13px;
	color: #fff;
}
.long-rental-detail:hover {
	background-color: var(--vivid-red);
}
.long-rental-detail span {
	display: block;
	margin: 0 0 0 15px;
}
.long-rental-detail span:after {
	display: inline-block;
	content: "";
	width: 8px;
	height: 12px;
	margin: 0 0 0 7px;
	background-color: #fff;
	mask: url("../img/icon/gt_white.svg") no-repeat 50% 50% / contain;
	-webkit-mask: url("../img/icon/gt_white.svg") no-repeat 50% 50% / contain;
	vertical-align: -2px;
}
.for-responsive-comment {
	display: none;
}

/* 新レイアウト */
.rentacarCard {
	display: flex;
	padding: 10px;
	margin: 7px 7px 12px;
	border: solid 1px #f1f1f1;
	box-shadow:
		 0px  0px 3px rgba(0, 0, 0, 0.03),
		 0px -0px 3px rgba(0, 0, 0, 0.03),
		-0px  0px 3px rgba(0, 0, 0, 0.03),
		-0px -0px 3px rgba(0, 0, 0, 0.03);
}
.rentacarCard__eyecatch {
	flex: 0 0 240px;
}
.coreContents .rentacarCard__eyecatch figure {
	margin: 0;
	line-height: 0;
}
.rentacarCard__eyecatch img {
	object-fit: cover;
	aspect-ratio: 4 / 3;
	width: 240px;
	height: auto;
}
.rentacarCard__details {
	flex: 0 0 calc( 100% - 240px );
	padding: 0 0 0 15px;
}
.rentacarCard__details--inner {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.rentacarCard__detail-1 {
	flex: 0 0 calc( 36% );
}
.rentacarCard__detail-2 {
	flex: 0 0 calc( 36% );
}
.rentacarCard__detail-3 {
	flex: 0 0 calc( 28% );
}
.coreContents h4.rentacarCard__title {
	margin: 0 0 13px;
	text-align: left;
	font-size: 21px;
}
.coreContents h4.rentacarCard__title:before,
.coreContents h4.rentacarCard__title:after {
	display: none;
}
.rentacarCard__title--maker {
	font-size: 16px;
}

.rentacarCard__detail--set { /* dl */
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	margin: 0 0 5px;
}
.rentacarCard__detail--set dt {
	flex: 0 0 68px;
	width: 68px;
	padding: 5px 0;
	margin: 0 0 6px 0;
	background-color: var(--pale-blue);
	letter-spacing: 0;
	font-size: 13px;
	text-align: center;
	color: var(--navy);
}
.rentacarCard__detail--set dd {
	flex: 0 0 calc( 100% - 68px );
	padding: 5px 5px 0 5px;
	margin: 0 0 6px 0;
	letter-spacing: 0;
	font-size: 14px;
	font-weight: 500;
	color: var(--navy);
}

.rentacarCard__detail--set .long-rental-detail {
	transition: 0.4s;
	display: block;
	width: 115px;
	padding: 3px 0 2px;
	margin: 5px 0;
	background-color: var(--enji);
	text-decoration: none;
	text-align: center;
	letter-spacing: 1px;
	font-weight: 700;
	font-size: 11px;
	color: #fff;
}
.rentacarCard__detail--set .long-rental-detail span {
	display: block;
	margin: 0 0 0 10px;
}
.rentacarCard__detail--set .long-rental-detail span:after {
	display: inline-block;
	content: "";
	width: 6px;
	height: 10px;
	margin: 0 0 0 7px;
	background-color: #fff;
	mask: url("../img/icon/gt_white.svg") no-repeat 50% 50% / contain;
	-webkit-mask: url("../img/icon/gt_white.svg") no-repeat 50% 50% / contain;
	vertical-align: -1px;
}
.rentacarCard__detail--set .long-rental-detail:hover {
	background-color: var(--vivid-red);
}
.rentacarCard .simpleButton.view-detail {
	width: 100%;
	padding: 6px 0 3px;
	margin: 5px 0 0;
	letter-spacing: 1px;
	font-size: 14px;
}
.rentacarCard .simpleButton.view-detail  span:after {
	width: 7px;
	height: 12px;
	margin: 0 0 0 10px;
	vertical-align: -1px;
}

/* price ins profit
------------------------- */
.column4 {
	display: flex;
	justify-content: space-around;
}
.column4 figure {
	flex: 0 0 200px;
	text-align: center;
}
.column4 figure img {
	width: 100%;
	height: auto;
}
.smallNote {
	font-size: 17px;
}
.simpleButton__wrap {
	display: inline;
}
.checkLists.normalText li {
	font-weight: 500;
	font-size: 16px;
}
.rentacarSection .checkLists.normalText {
	margin: 0;
}
.checkLists.normalFontSize li {
	font-size: 17px;
}
.defaultLists {
	margin: 0 0 30px 50px;
}

#flexbox7 {
	display: flex;
}
#flexbox7 > div:nth-child(even) { /* 偶数 */
	flex: 0 0 38px;
	text-align: center;
	font-weight: 700;
	font-size: 24px;
	color: var(--blue);
}
#flexbox7 > div:nth-child(odd) { /* 奇数 */
	flex: 1 1 145px;
	padding: 10px 5px;
	border: solid 1px var(--blue);
	border-radius: 5px;
}
#flexbox7 > div {
	display: flex;
}
#outer-stock-list #flexbox7 > div p {
	margin: auto;
	text-align: center;
}
#outer-stock-list #flexbox7 > div p + p {
	display: none;
}
#flexbox7 > div:nth-child(1) {
	overflow: hidden;
	padding: 0;
}
#flexbox7 > div:nth-child(1) dl {
	width: 100%;
	text-align: center;
}
#flexbox7 > div:nth-child(1) dt {
	padding: 7px 0 5px;
	border-bottom: solid 1px var(--blue);
	background-color: var(--pale-blue);
}
#flexbox7 > div:nth-child(1) dd {
	padding: 6px 0 5px;
}
#flexbox7 > div:nth-child(7) {
	border: solid 2px var(--blue);
	background-color: var(--pale-blue);
}
.coreContents #flexbox7 p {
	margin: 0;
	letter-spacing: 1px;
	font-size: 15px;
}
.coreContents #flexbox7 p .symbol {
	font-size: 32px;
}
.coreContents #flexbox7 strong {
	font-weight: 500;
	color: var(--navy);
}
.vertical__center {
	display: flex;
	align-items: center;
	justify-content: center;
}

/* reserve */
.blue-line-frame {
	width: 100%;
	margin: 0 20px;
}
.rentacarSection .blue-line-frame .checkLists {
	margin: 0 20px 20px;
}
.rentacarSection .blue-line-frame .checkLists li {
	font-weight: 500;
	font-size: 17px;
}
.outer-contact-info {
	width: 640px;
	margin: auto;
}
.contact-info {
	width: 640px;
	max-width: 100%;
	margin: 0 auto 30px;
	padding: 15px;
	border-radius: 6px;
	background-color: var(--mint-green);
	text-align: center;
}
.coreContents .contact-info p {
	margin: 0;
}
.contact-info dt {
	padding: 0 0 12px;
	letter-spacing: 2px;
	font-weight: 700;
	font-size: 19px;
	color: #fff;
}
.contact-info dd {
	padding: 15px;
	border-radius: 4px;
	background-color: #fff;
}
#outer-stock-list .contact-info dd p {
	margin: 0;
}
.contact-info .number {
	letter-spacing: 3px;
	font-weight: 600;
	font-size: 32px;
	color: var(--navy);
}

.simpleButton span.download {
	display: block;
	margin: 0 0 0 0;
	padding: 0 20px;
}
.simpleButton span.download:after {
	display: none;
}
.simpleButton span.download:before {
	display: inline-block;
	content: "";
	width: 20px;
	height: 20px;
	margin: 0 10px 0 0;
	background-color: var(--navy);
	mask: url("../img/icon/icon_download.svg") no-repeat 50% 50% / contain;
	-webkit-mask: url("../img/icon/icon_download.svg") no-repeat 50% 50% / contain;
	vertical-align: -2px;
}
.simpleButton:hover span.download:before {
	background-color: #fff;
}
.AdobeReaderBan img {
	display: block;
	margin: 0 auto;
}

.tel .number:before,
.fax .number:before {
	display: inline-block;
	content: "";
	width: 24px;
	height: 24px;
	background-color: var(--navy);
	mask: url("../img/icon/phone.svg") no-repeat 50% 50% / contain;
	-webkit-mask: url("../img/icon/phone.svg") no-repeat 50% 50% / contain;
	margin: 0 5px 0 0;
}
.fax .number:before {
	mask: url("../img/icon/icon_fax.svg") no-repeat 50% 50% / contain;
	-webkit-mask: url("../img/icon/icon_fax.svg") no-repeat 50% 50% / contain;
	margin: 0 5px 0 0;
}

/* Long Term Car Rental
------------------------- */
.LongTerm .blueBack__Inner--left {
	flex: 0 0 200px;
}
.LongTerm .blueBack__Inner--right {
	flex: 0 0 calc( 100% - 210px );
}
.LongTerm .numberedLists {
	margin: 0 0 0 20px;
}
.LongTerm .numberedLists li {
	font-weight: 700;
	font-size: 19px;
	color: var(--navy);
}
.LongTerm .numberedLists li:before {
	top: 4px;
}
.LongTerm .numberedLists li:last-child {
	margin: 0;
}
.blueBack__Inner.reverse {
	flex-direction: row-reverse;
}

.LongTerm .gallery {
	list-style-type: none;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 0 30px;
}
.LongTerm .galleryItem {
	flex: 0 0 calc( 100% / 4 - 1px );
	margin: 0 0 1px;
	line-height: 0;
}
.LongTerm .galleryItem img {
	object-fit: cover;
	aspect-ratio: 4 / 3;
	width: 100%;
	height: auto;
	line-height: 0;
}
.LongTerm .note__title .small {
	letter-spacing: 2px;
	font-size: 87%;
}
.LongTerm .merit4 .blueBack__Inner--right {
	flex: 0 0 100%;
}

/* Rentacar How to QA
------------------------- */
.kakunin .checkLists {
	margin: 20px 0 0;
}
.kakunin .checkLists li {
	position: relative;
	display: flex;
	margin: 0 0 5px;
	font-weight: 400;
	font-size: 17px;
	color: var(--navy);
}
.kakunin .checkLists li:before {
	top: 7px;
	width: 22px;
	height: 22px;
	margin: 0 5px 0 0;
}
.howto .numberedLists > li:before {
	top: 3px;
}
.howto .numberedLists > li {
	margin: 0 0 40px;
}
.howto .numberedLists dt,
#sharyo-henkyaku.howto .numberedLists li span {
	letter-spacing: 2px;
	font-weight: 700;
	font-size: 18px;
}
.howto .numberedLists dt .small {
	font-weight: 400;
	font-size: 16px;
}
.howto .numberedLists dd {
	margin: 10px 0 0;
}
.howto .numberedLists .contact-info dd {
	margin: 0;
}
.contact-info__data .long-rental-detail {
	display: block;
	width: 175px;
	margin: auto;
}
.contact-info__data .long-rental-detail em:before {
	content: "";
	display: inline-block;
	width: 25px;
	height: 21px;
	margin: 0;
	background-color: #fff;
	mask: url("../img/icon/icon_location_pin.svg") no-repeat 50% 50% / contain;
	-webkit-mask: url("../img/icon/icon_location_pin.svg") no-repeat 50% 50% / contain;
	vertical-align: -5px;
}

/* FAQ */
.coreContents .q_and_a h4 {
	font-size: 24px;
}
.chapter {
	margin: 40px 20px 30px;
	padding: 0 0 30px;
	border-bottom: dotted 1px var(--silver);
}
.question { /* dt */
	margin: 0 0 20px;
	letter-spacing: 2px;
	font-weight: 600;
	font-size: 19px;
	color: var(--navy);
}
.answer { /* dd */
	margin: 0 0 20px;
	line-height: 1.9;
}
.queText, .ansText {
	display: flex;
	position: relative;
}
.queText {
	font-size: 19px;
}
.ansText {
	font-size: 17px;
}
.queText:before {
	display: block;
	content: "Q";
	flex: 0 0 30px;
	width: 30px;
	height: 30px;
	margin: 0 10px 0 0;
	background-color: var(--navy);
	line-height: 30px;
	text-align: center;
	text-indent: 3px;
	font-family:
		"Outfit",
		"游ゴシック Medium", "Yu Gothic Medium",
		"游ゴシック体", "YuGothic",
		"ヒラギノ角ゴシック", "Hiragino Sans",
		"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN",
		"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",
		"メイリオ", "Meiryo",
		sans-serif;
	color: #fff;
}
.ansText:before {
	position: relative;
	display: block;
	content: "A";
	flex: 0 0 30px;
	top: 0;
	width: 30px;
	height: 30px;
	margin: 0 10px 0 0;
	background-color: var(--mint-green);
	line-height: 30px;
	text-align: center;
	text-indent: 3px;
	font-weight: 400;
	font-family:
		"Outfit",
		"游ゴシック Medium", "Yu Gothic Medium",
		"游ゴシック体", "YuGothic",
		"ヒラギノ角ゴシック", "Hiragino Sans",
		"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN",
		"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",
		"メイリオ", "Meiryo",
		sans-serif;
	color: #fff;
}
.faq__subLists {
	margin: 0 0 0 30px;
}
.faq__subLists li {
	margin: 0 0 20px;
}

a.circle-rivet { /* a */
	text-decoration: none;
}
.circle-rivet-by-flex,
ul.circle-rivet { /* ul */
	list-style-type: none;
	margin: 0 10px 20px;
}
.circle-rivet-by-flex li,
ul.circle-rivet li {
	position: relative;
	margin: 0 0 10px;
	line-height: 1.9;
}
.circle-rivet-by-flex li:before,
ul.circle-rivet li:before,
a.circle-rivet:before {
	content: "";
	display: inline-block;
	width: 18px;
	height: 18px;
	margin: 0 4px 0 0;
	background-color: var(--blue);
	mask: url("../img/icon/icon_circle_right_rivet.svg") no-repeat 50% 50% / contain;
	-webkit-mask: url("../img/icon/icon_circle_right_rivet.svg") no-repeat 50% 50% / contain;
	vertical-align: -4px;
}
a.circle-rivet:before {
	margin: 0 3px 0 0;
	vertical-align: -2px;
}
.circle-rivet-by-flex li {
	display: flex;
}
.circle-rivet-by-flex li:before {
	position: relative;
	flex: 0 0 18px;
	top: 5px;
	vertical-align: 0;
}

/* Recruit
------------------------- */
.coreContents h5.numberingHeader {
	position: relative;
	font-size: 21px;
	color: var(--navy);
}
#overseas-sales-staff .numberingHeader__section h5.numberingHeader:before {
	top: -2px;
}
.aboutUsSection .numberingHeader__section h5.numberingHeader:before {
	top: -1px;
	border: solid 1px var(--navy);
	background-color: var(--navy);
	color: #fff;
}
.aboutUsSection .photo-gallery,
.recruitSection .photo-gallery {
	margin: 0 0 30px;
}

/* Access
------------------------- */
.aboutUs__subList {
	margin: 0 20px 30px 40px;
}
.aboutUs__subList li {
	margin: 0 0 10px;
	line-height: 1.9;
	font-size: 17px;
}

/* Profile
------------------------- */
.coreContents .carSpec.aboutUs__table tbody td,
.coreContents .carSpec.aboutUs__table tbody p {
	letter-spacing: 1px;
	line-height: 1.7;
	font-size: 17px;
}
.coreContents .carSpec.aboutUs__table tbody th {
	vertical-align: top;
	line-height: 1.7;
	font-size: 17px;
}
.coreContents .carSpec.aboutUs__table tbody p {
	margin: 0 0 18px;
}
.coreContents .aboutUs__table h5 {
	padding: 0;
	margin: 0 0 4px;
}

/* Choice
------------------------- */
.aboutUsSection .numberingHeader__section--child {
	margin: 0 0 30px;
	border-bottom: dotted 1px #aaa;
}
.aboutUsSection .numberingHeader__section--child:last-child {
	margin: 0;
	border-bottom: 0;
}

/* Trade
------------------------- */
.pointContents {
	margin: 0 0 50px;
}
.pointContents dt {
	margin: 0 0 20px;
	font-size: 22px;
	color: var(--navy);
}
.pointContents__reply {
	margin: 0 0 20px;
	line-height: 1.9;
	font-weight: 400;
}
.pointContents__reassurance {
	position: relative;
	display: flex;
	padding: 20px 15px 20px 20px;
	border: solid 2px var(--pink);
	border-radius: 4px;
	line-height: 1.9;
	font-weight: 400;
}
.pointContents__reassurance:after {
	position: relative;
	display: block;
	flex: 0 0 140px;
	content: "";
	top: 3px;
	width: 140px;
	height: 140px;
	margin: 0;
	background-image: url("../img/illust/relieved_girl.svg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
/* End of CSS */