@charset "UTF-8";
/* Sanitize
 * ========================================================================== */
/**
 * Add border box sizing in all browsers (opinionated).
 */
html {
  box-sizing: border-box;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

/**
 * 1. Add text decoration inheritance in all browsers (opinionated).
 * 2. Add vertical alignment inheritance in all browsers (opinionated).
 */
::before,
::after {
  text-decoration: inherit; /* 1 */
  vertical-align: inherit; /* 2 */
}

/**
 * 1. Use the default cursor in all browsers (opinionated).
 * 2. Change the line height in all browsers (opinionated).
 * 3. Use a 4-space tab width in all browsers (opinionated).
 * 4. Remove the grey highlight on links in iOS (opinionated).
 * 5. Prevent adjustments of font size after orientation changes in
 *		IE on Windows Phone and in iOS.
 * 6. Breaks words to prevent overflow in all browsers (opinionated).
 */
html {
  line-height: 1.5; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  -webkit-tap-highlight-color: transparent; /* 4 */
  -ms-text-size-adjust: 100%; /* 5 */
  -webkit-text-size-adjust: 100%; /* 5 */
  word-break: break-word; /* 6 */
}

/* Sections
 * ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Edge, Firefox, and Safari.
 */
h1, h2, h3, h4, h5, h6 {
  margin: 0;
  font-weight: normal;
}

/* Grouping content
 * ========================================================================== */
/**
 * Remove the margin on nested lists in Chrome, Edge, IE, and Safari.
 */
dl dl,
dl ol,
dl ul,
ol dl,
ul dl {
  margin: 0;
}

/**
 * Remove the margin on nested lists in Edge 18- and IE.
 */
ol ol,
ol ul,
ul ol,
ul ul {
  margin: 0;
}

/**
 * 1. Add the correct sizing in Firefox.
 * 2. Show the overflow in Edge 18- and IE.
 */
hr {
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * Add the correct display in IE.
 */
main {
  display: block;
}

/**
 * Remove the list style on navigation lists in all browsers (opinionated).
 */
nav ol,
nav ul {
  list-style: none;
  padding: 0;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
 * ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * Add the correct text decoration in Edge 18-, IE, and Safari.
 */
abbr[title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/* Embedded content
 * ========================================================================== */
/*
 * Change the alignment on media elements in all browsers (opinionated).
 */
img {
  max-width: 100%;
  height: auto;
}

audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: top;
}

/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Remove the border on iframes in all browsers (opinionated).
 */
iframe {
  border-style: none;
}

/**
 * Remove the border on images within links in IE 10-.
 */
img {
  border-style: none;
}

/**
 * Change the fill color to match the text color in all browsers (opinionated).
 */
svg:not([fill]) {
  fill: currentColor;
}

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Tabular data
 * ========================================================================== */
/**
 * Collapse border spacing in all browsers (opinionated).
 */
table {
  border-collapse: collapse;
}

/* Forms
 * ========================================================================== */
/**
 * Remove the margin on controls in Safari.
 */
button,
input,
select {
  margin: 0;
}

/**
 * 1. Show the overflow in IE.
 * 2. Remove the inheritance of text transform in Edge 18-, Firefox, and IE.
 */
button {
  overflow: visible; /* 1 */
  text-transform: none; /* 2 */
}

/**
 * Correct the inability to style buttons in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * 1. Change the inconsistent appearance in all browsers (opinionated).
 * 2. Correct the padding in Firefox.
 */
fieldset {
  border: 1px solid #a0a0a0; /* 1 */
  padding: 0.35em 0.75em 0.625em; /* 2 */
}

/**
 * Show the overflow in Edge 18- and IE.
 */
input {
  overflow: visible;
}

/**
 * 1. Correct the text wrapping in Edge 18- and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 */
legend {
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  white-space: normal; /* 1 */
  color: inherit; /* 2 */
}

/**
 * 1. Add the correct display in Edge 18- and IE.
 * 2. Add the correct vertical alignment in Chrome, Edge, and Firefox.
 */
progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Remove the inheritance of text transform in Firefox.
 */
select {
  text-transform: none;
}

/**
 * 1. Remove the margin in Firefox and Safari.
 * 2. Remove the default vertical scrollbar in IE.
 * 3. Change the resize direction in all browsers (opinionated).
 */
textarea {
  margin: 0; /* 1 */
  overflow: auto; /* 2 */
  resize: vertical; /* 3 */
}

/**
 * Remove the padding in IE 10-.
 */
[type=checkbox],
[type=radio] {
  padding: 0;
}

/**
 * 1. Correct the odd appearance in Chrome, Edge, and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Safari.
 */
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/**
 * Correct the text style of placeholders in Chrome, Edge, and Safari.
 */
::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.5;
}

/**
 * Remove the inner padding in Chrome, Edge, and Safari on macOS.
 */
::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style upload buttons in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/**
 * Remove the inner border and padding of focus outlines in Firefox.
 */
::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus outline styles unset by the previous rule in Firefox.
 */
:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Remove the additional :invalid styles in Firefox.
 */
:-moz-ui-invalid {
  box-shadow: none;
}

/* Interactive
 * ========================================================================== */
/*
 * Add the correct display in Edge 18- and IE.
 */
details {
  display: block;
}

/*
 * Add the correct styles in Edge 18-, IE, and Safari.
 */
dialog {
  background-color: white;
  border: solid;
  color: black;
  display: block;
  height: -moz-fit-content;
  height: fit-content;
  left: 0;
  margin: auto;
  padding: 1em;
  position: absolute;
  right: 0;
  width: -moz-fit-content;
  width: fit-content;
}

dialog:not([open]) {
  display: none;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Scripting
 * ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */
template {
  display: none;
}

/* User interaction
 * ========================================================================== */
/*
 * 1. Remove the tapping delay in IE 10.
 * 2. Remove the tapping delay on clickable elements
			in all browsers (opinionated).
 */
a,
area,
button,
input,
label,
select,
summary,
textarea,
[tabindex] { /* 1 */
  touch-action: manipulation; /* 2 */
}

/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none;
}

/* Accessibility
 * ========================================================================== */
/**
 * Change the cursor on busy elements in all browsers (opinionated).
 */
[aria-busy=true] {
  cursor: progress;
}

/*
 * Change the cursor on control elements in all browsers (opinionated).
 */
[aria-controls] {
  cursor: pointer;
}

/*
 * Change the cursor on disabled, not-editable, or otherwise
 * inoperable elements in all browsers (opinionated).
 */
[aria-disabled=true],
[disabled] {
  cursor: not-allowed;
}

/*
 * Change the display on visually hidden accessible elements
 * in all browsers (opinionated).
 */
[aria-hidden=false][hidden] {
  display: initial;
}

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

dl dd {
  margin-left: 0;
}

figure {
  margin: 0;
}

table {
  table-layout: fixed;
}

menu {
  padding: 0;
}

picture {
  display: block;
}

p {
  margin: 0;
  padding: 0;
}

ul, li {
  margin: 0;
  padding: 0;
  list-style: none;
}

img {
  max-width: 100%;
  height: auto;
}
@media screen and (max-width: 767px) {
  img {
    width: 100%;
  }
}

html {
  font-size: 62.5%;
  height: 100%;
}

body {
  position: relative;
  min-width: 1100px;
  color: #1C1C1F;
  font-size: 1.6rem;
  line-height: 1.5;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  word-wrap: break-word;
  overflow-wrap: break-word;
  word-break: normal;
  line-break: strict;
}
body.is-fixed {
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

img {
  vertical-align: bottom;
  max-width: 100%;
  height: auto;
}

figure {
  padding: 0;
  margin: 0;
}

label {
  cursor: pointer;
}

input,
button,
textarea,
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  border-radius: 0;
  resize: none;
  outline: none;
  background: none;
  font-family: "Noto Sans JP", sans-serif;
}
input:focus,
button:focus,
textarea:focus,
select:focus {
  outline: none;
}

select::-ms-expand {
  display: none;
}

button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  color: #1C1C1F;
}

.preload *, .preload *::before, .preload *::after {
  transition: none !important;
}

*,
*:before,
*:after {
  box-sizing: border-box;
}

/* svg */
#svg-sprite {
  display: none;
}

svg:not(:root) {
  overflow: hidden;
}

svg {
  width: 100%;
  height: 100%;
}

section {
  position: relative;
}

@media screen and (max-width: 767px) {
  html {
    min-height: 100vh;
  }
  body {
    min-width: 1%;
    position: relative;
    max-width: 100%;
  }
}
/* link
--------------------------------------------------*/
a {
  color: inherit;
}
a:link, a:active, a:visited {
  text-decoration: none;
}

a.txt_link {
  border-bottom: 1px solid #ffffff;
}
@media print and (any-hover: hover), screen and (any-hover: hover) and (min-width: 768px) {
  a.txt_link:hover {
    opacity: 0.7;
  }
}

@media print and (any-hover: hover), screen and (any-hover: hover) and (min-width: 768px) {
  a[href^="tel:"] {
    display: inline-block;
    pointer-events: none;
  }
  a,
  a * {
    outline: none;
  }
  /* focus必要？ */
}
button:hover {
  cursor: pointer;
}

a {
  text-decoration: none;
  outline: 1px solid transparent;
  backface-visibility: hidden;
}

/* --------------------------------------------------
  headline
-------------------------------------------------- */
.c-headline {
  position: relative;
  font-weight: 700;
}
.c-headline-h1 {
  font-size: 1.8rem;
  line-height: 1.25;
}
@media screen and (max-width: 767px) {
  .c-headline-h1 {
    font-size: 2.2rem;
  }
}
.c-headline-h2 {
  font-size: 2.4rem;
  margin-bottom: 24px;
}
@media screen and (max-width: 767px) {
  .c-headline-h2 {
    font-size: 2rem;
    margin-bottom: 14px;
  }
}
.c-headline-h2--sm {
  font-size: 1.8rem;
}
@media screen and (max-width: 767px) {
  .c-headline-h2--sm {
    font-size: 1.6rem;
  }
}
.c-headline-h2--pcsm {
  font-size: 1.8rem;
}
.c-headline-h3 {
  font-size: 1.8rem;
}
@media screen and (max-width: 767px) {
  .c-headline-h3 {
    font-size: 1.6rem;
  }
}
.c-headline-sub01 {
  font-size: 1.4rem;
  font-weight: 500;
  color: #6E6E74;
  margin-bottom: 5px;
}
@media screen and (max-width: 767px) {
  .c-headline-sub01 {
    margin-bottom: 0;
  }
}
.c-headline-sub02 {
  font-size: 1.2rem;
  font-weight: 500;
  color: #003E92;
  background: #E3EEFD;
  padding: 0.25em 0.9em;
  border-radius: 9999px;
  display: inline-block;
  margin-bottom: 5px;
}

.c-headline-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 18px;
}
.c-headline-wrap__link a {
  position: relative;
  font-size: 1.4rem;
  color: #1C1C1F;
  line-height: 1;
}
@media print and (any-hover: hover), screen and (any-hover: hover) and (min-width: 768px) {
  .c-headline-wrap__link a:hover {
    background-color: rgba(28, 28, 31, 0.04);
  }
}
@media print, screen and (min-width: 768px) {
  .c-headline-wrap__link a {
    width: 11rem;
    height: 3.6rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    background-color: transparent;
    padding-right: 1.6em;
  }
  .c-headline-wrap__link a::before {
    position: absolute;
    content: "";
    width: 7px;
    height: 7px;
    border-top: solid 1px #1C1C1F;
    border-right: solid 1px #1C1C1F;
    position: absolute;
    right: 0.8em;
    top: 52%;
    transform: translateY(-52%) rotate(45deg);
  }
}
@media screen and (max-width: 767px) {
  .c-headline-wrap__link {
    margin-top: 14px;
  }
  .c-headline-wrap__link.-ml {
    margin-left: 30px;
  }
  .c-headline-wrap__link a {
    color: #0055CC;
  }
  .c-headline-wrap__link a::before {
    display: none;
  }
}

/* --------------------------------------------------
  pagettl
-------------------------------------------------- */
.c-pagettl {
  position: relative;
  font-weight: 700;
  font-size: 2.8rem;
  line-height: 1.25;
  border-bottom: 1px solid #E7E7EA;
  padding-bottom: 24px;
  margin-bottom: 32px;
}
@media screen and (max-width: 767px) {
  .c-pagettl {
    font-size: 2.2rem;
    width: calc(100% + 32px);
    margin-left: -16px;
    margin-right: -16px;
    margin-bottom: 0;
    padding-left: 16px;
    padding-right: 16px;
  }
}
.c-pagettl--full {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
  font-size: 2.4rem;
}
@media screen and (max-width: 767px) {
  .c-pagettl--full {
    font-size: 2.2rem;
  }
}
.c-pagettl__num {
  position: relative;
  display: inline-block;
  background: #1C1C1F;
  padding: 0.6em 0.8em;
  border-radius: 28px;
  font-size: 1.2rem;
  line-height: 1;
  color: #fff;
  font-weight: 700;
  font-family: "Roboto", sans-serif;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  bottom: 0.5em;
  left: 0.5em;
}
.c-pagettl__num span {
  font-size: 1.4rem;
}
@media screen and (max-width: 767px) {
  .c-pagettl__num {
    bottom: 0.2em;
  }
}

/* --------------------------------------------------
  btn
-------------------------------------------------- */
@media print, screen and (min-width: 768px) {
  .c-btn-primary a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.4rem;
    color: #1C1C1F;
    font-weight: 700;
    width: 250px;
    height: 44px;
    background: #fff;
    border: 1px solid #E7E7EA;
    border-radius: 4px;
    margin: auto;
  }
}
@media print and (any-hover: hover), screen and (min-width: 768px) and (any-hover: hover) and (min-width: 768px) {
  .c-btn-primary a:hover {
    background: rgba(28, 28, 31, 0.04);
    border-color: #D0D1D5;
  }
}
@media screen and (max-width: 767px) {
  .c-btn-primary {
    display: inline-block;
    color: #0055CC;
    font-size: 1.4rem;
  }
  .c-btn-primary.-ml {
    margin-left: 30px;
  }
}

