@layer settings {
  :root {
    --torem: 0.0625rem;
    --torlh: 0.0625rlh;
    --tovi: calc(100vi / var(--viewport));
    --tovi-sm: calc(100vi / var(--design-width-sm));
    --tovi-md: calc(100vi / var(--design-width-md, 768));
    --tovi-lg: calc(100vi / var(--design-width-lg));
    --tovw-sm: calc(100vw / var(--design-width-sm));
    --tovw-md: calc(100vw / var(--design-width-md, 768));
    --tovw-lg: calc(100vw / var(--design-width-lg));
    --toremvw: calc((var(--torem) * 0.5) + (var(--viewport) * 0.5));
    --toremvi-sm: calc((var(--torem) * 0.5) + (var(--tovi-sm) * 0.5));
    --toremvi-md: calc((var(--torem) * 0.5) + (var(--tovi-md) * 0.5));
    --toremvi-lg: calc((var(--torem) * 0.5) + (var(--tovi-lg) * 0.5));
    --design-ratio: calc(100% / var(--viewport));
    --min-viewport: 375;
    --max-viewport: 1440;
    --design-width-sm: 375;
    --design-width-lg: 1440;
    --color-blue-50: #1e1a07;
    --color-grey: #b5b4ac;
    --base-background-color: #fff;
    --base-color: var(--color-dark);
    --font-sans-ja: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN",
      "BIZ UDPGothic", "Meiryo", sans-serif;
    --font-sans-en: "Montserrat", "Helvetica Neue", "Arial", system-ui,
      sans-serif;
    --font-sans-mix: "Montserrat", "Noto Sans JP", sans-serif;
    --base-font-family: var(--font-sans-ja);
    --font-base: 16;
    --font-ratio: 8;
    --font-2xs: calc(var(--font-base) * var(--font-ratio) / 12 * var(--torem));
    --font-xs: calc(var(--font-base) * var(--font-ratio) / 10 * var(--torem));
    --font-sm: calc(var(--font-base) * var(--font-ratio) / 9 * var(--torem));
    --font-md: calc(var(--font-base) * var(--font-ratio) / 8 * var(--torem));
    --font-lg: calc(var(--font-base) * var(--font-ratio) / 7 * var(--torem));
    --font-xl: calc(var(--font-base) * var(--font-ratio) / 5 * var(--torem));
    --font-2xl: calc(var(--font-base) * var(--font-ratio) / 3 * var(--torem));
    --font-fluid-xs: clamp(0.666688rem, 0.63433rem + 0.138058vi, 0.8rem);
    --font-fluid-sm: clamp(0.888875rem, 0.861903rem + 0.115081vi, 1rem);
    --font-fluid-md: clamp(1rem, 0.965322rem + 0.147961vi, 1.14288rem);
    --font-fluid-lg: clamp(1.125rem, 1.07444rem + 0.215728vi, 1.33331rem);
    --font-fluid-xl: clamp(1.6rem, 1.50291rem + 0.414239vi, 2rem);
    --font-fluid-2xl: clamp(2rem, 1.83818rem + 0.690421vi, 2.66669rem);
    --font-fluid-3xl: clamp(2.66669rem, 2.34307rem + 1.38078vi, 4rem);
    --leading-base: 4;
    --leading-xs: calc(var(--leading-base) * 3 * var(--torem));
    --leading-sm: calc(var(--leading-base) * 4 * var(--torem));
    --leading-md: calc(var(--leading-base) * 5 * var(--torem));
    --leading-lg: calc(var(--leading-base) * 6 * var(--torem));
    --leading-xl: calc(var(--leading-base) * 7 * var(--torem));
    --leading-2xl: calc(var(--leading-base) * 8 * var(--torem));
    --leading-3xl: calc(var(--leading-base) * 9 * var(--torem));
    --leading-4xl: calc(var(--leading-base) * 10 * var(--torem));
    --leading-none: 1;
    --leading-tight: 1.25;
    --leading-normal: 1.5;
    --leading-relaxed: 1.75;
    --leading-loose: 2;
    --tracking-tigher: -0.05em;
    --tracking-tight: -0.025em;
    --tracking-normal: normal;
    --tracking-wide: 0.025em;
    --tracking-wider: 0.05em;
    --tracking-widest: 0.1em;
    --container-size-4xs: 460px;
    --container-size-3xs: 480px;
    --container-size-2xs: 600px;
    --container-size-xs: 640px;
    --container-size-sm: 768px;
    --container-size-md: 1200px;
    --container-size-lg: 1440px;
    --container-size-xl: 1500px;
    --container-size-2xl: 1640px;
    --offset-xs: 1.5vw;
    --offset-sm: 2.8vw;
    --offset-md: 5.5vw;
    --offset-lg: 7.3vw;
    --offset-xl: 13vw;
    --space-base: 8;
    --space-2xs: calc(var(--space-base) * var(--torem));
    --space-xs: calc(var(--space-base) * 2 * var(--torem));
    --space-sm: calc(var(--space-base) * 3 * var(--torem));
    --space-md: calc(var(--space-base) * 5 * var(--torem));
    --space-lg: calc(var(--space-base) * 8 * var(--torem));
    --space-xl: calc(var(--space-base) * 13 * var(--torem));
    --radius-sm: 1rem;
    --radius-md: 2rem;
    --radius-lg: 2.5rem;
    --radius-full: 50%;
    --grid-fit-sm: repeat(auto-fit, minmax(min(280px, 100%), 1fr));
    --grid-fit-md: repeat(auto-fit, minmax(min(320px, 100%), 1fr));
    --grid-fit-lg: repeat(auto-fit, minmax(min(400px, 100%), 1fr));
    --grid-fill-sm: repeat(auto-fill, minmax(min(280px, 100%), 1fr));
    --grid-fill-md: repeat(auto-fill, minmax(min(320px, 100%), 1fr));
    --grid-fill-lg: repeat(auto-fill, minmax(min(400px, 100%), 1fr));
    --grid-1: repeat(1, minmax(0, 1fr));
    --grid-2: repeat(2, minmax(0, 1fr));
    --grid-3: repeat(3, minmax(0, 1fr));
    --grid-4: repeat(4, minmax(0, 1fr));
    --grid-5: repeat(5, minmax(0, 1fr));
    --grid-6: repeat(6, minmax(0, 1fr));
    --grid-7: repeat(7, minmax(0, 1fr));
    --grid-8: repeat(8, minmax(0, 1fr));
    --grid-9: repeat(9, minmax(0, 1fr));
    --grid-10: repeat(10, minmax(0, 1fr));
    --grid-11: repeat(11, minmax(0, 1fr));
    --grid-12: repeat(12, minmax(0, 1fr));
    --arrow-width: 10%;
    --arrow-prev: polygon(
      75% var(--arrow-width),
      calc(75% - var(--arrow-width)) 0,
      calc(25% - var(--arrow-width)) 50%,
      calc(75% - var(--arrow-width)) 100%,
      75% calc(100% - var(--arrow-width)),
      calc(25% + var(--arrow-width)) 50%,
      75% var(--arrow-width)
    );
    --arrow-next: polygon(
      25% var(--arrow-width),
      calc(25% + var(--arrow-width)) 0,
      calc(75% + var(--arrow-width)) 50%,
      calc(25% + var(--arrow-width)) 100%,
      25% calc(100% - var(--arrow-width)),
      calc(75% - var(--arrow-width)) 50%,
      25% var(--arrow-width)
    );
    --arrow-down: polygon(
      var(--arrow-width) 25%,
      0 calc(25% + var(--arrow-width)),
      50% calc(75% + var(--arrow-width)),
      100% calc(25% + var(--arrow-width)),
      calc(100% - var(--arrow-width)) 25%,
      50% calc(75% - var(--arrow-width)),
      var(--arrow-width) 25%
    );
    --duration-fast: 0.3s;
    --duration-normal: 0.6s;
    --duration-slow: 1.6s;
    --ease-in-sine: cubic-bezier(0.12, 0, 0.39, 0);
    --ease-out-sine: cubic-bezier(0.61, 1, 0.88, 1);
    --ease-in-out-sine: cubic-bezier(0.37, 0, 0.63, 1);
    --ease-in-cubic: cubic-bezier(0.32, 0, 0.67, 0);
    --ease-out-cubic: cubic-bezier(0.33, 1, 0.68, 1);
    --ease-in-out-cubic: cubic-bezier(0.65, 0, 0.35, 1);
    --ease-in-quint: cubic-bezier(0.64, 0, 0.78, 0);
    --ease-out-quint: cubic-bezier(0.22, 1, 0.36, 1);
    --ease-in-out-quint: cubic-bezier(0.83, 0, 0.17, 1);
    --ease-in-circ: cubic-bezier(0.55, 0, 1, 0.45);
    --ease-out-circ: cubic-bezier(0, 0.55, 0.45, 1);
    --ease-in-out-circ: cubic-bezier(0.85, 0, 0.15, 1);
    --ease-in-quad: cubic-bezier(0.11, 0, 0.5, 0);
    --ease-out-quad: cubic-bezier(0.5, 1, 0.89, 1);
    --ease-in-out-quad: cubic-bezier(0.45, 0, 0.55, 1);
    --ease-in-quart: cubic-bezier(0.5, 0, 0.75, 0);
    --ease-out-quart: cubic-bezier(0.25, 1, 0.5, 1);
    --ease-in-out-quart: cubic-bezier(0.76, 0, 0.24, 1);
    --ease-in-expo: cubic-bezier(0.7, 0, 0.84, 0);
    --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
    --ease-in-out-expo: cubic-bezier(0.87, 0, 0.13, 1);
    --ease-in-back: cubic-bezier(0.36, 0, 0.66, -0.56);
    --ease-out-back: cubic-bezier(0.34, 1.56, 0.64, 1);
    --ease-in-out-back: cubic-bezier(0.68, -0.6, 0.32, 1.6);
    --viewport: var(--design-width-sm);
  }

  @media (width >=48rem) {
    :root {
      --viewport: var(--design-width-md, var(--design-width-sm));
    }
  }

  @media (width >=64rem) {
    :root {
      --viewport: var(--design-width-lg);
    }
  }
}

