:root {
  --bp-sp: 991px;
  --bp-pc: 992px;
}

:root {
  --color-primary-hex: #1cc18e;
  --color-primary-l: 0.7209;
  --color-primary-c: 0.1463;
  --color-primary-h: 165.17;
  --color-primary: oklch(var(--color-primary-l) var(--color-primary-c) var(--color-primary-h));
  --color-accent-hex: #e50001;
  --color-accent-l: 59%;
  --color-accent-c: 0.26;
  --color-accent-h: 25;
  --color-accent: oklch(var(--color-accent-l) var(--color-accent-c) var(--color-accent-h));
  --color-white: #ffffff;
  --color-black: #000000;
  --color-ink-high: #242f2c;
  --color-ink-middle: #42534e;
  --color-ink-low: #6e817b;
  --color-ink-lower: #8c9f99;
  --color-ink-lowest: #c5d1cd;
  --color-success: #28a745;
  --color-warning: #ffc107;
  --color-error: #dc3545;
  --color-info: #17a2b8;
  --color-alert: #e50001;
  --color-ciao: #0068b5;
  --color-mamoru: #8ec525;
  --color-text-base: var(--color-ink-high);
  --color-text-high: var(--color-ink-high);
  --color-text-gray: var(--color-ink-middle);
  --color-text-middle: var(--color-ink-middle);
  --color-text-light: var(--color-ink-low);
  --color-text-low: var(--color-ink-low);
  --color-text-muted: var(--color-ink-lower);
  --color-text-lower: var(--color-ink-lower);
  --color-text-disabled: var(--color-ink-lowest);
  --color-text-link: var(--color-ink-lower);
  --color-text-link-brand: var(--color-primary);
  --color-border-higher: #424a53;
  --color-border-high: #afc1bb;
  --color-border-middle: #d0deda;
  --color-border-low: #eaf2ef;
  --color-border-white: #ffffff;
  --color-form-border: var(--color-ink-low);
  --color-bg-high: var(--color-ink-high);
  --color-bg-low: #f3f5f7;
  --color-bg-lower: #f6f8fa;
  --color-bg-white: var(--color-white);
  --color-bg-base: var(--color-bg-white);
  --color-bg-brand: var(--color-primary);
  --color-bg-base: #f3f5f7;
  --color-bg-page: #f3f5f7;
  --color-btn-text-high: var(--color-ink-high);
  --color-btn-text-middle: var(--color-ink-middle);
  --color-btn-text-low: var(--color-ink-low);
  --color-btn-text-brand: var(--color-primary);
  --color-btn-text-white: var(--color-white);
  --color-btn-bg-high: var(--color-ink-high);
  --color-btn-bg-middle: var(--color-ink-middle);
  --color-btn-bg-low: var(--color-ink-low);
  --color-btn-bg-white: var(--color-white);
  --color-btn-bg-brand: var(--color-primary);
  --color-btn-border-high: var(--color-ink-high);
  --color-btn-border-middle: var(--color-ink-middle);
  --color-btn-border-low: var(--color-ink-low);
  --color-btn-border-white: var(--color-white);
  --color-btn-border-brand: var(--color-primary);
  --color-form-border: var(--color-ink-low);
  --color-form-bg: var(--color-white);
  --color-form-bg-focus: var(--color-white);
  --color-form-checked: var(--color-primary);
  --color-input-error: #ffeef0;
  --color-table-header-bg: #f6faf9;
  --color-table-header-bg-dark: #6e817b;
  --color-table-header-bg-light: #e1ebe8;
  --color-table-cell-bg: var(--color-white);
  --color-table-cell-bg-test-car: #e1ebe8;
  --color-table-cell-bg-display-car: #ffffff;
}

:root {
  --font-main: 'Noto Sans JP', sans-serif;
  --font-sans: 'Noto Sans JP', sans-serif;
  --font-jp: 'Noto Sans JP', sans-serif;
  --font-en: 'Montserrat', sans-serif;
  --font-serif: 'BIZ UDPMincho', serif;
  --font-en-serif: 'Cormorant Garamond', serif;
  --font-jp-serif: 'BIZ UDPMincho', serif;
  --font-mono: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace;
  --font-icon: 'Material Symbols Rounded';
  --font-icon-outlined: 'Material Symbols Outlined';
  --font-icon-rounded: 'Material Symbols Rounded';
  --font-icon-sharp: 'Material Symbols Sharp';
  --text-10: max(1rem, 10px);
  --text-11: max(1.1rem, 11px);
  --text-12: max(1.2rem, 11px);
  --text-13: max(1.3rem, 12px);
  --text-14: max(1.4rem, 12px);
  --text-15: max(1.5rem, 13px);
  --text-16: max(1.6rem, 14px);
  --text-17: max(1.7rem, 14px);
  --text-18: max(1.8rem, 15px);
  --text-19: max(1.9rem, 16px);
  --text-20: max(2rem, 17px);
  --text-21: max(2.1rem, 17px);
  --text-22: max(2.2rem, 18px);
  --text-23: max(2.3rem, 19px);
  --text-24: max(2.4rem, 19px);
  --text-25: max(2.5rem, 20px);
  --text-26: max(2.6rem, 21px);
  --text-27: max(2.7rem, 22px);
  --text-28: max(2.8rem, 23px);
  --text-29: max(2.9rem, 24px);
  --text-30: max(3rem, 25px);
  --text-32: max(3.2rem, 26px);
  --text-34: max(3.4rem, 28px);
  --text-36: max(3.6rem, 29px);
  --text-38: max(3.8rem, 31px);
  --text-40: 4rem;
  --text-42: 4.2rem;
  --text-44: 4.4rem;
  --text-46: 4.6rem;
  --text-48: 4.8rem;
  --text-50: 5rem;
  --text-52: 5.2rem;
  --text-54: 5.4rem;
  --text-56: 5.6rem;
  --text-58: 5.8rem;
  --text-60: 6rem;
  --text-64: 6.4rem;
  --text-68: 6.8rem;
  --text-70: 7rem;
  --text-72: 7.2rem;
  --text-76: 7.6rem;
  --text-80: 8rem;
  --text-84: 8.4rem;
  --text-88: 8.8rem;
  --text-90: 9rem;
  --text-96: 9.6rem;
  --text-100: 10rem;
  --text-120: 12rem;
  --leading-none: 1;
  --leading-tight: 1.2;
  --leading-heading: 1.3;
  --leading-body: 1.8;
  --leading-p: 1.8;
  --tracking-none: 0;
  --tracking-normal: 0;
  --weight-thin: 300;
  --weight-normal: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;
}

:root {
  --space-xs: 0.8rem;
  --space-s: 1.6rem;
  --space-m: 2.4rem;
  --space-l: 3.2rem;
  --space-xl: 4.8rem;
  --space-section: var(--space-xl);
  --container: 128rem;
  --container-narrow: 80rem;
  --container-wide: 144rem;
  --container-padding: 2rem;
}

:root {
  --z-dropdown: 100;
  --z-sticky: 200;
  --z-header: 300;
  --z-sp-menu: 299;
  --z-main: 200;
  --z-drawer: 400;
  --z-modal-backdrop: 500;
  --z-modal: 600;
  --z-tooltip: 700;
  --radius-s: 0.4rem;
  --radius-m: 0.8rem;
  --radius-l: 1.6rem;
  --radius-full: 9999px;
}

