@charset "utf-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap");
html {
  font-size: 62.5%;
  scroll-behavior: smooth;
}
@media (min-width: 1024px) and (max-width:1439px) {
  body{
    --sticky-header-height: calc(1.3889vw * 2 + 0.6944vw * 2 + (1.875 * (1.171rem + 0.2976vw)) - 1px);
    --page-nav-height:0px;
  }
  body.is-page-nav{
    --page-nav-height:calc((0.762vw + 7.029px) * 2 + (0.381vw + 1.251rem) * 1.667 + (0.1905vw + 9.257px) * 2);
  }
}
@media (max-width: 1023px) and (min-width: 768px) {
  body{
    --sticky-header-height:calc(1.3889vw * 2 + 0.6944vw * 2 + 1.875 * (1.171rem + 0.2976vw) + (67.2px + 7.527vw) * 0.1944 - 1px);
    --page-nav-height:0px;
  }
  body.is-page-nav{
    --page-nav-height:calc((0.762vw + 7.029px) * 2 + (0.381vw + 1.251rem) * 1.667 + (0.1905vw + 9.257px) * 2);
  }
}
@media (min-width: 1440px) {
  body{
    --sticky-header-height:calc(20px * 2 + 10px * 2 + (1.875 * 1.6rem) - 1px);
    --page-nav-height:0px;
  }
  body.is-page-nav{
    --page-nav-height:calc(18px * 2 + 30px + 12px * 2);
  }
}
@media (max-width: 767px) {
  body{
    --sticky-header-height:66px;
    --page-nav-height:0px;
  }
  body.is-page-nav{
    --page-nav-height:calc(10px * 2 + 30px);
  }
}
:target,[id]{
  scroll-margin-top:calc(var(--sticky-header-height) + var(--page-nav-height));
}
:root {
  /*--- Container widths ---*/
  --container-max-width-pc: 1440px;
  --container-padding-pc: 8.333vw;
  --container-padding-max-pc: 120px;
  --container-padding-sp: 7.6923vw;
  --container-padding-sm-sp: 5.1282vw;

  /*--- Common colors  ---*/
  /* suzuki.co.jp共通カラー */
  --color-bg-site-1: #f0f0f0;
  --color-bg-site-2: #d5d5d5;
  --color-txt-site-1: #777777;
  /* welfareカラー */
  --color-brand-primary: #00368f;
  --color-brand-secondary: #de0039;
  --color-txt-primary: #000;
  --color-txt-secondary: #555555;
  --color-red: #ff0000;
  --color-txt-inverse: #fff;
  --color-bg-neutral-0: #fff;
  --color-bg-neutral-1: #f6f6f3;
  --color-bg-neutral-2: #dfdedb;
  /* --color-bg-grad-pc: linear-gradient(150.42deg, #fffbd7 0.88%, #eaf4fb 36.86%, #f0f6ff 60.66%); */
  --color-bg-grad-pc: linear-gradient(120deg, #fffbd7 0.88%, #eaf4fb 36%,#f0f6ff 47%);
  --color-bg-grad-sm: linear-gradient(150.42deg, #FFFBD7 0.88%, #EAF4FB 36.86%, #F0F6FF 60.66%);
  --color-bg-grad-sp: linear-gradient(103deg, #fffbd7 0%, #eaf4fb 36%,#f0f6ff 47%);
  --color-border-neutral-0: #949494;
  --color-border-neutral-1: #767676;
  --color-border-neutral-2: #000000;
  --color-border-neutral-3: #d9d9d9;
  --color-border-neutral-4: rgba(0, 0, 0, 0.25);
  --color-border-neutral-5: #b3b3b3;
  --color-border-gnav: var(--color-border-neutral-4);
  --color-border-menu-btn: var(--color-border-neutral-3);
  --color-bg-card: var(--color-bg-neutral-1);
  --color-btn-primary-txt: var(--color-txt-inverse);
  --color-btn-primary-bg: var(--color-brand-primary);
  --color-btn-primary-bg-hover: #265299;
  --color-btn-primary-bg-active: #133369;
  --color-btn-secondary-txt: var(--color-brand-primary);
  --color-btn-secondary-border: var(--color-brand-primary);
  --color-btn-secondary-bg: var(--color-bg-neutral-0);
  --color-btn-secondary-bg-hover: #d8e1f0;
  --color-btn-secondary-bg-active: #9fbdf0;
  --color-floating-cta-txt: var(--color-txt-inverse);
  --color-floating-cta-border: #051e46;
  --color-floating-cta-bg: var(--color-brand-primary);
  --color-floating-cta-bg-hover: #002b71;
  --color-link-txt: var(--color-brand-primary);
  --color-toggle-btn: var(--color-brand-primary);
  --color-ttl-shoulder: var(--color-brand-primary);
  --color-ttl-underline: var(--color-brand-primary);
  --color-table-border: var(--color-border-neutral-5);
  --color-th-bg: var(--color-bg-neutral-2);
  --color-td-bg: var(--color-bg-neutral-0);
  --color-txt-caption: var(--color-red);
  --color-border-notice-box: var(--color-border-neutral-4);
  --color-highlight: var(--color-brand-secondary);
  --color-txt-eyebrow: var(--color-brand-primary);
  --color-bg-contact-head: var(--color-bg-neutral-1);
  --color-bg-scrollbar: var(--color-border-neutral-0);
  --color-bg-scrollbar-track: var(--color-border-neutral-3);

  /*--- underline ---*/
  --minimum-underline-height: 1px;
  --base-underline-height: 0.06em;
  --underline-animation:underlineAnimation var(--animation-base-time) cubic-bezier(0.23, 1, 0.32, 1) forwards;
  --underline-animation-underlined:underlineAnimation var(--animation-base-time) ease-in-out forwards;
  --underline-animation-long:underlineAnimation var(--animation-long-time) ease-in-out forwards;

  /*--- transitions ---*/
  --transitions-short-time:250ms;
  --transitions-base-time:400ms;
  --transitions-long-time: 800ms;
  --transitions-nav-time: 500ms;
  --transition-underline: transform var(--transitions-base-time) cubic-bezier(0.23, 1, 0.32, 1);
  --transition-underline-inline: background-size var(--transitions-base-time) cubic-bezier(0.23, 1, 0.32, 1);

  /*--- animations ---*/
  --animation-base-time: 250ms;
  --animation-long-time: 400ms;


}

/*--- animations ---*/
@keyframes underlineAnimation {
  0% { background-size: 0 var(--underline-height); }
  100% { background-size: 100% var(--underline-height); }
}