@layer base {
  *,
  :before,
  :after {
    text-underline-offset: 0.25em;
    border-width: 1px;
    min-inline-size: 0;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }

  :where(h1, h2, h3, h4, h5, h6) {
    font-weight: var(--base-font-heading-weight, 700);
  }

  :where(h1) {
    font-size: var(--base-font-heading-1, unset);
  }

  :where(h2) {
    font-size: var(--base-font-heading-2, unset);
  }

  :where(h3) {
    font-size: var(--base-font-heading-3, unset);
  }

  :where(h4) {
    font-size: var(--base-font-heading-4, unset);
  }

  :where(h5) {
    font-size: var(--base-font-heading-5, unset);
  }

  :where(h6) {
    font-size: var(--base-font-heading-6, unset);
  }

  :where(hr) {
    border-block-start-style: solid;
  }

  :where(ul, ol) {
    list-style-type: "";
  }

  :where(address:lang(ja)) {
    font-style: unset;
  }

  :where(b, strong) {
    font-weight: 700;
  }

  :where(small) {
    font-size: max(0.625rem, 0.875em);
  }

  :where(code, kbd, samp) {
    font-family: ui-monospace, monospace;
  }

  :where(:any-link) {
    color: unset;
    -webkit-text-decoration-skip-ink: auto;
    text-decoration-skip-ink: auto;
  }

  :where(img, picture, svg, video) {
    block-size: auto;
    max-inline-size: 100%;
  }

  :where(svg) {
    fill: currentColor;
  }

  :where(table) {
    border-collapse: collapse;
  }

  :where(caption, th) {
    text-align: unset;
  }

  :where(th) {
    font-weight: 700;
  }

  :where(input, button, textarea, select, optgroup) {
    color: unset;
    letter-spacing: inherit;
    word-spacing: inherit;
    font: unset;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
  }

  :where(textarea) {
    resize: vertical;
    resize: block;
  }

  :where(textarea:not([rows])) {
    min-block-size: 10em;
  }

  :where(button, label, select, summary, [role="button"], [role="option"]) {
    cursor: pointer;
  }

  :where(input[type="file"])::-webkit-file-upload-button {
    cursor: pointer;
  }

  :where(input[type="file"])::file-selector-button {
    cursor: pointer;
  }

  :where([disabled], label:has(> input:disabled), label:has(+ input:disabled)) {
    cursor: not-allowed;
  }

  :where(button, [role="button"]) {
    touch-action: manipulation;
    border-style: solid;
  }

  :where(dialog, [popover]) {
    max-inline-size: unset;
    max-block-size: unset;
    color: unset;
    background-color: unset;
    border-style: none;
    margin: auto;
  }

  :where(dialog:not([open], [popover]), [popover]:not(:popover-open)) {
    display: none;
  }

  :where([aria-disabled="true"]) {
    cursor: not-allowed;
  }

  :where([aria-busy="true"]) {
    cursor: progress;
  }

  :where([aria-controls]) {
    cursor: pointer;
  }

  :where([aria-hidden="false"][hidden]) {
    display: initial;
  }

  :where([aria-hidden="false"][hidden]):not(:focus) {
    clip: rect(0, 0, 0, 0);
    position: absolute;
  }

  :where([hidden]:not([hidden="until-found"])) {
    display: none;
  }

  :where(:focus:not(:focus-visible)) {
    outline: none;
  }

  :where(.visually-hidden:not(:focus-within, :active)) {
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
    -webkit-user-select: none !important;
    user-select: none !important;
    border: 0 !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    position: absolute !important;
    overflow: hidden !important;
  }

  @media (prefers-reduced-motion: reduce) {
    *,
    :before,
    :after,
    ::backdrop {
      animation-duration: 0.01ms !important;
      animation-iteration-count: 1 !important;
      animation-delay: unset !important;
      transition-delay: unset !important;
      scroll-behavior: auto !important;
      view-transition-name: none !important;
      transition-duration: 0.01ms !important;
    }
  }
}