:root {
  --duration-fast: 150ms;
  --duration-base: 300ms;
  --duration-slow: 500ms;
  --duration-slower: 700ms;
  --ease-linear: linear;
  --ease-in: cubic-bezier(0.4, 0, 1, 1);
  --ease-out: cubic-bezier(0, 0, 0.2, 1);
  --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
  --ease-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
  --ease-smooth: cubic-bezier(0.25, 0.1, 0.25, 1);
  --ease-1-SineIn: cubic-bezier(0.47, 0, 0.745, 0.715);
  --ease-1-SineOut: cubic-bezier(0.39, 0.575, 0.565, 1);
  --ease-1-SineInOut: cubic-bezier(0.445, 0.05, 0.55, 0.95);
  --ease-2-QuadIn: cubic-bezier(0.55, 0.085, 0.68, 0.53);
  --ease-2-QuadOut: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --ease-2-QuadInOut: cubic-bezier(0.455, 0.03, 0.515, 0.955);
  --ease-3-CubicIn: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  --ease-3-CubicOut: cubic-bezier(0.215, 0.61, 0.355, 1);
  --ease-3-CubicInOut: cubic-bezier(0.645, 0.045, 0.355, 1);
  --ease-4-QuartIn: cubic-bezier(0.895, 0.03, 0.685, 0.22);
  --ease-4-QuartOut: cubic-bezier(0.165, 0.84, 0.44, 1);
  --ease-4-QuartInOut: cubic-bezier(0.77, 0, 0.175, 1);
  --ease-5-QuintIn: cubic-bezier(0.755, 0.05, 0.855, 0.06);
  --ease-5-QuintOut: cubic-bezier(0.23, 1, 0.32, 1);
  --ease-5-QuintInOut: cubic-bezier(0.86, 0, 0.07, 1);
  --ease-6-ExpoIn: cubic-bezier(0.95, 0.05, 0.795, 0.035);
  --ease-6-ExpoOut: cubic-bezier(0.19, 1, 0.22, 1);
  --ease-6-ExpoInOut: cubic-bezier(1, 0, 0, 1);
  --ease-7-CircIn: cubic-bezier(0.6, 0.04, 0.98, 0.335);
  --ease-7-CircOut: cubic-bezier(0.075, 0.82, 0.165, 1);
  --ease-7-CircInOut: cubic-bezier(0.785, 0.135, 0.15, 0.86);
  --ease-BackIn: cubic-bezier(0.6, -0.28, 0.735, 0.045);
  --ease-BackOut: cubic-bezier(0.175, 0.885, 0.32, 1.275);
  --ease-BackInOut: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  --ease-BackOutStrong: cubic-bezier(0.5, 1.5, 0.5, 1.5);
  --ease-BackInStrong: cubic-bezier(0.5, -0.5, 0.5, -0.5);
  --ease-BackInOutStrong: cubic-bezier(0.5, -1, 0.5, 2);
  --ease-12-SineQuadInOut: cubic-bezier(0.445, 0.05, 0.515, 0.955);
  --ease-21-QuadSineInOut: cubic-bezier(0.455, 0.03, 0.55, 0.95);
  --ease-23-QuadCubicInOut: cubic-bezier(0.455, 0.03, 0.355, 1);
  --ease-32-CubicQuadInOut: cubic-bezier(0.645, 0.045, 0.515, 0.955);
  --ease-34-CubicQuartInOut: cubic-bezier(0.645, 0.045, 0.175, 1);
  --ease-43-QuartCubicInOut: cubic-bezier(0.77, 0, 0.355, 1);
  --ease-45-QuartQuintInOut: cubic-bezier(0.77, 0, 0.07, 1);
  --ease-54-QuintQuartInOut: cubic-bezier(0.86, 0, 0.175, 1);
  --ease-46-QuartExpoInOut: cubic-bezier(0.77, 0, 1, 0);
  --ease-64-ExpoQuartInOut: cubic-bezier(1, 0, 0.175, 1);
  --ease-56-QuintExpoInOut: cubic-bezier(0.86, 0, 1, 0);
  --ease-65-ExpoQuintInOut: cubic-bezier(1, 0, 0.07, 1);
}

:root {
  --header-height: 6.4rem;
}

:root {
  --scroll-offset: 2.4rem;
}

:root {
  --color-bg-sub: var(--color-white);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: var(--weight-normal);
}

.l-header {
  --_header-logo-inline-size: 23.376rem;
  border-bottom: 0;
}

body.home .l-main {
  --_padding-x-start: 0;
}

.l-section {
  --_bg-sub-color: var(--color-white);
}

.l-section.-text-white {
  --_dscr-color: var(--color-white);
}

.c-gnav {
  --_child-wrapper-gap: 1.2rem;
  --_child-font-size: var(--text-12);
  --_child-line-height: 1.8;
}

.c-gnav__item.-has-children::after {
  display: none;
}

.c-gnav__child {
  padding-top: var(--_child-wrapper-gap);
}

body.is-transitioning .c-gnav__child {
  visibility: hidden !important;
  opacity: 0 !important;
}

.c-gnav__child-link {
  color: var(--color-text-base);
}

.c-hamburger {
  --_background-color: var(--color-ink-middle);
}

.-is-nav-open .c-hamburger {
  --_background-color: transparent;
  --_bar-color: var(--color-ink-middle);
  --_border: 1px solid var(--color-ink-middle);
}

.c-hero-banner {
  --_border: none;
  --_title-font-weight: var(--weight-normal);
}

.c-archive-filter {
  --_label-font-weight: var(--weight-normal);
}

.c-btn {
  --_btn-font-weight: var(--weight-normal);
}

.c-calendar {
  --_card-bg: var(--color-white);
}

.c-card-blog {
  --_title-font-weight: var(--weight-normal);
}

.c-card-blog.-ranking .c-card-blog__rank {
  --_rank-font-weight: var(--weight-normal);
  --_rank-icon-margin-inline-end: -0.1em;
  --_rank-bg: var(--color-bg-base);
}

.c-card-blog .c-card-blog__rank-num {
  font-style: italic;
}

.c-card-info {
  --_title-font-weight: var(--weight-normal);
}

.c-card-media.-inversion {
  --_bg-color: var(--color-white);
}

.c-card-menu {
  --_title-font-weight: var(--weight-normal);
}

.c-card-post {
  --_title-font-weight: var(--weight-normal);
}

.c-card-shop {
  --_name-font-size: var(--text-20);
  --_name-font-weight: var(--weight-normal);
}

.c-card-staff {
  --_gap-y: 0.8rem;
  --_label-font-weight: var(--weight-normal);
  --_label-font-size: var(--text-14);
  --_label-color: var(--color-text-base);
}

.c-card-sns {
  --_background-color: transparent;
  --_date-font-size: var(--text-12);
  --_title-font-weight: var(--weight-normal);
  --_content-padd-x: 0;
}

.c-ciao-merit {
  --_border: none;
  --_box-lead-font-weight: var(--weight-normal);
}

.c-course-list {
  --_title-weight: var(--weight-normal);
  --_visual-border: 0;
}

.c-dl-shop {
  --_dt-weight: var(--weight-normal);
  --_icon-weight: var(--weight-thin);
}

.c-entry {
  --_title-font-weight: var(--weight-normal);
}

