@charset "utf-8";

/*----------------------------------------------
    COMMON (共通)
----------------------------------------------*/

.only-pc {
  display: none !important;
}

.only-tb {
  display: block !important;
}

.c-section-header {
  display: block;
  margin-bottom: 40px;
}

.c-section-title-en {
  font-size: 60px;
}

.c-section-title-jp {
  font-size: 30px;
  margin-top: .25em;
}

.c-section-title-out {
  font-size: 30px;
}


/*   FOOTER   */

.f-logo-image {
  height: auto;
  width: 240px;
}
.f-inner {
  column-gap: 2em;
}
.f-nav {
  column-gap: 1.5em;
}


/*----------------------------------------------
    TOP PAGE
----------------------------------------------*/

#home-mainvisual {
  margin-bottom: 75px;
}

.home-news-list-item {
  flex-wrap: wrap;
  row-gap: .5em;
}

.home-news-list-item .title {
  flex: auto;
  width: 100%;
}

.home-services-box-title-en {
  font-size: 24px;
}

.home-services-box-title-jp {
  font-size: 20px;
}

.home-shop-figure {
  max-width: 55%;
}

.home-recruit-visual {
  display: block;
}

.home-recruit-visual-figure {
  max-width: inherit;
  width: 100%;
}

.home-recruit-visual-content {
  margin-top: -20px;
  margin-left: 0;
  overflow: hidden;
}

.home-recruit-visual-tagline {
  float: right;
  row-gap: 10px;
  position: relative;
  width: max-content;
  z-index: 1;
}

.home-recruit-content {
  clear: both;
}

.home-recruit-box-title {
  font-size: 22px;
  padding: 20px 50px 20px 20px;
}

.home-recruit-box-title::after {
  right: 20px;
}

.home-recruit-box-content {
  padding: 10px 20px 30px;
}

.home-recruit-box-section {
  margin-bottom: 1.5em;
}


/*----------------------------------------------
    固定ページ共通  .page
----------------------------------------------*/

.page-header {
  margin-top: -90px;
  padding-top: 30px;
  padding-bottom: 30px;
}

.page-title {
  font-size: 30px;
}

.page-title .sub {
  font-size: 24px;
}

.page-description {
  font-size: 20px;
  line-height: 1.5;
}

.page-lead-text {
  font-size: 18px;
}

.page-flex-box-figure {
  margin-bottom: 30px;
}

.page-flex-box-content {
  padding: 20px;
}


/*----------------------------------------------
    販売  .sales
----------------------------------------------*/

.sales-section-lead-box {
  width: 500px;
}


/*----------------------------------------------
    カーリース（スーパー乗るだけセット）  .car-lease
----------------------------------------------*/

.carlease-step-box {
  max-width: inherit;
  width: 48%;
}

.carlease-step-box-icon {
  margin-bottom: 30px;
}


/*----------------------------------------------
    整備・メンテナンス  .maintenance
----------------------------------------------*/

.maintenance-menu-figure {
  max-width: 50%;
}

.maintenance-menu-content {
  padding-right: min(5vw,75px);
  max-width: 66%;
}


/*----------------------------------------------
    店舗情報 (共通)  .shop
----------------------------------------------*/

.shop-info-map {
  width: 300px;
}

.shop-photo-slider-arrow.prev {
  left: -20px;
}

.shop-photo-slider-arrow.next {
  right: -20px;
}


/*----------------------------------------------
    会社概要  .company
----------------------------------------------*/

#company-message {
  padding-top: 0;
}

.company-message-subtitle {
  font-size: 30px;
}

.company-profile-table td {
  padding: 20px;
}


.company-history-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.company-history-list-event {
  margin-left: .25em;
}


/*----------------------------------------------
    自動車保険  .insurance
----------------------------------------------*/

.insurance-merit-content {
  flex: auto;
}

.insurance-merit-figure {
  width: auto;
}


/*----------------------------------------------
    お問い合わせ  .contact
----------------------------------------------*/

.contact-section-title {
  font-size: 28px;
}

.contact-call-box-name {
  font-size: 22px;
}

.contact-call-box-tel {
  font-size: 44px;
}

.contact-call-box-note {
  font-size: .9em;
}

.contact-call-image {
  position: absolute;
  top: calc(100% - 25px);
  bottom: auto;
  right: -2%;
}


/*----------------------------------------------
    送信完了  .thanks
----------------------------------------------*/

#thanks-finished {
  padding-top: 0;
}


/*----------------------------------------------
    新着情報(一覧)  .archive
----------------------------------------------*/


/*----------------------------------------------
    新着情報(詳細)  .single
----------------------------------------------*/