@layer general, vendors;

@layer components {
  :where(.grid) {
    --grid-fit: repeat(
      auto-fit,
      minmax(min(var(--grid-min, 400px), 100%), 1fr)
    );
    --grid-fill: repeat(
      auto-fill,
      minmax(min(var(--grid-min, 400px), 100%), 1fr)
    );
    --grid-cols: none;
    --gap: 0;
    grid-template-columns: var(--grid-cols);
    gap: var(--gap);
    display: grid;
  }

  :where(.container) {
    --container-name: container;
    --layout: flow-root;
    --max-size: none;
    --offset-start: 0;
    --offset-end: 0;
    --offset: var(--offset-start) var(--offset-end);
    box-sizing: content-box;
    display: block var(--layout);
    max-inline-size: var(--max-size);
    padding-inline: var(--offset);
    margin-inline: auto;
  }
}

:root {
  --color-main: #163063;
}

body,
* {
  font-family: UD新ゴM, UD Shin Go Medium, Noto Sans JP, sans-serif !important;
}

body,
#wrapper {
  color: #333;
}

h1,
h2,
h3:not(.typesquare_tags),
h4,
h5,
h6 {
  font-weight: 700 !important;
}

.container {
  max-inline-size: 980px;
  margin-inline: auto;
  padding-inline: 10px;
}

#brandHeader01[data-astro-cid-fxjp6jr6] {
  height: 60px !important;
}

.pageLinks {
  background-color: var(--color-main);
  color: #fff;
  border-bottom: 1px solid #fff;
  padding-block: 7px 14px;
}

@media (width >=768px) {
  .pageLinks {
    margin-top: -10px;
    padding-top: 20px;
    padding-bottom: 14px;
  }
}

.pageLinks ul {
  justify-content: center;
  align-items: center;
  display: flex;
}

.pageLinks li:first-child {
  border-left: 1px solid #fff;
}

.pageLinks a {
  color: #fff;
  border-right: 1px solid #fff;
  height: 100%;
  padding-inline: 2rem;
  font-size: 15px;
  text-decoration: none;
  display: block;
}

.pageLinks a.active {
  background-color: #ffffff26;
}

@media (width >=768px) {
  .pageLinks a {
    padding-inline: 4rem;
  }
}

.--sp {
  display: block;
}

@media (width >=768px) {
  .--sp {
    display: none;
  }
}

.--pc {
  display: none;
}

@media (width >=768px) {
  .--pc {
    display: block;
  }
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  -webkit-text-size-adjust: none;
  color: #333;
  min-width: 980px;
  max-height: 999999px;
  /* font-family: UD新ゴL, UD Shin Go Light, sans-serif; */
  font-size: 14px;
  line-height: 1.64;
}

body,
div,
pre,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
th,
td {
  margin: 0;
  padding: 0;
}

input,
textarea {
  margin: 0;
  font-size: 100%;
}

label {
  cursor: pointer;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 100%;
}

fieldset,
img,
hr {
  border: 0;
}

img {
  vertical-align: top;
}

address,
caption,
cite,
code,
dfn,
em,
th,
var {
  font-style: normal;
  font-weight: 400;
}

caption,
th {
  text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: 400;
}

q:after,
q:before {
  content: "";
}

a,
input {
  outline: none;
}

abbr,
acronym {
  border: 0;
}

figure {
  margin: 0;
}

b,
strong {
  /* font-family: UD新ゴM, UD Shin Go Medium, sans-serif; */
}

.reset div,
.reset dl,
.reset dt,
.reset dd,
.reset ul,
.reset ol,
.reset li,
.reset h1,
.reset h2,
.reset h3,
.reset h4,
.reset h5,
.reset h6,
.reset pre,
.reset form,
.reset fieldset,
.reset p,
.reset blockquote,
.reset th,
.reset td {
  margin: 0;
  padding: 0;
}

.reset input,
.reset textarea {
  margin: 0;
  font-size: 100%;
}

.reset table {
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 100%;
}

.reset fieldset,
.reset img,
.reset abbr,
.reset acronym {
  border: 0;
}

.reset address,
.reset caption,
.reset cite,
.reset code,
.reset dfn,
.reset em,
.reset th,
.reset var {
  font-style: normal;
  font-weight: 400;
}

.reset ol,
.reset ul {
  list-style: none;
}

.reset caption,
.reset th {
  text-align: left;
}

.reset h1,
.reset h2,
.reset h3,
.reset h4,
.reset h5,
.reset h6 {
  font-size: 100%;
  font-weight: 400;
}

.reset q:after,
.reset q:before {
  content: "";
}

input::-ms-clear {
  visibility: hidden;
}

input::-ms-reveal {
  visibility: hidden;
}

.clearfix,
#contentsIn {
  min-height: 1%;
  display: block;
}

.clearfix:after,
#contentsIn:after {
  clear: both;
  content: ".";
  visibility: hidden;
  height: 0;
  display: block;
}