.c-faq {
  --_filter-bg-color: var(--color-white);
  --_item-bg-color: var(--color-white);
  --_q-icon-font-family: var(--font-en-serif);
  --_a-icon-font-family: var(--font-en-serif);
  --_q-font-weight: var(--weight-normal);
  --_filter-title-font-weight: var(--weight-normal);
  --_group-title-font-weight: var(--weight-normal);
  --_q-font-weight: var(--weight-normal);
  --_q-icon-font-weight: var(--weight-normal);
  --_a-icon-font-weight: var(--weight-normal);
}

.c-faq__answer a {
  color: inherit;
}

.c-features {
  --_title-font-weight: var(--weight-normal);
}

.c-heading {
  --_weight-heading: var(--weight-normal);
}

.c-heading.-h3-doc small {
  font-size: var(--text-12);
  display: inline-block;
}

.c-hero-slider .c-hero-slider__m-img {
  border-radius: .6rem;
}

.c-hero-slider .c-hero-slider__arrow {
  display: none;
}

.c-modal-price {
  --_title-weight: var(--weight-normal);
}

.c-page-header {
  --_title-font-weight: var(--weight-normal);
  --_border-bottom: 1px solid var(--color-border-middle);
  --_lable-font-weight: var(--weight-normal);
}

.c-pane {
  background-color: var(--color-white);
}

.c-pane.-jaf {
  --_border: 0;
}

.c-pane-carcare {
  --_hero-dscr-weight: var(--weight-normal);
  --_heading-weight: var(--weight-normal);
  --_title-font-weight: var(--weight-normal);
}

.c-pane-media {
  --_title-font-weight: var(--weight-normal);
  --_figure-aspect-ratio: 524/393;
}

.c-pane-syaken {
  --_title-font-weight: var(--weight-normal);
  --_border: none;
}

.c-refine {
  --_toggle-font-weight: var(--weight-normal);
  --_form-label-font-weight: var(--weight-normal);
  --_res-title-font-weight: var(--weight-normal);
}

.c-refine .c-refine__ctr {
  background-color: var(--color-white);
}

.c-search-map {
  --_ui-title-font-weight: var(--weight-normal);
  --_result-distance-font-weight: var(--weight-normal);
}

.c-section-title {
  --_main-weight: var(--weight-normal);
  --_en-font-family: var(--font-en-serif);
  --_en-weight: var(--weight-normal);
  --_main-jp-weight: var(--weight-normal);
}

.c-shop-contact {
  --_title-font-weight: var(--weight-normal);
  --_bg: var(--color-white);
}

.c-slider-base {
  --_staff-inline-size: 20rem;
  --_blog-inline-size: 28rem;
  --_progress-bar-background-color: var(--color-primary);
  --_maintenance-inline-size: 31.6rem;
  --_home-showroom-gap: 2rem;
  --_home-showroom-inline-size: 31.1rem;
}

.c-slider-base__slide.-home-showroom {
  inline-size: calc(var(--_home-showroom-inline-size) + var(--_home-showroom-gap));
  padding-inline-end: var(--_home-showroom-gap);
}

.c-spnav {
  --_tab-background-color: var(--color-white);
  --_panels-background-color: var(--color-white);
}

.c-spnav__tab {
  border: 1px solid var(--color-border-low);
}

.c-table-docs {
  --_th-font-weight: var(--weight-normal);
}

.c-table-info {
  --_tbody-td-bg: transparent;
}

.c-table-price {
  --_th-weight: var(--weight-normal);
}

.c-table-democar__img {
  -o-object-fit: contain;
  object-fit: contain;
}

.c-tabs {
  --_content-bg-color: var(--color-white);
  --_label-font-weight: var(--weight-normal);
}

.c-zoho-form {
  --_wrapper-bg-color: var(--color-white);
  --_card-bg-color: var(--color-white);
}

.c-list-feature {
  --_title-font-weight: var(--weight-normal);
}

.c-table-docs {
  --_th-bg: var(--color-table-header-bg-light);
}

.c-table-docs__td a {
  color: var(--color-primary);
}

.c-table-docs__td a:hover {
  opacity: .8;
}

.entry h2,
.entry h3,
.entry h4,
.entry h5 {
  --_heading-font-weight: var(--weight-normal);
  font-weight: var(--_heading-font-weight);
}

.entry h4 {
  border-inline-start-color: var(--color-text-middle);
}

.c-page-body.-api #maintenance.l-section,
.c-page-body.-api #support.l-section,
.page-template-page-contact #maintenance.l-section,
.page-template-page-contact #support.l-section,
.page-template-page-contact #maintenance.l-section,
.page-template-page-contact #support.l-section,
.page-template-page-emergency #maintenance.l-section,
.page-template-page-emergency #support.l-section {
  --_negative-margin: calc(50% - 50cqi);
  margin-inline: var(--_negative-margin);
  padding-inline: abs(var(--_negative-margin));
  background-color: var(--color-white);
}

.page-template-page-ciao #campaign.l-section,
.page-template-page-ciao #release.l-section,
.page-template-page-ciao #support.l-section,
.page-template-page-newcar #campaign.l-section,
.page-template-page-newcar #release.l-section,
.page-template-page-newcar #support.l-section,
.page-template-page-welfare #campaign.l-section,
.page-template-page-welfare #release.l-section,
.page-template-page-welfare #support.l-section,
.page-template-page-democar #campaign.l-section,
.page-template-page-democar #release.l-section,
.page-template-page-democar #support.l-section {
  --_negative-margin: calc(50% - 50cqi);
  margin-inline: var(--_negative-margin);
  padding-inline: abs(var(--_negative-margin));
  background-color: var(--color-white);
}

#maintenance.l-section .c-card-media.-inversion {
  --_bg-color: var(--color-bg-base);
}

.l-section.-myhonda {
  --_negative-margin: calc(50% - 50cqi);
  margin-inline: var(--_negative-margin);
  padding-inline: abs(var(--_negative-margin));
  background-color: #e6ebee;
}

.c-shopinfo {
  --_background-color: var(--color-white);
}

.page-template-page-contact .c-page-body {
  --_padding-y: 0;
}

.c-csr {
  --_box-bg: var(--color-white);
  --_b-box-bg: var(--color-bg-base);
  --_accordion-bg: var(--color-white);
}

.c-csr__cert-card {
  background-color: var(--color-bg-base);
  border-radius: .6rem;
}

.c-ep-list {
  --_body-bg-color: var(--color-bg-base);
  --_price-dd-price-font-weight: var(--weight-normal);
  --_price-dt-font-weight: var(--weight-normal);
  --_name-font-weight: var(--weight-normal);
  --_fuel-dt-font-weight: var(--weight-normal);
  --_fuel-dd-font-weight: var(--weight-normal);
}

body.single-democar .c-pane-shop {
  --_header-bg: transparent;
  background-color: rgba(0,0,0,0);
}

body.single-democar .c-car-slider {
  --_main-aspect: auto;
}

body.single-democar .c-car-slider .c-car-slider__img {
  -o-object-fit: contain;
  object-fit: contain;
}

body.single-democar #plan.l-section {
  --_negative-margin: calc(50% - 50cqi);
  margin-inline: var(--_negative-margin);
  padding-inline: abs(var(--_negative-margin));
  background-color: var(--color-white);
}

.c-usedcar-stats {
  --_count-bg-color: var(--color-white);
  --_title-font-weight: var(--weight-normal);
  --_label-font-weight: var(--weight-normal);
  --_num-font-weight: var(--weight-normal);
  --_unit-font-weight: var(--weight-normal);
}

