@charset "UTF-8";
.commonHeader, .commonFooter {
  /*! destyle.css v2.0.2 | MIT License | https://github.com/nicolas-cusan/destyle.css */
  /* Reset box-model and set borders */
  /* ============================================ */
  /* Document */
  /* ============================================ */
  /**
  * 1. Correct the line height in all browsers.
  * 2. Prevent adjustments of font size after orientation changes in iOS.
  * 3. Remove gray overlay on links for iOS.
  */
  /* Sections */
  /* ============================================ */
  /**
  * Remove the margin in all browsers.
  */
  /**
  * Render the `main` element consistently in IE.
  */
  /* Vertical rhythm */
  /* ============================================ */
  /* Headings */
  /* ============================================ */
  /* Lists (enumeration) */
  /* ============================================ */
  /* Lists (definition) */
  /* ============================================ */
  /* Grouping content */
  /* ============================================ */
  /**
  * 1. Add the correct box sizing in Firefox.
  * 2. Show the overflow in Edge and IE.
  */
  /**
  * 1. Correct the inheritance and scaling of font size in all browsers.
  * 2. Correct the odd `em` font sizing in all browsers.
  */
  /* Text-level semantics */
  /* ============================================ */
  /**
  * Remove the gray background on active links in IE 10.
  */
  /**
  * 1. Remove the bottom border in Chrome 57-
  * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
  */
  /**
  * Add the correct font weight in Chrome, Edge, and Safari.
  */
  /**
  * 1. Correct the inheritance and scaling of font size in all browsers.
  * 2. Correct the odd `em` font sizing in all browsers.
  */
  /**
  * Add the correct font size in all browsers.
  */
  /**
  * Prevent `sub` and `sup` elements from affecting the line height in
  * all browsers.
  */
  /* Embedded content */
  /* ============================================ */
  /**
  * Prevent vertical alignment issues.
  */
  /* Forms */
  /* ============================================ */
  /**
  * Reset form fields to make them styleable
  */
  /**
  * Reset radio and checkbox appearance to preserve their look in iOS.
  */
  /**
  * Show the overflow in IE.
  * 1. Show the overflow in Edge.
  */
  /**
  * Remove the inheritance of text transform in Edge, Firefox, and IE.
  * 1. Remove the inheritance of text transform in Firefox.
  */
  /**
  * Correct the inability to style clickable types in iOS and Safari.
  */
  /**
  * Remove the inner border and padding in Firefox.
  */
  /**
  * Restore the focus styles unset by the previous rule.
  */
  /**
  * Remove arrow in IE10 & IE11
  */
  /**
  * Remove padding
  */
  /**
  * Reset to invisible
  */
  /**
  * 1. Correct the text wrapping in Edge and IE.
  * 2. Correct the color inheritance from `fieldset` elements in IE.
  * 3. Remove the padding so developers are not caught out when they zero out
  *    `fieldset` elements in all browsers.
  */
  /**
  * Add the correct vertical alignment in Chrome, Firefox, and Opera.
  */
  /**
  * Remove the default vertical scrollbar in IE 10+.
  */
  /**
  * Correct the cursor style of increment and decrement buttons in Chrome.
  */
  /**
  * 1. Correct the outline style in Safari.
  */
  /**
  * Remove the inner padding in Chrome and Safari on macOS.
  */
  /**
  * 1. Correct the inability to style clickable types in iOS and Safari.
  * 2. Change font properties to `inherit` in Safari.
  */
  /**
  * Clickable labels
  */
  /* Interactive */
  /* ============================================ */
  /*
  * Add the correct display in Edge, IE 10+, and Firefox.
  */
  /*
  * Add the correct display in all browsers.
  */
  /*
  * Remove outline for editable content.
  */
  /* Table */
  /* ============================================ */
  /* Misc */
  /* ============================================ */
  /**
  * Add the correct display in IE 10+.
  */
  /**
  * Add the correct display in IE 10.
  */
}
.commonHeader *, .commonFooter * {
  interpolate-size: allow-keywords;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "Noto Sans", "メイリオ", meiryo, sans-serif;
}
.commonHeader *:focus, .commonFooter *:focus {
  outline: none;
}
.commonHeader *:focus-visible, .commonFooter *:focus-visible {
  outline: 1px solid #000;
}
.commonHeader button, .commonFooter button {
  cursor: pointer;
  border: none;
  padding: 0;
  text-align: left;
  background-color: inherit;
}
.commonHeader a, .commonFooter a {
  text-decoration: none;
  color: inherit;
}
.commonHeader *,
.commonHeader ::before,
.commonHeader ::after, .commonFooter *,
.commonFooter ::before,
.commonFooter ::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-style: solid;
  border-width: 0;
}
.commonHeader html, .commonFooter html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -webkit-tap-highlight-color: transparent; /* 3*/
}
.commonHeader body, .commonFooter body {
  margin: 0;
}
.commonHeader main, .commonFooter main {
  display: block;
}
.commonHeader p,
.commonHeader table,
.commonHeader blockquote,
.commonHeader address,
.commonHeader pre,
.commonHeader iframe,
.commonHeader form,
.commonHeader figure,
.commonHeader dl, .commonFooter p,
.commonFooter table,
.commonFooter blockquote,
.commonFooter address,
.commonFooter pre,
.commonFooter iframe,
.commonFooter form,
.commonFooter figure,
.commonFooter dl {
  margin: 0;
}
.commonHeader h1,
.commonHeader h2,
.commonHeader h3,
.commonHeader h4,
.commonHeader h5,
.commonHeader h6, .commonFooter h1,
.commonFooter h2,
.commonFooter h3,
.commonFooter h4,
.commonFooter h5,
.commonFooter h6 {
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  margin: 0;
}
.commonHeader ul,
.commonHeader ol, .commonFooter ul,
.commonFooter ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
.commonHeader dt, .commonFooter dt {
  font-weight: bold;
}
.commonHeader dd, .commonFooter dd {
  margin-left: 0;
}
.commonHeader hr, .commonFooter hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
  border-top-width: 1px;
  margin: 0;
  clear: both;
  color: inherit;
}
.commonHeader pre, .commonFooter pre {
  font-family: monospace, monospace; /* 1 */
  font-size: inherit; /* 2 */
}
.commonHeader address, .commonFooter address {
  font-style: inherit;
}
.commonHeader a, .commonFooter a {
  background-color: transparent;
  text-decoration: none;
  color: inherit;
}
.commonHeader abbr[title], .commonFooter abbr[title] {
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}
.commonHeader b,
.commonHeader strong, .commonFooter b,
.commonFooter strong {
  font-weight: bolder;
}
.commonHeader code,
.commonHeader kbd,
.commonHeader samp, .commonFooter code,
.commonFooter kbd,
.commonFooter samp {
  font-family: monospace, monospace; /* 1 */
  font-size: inherit; /* 2 */
}
.commonHeader small, .commonFooter small {
  font-size: 80%;
}
.commonHeader sub,
.commonHeader sup, .commonFooter sub,
.commonFooter sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
.commonHeader sub, .commonFooter sub {
  bottom: -0.25em;
}
.commonHeader sup, .commonFooter sup {
  top: -0.5em;
}
.commonHeader img,
.commonHeader embed,
.commonHeader object,
.commonHeader iframe, .commonFooter img,
.commonFooter embed,
.commonFooter object,
.commonFooter iframe {
  vertical-align: bottom;
}
.commonHeader button,
.commonHeader input,
.commonHeader optgroup,
.commonHeader select,
.commonHeader textarea, .commonFooter button,
.commonFooter input,
.commonFooter optgroup,
.commonFooter select,
.commonFooter textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  vertical-align: middle;
  color: inherit;
  font: inherit;
  background: transparent;
  padding: 0;
  margin: 0;
  outline: 0;
  border-radius: 0;
  text-align: inherit;
}
.commonHeader [type=checkbox], .commonFooter [type=checkbox] {
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
       appearance: checkbox;
}
.commonHeader [type=radio], .commonFooter [type=radio] {
  -webkit-appearance: radio;
  -moz-appearance: radio;
       appearance: radio;
}
.commonHeader button,
.commonHeader input, .commonFooter button,
.commonFooter input {
  /* 1 */
  overflow: visible;
}
.commonHeader button,
.commonHeader select, .commonFooter button,
.commonFooter select {
  /* 1 */
  text-transform: none;
}
.commonHeader button,
.commonHeader [type=button],
.commonHeader [type=reset],
.commonHeader [type=submit], .commonFooter button,
.commonFooter [type=button],
.commonFooter [type=reset],
.commonFooter [type=submit] {
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}
.commonHeader button[disabled],
.commonHeader [type=button][disabled],
.commonHeader [type=reset][disabled],
.commonHeader [type=submit][disabled], .commonFooter button[disabled],
.commonFooter [type=button][disabled],
.commonFooter [type=reset][disabled],
.commonFooter [type=submit][disabled] {
  cursor: default;
}
.commonHeader button::-moz-focus-inner,
.commonHeader [type=button]::-moz-focus-inner,
.commonHeader [type=reset]::-moz-focus-inner,
.commonHeader [type=submit]::-moz-focus-inner, .commonFooter button::-moz-focus-inner,
.commonFooter [type=button]::-moz-focus-inner,
.commonFooter [type=reset]::-moz-focus-inner,
.commonFooter [type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
.commonHeader button:-moz-focusring,
.commonHeader [type=button]:-moz-focusring,
.commonHeader [type=reset]:-moz-focusring,
.commonHeader [type=submit]:-moz-focusring, .commonFooter button:-moz-focusring,
.commonFooter [type=button]:-moz-focusring,
.commonFooter [type=reset]:-moz-focusring,
.commonFooter [type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
.commonHeader select::-ms-expand, .commonFooter select::-ms-expand {
  display: none;
}
.commonHeader option, .commonFooter option {
  padding: 0;
}
.commonHeader fieldset, .commonFooter fieldset {
  margin: 0;
  padding: 0;
  min-width: 0;
}
.commonHeader legend, .commonFooter legend {
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}
.commonHeader progress, .commonFooter progress {
  vertical-align: baseline;
}
.commonHeader textarea, .commonFooter textarea {
  overflow: auto;
}
.commonHeader [type=number]::-webkit-inner-spin-button,
.commonHeader [type=number]::-webkit-outer-spin-button, .commonFooter [type=number]::-webkit-inner-spin-button,
.commonFooter [type=number]::-webkit-outer-spin-button {
  height: auto;
}
.commonHeader [type=search], .commonFooter [type=search] {
  outline-offset: -2px; /* 1 */
}
.commonHeader [type=search]::-webkit-search-decoration, .commonFooter [type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
.commonHeader ::-webkit-file-upload-button, .commonFooter ::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
.commonHeader label[for], .commonFooter label[for] {
  cursor: pointer;
}
.commonHeader details, .commonFooter details {
  display: block;
}
.commonHeader summary, .commonFooter summary {
  display: list-item;
}
.commonHeader [contenteditable], .commonFooter [contenteditable] {
  outline: none;
}
.commonHeader table, .commonFooter table {
  border-collapse: collapse;
  border-spacing: 0;
}
.commonHeader caption, .commonFooter caption {
  text-align: left;
}
.commonHeader td,
.commonHeader th, .commonFooter td,
.commonFooter th {
  vertical-align: top;
  padding: 0;
}
.commonHeader th, .commonFooter th {
  text-align: left;
  font-weight: bold;
}
.commonHeader template, .commonFooter template {
  display: none;
}
.commonHeader [hidden], .commonFooter [hidden] {
  display: none;
}

html:has(.local-PageTitle) .commonHeader {
  border-bottom: none;
}
@media (max-width: 767px) {
  html:has(.local-PageTitle) .commonHeader {
    border-bottom: 1px solid #ccc;
  }
}

.commonHeader {
  -webkit-transition: all ease-in-out 0.3s;
  transition: all ease-in-out 0.3s;
  border-bottom: 1px solid #DDDDDD;
}
@media (max-width: 767px) {
  .commonHeader {
    position: sticky;
    top: 0;
    left: 0;
    right: 0;
    z-index: 70;
  }
}
@media (max-width: 767px) {
  .commonHeader.is-scroll {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
}
.commonHeader > * {
  position: relative;
  z-index: 52;
}
.commonHeader .overlay_filter {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: #000;
  opacity: 0;
  z-index: 3;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  pointer-events: none;
}
.commonHeader.overlay .overlay_filter {
  opacity: 0.5;
  visibility: visible;
  pointer-events: all;
}
.commonHeader_main {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 19px 28px;
  background: #fff;
  margin-inline: auto;
}
@media (max-width: 767px) {
  .commonHeader_main {
    padding: 14px 16px;
  }
}
.commonHeader_main::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 83;
  display: block;
  width: 100%;
  height: 8px;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(102, 102, 102, 0.15)), to(rgba(102, 102, 102, 0)));
  background: linear-gradient(180deg, rgba(102, 102, 102, 0.15) 0%, rgba(102, 102, 102, 0) 100%);
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  visibility: hidden;
}
.commonHeader_main:has(.menu_btn_search.active)::after {
  opacity: 1;
  visibility: visible;
}
.commonHeader_main .logo_wrap_link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 30px;
}
@media (max-width: 767px) {
  .commonHeader_main .logo_wrap_link {
    gap: 15px;
  }
}
@media (max-width: 767px) {
  .commonHeader_main .logo_wrap_link .mainLogo {
    width: 98px;
  }
}
@media (max-width: 767px) {
  .commonHeader_main .logo_wrap_link .subLogo {
    width: 118px;
  }
  html[lang=en] .commonHeader_main .logo_wrap_link .subLogo {
    width: 128px;
  }
}
.commonHeader_main .menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
}
@media (max-width: 767px) {
  .commonHeader_main .menu {
    gap: 14px;
  }
}
.commonHeader_main .menu .menu_btn {
  position: relative;
  width: 24px;
  height: 24px;
  border: none;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.commonHeader_main .menu .menu_btn:hover::before, .commonHeader_main .menu .menu_btn.active::before {
  background-color: #DF0523;
}
.commonHeader_main .menu .menu_btn::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 24px;
  height: 24px;
  background-color: #000;
  -webkit-mask-image: var(--imgUrl);
          mask-image: var(--imgUrl);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 767px) {
  .commonHeader_main .menu .menu_btn::before {
    width: 20px;
    height: 20px;
  }
}
.commonHeader_main .menu .menu_btn::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 24px;
  height: 24px;
  background-color: #000;
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg id="svg-x" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M3.4301 3.4301C3.83689 3.0233 4.49644 3.0233 4.90324 3.4301L12.5 11.0269L20.0968 3.4301C20.5036 3.0233 21.1631 3.0233 21.5699 3.4301C21.9767 3.83689 21.9767 4.49644 21.5699 4.90324L13.9731 12.5L21.5699 20.0968C21.9767 20.5036 21.9767 21.1631 21.5699 21.5699C21.1631 21.9767 20.5036 21.9767 20.0968 21.5699L12.5 13.9731L4.90324 21.5699C4.49644 21.9767 3.83689 21.9767 3.4301 21.5699C3.0233 21.1631 3.0233 20.5036 3.4301 20.0968L11.0269 12.5L3.4301 4.90324C3.0233 4.49644 3.0233 3.83689 3.4301 3.4301Z" fill="%23ffffff"/></svg>');
          mask-image: url('data:image/svg+xml;utf8,<svg id="svg-x" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M3.4301 3.4301C3.83689 3.0233 4.49644 3.0233 4.90324 3.4301L12.5 11.0269L20.0968 3.4301C20.5036 3.0233 21.1631 3.0233 21.5699 3.4301C21.9767 3.83689 21.9767 4.49644 21.5699 4.90324L13.9731 12.5L21.5699 20.0968C21.9767 20.5036 21.9767 21.1631 21.5699 21.5699C21.1631 21.9767 20.5036 21.9767 20.0968 21.5699L12.5 13.9731L4.90324 21.5699C4.49644 21.9767 3.83689 21.9767 3.4301 21.5699C3.0233 21.1631 3.0233 20.5036 3.4301 20.0968L11.0269 12.5L3.4301 4.90324C3.0233 4.49644 3.0233 3.83689 3.4301 3.4301Z" fill="%23ffffff"/></svg>');
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  z-index: 2;
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 767px) {
  .commonHeader_main .menu .menu_btn::after {
    width: 20px;
    height: 20px;
  }
}
@media (max-width: 767px) {
  .commonHeader_main .menu .menu_btn_lang {
    display: none;
  }
}
.commonHeader_main .menu .menu_btn_lang::before {
  --imgUrl:url("data:image/svg+xml,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M12%202C6.48589%202%202%206.48589%202%2012C2%2017.5141%206.48589%2022%2012%2022C17.5141%2022%2022%2017.5141%2022%2012C22%206.48589%2017.5141%202%2012%202ZM20.3669%2012.7975C20.2791%2013.735%2020.0368%2014.6417%2019.6442%2015.4969H17.3558C17.538%2014.6092%2017.6497%2013.7025%2017.689%2012.7975H20.3669ZM20.3669%2011.2025H17.689C17.6485%2010.2761%2017.5368%209.36994%2017.3571%208.50307H19.6448C20.0362%209.36012%2020.2785%2010.2669%2020.3669%2011.2025ZM12.7975%2011.2025V8.50307H15.7227C15.9264%209.38957%2016.0497%2010.2963%2016.0914%2011.2025H12.7975ZM12.7975%206.90798V3.76933C13.5221%204.08282%2014.1982%204.80245%2014.7663%205.86748C14.9436%206.20307%2015.1018%206.55215%2015.2393%206.90798H12.7975ZM16.9313%206.90798C16.7184%206.26258%2016.4638%205.66074%2016.1748%205.11718C16.062%204.90614%2015.9436%204.70368%2015.8202%204.51043C16.9442%205.08405%2017.9227%205.90061%2018.6883%206.90798H16.9313ZM15.8184%2019.4902C15.9454%2019.2926%2016.0644%2019.089%2016.1748%2018.8822C16.4761%2018.3086%2016.7301%2017.7074%2016.9313%2017.092H18.6871C17.9215%2018.1%2016.9429%2018.9172%2015.8184%2019.4902ZM12.7975%2015.4969V12.7975H16.092C16.0472%2013.7319%2015.9239%2014.6387%2015.7233%2015.4969H12.7975ZM12.7975%2020.2307V17.092H15.2387C15.0957%2017.4644%2014.9374%2017.8135%2014.7669%2018.1313C14.1969%2019.1988%2013.5209%2019.9184%2012.7975%2020.2307ZM11.2025%2012.7975V15.4969H8.27669C8.07362%2014.6123%207.95031%2013.7055%207.90859%2012.7975H11.2025ZM11.2025%2017.092V20.2301C10.4779%2019.916%209.80123%2019.1963%209.23374%2018.1319C9.0638%2017.8123%208.90491%2017.4632%208.76196%2017.092H11.2025ZM5.31227%206.90798C6.07914%205.90184%207.05767%205.08466%208.18037%204.51043C8.05337%204.70798%207.93436%204.91104%207.82393%205.11779C7.5227%205.6908%207.26871%206.29202%207.06748%206.90798H5.31227ZM7.0681%2017.092C7.26933%2017.708%207.52393%2018.3098%207.82515%2018.8834C7.93558%2019.0896%208.0546%2019.2926%208.1816%2019.4908C7.05706%2018.9172%206.07791%2018.0994%205.31166%2017.092H7.0681ZM11.2025%208.50307V11.2025H7.90798C7.94969%2010.2951%208.07362%209.38834%208.2773%208.50307H11.2025ZM11.2025%203.76871V6.90798H8.76135C8.89816%206.55153%209.05706%206.20307%209.23374%205.8681C9.80307%204.80123%2010.4791%204.08098%2011.2025%203.76871ZM6.64356%208.50307C6.4638%209.37055%206.35215%2010.2767%206.31104%2011.2025H3.63313C3.72147%2010.2656%203.96442%209.35951%204.35583%208.50307H6.64356ZM6.31104%2012.7975C6.34969%2013.7031%206.46135%2014.6092%206.64356%2015.4969H4.35521C3.96258%2014.6417%203.72025%2013.735%203.63252%2012.7975H6.31104Z%22%20fill%3D%22%23333333%22/%3E%3C/svg%3E");
}
.commonHeader_main .menu .menu_btn_search::before {
  --imgUrl: url(../images/icon_search.svg);
}
.commonHeader_main .menu .menu_btn_search:hover::before, .commonHeader_main .menu .menu_btn_search.active::before {
  background-color: #DF0523;
}
@media (max-width: 767px) {
  .commonHeader_main .menu .menu_btn_search:hover::before, .commonHeader_main .menu .menu_btn_search.active::before {
    background-color: #000;
  }
}
@media (max-width: 767px) {
  .commonHeader_main .menu .menu_btn_search.active::before {
    opacity: 0;
  }
  .commonHeader_main .menu .menu_btn_search.active::after {
    opacity: 1;
  }
}
.commonHeader_main .menu .menu_btn_hamburger {
  position: relative;
  display: none;
  -webkit-mask-size: 21px 18px;
          mask-size: 21px 18px;
  --imgUrl: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='21' height='18' viewBox='0 0 21 18' fill='none'><rect width='21' height='2' rx='1' fill='%23333'/><rect y='8' width='21' height='2' rx='1' fill='%23333'/><rect y='16' width='21' height='2' rx='1' fill='%23333'/></svg>");
}
@media (max-width: 767px) {
  .commonHeader_main .menu .menu_btn_hamburger {
    display: block;
  }
}
.commonHeader_main .menu .menu_btn_hamburger:hover::before, .commonHeader_main .menu .menu_btn_hamburger.active::before {
  background-color: #000;
}
@media (max-width: 767px) {
  .commonHeader_main .menu .menu_btn_hamburger.active::before {
    opacity: 0;
  }
  .commonHeader_main .menu .menu_btn_hamburger.active::after {
    opacity: 1;
  }
}
.commonHeader_main .menu_wrap {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 24px;
}
.commonHeader_main .menu_wrap #custom_menu {
  position: relative;
  padding-right: 24px;
  font-size: 13px;
}
@media (max-width: 767px) {
  .commonHeader_main .menu_wrap #custom_menu {
    display: none;
  }
}
.commonHeader_main .menu_wrap #custom_menu::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 1px;
  height: 20px;
  background: #ccc;
}
.commonHeader_main .menu_wrap #custom_menu ul li a {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.commonHeader_main .menu_wrap #custom_menu ul li a:hover {
  color: #DF0523;
}
.commonHeader_main .menu_wrap:has(.menu_btn_search.active) + .search {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}
.commonHeader_main .menu_wrap:has(.menu_btn_search.active) + .search::after {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
.commonHeader_main .search {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  background: #fff;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  z-index: 1;
}
.commonHeader_main .search::after {
  content: "";
  position: absolute;
  top: -3px;
  right: 73px;
  width: 30px;
  height: 3px;
  background-color: #DF0523;
  z-index: -1;
  -webkit-transition: all ease-in-out 0.5s;
  transition: all ease-in-out 0.5s;
  clip-path: polygon(50% 0, 50% 0, 50% 100%, 50% 100%);
}
@media (max-width: 767px) {
  .commonHeader_main .search::after {
    display: none;
    right: 50px;
  }
}
.commonHeader_main .search > * {
  position: relative;
  z-index: 52;
}
.commonHeader_main .search .search_form {
  padding: 44px 50px;
  max-width: 900px;
  margin-inline: auto;
}
@media (max-width: 767px) {
  .commonHeader_main .search .search_form {
    padding: 22px 16px;
  }
}
.commonHeader_main .search table.gsc-input {
  border: none;
  height: 100%;
}
.commonHeader_main .search table.gsc-input *:not(.gsst_b) {
  height: 100%;
}
.commonHeader_main .search td.gsc-input {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 0;
  border: 1px solid #DDDDDD;
}
.commonHeader_main .search td.gsc-input input.gsc-input {
  padding: 14px !important;
  font-size: 20px;
  background: none !important;
  height: 100% !important;
}
@media (max-width: 767px) {
  .commonHeader_main .search td.gsc-input input.gsc-input {
    font-size: 16px;
    padding: 11px 12px !important;
  }
}
.commonHeader_main .search td.gsc-input input.gsc-input::-webkit-input-placeholder {
  font-size: 18px;
  color: #999999;
}
.commonHeader_main .search td.gsc-input input.gsc-input::-moz-placeholder {
  font-size: 18px;
  color: #999999;
}
.commonHeader_main .search td.gsc-input input.gsc-input:-ms-input-placeholder {
  font-size: 18px;
  color: #999999;
}
.commonHeader_main .search td.gsc-input input.gsc-input::-ms-input-placeholder {
  font-size: 18px;
  color: #999999;
}
.commonHeader_main .search td.gsc-input input.gsc-input::placeholder {
  font-size: 18px;
  color: #999999;
}
@media (max-width: 767px) {
  .commonHeader_main .search td.gsc-input input.gsc-input::-webkit-input-placeholder {
    font-size: 14px;
  }
  .commonHeader_main .search td.gsc-input input.gsc-input::-moz-placeholder {
    font-size: 14px;
  }
  .commonHeader_main .search td.gsc-input input.gsc-input:-ms-input-placeholder {
    font-size: 14px;
  }
  .commonHeader_main .search td.gsc-input input.gsc-input::-ms-input-placeholder {
    font-size: 14px;
  }
  .commonHeader_main .search td.gsc-input input.gsc-input::placeholder {
    font-size: 14px;
  }
}
.commonHeader_main .search .gsc-search-box {
  width: 100%;
  margin: 0;
}
.commonHeader_main .search .gsc-search-box .gsc-input-box {
  height: 100%;
  border: none;
}
.commonHeader_main .search .gsc-search-box .gsc-input-box tr {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.commonHeader_main .search .gsc-search-box tr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  width: 100%;
}
.commonHeader_main .search .gsc-search-box tr .a {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  width: 100%;
}
.commonHeader_main .search .gsc-search-box tr .b {
  width: 200px;
}
.commonHeader_main .search .gsc-search-box tr .b button {
  width: 100%;
}
.commonHeader_main .search .gsc-search-box tr .gsib_b {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.commonHeader_main .search .gsc-search-box tr .gscb_a {
  color: #666666;
  margin-top: 5px;
}
.commonHeader_main .search .gsc-search-box tr .gsst_b {
  padding: 0 8px;
}
.commonHeader_main .search .gsc-search-box tr .gsib_a {
  padding: 0;
}
.commonHeader_main .search .gsc-search-box td.gsc-search-button {
  position: relative;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin: 0;
  width: auto;
  background: #666666;
}
.commonHeader_main .search .gsc-search-box td.gsc-search-button:has(button.gsc-search-button:hover)::before {
  width: 100%;
}
.commonHeader_main .search .gsc-search-box td.gsc-search-button::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 100%;
  background-color: #DF0523;
  z-index: 1;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.commonHeader_main .search .gsc-search-box td.gsc-search-button > * {
  position: relative;
  z-index: 2;
}
.commonHeader_main .search .gsc-search-box td.gsc-search-button button.gsc-search-button {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  width: 100%;
  height: 100%;
  font-size: 16px;
  padding: 18px 34px;
  margin: 0;
  color: #fff;
  border-radius: 0;
  background: transparent;
  border: none;
  cursor: pointer;
}
@media (max-width: 767px) {
  .commonHeader_main .search .gsc-search-box td.gsc-search-button button.gsc-search-button {
    padding: 14px 13px;
  }
}
.commonHeader_main .search .gsc-search-box td.gsc-search-button button.gsc-search-button svg {
  display: none;
  width: 20px;
  height: 20px;
  fill: #fff;
}
.commonHeader_main .search .gsc-search-box td.gsc-search-button button.gsc-search-button::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  -webkit-mask-image: url("../images/icon_search.svg");
          mask-image: url("../images/icon_search.svg");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  background-color: #fff;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.commonHeader_main .search .gsc-search-box td.gsc-search-button button.gsc-search-button::after {
  content: "検索する";
}
html[lang=en] .commonHeader_main .search .gsc-search-box td.gsc-search-button button.gsc-search-button::after {
  content: "Search";
}
@media (max-width: 767px) {
  .commonHeader_main .search .gsc-search-box td.gsc-search-button button.gsc-search-button::after {
    content: none;
  }
}
.commonHeader_main .search .close {
  position: absolute;
  top: 40px;
  right: 30px;
  background: rgba(102, 102, 102, 0.1490196078);
  width: 36px;
  height: 36px;
  border-radius: 50%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 767px) {
  .commonHeader_main .search .close {
    display: none;
  }
}
.commonHeader_main .search .close::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 0;
  aspect-ratio: 1;
  background-color: #666;
  border-radius: 50%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.commonHeader_main .search .close::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 20px;
  height: 20px;
  -webkit-mask-image: url('data:image/svg+xml;utf8,<svg id="svg-x" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M3.4301 3.4301C3.83689 3.0233 4.49644 3.0233 4.90324 3.4301L12.5 11.0269L20.0968 3.4301C20.5036 3.0233 21.1631 3.0233 21.5699 3.4301C21.9767 3.83689 21.9767 4.49644 21.5699 4.90324L13.9731 12.5L21.5699 20.0968C21.9767 20.5036 21.9767 21.1631 21.5699 21.5699C21.1631 21.9767 20.5036 21.9767 20.0968 21.5699L12.5 13.9731L4.90324 21.5699C4.49644 21.9767 3.83689 21.9767 3.4301 21.5699C3.0233 21.1631 3.0233 20.5036 3.4301 20.0968L11.0269 12.5L3.4301 4.90324C3.0233 4.49644 3.0233 3.83689 3.4301 3.4301Z" fill="%23ffffff"/></svg>');
          mask-image: url('data:image/svg+xml;utf8,<svg id="svg-x" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M3.4301 3.4301C3.83689 3.0233 4.49644 3.0233 4.90324 3.4301L12.5 11.0269L20.0968 3.4301C20.5036 3.0233 21.1631 3.0233 21.5699 3.4301C21.9767 3.83689 21.9767 4.49644 21.5699 4.90324L13.9731 12.5L21.5699 20.0968C21.9767 20.5036 21.9767 21.1631 21.5699 21.5699C21.1631 21.9767 20.5036 21.9767 20.0968 21.5699L12.5 13.9731L4.90324 21.5699C4.49644 21.9767 3.83689 21.9767 3.4301 21.5699C3.0233 21.1631 3.0233 20.5036 3.4301 20.0968L11.0269 12.5L3.4301 4.90324C3.0233 4.49644 3.0233 3.83689 3.4301 3.4301Z" fill="%23ffffff"/></svg>');
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  background: #000;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.commonHeader_main .search .close:hover::before {
  width: 100%;
}
.commonHeader_main .search .close:hover::after {
  background: #fff;
}
.commonHeader_main .hamburger {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  background: #fff;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 767px) {
  .commonHeader_main .hamburger {
    height: calc(100svh - 53px);
    overflow-y: auto;
  }
}
.commonHeader_main .hamburger.active {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}
.commonHeader_main .hamburger_inner .spMenu_btn, .commonHeader_main .hamburger_inner .spMenu .spMenu_ttl {
  position: relative;
  display: block;
  width: 100%;
  padding: 16px;
  font-size: 16px;
  background-color: transparent;
  border-bottom: 1px solid #ddd;
  font-weight: 500;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.commonHeader_main .hamburger_inner .spMenu ul li.layer01 .spMenu_btn {
  background-color: #313131;
  border-bottom: 1px solid #727272;
  color: #fff;
}
.commonHeader_main .hamburger_inner .spMenu ul li.layer02 .spMenu_btn, .commonHeader_main .hamburger_inner .spMenu ul li.layer02 .spMenu_ttl {
  background-color: #4f4f4f;
  color: #fff;
  border-bottom: 1px solid #727272;
}
.commonHeader_main .hamburger_inner .spMenu ul li.layer02.openable > .spMenu_btn::after {
  position: absolute;
  top: 50%;
  right: 0.875rem;
  display: block;
  width: 1rem;
  height: 1rem;
  content: "";
  background-image: url('data:image/svg+xml;utf8,<svg id="svg-arw" viewBox="0 0 9 12" xmlns="http://www.w3.org/2000/svg"><path d="M1.6717 12L0.666748 10.935L5.32351 6L0.666748 1.065L1.6717 0L7.33341 6L1.6717 12Z" fill="%23BCBCBC"/></svg>');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 16px 16px;
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
  -webkit-transform: translate(0, -50%) rotate(90deg);
  transform: translate(0, -50%) rotate(90deg);
}
.commonHeader_main .hamburger_inner .spMenu ul li.layer02.openable .list {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  overflow: hidden;
  max-height: 100%;
}
.commonHeader_main .hamburger_inner .spMenu ul li.layer02.openable:not(.active) .list {
  height: 0;
}
.commonHeader_main .hamburger_inner .spMenu ul li.layer02.openable:not(.active) .list .spMenu_btn {
  padding-block: 0;
}
.commonHeader_main .hamburger_inner .spMenu ul li.layer02.openable.active > .spMenu_btn::after {
  -webkit-transform: translate(0, -50%) rotate(-90deg);
          transform: translate(0, -50%) rotate(-90deg);
}
.commonHeader_main .hamburger_inner .spMenu ul li.layer03 .spMenu_btn {
  background-color: #666666;
  color: #fff;
  border-bottom: 1px solid #727272;
}
.commonHeader_main .hamburger_inner .spMenu ul li.layer03 .spMenu_btn::before {
  content: "";
  display: inline-block;
  width: 8px;
  height: 9px;
  margin-right: 7px;
  background: #DF0523;
  clip-path: polygon(0 0, 100% 50%, 0 100%);
}
.commonHeader_main .hamburger_inner .otherLinks {
  padding: 28px 15px;
  font-size: 14px;
}
.commonHeader_main .hamburger_inner .otherLinks img {
  width: auto;
}
.commonHeader .main_ttl {
  font-size: 22px;
}

.commonFooter {
  position: relative;
  border-top: 1px solid #DDDDDD;
  z-index: 2;
  background: #fff;
}
.commonFooter .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-inline: 28px;
}
@media (max-width: 767px) {
  .commonFooter .inner {
    padding: 33px 15px 0;
    display: block;
  }
}
.commonFooter .inner .sns .sns_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
  height: 100%;
}
.commonFooter .inner .sns .sns_list .sns_item {
  position: relative;
  height: 100%;
}
.commonFooter .inner .sns .sns_list .sns_item .btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  width: 24px;
  height: 100%;
  font-size: 13px;
  -webkit-mask-image: var(--imgUrl);
          mask-image: var(--imgUrl);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: 100%;
          mask-size: 100%;
  background-color: #000;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  border: none;
}
@media (max-width: 767px) {
  .commonFooter .inner .sns .sns_list .sns_item .btn {
    height: 24px;
    -webkit-mask: none;
            mask: none;
    background: transparent;
    width: auto;
  }
  .commonFooter .inner .sns .sns_list .sns_item .btn::before {
    content: "";
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 12px;
    width: 24px;
    height: 24px;
    font-size: 13px;
    -webkit-mask-image: var(--imgUrl);
            mask-image: var(--imgUrl);
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: center;
            mask-position: center;
    -webkit-mask-size: 100%;
            mask-size: 100%;
    background-color: #000;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
  .commonFooter .inner .sns .sns_list .sns_item .btn::after {
    content: "";
    margin-left: 8px;
    width: 6px;
    height: 3px;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    background: #333;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
}
@media (max-width: 767px) and (max-width: 767px) {
  .commonFooter .inner .sns .sns_list .sns_item .btn::after {
    margin-left: 0;
  }
}
.commonFooter .inner .sns .sns_list .sns_item .btn span {
  display: none;
}
@media (max-width: 767px) {
  .commonFooter .inner .sns .sns_list .sns_item .btn span {
    display: inline-block;
    color: #000;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
}
.commonFooter .inner .sns .sns_list .sns_item .btn.active, .commonFooter .inner .sns .sns_list .sns_item .btn:hover {
  background-color: #DF0523;
}
@media (max-width: 767px) {
  .commonFooter .inner .sns .sns_list .sns_item .btn.active, .commonFooter .inner .sns .sns_list .sns_item .btn:hover {
    background-color: transparent;
  }
}
.commonFooter .inner .sns .sns_list .sns_item .btn.openable.active span {
  color: #DF0523;
}
.commonFooter .inner .sns .sns_list .sns_item .btn.openable.active + .list {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}
.commonFooter .inner .sns .sns_list .sns_item .btn.openable.active + .list::after {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
.commonFooter .inner .sns .sns_list .sns_item .btn.openable.active::before {
  background: #DF0523;
}
.commonFooter .inner .sns .sns_list .sns_item .btn.openable.active::after {
  -webkit-transform: scaleY(-1);
          transform: scaleY(-1);
  background: #DF0523;
}
.commonFooter .inner .sns .sns_list .sns_item .btn + .list {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.commonFooter .inner .sns .sns_list .sns_item .list {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
  top: 0;
  left: 0;
  width: 251px;
  padding: 30px 26px;
  -webkit-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.1215686275);
          box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.1215686275);
  background-color: #FFFFFF;
  border-radius: 10px;
  -webkit-transform: translate(-10px, -100%);
          transform: translate(-10px, -100%);
}
@media (max-width: 767px) {
  .commonFooter .inner .sns .sns_list .sns_item .list {
    top: -33px;
    left: 5px;
    width: 240px;
    padding: 20px;
  }
}
.commonFooter .inner .sns .sns_list .sns_item .list::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 10px;
  width: 24px;
  height: 2px;
  background-color: #DF0523;
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
  clip-path: polygon(50% 0, 50% 0, 50% 100%, 50% 100%);
  -webkit-transition: all ease-in-out 0.5s;
  transition: all ease-in-out 0.5s;
}
@media (max-width: 767px) {
  .commonFooter .inner .sns .sns_list .sns_item .list::after {
    left: 4px;
  }
}
.commonFooter .inner .sns .sns_list .sns_item .list .item a {
  font-size: 13px;
  text-decoration: none;
  color: #666666;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.commonFooter .inner .sns .sns_list .sns_item .list .item a[target=_blank]::after {
  content: "";
  background-color: #666666;
  -webkit-mask-image: url("/include_common/assets/images/icon_blank.svg");
          mask-image: url("/include_common/assets/images/icon_blank.svg");
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  width: 14px;
  height: 14px;
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.commonFooter .inner .sns .sns_list .sns_item .list .item a:hover {
  color: #DF0523;
}
.commonFooter .inner .sns .sns_list .sns_item .list .item a:hover::after {
  background-color: #DF0523;
}
.commonFooter .inner .footer_link {
  color: #666666;
  padding-block: 28px;
}
@media (max-width: 767px) {
  .commonFooter .inner .footer_link {
    padding-block: 30px 16px;
  }
}
.commonFooter .inner .footer_link .link_top ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 25px;
}
@media (max-width: 767px) {
  .commonFooter .inner .footer_link .link_top ul {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.commonFooter .inner .footer_link .link_top ul li a {
  color: #666666;
  text-decoration: none;
  font-size: 14px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 767px) {
  .commonFooter .inner .footer_link .link_top ul li a {
    font-size: 13px;
  }
}
.commonFooter .inner .footer_link .link_top ul li a:hover {
  color: #DF0523;
}
.commonFooter .inner .footer_link .link_bottom {
  margin-top: 11px;
  text-align: right;
}
@media (max-width: 767px) {
  .commonFooter .inner .footer_link .link_bottom {
    margin-top: 24px;
    text-align: left;
  }
}
.commonFooter .inner .footer_link .link_bottom .copy {
  font-size: 12px;
}

.gssb_c {
  top: 184px !important;
}
@media (max-width: 767px) {
  .gssb_c {
    top: 130px !important;
  }
}

@media (min-width: 768px) {
  .-pagetop-end .global-Pagetop {
    bottom: 131px;
  }
}

@media (min-width: 768px) {
  .global-Pagetop {
    position: fixed;
    right: 40px;
    bottom: 90px;
    z-index: 90;
  }
}
.global-Pagetop #common_pageTop {
  position: relative;
  display: block;
  width: 100%;
  height: 39px;
  background-color: #999;
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
}
@media (min-width: 768px) {
  .global-Pagetop #common_pageTop {
    width: 56px;
    height: 56px;
    border-radius: 50px;
    opacity: 0.7;
  }
}
.global-Pagetop #common_pageTop > span {
  display: none;
}
.global-Pagetop #common_pageTop:hover {
  opacity: 0.5;
}
.global-Pagetop #common_pageTop::before {
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 10px;
  height: 10px;
  content: "";
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: translate(-25%, -25%) rotate(-45deg);
          transform: translate(-25%, -25%) rotate(-45deg);
}
@media (min-width: 768px) {
  .global-Pagetop #common_pageTop::before {
    -webkit-transform: translate(-50%, -40%) rotate(-45deg);
            transform: translate(-50%, -40%) rotate(-45deg);
  }
}