a {
  color: #3360c5;
  word-break: break-all;
  text-decoration: underline;
}

a:hover,
a:active,
a:focus {
  text-decoration: none;
}

sup {
  vertical-align: top;
  font-size: 78%;
}

sub {
  vertical-align: baseline;
  font-size: 78%;
}

.taL {
  text-align: left !important;
}

.taC {
  text-align: center !important;
}

.taR {
  text-align: right !important;
}

.vaT {
  vertical-align: top !important;
}

.vaM {
  vertical-align: middle !important;
}

.vaB {
  vertical-align: bottom !important;
}

.blockC {
  text-align: left;
  margin-left: auto;
  margin-right: auto;
}

* html .blockC {
  margin-left: 0;
  margin-right: 0;
}

.blockR {
  text-align: left;
  margin-left: auto;
}

* html .blockR {
  margin-left: 0;
}

.w80 {
  width: 80px;
}

.w140 {
  width: 140px;
}

.w150 {
  width: 150px;
}

.w200 {
  width: 200px;
}

.w309 {
  width: 309px;
}

.w418 {
  width: 418px;
}

.wHalf {
  width: 48%;
}

.wTri {
  width: 33%;
}

.wQuart {
  width: 24%;
}

.wFull {
  width: 99.9%;
}

.wMax {
  width: 100%;
}

.w03per {
  width: 3% !important;
}

.w05per {
  width: 5% !important;
}

.w10per {
  width: 10% !important;
}

.w13per {
  width: 13% !important;
}

.w15per {
  width: 15% !important;
}

.w20per {
  width: 20% !important;
}

.w25per {
  width: 25% !important;
}

.w30per {
  width: 30% !important;
}

.w35per {
  width: 35% !important;
}

.w40per {
  width: 40% !important;
}

.w45per {
  width: 45% !important;
}

.w50per {
  width: 50% !important;
}

.w55per {
  width: 55% !important;
}

.wAuto {
  width: auto !important;
}

.img100per {
  width: 100%;
  height: auto;
}

.flL {
  float: left;
  display: inline;
}

.flR {
  float: right;
  display: inline;
}

.flImgL {
  float: left;
  margin-right: 20px;
  display: inline;
}

.flImgR {
  float: right;
  margin-left: 20px;
  display: inline;
}

.ftBox {
  overflow: hidden;
}

.clear {
  clear: both;
}

.block {
  display: block;
}

.hide {
  display: none;
}

.bgN {
  background: none !important;
}

.tdU {
  text-decoration: underline;
}

.tdN {
  text-decoration: none;
}

.bdN {
  border: none !important;
}

.bdTN {
  border-top: none !important;
}

.bdBN {
  border-bottom: none !important;
}

.wbN {
  word-break: normal !important;
}

.wbK {
  word-break: keep-all !important;
}

.oAuto {
  overflow: auto !important;
}

/* .noPc,
.tbOnly,
.spOnly {
  display: none !important;
} */
.brandHeaderMenuContent01[data-astro-cid-fxjp6jr6],
.brandHeader01In[data-astro-cid-fxjp6jr6],
#brandHeader01[data-astro-cid-fxjp6jr6] {
  background-color: var(--color-main);
}

#brandHeader01[data-astro-cid-fxjp6jr6] {
  border-bottom: 1px solid #fff;
  padding: 10px 0;
}

.brandHeaderMenuContent01[data-astro-cid-fxjp6jr6] {
  border-top: none;
  padding-top: 20px;
}

@media (width >=979px) {
  .brandHeaderMenuContent01[data-astro-cid-fxjp6jr6] {
    padding-top: 0;
  }
}

.homeIcon[data-astro-cid-fxjp6jr6].--pc img[data-astro-cid-fxjp6jr6] {
  width: 20px;
}

@media (width >=979px) {
  .brandHeader01In[data-astro-cid-fxjp6jr6] {
    justify-content: space-between;
    align-items: center;
    display: flex;
  }
}

.brandHeaderLogo01[data-astro-cid-fxjp6jr6] {
  float: none;
  align-items: center;
  gap: 15px;
  width: 200px;
  padding: 0;
  display: flex;
}

@media (width <=979px) {
  .brandHeaderLogo01[data-astro-cid-fxjp6jr6] {
    float: none;
    width: auto;
    height: 22px;
    margin-left: 20px;
    padding: 19px 0;
  }
}

@media (width >=768px) {
  .brandHeaderLogo01[data-astro-cid-fxjp6jr6] {
    width: 390px;
  }
}

.brandHeaderLogo01[data-astro-cid-fxjp6jr6] img[data-astro-cid-fxjp6jr6] {
  object-fit: contain;
  display: block;
}

@media (width <=768px) {
  .brandHeaderLogo01[data-astro-cid-fxjp6jr6] img[data-astro-cid-fxjp6jr6] {
    height: 14px;
  }
}

@media (width >=979px) {
  .brandHeaderBtns01[data-astro-cid-fxjp6jr6] {
    margin-top: 0;
  }
}

.brandHeaderBtns01[data-astro-cid-fxjp6jr6]
  .home[data-astro-cid-fxjp6jr6]
  span[data-astro-cid-fxjp6jr6] {
  justify-content: center;
}

.brandHeaderBtns01[data-astro-cid-fxjp6jr6]
  li[data-astro-cid-fxjp6jr6]:first-child,
.brandHeaderBtns01[data-astro-cid-fxjp6jr6]
  li[data-astro-cid-fxjp6jr6]:nth-child(2) {
  width: 45%;
}

.brandHeaderBtns01[data-astro-cid-fxjp6jr6]
  li[data-astro-cid-fxjp6jr6]:first-child {
  float: left;
}

@media (width <=979px) {
  .brandHeaderBtns01[data-astro-cid-fxjp6jr6]
    li[data-astro-cid-fxjp6jr6]:nth-child(2) {
    float: right;
    margin-bottom: 12px;
  }
}

.brandHeaderBtns01[data-astro-cid-fxjp6jr6] li[data-astro-cid-fxjp6jr6].home {
  float: none;
  margin-inline: auto;
}

.brandHeaderBtns01[data-astro-cid-fxjp6jr6]
  li[data-astro-cid-fxjp6jr6]
  a[data-astro-cid-fxjp6jr6]
  span[data-astro-cid-fxjp6jr6] {
  /* align-items: center; */
  /* gap: 3px; */
  font-weight: 700;
  /* display: flex; */
}