.c-card-usedcar {
  --_name-font-weight: var(--weight-normal);
  --_shop-font-weight: var(--weight-normal);
}

.c-card-usedcar .c-pane-price {
  --_main-bg: var(--color-bg-low);
}

.c-pane-price {
  --_m-weight: var(--weight-normal);
  --_s-item-weight: var(--weight-normal);
}

.c-table-meta {
  --_th-weight: var(--weight-normal);
  --_td-weight: var(--weight-normal);
}

.c-usedcar-compare th {
  font-weight: var(--weight-normal);
}

.c-usedcar-compare td {
  background-color: var(--color-white);
}

.c-table-spec {
  --_thead-th-font-weight: var(--weight-normal);
  --_tbody-th-font-weight: var(--weight-normal);
}

.c-table-spec tbody td {
  background-color: var(--color-white);
}

.c-pane-price {
  --_main-bg: var(--color-white);
}

.c-pane-shop {
  --_label-font-weight: var(--weight-normal);
  --_name-font-weight: var(--weight-normal);
  --_header-bg: var(--color-white);
  --_b-title-font-weight: var(--weight-normal);
  background-color: var(--color-white);
}

.c-equip-category__title {
  font-weight: var(--weight-normal);
}

.c-ciao-box {
  --_border: none;
}

.c-hmo-table tbody td {
  background-color: var(--color-white);
}

.c-hmo {
  --_sub-box-bg: var(--color-bg-base);
  --_price-item-bg: var(--color-white);
}

#equipment .c-tabs__hr {
  display: none;
}

body.home .l-section {
  --space-y-section: 6.4rem;
}

.l-section.-home-campaign {
  --_negative-margin: calc(50% - 50cqi);
  margin-inline: var(--_negative-margin);
  padding-inline: abs(var(--_negative-margin));
  background-color: var(--color-white);
}

.l-section.-home-showroom {
  padding-block: 9.6rem;
}

.l-section.-home-showroom .c-slider-base {
  --_progress-bar-background-color: var(--color-white);
  --_progress-background-color: rgba(0, 0, 0, 0.1);
}

.l-section.-home-showroom .c-slider-base__arrow .c-icon {
  --_btn-base-color: var(--color-white);
}

body.home .l-section.-home-instagram {
  --_bg-color: var(--color-ink-lowest);
  --_negative-margin: calc(50% - 50cqi);
  margin-inline: var(--_negative-margin);
  padding-inline: abs(var(--_negative-margin));
}

body.home .l-section.-home-instagram .c-slider-base {
  --_progress-bar-background-color: var(--color-white);
  --_progress-background-color: rgba(0, 0, 0, 0.1);
}

.c-page-body.-api dialog {
  max-inline-size: 72rem;
}

.p-common-hero__innr {
  background-color: var(--color-white);
}

.p-common-myhonda__btns {
  flex-wrap: nowrap;
}

.c-common-sup,
.p-common-sup {
  margin-block-end: 3rem;
}

.p-common-title__h3.-mb96 {
  margin-block-end: 9.6rem;
}

.p-common-title__h3.-fs32 {
  font-size: var(--text-32);
}

body.page-template-page-insurance .p-common-section-border#connect,
body.page-template-page-insurance .p-common-section#anshin {
  margin-inline: auto;
  max-inline-size: 102rem;
}

body.page-template-page-insurance .c-common-note.-asterisk p.-contact {
  background-color: var(--color-white);
}

body.page-template-page-insurance .p-common-box {
  background-color: var(--color-white);
}

body.page-template-page-insurance .p-common-box:has(.p-common-insurance__img) {
  background-color: rgba(0,0,0,0);
  padding: 0;
}

body.page-template-page-insurance .p-common-box:has(.p-common-insurance__img) .p-common-sup {
  width: 100%;
}

body.page-template-page-insurance .p-common-box:has(.p-common-insurance__img) p.-contact {
  background-color: var(--color-white);
}

body.page-template-page-htc .p-common-box {
  background-color: var(--color-white);
}

body.page-template-page-tire-puncture .p-common-section {
  width: 100%;
  max-inline-size: 102rem;
  margin-inline: auto;
}

body.page-template-page-tire-puncture .p-common-balloon-pane__chip {
  transform: translateY(50%);
}

body.page-template-page-tire-puncture .p-common-tire-info>.l-grid {
  display: grid;
}

.c-staff-box {
  border: 1px solid var(--color-border-middle);
  overflow: hidden;
  border-radius: .6rem;
  padding-block: 4.8rem;
  padding-inline: 2rem;
  display: flex;
  flex-direction: column;
  gap: 4rem;
}

.c-staff-box__title {
  font-size: var(--text-18);
  line-height: 1.5;
  font-weight: var(--weight-normal);
  margin: unset;
}

.c-staff-feat {
  --_gap-y: 5.6rem;
  --_visual-ratio: 4/3;
  --_visual-radius: 0.6rem;
  --_visual-inline-size-pc: 40rem;
  --_card-gap: 4rem;
  --_title-font-size: var(--text-24);
  --_title-font-weight: var(--weight-normal);
  --_title-line-height: 1.5;
  --_title-margin-block-end: 1.6rem;
  --_c-info-font-size: var(--text-16);
  --_c-info-line-height: 1.6;
  --_c-info-gap: 1em;
  --_content-font-size: var(--text-16);
  --_content-margin-block-start: 3.2rem;
  --_content-line-height: 1.8;
  --_content-color: var(--color-text-low);
}

.c-staff-feat__card {
  display: flex;
  flex-direction: column;
  gap: var(--_card-gap);
  margin-block: 0 var(--_gap-y);
}

.c-staff-feat__c-visual {
  position: relative;
  width: 100%;
  aspect-ratio: var(--_visual-ratio);
  border-radius: var(--_visual-radius);
  overflow: hidden;
}

.c-staff-feat__c-img {
  inline-size: 100%;
  block-size: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.c-staff-feat__c-title {
  font-size: var(--_title-font-size);
  line-height: var(--_title-line-height);
  margin-block-end: var(--_title-margin-block-end);
  font-weight: var(--_title-font-weight);
}

.c-staff-feat__c-info {
  display: flex;
  flex-wrap: wrap;
  gap: var(--_c-info-gap);
  font-size: var(--_c-info-font-size);
  line-height: var(--_c-info-line-height);
  margin: unset;
}

.c-staff-feat__content {
  font-size: var(--_content-font-size);
  line-height: var(--_content-line-height);
  color: var(--_content-color);
  margin-block: var(--_content-margin-block-start) 0;
}

.c-home-mv {
  --_negative-margin: calc(50% - 50cqi);
  --_first-view-height-pc: 100dvh;
  position: relative;
  z-index: 1;
  margin-inline: var(--_negative-margin);
  overflow: hidden;
}

.c-home-mv__first-view {
  position: relative;
  z-index: auto;
  padding-block: 28.4rem 0rem;
  padding-inline: var(--container-padding);
  max-inline-size: var(--container-wide);
  margin-inline: auto;
}

.c-home-mv__catch {
  position: relative;
  z-index: 4;
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
  margin-block-end: 4.8rem;
}

.c-home-mv__c-en {
  white-space: nowrap;
  font-family: var(--font-en-serif);
  font-size: var(--text-52);
  line-height: 1;
  font-weight: var(--weight-normal);
  color: var(--color-white);
  margin: unset;
}

.c-home-mv__c-jp {
  font-size: var(--text-18);
  line-height: 1.3;
  font-weight: var(--weight-normal);
  color: var(--color-white);
  margin: unset;
}

.c-home-mv__panels {
  display: block;
  margin-block-end: 4rem;
  position: relative;
  z-index: 4;
}

.c-home-mv__news {
  position: relative;
  z-index: 4;
}

.c-home-mv__bg {
  position: absolute;
  z-index: -1;
  inset: 0 0 auto 0;
  inline-size: 100%;
  block-size: 46.4rem;
  clip-path: inset(0);
}

.c-home-mv__bg-innr {
  position: fixed;
  inset: 0 0 auto 0;
  block-size: 46.4rem;
  background-color: var(--color-black);
}

.admin-bar .c-home-mv__bg-innr {
  inset-block-start: var(--wp-admin--admin-bar--height);
}

.c-home-mv__bg-img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center center;
  object-position: center center;
}