.local-PageTitle_Inner {
  max-width: 1312px;
  margin-inline: auto;
}
@media (max-width: 767px) {
  .local-PageTitle_Inner {
    padding: 0rem 1rem;
  }
}

.global-Breadcrumb ol li {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "Noto Sans", "メイリオ", meiryo, sans-serif;
  font-size: 0.6875rem;
  font-weight: 500;
  line-height: 0.6875rem;
  color: #666;
  text-decoration: none;
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
}

.local-PageTitle {
  background: #fff;
  border-bottom: 1px solid #DDDDDD;
}
.local-PageTitle_Main {
  font-size: 22px;
  padding: 1rem 27px;
  font-size: 1.375rem;
  line-height: 1.375rem;
}
@media (max-width: 767px) {
  .local-PageTitle_Main {
    padding: 0.625rem 0;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.6875rem;
  }
}

@media screen and (min-width: 1024px) {
  html:has(.local-PageTitle) .global-Header_MainContentsWrap {
    border-bottom: none;
  }
}
.global-Breadcrumb {
  padding-bottom: 12px;
  margin-top: 12px;
}
@media (min-width: 768px) {
  .global-Breadcrumb {
    margin-top: 32px;
  }
}
.global-Breadcrumb ol {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: wrap;
      flex-flow: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  max-width: calc(100% + 56px);
  padding: 0 16px;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .global-Breadcrumb ol {
    padding: 0 28px;
  }
}
.global-Breadcrumb ol li {
  position: relative;
  padding-right: 24px;
  margin-top: 8px;
  line-height: 11px;
  list-style: none;
}
.global-Breadcrumb ol li::after {
  position: absolute;
  right: 7px;
  bottom: 1px;
  display: block;
  width: 8px;
  height: 8px;
  content: "";
  background-image: url('data:image/svg+xml;utf8,<svg id="svg-arw" viewBox="0 0 9 12" xmlns="http://www.w3.org/2000/svg"><path d="M1.6717 12L0.666748 10.935L5.32351 6L0.666748 1.065L1.6717 0L7.33341 6L1.6717 12Z" fill="%23666666"/></svg>');
  background-size: 8px 8px;
}
.global-Breadcrumb ol li:last-child {
  padding-right: 0px;
}
.global-Breadcrumb ol li:last-child::after {
  display: none;
}
.global-Breadcrumb ol li:last-child a {
  pointer-events: none;
}
.global-Breadcrumb ol li a {
  font-size: 11px;
  font-weight: 500;
  line-height: 11px;
  color: #666;
  text-decoration: none;
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
  -webkit-transition-duration: 0.2s;
          transition-duration: 0.2s;
}
@media (min-width: 768px) {
  .global-Breadcrumb ol li a:hover {
    color: #DF0523;
    text-decoration: underline;
  }
}