.brandHeaderBtns01[data-astro-cid-fxjp6jr6]
  li[data-astro-cid-fxjp6jr6]
  a[data-astro-cid-fxjp6jr6]
  span[data-astro-cid-fxjp6jr6]
  img[data-astro-cid-fxjp6jr6] {
  width: 15px;
}

.brandHeaderBtns01[data-astro-cid-fxjp6jr6]
  .btn[data-astro-cid-fxjp6jr6]:hover {
  background-color: #ffffff4d;
}

@media only screen and (width <=767px) {
  #brandHeader01[data-astro-cid-fxjp6jr6] {
    height: auto !important;
  }

  .brandHeaderMenuBtn01[data-astro-cid-fxjp6jr6] {
    top: 14px;
    right: 8px;
  }
}

@media only screen and (width >=979px) {
  .brandHeaderBtns01[data-astro-cid-fxjp6jr6]
    li[data-astro-cid-fxjp6jr6]
    + li[data-astro-cid-fxjp6jr6] {
    margin-top: 20px;
  }

  .brandHeaderBtns01[data-astro-cid-fxjp6jr6] a[data-astro-cid-fxjp6jr6] {
    line-height: 1;
  }
}

.mv[data-astro-cid-6ol3le3k] {
  background-image: url(/seiberling/common/images/MV-bgCT8o512z.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-bottom: 1px solid #fff;
  height: 340px;
  padding-block-start: 59px;
  position: relative;
}

@media (width >=414px) {
  .mv[data-astro-cid-6ol3le3k] {
    height: 400px;
  }
}

@media (width >=768px) {
  .mv[data-astro-cid-6ol3le3k] {
    height: 460px;
    padding-block: 59px 30px;
  }
}

@media (width >=1100px) {
  .mv[data-astro-cid-6ol3le3k] {
    height: 450px;
  }
}

.mv__logo[data-astro-cid-6ol3le3k] {
  z-index: -1;
  z-index: 1;
  background-color: #163063;
  align-items: center;
  height: 100px;
  display: flex;
  position: relative;
}

@media (width >=768px) {
  .mv__logo[data-astro-cid-6ol3le3k] {
    height: 80px;
  }
}

@media (width >=768px) {
  .mv__logo[data-astro-cid-6ol3le3k] .container[data-astro-cid-6ol3le3k] {
    inline-size: 100%;
  }
}

.mv__logo[data-astro-cid-6ol3le3k] img[data-astro-cid-6ol3le3k] {
  object-fit: contain;
  max-inline-size: 500px;
  max-width: 100%;
  height: 23.5px;
  margin-block: auto;
  margin-inline: auto;
}

@media (width >=768px) {
  .mv__logo[data-astro-cid-6ol3le3k] img[data-astro-cid-6ol3le3k] {
    margin-inline: unset;
    width: 500px;
    height: 32.5px;
  }
}

@media only screen and (width <=767px) {
  #brandHeader01[data-astro-cid-6ol3le3k] {
    height: auto !important;
  }
}

.mv__img[data-astro-cid-6ol3le3k] img[data-astro-cid-6ol3le3k] {
  max-inline-size: 630px;
  margin-inline: auto;
  position: relative;
}

@media (width >=1200px) {
  .mv__img[data-astro-cid-6ol3le3k] img[data-astro-cid-6ol3le3k] {
    inline-size: 80%;
    max-inline-size: 900px;
    bottom: 70px;
  }
}

.pic[data-astro-cid-6ol3le3k].--sp {
  background-image: url(/seiberling/common/images/MV-spBWpxD3Ul.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 90%;
  width: 330px;
  height: 178px;
  padding-inline: 30px;
  position: absolute;
  left: 50%;
  transform: translate(-50%);
}

@media (width >=414px) {
  .pic[data-astro-cid-6ol3le3k].--sp {
    width: 440px;
    height: 250px;
  }
}

.pic[data-astro-cid-6ol3le3k].--pc {
  z-index: 1;
  background-image: url(/seiberling/common/images/MVBzC6fi6Y.png);
  background-repeat: no-repeat;
  background-size: contain;
  width: 50%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%);
}

@media (width >=768px) {
  .pic[data-astro-cid-6ol3le3k].--pc {
    inline-size: 750px;
    height: 360px;
  }
}

@media (width >=860px) {
  .pic[data-astro-cid-6ol3le3k].--pc {
    inline-size: 800px;
    height: 400px;
    top: 70px;
  }
}

@media (width >=1100px) {
  .pic[data-astro-cid-6ol3le3k].--pc {
    height: 350px;
    background-position: center;
    background-size: 90%;
    inline-size: 100%;
    max-inline-size: 980px;
    padding-inline: 30px;
    top: 80px;
  }
}

.container {
  max-inline-size: 980px;
  margin-inline: auto;
}

#wrapper {
  background-color: #fff !important;
}

.col1 {
  padding-top: 80px;
}

@media only screen and (max-width: 979px) {
  .col1.typesquare_tags {
    padding-top: 30px;
  }

  .brandHeaderMenuBtn01 a {
    display: table-cell;
    padding: 2px 40px 0 0;
    height: 30px;
    background: url(/seiberling/common/images/btn_brandmenu_open01.webp)
      no-repeat right top !important;
    -webkit-background-size: 30px 30px !important;
    background-size: 30px 30px;
    vertical-align: middle;
    color: #fff;
    text-decoration: none;
  }
}

@media only screen and (max-width: 979px) {
  .show .brandHeaderMenuBtn01 a {
    background-image: url(/seiberling/common/images/btn_brandmenu_close01.png) !important;
  }
}

.brandHeaderBtns01 .btn {
  display: table;
  padding-left: 20px;
  width: 100%;
  box-sizing: border-box;
  background: url(/seiberling/common/images/ico_arrow04.png) no-repeat 10px
    center !important;
  color: #fff;
  font-size: 85.714%;
  /* font-family: "UD新ゴM", "UD Shin Go Medium", sans-serif !important; */
  text-decoration: none;
  white-space: nowrap;
}

#header,
#header *,
.footerBnrSec01,
#breadcrumb *,
.col1 *,
.goalArea * {
  box-sizing: content-box;
}