.c-home-mv__bg-video {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.c-home-mv__bg-video:has(iframe) {
  opacity: .001;
}

.c-home-mv__bg-video:has(iframe).is-playing {
  opacity: 1;
  transition: opacity 500ms linear;
}

.c-home-mv__bg-video iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  width: 100%;
  height: 100%;
  min-width: 82.4888888889rem;
  min-height: 100%;
  border: 0;
  pointer-events: none;
}

.c-home-mv__second-view {
  position: relative;
  z-index: 4;
  padding-block: 8.2rem 4.8rem;
  padding-inline: var(--container-padding);
  max-inline-size: var(--container-wide);
  margin-inline: auto;
}

.c-home-mv__s-box {
  display: flex;
  flex-direction: column;
  gap: 4rem;
  padding-inline: 1.6rem;
  border-radius: .6rem;
  position: relative;
  z-index: 2;
}

.c-home-mv__s-box-content {
  display: flex;
  flex-direction: column;
  font-size: var(--text-16);
  line-height: 2;
  gap: 1.5em;
}

.c-home-mv__s-box-content>p {
  margin: unset;
  font: inherit;
  line-height: inherit;
}

.c-home-mv__s-slider {
  margin-block: 6rem 0;
  margin-inline: var(--_negative-margin);
  position: relative;
  z-index: 1;
}

.c-home-mv__obj {
  position: absolute;
  inset: 0 auto 0 50%;
  inline-size: 100%;
  max-inline-size: var(--container-wide);
  transform: translateX(-50%);
  z-index: 3;
  pointer-events: none;
}

.c-home-mv__obj-innr {
  position: absolute;
  inline-size: 88rem;
  aspect-ratio: 1/1;
  left: 50%;
  bottom: 13%;
}

.c-home-mv__obj-innr svg {
  inline-size: 100%;
  block-size: 100%;
  animation: rotate-clockwise 60s linear infinite;
}

.c-home-mv {
  --_anim-duration: 0.6s;
  --_anim-delay-base: 2.2s;
  --_anim-delay-char: 0.06s;
  --_anim-delay-word: 0.29s;
  --_anim-easing: var(--ease-smooth);
}

.c-home-mv__c-jp .char {
  display: inline-block;
  opacity: 0;
  transform: translateY(0.5em);
  animation: mv-fade-up var(--_anim-duration) var(--_anim-easing) forwards;
  animation-delay: calc(var(--_anim-delay-base) + var(--char-index)*var(--_anim-delay-char));
}

.c-home-mv__c-en .char {
  display: inline-block;
  opacity: 0;
  transform: translateY(0.3em);
  animation: mv-fade-up var(--_anim-duration) var(--_anim-easing) forwards;
  animation-delay: calc(var(--_anim-delay-base) + .3s + var(--char-index)*var(--_anim-delay-char));
}

.c-home-mv__news,
.c-home-mv__panels {
  opacity: .001;
}

.is-loaded .c-home-mv__news,
.is-loaded .c-home-mv__panels {
  opacity: 1;
  transition: opacity 500ms linear calc(var(--_anim-delay-base) + 1.2s);
}

.c-home-mv__s-box {
  opacity: .001;
}

.c-home-mv__s-box .c-home-mv__s-box-btn,
.c-home-mv__s-box p {
  opacity: .001;
  transform: translateY(4rem);
  transition-delay: calc(var(--_index)*.37s + 200ms);
}

.c-home-mv__s-box.inview {
  opacity: 1;
  transition: opacity 500ms linear;
}

.c-home-mv__s-box.inview .c-home-mv__s-box-btn,
.c-home-mv__s-box.inview p {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 900ms linear,transform 900ms var(--_anim-easing);
  transition-delay: calc(var(--_index)*.05s);
}

.c-home-mv__s-slider {
  opacity: .001;
  transform: translateY(4rem);
}

.c-home-mv__s-slider.inview {
  opacity: 1;
  transform: translateY(0);
  transition: opacity 800ms var(--_anim-easing) 200ms,transform 1500ms var(--_anim-easing) 200ms;
}

.c-home-mv__obj-innr {
  opacity: .0001;
  transform: scale(0.8);
}

.c-home-mv__obj-innr.inview {
  opacity: 1;
  transform: scale(1);
  transition: opacity 800ms var(--_anim-easing) 100ms,transform 1500ms var(--_anim-easing) 100ms;
}