.c-storebtn {
  background: #fff;
  padding: 0 16px;
  height: 52px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media print, screen and (min-width: 768px) {
  .c-storebtn {
    display: none;
  }
}
.c-storebtn--gray {
  background: #F3F3F5;
}
.c-storebtn a {
  position: relative;
  display: inline-flex;
  align-items: center;
  width: 100%;
  height: 36px;
  background: linear-gradient(90deg, rgb(0, 62, 146) 0%, rgb(87, 172, 205) 63%);
  border-radius: 4px;
  font-size: 1.2rem;
  color: #fff;
  font-weight: 500;
  padding-left: 3.6em;
}
.c-storebtn a::before, .c-storebtn a::after {
  position: absolute;
  content: "";
  top: 50%;
}
.c-storebtn a::before {
  background: url("../img/common/icn_store.svg") no-repeat center center/contain;
  width: 15px;
  height: 14px;
  left: 1.4em;
  transform: translateY(-50%);
}
.c-storebtn a::after {
  width: 7px;
  height: 7px;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  right: 1.6em;
  transform: translateY(-50%) rotate(45deg);
}

/* --------------------------------------------------
  ripple
-------------------------------------------------- */
.c-ripple {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.c-ripple .is-press {
  position: absolute;
  border-radius: 9999px;
  transform: translate(-50%, -50%);
  animation: ripple-animation 600ms cubic-bezier(0.4, 0, 0.2, 1);
  pointer-events: none;
  z-index: 2;
  background: rgba(28, 28, 31, 0.1);
}
.c-ripple--blue .is-press {
  background: rgba(255, 255, 255, 0.3);
}
.c-ripple--white .is-press {
  background: rgba(255, 255, 255, 0.3);
}
.c-ripple--top .is-press {
  background: rgba(0, 85, 204, 0.3);
}

@keyframes ripple-animation {
  from {
    transform: translate(-50%, -50%) scale(0.1);
  }
  to {
    transform: translate(-50%, -50%) scale(3);
    opacity: 0.15;
  }
}
/* --------------------------------------------------
  c-column
-------------------------------------------------- */
.c-column01__item:not(:last-of-type) {
  border-bottom: 1px solid #E7E7EA;
  padding-bottom: 24px;
}
.c-column01__item + .c-column01__item {
  margin-top: 24px;
}
@media screen and (max-width: 767px) {
  .c-column01__item:not(:last-of-type) {
    padding-bottom: 16px;
  }
  .c-column01__item + .c-column01__item {
    margin-top: 16px;
  }
}
.c-column01__thumb {
  max-width: 293px;
  flex: 1 1 293px;
  height: auto;
}
.c-column01__thumb a {
  display: block;
  width: 100%;
  height: auto;
}
@media print and (any-hover: hover), screen and (any-hover: hover) and (min-width: 768px) {
  .c-column01__thumb a {
    transition: opacity 0 ease;
    cursor: pointer;
  }
  .c-column01__thumb a:hover {
    opacity: 0.6;
  }
}
.c-column01__thumb img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  aspect-ratio: 293/165;
  border-radius: 4px;
}
@media screen and (max-width: 767px) {
  .c-column01__thumb {
    max-width: 128px;
    flex: 1 1 auto;
  }
  .c-column01__thumb img {
    border-radius: 2px;
  }
}
.c-column01__inner {
  display: flex;
  gap: 16px;
}
@media screen and (max-width: 767px) {
  .c-column01__inner {
    flex-direction: row-reverse;
  }
}
.c-column01__detail {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media screen and (max-width: 767px) {
  .c-column01__detail {
    justify-content: flex-start;
  }
}
@media print and (any-hover: hover), screen and (any-hover: hover) and (min-width: 768px) {
  .c-column01__head:hover .c-column01__ttl {
    color: rgba(51, 51, 51, 0.8);
  }
}
.c-column01__new {
  color: #D32F2F;
  font-family: "Roboto", sans-serif;
  font-size: 1.2rem;
  font-weight: 700;
  margin-bottom: 0.6em;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .c-column01__new {
    margin-bottom: 0.4em;
  }
}
.c-column01__ttl {
  margin-bottom: 10px;
  font-feature-settings: "palt";
  letter-spacing: 0.04em;
  transition: 0.3s ease;
  display: block;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .c-column01__ttl {
    -webkit-line-clamp: 3;
  }
}
.c-column01__txt {
  color: #6E6E74;
  font-size: 1.4rem;
  display: block;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .c-column01__txt {
    display: none;
  }
}
.c-column01__info {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 5px 8px;
}
.c-column01__date {
  font-family: "Roboto", sans-serif;
  font-size: 1.2rem;
  color: #6E6E74;
}
.c-column01__tag {
  display: inline-block;
  background: #F3F3F5;
  color: #6E6E74;
  font-weight: 700;
  font-size: 1.2rem;
  text-align: center;
  padding: 0.2em 0.8em;
  border-radius: 2px;
}
@media screen and (max-width: 767px) {
  .c-column01__tag {
    font-weight: 500;
    padding: 0.1em 0.6em;
  }
}
@media print and (any-hover: hover), screen and (any-hover: hover) and (min-width: 768px) {
  .c-column01__tag:hover {
    background: rgba(0, 0, 0, 0.12);
  }
}
.c-column01__icn {
  position: relative;
  bottom: 0.2em;
  padding-left: 0.3em;
}
.c-column01__icn img {
  width: 15px;
}
@media screen and (max-width: 767px) {
  .c-column01__icn {
    bottom: 0.3em;
  }
  .c-column01__icn img {
    width: 12px;
  }
}
.c-column01__btn {
  margin-top: 40px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .c-column01__btn {
    margin-top: 16px;
  }
}

.c-column02__wrap {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 30px calc((100% - 750px) / 2);
}
@media screen and (max-width: 767px) {
  .c-column02__wrap {
    flex-direction: column;
    gap: 0;
  }
}
.c-column02__item {
  max-width: 250px;
  flex: 1 1 250px;
}
@media screen and (max-width: 767px) {
  .c-column02__item {
    width: 100%;
    max-width: 100%;
    flex: 1 1 auto;
    max-width: inherit;
  }
  .c-column02__item:not(:last-of-type) {
    border-bottom: 1px solid #E7E7EA;
    padding-bottom: 16px;
  }
  .c-column02__item + .c-column02__item {
    margin-top: 16px;
  }
}
.c-column02--side .c-column02__wrap {
  gap: 24px 0;
}
.c-column02--side .c-column02__item {
  max-width: 260px;
}
.c-column02__thumb {
  position: relative;
  width: 100%;
  height: auto;
}
@media print, screen and (min-width: 768px) {
  .c-column02__thumb.-new a::before {
    position: absolute;
    content: "NEW";
    background: #D32F2F;
    color: #fff;
    border-radius: 4px;
    font-family: "Roboto", sans-serif;
    font-size: 1.2rem;
    font-weight: 500;
    margin-bottom: 0.4em;
    padding: 0.02em 0.4em 0;
    left: 0.3em;
    top: 0.3em;
    transition: 0.4s ease;
  }
}
.c-column02__thumb a {
  display: block;
  width: 100%;
  height: auto;
}
@media print and (any-hover: hover), screen and (any-hover: hover) and (min-width: 768px) {
  .c-column02__thumb a {
    transition: opacity 0 ease;
    cursor: pointer;
  }
  .c-column02__thumb a:hover {
    opacity: 0.6;
  }
}
.c-column02__thumb img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  aspect-ratio: 250/141;
  border-radius: 4px;
}
@media screen and (max-width: 767px) {
  .c-column02__thumb {
    max-width: 128px;
  }
  .c-column02__thumb img {
    border-radius: 2px;
  }
}
.c-column02__inner {
  position: relative;
  display: flex;
  gap: 16px;
}
@media screen and (max-width: 767px) {
  .c-column02__inner {
    flex-direction: row;
    justify-content: space-between;
    gap: 8px;
  }
}
.c-column02__num {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}
.c-column02__num img {
  width: 32px;
}
@media screen and (max-width: 767px) {
  .c-column02__num {
    position: static;
    left: auto;
    top: auto;
    flex-shrink: 0;
  }
  .c-column02__num img {
    width: 24px;
  }
}
.c-column02_cont {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .c-column02_cont {
    width: 100%;
    flex-direction: row-reverse;
    gap: 0 8px;
  }
}
.c-column02__detail {
  position: relative;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-top: 8px;
}
@media screen and (max-width: 767px) {
  .c-column02__detail {
    margin-top: 0;
    justify-content: flex-start;
  }
}
.c-column02__ttl {
  font-size: 1.6rem;
  margin-bottom: 16px;
  letter-spacing: 0.04em;
  font-feature-settings: "palt";
}
@media screen and (max-width: 767px) {
  .c-column02__ttl {
    margin-bottom: 8px;
  }
}
.c-column02__ttl a {
  display: block;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  transition: 0.3s ease;
}
@media print and (any-hover: hover), screen and (any-hover: hover) and (min-width: 768px) {
  .c-column02__ttl a:hover {
    color: rgba(51, 51, 51, 0.8);
  }
}
@media screen and (max-width: 767px) {
  .c-column02__ttl a {
    -webkit-line-clamp: 3;
  }
}
@media screen and (max-width: 767px) {
  .c-column02__new {
    color: #D32F2F;
    font-family: "Roboto", sans-serif;
    font-size: 1.2rem;
    font-weight: 700;
    margin-bottom: 0.6em;
    line-height: 1;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .c-column02__new {
    margin-bottom: 0.4em;
  }
}
.c-column02__info {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 5px 8px;
}
.c-column02__date {
  font-family: "Roboto", sans-serif;
  font-size: 1.2rem;
  color: #6E6E74;
}
.c-column02__tag {
  display: inline-block;
  background: #F3F3F5;
  color: #6E6E74;
  font-weight: 700;
  font-size: 1.2rem;
  text-align: center;
  padding: 0.2em 0.8em;
  border-radius: 2px;
}
@media print and (any-hover: hover), screen and (any-hover: hover) and (min-width: 768px) {
  .c-column02__tag:hover {
    background: rgba(0, 0, 0, 0.12);
  }
}
@media screen and (max-width: 767px) {
  .c-column02__tag {
    font-weight: 500;
    padding: 0.1em 0.6em;
  }
}
.c-column02__icn {
  position: relative;
  bottom: 0.2em;
  padding-left: 0.2em;
}
.c-column02__icn img {
  width: 15px;
}
@media screen and (max-width: 767px) {
  .c-column02__icn {
    bottom: 0.3em;
  }
  .c-column02__icn img {
    width: 12px;
  }
}
.c-column02__btn {
  margin-top: 40px;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .c-column02__btn {
    margin-top: 16px;
    text-align: left;
  }
}
@media screen and (max-width: 767px) {
  .c-column02--spsm .c-column02__thumb {
    max-width: 86px;
  }
  .c-column02--spsm .c-column02__ttl a {
    -webkit-line-clamp: 2;
  }
}

.c-column03__wrap,
.c-column04__wrap {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 767px) {
  .c-column03__wrap,
  .c-column04__wrap {
    flex-direction: column;
  }
}
@media screen and (max-width: 767px) {
  .c-column03__item:not(:last-of-type),
  .c-column04__item:not(:last-of-type) {
    border-bottom: 1px solid #E7E7EA;
    padding-bottom: 16px;
  }
}
.c-column03__thumb,
.c-column04__thumb {
  position: relative;
  width: 100%;
  height: auto;
}
@media print, screen and (min-width: 768px) {
  .c-column03__thumb.-new a::before,
  .c-column04__thumb.-new a::before {
    position: absolute;
    content: "NEW";
    background: #D32F2F;
    color: #fff;
    border-radius: 4px;
    font-family: "Roboto", sans-serif;
    font-size: 1.2rem;
    font-weight: 500;
    margin-bottom: 0.4em;
    padding: 0.02em 0.4em 0;
    left: 0.3em;
    top: 0.3em;
    transition: 0.4s ease;
  }
}
.c-column03__thumb a,
.c-column04__thumb a {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
}
@media print and (any-hover: hover), screen and (any-hover: hover) and (min-width: 768px) {
  .c-column03__thumb a,
  .c-column04__thumb a {
    transition: opacity 0 ease;
    cursor: pointer;
  }
  .c-column03__thumb a:hover,
  .c-column04__thumb a:hover {
    opacity: 0.6;
  }
}
.c-column03__thumb img,
.c-column04__thumb img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  aspect-ratio: 373/209;
  border-radius: 4px;
}
@media screen and (max-width: 767px) {
  .c-column03__thumb,
  .c-column04__thumb {
    max-width: 128px;
  }
  .c-column03__thumb img,
  .c-column04__thumb img {
    border-radius: 2px;
  }
}
.c-column03__inner,
.c-column04__inner {
  position: relative;
  display: flex;
  gap: 16px;
}
@media screen and (max-width: 767px) {
  .c-column03__inner,
  .c-column04__inner {
    flex-direction: row;
    justify-content: space-between;
    gap: 8px;
  }
}
.c-column03__num,
.c-column04__num {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}
.c-column03__num img,
.c-column04__num img {
  width: 32px;
}
@media screen and (max-width: 767px) {
  .c-column03__num,
  .c-column04__num {
    position: static;
    left: auto;
    top: auto;
    flex-shrink: 0;
  }
  .c-column03__num img,
  .c-column04__num img {
    width: 24px;
  }
}
.c-column03_cont,
.c-column04_cont {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .c-column03_cont,
  .c-column04_cont {
    width: 100%;
    flex-direction: row-reverse;
    gap: 0 8px;
  }
}
.c-column03__detail,
.c-column04__detail {
  position: relative;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-top: 8px;
}
@media screen and (max-width: 767px) {
  .c-column03__detail,
  .c-column04__detail {
    margin-top: 0;
    justify-content: flex-start;
  }
}
.c-column03__ttl,
.c-column04__ttl {
  font-size: 1.6rem;
  margin-bottom: 16px;
  letter-spacing: 0.04em;
  font-feature-settings: "palt";
}
@media screen and (max-width: 767px) {
  .c-column03__ttl,
  .c-column04__ttl {
    margin-bottom: 8px;
  }
}
.c-column03__ttl a,
.c-column04__ttl a {
  display: block;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  transition: 0.3s ease;
}
@media print and (any-hover: hover), screen and (any-hover: hover) and (min-width: 768px) {
  .c-column03__ttl a:hover,
  .c-column04__ttl a:hover {
    color: rgba(51, 51, 51, 0.8);
  }
}
@media screen and (max-width: 767px) {
  .c-column03__ttl a,
  .c-column04__ttl a {
    -webkit-line-clamp: 3;
  }
}
@media screen and (max-width: 767px) {
  .c-column03__new,
  .c-column04__new {
    color: #D32F2F;
    font-family: "Roboto", sans-serif;
    font-size: 1.2rem;
    font-weight: 700;
    margin-bottom: 0.6em;
    line-height: 1;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .c-column03__new,
  .c-column04__new {
    margin-bottom: 0.4em;
  }
}
.c-column03__info,
.c-column04__info {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 5px 8px;
}
.c-column03__date,
.c-column04__date {
  font-family: "Roboto", sans-serif;
  font-size: 1.2rem;
  color: #6E6E74;
}
.c-column03__tag,
.c-column04__tag {
  display: inline-block;
  background: #F3F3F5;
  color: #6E6E74;
  font-weight: 700;
  font-size: 1.2rem;
  text-align: center;
  padding: 0.2em 0.8em;
  border-radius: 2px;
}
@media print and (any-hover: hover), screen and (any-hover: hover) and (min-width: 768px) {
  .c-column03__tag:hover,
  .c-column04__tag:hover {
    background: rgba(0, 0, 0, 0.12);
  }
}
@media screen and (max-width: 767px) {
  .c-column03__tag,
  .c-column04__tag {
    font-weight: 500;
    padding: 0.1em 0.6em;
  }
}
.c-column03__icn,
.c-column04__icn {
  position: relative;
  bottom: 0.2em;
  padding-left: 0.3em;
}
.c-column03__icn img,
.c-column04__icn img {
  width: 15px;
}
@media screen and (max-width: 767px) {
  .c-column03__icn,
  .c-column04__icn {
    bottom: 0.3em;
  }
  .c-column03__icn img,
  .c-column04__icn img {
    width: 12px;
  }
}

.c-column03__wrap {
  gap: 40px 3.35%;
}
@media screen and (max-width: 767px) {
  .c-column03__wrap {
    gap: 0;
  }
}
.c-column03__item {
  width: 31.1%;
}
@media screen and (max-width: 767px) {
  .c-column03__item {
    width: 100%;
  }
  .c-column03__item + .c-column03__item {
    margin-top: 16px;
  }
}

.c-column04__wrap {
  gap: 40px 2%;
}
@media screen and (max-width: 767px) {
  .c-column04__wrap {
    gap: 0;
  }
}
.c-column04__item {
  width: 23.5%;
}
@media screen and (max-width: 767px) {
  .c-column04__item {
    width: 100%;
  }
  .c-column04__item + .c-column04__item {
    margin-top: 16px;
  }
}

/* --------------------------------------------------
  search-category
-------------------------------------------------- */
.c-search-category {
  padding-top: 40px;
}
@media screen and (max-width: 767px) {
  .c-search-category {
    padding-top: 30px;
  }
}
.c-search-category__wrap {
  width: 100%;
  background: #F3F3F5;
  padding: 16px;
  border-radius: 4px;
}
.c-search-category__ttl {
  margin-bottom: 20px;
}
.c-search-category__item {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 8px;
}
.c-search-category__item a {
  background: #fff;
  border: 1px solid #D0D1D5;
  padding: 0.4em 0.6em;
  display: inline-flex;
  align-items: center;
  gap: 0 8px;
  border-radius: 4px;
}
@media print and (any-hover: hover), screen and (any-hover: hover) and (min-width: 768px) {
  .c-search-category__item a:hover {
    background: rgba(28, 28, 31, 0.04);
  }
  .c-search-category__item a:focus {
    background: rgba(28, 28, 31, 0.1);
  }
}
.c-search-category__icn {
  width: 32px;
}
.c-search-category__txt {
  font-size: 1.2rem;
  font-weight: 500;
}

/* --------------------------------------------------
  tosopedia
-------------------------------------------------- */
.c-tosopedia {
  padding-top: 24px;
}
.c-tosopedia__wrap {
  width: 100%;
  background: url("../img/common/bg_tosopedia_pc.png") no-repeat center top/cover;
  border-radius: 4px;
  padding: 16px;
}
@media screen and (max-width: 767px) {
  .c-tosopedia__wrap {
    background: url("../img/common/bg_tosopedia_sp.png") no-repeat center top/cover;
    padding: 12px;
  }
}
.c-tosopedia__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 12px;
}
@media screen and (max-width: 767px) {
  .c-tosopedia__head {
    display: block;
  }
}
.c-tosopedia__ttl {
  width: 267px;
}
@media screen and (max-width: 767px) {
  .c-tosopedia__ttl {
    width: 299px;
  }
}
.c-tosopedia__link a {
  position: relative;
  font-size: 1.4rem;
}
@media print and (any-hover: hover), screen and (any-hover: hover) and (min-width: 768px) {
  .c-tosopedia__link a:hover {
    background: rgba(255, 255, 255, 0.25);
  }
}
@media print, screen and (min-width: 768px) {
  .c-tosopedia__link a {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    padding-right: 1.2em;
    width: 19.4rem;
    height: 3.6rem;
    background-color: transparent;
    border-radius: 4px;
  }
  .c-tosopedia__link a::before {
    position: absolute;
    content: "";
    width: 8px;
    height: 8px;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    position: absolute;
    right: 0.8em;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
  }
}
@media screen and (max-width: 767px) {
  .c-tosopedia__link {
    margin-top: 14px;
    margin-left: 0.8em;
  }
  .c-tosopedia__link a {
    color: #0055CC;
    padding-right: 2.4em;
  }
}
.c-tosopedia__body {
  background: rgba(255, 255, 255, 0.95);
  border-radius: 4px;
  padding: 16px;
}
@media screen and (max-width: 767px) {
  .c-tosopedia__body {
    padding: 16px 16px 24px;
  }
}
.c-tosopedia__tag {
  width: 100%;
  margin: 0;
}
.c-tosopedia__tag-subttl {
  color: #6E6E74;
  font-size: 1.2rem;
  margin-bottom: 0.2em;
}
.c-tosopedia__tag-item {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  margin-top: 8px;
}
.c-tosopedia__tag-item a {
  background: #fff;
  border: 1px solid #D0D1D5;
  font-size: 1.2rem;
  font-weight: 500;
  padding: 0.5em 0.8em;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
}
@media print and (any-hover: hover), screen and (any-hover: hover) and (min-width: 768px) {
  .c-tosopedia__tag-item a:hover {
    background: rgba(28, 28, 31, 0.04);
  }
  .c-tosopedia__tag-item a:focus {
    background: rgba(28, 28, 31, 0.1);
  }
}
.c-tosopedia__tag-cont {
  margin: 0;
}
.c-tosopedia__tag-cont + .c-tosopedia__tag-subttl {
  margin-top: 20px;
}

/* --------------------------------------------------
  bottom-box
-------------------------------------------------- */
.c-bottom-box {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  gap: 0 2%;
  padding-top: 40px;
}
@media screen and (max-width: 767px) {
  .c-bottom-box {
    flex-direction: column;
    gap: 24px 0;
    padding-top: 30px;
  }
}
.c-bottom-box .c-search-category,
.c-bottom-box .c-tosopedia {
  width: 49%;
  padding-top: 0;
}
@media screen and (max-width: 767px) {
  .c-bottom-box .c-search-category,
  .c-bottom-box .c-tosopedia {
    width: 100%;
  }
}
.c-bottom-box .c-search-category {
  display: flex;
  flex-direction: column;
}
.c-bottom-box .c-search-category__wrap {
  flex-grow: 1;
}
@media print, screen and (min-width: 768px) {
  .c-bottom-box .c-search-category__item li {
    width: calc((100% - 8px) / 2);
  }
  .c-bottom-box .c-search-category__item li a {
    width: 100%;
  }
}
.c-bottom-box .c-tosopedia__wrap {
  width: 100%;
  background: url("../img/common/bg_tosopedia_half_pc.png") no-repeat center top/cover;
  border-radius: 4px;
  padding: 16px;
}
@media screen and (max-width: 767px) {
  .c-bottom-box .c-tosopedia__wrap {
    background: url("../img/common/bg_tosopedia_sp.png") no-repeat center top/cover;
    padding: 12px;
  }
}
.c-bottom-box .c-tosopedia__ttl {
  width: 272px;
}
@media screen and (max-width: 767px) {
  .c-bottom-box .c-tosopedia__ttl {
    width: 299px;
  }
}

/* --------------------------------------------------
  pagenavi
-------------------------------------------------- */
.wp-pagenavi {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  position: relative;
  gap: 0 5px;
  padding: 50px 0 0;
}
@media screen and (max-width: 767px) {
  .wp-pagenavi {
    padding: 32px 0 40px;
  }
}
.wp-pagenavi a, .wp-pagenavi span {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-size: 1.4rem;
  line-height: 1;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  border: 1px solid transparent;
  background: #fff;
  border-radius: 32px;
  padding-top: 0.2em;
}
.wp-pagenavi a {
  color: #1C1C1F;
  transition: background 0.3s ease;
}
@media print and (any-hover: hover), screen and (any-hover: hover) and (min-width: 768px) {
  .wp-pagenavi a {
    transition: opacity 0 ease;
    cursor: pointer;
  }
  .wp-pagenavi a:hover {
    opacity: 0.7;
  }
}
.wp-pagenavi .current {
  font-weight: 700;
  border-color: #D0D1D5;
}
.wp-pagenavi .extend {
  background: none;
  border-radius: 0;
  border: 0;
}
.wp-pagenavi .nextpostslink,
.wp-pagenavi .prevpostslink {
  position: relative;
  font-size: 0;
  color: transparent;
  display: block;
  margin: 0;
  transition: 0.3s ease;
  width: 32px;
  height: 32px;
}
.wp-pagenavi .nextpostslink::before,
.wp-pagenavi .prevpostslink::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  z-index: 2;
  border-radius: 0;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  background-image: url('data:image/svg+xml;utf8,<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_40000011_12781)"><g><path d="M19.0876 12.175L17.9126 11L12.9126 16L17.9126 21L19.0876 19.825L15.2709 16L19.0876 12.175Z" fill="%231C1C1F"/></g></g><defs><clipPath id="clip0_40000011_12781"><rect width="32" height="32" fill="%231C1C1F"/></clipPath></defs></svg>');
}
.wp-pagenavi .nextpostslink.disabled,
.wp-pagenavi .prevpostslink.disabled {
  pointer-events: none;
}
.wp-pagenavi .nextpostslink.disabled::before,
.wp-pagenavi .prevpostslink.disabled::before {
  background-image: url('data:image/svg+xml;utf8,<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_40000011_12781)"><g><path d="M19.0876 12.175L17.9126 11L12.9126 16L17.9126 21L19.0876 19.825L15.2709 16L19.0876 12.175Z" fill="%23CFCFD0"/></g></g><defs><clipPath id="clip0_40000011_12781"><rect width="32" height="32" fill="%23CFCFD0"/></clipPath></defs></svg>');
}
.wp-pagenavi .nextpostslink::before {
  transform: translate(-50%, -50%) scale(-1, 1);
}
.wp-pagenavi .first,
.wp-pagenavi .last {
  position: relative;
  font-size: 0;
  color: transparent;
  display: block;
  margin: 0;
  transition: 0.3s ease;
  width: 32px;
  height: 32px;
}
.wp-pagenavi .first::before,
.wp-pagenavi .last::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  z-index: 2;
  border-radius: 0;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  background-image: url('data:image/svg+xml;utf8,<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_40000011_12831)"><rect width="32" height="32" rx="16" fill="white"/><path d="M11 21L18.0833 16L11 11V21ZM19.3333 11V21H21V11H19.3333Z" fill="%23808081"/></g><defs><clipPath id="clip0_40000011_12831"><rect width="32" height="32" fill="white"/></clipPath></defs></svg>');
}
.wp-pagenavi .first.disabled,
.wp-pagenavi .last.disabled {
  pointer-events: none;
}
.wp-pagenavi .first.disabled::before,
.wp-pagenavi .last.disabled::before {
  background-image: url('data:image/svg+xml;utf8,<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_40000011_12831)"><rect width="32" height="32" rx="16" fill="white"/><path d="M11 21L18.0833 16L11 11V21ZM19.3333 11V21H21V11H19.3333Z" fill="%23CFCFD0"/></g><defs><clipPath id="clip0_40000011_12831"><rect width="32" height="32" fill="white"/></clipPath></defs></svg>');
}
.wp-pagenavi .first {
  margin-left: 5px;
}
.wp-pagenavi .first::before {
  transform: translate(-50%, -50%) scale(-1, 1);
}
.wp-pagenavi .last {
  margin-right: 5px;
}