@media screen and (max-width: 767px) {
  .pageLinks li {
    width: 50%;
  }

  .pageLinks ul {
    padding-right: 10px;
    padding-left: 10px;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .pageLinks ul li a {
    text-align: center;
  }
}

/*common_head*/

img {
  height: auto;
}

#brandHeader01,
.brandHeaderMenuContent01,
.brandHeaderMenus01,
.brandHeaderBtns01,
.mainimgSec01,
.lineupSec01 .lineupList01,
.navSec01 ul {
  display: block;
}

#brandHeader01:after,
.brandHeaderMenuContent01:after,
.brandHeaderMenus01:after,
.brandHeaderBtns01:after,
.mainimgSec01:after,
.lineupSec01 .lineupList01:after,
.navSec01 ul:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

#brandHeader01 {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9999;
  width: 100%;
  height: 60px;
  background-color: #462d25;
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#462d25, EndColorStr=#462d25);
  color: #fff;
}

#brandHeader01.is-fixed {
  position: fixed;
  z-index: 10002;
}

.brandHeader01In {
  margin: 0 auto;
  width: 980px;
}

.brandHeaderLogo01 {
  float: left;
  padding-top: 20px;
  width: 250px;
}

.brandHeaderLogo01 img {
  width: auto;
  height: 22px;
}

.brandHeaderLogo01 .home {
  margin: -2px 0 0 24px;
  height: 16px;
  vertical-align: middle;
}

.brandHeaderMenuBtn01 {
  display: none;
}

.brandHeaderMenus01 {
  float: left;
  margin: 10px 0 0 0;
  border-left: 1px solid #d4d3d3;
}

.brandHeaderMenus01.pc_col5 {
  margin-left: 5px;
}

.brandHeaderMenus01 li {
  float: left;
  width: 152px;
  border-right: 1px solid #d4d3d3;
  font-family: "UD新ゴM", "UD Shin Go Medium", sans-serif !important;
  text-align: center;
}

.brandHeaderMenus01.pc_col5 li {
  width: 124px;
  font-size: 85.714%;
}

.brandHeaderMenus01 a {
  display: block;
  padding: 9px 0 6px;
  color: #fff;
  text-decoration: none;
}

.brandHeaderMenus01 a:hover,
body.lineup .brandHeaderMenus01 li.lineup > a,
body.concept .brandHeaderMenus01 li.concept > a,
body.equipment .brandHeaderMenus01 li.equipment > a {
  background-color: #462d25;
}

.brandHeaderBtns01 {
  float: right;
  margin-top: 8px;
}

.brandHeaderBtns01 .btn {
  display: table;
  padding-left: 20px;
  width: 100%;
  box-sizing: border-box;
  background: url(/common/images/ico_arrow04.png) no-repeat 10px center;
  color: #fff;
  font-size: 85.714%;
  font-family: "UD新ゴM", "UD Shin Go Medium", sans-serif !important;
  text-decoration: none;
  white-space: nowrap;
}

.brandHeaderBtns01 .btn:hover {
  text-decoration: underline;
}

.brandHeaderBtns01 .btn span {
  display: table-cell;
  padding-top: 2px;
  vertical-align: middle;
}

.brandHeaderBtns01 .btn .ico {
  margin-left: 6px;
}

@media only screen and (min-width: 980px) {
  .brandHeaderMenuContent01.js-content {
    display: none !important;
  }
}

@media only screen and (max-width: 979px) {
  #brandHeader01 {
    height: 60px;
    min-height: auto;
  }

  .brandHeader01In {
    width: 100%;
    background-color: #462d25;
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#462d25, EndColorStr=#462d25);
  }

  .brandHeaderLogo01 {
    float: none;
    margin-left: 20px;
    padding: 22px 0 20px;
    width: auto;
    height: 17px;
  }

  .brandHeaderLogo01 .home {
    display: none;
  }

  .brandHeaderMenuBtn01 {
    display: table;
    position: absolute;
    right: 25px;
    top: 15px;
  }

  .brandHeaderMenuBtn01 a {
    display: table-cell;
    padding: 2px 40px 0 0;
    height: 30px;
    background: url(/alenza/common/images/btn_brandmenu_open01.png) no-repeat
      right top;
    -webkit-background-size: 30px 30px;
    background-size: 30px 30px;
    vertical-align: middle;
    color: #fff;
    text-decoration: none;
  }

  .show .brandHeaderMenuBtn01 a {
    background-image: url(/alenza/common/images/btn_brandmenu_close01.png);
  }

  .brandHeaderMenuContent01 {
    display: none;
    padding: 21px 58px;
    background-color: #462d25;
    border-top: 1px solid #d4d3d3;
  }

  .brandHeaderMenus01 {
    float: none;
    margin: 0;
    width: 100%;
    border-top: 1px solid #877671;
  }

  .brandHeaderMenus01.pc_col5 {
    margin-left: 0;
  }

  .brandHeaderMenus01 li,
  .brandHeaderMenus01.pc_col5 li {
    float: left;
    width: 50%;
    box-sizing: border-box;
    font-size: 12px;
    font-family: "UD新ゴM", "UD Shin Go Medium", sans-serif !important;
    text-align: center;
  }

  .brandHeaderMenus01.tb_row1 li {
    width: 25%;
  }

  .brandHeaderMenus01 a {
    display: block;
    padding: 11px 0 7px;
    border-bottom: 1px solid #877671;
  }

  .brandHeaderBtns01 {
    float: none;
    margin-top: 0;
  }

  .brandHeaderBtns01 li {
    float: right;
  }

  .brandHeaderBtns01 li.home {
    float: left;
    width: 160px;
  }

  .brandHeaderBtns01 li + li {
    margin: 0 10px 0 0;
  }

  .brandHeaderBtns01 .btn {
    padding-right: 10px;
    height: 25px;
    border: 1px solid #877671;
  }

  .brandHeaderBtns01 li.home .btn {
    padding: 0;
    background-image: none;
    text-align: center;
  }

  .brandHeaderBtns01 .btn:hover {
    text-decoration: none;
    background-color: #74625c;
  }

  .brandHeaderBtns01 .btn .ico {
    margin-left: 6px;
  }

  .brandHeaderBtns01 li.home img {
    margin: -4px 9px 0 0;
    width: 16px;
    height: auto;
    vertical-align: middle;
  }
}

