@charset "UTF-8";
:root {
	--c-red: #ff4645;
	--c-darkred: #e34a49;
}




.intro {  }
.intro__ttl { margin-bottom: 27px; font-size: 1.6rem; font-weight: 500; line-height: 1; text-align: center; }
.intro__ttl__left { margin-right: 5px; }
.intro__ttl__right { font-size: 120%; font-weight: 700; }
@media print, screen and (min-width: 681px) {
	
}
@media print, screen and (min-width: 1200px) {
	
}


/*	Common Part - CSC	*/
.csc { background: #fef2f3; padding: 30px 20px; }
.csc__ttl { font-size: 1.8rem; font-weight: 700; line-height: 1; text-align: center; }
.csc__ttl span { display: inline-block; border-bottom: 2px solid var(--c-red); padding-bottom: 8px; margin-bottom: 10px; }
.csc__catch { font-size: 1.6rem; font-weight: 700; line-height: 1.5; text-align: center; }
.csc__call { margin-top: 15px; text-align: center;}
.csc__call__upper {  }
.csc__call__tel { display: flex; justify-content: center; align-items: center; font-size: 3.0rem; font-weight: 700; line-height: 1; color: var(--c-red); }
.csc__call__tel__icon { width: auto; height: 35px; margin-right: 8px; }
.csc__call__tel__txt {  }
.csc__call__info { margin-top: 5px; font-size: 1.3rem; font-weight: 700; line-height: 1.5; }
.csc__call__lower { display: none; }
.csc__call__btn { position: relative; display: flex; justify-content: center; align-items: center; height: 50px; background: var(--c-red); border-radius: 4px; margin-top: 20px; font-size: 1.6rem; font-weight: 700; line-height: 1; color: #fff; }
.csc__call__btn__arrow { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); display: flex; justify-content: center; align-items: center; width: 20px; height: 20px; background: #fff; border-radius: 50%; }
.csc__call__btn__arrow::before { position: absolute; left: 50%; top: 50%; transform: translate(-60%, -50%) rotate(45deg); display: block; width: 4px; height: 4px; border-right: 2px solid var(--c-red); border-top: 2px solid var(--c-red); content: ""; }
@media print, screen and (min-width: 681px) {
	
	.csc__call { display: flex; flex-direction: row-reverse; justify-content: center; margin-top: 20px; }
	
	.csc__call__lower { min-width: 260px; }
	.csc__call__lower { margin-right: 20px; }
	.csc__call__btn { position: relative; display: flex; justify-content: center; align-items: center; height: 50px; background: var(--c-red); border-radius: 4px; margin-top: 20px; font-size: 1.6rem; font-weight: 700; line-height: 1; color: #fff; }
	.csc__call__btn__arrow { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); display: flex; justify-content: center; align-items: center; width: 20px; height: 20px; background: #fff; border-radius: 50%; }
	.csc__call__btn__arrow::before { position: absolute; left: 50%; top: 50%; transform: translate(-60%, -50%) rotate(45deg); display: block; width: 4px; height: 4px; border-right: 2px solid var(--c-red); border-top: 2px solid var(--c-red); content: ""; }
}
@media print, screen and (min-width: 1200px) {
	.csc { padding: 40px 30px; }
	.csc__ttl { font-size: 2.2rem; }
	.csc__catch { font-size: 1.8rem; }
	.csc__call { position: relative; }
	.csc__call__lower { position: relative; min-width: 300px; margin-right: 60px; }
	.csc__call__lower::before { position: absolute; top: 50%; left: calc(100% + 30px); transform: translateY(-50%); display: block; width: 1px; height: 100%; background: #000; content: ""; }
	.csc__call__tel { font-size: 3.2rem; }
	.csc__call__tel__icon { height: 38px; }
	.csc__call__tel__txt {  }
	.csc__call__info { font-size: 1.5rem; }
}

.cmn-art:not(:first-of-type) { margin-top: 40px; }


/*		*/
.corp-tbl colgroup col:nth-child(1) { width: 25%; }
.corp-tbl colgroup col:nth-child(2) { width: 75%; }
.corp-tbl th { border-right: 1px solid #ccc; }
.corp-tbl th,
.corp-tbl td { background: #fff; padding: 12px 18px; font-size: 1.3rem; }
.corp-tbl tr:not(:first-of-type) th,
.corp-tbl tr:not(:first-of-type) td { border-top: 1px solid #ccc; }
/*
.corp-tbl tr:nth-child(odd) th,
.corp-tbl tr:nth-child(odd) td { background: #fff; }

.corp-tbl tr:nth-child(even) th,
.corp-tbl tr:nth-child(even) td { background: #f1f1f1; }
*/

@media print, screen and (min-width: 681px) {
	
}
@media print, screen and (min-width: 1200px) {
	.corp-tbl th,
	.corp-tbl td {font-size: 1.4rem; }
}

/*		*/
.intro__info { background: #f2f2f2; margin-top: 20px; padding: 15px 15px; }
.intro__info-upper {  }
.intro__info-upper .csc__call__tel { font-size: 2.5rem; }
.intro__info-upper .csc__call__tel__icon { height: 25px; }
.intro__info-lower { margin-top: 15px; }
.intro__info__txt { border-top: 1px solid #000; margin-top: 10px; padding-top: 6px; font-size: 1.3rem; font-weight: 500; }
.intro__info__txt dl { display: flex; justify-content: flex-start; align-items: stretch; }
.intro__info__txt dt { width: 25%; }
.intro__info__txt dd { flex: 1; text-align: left; }

@media print, screen and (min-width: 681px) {
	
.intro__info { display: flex; justify-content: space-between; margin-top: 25px; padding: 15px 15px; }
.intro__info-upper { width: 54%; margin-right: 15px; }
.intro__info-upper .csc__call__tel { font-size: 2.5rem; }
.intro__info-upper .csc__call__tel__icon { height: 25px; }
.intro__info-lower { flex: 1; margin-top: 0; }

	
}
@media print, screen and (min-width: 1200px) {
	.intro__info { margin-top: 30px; padding: 20px 20px; }
	.intro__info-upper,
	.intro__info-lower { width: calc(50% - 10px); }
	.intro__info-upper { margin-right: 20px; }
	.intro__info__txt { margin-top: 14px; padding-top: 10px; font-size: 1.4rem; }
	.intro__info__txt dt { width: 14%; }
	
}

/*	Fleet Lease	*/
.fleetlease {  }
.fleetlease__intro { text-align: center; }
.fleetlease__intro__img { max-width: 564px; }
.fleetlease__intro__txt { margin-top: 14px; font-size: 1.5rem; font-weight: 700; line-height: 1.7; }

.fl-feature { margin-top: 30px; margin-bottom: 30px; }
.ttl-squares {  }
.fl-feature__list-wrap { margin-bottom: 25px; }
.fl-feature__list { position: relative; padding-left: 1.25em; font-weight: 700; line-height: 1.5; }
.fl-feature__list:not(:first-of-type) { margin-top: 10px; }
.fl-feature__list::before { position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 5px; height: 5px; background-color: var(--c-red); border-radius: 50%; content: ""; }
.fl-feature__list ._emp { color: var(--c-darkred); }

@media print, screen and (min-width: 681px) {
	
}
@media print, screen and (min-width: 1200px) {
	
}

/*		*/
.fl-merit-wrap { margin-bottom: 30px; }
.fl-merit {  }
.fl-merit:not(:first-of-type) { margin-top: 25px; }
.fl-merit__cont {  }
.fl-merit-list-wrap {  }
.fl-merit-list {  }
.fl-merit-list:not(:first-of-type) { margin-top: 15px; }
.fl-merit-list__ttl { font-weight: 700; margin-bottom: 5px; }
.fl-merit__img { margin-top: 20px; }

.fl-merit--5 .fv-merit__inner { display: flex; flex-direction: column-reverse; }
@media print, screen and (min-width: 681px) {
	
}
@media print, screen and (min-width: 1200px) {
	.fl-merit-wrap { display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(3, auto); grid-column-gap: 40px; grid-row-gap: 30px; }
	.fl-merit:not(:first-of-type) { margin-top: 0; }
	.fl-merit--1 { grid-area: 1 / 1 / 2 / 2; }
	.fl-merit--2 { grid-area: 1 / 2 / 2 / 3; }
	.fl-merit--3 { grid-area: 2 / 1 / 3 / 2; }
	.fl-merit--4 { grid-area: 2 / 2 / 3 / 3; }
	.fl-merit--5 { grid-area: 3 / 1 / 4 / 3; } 
	.fl-merit--5 .fv-merit__inner { flex-direction: row; justify-content: space-between; }
	.fl-merit--5 .fl-merit__cont,
	.fl-merit--5 .fl-merit__img { width: calc(50% - 20px); margin-top: 0; }
}

/*	Fee	*/
.fl-fee-notice { margin-bottom: 15px; font-size: 1.3rem; }
.fl-fee-wrap {  }
.fl-fee { background: #fff; border: 1px solid #ed6b00; border-radius: 6px; padding: 15px; }
.fl-fee:not(:first-of-type) { margin-top: 15px; }
.fl-fee__img { margin-bottom: 15px; text-align: center; }
.fl-fee__img img { max-width: 340px; }
.fl-fee__inner {  }
.fl-fee__ttl { font-size: 1.6rem; font-weight: 700; line-height: 1.3; margin-bottom: 10px; }
.fl-fee__tbl { font-size: 1.4rem; }
.fl-fee__tbl th,
.fl-fee__tbl td { padding: 4px; line-height: 1.3; }
.fl-fee__tbl th { padding-left: 0; }
.fl-fee__tbl tr:first-of-type th,
.fl-fee__tbl tr:first-of-type td { vertical-align: top; }
.fl-fee__tbl th { width: 25%; font-weight: 500; }
.fl-fee__tbl td:nth-of-type(1) { width: 2%; }
.fl-fee__tbl td:nth-of-type(2) { width: 73%; }
.fl-fee__tbl ._num { font-family: 'Roboto', sans-serif; font-size: 130%; font-weight: 700; }
@media print, screen and (min-width: 681px) {
	
}
@media print, screen and (min-width: 1200px) {
	.fl-fee-notice { margin-bottom: 0; text-align: right; }
	.fl-fee-wrap { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: stretch; }
	.fl-fee:not(:first-of-type) { margin-top: 20px; }
	.fl-fee { width: calc(50% - 10px); margin-top: 20px; padding: 20px; }
	.fl-fee__img { display: flex; justify-content: center; align-items: flex-end; min-height: 217px; }
	.fl-fee__tbl th { width: 30%; }
	.fl-fee__tbl td:nth-of-type(1) { width: 2%; }
	.fl-fee__tbl td:nth-of-type(2) { width: 68%; }
}

/*		*/
@media print, screen and (min-width: 681px) {
	
}
@media print, screen and (min-width: 1200px) {
	
}

/*		*/
@media print, screen and (min-width: 681px) {
	
}
@media print, screen and (min-width: 1200px) {
	
}


/*	FAQ	*/
.faq-wrap { margin-bottom: 30px; }
.faq { position: relative; z-index: 50; }
.faq:not(:first-of-type) { margin-top: 24px; }
.faq__heading { position: relative; }
.faq__heading button { position: relative; width: 100%; font-weight: 700; font-size: 1.4rem; text-align: justify; background: #f5f5f5; border: none; transition: 0.3s; padding: 15px 40px 16px 40px; line-height: 1.5; }
.faq__heading__icon { position: absolute; top: 50%; transform: translateY(-50%); right: 15px; display: block; width: 10px; height: 10px; }
.faq__heading__icon::before,
.faq__heading__icon::after { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: block; background: #000; content: ""; }
.faq__heading__icon::before { width: 100%; height: 2px; }
.faq__heading__icon::after { width: 2px; height: 100%; transition: .4s; }
.faq__heading button::before { content: "Q."; padding-right: 20px; position: absolute; top: 50%; left: 4%; transform: translateY(-50%); font-family: 'Roboto', sans-serif; font-size: 2.0rem; font-weight: 500; line-height: 1; }
.faq__heading button::after { content: ""; display: block; background: url(../../common/img/icon_accordion_brown.svg) no-repeat center/contain; position: absolute; top: 50%; right: 5%; width: 16px; height: 16px; transform: translateY(-50%); transition: 0.3s; }
.faq__heading button.is-opend::after { transform: translateY(-50%) rotate(45deg); }
.faq__heading button.is-opend .faq__heading__icon::after { height: 0; }
/*.faq__heading button:active { transform: translateY(5px); }*/
.faq__content { background: #fff; position: relative; display: none; }
.faq__content__inner { padding: 15px 15px 15px 40px; }
.faq__content__inner__txt { font-size: 1.3rem; }

.faq__content__inner__txt:first-of-type::before { position: absolute;  top: 50%; left: 4%; transform: translateY(-50%); content: "A."; padding-right: 20px; font-family: 'Roboto', sans-serif; font-size: 2.0rem; line-height: 1; }

@media screen and (min-width: 681px) {
	.faq-wrap { display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(3, auto); grid-column-gap: 30px; grid-row-gap: 30px; }
	.faq:not(:first-of-type) { margin-top: 0; }
	
	.faq__heading button { min-height: 73px; }
	.faq__heading button::before { padding-right: 0; top: 50%; left: 3.5%; }
	.faq__heading--2line button::before { top: 36%; }
	.faq__heading button::after { width: 16px; height: 16px; right: 3%; }
	.faq__heading button.is-opend::after { width: 19px; height: 19px; }
	.faq__heading button { }
	.faq__heading button:hover { color: rgba(0, 0, 0, 0.5); } .faq__content::before { font-size: 3.0rem; display: block; }
	
	
	
}