/* --------------------------------------------------
  form
-------------------------------------------------- */
.c-form {
  /* wp */
}
.c-form__box {
  width: 100%;
  position: relative;
}
.c-form__box + .c-form__box {
  margin-top: 24px;
}
.c-form__box dl {
  width: 100%;
  position: relative;
  display: table;
  padding: 0;
  margin: 0;
}
.c-form__box dt, .c-form__box dd {
  position: relative;
  font-size: 1.6rem;
  width: 100%;
}
.c-form__box dt {
  color: #6E6E74;
}
.c-form__box dd {
  padding-top: 8px;
}
.c-form input[type=text], .c-form input[type=email], .c-form input[type=tel] {
  width: 100%;
  height: 48px;
  font-size: 1.6rem;
  padding: 0.1em 0.8em;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.23);
  border-radius: 4px;
  color: #1C1C1F;
}
.c-form input[type=text]::-moz-placeholder, .c-form input[type=email]::-moz-placeholder, .c-form input[type=tel]::-moz-placeholder {
  font-size: 1.6rem;
  color: #999999;
  opacity: 1;
}
.c-form input[type=text]::placeholder, .c-form input[type=email]::placeholder, .c-form input[type=tel]::placeholder {
  font-size: 1.6rem;
  color: #999999;
  opacity: 1;
}
.c-form input[type=email], .c-form input[type=tel] {
  font-family: "Roboto", sans-serif;
}
.c-form textarea {
  width: 100%;
  height: 104px;
  font-size: 1.6rem;
  display: block;
  padding: 1em 0.8em;
  border: 1px solid rgba(0, 0, 0, 0.23);
  border-radius: 4px;
  color: #1C1C1F;
}
.c-form textarea::-moz-placeholder {
  font-size: 1.6rem;
  color: #999999;
  opacity: 1;
}
.c-form textarea::placeholder {
  font-size: 1.6rem;
  color: #999999;
  opacity: 1;
}
.c-form__select {
  position: relative;
  width: 220px;
  height: 48px;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.23);
  border-radius: 4px;
}
.c-form__select:has(span.wpcf7-not-valid-tip) {
  margin-bottom: 30px;
}
.c-form__select select {
  width: 100%;
  height: 100%;
  font-size: 1.6rem;
  cursor: pointer;
  padding: 0.1em 0.8em;
}
.c-form__select::before {
  content: "";
  position: absolute;
  -webkit-clip-path: polygon(0 0, 50% 100%, 100% 0);
          clip-path: polygon(0 0, 50% 100%, 100% 0);
  width: 10px;
  height: 6px;
  background: #6E6E74;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}
.c-form__submit {
  position: relative;
  margin-top: 24px;
  text-align: center;
}
.c-form__btn {
  width: 108px;
  height: 48px;
  background: #0055CC;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 24px auto 0;
}
.c-form__btn input {
  position: relative;
  z-index: 1;
  background: transparent;
}
@media print and (any-hover: hover), screen and (any-hover: hover) and (min-width: 768px) {
  .c-form__btn:hover {
    background: #0045A5;
  }
}
.c-form__btn input {
  width: 100%;
  height: 100%;
  color: #fff;
  font-size: 1.6rem;
  letter-spacing: 0;
  font-weight: 700;
  cursor: pointer;
}
.c-form__btn input:disabled {
  cursor: not-allowed;
}
.c-form__btn:has(input:disabled) {
  opacity: 0.3;
}
.c-form__notice a {
  color: #0055CC;
  text-decoration: underline;
}
@media print and (any-hover: hover), screen and (any-hover: hover) and (min-width: 768px) {
  .c-form__notice a {
    transition: opacity 0 ease;
    cursor: pointer;
  }
  .c-form__notice a:hover {
    opacity: 0.7;
  }
}
.c-form .wpcf7-spinner {
  position: absolute;
  bottom: -4rem;
  pointer-events: none;
}
.c-form .wpcf7-response-output {
  padding: 1em 0.5em !important;
  line-height: 1.5;
  text-align: center;
  font-size: 1.6rem;
  margin: 3em auto 0 !important;
  border-color: #D32F2F !important;
}
@media screen and (max-width: 767px) {
  .c-form .wpcf7-response-output {
    text-align: left !important;
  }
}
.c-form .wpcf7-form-control-wrap + span {
  display: block;
  margin-top: 1.8rem;
}

.c-require {
  position: relative;
  background: #D32F2F;
  border-radius: 2px;
  padding: 0.1em 0.4em 0.15em;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  margin-left: 0.5em;
  bottom: 0.1em;
}

/* --------------------------------------------------
  floatbnr
-------------------------------------------------- */
.c-floatbnr {
  z-index: 10000;
  display: none;
  width: 300px;
  position: fixed;
  bottom: 30px;
  right: 30px;
}
@media screen and (max-width: 1320px) {
  .c-floatbnr {
    right: 20px;
  }
}
@media screen and (max-width: 767px) {
  .c-floatbnr {
    width: 94%;
    max-width: 400px;
    bottom: 56px;
    right: 3%;
  }
}
.c-floatbnr__img {
  text-align: center;
  margin: 0;
}
.c-floatbnr__img img {
  width: 100%;
  height: auto;
  display: block;
}
.c-floatbnr__img a {
  overflow: hidden;
  position: relative;
  display: inline-block;
  transition: opacity 0.3s;
}
@media print and (any-hover: hover), screen and (any-hover: hover) and (min-width: 768px) {
  .c-floatbnr__img a:hover {
    opacity: 0.7;
  }
}
.c-floatbnr__close {
  cursor: pointer;
  width: 30px;
  height: 30px;
  border: 2px solid #fff;
  border-radius: 50%;
  position: absolute;
  top: -18px;
  right: -17px;
  transition: opacity 0.3s, transform 0.2s;
  background-color: #217e90;
  box-shadow: 0 0 7px rgba(0, 0, 0, 0.7);
  padding: 0;
}
.c-floatbnr__close::before, .c-floatbnr__close::after {
  content: "";
  width: 60%;
  height: 2.5px;
  border-radius: 9px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
}
.c-floatbnr__close::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.c-floatbnr__close::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
@media print and (any-hover: hover), screen and (any-hover: hover) and (min-width: 768px) {
  .c-floatbnr__close:hover {
    opacity: 0.7;
    transform: scale(1.1);
  }
}
@media screen and (max-width: 767px) {
  .c-floatbnr__close {
    top: -18px;
    right: -2%;
  }
}

.c-topmes {
  height: 36px;
  padding: 0 45px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #E7E7EA;
}
@media screen and (max-width: 1200px) {
  .c-topmes {
    padding: 0 20px;
  }
}
.c-topmes p {
  position: relative;
  font-size: 1.2rem;
  color: #6E6E74;
  padding-left: 2em;
}
.c-topmes p::before {
  position: absolute;
  content: "";
  background: url("../img/common/icn_flag.svg") no-repeat center center/contain;
  width: 20px;
  height: 20px;
  left: 0;
  top: -0.02em;
}

/* --------------------------------------------------
  display
-------------------------------------------------- */
@media screen and (max-width: 767px) {
  .pc {
    display: none !important;
  }
  .sp {
    display: block;
  }
}
@media print, screen and (min-width: 768px) {
  .pc {
    display: block;
  }
  .sp {
    display: none !important;
  }
}
/* --------------------------------------------------
  cleafix
-------------------------------------------------- */
.cf:after {
  content: ".";
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden;
}

.cf {
  display: inline-block;
}

/* Hides from IE Mac */
* html .cf {
  height: 1%;
}

.cf {
  display: block;
}

/* --------------------------------------------------
  align
-------------------------------------------------- */
.aligncenter {
  display: block;
  margin: 0 auto;
}

.alignright {
  float: right;
}

.alignleft {
  float: left;
}

.tac {
  text-align: center;
}

.tar {
  text-align: right;
}

.tal {
  text-align: left;
}

/* --------------------------------------------------
  preload
-------------------------------------------------- */
.u-preload * {
  transition: none !important;
}

/* --------------------------------------------------
  font,text
-------------------------------------------------- */
.u-sm12 {
  font-size: 1.2rem;
}

.u-blk {
  color: #1C1C1F;
}

.u-gray1 {
  color: #737373;
}

.u-gray2 {
  color: #6E6E74;
}

.u-red {
  color: #D32F2F;
}

.u-blue {
  color: #0055CC;
}

.u-underline {
  text-decoration: underline !important;
}

.u-bold {
  font-weight: bold;
}

.u-en {
  font-family: "Roboto", sans-serif;
}

.u-flex {
  display: flex;
}

@media print and (any-hover: hover), screen and (any-hover: hover) and (min-width: 768px) {
  .u-fade {
    transition: opacity 0 ease;
    cursor: pointer;
  }
  .u-fade:hover {
    opacity: 0.7;
  }
}

/* --------------------------------------------------
  header
-------------------------------------------------- */
.l-header {
  position: relative;
  width: 100%;
  background: #fff;
}
@media print, screen and (min-width: 768px) {
  .l-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 1001;
    min-width: 1100px;
  }
}
.l-header .l-container {
  position: relative;
  width: 100%;
  max-width: inherit;
  padding: 0;
}
.l-header__first {
  box-shadow: 0px 0 1px 0 rgba(0, 0, 0, 0.3);
  background-color: #fff;
}
@media screen and (max-width: 767px) {
  .l-header__first {
    box-shadow: none;
  }
  .l-header__first.is-fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1002;
    background: #fff;
  }
}
.l-header__inner {
  display: grid;
  grid-template-columns: 192px 1fr 252px;
  align-items: center;
  justify-content: space-between;
  grid-template-areas: "logo search btn";
  min-height: 86px;
  padding: 0 20px 0 45px;
  margin: 0 auto;
}
@media screen and (max-width: 1200px) {
  .l-header__inner {
    padding: 0 20px;
  }
}
@media screen and (max-width: 767px) {
  .l-header__inner {
    min-height: 100px;
    padding: 0;
    grid-template-columns: 1fr auto;
    grid-template-rows: 56px auto;
    justify-content: initial;
    grid-template-areas: "logo btn" "search search";
  }
}
.l-header__inner.-login {
  grid-template-columns: 192px 1fr 238px;
  grid-template-areas: "logo search login";
}
@media screen and (max-width: 767px) {
  .l-header__inner.-login {
    grid-template-columns: 1fr auto;
    grid-template-areas: "logo login" "search search";
  }
}
.l-header__logo {
  grid-area: logo;
  position: relative;
  z-index: 999;
  flex-grow: 1;
  line-height: 1;
}
@media print and (any-hover: hover), screen and (any-hover: hover) and (min-width: 768px) {
  .l-header__logo a {
    transition: opacity 0 ease;
    cursor: pointer;
  }
  .l-header__logo a:hover {
    opacity: 0.7;
  }
}
@media screen and (max-width: 767px) {
  .l-header__logo {
    width: 173px;
    margin-left: 16px;
    opacity: 1;
    transition: opacity 0.25s ease-out;
  }
  .l-header__first.is-hide .l-header__logo {
    opacity: 0;
    transition: none;
  }
}
.l-header__search {
  position: relative;
  z-index: 1;
  grid-area: search;
  margin: 0 40px 0 20px;
}
.l-header__search-btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-family: "Noto Sans JP", sans-serif;
  width: 100%;
  height: 48px;
  padding: 0 16px 0 10px;
  border-bottom: 1px solid #ccc;
}
@media print and (any-hover: hover), screen and (any-hover: hover) and (min-width: 768px) {
  .l-header__search-btn:hover {
    border-bottom: 1px solid #737373;
  }
}
.l-header__search-txt {
  color: #99999F;
  font-size: 1.6rem;
}
.l-header__search-icn {
  width: 18px;
}
.l-header__search-icn svg {
  fill: #1C1C1F;
}
@media screen and (max-width: 767px) {
  .l-header__search-icn svg {
    fill: #6E6E74;
  }
}
@media screen and (max-width: 767px) {
  .l-header__search {
    margin: 0;
    padding: 8px 16px 0;
    border-top: 1px solid #F3F3F5;
  }
  #searchtag .l-header__search, #searchresult .l-header__search, #sitemap .l-header__search, #page404 .l-header__search, #contact .l-header__search, .search-results .l-header__search, .search-no-results .l-header__search {
    padding-bottom: 8px;
  }
  .l-header__search-btn {
    flex-direction: row-reverse;
    justify-content: flex-end;
    gap: 0 10px;
    height: 36px;
    background: #F3F3F5;
    border: 1px solid #F3F3F5;
    border-radius: 4px;
    color: #E7E7EA;
    padding: 0 16px;
  }
  .l-header__search-txt {
    font-size: 1.4rem;
  }
  .l-header__search.is-fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    background: #fff;
    transform: translateY(0);
    opacity: 1;
  }
}
.l-header__btn {
  grid-area: btn;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0 5px;
  justify-self: end;
}
@media screen and (max-width: 767px) {
  .l-header__btn {
    gap: 0 8px;
    opacity: 1;
    transition: opacity 0.25s ease-out;
  }
  .l-header__first.is-hide .l-header__btn {
    opacity: 0;
    transition: none;
  }
}
.l-header__login {
  grid-area: login;
}
@media print, screen and (min-width: 768px) {
  .l-header__login {
    padding: 0 8px;
  }
}
@media screen and (max-width: 767px) {
  .l-header__login {
    padding-right: 16px;
  }
}
.l-header__second {
  position: relative;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .l-header__second.is-fixed {
    position: fixed;
    left: 0;
    width: 100%;
    z-index: 900;
    background: #fff;
  }
}