@media only screen and (max-width: 767px) {
  #brandHeader01 {
    height: 45px;
  }

  .brandHeaderLogo01 {
    margin: 0 0 0 10px;
    padding: 17px 0;
    height: 12px;
  }

  .brandHeaderLogo01 img {
    height: 13px;
  }

  .brandHeaderMenuBtn01 {
    right: 8px;
    top: 8px;
  }

  .brandHeaderMenuContent01 {
    padding: 0;
    border-top: none;
  }

  .brandHeaderMenus01 {
    float: none;
    margin: 0;
    width: 100%;
    border-bottom: 1px solid #877671;
    border-left: none;
  }

  .brandHeaderMenus01.tb_row1 li {
    width: 50%;
    font-size: 100%;
  }

  .brandHeaderMenus01 li:first-child {
    border-left: none;
  }

  .brandHeaderMenus01 li:last-child,
  .brandHeaderMenus01 li:nth-last-child(2):nth-child(2n-1) {
    border-bottom: none;
  }

  .brandHeaderBtns01 {
    margin: 15px 0 17px;
  }

  .brandHeaderBtns01 li {
    float: left;
    margin-bottom: 12px;
    padding: 0 10px;
    width: 50%;
    box-sizing: border-box;
  }

  .brandHeaderBtns01 li:first-child {
    float: right;
  }

  .brandHeaderBtns01 li + li {
    margin-right: 0;
  }

  .brandHeaderBtns01 li.home {
    clear: left;
    float: none;
    margin: 0 auto;
  }

  .brandHeaderBtns01 .btn {
    padding-left: 22px;
  }
}

#mainWrap,
#brandHeader01,
.brandHeaderMenuContent01,
.brandHeaderMenus01,
.brandHeaderBtns01,
.mainimgSec01,
.lineupSec01 .lineupList01,
.navSec01 ul {
  display: block;
}

#mainWrap:after,
#brandHeader01:after,
.brandHeaderMenuContent01:after,
.brandHeaderMenus01:after,
.brandHeaderBtns01:after,
.mainimgSec01:after,
.lineupSec01 .lineupList01:after,
.navSec01 ul:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

#wrapper {
  position: relative;
  padding-bottom: 0;
}

#contents {
  padding-top: 60px;
  width: 100%;
}

body.top #contents {
  padding-top: 0;
}

@media only screen and (max-width: 979px) {
  .anchorPoint01 {
    margin-top: -74px;
    padding-top: 74px;
  }
}

@media only screen and (max-width: 767px) {
  .anchorPoint01 {
    margin-top: -45px;
    padding-top: 45px;
  }
}
#breadcrumb {
  padding: 15px 0;
  border-top: 1px solid #e5e5e5;
  border-bottom: none;
  text-align: left;
}

@media only screen and (max-width: 979px) {
  #breadcrumb ul {
    margin: 0 auto;
    width: 650px;
  }
}

@media only screen and (max-width: 767px) {
  #breadcrumb {
    display: block;
    padding: 25px 10px;
  }

  #breadcrumb ul {
    width: 100%;
    padding: 0;
  }
}

.sectionIn {
  margin: 0 auto;
  padding: 58px 0 60px;
  width: 980px;
  max-width: 1536px;
}

.sectionIn.premium_p {
  padding: 56px 0 60px;
}

@media only screen and (max-width: 979px) {
  .sectionIn {
    width: 650px;
    padding: 50px 0 55px;
    box-sizing: border-box;
  }
}

@media only screen and (max-width: 767px) {
  .sectionIn {
    width: 100%;
    padding: 28px 10px 0;
  }

  .sectionIn.premium_p {
    padding: 28px 0 30px;
  }
}
#brandHeader01 {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9999;
  width: 100%;
  height: 60px;
  background-color: #a73762;
  color: #fff;
}

html > body #brandHeader01 {
  overflow: hidden\9;
}

#brandHeader01.is-fixed {
  position: fixed;
  z-index: 10002;
}

.brandHeader01In {
  margin: 0 auto;
  width: 980px;
}

.brandHeaderLogo01 {
  float: left;
  padding-top: 16px;
  width: 230px;
}

.brandHeaderLogo01 img {
  width: auto;
  height: 28px;
}

.brandHeaderLogo01 .home {
  margin: 6px 0 0 24px;
  height: 16px;
}

.brandHeaderMenuBtn01 {
  display: none;
}

.brandHeaderMenus01 {
  float: left;
  margin: 10px 0 0 20px;
  border-left: 1px solid #cacaca;
}

.brandHeaderMenus01.pc_col5 {
  margin-left: 5px;
}

.brandHeaderMenus01 li {
  float: left;
  width: 152px;
  border-right: 1px solid #cacaca;
  font-family: "UD新ゴM", "UD Shin Go Medium", sans-serif !important;
  text-align: center;
}

.brandHeaderMenus01.pc_col5 li {
  width: 124px;
  font-size: 85.714%;
}

.brandHeaderMenus01 a {
  display: block;
  padding: 9px 0 6px;
  color: #fff;
  text-decoration: none;
}

.brandHeaderMenus01 a:hover,
body.lineup .brandHeaderMenus01 li.lineup > a,
body.concept .brandHeaderMenus01 li.concept > a,
body.voice .brandHeaderMenus01 li.voice > a,
body.equipment .brandHeaderMenus01 li.equipment > a,
body.impression .brandHeaderMenus01 li.impression > a {
  background-color: #ffb75c;
}

.brandHeaderBtns01 {
  float: right;
  margin-top: 8px;
}

.brandHeaderBtns01 .btn {
  display: table;
  padding-left: 20px;
  width: 100%;
  box-sizing: border-box;
  background: url(/common/images/ico_arrow04.webp) no-repeat 10px center;
  color: #fff;
  font-size: 85.714%;
  font-family: "UD新ゴM", "UD Shin Go Medium", sans-serif !important;
  text-decoration: none;
  white-space: nowrap;
}

.brandHeaderBtns01 .btn:hover {
  text-decoration: underline;
  background-color: #b65c7a;
}

.brandHeaderBtns01 .btn span {
  display: table-cell;
  padding-top: 2px;
  vertical-align: middle;
}

.brandHeaderBtns01 .btn .ico {
  margin-left: 6px;
}

@media only screen and (min-width: 980px) {
  .brandHeaderMenuContent01.js-content {
    display: none !important;
  }
}

