@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;700&family=Noto+Sans+JP:wght@400;700&family=Noto+Serif+JP:wght@400;700&display=swap";
/*! destyle.css v4.0.1 | MIT License | https://github.com/nicolas-cusan/destyle.css */

/* Reset box-model and set borders */
/* ============================================ */

*,
::before,
::after {
  box-sizing: border-box;
  border-style: solid;
  border-width: 0;
  min-width: 0;
}

/* Document */
/* ============================================ */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 * 3. Remove gray overlay on links for iOS.
 */

html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -webkit-tap-highlight-color: transparent;
  /* 3*/
}

/* Sections */
/* ============================================ */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/* Vertical rhythm */
/* ============================================ */

p,
table,
blockquote,
address,
pre,
iframe,
form,
figure,
dl {
  margin: 0;
}

/* Headings */
/* ============================================ */

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
  margin: 0;
}

/* Lists (enumeration) */
/* ============================================ */

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

/* Lists (definition) */
/* ============================================ */

dt {
  font-weight: bold;
}

dd {
  margin-left: 0;
}

/* Grouping content */
/* ============================================ */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
  border-top-width: 1px;
  margin: 0;
  clear: both;
  color: inherit;
}

/**
 * 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: inherit;
  /* 2 */
}

address {
  font-style: inherit;
}

/* Text-level semantics */
/* ============================================ */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
  text-decoration: none;
  color: inherit;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  text-decoration: underline dotted;
  /* 2 */
}

/**
 * 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: inherit;
  /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Replaced content */
/* ============================================ */

/**
 * Prevent vertical alignment issues.
 */

svg,
img,
embed,
object,
iframe {
  vertical-align: bottom;
}

/* Forms */
/* ============================================ */

/**
 * Reset form fields to make them styleable.
 * 1. Make form elements stylable across systems iOS especially.
 * 2. Inherit text-transform from parent.
 */

button,
input,
optgroup,
select,
textarea {
  -webkit-appearance: none;
  /* 1 */
  appearance: none;
  vertical-align: middle;
  color: inherit;
  font: inherit;
  background: transparent;
  padding: 0;
  margin: 0;
  border-radius: 0;
  text-align: inherit;
  text-transform: inherit;
  /* 2 */
}

/**
 * Correct cursors for clickable elements.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  cursor: pointer;
}

button:disabled,
[type="button"]:disabled,
[type="reset"]:disabled,
[type="submit"]:disabled {
  cursor: default;
}

/**
 * Improve outlines for Firefox and unify style with input elements & buttons.
 */

:-moz-focusring {
  outline: auto;
}

select:disabled {
  opacity: inherit;
}

/**
 * Remove padding
 */

option {
  padding: 0;
}

/**
 * Reset to invisible
 */

fieldset {
  margin: 0;
  padding: 0;
  min-width: 0;
}

legend {
  padding: 0;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * Correct the outline style in Safari.
 */

[type="search"] {
  outline-offset: -2px;
  /* 1 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Fix font inheritance.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}

/**
 * Fix appearance for Firefox
 */
[type="number"] {
  -moz-appearance: textfield;
}

/**
 * Clickable labels
 */

label[for] {
  cursor: pointer;
}

/* Interactive */
/* ============================================ */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/*
 * Remove outline for editable content.
 */

[contenteditable]:focus {
  outline: auto;
}

/* Tables */
/* ============================================ */

/**
1. Correct table border color inheritance in all Chrome and Safari.
*/

table {
  border-color: inherit;
  /* 1 */
  border-collapse: collapse;
}

caption {
  text-align: left;
}

td,
th {
  vertical-align: top;
  padding: 0;
}

th {
  text-align: left;
  font-weight: bold;
}


/*------------------------------------*\
// mixin
\*------------------------------------*/
html {
  font-size: 100%;
}

@media (min-width: 1921px) {
  html {
    font-size: 21.3333333333px;
  }
}

@media (max-width: 1920px) {
  html {
    font-size: 1.1111111111vw;
  }
}

@media (max-width: 767px) {
  html {
    font-size: 100%;
  }
}

@media (max-width: 375px) {
  html {
    font-size: 4.2666666667vw;
  }
}

body {
  background-color: #F5F5F5;
  color: #000;
  font-size: 1rem;
  line-height: 1.6;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

body * {
  backface-visibility: hidden;
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: unset;
}

@media only screen and (min-resolution: 2dppx) {
  body * {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
}

body *:focus {
  outline: none;
}

body ::selection {
  color: #fff;
  background-color: #353538;
}

a {
  transition: opacity 0.4s;
}

a:hover {
  opacity: 0.5;
}

.container {
  padding: 0 1rem;
  margin: 0 auto;
  max-width: 77.5rem;
  width: 100%;
}

.container.-width800 {
  max-width: 52.5rem;
}

.container.-width1000 {
  max-width: 65rem;
}

@media screen and (min-width: 768px) {
  .pc-none {
    display: none !important;
  }
}

@media screen and (max-width: 767px) {
  .sp-none {
    display: none !important;
  }
}

.displayContents {
  display: contents;
}

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

.c-header {
  background-color: #F5F5F5;
  border-bottom: 0.0625rem solid #000;
  position: sticky;
  top: 0;
  left: 0;
  z-index: 1000;
  height: 6rem;
  width: 100%;
  transition: background-color 0.4s, transform 0.3s ease-in-out;
}

@media screen and (max-width: 767px) {
  .c-header {
    height: 3.5rem;
  }
}

.c-header.is-open {
  background-color: #E0E0E0;
}

.c-header.is-open .c-header__logo::before {
  background-color: #E0E0E0;
}

.c-header .c-header__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
  margin: 0 auto;
  position: relative;
}

.c-header .c-header__left {
  display: flex;
  align-items: center;
  margin-left: 2.25rem;
  position: relative;
  height: 100%;
  z-index: 1;
}

@media screen and (max-width: 767px) {
  .c-header .c-header__left {
    margin-left: 0.9375rem;
    gap: 1rem;
  }
}

.c-header .c-header__logo {
  padding-top: 0.8125rem;
  position: relative;
  height: 100%;
}

@media screen and (max-width: 767px) {
  .c-header .c-header__logo {
    padding-top: 0.4375rem;
  }
}

.c-header .c-header__logo::before {
  content: "";
  background-color: #F5F5F5;
  position: absolute;
  right: -0.75rem;
  bottom: -0.125rem;
  height: 0.1875rem;
  width: 13.5rem;
  z-index: -1;
  transition: opacity 0.4s;
}

@media screen and (max-width: 767px) {
  .c-header .c-header__logo::before {
    right: 3rem;
    width: 0.6875rem;
  }
}

.c-header .c-header__logo .c-header__logoLink {
  display: flex;
  flex-direction: column;
}

@media screen and (max-width: 767px) {
  .c-header .c-header__logo .c-header__logoLink {
    gap: 0.25rem;
  }
}

.c-header .c-header__logo .c-header__logoSubImg {
  width: 8.25rem;
}

@media screen and (max-width: 767px) {
  .c-header .c-header__logo .c-header__logoSubImg {
    width: 4.6875rem;
  }
}

.c-header .c-header__logo .c-header__logoImg {
  transition: width 0.4s;
  width: 22.5rem;
}

@media screen and (max-width: 767px) {
  .c-header .c-header__logo .c-header__logoImg {
    width: 10rem;
  }
}

.c-header .c-header__date {
  background-color: #F5F5F5;
  border: 0.0625rem solid #000;
  border-radius: 0.25rem;
  position: absolute;
  left: 0;
  bottom: 0.9375rem;
  transform: translateY(100%);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0.875rem 0.375rem 0.5rem;
  height: 3.75rem;
  width: 3.75rem;
  transition: width 0.3s, height 0.3s, transform 0.3s;
}

@media screen and (max-width: 767px) {
  .c-header .c-header__date {
    display: none;
  }
}

.c-header .c-header__date .c-header__dateMonth {
  font-size: 0.75rem;
  line-height: 1;
  font-family: "Roca", sans-serif;
  font-weight: 400;
}

.c-header .c-header__date .c-header__dateDay {
  margin-top: 0.375rem;
  font-size: 1.5rem;
  line-height: 1;
  font-family: "Roca", sans-serif;
  font-weight: 900;
}

.c-header .c-header__center {
  display: flex;
  align-items: center;
  gap: 1.125rem;
  width: fit-content;
}

@media screen and (max-width: 767px) {
  .c-header .c-header__center {
    display: none;
  }
}

.c-header .c-header__category {
  border-radius: 0.5rem 0.5rem 0 0;
  display: flex;
  align-items: center;
  position: relative;
  gap: 0.5rem;
  padding: 1.25rem 1.25rem 0.875rem;
  transition: background-color 0.4s, border-radius 0.4s, color 0.4s;
}

.c-header .c-header__category:hover {
  background-color: #000;
  color: #fff;
}

.c-header .c-header__category:hover .c-header__categoryText::after {
  background: url("/assets/img/common/header-minus-icon.svg") no-repeat center center/contain;
}

.c-header .c-header__category:hover .c-header__categorySubMenu {
  opacity: 1;
  visibility: visible;
}

.c-header .c-header__category .c-header__categoryText {
  display: flex;
  align-items: center;
  gap: 1rem;
  font-size: 0.9375rem;
  font-weight: 700;
  line-height: 1;
}

.c-header .c-header__category .c-header__categoryText::after {
  content: "";
  background: url("/assets/img/common/header-plus-icon.svg") no-repeat center center/contain;
  display: inline-block;
  position: relative;
  top: 0rem;
  height: 1.25rem;
  width: 1.25rem;
  transition: background 0.4s;
}

.c-header .c-header__category .c-header__categorySubMenu {
  background-color: #000;
  border-radius: 0 0 0.5rem 0.5rem;
  padding: 0.75rem;
  color: #fff;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  bottom: 0.03125rem;
  left: 50%;
  transform: translate(-50%, 100%);
  width: 100%;
  transition: opacity 0.4s, visibility 0.4s;
}

.c-header .c-header__category .c-header__categorySubMenu::after {
  content: "";
  background-color: #fff;
  display: block;
  position: absolute;
  top: 0rem;
  left: 50%;
  transform: translateX(-50%);
  height: 0.0625rem;
  width: calc(100% - 1rem);
}

.c-header .c-header__category .c-header__categorySubMenu .c-header__categorySubMenuItem a {
  display: block;
  font-size: 0.8125rem;
  text-decoration: underline;
  text-underline-offset: 0.125rem;
}

.c-header .c-header__category .c-header__categorySubMenu .c-header__categorySubMenuItem+.c-header__categorySubMenuItem {
  margin-top: 0.5rem;
}

.c-header .c-header__right {
  border-left: 0.0625rem solid #000;
  display: flex;
  align-items: center;
  z-index: 1;
}

@media screen and (max-width: 767px) {
  .c-header .c-header__right {
    border-left: none;
  }
}

.c-header .c-header__nav {
  display: flex;
  align-items: center;
  border-right: 0.0625rem solid #000;
  height: 6rem;
}

@media screen and (max-width: 767px) {
  .c-header .c-header__nav {
    height: auto;
  }
}

.c-header .c-header__navItem {
  border-right: 0.0625rem solid #000;
  position: relative;
  height: 100%;
}

.c-header .c-header__navItem:last-child {
  border-right: none;
}

.c-header .c-header__navItem .c-header__navItemInner {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  justify-content: center;
  gap: 0.5rem;
  height: 100%;
  width: 6rem;
}

@media screen and (max-width: 767px) {
  .c-header .c-header__navItem .c-header__navItemInner {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding-block: 0.625rem 0.5rem;
    gap: 0;
    width: 3.5rem;
    height: 3.5rem;
  }
}

.c-header .c-header__navItem .c-header__navIcon {
  width: 1.875rem;
  height: 1.875rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media screen and (max-width: 767px) {
  .c-header .c-header__navItem .c-header__navIcon {
    width: 1.25rem;
    height: 1.25rem;
  }
}

.c-header .c-header__navItem .c-header__navIcon img {
  object-fit: contain;
}

.c-header .c-header__navItem .c-header__navItemText {
  font-size: 0.8125rem;
  font-weight: 700;
  line-height: 1;
}

@media screen and (max-width: 767px) {
  .c-header .c-header__navItem .c-header__navItemText {
    font-size: 0.625rem;
  }
}

.c-header .c-header__navItem .c-header__navItemPopup {
  background-color: #000;
  border-radius: 0.25rem;
  color: #fff;
  display: block;
  line-height: 1;
  padding: 0.5rem;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%) translateY(50%);
  font-size: 0.75rem;
  font-weight: 700;
  width: max-content;
  transition: opacity 0.4s, visibility 0.4s;
}

@media screen and (max-width: 767px) {
  .c-header .c-header__navItem .c-header__navItemPopup {
    font-size: 0.625rem;
    padding: 0.25rem 0.3125rem;
  }
}

.c-header .c-header__navItem .c-header__navItemPopup::after {
  content: "";
  border-right: 0.625rem solid transparent;
  border-left: 0.625rem solid transparent;
  border-bottom: 0.875rem solid #000;
  border-top: 0;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  z-index: -1;
}

@media screen and (max-width: 767px) {
  .c-header .c-header__navItem .c-header__navItemPopup::after {
    border-right: 0.5rem solid transparent;
    border-left: 0.5rem solid transparent;
    border-bottom: 0.625rem solid #000;
  }
}

.c-header .c-header__menu {
  background-color: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 6rem;
  width: 6rem;
  transition: opacity 0.4s;
}

.c-header .c-header__menu:hover {
  opacity: 0.5;
}

.c-header .c-header__menu.is-open {
  background-color: #E0E0E0;
}

@media screen and (max-width: 767px) {
  .c-header .c-header__menu {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.25rem;
    padding: 0.625rem 0 0.5rem;
    width: 3.5rem;
    height: 3.5rem;
    margin-left: 0;
  }
}

.c-header .c-header__menu .c-header__navIconImg {
  position: relative;
  width: 1.875rem;
  height: 1.875rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media screen and (max-width: 767px) {
  .c-header .c-header__menu .c-header__navIconImg {
    width: 1.25rem;
    height: 1.25rem;
    padding: 0.125rem 0 0;
  }
}

.c-header .c-header__menu .c-header__navIconImg.-close {
  display: none;
}

.c-header .c-header__menu .c-header__navIconImg.-open {
  display: block;
}

@media screen and (max-width: 767px) {
  .c-header .c-header__menu .c-header__menuText {
    color: #fff;
    font-size: 0.625rem;
    font-family: "Roca", sans-serif;
    font-weight: 400;
  }
}

.c-header.is-scroll:not(.is-open) .c-header__navItemPopup {
  opacity: 0;
  visibility: hidden;
}

@media screen and (min-width: 768px) {
  .c-header.is-scroll:not(.is-open) .c-header__logo::before {
    opacity: 0;
  }

  .c-header.is-scroll:not(.is-open) .c-header__logo .c-header__logoImg {
    width: 15rem;
  }
}

.c-header.is-scroll .c-header__date, .c-header.is-open .c-header__date {
  background-color: #000;
  border-radius: 0.25rem;
  color: #fff;
  flex-direction: row;
  padding: 0.25rem 0.25rem 0.0625rem;
  bottom: 0;
  height: 2rem;
  width: 5.875rem;
  transform: translateY(50%);
}

.c-header.is-scroll .c-header__date .c-header__dateMonth, .c-header.is-open .c-header__date .c-header__dateMonth {
  font-size: 1rem;
  padding-right: 0.625rem;
  margin-right: 0.625rem;
  position: relative;
}

.c-header.is-scroll .c-header__date .c-header__dateMonth::after, .c-header.is-open .c-header__date .c-header__dateMonth::after {
  content: "";
  background-color: #fff;
  position: absolute;
  right: 0;
  height: 0.75rem;
  width: 0.0625rem;
}

.c-header.is-scroll .c-header__date .c-header__dateDay, .c-header.is-open .c-header__date .c-header__dateDay {
  font-size: 1rem;
  margin: 0;
}

.c-header__overlay {
  background-color: #E0E0E0;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  opacity: 0;
  visibility: hidden;
  overflow-y: auto;
  padding-top: 6rem;
  transition: opacity 0.4s ease, visibility 0.4s ease;
}

@media screen and (max-width: 767px) {
  .c-header__overlay {
    padding-block: 5rem 3.75rem;
  }
}

.c-header__overlay.is-open {
  opacity: 1;
  visibility: visible;
}

.c-header__overlay .container {
  display: flex;
  position: relative;
  min-height: calc(100vh - 5.9375rem);
  max-width: 90rem;
  padding: 0;
}

@media screen and (max-width: 767px) {
  .c-header__overlay .container {
    flex-direction: column;
    min-height: 100vh;
  }
}

.c-header__overlay .c-header__overlayLogin {
  border: 0.0625rem solid #000;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.5625rem 1.25rem;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.5;
  margin-top: auto;
  margin-bottom: 0.75rem;
}

@media screen and (max-width: 767px) {
  .c-header__overlay .c-header__overlayLogin {
    justify-content: initial;
    padding: 1.25rem;
    margin-inline: auto;
    margin-bottom: 1.5rem;
    width: calc(100% - 3rem);
  }
}

.c-header__overlay .c-header__overlayLogin .c-header__overlayLoginIcon {
  width: 1.25rem;
}

@media screen and (max-width: 767px) {
  .c-header__overlay .c-header__overlayLogin .c-header__overlayLoginIcon {
    margin-right: 1rem;
    width: 1.5rem;
  }
}

.c-header__overlay .c-header__overlayLogin .c-header__overlayLoginArrow {
  width: 1rem;
}

@media screen and (max-width: 767px) {
  .c-header__overlay .c-header__overlayLogin .c-header__overlayLoginArrow {
    margin-left: auto;
  }
}

.c-header__overlay .c-header__overlaySns {
  border-right: 0.0625rem solid #000;
  display: flex;
  flex-direction: column;
  padding-top: 3.5rem;
  padding-inline: 0.75rem;
  gap: 3rem;
  width: 18rem;
}

@media screen and (max-width: 767px) {
  .c-header__overlay .c-header__overlaySns {
    align-items: center;
    border-right: 0;
    justify-content: center;
    flex-direction: row;
    gap: 1.5rem;
    padding: 0;
    margin-bottom: 1.5rem;
    gap: 2.25rem;
    width: 100%;
  }
}

.c-header__overlay .c-header__overlaySns .c-header__overlaySnsTitle {
  font-size: 1rem;
  line-height: 1;
  text-align: center;
  font-family: "Roca", sans-serif;
  font-weight: 700;
}

@media screen and (max-width: 767px) {
  .c-header__overlay .c-header__overlaySns .c-header__overlaySnsTitle {
    font-size: 0.875rem;
  }
}

.c-header__overlay .c-header__overlaySns .c-header__overlaySnsIcons {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1.5rem;
}

@media screen and (max-width: 767px) {
  .c-header__overlay .c-header__overlaySns .c-header__overlaySnsIcons {
    flex-direction: row;
  }
}

.c-header__overlay .c-header__overlaySns .c-header__overlaySnsIcon {
  align-items: center;
  display: flex;
  width: 2.25rem;
  height: 2.25rem;
  justify-content: center;
}

@media screen and (max-width: 767px) {
  .c-header__overlay .c-header__overlaySns .c-header__overlaySnsIcon {
    width: 1.5rem;
    height: 1.5rem;
  }
}

.c-header__overlay .c-header__overlayTabWrap {
  display: flex;
  gap: 1.5rem;
  justify-content: center;
  z-index: 1;
}

@media screen and (max-width: 767px) {
  .c-header__overlay .c-header__overlayTabWrap {
    gap: 0.8125rem;
    margin-inline: auto;
    width: calc(100% - 3rem);
  }
}

.c-header__overlay .c-header__overlayTabWrap .c-header__overlayTab {
  background-color: #E0E0E0;
  border: 0.0625rem solid #000;
  border-radius: 0.5rem 0.5rem 0 0;
  padding: 1.4375rem;
  line-height: 1;
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  font-size: 1.25rem;
  width: 23rem;
  transition: all 0.2s;
}

@media screen and (max-width: 767px) {
  .c-header__overlay .c-header__overlayTabWrap .c-header__overlayTab {
    border-bottom: 0;
    padding: 0.8125rem 0.25rem 0.46875rem 0.25rem;
    font-size: 0.875rem;
    flex: 1;
    width: 100%;
  }
}

.c-header__overlay .c-header__overlayTabWrap .c-header__overlayTab {
  font-family: "Roca", sans-serif;
  font-weight: 700;
}

.c-header__overlay .c-header__overlayTabWrap .c-header__overlayTab.is-active {
  background-color: #F5F5F5;
  border-bottom: 0;
}

.c-header__overlay .c-header__overlayTabWrap .c-header__overlayTab.is-active::after {
  content: "";
  background-color: #F5F5F5;
  position: absolute;
  bottom: -0.125rem;
  left: 0;
  height: 0.1875rem;
  width: 100%;
  z-index: 1;
}

.c-header__overlay .c-header__overlayMain {
  padding-top: 3.5rem;
  width: calc(100% - 18rem);
}

@media screen and (max-width: 767px) {
  .c-header__overlay .c-header__overlayMain {
    padding: 0;
    width: 100%;
  }
}

.c-header__overlay .c-header__overlayMain .c-header__overlayContent {
  background-color: #F5F5F5;
  padding: 3rem 7.5rem 3rem;
  position: relative;
}

@media screen and (max-width: 767px) {
  .c-header__overlay .c-header__overlayMain .c-header__overlayContent {
    border-width: 0.0625rem 0 0;
    padding: 1.25rem 1.5rem;
  }
}

.c-header__overlay .c-header__overlayMain .c-header__overlayContent::before {
  content: "";
  background-color: #F5F5F5;
  border-top: 0.0625rem solid #000;
  border-bottom: 0.0625rem solid #000;
  position: absolute;
  top: -0.0625rem;
  left: 0;
  height: calc(100% + 0.125rem);
  width: 100vw;
  z-index: -1;
}

.c-header__overlay .c-header__overlayMain .c-header__overlayContent .c-header__overlayPanelArea {
  display: none;
  flex-direction: column;
  gap: 2.25rem;
  opacity: 0;
  transition: opacity 0.4s;
}

@media screen and (max-width: 767px) {
  .c-header__overlay .c-header__overlayMain .c-header__overlayContent .c-header__overlayPanelArea {
    gap: 0;
  }
}

.c-header__overlay .c-header__overlayMain .c-header__overlayContent .c-header__overlayPanelArea.is-active {
  display: flex;
  opacity: 1;
}

.c-header__overlay .c-header__overlaySearch {
  background-color: #000;
  border-radius: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-inline: 2.25rem;
  height: 6rem;
}

@media screen and (max-width: 767px) {
  .c-header__overlay .c-header__overlaySearch {
    padding-inline: 1rem;
    height: 3.75rem;
  }
}

.c-header__overlay .c-header__overlaySearch .c-header__overlaySearchInput {
  color: #fff;
  font-size: 1rem;
  line-height: 1.5;
  height: 100%;
  width: 100%;
}

.c-header__overlay .c-header__overlaySearch .c-header__overlaySearchInput::placeholder {
  opacity: 0.5;
  color: #fff;
}

@media screen and (max-width: 767px) {
  .c-header__overlay .c-header__overlaySearch .c-header__overlaySearchInput {
    font-size: 0.875rem;
  }
}

.c-header__overlay .c-header__overlaySearch .c-header__overlaySearchIcon {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 1.5rem;
  width: 1.5rem;
}

@media screen and (max-width: 767px) {
  .c-header__overlay .c-header__overlaySearch .c-header__overlaySearchIcon {
    width: 1.25rem;
    height: 1.25rem;
  }
}

.c-header__overlay .c-header__overlayContent {
  display: grid;
  grid-template-columns: 1fr;
  gap: 3rem;
}

@media screen and (max-width: 767px) {
  .c-header__overlay .c-header__overlayContent {
    padding-bottom: 1.5rem;
    margin-bottom: 1.625rem;
    flex-direction: column;
    gap: 1.5rem;
  }
}

.c-header__overlay .c-header__overlaySection {
  display: flex;
  gap: 0.5rem;
}

@media screen and (max-width: 767px) {
  .c-header__overlay .c-header__overlaySection {
    flex-direction: column;
  }
}

@media screen and (max-width: 767px) and (max-width: 767px) {
  .c-header__overlay .c-header__overlaySection+.c-header__overlaySection {
    margin-top: 1.25rem;
  }
}

@media screen and (max-width: 767px) {
  .c-header__overlay .c-header__overlaySection:nth-child(2) {
    border-top: 0.0625rem solid #B8B8B8;
    padding-top: 1.25rem;
    margin-top: 1.25rem;
  }
}

.c-header__overlay .c-header__overlaySection:nth-child(2) .c-header__overlayItem {
  color: #77C7C6;
}

.c-header__overlay .c-header__overlaySection:nth-child(2) .c-header__overlayItem:not(:first-child) {
  background-color: #77C7C6;
  color: #000;
}

.c-header__overlay .c-header__overlaySection:nth-child(3) .c-header__overlayItem {
  color: #F4A893;
}

.c-header__overlay .c-header__overlaySection:nth-child(3) .c-header__overlayItem:not(:first-child) {
  background-color: #F4A893;
  color: #000;
}

.c-header__overlay .c-header__overlaySection:nth-child(4) .c-header__overlayItem {
  color: #D5C6BC;
}

.c-header__overlay .c-header__overlaySection:nth-child(4) .c-header__overlayItem:not(:first-child) {
  background-color: #D5C6BC;
  color: #000;
}

.c-header__overlay .c-header__overlaySectionTitle {
  flex-shrink: 0;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: 0.25rem;
  width: 10.5rem;
}

@media screen and (max-width: 767px) {
  .c-header__overlay .c-header__overlaySectionTitle {
    font-size: 0.875rem;
  }
}

.c-header__overlay .c-header__overlaySectionItems {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

@media screen and (max-width: 767px) {
  .c-header__overlay .c-header__overlaySectionItems {
    gap: 0.25rem;
  }
}

.c-header__overlay .c-header__overlayItem {
  background-color: #000;
  border-radius: 0.25rem;
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.3125rem 0.75rem;
}

@media screen and (max-width: 767px) {
  .c-header__overlay .c-header__overlayItem {
    gap: 0.625rem;
    padding: 0 0.6875rem;
    height: 1.75rem;
  }
}

.c-header__overlay .c-header__overlayItem .c-header__overlayItem {
  color: #fff;
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1;
}

@media screen and (max-width: 767px) {
  .c-header__overlay .c-header__overlayItem .c-header__overlayItem {
    font-size: 0.8125rem;
  }
}

.c-header__overlay .c-header__overlayTags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem 1rem;
}

.c-header__overlay .c-header__overlayTag {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.3;
  opacity: 0.5;
}

.c-header__overlay .c-header__overlayTag::before {
  content: "#";
}

.c-header__overlay .c-header__overlayTag:hover {
  opacity: 0.25;
}

@media screen and (max-width: 767px) {
  .c-header__overlay .c-header__overlayTag {
    font-size: 0.8125rem;
  }
}

@media screen and (max-width: 767px) {
  .c-header__overlay .c-header__overlayMembership {
    border: 0.0625rem solid #000;
    padding: 1.25rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    margin-bottom: 1.5rem;
  }

  .c-header__overlay .c-header__overlayMembership .c-header__overlayMembershipImg {
    margin-right: 0.75rem;
    height: 1.25rem;
    width: 1.25rem;
  }

  .c-header__overlay .c-header__overlayMembership .c-header__overlayMembershipTitle {
    margin-right: 1rem;
    font-size: 0.75rem;
    line-height: 1;
    position: relative;
    top: 0.125rem;
    font-family: "Roca", sans-serif;
    font-weight: 400;
  }

  .c-header__overlay .c-header__overlayMembership .c-header__overlayMembershipTitle::before {
    content: "";
    background-color: #000;
    position: absolute;
    bottom: 0;
    left: 0;
  }

  .c-header__overlay .c-header__overlayMembership .c-header__overlayMembershipText {
    font-size: 0.875rem;
    font-weight: 700;
    line-height: 1;
    margin-right: 0.625rem;
  }

  .c-header__overlay .c-header__overlayMembership .c-header__overlayMembershipArrow {
    height: 1rem;
    width: 1rem;
  }
}

.c-header__overlay .c-header__overlayFooter {
  display: flex;
  align-items: center;
  gap: 3rem;
  padding: 3rem 7.5rem 7.5rem;
}

@media screen and (max-width: 767px) {
  .c-header__overlay .c-header__overlayFooter {
    border-top: 0;
    align-items: flex-start;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    flex-wrap: wrap;
    gap: 1rem 0.8125rem;
    padding: 0 1.5rem;
  }
}

.c-header__overlay .c-header__overlayFooterItem {
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.5;
}

@media screen and (max-width: 767px) {
  .c-header__overlay .c-header__overlayFooterItem {
    font-size: 0.8125rem;
  }
}

.c-sectionTitle {
  position: relative;
}

.c-sectionTitle::before {
  content: "";
  background-color: #E0E0E0;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.0625rem;
}

.c-sectionTitle .container {
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

@media screen and (max-width: 767px) {
  .c-sectionTitle .container {
    flex-direction: column;
    align-items: center;
    margin-bottom: 1.5rem;
  }
}

.c-sectionTitle .c-sectionTitle__title {
  position: relative;
  padding-bottom: 2rem;
  width: fit-content;
}

@media screen and (max-width: 767px) {
  .c-sectionTitle .c-sectionTitle__title {
    padding-bottom: 1.25rem;
  }
}

.c-sectionTitle .c-sectionTitle__title::after {
  content: "";
  background-color: #000;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.1875rem;
}

.c-sectionTitle .c-sectionTitle__titleText {
  align-items: center;
  color: #000;
  display: flex;
  gap: 0.5rem;
  font-size: 1rem;
  line-height: 1;
  font-family: "Roca", sans-serif;
  font-weight: 700;
}

@media screen and (max-width: 767px) {
  .c-sectionTitle .c-sectionTitle__titleText {
    gap: 0.375rem;
    font-size: 1rem;
  }
}

.c-sectionTitle .c-sectionTitle__titleText .c-sectionTitle__titleImg {
  position: relative;
  top: -0.125rem;
  width: 1.5rem;
}

@media screen and (max-width: 767px) {
  .c-sectionTitle .c-sectionTitle__titleText .c-sectionTitle__titleImg {
    width: 1.125rem;
  }
}

.c-sectionTitle .c-sectionTitle__en {
  color: #fff;
  position: absolute;
  right: -3.125rem;
  font-size: 6rem;
  line-height: 1;
  font-family: "Roca", sans-serif;
  font-weight: 700;
}

.c-sectionTitle2 {
  text-align: center;
  letter-spacing: 0;
  margin-bottom: 2.25rem;
}

.c-sectionTitle2 .c-sectionTitle2__title {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: 0.75rem;
  position: relative;
}

@media screen and (max-width: 767px) {
  .c-sectionTitle2 .c-sectionTitle2__title {
    font-size: 1.25rem;
  }
}

.c-sectionTitle2 .c-sectionTitle2__title .-en {
  font-family: "Roca", sans-serif;
  font-weight: 700;
}

.c-sectionTitle2 .c-sectionTitle2__description {
  font-size: 1rem;
  line-height: 2;
}

@media screen and (max-width: 767px) {
  .c-sectionTitle2 .c-sectionTitle2__description {
    text-align: left;
    font-size: 0.9375rem;
    letter-spacing: -0.007em;
  }
}

.c-sectionTitle2 .c-sectionTitle2__bgText {
  color: #fff;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 9rem;
  font-weight: 400;
  line-height: 1;
  z-index: -1;
  font-family: "Roca", sans-serif;
  font-weight: 700;
}

@media screen and (max-width: 767px) {
  .c-sectionTitle2 .c-sectionTitle2__bgText {
    font-size: 5rem;
  }
}

.title {
  display: block;
  padding: 40px;
  font-size: 30px;
  background-image: url("assets/img/dummy.webp");
}

.title .test {
  color: red;
}

.c-articleCard {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  overflow: hidden;
  height: 100%;
}

@media screen and (max-width: 767px) {
  .c-articleCard:hover {
    opacity: 1;
  }
}

.c-articleCard .c-articleCard__Image {
  width: 100%;
}

.c-articleCard .c-articleCard__Img {
  width: 100%;
  aspect-ratio: 304/202.667;
  object-fit: cover;
  border-radius: 0;
}

.c-articleCard .c-articleCard__Content {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

@media screen and (max-width: 767px) {
  .c-articleCard .c-articleCard__Content {
    gap: 0.625rem;
  }
}

.c-articleCard .c-articleCard__Meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  position: relative;
}

.c-articleCard .c-articleCard__Category {
  background-color: #77C7C6;
  color: #000;
  font-size: 0.75rem;
  line-height: 1;
  padding: 0.375rem 0.375rem;
  border-radius: 0.1875rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}

.c-articleCard .c-articleCard__Category.catcolor_hairbeauty {
  background: #77C7C6;
}

.c-articleCard .c-articleCard__Category.catcolor_business {
  background: #F4A893;
}

.c-articleCard .c-articleCard__Category.catcolor_news {
  background: #D5C6BC;
}

@media screen and (max-width: 767px) {
  .c-articleCard .c-articleCard__Category {
    font-size: 0.75rem;
    padding: 0.25rem 0.25rem;
    border-radius: 0.125rem;
  }
}

.c-articleCard .c-articleCard__Category.-emerald {
  background-color: #77C7C6;
}

.c-articleCard .c-articleCard__Category.-orange {
  background-color: #F4A893;
}

.c-articleCard .c-articleCard__Category.-beige {
  background-color: #D5C6BC;
}

.c-articleCard .c-articleCard__Date {
  font-size: 0.75rem;
  line-height: 1;
  text-transform: capitalize;
  color: #000;
  opacity: 0.25;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  font-family: "Roca", sans-serif;
  font-weight: 400;
}

@media screen and (max-width: 767px) {
  .c-articleCard .c-articleCard__Date {
    font-size: 0.75rem;
    position: static;
    transform: none;
  }
}

.c-articleCard .c-articleCard__Title {
  font-size: 1rem;
  line-height: 1.5;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

@media screen and (max-width: 767px) {
  .c-articleCard .c-articleCard__Title {
    font-size: 0.875rem;
    -webkit-line-clamp: 2;
  }
}

.c-articleCard .c-articleCard__Tags {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}

@media screen and (max-width: 767px) {
  .c-articleCard .c-articleCard__Tags {
    gap: 0.5rem;
  }
}

.c-articleCard .c-articleCard__Tag {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.75rem;
  line-height: 1.3;
  opacity: 0.5;
}

@media screen and (max-width: 767px) {
  .c-articleCard .c-articleCard__Tag {
    font-size: 0.75rem;
  }
}

.c-articleCard .c-articleCard__Tag::before {
  content: "#";
  color: #2EB6AA;
}

.c-articleCard .c-articleCard__Tag.catcolor_hairbeauty::before {
  color: #2EB6AA;
}

.c-articleCard .c-articleCard__Tag.catcolor_business::before {
  color: #ef9b84;
}

.c-articleCard .c-articleCard__Tag.catcolor_news::before {
  color: #c8b09f;
}

.c-viewAllBtn {
  position: relative;
  z-index: 9;
}

.c-viewAllBtn.-center .c-viewAllBtn__link {
  justify-content: center;
}

.c-viewAllBtn .c-viewAllBtn__link {
  display: flex;
  align-items: center;
  gap: 1rem;
  cursor: pointer;
}

@media screen and (max-width: 767px) {
  .c-viewAllBtn .c-viewAllBtn__link {
    gap: 0.75rem;
  }
}

.c-viewAllBtn .c-viewAllBtn__text {
  color: #000;
  font-size: 1rem;
  line-height: 1;
  text-transform: capitalize;
  font-family: "Roca", sans-serif;
  font-weight: 700;
}

@media screen and (max-width: 767px) {
  .c-viewAllBtn .c-viewAllBtn__text {
    font-size: 0.9375rem;
  }
}

.c-viewAllBtn .c-viewAllBtn__icon {
  position: relative;
  top: -0.1875rem;
  width: 1rem;
  height: 1rem;
  color: #000;
}

@media screen and (max-width: 767px) {
  .c-viewAllBtn .c-viewAllBtn__icon {
    width: 0.9375rem;
    height: 0.9375rem;
  }
}

.c-viewAllBtn.-white .c-viewAllBtn__text {
  color: #fff;
}

.c-viewAllBtn.-white .c-viewAllBtn__icon {
  filter: brightness(0) invert(1);
}

.c-sliderControl {
  display: flex;
  align-items: center;
  gap: 1rem;
  justify-content: center;
}

.c-sliderControl .c-sliderControl__controlBtn {
  width: 0.75rem;
  height: 0.75rem;
  background: none;
  border: none;
  cursor: pointer;
  color: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}

.c-sliderControl .c-sliderControl__pagination {
  display: flex;
  gap: 0.75rem;
  align-items: center;
  width: fit-content;
}

.c-sliderControl .c-sliderControl__pagination .swiper-pagination-bullet {
  margin: 0;
  width: 0.375rem;
  height: 0.375rem;
  background-color: #000;
  border-radius: 0.1875rem;
  opacity: 0.1;
  transition: opacity 0.3s ease;
}

.c-sliderControl .c-sliderControl__pagination .swiper-pagination-bullet-active {
  opacity: 1;
}

.c-sliderControl .c-sliderControl__controlDivider {
  background-color: #000;
  opacity: 0.2;
  height: 0.75rem;
  width: 0.0625rem;
}

.c-sliderControl .c-sliderControl__controlBtn {
  position: relative;
}

.c-sliderControl .c-sliderControl__controlBtn.is-playing::before, .c-sliderControl .c-sliderControl__controlBtn.is-playing::after {
  content: "";
  background-color: #000;
  display: block;
  width: 2px;
  height: 0.5rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.c-sliderControl .c-sliderControl__controlBtn.is-playing::before {
  left: 0rem;
}

.c-sliderControl .c-sliderControl__controlBtn.is-playing::after {
  right: 0.1875rem;
}

.c-sliderControl .c-sliderControl__controlBtn.is-paused::before {
  content: "";
  border-radius: 1px;
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 8px solid #000;
  border-right: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.c-sliderControl .c-sliderControl__controlBtn.is-paused::after {
  display: none;
}

.c-sliderControl .c-sliderControl__navigation {
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.c-sliderControl .c-sliderControl__navigation img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.c-newsCard {
  border-bottom: 0.0625rem solid #F5F5F5;
  padding: 0 1.5rem 1.5rem;
}

@media screen and (max-width: 767px) {
  .c-newsCard {
    padding: 0 1rem 1.5rem;
  }
}

.c-newsCard:last-child {
  border-bottom: 0;
}

.c-newsCard .c-newsCard__header {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 0.6875rem;
}

.c-newsCard .c-newsCard__date {
  color: #000;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1;
  font-family: "Roca", sans-serif;
  font-weight: 700;
}

.c-newsCard .c-newsCard__tag {
  display: flex;
  align-items: center;
}

.c-newsCard .c-newsCard__tagText {
  background-color: #000;
  color: #fff;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  padding: 0.25rem;
  border-radius: 0.125rem;
}

.c-newsCard .c-newsCard__text {
  color: #000;
  font-size: 0.875rem;
  line-height: 1.5;
  margin: 0;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
}

.c-footer {
  position: relative;
}

@media screen and (max-width: 767px) {
  .c-footer {
    padding: 4.5rem 0 4.25rem;
  }
}

.c-footer .container {
  max-width: 83.5rem;
}

.c-footer .c-footer__main {
  display: flex;
  justify-content: space-between;
}

@media screen and (max-width: 767px) {
  .c-footer .c-footer__main {
    flex-direction: column;
  }
}

.c-footer .c-footer__left,
.c-footer .c-footer__center,
.c-footer .c-footer__right {
  min-height: 45rem;
}

@media screen and (max-width: 767px) {

  .c-footer .c-footer__left,
  .c-footer .c-footer__center,
  .c-footer .c-footer__right {
    min-height: auto;
  }
}

.c-footer .c-footer__links {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.c-footer .c-footer__column {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

@media screen and (max-width: 767px) {
  .c-footer .c-footer__column {
    gap: 0.75rem;
  }
}

.c-footer .c-footer__column .c-footer__link {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

.c-footer .c-footer__column .c-footer__link::before {
  content: "-";
  display: inline-block;
  text-decoration: none;
}

.c-footer .c-footer__title {
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.5;
  margin: 0;
}

.c-footer .c-footer__linkList {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

@media screen and (max-width: 767px) {
  .c-footer .c-footer__linkList {
    gap: 0.75rem;
  }
}

.c-footer .c-footer__link {
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.5;
}

.c-footer .c-footer__link span {
  text-decoration: underline;
}

.c-footer .c-footer__left {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  padding-right: 14.5rem;
  padding-block: 7.5rem 3rem;
  width: 34.5rem;
}

@media screen and (max-width: 767px) {
  .c-footer .c-footer__left {
    order: 3;
    padding: 0rem 0rem;
    width: 100%;
  }
}

.c-footer .c-footer__left .c-footer__logo {
  margin-bottom: 2.25rem;
}

@media screen and (max-width: 767px) {
  .c-footer .c-footer__left .c-footer__logo {
    order: 3;
    margin-bottom: 2.25rem;
  }
}

.c-footer .c-footer__left .c-footer__logo .c-footer__logoImg {
  width: 100%;
  height: auto;
}

@media screen and (max-width: 767px) {
  .c-footer .c-footer__left .c-footer__links {
    padding: 2.25rem 0;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0.75rem;
    order: 1;
    position: relative;
  }

  .c-footer .c-footer__left .c-footer__links::before {
    content: "";
    background-color: #000;
    position: absolute;
    bottom: 0rem;
    left: 50%;
    transform: translateX(-50%);
    height: 0.0625rem;
    width: 100vw;
  }
}

.c-footer .c-footer__left .c-footer__sns {
  display: flex;
  gap: 2.25rem;
  margin-top: auto;
}

@media screen and (max-width: 767px) {
  .c-footer .c-footer__left .c-footer__sns {
    order: 2;
    justify-content: center;
    margin-block: 3rem;
    gap: 1.5rem;
  }
}

.c-footer .c-footer__left .c-footer__sns .c-footer__snsLink {
  border: 0.0625rem solid #E0E0E0;
  border-radius: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
}

.c-footer .c-footer__left .c-footer__sns .c-footer__snsIcon {
  width: 1.5rem;
  height: 1.5rem;
}

.c-footer .c-footer__center {
  border-right: 0.0625rem solid #E0E0E0;
  display: flex;
  flex-direction: column;
  gap: 3rem;
  padding-top: 7.5rem;
  padding-right: 4.5rem;
  width: 27rem;
}

@media screen and (max-width: 767px) {
  .c-footer .c-footer__center {
    border-right: none;
    border-bottom: 0.0625rem solid #E0E0E0;
    order: 1;
    padding: 0rem 0rem 2.25rem;
    gap: 2.25rem;
    width: 100%;
  }
}

.c-footer .c-footer__right {
  display: flex;
  padding: 7.5rem 0rem 3rem 4.5rem;
  flex-direction: column;
  flex-shrink: 0;
  gap: 3rem;
  width: 19.5rem;
}

@media screen and (max-width: 767px) {
  .c-footer .c-footer__right {
    border-bottom: 0.0625rem solid #E0E0E0;
    order: 2;
    padding: 2.25rem 0rem;
    width: 100%;
  }
}

.c-footer .c-footer__right .c-footer__column {
  gap: 0.5625rem;
}

.c-footer .c-footer__right .c-footer__column:last-child {
  gap: 1rem;
}

@media screen and (max-width: 767px) {
  .c-footer .c-footer__right .c-footer__column:last-child {
    gap: 0.75rem;
  }
}

.c-footer .c-footer__bottom {
  display: flex;
  flex-direction: column;
  gap: 3rem;
  padding-block: 3rem;
  position: relative;
}

@media screen and (max-width: 767px) {
  .c-footer .c-footer__bottom {
    display: none;
  }
}

.c-footer .c-footer__bottom::before {
  content: "";
  background-color: #000;
  position: absolute;
  top: 0rem;
  left: 50%;
  transform: translateX(-50%);
  height: 0.0625rem;
  width: calc(100vw - 3rem);
}

.c-footer .c-footer__copyright p {
  color: #000;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1;
  margin: 0;
  text-align: left;
  font-family: "Roca", sans-serif;
  font-weight: 700;
}

@media screen and (max-width: 767px) {
  .c-footer .c-footer__copyright p {
    text-align: center;
  }
}

.c-footer .c-footer__pageTop {
  background-color: #F5F5F5;
  border: solid #000;
  border-width: 0.0625rem 0.0625rem 0 0.0625rem;
  border-radius: 0.5rem 0.5rem 0 0;
  cursor: pointer;
  position: absolute;
  bottom: 1.5rem;
  right: 4.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2.0625rem;
  padding: 0.5rem 1.125rem;
  height: 6rem;
  width: 15rem;
  transition: opacity 0.4s ease;
}

@media screen and (max-width: 767px) {
  .c-footer .c-footer__pageTop {
    border-width: 0 0.0625rem 0.0625rem 0.0625rem;
    border-radius: 0 0 0.5rem 0.5rem;
    gap: 1.0625rem;
    top: 0.25rem;
    right: 1rem;
    height: 3.75rem;
    width: 7.5rem;
  }
}

.c-footer .c-footer__pageTop::after {
  content: "";
  background-color: #000;
  position: absolute;
  bottom: 0rem;
  left: 50%;
  transform: translateX(-50%);
  height: 0.125rem;
  width: 6rem;
}

@media screen and (max-width: 767px) {
  .c-footer .c-footer__pageTop::after {
    bottom: initial;
    top: 0;
    width: 5rem;
  }
}

.c-footer .c-footer__pageTop:hover {
  opacity: 0.5;
}

.c-footer .c-footer__pageTop .c-footer__pageTopText {
  font-size: 0.75rem;
  line-height: 1;
  font-family: "Roca", sans-serif;
  font-weight: 700;
}

.c-footer .c-footer__pageTop .c-footer__pageTopIcon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0.75rem;
  height: 0.75rem;
}

.c-wysiwyg img {
  height: auto;
  margin: 4.5rem 0;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 100%;
  width: 100%;
}

.c-wysiwyg .wp-block-image {
  margin: 4.5rem 0;
}

.c-wysiwyg .wp-block-image img {
  width: auto;
  margin: 0 0;
}

@media screen and (max-width: 767px) {
  /* .c-wysiwyg img {
    margin: 3rem 0;
  } */

  .c-wysiwyg .wp-block-image {
    margin-top: 1.875rem;
    margin-bottom: 1.875rem;
  }

}

.c-wysiwyg h2 {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.5;
  margin: 4.5rem 0;
  position: relative;
}

@media screen and (max-width: 767px) {
  .c-wysiwyg h2 {
    font-size: 1.25rem;
    margin: 4.5rem 0 3rem;
  }
}

.c-wysiwyg h3 {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.5;
  margin: 4.5rem 0;
  margin: 1.875rem 0;
  padding-left: 1.75rem;
  position: relative;
}

@media screen and (max-width: 767px) {
  .c-wysiwyg h3 {
    padding-left: 1.25rem;
    font-size: 1.125rem;
  }
}

.c-wysiwyg h3::after {
  content: "";
  background-color: #F4A893;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  height: 90%;
  width: 0.25rem;
}

.hairbeauty.c-wysiwyg h3::after {
  background-color: #77C7C6;
}

.business.c-wysiwyg h3::after {
  background-color: #F4A893;
}

.news.c-wysiwyg h3::after {
  background-color: #D5C6BC;
}

.c-wysiwyg h4 {
  font-size: 1rem;
  font-weight: 700;
  margin: 4.5rem 0;
  margin: 1.875rem 0;
  line-height: 1.5;
  padding-left: 2.25rem;
  position: relative;
}

@media screen and (max-width: 767px) {
  .c-wysiwyg h4 {
    font-size: 1rem;
    padding-left: 1.75rem;
  }
}

.c-wysiwyg h4::after {
  content: "";
  background-color: #F4A893;
  position: absolute;
  top: 0.75rem;
  left: 0;
  height: 0.125rem;
  width: 1.5rem;
}

.hairbeauty.c-wysiwyg h4::after {
  background-color: #77C7C6;
}

.business.c-wysiwyg h4::after {
  background-color: #F4A893;
}

.news.c-wysiwyg h4::after {
  background-color: #D5C6BC;
}

@media screen and (max-width: 767px) {
  .c-wysiwyg h4::after {
    width: 1.25rem;
  }
}

.c-wysiwyg p {
  letter-spacing: 0.04em;
  font-size: 1rem;
  margin: 0;
}

@media screen and (max-width: 767px) {
  .c-wysiwyg p {
    font-size: 0.9375rem;
  }
}

.c-wysiwyg p+p {
  margin-top: 1.5rem;
}

.c-wysiwyg blockquote {
  background-color: #E0E0E0;
  border: none;
  border-radius: 0.625rem;
  color: #666666;
  padding: 1.5rem 1.5rem 1.5rem 3.5rem;
  position: relative;
  margin: 1.875rem 0;
}

@media screen and (max-width: 767px) {
  .c-wysiwyg blockquote {
    padding: 1rem 1rem 1rem 3rem;
    margin: 1.25rem 0;
  }
}

.c-wysiwyg blockquote::before {
  content: "";
  display: block;
  width: 1.25rem;
  height: 1.25rem;
  background: url(/assets/img/common/icon_quote.svg) center center/contain no-repeat;
  position: absolute;
  top: 1.5rem;
  left: 1.25rem;
}

@media screen and (max-width: 767px) {
  .c-wysiwyg blockquote::before {
    top: 1rem;
    left: 1rem;
  }
}

.c-wysiwyg blockquote p {
  margin: 0;
}

.c-wysiwyg table {
  display: block;
  overflow-x: scroll;
  -webkit-overflow-scrolling: touch;
  border-collapse: collapse;
  margin-top: 1.875rem;
  margin-bottom: 1.875rem;
  font-size: 0.875rem;
  table-layout: fixed;
}

.c-wysiwyg table tbody, .c-wysiwyg table thead {
  width: 100%;
  /* display: table; */
  border-bottom: none;
}

.c-wysiwyg table tbody, .c-wysiwyg table tfoot {
  border-top: none;
  width: 100%;
}

.c-wysiwyg table td, .c-wysiwyg table th {
  border: 0.0625rem solid #E0E0E0;
  padding: 1.0625rem 0.625rem;
  min-width: 14.375rem;
}

.c-wysiwyg table th[colspan="2"] {
  min-width: 28.75rem;
}

.c-wysiwyg table td[colspan="2"] {
  min-width: 28.75rem;
}

.c-wysiwyg ul, .c-wysiwyg ol {
  margin: 1.875rem 0;
}

.c-wysiwyg .wp-block-table .wp-element-caption {
  margin-bottom: 2rem;
}

@media screen and (max-width: 767px) {
  .c-wysiwyg ul, .c-wysiwyg ol {
    margin: 1.25rem 0;
  }
}

.c-wysiwyg ul {
  padding-left: 1.25rem;
  list-style: circle;
}

.c-wysiwyg ul li {
  margin-bottom: 0.3125rem;
  padding-left: 2.25rem;
  text-indent: -2.25rem;
  font-weight: 400;
}

.c-wysiwyg ul li+li {
  margin-top: 1rem;
}

.c-wysiwyg ul li::marker {
  color: #000;
}

.c-wysiwyg ol {
  list-style: none;
  padding-left: 0;
  counter-reset: n;
}

.c-wysiwyg ol li {
  padding-left: 2.25rem;
  text-indent: -2.25rem;
  font-weight: 400;
}

.c-wysiwyg ol li:before {
  content: "0"counter(n) "";
  counter-increment: n;
  color: #000;
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
  margin-right: 0.5rem;
  font-family: "Roca", sans-serif;
  font-weight: 700;
}

@media screen and (max-width: 767px) {
  .c-wysiwyg ol li:before {
    margin-top: 0.3125rem;
  }
}

.c-wysiwyg ol li+li {
  margin-top: 1rem;
}

.c-wysiwyg ol li:nth-of-type(n + 10):before {
  content: counter(n) ".";
}

.c-wysiwyg iframe {
  max-width: 100%;
}

.c-wysiwyg a {
  color: #2EB6AA;
  text-decoration: underline;
}

.c-wysiwyg a:hover {
  text-decoration: none;
}

.c-wysiwyg .c-wysiwyg__slider {
  overflow: scroll;
  margin: 4.5rem 0;
}

.c-wysiwyg .c-wysiwyg__slider .c-wysiwyg__sliderInner {
  display: flex;
  gap: 3rem;
  overflow: scroll;
  width: max-content;
}

.c-wysiwyg .c-wysiwyg__slider .wp-block-image {
  margin-top: 0;
}

@media screen and (max-width: 767px) {
  .c-wysiwyg .c-wysiwyg__slider .c-wysiwyg__sliderInner {
    gap: 1rem;
  }
}

.c-wysiwyg .c-wysiwyg__slider .c-wysiwyg__sliderItem {
  width: 22.5rem;
}

@media screen and (max-width: 767px) {
  .c-wysiwyg .c-wysiwyg__slider .c-wysiwyg__sliderItem {
    width: 16.25rem;
  }
}

.c-wysiwyg .c-wysiwyg__slider .c-wysiwyg__sliderItem img {
  margin-block: 0 0.75rem;
  margin-block: 0;
}
@media screen and (max-width: 767px) {
  .c-wysiwyg .c-wysiwyg__slider .c-wysiwyg__sliderItem img {
    margin-block: 0;
  }

}

.c-wysiwyg .c-wysiwyg__slider .c-wysiwyg__sliderItem figcaption {
  opacity: 0.5;
  font-size: 0.8125rem;
  line-height: 1.5;
}

.c-wysiwyg .wp-element-caption{
  opacity: 0.5;
  font-size: 0.8125rem;
  line-height: 1.5;
}


.c-wysiwyg .c-wysiwyg__textBox {
  display: flex;
  align-items: flex-start;
  gap: 2.25rem;
  margin: 4.5rem 0;
}

@media screen and (max-width: 767px) {
  .c-wysiwyg .c-wysiwyg__textBox {
    flex-direction: column;
    gap: 0.5rem;
    margin: 3rem 0;
  }
}

.c-wysiwyg .c-wysiwyg__textBox.-reverse {
  flex-direction: row-reverse;
}

@media screen and (max-width: 767px) {
  .c-wysiwyg .c-wysiwyg__textBox.-reverse {
    flex-direction: column-reverse;
  }
}

.c-wysiwyg .c-wysiwyg__textBox .c-wysiwyg__textBoxImg {
  width: 18.75rem;
}

@media screen and (max-width: 767px) {
  .c-wysiwyg .c-wysiwyg__textBox .c-wysiwyg__textBoxImg {
    width: 100%;
  }
}

.c-wysiwyg .c-wysiwyg__textBox .c-wysiwyg__textBoxImg img {
  margin: 0;
}

.c-wysiwyg .c-wysiwyg__textBox .c-wysiwyg__textBoxContent {
  width: calc(100% - 18.75rem);
}

@media screen and (max-width: 767px) {
  .c-wysiwyg .c-wysiwyg__textBox .c-wysiwyg__textBoxContent {
    width: 100%;
  }
}

.c-wysiwyg .c-wysiwyg__textBox .c-wysiwyg__textBoxContent {
  line-height: 2;
}

.c-wysiwyg .c-wysiwyg__hukidashi {
  display: flex;
  align-items: flex-start;
  gap: 2.25rem;
  margin: 4.5rem 0;
}

@media screen and (max-width: 767px) {
  .c-wysiwyg .c-wysiwyg__hukidashi {
    gap: 1rem;
    margin: 3rem 0;
  }
}

.c-wysiwyg .c-wysiwyg__hukidashi.-reverse {
  flex-direction: row-reverse;
}

@media screen and (max-width: 767px) {
  .c-wysiwyg .c-wysiwyg__hukidashi.-reverse {
    flex-direction: column-reverse;
  }
}

.c-wysiwyg .c-wysiwyg__hukidashi .c-wysiwyg__hukidashiImg {
  flex-shrink: 0;
  text-align: center;
  margin-bottom: 0;
  margin-top: 0;
  width: 4.5rem;
}

@media screen and (max-width: 767px) {
  .c-wysiwyg .c-wysiwyg__hukidashi .c-wysiwyg__hukidashiImg {
    width: 3.75rem;
  }
}

.c-wysiwyg .c-wysiwyg__hukidashi .c-wysiwyg__hukidashiImg img {
  border-radius: 50%;
  overflow: hidden;
  aspect-ratio: 1/1;
  object-fit: cover;
  margin-block: 0 0.4375rem;
  width: 4.5rem;
}

@media screen and (max-width: 767px) {
  .c-wysiwyg .c-wysiwyg__hukidashi .c-wysiwyg__hukidashiImg img {
    width: 3.75rem;
  }
}

.c-wysiwyg .c-wysiwyg__hukidashi .c-wysiwyg__hukidashiImg figcaption {
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.2;
  opacity: 1;
}

.c-wysiwyg .c-wysiwyg__hukidashi .c-wysiwyg__hukidashiContent {
  width: 100%;
}

.c-wysiwyg.-bookDetail h3::after {
  background-color: #D5C6BC;
}

.c-wysiwyg.-bookDetail h4::after {
  background-color: #D5C6BC;
}

.c-wysiwyg .wp-block-media-text {
  margin: 4.5rem 0;
}

.c-wysiwyg .wp-block-media-text figure {
  margin-bottom: auto;
}

.c-wysiwyg .wp-block-media-text img {
  margin-top: 0;
  margin-bottom: 0;
}

@media screen and (max-width: 767px) {
  .c-wysiwyg .wp-block-media-text {
    gap: 0.5rem;
  }

  .c-wysiwyg .wp-block-media-text>.wp-block-media-text__content {
    padding-left: 0;
    padding-right: 0;
  }
}

.c-toc {
  background: #fff;
  display: flex;
  gap: 2.5rem;
  padding: 2.25rem;
  margin: 0 0 4.5rem;
  width: 100%;
  position: relative;
}

@media screen and (max-width: 767px) {
  .c-toc {
    gap: 1rem;
    flex-direction: column;
    padding: 1.5rem 1rem;
  }
}

.c-toc::before {
  content: "";
  background-color: #000;
  position: absolute;
  top: 0;
  left: 2.25rem;
  height: 0.25rem;
  width: 2.6875rem;
}

@media screen and (max-width: 767px) {
  .c-toc::before {
    left: 1rem;
    width: 2.75rem;
  }
}

.c-toc ol {
  list-style: none;
  padding-left: 0;
  counter-reset: n;
}

.c-toc ol li {
  padding-left: 1.25rem;
  text-indent: -1.0625rem;
}

.c-toc .c-toc__title {
  font-size: 1rem;
  line-height: 1;
  letter-spacing: 0;
  position: relative;
  top: 0.375rem;
  font-family: "Roca", sans-serif;
  font-weight: 700;
}

@media screen and (max-width: 767px) {
  .c-toc .c-toc__title {
    font-size: 1.125rem;
  }
}

.c-toc .c-toc__title span {
  color: #000;
  font-size: 1.75rem;
  margin-right: 0.625rem;
}

.c-toc .h2list {
  margin: 0;
  padding: 0;
}

@media screen and (max-width: 767px) {
  .c-toc .h2list {
    padding: 0;
  }
}

.c-toc .h2list li {
  margin: 0;
  padding: 0;
  font-size: 0.875rem;
  line-height: 1.8;
  letter-spacing: normal;
  text-indent: initial;
  padding-left: 1.25rem;
  text-indent: -0.625rem;
  margin-bottom: 0.625rem;
}

@media screen and (max-width: 767px) {
  .c-toc .h2list li {
    padding-left: 0.625rem;
    font-size: 0.8125rem;
  }
}

.c-toc .h2list li a {
  text-decoration: underline;
  text-underline-offset: 0.125rem;
  transition: 0.3s;
  color: #000;
}

.c-toc .h2list li a:hover {
  opacity: 0.7;
  text-decoration: underline;
  transition: 0.3s;
}

.c-toc .h2list li::marker {
  content: none;
  display: none;
}

.c-toc .h3list {
  margin: 0;
  padding: 0.5rem 0;
}

.c-toc .h3list li {
  margin: 0;
  padding-inline: 0.6875rem 0;
}

.c-toc .h3list li+li {
  margin-top: 0.5rem;
}

.c-toc .h3list li:before {
  content: "";
  background: url(/assets/img/common/icon-toc.svg) center center/contain no-repeat;
  display: inline-block;
  margin-right: 0.3125rem;
  width: 0.5625rem;
  height: 0.5rem;
  position: relative;
  top: -0.1875rem;
  left: -0.375rem;
}

@media screen and (max-width: 767px) {
  .c-toc .h3list li:before {
    width: 0.5rem;
    height: 0.5rem;
    margin-right: 0.25rem;
  }
}

.c-toc .h3list li a {
  color: #000;
  padding-bottom: 0.1875rem;
  text-decoration: underline;
  transition: 0.3s;
  font-size: 0.875rem;
}

@media screen and (max-width: 767px) {
  .c-toc .h3list li a {
    font-size: 0.8125rem;
  }
}

.c-toc .h3list li a:hover {
  opacity: 0.7;
  text-decoration: underline;
  transition: 0.3s;
}

.c-toc .c-toc__close {
  position: absolute;
  bottom: 1.5rem;
  right: 1.5rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 1rem;
  font-family: "Roca", sans-serif;
  font-weight: 700;
}

@media screen and (max-width: 767px) {
  .c-toc .c-toc__close {
    top: 1.6875rem;
    bottom: initial;
    right: 0.75rem;
  }
}

@media screen and (min-width: 768px) {
  .c-toc .c-toc__close.is-open {
    bottom: 1.75rem;
  }
}

@media screen and (max-width: 767px) {
  .c-toc .c-toc__close .c-toc__closeText {
    display: none;
  }
}

.c-toc .c-toc__close .c-toc__closeIcon {
  background-color: #000;
  border-radius: 50%;
  position: relative;
  flex-shrink: 0;
  height: 1rem;
  width: 1rem;
}

.c-toc .c-toc__close .c-toc__closeIcon.is-open::after {
  opacity: 0;
  transition: opacity 0.3s;
}

.c-toc .c-toc__close .c-toc__closeIcon::before, .c-toc .c-toc__close .c-toc__closeIcon::after {
  content: "";
  background-color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.c-toc .c-toc__close .c-toc__closeIcon::before {
  height: 0.075rem;
  width: 0.4375rem;
}

.c-toc .c-toc__close .c-toc__closeIcon::after {
  content: "";
  height: 0.4375rem;
  width: 0.075rem;
}

.c-sideBar {
  display: flex;
  flex-direction: column;
  gap: 3.125rem;
  flex-shrink: 0;
}

.c-sideBar .c-sideBar__article {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

@media screen and (max-width: 767px) {
  .c-sideBar .c-sideBar__article {
    order: 2;
  }
}

.c-sideBar .c-sideBar__articleHeader {
  display: flex;
  align-items: center;
  position: relative;
}

@media screen and (max-width: 767px) {
  .c-sideBar .c-sideBar__articleHeader {
    padding-left: 1rem;
    width: 100%;
  }
}

.c-sideBar .c-sideBar__articleIcon {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 0.25rem;
  position: relative;
  top: -0.125rem;
  flex-shrink: 0;
  height: 1.25rem;
  width: 1.25rem;
}

.c-sideBar .c-sideBar__articleIconImg {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.c-sideBar .c-sideBar__articleTitle {
  font-size: 1rem;
  line-height: 1;
  margin: 0 0.75rem 0 0;
  flex-shrink: 0;
  font-family: "Roca", sans-serif;
  font-weight: 700;
}

.c-sideBar .c-sideBar__articleLine {
  flex: 1;
  height: 0.0625rem;
  background-color: #000;
}

.c-sideBar .c-sideBar__articleList {
  display: flex;
  flex-direction: column;
  gap: 1.5rem 0;
  padding-right: 3rem;
  counter-reset: ranking-counter;
}

@media screen and (max-width: 767px) {
  .c-sideBar .c-sideBar__articleList {
    padding: 0 1rem;
    gap: 1rem 0;
  }
}

.c-sideBar .c-sideBar__articleList.-ranking {
  gap: 0.75rem 0;
}

.c-sideBar .c-sideBar__articleList.-ranking .c-sideBar__articleLink {
  padding-top: 0.75rem;
}

.c-sideBar .c-sideBar__articleItem {
  position: relative;
  counter-increment: ranking-counter;
}

.c-sideBar .c-sideBar__articleLink {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  text-decoration: none;
}

.c-sideBar .c-sideBar__articleImage {
  flex-shrink: 0;
  overflow: hidden;
  width: 7.875rem;
}

@media screen and (max-width: 767px) {
  .c-sideBar .c-sideBar__articleImage {
    width: 6.75rem;
  }
}

.c-sideBar .c-sideBar__articleImg {
  aspect-ratio: 126/84;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.c-sideBar .c-sideBar__articleContent {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  position: relative;
}

.c-sideBar .c-sideBar__articleCategory {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 0.6875rem;
  line-height: 1;
  background-color: #77C7C6;
  padding: 0 0.3125rem;
  height: 1.25rem;
  border-radius: 0.15625rem;
  display: inline-flex;
  align-items: center;
  width: fit-content;
}

.c-sideBar .c-sideBar__articleCategory.catcolor_hairbeauty {
  background: #77C7C6;
}

.c-sideBar .c-sideBar__articleCategory.catcolor_business {
  background: #F4A893;
}

.c-sideBar .c-sideBar__articleCategory.catcolor_news {
  background: #D5C6BC;
}

.c-sideBar .c-sideBar__articleText {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.c-sideBar .c-sideBar__articleHeading {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 0.875rem;
  line-height: 1.5;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.c-sideBar .c-sideBar__articleDate {
  font-family: "Roca", sans-serif;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1;
  opacity: 0.25;
  position: absolute;
  top: 0.354375rem;
  right: 0;
}

.c-sideBar .c-sideBar__articleNumber {
  display: flex;
  align-items: center;
  gap: 0.125rem;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.c-sideBar .c-sideBar__articleNumberLabel {
  font-size: 0.625rem;
  line-height: 1;
  font-family: "Roca", sans-serif;
  font-weight: 900;
}

.c-sideBar .c-sideBar__articleNumberValue {
  font-size: 0.75rem;
  line-height: 1;
  font-family: "Roca", sans-serif;
  font-weight: 900;
}

.c-sideBar .c-sideBar__articleNumberValue::before {
  content: counter(ranking-counter, decimal-leading-zero);
}

.c-sideBar .c-sideBar__tagList {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  padding-right: 3rem;
}

@media screen and (max-width: 767px) {
  .c-sideBar .c-sideBar__tagList {
    padding-inline: 1rem;
  }
}

.c-sideBar .c-sideBar__tagList .c-sideBar__tagItem {
  border: 1px solid #000;
  border-radius: 0.125rem;
  padding: 0.5rem;
  line-height: 1;
  font-size: 0.8125rem;
  font-weight: 700;
  transition: all 0.4s;
}

.c-sideBar .c-sideBar__tagList .c-sideBar__tagItem:hover {
  border-color: #F4A893;
  background-color: #F4A893;
  opacity: 1;
}

.c-sideBar .c-sideBar__tagList .c-sideBar__tagItem.catcolor_hairbeauty:hover,
.c-sideBar .c-sideBar__tagList .c-sideBar__tagItem.catcolor_hairbeautycat:hover {
  border-color: #77C7C6;
  background: #77C7C6;
}

.c-sideBar .c-sideBar__tagList .c-sideBar__tagItem.catcolor_business:hover,
.c-sideBar .c-sideBar__tagList .c-sideBar__tagItem.catcolor_businesscat:hover {
  border-color: #F4A893;
  background: #F4A893;
}

.c-sideBar .c-sideBar__tagList .c-sideBar__tagItem.catcolor_news:hover,
.c-sideBar .c-sideBar__tagList .c-sideBar__tagItem.catcolor_newscat:hover {
  border-color: #D5C6BC;
  background: #D5C6BC;
}

.c-sideBar .c-sideBar__snsWrap {
  height: 100%;
}

@media screen and (min-width: 768px) {
  .c-sideBar .c-sideBar__snsWrap {
    margin-top: 3.125rem;
  }
}

.c-sideBar .c-sideBar__sns {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-right: 3rem;
}

@media screen and (min-width: 768px) {
  .c-sideBar .c-sideBar__sns {
    position: sticky;
    top: calc(100vh - 1.5rem - 3rem);
  }
}

@media screen and (max-width: 767px) {
  .c-sideBar .c-sideBar__sns {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 1.3125rem;
    padding: 0;
    order: 1;
  }
}

.c-sideBar .c-sideBar__sns .c-sideBar__snsTitle {
  font-size: 1rem;
  line-height: 1;
  font-family: "Roca", sans-serif;
  font-weight: 700;
}

.c-sideBar .c-sideBar__sns .c-sideBar__snsIcons {
  display: flex;
  align-items: center;
  gap: 1.5rem;
}

@media screen and (max-width: 767px) {
  .c-sideBar .c-sideBar__sns .c-sideBar__snsIcons {
    gap: 1rem;
  }
}

.c-sideBar .c-sideBar__sns .c-sideBar__snsIcon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  border: 1px solid #E0E0E0;
  border-radius: 3rem;
}

.c-sideBar .c-sideBar__sns .c-sideBar__snsIconImg {
  width: 1.5rem;
  height: 1.5rem;
}

@media screen and (max-width: 767px) {
  .c-sideBar .c-sideBar__sns .c-sideBar__snsIconImg {
    width: 1.25rem;
    height: 1.25rem;
  }
}

.c-sideBar .c-sideBar__article.-verticalImg .c-sideBar__articleLink {
  align-items: center;
  gap: 1rem;
}

.c-sideBar .c-sideBar__article.-verticalImg .c-sideBar__articleImage {
  width: 5.5625rem;
}

.c-sideBar .c-sideBar__article.-verticalImg .c-sideBar__articleImage img {
  aspect-ratio: 89/123;
}

@media screen and (max-width: 767px) {
  .c-sideBar .c-sideBar__article.-verticalImg .c-sideBar__articleImage img {
    aspect-ratio: 1/1;
  }
}

@media screen and (max-width: 767px) {
  .c-sideBar .c-sideBar__article.-verticalImg {
    gap: 2.5rem;
  }

  .c-sideBar .c-sideBar__article.-verticalImg .c-sideBar__sns {
    order: 2;
  }

  .c-sideBar .c-sideBar__article.-verticalImg .c-sideBar__articleList {
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 1.5rem 0;
  }

  .c-sideBar .c-sideBar__article.-verticalImg .c-sideBar__articleItem:first-child {
    width: 100%;
  }

  .c-sideBar .c-sideBar__article.-verticalImg .c-sideBar__articleItem:first-child .c-sideBar__articleLink {
    flex-direction: column;
    gap: 0.5rem;
    align-items: flex-start;
    justify-content: flex-start;
  }

  .c-sideBar .c-sideBar__article.-verticalImg .c-sideBar__articleItem:first-child .c-sideBar__articleImage {
    width: 100%;
  }

  .c-sideBar .c-sideBar__article.-verticalImg .c-sideBar__articleItem:nth-child(2), .c-sideBar .c-sideBar__article.-verticalImg .c-sideBar__articleItem:nth-child(3) {
    width: calc(50% - 0.09375rem);
  }

  .c-sideBar .c-sideBar__article.-verticalImg .c-sideBar__articleItem:nth-child(2) .c-sideBar__articleLink, .c-sideBar .c-sideBar__article.-verticalImg .c-sideBar__articleItem:nth-child(3) .c-sideBar__articleLink {
    flex-direction: column;
    gap: 0.5rem;
    align-items: flex-start;
    justify-content: flex-start;
  }

  .c-sideBar .c-sideBar__article.-verticalImg .c-sideBar__articleItem:nth-child(2) .c-sideBar__articleImage, .c-sideBar .c-sideBar__article.-verticalImg .c-sideBar__articleItem:nth-child(3) .c-sideBar__articleImage {
    width: 100%;
  }

  .c-sideBar .c-sideBar__article.-verticalImg .c-sideBar__articleItem:nth-child(4), .c-sideBar .c-sideBar__article.-verticalImg .c-sideBar__articleItem:nth-child(5) {
    width: calc(50% - 0.09375rem);
  }

  .c-sideBar .c-sideBar__article.-verticalImg .c-sideBar__articleItem:nth-child(4) .c-sideBar__articleLink, .c-sideBar .c-sideBar__article.-verticalImg .c-sideBar__articleItem:nth-child(5) .c-sideBar__articleLink {
    gap: 0.5rem;
    align-items: flex-start;
    justify-content: flex-start;
  }

  .c-sideBar .c-sideBar__article.-verticalImg .c-sideBar__articleItem:nth-child(4) .c-sideBar__articleImage, .c-sideBar .c-sideBar__article.-verticalImg .c-sideBar__articleItem:nth-child(5) .c-sideBar__articleImage {
    width: 3.75rem;
  }

  .c-sideBar .c-sideBar__article.-verticalImg .c-sideBar__articleItem:nth-child(4) .c-sideBar__articleImage img, .c-sideBar .c-sideBar__article.-verticalImg .c-sideBar__articleItem:nth-child(5) .c-sideBar__articleImage img {
    aspect-ratio: 1/1;
  }

  .c-sideBar .c-sideBar__article.-verticalImg .c-sideBar__articleHeading {
    font-size: 0.75rem;
  }
}

@media screen and (min-width: 768px) {
  .c-sideBar.-styleIndex {
    position: sticky;
    top: 7.5rem;
    height: 100%;
  }
}

@media screen and (max-width: 767px) {
  .c-sideBar.-styleIndex {
    gap: 2.5rem;
  }

  .c-sideBar.-styleIndex .c-sideBar__article {
    order: 1;
  }

  .c-sideBar.-styleIndex .c-sideBar__sns {
    order: 2;
  }

  .c-sideBar.-styleIndex .c-sideBar__articleImg {
    object-position: top;
  }
}

.c-sideBar.-bookDetail {
  padding-top: 7.5rem;
}

@media screen and (min-width: 768px) {
  .c-sideBar.-bookDetail {
    position: sticky;
    top: 0;
    height: 100%;
  }
}

@media screen and (max-width: 767px) {
  .c-sideBar.-bookDetail {
    padding-top: 0rem;
  }
}

.c-sideBar.-bookDetail .c-sideBar__articleList {
  gap: 1.75rem 0;
}

@media screen and (max-width: 767px) {
  .c-sideBar.-bookDetail .c-sideBar__articleList {
    gap: 1.5rem 0;
  }
}

.c-sideBar.-bookDetail .c-sideBar__articleImg {
  aspect-ratio: 120/160;
}

.c-sideBar__catSelect {
  max-width: 19.1875rem;
}

@media screen and (max-width: 767px) {
  .c-sideBar__catSelect {
    display: flex;
    gap: 0.75rem;
    padding-inline: 1.25rem;
    margin-bottom: 1.25rem;
    max-width: 100%;
    width: 100%;
  }
}

.c-sideBar__catSelect .c-sideBar__catSelectItem {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
}

@media screen and (max-width: 767px) {
  .c-sideBar__catSelect .c-sideBar__catSelectItem {
    align-items: flex-start;
    flex: 1;
    flex-direction: column;
  }
}

.c-sideBar__catSelect .c-sideBar__catSelectItem .c-sideBar__catSelectItemTitle {
  font-size: 0.875rem;
  font-weight: 700;
  flex-shrink: 0;
  width: 5.25rem;
}

@media screen and (max-width: 767px) {
  .c-sideBar__catSelect .c-sideBar__catSelectItem .c-sideBar__catSelectItemTitle {
    font-size: 0.75rem;
  }
}

.c-sideBar__catSelect .c-sideBar__catSelectItem+.c-sideBar__catSelectItem {
  margin-top: 1.5rem;
}

@media screen and (max-width: 767px) {
  .c-sideBar__catSelect .c-sideBar__catSelectItem+.c-sideBar__catSelectItem {
    margin-top: 0;
  }
}

.c-sideBar__catSelect .c-sideBar__catSelectItem .c-sideBar__catSelectItemSelect {
  border: 0.0625rem solid #000;
  border-radius: 0.25rem;
  cursor: pointer;
  padding: 0.9375rem 1.3125rem;
  font-size: 0.875rem;
  font-weight: 700;
  width: 100%;
}

@media screen and (max-width: 767px) {
  .c-sideBar__catSelect .c-sideBar__catSelectItem .c-sideBar__catSelectItemSelect {
    font-size: 0.75rem;
    padding: 0.5rem 1.75rem 0.5rem 0.75rem;
  }
}

.c-sideBar__catSelect .c-sideBar__catSelectItem .c-sideBar__catSelectItemSelectWrap {
  position: relative;
  width: 100%;
}

.c-sideBar__catSelect .c-sideBar__catSelectItem .c-sideBar__catSelectItemSelectIcon {
  background-color: #000;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  right: 1.3125rem;
  transform: translateY(-50%);
  width: 1rem;
  height: 1rem;
  z-index: -1;
}

@media screen and (max-width: 767px) {
  .c-sideBar__catSelect .c-sideBar__catSelectItem .c-sideBar__catSelectItemSelectIcon {
    right: 0.75rem;
  }
}

.c-sideBar__catSelect .c-sideBar__catSelectItem .c-sideBar__catSelectItemSelectIcon::before, .c-sideBar__catSelect .c-sideBar__catSelectItem .c-sideBar__catSelectItemSelectIcon::after {
  content: "";
  background-color: #fff;
  border-radius: 999px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.c-sideBar__catSelect .c-sideBar__catSelectItem .c-sideBar__catSelectItemSelectIcon::before {
  height: 0.083125rem;
  width: 0.375rem;
}

.c-sideBar__catSelect .c-sideBar__catSelectItem .c-sideBar__catSelectItemSelectIcon::after {
  height: 0.375rem;
  width: 0.083125rem;
}

.c-sideBar__catSelect.-fixed {
  background-color: #F5F5F5;
  padding: 0.625rem;
  margin: 0;
}

.c-breadcrumbs, .rank-math-breadcrumb {
  border-bottom: 0.0625rem solid #000;
  padding-block: 3.75rem 1.5rem;
  margin-inline: auto;
  overflow: hidden;
  width: calc(100% - 1.5rem);
}

@media screen and (max-width: 767px) {
  .c-breadcrumbs, .rank-math-breadcrumb {
    padding-block: 2.6875rem 1.1875rem;
    width: 100%;
  }
}

.c-breadcrumbs .container,
.rank-math-breadcrumb>p {
  display: flex;
  align-items: center;
  padding-inline: 3rem;
  gap: 0.75rem;
  max-width: 100%;
  overflow: scroll;
  word-break: keep-all;
}

.c-breadcrumbs .container::-webkit-scrollbar,
.rank-math-breadcrumb>p::-webkit-scrollbar {
  display: none;
}

@media screen and (max-width: 767px) {

  .c-breadcrumbs .container,
  .rank-math-breadcrumb>p {
    padding-inline: 1rem;
    gap: 0.625rem;
  }
}

.c-breadcrumbs .c-breadcrumbs__item,
.rank-math-breadcrumb>p * {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  font-size: 0.75rem;
}

@media screen and (max-width: 767px) {

  .c-breadcrumbs .c-breadcrumbs__item,
  .rank-math-breadcrumb>p a {
    font-size: 0.625rem;
    gap: 0.625rem;
  }
}

.c-breadcrumbs .c-breadcrumbs__item:first-child::before,
.rank-math-breadcrumb>p a:first-child::before {
  content: none;
}

.c-breadcrumbs .c-breadcrumbs__item:last-child,
.rank-math-breadcrumb>p span:last-child {
  opacity: 0.5;
  pointer-events: none;
}

.c-breadcrumbs .c-breadcrumbs__item::before,
.rank-math-breadcrumb>p span::before {
  content: "/";
  display: inline-block;
  text-decoration: none;
  font-size: 0.75rem;
  opacity: 0.24;
}

.c-breadcrumbs .c-breadcrumbs__item .c-breadcrumbs__itemText,
.rank-math-breadcrumb>p a,
.rank-math-breadcrumb>p span {
  text-decoration: underline;
}

.rank-math-breadcrumb>p .separator {
  display: none;
}

.c-breadcrumbs2 {
  position: absolute;
  top: 1.875rem;
  left: 1rem;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  overflow: scroll;
  word-break: keep-all;
}

.c-breadcrumbs2::-webkit-scrollbar {
  display: none;
}

@media screen and (max-width: 767px) {
  .c-breadcrumbs2 {
    top: 1rem;
    gap: 0.625rem;
  }
}

.c-breadcrumbs2 .c-breadcrumbs2__item {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  font-size: 0.75rem;
}

@media screen and (max-width: 767px) {
  .c-breadcrumbs2 .c-breadcrumbs2__item {
    font-size: 0.625rem;
    gap: 0.625rem;
  }
}

.c-breadcrumbs2 .c-breadcrumbs2__item:first-child::before {
  content: none;
}

.c-breadcrumbs2 .c-breadcrumbs2__item:last-child {
  opacity: 0.5;
  pointer-events: none;
}

.c-breadcrumbs2 .c-breadcrumbs2__item::before {
  content: "/";
  display: inline-block;
  text-decoration: none;
  font-size: 0.75rem;
  opacity: 0.24;
}

.c-breadcrumbs2 .c-breadcrumbs2__item .c-breadcrumbs2__itemText {
  text-decoration: underline;
}

.c-moreBtn {
  display: flex;
  justify-content: flex-start;
}

@media screen and (max-width: 767px) {
  .c-moreBtn {
    justify-content: center;
  }
}

.c-moreBtn.-center {
  justify-content: center;
}

.c-moreBtn .c-moreBtn__btn {
  background: #000;
  border-radius: 3rem;
  display: inline-flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem 1rem 1rem 1.5rem;
  height: 3rem;
  justify-content: space-between;
  position: relative;
  width: 15rem;
}

.c-moreBtn .c-moreBtn__btnText {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 0.8125rem;
  line-height: 1;
  color: #fff;
}

.c-moreBtn .c-moreBtn__btnIcon {
  width: 1rem;
  height: 1rem;
  color: #fff;
  flex-shrink: 0;
}

.c-moreBtn2 {
  background-color: #000;
  border-radius: 0.5rem;
  color: #fff;
  display: flex;
  align-items: center;
  padding: 1.4375rem 1.25rem;
  position: relative;
  min-height: 5.875rem;
}

@media screen and (max-width: 767px) {
  .c-moreBtn2 {
    padding: 1.5rem;
    min-height: 4.875rem;
  }
}

.c-moreBtn2::after {
  content: "";
  background: url("/assets/img/common/icon-next-white.svg") no-repeat center center/contain;
  position: absolute;
  top: 50%;
  right: 1rem;
  transform: translateY(-50%);
  height: 1rem;
  width: 1rem;
}

.c-moreBtn2.-white {
  background-color: transparent;
  border: 0.0625rem solid #000;
  color: #000;
}

.c-moreBtn2.-white::after {
  background: url("/assets/img/common/icon-next.svg") no-repeat center center/contain;
}

.c-moreBtn2 .c-moreBtn2__btnIcon {
  margin-right: 1.25rem;
  height: 1.875rem;
  width: 1.875rem;
}

@media screen and (max-width: 767px) {
  .c-moreBtn2 .c-moreBtn2__btnIcon {
    height: 1.171875rem;
    width: 1.171875rem;
  }
}

.c-moreBtn2 .c-moreBtn2__btnText {
  font-size: 0.9375rem;
  font-weight: 700;
}

@media screen and (max-width: 767px) {
  .c-moreBtn2 .c-moreBtn2__btnText {
    font-size: 0.875rem;
  }
}

.c-articleFilter {
  border: 0.0625rem solid #000;
  border-radius: 0.5rem;
  position: relative;
}

.c-articleFilter .c-articleFilter__toggleArea {
  padding: 0 1.5rem 1.5rem;
  display: none;
}

@media screen and (max-width: 767px) {
  .c-articleFilter .c-articleFilter__toggleArea {
    padding: 0.5rem 1rem 1rem;
  }
}

.c-articleFilter .c-articleFilter__toggleArea.is-active {
  display: block;
}

.c-articleFilter .c-articleFilter__title {
  cursor: pointer;
  padding: 1rem 1.5rem;
  font-weight: 700;
  line-height: 1;
  transition: opacity 0.4s;
}

@media screen and (max-width: 767px) {
  .c-articleFilter .c-articleFilter__title {
    padding: 1rem;
  }
}

.c-articleFilter .c-articleFilter__title:hover {
  opacity: 0.5;
}

.c-articleFilter .c-articleFilter__title:hover .c-articleFilter__toggleBtn {
  opacity: 0.5;
}

.c-articleFilter .c-articleFilter__inputArea {
  position: relative;
}

.c-articleFilter .c-articleFilter__inputArea .c-articleFilter__searchBtn {
  position: absolute;
  top: 50%;
  right: 2.25rem;
  transform: translateY(-100%);
  height: 1.5rem;
  width: 1.5rem;
}

.c-articleFilter .c-articleFilter__input {
  background-color: #fff;
  border: 0.0625rem solid #E0E0E0;
  border-radius: 0.5rem;
  padding: 0.875rem 2.25rem;
  margin-bottom: 1.5rem;
  width: 100%;
}

.c-articleFilter .c-articleFilter__input::placeholder {
  color: rgba(184, 184, 184, 0.5);
}

.c-articleFilter .c-articleFilter__category {
  align-items: flex-start;
  display: flex;
  gap: 0.5rem;
}

.c-articleFilter .c-articleFilter__category+.c-articleFilter__category {
  margin-top: 1rem;
}

.c-articleFilter .c-articleFilter__categoryTitle {
  margin-top: 0.125rem;
  font-size: 0.75rem;
  font-weight: 700;
  flex-shrink: 0;
  width: 6rem;
}

.c-articleFilter .c-articleFilter__categoryList {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.c-articleFilter .c-articleFilter__categoryList.-tagLists {
  gap: 0.75rem;
}

.c-articleFilter .c-articleFilter__categoryList.-tagLists .c-articleFilter__categoryItem {
  background-color: initial;
  color: rgba(0, 0, 0, 0.5);
  padding: 0;
}

.c-articleFilter .c-articleFilter__categoryList.-tagLists .c-articleFilter__categoryItem::before {
  content: "#";
}

.c-articleFilter .c-articleFilter__categoryList.-hairStyle .c-articleFilter__categoryItem {
  color: #77C7C6;
}

.c-articleFilter .c-articleFilter__categoryList.-hairStyle .c-articleFilter__categoryItem:not(:first-child) {
  background-color: #77C7C6;
  color: #000;
}

.c-articleFilter .c-articleFilter__categoryList.-business .c-articleFilter__categoryItem {
  color: #F4A893;
}

.c-articleFilter .c-articleFilter__categoryList.-business .c-articleFilter__categoryItem:not(:first-child) {
  background-color: #F4A893;
  color: #000;
}

.c-articleFilter .c-articleFilter__categoryList.-news .c-articleFilter__categoryItem {
  color: #D5C6BC;
}

.c-articleFilter .c-articleFilter__categoryList.-news .c-articleFilter__categoryItem:not(:first-child) {
  background-color: #D5C6BC;
  color: #000;
}

.c-articleFilter .c-articleFilter__categoryItem {
  background-color: #000;
  border-radius: 0.1875rem;
  color: #fff;
  line-height: 1;
  font-size: 0.75rem;
  font-weight: 700;
  padding: 0.375rem;
}

.c-articleFilter .c-articleFilter__toggleBtn {
  position: absolute;
  top: 0rem;
  right: 1rem;
  transform: translate(-50%, 25%);
  transition: rotate 0.4s, opacity 0.4s;
}

.c-articleFilter .c-articleFilter__toggleBtn img {
  transition: rotate 0.4s;
}

@media screen and (max-width: 767px) {
  .c-articleFilter .c-articleFilter__toggleBtn {
    right: 0.5rem;
  }
}

.c-articleFilter .c-articleFilter__toggleBtn.is-active img {
  rotate: 45deg;
}

.c-subscriptionBanner {
  position: fixed;
  bottom: 1.25rem;
  right: 0;
  z-index: 99;
}

@media screen and (max-width: 767px) {
  .c-subscriptionBanner {
    bottom: 0;
    width: 100%;
  }
}

.c-subscriptionBanner .c-subscription__link {
  background-color: #000;
  border: 0.0625rem solid #F5F5F5;
  border-radius: 0.5rem 0 0 0.5rem;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.06em;
  gap: 0.75rem;
  padding: 1rem 1.1875rem 1rem 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

@media screen and (max-width: 767px) {
  .c-subscriptionBanner .c-subscription__link {
    border-radius: 0.5rem 0.5rem 0 0;
    border-bottom: none;
    padding: 0.875rem 1rem;
    flex-direction: row;
  }
}

.c-subscriptionBanner .c-subscription__text {
  writing-mode: vertical-rl;
}

@media screen and (max-width: 767px) {
  .c-subscriptionBanner .c-subscription__text {
    writing-mode: horizontal-tb;
  }
}

.c-subscriptionBanner img {
  width: 1rem;
  height: 1rem;
}

@media screen and (max-width: 767px) {
  .c-subscriptionBanner img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 1rem;
  }
}

.s-ranking {
  position: relative;
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  .s-ranking {
    background-color: #77C7C6;
    padding-block: 1.5rem 3rem;
  }
}

.s-ranking .container {
  max-width: 90rem;
  padding: 0;
}

.s-ranking .s-ranking__header {
  background-color: #fff;
  padding-top: 7.5rem;
  position: relative;
}

@media screen and (max-width: 767px) {
  .s-ranking .s-ranking__header {
    background-color: transparent;
    padding: 0 1rem;
  }
}

.s-ranking .s-ranking__header::after {
  content: "";
  background-color: #000;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.0625rem;
  opacity: 0.2;
}

@media screen and (max-width: 767px) {
  .s-ranking .s-ranking__header::after {
    content: none;
  }
}

.s-ranking .s-ranking__title {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-left: 7.5rem;
  padding-bottom: 2rem;
  position: relative;
  width: fit-content;
}

@media screen and (max-width: 767px) {
  .s-ranking .s-ranking__title {
    padding-bottom: 1.5rem;
    margin-left: 0;
    justify-content: center;
    width: 100%;
  }
}

.s-ranking .s-ranking__title::after {
  content: "";
  background-color: #000;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.1875rem;
}

@media screen and (max-width: 767px) {
  .s-ranking .s-ranking__title::after {
    content: none;
  }
}

.s-ranking .s-ranking__titleIcon {
  position: relative;
  top: -0.125rem;
  width: 1.5rem;
  height: 1.5rem;
}

@media screen and (max-width: 767px) {
  .s-ranking .s-ranking__titleIcon {
    width: 1.125rem;
    height: 1.125rem;
  }
}

.s-ranking .s-ranking__titleText {
  font-size: 1rem;
  margin: 0;
  font-family: "Roca", sans-serif;
  font-weight: 700;
}

@media screen and (max-width: 767px) {
  .s-ranking .s-ranking__titleText {
    font-size: 1rem;
  }
}

@media screen and (max-width: 767px) {
  .s-ranking .s-ranking__spTextLarge {
    color: #77C7C6;
    line-height: 0.45;
    mix-blend-mode: hard-light;
    text-align: center;
    position: static;
    font-size: 3.75rem;
    text-align: center;
    margin-bottom: 1.875rem;
    margin-inline: auto;
    font-family: "Roca", sans-serif;
    font-weight: 400;
  }
}

.s-ranking .s-ranking__content {
  display: flex;
  position: relative;
}

@media screen and (max-width: 767px) {
  .s-ranking .s-ranking__content {
    flex-direction: column;
  }
}

.s-ranking .s-ranking__left {
  position: relative;
  width: 37.5rem;
  flex-shrink: 0;
}

@media screen and (max-width: 767px) {
  .s-ranking .s-ranking__left {
    width: 100%;
    padding: 0;
    order: 2;
  }
}

.s-ranking .s-ranking__left::before {
  content: "";
  background-color: #fff;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 100vw;
  z-index: -1;
}

@media screen and (max-width: 767px) {
  .s-ranking .s-ranking__left::before {
    content: none;
  }
}

.s-ranking .s-ranking__list {
  counter-reset: number 0;
  overflow: scroll;
  height: 47.5rem;
  margin-left: 6rem;
  padding-top: 4.5rem;
  padding-top: 0;
  display: flex;
  flex-direction: column;
}

@media screen and (max-width: 767px) {
  .s-ranking .s-ranking__list {
    height: auto;
    margin-left: 0;
    margin-bottom: 1.5rem;
    padding-top: 0;
    overflow: visible;
  }
}

.s-ranking .s-ranking__viewAllBtn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-inline: auto;
  width: fit-content;
}

.s-ranking .s-ranking__viewAllBtn .s-ranking__viewAllBtnText {
  line-height: 1;
  font-family: "Roca", sans-serif;
  font-weight: 700;
}

.s-ranking .s-ranking__viewAllBtn .s-ranking__viewAllBtnIcon {
  position: relative;
  top: -3px;
  width: 0.9375rem;
  height: 0.9375rem;
}

.s-ranking .s-ranking__item {
  display: flex;
  gap: 1.5rem;
  align-items: center;
  padding: 1.5rem;
  position: relative;
  transition: all 0.4s;
  word-break: break-all;
}


.s-ranking .s-ranking__item:hover {
  cursor: pointer;
}

@media screen and (max-width: 767px) {
  .s-ranking .s-ranking__item {
    align-items: flex-start;
    gap: 1rem;
    padding: 1rem 1rem 0;
    width: 100%;
  }

}

.s-ranking .s-ranking__item.is-active, .s-ranking .s-ranking__item:hover {
  /* background-color: #77C7C6; */
  padding-left: 2.75rem;
  opacity: 1;
}

@media screen and (min-width: 768px) {
  .s-ranking .s-ranking__item.catcolor_hairbeauty.is-active {
    background-color: #77C7C6;
  }

  .s-ranking .s-ranking__item.catcolor_hairbeauty.is-active .s-ranking__cat {
    background: #000;
    color: #77C7C6;
  }

  .s-ranking .s-ranking__item.catcolor_business.is-active {
    background: #F4A893;
  }

  .s-ranking .s-ranking__item.catcolor_business.is-active .s-ranking__cat {
    background: #000;
    color: #F4A893;
  }

  .s-ranking .s-ranking__item.catcolor_news.is-active {
    background: #D5C6BC;
  }

  .s-ranking .s-ranking__item.catcolor_news.is-active .s-ranking__cat {
    background: #000;
    color: #D5C6BC;
  }

  /* .s-ranking .s-ranking__item:nth-child(6), .s-ranking .s-ranking__item:nth-child(7), .s-ranking .s-ranking__item:nth-child(8), .s-ranking .s-ranking__item:nth-child(9), .s-ranking .s-ranking__item:nth-child(10) {
    display: none;
  } */
}

@media screen and (max-width: 767px) {
  .s-ranking .s-ranking__item.is-active, .s-ranking .s-ranking__item:hover {
    background-color: transparent;
    padding-left: 1rem;
  }
}

.s-ranking .s-ranking__item.is-active .s-ranking__number, .s-ranking .s-ranking__item:hover .s-ranking__number {
  left: 0.875rem;
}

.s-ranking .s-ranking__item .s-ranking__tags,
.s-ranking .s-ranking__item .s-ranking__desc {
  display: none;
}

@media screen and (max-width: 767px) {
  .s-ranking .s-ranking__item .s-ranking__tags {
    display: flex;
    flex-wrap: wrap;
    gap: 0.125rem 0.5rem;
  }

  .s-ranking .s-ranking__item .s-ranking__tagItem {
    font-size: 0.75rem;
    opacity: 0.5;
    background-color: transparent;
    display: flex;
    gap: 0.25rem;
  }

  .s-ranking .s-ranking__item .s-ranking__tagItem::before {
    content: "#";
  }

  .s-ranking .s-ranking__item:first-child {
    border-bottom: 0.0625rem solid #000;
    padding-inline: 0;
    flex-direction: column;
    padding-bottom: 1.5rem;
    margin-bottom: 1.5rem;
    margin-inline: auto;
    width: calc(100% - 2rem);
  }

  .s-ranking .s-ranking__item:first-child .s-ranking__text {
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: 0.75rem;
  }

  .s-ranking .s-ranking__item:first-child .s-ranking__desc {
    display: block;
    font-size: 0.875rem;
    line-height: 2;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 0.75rem;
  }

  .s-ranking .s-ranking__item:first-child .s-ranking__number {
    top: -1.625rem;
    left: 50%;
    transform: translate(-50%, 0);
  }

  .s-ranking .s-ranking__item:first-child .s-ranking__number::before {
    content: "";
    background: url("/assets/img/common/ranking-icon.svg") no-repeat center center/contain;
    display: inline-block;
    position: relative;
    top: 0.3125rem;
    margin-right: 0.6875rem;
    width: 1.5rem;
    height: 1.5rem;
  }
}

@media screen and (max-width: 767px) and (max-width: 767px) {
  .s-ranking .s-ranking__item:first-child .s-ranking__number::before {
    margin-right: 0.375rem;
  }
}

@media screen and (max-width: 767px) {
  .s-ranking .s-ranking__item:first-child .s-ranking__number .s-ranking__numberLabel {
    font-size: 1rem;
  }

  .s-ranking .s-ranking__item:first-child .s-ranking__number .s-ranking__numberValue {
    font-size: 1.5rem;
  }

  .s-ranking .s-ranking__item:first-child .s-ranking__image {
    width: 100%;
  }
}

.s-ranking .s-ranking__number {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.3125rem;
  transition: left 0.4s;
}

@media screen and (max-width: 767px) {
  .s-ranking .s-ranking__number {
    top: 0.125rem;
    transform: translateY(0);
    flex-direction: row;
    align-items: baseline;
    left: 1rem;
  }
}

.s-ranking .s-ranking__numberLabel {
  font-size: 0.625rem;
  font-weight: 900;
  line-height: 1;
  font-family: "Roca", sans-serif;
  font-weight: 700;
}

.s-ranking .s-ranking__numberValue {
  font-size: 0.75rem;
  font-weight: 900;
  line-height: 1;
  font-family: "Roca", sans-serif;
  font-weight: 700;
}

.s-ranking .s-ranking__image {
  flex-shrink: 0;
  width: 9rem;
}

@media screen and (max-width: 767px) {
  .s-ranking .s-ranking__image {
    width: 6.75rem;
  }
}

.s-ranking .s-ranking__image .s-ranking__imageImg {
  aspect-ratio: 144/96;
  object-fit: cover;
  height: 100%;
  width: 100%;
}

@media screen and (max-width: 767px) {
  .s-ranking .s-ranking__image .s-ranking__imageImg {
    aspect-ratio: 108/72;
  }
}

.s-ranking__textBox {
  width: 100%;
}

.s-ranking .s-ranking__info {
  flex: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  margin-bottom: 0.75rem;
}

@media screen and (max-width: 767px) {
  .s-ranking .s-ranking__info {
    margin-bottom: 0.5rem;
  }
}

.s-ranking .s-ranking__date {
  font-size: 0.75rem;
  opacity: 0.25;
  line-height: 1;
  font-family: "Roca", sans-serif;
  font-weight: 400;
}

@media screen and (max-width: 767px) {
  .s-ranking .s-ranking__date {
    text-align: right;
    opacity: 1;
  }
}

.s-ranking .s-ranking__cat {
  background-color: #77C7C6;
  border-radius: 0.15625rem;
  padding: 0 0.3125rem;
  height: 1.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  align-self: flex-start;
  font-size: 0.6875rem;
  font-weight: 700;
  line-height: 1;
}

@media screen and (max-width: 767px) {
  .s-ranking .s-ranking__cat {
    background-color: #000;
    color: #fff;
    border-radius: 0.125rem;
    font-size: 0.75rem;
    padding: 0 0.25rem;
    height: 1.25rem;
  }
}

@media screen and (min-width: 768px) {

  .s-ranking .s-ranking__cat.-emerald,
  .s-ranking .s-ranking__cat.catcolor_hairbeauty {
    background-color: #77C7C6;
  }

  .s-ranking .s-ranking__cat.-orange,
  .s-ranking .s-ranking__cat.-emerald.catcolor_business {
    background-color: #F4A893;
  }

  .s-ranking .s-ranking__cat.-beige,
  .s-ranking .s-ranking__cat.-emerald.catcolor_news {
    background-color: #D5C6BC;
  }
}

.s-ranking .s-ranking__text {
  font-size: 0.875rem;
  line-height: 1.5;
  margin: 0;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  .s-ranking .s-ranking__text {
    font-size: 0.875rem;
    margin-bottom: 0.5rem;
    -webkit-line-clamp: 3;
  }
}

.s-ranking .s-ranking__right {
  flex: 1;
  background-color: #77C7C6;
  border-left: 0.0625rem solid #000;
  padding: 4.5rem 4.5rem 6rem;
  position: relative;
  word-break: break-all;
}

.s-ranking .s-ranking__right.catcolor_hairbeauty,
.s-ranking .s-ranking__right.catcolor_hairbeauty::before {
  background: #77C7C6;
}

.s-ranking .s-ranking__right.catcolor_business,
.s-ranking .s-ranking__right.catcolor_business::before {
  background: #F4A893;
}

.s-ranking .s-ranking__right.catcolor_news,
.s-ranking .s-ranking__right.catcolor_news::before {
  background: #D5C6BC;
}

@media screen and (max-width: 767px) {
  .s-ranking .s-ranking__right {
    display: none;
  }
}

.s-ranking .s-ranking__right::before {
  content: "";
  background-color: #77C7C6;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100vw;
  z-index: -1;
}

.s-ranking .s-ranking__featured {
  position: relative;
  max-width: 43.5rem;
  opacity: 0;
  transition: opacity 0.3s;
}

.s-ranking .s-ranking__featured.is-visible {
  opacity: 1;
}

.s-ranking .s-ranking__featuredImage {
  margin-bottom: 1.5rem;
  margin-inline: auto;
  width: calc(100% - 6rem);
}

.s-ranking .s-ranking__featuredImage .s-ranking__featuredImageImg {
  aspect-ratio: 600/400;
  object-fit: cover;
}

.s-ranking .s-ranking__featuredHeader {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
}

.s-ranking .s-ranking__featuredCat {
  background-color: #000;
  border-radius: 0.25rem;
  padding: 0 0.75rem;
  color: #2EB6AA;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1;
  height: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.s-ranking .s-ranking__right.catcolor_hairbeauty .s-ranking__featuredCat {
  color: #2EB6AA;
}

.s-ranking .s-ranking__right.catcolor_business .s-ranking__featuredCat {
  color: #ef9b84;
}

.s-ranking .s-ranking__right.catcolor_news .s-ranking__featuredCat {
  color: #c8b09f;
}

.s-ranking .s-ranking__featuredDate {
  font-size: 1.125rem;
  font-family: "Roca", sans-serif;
  font-weight: 400;
}

.s-ranking .s-ranking__featuredTitle {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.5;
  margin: 0 0 1.25rem;
}

.s-ranking .s-ranking__featuredText {
  font-size: 0.9375rem;
  line-height: 2;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.s-ranking .s-ranking__featuredTags {
  display: flex;
  border-top: 0.0625rem solid #000;
  padding-top: 1.25rem;
  margin: 1.25rem 0;
  flex-wrap: wrap;
  gap: 1rem;
}

.s-ranking .s-ranking__featuredTagItem {
  font-size: 0.875rem;
  opacity: 0.5;
  background-color: transparent;
  display: flex;
  gap: 0.25rem;
}

/* .s-ranking .s-ranking__featuredTagItem::before {
  content: "#";
} */

.s-ranking .s-ranking__featuredNumber {
  position: absolute;
  top: 4.5rem;
  left: 2.125rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.40625rem;
}

.s-ranking .s-ranking__featuredNumber .s-ranking__featuredNumberIcon {
  width: 2rem;
  height: 2rem;
}

.s-ranking .s-ranking__featuredNumber .s-ranking__featuredNumberIcon .s-ranking__featuredNumberIconImg {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.s-ranking .s-ranking__featuredNumber .s-ranking__featuredNumberLabel {
  font-size: 1.666875rem;
  line-height: 1;
  font-family: "Roca", sans-serif;
  font-weight: 700;
}

.s-ranking .s-ranking__featuredNumber .s-ranking__featuredNumberValue {
  font-size: 3rem;
  font-weight: 700;
  line-height: 1;
  font-family: "Roca", sans-serif;
  font-weight: 700;
}

.s-ranking .s-ranking__featuredTextLarge {
  position: absolute;
  bottom: 0rem;
  left: 50%;
  transform: translateX(-50%);
  color: #77C7C6;
  font-size: 7rem;
  font-weight: 400;
  line-height: 0.45;
  mix-blend-mode: hard-light;
  width: 52.5rem;
  text-align: center;
  font-family: "Roca", sans-serif;
  font-weight: 400;
}

.s-ranking .catcolor_hairbeauty .s-ranking__featuredTextLarge {
  color: #77C7C6;
}

.s-ranking .catcolor_business .s-ranking__featuredTextLarge {
  color: #F4A893;
}

.s-ranking .catcolor_news .s-ranking__featuredTextLarge {
  color: #D5C6BC;
}


.s-mv {
  position: relative;
  padding: 1.5rem 0 7.5rem;
  max-width: 1920px;
  margin-inline: auto;
}

@media screen and (max-width: 767px) {
  .s-mv {
    padding: 1.75rem 0 2.25rem;
  }
}

.s-mv .container {
  position: relative;
  max-width: 83.5rem;
}

@media screen and (max-width: 767px) {
  .s-mv .container {
    padding: 0;
  }
}

.s-mv .s-mv__swiper {
  transition: opacity 0.4s;
  margin-bottom: 1rem;
}

@media screen and (max-width: 767px) {
  .s-mv .s-mv__swiper {
    margin-bottom: 1.5rem;
  }
}

.s-mv .s-mv__swiper:hover {
  opacity: 0.5;
}

.s-mv .s-mv__slide {
  align-items: flex-start;
  justify-content: space-between;
  display: flex;
  gap: 6rem;
}

@media screen and (max-width: 767px) {
  .s-mv .s-mv__slide {
    flex-direction: column;
    gap: 1rem;
  }
}

.s-mv .s-mv__slide.-emerald .s-mv__tag {
  background-color: #77C7C6;
}

.s-mv .s-mv__slide.-emerald .s-mv__tag.catcolor_hairbeauty {
  background: #77C7C6;
}

.s-mv .s-mv__slide.-emerald .s-mv__tag.catcolor_business {
  background: #F4A893;
}

.s-mv .s-mv__slide.-emerald .s-mv__tag.catcolor_news {
  background: #D5C6BC;
}

.s-mv .s-mv__slide.-emerald .s-mv__tagItem::before {
  color: #77C7C6;
  color: #2EB6AA;
}

.s-mv .s-mv__slide.-emerald .s-mv__tagItem.catcolor_hairbeauty::before {
  color: #77C7C6;
  color: #2EB6AA;

}

.s-mv .s-mv__slide.-emerald .s-mv__tagItem.catcolor_business::before {
  color: #F4A893;
  color: #ef9b84;
}

.s-mv .s-mv__slide.-emerald .s-mv__tagItem.catcolor_news::before {
  color: #D5C6BC;
  color: #c8b09f;
}

.s-mv .s-mv__slide.-orange .s-mv__tag {
  background-color: #F4A893;
}

.s-mv .s-mv__slide.-orange .s-mv__tagItem::before {
  color: #F4A893;
}

.s-mv .s-mv__slide.-beige .s-mv__tag {
  background-color: #D5C6BC;
}

.s-mv .s-mv__slide.-beige .s-mv__tagItem::before {
  color: #D5C6BC;
}

.s-mv .s-mv__left {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding-top: 6rem;
  flex-shrink: 0;
  width: 23.25rem;
}

@media screen and (max-width: 767px) {
  .s-mv .s-mv__left {
    padding-top: 0;
    padding-inline: 1rem;
    gap: 0.75rem;
    order: 2;
    width: 100%;
  }
}

.s-mv .s-mv__header {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  position: relative;
}

@media screen and (max-width: 767px) {
  .s-mv .s-mv__header {
    gap: 0.75rem;
  }
}

.s-mv .s-mv__header .s-mv__headerInfo {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.s-mv .s-mv__tag {
  background-color: #77C7C6;
  border-radius: 0.1875rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.75rem;
  font-weight: 700;
  padding: 0 0.375rem;
  height: 1.5rem;
  width: fit-content;
}

.s-mv .s-mv__tag.catcolor_hairbeauty {
  background: #77C7C6;
}

.s-mv .s-mv__tag.catcolor_business {
  background: #F4A893;
}

.s-mv .s-mv__tag.catcolor_news {
  background: #D5C6BC;
}

@media screen and (max-width: 767px) {
  .s-mv .s-mv__tag {
    padding: 0 0.25rem;
    height: 1.25rem;
    border-radius: 0.125rem;
  }
}

.s-mv .s-mv__date {
  font-size: 0.75rem;
  opacity: 0.5;
  text-transform: uppercase;
  font-family: "Roca", sans-serif;
  font-weight: 400;
}

@media screen and (max-width: 767px) {
  .s-mv .s-mv__date {
    top: 0.375rem;
    right: 0;
  }
}

.s-mv .s-mv__title {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 2;
}

@media screen and (max-width: 767px) {
  .s-mv .s-mv__title {
    font-size: 1rem;
    line-height: 1.5;
    margin-top: 0;
  }
}

.s-mv .s-mv__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

@media screen and (max-width: 767px) {
  .s-mv .s-mv__tags {
    gap: 0.25rem 0.5rem;
  }
}

.s-mv .s-mv__tagItem {
  align-items: center;
  color: #7B7B7B;
  display: inline-flex;
  gap: 0.25rem;
  font-size: 0.75rem;
  font-weight: 400;
}

.s-mv .s-mv__tagItem::before {
  content: "#";
}

.s-mv .s-mv__right {
  position: relative;
  width: 49.5rem;
}

@media screen and (max-width: 767px) {
  .s-mv .s-mv__right {
    width: 100%;
  }
}

.s-mv .s-mv__image {
  aspect-ratio: 792/528;
  object-fit: cover;
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 767px) {
  .s-mv .s-mv__image {
    aspect-ratio: 343/228.667;
  }
}

.s-mv .s-mv__imgBg {
  position: absolute;
  top: 0.5rem;
  right: -2.25rem;
  width: 51rem;
  height: 100%;
  z-index: 0;
}

@media screen and (max-width: 767px) {
  .s-mv .s-mv__imgBg {
    top: -0.75rem;
    right: initial;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100% - 1rem);
  }
}

.s-mv .s-mv__imgBg img {
  aspect-ratio: 816/544;
  object-fit: contain;
}

@media screen and (max-width: 767px) {
  .s-mv .s-mv__imgBg img {
    aspect-ratio: 359/247;
  }
}

.s-mv .s-mv__control {
  position: absolute;
  bottom: 2.25rem;
  left: 1.25rem;
  width: fit-content;
  z-index: 3;
}

@media screen and (max-width: 767px) {
  .s-mv .s-mv__control {
    position: relative;
    left: initial;
    bottom: initial;
    margin-inline: auto;
    width: fit-content;
  }
}

.s-mv .s-mv__subSlider {
  border-top: 1px solid #E0E0E0;
  border-bottom: 1px solid #E0E0E0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 0rem;
  margin-bottom: 1.75rem;
  width: 100%;
}

@media screen and (max-width: 767px) {
  .s-mv .s-mv__subSlider {
    border-bottom: none;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    grid-template-columns: 1fr;
    margin-top: 1.5rem;
    flex-wrap: wrap;
  }
}

.s-mv .s-mv__subSliderSlide {
  border-right: 1px solid #E0E0E0;
  color: inherit;
  display: flex;
  gap: 1.5rem;
  padding: 1.5rem;
  text-decoration: none;
  opacity: 0;
  transform: translateY(10px);
  transition: opacity 0.4s ease, transform 0.4s ease;
}

.s-mv .s-mv__subSliderSlide:hover {
  opacity: 0.5 !important;
}

.s-mv .s-mv__subSliderSlide.is-visible {
  opacity: 1;
  transform: translateY(0);
}

.s-mv .s-mv__subSliderSlide:last-child {
  border-right: none;
  border-bottom: none;
}

@media screen and (max-width: 767px) {
  .s-mv .s-mv__subSliderSlide {
    gap: 1rem;
    padding: 1rem 1rem 0;
    border-bottom: none;
    flex: initial;
  }
}

.s-mv .s-mv__subSliderSlide.-emerald .s-mv__subSliderSlideCategory {
  background-color: #77C7C6;
}

.s-mv .s-mv__subSliderSlide.-emerald .s-mv__subSliderSlideCategory.catcolor_hairbeauty {
  background-color: #77C7C6;
}

.s-mv .s-mv__subSliderSlide.-emerald .s-mv__subSliderSlideCategory.catcolor_business {
  background: #F4A893;
}

.s-mv .s-mv__subSliderSlide.-emerald .s-mv__subSliderSlideCategory.catcolor_news {
  background: #D5C6BC;
}

.s-mv .s-mv__subSliderSlide.-emerald .catcolor_hairbeauty .s-mv__subSliderSlideTag::before {
  color: #77C7C6;
}

.s-mv .s-mv__subSliderSlide.-emerald .catcolor_business .s-mv__subSliderSlideTag::before {
  color: #F4A893;
}

.s-mv .s-mv__subSliderSlide.-emerald .catcolor_news .s-mv__subSliderSlideTag::before {
  color: #D5C6BC;
}

.s-mv .s-mv__subSliderSlide.-orange .s-mv__subSliderSlideCategory {
  background-color: #F4A893;
}

.s-mv .s-mv__subSliderSlide.-orange .s-mv__subSliderSlideTag::before {
  color: #F4A893;
}

.s-mv .s-mv__subSliderSlide.-beige .s-mv__subSliderSlideCategory {
  background-color: #D5C6BC;
}

.s-mv .s-mv__subSliderSlide.-beige .s-mv__subSliderSlideTag::before {
  color: #D5C6BC;
}



.s-mv .s-mv__subSliderSlideImage {
  width: 9rem;
  flex-shrink: 0;
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  .s-mv .s-mv__subSliderSlideImage {
    width: 6.75rem;
  }
}

.s-mv .s-mv__subSliderSlideImg {
  aspect-ratio: 144/96;
  object-fit: cover;
}

@media screen and (max-width: 767px) {
  .s-mv .s-mv__subSliderSlideImg {
    aspect-ratio: 108/72;
  }
}

.s-mv .s-mv__subSliderSlideContent {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  position: relative;
}

@media screen and (max-width: 767px) {
  .s-mv .s-mv__subSliderSlideContent {
    gap: 0.5rem;
  }
}

.s-mv .s-mv__subSliderSlideMeta {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.s-mv .s-mv__subSliderSlideCategory {
  background-color: #77C7C6;
  font-size: 0.6875rem;
  font-weight: 700;
  padding: 0 0.3125rem;
  height: 1.25rem;
  border-radius: 0.15625rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

@media screen and (max-width: 767px) {
  .s-mv .s-mv__subSliderSlideCategory {
    font-size: 0.75rem;
    padding: 0 0.25rem;
    border-radius: 0.125rem;
  }
}

.s-mv .s-mv__subSliderSlideDate {
  font-size: 0.75rem;
  opacity: 0.25;
  text-transform: uppercase;
  font-family: "Roca", sans-serif;
  font-weight: 400;
}

@media screen and (max-width: 767px) {
  .s-mv .s-mv__subSliderSlideDate {
    position: absolute;
    top: 0.375rem;
    right: 0;
  }
}

.s-mv .s-mv__subSliderSlideTitle {
  font-size: 0.8125rem;
  line-height: 1.5;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

@media screen and (max-width: 767px) {
  .s-mv .s-mv__subSliderSlideTitle {
    font-size: 0.875rem;
  }
}

.s-mv .s-mv__subSliderSlideTags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem 0.5rem;
}

.s-mv .s-mv__subSliderSlideTag {
  color: #7B7B7B;
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.75rem;
  font-weight: 400;
}

.s-mv .s-mv__subSliderSlideTag::before {
  content: "#";
}

.s-mv .s-mv__viewAllBtn {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-top: 1.5rem;
  font-size: 1rem;
  text-transform: uppercase;
  text-decoration: none;
  font-family: "Roca", sans-serif;
  font-weight: 700;
}

@media screen and (max-width: 767px) {
  .s-mv .s-mv__viewAllBtn {
    gap: 0.75rem;
    margin-top: 0.5rem;
    font-size: 0.9375rem;
    justify-content: center;
  }
}

.s-mv .s-mv__viewAllBtnIcon {
  width: 1rem;
  height: 1rem;
}

@media screen and (max-width: 767px) {
  .s-mv .s-mv__viewAllBtnIcon {
    width: 0.9375rem;
    height: 0.9375rem;
  }
}

.s-memberShip {
  padding-block: 7.5rem;
}

.s-memberShip.-pageSize {
  padding-block: 0;
}

@media screen and (max-width: 767px) {
  .s-memberShip {
    /* padding-block: 6rem; */
    padding-block: 3rem;
    /*画像バナー時*/
  }
}

.s-memberShip.-fullSize {
  padding: 0;
}

.s-memberShip.-pageSize {
  padding: 0;
}

@media screen and (max-width: 767px) {
  .s-memberShip.-fullSize .container {
    padding: 0;
  }
}

@media screen and (min-width: 768px) {
  .s-memberShip.-fullSize .container {
    max-width: 100%;
    padding: 0;
  }

  .s-memberShip.-fullSize .s-memberShip__banner {
    border-radius: 0;
  }

  .s-memberShip.-fullSize .s-memberShip__body {
    padding: 3rem 7.5rem;
    width: 50%;
  }

  .s-memberShip.-fullSize .s-memberShip__visual {
    width: 50%;
  }
}

.s-memberShip .s-memberShip__banner {
  background-color: #fff;
  border-radius: 0.75rem;
  display: flex;
  min-height: 23.875rem;
  overflow: hidden;
  position: relative;
}

@media screen and (max-width: 767px) {
  .s-memberShip .s-memberShip__banner {
    border-radius: 0.5rem;
    flex-direction: column;
    min-height: auto;
  }
}

.s-memberShip .s-memberShip__body {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  padding: 2.875rem;
  min-width: 33.75rem;
}

@media screen and (max-width: 767px) {
  .s-memberShip .s-memberShip__body {
    gap: 1.5rem;
    order: 1;
    padding: 3rem 1.5rem 1.5rem;
    min-width: 100%;
  }
}

.s-memberShip .s-memberShip__icon {
  flex-shrink: 0;
  height: auto;
  margin-bottom: 1.5rem;
  width: 20.75rem;
}

@media screen and (max-width: 767px) {
  .s-memberShip .s-memberShip__icon {
    margin-inline: auto;
    width: 16.75rem;
  }
}

.s-memberShip .s-memberShip__icon .s-memberShip__iconImg {
  height: 100%;
  object-fit: contain;
  width: 100%;
}

.s-memberShip .s-memberShip__descriptionText {
  color: #000;
  font-size: 0.875rem;
  line-height: 1.5;
  margin-bottom: 2.25rem;
}

@media screen and (max-width: 767px) {
  .s-memberShip .s-memberShip__descriptionText {
    margin-bottom: 1.5rem;
  }
}

.s-memberShip .s-memberShip__features {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

@media screen and (max-width: 767px) {
  .s-memberShip .s-memberShip__features {
    align-items: flex-start;
  }
}

.s-memberShip .s-memberShip__feature {
  align-items: flex-start;
  display: flex;
  gap: 0.5625rem;
  position: relative;
  flex: 1;
  max-width: 56.25rem;
}

@media screen and (max-width: 767px) {
  .s-memberShip .s-memberShip__feature {
    max-width: 100%;
  }
}

.s-memberShip .s-memberShip__feature .s-memberShip__checkIcon {
  position: relative;
  top: 0.25rem;
  height: 1.125rem;
  width: 1.125rem;
}

.s-memberShip .s-memberShip__feature .s-memberShip__checkIcon img {
  height: 100%;
  object-fit: contain;
  vertical-align: sub;
  width: 100%;
}

.s-memberShip .s-memberShip__feature .s-memberShip__featureText {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.2;
}

.s-memberShip .s-topNews__list {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

@media screen and (max-width: 767px) {
  .s-memberShip .s-topNews__list {
    margin-bottom: 3rem;
  }
}

.s-memberShip .c-viewAllBtn {
  padding-left: 3rem;
}

@media screen and (max-width: 767px) {
  .s-memberShip .c-viewAllBtn {
    padding-left: 0;
  }
}

.s-memberShip .s-memberShip__visual .s-memberShip__visualImg {
  height: 100%;
  object-fit: cover;
}

@media screen and (max-width: 767px) {
  .s-memberShip .s-memberShip__visual .s-memberShip__visualImg {
    aspect-ratio: 343/240;
  }
}

@media screen and (max-width: 767px) {
  .s-memberShip .s-memberShip__visual {
    order: 3;
  }
}

.s-memberShip .s-memberShip__cta {
  align-items: center;
  background-color: #fff;
  border-radius: 3rem;
  bottom: 1.5rem;
  display: flex;
  gap: 1rem;
  padding: 1rem 1rem 1rem 1.5rem;
  position: absolute;
  right: 1.5rem;
}

@media screen and (max-width: 767px) {
  .s-memberShip .s-memberShip__cta {
    background-color: #000;
    justify-content: center;
    margin-bottom: 3rem;
    margin-inline: auto;
    order: 2;
    position: static;
    width: fit-content;
  }
}

.s-memberShip .s-memberShip__cta .s-memberShip__ctaText {
  color: #000;
  font-size: 0.8125rem;
  font-weight: 700;
  line-height: 1;
}

@media screen and (max-width: 767px) {
  .s-memberShip .s-memberShip__cta .s-memberShip__ctaText {
    color: #fff;
  }
}

.s-memberShip .s-memberShip__cta .s-memberShip__ctaIcon {
  height: 1rem;
  width: 1rem;
}

@media screen and (max-width: 767px) {
  .s-memberShip .s-memberShip__cta .s-memberShip__ctaIcon path {
    fill: #fff;
  }
}

.s-banner .s-banner__items {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 3rem;
  padding: 0 2.25rem 7.5rem;

  display: flex;
  justify-content: center;
}

@media screen and (max-width: 767px) {
  .s-banner .s-banner__items {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 0.75rem;
    padding: 0 1.25rem 6rem;
  }
}

.s-banner .s-banner__item {
  width: 100%;
  transition: opacity 0.4s ease;

  flex: 0 0 calc((100% - 6rem) /3);
}

.s-banner .s-banner__item:hover {
  opacity: 0.8;
}

.s-banner .s-banner__item img {
  width: 100%;
  height: 100%;
}

.s-sns {
  padding-bottom: 7.5rem;
}

.s-sns .s-sns__content {
  background-color: #fff;
  border-radius: 0.75rem;
  padding: 4.5rem;
  position: relative;
  overflow: hidden;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

@media screen and (max-width: 767px) {
  .s-sns .s-sns__content {
    border-radius: 0.5rem;
    padding: 3rem 1rem;
    flex-direction: column;
    align-items: center;
  }
}

.s-sns .s-sns__texts {
  position: relative;
  flex: 1;
  z-index: 2;
}

@media screen and (max-width: 767px) {
  .s-sns .s-sns__texts {
    margin-bottom: 1.5rem;
    text-align: center;
  }
}

.s-sns .s-sns__title {
  color: #000;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.5;
  margin: 0 0 1.125rem 0;
}

@media screen and (max-width: 767px) {
  .s-sns .s-sns__title {
    font-size: 1.25rem;
    margin-bottom: 0.75rem;
    text-align: center;
  }
}

.s-sns .s-sns__description {
  color: #000;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
  margin: 0;
  text-align: left;
}

.s-sns .s-sns__icons {
  display: flex;
  gap: 2.25rem;
  align-items: center;
  justify-content: flex-end;
  position: relative;
  z-index: 2;
  flex-shrink: 0;
}

@media screen and (max-width: 767px) {
  .s-sns .s-sns__icons {
    gap: 1.125rem;
    justify-content: center;
  }
}

.s-sns .s-sns__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 6rem;
  height: 6rem;
  border: 1px solid #666666;
  border-radius: 50%;
  transition: all 0.3s ease;
}

@media screen and (max-width: 767px) {
  .s-sns .s-sns__icon {
    width: 3rem;
    height: 3rem;
  }
}

.s-sns .s-sns__icon:hover {
  border-color: #000;
  transform: scale(1.05);
}

.s-sns .s-sns__iconImg {
  width: 2.25rem;
  height: 2.25rem;
}

@media screen and (max-width: 767px) {
  .s-sns .s-sns__iconImg {
    width: 1.125rem;
    height: 1.125rem;
  }
}

.s-sns .container {
  overflow: hidden;
  position: relative;
}

.s-sns .container::before {
  content: "Follow us!! Follow us!!";
  position: absolute;
  top: 56%;
  left: 0;
  transform: translateY(-50%);
  font-size: 8.5rem;
  color: #F5F5F5;
  white-space: nowrap;
  font-family: "Roca", sans-serif;
  font-weight: 500;
  z-index: 1;
}

@media screen and (max-width: 767px) {
  .s-sns .container::before {
    content: "Follow us!!";
    top: initial;
    bottom: -0.8125rem;
    font-size: 4.25rem;
    transform: translateX(0);
    line-height: 0.8;
    text-align: center;
    width: 100%;
  }
}

.s-articleLoopSlider {
  position: relative;
  overflow: hidden;
  margin-bottom: 7.5rem;
}

@media screen and (max-width: 767px) {
  .s-articleLoopSlider {
    margin-bottom: 6rem;
  }
}

.s-articleLoopSlider .c-sectionTitle {
  margin-bottom: 4.5rem;
}

@media screen and (max-width: 767px) {
  .s-articleLoopSlider .c-sectionTitle {
    margin-bottom: 1.5rem;
  }
}

.s-articleLoopSlider .swiper-wrapper {
  transition-timing-function: linear;
}

.s-articleLoopSlider .s-articleLoopSlider__slide {
  width: 12.5rem;
  transition: opacity 0.4s;
}

@media screen and (max-width: 767px) {
  .s-articleLoopSlider .s-articleLoopSlider__slide {
    width: 9.4375rem;
  }
}

.s-articleLoopSlider .s-articleLoopSlider__slide .s-articleLoopSlider__slideImg {
  aspect-ratio: 200/264;
  object-fit: contain;
}

.s-aboutHairMode {
  background-color: #1A1A1A;
  padding: 9.75rem 0 7.5rem;
  position: relative;
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  .s-aboutHairMode {
    padding: 6rem 0rem;
  }
}

.s-aboutHairMode .s-aboutHairMode__content {
  position: relative;
  z-index: 2;
}

@media screen and (max-width: 767px) {
  .s-aboutHairMode .s-aboutHairMode__content {
    gap: 4.5rem;
  }
}

.s-aboutHairMode .s-aboutHairMode__logo {
  margin-bottom: 7.5rem;
  height: auto;
  width: 100%;
}

@media screen and (max-width: 767px) {
  .s-aboutHairMode .s-aboutHairMode__logo {
    padding: 0 1rem;
    margin-bottom: 4.5rem;
  }
}

.s-aboutHairMode .s-aboutHairMode__logo .s-aboutHairMode__logoImg {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.s-aboutHairMode .s-aboutHairMode__texts {
  text-align: left;
  max-width: 45rem;
}

@media screen and (max-width: 767px) {
  .s-aboutHairMode .s-aboutHairMode__texts {
    margin-inline: auto;
    max-width: 21.4375rem;
    text-align: center;
  }
}

.s-aboutHairMode .s-aboutHairMode__title {
  color: #fff;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.5;
  margin: 0 0 2.25rem 0;
}

@media screen and (max-width: 767px) {
  .s-aboutHairMode .s-aboutHairMode__title {
    font-size: 1.25rem;
    margin-bottom: 1rem;
  }
}

.s-aboutHairMode .s-aboutHairMode__description {
  color: #fff;
  font-size: 1rem;
  font-weight: 400;
  line-height: 2;
  margin: 0;
}

@media screen and (max-width: 767px) {
  .s-aboutHairMode .s-aboutHairMode__description {
    text-align: center;
    margin-bottom: 4.5rem;
  }
}

.s-aboutHairMode .c-viewAllBtn {
  position: absolute;
  bottom: 0.5rem;
  right: 0;
  width: fit-content;
}

@media screen and (max-width: 767px) {
  .s-aboutHairMode .c-viewAllBtn {
    display: flex;
    position: static;
    margin-inline: auto;
  }
}

.s-aboutHairMode .s-aboutHairMode__sliderListsWrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: max-content;
  height: 100%;
  z-index: 1;
  display: flex;
  gap: 1.5rem;
  opacity: 0.2;
}

@media screen and (max-width: 767px) {
  .s-aboutHairMode .s-aboutHairMode__sliderListsWrapper {
    gap: 0.5625rem;
  }
}

.s-aboutHairMode .s-aboutHairMode__sliderLists .swiper-wrapper {
  transition-timing-function: linear;
}

.s-aboutHairMode .s-aboutHairMode__sliderLists .s-aboutHairMode__sliderItem {
  width: 21rem;
  height: 27.72rem;
}

@media screen and (max-width: 767px) {
  .s-aboutHairMode .s-aboutHairMode__sliderLists .s-aboutHairMode__sliderItem {
    width: 8.020625rem;
    height: 10.5875rem;
  }
}

.s-aboutHairMode .s-aboutHairMode__sliderLists .s-aboutHairMode__sliderItem .s-aboutHairMode__sliderItemImg {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.s-topNews {
  background-color: #E0E0E0;
  padding: 4.5rem 0;
}

@media screen and (max-width: 767px) {
  .s-topNews {
    padding: 3rem 0;
  }
}

.s-topNews .container {
  display: flex;
  justify-content: space-between;
  gap: 7.5rem;
}

@media screen and (max-width: 767px) {
  .s-topNews .container {
    flex-direction: column;
    gap: 3rem;
    padding: 0;
  }
}

.s-topNews .s-topNews__left {
  border-left: 0.0625rem solid rgba(0, 0, 0, 0.1);
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  padding: 1.5rem 0 2.25rem 0;
  gap: 1.5rem;
  flex-shrink: 0;
}

@media screen and (max-width: 767px) {
  .s-topNews .s-topNews__left {
    border-left: 0;
    padding: 0 1rem;
  }
}

.s-topNews .s-topNews__title {
  color: #000;
  position: relative;
  font-size: 1.5rem;
  font-weight: 700;
  padding-left: 3rem;
  line-height: 1;
  margin: 0;
}

@media screen and (max-width: 767px) {
  .s-topNews .s-topNews__title {
    padding-left: 0.75rem;
    font-size: 1.25rem;
  }
}

.s-topNews .s-topNews__title::before {
  content: "";
  background-color: #000;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  height: 1.5rem;
  width: 0.25rem;
}

@media screen and (max-width: 767px) {
  .s-topNews .s-topNews__title::before {
    height: 1.25rem;
    width: 0.25rem;
  }
}

@media screen and (max-width: 767px) {
  .s-topNews .s-topNews__title {
    font-size: 1.25rem;
  }
}

.s-topNews .s-topNews__right {
  flex: 1;
  max-width: 56.25rem;
}

@media screen and (max-width: 767px) {
  .s-topNews .s-topNews__right {
    max-width: 100%;
  }
}

.s-topNews .s-topNews__list {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

@media screen and (max-width: 767px) {
  .s-topNews .s-topNews__list {
    margin-bottom: 3rem;
  }
}

.s-topNews .c-viewAllBtn {
  padding-left: 3rem;
}

@media screen and (max-width: 767px) {
  .s-topNews .c-viewAllBtn {
    padding-left: 0;
  }
}

.s-sponsorad {
  position: relative;
  overflow: hidden;
  margin-bottom: 7.5rem;
  max-width: 1920px;
  margin-inline: auto;
}

@media screen and (max-width: 767px) {
  .s-sponsorad {
    margin-bottom: 6rem;
  }
}

@media screen and (max-width: 767px) {
  .s-sponsorad .js-sponsoredContentsControl {
    margin-top: 0.5rem;
  }
}

.s-sponsorad .s-sponsorad__slide {
  width: 22.5rem;
}

.s-sponsorad .c-articleCard {
  padding: 2.375rem 2.25rem 1.5rem;
}

@media screen and (max-width: 767px) {
  .s-sponsorad .c-articleCard {
    padding: 0rem 1rem 1rem;
  }
}

.s-sponsorad .c-articleCard::before {
  content: "";
  background-color: #E0E0E0;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  height: 100%;
  width: 0.0625rem;
}

@media screen and (max-width: 767px) {
  .s-sponsorad .c-articleCard::before {
    content: none;
  }
}

.s-articleSlider {
  overflow: hidden;
  margin-bottom: 7.5rem;
}

@media screen and (max-width: 767px) {
  .s-articleSlider {
    margin-bottom: 4.4375rem;
  }
}

.s-articleSlider .c-sectionTitle {
  position: absolute;
  width: 100%;
}

@media screen and (max-width: 767px) {
  .s-articleSlider .c-sectionTitle {
    position: relative;
  }
}

@media screen and (max-width: 767px) {
  .s-articleSlider .s-articleSlider__content .container {
    padding: 0;
  }
}

.s-articleSlider .s-articleSlider__swiper {
  margin-bottom: 1.75rem;
  width: 100%;
}

.s-articleSlider .swiper-wrapper {
  align-items: flex-end;
}

@media screen and (max-width: 767px) {
  .s-articleSlider .swiper-wrapper {
    display: flex;
    flex-wrap: wrap;
  }
}

.s-articleSlider .s-articleSlider__slide {
  transform-origin: bottom;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  transition: scale 0.4s, padding-right 0.4s, padding-left 0.4s;
}

@media screen and (min-width: 768px) {
  .s-articleSlider .s-articleSlider__slide {
    min-height: 29.125rem;
    width: 31.5rem;
  }

  .s-articleSlider .s-articleSlider__slide.swiper-slide-prev {
    padding-right: 7.75rem;
  }

  .s-articleSlider .s-articleSlider__slide.swiper-slide-next {
    padding-left: 7.75rem;
  }

  .s-articleSlider .s-articleSlider__slide.swiper-slide-active {
    scale: 1.2;
  }

  .s-articleSlider .s-articleSlider__slide.swiper-slide-active .c-articleCard {
    width: 31.5rem !important;
  }

  .s-articleSlider .s-articleSlider__slide .c-articleCard {
    width: 17.25rem;
  }
}

@media screen and (max-width: 767px) {
  .s-articleSlider .s-articleSlider__slide:first-child {
    border-bottom: 1px solid #E0E0E0;
    padding: 0rem 1rem 1.5rem;
  }

  .s-articleSlider .s-articleSlider__slide:first-child .c-articleCard__Title {
    font-size: 1rem;
  }

  .s-articleSlider .s-articleSlider__slide:nth-child(2) {
    border-right: 1px solid #E0E0E0;
  }

  .s-articleSlider .s-articleSlider__slide:nth-child(even) {
    border-right: 1px solid #E0E0E0;
  }

  .s-articleSlider .s-articleSlider__slide:nth-child(2), .s-articleSlider .s-articleSlider__slide:nth-child(3) {
    border-bottom: 1px solid #E0E0E0;
    flex: 0 0 50%;
    max-width: 50%;
    font-size: 0.875rem;
    padding: 1.5rem 1rem;
  }

  /* 最初と最後を除外 */
  .s-articleSlider .s-articleSlider__slide:not(:nth-child(1)):not(:nth-last-child(1)) {
    border-bottom: 1px solid #E0E0E0;
    flex: 0 0 50%;
    max-width: 50%;
    font-size: 0.875rem;
    padding: 1.5rem 1rem;
  }

  .s-articleSlider .s-articleSlider__slide:not(:nth-child(1)):not(:nth-last-child(1)) .c-articleCard__Content {
    gap: 0.25rem;
  }

  .s-articleSlider .s-articleSlider__slide:not(:nth-child(1)):not(:nth-last-child(1)) .c-articleCard__Tag {
    font-size: 0.625rem;
  }

  /* 最初と最後を除外　ここまで */

  .s-articleSlider .s-articleSlider__slide:nth-child(2) .c-articleCard__Content, .s-articleSlider .s-articleSlider__slide:nth-child(3) .c-articleCard__Content {
    gap: 0.25rem;
  }

  .s-articleSlider .s-articleSlider__slide:nth-child(2) .c-articleCard__Tag, .s-articleSlider .s-articleSlider__slide:nth-child(3) .c-articleCard__Tag {
    font-size: 0.625rem;
  }

  .s-articleSlider .s-articleSlider__slide:last-child {
    padding: 1.5rem 1rem;
    border-right: none;
  }

  .s-articleSlider .s-articleSlider__slide:last-child .c-articleCard {
    display: flex;
    flex-direction: row;
  }

  .s-articleSlider .s-articleSlider__slide:last-child .c-articleCard__Tag {
    font-size: 0.625rem;
  }

  .s-articleSlider .s-articleSlider__slide:last-child .c-articleCard .c-articleCard__Image {
    flex: 0 0 50%;
  }

}

.s-articleSlider.-contentsSlder {
  border-bottom: 1px solid #E0E0E0;
  padding-top: 12rem;
  margin-bottom: 6rem;
}

.s-articleSlider.-contentsSlder .s-articleSlider__content {
  margin-bottom: 3rem;
}

.s-articleSlider.-contentsSlder .c-sectionTitle::before {
  width: 50%;
}

.s-articleSlider.-contentsSlder .c-sectionTitle__title {
  padding-bottom: 1.125rem;
}

.s-articleSlider.-contentsSlder .c-sectionTitle__title .c-sectionTitle__titleText {
  font-size: 1.75rem;
  line-height: 1.5;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}

.s-articleSlider.-contentsSlder .c-sectionTitle__title::after {
  content: "";
  max-width: 3.5rem;
}

.s-articleSlider2 {
  border-top: 0.0625rem solid #000;
  position: relative;
  overflow: hidden;
  padding-top: 3.5rem;
  margin-bottom: 7.5rem;
}

.s-articleSlider2 .c-sliderControl {
  margin-top: 1.5rem;
}

@media screen and (max-width: 767px) {
  .s-articleSlider2 .c-sliderControl {
    margin-top: 0;
  }
}

@media screen and (max-width: 767px) {
  .s-articleSlider2 .s-articleSlider2__swiper {
    margin-bottom: 1.5rem;
  }
}

@media screen and (max-width: 767px) {
  .s-articleSlider2 .swiper-wrapper {
    display: flex;
    flex-wrap: wrap;
  }
}

@media screen and (min-width: 768px) {
  .s-articleSlider2 .s-articleSlider2__slide {
    width: 22.5rem;
  }
}

@media screen and (max-width: 767px) {
  .s-articleSlider2 .s-articleSlider2__slide:first-child {
    border-bottom: 1px solid #E0E0E0;
    padding: 0rem 1rem 1.5rem;
  }

  .s-articleSlider2 .s-articleSlider2__slide:first-child .c-articleCard__Title {
    font-size: 1rem;
  }

  .s-articleSlider2 .s-articleSlider2__slide:nth-child(2) {
    border-right: 1px solid #E0E0E0;
  }

  .s-articleSlider2 .s-articleSlider2__slide:nth-child(2), .s-articleSlider2 .s-articleSlider2__slide:nth-child(3) {
    border-bottom: 1px solid #E0E0E0;
    flex: 0 0 50%;
    max-width: 50%;
    font-size: 0.875rem;
    padding: 1.5rem 1rem;
  }

  .s-articleSlider2 .s-articleSlider2__slide:nth-child(2) .c-articleCard__Content, .s-articleSlider2 .s-articleSlider2__slide:nth-child(3) .c-articleCard__Content {
    gap: 0.25rem;
  }

  .s-articleSlider2 .s-articleSlider2__slide:nth-child(2) .c-articleCard__Tag, .s-articleSlider2 .s-articleSlider2__slide:nth-child(3) .c-articleCard__Tag {
    font-size: 0.625rem;
  }

  .s-articleSlider2 .s-articleSlider2__slide:last-child {
    padding: 1.5rem 1rem;
  }

  .s-articleSlider2 .s-articleSlider2__slide:last-child .c-articleCard {
    display: flex;
    flex-direction: row;
  }

  .s-articleSlider2 .s-articleSlider2__slide:last-child .c-articleCard__Tag {
    font-size: 0.625rem;
  }
}

.s-articleSlider2 .c-articleCard {
  padding: 2.375rem 2.25rem 1.5rem;
}

@media screen and (max-width: 767px) {
  .s-articleSlider2 .c-articleCard {
    padding: 0;
  }
}

.s-articleSlider2 .c-articleCard::before {
  content: "";
  background-color: #E0E0E0;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  height: 95%;
  width: 0.0625rem;
}

@media screen and (max-width: 767px) {
  .s-articleSlider2 .c-articleCard::before {
    content: none;
  }
}

.s-articleSlider3 {
  background-color: #E0E0E0;
  overflow: hidden;
  padding-top: 7.5rem;
}

@media screen and (max-width: 767px) {
  .s-articleSlider3 {
    padding-top: 5rem;
  }
}

.s-articleSlider3.-lastSection {
  padding-bottom: 7.5rem;
}

@media screen and (max-width: 767px) {
  .s-articleSlider3.-lastSection {
    padding-bottom: 5rem;
  }
}

.s-articleSlider3 .s-articleSlider3__header {
  margin-bottom: 5rem;
}

@media screen and (max-width: 767px) {
  .s-articleSlider3 .s-articleSlider3__header {
    margin-bottom: 2rem;
  }
}

.s-articleSlider3 .s-articleSlider3__header .s-articleSlider3__title {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.12em;
  margin-bottom: 5rem;
}

@media screen and (max-width: 767px) {
  .s-articleSlider3 .s-articleSlider3__header .s-articleSlider3__title {
    margin-bottom: 2rem;
  }
}

.s-articleSlider3 .s-articleSlider3__header .s-articleSlider3__titlesSliderTitle {
  font-size: 1.5rem;
  margin-bottom: 1rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1.4;
}

@media screen and (max-width: 767px) {
  .s-articleSlider3 .s-articleSlider3__header .s-articleSlider3__titlesSliderTitle {
    font-size: 1.125rem;
    margin-bottom: 0.75rem;
  }
}

.s-articleSlider3 .s-articleSlider3__header .s-articleSlider3__titlesSliderText {
  font-size: 0.9375rem;
  line-height: 1.65;
  letter-spacing: 0.04em;
}

@media screen and (max-width: 767px) {
  .s-articleSlider3 .s-articleSlider3__header .s-articleSlider3__titlesSliderText {
    font-size: 0.875rem;
  }
}

.s-articleSlider3 .c-sectionTitle::before {
  background-color: #B8B8B8;
}

@media screen and (max-width: 767px) {
  .s-articleSlider3 .c-sectionTitle .c-sectionTitle__title::after {
    margin-left: 1.25rem;
  }
}

@media screen and (max-width: 767px) {
  .s-articleSlider3 .c-sectionTitle .container {
    align-items: flex-start;
  }
}

.s-articleSlider3 .s-articleSlider3__content {
  margin-top: -2rem;
}

.s-articleSlider3 .s-articleSlider3__swiper {
  margin-bottom: 1.5rem;
  width: 100%;
}

.s-articleSlider3 .swiper-wrapper {
  align-items: flex-end;
}

.s-articleSlider3 .s-articleSlider3__slide {
  transform-origin: bottom;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  transition: scale 0.4s, padding-right 0.4s, padding-left 0.4s;
  scale: 0.83;

  background: #fff;
}

@media screen and (max-width: 767px) {
  .s-articleSlider3 .s-articleSlider3__slide {
    scale: 0.9;
  }
}

.s-articleSlider3 .s-articleSlider3__slide.swiper-slide-active {
  scale: 1.06;
}

@media screen and (max-width: 767px) {
  .s-articleSlider3 .s-articleSlider3__slide.swiper-slide-active {
    scale: 1;
  }
}

.s-articleSlider3 .s-articleSlider3__card {
  background-color: #fff;
  display: flex;
  align-items: stretch;
  padding: 1.5rem;
  gap: 1.5rem;
  position: relative;
}

@media screen and (max-width: 767px) {
  .s-articleSlider3 .s-articleSlider3__card {
    flex-direction: column;
  }
}

.s-articleSlider3 .s-articleSlider3__card::before, .s-articleSlider3 .s-articleSlider3__card::after {
  content: "";
  background-color: #000;
  display: block;
  position: absolute;
  top: -0.0625rem;
  left: -0.0625rem;
}

.s-articleSlider3 .s-articleSlider3__card::before {
  height: 0.0625rem;
  width: 0.75rem;
}

.s-articleSlider3 .s-articleSlider3__card::after {
  height: 0.375rem;
  width: 0.0625rem;
}

.s-articleSlider3 .s-articleSlider3__card .s-articleSlider3__cardImg {
  width: 15.25rem;
}

@media screen and (max-width: 767px) {
  .s-articleSlider3 .s-articleSlider3__card .s-articleSlider3__cardImg {
    width: 100%;
  }
}

.s-articleSlider3 .s-articleSlider3__card .s-articleSlider3__cardImg img {
  height: 100%;
  object-fit: cover;
}

@media screen and (max-width: 767px) {
  .s-articleSlider3 .s-articleSlider3__card .s-articleSlider3__cardImg img {
    aspect-ratio: 252/274;
  }
}

.s-articleSlider3 .s-articleSlider3__card .s-articleSlider3__cardTextBox {
  width: calc(100% - 15.25rem - 1.5rem);
}

@media screen and (max-width: 767px) {
  .s-articleSlider3 .s-articleSlider3__card .s-articleSlider3__cardTextBox {
    width: 100%;
  }
}

.s-articleSlider3 .s-articleSlider3__card .s-articleSlider3__cardTitle {
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 0.04em;
  margin-bottom: 0.8125rem;
}

@media screen and (max-width: 767px) {
  .s-articleSlider3 .s-articleSlider3__card .s-articleSlider3__cardTitle {
    font-size: 0.875rem;
  }
}

.s-articleSlider3 .s-articleSlider3__card .s-articleSlider3__cardName {
  font-size: 0.75rem;
  line-height: 1.6;
  margin-bottom: 0.8125rem;
}

.s-articleSlider3 .s-articleSlider3__card .s-articleSlider3__cardText {
  font-size: 0.875rem;
  line-height: 1.5;
  letter-spacing: 0.04em;
}

.s-columnDetail .s-columnDetail__header {
  border-bottom: 0.0625rem solid #E0E0E0;
}

@media screen and (max-width: 767px) {
  .s-columnDetail .s-columnDetail__header {
    border-bottom: 0;
  }
}

.s-columnDetail .s-columnDetail__header .container {
  align-items: flex-start;
  display: flex;
  justify-content: space-between;
  max-width: 77.5rem;
  position: relative;
  padding-block: 4.5rem 5.25rem;
  padding-bottom: 10rem;
}

@media screen and (max-width: 767px) {
  .s-columnDetail .s-columnDetail__header .container {
    padding-block: 1rem 1.625rem;
    flex-direction: column;
  }
}

.s-columnDetail .s-columnDetail__header .container::after {
  content: "";
  background-color: #E0E0E0;
  position: absolute;
  top: 0;
  right: 18.5rem;
  width: 0.0625rem;
  height: 100%;
}

@media screen and (max-width: 767px) {
  .s-columnDetail .s-columnDetail__header .container::after {
    content: none;
  }
}

.s-columnDetail .s-columnDetail__headerLeft {
  position: relative;
  width: 60rem;
}

@media screen and (max-width: 767px) {
  .s-columnDetail .s-columnDetail__headerLeft {
    width: 100%;
  }
}

.s-columnDetail .s-columnDetail__headerRight {
  padding-left: 5.25rem;
  width: calc(100% - 60rem);
}

@media screen and (max-width: 767px) {
  .s-columnDetail .s-columnDetail__headerRight {
    width: 100%;
  }
}

.s-columnDetail .s-columnDetail__headerContent {
  padding-right: 7.5rem;
}

@media screen and (max-width: 767px) {
  .s-columnDetail .s-columnDetail__headerContent {
    padding-right: 0;
  }
}

.s-columnDetail .s-columnDetail__meta {
  display: flex;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}

@media screen and (max-width: 767px) {
  .s-columnDetail .s-columnDetail__meta {
    align-items: center;
    justify-content: flex-start;
    gap: 0;
  }
}

.s-columnDetail .s-columnDetail__category {
  display: inline-flex;
  align-items: center;
  background-color: #F4A893;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 0.75rem;
  line-height: 1;
  padding: 0 0.375rem;
  height: 1.5rem;
  border-radius: 0.1875rem;
  width: fit-content;
}

.s-columnDetail .s-columnDetail__category.catcolor_hairbeauty {
  background: #77C7C6;
}

.s-columnDetail .s-columnDetail__category.catcolor_business {
  background: #F4A893;
}

.s-columnDetail .s-columnDetail__category.catcolor_news {
  background: #D5C6BC;
}

@media screen and (max-width: 767px) {
  .s-columnDetail .s-columnDetail__category {
    margin-right: 0.75rem;
  }
}

.s-columnDetail .s-columnDetail__title {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 2rem;
  line-height: 1.5;
  margin: 0 0 0.75rem;
}

@media screen and (max-width: 767px) {
  .s-columnDetail .s-columnDetail__title {
    font-size: 1.25rem;
    margin-bottom: 1rem;
  }
}

.s-columnDetail .s-columnDetail__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
  align-items: center;
}

@media screen and (max-width: 767px) {
  .s-columnDetail .s-columnDetail__tags {
    margin-bottom: 1rem;
  }
}

.s-columnDetail .s-columnDetail__tag {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

@media screen and (max-width: 767px) {
  .s-columnDetail .s-columnDetail__tag {
    border-radius: 2rem;
  }
}

.s-columnDetail .s-columnDetail__tagHash {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 1rem;
  line-height: 1.3;
  color: #F4A893;
}

.s-columnDetail .catcolor_hairbeauty .s-columnDetail__tagHash {
  color: #2EB6AA;
}

.s-columnDetail .catcolor_business .s-columnDetail__tagHash {
  color: #ef9b84;
}

.s-columnDetail .catcolor_news .s-columnDetail__tagHash {
  color: #c8b09f;
}

@media screen and (max-width: 767px) {
  .s-columnDetail .s-columnDetail__tagHash {
    font-size: 0.75rem;
  }
}

.s-columnDetail .s-columnDetail__tagText {
  font-size: 1rem;
  line-height: 1.3;
}

@media screen and (max-width: 767px) {
  .s-columnDetail .s-columnDetail__tagText {
    font-size: 0.75rem;
  }
}

.s-columnDetail .s-columnDetail__date {
  font-family: "Roca", sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1;
  opacity: 0.5;
}

@media screen and (max-width: 767px) {
  .s-columnDetail .s-columnDetail__date {
    position: relative;
    top: 0.125rem;
    font-size: 0.75rem;
  }
}

.s-columnDetail .s-columnDetail__share {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3.125rem;
  padding-top: 0.4375rem;
}

@media screen and (max-width: 767px) {
  .s-columnDetail .s-columnDetail__share {
    display: none;
  }
}

.s-columnDetail .s-columnDetail__shareLabel {
  font-family: "Roca", sans-serif;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1;
}

.s-columnDetail .s-columnDetail__sns {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

@media screen and (max-width: 767px) {
  .s-columnDetail .s-columnDetail__sns {
    align-items: center;
    flex-direction: row;
    gap: 0.75rem;
  }
}

.s-columnDetail .s-columnDetail__sns.sp-only {
  display: none;
}

@media screen and (max-width: 767px) {
  .s-columnDetail .s-columnDetail__sns.sp-only {
    display: flex;
    margin-left: auto;
  }
}

.s-columnDetail .s-columnDetail__snsLink {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  border: 1px solid #E0E0E0;
  border-radius: 3rem;
  transition: opacity 0.4s;
}

.s-columnDetail .s-columnDetail__snsLink:hover {
  opacity: 0.5;
}

@media screen and (max-width: 767px) {
  .s-columnDetail .s-columnDetail__snsLink {
    border: 0;
    width: 1.5rem;
    height: 1.5rem;
  }
}

.s-columnDetail .s-columnDetail__snsIcon {
  width: 1.5rem;
  height: 1.5rem;
}

@media screen and (max-width: 767px) {
  .s-columnDetail .s-columnDetail__snsIcon {
    width: 1.25rem;
    height: 1.25rem;
  }
}

.s-columnDetail .s-columnDetail__body {
  padding-top: 2.875rem;
  margin-bottom: 7.5rem;
}

@media screen and (max-width: 767px) {
  .s-columnDetail .s-columnDetail__body {
    margin-bottom: 6rem;
    padding-top: 0;
  }
}

.s-columnDetail .s-columnDetail__body .container {
  display: flex;
  justify-content: space-between;
  max-width: 82.5rem;
  margin: 0 0 0 auto;
  padding-inline: 0;
  gap: 7.5rem;
}

@media screen and (min-width: 1921px) {
  .s-columnDetail .s-columnDetail__body .container {
    margin: 0 auto;
    padding-left: 3.75rem;
  }
}

@media screen and (min-width: 1921px) {
  .s-columnDetail .s-columnDetail__body .container {
    margin: 0 auto;
    padding-left: 3.75rem;
  }
}

@media screen and (max-width: 767px) {
  .s-columnDetail .s-columnDetail__body .container {
    margin: 0 auto;
    flex-direction: column;
    gap: 3rem;
    padding-inline: 1rem;
  }
}

.s-columnDetail .s-columnDetail__body .s-columnDetail__bodyLeft {
  margin-top: -8.875rem;
  width: 52.5rem;
}

@media screen and (max-width: 767px) {
  .s-columnDetail .s-columnDetail__body .s-columnDetail__bodyLeft {
    margin-top: 0;
    width: 100%;
  }
}

.s-columnDetail .s-columnDetail__body .c-sideBar {
  max-width: 22.5rem;
  width: calc(100% - 52.5rem);
}

@media screen and (max-width: 767px) {
  .s-columnDetail .s-columnDetail__body .c-sideBar {
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    max-width: initial;
    width: 100vw;
  }
}

.s-columnDetail .s-columnDetail__mainImg {
  height: auto;
  width: 100%;
}

.s-columnDetail .s-columnDetail__excerpt {
  background: #fff;
  padding: 2.25rem;
}

@media screen and (max-width: 767px) {
  .s-columnDetail .s-columnDetail__excerpt {
    font-size: 0.8125rem;
    width: calc(100% + 2rem);
    margin-left: -1rem;
    padding: 1.5rem 1rem;
  }
}

.s-columnDetail .s-columnDetail__mainImg+.s-columnDetail__content {
  margin-top: 3rem;
}

@media screen and (max-width: 767px) {
  .s-columnDetail .s-columnDetail__mainImg {
    width: calc(100% + 2rem);
    margin-left: -1rem;
  }
}

@media screen and (max-width: 767px) {
  .s-columnDetail .s-columnDetail__toc {
    width: calc(100% + 2rem);
    margin-left: -1rem;
  }
}

.s-columnDetail .s-columnDetail__introBooks {
  border-top: 0.0625rem solid #E0E0E0;
  padding-top: 2.25rem;
  position: relative;
  margin: 4.5rem 0;
}

@media screen and (max-width: 767px) {
  .s-columnDetail .s-columnDetail__introBooks {
    padding-top: 1.5rem;
    margin: 3rem 0;
  }
}

.s-columnDetail .s-columnDetail__introBooks::before {
  content: "";
  background-color: #F4A893;
  height: 0.25rem;
  width: 4.5rem;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

@media screen and (max-width: 767px) {
  .s-columnDetail .s-columnDetail__introBooks::before {
    width: 2.25rem;
  }
}

.s-columnDetail .s-columnDetail__introBooksHeader {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
}

@media screen and (max-width: 767px) {
  .s-columnDetail .s-columnDetail__introBooksHeader {
    gap: 0.5rem;
    margin-bottom: 1.5rem;
  }
}

.s-columnDetail .s-columnDetail__introBooksTitle {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 1rem;
  line-height: 1.5;
  color: #000;
  margin: 0;
}

@media screen and (max-width: 767px) {
  .s-columnDetail .s-columnDetail__introBooksTitle {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.9375rem;
  }

  .s-columnDetail .s-columnDetail__introBooksTitle::before {
    content: "";
    background-color: #F4A893;
    display: inline-block;
    height: 0.125rem;
    width: 1.25rem;
  }
}

.s-columnDetail .s-columnDetail__introBooksContent {
  display: flex;
  align-items: center;
  gap: 3rem;
  margin-inline: auto;
  width: calc(100% - 6rem);
}

@media screen and (max-width: 767px) {
  .s-columnDetail .s-columnDetail__introBooksContent {
    flex-direction: column;
    gap: 1.5rem;
    width: 100%;
  }
}

.s-columnDetail .s-columnDetail__introBooksImage {
  flex-shrink: 0;
  width: 11.375rem;
  height: 15rem;
}

@media screen and (max-width: 767px) {
  .s-columnDetail .s-columnDetail__introBooksImage {
    width: 9.375rem;
    height: 12.375rem;
  }
}

.s-columnDetail .s-columnDetail__introBooksImg {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.s-columnDetail .s-columnDetail__introBooksInfo {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  position: relative;
}

@media screen and (max-width: 767px) {
  .s-columnDetail .s-columnDetail__introBooksInfo {
    gap: 1rem;
  }
}

.s-columnDetail .s-columnDetail__introBooksCategory {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 0.75rem;
  line-height: 1;
  color: #000;
  background-color: #F4A893;
  padding: 0 0.375rem;
  height: 1.5rem;
  border-radius: 0.1875rem;
  display: inline-flex;
  align-items: center;
  width: fit-content;
}

@media screen and (max-width: 767px) {
  .s-columnDetail .s-columnDetail__introBooksCategory {
    padding: 0 0.25rem;
    height: 1.25rem;
    border-radius: 0.125rem;
  }
}

.s-columnDetail .s-columnDetail__introBooksText {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

@media screen and (max-width: 767px) {
  .s-columnDetail .s-columnDetail__introBooksText {
    gap: 0.625rem;
  }
}

.s-columnDetail .s-columnDetail__introBooksHeading {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 1rem;
  line-height: 1.5;
  color: #000;
  margin: 0;
}

@media screen and (max-width: 767px) {
  .s-columnDetail .s-columnDetail__introBooksHeading {
    font-size: 0.9375rem;
  }
}

.s-columnDetail .s-columnDetail__introBooksDescription {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #000;
  margin: 0;
}

@media screen and (max-width: 767px) {
  .s-columnDetail .s-columnDetail__introBooksDescription {
    font-size: 0.875rem;
  }
}

.s-columnDetail .s-columnDetail__introBooksDate {
  font-family: "Roca", sans-serif;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1;
  text-transform: uppercase;
  color: #000;
  opacity: 0.25;
  position: absolute;
  top: 0.375rem;
  right: 0;
}

@media screen and (max-width: 767px) {
  .s-columnDetail .s-columnDetail__introBooksDate {
    position: absolute;
    top: 0.479375rem;
    right: 0;
  }
}

.s-columnDetail .s-columnDetail__author {
  border-top: 0.0625rem solid #E0E0E0;
  border-left: 0.0625rem solid #E0E0E0;
  padding: 2.25rem 0 2.25rem 2.25rem;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin: 4.5rem 0;
}

@media screen and (max-width: 767px) {
  .s-columnDetail .s-columnDetail__author {
    padding: 1rem 0 1.5rem 1rem;
    gap: 1.5rem;
  }
}

.s-columnDetail .s-columnDetail__author::before {
  content: "";
  background-color: #F4A893;
  position: absolute;
  top: 0;
  left: 2.25rem;
  height: 0.25rem;
  width: 4.5rem;
}

.s-columnDetail .s-columnDetail__author.hairbeauty::before {
  background-color: #77C7C6;
}

.s-columnDetail .s-columnDetail__author.business::before {
  background-color: #F4A893;
}

.s-columnDetail .s-columnDetail__author.news::before {
  background-color: #D5C6BC;
}

.s-columnDetail .hairbeauty .s-columnDetail__authorLabel {
  color: #77C7C6;
}

.s-columnDetail .business .s-columnDetail__authorLabel {
  color: #F4A893;
}

.s-columnDetail .news .s-columnDetail__authorLabel {
  color: #D5C6BC;
}

@media screen and (max-width: 767px) {
  .s-columnDetail .s-columnDetail__author::before {
    left: 2.875rem;
    width: 2.25rem;
  }
}

.s-columnDetail .s-columnDetail__authorLabel {
  color: #F4A893;
  font-family: "Roca", sans-serif;
  font-weight: 700;
  font-size: 5.25rem;
  line-height: 0.4;
  opacity: 0.5;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1;
}

@media screen and (max-width: 767px) {
  .s-columnDetail .s-columnDetail__authorLabel {
    line-height: 1;
    font-size: 4.25rem;
    top: 2.479375rem;
    bottom: initial;
    right: 0;
  }
}

.s-columnDetail .s-columnDetail__authorProfile {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  position: relative;
}

@media screen and (max-width: 767px) {
  .s-columnDetail .s-columnDetail__authorProfile {
    flex-direction: column;
    align-items: flex-start;
    gap: 1.5rem;
  }
}

.s-columnDetail .s-columnDetail__authorImage {
  flex-shrink: 0;
  width: 4.5rem;
  height: 4.5rem;
  border-radius: 4.5rem;
}

@media screen and (max-width: 767px) {
  .s-columnDetail .s-columnDetail__authorImage {
    width: 6rem;
    height: 6rem;
    border-radius: 6rem;
  }
}

.s-columnDetail .s-columnDetail__authorImg {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: inherit;
}

.s-columnDetail .s-columnDetail__authorInfo {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 1.125rem;
  height: 3rem;
  position: relative;
  flex: 1;
}

@media screen and (max-width: 767px) {
  .s-columnDetail .s-columnDetail__authorInfo {
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
    height: auto;
    gap: 1.5rem;
  }
}

.s-columnDetail .s-columnDetail__authorMeta {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}

@media screen and (max-width: 767px) {
  .s-columnDetail .s-columnDetail__authorMeta {
    gap: 0.375rem;
  }
}

.s-columnDetail .s-columnDetail__authorRole {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 0.75rem;
  line-height: 1.5;
  color: #000;
}

@media screen and (max-width: 767px) {
  .s-columnDetail .s-columnDetail__authorRole {
    font-size: 0.75rem;
  }
}

.s-columnDetail .s-columnDetail__authorName {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 1rem;
  line-height: 1.5;
  color: #000;
  margin: 0;
}

@media screen and (max-width: 767px) {
  .s-columnDetail .s-columnDetail__authorName {
    font-size: 0.9375rem;
  }
}

.s-columnDetail .s-columnDetail__authorSns {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  position: absolute;
  top: -0.8125rem;
  right: 0;
}

@media screen and (max-width: 767px) {
  .s-columnDetail .s-columnDetail__authorSns {
    top: 0;
    position: static;
    gap: 1rem;
  }
}

.s-columnDetail .s-columnDetail__authorSnsLink {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.5rem;
  height: 1.5rem;
  transition: opacity 0.3s ease;
}

.s-columnDetail .s-columnDetail__authorSnsLink:hover {
  opacity: 0.7;
}

.s-columnDetail .s-columnDetail__authorDescription p {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #000;
  margin: 0;
}

@media screen and (max-width: 767px) {
  .s-columnDetail .s-columnDetail__authorDescription p {
    font-size: 0.875rem;
  }
}

.s-columnDetail .s-columnDetail__authorArticlesLink {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 0.875rem;
  line-height: 2;
  color: #2EB6AA;
  text-decoration: underline;
  transition: opacity 0.4s;
  display: block;
}

.s-columnDetail .s-columnDetail__authorArticlesLink:hover {
  opacity: 0.5;
}

@media screen and (max-width: 767px) {
  .s-columnDetail .s-columnDetail__authorArticlesLink {
    font-size: 0.875rem;
  }
}

.s-columnDetail .s-columnDetail__bottomTags {
  border-bottom: 0.0625rem solid #E0E0E0;
  display: flex;
  align-items: center;
  gap: 1.5rem;
  padding-bottom: 0.75rem;
  margin-top: 3.75rem;
  /*追記*/
}

@media screen and (max-width: 767px) {
  .s-columnDetail .s-columnDetail__bottomTags {
    gap: 1.5rem;
  }
}

.s-columnDetail .s-columnDetail__bottomTagsLabel {
  font-family: "Roca", sans-serif;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1;
  color: #000;
  flex-shrink: 0;
}

@media screen and (max-width: 767px) {
  .s-columnDetail .s-columnDetail__bottomTagsLabel {
    font-size: 1rem;
  }
}

.s-columnDetail .s-columnDetail__bottomTagsLine {
  background-color: #E0E0E0;
  width: 0.0625rem;
  height: 1rem;
  flex-shrink: 0;
}

@media screen and (max-width: 767px) {
  .s-columnDetail .s-columnDetail__bottomTagsLine {
    width: 0.0625rem;
  }
}

.s-columnDetail .s-columnDetail__bottomTagsList {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex-wrap: wrap;
}

@media screen and (max-width: 767px) {
  .s-columnDetail .s-columnDetail__bottomTagsList {
    gap: 0.75rem;
  }
}

.s-columnDetail .s-columnDetail__bottomTag {
  color: #F4A893;
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

.s-columnDetail .s-columnDetail__bottomTag::before {
  content: "#";
}

.s-columnDetail .s-columnDetail__bottomTagText {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 0.75rem;
  line-height: 1.3;
  color: #000;
  opacity: 0.5;
}

@media screen and (max-width: 767px) {
  .s-columnDetail .s-columnDetail__bottomTagText {
    font-size: 0.75rem;
  }
}

.s-memberShipMv {
  margin-bottom: 9rem;
}

@media screen and (max-width: 767px) {
  .s-memberShipMv {
    margin-bottom: 6rem;
  }
}

.s-memberShipMv .container {
  max-width: 90rem;
  padding: 0;
}

@media screen and (max-width: 767px) {
  .s-memberShipMv .container {
    padding: 0;
  }
}

.s-memberShipMv .s-memberShipMv__inner {
  display: flex;
  align-items: flex-end;
  gap: 4.5rem;
}

@media screen and (max-width: 767px) {
  .s-memberShipMv .s-memberShipMv__inner {
    flex-direction: column;
    gap: 0;
    text-align: center;
  }
}

.s-memberShipMv .s-memberShipMv__content {
  margin-left: 7.5rem;
  width: 20.25rem;
}

@media screen and (max-width: 767px) {
  .s-memberShipMv .s-memberShipMv__content {
    margin: 0 auto;
    padding-block: 2.25rem;
    max-width: none;
    width: fit-content;
  }
}

.s-memberShipMv .s-memberShipMv__header {
  display: flex;
  align-items: center;
  gap: 1.25rem;
  margin-bottom: 3rem;
}

@media screen and (max-width: 767px) {
  .s-memberShipMv .s-memberShipMv__header {
    justify-content: center;
    margin-bottom: 1.5rem;
  }
}

.s-memberShipMv .s-memberShipMv__icon {
  height: auto;
  width: 17.375rem;
  flex-shrink: 0;
}

.s-memberShipMv .s-memberShipMv__iconImg {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.s-memberShipMv .s-memberShipMv__title {
  font-family: "Roca", sans-serif;
  font-weight: 700;
  font-size: 2.0625rem;
  line-height: 1;
  color: #000;
  text-transform: uppercase;
}

@media screen and (max-width: 767px) {
  .s-memberShipMv .s-memberShipMv__title {
    font-size: 2rem;
  }
}

.s-memberShipMv .s-memberShipMv__text {
  margin-bottom: 3rem;
}

@media screen and (max-width: 767px) {
  .s-memberShipMv .s-memberShipMv__text {
    margin-bottom: 1.75rem;
  }
}

.s-memberShipMv .s-memberShipMv__subtitle {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 2rem;
  line-height: 1.5;
  color: #000;
  margin-bottom: 0.75rem;
}

@media screen and (max-width: 767px) {
  .s-memberShipMv .s-memberShipMv__subtitle {
    font-size: 1.25rem;
    line-height: 1.3;
  }
}

.s-memberShipMv .s-memberShipMv__description {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 1rem;
  line-height: 2;
  color: #000;
}

@media screen and (max-width: 767px) {
  .s-memberShipMv .s-memberShipMv__description {
    font-size: 0.875rem;
    line-height: 1.5;
  }
}

.s-memberShipMv .s-memberShipMv__visual {
  position: relative;
  height: 100%;
  width: 57.75rem;
}

@media screen and (max-width: 767px) {
  .s-memberShipMv .s-memberShipMv__visual {
    max-width: none;
    width: 100%;
  }
}

.s-memberShipMv .s-memberShipMv__visualImg {
  object-fit: cover;
  aspect-ratio: 924/540;
}

.s-memberShipMv .s-memberShipMv__control {
  position: absolute;
  bottom: -3.75rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 3;
}

@media screen and (max-width: 767px) {
  .s-memberShipMv .s-memberShipMv__control {
    bottom: -2.5rem;
  }
}

.s-memberShipOutline {
  margin-bottom: 9rem;
}

@media screen and (max-width: 767px) {
  .s-memberShipOutline {
    margin-bottom: 6rem;
  }
}

.s-memberShipOutline .s-memberShipOutline__cardLists {
  counter-reset: number 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 3rem 4.5rem;
}

@media screen and (max-width: 767px) {
  .s-memberShipOutline .s-memberShipOutline__cardLists {
    grid-template-columns: repeat(1, 1fr);
    flex-direction: column;
    gap: 1rem;
  }
}

.s-memberShipOutline .s-memberShipOutline__card {
  background-color: #fff;
  border-bottom: 4px solid #000;
  align-items: center;
  display: flex;
  padding: 1.4375rem 1.25rem 1.4375rem 2rem;
  position: relative;
  margin-top: 2rem;
  gap: 1.5rem;
}

@media screen and (max-width: 767px) {
  .s-memberShipOutline .s-memberShipOutline__card {
    padding: 1.5rem 1rem;
    gap: 0;
    flex-wrap: wrap;
    margin-top: 1.25rem;
  }
}

.s-memberShipOutline .s-memberShipOutline_cardLabel {
  display: flex;
  align-items: baseline;
  font-size: 1.5rem;
  position: absolute;
  top: 0;
  left: 0;
  transform: translateY(-100%);
  line-height: 1;
  font-family: "Roca", sans-serif;
  font-weight: 700;
}

@media screen and (max-width: 767px) {
  .s-memberShipOutline .s-memberShipOutline_cardLabel {
    left: 50%;
    transform: translate(-50%, -100%);
    font-size: 1rem;
  }
}

.s-memberShipOutline .s-memberShipOutline_cardLabel::after {
  counter-increment: number 1;
  content: counter(number, decimal-leading-zero);
  font-size: 2rem;
}

@media screen and (max-width: 767px) {
  .s-memberShipOutline .s-memberShipOutline_cardLabel::after {
    font-size: 1.25rem;
  }
}

.s-memberShipOutline .s-memberShipOutline__cardImg {
  border-right: 0.0625rem solid #E0E0E0;
  display: flex;
  align-items: center;
  padding-right: 2rem;
}

@media screen and (max-width: 767px) {
  .s-memberShipOutline .s-memberShipOutline__cardImg {
    flex-shrink: 0;
    padding-right: 1rem;
    width: 3.375rem;
  }
}

.s-memberShipOutline .s-memberShipOutline__cardImg::after {
  content: "";
  background-color: #E0E0E0;
  display: inline-block;
  height: 100%;
  width: 0.0625rem;
}

@media screen and (max-width: 767px) {
  .s-memberShipOutline .s-memberShipOutline__cardImg img {
    aspect-ratio: 1/1;
    object-fit: cover;
  }
}

@media screen and (max-width: 767px) {
  .s-memberShipOutline .s-memberShipOutline__cardTextBox {
    display: contents;
  }
}

.s-memberShipOutline .s-memberShipOutline__cardTitle {
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 1rem;
}

@media screen and (max-width: 767px) {
  .s-memberShipOutline .s-memberShipOutline__cardTitle {
    margin-bottom: 0;
    padding-left: 1rem;
    font-size: 1.25rem;
    width: calc(100% - 2.375rem - 1rem);
  }
}

.s-memberShipOutline .s-memberShipOutline__cardTitle .-underLine {
  background: linear-gradient(transparent 70%, #F4A893 70%);
}

.s-memberShipOutline .s-memberShipOutline__cardTitle .-num {
  font-size: 2rem;
}

.s-memberShipOutline .s-memberShipOutline__cardDescription {
  line-height: 1.5;
}

@media screen and (max-width: 767px) {
  .s-memberShipOutline .s-memberShipOutline__cardDescription {
    margin-top: 0.75rem;
    font-size: 0.9375rem;
    width: 100%;
  }
}

.s-memberShipPrice {
  margin-bottom: 9rem;
}

@media screen and (max-width: 767px) {
  .s-memberShipPrice {
    margin-bottom: 6rem;
  }
}

.s-memberShipPrice .c-sectionTitle2 {
  margin-bottom: 3rem;
}

@media screen and (max-width: 767px) {
  .s-memberShipPrice .c-sectionTitle2 {
    margin-bottom: 1.5rem;
  }
}

@media screen and (max-width: 767px) {
  .s-memberShipPrice .container {
    padding: 0;
  }
}

.s-memberShipPrice .s-memberShipPrice__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
}

@media screen and (max-width: 767px) {
  .s-memberShipPrice .s-memberShipPrice__price {
    align-self: center;
  }
}

.s-memberShipPrice .s-memberShipPrice__priceInner {
  position: relative;
  display: flex;
  align-items: baseline;
  gap: 1.5rem;
}

@media screen and (max-width: 767px) {
  .s-memberShipPrice .s-memberShipPrice__priceInner {
    gap: 0.75rem;
  }
}

.s-memberShipPrice .s-memberShipPrice__priceNumber {
  font-family: "Roca", sans-serif;
  font-weight: 700;
  font-size: 7.5rem;
  line-height: 1;
  color: #000;
}

@media screen and (max-width: 767px) {
  .s-memberShipPrice .s-memberShipPrice__priceNumber {
    font-size: 3.75rem;
  }
}

.s-memberShipPrice .s-memberShipPrice__priceUnit {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 2.25rem;
  line-height: 1;
  color: #000;
}

.s-memberShipPrice .s-memberShipPrice__priceUnit .-yen {
  font-size: 2.75rem;
}

@media screen and (max-width: 767px) {
  .s-memberShipPrice .s-memberShipPrice__priceUnit .-yen {
    font-size: 1.5rem;
  }
}

.s-memberShipPrice .s-memberShipPrice__priceUnit .-tax {
  font-size: 2rem;
  position: relative;
  left: -0.625rem;
}

@media screen and (max-width: 767px) {
  .s-memberShipPrice .s-memberShipPrice__priceUnit .-tax {
    font-size: 1rem;
  }
}

.s-memberShipPrice .s-memberShipPrice__pricePeriod {
  font-size: 1.125rem;
  line-height: 1;
  color: #000;
  border: solid #000;
  border-width: 0.125rem 0 0.125rem 0;
  position: relative;
  top: -1.875rem;
  font-weight: 700;
  padding: 0.375rem 0.5rem;
  width: 4.5rem;
  height: 5.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media screen and (max-width: 767px) {
  .s-memberShipPrice .s-memberShipPrice__pricePeriod {
    border-width: 0.0625rem 0 0.0625rem 0;
    top: -1rem;
    font-size: 0.625rem;
    padding: 0.1875rem 0.25rem;
    width: 2.5rem;
    height: 2.75rem;
  }
}

.s-memberShipPrice .s-memberShipPrice__content {
  width: 100%;
  max-width: 72rem;
}

@media screen and (max-width: 767px) {
  .s-memberShipPrice .s-memberShipPrice__content {
    margin-top: -1.25rem;
  }
}

.s-memberShipPrice .s-memberShipPrice__description {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 1.5rem;
  line-height: 1.5;
  color: #fff;
  background: #2EB6AA;
  border-radius: 7.5rem;
  padding: 0.375rem 2.25rem;
  text-align: center;
  position: relative;
  margin-inline: auto;
  transform: translateY(50%);
  width: fit-content;
  z-index: 2;
}

@media screen and (max-width: 767px) {
  .s-memberShipPrice .s-memberShipPrice__description {
    font-size: 1rem;
  }
}

.s-memberShipPrice .s-memberShipPrice__categories {
  background: #fff;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.5rem 0;
  padding: 3.75rem 3rem 2.25rem;
}

@media screen and (max-width: 767px) {
  .s-memberShipPrice .s-memberShipPrice__categories {
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
    padding: 3rem 0.75rem 1.25rem;
  }
}

.s-memberShipPrice .s-memberShipPrice__category {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding-left: 2rem;
  position: relative;
}

@media screen and (max-width: 767px) {
  .s-memberShipPrice .s-memberShipPrice__category {
    width: 10.4375rem;
    padding-left: 1.5rem;
    gap: 0.375rem;
  }
}

.s-memberShipPrice .s-memberShipPrice__checkIcon {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 1.5625rem;
  height: 1.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

@media screen and (max-width: 767px) {
  .s-memberShipPrice .s-memberShipPrice__checkIcon {
    width: 1.1875rem;
    height: 1rem;
  }
}

.s-memberShipPrice .s-memberShipPrice__checkIcon svg {
  width: 0.625rem;
  height: 0.625rem;
}

@media screen and (max-width: 767px) {
  .s-memberShipPrice .s-memberShipPrice__checkIcon svg {
    width: 0.5rem;
    height: 0.5rem;
  }
}

.s-memberShipPrice .s-memberShipPrice__categoryText {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 1.125rem;
  line-height: 1.2;
  color: #000;
}

@media screen and (max-width: 767px) {
  .s-memberShipPrice .s-memberShipPrice__categoryText {
    font-size: 0.8125rem;
  }
}

.s-memberShipContens {
  margin-bottom: 9rem;
}

@media screen and (max-width: 767px) {
  .s-memberShipContens {
    margin-bottom: 6rem;
  }
}

.s-memberShipContens .c-sectionTitle2 {
  margin-bottom: 4.5rem;
}

@media screen and (max-width: 767px) {
  .s-memberShipContens .c-sectionTitle2 {
    margin-bottom: 3rem;
  }
}

.s-memberShipContens .s-memberShipContens__sliderWrap {
  overflow: hidden;
}

.s-memberShipContens .s-memberShipContens__sliderWrap+.s-memberShipContens__sliderWrap {
  margin-top: 4.5rem;
}

@media screen and (max-width: 767px) {
  .s-memberShipContens .s-memberShipContens__sliderWrap+.s-memberShipContens__sliderWrap {
    margin-top: 3rem;
  }
}

.s-memberShipContens .s-memberShipContens__sliderTitle {
  text-align: center;
  font-size: 1.5rem;
  margin-bottom: 2.25rem;
  line-height: 1;
  font-family: "Roca", sans-serif;
  font-weight: 700;
}

@media screen and (max-width: 767px) {
  .s-memberShipContens .s-memberShipContens__sliderTitle {
    font-size: 1.125rem;
    margin-bottom: 1.5rem;
  }
}

.s-memberShipContens .s-memberShipContens__slider+.s-memberShipContens__slider {
  margin-top: 0.75rem;
}

.s-memberShipContens .swiper-wrapper {
  transition-timing-function: linear;
}

.s-memberShipContens .s-memberShipContens__sliderItem {
  width: 10.1875rem;
}

@media screen and (max-width: 767px) {
  .s-memberShipContens .s-memberShipContens__sliderItem {
    width: 5.0625rem;
  }
}

.s-memberShipContens .s-memberShipContens__sliderItem img {
  aspect-ratio: 163/216;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.s-memberShipContens .c-moreBtn {
  margin-top: 2.25rem;
}

@media screen and (max-width: 767px) {
  .s-memberShipContens .c-moreBtn {
    margin-top: 1.5rem;
  }
}

.s-memberShipContens .s-memberShipContens__slider.-article .s-memberShipContens__sliderItem {
  width: 15.5rem;
}

@media screen and (max-width: 767px) {
  .s-memberShipContens .s-memberShipContens__slider.-article .s-memberShipContens__sliderItem {
    width: 7.9375rem;
  }
}

.s-memberShipContens .s-memberShipContens__slider.-article .s-memberShipContens__sliderItem img {
  aspect-ratio: 248/166;
}

.s-memberShipFlow {
  margin-bottom: 9rem;
}

@media screen and (max-width: 767px) {
  .s-memberShipFlow {
    margin-bottom: 6rem;
  }
}

@media screen and (max-width: 767px) {
  .s-memberShipFlow .container {
    padding: 0;
  }
}

@media screen and (max-width: 767px) {
  .s-memberShipFlow .c-sectionTitle2 {
    padding-inline: 1rem;
  }
}

.s-memberShipFlow .s-memberShipFlow__steps {
  display: flex;
  gap: 1.5rem;
  margin-top: 3.75rem;
}

@media screen and (max-width: 767px) {
  .s-memberShipFlow .s-memberShipFlow__steps {
    flex-direction: column;
    gap: 0.5rem;
    margin-top: 2rem;
    padding-left: 0.5rem;
  }
}

.s-memberShipFlow .s-memberShipFlow__step {
  position: relative;
  flex: 1;
  background: #F5F5F5;
  border: 0.0625rem solid #B8B8B8;
  border-bottom: none;
  border-right: none;
  padding: 3.5rem 2rem 1.5rem;
}

@media screen and (max-width: 767px) {
  .s-memberShipFlow .s-memberShipFlow__step {
    padding: 1.5rem 1rem 1rem;
  }
}

@media screen and (min-width: 768px) {
  .s-memberShipFlow .s-memberShipFlow__step:first-child::before {
    content: none;
  }
}

.s-memberShipFlow .s-memberShipFlow__step::before {
  content: "";
  background: url("/assets/img/common/arrow-step.png") no-repeat center center/contain;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(-50%, -50%);
  width: 2rem;
  height: 3rem;
}

@media screen and (max-width: 767px) {
  .s-memberShipFlow .s-memberShipFlow__step::before {
    background: url("/assets/img/common/arrow-step-sp.png") no-repeat center center/contain;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 2.3125rem;
    height: 2.5rem;
  }
}

.s-memberShipFlow .s-memberShipFlow__stepNumber {
  position: absolute;
  top: 0;
  left: 2rem;
  background: #2EB6AA;
  border: 0.0625rem solid #2EB6AA;
  border-top: none;
  border-left: none;
  border-radius: 0 0 0.5rem 0.5rem;
  padding: 0.5rem 0.625rem 0.25rem;
  display: flex;
  align-items: baseline;
  gap: 0.375rem;
}

@media screen and (max-width: 767px) {
  .s-memberShipFlow .s-memberShipFlow__stepNumber {
    border-radius: 0 0 0.25rem 0.25rem;
    flex-direction: column;
    left: 1rem;
    padding: 0.625rem 0.875rem 0.375rem;
    gap: 0.25rem;
  }
}

.s-memberShipFlow .s-memberShipFlow__stepLabel {
  font-family: "Roca", sans-serif;
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1;
  color: #fff;
}

@media screen and (max-width: 767px) {
  .s-memberShipFlow .s-memberShipFlow__stepLabel {
    font-size: 0.625rem;
  }
}

.s-memberShipFlow .s-memberShipFlow__stepNum {
  font-family: "Roca", sans-serif;
  font-weight: 700;
  font-size: 1.5rem;
  line-height: 1;
  color: #fff;
  text-transform: uppercase;
}

@media screen and (max-width: 767px) {
  .s-memberShipFlow .s-memberShipFlow__stepNum {
    font-size: 1.25rem;
  }
}

.s-memberShipFlow .s-memberShipFlow__stepContent {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

@media screen and (max-width: 767px) {
  .s-memberShipFlow .s-memberShipFlow__stepContent {
    gap: 0.5rem;
  }
}

.s-memberShipFlow .s-memberShipFlow__stepTitle {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 1.25rem;
  line-height: 1.5;
  color: #000;
}

@media screen and (max-width: 767px) {
  .s-memberShipFlow .s-memberShipFlow__stepTitle {
    padding-left: 4.25rem;
    font-size: 1rem;
  }
}

.s-memberShipFlow .s-memberShipFlow__stepDescription {
  font-size: 1rem;
  line-height: 1.5;
  color: #000;
}

@media screen and (max-width: 767px) {
  .s-memberShipFlow .s-memberShipFlow__stepDescription {
    font-size: 0.875rem;
  }
}

.s-memberShipFlow .s-memberShipFlow__stepItems {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.s-memberShipFlow .s-memberShipFlow__stepItem {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.s-memberShipFlow .s-memberShipFlow__stepDot {
  background: #B8B8B8;
  width: 0.375rem;
  height: 0.375rem;
  border-radius: 50%;
  flex-shrink: 0;
}

@media screen and (max-width: 767px) {
  .s-memberShipFlow .s-memberShipFlow__stepDot {
    width: 0.25rem;
    height: 0.25rem;
  }
}

.s-memberShipFlow .s-memberShipFlow__stepItemText {
  font-size: 0.875rem;
  line-height: 1.5;
  color: #000;
}

@media screen and (max-width: 767px) {
  .s-memberShipFlow .s-memberShipFlow__stepItemText {
    font-size: 0.75rem;
  }
}

.s-memberShipFaq {
  margin-bottom: 9.875rem;
}

@media screen and (max-width: 767px) {
  .s-memberShipFaq {
    margin-bottom: 6rem;
  }
}

.s-memberShipFaq .container {
  max-width: 60rem;
}

@media screen and (max-width: 767px) {
  .s-memberShipFaq .container {
    padding: 0 1rem;
  }
}

.s-memberShipFaq .s-memberShipFaq__list {
  margin-top: 3.75rem;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

@media screen and (max-width: 767px) {
  .s-memberShipFaq .s-memberShipFaq__list {
    margin-top: 2rem;
    gap: 0.5rem;
  }
}

.s-memberShipFaq .s-memberShipFaq__item {
  background: #fff;
  border-radius: 0.5rem;
  overflow: hidden;
}

.s-memberShipFaq .s-memberShipFaq__question {
  width: 100%;
  padding: 2rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  transition: all 0.3s ease;
}

@media screen and (max-width: 767px) {
  .s-memberShipFaq .s-memberShipFaq__question {
    align-items: flex-start;
    top: 0.125rem;
    padding: 1rem;
    gap: 0.5rem;
  }
}

.s-memberShipFaq .s-memberShipFaq__questionInner {
  display: flex;
  align-items: center;
  gap: 1rem;
  flex: 1;
}

@media screen and (max-width: 767px) {
  .s-memberShipFaq .s-memberShipFaq__questionInner {
    align-items: flex-start;
    gap: 0.5rem;
  }
}

.s-memberShipFaq .s-memberShipFaq__qMark {
  font-family: "Roca", sans-serif;
  font-weight: 700;
  font-size: 1.75rem;
  line-height: 1;
  color: #2EB6AA;
  flex-shrink: 0;
}

@media screen and (max-width: 767px) {
  .s-memberShipFaq .s-memberShipFaq__qMark {
    position: relative;
    top: 0.125rem;
    font-size: 1.5rem;
  }
}

.s-memberShipFaq .s-memberShipFaq__questionText {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 1rem;
  line-height: 1.5;
  color: #000;
  text-align: left;
}

@media screen and (max-width: 767px) {
  .s-memberShipFaq .s-memberShipFaq__questionText {
    font-size: 0.9375rem;
  }
}

.s-memberShipFaq .s-memberShipFaq__icon {
  width: 1rem;
  height: 1rem;
  background: #000;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: transform 0.3s ease;
  position: relative;
}

@media screen and (max-width: 767px) {
  .s-memberShipFaq .s-memberShipFaq__icon {
    position: relative;
    top: 0.25rem;
  }
}

.s-memberShipFaq .s-memberShipFaq__icon::before, .s-memberShipFaq .s-memberShipFaq__icon::after {
  content: "";
  background-color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.s-memberShipFaq .s-memberShipFaq__icon::before {
  height: 0.0625rem;
  width: 0.5rem;
}

.s-memberShipFaq .s-memberShipFaq__icon::after {
  height: 0.5rem;
  width: 0.0625rem;
}

.s-memberShipFaq .s-memberShipFaq__answer {
  height: 0;
  position: relative;
  overflow: hidden;
  transition: height 0.4s ease;
}

.s-memberShipFaq .s-memberShipFaq__answerInner {
  padding: 1.25rem 2rem 2rem;
}

@media screen and (max-width: 767px) {
  .s-memberShipFaq .s-memberShipFaq__answerInner {
    padding: 1rem 1rem 1rem;
  }
}

.s-memberShipFaq .s-memberShipFaq__answerText {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 1rem;
  line-height: 1.5;
  color: #000;
  margin: 0;
}

@media screen and (max-width: 767px) {
  .s-memberShipFaq .s-memberShipFaq__answerText {
    font-size: 0.875rem;
  }
}

.s-memberShipFaq .s-memberShipFaq__item.is-open .s-memberShipFaq__answer::before {
  content: "";
  background-color: #E0E0E0;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  height: 0.0625rem;
  width: calc(100% - 4rem);
}

@media screen and (max-width: 767px) {
  .s-memberShipFaq .s-memberShipFaq__item.is-open .s-memberShipFaq__answer::before {
    width: calc(100% - 2rem);
  }
}

.s-memberShipFaq .s-memberShipFaq__item.is-open .s-memberShipFaq__icon::after {
  opacity: 0;
}

.s-pageHeader {
  padding-block: 5.25rem 4.125rem;
}

@media screen and (max-width: 767px) {
  .s-pageHeader {
    padding-block: 3rem;
  }
}

@media screen and (max-width: 767px) {
  .s-pageHeader.-styleIndex {
    padding-block: 3rem 1.5rem;
  }
}

.s-pageHeader .s-pageHeader__inner {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1.625rem;
}

@media screen and (max-width: 767px) {
  .s-pageHeader .s-pageHeader__inner {
    flex-direction: column;
    gap: 1.5rem;
  }
}

.s-pageHeader .s-pageHeader__titleArea {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

@media screen and (max-width: 767px) {
  .s-pageHeader .s-pageHeader__titleArea {
    align-items: center;
    width: 100%;
  }

  .s-pageHeader .s-pageHeader__titleArea::after {
    content: "";
    background: #E0E0E0;
    height: 0.0625rem;
    margin: 0 calc(50% - 50vw);
    width: 100vw;
  }
}

.s-pageHeader .s-pageHeader__title {
  padding-bottom: 2.375rem;
  position: relative;
  font-size: 1.75rem;
  line-height: 1.5;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}

@media screen and (max-width: 767px) {
  .s-pageHeader .s-pageHeader__title {
    padding-bottom: 1.125rem;
    font-size: 1.25rem;
  }
}

.s-pageHeader .s-pageHeader__title::after {
  content: "";
  background-color: #000;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 0.25rem;
  width: 3.75rem;
}

@media screen and (max-width: 767px) {
  .s-pageHeader .s-pageHeader__title::after {
    left: 50%;
    transform: translateX(-50%);
  }
}

.s-pageHeader .s-pageHeader__content {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  width: 37.5rem;
}

@media screen and (max-width: 767px) {
  .s-pageHeader .s-pageHeader__content {
    align-items: flex-start;
    width: 100%;
  }
}

.s-pageHeader .s-pageHeader__tagline {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 1rem;
  line-height: 1.5;
}

@media screen and (max-width: 767px) {
  .s-pageHeader .s-pageHeader__tagline {
    font-size: 0.9375rem;
  }
}

.s-pageHeader .s-pageHeader__description {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 0.875rem;
  line-height: 1.5;
}

.s-pageHeader2 {
  margin: 1.5rem 1.5rem 6rem;
  position: relative;
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  .s-pageHeader2 {
    margin: 0.5rem 0.5rem 2.5rem;
  }
}

.s-pageHeader2 .s-pageHeader2__inner {
  background-color: #fff;
}

.s-pageHeader2 .s-pageHeader2__inner>.container::before {
  display: none;
}

@media screen and (min-width: 768px) {
  .s-pageHeader2 .s-pageHeader2__inner::after {
    content: "";
    background-color: #000;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    height: 2.25rem;
    width: 0.25rem;
  }
}

.s-pageHeader2 .container {
  background-color: #fff;
  border-radius: 0.5rem;
  padding-block: 4.5rem;
  position: relative;
  display: flex;
  justify-content: space-between;
  gap: 4.5rem;
}

@media screen and (max-width: 767px) {
  .s-pageHeader2 .container {
    flex-direction: column;
    gap: 1rem;
    padding-block: 3rem;
  }

  .s-pageHeader2 .container::after {
    content: "";
    background-color: #000;
    position: absolute;
    top: 3rem;
    transform: 0;
    left: 0;
    height: 2.25rem;
    width: 0.25rem;
  }
}

.s-pageHeader2 .s-pageHeader2__title {
  font-size: 1.5rem;
  font-weight: 700;
  position: relative;
  flex-shrink: 0;
  z-index: 1;
}

@media screen and (max-width: 767px) {
  .s-pageHeader2 .s-pageHeader2__title {
    font-size: 1.25rem;
  }
}

.s-pageHeader2 .s-pageHeader2__titleEn {
  color: #F5F5F5;
  font-size: 4.5rem;
  line-height: 1;
  position: absolute;
  bottom: -0.9375rem;
  z-index: 0;
  font-family: "Roca", sans-serif;
  font-weight: 700;
}

@media screen and (max-width: 767px) {
  .s-pageHeader2 .s-pageHeader2__titleEn {
    bottom: -0.625rem;
    font-size: 2.25rem;
  }
}

.s-pageHeader2 .s-pageHeader2__description {
  font-size: 0.875rem;
  line-height: 1.5;
  width: 37.5rem;
}

@media screen and (max-width: 767px) {
  .s-pageHeader2 .s-pageHeader2__description {
    width: 100%;
  }
}

.s-bookLists {
  margin-bottom: 9rem;
}

@media screen and (max-width: 767px) {
  .s-bookLists {
    margin-bottom: 6rem;
  }
}

@media screen and (max-width: 767px) {
  .s-bookLists .container {
    padding: 0;
  }
}

@media screen and (max-width: 767px) {
  .s-bookLists .c-articleFilter {
    margin-inline: 1rem;
  }
}

.s-bookLists .s-bookLists__list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin-top: 3rem;
}

@media screen and (max-width: 767px) {
  .s-bookLists .s-bookLists__list {
    grid-template-columns: 1fr;
    gap: 0;
  }
}

.s-bookLists .s-bookLists__item {
  border-bottom: 0.0625rem solid #E0E0E0;
}

.s-bookLists .s-bookLists__item:nth-child(odd) {
  border-right: 0.0625rem solid #E0E0E0;
}

.s-bookLists .s-bookLists__link {
  display: flex;
  align-items: flex-start;
  gap: 2.25rem;
  padding: 2.25rem;
  position: relative;
  height: 100%;
}

@media screen and (max-width: 767px) {
  .s-bookLists .s-bookLists__link {
    flex-direction: column;
    align-items: center;
    gap: 0;
    padding: 0;
  }
}

.s-bookLists .s-bookLists__image {
  flex-shrink: 0;
  width: 14.125rem;
}

@media screen and (max-width: 767px) {
  .s-bookLists .s-bookLists__image {
    margin-bottom: 1rem;
    width: 100%;
  }
}

.s-bookLists .s-bookLists__img {
  aspect-ratio: 226/298;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

@media screen and (max-width: 767px) {
  .s-bookLists .s-bookLists__img {
    aspect-ratio: 375/228;
  }
}

.s-bookLists .s-bookLists__content {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

@media screen and (max-width: 767px) {
  .s-bookLists .s-bookLists__content {
    gap: 0.625rem;
    padding-inline: 1rem;
    width: 100%;
  }
}

.s-bookLists .s-bookLists__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.s-bookLists .s-bookLists__category {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 0.75rem;
  line-height: 1;
  background: #77C7C6;
  border-radius: 0.1875rem;
  padding: 0.375rem;
  display: flex;
  align-items: center;
}

@media screen and (max-width: 767px) {
  .s-bookLists .s-bookLists__category {
    border-radius: 0.125rem;
    padding: 0.25rem;
  }
}

.s-bookLists .s-bookLists__publishDate {
  font-size: 0.75rem;
  line-height: 1;
  opacity: 0.25;
}

@media screen and (max-width: 767px) {
  .s-bookLists .s-bookLists__publishDate {
    text-transform: uppercase;
  }
}

.s-bookLists .s-bookLists__text {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding-bottom: 1.875rem;
}

@media screen and (max-width: 767px) {
  .s-bookLists .s-bookLists__text {
    gap: 0.375rem;
    padding-bottom: 0;
  }
}

.s-bookLists .s-bookLists__title {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 1rem;
  line-height: 1.5;
  color: #000;
  margin: 0;
}

@media screen and (max-width: 767px) {
  .s-bookLists .s-bookLists__title {
    font-size: 1rem;
  }
}

.s-bookLists .s-bookLists__author {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 0.8125rem;
  line-height: 1.5;
  color: #000;
  margin: 0;
}

@media screen and (max-width: 767px) {
  .s-bookLists .s-bookLists__author {
    font-size: 0.875rem;
  }
}

.s-bookLists .s-bookLists__description {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #000;
  margin: 0;
}

@media screen and (max-width: 767px) {
  .s-bookLists .s-bookLists__description {
    font-size: 0.875rem;
  }
}

.s-bookLists .s-bookLists__badge {
  position: absolute;
  bottom: 2.25rem;
  right: 2.25rem;
  display: flex;
  align-items: center;
}

@media screen and (max-width: 767px) {
  .s-bookLists .s-bookLists__badge {
    position: static;
    bottom: auto;
    right: auto;
    align-self: flex-end;
    padding-inline: 1rem;
    padding-block: 0.625rem 1rem;
  }
}

.s-bookLists .s-bookLists__badgeIcon {
  display: flex;
  align-items: center;
  justify-content: center;
}

.s-bookLists .s-bookLists__badgeText {
  background-color: #000;
  color: #fff;
  padding: 0.1875rem 0.25rem;
  font-size: 0.75rem;
  line-height: 1.2;
  text-align: center;
  position: relative;
  left: -1px;
  border-radius: 1px 0 0 2px;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}

@media screen and (max-width: 767px) {
  .s-bookLists .s-bookLists__item:not(:first-child) .s-bookLists__link {
    align-items: flex-start;
    padding: 1rem;
    flex-direction: row;
    gap: 1rem;
  }

  .s-bookLists .s-bookLists__item:not(:first-child) .s-bookLists__image {
    margin-bottom: 0;
    width: 6rem;
  }
}

@media screen and (max-width: 767px) and (max-width: 767px) {
  .s-bookLists .s-bookLists__item:not(:first-child) .s-bookLists__image {
    width: 5.625rem;
  }
}

@media screen and (max-width: 767px) {
  .s-bookLists .s-bookLists__item:not(:first-child) .s-bookLists__image img {
    aspect-ratio: 1/1;
  }
}

@media screen and (max-width: 767px) and (max-width: 767px) {
  .s-bookLists .s-bookLists__item:not(:first-child) .s-bookLists__image img {
    aspect-ratio: 90/120;
  }
}

@media screen and (max-width: 767px) {
  .s-bookLists .s-bookLists__item:not(:first-child) .s-bookLists__title {
    font-size: 0.875rem;
    font-weight: 400;
  }

  .s-bookLists .s-bookLists__item:not(:first-child) .s-bookLists__content {
    padding: 0;
  }

  .s-bookLists .s-bookLists__item:not(:first-child) .s-bookLists__badge,
  .s-bookLists .s-bookLists__item:not(:first-child) .s-bookLists__author,
  .s-bookLists .s-bookLists__item:not(:first-child) .s-bookLists__description {
    display: none;
  }
}

.s-bookLists .s-bookLists__pageNation {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 3rem;
  margin-inline: auto;
  max-width: 27.5rem;
}

@media screen and (max-width: 767px) {
  .s-bookLists .s-bookLists__pageNation {
    padding-inline: 1rem;
  }
}

.s-bookLists .s-bookLists__pageNation .s-bookLists__pageNationPrev,
.s-bookLists .s-bookLists__pageNation .s-bookLists__pageNationNext {
  font-family: "Roca", sans-serif;
  font-weight: 700;
}

@media screen and (max-width: 767px) {

  .s-bookLists .s-bookLists__pageNation .s-bookLists__pageNationPrev,
  .s-bookLists .s-bookLists__pageNation .s-bookLists__pageNationNext {
    font-size: 0.8rem;
  }
}

.s-bookLists .s-bookLists__pageNation .s-bookLists__pageNationPrev.disabled,
.s-bookLists .s-bookLists__pageNation .s-bookLists__pageNationNext.disabled {
  opacity: 0.25;
  pointer-events: none;
}

.s-bookLists .s-bookLists__pageNation .s-bookLists__pageNationPageLists {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

@media screen and (max-width: 767px) {
  .s-bookLists .s-bookLists__pageNation .s-bookLists__pageNationPageLists {
    gap: 0.2rem;
  }
}

.s-bookLists .s-bookLists__pageNation .s-bookLists__pageNationPageLists .s-bookLists__pageNationPageItem {
  border-radius: 999px;
  display: flex;
  justify-content: center;
  line-height: 3.3;
  height: 3rem;
  width: 3rem;
  font-family: "Roca", sans-serif;
  font-weight: 700;
  transition: background-color 0.4s, color 0.4s;
}

@media screen and (max-width: 767px) {
  .s-bookLists .s-bookLists__pageNation .s-bookLists__pageNationPageLists .s-bookLists__pageNationPageItem {
    font-size: 0.8rem;
    height: 2.375rem;
    width: 2.375rem;
  }
}

.s-bookLists .s-bookLists__pageNation .s-bookLists__pageNationPageLists .s-bookLists__pageNationPageItem.current, .s-bookLists .s-bookLists__pageNation .s-bookLists__pageNationPageLists .s-bookLists__pageNationPageItem:hover {
  background-color: #000;
  color: #fff;
  opacity: 1;
}

.s-bookLists .s-bookLists__moreBtn {
  display: none;
  justify-content: center;
  margin-top: 1.5rem;
  align-items: center;
  gap: 0.75rem;
  width: 100%;
}

@media screen and (max-width: 767px) {
  .s-bookLists .s-bookLists__moreBtn {
    display: flex;
  }
}

.s-bookLists .s-bookLists__moreBtn .s-bookLists__moreIcon {
  position: relative;
  top: -0.125rem;
  width: 0.9375rem;
  height: 0.9375rem;
}

.s-bookLists .s-bookLists__moreText {
  font-family: "Roca", sans-serif;
  font-weight: 700;
  font-size: 0.9375rem;
  line-height: 1;
}

.s-bookLists.-hairMode .s-bookLists__category {
  background-color: #2EB6AA;
}

.s-bookLists.-beauty .s-bookLists__category {
  background-color: #F4A893;
}

.s-bookListsPickUp {
  margin-block: 5.25rem 6.75rem;
}

@media screen and (max-width: 767px) {
  .s-bookListsPickUp {
    margin-block: 3rem 6rem;
  }
}

@media screen and (max-width: 767px) {
  .s-bookListsPickUp .container {
    padding: 0;
  }
}

.s-bookListsPickUp .s-bookListsPickUp__pageTitle {
  font-size: 1.75rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.5;
  padding-bottom: 2.625rem;
  position: relative;
  margin-bottom: 3rem;
}

@media screen and (max-width: 767px) {
  .s-bookListsPickUp .s-bookListsPickUp__pageTitle {
    font-size: 1.25rem;
    padding-bottom: 1.125rem;
    text-align: center;
  }
}

.s-bookListsPickUp .s-bookListsPickUp__pageTitle::before {
  content: "";
  background-color: #000;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 0.25rem;
  width: 3.75rem;
}

@media screen and (max-width: 767px) {
  .s-bookListsPickUp .s-bookListsPickUp__pageTitle::before {
    width: 2.5rem;
    left: 50%;
    transform: translateX(-50%);
  }
}

.s-bookListsPickUp .s-bookListsPickUp__pageTitle::after {
  content: "";
  background-color: #E0E0E0;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 0.0625rem;
  margin: 0 calc(50% - 50vw);
  width: 100vw;
}

.s-bookListsPickUp .s-bookListsPickUp__slider {
  position: relative;
}

.s-bookListsPickUp .s-bookListsPickUp__slider:hover .s-bookListsPickUp__textBox {
  opacity: 0.5;
}

.s-bookListsPickUp .s-bookListsPickUp__link {
  display: flex;
  justify-content: space-between;
  gap: 4.5rem;
}

@media screen and (max-width: 767px) {
  .s-bookListsPickUp .s-bookListsPickUp__link {
    flex-direction: column;
    padding-inline: 1rem;
    gap: 1.5rem;
  }
}

.s-bookListsPickUp .s-bookListsPickUp__textBox {
  transition: opacity 0.4s;
  width: 33rem;
}

@media screen and (max-width: 767px) {
  .s-bookListsPickUp .s-bookListsPickUp__textBox {
    width: 100%;
  }
}

.s-bookListsPickUp .s-bookListsPickUp__textBox .s-bookListsPickUp__textBoxHeader {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 1.5rem;
}

@media screen and (max-width: 767px) {
  .s-bookListsPickUp .s-bookListsPickUp__textBox .s-bookListsPickUp__textBoxHeader {
    margin-bottom: 0.5rem;
  }
}

.s-bookListsPickUp .s-bookListsPickUp__textBox .s-bookListsPickUp__cat {
  background-color: #D5C6BC;
  border-radius: 0.1875rem;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1;
  padding: 0.375rem;
}

.s-bookListsPickUp .s-bookListsPickUp__textBox .s-bookListsPickUp__date {
  color: #D6154F;
  font-size: 0.75rem;
  line-height: 1;
}

.s-bookListsPickUp .s-bookListsPickUp__textBox .s-bookListsPickUp__date span {
  border-radius: 0.1875rem;
  border: 0.0625rem solid;
  display: inline-block;
  padding: 0.375rem;
  margin-left: 0.5rem;
}

.s-bookListsPickUp .s-bookListsPickUp__textBox .s-bookListsPickUp__title {
  font-size: 1.5rem;
  line-height: 1.5;
  margin-bottom: 1rem;
  font-weight: 700;
  letter-spacing: 0;
}

@media screen and (max-width: 767px) {
  .s-bookListsPickUp .s-bookListsPickUp__textBox .s-bookListsPickUp__title {
    font-size: 1.125rem;
    margin-bottom: 0.75rem;
  }
}

.s-bookListsPickUp .s-bookListsPickUp__textBox .s-bookListsPickUp__description {
  font-size: 0.9375rem;
  line-height: 2;
}

@media screen and (max-width: 767px) {
  .s-bookListsPickUp .s-bookListsPickUp__textBox .s-bookListsPickUp__description {
    font-size: 0.875rem;
  }
}

.s-bookListsPickUp .s-bookListsPickUp__imageBoxWrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 37.5rem;
}

@media screen and (max-width: 767px) {
  .s-bookListsPickUp .s-bookListsPickUp__imageBoxWrap {
    width: 100%;
  }
}

.s-bookListsPickUp .s-bookListsPickUp__imageBox {
  position: relative;
  margin-top: -10.5rem;
  margin-left: -2.25rem;
  width: 27.1875rem;
}

@media screen and (max-width: 767px) {
  .s-bookListsPickUp .s-bookListsPickUp__imageBox {
    position: relative;
    left: -0.5rem;
    margin-top: 0;
    margin-inline: auto;
    width: 14.1875rem;
  }
}

.s-bookListsPickUp .s-bookListsPickUp__imageBox img {
  aspect-ratio: 435/576;
  object-fit: cover;
}

@media screen and (max-width: 767px) {
  .s-bookListsPickUp .s-bookListsPickUp__imageBox img {
    aspect-ratio: 227/300;
  }
}

.s-bookListsPickUp .s-bookListsPickUp__imageBox::after {
  content: "";
  background: url("/assets/img/booklists/booklists-slider-bg.png") no-repeat center center/contain;
  position: absolute;
  top: 0.5rem;
  left: 0.75rem;
  height: 37rem;
  width: 28.75rem;
  z-index: -1;
}

@media screen and (max-width: 767px) {
  .s-bookListsPickUp .s-bookListsPickUp__imageBox::after {
    top: 0.25rem;
    left: 0.25rem;
    height: 19.25rem;
    width: 15.1875rem;
  }
}

.s-bookListsPickUp .c-sliderControl {
  position: absolute;
  bottom: -4.0625rem;
  right: 14.6875rem;
  transform: translateY(100%);
  z-index: 4;
}

@media screen and (max-width: 767px) {
  .s-bookListsPickUp .c-sliderControl {
    bottom: -3.125rem;
    right: initial;
    left: 50%;
    transform: translateX(-50%);
  }
}

.s-bookListsPickUp .s-bookListsPickUp__sliderSub {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding-block: 1.5rem;
  padding-right: 29.4375rem;
  position: relative;
  margin-top: -3.125rem;
}

.s-bookListsPickUp .s-bookListsPickUp__sliderSub::before {
  content: "";
  background-color: #E0E0E0;
  position: absolute;
  top: 0;
  left: 0;
  height: 0.0625rem;
  margin: 0 calc(50% - 50vw);
  width: 100vw;
}

.s-bookListsPickUp .s-bookListsPickUp__sliderSub::after {
  content: "";
  background-color: #E0E0E0;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 0.0625rem;
  margin: 0 calc(50% - 50vw);
  width: 100vw;
}

@media screen and (max-width: 767px) {
  .s-bookListsPickUp .s-bookListsPickUp__sliderSub {
    justify-content: center;
    margin-top: -0.75rem;
    padding-block: 5.5rem 1.5rem;
    padding-right: 0;
  }
}

.s-bookListsPickUp .s-bookListsPickUp__sliderSub .swiper-wrapper {
  gap: 0.75rem;
  flex-wrap: wrap;
  transform: translate(0) !important;
}

@media screen and (max-width: 767px) {
  .s-bookListsPickUp .s-bookListsPickUp__sliderSub .swiper-wrapper {
    justify-content: center;
  }
}

.s-bookListsPickUp .s-bookListsPickUp__sliderSub .s-bookListsPickUp__sliderSubItem {
  cursor: pointer;
  opacity: 0.5;
  width: 5.625rem;
  transition: opacity 0.4s;
}

@media screen and (max-width: 767px) {
  .s-bookListsPickUp .s-bookListsPickUp__sliderSub .s-bookListsPickUp__sliderSubItem {
    width: 3.375rem;
  }
}

.s-bookListsPickUp .s-bookListsPickUp__sliderSub .s-bookListsPickUp__sliderSubItem.swiper-slide-thumb-active {
  opacity: 1;
}

.s-bookListsPickUp .s-bookListsPickUp__sliderSub .s-bookListsPickUp__sliderSubItem img {
  aspect-ratio: 90/120;
  object-fit: cover;
  width: 100%;
  height: auto;
}

.s-bookDetail .s-bookDetail__fixCvBtnWrap {
  display: none;
}

@media screen and (max-width: 767px) {
  .s-bookDetail .s-bookDetail__fixCvBtnWrap {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 2;
  }
}

.s-bookDetail .s-bookDetail__fixCvBtnWrap .s-bookDetail__fixCvBtnInner {
  width: fit-content;
  margin-inline: auto;
}

.s-bookDetail .s-bookDetail__fixCvBtnWrap .s-bookDetail__fixCvBtn {
  background-color: #000;
  border-radius: 0.25rem 0.25rem 0 0;
  color: #fff;
  padding: 0.4375rem 1.25rem 0.625rem;
}

.s-bookDetail .s-bookDetail__fixCvBtnWrap .s-bookDetail__fixCvBtnTitle {
  display: flex;
  gap: 0.5rem;
  font-size: 0.875rem;
  font-weight: 700;
  margin-bottom: 0.25rem;
  line-height: 1.5;
}

.s-bookDetail .s-bookDetail__fixCvBtnWrap .s-bookDetail__fixCvBtnTitle img {
  width: 1rem;
}

.s-bookDetail .s-bookDetail__fixCvBtnWrap .s-bookDetail__fixCvBtnPrice {
  font-size: 0.75rem;
  line-height: 1.5;
}

.s-bookDetail .s-bookDetail__header {
  border-bottom: 0.0625rem solid #E0E0E0;
}

@media screen and (max-width: 767px) {
  .s-bookDetail .s-bookDetail__header {
    border-bottom: 0;
  }
}

.s-bookDetail .s-bookDetail__header .container {
  align-items: flex-start;
  display: flex;
  justify-content: space-between;
  max-width: 77.5rem;
  position: relative;
  padding-block: 4.5rem 3.375rem;
}

@media screen and (max-width: 767px) {
  .s-bookDetail .s-bookDetail__header .container {
    padding-block: 1rem 1.4375rem;
    flex-direction: column;
  }
}

.s-bookDetail .s-bookDetail__header .container::after {
  content: "";
  background-color: #E0E0E0;
  position: absolute;
  top: 0;
  right: 18.5rem;
  width: 0.0625rem;
  height: 26.125rem;
}

@media screen and (max-width: 767px) {
  .s-bookDetail .s-bookDetail__header .container::after {
    content: none;
  }
}

.s-bookDetail .s-bookDetail__headerLeft {
  position: relative;
  width: 60rem;
}

@media screen and (max-width: 767px) {
  .s-bookDetail .s-bookDetail__headerLeft {
    width: 100%;
  }
}

.s-bookDetail .s-bookDetail__headerRight {
  padding-left: 5.25rem;
  width: calc(100% - 60rem);
}

@media screen and (max-width: 767px) {
  .s-bookDetail .s-bookDetail__headerRight {
    width: 100%;
  }
}

.s-bookDetail .s-bookDetail__headerContent {
  padding-right: 7.5rem;
}

@media screen and (max-width: 767px) {
  .s-bookDetail .s-bookDetail__headerContent {
    padding-right: 0;
  }
}

.s-bookDetail .s-bookDetail__meta {
  display: flex;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}

@media screen and (max-width: 767px) {
  .s-bookDetail .s-bookDetail__meta {
    align-items: center;
    justify-content: flex-start;
    gap: 0;
    margin-bottom: 1rem;
  }
}

.s-bookDetail .s-bookDetail__category {
  display: inline-flex;
  align-items: center;
  background-color: #D5C6BC;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 0.75rem;
  line-height: 1;
  padding: 0 0.375rem;
  height: 1.5rem;
  border-radius: 0.1875rem;
  width: fit-content;
}

@media screen and (max-width: 767px) {
  .s-bookDetail .s-bookDetail__category {
    margin-right: 0.75rem;
  }
}

.s-bookDetail .s-bookDetail__title {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 2rem;
  line-height: 1.5;
  margin: 0 0 0.75rem;
}

@media screen and (max-width: 767px) {
  .s-bookDetail .s-bookDetail__title {
    font-size: 1.25rem;
    margin-bottom: 1rem;
  }
}

.s-bookDetail .s-bookDetail__autor {
  margin-bottom: 0.375rem;
}

@media screen and (max-width: 767px) {
  .s-bookDetail .s-bookDetail__autor {
    font-size: 0.875rem;
  }
}

.s-bookDetail .s-bookDetail__releaseDate {
  margin-bottom: 0.75rem;
}

@media screen and (max-width: 767px) {
  .s-bookDetail .s-bookDetail__releaseDate {
    font-size: 0.875rem;
  }
}

.s-bookDetail .s-bookDetail__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
  align-items: center;
}

.s-bookDetail .s-bookDetail__tag {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

@media screen and (max-width: 767px) {
  .s-bookDetail .s-bookDetail__tag {
    border-radius: 2rem;
  }
}

.s-bookDetail .s-bookDetail__tagHash {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 1rem;
  line-height: 1.3;
  color: #D5C6BC;
}

@media screen and (max-width: 767px) {
  .s-bookDetail .s-bookDetail__tagHash {
    font-size: 0.75rem;
  }
}

.s-bookDetail .s-bookDetail__tagText {
  font-size: 1rem;
  line-height: 1.3;
}

@media screen and (max-width: 767px) {
  .s-bookDetail .s-bookDetail__tagText {
    font-size: 0.75rem;
  }
}

.s-bookDetail .s-bookDetail__date {
  font-family: "Roca", sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1;
  opacity: 0.5;
}

@media screen and (max-width: 767px) {
  .s-bookDetail .s-bookDetail__date {
    position: relative;
    top: 0.125rem;
    font-size: 0.75rem;
  }
}

.s-bookDetail .s-bookDetail__share {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3.125rem;
  padding-top: 0.4375rem;
}

@media screen and (max-width: 767px) {
  .s-bookDetail .s-bookDetail__share {
    display: none;
  }
}

.s-bookDetail .s-bookDetail__shareLabel {
  font-family: "Roca", sans-serif;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1;
}

.s-bookDetail .s-bookDetail__sns {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

@media screen and (max-width: 767px) {
  .s-bookDetail .s-bookDetail__sns {
    align-items: center;
    flex-direction: row;
    gap: 0.75rem;
  }
}

.s-bookDetail .s-bookDetail__sns.sp-only {
  display: none;
}

@media screen and (max-width: 767px) {
  .s-bookDetail .s-bookDetail__sns.sp-only {
    display: flex;
    margin-left: auto;
  }
}

.s-bookDetail .s-bookDetail__snsIcon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  border: 1px solid #E0E0E0;
  border-radius: 3rem;
  transition: opacity 0.4s;
}

.s-bookDetail .s-bookDetail__snsIcon:hover {
  opacity: 0.5;
}

@media screen and (max-width: 767px) {

  .s-bookDetail .s-bookDetail__snsIcon {
    border: 0;
    width: 1.5rem;
    height: 1.5rem;
  }
}

.s-bookDetail .s-bookDetail__snsIconImg {
  width: 1.5rem;
  height: 1.5rem;
}

@media screen and (max-width: 767px) {
  .s-bookDetail .s-bookDetail__snsIconImg {
    width: 1.25rem;
    height: 1.25rem;
  }
}

.s-bookDetail .s-bookDetail__body {
  margin-bottom: 7.5rem;
}

.s-bookDetail .s-bookDetail__body .container {
  display: flex;
  justify-content: space-between;
  max-width: 82.5rem;
  margin: 0 0 0 auto;
  padding-inline: 0;
  gap: 7.5rem;
}

@media screen and (min-width: 1921px) {
  .s-bookDetail .s-bookDetail__body .container {
    margin: 0 auto;
    padding-left: 3.75rem;
  }
}

@media screen and (min-width: 1921px) {
  .s-bookDetail .s-bookDetail__body .container {
    margin: 0 auto;
    padding-left: 3.75rem;
  }
}

@media screen and (max-width: 767px) {
  .s-bookDetail .s-bookDetail__body .container {
    margin: 0 auto;
    flex-direction: column;
    gap: 3rem;
    padding-inline: 1rem;
  }
}

.s-bookDetail .s-bookDetail__body .s-bookDetail__bodyLeft {
  width: 52.5rem;
}

@media screen and (max-width: 767px) {
  .s-bookDetail .s-bookDetail__body .s-bookDetail__bodyLeft {
    margin-top: 0;
    width: 100%;
  }
}

.s-bookDetail .s-bookDetail__body .c-sideBar {
  max-width: 22.5rem;
  width: calc(100% - 52.5rem);
}

@media screen and (max-width: 767px) {
  .s-bookDetail .s-bookDetail__body .c-sideBar {
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    max-width: initial;
    width: 100vw;
  }
}

.s-bookDetail .s-bookDetail__mainHead {
  display: flex;
  gap: 3rem;
}

@media screen and (max-width: 767px) {
  .s-bookDetail .s-bookDetail__mainHead {
    flex-direction: column-reverse;
    gap: 0;
  }
}

.s-bookDetail .s-bookDetail__mainHead .s-bookDetail__mainHeadTextBox {
  position: relative;
  padding-top: 4.5rem;
  width: calc(100% - 29.25rem - 3rem);
}

@media screen and (max-width: 767px) {
  .s-bookDetail .s-bookDetail__mainHead .s-bookDetail__mainHeadTextBox {
    padding-top: 1.75rem;
    width: 100%;
  }

  .s-bookDetail .s-bookDetail__mainHead .s-bookDetail__mainHeadTextBox::after {
    content: "";
    background-color: #B8B8B8;
    position: absolute;
    top: 0;
    left: 0;
    height: 0.0625rem;
    margin: 0 calc(50% - 50vw);
    width: 100vw;
  }
}

.s-bookDetail .s-bookDetail__mainHead .s-bookDetail__mainHeadTextBox::before {
  content: "";
  background-color: #000;
  position: absolute;
  top: 0;
  left: 0;
  height: 0.25rem;
  width: 3.25rem;
}

.s-bookDetail .s-bookDetail__mainHead .s-bookDetail__mainHeadTextBox .s-bookDetail__mainHeadDescription {
  line-height: 2;
  font-size: 0.9375rem;
  margin-bottom: 2rem;
}

@media screen and (max-width: 767px) {
  .s-bookDetail .s-bookDetail__mainHead .s-bookDetail__mainHeadTextBox .s-bookDetail__mainHeadDescription {
    margin-bottom: 1.5rem;
  }
}

.s-bookDetail .s-bookDetail__mainHead .s-bookDetail__mainHeadTextBox .c-moreBtn__btn {
  max-width: 10.1875rem;
}

@media screen and (max-width: 767px) {
  .s-bookDetail .s-bookDetail__mainHead .s-bookDetail__mainHeadTextBox .c-moreBtn__btn {
    max-width: 12.1875rem;
  }
}

.s-bookDetail .s-bookDetail__mainHead .s-bookDetail__mainImg {
  width: 29.25rem;
}

@media screen and (max-width: 767px) {
  .s-bookDetail .s-bookDetail__mainHead .s-bookDetail__mainImg {
    padding-inline: 0.4375rem;
    width: 100%;
  }
}

.s-bookDetail .s-bookDetail__introBooks {
  border-top: 0.0625rem solid #F4A893;
  padding-top: 2.25rem;
  position: relative;
  margin: 4.5rem 0;
}

@media screen and (max-width: 767px) {
  .s-bookDetail .s-bookDetail__introBooks {
    padding-top: 1.5rem;
    margin: 3rem 0;
  }
}

.s-bookDetail .s-bookDetail__introBooks::before {
  content: "";
  background-color: #F4A893;
  height: 0.25rem;
  width: 4.5rem;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

@media screen and (max-width: 767px) {
  .s-bookDetail .s-bookDetail__introBooks::before {
    width: 2.25rem;
  }
}

.s-bookDetail .s-bookDetail__introBooksHeader {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-bottom: 2.25rem;
}

@media screen and (max-width: 767px) {
  .s-bookDetail .s-bookDetail__introBooksHeader {
    gap: 0.5rem;
    margin-bottom: 1.5rem;
  }
}

.s-bookDetail .s-bookDetail__introBooksTitle {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 1rem;
  line-height: 1.5;
  color: #000;
  margin: 0;
}

@media screen and (max-width: 767px) {
  .s-bookDetail .s-bookDetail__introBooksTitle {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.9375rem;
  }

  .s-bookDetail .s-bookDetail__introBooksTitle::before {
    content: "";
    background-color: #F4A893;
    display: inline-block;
    height: 0.125rem;
    width: 1.25rem;
  }
}

.s-bookDetail .s-bookDetail__introBooksContent {
  display: flex;
  align-items: center;
  gap: 3rem;
}

@media screen and (max-width: 767px) {
  .s-bookDetail .s-bookDetail__introBooksContent {
    flex-direction: column;
    gap: 1.5rem;
  }
}

.s-bookDetail .s-bookDetail__introBooksImage {
  flex-shrink: 0;
  width: 11.375rem;
  height: 15rem;
}

@media screen and (max-width: 767px) {
  .s-bookDetail .s-bookDetail__introBooksImage {
    width: 9.375rem;
    height: 12.375rem;
  }
}

.s-bookDetail .s-bookDetail__introBooksImg {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 0.25rem;
}

.s-bookDetail .s-bookDetail__introBooksInfo {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  position: relative;
}

@media screen and (max-width: 767px) {
  .s-bookDetail .s-bookDetail__introBooksInfo {
    gap: 1rem;
  }
}

.s-bookDetail .s-bookDetail__introBooksCategory {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 0.75rem;
  line-height: 1;
  color: #000;
  background-color: #F4A893;
  padding: 0 0.375rem;
  height: 1.5rem;
  border-radius: 0.1875rem;
  display: inline-flex;
  align-items: center;
  width: fit-content;
}

@media screen and (max-width: 767px) {
  .s-bookDetail .s-bookDetail__introBooksCategory {
    padding: 0 0.25rem;
    height: 1.25rem;
    border-radius: 0.125rem;
  }
}

.s-bookDetail .s-bookDetail__introBooksText {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

@media screen and (max-width: 767px) {
  .s-bookDetail .s-bookDetail__introBooksText {
    gap: 0.625rem;
  }
}

.s-bookDetail .s-bookDetail__introBooksHeading {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 1rem;
  line-height: 1.5;
  color: #000;
  margin: 0;
}

@media screen and (max-width: 767px) {
  .s-bookDetail .s-bookDetail__introBooksHeading {
    font-size: 0.9375rem;
  }
}

.s-bookDetail .s-bookDetail__introBooksDescription {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #000;
  margin: 0;
}

@media screen and (max-width: 767px) {
  .s-bookDetail .s-bookDetail__introBooksDescription {
    font-size: 0.875rem;
  }
}

.s-bookDetail .s-bookDetail__introBooksDate {
  font-family: "Roca", sans-serif;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1;
  text-transform: uppercase;
  color: #000;
  opacity: 0.25;
  position: absolute;
  top: 0.375rem;
  right: 0;
}

@media screen and (max-width: 767px) {
  .s-bookDetail .s-bookDetail__introBooksDate {
    position: absolute;
    top: 0.479375rem;
    right: 0;
  }
}

.s-bookDetail .s-bookDetail__author {
  border-top: 0.0625rem solid #E0E0E0;
  border-left: 0.0625rem solid #E0E0E0;
  padding: 2.25rem 0 2.25rem 2.25rem;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  margin: 4.5rem 0;
}

@media screen and (max-width: 767px) {
  .s-bookDetail .s-bookDetail__author {
    padding: 1rem 0 1.5rem 1rem;
    gap: 1.5rem;
  }
}

.s-bookDetail .s-bookDetail__author::before {
  content: "";
  background-color: #D5C6BC;
  position: absolute;
  top: 0;
  left: 2.25rem;
  height: 0.25rem;
  width: 4.5rem;
}

@media screen and (max-width: 767px) {
  .s-bookDetail .s-bookDetail__author::before {
    left: 2.875rem;
    width: 2.25rem;
  }
}

.s-bookDetail .s-bookDetail__authorLabel {
  color: #D5C6BC;
  font-family: "Roca", sans-serif;
  font-weight: 700;
  font-size: 5.25rem;
  line-height: 0.4;
  opacity: 0.5;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1;
}

@media screen and (max-width: 767px) {
  .s-bookDetail .s-bookDetail__authorLabel {
    line-height: 1;
    font-size: 4.25rem;
    top: 2.479375rem;
    bottom: initial;
    right: 0;
  }
}

.s-bookDetail .s-bookDetail__authorProfile {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  position: relative;
}

@media screen and (max-width: 767px) {
  .s-bookDetail .s-bookDetail__authorProfile {
    flex-direction: column;
    align-items: flex-start;
    gap: 1.5rem;
  }
}

.s-bookDetail .s-bookDetail__authorImage {
  flex-shrink: 0;
  width: 4.5rem;
  height: 4.5rem;
  border-radius: 4.5rem;
}

@media screen and (max-width: 767px) {
  .s-bookDetail .s-bookDetail__authorImage {
    width: 6rem;
    height: 6rem;
    border-radius: 6rem;
  }
}

.s-bookDetail .s-bookDetail__authorImg {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: inherit;
}

.s-bookDetail .s-bookDetail__authorInfo {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 1.125rem;
  height: 3rem;
  position: relative;
  flex: 1;
}

@media screen and (max-width: 767px) {
  .s-bookDetail .s-bookDetail__authorInfo {
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
    height: auto;
    gap: 1.5rem;
  }
}

.s-bookDetail .s-bookDetail__authorMeta {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}

@media screen and (max-width: 767px) {
  .s-bookDetail .s-bookDetail__authorMeta {
    gap: 0.375rem;
  }
}

.s-bookDetail .s-bookDetail__authorRole {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 0.75rem;
  line-height: 1.5;
  color: #000;
}

@media screen and (max-width: 767px) {
  .s-bookDetail .s-bookDetail__authorRole {
    font-size: 0.75rem;
  }
}

.s-bookDetail .s-bookDetail__authorName {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 1rem;
  line-height: 1.5;
  color: #000;
  margin: 0;
}

@media screen and (max-width: 767px) {
  .s-bookDetail .s-bookDetail__authorName {
    font-size: 0.9375rem;
  }
}

.s-bookDetail .s-bookDetail__authorSns {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  position: absolute;
  top: -0.8125rem;
  right: 0;
}

@media screen and (max-width: 767px) {
  .s-bookDetail .s-bookDetail__authorSns {
    top: 0;
    position: static;
    gap: 1rem;
  }
}

.s-bookDetail .s-bookDetail__authorSnsLink {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.125rem;
  width: 1.5rem;
  height: 1.5rem;
  transition: opacity 0.3s ease;
}

.s-bookDetail .s-bookDetail__authorSnsLink:hover {
  opacity: 0.7;
}

.s-bookDetail .s-bookDetail__authorSnsIcon {
  width: 1.5rem;
  height: 1.5rem;
}

.s-bookDetail .s-bookDetail__authorDescription p {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #000;
  margin: 0;
}

@media screen and (max-width: 767px) {
  .s-bookDetail .s-bookDetail__authorDescription p {
    font-size: 0.875rem;
  }
}

.s-bookDetail .s-bookDetail__authorArticlesLink {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 0.875rem;
  line-height: 2;
  color: #2EB6AA;
  text-decoration: underline;
  transition: opacity 0.4s;
}

.s-bookDetail .s-bookDetail__authorArticlesLink:hover {
  opacity: 0.5;
}

@media screen and (max-width: 767px) {
  .s-bookDetail .s-bookDetail__authorArticlesLink {
    font-size: 0.875rem;
  }
}

.s-bookDetail .s-bookDetail__bottomTags {
  border-bottom: 0.0625rem solid #E0E0E0;
  display: flex;
  align-items: center;
  gap: 1.5rem;
  padding-bottom: 0.75rem;
}

@media screen and (max-width: 767px) {
  .s-bookDetail .s-bookDetail__bottomTags {
    gap: 1.5rem;
  }
}

.s-bookDetail .s-bookDetail__bottomTagsLabel {
  font-family: "Roca", sans-serif;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1;
  color: #000;
  flex-shrink: 0;
}

@media screen and (max-width: 767px) {
  .s-bookDetail .s-bookDetail__bottomTagsLabel {
    font-size: 1rem;
  }
}

.s-bookDetail .s-bookDetail__bottomTagsLine {
  background-color: #E0E0E0;
  width: 0.0625rem;
  height: 1rem;
  flex-shrink: 0;
}

@media screen and (max-width: 767px) {
  .s-bookDetail .s-bookDetail__bottomTagsLine {
    width: 0.0625rem;
  }
}

.s-bookDetail .s-bookDetail__bottomTagsList {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex-wrap: wrap;
}

@media screen and (max-width: 767px) {
  .s-bookDetail .s-bookDetail__bottomTagsList {
    gap: 0.75rem;
  }
}

.s-bookDetail .s-bookDetail__bottomTag {
  color: #F4A893;
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

.s-bookDetail .s-bookDetail__bottomTag::before {
  content: "#";
}

.s-bookDetail .s-bookDetail__bottomTagText {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 0.75rem;
  line-height: 1.3;
  color: #000;
  opacity: 0.5;
}

@media screen and (max-width: 767px) {
  .s-bookDetail .s-bookDetail__bottomTagText {
    font-size: 0.75rem;
  }
}

.s-bookDetail .s-bookDetail__cvBtnWrap {
  max-width: 20.25rem;
}

@media screen and (max-width: 767px) {
  .s-bookDetail .s-bookDetail__cvBtnWrap {
    margin-inline: auto;
    max-width: 21.25rem;
    margin-block: 3rem;
  }
}

.s-bookDetail .s-bookDetail__cvBtnWrap .s-bookDetail__cvBtn {
  background-color: #000;
  border-radius: 0.25rem;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.125rem 1rem 1.125rem 1.5rem;
  gap: 2.25rem;
}

.s-bookDetail .s-bookDetail__cvBtnWrap .s-bookDetail__cvBtn+.s-bookDetail__cvBtn {
  margin-top: 1rem;
}

.s-bookDetail .s-bookDetail__cvBtnWrap .s-bookDetail__cvBtn .s-bookDetail__cvBtnTItle {
  display: flex;
  align-items: center;
  font-weight: 700;
  gap: 0.5rem;
  margin-bottom: 0.25rem;
}

.s-bookDetail .s-bookDetail__cvBtnWrap .s-bookDetail__cvBtn .s-bookDetail__cvBtnPrice {
  font-size: 0.8125rem;
}

.s-bookDetail .s-bookDetail__cvBtnWrap .s-bookDetail__cvBtn .s-bookDetail__cvBtnLine {
  background-color: #fff;
  display: block;
  height: 2.9375rem;
  width: 0.0625rem;
}

.s-bookDetail .s-bookDetail__cvBtnWrap .s-bookDetail__cvBtn .s-bookDetail__cvBtnRight {
  display: flex;
  align-items: center;
  gap: 1rem;
  font-family: "Roca", sans-serif;
  font-weight: 700;
}

.s-bookDetail .s-bookDetail__cvBtnWrap .s-bookDetail__cvBtn .s-bookDetail__cvBtnLeftIcon {
  width: 1rem;
  height: 1rem;
}

.s-bookDetail .s-bookDetail__cvBtnWrap .s-bookDetail__cvBtn .s-bookDetail__cvBtnRightIcon {
  width: 1rem;
  height: 1rem;
}

.s-myPageDefort {
  margin-bottom: 6rem;
}

@media screen and (max-width: 767px) {
  .s-myPageDefort {
    margin-bottom: 2.5rem;
  }
}

.s-myPageBtnLists {
  margin-bottom: 6rem;
}

@media screen and (max-width: 767px) {
  .s-myPageBtnLists {
    margin-bottom: 2.5rem;
  }
}

.s-myPageBtnLists .s-myPageBtnLists__row+.s-myPageBtnLists__row {
  margin-top: 6rem;
}

@media screen and (max-width: 767px) {
  .s-myPageBtnLists .s-myPageBtnLists__row+.s-myPageBtnLists__row {
    margin-top: 2.5rem;
  }
}

.s-myPageBtnLists .s-myPageBtnLists__title {
  font-size: 1.25rem;
  font-weight: 700;
  margin-bottom: 1.5rem;
}

@media screen and (max-width: 767px) {
  .s-myPageBtnLists .s-myPageBtnLists__title {
    font-size: 1.125rem;
  }
}

.s-myPageBtnLists .s-myPageBtnLists__btnWrap {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
}

@media screen and (max-width: 767px) {
  .s-myPageBtnLists .s-myPageBtnLists__btnWrap {
    grid-template-columns: repeat(1, 1fr);
    gap: 0.75rem;
  }
}

.s-myPageEdit {
  margin-bottom: 6rem;
}

@media screen and (max-width: 767px) {
  .s-myPageEdit {
    margin-bottom: 2.5rem;
  }
}

@media screen and (max-width: 767px) {
  .s-myPageEdit .container {
    padding-inline: 1rem 0;
  }
}

.s-myPageEdit .s-myPageEdit__section {
  margin-bottom: 6rem;
  display: flex;
  justify-content: space-between;
  gap: 3.25rem;
}

@media screen and (max-width: 767px) {
  .s-myPageEdit .s-myPageEdit__section {
    margin-bottom: 2.5rem;
    flex-direction: column;
    gap: 1.5rem;
  }
}

.s-myPageEdit .s-myPageEdit__sectionTitle {
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  flex-shrink: 0;
  width: 15.5rem;
}

@media screen and (max-width: 767px) {
  .s-myPageEdit .s-myPageEdit__sectionTitle {
    font-size: 1.125rem;
    width: 100%;
  }
}

.s-myPageEdit .s-myPageEdit__table {
  flex: 1;
  border-collapse: collapse;
  border: 0.0625rem solid #E0E0E0;
  border-right: none;
  background-color: #F5F5F5;
  width: 56.25rem;
}

@media screen and (max-width: 767px) {
  .s-myPageEdit .s-myPageEdit__table {
    width: 100%;
  }
}

.s-myPageEdit .s-myPageEdit__tableRow {
  display: flex;
  border-bottom: 0.0625rem solid #E0E0E0;
}

.s-myPageEdit .s-myPageEdit__tableRow:last-child {
  border-bottom: none;
}

@media screen and (max-width: 767px) {
  .s-myPageEdit .s-myPageEdit__tableRow {
    flex-direction: column;
  }
}

.s-myPageEdit .s-myPageEdit__tableCell {
  padding: 1.59375rem 1.5rem;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  position: relative;
}

@media screen and (max-width: 767px) {
  .s-myPageEdit .s-myPageEdit__tableCell {
    align-items: center;
    padding: 0.9375rem 1.5rem;
  }
}

.s-myPageEdit .s-myPageEdit__tableCell.-label {
  width: 12rem;
  background-color: #F5F5F5;
  border-right: 0.0625rem solid #E0E0E0;
  flex-shrink: 0;
}

@media screen and (max-width: 767px) {
  .s-myPageEdit .s-myPageEdit__tableCell.-label {
    width: 100%;
    border-right: none;
    border-bottom: 0.0625rem solid #E0E0E0;
  }
}

.s-myPageEdit .s-myPageEdit__tableCell.-label::before, .s-myPageEdit .s-myPageEdit__tableCell.-label::after {
  content: "";
  background-color: #000;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.s-myPageEdit .s-myPageEdit__tableCell.-label::before {
  height: 0.0625rem;
  width: 0.75rem;
}

.s-myPageEdit .s-myPageEdit__tableCell.-label::after {
  height: 0.375rem;
  width: 0.0625rem;
}

.s-myPageEdit .s-myPageEdit__tableCell.-content {
  flex: 1;
  background-color: #F5F5F5;
  border-right: none;
}

@media screen and (max-width: 767px) {
  .s-myPageEdit .s-myPageEdit__tableCell.-content {
    width: 100%;
    border-bottom: 0.0625rem solid #E0E0E0;
    border-right: none;
  }
}

.s-myPageEdit .s-myPageEdit__label {
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.5;
}

.s-myPageEdit .s-myPageEdit__value {
  font-size: 0.875rem;
  line-height: 1.5;
}

.s-myPageEdit .s-myPageEdit__changeBtn {
  background-color: #000;
  border: none;
  border-radius: 0.3125rem;
  color: #fff;
  cursor: pointer;
  padding: 0.5625rem 1.875rem;
  height: 3.125rem;
  width: 6.25rem;
  font-size: 0.9375rem;
  margin-left: 1rem;
  text-align: center;
  transition: opacity 0.4s ease;
}

.s-myPageEdit .s-myPageEdit__changeBtn:hover {
  opacity: 0.5;
}

@media screen and (max-width: 767px) {
  .s-myPageEdit .s-myPageEdit__changeBtn {
    font-size: 0.875rem;
    padding: 0.5rem 1rem;
    height: 2.5rem;
    width: 3.75rem;
  }
}

.s-myPageEdit .s-myPageEdit__fieldGroup {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  width: 100%;
}

.s-myPageEdit .s-myPageEdit__fieldGroup.-minWidth {
  max-width: 19.9375rem;
}

@media screen and (max-width: 767px) {
  .s-myPageEdit .s-myPageEdit__fieldGroup.-minWidth {
    width: 100%;
  }
}

.s-myPageEdit .s-myPageEdit__fieldLabel {
  font-size: 0.875rem;
  line-height: 1.5;
}

.s-myPageEdit .s-myPageEdit__inputField {
  position: relative;
  width: 100%;
}

.s-myPageEdit .s-myPageEdit__inputField.-min {
  width: fit-content;
}

.s-myPageEdit .s-myPageEdit__inputField.-min .s-myPageEdit__input {
  max-width: 6.25rem;
}

@media screen and (max-width: 767px) {
  .s-myPageEdit .s-myPageEdit__inputField.-min .s-myPageEdit__input {
    padding: 0.375rem 0.875rem;
    max-width: 3.5rem;
  }
}

.s-myPageEdit .s-myPageEdit__inputField.-min2 {
  width: fit-content;
}

.s-myPageEdit .s-myPageEdit__inputField.-min2 .s-myPageEdit__input {
  max-width: 6.25rem;
}

@media screen and (max-width: 767px) {
  .s-myPageEdit .s-myPageEdit__inputField.-min2 .s-myPageEdit__input {
    padding: 0.375rem 0.875rem;
    max-width: 4rem;
  }
}

.s-myPageEdit .s-myPageEdit__input {
  border: 0.0625rem solid #000;
  border-radius: 0.3125rem;
  padding: 0.5625rem 1.875rem;
  font-size: 0.9375rem;
  height: 3.125rem;
  width: 100%;
}

@media screen and (max-width: 767px) {
  .s-myPageEdit .s-myPageEdit__input {
    height: 2.5rem;
    padding: 0.5625rem 1rem;
  }
}

.s-myPageEdit .s-myPageEdit__input::placeholder {
  color: rgba(0, 0, 0, 0.3);
}

.s-myPageEdit .s-myPageEdit__input:focus {
  outline: none;
}

.s-myPageEdit .s-myPageEdit__selectField {
  position: relative;
  width: 100%;
}

@media screen and (max-width: 767px) {
  .s-myPageEdit .s-myPageEdit__selectField {
    flex: 1;
  }
}

.s-myPageEdit .s-myPageEdit__selectField::before {
  content: "";
  background: url("/assets/img/common/icon-arrow-down.svg") no-repeat center center/contain;
  position: absolute;
  top: 50%;
  right: 1.875rem;
  transform: translateY(-50%);
  height: 1.5rem;
  width: 1.5rem;
}

@media screen and (max-width: 767px) {
  .s-myPageEdit .s-myPageEdit__selectField::before {
    right: 1rem;
  }
}

.s-myPageEdit .s-myPageEdit__selectField::after {
  content: "";
  background-color: #000;
  position: absolute;
  top: 50%;
  right: 4.875rem;
  transform: translateY(-50%);
  height: 2rem;
  width: 0.0625rem;
}

@media screen and (max-width: 767px) {
  .s-myPageEdit .s-myPageEdit__selectField::after {
    height: 1.4375rem;
    right: 4rem;
  }
}

.s-myPageEdit .s-myPageEdit__selectField.-min {
  width: 11.25rem;
}

@media screen and (max-width: 767px) {
  .s-myPageEdit .s-myPageEdit__selectField.-min {
    flex: initial;
  }
}

.s-myPageEdit .s-myPageEdit__select {
  border: 0.0625rem solid #000;
  border-radius: 0.3125rem;
  padding: 0.5625rem 1.875rem;
  position: relative;
  font-size: 0.9375rem;
  padding-right: 6.25rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 3.125rem;
  width: 100%;
  z-index: 1;
}

@media screen and (max-width: 767px) {
  .s-myPageEdit .s-myPageEdit__select {
    height: 2.5rem;
    padding: 0.5rem 1rem;
  }
}

.s-myPageEdit .s-myPageEdit__select:focus {
  outline: none;
}

.s-myPageEdit .s-myPageEdit__radioGroup {
  display: flex;
  gap: 1rem;
  align-items: center;
}

@media screen and (max-width: 767px) {
  .s-myPageEdit .s-myPageEdit__radioGroup {
    align-items: flex-start;
    gap: 1rem;
  }
}

.s-myPageEdit .s-myPageEdit__radioLabel {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  cursor: pointer;
}

@media screen and (max-width: 767px) {
  .s-myPageEdit .s-myPageEdit__radioLabel {
    gap: 1rem;
  }
}

.s-myPageEdit .s-myPageEdit__radioLabel input[type=radio] {
  width: 1.375rem;
  height: 1.375rem;
  border: 0.0625rem solid #000;
  border-radius: 50%;
  appearance: none;
  position: relative;
}

@media screen and (max-width: 767px) {
  .s-myPageEdit .s-myPageEdit__radioLabel input[type=radio] {
    border: 0.125rem solid #000;
    width: 1.125rem;
    height: 1.125rem;
  }
}

.s-myPageEdit .s-myPageEdit__radioLabel input[type=radio]:checked::after {
  content: "";
  background-color: #000;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
}

.s-myPageEdit .s-myPageEdit__radioText {
  font-size: 0.9375rem;
  line-height: 1.5;
}

.s-myPageEdit .s-myPageEdit__dateGroup {
  display: flex;
  gap: 1rem;
  align-items: center;
}

@media screen and (max-width: 767px) {
  .s-myPageEdit .s-myPageEdit__dateGroup {
    align-items: flex-start;
    gap: 0.5rem;
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .s-myPageEdit .s-myPageEdit__dateGroup .s-myPageEdit__selectField::before {
    right: 0.75rem;
    height: 1rem;
    width: 1rem;
  }

  .s-myPageEdit .s-myPageEdit__dateGroup .s-myPageEdit__selectField::after {
    right: 2.5rem;
  }
}

.s-myPageEdit .s-myPageEdit__dateGroup .s-myPageEdit__select {
  width: 11.25rem;
}

@media screen and (max-width: 767px) {
  .s-myPageEdit .s-myPageEdit__dateGroup .s-myPageEdit__select {
    padding: 0.4375rem 0.75rem;
    width: 100%;
  }
}

.s-myPageEdit .s-myPageEdit__postalGroup {
  display: flex;
  gap: 1rem;
  align-items: center;
}

@media screen and (max-width: 767px) {
  .s-myPageEdit .s-myPageEdit__postalGroup {
    gap: 0.5rem;
  }
}

.s-myPageEdit .s-myPageEdit__postalSeparator {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 1rem;
}

.s-myPageEdit .s-myPageEdit__postalSeparator::before {
  content: "";
  background-color: #000;
  display: block;
  height: 0.0625rem;
  width: 1rem;
}

.s-myPageEdit .s-myPageEdit__searchBtn {
  background-color: #B8B8B8;
  border: none;
  border-radius: 0.3125rem;
  cursor: pointer;
  text-align: center;
  padding: 0.5625rem 1.875rem;
  height: 3.125rem;
  width: 6.25rem;
  font-size: 0.9375rem;
  transition: opacity 0.4s;
}

.s-myPageEdit .s-myPageEdit__searchBtn:hover {
  opacity: 0.5;
}

@media screen and (max-width: 767px) {
  .s-myPageEdit .s-myPageEdit__searchBtn {
    margin-left: 0.5rem;
    padding: 0.375rem 0.75rem;
    height: 2.3125rem;
    width: 3.75rem;
  }
}

.s-myPageEdit .s-myPageEdit__phoneGroup {
  display: flex;
  gap: 1rem;
  align-items: center;
}

@media screen and (max-width: 767px) {
  .s-myPageEdit .s-myPageEdit__phoneGroup {
    gap: 0.5rem;
  }
}

.s-myPageEdit .s-myPageEdit__phoneSeparator {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 1rem;
}

.s-myPageEdit .s-myPageEdit__phoneSeparator::before {
  content: "";
  background-color: #000;
  display: block;
  height: 0.0625rem;
  width: 1rem;
}

.s-myPageEdit .s-myPageEdit__textareaField {
  position: relative;
  width: 100%;
}

.s-myPageEdit .s-myPageEdit__textarea {
  height: 6.25rem;
  border: 0.0625rem solid #000;
  border-radius: 0.3125rem;
  padding: 0.5625rem 1.875rem;
  font-size: 0.9375rem;
  resize: vertical;
  width: 100%;
}

.s-myPageEdit .s-myPageEdit__textarea:focus {
  outline: none;
}

.s-myPageEdit .s-myPageEdit__submitSection {
  display: flex;
  justify-content: center;
  margin-top: 6rem;
}

@media screen and (max-width: 767px) {
  .s-myPageEdit .s-myPageEdit__submitSection {
    margin-top: 2.5rem;
  }
}

.s-myPageEdit .s-myPageEdit__submitBtn {
  color: #fff;
  border: none;
  border-radius: 3rem;
  padding: 0 3rem;
  height: 3rem;
  display: flex;
  align-items: center;
  gap: 1rem;
  font-size: 0.8125rem;
  font-weight: 700;
  cursor: pointer;
  transition: opacity 0.3s ease;
}

.s-myPageEdit .s-myPageEdit__submitBtn:hover {
  opacity: 0.8;
}

.s-myPageEdit .s-myPageEdit__submitText {
  line-height: 1;
}

.s-myPageEdit .s-myPageEdit__submitIcon {
  font-size: 1rem;
}

.s-myPageEdit .s-myPageEdit__footer {
  align-items: flex-end;
  border-top: 0.0625rem solid #E0E0E0;
  margin-top: 6rem;
  justify-content: center;
}

@media screen and (max-width: 767px) {
  .s-myPageEdit .s-myPageEdit__footer {
    margin-top: 2.5rem;
  }
}

.s-myPageEdit .s-myPageEdit__withdrawLink {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-size: 0.9375rem;
  text-decoration: none;
  line-height: 1.8;
  letter-spacing: 0.0375rem;
}

@media screen and (max-width: 767px) {
  .s-myPageEdit .s-myPageEdit__withdrawLink {
    padding-inline: 0.75rem;
    font-size: 0.75rem;
  }
}

.s-myPageEdit .s-myPageEdit__withdrawText {
  text-decoration: underline;
}

.s-myPageEdit .s-myPageEdit__withdrawIcon {
  margin-left: 1rem;
  height: 1rem;
  width: 1rem;
}

.s-myPageHistory {
  margin-bottom: 6rem;
}

@media screen and (max-width: 767px) {
  .s-myPageHistory {
    margin-bottom: 2.5rem;
  }
}

.s-myPageHistory .s-myPageHistory__header {
  margin-bottom: 2.5rem;
}

@media screen and (max-width: 767px) {
  .s-myPageHistory .s-myPageHistory__header {
    padding-inline: 1rem;
  }
}

@media screen and (max-width: 767px) {
  .s-myPageHistory .container {
    padding: 0;
  }
}

.s-myPageHistory .s-myPageHistory__orderInfo {
  position: relative;
  padding-left: 1rem;
}

.s-myPageHistory .s-myPageHistory__orderInfo::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 3px;
  background-color: #000;
}

.s-myPageHistory .s-myPageHistory__orderText {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.12em;
}

@media screen and (max-width: 767px) {
  .s-myPageHistory .s-myPageHistory__orderText {
    font-size: 1rem;
    letter-spacing: 0.12em;
  }
}

@media screen and (max-width: 767px) {
  .s-myPageHistory .s-myPageHistory__orderTextLine {
    display: block;
  }
}

.s-myPageHistory .s-myPageHistory__table {
  margin-bottom: 2.5rem;
}

@media screen and (max-width: 767px) {
  .s-myPageHistory .s-myPageHistory__table {
    padding-inline: 1rem 0;
  }
}

.s-myPageHistory .s-myPageHistory__tableHeader {
  background-color: #E0E0E0;
  border: 0.0625rem solid #B8B8B8;
  border-bottom: none;
  display: flex;
}

.s-myPageHistory .s-myPageHistory__headerCell {
  border-right: 0.0625rem solid #B8B8B8;
  padding: 1.59375rem 1.5rem;
  position: relative;
  font-size: 0.875rem;
  line-height: 1.5;
  font-weight: 700;
}

.s-myPageHistory .s-myPageHistory__headerCell:last-child {
  border-right: none;
}

.s-myPageHistory .s-myPageHistory__headerCell.-product {
  width: 31.25rem;
}

@media screen and (max-width: 767px) {
  .s-myPageHistory .s-myPageHistory__headerCell.-product {
    border-right: none;
    padding: 0.625rem 1.5rem;
    width: 100%;
  }
}

.s-myPageHistory .s-myPageHistory__headerCell.-product::before, .s-myPageHistory .s-myPageHistory__headerCell.-product::after {
  content: "";
  background-color: #000;
  display: block;
  position: absolute;
  top: -0.0625rem;
  left: -0.0625rem;
}

.s-myPageHistory .s-myPageHistory__headerCell.-product::before {
  height: 0.0625rem;
  width: 0.75rem;
}

.s-myPageHistory .s-myPageHistory__headerCell.-product::after {
  height: 0.375rem;
  width: 0.0625rem;
}

.s-myPageHistory .s-myPageHistory__headerCell.-price {
  width: 400px;
}

.s-myPageHistory .s-myPageHistory__headerCell.-quantity {
  width: 100px;
}

.s-myPageHistory .s-myPageHistory__headerCell.-subtotal {
  flex: 1;
}

@media screen and (max-width: 767px) {
  .s-myPageHistory .s-myPageHistory__headerCell.-price, .s-myPageHistory .s-myPageHistory__headerCell.-quantity, .s-myPageHistory .s-myPageHistory__headerCell.-subtotal {
    display: none;
  }
}

.s-myPageHistory .s-myPageHistory__tableRow {
  display: flex;
  background-color: #fff;
  border-top: 1px solid #E0E0E0;
  border-left: 0.0625rem solid #fff;
  border-right: 0.0625rem solid #fff;
  position: relative;
  min-height: 4.5rem;
}

@media screen and (max-width: 767px) {
  .s-myPageHistory .s-myPageHistory__tableRow {
    flex-direction: column;
    min-height: 0;
  }
}

@media screen and (min-width: 768px) {
  .s-myPageHistory .s-myPageHistory__tableRow::before, .s-myPageHistory .s-myPageHistory__tableRow::after {
    content: "";
    background-color: #000;
    display: block;
    position: absolute;
    top: -0.0625rem;
    left: -0.0625rem;
  }

  .s-myPageHistory .s-myPageHistory__tableRow::before {
    height: 0.0625rem;
    width: 0.75rem;
  }

  .s-myPageHistory .s-myPageHistory__tableRow::after {
    height: 0.375rem;
    width: 0.0625rem;
  }
}

.s-myPageHistory .s-myPageHistory__tableRow.-summary .s-myPageHistory__cell.-label {
  font-weight: 700;
  width: 56.25rem;
}

.s-myPageHistory .s-myPageHistory__tableRow.-summary .s-myPageHistory__cell.-value {
  flex: 1;
}

.s-myPageHistory .s-myPageHistory__tableRow.-summaryLarge .s-myPageHistory__cell.-label {
  font-weight: 700;
  width: 62.5rem;
}

.s-myPageHistory .s-myPageHistory__tableRow.-summaryLarge .s-myPageHistory__cell.-value {
  flex: 1;
}

.s-myPageHistory .s-myPageHistory__tableRow.-total {
  border-top: 0.0625rem solid #B8B8B8 !important;
}

@media screen and (max-width: 767px) {
  .s-myPageHistory .s-myPageHistory__tableRow.-total::before, .s-myPageHistory .s-myPageHistory__tableRow.-total::after {
    content: "";
    background-color: #000;
    display: block;
    position: absolute;
    top: -0.0625rem;
    left: -0.0625rem;
  }

  .s-myPageHistory .s-myPageHistory__tableRow.-total::before {
    height: 0.0625rem;
    width: 0.75rem;
  }

  .s-myPageHistory .s-myPageHistory__tableRow.-total::after {
    height: 0.375rem;
    width: 0.0625rem;
  }
}

.s-myPageHistory .s-myPageHistory__tableRow.-total .s-myPageHistory__cell.-label {
  font-weight: 700;
  width: 62.5rem;
}

@media screen and (max-width: 767px) {
  .s-myPageHistory .s-myPageHistory__tableRow.-total .s-myPageHistory__cell.-label {
    padding: 1.25rem 1.5rem !important;
  }
}

.s-myPageHistory .s-myPageHistory__tableRow.-total .s-myPageHistory__cell.-value {
  flex: 1;
  font-weight: 700;
}

@media screen and (max-width: 767px) {
  .s-myPageHistory .s-myPageHistory__tableRow.-summary, .s-myPageHistory .s-myPageHistory__tableRow.-summaryLarge, .s-myPageHistory .s-myPageHistory__tableRow.-total {
    border-top: 0;
    flex-direction: row;
  }

  .s-myPageHistory .s-myPageHistory__tableRow.-summary .s-myPageHistory__cell, .s-myPageHistory .s-myPageHistory__tableRow.-summaryLarge .s-myPageHistory__cell, .s-myPageHistory .s-myPageHistory__tableRow.-total .s-myPageHistory__cell {
    padding: 0 1.5rem !important;
    width: 9.375rem !important;
  }
}

@media screen and (max-width: 767px) {
  .s-myPageHistory .s-myPageHistory__tableRow.-spPaddingTop {
    border-top: 0.0625rem solid #E0E0E0;
  }

  .s-myPageHistory .s-myPageHistory__tableRow.-spPaddingTop .s-myPageHistory__cell {
    padding: 1.25rem 1.5rem 0 !important;
  }

  .s-myPageHistory .s-myPageHistory__tableRow.-spPaddingTop::before, .s-myPageHistory .s-myPageHistory__tableRow.-spPaddingTop::after {
    content: "";
    background-color: #000;
    display: block;
    position: absolute;
    top: -0.0625rem;
    left: -0.0625rem;
  }

  .s-myPageHistory .s-myPageHistory__tableRow.-spPaddingTop::before {
    height: 0.0625rem;
    width: 0.75rem;
  }

  .s-myPageHistory .s-myPageHistory__tableRow.-spPaddingTop::after {
    height: 0.375rem;
    width: 0.0625rem;
  }
}

@media screen and (max-width: 767px) {
  .s-myPageHistory .s-myPageHistory__tableRow.-spPaddingBottom .s-myPageHistory__cell {
    padding: 0 1.5rem 1.25rem !important;
  }
}

.s-myPageHistory .s-myPageHistory__cell {
  padding: 1.59375rem 1.5rem;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #000;
  border-right: 0.0625rem solid #E0E0E0;
  display: flex;
  align-items: center;
}

.s-myPageHistory .s-myPageHistory__cell:last-child {
  border-right: none;
}

@media screen and (max-width: 767px) {
  .s-myPageHistory .s-myPageHistory__cell:last-child {
    padding-bottom: 1.5rem !important;
  }
}

.s-myPageHistory .s-myPageHistory__cell.-product {
  width: 31.25rem;
  gap: 1.5rem;
}

@media screen and (max-width: 767px) {
  .s-myPageHistory .s-myPageHistory__cell.-product {
    border-bottom: 0.0625rem solid #E0E0E0;
    border-right: none;
    padding: 1.5rem 0 1rem;
    margin-inline: auto;
    margin-bottom: 1rem;
    width: calc(100% - 3rem);
  }
}

.s-myPageHistory .s-myPageHistory__cell.-price {
  width: 400px;
}

.s-myPageHistory .s-myPageHistory__cell.-quantity {
  width: 100px;
}

.s-myPageHistory .s-myPageHistory__cell.-subtotal {
  flex: 1;
}

@media screen and (max-width: 767px) {
  .s-myPageHistory .s-myPageHistory__cell.-price, .s-myPageHistory .s-myPageHistory__cell.-quantity, .s-myPageHistory .s-myPageHistory__cell.-subtotal {
    border: none;
    justify-content: space-between;
    padding: 0.3125rem 1.5rem;
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .s-myPageHistory .s-myPageHistory__cell.-value {
    justify-content: flex-end;
  }
}

.s-myPageHistory .s-myPageHistory__productImage {
  width: 5rem;
  height: 5rem;
  flex-shrink: 0;
}

.s-myPageHistory .s-myPageHistory__image {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

.s-myPageHistory .s-myPageHistory__productInfo {
  flex: 1;
}

.s-myPageHistory .s-myPageHistory__productTitle {
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.5;
  margin: 0;
}

.s-myPageHistory .s-myPageHistory__productTitle:not(:last-child) {
  margin-bottom: 0;
}

.s-myPageHistory .c-moreBtn {
  justify-content: flex-end;
  position: relative;
  padding-bottom: 2.5rem;
}

@media screen and (max-width: 767px) {
  .s-myPageHistory .c-moreBtn {
    justify-content: center;
  }
}

.s-myPageHistory .c-moreBtn::after {
  content: "";
  background-color: #E0E0E0;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 0.0625rem;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  width: 100vw;
}

.s-myPageHistory .s-myPageHistory__relatedBtn {
  display: flex;
  gap: 2.5rem;
  margin-block: 6rem;
  padding-inline: 1rem;
}

@media screen and (max-width: 767px) {
  .s-myPageHistory .s-myPageHistory__relatedBtn {
    gap: 0.5rem;
    margin-block: 2.5rem;
  }
}

.s-myPageHistory .s-myPageHistory__relatedBtn .s-myPageHistory__relatedBtnItem {
  width: 24rem;
}

@media screen and (max-width: 767px) {
  .s-myPageHistory .s-myPageHistory__relatedBtn .s-myPageHistory__relatedBtnItem {
    flex: 1;
    width: 100%;
  }
}

.s-myPageHistory .s-myPageHistory__relatedBtn .s-myPageHistory__relatedBtnTitle {
  font-weight: 700;
  font-size: 1.5rem;
  margin-bottom: 1.5rem;
}

@media screen and (max-width: 767px) {
  .s-myPageHistory .s-myPageHistory__relatedBtn .s-myPageHistory__relatedBtnTitle {
    font-size: 1.125rem;
    margin-bottom: 1rem;
  }
}

@media screen and (max-width: 767px) {
  .s-myPageHistory .s-myPageHistory__relatedBtn .c-moreBtn2 {
    padding: 1.25rem 0.875rem;
    min-height: 3.875rem;
  }
}

@media screen and (max-width: 767px) {
  .s-myPageHistory .s-myPageHistory__relatedBtn .c-moreBtn2 .c-moreBtn2__btnIcon {
    margin-right: 0.9375rem;
  }
}

.arm-form-container {
  padding-bottom: 3.75rem;
}

@media screen and (max-width: 767px) {
  .arm-form-container {
    padding-bottom: 7.5rem;
  }
}

.s-tobMv {
  border-bottom: 0.0625rem solid #E0E0E0;
  margin-bottom: 7.5rem;
}

@media screen and (max-width: 767px) {
  .s-tobMv {
    border-bottom: 0;
    margin-bottom: 5rem;
  }
}

.s-tobMv .container {
  max-width: 90rem;
  padding: 0;
}

@media screen and (max-width: 767px) {
  .s-tobMv .container {
    padding: 0;
  }
}

.s-tobMv .s-tobMv__inner {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  gap: 3.125rem;
}

@media screen and (max-width: 767px) {
  .s-tobMv .s-tobMv__inner {
    flex-direction: column;
    gap: 0;
    text-align: center;
  }
}

.s-tobMv .s-tobMv__content {
  width: 23.25rem;
}

@media screen and (max-width: 767px) {
  .s-tobMv .s-tobMv__content {
    margin: 0 auto;
    padding: 2.25rem 1.5rem;
    max-width: none;
    width: fit-content;
  }
}

.s-tobMv .s-tobMv__title {
  font-family: "Roca", sans-serif;
  font-weight: 700;
  font-size: 2.0625rem;
  line-height: 1;
  color: #000;
  text-transform: uppercase;
}

@media screen and (max-width: 767px) {
  .s-tobMv .s-tobMv__title {
    font-size: 2rem;
  }
}

.s-tobMv .s-tobMv__text {
  position: relative;
  padding-bottom: 4.25rem;
}

@media screen and (max-width: 767px) {
  .s-tobMv .s-tobMv__text {
    padding-bottom: 0;
  }
}

@media screen and (min-width: 768px) {
  .s-tobMv .s-tobMv__text::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 16.75rem;
    height: 0.25rem;
    background-color: #000;
  }
}

.s-tobMv .s-tobMv__subtitle {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: 1.9375rem;
}

@media screen and (max-width: 767px) {
  .s-tobMv .s-tobMv__subtitle {
    font-size: 1.75rem;
    line-height: 1.5;
    margin-bottom: 1.5rem;
  }
}

.s-tobMv .s-tobMv__description {
  font-size: 0.875rem;
  line-height: 1.5;
  color: #000;
}

@media screen and (max-width: 767px) {
  .s-tobMv .s-tobMv__description {
    text-align: left;
    line-height: 1.5;
  }
}

.s-tobMv .s-tobMv__visual {
  position: relative;
  height: 100%;
  width: 56rem;
}

@media screen and (max-width: 767px) {
  .s-tobMv .s-tobMv__visual {
    max-width: none;
    width: 100%;
  }
}

.s-tobMv .s-tobMv__visualImg {
  object-fit: cover;
  aspect-ratio: 924/540;
}

.s-tobMv .s-tobMv__control {
  position: absolute;
  bottom: -3.75rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 3;
}

@media screen and (max-width: 767px) {
  .s-tobMv .s-tobMv__control {
    bottom: -2.5rem;
  }
}

.s-tobFeature {
  padding: 0 0 5rem;
}

@media screen and (max-width: 767px) {
  .s-tobFeature {
    padding: 0 0 2.5rem;
  }
}

.s-tobFeature .container {
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .s-tobFeature .container {
    padding: 0 1rem;
  }
}

.s-tobFeature .s-tobFeature__header {
  margin-bottom: 5rem;
}

@media screen and (max-width: 767px) {
  .s-tobFeature .s-tobFeature__header {
    margin-bottom: 2rem;
  }
}

.s-tobFeature .s-tobFeature__title {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.12em;
  margin-bottom: 2.375rem;
}

@media screen and (max-width: 767px) {
  .s-tobFeature .s-tobFeature__title {
    font-size: 1.25rem;
    margin-bottom: 0.75rem;
  }
}

.s-tobFeature .s-tobFeature__description {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 1rem;
  line-height: 2;
  color: #000;
  width: 45rem;
}

@media screen and (max-width: 767px) {
  .s-tobFeature .s-tobFeature__description {
    font-size: 0.9375rem;
    width: 100%;
  }
}

.s-tobFeature .s-tobFeature__cardList {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

@media screen and (max-width: 767px) {
  .s-tobFeature .s-tobFeature__cardList {
    gap: 1.5rem;
  }
}

.s-tobFeature .s-tobFeature__card {
  background-color: #fff;
  border: 1px solid #E0E0E0;
  border-bottom: none;
  display: flex;
  align-items: center;
  padding: 1.5rem 2rem;
  position: relative;
  min-height: 8.9375rem;
}

@media screen and (max-width: 767px) {
  .s-tobFeature .s-tobFeature__card {
    flex-wrap: wrap;
    padding: 1.5rem;
    min-height: auto;
  }
}

.s-tobFeature .s-tobFeature__card::before, .s-tobFeature .s-tobFeature__card::after {
  content: "";
  background-color: #000;
  display: block;
  position: absolute;
  top: -0.0625rem;
  left: -0.0625rem;
}

.s-tobFeature .s-tobFeature__card::before {
  height: 0.0625rem;
  width: 0.75rem;
}

.s-tobFeature .s-tobFeature__card::after {
  height: 0.375rem;
  width: 0.0625rem;
}

.s-tobFeature .s-tobFeature__point {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.125rem;
  flex-shrink: 0;
}

.s-tobFeature .s-tobFeature__pointLabel {
  font-family: "Roca", sans-serif;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1;
  text-transform: capitalize;
}

.s-tobFeature .s-tobFeature__pointNumber {
  font-family: "Roca", sans-serif;
  font-weight: 700;
  font-size: 1.875rem;
  line-height: 1;
  text-align: center;
}

.s-tobFeature .s-tobFeature__cardTextBox {
  border-left: 0.0625rem solid #E0E0E0;
  padding-left: 2rem;
  margin-left: 2rem;
}

@media screen and (max-width: 767px) {
  .s-tobFeature .s-tobFeature__cardTextBox {
    display: contents;
  }
}

.s-tobFeature .s-tobFeature__cardTitle {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: 1rem;
  flex: 1;
}

@media screen and (max-width: 767px) {
  .s-tobFeature .s-tobFeature__cardTitle {
    border-left: 0.0625rem solid #E0E0E0;
    padding-left: 1.5rem;
    margin-left: 1.5rem;
    margin-bottom: 0;
    font-size: 1.25rem;
  }
}

.s-tobFeature .s-tobFeature__cardDescription {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 0.875rem;
  line-height: 1.5;
}

@media screen and (max-width: 767px) {
  .s-tobFeature .s-tobFeature__cardDescription {
    margin-top: 1.5rem;
    font-size: 0.875rem;
    width: 100%;
  }
}

.s-tobService {
  padding: 7.5rem 0;
}

@media screen and (max-width: 767px) {
  .s-tobService {
    padding: 2.5rem 0;
  }
}

@media screen and (max-width: 767px) {
  .s-tobService .container {
    padding: 0 1rem;
  }
}

.s-tobService .s-tobService__header {
  margin-bottom: 5rem;
}

@media screen and (max-width: 767px) {
  .s-tobService .s-tobService__header {
    margin-bottom: 2rem;
  }
}

.s-tobService .s-tobService__title {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 1.25rem;
  line-height: 1.5;
  letter-spacing: 0.12em;
  color: #000;
  margin-bottom: 3rem;
}

@media screen and (max-width: 767px) {
  .s-tobService .s-tobService__title {
    font-size: 1.25rem;
    margin-bottom: 0.75rem;
  }
}

.s-tobService .s-tobService__description {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 1rem;
  line-height: 2;
  color: #000;
  width: 45rem;
}

@media screen and (max-width: 767px) {
  .s-tobService .s-tobService__description {
    font-size: 0.9375rem;
    width: 100%;
  }
}

.s-tobService .s-tobService__cardList {
  display: flex;
  gap: 4.5rem;
}

@media screen and (max-width: 767px) {
  .s-tobService .s-tobService__cardList {
    flex-direction: column;
    gap: 1.5rem;
  }
}

.s-tobService .s-tobService__card {
  background-color: #fff;
  border: 1px solid #E0E0E0;
  border-right: none;
  border-bottom: none;
  padding: 3rem;
  position: relative;
  flex: 1;
}

@media screen and (max-width: 767px) {
  .s-tobService .s-tobService__card {
    padding: 1.5rem;
  }
}

.s-tobService .s-tobService__card::before, .s-tobService .s-tobService__card::after {
  content: "";
  background-color: #000;
  display: block;
  position: absolute;
  top: -0.0625rem;
  left: -0.0625rem;
}

.s-tobService .s-tobService__card::before {
  height: 0.0625rem;
  width: 0.75rem;
}

.s-tobService .s-tobService__card::after {
  height: 0.375rem;
  width: 0.0625rem;
}

.s-tobService .s-tobService__card:nth-child(1) .s-tobService__cardImage {
  width: 20.5rem;
}

@media screen and (max-width: 767px) {
  .s-tobService .s-tobService__card:nth-child(1) .s-tobService__cardImage {
    width: 100%;
  }
}

.s-tobService .s-tobService__card:nth-child(2) .s-tobService__cardImage {
  width: 22.875rem;
}

@media screen and (max-width: 767px) {
  .s-tobService .s-tobService__card:nth-child(2) .s-tobService__cardImage {
    width: 100%;
  }
}

.s-tobService .s-tobService__cardTitle {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 1.5rem;
  line-height: 1.5;
  color: #000;
  text-align: center;
  margin-bottom: 2rem;
}

@media screen and (max-width: 767px) {
  .s-tobService .s-tobService__cardTitle {
    font-size: 1.25rem;
    margin-bottom: 1.5rem;
  }
}

.s-tobService .s-tobService__cardImage {
  margin-inline: auto;
  margin-bottom: 2rem;
}

@media screen and (max-width: 767px) {
  .s-tobService .s-tobService__cardImage {
    margin-bottom: 1.5rem;
  }
}

.s-tobService .s-tobService__image {
  margin-inline: auto;
  width: fit-content;
}

.s-tobService .s-tobService__cardContent {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

@media screen and (max-width: 767px) {
  .s-tobService .s-tobService__cardContent {
    gap: 1.5rem;
  }
}

.s-tobService .s-tobService__cardDescription {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 0.9375rem;
  line-height: 1.5;
  color: #000;
}

@media screen and (max-width: 767px) {
  .s-tobService .s-tobService__cardDescription {
    font-size: 0.875rem;
  }
}

.s-tobService .s-tobService__cardButton {
  background-color: #000;
  color: #fff;
  padding: 0 1.5rem 0 1.5rem;
  border-radius: 3rem;
  height: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  text-decoration: none;
  transition: opacity 0.3s ease;
  width: 15rem;
  margin: 0 auto;
  position: relative;
}

.s-tobService .s-tobService__cardButton:hover {
  opacity: 0.8;
}

.s-tobService .s-tobService__buttonText {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 0.8125rem;
  line-height: 1;
  color: #fff;
}

.s-tobService .s-tobService__buttonIcon {
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  width: 1rem;
  height: 1rem;
}

.s-tobAd {
  padding: 0 0 7.5rem;
}

@media screen and (max-width: 767px) {
  .s-tobAd {
    padding: 2.5rem 0 5rem;
  }
}

.s-tobAd .s-tobAd__header {
  margin-bottom: 5rem;
}

@media screen and (max-width: 767px) {
  .s-tobAd .s-tobAd__header {
    margin-bottom: 2rem;
  }
}

.s-tobAd .s-tobAd__title {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 1.25rem;
  line-height: 1.5;
  letter-spacing: 0.12em;
  color: #000;
  margin-bottom: 3rem;
}

@media screen and (max-width: 767px) {
  .s-tobAd .s-tobAd__title {
    font-size: 1.25rem;
    margin-bottom: 0.75rem;
  }
}

.s-tobAd .s-tobAd__description {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 1rem;
  line-height: 2;
  color: #000;
  width: 45rem;
}

@media screen and (max-width: 767px) {
  .s-tobAd .s-tobAd__description {
    font-size: 0.9375rem;
    width: 100%;
  }
}

.s-tobAd .s-tobAd__magazineSection {
  margin-bottom: 5rem;
}

@media screen and (max-width: 767px) {
  .s-tobAd .s-tobAd__magazineSection {
    margin-bottom: 1.5rem;
  }
}

.s-tobAd .s-tobAd__magazineContent {
  display: flex;
  justify-content: space-between;
  gap: 2.1875rem;
}

@media screen and (max-width: 767px) {
  .s-tobAd .s-tobAd__magazineContent {
    flex-direction: column;
    gap: 0;
  }
}

.s-tobAd .s-tobAd__magazineInfo {
  width: 20.75rem;
}

@media screen and (max-width: 767px) {
  .s-tobAd .s-tobAd__magazineInfo {
    display: contents;
    width: 100%;
  }
}

.s-tobAd .s-tobAd__magazineTitle {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 1.5rem;
  line-height: 1.5;
  letter-spacing: 0.12em;
  margin-bottom: 1.5rem;
  position: relative;
}

@media screen and (max-width: 767px) {
  .s-tobAd .s-tobAd__magazineTitle {
    font-size: 1.25rem;
    margin-bottom: 0.75rem;
  }
}

.s-tobAd .s-tobAd__magazineTitle::after {
  content: "";
  background-color: #000;
  display: block;
  margin-top: 0.625rem;
  height: 0.1875rem;
  width: 3rem;
}

.s-tobAd .s-tobAd__magazineDescription {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 1rem;
  line-height: 2;
  color: #000;
  margin-bottom: 3rem;
}

@media screen and (max-width: 767px) {
  .s-tobAd .s-tobAd__magazineDescription {
    font-size: 0.875rem;
    line-height: 1.5;
    margin-bottom: 1.5rem;
  }
}

.s-tobAd .s-tobAd__magazineImage {
  width: 45rem;
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  .s-tobAd .s-tobAd__magazineImage {
    margin-bottom: 1.5rem;
    width: 100%;
  }
}

.s-tobAd .s-tobAd__magazineImage img {
  aspect-ratio: 720/516;
}

.s-tobAd .s-tobAd__adTypes {
  display: flex;
  gap: 4.5rem;
}

@media screen and (max-width: 767px) {
  .s-tobAd .s-tobAd__adTypes {
    flex-direction: column;
    gap: 1.5rem;
  }
}

.s-tobAd .s-tobAd__adType {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 3.75rem;
}

@media screen and (max-width: 767px) {
  .s-tobAd .s-tobAd__adType {
    gap: 1.5rem;
  }
}

@media screen and (max-width: 767px) {
  .s-tobAd .s-tobAd__adTypeInfo {
    order: 1;
  }
}

.s-tobAd .s-tobAd__adTypeTitle {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 1.5rem;
  line-height: 1.5;
  color: #000;
  margin-bottom: 1.5rem;
}

@media screen and (max-width: 767px) {
  .s-tobAd .s-tobAd__adTypeTitle {
    font-size: 1.25rem;
    margin-bottom: 0.75rem;
  }
}

.s-tobAd .s-tobAd__adTypeTitle::after {
  content: "";
  background-color: #000;
  display: block;
  margin-top: 0.625rem;
  height: 0.1875rem;
  width: 3rem;
}

.s-tobAd .s-tobAd__adTypeDescription {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 1rem;
  line-height: 2;
  color: #000;
}

@media screen and (max-width: 767px) {
  .s-tobAd .s-tobAd__adTypeDescription {
    font-size: 0.875rem;
    line-height: 1.5;
  }
}

.s-tobAd .s-tobAd__adTypeImage {
  overflow: hidden;
  width: 100%;
}

@media screen and (max-width: 767px) {
  .s-tobAd .s-tobAd__adTypeImage {
    order: 2;
    height: 12.125rem;
  }
}

.s-tobAd .s-tobAd__image {
  aspect-ratio: 563/319;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media screen and (max-width: 767px) {
  .s-tobAd .c-moreBtn {
    order: 3;
  }
}

.s-tobAd .s-tobAd__productionSection {
  display: flex;
  margin-top: 5rem;
  justify-content: space-between;
  gap: 5rem;
}

@media screen and (max-width: 767px) {
  .s-tobAd .s-tobAd__productionSection {
    flex-direction: column;
    gap: 2rem;
  }
}

.s-tobAd .s-tobAd__productionHeader {
  display: flex;
  flex-direction: column;
  gap: 2.375rem;
  margin-bottom: 5rem;
  width: 15rem;
}

@media screen and (max-width: 767px) {
  .s-tobAd .s-tobAd__productionHeader {
    gap: 0.75rem;
    margin-bottom: 0;
    width: 100%;
  }
}

.s-tobAd .s-tobAd__productionTitle {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 1.25rem;
  line-height: 1.5;
  letter-spacing: 0.12em;
}

@media screen and (max-width: 767px) {
  .s-tobAd .s-tobAd__productionTitle {
    font-size: 1.25rem;
  }
}

.s-tobAd .s-tobAd__productionDescription {
  line-height: 2;
}

@media screen and (max-width: 767px) {
  .s-tobAd .s-tobAd__productionDescription {
    font-size: 0.9375rem;
  }
}

.s-tobAd .s-tobAd__productionCardList {
  display: flex;
  gap: 1rem;
  width: 55rem;
}

@media screen and (max-width: 767px) {
  .s-tobAd .s-tobAd__productionCardList {
    flex-direction: column;
    gap: 0.75rem;
    width: 100%;
  }
}

.s-tobAd .s-tobAd__productionCard {
  border: 1px solid #E0E0E0;
  border-right: none;
  border-bottom: none;
  padding: 1.5rem 1.5rem 3.375rem;
  position: relative;
  flex: 1;
}

@media screen and (max-width: 767px) {
  .s-tobAd .s-tobAd__productionCard {
    padding: 1.5rem;
  }
}

.s-tobAd .s-tobAd__productionCard::before, .s-tobAd .s-tobAd__productionCard::after {
  content: "";
  background-color: #000;
  display: block;
  position: absolute;
  top: -0.0625rem;
  left: -0.0625rem;
}

.s-tobAd .s-tobAd__productionCard::before {
  height: 0.0625rem;
  width: 0.75rem;
}

.s-tobAd .s-tobAd__productionCard::after {
  height: 0.375rem;
  width: 0.0625rem;
}

.s-tobAd .s-tobAd__productionCardImage {
  margin-bottom: 1rem;
}

@media screen and (max-width: 767px) {
  .s-tobAd .s-tobAd__productionCardImage {
    margin-bottom: 1.5rem;
  }
}

.s-tobAd .s-tobAd__productionImage {
  width: 100%;
  height: 20.625rem;
  object-fit: cover;
}

@media screen and (max-width: 767px) {
  .s-tobAd .s-tobAd__productionImage {
    height: 17.3125rem;
  }
}

.s-tobAd .s-tobAd__productionCardContent {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

@media screen and (max-width: 767px) {
  .s-tobAd .s-tobAd__productionCardContent {
    gap: 0.75rem;
  }
}

.s-tobAd .s-tobAd__productionCardTitle {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 1rem;
  line-height: 1.5;
  color: #1b1b1b;
}

@media screen and (max-width: 767px) {
  .s-tobAd .s-tobAd__productionCardTitle {
    font-size: 1rem;
  }
}

.s-tobAd .s-tobAd__productionCardDescription {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 0.75rem;
  line-height: 1.5;
  color: #000;
}

@media screen and (max-width: 767px) {
  .s-tobAd .s-tobAd__productionCardDescription {
    font-size: 0.875rem;
  }
}

.s-cta {
  overflow: hidden;
}

.s-cta .s-cta__inner {
  background-color: #fff;
  display: block;
  position: relative;
  padding-block: 4.5rem;
  transition: background-color 0.4s, color 0.4s;
}

@media screen and (max-width: 767px) {
  .s-cta .s-cta__inner {
    padding-block: 6rem 4.25rem;
  }
}

.s-cta .s-cta__inner:hover {
  background-color: #1A1A1A;
  color: #fff;
  opacity: 1;
}

.s-cta .s-cta__inner:hover .s-cta__buttonCircle .s-cta__buttonIcon path {
  fill: #fff;
}

.s-cta .container {
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 767px) {
  .s-cta .container {
    position: initial;
  }
}

.s-cta .s-cta__header {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 3rem;
  margin-bottom: 3rem;
  width: 100%;
}

@media screen and (max-width: 767px) {
  .s-cta .s-cta__header {
    margin-bottom: 1.5rem;
    gap: 0.75rem;
  }
}

.s-cta .s-cta__label {
  line-height: 1;
  font-family: "Roca", sans-serif;
  font-weight: 700;
}

@media screen and (max-width: 767px) {
  .s-cta .s-cta__label {
    font-size: 0.875rem;
  }
}

.s-cta .s-cta__title {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.12em;
}

@media screen and (max-width: 767px) {
  .s-cta .s-cta__title {
    font-size: 1.25rem;
  }
}

.s-cta .s-cta__description {
  line-height: 2;
  width: 100%;
}

@media screen and (max-width: 767px) {
  .s-cta .s-cta__description {
    font-size: 0.9375rem;
  }
}

.s-cta .s-cta__button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
}

@media screen and (max-width: 767px) {
  .s-cta .s-cta__button {
    position: absolute;
    top: 2.25rem;
    right: 1rem;
    transform: translateY(0);
  }
}

.s-cta .s-cta__buttonCircle {
  display: flex;
  align-items: center;
  gap: 1rem;
  border: 0.0625rem solid;
  border-radius: 50%;
  justify-content: center;
  height: 10.5rem;
  width: 10.5rem;
}

@media screen and (max-width: 767px) {
  .s-cta .s-cta__buttonCircle {
    height: 8.25rem;
    width: 8.25rem;
  }
}

.s-cta .s-cta__buttonText {
  font-size: 1rem;
  line-height: 1;
  font-family: "Roca", sans-serif;
  font-weight: 700;
}

.s-cta .s-cta__buttonIcon {
  position: relative;
  top: -0.125rem;
  width: 1rem;
  height: 1rem;
}

.s-cta .s-cta__buttonIcon path {
  transition: fill 0.4s;
}

.s-cta .s-cta__backgroundText {
  color: #fff;
  font-size: 14.0625rem;
  line-height: 0.9;
  text-align: center;
  position: absolute;
  bottom: -3.75rem;
  right: 4.625rem;
  opacity: 0.1;
  z-index: 1;
  width: fit-content;
  z-index: 0;
  font-family: "Roca", sans-serif;
  font-weight: 700;
}

@media screen and (max-width: 767px) {
  .s-cta .s-cta__backgroundText {
    color: #F5F5F5;
    display: block;
    line-height: 0.4;
    font-size: 3.9375rem;
    bottom: 0rem;
    left: 50%;
    right: initial;
    transform: translateX(-50%);
    opacity: 1;
    width: 100%;
  }
}

.s-serviceMv {
  border-bottom: 0.0625rem solid #E0E0E0;
  margin-bottom: 7.5rem;
}

@media screen and (max-width: 767px) {
  .s-serviceMv {
    border-bottom: 0;
    margin-bottom: 5rem;
  }
}

.s-serviceMv .container {
  max-width: 90rem;
  margin-left: auto;
  padding: 0;
}

@media screen and (max-width: 767px) {
  .s-serviceMv .container {
    padding: 0;
  }
}

.s-serviceMv .s-serviceMv__inner {
  display: flex;
  justify-content: flex-end;
  position: relative;
  gap: 3.125rem;
}

@media screen and (max-width: 767px) {
  .s-serviceMv .s-serviceMv__inner {
    flex-direction: column;
    gap: 0;
    text-align: center;
  }
}

.s-serviceMv .s-serviceMv__content {
  display: flex;
  align-items: center;
  position: relative;
  width: 23.25rem;
}

@media screen and (max-width: 767px) {
  .s-serviceMv .s-serviceMv__content {
    align-items: flex-start;
    padding: 2.125rem 1rem 2.8125rem;
    max-width: none;
    width: 100%;
  }
}

@media screen and (min-width: 768px) {
  .s-serviceMv .s-serviceMv__content::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 8.75rem;
    height: 0.25rem;
    background-color: #000;
  }
}

.s-serviceMv .s-serviceMv__title {
  font-size: 2.0625rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.12em;
}

@media screen and (max-width: 767px) {
  .s-serviceMv .s-serviceMv__title {
    text-align: left;
    font-size: 1.25rem;
  }
}

.s-serviceMv .s-serviceMv__title:before {
  content: attr(data-en);
  display: block;
  line-height: 1;
  margin-bottom: 0.75rem;
  font-size: 1rem;
  letter-spacing: 0;
  font-family: "Roca", sans-serif;
  font-weight: 700;
}

@media screen and (max-width: 767px) {
  .s-serviceMv .s-serviceMv__title:before {
    margin-bottom: 0.5rem;
  }
}

.s-serviceMv .s-serviceMv__visual {
  position: relative;
  height: 100%;
  width: 56rem;
}

@media screen and (max-width: 767px) {
  .s-serviceMv .s-serviceMv__visual {
    max-width: none;
    width: 100%;
  }
}

.s-serviceMv .s-serviceMv__visualImg {
  object-fit: cover;
  aspect-ratio: 960/320;
}

.s-serviceBook {
  padding: 0 0 7.5rem;
}

@media screen and (max-width: 767px) {
  .s-serviceBook {
    padding: 0 0 5rem;
  }
}

@media screen and (min-width: 768px) {
  .s-serviceBook+.s-serviceBook .s-serviceBook__title {
    padding-top: 5rem;
    border-top: 0.0625rem solid #E0E0E0;
  }
}

@media screen and (min-width: 768px) {
  .s-serviceBook.-second .container {
    border-bottom: 0.0625rem solid #E0E0E0;
    padding-bottom: 7.5rem;
  }
}

.s-serviceBook .s-serviceBook__title {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.12em;
  margin-bottom: 5rem;
}

@media screen and (max-width: 767px) {
  .s-serviceBook .s-serviceBook__title {
    font-size: 1.25rem;
    margin-bottom: 0.75rem;
  }
}

.s-serviceBook .s-serviceBook__magazine {
  margin-bottom: 5rem;
}

@media screen and (min-width: 768px) {
  .s-serviceBook .s-serviceBook__magazine:nth-child(odd) .s-serviceBook__magazineContent {
    flex-direction: row-reverse;
  }
}

.s-serviceBook .s-serviceBook__magazineContent {
  display: flex;
  align-items: center;
  gap: 2.5rem;
}

@media screen and (max-width: 767px) {
  .s-serviceBook .s-serviceBook__magazineContent {
    flex-direction: column;
    gap: 0;
  }
}

.s-serviceBook .s-serviceBook__magazineContent:nth-child(even) {
  flex-direction: row-reverse;
}

@media screen and (max-width: 767px) {
  .s-serviceBook .s-serviceBook__magazineContent:nth-child(even) {
    flex-direction: column;
  }
}

.s-serviceBook .s-serviceBook__magazineInfo {
  flex: 1;
  width: 38.1875rem;
}

@media screen and (max-width: 767px) {
  .s-serviceBook .s-serviceBook__magazineInfo {
    display: contents;
  }
}

.s-serviceBook .s-serviceBook__magazineInfo .c-moreBtn .c-moreBtn__btn {
  width: 16.6875rem;
}

.s-serviceBook .s-serviceBook__magazineTitle {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 1.5rem;
  line-height: 1.4;
  letter-spacing: 0.04em;
  margin-bottom: 1rem;
}

@media screen and (max-width: 767px) {
  .s-serviceBook .s-serviceBook__magazineTitle {
    text-align: left;
    font-size: 1.25rem;
    margin-bottom: 0.75rem;
    width: 100%;
  }
}

.s-serviceBook .s-serviceBook__magazineDescription {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 0.9375rem;
  line-height: 1.65;
  letter-spacing: 0.02em;
  margin-bottom: 3rem;
}

@media screen and (max-width: 767px) {
  .s-serviceBook .s-serviceBook__magazineDescription {
    font-size: 0.875rem;
    margin-bottom: 1.5rem;
  }
}

.s-serviceBook .s-serviceBook__magazineDescription strong {
  font-weight: 700;
}

.s-serviceBook .s-serviceBook__magazineImages {
  width: 34.25rem;
}

@media screen and (max-width: 767px) {
  .s-serviceBook .s-serviceBook__magazineImages {
    margin-bottom: 1.5rem;
    width: 100%;
  }
}

.s-serviceBook .s-serviceBook__magazineImage {
  width: 100%;
  height: auto;
  object-fit: cover;
  aspect-ratio: 548/340;
}

@media screen and (max-width: 767px) {
  .s-serviceBook .s-serviceBook__magazineImage {
    aspect-ratio: 343/212;
  }
}

.s-serviceBook .s-serviceBook__strengths {
  margin-top: 5rem;
}

@media screen and (max-width: 767px) {
  .s-serviceBook .s-serviceBook__strengths {
    margin-top: 2rem;
  }
}

.s-serviceBook .s-serviceBook__strengthsTitle {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.12em;
  margin-bottom: 5rem;
}

@media screen and (max-width: 767px) {
  .s-serviceBook .s-serviceBook__strengthsTitle {
    font-size: 1.25rem;
    margin-bottom: 2rem;
  }
}

.s-serviceBook .s-serviceBook__strengthsCards {
  display: flex;
  gap: 1rem;
}

@media screen and (max-width: 767px) {
  .s-serviceBook .s-serviceBook__strengthsCards {
    flex-direction: column;
    gap: 1.5rem;
  }
}

.s-serviceBook .s-serviceBook__strengthCard {
  background-color: #fff;
  border: 1px solid #E0E0E0;
  border-right: none;
  border-bottom: none;
  padding: 1.5rem 2rem;
  position: relative;
  flex: 1;
}

@media screen and (max-width: 767px) {
  .s-serviceBook .s-serviceBook__strengthCard {
    padding: 1.5rem;
  }
}

.s-serviceBook .s-serviceBook__strengthCard::before, .s-serviceBook .s-serviceBook__strengthCard::after {
  content: "";
  background-color: #000;
  display: block;
  position: absolute;
  top: -0.0625rem;
  left: -0.0625rem;
}

.s-serviceBook .s-serviceBook__strengthCard::before {
  height: 0.0625rem;
  width: 0.75rem;
}

.s-serviceBook .s-serviceBook__strengthCard::after {
  height: 0.375rem;
  width: 0.0625rem;
}

.s-serviceBook .s-serviceBook__strengthCardHeader {
  border-bottom: 0.0625rem solid #E0E0E0;
  display: flex;
  align-items: center;
  gap: 1rem;
  padding-bottom: 2rem;
  margin-bottom: 2rem;
}

@media screen and (max-width: 767px) {
  .s-serviceBook .s-serviceBook__strengthCardHeader {
    border-bottom: none;
    gap: 0.75rem;
    padding-bottom: 0;
    margin-bottom: 0.75rem;
  }
}

.s-serviceBook .s-serviceBook__strengthPoint {
  display: flex;
  align-items: baseline;
  gap: 0.125rem;
  position: relative;
  top: 0.1875rem;
}

@media screen and (max-width: 767px) {
  .s-serviceBook .s-serviceBook__strengthPoint {
    flex-direction: column;
    align-items: center;
    gap: 0.125rem;
  }
}

.s-serviceBook .s-serviceBook__strengthPointLabel {
  font-size: 1rem;
  line-height: 1;
  font-family: "Roca", sans-serif;
  font-weight: 700;
}

.s-serviceBook .s-serviceBook__strengthPointNumber {
  font-family: "Roca", sans-serif;
  font-weight: 700;
  font-size: 1.875rem;
  line-height: 1;
}

.s-serviceBook .s-serviceBook__strengthCardTitle {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 1.25rem;
  line-height: 1.5;
  letter-spacing: 0.04em;
}

@media screen and (max-width: 767px) {
  .s-serviceBook .s-serviceBook__strengthCardTitle {
    border-left: 0.0625rem solid #E0E0E0;
    padding-left: 1rem;
    margin-left: 1rem;
    font-size: 1.125rem;
    letter-spacing: 0;
  }
}

.s-serviceBook .s-serviceBook__strengthCardDescription {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.5;
}

.s-serviceBook .c-moreBtn {
  margin-top: 3rem;
}

@media screen and (max-width: 767px) {
  .s-serviceBook .c-moreBtn {
    margin-top: 0.75rem;
    order: 4;
  }
}

.s-serviceBook .c-moreBtn .c-moreBtn__btn {
  gap: 0.25rem;
}

.s-serviceBook .s-serviceBook__promotion {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  max-width: 90rem;
  margin-inline: auto;
  gap: 2.5rem;
}

@media screen and (max-width: 767px) {
  .s-serviceBook .s-serviceBook__promotion {
    flex-direction: column;
    gap: 2rem;
    margin-bottom: 5rem;
  }
}

.s-serviceBook .s-serviceBook__promotion .s-serviceBook__promotionTextBox {
  width: 38.5rem;
}

@media screen and (max-width: 767px) {
  .s-serviceBook .s-serviceBook__promotion .s-serviceBook__promotionTextBox {
    padding-inline: 1rem;
    width: 100%;
  }
}

.s-serviceBook .s-serviceBook__promotion .s-serviceBook__promotionTitle {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.12em;
  margin-bottom: 5.75rem;
}

@media screen and (max-width: 767px) {
  .s-serviceBook .s-serviceBook__promotion .s-serviceBook__promotionTitle {
    margin-bottom: 0.75rem;
  }
}

.s-serviceBook .s-serviceBook__promotion .s-serviceBook__promotionDescription {
  font-size: 0.9375rem;
  line-height: 1.65;
  letter-spacing: 0.04em;
  margin-bottom: 3rem;
}

@media screen and (max-width: 767px) {
  .s-serviceBook .s-serviceBook__promotion .s-serviceBook__promotionDescription {
    font-size: 0.875rem;
    margin-bottom: 0.75rem;
  }
}

.s-serviceBook .s-serviceBook__promotion .s-serviceBook__promotionDescriptionCaution {
  text-align: right;
  font-size: 0.75rem;
  line-height: 1.5;
  letter-spacing: 0.04em;
}

@media screen and (max-width: 767px) {
  .s-serviceBook .s-serviceBook__promotion .s-serviceBook__promotionDescriptionCaution {
    text-align: left;
  }
}

.s-serviceBook .s-serviceBook__promotion .s-serviceBook__promotionImages {
  width: 41.5rem;
}

@media screen and (max-width: 767px) {
  .s-serviceBook .s-serviceBook__promotion .s-serviceBook__promotionImages {
    width: 100%;
  }
}

.s-serviceBook .s-serviceBook__promotion .s-serviceBook__promotionImages .s-serviceBook__promotionImage {
  object-fit: cover;
  aspect-ratio: 664/315;
}

.s-appearanceCta {
  background-color: #E0E0E0;
  padding-top: 5rem;
}

@media screen and (max-width: 767px) {
  .s-appearanceCta {
    padding-top: 2rem;
  }
}

.s-appearanceCta .s-appearanceCta__content {
  background-color: #fff;
  border-radius: 0.75rem;
  padding: 4.5rem;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 15rem;
}

.s-appearanceCta .s-appearanceCta__content::before {
  content: "Contact!! Contact!!";
  color: #F5F5F5;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -45%);
  font-size: 9rem;
  white-space: nowrap;
  z-index: 1;
  font-family: "Roca", sans-serif;
  font-weight: 400;
}

@media screen and (max-width: 767px) {
  .s-appearanceCta .s-appearanceCta__content::before {
    content: "Contact!!";
    top: initial;
    bottom: 0;
    font-size: 4.25rem;
    transform: translate(-50%, 0);
    line-height: 0.4;
  }
}

@media screen and (max-width: 767px) {
  .s-appearanceCta .s-appearanceCta__content {
    border-radius: 0.5rem;
    padding: 3rem 1rem;
    flex-direction: column;
    align-items: center;
    min-height: auto;
  }
}

.s-appearanceCta .s-appearanceCta__title {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  flex: 1;
  z-index: 2;
}

@media screen and (max-width: 767px) {
  .s-appearanceCta .s-appearanceCta__title {
    font-size: 1.25rem;
    margin-bottom: 1.5rem;
    text-align: center;
  }
}

.s-appearanceCta .c-moreBtn {
  position: relative;
  z-index: 1;
}

@media screen and (min-width: 768px) {
  .s-appearanceCta .c-moreBtn {
    max-width: 9.375rem;
  }
}

.s-articleSliderPickUp {
  border-bottom: 1px solid #E0E0E0;
  overflow: hidden;
  margin-block: 6rem;
  padding-bottom: 3rem;
}

@media screen and (max-width: 767px) {
  .s-articleSliderPickUp {
    border-bottom: none;
    padding-bottom: 0;
    margin-block: 3rem 6rem;
  }
}

.s-articleSliderPickUp .c-sectionTitle {
  position: absolute;
  width: 100%;
}

@media screen and (max-width: 767px) {
  .s-articleSliderPickUp .c-sectionTitle {
    position: relative;
  }
}

.s-articleSliderPickUp .c-sectionTitle::before {
  width: 50%;
}

@media screen and (max-width: 767px) {
  .s-articleSliderPickUp .c-sectionTitle::before {
    width: 100%;
  }
}

.s-articleSliderPickUp .c-sectionTitle .c-sectionTitle__title .c-sectionTitle__titleText {
  font-size: 1.75rem;
  line-height: 1.5;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}

@media screen and (max-width: 767px) {
  .s-articleSliderPickUp .c-sectionTitle .c-sectionTitle__title .c-sectionTitle__titleText {
    font-size: 1.25rem;
  }
}

.s-articleSliderPickUp .c-sectionTitle .c-sectionTitle__title::after {
  width: 3.75rem !important;
}

@media screen and (max-width: 767px) {
  .s-articleSliderPickUp .c-sectionTitle .c-sectionTitle__title::after {
    left: 50%;
    transform: translateX(-50%);
    width: 2.5rem !important;
  }
}

@media screen and (max-width: 767px) {
  .s-articleSliderPickUp .c-sectionTitle .container {
    margin-bottom: 4.25rem;
  }
}

.s-articleSliderPickUp .s-articleSliderPickUp__enTitle {
  color: #fff;
  position: absolute;
  top: 0;
  right: -3.125rem;
  font-size: 6rem;
  line-height: 1;
  font-family: "Roca", sans-serif;
  font-weight: 700;
}

@media screen and (max-width: 767px) {
  .s-articleSliderPickUp .s-articleSliderPickUp__enTitle {
    top: initial;
    bottom: -1.5rem;
    font-size: 3.75rem;
    text-align: center;
    right: initial;
    left: 50%;
    transform: translate(-50%, 100%);
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .s-articleSliderPickUp .s-articleSliderPickUp__content .container {
    position: relative;
    padding: 0.75rem 0 0;
  }
}

.s-articleSliderPickUp .s-articleSliderPickUp__swiper {
  margin-bottom: 1.5rem;
  width: 100%;
}

@media screen and (min-width: 768px) {
  .s-articleSliderPickUp .swiper-wrapper {
    align-items: flex-end;
  }
}

.s-articleSliderPickUp .s-articleSliderPickUp__slide {
  transform-origin: bottom;
  display: flex;
  justify-content: center;
  align-items: flex-end;
}

@media screen and (max-width: 767px) {
  .s-articleSliderPickUp .s-articleSliderPickUp__slide .c-articleCard__Content {
    padding-inline: 1rem;
  }
}

@media screen and (max-width: 767px) {
  .s-articleSliderPickUp .s-articleSliderPickUp__slide .c-articleCard {
    width: 100%;
  }
}

@media screen and (min-width: 768px) {
  .s-articleSliderPickUp .s-articleSliderPickUp__slide {
    transition: scale 0.4s, padding-right 0.4s, padding-left 0.4s;
    min-height: 27.3125rem;
    width: 31.5rem;
  }

  .s-articleSliderPickUp .s-articleSliderPickUp__slide.swiper-slide-prev {
    padding-right: 6.25rem;
  }

  .s-articleSliderPickUp .s-articleSliderPickUp__slide.swiper-slide-next {
    padding-left: 6.25rem;
  }

  .s-articleSliderPickUp .s-articleSliderPickUp__slide.swiper-slide-active {
    scale: 1.2;
  }

  .s-articleSliderPickUp .s-articleSliderPickUp__slide.swiper-slide-active .c-articleCard {
    width: 31.5rem !important;
  }

  .s-articleSliderPickUp .s-articleSliderPickUp__slide .c-articleCard {
    width: 17.25rem;
    transition: width 0.4s;
  }
}

@media screen and (max-width: 767px) {
  .s-articleSliderPickUp .s-articleSliderPickUp__imgBg {
    position: absolute;
    z-index: 0;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
  }

  .s-articleSliderPickUp .s-articleSliderPickUp__subSlide {
    opacity: 0;
    transform: translateY(10px);
    transition: opacity 0.4s ease, transform 0.4s ease;
  }

  .s-articleSliderPickUp .s-articleSliderPickUp__subSlide.is-visible {
    opacity: 1;
    transform: translateY(0);
  }

  .s-articleSliderPickUp .s-articleSliderPickUp__subSlide .c-articleCard {
    flex-direction: row;
    gap: 1rem;
    padding: 1rem;
  }

  .s-articleSliderPickUp .s-articleSliderPickUp__subSlide .c-articleCard__Image {
    width: 6.75rem;
    flex-shrink: 0;
  }

  .s-articleSliderPickUp .s-articleSliderPickUp__subSlide .c-articleCard__Image .c-articleCard__Img {
    aspect-ratio: 108/72;
    object-fit: cover;
  }

  .s-articleSliderPickUp .s-articleSliderPickUp__subSlide .c-articleCard__Content {
    flex: 1;
  }

  .s-articleSliderPickUp .c-sliderControl {
    border-bottom: 1px solid #E0E0E0;
    margin-bottom: 0.5rem;
    padding-bottom: 1.5rem;
  }
}

.s-contentsLists {
  margin-bottom: 7.5rem;
}

@media screen and (max-width: 767px) {
  .s-contentsLists {
    margin-bottom: 6rem;
  }
}

.s-contentsLists .container {
  display: flex;
  gap: 5.25rem;
  max-width: 90rem;
  justify-content: flex-end;
  padding: 0;
}

@media screen and (max-width: 767px) {
  .s-contentsLists .container {
    flex-direction: column;
    padding: 0;
  }
}

.s-contentsLists .s-contentsLists__main {
  width: 54.75rem;
}

@media screen and (max-width: 767px) {
  .s-contentsLists .s-contentsLists__main {
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .s-contentsLists .c-articleFilter {
    margin-inline: 1rem;
  }
}

.s-contentsLists .s-contentsLists__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 3rem;
}

/*フィルターを設置しない時に使用*/
.s-contentsLists .s-contentsLists__list.mt0 {
  margin-top: 0;
}

@media screen and (max-width: 767px) {
  .s-contentsLists .s-contentsLists__list {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
  }
}

.s-contentsLists .s-contentsLists__item {
  border-bottom: 0.0625rem solid #E0E0E0;
  border-right: 0.0625rem solid #E0E0E0;
}

.s-contentsLists .s-contentsLists__item:nth-child(3n) {
  border-right: none;
}

.s-contentsLists .s-contentsLists__link {
  display: block;
  padding: 2.25rem;
  position: relative;
}

@media screen and (max-width: 767px) {
  .s-contentsLists .s-contentsLists__link {
    display: flex;
    gap: 0;
    padding: 0;
  }
}

.s-contentsLists .s-contentsLists__image {
  margin-bottom: 1rem;
  flex-shrink: 0;
  width: 100%;
}

@media screen and (max-width: 767px) {
  .s-contentsLists .s-contentsLists__image {
    margin-bottom: 1rem;
  }
}

.s-contentsLists .s-contentsLists__img {
  aspect-ratio: 220/146;
  object-fit: cover;
}

.s-contentsLists .s-contentsLists__content {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

@media screen and (max-width: 767px) {
  .s-contentsLists .s-contentsLists__content {
    gap: 0.625rem;
    padding-inline: 1rem;
  }
}

.s-contentsLists .s-contentsLists__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.s-contentsLists .s-contentsLists__category {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 0.75rem;
  line-height: 1;
  background: #77C7C6;
  border-radius: 0.1875rem;
  padding: 0.375rem;
  display: flex;
  align-items: center;
}

.s-contentsLists .s-contentsLists__category.catcolor_hairbeauty {
  background: #77C7C6;
}

.s-contentsLists .s-contentsLists__category.catcolor_business {
  background: #F4A893;
}

.s-contentsLists .s-contentsLists__category.catcolor_news {
  background: #D5C6BC;
}

@media screen and (max-width: 767px) {
  .s-contentsLists .s-contentsLists__category {
    border-radius: 0.125rem;
    padding: 0.25rem;
  }
}

.s-contentsLists .s-contentsLists__publishDate {
  font-size: 0.75rem;
  line-height: 1;
  opacity: 0.25;
  font-family: "Roca", sans-serif;
  font-weight: 400;
}

@media screen and (max-width: 767px) {
  .s-contentsLists .s-contentsLists__publishDate {
    text-transform: uppercase;
  }
}

.s-contentsLists .s-contentsLists__contentTags {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.s-contentsLists .s-contentsLists__contentTagItem {
  align-items: center;
  display: inline-flex;
  gap: 0.25rem;
  font-size: 0.75rem;
  opacity: 0.5;
}

.s-contentsLists .s-contentsLists__contentTagItem::before {
  content: "#";
  color: #2EB6AA;
}

.s-contentsLists .s-contentsLists__contentTagItem.catcolor_hairbeauty::before {
  color: #2EB6AA;
}

.s-contentsLists .s-contentsLists__contentTagItem.catcolor_business::before {
  color: #ef9b84;
}

.s-contentsLists .s-contentsLists__contentTagItem.catcolor_news::before {
  color: #c8b09f;
}

.s-contentsLists .s-contentsLists__title {
  font-size: 1rem;
  line-height: 1.5;
  margin: 0;
}

@media screen and (max-width: 767px) {
  .s-contentsLists .s-contentsLists__title {
    font-size: 1rem;
  }
}

@media screen and (max-width: 767px) {
  .s-contentsLists .s-contentsLists__item:first-child .s-contentsLists__link {
    flex-direction: column;
    padding: 0 1rem 1rem;
  }

  .s-contentsLists .s-contentsLists__item:first-child .s-contentsLists__content {
    padding: 0;
  }

  .s-contentsLists .s-contentsLists__item:not(:first-child) {
    width: 100%;
  }

  .s-contentsLists .s-contentsLists__item:not(:first-child) .s-contentsLists__link {
    align-items: flex-start;
    padding: 1rem;
    flex-direction: row;
    gap: 1rem;
  }

  .s-contentsLists .s-contentsLists__item:not(:first-child) .s-contentsLists__image {
    margin-bottom: 0;
    width: 6.75rem;
  }

  .s-contentsLists .s-contentsLists__item:not(:first-child) .s-contentsLists__image img {
    aspect-ratio: 108/72;
  }

  .s-contentsLists .s-contentsLists__item:not(:first-child) .s-contentsLists__title {
    font-size: 0.875rem;
  }

  .s-contentsLists .s-contentsLists__item:not(:first-child) .s-contentsLists__content {
    padding: 0;
  }

  .s-contentsLists .s-contentsLists__item:nth-child(2) {
    border-right: 1px solid #E0E0E0;
  }

  .s-contentsLists .s-contentsLists__item:nth-child(2), .s-contentsLists .s-contentsLists__item:nth-child(3) {
    border-bottom: 1px solid #E0E0E0;
    flex: 0 0 50%;
    max-width: 50%;
    font-size: 0.875rem;
  }

  .s-contentsLists .s-contentsLists__item:nth-child(2) .s-contentsLists__link, .s-contentsLists .s-contentsLists__item:nth-child(3) .s-contentsLists__link {
    flex-direction: column;
    padding: 1.5rem 1rem;
  }

  .s-contentsLists .s-contentsLists__item:nth-child(2) .s-contentsLists__image, .s-contentsLists .s-contentsLists__item:nth-child(3) .s-contentsLists__image {
    width: 100%;
  }

  .s-contentsLists .s-contentsLists__item:nth-child(2) .c-contentsLists__content, .s-contentsLists .s-contentsLists__item:nth-child(3) .c-contentsLists__content {
    gap: 0.25rem;
  }

  .s-contentsLists .s-contentsLists__item:nth-child(2) .c-contentsLists__Tag, .s-contentsLists .s-contentsLists__item:nth-child(3) .c-contentsLists__Tag {
    font-size: 0.625rem;
  }
}

.s-contentsLists .s-contentsLists__pageNation,
.s-bookLists .s-contentsLists__pageNation {
  display: flex;
  align-items: center;
  /* justify-content: space-between; */
  justify-content: center;
  margin-top: 3rem;
  margin-inline: auto;
  /* max-width: 27.5rem; */
  max-width: none;
}

@media screen and (max-width: 767px) {

  .s-contentsLists .s-contentsLists__pageNation,
  .s-bookLists .s-contentsLists__pageNation {
    padding-inline: 1rem;
  }
}

.s-contentsLists .s-contentsLists__pageNation .s-contentsLists__pageNationPrev,
.s-contentsLists .s-contentsLists__pageNation .s-contentsLists__pageNationNext,
.s-bookLists .s-contentsLists__pageNation .s-contentsLists__pageNationPrev,
.s-bookLists .s-contentsLists__pageNation .s-contentsLists__pageNationNext {
  font-family: "Roca", sans-serif;
  font-weight: 700;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

@media screen and (max-width: 767px) {

  .s-contentsLists .s-contentsLists__pageNation .s-contentsLists__pageNationPrev,
  .s-contentsLists .s-contentsLists__pageNation .s-contentsLists__pageNationNext,
  .s-bookLists .s-contentsLists__pageNation .s-contentsLists__pageNationPrev,
  .s-bookLists .s-contentsLists__pageNation .s-contentsLists__pageNationNext {
    font-size: 0.8rem;
  }
}

.s-contentsLists .s-contentsLists__pageNation .s-contentsLists__pageNationPrev.disabled,
.s-contentsLists .s-contentsLists__pageNation .s-contentsLists__pageNationNext.disabled,
.s-bookLists .s-contentsLists__pageNation .s-contentsLists__pageNationPrev.disabled,
.s-bookLists .s-contentsLists__pageNation .s-contentsLists__pageNationNext.disabled {
  opacity: 0.25;
  pointer-events: none;
}

.s-contentsLists .s-contentsLists__pageNation .s-contentsLists__pageNationPageLists,
.s-bookLists .s-contentsLists__pageNation .s-contentsLists__pageNationPageLists {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

@media screen and (max-width: 767px) {

  .s-contentsLists .s-contentsLists__pageNation .s-contentsLists__pageNationPageLists,
  .s-bookLists .s-contentsLists__pageNation .s-contentsLists__pageNationPageLists {
    gap: 0.2rem;
  }
}

.s-contentsLists .s-contentsLists__pageNation .s-contentsLists__pageNationPageLists .s-contentsLists__pageNationPageItem,
.s-bookLists .s-contentsLists__pageNation .s-contentsLists__pageNationPageLists .s-contentsLists__pageNationPageItem {
  border-radius: 999px;
  display: flex;
  justify-content: center;
  line-height: 3.3;
  height: 3rem;
  width: 3rem;
  font-family: "Roca", sans-serif;
  font-weight: 700;
  transition: background-color 0.4s, color 0.4s;
}

@media screen and (max-width: 767px) {

  .s-contentsLists .s-contentsLists__pageNation .s-contentsLists__pageNationPageLists .s-contentsLists__pageNationPageItem,
  .s-bookLists .s-contentsLists__pageNation .s-contentsLists__pageNationPageLists .s-contentsLists__pageNationPageItem {
    font-size: 0.8rem;
    height: 2.375rem;
    width: 2.375rem;
  }
}

.s-contentsLists .s-contentsLists__pageNation .s-contentsLists__pageNationPageLists .s-contentsLists__pageNationPageItem.current, .s-contentsLists .s-contentsLists__pageNation .s-contentsLists__pageNationPageLists .s-contentsLists__pageNationPageItem:hover,
.s-bookLists .s-contentsLists__pageNation .s-contentsLists__pageNationPageLists .s-contentsLists__pageNationPageItem.current, .s-contentsLists .s-contentsLists__pageNation .s-contentsLists__pageNationPageLists .s-contentsLists__pageNationPageItem:hover {
  background-color: #000;
  color: #fff;
  opacity: 1;
}

.s-contentsLists .s-contentsLists__moreBtn {
  display: none;
  justify-content: center;
  margin-top: 1.5rem;
  align-items: center;
  gap: 0.75rem;
  width: 100%;
}

@media screen and (max-width: 767px) {
  .s-contentsLists .s-contentsLists__moreBtn {
    display: flex;
  }
}

.s-contentsLists .s-contentsLists__moreBtn .s-contentsLists__moreIcon {
  position: relative;
  top: -0.125rem;
  width: 0.9375rem;
  height: 0.9375rem;
}

.s-contentsLists .s-contentsLists__moreText {
  font-family: "Roca", sans-serif;
  font-weight: 700;
  font-size: 0.9375rem;
  line-height: 1;
}

.s-contentsLists .c-sideBar {
  width: 22.5rem;
}

@media screen and (max-width: 767px) {
  .s-contentsLists .c-sideBar {
    width: 100%;
  }
}

.s-myPagesubscriptionInfo .s-myPagesubscriptionInfo__planSection {
  padding: 0 0 3.75rem;
  position: relative;
}

@media screen and (max-width: 767px) {
  .s-myPagesubscriptionInfo .s-myPagesubscriptionInfo__planSection {
    padding: 0 0 5rem;
  }
}

@media screen and (max-width: 767px) {
  .s-myPagesubscriptionInfo .s-myPagesubscriptionInfo__planSection .container {
    padding-inline: 1rem 0;
  }
}

.s-myPagesubscriptionInfo .s-myPagesubscriptionInfo__planSection::after {
  content: "";
  background-color: #E0E0E0;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 0.0625rem;
  margin: 0 calc(50% - 50vw);
  width: 100vw;
}

.s-myPagesubscriptionInfo .s-myPagesubscriptionInfo__planTitle {
  font-weight: 700;
  margin-bottom: 4rem;
  font-size: 1.25rem;
  line-height: 1.5;
  letter-spacing: 0.12em;
  position: relative;
  padding-left: 1rem;
}

@media screen and (max-width: 767px) {
  .s-myPagesubscriptionInfo .s-myPagesubscriptionInfo__planTitle {
    font-size: 1.25rem;
    margin-bottom: 2.5rem;
  }
}

.s-myPagesubscriptionInfo .s-myPagesubscriptionInfo__planTitle::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 0.1875rem;
  background-color: #000;
}

.s-myPagesubscriptionInfo .s-myPagesubscriptionInfo__planTable {
  margin-bottom: 1.5rem;
}

.s-myPagesubscriptionInfo .s-myPagesubscriptionInfo__planTable .s-myPagesubscriptionInfo__tableRow {
  display: flex;
}

@media screen and (max-width: 767px) {
  .s-myPagesubscriptionInfo .s-myPagesubscriptionInfo__planTable .s-myPagesubscriptionInfo__tableRow {
    flex-direction: column;
  }
}

.s-myPagesubscriptionInfo .s-myPagesubscriptionInfo__planTable .s-myPagesubscriptionInfo__tableHeader {
  background-color: #E0E0E0;
  padding: 1.59375rem 1.5rem;
  border: 0.0625rem solid #b8b8b8;
  border-right: none;
  border-bottom: none;
  position: relative;
  width: 12rem;
}

.s-myPagesubscriptionInfo .s-myPagesubscriptionInfo__planTable .s-myPagesubscriptionInfo__tableHeader::before, .s-myPagesubscriptionInfo .s-myPagesubscriptionInfo__planTable .s-myPagesubscriptionInfo__tableHeader::after {
  content: "";
  background-color: #000;
  display: block;
  position: absolute;
  top: -0.0625rem;
  left: -0.0625rem;
}

.s-myPagesubscriptionInfo .s-myPagesubscriptionInfo__planTable .s-myPagesubscriptionInfo__tableHeader::before {
  height: 0.0625rem;
  width: 0.75rem;
}

.s-myPagesubscriptionInfo .s-myPagesubscriptionInfo__planTable .s-myPagesubscriptionInfo__tableHeader::after {
  height: 0.375rem;
  width: 0.0625rem;
}

@media screen and (max-width: 767px) {
  .s-myPagesubscriptionInfo .s-myPagesubscriptionInfo__planTable .s-myPagesubscriptionInfo__tableHeader {
    padding: 0.96875rem 1.5rem;
    font-size: 0.875rem;
    width: 100%;
  }
}

.s-myPagesubscriptionInfo .s-myPagesubscriptionInfo__planTable .s-myPagesubscriptionInfo__tableHeader .s-myPagesubscriptionInfo__tableLabel {
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.5;
}

.s-myPagesubscriptionInfo .s-myPagesubscriptionInfo__planTable .s-myPagesubscriptionInfo__tableCell {
  background-color: #fff;
  border: 0.0625rem solid #E0E0E0;
  border-right: none;
  border-bottom: none;
  flex: 1;
  padding: 1.59375rem 1.5rem;
}

@media screen and (max-width: 767px) {
  .s-myPagesubscriptionInfo .s-myPagesubscriptionInfo__planTable .s-myPagesubscriptionInfo__tableCell {
    padding: 0.96875rem 1.5rem;
  }
}

.s-myPagesubscriptionInfo .s-myPagesubscriptionInfo__planTable .s-myPagesubscriptionInfo__tableCell .s-myPagesubscriptionInfo__tableValue {
  font-size: 0.875rem;
  line-height: 1.5;
}

.s-myPagesubscriptionInfo .s-myPagesubscriptionInfo__planTable .s-myPagesubscriptionInfo__tableRow:last-child .s-myPagesubscriptionInfo__tableHeader {
  border-bottom: 0.0625rem solid #b8b8b8;
}

.s-myPagesubscriptionInfo .s-myPagesubscriptionInfo__planTable .s-myPagesubscriptionInfo__tableRow:last-child .s-myPagesubscriptionInfo__tableCell {
  border-bottom: 0.0625rem solid #E0E0E0;
}

.s-myPagesubscriptionInfo .s-myPagesubscriptionInfo__receiptSection {
  position: relative;
  padding: 3.75rem 0;
}

@media screen and (max-width: 767px) {
  .s-myPagesubscriptionInfo .s-myPagesubscriptionInfo__receiptSection {
    padding: 5rem 0;
  }
}

.s-myPagesubscriptionInfo .s-myPagesubscriptionInfo__receiptSection::after {
  content: "";
  background-color: #E0E0E0;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 0.0625rem;
  margin: 0 calc(50% - 50vw);
  width: 100vw;
}

.s-myPagesubscriptionInfo .s-myPagesubscriptionInfo__receiptTitle {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.12em;
  margin-bottom: 1.5rem;
}

@media screen and (max-width: 767px) {
  .s-myPagesubscriptionInfo .s-myPagesubscriptionInfo__receiptTitle {
    font-size: 1.5rem;
    margin-bottom: 2.5rem;
  }
}

.s-myPagesubscriptionInfo .s-myPagesubscriptionInfo__receiptDescription {
  margin-bottom: 0.75rem;
  font-size: 0.9375rem;
  line-height: 1.5;
}

.s-myPagesubscriptionInfo .s-myPagesubscriptionInfo__receiptSelect {
  position: relative;
  margin-bottom: 1.5rem;
  width: fit-content;
}

@media screen and (max-width: 767px) {
  .s-myPagesubscriptionInfo .s-myPagesubscriptionInfo__receiptSelect {
    margin-bottom: 2.5625rem;
  }
}

.s-myPagesubscriptionInfo .s-myPagesubscriptionInfo__receiptSelect .s-myPagesubscriptionInfo__receiptSelectBtn {
  border: 1px solid #000;
  border-radius: 0.25rem;
  display: flex;
  align-items: center;
  letter-spacing: 0.04em;
  font-size: 0.75rem;
  font-weight: 700;
  gap: 1.5rem;
  padding: 0.75rem 2.5rem 0.8125rem 1.5rem;
}

.s-myPagesubscriptionInfo .s-myPagesubscriptionInfo__receiptSelect .s-myPagesubscriptionInfo__receiptSelectIcon {
  position: absolute;
  top: 50%;
  right: 0.8125rem;
  transform: translateY(-50%);
  height: 0.9375rem;
  width: 0.9375rem;
  z-index: -1;
}

.s-myPagesubscriptionInfo .s-myPagesubscriptionInfo__receiptBtn {
  background-color: #000;
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1rem 1.5rem;
  border-radius: 999px;
  border: none;
  height: 3rem;
  width: 15rem;
  transition: opacity 0.4s;
}

.s-myPagesubscriptionInfo .s-myPagesubscriptionInfo__receiptBtn:hover {
  opacity: 0.5;
}

.s-myPagesubscriptionInfo .s-myPagesubscriptionInfo__receiptBtn .s-myPagesubscriptionInfo__receiptBtnText {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 0.8125rem;
  line-height: 1;
  color: #fff;
}

.s-myPagesubscriptionInfo .s-myPagesubscriptionInfo__receiptBtn .s-myPagesubscriptionInfo__receiptBtnIcon {
  width: 1rem;
  height: 1rem;
  margin-left: auto;
}

.s-myPagesubscriptionInfo .s-myPagesubscriptionInfo__termsSection {
  padding: 7.5rem 0;
}

@media screen and (max-width: 767px) {
  .s-myPagesubscriptionInfo .s-myPagesubscriptionInfo__termsSection {
    padding: 3.75rem 0;
  }
}

.s-myPagesubscriptionInfo .s-myPagesubscriptionInfo__termsDate {
  font-size: 0.875rem;
  line-height: 1.8;
  letter-spacing: 0.04em;
  margin-bottom: 1.0625rem;
}

.s-myPagesubscriptionInfo .s-myPagesubscriptionInfo__termsCard {
  margin-bottom: 2.5rem;
}

.s-myPagesubscriptionInfo .s-myPagesubscriptionInfo__termsCard .s-myPagesubscriptionInfo__termsCardHeader {
  background-color: #e0e0e0;
  padding: 1.59375rem 1.5rem;
  border: 1px solid #b8b8b8;
  border-right: none;
  border-bottom: none;
  position: relative;
}

.s-myPagesubscriptionInfo .s-myPagesubscriptionInfo__termsCard .s-myPagesubscriptionInfo__termsCardHeader::before, .s-myPagesubscriptionInfo .s-myPagesubscriptionInfo__termsCard .s-myPagesubscriptionInfo__termsCardHeader::after {
  content: "";
  background-color: #000;
  display: block;
  position: absolute;
  top: -0.0625rem;
  left: -0.0625rem;
}

.s-myPagesubscriptionInfo .s-myPagesubscriptionInfo__termsCard .s-myPagesubscriptionInfo__termsCardHeader::before {
  height: 0.0625rem;
  width: 0.75rem;
}

.s-myPagesubscriptionInfo .s-myPagesubscriptionInfo__termsCard .s-myPagesubscriptionInfo__termsCardHeader::after {
  height: 0.375rem;
  width: 0.0625rem;
}

.s-myPagesubscriptionInfo .s-myPagesubscriptionInfo__termsCard .s-myPagesubscriptionInfo__termsCardHeader .s-myPagesubscriptionInfo__termsCardTitle {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 0.875rem;
  line-height: 1.5;
}

.s-myPagesubscriptionInfo .s-myPagesubscriptionInfo__termsCard .s-myPagesubscriptionInfo__termsCardContent {
  background-color: #fff;
  border: 1px solid #E0E0E0;
  overflow: scroll;
  padding: 1.59375rem 1.5rem;
  height: 15.5rem;
}

@media screen and (max-width: 767px) {
  .s-myPagesubscriptionInfo .s-myPagesubscriptionInfo__termsCard .s-myPagesubscriptionInfo__termsCardContent {
    height: 29.6875rem;
  }
}

.s-myPagesubscriptionInfo .s-myPagesubscriptionInfo__termsCard .s-myPagesubscriptionInfo__termsCardContent .s-myPagesubscriptionInfo__termsCardMainTitle {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 1.75rem;
  line-height: normal;
  color: #1a1a1a;
  letter-spacing: 0.112em;
  margin-bottom: 1rem;
}

@media screen and (max-width: 767px) {
  .s-myPagesubscriptionInfo .s-myPagesubscriptionInfo__termsCard .s-myPagesubscriptionInfo__termsCardContent .s-myPagesubscriptionInfo__termsCardMainTitle {
    font-size: 1.5rem;
    letter-spacing: 0.096em;
  }
}

.s-myPagesubscriptionInfo .s-myPagesubscriptionInfo__termsCard .s-myPagesubscriptionInfo__termsCardContent .s-myPagesubscriptionInfo__termsCardText .s-myPagesubscriptionInfo__termsCardParagraph {
  font-size: 0.875rem;
  line-height: 1.5;
  color: #1a1a1a;
  margin-bottom: 0;
}

.s-myPagesubscriptionInfo .s-myPagesubscriptionInfo__termsCard .s-myPagesubscriptionInfo__termsCardContent .s-myPagesubscriptionInfo__termsCardText .s-myPagesubscriptionInfo__termsCardList {
  margin-left: 1.3125rem;
  margin-bottom: 0;
}

.s-myPagesubscriptionInfo .s-myPagesubscriptionInfo__termsCard .s-myPagesubscriptionInfo__termsCardContent .s-myPagesubscriptionInfo__termsCardText .s-myPagesubscriptionInfo__termsCardList .s-myPagesubscriptionInfo__termsCardListItem {
  font-size: 0.875rem;
  line-height: 1.5;
  color: #1a1a1a;
  margin-bottom: 0;
}

.s-myPagesubscriptionInfo .s-myPagesubscriptionInfo__moreLink {
  display: flex;
  align-items: center;
  gap: 1rem;
  justify-content: flex-end;
}

@media screen and (max-width: 767px) {
  .s-myPagesubscriptionInfo .s-myPagesubscriptionInfo__moreLink {
    padding-right: 1rem;
  }
}

.s-myPagesubscriptionInfo .s-myPagesubscriptionInfo__moreLink .s-myPagesubscriptionInfo__moreLinkText {
  font-size: 0.9375rem;
  line-height: 1.8;
}

@media screen and (max-width: 767px) {
  .s-myPagesubscriptionInfo .s-myPagesubscriptionInfo__moreLink .s-myPagesubscriptionInfo__moreLinkText {
    text-align: right;
  }
}

.s-myPagesubscriptionInfo .s-myPagesubscriptionInfo__moreLink .s-myPagesubscriptionInfo__moreLinkText .s-myPagesubscriptionInfo__moreLinkUnderline {
  text-decoration: underline;
  text-underline-position: from-font;
}

.s-myPagesubscriptionInfo .s-myPagesubscriptionInfo__moreLink .s-myPagesubscriptionInfo__moreLinkIcon {
  width: 1rem;
  height: 1rem;
}

.s-styleIndexLists .s-styleIndexLists__body {
  margin-bottom: 7.5rem;
}

@media screen and (max-width: 767px) {
  .s-styleIndexLists .s-styleIndexLists__body {
    margin-bottom: 2.5rem;
  }
}

.s-styleIndexLists .s-styleIndexLists__body .container {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  gap: 7.5rem;
  padding: 0;
  max-width: 90rem;
}

@media screen and (max-width: 767px) {
  .s-styleIndexLists .s-styleIndexLists__body .container {
    flex-direction: column;
    gap: 0rem;
  }
}

.s-styleIndexLists .s-styleIndexLists__body .s-styleIndexLists__bodyLeft {
  width: 52.5rem;
}

@media screen and (max-width: 767px) {
  .s-styleIndexLists .s-styleIndexLists__body .s-styleIndexLists__bodyLeft {
    margin-block: 0 2.5rem;
    width: 100%;
  }
}

.s-styleIndexLists .s-styleIndexLists__body .s-styleIndexLists__bodyLeft .s-styleIndexLists__moreBtn {
  display: flex;
  justify-content: center;
  margin-top: 1.5rem;
  align-items: center;
  gap: 0.75rem;
  width: 100%;
}

@media screen and (max-width: 767px) {
  .s-styleIndexLists .s-styleIndexLists__body .s-styleIndexLists__bodyLeft .s-styleIndexLists__moreBtn {
    display: flex;
  }
}

.s-styleIndexLists .s-styleIndexLists__body .s-styleIndexLists__bodyLeft .s-styleIndexLists__moreBtn .s-styleIndexLists__moreText {
  font-family: "Roca", sans-serif;
  font-weight: 700;
  font-size: 0.9375rem;
  line-height: 1;
}

.s-styleIndexLists .s-styleIndexLists__body .s-styleIndexLists__bodyLeft .s-styleIndexLists__moreBtn .s-styleIndexLists__moreIcon {
  position: relative;
  top: -0.125rem;
  width: 0.9375rem;
  height: 0.9375rem;
}

.s-styleIndexLists .s-styleIndexLists__body .s-styleIndexLists__styleCardWrap {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}

@media screen and (max-width: 767px) {
  .s-styleIndexLists .s-styleIndexLists__body .s-styleIndexLists__styleCardWrap {
    gap: 1rem 0;
  }
}

.s-styleIndexLists .s-styleIndexLists__body .c-sideBar {
  width: 22.5rem;
}

@media screen and (max-width: 767px) {
  .s-styleIndexLists .s-styleIndexLists__body .c-sideBar {
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    width: 100vw;
  }
}

.s-styleIndexLists .s-styleIndexLists__styleCard {
  border-bottom: 0.0625rem solid #E0E0E0;
  border-right: 0.0625rem solid #E0E0E0;
  padding: 1.5rem;
}

@media screen and (max-width: 767px) {
  .s-styleIndexLists .s-styleIndexLists__styleCard {
    border: none;
    padding: 0 0 0.75rem;
  }
}

.s-styleIndexLists .s-styleIndexLists__styleCard .s-styleIndexLists__styleCardImg {
  border-radius: 0.3125rem;
  position: relative;
  overflow: hidden;
  margin-bottom: 0.8125rem;
  width: 100%;
}

@media screen and (max-width: 767px) {
  .s-styleIndexLists .s-styleIndexLists__styleCard .s-styleIndexLists__styleCardImg {
    border-radius: 0rem;
  }
}

.s-styleIndexLists .s-styleIndexLists__styleCard .s-styleIndexLists__styleCardImg img {
  aspect-ratio: 232/297;
  object-fit: cover;
  object-position: top;
}

@media screen and (max-width: 767px) {
  .s-styleIndexLists .s-styleIndexLists__styleCard .s-styleIndexLists__styleCardImg img {
    aspect-ratio: 1/1;
  }
}

.s-styleIndexLists .s-styleIndexLists__styleCard .s-styleIndexLists__styleCardFavorite {
  background-color: #fff;
  border: 0.0625rem solid #E0E0E0;
  border-radius: 50%;
  cursor: pointer;
  padding: 0.625rem;
  position: absolute;
  bottom: 0.5rem;
  right: 0.5rem;
  height: 2.5rem;
  width: 2.5rem;
  z-index: 2;
  transition: opacity 0.4s;
}

@media screen and (max-width: 767px) {
  .s-styleIndexLists .s-styleIndexLists__styleCard .s-styleIndexLists__styleCardFavorite {
    padding: 0.25rem;
    height: 1.25rem;
    width: 1.25rem;
  }
}

.s-styleIndexLists .s-styleIndexLists__styleCard .s-styleIndexLists__styleCardFavorite svg {
  vertical-align: baseline;
}

.s-styleIndexLists .s-styleIndexLists__styleCard .s-styleIndexLists__styleCardFavorite svg path {
  transition: all 0.2s;
}

.s-styleIndexLists .s-styleIndexLists__styleCard .s-styleIndexLists__styleCardFavorite.is-active svg path {
  fill: #D6154F;
  stroke: #D6154F;
}

.s-styleIndexLists .s-styleIndexLists__styleCard .s-styleIndexLists__styleCardFavorite img {
  position: relative;
  top: -0.125rem;
  object-fit: contain;
  vertical-align: super;
  width: 100%;
}

@media screen and (max-width: 767px) {
  .s-styleIndexLists .s-styleIndexLists__styleCard .s-styleIndexLists__styleCardFavorite img {
    top: -0.15625rem;
  }
}

.s-styleIndexLists .s-styleIndexLists__styleCard .s-styleIndexLists__styleCardTags {
  display: flex;
  flex-wrap: wrap;
  font-size: 0.75rem;
  line-height: 1.3;
  gap: 0.5rem;
}

@media screen and (max-width: 767px) {
  .s-styleIndexLists .s-styleIndexLists__styleCard .s-styleIndexLists__styleCardTags {
    gap: 0.25rem;
  }
}

.s-styleIndexLists .s-styleIndexLists__styleCard .s-styleIndexLists__styleCardTags .s-styleIndexLists__styleCardTagItem {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

.s-styleIndexLists .s-styleIndexLists__styleCard .s-styleIndexLists__styleCardTags .s-styleIndexLists__styleCardTagItem span {
  opacity: 0.5;
}

.s-styleIndexLists .s-styleIndexLists__styleCard .s-styleIndexLists__styleCardTags .s-styleIndexLists__styleCardTagItem::before {
  content: "#";
}

.s-styleIndexDetail .s-styleIndexDetail__header {
  border-bottom: 0.0625rem solid #E0E0E0;
}

@media screen and (max-width: 767px) {
  .s-styleIndexDetail .s-styleIndexDetail__header {
    border-bottom: 0;
  }
}

.s-styleIndexDetail .s-styleIndexDetail__header .container {
  align-items: flex-start;
  display: flex;
  justify-content: space-between;
  max-width: 77.5rem;
  position: relative;
  padding-block: 4.5rem 4.5625rem;
}

@media screen and (max-width: 767px) {
  .s-styleIndexDetail .s-styleIndexDetail__header .container {
    padding-block: 1rem 1.625rem;
    flex-direction: column;
  }
}

.s-styleIndexDetail .s-styleIndexDetail__header .container::after {
  content: "";
  background-color: #E0E0E0;
  position: absolute;
  top: 0;
  right: 18.5rem;
  width: 0.0625rem;
  height: 100%;
}

@media screen and (max-width: 767px) {
  .s-styleIndexDetail .s-styleIndexDetail__header .container::after {
    content: none;
  }
}

.s-styleIndexDetail .s-styleIndexDetail__headerLeft {
  position: relative;
  width: 60rem;
}

@media screen and (max-width: 767px) {
  .s-styleIndexDetail .s-styleIndexDetail__headerLeft {
    width: 100%;
  }
}

.s-styleIndexDetail .s-styleIndexDetail__headerRight {
  padding-left: 5.25rem;
  width: calc(100% - 60rem);
}

@media screen and (max-width: 767px) {
  .s-styleIndexDetail .s-styleIndexDetail__headerRight {
    width: 100%;
  }
}

.s-styleIndexDetail .s-styleIndexDetail__headerContent {
  padding-right: 7.5rem;
}

@media screen and (max-width: 767px) {
  .s-styleIndexDetail .s-styleIndexDetail__headerContent {
    padding-right: 0;
  }
}

.s-styleIndexDetail .s-styleIndexDetail__meta {
  display: flex;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}

@media screen and (max-width: 767px) {
  .s-styleIndexDetail .s-styleIndexDetail__meta {
    align-items: center;
    justify-content: flex-start;
    gap: 0;
  }
}

.s-styleIndexDetail .s-styleIndexDetail__category {
  display: inline-flex;
  align-items: center;
  background-color: #F4A893;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 0.75rem;
  line-height: 1;
  padding: 0 0.375rem;
  height: 1.5rem;
  border-radius: 0.1875rem;
  width: fit-content;
}

@media screen and (max-width: 767px) {
  .s-styleIndexDetail .s-styleIndexDetail__category {
    margin-right: 0.75rem;
  }
}

.s-styleIndexDetail .s-styleIndexDetail__title {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 2rem;
  line-height: 1.5;
  margin: 0 0 0.75rem;
}

@media screen and (max-width: 767px) {
  .s-styleIndexDetail .s-styleIndexDetail__title {
    font-size: 1.25rem;
    margin-bottom: 1rem;
  }
}

.s-styleIndexDetail .s-styleIndexDetail__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
  align-items: center;
}

.s-styleIndexDetail .s-styleIndexDetail__tag {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

@media screen and (max-width: 767px) {
  .s-styleIndexDetail .s-styleIndexDetail__tag {
    border-radius: 2rem;
  }
}

.s-styleIndexDetail .s-styleIndexDetail__tagHash {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 1rem;
  line-height: 1.3;
  color: #F4A893;
}

@media screen and (max-width: 767px) {
  .s-styleIndexDetail .s-styleIndexDetail__tagHash {
    font-size: 0.75rem;
  }
}

.s-styleIndexDetail .s-styleIndexDetail__tagText {
  font-size: 1rem;
  line-height: 1.3;
}

@media screen and (max-width: 767px) {
  .s-styleIndexDetail .s-styleIndexDetail__tagText {
    font-size: 0.75rem;
  }
}

.s-styleIndexDetail .s-styleIndexDetail__date {
  font-family: "Roca", sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1;
  opacity: 0.5;
}

@media screen and (max-width: 767px) {
  .s-styleIndexDetail .s-styleIndexDetail__date {
    position: relative;
    top: 0.125rem;
    font-size: 0.75rem;
  }
}

.s-styleIndexDetail .s-styleIndexDetail__share {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3.125rem;
  padding-top: 0.4375rem;
}

@media screen and (max-width: 767px) {
  .s-styleIndexDetail .s-styleIndexDetail__share {
    display: none;
  }
}

.s-styleIndexDetail .s-styleIndexDetail__shareLabel {
  font-family: "Roca", sans-serif;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1;
}

.s-styleIndexDetail .s-styleIndexDetail__sns {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

@media screen and (max-width: 767px) {
  .s-styleIndexDetail .s-styleIndexDetail__sns {
    align-items: center;
    flex-direction: row;
    gap: 0.75rem;
  }
}

.s-styleIndexDetail .s-styleIndexDetail__sns.sp-only {
  display: none;
}

@media screen and (max-width: 767px) {
  .s-styleIndexDetail .s-styleIndexDetail__sns.sp-only {
    display: flex;
    margin-left: auto;
  }
}

.s-styleIndexDetail .s-styleIndexDetail__snsIcon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  border: 1px solid #E0E0E0;
  border-radius: 3rem;
  transition: opacity 0.4s;
}

.s-styleIndexDetail .s-styleIndexDetail__snsIcon:hover {
  opacity: 0.5;
}

@media screen and (max-width: 767px) {
  .s-styleIndexDetail .s-styleIndexDetail__snsIcon {
    border: 0;
    width: 1.5rem;
    height: 1.5rem;
  }
}


.s-styleIndexDetail .s-styleIndexDetail__snsIconImg {
  width: 1.5rem;
  height: 1.5rem;
}

@media screen and (max-width: 767px) {

  .s-styleIndexDetail .s-styleIndexDetail__snsIconImg {
    width: 1.25rem;
    height: 1.25rem;
  }
}

.s-styleIndexDetail .s-styleIndexDetail__body {
  padding-top: 2.875rem;
  margin-bottom: 7.5rem;
}

@media screen and (max-width: 767px) {
  .s-styleIndexDetail .s-styleIndexDetail__body {
    padding-top: 0;
    margin-bottom: 3.75rem;
  }
}

.s-styleIndexDetail .s-styleIndexDetail__body .container {
  display: flex;
  justify-content: space-between;
  max-width: 82.5rem;
  margin: 0 0 0 auto;
  padding-inline: 0;
  gap: 7.5rem;
}

@media screen and (min-width: 1921px) {
  .s-styleIndexDetail .s-styleIndexDetail__body .container {
    margin: 0 auto;
    padding-left: 3.75rem;
  }
}

@media screen and (max-width: 767px) {
  .s-styleIndexDetail .s-styleIndexDetail__body .container {
    margin: 0 auto;
    flex-direction: column;
    gap: 3rem;
    padding-inline: 1rem;
  }
}

.s-styleIndexDetail .s-styleIndexDetail__body .s-styleIndexDetail__bodyLeft {
  margin-top: -8.875rem;
  width: 52.5rem;
}

@media screen and (max-width: 767px) {
  .s-styleIndexDetail .s-styleIndexDetail__body .s-styleIndexDetail__bodyLeft {
    display: flex;
    flex-direction: column;
    margin-top: 0;
    width: 100%;
  }
}

.s-styleIndexDetail .s-styleIndexDetail__body .c-sideBar {
  max-width: 22.5rem;
  width: calc(100% - 52.5rem);
}

@media screen and (max-width: 767px) {
  .s-styleIndexDetail .s-styleIndexDetail__body .c-sideBar {
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    max-width: initial;
    width: 100vw;
  }
}

.s-styleIndexDetail .s-styleIndexDetail__bodyHead {
  display: flex;
}

@media screen and (max-width: 767px) {
  .s-styleIndexDetail .s-styleIndexDetail__bodyHead {
    display: contents;
  }
}

.s-styleIndexDetail .s-styleIndexDetail__bodyHead .s-styleIndexDetail__bodyHeadLeft {
  width: calc(100% - 25rem);
}

@media screen and (max-width: 767px) {
  .s-styleIndexDetail .s-styleIndexDetail__bodyHead .s-styleIndexDetail__bodyHeadLeft {
    order: 3;
    width: calc(100% + 1rem);
  }
}

.s-styleIndexDetail .s-styleIndexDetail__bodyHead .s-styleIndexDetail__bodyHeadLeft .s-styleIndexDetail__bodyHeadTable {
  margin-bottom: 3rem;
}

@media screen and (max-width: 767px) {
  .s-styleIndexDetail .s-styleIndexDetail__bodyHead .s-styleIndexDetail__bodyHeadLeft .s-styleIndexDetail__bodyHeadTable {
    margin-bottom: 1.5rem;
  }
}

.s-styleIndexDetail .s-styleIndexDetail__bodyHead .s-styleIndexDetail__bodyHeadLeft .s-styleIndexDetail__bodyHeadTable .s-styleIndexDetail__bodyHeadTableRow {
  background-color: #F5F5F5;
  display: flex;
}

@media screen and (max-width: 767px) {
  .s-styleIndexDetail .s-styleIndexDetail__bodyHead .s-styleIndexDetail__bodyHeadLeft .s-styleIndexDetail__bodyHeadTable .s-styleIndexDetail__bodyHeadTableRow {
    flex-direction: column;
  }
}

.s-styleIndexDetail .s-styleIndexDetail__bodyHead .s-styleIndexDetail__bodyHeadLeft .s-styleIndexDetail__bodyHeadTable .s-styleIndexDetail__bodyHeadTableRow .s-styleIndexDetail__bodyHeadTableRowTitle {
  border: 0.0625rem solid #E0E0E0;
  border-width: 0.0625rem 0.0625rem 0 0.0625rem;
  padding: 1.59375rem 1.5rem;
  font-weight: 700;
  font-size: 0.875rem;
  position: relative;
  width: 12rem;
}

.s-styleIndexDetail .s-styleIndexDetail__bodyHead .s-styleIndexDetail__bodyHeadLeft .s-styleIndexDetail__bodyHeadTable .s-styleIndexDetail__bodyHeadTableRow .s-styleIndexDetail__bodyHeadTableRowTitle::before, .s-styleIndexDetail .s-styleIndexDetail__bodyHead .s-styleIndexDetail__bodyHeadLeft .s-styleIndexDetail__bodyHeadTable .s-styleIndexDetail__bodyHeadTableRow .s-styleIndexDetail__bodyHeadTableRowTitle::after {
  content: "";
  background-color: #000;
  display: block;
  position: absolute;
  top: -0.0625rem;
  left: -0.0625rem;
}

.s-styleIndexDetail .s-styleIndexDetail__bodyHead .s-styleIndexDetail__bodyHeadLeft .s-styleIndexDetail__bodyHeadTable .s-styleIndexDetail__bodyHeadTableRow .s-styleIndexDetail__bodyHeadTableRowTitle::before {
  height: 0.0625rem;
  width: 0.75rem;
}

.s-styleIndexDetail .s-styleIndexDetail__bodyHead .s-styleIndexDetail__bodyHeadLeft .s-styleIndexDetail__bodyHeadTable .s-styleIndexDetail__bodyHeadTableRow .s-styleIndexDetail__bodyHeadTableRowTitle::after {
  height: 0.375rem;
  width: 0.0625rem;
}

@media screen and (max-width: 767px) {
  .s-styleIndexDetail .s-styleIndexDetail__bodyHead .s-styleIndexDetail__bodyHeadLeft .s-styleIndexDetail__bodyHeadTable .s-styleIndexDetail__bodyHeadTableRow .s-styleIndexDetail__bodyHeadTableRowTitle {
    border-width: 0.0625rem 0 0 0.0625rem;
    padding: 1.5rem;
    width: 100%;
  }
}

.s-styleIndexDetail .s-styleIndexDetail__bodyHead .s-styleIndexDetail__bodyHeadLeft .s-styleIndexDetail__bodyHeadTable .s-styleIndexDetail__bodyHeadTableRow .s-styleIndexDetail__bodyHeadTableRowContent {
  border: 0.0625rem solid #E0E0E0;
  border-width: 0.0625rem 0 0 0;
  font-size: 0.875rem;
  padding: 1.59375rem 1.5rem;
  width: calc(100% - 12rem);
}

@media screen and (max-width: 767px) {
  .s-styleIndexDetail .s-styleIndexDetail__bodyHead .s-styleIndexDetail__bodyHeadLeft .s-styleIndexDetail__bodyHeadTable .s-styleIndexDetail__bodyHeadTableRow .s-styleIndexDetail__bodyHeadTableRowContent {
    border-width: 0.0625rem 0 0 0.0625rem;
    padding: 1.5rem;
    width: 100%;
  }
}

.s-styleIndexDetail .s-styleIndexDetail__bodyHead .s-styleIndexDetail__bodyHeadLeft .s-styleIndexDetail__bodyHeadExhibition {
  line-height: 1.5;
  padding-right: 1.5rem;
  font-size: 0.75rem;
}

@media screen and (max-width: 767px) {
  .s-styleIndexDetail .s-styleIndexDetail__bodyHead .s-styleIndexDetail__bodyHeadLeft .s-styleIndexDetail__bodyHeadExhibition {
    padding-right: 0;
  }
}

.s-styleIndexDetail .s-styleIndexDetail__bodyHead .s-styleIndexDetail__bodyHeadRight {
  width: 25rem;
}

@media screen and (max-width: 767px) {
  .s-styleIndexDetail .s-styleIndexDetail__bodyHead .s-styleIndexDetail__bodyHeadRight {
    margin-bottom: 1.5rem;
    order: 1;
    width: 100%;
  }
}

.s-styleIndexDetail .s-styleIndexDetail__bodyHead .s-styleIndexDetail__bodyHeadRight .s-styleIndexDetail__bodyHeadSlider {
  margin-bottom: 1.4375rem;
}

.s-styleIndexDetail .s-styleIndexDetail__bodyHead .s-styleIndexDetail__bodyHeadRight .s-styleIndexDetail__bodyHeadSlider .s-styleIndexDetail__bodyHeadSliderItem {
  width: 100%;
  height: 100%;
}

.s-styleIndexDetail .s-styleIndexDetail__bodyHead .s-styleIndexDetail__bodyHeadRight .s-styleIndexDetail__bodyHeadSlider .s-styleIndexDetail__bodyHeadSliderItem img {
  aspect-ratio: 400/513;
  object-fit: cover;
}

@media screen and (max-width: 767px) {
  .s-styleIndexDetail .s-styleIndexDetail__bodyHead .s-styleIndexDetail__bodyHeadRight .s-styleIndexDetail__bodyHeadSlider .s-styleIndexDetail__bodyHeadSliderItem img {
    aspect-ratio: 327/418;
  }
}

.s-styleIndexDetail .s-styleIndexDetail__bodyHeadThum {
  border: 0.0625rem solid #E0E0E0;
  border-width: 0.0625rem 0;
  position: relative;
  padding-right: 25rem;
  margin-top: -5.4375rem;
}

@media screen and (max-width: 767px) {
  .s-styleIndexDetail .s-styleIndexDetail__bodyHeadThum {
    border: none;
    order: 2;
    margin-block: 0 1rem;
    padding: 0 3.5625rem 1.5rem;
  }

  .s-styleIndexDetail .s-styleIndexDetail__bodyHeadThum::after {
    content: "";
    background-color: #E0E0E0;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 0.0625rem;
    margin: 0 calc(50% - 50vw);
    width: 100vw;
  }

  .s-styleIndexDetail .s-styleIndexDetail__bodyHeadThum::before {
    content: "";
    background-color: #E0E0E0;
    position: absolute;
    top: -5.5rem;
    left: 0;
    height: 0.0625rem;
    margin: 0 calc(50% - 50vw);
    width: 100vw;
  }
}

.s-styleIndexDetail .s-styleIndexDetail__bodyHeadThum .swiper-wrapper {
  flex-wrap: wrap;
  transform: translate(0) !important;
}

@media screen and (max-width: 767px) {
  .s-styleIndexDetail .s-styleIndexDetail__bodyHeadThum .swiper-wrapper {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    justify-content: center;
    gap: 0.75rem;
  }
}

.s-styleIndexDetail .s-styleIndexDetail__bodyHeadThum .swiper-slide {
  border-right: 0.0625rem solid #E0E0E0;
  cursor: pointer;
  opacity: 0.5;
  padding: 0.75rem;
  width: 6.5rem;
  transition: opacity 0.4s;
}

@media screen and (max-width: 767px) {
  .s-styleIndexDetail .s-styleIndexDetail__bodyHeadThum .swiper-slide {
    padding: 0;
    width: 3.5rem;
  }
}

.s-styleIndexDetail .s-styleIndexDetail__bodyHeadThum .swiper-slide.swiper-slide-thumb-active {
  opacity: 1;
}

@media screen and (min-width: 768px) {
  .s-styleIndexDetail .s-styleIndexDetail__bodyHeadThum .swiper-slide:nth-child(n+5) {
    border-top: 0.0625rem solid #E0E0E0;
  }

  .s-styleIndexDetail .s-styleIndexDetail__bodyHeadThum .swiper-slide:nth-child(4n) {
    border-right: none;
  }
}

.s-styleIndexDetail .s-styleIndexDetail__bodyHeadThum .swiper-slide img {
  object-fit: cover;
  aspect-ratio: 80/102;
}

.s-styleIndexDetail .s-styleIndexDetail__content {
  order: 4;
}

.s-styleIndexDetail .s-styleIndexDetail__indexBtnWrap {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
  margin-bottom: 4.5rem;
}

@media screen and (max-width: 767px) {
  .s-styleIndexDetail .s-styleIndexDetail__indexBtnWrap {
    grid-template-columns: repeat(1, 1fr);
    margin-bottom: 3rem;
  }
}

.s-styleIndexDetail .s-styleIndexDetail__indexBtnWrap .s-styleIndexDetail__indexBtn {
  background-color: #000;
  border-radius: 0.5rem;
  color: #fff;
  padding: 1.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  line-height: 1.5;
  font-weight: 700;
  transition: opacity 0.4s;
}

.s-styleIndexDetail .s-styleIndexDetail__indexBtnWrap .s-styleIndexDetail__indexBtn img {
  width: 1rem;
  height: 1rem;
}

.s-styleIndexDetail .s-styleIndexDetail__indexBtnWrap .s-styleIndexDetail__indexBtn:hover {
  opacity: 0.5;
}

.s-styleIndexDetail .s-styleIndexDetail__introBooks {
  border-top: 0.0625rem solid #E0E0E0;
  padding-top: 2.25rem;
  position: relative;
  margin: 4.5rem 0;
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  .s-styleIndexDetail .s-styleIndexDetail__introBooks {
    padding-top: 1.5rem;
    margin: 3rem 0;
    margin-inline: calc(50% - 50vw);
    width: 100vw;
  }
}

.s-styleIndexDetail .s-styleIndexDetail__introBooks::before {
  content: "";
  background-color: #F4A893;
  height: 0.25rem;
  width: 4.5rem;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

@media screen and (max-width: 767px) {
  .s-styleIndexDetail .s-styleIndexDetail__introBooks::before {
    width: 2.25rem;
  }
}

.s-styleIndexDetail .s-styleIndexDetail__introBooksHeader {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  margin-bottom: 2.25rem;
}

@media screen and (max-width: 767px) {
  .s-styleIndexDetail .s-styleIndexDetail__introBooksHeader {
    gap: 0.5rem;
    margin-bottom: 1.5rem;
  }
}

.s-styleIndexDetail .s-styleIndexDetail__introBooksTitle {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 1rem;
  line-height: 1.5;
  color: #000;
  margin: 0;
}

@media screen and (max-width: 767px) {
  .s-styleIndexDetail .s-styleIndexDetail__introBooksTitle {
    font-size: 0.9375rem;
  }
}

.s-styleIndexDetail .s-styleIndexDetail__introBooksSlider {
  margin-bottom: 2.25rem;
}

@media screen and (max-width: 767px) {
  .s-styleIndexDetail .s-styleIndexDetail__introBooksSlider {
    margin-bottom: 1.5rem;
  }
}

.s-styleIndexDetail .s-styleIndexDetail__introBooksContent {
  display: flex;
  align-items: center;
  gap: 2.25rem;
  padding-inline: 2.25rem;
  opacity: 0.5;
  transition: opacity 0.4s;
}

@media screen and (max-width: 767px) {
  .s-styleIndexDetail .s-styleIndexDetail__introBooksContent {
    padding-inline: 1rem;
    flex-direction: column;
    gap: 1.5rem;
  }
}

.s-styleIndexDetail .s-styleIndexDetail__introBooksContent.swiper-slide-active {
  opacity: 1;
}

.s-styleIndexDetail .s-styleIndexDetail__introBooksImage {
  flex-shrink: 0;
  width: 12.5rem;
}

@media screen and (max-width: 767px) {
  .s-styleIndexDetail .s-styleIndexDetail__introBooksImage {
    width: 9.375rem;
  }
}

.s-styleIndexDetail .s-styleIndexDetail__introBooksImage .s-styleIndexDetail__introBooksImg {
  aspect-ratio: 200/264;
  object-fit: cover;
}

.s-styleIndexDetail .s-styleIndexDetail__introBooksInfo {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  position: relative;
  width: calc(100% - 12.5rem - 2.25rem);
}

@media screen and (max-width: 767px) {
  .s-styleIndexDetail .s-styleIndexDetail__introBooksInfo {
    width: 100%;
  }
}

.s-styleIndexDetail .s-styleIndexDetail__introBooksCategory {
  background-color: #F4A893;
  font-weight: 700;
  font-size: 0.75rem;
  line-height: 1;
  padding: 0 0.375rem;
  height: 1.5rem;
  border-radius: 0.1875rem;
  display: inline-flex;
  align-items: center;
  width: fit-content;
}

@media screen and (max-width: 767px) {
  .s-styleIndexDetail .s-styleIndexDetail__introBooksCategory {
    padding: 0 0.25rem;
    height: 1.25rem;
    border-radius: 0.125rem;
  }
}

.s-styleIndexDetail .s-styleIndexDetail__introBooksText {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

@media screen and (max-width: 767px) {
  .s-styleIndexDetail .s-styleIndexDetail__introBooksText {
    gap: 0.625rem;
  }
}

.s-styleIndexDetail .s-styleIndexDetail__introBooksHeading {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 1rem;
  line-height: 1.5;
  color: #000;
  margin: 0;
}

@media screen and (max-width: 767px) {
  .s-styleIndexDetail .s-styleIndexDetail__introBooksHeading {
    font-size: 0.9375rem;
  }
}

.s-styleIndexDetail .s-styleIndexDetail__introBooksDescription {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #000;
  margin: 0;
}

@media screen and (max-width: 767px) {
  .s-styleIndexDetail .s-styleIndexDetail__introBooksDescription {
    font-size: 0.875rem;
  }
}

.s-styleIndexDetail .s-styleIndexDetail__introBooksDate {
  font-family: "Roca", sans-serif;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1;
  text-transform: uppercase;
  color: #000;
  opacity: 0.25;
  position: absolute;
  top: 0.375rem;
  right: 0;
}

@media screen and (max-width: 767px) {
  .s-styleIndexDetail .s-styleIndexDetail__introBooksDate {
    position: absolute;
    top: 0.479375rem;
    right: 0;
  }
}

.s-styleIndexDetail .s-styleIndexDetail__bottomTags {
  border-bottom: 0.0625rem solid #E0E0E0;
  display: flex;
  align-items: center;
  gap: 1.5rem;
  padding-bottom: 0.75rem;
}

@media screen and (max-width: 767px) {
  .s-styleIndexDetail .s-styleIndexDetail__bottomTags {
    gap: 1.5rem;
  }
}

.s-styleIndexDetail .s-styleIndexDetail__bottomTagsLabel {
  font-family: "Roca", sans-serif;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1;
  color: #000;
  flex-shrink: 0;
}

@media screen and (max-width: 767px) {
  .s-styleIndexDetail .s-styleIndexDetail__bottomTagsLabel {
    font-size: 1rem;
  }
}

.s-styleIndexDetail .s-styleIndexDetail__bottomTagsLine {
  background-color: #E0E0E0;
  width: 0.0625rem;
  height: 1rem;
  flex-shrink: 0;
}

@media screen and (max-width: 767px) {
  .s-styleIndexDetail .s-styleIndexDetail__bottomTagsLine {
    width: 0.0625rem;
  }
}

.s-styleIndexDetail .s-styleIndexDetail__bottomTagsList {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex-wrap: wrap;
}

@media screen and (max-width: 767px) {
  .s-styleIndexDetail .s-styleIndexDetail__bottomTagsList {
    gap: 0.75rem;
  }
}

.s-styleIndexDetail .s-styleIndexDetail__bottomTag {
  color: #F4A893;
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

.s-styleIndexDetail .s-styleIndexDetail__bottomTag::before {
  content: "#";
}

.s-styleIndexDetail .s-styleIndexDetail__bottomTagText {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 0.75rem;
  line-height: 1.3;
  color: #000;
  opacity: 0.5;
}

@media screen and (max-width: 767px) {
  .s-styleIndexDetail .s-styleIndexDetail__bottomTagText {
    font-size: 0.75rem;
  }
}

.s-aboutMv {
  border-bottom: 0.0625rem solid #E0E0E0;
  min-height: 30rem;
}

@media screen and (max-width: 767px) {
  .s-aboutMv {
    border-bottom: 0;
    height: auto;
  }
}

.s-aboutMv .container {
  display: flex;
  position: relative;
}

@media screen and (max-width: 767px) {
  .s-aboutMv .container {
    flex-direction: column;
  }
}

.s-aboutMv .s-aboutMv__left {
  border-right: 0.0625rem solid #E0E0E0;
  padding-block: 9rem 3.75rem;
  padding-right: 7.5rem;
  display: flex;
}

@media screen and (max-width: 767px) {
  .s-aboutMv .s-aboutMv__left {
    border-right: 0;
    display: contents;
    flex: 1;
    padding: 0;
    justify-content: center;
    text-align: center;
    width: 100%;
  }
}

@media screen and (max-width: 767px) {
  .s-aboutMv .s-aboutMv__left .s-aboutMv__leftInner {
    display: contents;
  }
}

.s-aboutMv .s-aboutMv__left .s-aboutMv__mainTitle {
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.12em;
  margin-bottom: 10.875rem;
}

@media screen and (max-width: 767px) {
  .s-aboutMv .s-aboutMv__left .s-aboutMv__mainTitle {
    padding-top: 3rem;
    padding-bottom: 1.125rem;
    text-align: center;
    margin-bottom: 1.25rem;
    font-size: 1.25rem;
    position: relative;
  }

  .s-aboutMv .s-aboutMv__left .s-aboutMv__mainTitle::after {
    content: "";
    background-color: #E0E0E0;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 0.0625rem;
    margin: 0 calc(50% - 50vw);
    width: 100vw;
  }

  .s-aboutMv .s-aboutMv__left .s-aboutMv__mainTitle::before {
    content: "";
    background-color: #000;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 0.25rem;
    width: 2.5rem;
  }
}

.s-aboutMv .s-aboutMv__left .s-aboutMv__btn {
  background-color: #000;
  border-radius: 999px;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.5rem 1.5rem 1.5rem 2.5rem;
  width: 15rem;
  font-family: "Roca", sans-serif;
  font-weight: 700;
}

@media screen and (max-width: 767px) {
  .s-aboutMv .s-aboutMv__left .s-aboutMv__btn {
    gap: 1rem;
    padding: 1.125rem 1rem 0.875rem 1.5rem;
    margin-inline: auto;
    line-height: 1;
    order: 4;
    width: fit-content;
  }
}

.s-aboutMv .s-aboutMv__left .s-aboutMv__btn img {
  width: 1rem;
}

@media screen and (max-width: 767px) {
  .s-aboutMv .s-aboutMv__left .s-aboutMv__btn img {
    position: relative;
    top: -0.125rem;
  }
}

.s-aboutMv .s-aboutMv__right {
  display: flex;
  align-items: center;
  position: relative;
  padding-left: 7.5rem;
  padding-block: 9rem 12.75rem;
  flex: 1;
}

@media screen and (max-width: 767px) {
  .s-aboutMv .s-aboutMv__right {
    display: contents;
    text-align: center;
    padding: 0;
  }
}

@media screen and (max-width: 767px) {
  .s-aboutMv .s-aboutMv__right .s-aboutMv__textBox {
    order: 3;
  }
}

.s-aboutMv .s-aboutMv__right .s-aboutMv__textBox .s-aboutMv__title {
  font-size: 2rem;
  line-height: 1.5;
  letter-spacing: 0.12em;
  margin-bottom: 1.25rem;
  font-feature-settings: "palt";
}

@media screen and (max-width: 767px) {
  .s-aboutMv .s-aboutMv__right .s-aboutMv__textBox .s-aboutMv__title {
    margin-bottom: 1rem;
    order: 1;
  }
}

.s-aboutMv .s-aboutMv__right .s-aboutMv__textBox .s-aboutMv__text {
  font-size: 1rem;
  line-height: 2;
  letter-spacing: 0.08em;
}

@media screen and (max-width: 767px) {
  .s-aboutMv .s-aboutMv__right .s-aboutMv__textBox .s-aboutMv__text {
    line-height: 1.5;
    font-size: 0.9375rem;
    margin-bottom: 2.125rem;
  }
}

.s-aboutMv .s-aboutMv__right .s-aboutMv__image {
  position: absolute;
  bottom: 3rem;
  left: 3rem;
  width: 52.5rem;
}

@media screen and (max-width: 767px) {
  .s-aboutMv .s-aboutMv__right .s-aboutMv__image {
    margin-inline: auto;
    margin-bottom: 1.1875rem;
    position: relative;
    bottom: initial;
    left: 0.46875rem;
    width: 20.625rem;
    order: 2;
  }
}

.s-aboutHistory {
  height: 100svh;
  overflow: hidden;
}

.s-aboutHistory .container {
  height: auto;
  overflow: hidden;
  display: flex;
  justify-content: flex-end;
  margin: 0 0 0 auto;
  gap: 6rem;
  max-width: 90rem;
  padding: 0;
}

@media screen and (min-width: 1921px) {
  .s-aboutHistory .container {
    margin: 0 auto;
  }
}

@media screen and (max-width: 767px) {
  .s-aboutHistory .container {
    flex-direction: column;
    text-align: center;
  }
}

.s-aboutHistory .s-aboutHistory__textArea {
  width: 31.5rem;
}

@media screen and (max-width: 767px) {
  .s-aboutHistory .s-aboutHistory__textArea {
    width: 100%;
  }
}

.s-aboutHistory .s-aboutHistory__textArea .s-aboutHistory__textBox {
  padding-block: 7.5rem 15rem;
  position: relative;
  transition: opacity 1s;
}

@media screen and (min-width: 768px) {
  .s-aboutHistory .s-aboutHistory__textArea .s-aboutHistory__textBox::before {
    content: "";
    background-color: #000;
    height: 0.25rem;
    position: absolute;
    top: 0;
    left: 0;
    width: 3rem;
  }
}

@media screen and (max-width: 767px) {
  .s-aboutHistory .s-aboutHistory__textArea .s-aboutHistory__textBox {
    opacity: 0;
    padding-top: 6rem;
    padding-block: 7.5rem 0;
  }

  .s-aboutHistory .s-aboutHistory__textArea .s-aboutHistory__textBox:last-child {
    padding-bottom: 15rem;
  }
}

.s-aboutHistory .s-aboutHistory__textArea .s-aboutHistory__textBoxTitle {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.12em;
  margin-bottom: 7.5rem;
}

@media screen and (max-width: 767px) {
  .s-aboutHistory .s-aboutHistory__textArea .s-aboutHistory__textBoxTitle {
    font-size: 1rem;
    margin-bottom: 3rem;
  }
}

.s-aboutHistory .s-aboutHistory__textArea .s-aboutHistory__textBoxCatch {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.12em;
  margin-bottom: 3rem;
  position: relative;
}

@media screen and (max-width: 767px) {
  .s-aboutHistory .s-aboutHistory__textArea .s-aboutHistory__textBoxCatch {
    font-size: 1.25rem;
    margin-bottom: 1.5rem;
  }
}

@media screen and (min-width: 768px) {
  .s-aboutHistory .s-aboutHistory__textArea .s-aboutHistory__textBoxCatch::before {
    content: "";
    background: url("/assets/img/about/colon.svg") no-repeat center center/contain;
    position: absolute;
    top: -2rem;
    left: -2rem;
    height: 1.75rem;
    width: 2.25rem;
  }
}

.s-aboutHistory .s-aboutHistory__textArea .s-aboutHistory__textBoxTextWrap {
  display: flex;
  flex-direction: column;
  gap: 3rem;
}

@media screen and (max-width: 767px) {
  .s-aboutHistory .s-aboutHistory__textArea .s-aboutHistory__textBoxTextWrap {
    gap: 1.5rem;
  }
}

.s-aboutHistory .s-aboutHistory__textArea .s-aboutHistory__textBoxText {
  line-height: 2;
}

@media screen and (max-width: 767px) {
  .s-aboutHistory .s-aboutHistory__textArea .s-aboutHistory__textBoxText {
    font-size: 0.9375rem;
  }
}

.s-aboutHistory .s-aboutHistory__textArea .c-moreBtn {
  margin-top: 3rem;
}

.s-aboutHistory .s-aboutHistory__imgArea {
  position: relative;
  width: 45rem;
}

@media screen and (max-width: 767px) {
  .s-aboutHistory .s-aboutHistory__imgSpBg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: -1;
  }

  .s-aboutHistory .s-aboutHistory__imgSpBg .s-aboutHistory__imgSpBgImg {
    transition: opacity 1s;
  }
}

.s-aboutHistory .s-aboutHistory__imgAreaCounter {
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  z-index: -1;
  width: 100%;
}

@media screen and (max-width: 767px) {
  .s-aboutHistory .s-aboutHistory__imgAreaCounter {
    top: initial;
    bottom: 10%;
  }
}

.s-aboutHistory .s-aboutHistory__imgAreaCounter .s-aboutHistory__imgAreaCounterText {
  position: relative;
  right: 10rem;
  color: #fff;
  font-size: 11.25rem;
  line-height: 1;
  font-family: "Roca", sans-serif;
  font-weight: 700;
}

@media screen and (max-width: 767px) {
  .s-aboutHistory .s-aboutHistory__imgAreaCounter .s-aboutHistory__imgAreaCounterText {
    right: inherit;
    font-size: 4.5rem;
  }
}

@media screen and (max-width: 767px) {
  .s-aboutHistory.is-active .s-aboutHistory__imgSpBgImg {
    opacity: 0.2;
  }
}

@media screen and (max-width: 767px) {
  .s-aboutHistory.is-active .s-aboutHistory__textBox {
    opacity: 1;
  }
}

.s-aboutSpecialContens {
  position: relative;
  overflow: hidden;
}

.s-aboutSpecialContens::before {
  content: "";
  background-color: #000;
  opacity: 0.5;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.s-aboutSpecialContens .s-aboutSpecialContens__video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.s-aboutSpecialContens .container {
  padding-block: 7.5rem;
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 767px) {
  .s-aboutSpecialContens .container {
    padding-block: 6rem;
  }
}

.s-aboutSpecialContens .s-aboutSpecialContens__title {
  color: #fff;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: 22.125rem;
}

@media screen and (max-width: 767px) {
  .s-aboutSpecialContens .s-aboutSpecialContens__title {
    font-size: 1rem;
    margin-bottom: 3rem;
  }
}

.s-aboutSpecialContens .s-aboutSpecialContens__textBox {
  color: #fff;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

@media screen and (max-width: 767px) {
  .s-aboutSpecialContens .s-aboutSpecialContens__textBox {
    flex-direction: column;
    align-items: center;
  }
}

.s-aboutSpecialContens .s-aboutSpecialContens__textBoxText {
  line-height: 2;
}

@media screen and (max-width: 767px) {
  .s-aboutSpecialContens .s-aboutSpecialContens__textBoxText {
    font-size: 0.9375rem;
    margin-bottom: 14.5rem;
  }
}

.s-aboutSpecialContens .s-aboutSpecialContens__btn {
  display: flex;
  align-items: center;
  gap: 1rem;
  font-family: "Roca", sans-serif;
  font-weight: 700;
}

.s-aboutSpecialContens .s-aboutSpecialContens__btn img {
  width: 1rem;
}

.s-aboutCompany {
  padding-block: 4.5rem 7.5rem;
}

@media screen and (max-width: 767px) {
  .s-aboutCompany {
    padding-block: 6rem;
  }
}

.s-aboutCompany .s-aboutCompany__title {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.12em;
  margin-bottom: 3rem;
}

.s-aboutCompany .s-aboutCompany__tableWrap {
  display: flex;
  gap: 4.5rem;
}

@media screen and (max-width: 767px) {
  .s-aboutCompany .s-aboutCompany__tableWrap {
    flex-direction: column;
    gap: 0;
  }
}

.s-aboutCompany .s-aboutCompany__table {
  flex: 1;
}

.s-aboutCompany .s-aboutCompany__table .s-aboutCompany__tableRow {
  border-top: 0.0625rem solid #E0E0E0;
  display: flex;
  font-size: 0.875rem;
}

@media screen and (max-width: 767px) {
  .s-aboutCompany .s-aboutCompany__table .s-aboutCompany__tableRow {
    flex-direction: column;
  }
}

.s-aboutCompany .s-aboutCompany__table .s-aboutCompany__tableRow+.s-aboutCompany__tableRow {
  margin-top: 0.75rem;
}

@media screen and (max-width: 767px) {
  .s-aboutCompany .s-aboutCompany__table .s-aboutCompany__tableRow+.s-aboutCompany__tableRow {
    margin-top: 0;
  }
}

.s-aboutCompany .s-aboutCompany__table .s-aboutCompany__tableTitle {
  border-left: 0.0625rem solid #E0E0E0;
  font-weight: 700;
  padding: 1rem 1.5rem;
  position: relative;
  width: 9.75rem;
}

.s-aboutCompany .s-aboutCompany__table .s-aboutCompany__tableTitle::before, .s-aboutCompany .s-aboutCompany__table .s-aboutCompany__tableTitle::after {
  content: "";
  background-color: #000;
  display: block;
  position: absolute;
  top: -0.0625rem;
  left: -0.0625rem;
}

.s-aboutCompany .s-aboutCompany__table .s-aboutCompany__tableTitle::before {
  height: 0.0625rem;
  width: 0.75rem;
}

.s-aboutCompany .s-aboutCompany__table .s-aboutCompany__tableTitle::after {
  height: 0.375rem;
  width: 0.0625rem;
}

@media screen and (max-width: 767px) {
  .s-aboutCompany .s-aboutCompany__table .s-aboutCompany__tableTitle {
    padding: 1rem 1rem 0.1875rem;
    width: 100%;
  }
}

.s-aboutCompany .s-aboutCompany__table .s-aboutCompany__tableContent {
  line-height: 1.5;
  padding: 1rem 1.5rem;
  width: calc(100% - 9.75rem);
}

@media screen and (max-width: 767px) {
  .s-aboutCompany .s-aboutCompany__table .s-aboutCompany__tableContent {
    border-left: 0.0625rem solid #E0E0E0;
    padding: 0.1875rem 1rem 1rem;
    width: 100%;
  }
}


.s-legal__title {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.12em;
  margin-bottom: 3rem;
}

.s-legal__tableWrap {
  display: flex;
  gap: 4.5rem;
}

@media screen and (max-width: 767px) {
  .s-legal__tableWrap {
    flex-direction: column;
    gap: 0;
  }
}

.s-legal__table {
  flex: 1;
}

.s-legal__table .s-legal__tableRow {
  border-top: 0.0625rem solid #E0E0E0;
  display: flex;
  font-size: 0.875rem;
}

@media screen and (max-width: 767px) {
  .s-legal__table .s-legal__tableRow {
    flex-direction: column;
  }
}

.s-legal__table .s-legal__tableRow+.s-legal__tableRow {
  margin-top: 0.75rem;
}

@media screen and (max-width: 767px) {
  .s-legal__table .s-legal__tableRow+.s-legal__tableRow {
    margin-top: 0;
  }
}

.s-legal__table .s-legal__tableTitle {
  border-left: 0.0625rem solid #E0E0E0;
  font-weight: 700;
  padding: 1rem 1.5rem;
  position: relative;
  width: 9.75rem;
}

.s-legal__table .s-legal__tableTitle::before, .s-legal__table .s-legal__tableTitle::after {
  content: "";
  background-color: #000;
  display: block;
  position: absolute;
  top: -0.0625rem;
  left: -0.0625rem;
}

.s-legal__table .s-legal__tableTitle::before {
  height: 0.0625rem;
  width: 0.75rem;
}

.s-legal__table .s-legal__tableTitle::after {
  height: 0.375rem;
  width: 0.0625rem;
}

@media screen and (max-width: 767px) {
  .s-legal__table .s-legal__tableTitle {
    padding: 1rem 1rem 0.1875rem;
    width: 100%;
  }
}

.s-legal__table .s-legal__tableContent {
  line-height: 1.5;
  padding: 1rem 1.5rem;
  width: calc(100% - 9.75rem);
}

.s-legal__table .s-legal__tableContent p {
  font-size: 0.875rem;
}

@media screen and (max-width: 767px) {
  .s-legal__table .s-legal__tableContent {
    border-left: 0.0625rem solid #E0E0E0;
    padding: 0.1875rem 1rem 1rem;
    width: 100%;
  }
}

.s-legal__paymentRow {
  display: grid;
  gap: 2.5rem 1.0rem;
  grid-template-columns: repeat(auto-fill, 8.0rem);
  margin: 2.5rem 0 4.5rem;
}

@media screen and (max-width: 767px) {
  .s-legal__paymentRow {
    gap: 2.5rem 1.0rem;
    grid-template-columns: 1fr 1fr 1fr;
  }
}

.s-legal__paymentLabel {
  font-size: 0.9375rem;
  text-align: center;
  margin: 0.5rem 0 0;
}

.s-legal__paymentImage {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border: 1px solid #E0E0E0;
  padding: 0.5rem;
  object-fit: contain;
}

.s-legal__paymentImage img {
  margin: 0;
}


.c-wysiwyg .s-legal__paymentTitle {
  /* padding-left: 0; */
  margin-bottom: 2.5rem;
}

.c-wysiwyg .s-legal__paymentTitle::after {
  /* display: none; */
}

.s-aboutNews {
  background-color: #E0E0E0;
  padding: 7.5rem 0;
}

@media screen and (max-width: 767px) {
  .s-aboutNews {
    padding: 3rem 0;
  }
}

.s-aboutNews .container {
  display: flex;
  justify-content: space-between;
  gap: 7.5rem;
}

@media screen and (max-width: 767px) {
  .s-aboutNews .container {
    flex-direction: column;
    gap: 3rem;
    padding: 0;
  }
}

.s-aboutNews .s-aboutNews__left {
  border-left: 0.0625rem solid #000;
  display: flex;
  flex-direction: column;
  padding: 1.125rem 0 2.25rem 0;
  position: relative;
  flex-shrink: 0;
}

@media screen and (max-width: 767px) {
  .s-aboutNews .s-aboutNews__left {
    border-left: 0;
    padding: 0 1rem;
  }
}

.s-aboutNews .s-aboutNews__left::before {
  content: "";
  background-color: #000;
  position: absolute;
  top: 1.5rem;
  left: 0;
  height: 1.5rem;
  width: 0.25rem;
}

@media screen and (max-width: 767px) {
  .s-aboutNews .s-aboutNews__left::before {
    display: none;
  }
}

.s-aboutNews .s-aboutNews__titleEn {
  padding-left: 3rem;
  line-height: 1;
  margin-bottom: 3rem;
  font-family: "Roca", sans-serif;
  font-weight: 700;
}

@media screen and (max-width: 767px) {
  .s-aboutNews .s-aboutNews__titleEn {
    display: none;
  }
}

.s-aboutNews .s-aboutNews__title {
  color: #000;
  position: relative;
  font-size: 1.5rem;
  font-weight: 700;
  padding-left: 3rem;
  position: relative;
  line-height: 1;
  letter-spacing: 0.12em;
  margin: 0 0 6.375rem;
}

@media screen and (max-width: 767px) {
  .s-aboutNews .s-aboutNews__title {
    padding-left: 0.75rem;
    font-size: 1.25rem;
    margin: 0;
  }
}

@media screen and (max-width: 767px) {
  .s-aboutNews .s-aboutNews__title::before {
    content: "";
    background-color: #000;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    height: 1.25rem;
    width: 0.25rem;
  }
}

.s-aboutNews .s-aboutNews__right {
  flex: 1;
  max-width: 56.25rem;
}

@media screen and (max-width: 767px) {
  .s-aboutNews .s-aboutNews__right {
    max-width: 100%;
  }
}

.s-aboutNews .s-aboutNews__list {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

@media screen and (max-width: 767px) {
  .s-aboutNews .s-aboutNews__list {
    margin-bottom: 3rem;
  }
}

@media screen and (max-width: 767px) {
  .s-aboutNews .s-aboutNews__list .c-newsCard:last-child {
    padding-bottom: 0;
  }
}

.s-aboutNews .c-viewAllBtn {
  padding-left: 3rem;
  margin-top: auto;
}

@media screen and (max-width: 767px) {
  .s-aboutNews .c-viewAllBtn {
    padding-left: 0;
  }
}

/*固定ページ*/
.s-defaultMv {
  border-bottom: 0.0625rem solid #E0E0E0;
  margin-bottom: 7.5rem;
}

@media screen and (max-width: 767px) {
  .s-defaultMv {
    border-bottom: 0;
    margin-bottom: 5rem;
  }

}

.s-defaultMv .container {
  max-width: 90rem;
  margin-left: auto;
  padding: 0;
}

@media screen and (max-width: 767px) {
  .s-defaultMv .container {
    padding: 0;
  }
}

.s-defaultMv .s-defaultMv__inner {
  display: flex;
  justify-content: flex-end;
  position: relative;
  gap: 3.125rem;
}

@media screen and (max-width: 767px) {
  .s-defaultMv .s-defaultMv__inner {
    flex-direction: column;
    gap: 0;
    text-align: center;
  }
}

.s-defaultMv .s-defaultMv__content {
  display: flex;
  align-items: center;
  position: relative;
  width: 23.25rem;
}

@media screen and (max-width: 767px) {
  .s-defaultMv .s-defaultMv__content {
    align-items: flex-start;
    padding: 2.125rem 1rem 2.8125rem;
    max-width: none;
    width: 100%;
  }
}

@media screen and (min-width: 768px) {
  .s-defaultMv .s-defaultMv__content::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 8.75rem;
    height: 0.25rem;
    background-color: #000;
  }
}

.s-defaultMv .s-defaultMv__title {
  font-size: 2.0625rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.12em;
}

@media screen and (max-width: 767px) {
  .s-defaultMv .s-defaultMv__title {
    text-align: left;
    font-size: 1.25rem;
  }
}

.s-defaultMv .s-defaultMv__title:before {
  content: attr(data-en);
  display: block;
  line-height: 1;
  margin-bottom: 0.75rem;
  font-size: 1rem;
  letter-spacing: 0;
  font-family: "Roca", sans-serif;
  font-weight: 700;
}

@media screen and (max-width: 767px) {
  .s-defaultMv .s-defaultMv__title:before {
    margin-bottom: 0.5rem;
  }
}

.s-defaultMv .s-defaultMv__visual {
  position: relative;
  height: 100%;
  width: 56rem;
}

@media screen and (max-width: 767px) {
  .s-defaultMv .s-defaultMv__visual {
    max-width: none;
    width: 100%;
  }
}

.s-defaultMv .s-defaultMv__visualImg {
  object-fit: cover;
  aspect-ratio: 960/320;
}

.s-default {
  padding: 0 0 7.5rem;
}

@media screen and (max-width: 767px) {
  .s-default {
    padding: 2.5rem 0 5rem;
  }
}

.s-default .c-wysiwyg> :first-child {
  margin-top: 0;
}

/*固定ページ　MVなし*/
@media screen and (min-width: 768px) {
  .s-defaultMv.__noVisual .s-defaultMv__inner {
    height: 12rem;
    justify-content: center;
  }

  .s-defaultMv.__noVisual .s-defaultMv__content {
    text-align: center;
    width: auto;
  }

  .s-defaultMv.__noVisual .s-defaultMv__content::after {
    left: 50%;
    transform: translateX(-50%);
  }
}

@media screen and (max-width: 767px) {
  .s-defaultMv.__noVisual {
    border-bottom: 0.0625rem solid #E0E0E0;
    margin-bottom: 0;
  }

  .s-defaultMv.__noVisual .s-defaultMv__content {
    justify-content: center;
  }

  .s-defaultMv.__noVisual .s-defaultMv__title {
    text-align: center;
  }

}

/*Q&A*/
.s-qa__content>div {
  display: flex;
  gap: 2.5rem;
}

@media screen and (max-width: 767px) {
  .s-qa__content>div {
    display: block;
  }
}

.s-qa__content+.s-qa__content {
  margin-top: 4.5rem;
}

.s-qa__content>div h2.wp-block-heading {
  flex: 0 0 30%;
  margin-top: 1.25rem;
}

@media screen and (max-width: 767px) {
  .s-qa__content>div h2.wp-block-heading {
    margin-bottom: 2.0rem;
  }

}

.rank-math-list-item {
  border-bottom: 1px solid #000;
  margin-bottom: 1.5rem;
  padding-bottom: 1.5rem;
}

h3.rank-math-question {
  font-size: 1.25rem;
  position: relative;
  margin-top: 0;
  margin-bottom: 0px;
  padding: 0 60px 0 40px;
  padding: 1.25rem 4.8rem 1.25rem 4.0rem;
  cursor: pointer;
}


h3.rank-math-question::before {
  font-size: 1.6rem;
  font-family: "Roca", sans-serif;
  font-weight: 700;
  content: "Q";
  position: absolute;
  left: 1.0rem;
  top: 50%;
  transform: translateY(-50%);
}

h3.rank-math-question::after {
  content: "";
  display: block;
  height: 2.0rem;
  width: 2.0rem;
  background: url("/assets/img/common/icon-arrow-down.svg") no-repeat;
  background-size: contain;
  position: absolute;
  left: initial;
  top: 50%;
  right: 0;
  transform: translateY(-50%)
}

h3.rank-math-question.open::after {
  transform: translateY(-50%) rotate(-180deg);
}

.rank-math-answer {
  position: relative;
  padding-left: 4.8rem;
  display: none;
}

.rank-math-answer p {
  font-size: 1.25rem;
}

.rank-math-answer::before {
  font-size: 1.6rem;
  font-family: "Roca", sans-serif;
  font-weight: 700;
  content: "A";
  position: absolute;
  left: 1.0rem;
  top: 0.2rem;
}

@media screen and (max-width: 767px) {
  .rank-math-list-item {
    margin-bottom: 1.0rem;
    padding-bottom: 1.0em;

  }

  h3.rank-math-question {
    font-size: 1.25rem;
    font-size: 1rem;
    padding: 0.5rem 2.0rem 0.5rem 3.0rem;
  }

  .rank-math-answer p {
    font-size: 0.9375rem;
  }

  h3.rank-math-question::before {
    font-size: 1.25rem;

  }

  .rank-math-answer::before {
    font-size: 1.25rem;
  }

  h3.rank-math-question::after {
    width: 1.5rem;
    height: 1.5rem;
  }

}

/*s-ebookguide*/

.s-ebookguide__title {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.12em;
  margin-bottom: 5rem;
}

.s-ebookguide+.s-ebookguide .s-ebookguide__title {
  padding-top: 5rem;
  border-top: 0.0625rem solid #E0E0E0;
}

.s-ebookguide .s-ebookguide__step {
  margin-bottom: 5rem;
}

.s-ebookguide .s-ebookguide__stepTitle {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 1.5rem;
  line-height: 1.4;
  letter-spacing: 0.04em;
}

.s-ebookguide .s-ebookguide__stepDescription {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 0.9375rem;
  line-height: 1.65;
  letter-spacing: 0.02em;
  margin-bottom: 3rem;
}

.s-ebookguide .s-ebookguide__stepDescription .caption {
  font-size: 0.75rem;
  letter-spacing: 0.04em;
}

.s-ebookguide .s-ebookguide__strengthStepHeader {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1rem;
}

.s-ebookguide .s-ebookguide__strengthStep {
  display: flex;
  align-items: baseline;
  gap: 0.125rem;
  position: relative;
  top: 0.1875rem;
}

.s-ebookguide .s-ebookguide__strengthStepLabel {
  font-size: 1rem;
  line-height: 1;
  font-family: "Roca", sans-serif;
  font-weight: 700;
}

.s-ebookguide .s-ebookguide__strengthStepLabel.-ja {
  font-size: 1rem;
  line-height: 1;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
}

.s-ebookguide .s-ebookguide__strengthStepNumber {
  font-family: "Roca", sans-serif;
  font-weight: 700;
  font-size: 1.875rem;
  line-height: 1;
}

.s-ebookguide .s-ebookguide__appinstallContent {
  display: flex;
  gap: 1rem;

}

.s-ebookguide .s-ebookguide__appinstallContentBox {
  background-color: #fff;
  border: 1px solid #E0E0E0;
  border-right: none;
  border-bottom: none;
  padding: 1.5rem 1rem;
  position: relative;
  flex: 1;
  max-width: 24rem;
}

.s-ebookguide .s-ebookguide__stepContent {
  display: flex;
  align-items: center;
  gap: 2.5rem;
}

.s-ebookguide .s-ebookguide__stepInfo {
  flex: 1;
  width: 38.1875rem;
}

.s-ebookguide .s-ebookguide__stepImages {
  width: 34.25rem;
}

@media screen and (max-width: 767px) {}


.s-ebookguide .s-ebookguide__stepYomikata {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
}

.s-ebookguide .s-ebookguide__stepYomikata .s-ebookguide__stepContent {
  flex-direction: column;
}

.s-ebookguide .s-ebookguide__stepYomikata .s-ebookguide__strengthStep {
  flex: 0 0 auto;
}

.s-ebookguide .s-ebookguide__stepYomikata .s-ebookguide__stepInfo {
  width: auto;
}

.s-ebookguide .s-ebookguide__stepYomikata .s-ebookguide__stepTitle {
  flex: 1 1 auto;
  word-break: break-all;
}

/*subscription howtouse*/
.s-howtouse__title {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.12em;
  margin-bottom: 5rem;
}

.s-howtouse+.s-howtouse .s-howtouse__title {
  padding-top: 5rem;
  border-top: 0.0625rem solid #E0E0E0;
}


.s-howtouse .s-howtouse__step {
  margin-bottom: 5rem;
}

.s-howtouse .s-howtouse__stepTitle {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 1.25rem;
  line-height: 1.4;
  letter-spacing: 0.04em;
}

.s-howtouse .s-howtouse__stepDescription {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 0.9375rem;
  line-height: 1.65;
  letter-spacing: 0.02em;
  margin-bottom: 3rem;
}


.s-howtouse .s-howtouse__strengthStepHeader {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1rem;
}

.s-howtouse .s-howtouse__strengthStep {
  display: flex;
  align-items: baseline;
  gap: 0.125rem;
  position: relative;
  top: 0.1875rem;
}

.s-howtouse .s-howtouse__strengthStepLabel {
  font-size: 1rem;
  line-height: 1;
  font-family: "Roca", sans-serif;
  font-weight: 700;
}

.s-howtouse .s-howtouse__strengthStepLabel.-ja {
  font-size: 1rem;
  line-height: 1;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
}

.s-howtouse .s-howtouse__strengthStepNumber {
  font-family: "Roca", sans-serif;
  font-weight: 700;
  font-size: 1.875rem;
  line-height: 1;
}

.s-howtouse .s-howtouse__Content {
  display: flex;
  align-items: center;
  gap: 2.5rem;
}

.s-howtouse__planContent {
  display: flex;
  gap: 2rem;
  margin-top: 3rem;
}

.s-howtouse .s-howtouse__planItem {
  background-color: #fff;
  border: 1px solid #E0E0E0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1.5rem 2rem;
  position: relative;
  min-height: 10.5rem;
  flex: 1;
}

.s-howtouse .s-howtouse__plansetTitle {
  font-size: 1.3rem;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: 0.25rem;
}

.s-howtouse__planItem .c-moreBtn__btnIcon {
  width: 1rem;
  height: 1rem;
  color: #000;
  flex-shrink: 0;
}

.s-howtouse .s-howtouse__appWrap {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
}

.s-howtouse .s-howtouse__appContent {
  display: flex;
  gap: 1.5rem 2rem;
}

.s-howtouse .s-howtouse__appDescription {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 0.9375rem;
  line-height: 2;
  margin-bottom: 1rem;
  color: #000;

}

.s-howtouse .s-howtouse__appDescriptionBox {
  width: 100%;
  height: 10rem;
  border: 1px solid #E0E0E0;
  background: #fff;
  text-align: center
}

.s-howtouse .s-howtouse__appDescriptionBoxImage {
  height: 100%;
  width: auto;
  margin: auto;
}


.s-howtouse .s-howtouse__strengthStepHeader {
  display: inline-flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1rem;
  padding-bottom: 0.25rem;
  border-bottom: 2px solid #000;
}

.s-howtouse .s-howtouse__strengthStep {
  display: flex;
  align-items: baseline;
  gap: 0.125rem;
  position: relative;
  top: 0.1875rem;
}

.s-howtouse .s-howtouse__strengthStepLabel {
  font-size: 1rem;
  line-height: 1;
  font-family: "Roca", sans-serif;
  font-weight: 700;
}


.s-howtouse .s-howtouse__strengthStepNumber {
  font-family: "Roca", sans-serif;
  font-weight: 700;
  font-size: 1.875rem;
  line-height: 1;
}

.s-howtouse .s-howtouse__appImages {
  flex: 0 0 10rem;
}




/*forminator*/
.forminator-required {
  color: var(--wp--preset--color--vivid-red) !important;
}

.forminator-input {
  border: 0.0625rem solid #000;
  border-radius: 0.3125rem;
  padding: 0.5625rem 1.875rem;
  font-size: 0.9375rem;
  height: 3.125rem;
  width: 100%;
}

.forminator-textarea {
  height: 6.25rem;
  border: 0.0625rem solid #000;
  border-radius: 0.3125rem;
  padding: 0.5625rem 1.875rem;
  font-size: 0.9375rem;
  resize: vertical;
  width: 100%;
}

.forminator-select--field {
  border: 0.0625rem solid #000;
  border-radius: 0.3125rem;
  padding: 0.5625rem 1.875rem;
  position: relative;
  font-size: 0.9375rem;
  padding-right: 6.25rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 3.125rem;
  width: 100%;
  z-index: 1;
  background: url(/assets/img/common/icon-arrow-down.svg) no-repeat right 1.875rem center / 1.5rem;
}

.forminator-select--field::after {
  display: block;
  content: "";
  background-color: #000;
  position: absolute;
  top: 50%;
  right: 4.875rem;
  transform: translateY(-50%);
  height: 2rem;
  width: 0.0625rem;
}


.forminator-radio {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  cursor: pointer;
  padding: 0.5625rem 0;
}

.forminator-radio input[type="radio"] {
  display: none;
  appearance: none;
}

.forminator-radio input[type="radio"]+.forminator-radio-bullet {
  display: inline-block;
  width: 1.375rem;
  height: 1.375rem;
  border: 0.0625rem solid #000;
  border-radius: 50%;
  appearance: none;
  position: relative;

}

.forminator-radio input[type="radio"]:checked+.forminator-radio-bullet::after {
  content: "";
  background-color: #000;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
}

.forminator-button {
  background: #000;
  border-radius: 3rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  padding: 1rem 1rem 1rem 1rem;
  height: 3rem;
  justify-content: center;
  position: relative;
  width: 15rem;
  transition: opacity 0.4s;

  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 0.8125rem;
  line-height: 1;
  color: #fff;
}

.forminator-button:hover {
  opacity: 0.5;
}

.forminator-error-message {
  font-size: 0.8125rem;
  color: var(--wp--preset--color--vivid-red);
  display: block;
  width: 100%;
  padding: 0.25rem 0.5rem;
  background: #ffd1d1;
  margin-top: 0.25rem !important;
}

div .forminator-response-message ul {
  margin: 1.0rem 0 !important;
  color: var(--wp--preset--color--vivid-red);
}

div .forminator-response-message ul li {
  margin: 0;

}

div .forminator-response-message ul li::marker {
  color: var(--wp--preset--color--vivid-red);

}

/*forminator*/
/* .forminator-label{
  font-size: 1.2rem;
  line-height: 1.5;
}
.forminator-guttenberg {
  margin: 1.25rem auto !important;
}

.forminator-input,.forminator-textarea {
  font-size: 1.2rem!important;
  padding: 1.6rem !important;
  border: 0.0625rem solid #ccc !important;
  background: #F5F5F5 !important;
}
.forminator-select{
  font-size: 1.2rem!important;
  padding: 1.6rem !important;
  border: 0.0625rem solid #ccc !important;
  background: #F5F5F5 !important;
  
}

.forminator-required {
  color: #d44 !important;
}

.forminator-radio-bullet {
  background: #ddd !important;
}
.forminator-radio-bullet::before{
  background: #2EB6AA !important;
}

.forminator-error-message {
  color: #d44 !important;
  background: #ffd5d5 !important;
}

.forminator-error-message::before {
  background: #2EB6AA !important;
}

.forminator-button {
  font-size: 1.2rem !important;
  font-weight: 600 !important;
  color: #fff !important;
  background: #1A1A1A !important;
  transition: 0.4s !important;
}

.forminator-button:hover {
  background: #2EB6AA !important;
  box-shadow: none !important;
} */