/* --------------------------------------------------
  header btn
-------------------------------------------------- */
.l-header-btn__login a {
  font-size: 1.4rem;
  height: 36px;
  width: 72px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
  border-radius: 4px;
}
@media print and (any-hover: hover), screen and (any-hover: hover) and (min-width: 768px) {
  .l-header-btn__login a:hover {
    background: rgba(28, 28, 31, 0.04);
  }
}
@media screen and (max-width: 767px) {
  .l-header-btn__login a {
    width: 56px;
    height: 56px;
    font-size: 1.2rem;
    border-radius: 0;
    font-weight: 700;
  }
}
.l-header-btn__new a {
  font-size: 1.4rem;
  height: 36px;
  width: 172px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: linear-gradient(90deg, rgb(0, 62, 146) 0%, rgb(0, 19, 44) 100%);
  border-radius: 4px;
  padding: 0 1em;
  color: #fff;
  font-weight: 700;
}
@media print and (any-hover: hover), screen and (any-hover: hover) and (min-width: 768px) {
  .l-header-btn__new a:hover {
    background: #0045A5;
  }
}
@media screen and (max-width: 767px) {
  .l-header-btn__new a {
    width: 56px;
    height: 56px;
    font-size: 1.2rem;
    font-weight: 500;
    border-radius: 0;
    padding: 0;
    text-align: center;
  }
}
.l-header-btn__active {
  display: flex;
  justify-content: space-between;
  gap: 0 0.6em;
}
@media screen and (max-width: 767px) {
  .l-header-btn__active {
    height: 56px;
    align-items: center;
  }
}
@media print, screen and (min-width: 768px) {
  .l-header-btn__active {
    padding: 4px 0;
  }
}
.l-header-btn__active-icn {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  pointer-events: auto;
}
@media print, screen and (min-width: 768px) {
  .l-header-btn__active-icn {
    pointer-events: none;
  }
}
.l-header-btn__active-wrap {
  position: relative;
}
.l-header-btn__active-childlist {
  display: flex;
  align-items: center;
  gap: 0 1em;
  margin-top: -0.2em;
}
.l-header-btn__active-childlist a {
  position: relative;
  font-size: 1.2rem;
  color: #0055cc;
}
.l-header-btn__active-company {
  font-size: 1.1rem;
  color: #6E6E74;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-align: left;
}
.l-header-btn__active-name {
  display: inline-block;
  font-size: 1.4rem;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-align: left;
}

/* --------------------------------------------------
  header nav
-------------------------------------------------- */
.l-header-nav {
  width: 100%;
}
.l-header-nav__inner {
  height: 54px;
  padding: 0 45px;
  margin: 0 auto;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1200px) {
  .l-header-nav__inner {
    padding: 0 20px;
  }
}
@media screen and (max-width: 767px) {
  .l-header-nav__inner {
    max-width: inherit;
    padding: 0;
    background: #fff;
    height: 50px;
    overflow-y: scroll;
  }
  .l-header-nav__inner::-webkit-scrollbar {
    display: none;
  }
}
.l-header-nav__media, .l-header-nav__ec {
  position: relative;
}
.l-header-nav__media ul:not([class]), .l-header-nav__ec ul:not([class]) {
  display: flex;
  align-items: center;
  gap: 8px;
}
@media screen and (max-width: 767px) {
  .l-header-nav__media ul:not([class]), .l-header-nav__ec ul:not([class]) {
    gap: 0;
  }
}
.l-header-nav__media ul:not([class]) > li, .l-header-nav__ec ul:not([class]) > li {
  position: relative;
  flex-shrink: 0;
}
@media screen and (max-width: 767px) {
  .l-header-nav__media ul:not([class]) > li, .l-header-nav__ec ul:not([class]) > li {
    height: 50px;
  }
}
.l-header-nav__media ul:not([class]) > li > a, .l-header-nav__ec ul:not([class]) > li > a {
  position: relative;
  overflow: hidden;
  font-size: 1.4rem;
  height: 36px;
  font-weight: 400;
  padding: 0 0.8em;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  -webkit-font-smoothing: antialiased;
}
@media screen and (max-width: 767px) {
  .l-header-nav__media ul:not([class]) > li > a, .l-header-nav__ec ul:not([class]) > li > a {
    border-radius: 0;
    height: 100%;
    padding: 0 1em;
  }
}
.l-header-nav__media ul:not([class]) > li > a .is-press, .l-header-nav__ec ul:not([class]) > li > a .is-press {
  position: absolute;
  overflow: hidden;
  border-radius: 9999px;
  transform: translate(-50%, -50%);
  animation: ripple-animation 600ms cubic-bezier(0.4, 0, 0.2, 1);
  pointer-events: none;
  z-index: 1;
  backface-visibility: hidden;
}
.l-header-nav__media ul:not([class]) > li.-more > a, .l-header-nav__ec ul:not([class]) > li.-more > a {
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  aspect-ratio: 1/1;
}
@media screen and (max-width: 767px) {
  .l-header-nav__media::before {
    position: absolute;
    content: "";
    background: #E7E7EA;
    width: 100%;
    height: 1px;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
  }
}
.l-header-nav__media ul:not([class]) > li > a {
  position: relative;
  background: #fff;
}
@media print and (any-hover: hover), screen and (any-hover: hover) and (min-width: 768px) {
  .l-header-nav__media ul:not([class]) > li > a:hover {
    background-color: rgba(28, 28, 31, 0.04);
  }
}
@media screen and (max-width: 767px) {
  .l-header-nav__media ul:not([class]) > li > a {
    background-color: transparent;
    color: #83838A;
    font-weight: 500;
  }
}
.l-header-nav__media ul:not([class]) > li > a .is-press {
  background: rgba(28, 28, 31, 0.1);
}
.l-header-nav__media ul:not([class]) > li.-top {
  /*　TOPのみcurrentのデザインが違う場合はここを解除
  &.-current{
  	> a{
  		background-color: $btnhover;
  		&::after{
  			display: none;
  		}
  		@media print and (any-hover: hover), screen and (any-hover: hover) and (min-width: 768px) {
  			&:hover{
  				background-color: $btnhover;
  				font-weight: 700;
  			}
  		}
  	}
  }
   */
}
.l-header-nav__media ul:not([class]) > li.-top > a {
  padding-left: 2.5em;
  /* TOPのみcurrentのデザインが違う場合はここを解除
  background-color: $btnhover;
  background-clip: padding-box; */
}
.l-header-nav__media ul:not([class]) > li.-top > a::before {
  position: absolute;
  content: "";
  background-image: url('data:image/svg+xml;utf8,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.50646 14.1667C1.08549 14.1667 0.729167 14.0208 0.4375 13.7292C0.145833 13.4375 0 13.0812 0 12.6602V1.50646C0 1.08549 0.145833 0.729167 0.4375 0.4375C0.729167 0.145833 1.08549 0 1.50646 0H14.3269C14.7478 0 15.1042 0.145833 15.3958 0.4375C15.6875 0.729167 15.8333 1.08549 15.8333 1.50646V12.6602C15.8333 13.0812 15.6875 13.4375 15.3958 13.7292C15.1042 14.0208 14.7478 14.1667 14.3269 14.1667H1.50646ZM1.50646 12.9167H14.3269C14.391 12.9167 14.4498 12.8899 14.5031 12.8365C14.5566 12.7831 14.5833 12.7244 14.5833 12.6602V1.50646C14.5833 1.44229 14.5566 1.38354 14.5031 1.33021C14.4498 1.27674 14.391 1.25 14.3269 1.25H1.50646C1.44229 1.25 1.38354 1.27674 1.33021 1.33021C1.27674 1.38354 1.25 1.44229 1.25 1.50646V12.6602C1.25 12.7244 1.27674 12.7831 1.33021 12.8365C1.38354 12.8899 1.44229 12.9167 1.50646 12.9167ZM3.86229 10.9294H11.971C12.1484 10.9294 12.2969 10.8696 12.4167 10.75C12.5363 10.6303 12.596 10.4817 12.596 10.3044C12.596 10.1272 12.5363 9.97868 12.4167 9.85896C12.2969 9.73938 12.1484 9.67958 11.971 9.67958H3.86229C3.68493 9.67958 3.53639 9.73938 3.41667 9.85896C3.29708 9.97868 3.23729 10.1272 3.23729 10.3044C3.23729 10.4817 3.29708 10.6303 3.41667 10.75C3.53639 10.8696 3.68493 10.9294 3.86229 10.9294ZM3.86229 7.70833H5.68917C5.86653 7.70833 6.015 7.64847 6.13458 7.52875C6.25431 7.40917 6.31417 7.26069 6.31417 7.08333V3.86229C6.31417 3.68493 6.25431 3.53639 6.13458 3.41667C6.015 3.29708 5.86653 3.23729 5.68917 3.23729H3.86229C3.68493 3.23729 3.53639 3.29708 3.41667 3.41667C3.29708 3.53639 3.23729 3.68493 3.23729 3.86229V7.08333C3.23729 7.26069 3.29708 7.40917 3.41667 7.52875C3.53639 7.64847 3.68493 7.70833 3.86229 7.70833ZM8.76604 7.70833H11.971C12.1484 7.70833 12.2969 7.64847 12.4167 7.52875C12.5363 7.40917 12.596 7.26069 12.596 7.08333C12.596 6.90597 12.5363 6.7575 12.4167 6.63792C12.2969 6.51819 12.1484 6.45833 11.971 6.45833H8.76604C8.58868 6.45833 8.44021 6.51819 8.32063 6.63792C8.2009 6.7575 8.14104 6.90597 8.14104 7.08333C8.14104 7.26069 8.2009 7.40917 8.32063 7.52875C8.44021 7.64847 8.58868 7.70833 8.76604 7.70833ZM8.76604 4.48708H11.971C12.1484 4.48708 12.2969 4.42729 12.4167 4.30771C12.5363 4.18799 12.596 4.03951 12.596 3.86229C12.596 3.68493 12.5363 3.53639 12.4167 3.41667C12.2969 3.29708 12.1484 3.23729 11.971 3.23729H8.76604C8.58868 3.23729 8.44021 3.29708 8.32063 3.41667C8.2009 3.53639 8.14104 3.68493 8.14104 3.86229C8.14104 4.03951 8.2009 4.18799 8.32063 4.30771C8.44021 4.42729 8.58868 4.48708 8.76604 4.48708Z" fill="%231C1C1F"/></svg>');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  width: 16px;
  height: 16px;
  left: 1em;
  top: 52%;
  transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
  .l-header-nav__media ul:not([class]) > li.-top > a {
    padding-left: 3em;
    padding-right: 1.2em;
  }
  .l-header-nav__media ul:not([class]) > li.-top > a::before {
    left: 1.2em;
  }
}
@media screen and (max-width: 767px) {
  .l-header-nav__media ul:not([class]) > li.-top:not(.-current) > a::before {
    background-image: url('data:image/svg+xml;utf8,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.50646 14.1667C1.08549 14.1667 0.729167 14.0208 0.4375 13.7292C0.145833 13.4375 0 13.0812 0 12.6602V1.50646C0 1.08549 0.145833 0.729167 0.4375 0.4375C0.729167 0.145833 1.08549 0 1.50646 0H14.3269C14.7478 0 15.1042 0.145833 15.3958 0.4375C15.6875 0.729167 15.8333 1.08549 15.8333 1.50646V12.6602C15.8333 13.0812 15.6875 13.4375 15.3958 13.7292C15.1042 14.0208 14.7478 14.1667 14.3269 14.1667H1.50646ZM1.50646 12.9167H14.3269C14.391 12.9167 14.4498 12.8899 14.5031 12.8365C14.5566 12.7831 14.5833 12.7244 14.5833 12.6602V1.50646C14.5833 1.44229 14.5566 1.38354 14.5031 1.33021C14.4498 1.27674 14.391 1.25 14.3269 1.25H1.50646C1.44229 1.25 1.38354 1.27674 1.33021 1.33021C1.27674 1.38354 1.25 1.44229 1.25 1.50646V12.6602C1.25 12.7244 1.27674 12.7831 1.33021 12.8365C1.38354 12.8899 1.44229 12.9167 1.50646 12.9167ZM3.86229 10.9294H11.971C12.1484 10.9294 12.2969 10.8696 12.4167 10.75C12.5363 10.6303 12.596 10.4817 12.596 10.3044C12.596 10.1272 12.5363 9.97868 12.4167 9.85896C12.2969 9.73938 12.1484 9.67958 11.971 9.67958H3.86229C3.68493 9.67958 3.53639 9.73938 3.41667 9.85896C3.29708 9.97868 3.23729 10.1272 3.23729 10.3044C3.23729 10.4817 3.29708 10.6303 3.41667 10.75C3.53639 10.8696 3.68493 10.9294 3.86229 10.9294ZM3.86229 7.70833H5.68917C5.86653 7.70833 6.015 7.64847 6.13458 7.52875C6.25431 7.40917 6.31417 7.26069 6.31417 7.08333V3.86229C6.31417 3.68493 6.25431 3.53639 6.13458 3.41667C6.015 3.29708 5.86653 3.23729 5.68917 3.23729H3.86229C3.68493 3.23729 3.53639 3.29708 3.41667 3.41667C3.29708 3.53639 3.23729 3.68493 3.23729 3.86229V7.08333C3.23729 7.26069 3.29708 7.40917 3.41667 7.52875C3.53639 7.64847 3.68493 7.70833 3.86229 7.70833ZM8.76604 7.70833H11.971C12.1484 7.70833 12.2969 7.64847 12.4167 7.52875C12.5363 7.40917 12.596 7.26069 12.596 7.08333C12.596 6.90597 12.5363 6.7575 12.4167 6.63792C12.2969 6.51819 12.1484 6.45833 11.971 6.45833H8.76604C8.58868 6.45833 8.44021 6.51819 8.32063 6.63792C8.2009 6.7575 8.14104 6.90597 8.14104 7.08333C8.14104 7.26069 8.2009 7.40917 8.32063 7.52875C8.44021 7.64847 8.58868 7.70833 8.76604 7.70833ZM8.76604 4.48708H11.971C12.1484 4.48708 12.2969 4.42729 12.4167 4.30771C12.5363 4.18799 12.596 4.03951 12.596 3.86229C12.596 3.68493 12.5363 3.53639 12.4167 3.41667C12.2969 3.29708 12.1484 3.23729 11.971 3.23729H8.76604C8.58868 3.23729 8.44021 3.29708 8.32063 3.41667C8.2009 3.53639 8.14104 3.68493 8.14104 3.86229C8.14104 4.03951 8.2009 4.18799 8.32063 4.30771C8.44021 4.42729 8.58868 4.48708 8.76604 4.48708Z" fill="%2383838A"/></svg>');
  }
}
.l-header-nav__media ul:not([class]) > li.-article a {
  padding-left: 2.4em;
}
.l-header-nav__media ul:not([class]) > li.-article a::before {
  position: absolute;
  content: "";
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 11 16"><path fill="%231C1C1F" d="M0 14.0117V1.30333C0 0.947917 0.127708 0.641805 0.383125 0.385C0.638542 0.128333 0.945347 0 1.30354 0H9.52979C9.88799 0 10.1948 0.128333 10.4502 0.385C10.7056 0.641805 10.8333 0.947917 10.8333 1.30333V14.0117L5.41667 11.6879L0 14.0117ZM1.04708 12.4081L5.41667 10.5458L9.78625 12.4081V1.30333C9.78625 1.23931 9.75958 1.18056 9.70625 1.12708C9.65278 1.07361 9.59396 1.04688 9.52979 1.04688H1.30354C1.23938 1.04688 1.18056 1.07361 1.12708 1.12708C1.07375 1.18056 1.04708 1.23931 1.04708 1.30333V12.4081Z" /></svg>');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  width: 11px;
  height: 16px;
  left: 1em;
  top: 52%;
  transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
  .l-header-nav__media ul:not([class]) > li.-article:not(.-current) > a::before {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 11 16"><path fill="%2383838A" d="M0 14.0117V1.30333C0 0.947917 0.127708 0.641805 0.383125 0.385C0.638542 0.128333 0.945347 0 1.30354 0H9.52979C9.88799 0 10.1948 0.128333 10.4502 0.385C10.7056 0.641805 10.8333 0.947917 10.8333 1.30333V14.0117L5.41667 11.6879L0 14.0117ZM1.04708 12.4081L5.41667 10.5458L9.78625 12.4081V1.30333C9.78625 1.23931 9.75958 1.18056 9.70625 1.12708C9.65278 1.07361 9.59396 1.04688 9.52979 1.04688H1.30354C1.23938 1.04688 1.18056 1.07361 1.12708 1.12708C1.07375 1.18056 1.04708 1.23931 1.04708 1.30333V12.4081Z" /></svg>');
  }
}
.l-header-nav__media ul:not([class]) > li.-current > a {
  font-weight: 700;
  color: #1C1C1F;
  background-color: rgba(28, 28, 31, 0.04);
}
@media screen and (max-width: 767px) {
  .l-header-nav__media ul:not([class]) > li.-current > a {
    background-color: #fff;
  }
  .l-header-nav__media ul:not([class]) > li.-current > a::after {
    position: absolute;
    content: "";
    background: #1C1C1F;
    width: 100%;
    height: 2px;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
  }
}
@media print and (any-hover: hover), screen and (any-hover: hover) and (min-width: 768px) {
  .l-header-nav__media ul:not([class]) > li.-more > a:hover {
    background-color: rgba(28, 28, 31, 0.04) !important;
  }
}
.l-header-nav__ec {
  width: 100%;
  background: linear-gradient(90deg, rgb(0, 62, 146) 0%, rgb(87, 172, 205) 63%);
}
.l-header-nav__ec .l-header-nav__inner {
  justify-content: space-between;
}
.l-header-nav__ec ul:not([class]) > li > a {
  position: relative;
  background-color: transparent;
  border: 1px solid transparent;
  color: #fff;
}
@media print and (any-hover: hover), screen and (any-hover: hover) and (min-width: 768px) {
  .l-header-nav__ec ul:not([class]) > li > a:hover {
    background-color: rgba(255, 255, 255, 0.15);
  }
}
.l-header-nav__ec ul:not([class]) > li > a .is-press {
  background: rgba(255, 255, 255, 0.3);
}
.l-header-nav__ec ul:not([class]) > li.-top > a {
  background-color: transparent;
  border: 1px solid rgba(255, 255, 255, 0.6);
  color: #fff;
  padding-left: 2.5em;
}
.l-header-nav__ec ul:not([class]) > li.-top > a::before {
  position: absolute;
  content: "";
  background: url("../img/common/icn_store.svg") no-repeat center center/contain;
  width: 15px;
  height: 13px;
  left: 1em;
  top: 50%;
  transform: translateY(-50%);
}
@media print and (any-hover: hover), screen and (any-hover: hover) and (min-width: 768px) {
  .l-header-nav__ec ul:not([class]) > li.-top > a:hover {
    background-color: rgba(255, 255, 255, 0.15);
  }
}
.l-header-nav__ec ul:not([class]) > li.-top.-current > a {
  border: 1px solid rgb(255, 255, 255);
  background-color: rgba(255, 255, 255, 0.25);
}
.l-header-nav__ec ul:not([class]) > li.-point > a {
  padding-right: 2.5em;
}
.l-header-nav__ec ul:not([class]) > li.-point > a::before {
  position: absolute;
  content: "";
  background: #fff;
  width: 8px;
  height: 5px;
  top: 50%;
  transform: translateY(-50%);
  right: 1em;
  -webkit-clip-path: polygon(0 0, 50% 100%, 100% 0);
          clip-path: polygon(0 0, 50% 100%, 100% 0);
}
@media print, screen and (min-width: 768px) {
  .l-header-nav__ec ul:not([class]) > li.-point:hover .l-header-nav__child, .l-header-nav__ec ul:not([class]) > li.-point:focus .l-header-nav__child {
    visibility: visible;
    opacity: 1;
  }
  .l-header-nav__ec ul:not([class]) > li.-point:hover > a, .l-header-nav__ec ul:not([class]) > li.-point:focus > a {
    font-weight: 700;
  }
  .l-header-nav__ec ul:not([class]) > li.-point:hover > a {
    background-color: rgba(255, 255, 255, 0.15);
  }
}
@media print and (any-hover: hover), screen and (any-hover: hover) and (min-width: 768px) {
  .l-header-nav__ec ul:not([class]) > li.-more > a:hover {
    background-color: rgba(255, 255, 255, 0.15) !important;
  }
}
.l-header-nav__ec ul:not([class]) > li.-current > a {
  background-color: rgba(255, 255, 255, 0.25);
  font-weight: 700;
}
@media print, screen and (min-width: 768px) {
  .l-header-nav__more:hover .l-header-nav__child, .l-header-nav__more:focus-within .l-header-nav__child {
    visibility: visible;
    opacity: 1;
  }
  .l-header-nav__more.-media:hover > a, .l-header-nav__more.-media:focus-within > a {
    background-color: rgba(28, 28, 31, 0.04) !important;
  }
  .l-header-nav__more.-ec:hover > a, .l-header-nav__more.-ec:focus-within > a {
    background-color: rgba(255, 255, 255, 0.15) !important;
  }
}
.l-header-nav__child {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  z-index: 10;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.2);
  padding: 0.5em 0;
}
.l-header-nav__child.-media {
  top: 35px;
  left: -10px;
  width: 172px;
}
@media screen and (max-width: 911px) {
  .l-header-nav__child.-media {
    left: auto;
    right: -40px;
  }
}
.l-header-nav__child.-point {
  top: 35px;
  left: 0;
  width: 189px;
}
.l-header-nav__child.-ec {
  top: 35px;
  left: 0;
  width: 158px;
}
.l-header-nav__childlist {
  display: flex;
  flex-direction: column;
}
.l-header-nav__childlist li.-article {
  border-top: 1px solid #E7E7EA;
  margin-top: 0.5em;
  padding-top: 0.5em;
}
.l-header-nav__childlist li.-article a {
  padding-left: 3.8em;
}
.l-header-nav__childlist li.-article a::before {
  position: absolute;
  content: "";
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 13 18"><path fill="%231C1C1F" d="M0 16.75V1.80775C0 1.30258 0.175 0.875 0.525 0.525C0.875 0.175 1.30258 0 1.80775 0H11.1923C11.6974 0 12.125 0.175 12.475 0.525C12.825 0.875 13 1.30258 13 1.80775V16.75L6.5 13.9615L0 16.75ZM1.5 14.45L6.5 12.3L11.5 14.45V1.80775C11.5 1.73075 11.4679 1.66025 11.4038 1.59625C11.3398 1.53208 11.2692 1.5 11.1923 1.5H1.80775C1.73075 1.5 1.66025 1.53208 1.59625 1.59625C1.53208 1.66025 1.5 1.73075 1.5 1.80775V14.45Z" /></svg>') no-repeat center center/contain;
  width: 13px;
  height: 18px;
  left: 1.5em;
  top: 50%;
  transform: translateY(-50%);
}
.l-header-nav__childlist a {
  position: relative;
  display: block;
  font-size: 1.4rem;
  text-align: left;
  padding: 0.5em 1em;
}
@media print and (any-hover: hover), screen and (any-hover: hover) and (min-width: 768px) {
  .l-header-nav__childlist a:hover {
    background-color: rgba(28, 28, 31, 0.04);
  }
  .l-header-nav__childlist a:focus {
    background-color: rgba(28, 28, 31, 0.1);
  }
}
.l-header-nav__childlist-box {
  border-top: 1px solid #E7E7EA;
  border-bottom: 1px solid #E7E7EA;
  padding: 0.8em 0 0.5em;
  margin: 0.5em 0;
}
.l-header-nav__childlist-ttl {
  font-size: 1.2rem;
  color: #6E6E74;
  padding: 0 1em 0.5em;
}
.l-header-nav__cart {
  position: relative;
  height: 36px;
  width: 130px;
}
.l-header-nav__cart a {
  position: relative;
  height: 100%;
  width: 100%;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  font-weight: 700;
  padding-left: 2em;
  background: #EF6C00;
  color: #fff;
}
@media print and (any-hover: hover), screen and (any-hover: hover) and (min-width: 768px) {
  .l-header-nav__cart a:hover {
    background: #E65100;
  }
}
.l-header-nav__cart a::before {
  position: absolute;
  content: "";
  background-image: url('data:image/svg+xml;utf8,<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.71146 16.0898C4.3066 16.0898 3.96236 15.9479 3.67875 15.6642C3.39514 15.3806 3.25333 15.0363 3.25333 14.6315C3.25333 14.2265 3.39514 13.8822 3.67875 13.5985C3.96236 13.3149 4.3066 13.1731 4.71146 13.1731C5.11646 13.1731 5.46076 13.3149 5.74438 13.5985C6.02799 13.8822 6.16979 14.2265 6.16979 14.6315C6.16979 15.0363 6.02799 15.3806 5.74438 15.6642C5.46076 15.9479 5.11646 16.0898 4.71146 16.0898ZM12.7885 16.0898C12.3835 16.0898 12.0392 15.9479 11.7556 15.6642C11.472 15.3806 11.3302 15.0363 11.3302 14.6315C11.3302 14.2265 11.472 13.8822 11.7556 13.5985C12.0392 13.3149 12.3835 13.1731 12.7885 13.1731C13.1934 13.1731 13.5376 13.3149 13.8212 13.5985C14.1049 13.8822 14.2467 14.2265 14.2467 14.6315C14.2467 15.0363 14.1049 15.3806 13.8212 15.6642C13.5376 15.9479 13.1934 16.0898 12.7885 16.0898ZM3.76271 2.91667L5.875 7.33979H11.556C11.6041 7.33979 11.6469 7.32778 11.6844 7.30375C11.7217 7.27972 11.7538 7.24632 11.7804 7.20354L14.016 3.14104C14.0481 3.08229 14.0508 3.03021 14.024 2.98479C13.9973 2.93938 13.9519 2.91667 13.8877 2.91667H3.76271ZM3.16354 1.66667H14.734C15.0748 1.66667 15.3325 1.81174 15.5071 2.10188C15.6818 2.39188 15.6901 2.68806 15.5321 2.99042L12.8621 7.82687C12.7254 8.06729 12.5447 8.25451 12.3198 8.38854C12.0948 8.52271 11.8483 8.58979 11.5802 8.58979H5.5L4.53521 10.3525C4.49243 10.4167 4.49111 10.4861 4.53125 10.5608C4.57125 10.6357 4.63132 10.6731 4.71146 10.6731H14.2467V11.9231H4.71146C4.1559 11.9231 3.73847 11.6835 3.45917 11.2044C3.17972 10.7252 3.16986 10.2468 3.42958 9.76917L4.61854 7.63146L1.58667 1.25H0V0H2.37188L3.16354 1.66667Z" fill="%23ffffff"/></svg>');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  width: 16px;
  height: 17px;
  left: 1.2em;
  top: 50%;
  transform: translateY(-50%);
}
.l-header-nav__cart a[aria-disabled=true] {
  background: rgba(255, 255, 255, 0.6);
  color: #99999F;
}
.l-header-nav__cart a[aria-disabled=true]::before {
  background-image: url('data:image/svg+xml;utf8,<svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.71146 16.0898C4.3066 16.0898 3.96236 15.9479 3.67875 15.6642C3.39514 15.3806 3.25333 15.0363 3.25333 14.6315C3.25333 14.2265 3.39514 13.8822 3.67875 13.5985C3.96236 13.3149 4.3066 13.1731 4.71146 13.1731C5.11646 13.1731 5.46076 13.3149 5.74438 13.5985C6.02799 13.8822 6.16979 14.2265 6.16979 14.6315C6.16979 15.0363 6.02799 15.3806 5.74438 15.6642C5.46076 15.9479 5.11646 16.0898 4.71146 16.0898ZM12.7885 16.0898C12.3835 16.0898 12.0392 15.9479 11.7556 15.6642C11.472 15.3806 11.3302 15.0363 11.3302 14.6315C11.3302 14.2265 11.472 13.8822 11.7556 13.5985C12.0392 13.3149 12.3835 13.1731 12.7885 13.1731C13.1934 13.1731 13.5376 13.3149 13.8212 13.5985C14.1049 13.8822 14.2467 14.2265 14.2467 14.6315C14.2467 15.0363 14.1049 15.3806 13.8212 15.6642C13.5376 15.9479 13.1934 16.0898 12.7885 16.0898ZM3.76271 2.91667L5.875 7.33979H11.556C11.6041 7.33979 11.6469 7.32778 11.6844 7.30375C11.7217 7.27972 11.7538 7.24632 11.7804 7.20354L14.016 3.14104C14.0481 3.08229 14.0508 3.03021 14.024 2.98479C13.9973 2.93938 13.9519 2.91667 13.8877 2.91667H3.76271ZM3.16354 1.66667H14.734C15.0748 1.66667 15.3325 1.81174 15.5071 2.10188C15.6818 2.39188 15.6901 2.68806 15.5321 2.99042L12.8621 7.82687C12.7254 8.06729 12.5447 8.25451 12.3198 8.38854C12.0948 8.52271 11.8483 8.58979 11.5802 8.58979H5.5L4.53521 10.3525C4.49243 10.4167 4.49111 10.4861 4.53125 10.5608C4.57125 10.6357 4.63132 10.6731 4.71146 10.6731H14.2467V11.9231H4.71146C4.1559 11.9231 3.73847 11.6835 3.45917 11.2044C3.17972 10.7252 3.16986 10.2468 3.42958 9.76917L4.61854 7.63146L1.58667 1.25H0V0H2.37188L3.16354 1.66667Z" fill="%2399999F"/></svg>');
}
.l-header-nav__cart-notification {
  position: absolute;
  top: -10px;
  right: -10px;
  padding: 0 0.4em;
  background: #D32F2F;
  border-radius: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
}
.l-header-nav__cart-num {
  color: #fff;
  font-size: 1rem;
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  line-height: 1.6;
}