@media only screen and (max-width: 979px) {
  #brandHeader01 {
    height: 60px;
    min-height: auto;
  }

  .brandHeader01In {
    width: 100%;
    background-color: #a73762;
  }

  .brandHeaderLogo01 {
    float: none;
    margin-left: 20px;
    padding: 19px 0;
    width: auto;
    height: 22px;
  }

  .brandHeaderLogo01 img {
    width: auto;
    height: 22px;
  }

  .brandHeaderLogo01 .home {
    display: none;
  }

  .brandHeaderMenuBtn01 {
    display: table;
    position: absolute;
    right: 25px;
    top: 15px;
  }

  .brandHeaderMenuBtn01 a {
    display: table-cell;
    padding: 2px 40px 0 0;
    height: 30px;
    background: url(/dueler/common/images/btn_brandmenu_open01.webp) no-repeat
      right top;
    -webkit-background-size: 30px 30px;
    background-size: 30px 30px;
    vertical-align: middle;
    color: #fff;
    text-decoration: none;
  }

  .show .brandHeaderMenuBtn01 a {
    background-image: url(/dueler/common/images/btn_brandmenu_close01.webp);
  }

  .brandHeaderMenuContent01 {
    display: none;
    padding: 21px 58px;
    background-color: #a73762;
    border-top: 1px solid #5ac5ed;
  }

  .brandHeaderMenus01 {
    float: none;
    margin: 0;
    width: 100%;
    border-top: 1px solid #ccc;
  }

  .brandHeaderMenus01.pc_col5 {
    margin-left: 0;
  }

  .brandHeaderMenus01 li,
  .brandHeaderMenus01.pc_col5 li {
    float: left;
    width: 33.3%;
    border-bottom: 1px solid #ccc;
    box-sizing: border-box;
    font-size: 107.14%;
    font-family: "UD新ゴM", "UD Shin Go Medium", sans-serif !important;
    text-align: center;
  }

  .brandHeaderMenus01.tb_row1 li {
    width: 25%;
  }

  .brandHeaderMenus01 a {
    display: block;
    padding: 11px 0 7px;
  }

  .brandHeaderBtns01 {
    float: none;
    margin-top: 15px;
  }

  .brandHeaderBtns01 li {
    float: right;
  }

  .brandHeaderBtns01 li.home {
    float: left;
    width: 160px;
  }

  .brandHeaderBtns01 li + li {
    margin: 0 10px 0 0;
  }

  .brandHeaderBtns01 .btn {
    padding-right: 10px;
    height: 25px;
    border: 1px solid #ccc;
  }

  .brandHeaderBtns01 li.home .btn {
    padding: 0;
    background-image: none;
    text-align: center;
  }

  .brandHeaderBtns01 .btn:hover {
    text-decoration: none;
    background-color: #ffb75c;
  }

  .brandHeaderBtns01 .btn .ico {
    margin-left: 6px;
  }

  .brandHeaderBtns01 li.home img {
    margin: -4px 9px 0 0;
    width: 16px;
    height: auto;
    vertical-align: middle;
  }
}

@media only screen and (max-width: 767px) {
  #brandHeader01 {
    height: 45px;
  }

  .brandHeaderLogo01 {
    margin: 0 0 0 10px;
    padding: 10px 0 12px;
    height: 22px;
  }

  .brandHeaderMenuBtn01 {
    right: 8px;
    top: 8px;
  }

  .brandHeaderMenuContent01 {
    padding: 0;
    border-top: none;
  }

  .brandHeaderMenus01 {
    float: none;
    margin: 0;
    width: 100%;
    border-bottom: 1px solid #ccc;
    border-left: none;
  }

  .brandHeaderMenus01 li,
  .brandHeaderMenus01.tb_row1 li {
    width: 50%;
    font-size: 100%;
  }

  .brandHeaderMenus01 li:first-child {
    border-left: none;
  }

  .brandHeaderMenus01 li:last-child,
  .brandHeaderMenus01 li:nth-last-child(2):nth-child(2n-1) {
    border-bottom: none;
  }

  .brandHeaderBtns01 {
    margin: 15px 0 17px;
  }

  .brandHeaderBtns01 li {
    float: left;
    margin-bottom: 12px;
    padding: 0 10px;
    width: 50%;
    box-sizing: border-box;
  }

  .brandHeaderBtns01 li:first-child {
    float: right;
  }

  .brandHeaderBtns01 li + li {
    margin-right: 0;
  }

  .brandHeaderBtns01 li.home {
    clear: left;
    float: none;
    margin: 0 auto;
  }

  .brandHeaderBtns01 .btn {
    padding-left: 22px;
  }
}

@media only screen and (max-width: 979px) {
  .brandHeaderMenuBtn01 a {
    display: table-cell;
    padding: 2px 40px 0 0;
    height: 30px;
    background: url(/seiberling/common/images/btn_brandmenu_open01.webp)
      no-repeat right top !important;
    -webkit-background-size: 30px 30px !important;
    background-size: 30px 30px;
    vertical-align: middle;
    color: #fff;
    text-decoration: none;
  }
}

@media only screen and (max-width: 979px) {
  .show .brandHeaderMenuBtn01 a {
    background-image: url(/seiberling/common/images/btn_brandmenu_close01.png);
  }
}

.brandHeaderBtns01 .btn {
  display: table;
  padding-left: 20px;
  width: 100%;
  box-sizing: border-box;
  background: url(/seiberling/common/images/ico_arrow04.png) no-repeat 10px
    center !important;
  color: #fff;
  font-size: 85.714%;
  font-family: "UD新ゴM", "UD Shin Go Medium", sans-serif !important;
  text-decoration: none;
  white-space: nowrap;
}

@media only screen and (max-width: 979px) {
  /* 通常時（線あり） */
  #brandHeader01[data-astro-cid-fxjp6jr6] {
    border-bottom: 1px solid #fff;
  }

  #brandHeader01[data-astro-cid-fxjp6jr6]:has(.brandHeader01In.show) {
    border-bottom: none;
  }
}

@media (width >=979px) {
  html.safari #brandHeader01[data-astro-cid-fxjp6jr6] {
    padding: -10px !important;
    display: flex !important;
    align-items: center !important;
  }

  html.safari .brandHeaderMenuContent01[data-astro-cid-fxjp6jr6] {
    position: relative;
    /* top: -10px; 見た目が揃う値を入れる */
  }
}