@keyframes mv-fade-up {
  from {
    opacity: 0;
    transform: translateY(0.5em);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes rotate-clockwise {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}

.c-home-news {
  border: 1px solid var(--color-border-middle);
  overflow: hidden;
  border-radius: .6rem;
  padding-block: 1.6rem;
  padding-inline: 2rem;
  display: flex;
  flex-direction: column;
  gap: .8rem;
  max-inline-size: 56rem;
}

.c-home-news__header {
  display: flex;
  align-items: center;
  gap: 1.6rem;
  font-size: var(--text-14);
  font-weight: var(--weight-normal);
  color: var(--color-text-low);
  font-family: var(--font-en);
  line-height: 1.3;
}

.c-home-news__h-sep {
  block-size: .8em;
  inline-size: .1rem;
  background-color: currentColor;
}

.c-home-news__link {
  text-decoration: none;
  color: var(--color-text-base);
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 2.4rem;
  align-items: center;
  transition: opacity 100ms linear;
}

.mouse-is-active .c-home-news__link:hover,
.touch-is-active .c-home-news__link.touched,
.c-home-news__link:focus {
  opacity: .7;
}

.c-home-news__title {
  font-size: var(--text-14);
  line-height: 1.3;
  font-weight: var(--weight-normal);
  margin: unset;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

.c-home-news__icon {
  display: block;
  font-size: var(--text-20);
  font-weight: var(--weight-normal);
  line-height: 1;
}

.c-home-marquee {
  --_gap: 3.2rem;
  display: flex;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.c-home-marquee__group {
  display: grid;
  grid-template-columns: repeat(5, auto);
  gap: var(--_gap);
  padding-inline-end: var(--_gap);
  flex-shrink: 0;
  will-change: transform;
}

.c-home-marquee__item {
  flex-shrink: 0;
  border-radius: .6rem;
  overflow: hidden;
}

.c-home-marquee__item:nth-child(1) {
  inline-size: 24rem;
  margin-block-start: 3.6rem;
  aspect-ratio: 240/159.75;
}

.c-home-marquee__item:nth-child(2) {
  inline-size: 19.2rem;
  aspect-ratio: 1/1;
  margin-block-start: 12.6rem;
}

.c-home-marquee__item:nth-child(3) {
  inline-size: 30rem;
  aspect-ratio: 300/200.25;
  margin-block-start: 5.025rem;
}

.c-home-marquee__item:nth-child(4) {
  inline-size: 20.025rem;
  aspect-ratio: 200.25/300;
}

.c-home-marquee__item:nth-child(5) {
  inline-size: 24rem;
  margin-block-start: 3.6rem;
  aspect-ratio: 320/213;
}

.c-home-marquee__img {
  inline-size: 100%;
  block-size: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.c-home-mid {
  --_padding-block: 22rem;
  --_font-size: 6.4rem;
  --_font-family: var(--font-en-serif);
  --_font-weight: var(--weight-normal);
  --_font-line-height: 1.8;
  --_color: var(--color-white);
  --_gap: 7.2rem;
  --_negative-margin: calc(50% - 50cqi);
  margin-inline: var(--_negative-margin);
  padding-block: var(--_padding-block);
  overflow: hidden;
  position: relative;
  z-index: 1;
  clip-path: inset(0);
}

.c-home-mid__marquee {
  display: flex;
  flex-wrap: nowrap;
  white-space: nowrap;
  pointer-events: none;
}

.c-home-mid__marquee-group {
  display: flex;
  flex-shrink: 0;
  gap: var(--_gap);
  padding-inline-end: var(--_gap);
}

.c-home-mid__marquee-item {
  flex-shrink: 0;
  font-family: var(--_font-family);
  font-size: var(--_font-size);
  font-weight: var(--_font-weight);
  line-height: var(--_font-line-height);
  color: var(--_color);
}

.c-home-mid__bg {
  position: absolute;
  inset: 0;
  z-index: -1;
}

.c-home-mid__bg-innr {
  position: fixed;
  inset: 0;
  inline-size: 100%;
  block-size: 100%;
}

.c-home-mid__bg-img {
  inline-size: 100%;
  block-size: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center center;
  object-position: center center;
}

.c-home-mid__bg-video {
  position: relative;
  inline-size: 100%;
  block-size: 100%;
  overflow: hidden;
}

.c-home-mid__bg-video iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  width: 100vw;
  height: 100vh;
  min-width: 177.78vh;
  min-height: 56.25vw;
  border: 0;
  pointer-events: none;
}

.c-home-prom {
  --_gap-y: 3.2rem;
  --_h-wrap-max-inline-size: 37.5rem;
  --_body-gap-y: 3.2rem;
  --_body-gap-x: 18.4rem;
  --_visual-inline-size: 14.1rem;
  --_text-font-size: var(--text-16);
  --_text-line-height: 1.8;
  --_main-gap-y: 2.4rem;
  --_m-head-gap-y: 1.6rem;
  --_m-hr-color: currentColor;
  --_m-info-gap-y: 2.4rem;
  --_dl-gap-x: 1.6rem;
}

.c-home-prom {
  display: flex;
  flex-direction: column;
  gap: var(--_gap-y);
}

.c-home-prom__header {
  display: flex;
  justify-content: center;
}

.c-home-prom__h-wrap {
  inline-size: 100%;
  max-inline-size: var(--_h-wrap-max-inline-size);
  margin-inline: auto;
}

.c-home-prom__h-img {
  inline-size: 100%;
  block-size: auto;
  display: block;
}

.c-home-prom__visual {
  inline-size: var(--_visual-inline-size);
  block-size: auto;
  margin-inline: auto;
}

.c-home-prom__visual img {
  inline-size: 100%;
  block-size: auto;
  display: block;
}

.c-home-prom__body {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--_body-gap-y);
}

.c-home-prom__main {
  display: flex;
  flex-direction: column;
  gap: var(--_main-gap-y);
}

.c-home-prom__m-head {
  display: flex;
  flex-direction: column;
  gap: var(--_m-head-gap-y);
}

.c-home-prom__text {
  font-size: var(--_text-font-size);
  line-height: var(--_text-line-height);
  margin: unset;
}

.c-home-prom__m-hr {
  inline-size: 100%;
  block-size: 1px;
  background-color: var(--_m-hr-color);
  border: none;
}

.c-home-prom__dl {
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr);
  gap: 0 var(--_dl-gap-x);
  font-size: var(--text-14);
  line-height: 1.8;
}

.c-home-prom__m-info {
  display: flex;
  flex-direction: column;
  gap: var(--_m-info-gap-y);
}

.c-home-prom__dl-group {
  display: grid;
  grid-template-columns: subgrid;
  grid-column: span 2;
}

.c-home-prom__dl-dt {
  font-weight: var(--weight-bold);
  margin: unset;
}

.c-home-prom__dl-dt,
.c-home-prom__dl-dd {
  align-self: start;
  margin: unset;
}

.c-mv-btns {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}

.c-mv-btns__item.-wide {
  grid-column: span 2;
}

.c-mv-btns__btn {
  border: 1px solid var(--color-border-middle);
  border-radius: .6rem;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  text-decoration: none;
  color: inherit;
  padding-block: .4rem;
  min-block-size: 4.4rem;
  padding-inline: 1.6rem 1.4rem;
  align-items: center;
  background-color: var(--color-white);
  gap: 0rem;
  line-height: 1.3;
}

.mouse-is-active .c-mv-btns__btn:hover .c-mv-btns__text,
.mouse-is-active .c-mv-btns__btn:hover .c-mv-btns__icon,
.mouse-is-active .c-mv-btns__btn:hover .c-mv-btns__s-text,
.touch-is-active .c-mv-btns__btn.touched .c-mv-btns__text,
.touch-is-active .c-mv-btns__btn.touched .c-mv-btns__icon,
.touch-is-active .c-mv-btns__btn.touched .c-mv-btns__s-text,
.c-mv-btns__btn:focus .c-mv-btns__text,
.c-mv-btns__btn:focus .c-mv-btns__icon,
.c-mv-btns__btn:focus .c-mv-btns__s-text {
  opacity: .7;
}

.c-mv-btns__btn.-rec {
  min-block-size: 3.8rem;
}

.c-mv-btns__btn.-rec .c-mv-btns__text {
  font-size: var(--text-14);
}

.c-mv-btns__btn.-rec .c-mv-btns__icon {
  color: var(--color-text-base);
  font-size: var(--text-14);
}

.c-mv-btns__btn.-rec .c-mv-btns__icon span {
  line-height: 1;
  font-size: var(--text-14);
}

.c-mv-btns__text {
  font-size: var(--text-15);
  text-box: trim-both cap alphabetic;
  transition: opacity 100ms linear;
}

.c-mv-btns__text span {
  display: inline-block;
}

.c-mv-btns__icon {
  font-size: var(--text-24);
  color: var(--color-primary);
  line-height: 1;
  transition: opacity 100ms linear;
}

.c-mv-btns__icon span {
  line-height: 1;
  font-size: var(--text-24);
}

.c-mv-btns__s-text {
  font-size: var(--text-11);
  line-height: 1.3;
  transition: opacity 100ms linear;
}

.c-mv-btns__s-wrap {
  display: flex;
  gap: .4rem;
  align-items: center;
}

.c-card-shop-l {
  --_padd-x: 1.6rem;
  --_padd-y: 1.6rem;
  --_gap: 2rem;
  --_main-gap: 2rem;
  --_bg-color: var(--color-white);
  --_img-aspect-ratio: 279 / 186;
  --_name-font-size: var(--text-20);
  --_name-font-weight: var(--weight-normal);
  --_name-line-height: 1.3;
  --_color: var(--color-text-base);
  --_v-transition-duration: var(--duration-base);
  --_v-easing: var(--ease-smooth);
  --_v-radius: 0.6rem;
  display: flex;
  flex-direction: column;
  padding-inline: var(--_padd-x);
  padding-block: var(--_padd-y);
  gap: var(--_gap);
  background-color: var(--_bg-color);
  border-radius: .6rem;
  overflow: hidden;
  color: var(--_color);
}

.c-card-shop-l__visual {
  position: relative;
  aspect-ratio: var(--_img-aspect-ratio);
  overflow: hidden;
  border-radius: var(--_v-radius);
}

.c-card-shop-l__v-link {
  display: block;
  inline-size: 100%;
  block-size: 100%;
}

.mouse-is-active .c-card-shop-l__v-link:hover .c-card-shop-l__img,
.touch-is-active .c-card-shop-l__v-link.touched .c-card-shop-l__img,
.c-card-shop-l__v-link:focus .c-card-shop-l__img {
  transform: scale(1.02);
  opacity: .8;
}

.c-card-shop-l__img {
  inline-size: 100%;
  block-size: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  transition: transform var(--_v-transition-duration) var(--_v-easing),opacity var(--_v-transition-duration) linear;
}

.c-card-shop-l__v-icon {
  position: absolute;
  inset-block-end: 1.2rem;
  inset-inline-end: 1.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  inline-size: 3.2rem;
  block-size: 3.2rem;
  border-radius: 50%;
  background-color: var(--color-white);
  color: var(--color-text-base);
}

.c-card-shop-l__header {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
}

.c-card-shop-l__main {
  display: flex;
  flex-direction: column;
  gap: var(--_main-gap);
}

.c-card-shop-l__name {
  margin: unset;
  font-size: var(--_name-font-size);
  font-weight: var(--_name-font-weight);
  line-height: var(--_name-line-height);
}

.c-card-shop-l__n-link {
  color: inherit;
  text-decoration: none;
  transition: opacity 100ms linear;
}

.mouse-is-active .c-card-shop-l__n-link:hover,
.touch-is-active .c-card-shop-l__n-link.touched,
.c-card-shop-l__n-link:focus {
  opacity: .7;
}

.c-card-shop-l__tel {
  flex-shrink: 0;
}

.c-f-btns {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 1.6rem;
}

.c-myhonda__title {
  font-size: var(--text-32);
  font-weight: var(--weight-bold);
  margin-block: 0 2.4rem;
  line-height: 1.3;
  text-align: center;
}

.c-myhonda__pane-item {
  margin: unset;
  position: relative;
}

.c-myhonda__pane-item:not(:last-child) {
  margin-bottom: 4.3rem;
}

.c-myhonda__chip {
  position: absolute;
  z-index: 2;
  inline-size: 5.6rem;
  inset: -2.9rem auto auto -0.79rem;
}

.c-myhonda__chip img {
  display: block;
  inline-size: 100%;
  block-size: auto;
}

.c-myhonda__mark {
  position: absolute;
  z-index: 2;
  inline-size: 8.4rem;
  inset: -5.6rem -1.7rem auto auto;
}

.c-myhonda__mark img {
  display: block;
  inline-size: 100%;
  block-size: auto;
}

.c-myhonda__pane {
  display: flex;
  flex-direction: column;
  position: relative;
  border-radius: 2.4rem;
  overflow: hidden;
}

.c-myhonda__p-header {
  background-color: #10234b;
  color: #fff;
  padding-block: 1.6rem;
  text-align: center;
}

.c-myhonda__p-h-title {
  font-size: var(--text-20);
  margin: unset;
  line-height: 1.3;
  font-weight: var(--weight-bold);
}

.c-myhonda__p-body {
  background-color: #fff;
  padding-block: 3.2rem;
  padding-inline: 1.8rem;
}

.c-myhonda__howto {
  display: flex;
  flex-direction: column;
}

.c-myhonda__h-note>*:last-child {
  margin-bottom: 0;
}

.c-myhonda__h-row {
  display: flex;
  flex-direction: column;
  gap: 1.8rem;
}

.c-myhonda__h-search {
  inline-size: 100%;
}

.c-myhonda__h-s-img {
  display: block;
  inline-size: 100%;
  block-size: auto;
}

.c-myhonda__h-or {
  text-align: center;
}

.c-myhonda__h-or-text {
  font-size: var(--text-20);
  margin: unset;
  line-height: 1.3;
  font-weight: var(--weight-bold);
  text-box: trim-both cap alphabetic;
}

.c-myhonda__h-links {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: .8rem;
}

.c-myhonda__h-l-link {
  transition: opacity 100ms linear;
}

.mouse-is-active .c-myhonda__h-l-link:hover,
.touch-is-active .c-myhonda__h-l-link.touched,
.c-myhonda__h-l-link:focus {
  opacity: .7;
}

.c-myhonda__h-l-item {
  display: flex;
}

.c-myhonda__h-l-logo {
  block-size: 4.88rem;
}

.c-myhonda__h-l-logo img {
  display: block;
  inline-size: auto;
  block-size: 100%;
}

.c-myhonda__h-l-qr {
  display: none;
}

.c-myhonda__steps {
  display: flex;
  flex-direction: column;
  gap: 3.2rem;
  justify-content: center;
}

.c-myhonda__s-arrow {
  background-color: currentColor;
  inline-size: 3rem;
  block-size: 4rem;
  clip-path: polygon(0 0, 0% 100%, 100% 50%);
  transform: rotate(90deg);
  margin-inline: auto;
}

.c-myhonda__step {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
  align-items: center;
  text-align: center;
}

.c-myhonda__step-dscr {
  font-size: var(--text-22);
  line-height: 1.4;
  color: var(--color-text-gray);
  word-break: auto-phrase;
}

.c-myhonda__s-visual {
  inline-size: 19.4rem;
  margin-inline: auto;
}

.c-modal-youtube__innr {
  max-inline-size: min(90vw,96rem);
  inline-size: 100%;
  background-color: var(--color-black);
  border-radius: .6rem;
  overflow: hidden;
}

.c-modal-youtube__player {
  position: relative;
  inline-size: 100%;
  padding-block-start: 56.25%;
}

.c-modal-youtube__player iframe,
.c-modal-youtube__player video {
  position: absolute;
  inset: 0;
  inline-size: 100%;
  block-size: 100%;
}

@media screen and (min-width: 992px) {
  :root {
    --header-height: 8.1rem;
  }

  .l-header {
    --_header-logo-inline-size: 25.7138rem;
  }

  .l-footer__btns {
    grid-area: btns;
  }

  .l-footer__main {
    grid-template: "btns btns" "nav nav" "sns sns" "company logo"/1fr auto;
  }

  .c-card-shop {
    --_name-font-size: var(--text-24);
  }

  .c-hero-slider {
    margin-block-start: 5.6rem;
  }

  .c-slider-base {
    --_blog-inline-size: 24.4rem;
    --_home-showroom-gap: 8rem;
    --_home-showroom-inline-size: 56rem;
  }

  body.home .l-section {
    --space-y-section: 8rem;
  }

  .l-section.-home-showroom {
    padding-block: 16rem;
  }

  .p-common-myhonda__row {
    grid-template-columns: 37.2rem minmax(0, 1fr);
  }

  .c-common-sup,
  .p-common-sup {
    margin-block-end: 4.8rem;
  }

  body.page-template-page-htc .p-common-pane-list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  body.page-template-page-tire-puncture .p-common-tire-info>.l-grid.-gap-pc-6 {
    gap: 6rem;
  }

  body.page-template-page-tire-puncture .p-common-tire-info>.l-grid.-col-pc-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .c-staff-box {
    padding-block: 5.6rem;
    padding-inline: 5.6rem;
    gap: 4.8rem;
  }

  .c-staff-feat__card {
    display: grid;
    grid-template-columns: var(--_visual-inline-size-pc) minmax(0, 1fr);
  }

  .c-home-mv__first-view {
    padding-inline: 4rem;
    padding-block: 4rem;
    block-size: var(--_first-view-height-pc);
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-rows: 1fr auto 1fr;
  }

  .c-home-mv__catch {
    grid-column: 1/2;
    grid-row: 2/3;
    margin-block-end: 0;
    gap: 0;
  }

  .c-home-mv__c-en {
    font-size: 15.2rem;
  }

  .c-home-mv__c-jp {
    font-size: var(--text-32);
  }

  .c-home-mv__panels {
    grid-column: 2/3;
    grid-row: 3/4;
    align-self: end;
    margin-block-end: 0;
  }

  .c-home-mv__news {
    grid-column: 1/2;
    grid-row: 3/4;
    align-self: end;
  }

  .c-home-mv__bg {
    block-size: var(--_first-view-height-pc);
  }

  .c-home-mv__bg-innr {
    block-size: var(--_first-view-height-pc);
  }

  .c-home-mv__bg-video iframe {
    width: 100vw;
    height: 100vh;
    min-width: 177.78vh;
    min-height: 56.25vw;
  }

  .c-home-mv__second-view {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-block: 15.2rem 11rem;
  }

  .c-home-mv__s-box {
    padding-inline: 4.8rem;
    padding-block: 4.8rem;
    margin-inline-start: 7.2rem;
    background-color: var(--color-bg-base);
  }

  .c-home-mv__s-box-content {
    font-size: var(--text-18);
  }

  .c-home-mv__s-box-btn {
    display: flex;
    justify-content: flex-start;
  }

  .c-home-mv__s-slider {
    margin-block: -10.7rem 0;
  }

  .c-home-mv__obj-innr {
    inline-size: 113.3rem;
    bottom: 6%;
    left: 60%;
  }

  .c-home-news {
    background: hsla(0,0%,100%,.7);
    border: none;
  }

  .c-home-news__header {
    font-size: var(--text-15);
  }

  .c-home-news__title {
    -webkit-line-clamp: 1;
  }

  .c-home-marquee {
    --_gap: 6.4rem;
  }

  .c-home-marquee__item:nth-child(1) {
    margin-block-start: 4.8rem;
    inline-size: 32rem;
  }

  .c-home-marquee__item:nth-child(2) {
    margin-block-start: 16.8rem;
    inline-size: 25.6rem;
  }

  .c-home-marquee__item:nth-child(3) {
    margin-block-start: 6.7rem;
    inline-size: 40rem;
  }

  .c-home-marquee__item:nth-child(4) {
    inline-size: 26.7rem;
  }

  .c-home-marquee__item:nth-child(5) {
    margin-block-start: 4.8rem;
    inline-size: 32rem;
  }

  .c-home-mid {
    --_padding-block: 17.7rem;
    --_font-size: 13.6rem;
    --_gap: 12rem;
  }

  .c-home-prom {
    --_gap-y: 8rem;
    --_visual-inline-size: 27.2rem;
    --_main-gap-y: 3.2rem;
    --_m-info-gap-y: 3.2rem;
  }

  .c-home-prom {
    align-items: center;
  }

  .c-home-prom__body {
    grid-template-columns: auto minmax(0, 1fr);
    gap: var(--_body-gap-y) var(--_body-gap-x);
  }

  .c-mv-btns__btn {
    gap: .8rem;
  }

  .c-card-shop-l {
    --_gap: 2rem;
    --_main-gap: 3.2rem;
    --_name-font-size: var(--text-24);
  }

  .c-card-shop-l__header {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }

  .c-f-btns {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8rem;
  }

  .c-myhonda__title {
    font-size: var(--text-34);
  }

  .c-myhonda__pane-item:not(:last-child) {
    margin-bottom: 5rem;
  }

  .c-myhonda__chip {
    inline-size: 10.577rem;
    inset: -5.6rem auto auto -1.1rem;
  }

  .c-myhonda__mark {
    inline-size: 15.9rem;
    inset: -4.8rem -2.8rem auto auto;
  }

  .c-myhonda__pane {
    border-radius: 3rem;
  }

  .c-myhonda__p-header {
    padding-block: 2rem;
  }

  .c-myhonda__p-h-title {
    font-size: var(--text-30);
  }

  .c-myhonda__p-body {
    padding-inline: 6.7rem;
    padding-block: 5rem 1.8rem;
  }

  .c-myhonda__howto {
    gap: 3.8rem;
  }

  .c-myhonda__h-note {
    display: flex;
    justify-content: flex-end;
    gap: 2.4rem;
  }

  .c-myhonda__h-note>* {
    margin: unset;
  }

  .c-myhonda__h-row {
    flex-direction: row;
    gap: 2.4rem;
    align-items: center;
    justify-content: space-between;
  }

  .c-myhonda__h-search {
    inline-size: 33.3rem;
  }

  .c-myhonda__h-or-text {
    font-size: var(--text-28);
  }

  .c-myhonda__h-links {
    gap: 3.4rem;
    justify-content: space-between;
  }

  .c-myhonda__h-l-item {
    flex-direction: row;
    gap: 2rem;
    align-items: center;
  }

  .c-myhonda__h-l-logo {
    block-size: 5.8rem;
  }

  .c-myhonda__h-l-qr {
    display: block;
    margin-block-end: -3.1rem;
    inline-size: 10.6rem;
  }

  .c-myhonda__steps {
    display: grid;
    grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr;
  }

  .c-myhonda__s-arrow {
    transform: none;
    inline-size: 5.5rem;
    block-size: 7.2rem;
    margin-block-start: 12rem;
  }

  .c-myhonda__step {
    gap: 2.4rem;
  }

  .c-myhonda__step-dscr {
    font-size: var(--text-18);
    margin-inline: -6rem;
  }
}

@media screen and (max-width: 991.98px) {
  .c-pane-media__figure:has(source) {
    aspect-ratio: auto;
  }

  body.page-template-page-usedcar .c-refine .c-btn {
    --_btn-padding-x: 0.4rem;
  }

  body.page-template-page-contact .c-page-hero {
    --_img-object-position: 95% 50%;
  }

  body.page-template-page-tire-puncture .p-common-tire-info>.l-grid.-col-sp-1 {
    grid-template-columns: minmax(0, 1fr);
  }

  body.page-template-page-tire-puncture .p-common-tire-info>.l-grid.-gap-sp-4 {
    gap: 4rem;
  }
}