/* --------------------------------------------------
  header modal
-------------------------------------------------- */
.l-header__modal {
  position: fixed;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.35);
  z-index: 9999;
  opacity: 0;
  visibility: hidden;
  isolation: isolate;
  transition: opacity 0.3s ease, visibility 0s 0.3s;
  /* マウスオン時（表示だけ）
   &.is-preview {
     opacity: 1;
     visibility: visible;
     pointer-events: none;
  .l-header__modal-body{
  	overflow-y: hidden;
  }
   }
  */
  /* クリック時（正式オープン） */
}
@media screen and (max-width: 767px) {
  .l-header__modal {
    background-color: #fff;
    transition: none;
  }
}
.l-header__modal.is-active {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.3s ease, visibility 0s;
}
.l-header__modal-inner {
  position: absolute;
  top: 5px;
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (max-width: 767px) {
  .l-header__modal-inner {
    top: 0;
    bottom: inherit;
    left: 0;
    width: 100%;
    height: 100%;
    transform: translate(0, 0) !important;
    background-color: #fff;
  }
}
.l-header__modal-content {
  width: 100vw;
  max-width: max(680px, 100vw - 192px - 230px - 80px);
  max-height: calc(100vh - 80px);
  height: auto;
  border-radius: 8px;
  background-color: #fff;
  padding: 10px 16px;
  /* 伸縮 */
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 1200px) {
  .l-header__modal-content {
    max-width: 680px;
  }
}
@media screen and (max-width: 767px) {
  .l-header__modal-content {
    width: 100vw;
    max-width: inherit;
    height: 100dvh;
    max-height: inherit;
    border-radius: 0;
    transform: translateY(20px);
  }
}
.l-header__modal.is-active {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
@media screen and (max-width: 767px) {
  .l-header__modal.is-active .l-header__modal-content {
    opacity: 1;
    transform: translateY(0);
  }
}
.l-header__modal-head {
  flex-shrink: 0;
  position: relative;
}
@media screen and (max-width: 767px) {
  .l-header__modal-head {
    padding-bottom: 16px;
    /*
    &::before{
    	position: absolute;
    	content: "";
    	background: $gray4;
    	width: 100%;
    	height: 1px;
    	bottom: 0;
    	left: 50%;
    	transform: translateX(-50%);
    }
    */
  }
}
.l-header__modal-body {
  padding: 0 12px;
  flex: 0 1 auto;
  overflow-y: auto;
  overscroll-behavior: contain;
  min-height: 0;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
}
@media screen and (max-width: 767px) {
  .l-header__modal-body {
    width: 100vw;
    margin-left: -16px;
    margin-right: -16px;
    padding: 0;
  }
}
.l-header__modal-body > :first-child {
  margin-top: 0;
}
@media screen and (max-width: 767px) {
  .l-header__modal-formbox {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0 8px;
  }
}
@media screen and (max-width: 767px) {
  .l-header__modal-cancel {
    font-size: 1.2rem;
    flex-shrink: 0;
  }
}
.l-header__modal-notes {
  font-size: 1.2rem;
  color: #99999F;
  padding: 0.8em 12px 1.2em;
}
.l-header__modal-notes a {
  text-decoration: underline;
}
@media print and (any-hover: hover), screen and (any-hover: hover) and (min-width: 768px) {
  .l-header__modal-notes a {
    transition: opacity 0 ease;
    cursor: pointer;
  }
  .l-header__modal-notes a:hover {
    opacity: 0.7;
  }
}
@media screen and (max-width: 767px) {
  .l-header__modal-notes {
    padding: 0.8em 0 1.2em;
  }
}
.l-header__modal-form {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 2px solid #0055CC;
  padding-right: 12px;
}
@media screen and (max-width: 767px) {
  .l-header__modal-form {
    border: 2px solid #0055CC;
    border-radius: 4px;
    flex-direction: row-reverse;
    justify-content: flex-start;
    padding-right: 0;
    padding-left: 12px;
  }
}
.l-header__modal-form input[type=text] {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  color: #1C1C1F;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.6rem;
  width: 100%;
  min-width: 0;
  flex-grow: 1;
  height: 48px;
  padding: 0 10px;
}
.l-header__modal-form input[type=text]::-moz-placeholder {
  color: #1C1C1F;
  font-size: 1.6rem;
}
.l-header__modal-form input[type=text]::placeholder {
  color: #1C1C1F;
  font-size: 1.6rem;
}
@media screen and (max-width: 767px) {
  .l-header__modal-form input[type=text] {
    height: 32px;
  }
  .l-header__modal-form input[type=text]::-moz-placeholder {
    font-size: 1.4rem;
  }
  .l-header__modal-form input[type=text]::placeholder {
    font-size: 1.4rem;
  }
}
.l-header__modal-form button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  aspect-ratio: 1/1;
  background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><path d="M16.1383 17.1923L9.8575 10.9113C9.3575 11.3241 8.7825 11.6472 8.1325 11.8805C7.4825 12.1138 6.81008 12.2305 6.11525 12.2305C4.40608 12.2305 2.95958 11.6388 1.77575 10.4553C0.591917 9.27175 0 7.82558 0 6.11675C0 4.40808 0.59175 2.96142 1.77525 1.77675C2.95875 0.59225 4.40492 0 6.11375 0C7.82242 0 9.26908 0.591916 10.4537 1.77575C11.6383 2.95958 12.2305 4.40608 12.2305 6.11525C12.2305 6.82942 12.1107 7.5115 11.871 8.1615C11.6312 8.8115 11.3112 9.37683 10.9113 9.8575L17.192 16.1383L16.1383 17.1923ZM6.11525 10.7308C7.40375 10.7308 8.49508 10.2836 9.38925 9.38925C10.2836 8.49508 10.7308 7.40375 10.7308 6.11525C10.7308 4.82675 10.2836 3.73542 9.38925 2.84125C8.49508 1.94692 7.40375 1.49975 6.11525 1.49975C4.82675 1.49975 3.73542 1.94692 2.84125 2.84125C1.94692 3.73542 1.49975 4.82675 1.49975 6.11525C1.49975 7.40375 1.94692 8.49508 2.84125 9.38925C3.73542 10.2836 4.82675 10.7308 6.11525 10.7308Z" fill="%231C1C1F"/></svg>');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}
@media print and (any-hover: hover), screen and (any-hover: hover) and (min-width: 768px) {
  .l-header__modal-form button {
    transition: opacity 0 ease;
    cursor: pointer;
  }
  .l-header__modal-form button:hover {
    opacity: 0.7;
  }
}
@media screen and (max-width: 767px) {
  .l-header__modal-form button {
    background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 18 18" xmlns="http://www.w3.org/2000/svg"><path d="M16.1383 17.1923L9.8575 10.9113C9.3575 11.3241 8.7825 11.6472 8.1325 11.8805C7.4825 12.1138 6.81008 12.2305 6.11525 12.2305C4.40608 12.2305 2.95958 11.6388 1.77575 10.4553C0.591917 9.27175 0 7.82558 0 6.11675C0 4.40808 0.59175 2.96142 1.77525 1.77675C2.95875 0.59225 4.40492 0 6.11375 0C7.82242 0 9.26908 0.591916 10.4537 1.77575C11.6383 2.95958 12.2305 4.40608 12.2305 6.11525C12.2305 6.82942 12.1107 7.5115 11.871 8.1615C11.6312 8.8115 11.3112 9.37683 10.9113 9.8575L17.192 16.1383L16.1383 17.1923ZM6.11525 10.7308C7.40375 10.7308 8.49508 10.2836 9.38925 9.38925C10.2836 8.49508 10.7308 7.40375 10.7308 6.11525C10.7308 4.82675 10.2836 3.73542 9.38925 2.84125C8.49508 1.94692 7.40375 1.49975 6.11525 1.49975C4.82675 1.49975 3.73542 1.94692 2.84125 2.84125C1.94692 3.73542 1.49975 4.82675 1.49975 6.11525C1.49975 7.40375 1.94692 8.49508 2.84125 9.38925C3.73542 10.2836 4.82675 10.7308 6.11525 10.7308Z" fill="%236E6E74"/></svg>');
  }
}

/* --------------------------------------------------
  header category btn (sp)
-------------------------------------------------- */
.l-header-catebtn {
  margin-top: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media print, screen and (min-width: 768px) {
  .l-header-catebtn {
    display: none;
  }
}
.l-header-catebtn a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 36px;
  background: #fff;
  border: 1px solid #D0D1D5;
  border-radius: 4px;
  font-size: 1.4rem;
  font-weight: 500;
  padding-left: 3.4em;
}
.l-header-catebtn a span {
  position: relative;
}
.l-header-catebtn a span::before {
  position: absolute;
  content: "";
  background: url("../img/common/icn_category.svg") no-repeat center center/contain;
  width: 16px;
  height: 16px;
  left: -2.4em;
  top: 50%;
  transform: translateY(-50%);
}

/* --------------------------------------------------
  header search tag(modal)
-------------------------------------------------- */
.l-header-tag {
  margin-top: 16px !important;
}
@media screen and (max-width: 767px) {
  .l-header-tag {
    margin-top: 0 !important;
    padding-left: 16px;
  }
}
.l-header-tag__ttl {
  color: #6E6E74;
  font-size: 1.2rem;
  margin-bottom: 0.2em;
}
.l-header-tag__item {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 6px;
}
@media print, screen and (min-width: 768px) {
  .l-header-tag__item {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 767px) {
  .l-header-tag__item {
    overflow-y: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .l-header-tag__item::-webkit-scrollbar {
    -webkit-appearance: none;
    display: none;
  }
  .l-header-tag__item::after {
    content: "";
    display: block;
    min-width: 12px;
    height: 1px;
  }
}
.l-header-tag__item a {
  background: #F3F3F5;
  font-size: 1.2rem;
  padding: 0.25em 0.8em;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 2px;
}
@media print and (any-hover: hover), screen and (any-hover: hover) and (min-width: 768px) {
  .l-header-tag__item a:hover {
    background: rgba(0, 0, 0, 0.12);
  }
}
@media screen and (max-width: 767px) {
  .l-header-tag__item a {
    white-space: nowrap;
    padding: 0.5em 0.8em;
  }
}
.l-header-tag__cont {
  margin: 0;
}
.l-header-tag__cont + .l-header-tag__ttl {
  margin-top: 16px;
}
.l-header-tag + .l-header-suggest, .l-header-tag + .l-header-history {
  margin-top: 16px;
}

/* --------------------------------------------------
  header search/history(modal)
-------------------------------------------------- */
.l-header-suggest,
.l-header-history {
  margin-top: 32px;
}
@media screen and (max-width: 767px) {
  .l-header-suggest,
  .l-header-history {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.l-header-suggest__item,
.l-header-history__item {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 1.4rem;
  border-bottom: 1px solid #E7E7EA;
}
.l-header-suggest__item a,
.l-header-history__item a {
  width: 100%;
  position: relative;
  display: block;
  padding-top: 1em;
  padding-bottom: 1em;
  padding-right: 36px;
  padding-left: 12px;
  z-index: 2;
}
.l-header-suggest__item a::before,
.l-header-history__item a::before {
  position: absolute;
  content: "";
  opacity: 0;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}
@media print and (any-hover: hover), screen and (any-hover: hover) and (min-width: 768px) {
  .l-header-suggest__item a:hover::before, .l-header-suggest__item a:focus::before,
  .l-header-history__item a:hover::before,
  .l-header-history__item a:focus::before {
    background: rgba(28, 28, 31, 0.04);
    opacity: 1;
  }
}

.l-header-history-delete {
  position: absolute;
  width: 34px;
  height: 34px;
  background-color: transparent;
  border-radius: 34px;
  right: 0.5em;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
}
@media print and (any-hover: hover), screen and (any-hover: hover) and (min-width: 768px) {
  .l-header-history-delete:hover {
    background-color: rgba(28, 28, 31, 0.04);
  }
}
.l-header-history-delete::before, .l-header-history-delete::after {
  position: absolute;
  content: "";
  background: #6E6E74;
  top: 50%;
  left: 50%;
  width: 18px;
  height: 1px;
}
.l-header-history-delete::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.l-header-history-delete::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

/* --------------------------------------------------
  footer
-------------------------------------------------- */
.l-footer {
  position: relative;
  background: #fff;
  border-top: 4px solid #E7E7EA;
  border-bottom: 1px solid #E7E7EA;
  padding: 45px 0 0;
  margin-top: 75px;
  /* guide */
  /* copy */
}
.l-footer.-logoff {
  border-top: none;
  padding-top: 0;
  margin-top: 80px;
}
@media screen and (max-width: 767px) {
  .l-footer.-logoff {
    margin-top: 0;
  }
}
@media screen and (max-width: 767px) {
  .l-footer {
    border-top: none;
    margin-top: 0;
    padding-top: 0;
  }
  #index .l-footer {
    margin-top: 40px;
  }
  .l-footer.-noline {
    margin-top: 0;
  }
}
@media screen and (max-width: 1200px) {
  .l-footer .l-container {
    padding: 0 20px;
  }
}
@media screen and (max-width: 767px) {
  .l-footer .l-container {
    padding: 0 16px;
  }
}
.l-footer__guide {
  display: flex;
  gap: 40px;
  margin: 0 auto;
}
.l-footer__item {
  width: 50%;
}
.l-footer__ttl {
  font-weight: 500;
  font-family: "Roboto", "Noto Sans JP", sans-serif;
  font-size: 1.6rem;
  color: #6E6E74;
  margin-bottom: 15px;
}
.l-footer__subttl {
  position: relative;
  font-weight: 700;
  font-size: 1.6rem;
  color: #1C1C1F;
  padding-left: 2em;
  margin-bottom: 10px;
}
.l-footer__subttl.-mb16 {
  margin-bottom: 16px;
}
.l-footer__subttl::before {
  position: absolute;
  content: "";
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.l-footer__subttl.-delivery::before {
  background-image: url("../img/common/icn_footer_delivery.svg");
  width: 22px;
  height: 16px;
}
.l-footer__subttl.-postage::before {
  background-image: url("../img/common/icn_footer_postage.svg");
  width: 21px;
  height: 16px;
}
.l-footer__subttl.-wtheater::before {
  background-image: url("../img/common/icn_footer_wtheater.svg");
  width: 16px;
  height: 20px;
}
.l-footer__subttl.-cancel::before {
  background-image: url("../img/common/icn_footer_cancel.svg");
  width: 17px;
  height: 18px;
}
.l-footer__heading {
  font-weight: 700;
  font-size: 1.4rem;
  margin-bottom: 16px;
}
.l-footer__heading.-mb0 {
  margin-bottom: 0;
}
.l-footer__heading.-mb5 {
  margin-bottom: 5px;
}
.l-footer__heading.-mb10 {
  margin-bottom: 10px;
}
.l-footer__heading.-shortest {
  color: #009688;
}
.l-footer__heading-udl {
  position: relative;
  z-index: 2;
}
.l-footer__heading-udl::before {
  position: absolute;
  content: "";
  background: #BBD6FB;
  width: 100%;
  height: 6px;
  left: 0;
  bottom: -2px;
  z-index: -1;
}
.l-footer__time {
  font-size: 1.4rem;
  color: #6E6E74;
  margin-bottom: 0.5em;
}
.l-footer__time.-line {
  border-top: 3px solid #E7E7EA;
  padding-top: 25px;
  margin-top: 5px;
}
.l-footer__timebox {
  border: 1px solid #E7E7EA;
  padding: 16px 16px 10px;
}
.l-footer__timebox + .l-footer__timebox {
  margin-top: 16px;
}
.l-footer__list {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  margin: 0;
}
.l-footer__list dt, .l-footer__list dd {
  font-size: 1.4rem;
  padding-bottom: 1.2em;
}
.l-footer__list dt:nth-child(n+3), .l-footer__list dd:nth-child(n+3) {
  border-top: 1px solid #E7E7EA;
  padding-top: 1.2em;
}
.l-footer__list dt {
  font-weight: 500;
  font-family: "Roboto", "Noto Sans JP", sans-serif;
  width: 225px;
}
.l-footer__list dt span:not([class]) {
  position: relative;
  display: inline-block;
  padding-left: 2em;
}
.l-footer__list dt span:not([class])::before {
  position: absolute;
  content: "";
  background: url("../img/common/icn_footer_time.svg") no-repeat center center/contain;
  width: 17px;
  height: 17px;
  left: 0;
  top: 0.05em;
}
.l-footer__list dd {
  width: calc(100% - 225px);
}
.l-footer__list-sm {
  display: inline-block;
  line-height: 1.4;
}
.l-footer__txtbox p {
  font-size: 1.4rem;
}
.l-footer__txtbox + .l-footer__subttl {
  margin-top: 40px;
}
.l-footer__txtbox-link {
  font-size: 1.2rem;
  color: #0055CC;
}
@media print and (any-hover: hover), screen and (any-hover: hover) and (min-width: 768px) {
  .l-footer__txtbox-link {
    transition: opacity 0 ease;
    cursor: pointer;
  }
  .l-footer__txtbox-link:hover {
    opacity: 0.7;
  }
}
.l-footer__txtbox + .l-footer__heading {
  margin-top: 16px;
}
.l-footer__copy {
  border-top: 1px solid #E7E7EA;
  margin-top: 50px;
  padding-top: 32px;
  padding-bottom: 12px;
}
@media screen and (max-width: 767px) {
  .l-footer__copy {
    background: #F3F3F5;
    padding-top: 25px;
    padding-bottom: 110px;
    margin-top: 0;
    border-top: none;
  }
}
.l-footer__copy-inner {
  position: relative;
  margin-inline: auto;
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
}
@media screen and (max-width: 767px) {
  .l-footer__copy-inner {
    flex-direction: column;
  }
}

/* --------------------------------------------------
  footer nav
-------------------------------------------------- */
@media screen and (max-width: 767px) {
  .l-footer-nav {
    margin-left: -16px;
    margin-right: -16px;
    width: calc(100% + 32px);
  }
}
.l-footer-nav__list {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  margin-bottom: 24px;
}
@media print, screen and (min-width: 768px) {
  .l-footer-nav__list {
    justify-content: flex-end;
    gap: 0 28px;
  }
}
@media screen and (max-width: 767px) {
  .l-footer-nav__item {
    display: block;
    width: 50%;
    text-align: center;
    border: 1px solid #E7E7EA;
    border-bottom: 0;
  }
  .l-footer-nav__item:nth-of-type(2n - 1) {
    border-left: 0;
    border-right: 0;
  }
  .l-footer-nav__item:nth-of-type(2n) {
    border-right: 0;
  }
  .l-footer-nav__item:last-of-type {
    width: 100%;
    border-left: 0;
    border-right: 0;
    border-bottom: 1px solid #E7E7EA;
  }
}
.l-footer-nav__link {
  width: 100%;
  display: block;
  font-size: 1.2rem;
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: border-color 0.3s;
}
@media print and (any-hover: hover), screen and (any-hover: hover) and (min-width: 768px) {
  .l-footer-nav__link:hover {
    border-color: #1C1C1F;
  }
}
@media screen and (max-width: 767px) {
  .l-footer-nav__link {
    font-size: 1.4rem;
    padding: 0.93em 0;
    color: #737373;
  }
}
.l-footer-nav__btnarea {
  display: flex;
  justify-content: flex-end;
  gap: 0 8px;
}
@media screen and (max-width: 767px) {
  .l-footer-nav__btnarea {
    padding: 0 16px 24px;
    flex-direction: column;
    gap: 8px 0;
  }
}
.l-footer-nav__btn a {
  position: relative;
  padding: 0.5em 0.8em;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  border: 1px solid #D0D1D5;
  border-radius: 4px;
  font-size: 1.2rem;
}
@media print and (any-hover: hover), screen and (any-hover: hover) and (min-width: 768px) {
  .l-footer-nav__btn a:hover {
    background-color: rgba(28, 28, 31, 0.04);
  }
}
@media screen and (max-width: 767px) {
  .l-footer-nav__btn a {
    padding: 0.9em 0.4em;
    font-size: 1.4rem;
    color: #737373;
  }
}
.l-footer-nav__btn.-arrow a {
  padding-right: 3em;
}
.l-footer-nav__btn.-arrow a::before {
  position: absolute;
  content: "";
  width: 6px;
  height: 6px;
  border-top: solid 1px #1C1C1F;
  border-right: solid 1px #1C1C1F;
  right: 1.2em;
  top: 50%;
  transform: translateY(-50%) rotate(135deg);
}
@media screen and (max-width: 767px) {
  .l-footer-nav__btn.-arrow a {
    padding-right: 1.8em;
  }
  .l-footer-nav__btn.-arrow a::before {
    width: 8px;
    height: 8px;
    right: 3em;
  }
}

/* --------------------------------------------------
  footer desc
-------------------------------------------------- */
.l-footer-desc__logo {
  width: 126px;
  margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
  .l-footer-desc__logo {
    width: 156px;
    margin: 18px auto 32px;
  }
}
.l-footer-desc__txt {
  text-align: left;
  font-size: 1.2rem;
  color: #99999F;
}
@media screen and (max-width: 767px) {
  .l-footer-desc__txt {
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  .l-footer-desc {
    display: flex;
    flex-direction: column-reverse;
  }
}

/* --------------------------------------------------
  footer copyright
-------------------------------------------------- */
.l-footer-copyright {
  position: absolute;
  bottom: 0;
  color: #99999F;
  text-align: center;
  font-size: 1.2rem;
  font-family: "Roboto", sans-serif;
}
@media screen and (max-width: 767px) {
  .l-footer-copyright {
    text-align: center;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    font-size: 1rem;
  }
}

/* --------------------------------------------------
  footer tabbar(sp)
-------------------------------------------------- */
.l-footer-tabbar {
  position: fixed;
  z-index: 100;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0.5em 0;
  padding-bottom: calc(0.5em + env(safe-area-inset-bottom));
}
.l-footer-tabbar.is-show {
  transform: translateY(10px);
  opacity: 1;
  pointer-events: auto;
}
.l-footer-tabbar::before, .l-footer-tabbar::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 50%;
  transform: translateX(-50%);
}
.l-footer-tabbar::after {
  background: #fff;
  top: 0;
  z-index: 2;
}
.l-footer-tabbar::before {
  background: rgba(0, 0, 0, 0.03);
  top: -0.3em;
  z-index: 1;
  filter: blur(3px);
}
.l-footer-tabbar__list {
  position: relative;
  display: flex;
  z-index: 3;
}
.l-footer-tabbar__icn {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}
.l-footer-tabbar__txt {
  font-size: 1rem;
  color: #6E6E74;
  text-align: center;
}
.l-footer-tabbar__item {
  width: 16.6666666667%;
  flex: 1;
}
.l-footer-tabbar__item a {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.l-footer-tabbar__item.-article .l-footer-tabbar__icn {
  background-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><mask id="mask0_5201_24032" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24"><rect width="24" height="24" fill="%236E6E74"/></mask><g mask="url(%23mask0_5201_24032)"><path d="M13.9423 9.74621V8.43071C14.4859 8.17821 15.0548 7.9888 15.649 7.86246C16.2433 7.73613 16.8603 7.67296 17.5 7.67296C17.9013 7.67296 18.2911 7.70155 18.6693 7.75871C19.0474 7.81571 19.4269 7.89105 19.8078 7.98471V9.23846C19.4334 9.10763 19.0613 9.01271 18.6913 8.95371C18.3214 8.89471 17.9243 8.86521 17.5 8.86521C16.8603 8.86521 16.2408 8.94121 15.6413 9.09321C15.0419 9.24521 14.4756 9.46288 13.9423 9.74621ZM13.9423 15.227V13.8922C14.4731 13.6397 15.0404 13.4503 15.6443 13.324C16.2481 13.1978 16.8667 13.1347 17.5 13.1347C17.9013 13.1347 18.2911 13.1632 18.6693 13.2202C19.0474 13.2772 19.4269 13.3525 19.8078 13.4462V14.7C19.4334 14.5691 19.0613 14.4742 18.6913 14.4152C18.3214 14.3564 17.9243 14.327 17.5 14.327C16.8603 14.327 16.2408 14.4035 15.6413 14.5567C15.0419 14.7099 14.4756 14.9333 13.9423 15.227ZM13.9423 12.4962V11.1615C14.4859 10.909 15.0548 10.7195 15.649 10.5932C16.2433 10.4669 16.8603 10.4037 17.5 10.4037C17.9013 10.4037 18.2911 10.4323 18.6693 10.4895C19.0474 10.5465 19.4269 10.6218 19.8078 10.7155V11.9692C19.4334 11.8384 19.0613 11.7435 18.6913 11.6845C18.3214 11.6256 17.9243 11.5962 17.5 11.5962C16.8603 11.5962 16.2408 11.6754 15.6413 11.8337C15.0419 11.992 14.4756 12.2129 13.9423 12.4962ZM6.5 16.0192C7.32817 16.0192 8.13392 16.1131 8.91725 16.301C9.70058 16.4888 10.4782 16.7834 11.25 17.1847V7.35371C10.5475 6.89605 9.78725 6.5528 8.96925 6.32396C8.15125 6.09513 7.32817 5.98071 6.5 5.98071C5.9 5.98071 5.33942 6.0278 4.81825 6.12196C4.29708 6.2163 3.7615 6.37046 3.2115 6.58446C3.13467 6.61013 3.08017 6.64705 3.048 6.69521C3.016 6.74321 3 6.79605 3 6.85371V16.3115C3 16.4013 3.03208 16.467 3.09625 16.5087C3.16025 16.5504 3.23075 16.5551 3.30775 16.523C3.78208 16.3615 4.28267 16.2371 4.8095 16.15C5.3365 16.0628 5.9 16.0192 6.5 16.0192ZM12.75 17.1847C13.5218 16.7834 14.2994 16.4888 15.0828 16.301C15.8661 16.1131 16.6718 16.0192 17.5 16.0192C18.1 16.0192 18.6635 16.0628 19.1905 16.15C19.7173 16.2371 20.2179 16.3615 20.6923 16.523C20.7693 16.5551 20.8398 16.5504 20.9038 16.5087C20.9679 16.467 21 16.4013 21 16.3115V6.85371C21 6.79605 20.984 6.7448 20.952 6.69996C20.9198 6.65513 20.8653 6.61663 20.7885 6.58446C20.2385 6.37046 19.7029 6.2163 19.1818 6.12196C18.6606 6.0278 18.1 5.98071 17.5 5.98071C16.6718 5.98071 15.8487 6.09513 15.0307 6.32396C14.2127 6.5528 13.4525 6.89605 12.75 7.35371V17.1847ZM12 19.3845C11.1937 18.7896 10.3238 18.33 9.3905 18.0057C8.45717 17.6814 7.49367 17.5192 6.5 17.5192C5.88983 17.5192 5.2905 17.5868 4.702 17.722C4.1135 17.8573 3.54617 18.0564 3 18.3192C2.64367 18.4832 2.30458 18.4572 1.98275 18.2412C1.66092 18.0252 1.5 17.7191 1.5 17.323V6.46546C1.5 6.24996 1.5555 6.04771 1.6665 5.85871C1.77733 5.66955 1.93725 5.5333 2.14625 5.44996C2.82308 5.12046 3.5285 4.87655 4.2625 4.71821C4.9965 4.55988 5.74233 4.48071 6.5 4.48071C7.473 4.48071 8.42367 4.61371 9.352 4.87971C10.2802 5.14588 11.1628 5.53855 12 6.05771C12.8372 5.53855 13.7198 5.14588 14.648 4.87971C15.5763 4.61371 16.527 4.48071 17.5 4.48071C18.2577 4.48071 19.0035 4.55988 19.7375 4.71821C20.4715 4.87655 21.1769 5.12046 21.8538 5.44996C22.0627 5.5333 22.2227 5.66955 22.3335 5.85871C22.4445 6.04771 22.5 6.24996 22.5 6.46546V17.323C22.5 17.7191 22.3327 18.022 21.998 18.2317C21.6633 18.4412 21.3114 18.464 20.9423 18.3C20.4026 18.0435 19.8433 17.8492 19.2645 17.7172C18.6857 17.5852 18.0975 17.5192 17.5 17.5192C16.5063 17.5192 15.5428 17.6814 14.6095 18.0057C13.6762 18.33 12.8063 18.7896 12 19.3845Z" fill="%236E6E74"/></g></svg>');
}
.l-footer-tabbar__item.-article.-current .l-footer-tabbar__icn {
  background-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><mask id="mask0_5903_66374" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24"><rect width="24" height="24" fill="%230055CC"/></mask><g mask="url(%23mask0_5903_66374)"><path d="M13.9423 9.74621V8.43071C14.4859 8.17821 15.0548 7.9888 15.649 7.86246C16.2433 7.73613 16.8603 7.67296 17.5 7.67296C17.9013 7.67296 18.2911 7.70155 18.6693 7.75871C19.0474 7.81571 19.4269 7.89105 19.8078 7.98471V9.23846C19.4334 9.10763 19.0613 9.01271 18.6913 8.95371C18.3214 8.89471 17.9243 8.86521 17.5 8.86521C16.8603 8.86521 16.2408 8.94121 15.6413 9.09321C15.0419 9.24521 14.4756 9.46288 13.9423 9.74621ZM13.9423 15.227V13.8922C14.4731 13.6397 15.0404 13.4503 15.6443 13.324C16.2481 13.1978 16.8667 13.1347 17.5 13.1347C17.9013 13.1347 18.2911 13.1632 18.6693 13.2202C19.0474 13.2772 19.4269 13.3525 19.8078 13.4462V14.7C19.4334 14.5691 19.0613 14.4742 18.6913 14.4152C18.3214 14.3564 17.9243 14.327 17.5 14.327C16.8603 14.327 16.2408 14.4035 15.6413 14.5567C15.0419 14.7099 14.4756 14.9333 13.9423 15.227ZM13.9423 12.4962V11.1615C14.4859 10.909 15.0548 10.7195 15.649 10.5932C16.2433 10.4669 16.8603 10.4037 17.5 10.4037C17.9013 10.4037 18.2911 10.4323 18.6693 10.4895C19.0474 10.5465 19.4269 10.6218 19.8078 10.7155V11.9692C19.4334 11.8384 19.0613 11.7435 18.6913 11.6845C18.3214 11.6256 17.9243 11.5962 17.5 11.5962C16.8603 11.5962 16.2408 11.6754 15.6413 11.8337C15.0419 11.992 14.4756 12.2129 13.9423 12.4962ZM12.75 17.1847C13.5218 16.7834 14.2994 16.4888 15.0828 16.301C15.8661 16.1131 16.6718 16.0192 17.5 16.0192C18.1 16.0192 18.6635 16.0628 19.1905 16.15C19.7173 16.2371 20.2179 16.3615 20.6923 16.523C20.7693 16.5551 20.8398 16.5504 20.9038 16.5087C20.9679 16.467 21 16.4013 21 16.3115V6.85371C21 6.79605 20.984 6.7448 20.952 6.69996C20.9198 6.65513 20.8653 6.61663 20.7885 6.58446C20.2385 6.37046 19.7029 6.2163 19.1818 6.12196C18.6606 6.0278 18.1 5.98071 17.5 5.98071C16.6718 5.98071 15.8487 6.09513 15.0307 6.32396C14.2127 6.5528 13.4525 6.89605 12.75 7.35371V17.1847ZM12 19.3845C11.1937 18.7896 10.3238 18.33 9.3905 18.0057C8.45717 17.6814 7.49367 17.5192 6.5 17.5192C5.88983 17.5192 5.2905 17.5868 4.702 17.722C4.1135 17.8573 3.54617 18.0564 3 18.3192C2.64367 18.4832 2.30458 18.4572 1.98275 18.2412C1.66092 18.0252 1.5 17.7191 1.5 17.323V6.46546C1.5 6.24996 1.5555 6.04771 1.6665 5.85871C1.77733 5.66955 1.93725 5.5333 2.14625 5.44996C2.83342 5.1308 3.54142 4.88946 4.27025 4.72596C4.99908 4.56246 5.74233 4.48071 6.5 4.48071C7.473 4.48071 8.42367 4.61371 9.352 4.87971C10.2802 5.14588 11.1628 5.53855 12 6.05771C12.8372 5.53855 13.7198 5.14588 14.648 4.87971C15.5763 4.61371 16.527 4.48071 17.5 4.48071C18.2577 4.48071 19.0009 4.56246 19.7297 4.72596C20.4586 4.88946 21.1666 5.1308 21.8538 5.44996C22.0627 5.5333 22.2227 5.66955 22.3335 5.85871C22.4445 6.04771 22.5 6.24996 22.5 6.46546V17.323C22.5 17.7191 22.3327 18.022 21.998 18.2317C21.6633 18.4412 21.3114 18.464 20.9423 18.3C20.4026 18.0435 19.8433 17.8492 19.2645 17.7172C18.6857 17.5852 18.0975 17.5192 17.5 17.5192C16.5063 17.5192 15.5428 17.6814 14.6095 18.0057C13.6762 18.33 12.8063 18.7896 12 19.3845Z" fill="%230055CC"/></g></svg>');
}
.l-footer-tabbar__item.-store .l-footer-tabbar__icn {
  background-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><mask id="mask0_5201_24034" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24"><rect width="24" height="24" fill="%236E6E74"/></mask><g mask="url(%23mask0_5201_24034)"><path d="M4.21152 5.75V4.25H19.7885V5.75H4.21152ZM4.25002 19.75V13.75H3.13477V12.25L4.21152 7.25H19.7885L20.8653 12.25V13.75H19.75V19.75H18.25V13.75H13.75V19.75H4.25002ZM5.75002 18.25H12.25V13.75H5.75002V18.25ZM4.66527 12.25H19.3348L18.5713 8.75H5.42877L4.66527 12.25Z" fill="%236E6E74"/></g></svg>');
}
.l-footer-tabbar__item.-store.-current .l-footer-tabbar__icn {
  background-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><mask id="mask0_5903_66396" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24"><rect width="24" height="24" fill="%230055CC"/></mask><g mask="url(%23mask0_5903_66396)"><path d="M4.21152 5.75V4.25H19.7885V5.75H4.21152ZM4.25002 19.75V13.75H3.13477V12.25L4.21152 7.25H19.7885L20.8653 12.25V13.75H19.75V19.75H18.25V13.75H13.75V19.75H4.25002ZM5.75002 18.25H12.25V13.75H5.75002V18.25Z" fill="%230055CC"/></g></svg>');
}
.l-footer-tabbar__item.-cart .l-footer-tabbar__icn {
  background-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><mask id="mask0_5201_24038" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24"><rect width="24" height="24" fill="%236E6E74"/></mask><g mask="url(%23mask0_5201_24038)"><path d="M7.15375 21.5578C6.66792 21.5578 6.25483 21.3875 5.9145 21.047C5.57417 20.7067 5.404 20.2936 5.404 19.8078C5.404 19.3218 5.57417 18.9086 5.9145 18.5683C6.25483 18.2279 6.66792 18.0577 7.15375 18.0577C7.63975 18.0577 8.05292 18.2279 8.39325 18.5683C8.73358 18.9086 8.90375 19.3218 8.90375 19.8078C8.90375 20.2936 8.73358 20.7067 8.39325 21.047C8.05292 21.3875 7.63975 21.5578 7.15375 21.5578ZM16.8463 21.5578C16.3603 21.5578 15.9471 21.3875 15.6068 21.047C15.2664 20.7067 15.0963 20.2936 15.0963 19.8078C15.0963 19.3218 15.2664 18.9086 15.6068 18.5683C15.9471 18.2279 16.3603 18.0577 16.8463 18.0577C17.3321 18.0577 17.7452 18.2279 18.0855 18.5683C18.4258 18.9086 18.596 19.3218 18.596 19.8078C18.596 20.2936 18.4258 20.7067 18.0855 21.047C17.7452 21.3875 17.3321 21.5578 16.8463 21.5578ZM6.01525 5.75L8.55 11.0577H15.3673C15.4249 11.0577 15.4763 11.0433 15.5213 11.0145C15.5661 10.9857 15.6045 10.9456 15.6365 10.8943L18.3193 6.01925C18.3578 5.94875 18.3609 5.88625 18.3288 5.83175C18.2968 5.77725 18.2423 5.75 18.1653 5.75H6.01525ZM5.29625 4.25H19.1808C19.5898 4.25 19.899 4.42408 20.1085 4.77225C20.3182 5.12025 20.3282 5.47567 20.1385 5.8385L16.9345 11.6423C16.7705 11.9307 16.5536 12.1554 16.2838 12.3162C16.0138 12.4773 15.7179 12.5577 15.3963 12.5577H8.1L6.94225 14.673C6.89092 14.75 6.88933 14.8333 6.9375 14.923C6.9855 15.0128 7.05758 15.0577 7.15375 15.0577H18.596V16.5577H7.15375C6.48708 16.5577 5.98617 16.2703 5.651 15.6953C5.31567 15.1203 5.30383 14.5462 5.6155 13.973L7.04225 11.4078L3.404 3.75H1.5V2.25H4.34625L5.29625 4.25Z" fill="%236E6E74"/></g></svg>');
}
.l-footer-tabbar__item.-cart.-current .l-footer-tabbar__icn {
  background-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><mask id="mask0_5903_66450" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24"><rect width="24" height="24" fill="%230055CC"/></mask><g mask="url(%23mask0_5903_66450)"><path d="M7.15375 21.5578C6.66792 21.5578 6.25483 21.3875 5.9145 21.047C5.57417 20.7067 5.404 20.2936 5.404 19.8078C5.404 19.3218 5.57417 18.9086 5.9145 18.5683C6.25483 18.2279 6.66792 18.0577 7.15375 18.0577C7.63975 18.0577 8.05292 18.2279 8.39325 18.5683C8.73358 18.9086 8.90375 19.3218 8.90375 19.8078C8.90375 20.2936 8.73358 20.7067 8.39325 21.047C8.05292 21.3875 7.63975 21.5578 7.15375 21.5578ZM16.8463 21.5578C16.3603 21.5578 15.9471 21.3875 15.6068 21.047C15.2664 20.7067 15.0963 20.2936 15.0963 19.8078C15.0963 19.3218 15.2664 18.9086 15.6068 18.5683C15.9471 18.2279 16.3603 18.0577 16.8463 18.0577C17.3321 18.0577 17.7452 18.2279 18.0855 18.5683C18.4258 18.9086 18.596 19.3218 18.596 19.8078C18.596 20.2936 18.4258 20.7067 18.0855 21.047C17.7452 21.3875 17.3321 21.5578 16.8463 21.5578ZM5.29625 4.25H19.1808C19.5898 4.25 19.899 4.42408 20.1085 4.77225C20.3182 5.12025 20.3282 5.47567 20.1385 5.8385L16.9345 11.6423C16.7705 11.9307 16.5536 12.1554 16.2838 12.3162C16.0138 12.4773 15.7179 12.5577 15.3963 12.5577H8.1L6.94225 14.673C6.89092 14.75 6.88933 14.8333 6.9375 14.923C6.9855 15.0128 7.05758 15.0577 7.15375 15.0577H18.596V16.5577H7.15375C6.48708 16.5577 5.98617 16.2703 5.651 15.6953C5.31567 15.1203 5.30383 14.5462 5.6155 13.973L7.04225 11.4078L3.404 3.75H1.5V2.25H4.34625L5.29625 4.25Z" fill="%230055CC"/></g></svg>');
}
.l-footer-tabbar__item.-history .l-footer-tabbar__icn {
  background-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><mask id="mask0_5201_24040" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24"><rect width="24" height="24" fill="%236E6E74"/></mask><g mask="url(%23mask0_5201_24040)"><path d="M12 17.4423C13.223 17.4423 14.2692 17.0077 15.1385 16.1385C16.0077 15.2692 16.4423 14.223 16.4423 13C16.4423 11.777 16.0077 10.7308 15.1385 9.8615C14.2692 8.99233 13.223 8.55775 12 8.55775C11.3282 8.55775 10.7237 8.69367 10.1865 8.9655C9.64933 9.23717 9.18333 9.573 8.7885 9.973V8.34625H7.59625V12.0963H11.3463V10.9038H9.56525C9.83592 10.5718 10.184 10.2965 10.6095 10.078C11.0352 9.85933 11.4987 9.75 12 9.75C12.9 9.75 13.6667 10.0667 14.3 10.7C14.9333 11.3333 15.25 12.1 15.25 13C15.25 13.9 14.9333 14.6667 14.3 15.3C13.6667 15.9333 12.9 16.25 12 16.25C11.2667 16.25 10.625 16.0375 10.075 15.6125C9.525 15.1875 9.13333 14.65 8.9 14H7.65775C7.91025 15.0257 8.43525 15.8558 9.23275 16.4902C10.0301 17.1249 10.9525 17.4423 12 17.4423ZM6.30775 21.5C5.80258 21.5 5.375 21.325 5.025 20.975C4.675 20.625 4.5 20.1974 4.5 19.6923V4.30775C4.5 3.80258 4.675 3.375 5.025 3.025C5.375 2.675 5.80258 2.5 6.30775 2.5H13.7885L19.5 8.2115V19.6923C19.5 20.1974 19.325 20.625 18.975 20.975C18.625 21.325 18.1974 21.5 17.6923 21.5H6.30775ZM6.30775 20H17.6923C17.7692 20 17.8398 19.9679 17.9038 19.9038C17.9679 19.8398 18 19.7693 18 19.6923V8.85L13.15 4H6.30775C6.23075 4 6.16025 4.03208 6.09625 4.09625C6.03208 4.16025 6 4.23075 6 4.30775V19.6923C6 19.7693 6.03208 19.8398 6.09625 19.9038C6.16025 19.9679 6.23075 20 6.30775 20Z" fill="%236E6E74"/></g></svg>');
}
.l-footer-tabbar__item.-history.-current .l-footer-tabbar__icn {
  background-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><mask id="mask0_5903_66412" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24"><rect width="24" height="24" fill="%230055CC"/></mask><g mask="url(%23mask0_5903_66412)"><path d="M12 17.4423C13.223 17.4423 14.2692 17.0077 15.1385 16.1385C16.0077 15.2692 16.4423 14.223 16.4423 13C16.4423 11.777 16.0077 10.7308 15.1385 9.8615C14.2692 8.99233 13.223 8.55775 12 8.55775C11.3282 8.55775 10.7237 8.69367 10.1865 8.9655C9.64933 9.23717 9.18333 9.573 8.7885 9.973V8.34625H7.59625V12.0963H11.3463V10.9038H9.56525C9.83592 10.5718 10.184 10.2965 10.6095 10.078C11.0352 9.85933 11.4987 9.75 12 9.75C12.9 9.75 13.6667 10.0667 14.3 10.7C14.9333 11.3333 15.25 12.1 15.25 13C15.25 13.9 14.9333 14.6667 14.3 15.3C13.6667 15.9333 12.9 16.25 12 16.25C11.2667 16.25 10.625 16.0375 10.075 15.6125C9.525 15.1875 9.13333 14.65 8.9 14H7.65775C7.91025 15.0257 8.43525 15.8558 9.23275 16.4902C10.0301 17.1249 10.9525 17.4423 12 17.4423ZM6.30775 21.5C5.80258 21.5 5.375 21.325 5.025 20.975C4.675 20.625 4.5 20.1974 4.5 19.6923V4.30775C4.5 3.80258 4.675 3.375 5.025 3.025C5.375 2.675 5.80258 2.5 6.30775 2.5H13.7885L19.5 8.2115V19.6923C19.5 20.1974 19.325 20.625 18.975 20.975C18.625 21.325 18.1974 21.5 17.6923 21.5H6.30775Z" fill="%230055CC"/></g></svg>');
}
.l-footer-tabbar__item.-favorite .l-footer-tabbar__icn {
  background-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><mask id="mask0_5201_24044" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24"><rect width="24" height="24" fill="%236E6E74"/></mask><g mask="url(%23mask0_5201_24044)"><path d="M12 20.3267L10.8963 19.3344C9.23858 17.8306 7.86775 16.5383 6.78375 15.4577C5.69975 14.3768 4.84075 13.4149 4.20675 12.5719C3.57275 11.7291 3.12983 10.9602 2.878 10.2652C2.626 9.57032 2.5 8.86524 2.5 8.1499C2.5 6.73074 2.9785 5.54257 3.9355 4.5854C4.89267 3.6284 6.08083 3.1499 7.5 3.1499C8.373 3.1499 9.198 3.35407 9.975 3.7624C10.752 4.17074 11.427 4.75632 12 5.51915C12.573 4.75632 13.248 4.17074 14.025 3.7624C14.802 3.35407 15.627 3.1499 16.5 3.1499C17.9192 3.1499 19.1073 3.6284 20.0645 4.5854C21.0215 5.54257 21.5 6.73074 21.5 8.1499C21.5 8.86524 21.374 9.57032 21.122 10.2652C20.8702 10.9602 20.4272 11.7291 19.7932 12.5719C19.1592 13.4149 18.3018 14.3768 17.221 15.4577C16.1403 16.5383 14.7679 17.8306 13.1038 19.3344L12 20.3267ZM12 18.2999C13.6 16.8602 14.9167 15.6262 15.95 14.5979C16.9833 13.5697 17.8 12.6765 18.4 11.9182C19 11.1598 19.4167 10.4864 19.65 9.8979C19.8833 9.30957 20 8.7269 20 8.1499C20 7.1499 19.6667 6.31657 19 5.6499C18.3333 4.98324 17.5 4.6499 16.5 4.6499C15.7103 4.6499 14.9805 4.8739 14.3105 5.3219C13.6407 5.77007 13.1102 6.39349 12.7192 7.19215H11.2808C10.8833 6.38699 10.3512 5.76199 9.6845 5.31715C9.01783 4.87232 8.28967 4.6499 7.5 4.6499C6.50633 4.6499 5.67458 4.98324 5.00475 5.6499C4.33492 6.31657 4 7.1499 4 8.1499C4 8.7269 4.11667 9.30957 4.35 9.8979C4.58333 10.4864 5 11.1598 5.6 11.9182C6.2 12.6765 7.01667 13.5682 8.05 14.5932C9.08333 15.6182 10.4 16.8537 12 18.2999Z" fill="%236E6E74"/></g></svg>');
}
.l-footer-tabbar__item.-favorite.-current .l-footer-tabbar__icn {
  background-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><mask id="mask0_5903_66434" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24"><rect width="24" height="24" fill="%230055CC"/></mask><g mask="url(%23mask0_5903_66434)"><path d="M12 20.3267L10.8963 19.3344C9.23858 17.8306 7.86775 16.5383 6.78375 15.4577C5.69975 14.3768 4.84075 13.4149 4.20675 12.5719C3.57275 11.7291 3.12983 10.9602 2.878 10.2652C2.626 9.57032 2.5 8.86524 2.5 8.1499C2.5 6.73074 2.9785 5.54257 3.9355 4.5854C4.89267 3.6284 6.08083 3.1499 7.5 3.1499C8.373 3.1499 9.198 3.35407 9.975 3.7624C10.752 4.17074 11.427 4.75632 12 5.51915C12.573 4.75632 13.248 4.17074 14.025 3.7624C14.802 3.35407 15.627 3.1499 16.5 3.1499C17.9192 3.1499 19.1073 3.6284 20.0645 4.5854C21.0215 5.54257 21.5 6.73074 21.5 8.1499C21.5 8.86524 21.374 9.57032 21.122 10.2652C20.8702 10.9602 20.4272 11.7291 19.7932 12.5719C19.1592 13.4149 18.3018 14.3768 17.221 15.4577C16.1403 16.5383 14.7679 17.8306 13.1038 19.3344L12 20.3267Z" fill="%230055CC"/></g></svg>');
}
.l-footer-tabbar__item.-point .l-footer-tabbar__icn {
  background-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><mask id="mask0_14746_209519" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24"><rect width="24" height="24" fill="%236E6E74"/></mask><g mask="url(%23mask0_14746_209519)"><path d="M12 21.5C10.6872 21.5 9.45292 21.2519 8.29725 20.7558C7.14142 20.2596 6.13433 19.5823 5.276 18.724C4.41767 17.8657 3.74042 16.8586 3.24425 15.7028C2.74808 14.5471 2.5 13.3128 2.5 12C2.5 10.6872 2.74967 9.45292 3.249 8.29725C3.74833 7.14142 4.42558 6.13433 5.28075 5.276C6.13592 4.41767 7.14142 3.74042 8.29725 3.24425C9.45292 2.74808 10.6872 2.5 12 2.5C13.3128 2.5 14.5471 2.74967 15.7028 3.249C16.8586 3.74833 17.8641 4.42558 18.7193 5.28075C19.5744 6.13592 20.2517 7.14142 20.751 8.29725C21.2503 9.45292 21.5 10.6872 21.5 12C21.5 13.3128 21.2519 14.5471 20.7558 15.7028C20.2596 16.8586 19.5823 17.8641 18.724 18.7193C17.8657 19.5744 16.8586 20.2517 15.7028 20.751C14.5471 21.2503 13.3128 21.5 12 21.5ZM12 20C14.223 20 16.1121 19.2208 17.6673 17.6625C19.2224 16.1042 20 14.2167 20 12C20 9.78333 19.2208 7.89583 17.6625 6.3375C16.1042 4.77917 14.2167 4 12 4C9.78333 4 7.89583 4.77758 6.3375 6.33275C4.77917 7.88792 4 9.777 4 12C4 14.223 4.77758 16.1121 6.33275 17.6673C7.88792 19.2224 9.777 20 12 20Z" fill="%236E6E74"/><path d="M9.1499 17.0378V6.9624H12.5543C13.3447 6.9624 13.9908 7.10507 14.4926 7.39041C14.9977 7.67247 15.3716 8.05456 15.6143 8.53669C15.857 9.01882 15.9784 9.5567 15.9784 10.1503C15.9784 10.744 15.857 11.2835 15.6143 11.7689C15.3749 12.2543 15.0043 12.6413 14.5025 12.9299C14.0007 13.2153 13.3578 13.3579 12.574 13.3579H10.1338V12.2756H12.5346C13.0758 12.2756 13.5104 12.1821 13.8383 11.9952C14.1663 11.8083 14.4041 11.5557 14.5517 11.2376C14.7025 10.9162 14.778 10.5537 14.778 10.1503C14.778 9.74692 14.7025 9.38615 14.5517 9.06801C14.4041 8.74987 14.1647 8.50061 13.8334 8.32023C13.5022 8.13656 13.0627 8.04472 12.5149 8.04472H10.37V17.0378H9.1499Z" fill="%236E6E74"/></g></svg>');
}
.l-footer-tabbar__item.-point.-current .l-footer-tabbar__icn {
  background-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="11.9501" cy="12.0385" r="8.4718" fill="%230055CC"/><mask id="mask0_14746_209553" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24"><rect width="24" height="24" fill="%230055CC"/></mask><g mask="url(%23mask0_14746_209553)"><path d="M12 21.5C10.6872 21.5 9.45292 21.2519 8.29725 20.7558C7.14142 20.2596 6.13433 19.5823 5.276 18.724C4.41767 17.8657 3.74042 16.8586 3.24425 15.7028C2.74808 14.5471 2.5 13.3128 2.5 12C2.5 10.6872 2.74967 9.45292 3.249 8.29725C3.74833 7.14142 4.42558 6.13433 5.28075 5.276C6.13592 4.41767 7.14142 3.74042 8.29725 3.24425C9.45292 2.74808 10.6872 2.5 12 2.5C13.3128 2.5 14.5471 2.74967 15.7028 3.249C16.8586 3.74833 17.8641 4.42558 18.7193 5.28075C19.5744 6.13592 20.2517 7.14142 20.751 8.29725C21.2503 9.45292 21.5 10.6872 21.5 12C21.5 13.3128 21.2519 14.5471 20.7558 15.7028C20.2596 16.8586 19.5823 17.8641 18.724 18.7193C17.8657 19.5744 16.8586 20.2517 15.7028 20.751C14.5471 21.2503 13.3128 21.5 12 21.5ZM12 20C14.223 20 16.1121 19.2208 17.6673 17.6625C19.2224 16.1042 20 14.2167 20 12C20 9.78333 19.2208 7.89583 17.6625 6.3375C16.1042 4.77917 14.2167 4 12 4C9.78333 4 7.89583 4.77758 6.3375 6.33275C4.77917 7.88792 4 9.777 4 12C4 14.223 4.77758 16.1121 6.33275 17.6673C7.88792 19.2224 9.777 20 12 20Z" fill="%231C1B1F"/><path d="M9.1499 17.0378V6.9624H12.5543C13.3447 6.9624 13.9908 7.10507 14.4926 7.39041C14.9977 7.67247 15.3716 8.05456 15.6143 8.53669C15.857 9.01882 15.9784 9.5567 15.9784 10.1503C15.9784 10.744 15.857 11.2835 15.6143 11.7689C15.3749 12.2543 15.0043 12.6413 14.5025 12.9299C14.0007 13.2153 13.3578 13.3579 12.574 13.3579H10.1338V12.2756H12.5346C13.0758 12.2756 13.5104 12.1821 13.8383 11.9952C14.1663 11.8083 14.4041 11.5557 14.5517 11.2376C14.7025 10.9162 14.778 10.5537 14.778 10.1503C14.778 9.74692 14.7025 9.38615 14.5517 9.06801C14.4041 8.74987 14.1647 8.50061 13.8334 8.32023C13.5022 8.13656 13.0627 8.04472 12.5149 8.04472H10.37V17.0378H9.1499Z" fill="%23FFFFFF"/></g></svg>');
}
.l-footer-tabbar__item.-current .l-footer-tabbar__txt {
  color: #0055CC;
}

.l-main {
  position: relative;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .l-main {
    padding-top: 1px;
  }
}

.l-wrapper {
  overflow: hidden;
  position: relative;
}

.l-container {
  position: relative;
  width: 100%;
  max-width: 1100px;
  margin: 0 auto;
}
@media screen and (max-width: 1200px) {
  .l-container {
    padding: 0 20px;
  }
}
@media screen and (max-width: 767px) {
  .l-container {
    max-width: inherit;
  }
}
.l-container--wide {
  max-width: 1200px;
}
@media screen and (max-width: 1280px) {
  .l-container--wide {
    padding: 0 20px;
  }
}
@media screen and (max-width: 767px) {
  .l-container--wide {
    padding: 0 16px;
  }
}

.l-columns--lower {
  padding-top: 36px;
}
@media screen and (max-width: 767px) {
  .l-columns--lower {
    padding-top: 16px;
  }
}
@media screen and (max-width: 1200px) {
  .l-columns .l-container {
    padding: 0 20px;
  }
}
@media screen and (max-width: 767px) {
  .l-columns .l-container {
    padding: 0 16px;
  }
}
.l-columns__inner {
  display: flex;
  justify-content: space-between;
  gap: 0 40px;
}
@media screen and (max-width: 767px) {
  .l-columns__inner {
    display: block;
  }
}
.l-columns__main {
  width: 800px;
}
@media screen and (max-width: 767px) {
  .l-columns__main {
    width: 100%;
  }
}
.l-columns__main-box {
  position: relative;
}
@media screen and (max-width: 767px) {
  .l-columns__main-box {
    padding-top: 24px;
    padding-bottom: 30px;
  }
  .l-columns__main-box::before {
    position: absolute;
    content: "";
    background: #E7E7EA;
    width: calc(100% + 32px);
    height: 1px;
    left: -16px;
    right: -16px;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
  }
  .l-columns__main-box.-last::before {
    display: none;
  }
}
.l-columns__main-box + .l-columns__main-box {
  margin-top: 40px;
}
@media screen and (max-width: 767px) {
  .l-columns__main-box + .l-columns__main-box {
    margin-top: 0;
  }
}
.l-columns__side {
  width: 260px;
}
@media screen and (max-width: 767px) {
  .l-columns__side {
    display: none;
  }
}
.l-columns__side-banner {
  width: 100%;
}
.l-columns__side-banner li + li {
  margin-top: 16px;
}
.l-columns__side-banner a {
  display: block;
}
@media print and (any-hover: hover), screen and (any-hover: hover) and (min-width: 768px) {
  .l-columns__side-banner a {
    transition: opacity 0 ease;
    cursor: pointer;
  }
  .l-columns__side-banner a:hover {
    opacity: 0.6;
  }
}
.l-columns__side-ranking {
  padding-top: 40px;
}
.l-columns__side-ttl {
  margin-bottom: 16px;
}
.l-columns__bottom {
  padding-top: 40px;
  margin-top: 40px;
  border-top: 1px solid #E7E7EA;
}
@media screen and (max-width: 767px) {
  .l-columns__bottom {
    width: calc(100% + 32px);
    margin-left: -16px;
    margin-right: -16px;
    padding-top: 0;
    padding-left: 16px;
    padding-right: 16px;
    margin-top: 0;
  }
}
@media print, screen and (min-width: 768px) {
  .l-columns__bottom.-pcnoline {
    border-top: none;
  }
}

.l-breadcrumb {
  padding: 16px 0 0;
}
@media screen and (max-width: 1200px) {
  .l-breadcrumb {
    padding: 16px 20px 0;
  }
}
@media screen and (max-width: 767px) {
  .l-breadcrumb {
    padding: 60px 20px 18px;
  }
}
.l-breadcrumb.-wide {
  max-width: 1200px;
}
@media screen and (max-width: 1280px) {
  .l-breadcrumb.-wide {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media screen and (max-width: 767px) {
  .l-breadcrumb.-wide {
    padding-left: 16px;
    padding-right: 16px;
  }
}
.l-breadcrumb__list {
  width: 100%;
  margin-inline: auto;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 0.5em 2em;
}
.l-breadcrumb__item {
  position: relative;
  line-height: 1;
}
.l-breadcrumb__item:not(:last-child)::after {
  content: "";
  position: absolute;
  width: 7px;
  height: 7px;
  border-top: solid 1px #D0D1D5;
  border-right: solid 1px #D0D1D5;
  right: -1em;
  top: 0.4em;
  transform: rotate(45deg);
}
.l-breadcrumb__item:first-child {
  color: #0055CC;
}
.l-breadcrumb__link {
  font-size: 1.2rem;
  text-decoration: none;
  border-bottom: 1px solid transparent;
  transition: border-color 0.3s;
  color: #0055CC;
}
.l-breadcrumb__link--current {
  color: #6E6E74;
}

.l-pagettl {
  border-bottom: 1px solid #E7E7EA;
  padding-bottom: 32px;
  margin-bottom: 32px;
}
.l-pagettl .l-container {
  max-width: 1200px;
}
@media screen and (max-width: 1280px) {
  .l-pagettl .l-container {
    padding: 0 20px;
  }
}
@media screen and (max-width: 767px) {
  .l-pagettl .l-container {
    padding: 0 16px;
  }
}
@media screen and (max-width: 767px) {
  .l-pagettl {
    padding-top: 8px;
    padding-bottom: 24px;
    margin-bottom: 16px;
  }
}
/*# sourceMappingURL=common.css.map */