@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");
*, *::before, *::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

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

:where(html) {
  -webkit-text-size-adjust: none;
  color-scheme: dark light;
  -moz-tab-size: 2;
       tab-size: 2;
  scrollbar-gutter: stable;
}

:where(html:has(dialog:modal[open])) {
  overflow: clip;
}

@media (prefers-reduced-motion: no-preference) {
  :where(html:focus-within) {
    scroll-behavior: smooth;
  }
}
:where(body) {
  line-height: 1.5;
  font-family: system-ui, sans-serif;
  -webkit-font-smoothing: antialiased;
}

:where(button) {
  all: unset;
}

:where(input, button, textarea, select) {
  font: inherit;
  color: inherit;
}

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

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

:where(:disabled) {
  cursor: not-allowed;
}

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

:where(a) {
  color: inherit;
  text-underline-offset: 0.2ex;
}

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

:where(img, svg, video, canvas, audio, iframe, embed, object) {
  display: block;
}

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

:where(p, h1, h2, h3, h4, h5, h6) {
  overflow-wrap: break-word;
}

:where(h1, h2, h3) {
  line-height: calc(1em + 0.5rem);
  text-wrap: balance;
}

:where(hr) {
  border: none;
  border-block-start: 1px solid;
  color: inherit;
  block-size: 0;
  overflow: visible;
}

:where(dialog) {
  border: none;
  background: none;
  inset: unset;
  max-width: unset;
  max-height: unset;
}

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

:where(:focus-visible) {
  outline: 3px solid CanvasText;
  box-shadow: 0 0 0 5px Canvas;
  outline-offset: 1px;
}

:where(:focus-visible, :target) {
  scroll-margin-block: 8vh;
}

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

/*@acab/reset.css*/
/*
.example {
  font-size: rclamp(24, 64, 375, 1200);
}
*/
:root {
  color-scheme: light;
  container-type: inline-size;
}

*,
::before,
::after {
  box-sizing: border-box;
  -webkit-overflow-scrolling: touch;
}

html {
  overflow-x: auto;
  overflow-y: auto;
  overscroll-behavior: auto;
}
@media screen and (max-width: 1023px) {
  html {
    overscroll-behavior: auto;
  }
}

@font-face {
  font-family: "AotoGothicStdN";
  src: url("../font/AP-OTF-AotoGothicStdN-Bold.otf") format("opentype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "AotoGothicStdN";
  src: url("../font/AP-OTF-AotoGothicStdN-DeBold.otf") format("opentype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "AotoGothicStdN";
  src: url("../font/AP-OTF-AotoGothicStdN-Medium.otf") format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "AotoGothicStdN";
  src: url("../font/AP-OTF-AotoGothicStdN-Regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "AotoGothicStdN";
  src: url("../font/AP-OTF-AotoGothicStdN-Light.otf") format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
body {
  --body-width-without-scrollbar: 100cqw;
  --body-scrollbar-width: calc(100vw - 100cqw);
  font-family: "Inter", "AotoGothicStdN", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  color: #000000;
  font-feature-settings: "palt";
  overscroll-behavior: auto;
}
body:has(.p-home-hero, .p-modal-list-container) {
  overflow-x: auto;
  overflow-y: auto;
}
@media screen and (min-width: 1024px) {
  body:not(:has(.p-home-hero, .p-modal-list-container)) {
    overflow-x: visible;
    overflow-y: visible;
  }
}
@media screen and (min-width:1280px) {
  body:not(:has(.p-home-hero, .p-modal-list-container)) {
    overflow-x: auto;
    overflow-y: auto;
  }
}
@media screen and (max-width: 1023px) {
  body:not(:has(.p-home-hero, .p-modal-list-container)) {
    overflow-x: auto;
    overflow-y: auto;
  }
}
@media screen and (max-width: 1023px) {
  body {
    font-size: 0.875rem;
    overscroll-behavior: auto;
    position: relative;
    width: 100%;
    overflow-x: hidden !important;
  }
}
@media screen and (max-width: 480px) {
  body {
    font-size: 3.7333333333vw;
  }
}
@media screen and (min-width: 1024px) {
  body {
    font-size: 1rem;
  }
}

html[lang=en] body {
  font-family: "Inter", sans-serif;
}

input[type=text],
input[type=date],
input[type=email],
input[type=password] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 0;
  border: 1px solid #808080;
  background-color: #ffffff;
}

input[type=date] {
  min-height: 40px;
}

a {
  text-decoration: none;
  color: #000000;
  transition: all 0.3s ease-in-out;
}
a:hover {
  text-decoration: none;
  color: #808080;
}

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

:where(input, button, textarea, select) {
  color: #000000;
  padding: 3px;
}

h1 {
  font-size: 1.75rem;
  font-weight: 500;
}
@media screen and (min-width: 1024px) {
  h1 {
    line-height: 36px;
  }
}

h2 {
  font-size: 1.25rem;
  font-weight: 600;
}
@media screen and (min-width: 1024px) {
  h2 {
    line-height: 28px;
  }
}
@media screen and (max-width: 1023px) {
  h2 {
    font-size: 1.125rem;
  }
}

h3 {
  font-size: 1.125rem;
  font-weight: 500;
}
@media screen and (min-width: 1024px) {
  h3 {
    line-height: 25px;
  }
}

h4 {
  font-size: 1rem;
  font-weight: 500;
}
@media screen and (min-width: 1024px) {
  h4 {
    line-height: 23px;
  }
}

p {
  font-size: 1rem;
  font-weight: 400;
  line-height: 28px;
}

select {
  background-color: #fff;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}

br.pc-only {
  display: none;
}
@media screen and (min-width: 1024px) {
  br.pc-only {
    display: inline;
  }
}

br.pc-under {
  display: none;
}
@media screen and (max-width: 1023px) {
  br.pc-under {
    display: inline;
  }
}

br.sp-only {
  display: none;
}
@media screen and (max-width: 480px) {
  br.sp-only {
    display: inline;
  }
}

#content {
  transition: opacity 0.3s ease;
}

.l-header {
  height: 54px;
  display: flex;
  align-items: center;
  z-index: 100;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  min-width: 100vw;
  justify-content: center;
}
@media screen and (max-width: 1023px) {
  .l-header {
    padding-top: constant(safe-area-inset-top);
    padding-top: env(safe-area-inset-top);
    height: calc(54px + constant(safe-area-inset-top));
    height: calc(54px + env(safe-area-inset-top));
    box-sizing: border-box;
  }
}
@media screen and (min-width: 1024px) {
  .l-header {
    border-bottom: 1px solid #000000;
    height: 73px;
    min-width: 100vw;
    width: 100vw;
  }
}

@media screen and (min-width: 1024px) {
  .l-header__search {
    margin-right: 19px;
  }
}

.l-header__inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
}
@media screen and (max-width: 1023px) {
  .l-header__inner {
    border-bottom-style: solid;
    border-bottom-color: #000000;
    border-bottom-width: 0.5px;
  }
}

.l-header__logo {
  margin-top: -1px;
}
@media screen and (max-width: 480px) {
  .l-header__logo {
    margin-left: 5.3333333333vw;
  }
}
@media screen and (max-width: 1023px) {
  .l-header__logo {
    margin-left: 20px;
  }
}
@media screen and (min-width: 1024px) {
  .l-header__logo {
    margin-left: 37px;
    margin-top: 0px;
  }
}

@media screen and (min-width: 1024px) {
  .l-header__logo-img {
    width: 189px;
    height: 47px;
  }
}
@media screen and (max-width: 1023px) {
  .l-header__logo-img {
    width: 128.53px;
    height: 32px;
  }
}

.l-main {
  margin-top: 73px;
  transition: all 0.3s ease-in-out;
  overflow-x: clip;
  width: 100%;
}
.l-main.is-search-active {
  margin-top: 114px;
}
@media screen and (max-width: 1023px) {
  .l-main.is-search-active {
    margin-top: calc(114px + constant(safe-area-inset-top));
    margin-top: calc(114px + env(safe-area-inset-top));
  }
}
@media screen and (max-width: 1023px) {
  .l-main {
    margin-top: 54px;
    margin-top: calc(54px + constant(safe-area-inset-top));
    margin-top: calc(54px + env(safe-area-inset-top));
  }
}

.l-footer {
  background-color: #595757;
  color: #ffffff;
  text-align: center;
  position: relative;
  padding: 41px 0 34px;
  margin-top: auto;
}
@media screen and (min-width: 1024px) {
  .l-footer {
    padding: 78px 0 51px;
  }
}
@media screen and (max-width: 1023px) {
  .l-footer {
    padding: 40px 0 34px;
  }
}

.l-footer__inner {
  margin: 0 auto;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1024px) {
  .l-footer__inner {
    max-width: 1040px;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1235px) {
  .l-footer__inner {
    max-width: 980px;
  }
}
@media screen and (min-width: 1024px) and (min-width: 1024px) {
  .l-footer__inner .p-gnav__inner {
    right: 0 !important;
  }
}
.l-footer__inner .p-gnav__items {
  padding: 11px 0 0 !important;
}
.l-footer__inner .p-gnav__link {
  line-height: 25px;
  padding: 0 !important;
  margin-top: 5px;
}
@media screen and (max-width: 1023px) {
  .l-footer__inner .p-gnav__items.c-accordion__content.is-open {
    margin-top: -7px;
  }
}
@media screen and (max-width: 1023px) {
  .l-footer__inner .p-gnav__header {
    padding-bottom: 11px !important;
  }
}

.l-footer__main-nav {
  grid-area: 2/1/3/3;
}
@media screen and (min-width: 1024px) {
  .l-footer__main-nav {
    grid-area: 1/2/2/3;
  }
}

.l-footer__main-nav__domain {
  font-weight: 600;
}
@media screen and (max-width: 1023px) {
  .l-footer__main-nav__domain {
    text-align: right;
    font-size: 0.875rem;
    padding-right: 16px;
    margin-top: -45px;
  }
}
@media screen and (min-width: 1024px) {
  .l-footer__main-nav__domain {
    text-align: left;
    font-size: 1.25rem;
  }
}

.l-footer__btn-sns {
  display: flex;
  margin-top: 50px;
}
@media screen and (max-width: 480px) {
  .l-footer__btn-sns {
    flex-direction: column;
    row-gap: 38px;
    align-items: center;
    margin: auto;
    margin-top: 40px;
  }
}
@media screen and (min-width: 480px) {
  .l-footer__btn-sns {
    justify-content: space-between;
    align-items: flex-end;
  }
}

@media screen and (max-width: 480px) {
  .l-footer__btns {
    width: 100%;
  }
}

.l-footer__footer-nav {
  /* margin-top: 16px; */
  margin-top: 43px;
}
@media screen and (min-width: 1024px) {
  .l-footer__footer-nav {
    display: flex;
    justify-content: space-between;
  }
}
@media screen and (max-width: 1023px) {
  .l-footer__footer-nav {
    padding: 0 20px;
    margin-top: 53px;
  }
}

.l-footer--login {
  padding: 0 0 !important;
}
@media screen and (min-width: 1024px) {
  .l-footer--login .l-footer__footer-nav {
    margin: 47px 0 45px;
    z-index: 20;
  }
}
@media screen and (max-width: 1023px) {
  .l-footer--login .l-footer__footer-nav {
    margin: 47px 0 45px;
    z-index: 20;
  }
}
@media screen and (max-width: 480px) {
  .l-footer--login .l-footer__footer-nav {
    margin: 22px 0 15px;
  }
}
.l-footer--login .p-fnav {
  width: 100%;
}
.l-footer--login .p-fnav .p-fnav__items {
  display: flex;
}
@media screen and (min-width: 1024px) {
  .l-footer--login .p-fnav .p-fnav__items {
    -moz-column-gap: 32px;
         column-gap: 32px;
  }
}
@media screen and (max-width: 1023px) {
  .l-footer--login .p-fnav .p-fnav__items {
    -moz-column-gap: 16px;
         column-gap: 16px;
    justify-content: center;
    row-gap: 14px;
    flex-wrap: wrap;
  }
}
.l-footer--login .p-fnav .p-fnav__items .p-fnav__link {
  line-height: 16px;
}

.p-fnav__item--copyright {
  height: 16px;
}
@media screen and (min-width: 1024px) {
  .p-fnav__item--copyright {
    margin-left: auto;
  }
}
@media screen and (max-width: 1023px) {
  .p-fnav__item--copyright {
    padding-top: 20px;
  }
}

.right {
  right: 0 !important;
}

.l-container {
  --l-container-margin: 0px;
  position: relative;
}
@media screen and (max-width: 1023px) {
  .l-container {
    --l-container-margin: 20px;
    margin: 0 20px;
  }
}
@media screen and (min-width: 1024px) {
  .l-container {
    --l-container-margin: max((var(--body-width-without-scrollbar) - 1236px) / 2, 0px);
    margin: 0 auto;
    max-width: 1236px;
  }
}
.p-home .l-container {
  max-width: 100%;
}

.l-wrapper {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.c-btn, .c-btn-tertiary, .c-btn-secondary, .c-btn--show, .c-btn--reg, .c-btn--save, .c-btn--determine, .c-btn--cart-roll, .c-btn--back, .c-btn--back-contact-page, .c-btn--back-create-address-page, .c-btn--back-change-address-page, .c-btn--back-change-account-delete-confirm-page, .c-btn--back-change-account-delete-page, .c-btn--back-change-account-page, .c-btn--confirm, .c-btn--register, .c-btn--cart, .c-btn--cart-cut {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 1rem;
  padding: 1em;
  line-height: 1.2;
  width: 300px;
  background-color: #000000;
  color: #ffffff;
  margin: 40px auto 0;
  transition: background-color 0.3s ease-in-out;
  cursor: pointer;
}
.c-btn:hover, .c-btn-tertiary:hover, .c-btn-secondary:hover, .c-btn--show:hover, .c-btn--reg:hover, .c-btn--save:hover, .c-btn--determine:hover, .c-btn--cart-roll:hover, .c-btn--back:hover, .c-btn--back-contact-page:hover, .c-btn--back-create-address-page:hover, .c-btn--back-change-address-page:hover, .c-btn--back-change-account-delete-confirm-page:hover, .c-btn--back-change-account-delete-page:hover, .c-btn--back-change-account-page:hover, .c-btn--confirm:hover, .c-btn--register:hover, .c-btn--cart:hover, .c-btn--cart-cut:hover {
  background-color: #808080;
  color: #ffffff;
}
@media screen and (max-width: 480px) {
  .c-btn, .c-btn-tertiary, .c-btn-secondary, .c-btn--show, .c-btn--reg, .c-btn--save, .c-btn--determine, .c-btn--cart-roll, .c-btn--back, .c-btn--back-contact-page, .c-btn--back-create-address-page, .c-btn--back-change-address-page, .c-btn--back-change-account-delete-confirm-page, .c-btn--back-change-account-delete-page, .c-btn--back-change-account-page, .c-btn--confirm, .c-btn--register, .c-btn--cart, .c-btn--cart-cut {
    width: auto;
  }
}

.c-btn--cart, .c-btn--cart-cut {
  margin: 0;
  width: 275px;
  height: 46px;
  display: flex;
  gap: 10px;
  align-items: center;
  margin-left: 30px;
  font-size: 1rem;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 1023px) {
  .c-btn--cart, .c-btn--cart-cut {
    margin-left: 0;
    margin-top: 24px;
    width: 295px;
    transition: none;
  }
}
.c-btn--cart:hover, .c-btn--cart-cut:hover {
  border: none;
}
.c-btn--cart:hover::after, .c-btn--cart-cut:hover::after {
  width: 48px;
}
.c-btn--cart img, .c-btn--cart-cut img {
  position: relative;
  z-index: 1;
}

.c-btn--cart-cut::after {
  background-color: #ebebeb;
}

.c-btn--register {
  width: 236px;
  height: 46px;
}
@media screen and (max-width: 1023px) {
  .c-btn--register {
    margin-top: 27px;
  }
}

.c-btn--confirm {
  width: 284px;
  height: 46px;
  margin: 0 auto;
}
@media screen and (max-width: 1023px) {
  .c-btn--confirm {
    width: 254px;
    height: 48px;
  }
}

.c-btn--back, .c-btn--back-contact-page, .c-btn--back-create-address-page, .c-btn--back-change-address-page, .c-btn--back-change-account-delete-confirm-page, .c-btn--back-change-account-delete-page, .c-btn--back-change-account-page {
  width: 284px;
  height: 46px;
  background-color: #ffffff;
  color: #000000;
  border: 1px solid #000000;
  margin-top: 25px;
}
@media screen and (max-width: 1023px) {
  .c-btn--back, .c-btn--back-contact-page, .c-btn--back-create-address-page, .c-btn--back-change-address-page, .c-btn--back-change-account-delete-confirm-page, .c-btn--back-change-account-delete-page, .c-btn--back-change-account-page {
    margin-top: 16px;
  }
}
@media screen and (max-width: 1023px) {
  .c-btn--back.--Y-3, .--Y-3.c-btn--back-contact-page, .--Y-3.c-btn--back-create-address-page, .--Y-3.c-btn--back-change-address-page, .--Y-3.c-btn--back-change-account-delete-confirm-page, .--Y-3.c-btn--back-change-account-delete-page, .--Y-3.c-btn--back-change-account-page {
    width: 254px;
  }
}

.c-btn--back-change-account-page {
  transition: all 0.3s ease-in-out;
}
.c-btn--back-change-account-page:hover {
  background-color: #D8D8D9;
  border: 1px solid #D8D8D9;
  color: #000;
}

.c-btn--back-change-account-delete-page {
  transition: all 0.3s ease-in-out;
  margin-top: 0;
}
.c-btn--back-change-account-delete-page:hover {
  color: #000000;
  background-color: #D8D8D9;
  border: 1px solid #D8D8D9;
}

.c-btn--back-change-account-delete-confirm-page {
  transition: all 0.3s ease-in-out;
  margin-top: 0;
}
.c-btn--back-change-account-delete-confirm-page:hover {
  color: #000000;
  background-color: #D8D8D9;
  border: 1px solid #D8D8D9;
}

.c-btn--back-change-address-page {
  transition: all 0.3s ease-in-out;
}
.c-btn--back-change-address-page:hover {
  color: #000000;
  background-color: #D8D8D9;
  border: 1px solid #D8D8D9;
}

.c-btn--back-create-address-page {
  transition: all 0.3s ease-in-out;
}
.c-btn--back-create-address-page:hover {
  color: #000000;
  background-color: #D8D8D9;
  border: 1px solid #D8D8D9;
}

.c-btn--back-contact-page {
  transition: all 0.3s ease-in-out;
}
.c-btn--back-contact-page:hover {
  color: #000000;
  background-color: #D8D8D9;
  border: 1px solid #D8D8D9;
}

.c-btn--cart-roll {
  display: inline-block;
  width: 227px;
  height: 46px;
  border: #000000;
  background-color: #000000;
  color: #ffffff;
  padding: 0 0;
  line-height: 3;
  font-size: 0.875rem;
  margin: 0;
}
@media screen and (max-width: 1023px) {
  .c-btn--cart-roll {
    width: 254px;
    margin-left: 0;
    margin-top: 24px;
  }
}

.c-btn--cart img, .c-btn--cart-cut img {
  margin: 0;
  width: 20px;
  height: 20px;
}

.c-btn--continue, .c-btn--back-secondary {
  border: none;
  cursor: pointer;
  white-space: nowrap;
  width: 180px;
  height: 46px;
  background: #ffffff;
  color: #000000;
  padding: 10px 1.18vw;
  border: 1px solid #000000;
  font-size: 1rem;
  transition: all 0.3s ease-in-out;
}
.c-btn--continue:hover, .c-btn--back-secondary:hover {
  background: #D8D8D9;
  border: 1px solid #D8D8D9;
}
@media screen and (max-width: 1023px) {
  .c-btn--continue, .c-btn--back-secondary {
    width: 315px;
    height: 40px;
    font-size: 0.875rem;
  }
  .c-btn--continue:hover, .c-btn--back-secondary:hover {
    background: #ffffff;
    border: 1px solid #000000;
  }
}

.c-btn--back-secondary {
  width: 132px;
  height: 46px;
}
@media screen and (max-width: 1023px) {
  .c-btn--back-secondary {
    margin-top: 16px;
    font-size: 0.875rem;
    width: 295px;
  }
}

.c-btn--view-cart {
  background: #000000;
  color: #ffffff;
  border: none;
  padding: 10px 19px;
  border-radius: 1px;
  cursor: pointer;
  font-size: 1rem;
  white-space: nowrap;
  width: 180px;
  height: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease-in-out;
}
.c-btn--view-cart:hover {
  background: #808080;
}
@media screen and (max-width: 1023px) {
  .c-btn--view-cart {
    width: 315px;
    height: 48px;
    font-size: 0.875rem;
  }
  .c-btn--view-cart:hover {
    background: #000000;
  }
}

.c-btn--determine {
  margin: 0;
  width: 172px;
}

@media screen and (min-width: 1024px) {
  .c-btn--pc-lg {
    height: 46px;
    font-size: 1rem;
  }
}
@media screen and (min-width: 1024px) {
  .c-btn--pc-md {
    height: 30px;
    font-size: 0.875rem;
  }
}
@media screen and (min-width: 1024px) {
  .c-btn--pc-sm {
    height: 24px;
    font-size: 0.875rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-btn--sp-lg-full {
    width: 315px;
    height: 48px;
    font-size: 1rem;
  }
  .c-btn--sp-lg-full img {
    margin-right: 17px;
  }
}
@media screen and (max-width: 1023px) {
  .c-btn--sp-lg-p9 {
    width: 295px;
    height: 48px;
    font-size: 1rem;
  }
  .c-btn--sp-lg-p9 img {
    margin-right: 17px;
  }
}
@media screen and (max-width: 1023px) {
  .c-btn--sp-lg-p8 {
    width: 254px;
    height: 48px;
    font-size: 1rem;
  }
  .c-btn--sp-lg-p8 img {
    margin-right: 17px;
  }
}
@media screen and (max-width: 1023px) {
  .c-btn--sp-md-p8 {
    width: 254px;
    height: 40px;
    font-size: 0.875rem;
  }
  .c-btn--sp-md-p8 img {
    margin-right: 8px;
  }
}

.c-btn--save {
  width: 258px;
  height: 46px;
  background-color: #ffffff;
  color: #000000;
  border: 1px solid #000000;
  margin: 0;
  margin-right: 30px;
}

.c-btn--wrapper {
  text-align: center;
  width: 220px;
}

.c-btn--reg {
  width: 220px;
  height: 46px;
  background-color: #000000;
  color: #ffffff;
  border: 1px solid #000000;
  margin: 0;
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
}
.c-btn--reg span {
  position: relative;
}
.c-btn--reg:hover {
  background-color: #808080;
  border-color: #808080;
}
@media screen and (max-width: 1023px) {
  .c-btn--reg {
    width: 254px;
  }
  .c-btn--reg:hover {
    width: 254px;
    background-color: #000000;
    border-color: #808080;
  }
}

.c-btn--lh-1 {
  line-height: 1;
}

.c-btn--lh-1-1 {
  line-height: 1.1;
}
@media screen and (min-width: 1024px) {
  .c-btn--lh-1-1--pc {
    line-height: 1.1;
  }
}
@media screen and (max-width: 1023px) {
  .c-btn--lh-1-1--pc-under {
    line-height: 1.1;
  }
}

.c-btn--show {
  display: none;
}
@media screen and (max-width: 1023px) {
  .c-btn--show {
    display: flex;
    width: 146px;
    height: 40px;
    font-size: 0.875rem;
    background-color: #000000;
    color: #ffffff;
    border: none;
    margin-top: 0;
    padding: 0;
    margin-bottom: 16px;
    padding-left: 8px;
    color: #000000;
    background-color: #ffffff;
    border: 1px solid #000000;
  }
  .c-btn--show:hover {
    color: #000000;
    background-color: #ffffff;
    border: 1px solid #000000;
  }
}

.c-popup-btn__text-default, .p-cart_change_trialset__content-btn .c-btn-cancel-text-default, .p-cart_change_roll__content-btn .c-btn-cancel-text-default, .p-cart_change_minisamplle__content-btn .c-btn-cancel-text-default, .p-mypage-popup__content-btn .c-btn-cancel-text-default, .p-cart-popup__content-btn .c-btn-cancel-text-default, .c-popup-btn__text-hover, .p-cart_change_trialset__content-btn .c-btn-cancel-text-hover, .p-cart_change_roll__content-btn .c-btn-cancel-text-hover, .p-cart_change_minisamplle__content-btn .c-btn-cancel-text-hover, .p-mypage-popup__content-btn .c-btn-cancel-text-hover, .p-cart-popup__content-btn .c-btn-cancel-text-hover {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: opacity 0.3s ease;
  white-space: nowrap;
  width: 100%;
}
.c-popup-btn__text-default, .p-cart_change_trialset__content-btn .c-btn-cancel-text-default, .p-cart_change_roll__content-btn .c-btn-cancel-text-default, .p-cart_change_minisamplle__content-btn .c-btn-cancel-text-default, .p-mypage-popup__content-btn .c-btn-cancel-text-default, .p-cart-popup__content-btn .c-btn-cancel-text-default {
  opacity: 1;
}
.c-popup-btn__text-hover, .p-cart_change_trialset__content-btn .c-btn-cancel-text-hover, .p-cart_change_roll__content-btn .c-btn-cancel-text-hover, .p-cart_change_minisamplle__content-btn .c-btn-cancel-text-hover, .p-mypage-popup__content-btn .c-btn-cancel-text-hover, .p-cart-popup__content-btn .c-btn-cancel-text-hover {
  display: none;
  opacity: 0;
}
.c-popup-btn__wrapper, .p-cart_change_trialset__content-btn-cancel button, .p-cart_change_trialset__content-btn-submit button, .p-cart_change_roll__content-btn-cancel button, .p-cart_change_roll__content-btn-submit button, .p-cart_change_minisamplle__content-btn-cancel button, .p-cart_change_minisamplle__content-btn-submit button, .p-mypage-popup__content-btn-cancel button, .p-mypage-popup__content-btn-submit button, .p-cart-popup__content-btn-cancel button, .p-cart-popup__content-btn-submit button {
  position: relative;
}
@media screen and (min-width: 1024px) {
  .c-popup-btn__wrapper--text-switch:hover .c-popup-btn__text-default, .c-popup-btn__wrapper--text-switch:hover .p-cart_change_trialset__content-btn .c-btn-cancel-text-default, .p-cart_change_trialset__content-btn .c-popup-btn__wrapper--text-switch:hover .c-btn-cancel-text-default, .c-popup-btn__wrapper--text-switch:hover .p-cart_change_roll__content-btn .c-btn-cancel-text-default, .p-cart_change_roll__content-btn .c-popup-btn__wrapper--text-switch:hover .c-btn-cancel-text-default, .c-popup-btn__wrapper--text-switch:hover .p-cart_change_minisamplle__content-btn .c-btn-cancel-text-default, .p-cart_change_minisamplle__content-btn .c-popup-btn__wrapper--text-switch:hover .c-btn-cancel-text-default, .c-popup-btn__wrapper--text-switch:hover .p-mypage-popup__content-btn .c-btn-cancel-text-default, .p-mypage-popup__content-btn .c-popup-btn__wrapper--text-switch:hover .c-btn-cancel-text-default, .c-popup-btn__wrapper--text-switch:hover .p-cart-popup__content-btn .c-btn-cancel-text-default, .p-cart-popup__content-btn .c-popup-btn__wrapper--text-switch:hover .c-btn-cancel-text-default {
    display: none;
    opacity: 0;
  }
  .c-popup-btn__wrapper--text-switch:hover .c-popup-btn__text-hover, .c-popup-btn__wrapper--text-switch:hover .p-cart_change_trialset__content-btn .c-btn-cancel-text-hover, .p-cart_change_trialset__content-btn .c-popup-btn__wrapper--text-switch:hover .c-btn-cancel-text-hover, .c-popup-btn__wrapper--text-switch:hover .p-cart_change_roll__content-btn .c-btn-cancel-text-hover, .p-cart_change_roll__content-btn .c-popup-btn__wrapper--text-switch:hover .c-btn-cancel-text-hover, .c-popup-btn__wrapper--text-switch:hover .p-cart_change_minisamplle__content-btn .c-btn-cancel-text-hover, .p-cart_change_minisamplle__content-btn .c-popup-btn__wrapper--text-switch:hover .c-btn-cancel-text-hover, .c-popup-btn__wrapper--text-switch:hover .p-mypage-popup__content-btn .c-btn-cancel-text-hover, .p-mypage-popup__content-btn .c-popup-btn__wrapper--text-switch:hover .c-btn-cancel-text-hover, .c-popup-btn__wrapper--text-switch:hover .p-cart-popup__content-btn .c-btn-cancel-text-hover, .p-cart-popup__content-btn .c-popup-btn__wrapper--text-switch:hover .c-btn-cancel-text-hover {
    display: flex;
    opacity: 1;
  }
}
.c-popup-btn__cancel-button:hover, .p-cart_change_trialset__content-btn-cancel button:hover, .p-cart_change_roll__content-btn-cancel button:hover, .p-cart_change_minisamplle__content-btn-cancel button:hover, .p-mypage-popup__content-btn-cancel button:hover, .p-cart-popup__content-btn-cancel button:hover {
  color: #000000 !important;
  background-color: #d8d8d9 !important;
  border: 1px solid #d8d8d9 !important;
}
.c-popup-btn__submit-button:hover, .p-cart_change_trialset__content-btn-submit button:hover, .p-cart_change_roll__content-btn-submit button:hover, .p-cart_change_minisamplle__content-btn-submit button:hover, .p-mypage-popup__content-btn-submit button:hover, .p-cart-popup__content-btn-submit button:hover {
  color: #ffffff !important;
  background-color: #808080 !important;
  border: 1px solid #808080 !important;
}

.c-hover-arrow {
  display: inline-flex;
  align-items: flex-end;
  line-height: 1;
  position: relative;
}
.c-hover-arrow:hover .c-hover-arrow__wrapper {
  transform: scale(0.6);
  position: relative;
  bottom: 12px;
  left: 2px;
}
@media screen and (max-width: 1023px) {
  .c-hover-arrow:hover.--hidden .c-hover-arrow__svg {
    display: none;
  }
}
@media screen and (min-width: 1024px) {
  .c-hover-arrow:hover.--hidden .c-hover-arrow__svg {
    opacity: 1;
    transition: opacity 0.3s ease-in-out;
  }
}
.c-hover-arrow.--in-flex {
  display: inline-flex;
}
.c-hover-arrow.--hidden .c-hover-arrow__svg {
  opacity: 0;
}
.c-hover-arrow.--inline {
  display: inline-block;
}
.c-hover-arrow.--inline .c-hover-arrow__svg {
  margin-bottom: 3px;
}
.c-hover-arrow.--on-white {
  border-bottom: 1px solid #000;
}
.c-hover-arrow.--on-white:hover .c-hover-arrow__text {
  color: #808080;
  border-bottom: 1px solid #808080;
}
.c-hover-arrow.--on-white:hover .c-hover-arrow__svg path {
  fill: #ffffff;
}
.c-hover-arrow.--on-pink:hover .c-hover-arrow__text {
  color: #EB5CCA;
}
.c-hover-arrow.--on-pink:hover .c-hover-arrow__svg path {
  fill: #EB5CCA;
}
.c-hover-arrow.--on-blue:hover .c-hover-arrow__text {
  color: #000AFF;
}
.c-hover-arrow.--on-blue:hover .c-hover-arrow__svg path {
  fill: #000AFF;
}
@media screen and (min-width: 1024px) {
  .c-hover-arrow.--fs12 {
    height: 1.11rem;
  }
  .c-hover-arrow.--fs12:hover .c-hover-arrow__svg {
    animation: growArrow_fs12 0.3s ease forwards;
  }
}
@media screen and (min-width: 1024px) {
  .c-hover-arrow.--fs14 {
    height: 1.331875rem;
  }
  .c-hover-arrow.--fs14:hover .c-hover-arrow__svg {
    animation: growArrow_fs14 0.3s ease forwards;
  }
}
@media screen and (min-width: 1024px) {
  .c-hover-arrow.--fs15 {
    height: 3.3125rem;
  }
  .c-hover-arrow.--fs15:hover .c-hover-arrow__svg {
    animation: growArrow_fs15 0.3s ease forwards;
  }
}
@media screen and (min-width: 1024px) {
  .c-hover-arrow.--fs29 {
    height: 2.22rem;
  }
  .c-hover-arrow.--fs29:hover .c-hover-arrow__svg {
    animation: growArrow_fs29 0.3s ease forwards;
  }
}
.c-hover-arrow.--gray .c-hover-arrow__svg path {
  fill: #808080;
}
.c-hover-arrow.--blue .c-hover-arrow__svg path {
  fill: #000AFF;
}
.c-hover-arrow.--blue .c-hover-arrow__wrapper {
  color: #000AFF;
}
.c-hover-arrow.--lightblue .c-hover-arrow__svg path {
  fill: #00D3EF;
}
.c-hover-arrow.--pink .c-hover-arrow__svg path {
  fill: #EB5CCA;
}
.c-hover-arrow.--pink .c-hover-arrow__wrapper {
  color: #EB5CCA;
}
.c-hover-arrow.--green .c-hover-arrow__svg path {
  fill: #09ED00;
}
.c-hover-arrow.--green .c-hover-arrow__wrapper {
  color: #09ED00;
}
.c-hover-arrow.--orange .c-hover-arrow__svg path {
  fill: #FF6C00;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .c-hover-arrow .c-hover-arrow__svg path {
    stroke-width: 0.5;
    vector-effect: non-scaling-stroke;
  }
}

.c-hover-arrow__inner {
  display: flex;
  -moz-column-gap: 7px;
       column-gap: 7px;
}

.c-hover-arrow__text {
  font-weight: 400;
  transition: all 0.3s ease-in-out;
  display: flex;
}
.--fs12 .c-hover-arrow__text {
  font-size: 0.75rem;
}
.--fs14 .c-hover-arrow__text {
  font-size: 0.875rem;
}
.--fs15 .c-hover-arrow__text {
  font-size: 0.9375rem;
}
.--fs29 .c-hover-arrow__text {
  font-size: 1.8125rem;
  font-weight: 400;
  margin-bottom: 4px;
  margin-right: 4px;
}

.c-hover-arrow__wrapper {
  position: relative;
  transition: all 0.3s ease-out, transform 0.3s ease-out;
  transform-origin: bottom left;
}
@media screen and (max-width: 1023px) {
  .c-hover-arrow__wrapper {
    display: none;
  }
}
@media screen and (min-width: 1024px) {
  .--fs12 .c-hover-arrow__wrapper {
    width: 1.105rem;
    height: 1.11rem;
    bottom: 7px;
  }
  .--fs14 .c-hover-arrow__wrapper {
    width: 1.32625rem;
    height: 1.331875rem;
    bottom: 2px;
  }
  .--fs15 .c-hover-arrow__wrapper {
    bottom: 22px;
  }
  .--fs29 .c-hover-arrow__wrapper {
    bottom: 2px;
  }
}

.c-hover-arrow__svg {
  position: absolute;
  left: 0;
}
.--fs12 .c-hover-arrow__svg {
  width: 0.88375rem;
  height: 0.888125rem;
}
.--fs14 .c-hover-arrow__svg {
  width: 1rem;
  height: 1.004375rem;
}
.--fs15 .c-hover-arrow__svg {
  width: 1.375rem;
  height: 2.5rem;
  bottom: -10px;
}
.--fs29 .c-hover-arrow__svg {
  width: 1.6575rem;
  height: 1.665rem;
  left: 7px;
}
.c-hover-arrow__svg .--opacity {
  opacity: 0;
}

@keyframes growArrow_fs12 {
  0% {
    width: 0.88375rem;
    height: 0.888125rem;
  }
  100% {
    width: 1.105rem;
    height: 1.11rem;
  }
}
@keyframes growArrow_fs14 {
  0% {
    width: 1rem;
    height: 1.004375rem;
  }
  100% {
    width: 1.32625rem;
    height: 1.331875rem;
  }
}
@keyframes growArrow_fs15 {
  0% {
    width: 1.375rem;
    height: 2.5rem;
  }
  100% {
    width: 1.875rem;
    height: 3.3125rem;
  }
}
@keyframes growArrow_fs29 {
  0% {
    width: 1.6575rem;
    height: 1.665rem;
  }
  100% {
    width: 2.21rem;
    height: 2.22rem;
  }
}

.c-hover-arrow-header {
  display: inline-flex;
  align-items: flex-end;
  line-height: 1;
  position: relative;
}
.c-hover-arrow-header:hover .c-hover-arrow-header__wrapper {
  transform: scale(1);
  position: relative;
  bottom: 3px;
}
@media screen and (max-width: 1023px) {
  .c-hover-arrow-header:hover.--hidden .c-hover-arrow-header__svg {
    display: none;
  }
}
@media screen and (min-width: 1024px) {
  .c-hover-arrow-header:hover.--hidden .c-hover-arrow-header__svg {
    opacity: 1;
  }
}
.c-hover-arrow-header.--in-flex {
  display: inline-flex;
}
.c-hover-arrow-header.--hidden .c-hover-arrow-header__svg {
  opacity: 0;
}
.c-hover-arrow-header.--inline {
  display: inline-block;
}
.c-hover-arrow-header.--inline .c-hover-arrow-header__svg {
  margin-bottom: 3px;
}
.c-hover-arrow-header.--on-white {
  border-bottom: 1px solid #000;
}
.c-hover-arrow-header.--on-white:hover .c-hover-arrow-header__text {
  color: #808080;
  border-bottom: 1px solid #808080;
}
.c-hover-arrow-header.--on-white:hover .c-hover-arrow-header__svg path {
  fill: #ffffff;
}
.c-hover-arrow-header.--on-pink:hover .c-hover-arrow-header__text {
  color: #EB5CCA;
}
.c-hover-arrow-header.--on-pink:hover .c-hover-arrow-header__svg path {
  fill: #EB5CCA;
}
.c-hover-arrow-header.--on-blue:hover .c-hover-arrow-header__text {
  color: #000AFF;
}
.c-hover-arrow-header.--on-blue:hover .c-hover-arrow-header__svg path {
  fill: #000AFF;
}
@media screen and (min-width: 1024px) {
  .c-hover-arrow-header.--fs12 {
    height: 1.11rem;
  }
  .c-hover-arrow-header.--fs12:hover .c-hover-arrow-header__svg {
    transition: all 0.3s ease-out;
  }
}
@media screen and (min-width: 1024px) {
  .c-hover-arrow-header.--fs14 {
    height: 1.331875rem;
  }
  .c-hover-arrow-header.--fs14:hover .c-hover-arrow-header__svg {
    transition: all 0.3s ease-out;
  }
}
@media screen and (min-width: 1024px) {
  .c-hover-arrow-header.--fs15 {
    height: 3.3125rem;
  }
  .c-hover-arrow-header.--fs15:hover .c-hover-arrow-header__svg {
    transition: all 0.3s ease-out;
  }
}
@media screen and (min-width: 1024px) {
  .c-hover-arrow-header.--fs29 {
    height: 2.22rem;
  }
  .c-hover-arrow-header.--fs29:hover .c-hover-arrow-header__svg {
    transition: all 0.3s ease-out;
  }
}
.c-hover-arrow-header.--gray .c-hover-arrow-header__svg path {
  fill: #808080;
}
.c-hover-arrow-header.--blue .c-hover-arrow-header__svg path {
  fill: #000AFF;
}
.c-hover-arrow-header.--blue .c-hover-arrow-header__wrapper {
  color: #000AFF;
}
.c-hover-arrow-header.--lightblue .c-hover-arrow-header__svg path {
  fill: #00D3EF;
}
.c-hover-arrow-header.--pink .c-hover-arrow-header__svg path {
  fill: #EB5CCA;
}
.c-hover-arrow-header.--pink .c-hover-arrow-header__wrapper {
  color: #EB5CCA;
}
.c-hover-arrow-header.--green .c-hover-arrow-header__svg path {
  fill: #09ED00;
}
.c-hover-arrow-header.--green .c-hover-arrow-header__wrapper {
  color: #09ED00;
}
.c-hover-arrow-header.--orange .c-hover-arrow-header__svg path {
  fill: #FF6C00;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .c-hover-arrow-header .c-hover-arrow-header__svg path {
    stroke-width: 0.5;
    vector-effect: non-scaling-stroke;
  }
}

.c-hover-arrow-header__inner {
  display: flex;
  -moz-column-gap: 7px;
       column-gap: 7px;
}

.c-hover-arrow-header__text {
  font-weight: 400;
  transition: all 0.3s ease-in-out;
  display: flex;
}
.--fs12 .c-hover-arrow-header__text {
  font-size: 0.75rem;
}
.--fs14 .c-hover-arrow-header__text {
  font-size: 0.875rem;
}
.--fs15 .c-hover-arrow-header__text {
  font-size: 0.9375rem;
}
.--fs29 .c-hover-arrow-header__text {
  font-size: 1.8125rem;
  margin-bottom: 4px;
  margin-right: 4px;
}

.c-hover-arrow-header__wrapper {
  position: relative;
}
@media screen and (max-width: 1023px) {
  .c-hover-arrow-header__wrapper {
    display: none;
  }
}
@media screen and (min-width: 1024px) {
  .--fs12 .c-hover-arrow-header__wrapper {
    width: 1.105rem;
    height: 1.11rem;
    bottom: 7px;
  }
  .--fs14 .c-hover-arrow-header__wrapper {
    width: 1.32625rem;
    height: 1.331875rem;
    bottom: 2px;
  }
  .--fs15 .c-hover-arrow-header__wrapper {
    bottom: 22px;
  }
  .--fs29 .c-hover-arrow-header__wrapper {
    bottom: 2px;
  }
}

.c-hover-arrow-header__svg {
  position: absolute;
  left: 0;
}
.--fs12 .c-hover-arrow-header__svg {
  width: 0.88375rem;
  height: 0.888125rem;
}
.--fs14 .c-hover-arrow-header__svg {
  width: 1rem;
  height: 1.004375rem;
}
.--fs15 .c-hover-arrow-header__svg {
  width: 1.375rem;
  height: 2.5rem;
  bottom: -10px;
}
.--fs29 .c-hover-arrow-header__svg {
  width: 1.6575rem;
  height: 1.665rem;
  left: 7px;
}
.c-hover-arrow-header__svg .--opacity {
  opacity: 0;
}

@keyframes growArrow_fs12 {
  0% {
    width: 0.88375rem;
    height: 0.888125rem;
  }
  100% {
    width: 1.105rem;
    height: 1.11rem;
  }
}
@keyframes growArrow_fs14 {
  0% {
    width: 1rem;
    height: 1.004375rem;
  }
  100% {
    width: 1.32625rem;
    height: 1.331875rem;
  }
}
@keyframes growArrow_fs15 {
  0% {
    width: 1.375rem;
    height: 2.5rem;
  }
  100% {
    width: 1.875rem;
    height: 3.3125rem;
  }
}
@keyframes growArrow_fs29 {
  0% {
    width: 1.6575rem;
    height: 1.665rem;
  }
  100% {
    width: 2.21rem;
    height: 2.22rem;
  }
}

.c-modal {
  background-color: #ffffff;
  width: 75vw;
  padding: 100px 16px;
  text-align: center;
}
@media screen and (max-width: 1023px) {
  .c-modal {
    width: 94.6666666667vw;
  }
}

.c-modal__note {
  font-size: 0.625rem;
  margin-top: 10px;
  text-align: left;
}
.c-modal__note a {
  text-decoration: underline;
}
.c-modal__note a:hover {
  text-decoration: none;
}

.lity-close {
  pointer-events: auto;
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 10;
}

.lity-opened .lity-close {
  opacity: 1;
}

body.modal-lock {
  position: fixed;
  width: 100%;
  overflow: hidden;
}

.c-modal {
  overflow: visible;
}

.c-modal__inner {
  overflow-y: visible;
}

@media screen and (max-width: 1023px) {
  .c-mask__sp {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 200;
    width: 100vw;
    height: 100vh;
    background-color: #000000;
    opacity: 0.4;
    overflow: hidden;
  }
}
@media screen and (max-width: 1023px) {
  .c-mask__sp.is-sp-hidden {
    display: none;
  }
}

.c-active-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin: 0;
  padding: 0;
  list-style: none;
  width: 100%;
}
@media screen and (max-width: 1023px) {
  .c-active-filters {
    flex-wrap: nowrap;
  }
}
.c-active-filters__item {
  margin: 0;
}
.c-active-filters__button {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 0px 12px;
  border: 1px solid #000000;
  border-radius: 100px;
  background: #fff;
  font-size: 0.75rem;
  color: #000000;
  cursor: pointer;
  transition: all 0.2s ease;
  white-space: nowrap;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 23px;
}
.c-active-filters__button::after {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  background-image: url(../img/common/icon_close.svg);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.c-active-filters__button:hover {
  background: #D8D8D9;
}
.c-active-filters__button.--keyword {
  background: #000000;
  border-color: #000000;
  color: #ffffff;
}
.c-active-filters__button.--keyword:hover {
  background: #808080;
}
.c-active-filters__remove {
  font-size: 1rem;
  line-height: 1;
}

.c-result-count {
  display: flex;
  align-items: baseline;
  gap: 4px;
  margin-left: auto;
}
@media screen and (max-width: 1023px) {
  .c-result-count {
    gap: 0px;
  }
}
.c-result-count__number {
  font-size: 1.5rem;
  font-weight: 500;
}
.c-result-count__label {
  font-size: 0.875rem;
}

.c-fav {
  position: relative;
  height: 40px;
  padding: 8px;
  background: transparent;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: right;
  transition: transform 0.2s ease;
}
.p-list--panel .c-fav {
  height: 40px;
  padding: 8px;
  padding-top: 10px;
  padding-right: 10px;
}
.p-list--list .c-fav {
  height: 32px;
  padding: 0 3px 10px 8px;
}
@media screen and (max-width: 480px) {
  .p-list--list .c-fav {
    padding: 0 0 16px 0;
  }
}
.c-fav svg {
  width: 15px;
  height: 21px;
}
@media screen and (max-width: 480px) {
  .c-fav svg {
    width: 11px;
    height: 15px;
  }
}
.c-fav svg.is-hidden {
  display: none;
}
.c-fav path {
  transition: all 0.3s ease;
  transform-origin: center;
  fill: none;
}
.c-fav:not(.is-active) path {
  fill: none;
  fill-opacity: 1;
}
.c-fav .is-fav path {
  fill: #000;
}
.c-fav:hover:not(.is-active) path {
  fill: currentColor;
  stroke: currentColor;
  fill-opacity: 0.8;
  stroke-opacity: 0.8;
}
.c-fav.is-active path {
  fill: currentColor;
  stroke: currentColor;
}
@media screen and (min-width: 1024px) {
  .c-fav::before, .c-fav::after {
    opacity: 0;
  }
  .c-fav.is-tip::before, .c-fav.is-tip::after {
    opacity: 0;
  }
  .c-fav.is-active.is-tip::before, .c-fav.is-active.is-tip::after {
    opacity: 1;
  }
  .c-fav::before {
    content: "";
  }
  .c-fav.is-active::before {
    content: "登録しました";
  }
  .c-fav.is-tip::before, .c-fav.is-tip::after {
    opacity: 1;
  }
  .c-fav::before, .c-fav::after {
    opacity: 0;
    transition: opacity 0.2s ease;
  }
  .c-fav.is-active::before {
    content: "登録しました";
  }
  .c-fav::before {
    content: "登録しました";
    position: absolute;
    height: 26px;
    bottom: 15px;
    right: 50%;
    display: block;
    transform: translate(50%, -100%);
    background: #808080;
    color: #ffffff;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 1.5;
    pointer-events: none;
    white-space: nowrap;
    z-index: 20;
    opacity: 0;
    transition: opacity 0.2s ease;
  }
  .c-fav::after {
    content: "";
    position: absolute;
    bottom: 27px;
    right: 50%;
    transform: translate(50%, -50%);
    border-style: solid;
    border-width: 10px 10px 0 10px;
    border-color: #808080 transparent transparent transparent;
    pointer-events: none;
    z-index: 20;
    opacity: 0;
    transition: opacity 0.2s ease;
  }
}

@keyframes favorite-bounce {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.2);
  }
  100% {
    transform: scale(1);
  }
}
.c-product-list {
  display: grid;
}
.p-list--list .c-product-list {
  grid-template-columns: 1fr;
}
@media screen and (max-width: 1023px) {
  .p-list--list .c-product-list {
    row-gap: 20px;
  }
}
@media screen and (min-width: 1024px) {
  .p-list--list .c-product-list {
    row-gap: 18px;
  }
}
.p-list--panel .c-product-list {
  list-style: none;
  padding: 0;
}
@media screen and (max-width: 1023px) {
  .p-list--panel .c-product-list {
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 19px;
    grid-row-gap: 32px;
  }
}
@media screen and (min-width: 1024px) {
  .p-list--panel .c-product-list {
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 22px;
    grid-row-gap: 40px;
  }
}

.c-product-list__item {
  position: relative;
}

.c-price-index {
  display: flex;
  align-items: center;
}

.c-price-index__label {
  color: #808080;
  white-space: nowrap;
}
@media screen and (min-width: 1024px) {
  .c-price-index__label {
    font-size: 0.75rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-price-index__label {
    font-size: 0.75rem;
    margin-right: 4px;
  }
}

.c-price-index__slider {
  position: relative;
  height: 4px;
}
@media screen and (max-width: 1023px) {
  .c-price-index__slider {
    margin: auto;
    width: 90%;
  }
}
@media screen and (min-width: 1024px) {
  .c-price-index__slider {
    margin: 0 12px 0 12px;
    width: 100%;
  }
}

.c-price-index__track {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  height: 1px;
  width: 100%;
  background-color: #808080;
}

.c-price-index__point {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 9px;
  height: 9px;
  background-color: #808080;
  border: 1px solid #ffffff;
  border-radius: 50%;
  transition: left 0.3s ease;
}

.c-price-index__scale {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-top: 4px;
}
.c-price-index__scale .c-price-index__scale-label {
  font-size: 0.625rem;
  color: #808080;
  text-align: center;
  position: absolute;
  transform: translateX(-50%);
}

.c-breadcrumb {
  display: flex;
  line-height: 1;
  position: relative;
  text-transform: uppercase;
  z-index: 1;
  padding: 13px 0;
  max-width: 1156px;
  margin: 0 auto;
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .c-breadcrumb {
    padding: 0;
    line-height: 34px;
  }
}
@media screen and (min-width: 1024px) {
  .p-page-detail .c-breadcrumb {
    margin: 0;
    padding: 0;
  }
}
@media screen and (min-width: 1024px) {
  .p-page-detail-discontinued .c-breadcrumb {
    padding-left: 35px;
  }
}

@media screen and (min-width: 1024px) {
  .c-breadcrumb__wrapper {
    position: absolute;
    top: 0;
    height: 34px;
  }
  .p-page-detail .c-breadcrumb__wrapper {
    position: static;
  }
  .p-page-detail-discontinued .c-breadcrumb__wrapper {
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    left: 0;
    transform: translateX(49.2vw);
  }
  .p-page-detail.minisample .c-breadcrumb__wrapper {
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    left: 0;
    transform: translateX(47.265vw);
  }
}
@media screen and (max-width: 1023px) {
  .c-breadcrumb__wrapper {
    border-top: 1px solid #D8D8D9;
    margin: 0 -20px;
    padding-left: 20px;
    height: 40px;
  }
}

.c-breadcrumb__list {
  align-items: center;
  display: flex;
}
.c-breadcrumb__list:not(:first-child) {
  margin-left: 8px;
}
.c-breadcrumb__list:not(:first-child)::before {
  content: "";
  display: block;
  width: 7px;
  height: 7px;
  margin-right: 6px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 7px;
  background-image: url(../img/common/breadcrum.svg);
}

.c-breadcrumb__title {
  font-size: 0.625rem;
  color: #D8D8D9;
  display: block;
}
@media screen and (max-width: 1023px) {
  .c-breadcrumb__title {
    font-size: 0.75rem;
  }
}

.c-breadcrumb__link {
  text-decoration: none;
}

@media screen and (max-width: 1023px) {
  .c-breadcrumb--pc-only {
    display: none;
  }
}

@media screen and (min-width: 1024px) {
  .c-breadcrumb--sp-only {
    display: none;
  }
}

.p-list--list .c-basis-weight-indicator {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
@media screen and (min-width: 1024px) {
  .p-list--panel .c-basis-weight-indicator {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }
}

.c-basis-weight-indicator__label {
  white-space: nowrap;
  margin-right: 4px;
  color: #808080;
}
@media screen and (min-width: 1024px) {
  .c-basis-weight-indicator__label {
    font-size: 0.75rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-basis-weight-indicator__label {
    font-size: 0.625rem;
    margin-right: 13px;
  }
}
@media screen and (max-width: 1023px) {
  .c-basis-weight-indicator__label .c-basis-weight-indicator__label__padding {
    display: inline-block;
    width: 15px;
  }
}

.c-basis-weight-indicator__wrapper {
  position: relative;
}
@media screen and (max-width: 1023px) {
  .c-basis-weight-indicator__wrapper {
    margin: auto;
    width: 100%;
  }
}
@media screen and (min-width: 1024px) {
  .c-basis-weight-indicator__wrapper {
    margin: 0 0 0 12px;
    width: 100%;
  }
}

.c-basis-weight-indicator__graph {
  position: relative;
  width: 100%;
  height: 11px;
  overflow: visible;
}

.c-basis-weight-indicator__line {
  position: absolute;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #DCDCDD;
}
.c-basis-weight-indicator__line:nth-child(1) {
  top: 0;
}
.c-basis-weight-indicator__line:nth-child(2) {
  top: 4px;
}
.c-basis-weight-indicator__line:nth-child(3) {
  top: 8px;
}

.c-basis-weight-indicator__dot {
  position: absolute;
  width: 9px;
  height: 9px;
  background-color: #808080;
  border: 1px solid #ffffff;
  border-radius: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.c-basis-weight-indicator__numbers {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  margin-top: 4px;
}

.c-basis-weight-indicator__number {
  position: absolute;
  font-size: 0.625rem;
  color: #808080;
  transform: translateX(-50%);
  line-height: 1;
  top: -1px;
}

@media screen and (min-width: 1024px) {
  .c-price {
    margin-top: 18px;
  }
}
.p-list--list .c-price {
  display: none;
}

.c-price__range {
  font-weight: 400;
}
.c-price__range > span {
  display: inline-block;
}

.c-price__range-separator {
  font-weight: 400;
  font-size: 1.125rem;
}

@media screen and (max-width: 1023px) {
  .c-price__num {
    font-size: 0.875rem;
  }
}
@media screen and (min-width: 1024px) {
  .c-price__num {
    font-size: 1.125rem;
  }
}

@media screen and (max-width: 1023px) {
  .c-price__cell {
    font-size: 0.625rem;
  }
}
@media screen and (min-width: 1024px) {
  .c-price__cell {
    font-size: 0.75rem;
  }
}

@media screen and (max-width: 1023px) {
  .c-price__symbol {
    font-size: 1rem;
  }
}
@media screen and (min-width: 1024px) {
  .c-price__symbol {
    font-size: 1.125rem;
  }
}

.c-price__tax {
  margin-left: 5px;
}
@media screen and (max-width: 1023px) {
  .c-price__tax {
    font-size: 0.625rem;
  }
}
@media screen and (min-width: 1024px) {
  .c-price__tax {
    font-size: 0.75rem;
  }
}

.c-color-list {
  display: flex;
  align-items: flex-start;
  gap: 4px;
}
@media screen and (min-width: 1024px) {
  .c-color-list {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }
}
@media screen and (max-width: 1023px) {
  .c-color-list {
    flex-direction: column;
  }
}

@media screen and (min-width: 1024px) {
  .c-color-list__content {
    min-width: 164px;
  }
}
@media screen and (max-width: 1023px) {
  .c-color-list__content {
    min-width: 136px;
  }
}

.c-color-list__label,
.c-color-list__total {
  color: #808080;
  white-space: nowrap;
}
@media screen and (min-width: 1024px) {
  .c-color-list__label,
  .c-color-list__total {
    font-size: 0.75rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-color-list__label,
  .c-color-list__total {
    font-size: 0.75rem;
  }
}

.c-color-list__circles {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
@media screen and (max-width: 1023px) {
  .c-color-list__circles {
    gap: 4px;
  }
}
.c-color-list__circles > label {
  width: 18px;
}
@media screen and (max-width: 1023px) {
  .c-color-list__circles > label {
    width: 16px;
  }
}
.c-color-list__circles > label > span {
  width: 18px;
  height: 18px;
}
@media screen and (max-width: 1023px) {
  .c-color-list__circles > label > span {
    width: 16px;
    height: 16px;
  }
}

.c-color-list__total,
.c-color-list__total--hidden {
  font-size: 0.625rem;
  text-align: right;
}
@media screen and (max-width: 1023px) {
  .c-color-list__total,
  .c-color-list__total--hidden {
    width: 100%;
  }
}

.c-color-list__total--hidden {
  visibility: hidden;
}

.c-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 40px;
}
@media screen and (min-width: 1024px) {
  .c-pagination {
    margin-top: 60px;
  }
}
@media screen and (max-width: 1023px) {
  .c-pagination {
    margin-bottom: 40px;
  }
}

.c-pagination__button {
  background: none;
  padding: 5px 10px;
  cursor: pointer;
  transition: opacity 0.3s ease-in-out;
  color: #ffffff;
}
.c-pagination__button:hover {
  opacity: 0.7;
}
.c-pagination__button.--prev::before, .c-pagination__button.--next::before {
  content: "";
  display: block;
  width: 13px;
  height: 11px;
  background-position: center center;
  background-repeat: no-repeat;
}

.c-pagination__list {
  display: flex;
  -moz-column-gap: 13px;
       column-gap: 13px;
  list-style: none;
  padding: 0;
  width: auto;
}

.c-pagination__item {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  flex: 0 0 auto;
}
@media screen and (max-width: 1023px) {
  .c-pagination__item {
    width: 32px;
    height: 32px;
  }
}

.c-pagination__item.--radius {
  border-radius: 50%;
  background-color: #D8D8D9;
}

.c-pagination__item.--radius.is-active {
  border-radius: 50%;
  background-color: #808080;
}

.c-pagination__item.--dots {
  width: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 1023px) {
  .c-pagination__item.--dots {
    width: 10px;
  }
}

.c-pagination__number {
  display: flex;
  justify-content: center;
  align-items: center;
  background: none;
  padding: 5px 0;
  border-radius: 100px;
  line-height: 1;
  width: 100%;
  aspect-ratio: 1/1;
  cursor: pointer;
  color: #ffffff;
  background-color: #D8D8D9;
  text-align: center;
  transition: opacity 0.3s ease-in-out;
}
.c-pagination__number:hover {
  opacity: 0.7;
}
.c-pagination__number.is-active {
  background-color: #808080;
  color: #ffffff;
}

.c-pagination__dots {
  width: 14px;
  height: 20px;
  text-align: center;
  margin-bottom: 10px;
}
@media screen and (max-width: 1023px) {
  .c-pagination__dots {
    font-size: 0.75rem;
  }
}
.c-pagination__dots > p {
  text-align: center;
}

.c-filter-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.c-filter-header__container-left,
.c-filter-header__container-right,
.c-filter-header__dropdowns {
  display: flex;
  flex-direction: row;
}
@media screen and (max-width: 1023px) {
  .c-filter-header__container-left .c-select,
  .c-filter-header__container-right .c-select,
  .c-filter-header__dropdowns .c-select {
    min-width: 100px;
  }
}
@media screen and (max-width: 1023px) {
  .c-filter-header__container-left .c-select__input,
  .c-filter-header__container-right .c-select__input,
  .c-filter-header__dropdowns .c-select__input {
    font-size: 0.75rem;
  }
}

@media screen and (min-width: 1024px) {
  .c-filter-header__container-left,
  .c-filter-header__container-right {
    justify-content: space-between;
  }
}
@media screen and (max-width: 1023px) {
  .c-filter-header__container-left,
  .c-filter-header__container-right {
    gap: 8px;
  }
}

@media screen and (min-width: 1024px) {
  .c-filter-header__container-right {
    width: 35%;
  }
}
@media screen and (max-width: 1120px) {
  .c-filter-header__container-right {
    width: 30%;
  }
}
@media screen and (max-width: 1057px) {
  .c-filter-header__container-right {
    width: 27%;
  }
}
@media screen and (max-width: 1023px) {
  .c-filter-header__container-right {
    width: auto;
  }
}
@media screen and (max-width: 1023px) {
  .c-filter-header__container-right .c-select {
    width: 110px;
  }
}

@media screen and (min-width: 1024px) {
  .c-filter-header .c-result-count {
    position: absolute;
    top: 60px;
    right: 0px;
  }
}

.c-filter-header__unit-toggle {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1023px) {
  .c-filter-header__unit-toggle span {
    font-size: 0.625rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-filter-header__unit-toggle > .c-toggle {
    margin: 0 4px;
  }
}

.c-filter-header__unit-label {
  cursor: pointer;
  transition: font-weight 0.3s ease-in-out;
  font-size: 0.875rem;
}
.c-filter-header__unit-label .is-active .c-custom-dropdown__selected {
  display: none;
}

@media screen and (min-width: 1024px) {
  .c-filter-header:has(.c-filter-header__unit-label.js-unit-toggle.is-active[data-unit=product]) .c-custom-dropdown-popular {
    right: 30px;
  }
}
@media screen and (max-width: 1023px) {
  .c-filter-header__dropdowns {
    justify-content: space-between;
  }
}
@media screen and (min-width: 1024px) {
  .c-filter-header__dropdowns {
    display: flex;
    gap: 20px;
    position: absolute;
    top: 0px;
    left: 200px;
  }
}

.c-filter-header__view-options {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1023px) {
  .c-filter-header__view-options .c-view-toggle__button {
    width: 20px;
    height: 20px;
    padding: 0 !important;
  }
}

/* 以前の .is-hidden を置き換え */
.c-custom-dropdown-product.is-hidden {
  visibility: hidden;
  /* スペースは確保したまま非表示 */
}

/* フォーカスや操作を完全に無効化（保険） */
.c-custom-dropdown-product.is-hidden * {
  pointer-events: none;
}

.c-custom-dropdown-product {
  transition: opacity 0.2s ease;
}

.c-custom-dropdown-product.is-hidden {
  opacity: 0;
  visibility: hidden;
}
@media screen and (min-width: 1024px) {
  .c-custom-dropdown-product.is-hidden {
    display: none;
  }
}

.c-filter-checkbox__item {
  display: flex;
  align-items: center;
  margin-top: 16px;
}
.c-filter-checkbox__item:first-child {
  margin-top: 0;
}

.c-filter-checkbox__input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.c-filter-checkbox__input:checked + .c-filter-checkbox__label .c-filter-checkbox__custom-checkbox {
  background-color: transparent;
  border-color: #000000;
}
.c-filter-checkbox__input:checked + .c-filter-checkbox__label .c-filter-checkbox__custom-checkbox svg {
  opacity: 1;
}

.c-filter-checkbox__label {
  display: flex;
  align-items: center;
  cursor: pointer;
  font-size: 1rem;
  line-height: 1.4;
  transition: opacity 0.3s ease-in-out;
  width: 100%;
}
@media screen and (max-width: 1023px) {
  .c-filter-checkbox__label {
    font-size: 0.875rem;
  }
}

.c-filter-checkbox__custom-checkbox {
  min-width: 24px;
  width: 24px;
  height: 24px;
  border: 1px solid #000000;
  border-radius: 2px;
  margin-right: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 1023px) {
  .c-filter-checkbox__custom-checkbox {
    min-width: 20px;
    width: 20px;
    height: 20px;
    margin-right: 4px;
  }
}
.c-filter-checkbox__custom-checkbox svg {
  width: 16px;
  height: 10.371px;
  opacity: 0;
  transition: opacity 0.2s ease;
}

.c-filter-checkbox__label:hover {
  opacity: 0.7;
}

.c-sort {
  display: flex;
  align-items: center;
  margin-left: auto;
  position: relative;
}

.c-sort__icon {
  position: absolute;
  right: 100%;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  margin-right: 6px;
}

.c-sort__icon-image {
  width: 17px;
  height: 16px;
  vertical-align: middle;
}

.c-sort__button {
  display: flex;
  align-items: center;
  background: none;
  border: none;
  cursor: pointer;
}

.c-sort__label {
  font-size: 0.875rem;
}

.c-toggle {
  position: relative;
  width: 44px;
  height: 24px;
  margin: 0 8px;
}
@media screen and (max-width: 1023px) {
  .c-toggle {
    width: 36px;
    height: 20px;
  }
}

.c-toggle__input {
  opacity: 0;
  width: 0;
  height: 0;
}
.c-toggle__input:checked + .c-toggle__label:before {
  transform: translateX(20px);
}
@media screen and (max-width: 1023px) {
  .c-toggle__input:checked + .c-toggle__label:before {
    transform: translateX(16px);
  }
}

.c-toggle__label {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ffffff;
  transition: 0.3s ease-in-out;
  border: 0.5px solid #000000;
  border-radius: 34px;
}
.c-toggle__label:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 1.5px;
  bottom: 1.3px;
  background-color: #808080;
  transition: 0.4s;
  border-radius: 50%;
}
@media screen and (max-width: 1023px) {
  .c-toggle__label:before {
    height: 16px;
    width: 16px;
    left: 1px;
    bottom: 1px;
  }
}

.c-accordion__content {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: max-height 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.c-accordion__content.is-open {
  max-height: 1000px;
  opacity: 1;
  overflow: visible;
}

.c-accordion__icon {
  display: block;
  cursor: pointer;
  width: 13px;
  height: 7px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 13px;
  background-image: url(../img/filter/arrow_dropdown.svg);
  transition: transform 0.3s ease;
}

.c-accordion__btn {
  cursor: pointer;
}
.c-accordion__btn.is-active .c-accordion__icon {
  transform: rotate(-180deg);
}
.c-accordion__btn.is-active + .c-accordion__content {
  max-height: 1000px;
  opacity: 1;
  overflow: visible;
}

.c-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  box-orient: vertical;
  -webkit-box-orient: vertical;
}
.c-truncate.--1line {
  -webkit-line-clamp: 1;
  line-clamp: 1;
  white-space: nowrap;
}
.c-truncate.--2line {
  -webkit-line-clamp: 2;
  line-clamp: 2;
}
.c-truncate.--3line {
  -webkit-line-clamp: 3;
  line-clamp: 3;
}
.c-truncate.--4line {
  -webkit-line-clamp: 4;
  line-clamp: 4;
}

.c-slick.slick-dotted.slick-slider {
  margin-bottom: 0;
  margin-top: 0;
  overflow: hidden;
}
.c-slick-dots.slick-dots {
  bottom: -55px;
  display: flex;
  justify-content: center;
}
.c-slick-dots.slick-dots li {
  margin: 0;
  transition: all 0.3s ease;
  width: 11px;
  height: 11px;
}
.c-slick-dots.slick-dots li button {
  width: 11px;
  height: 11px;
}
.c-slick-dots.slick-dots li button::before {
  font-size: 0.375rem;
  color: #000000;
  opacity: 0.25;
  transition: all 0.3s ease;
  width: 11px;
  height: 11px;
  line-height: 11px;
}
.c-slick-dots.slick-dots li.slick-active button::before {
  opacity: 1;
}
.c-slick .slick-arrow {
  position: static;
  display: inline-block;
  transform: none;
}
.c-slick .slick-arrow::before {
  content: none;
}
.c-slick .c-slick-prev,
.c-slick .c-slick-next {
  position: relative;
  opacity: 1;
  transition: opacity 0.3s ease-in-out;
}
.c-slick .c-slick-prev:hover,
.c-slick .c-slick-next:hover {
  opacity: 0.7;
}
.c-slick .c-slick-prev::before {
  top: 11px;
  transform: translateX(-50%) rotate(-45deg);
}
.c-slick .c-slick-prev::after {
  top: 17px;
  transform: translateX(-50%) rotate(45deg);
}
.c-slick .c-slick-next::before {
  top: 11px;
  transform: translateX(-50%) rotate(45deg);
}
.c-slick .c-slick-next::after {
  top: 17px;
  transform: translateX(-50%) rotate(-45deg);
}

.c-title {
  display: flex;
  -moz-column-gap: 45px;
       column-gap: 45px;
  align-items: center;
}

.c-title__ttl {
  font-size: 4.375rem;
  line-height: 0.75;
  letter-spacing: 0.7px;
  font-weight: 500;
  margin-top: 0;
}

.c-title__sub {
  margin-top: 40px;
}

.c-title__form {
  margin: 0 auto;
}
.c-title__form-sub {
  margin: 0 auto;
}

.c-title__form-sub-item {
  margin-top: 18px;
}

.c-title--pd60 {
  padding-top: 80px;
}
@media screen and (max-width: 1023px) {
  .c-title--pd60 {
    padding-top: 40px;
  }
}

.c-title--pd70 {
  padding-top: 70px;
}
@media screen and (max-width: 1023px) {
  .c-title--pd70 {
    padding-top: 50px;
  }
}

.c-title--pd80 {
  padding-top: 80px;
}
@media screen and (max-width: 1023px) {
  .c-title--pd80 {
    padding-top: 40px;
  }
}

.c-title--pd120 {
  padding-top: 120px;
}
@media screen and (max-width: 1023px) {
  .c-title--pd120 {
    padding-top: 100px;
  }
}

.c-view-toggle {
  display: flex;
}

.c-view-toggle__button {
  width: 30px;
  height: 30px;
  background: none;
  border: none;
  cursor: pointer;
  transition: opacity 0.3s ease-in-out;
}
.c-view-toggle__button:hover {
  opacity: 0.7;
}
.c-view-toggle__button[data-view=panel] {
  display: none;
}
.p-list--list .c-view-toggle__button[data-view=panel] {
  display: block;
}
.c-view-toggle__button[data-view=list] {
  display: none;
}
.p-list--panel .c-view-toggle__button[data-view=list] {
  display: block;
}
.c-view-toggle__button .c-view-toggle--grid:before {
  content: "□";
}
.c-view-toggle__button .c-view-toggle--list:before {
  content: "≡";
}

.c-select {
  position: relative;
  display: inline-block;
  width: 160px;
}
.c-select::after {
  content: "";
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
  width: 13px;
  height: 7px;
  background-image: url(../img/common/icon_select_arrow.svg);
  background-repeat: no-repeat;
  pointer-events: none;
}
.c-select.js-handling-select {
  width: 130px;
}
.c-select.c-filter-header__sort {
  width: 120px;
}
@media screen and (max-width: 1023px) {
  .c-select.c-filter-header__sort {
    width: 103px;
  }
}
.c-select__input {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 100%;
  padding: 4px 32px 4px 5px;
  font-size: 0.875rem;
  line-height: 1.5;
  border: none;
  border-bottom: 0.5px solid #000000;
  border-radius: 0;
  background-color: #ffffff;
  cursor: pointer;
}
.c-select__input:focus {
  outline: none;
  border-bottom-color: #000000;
}
.c-select__input::-ms-expand {
  display: none;
}
.c-select__icon {
  display: block;
}
.c-sort .c-select {
  min-width: auto;
  display: flex;
  align-items: center;
}
.c-sort .c-select::after {
  display: none;
}
.c-sort .c-select .c-select__input {
  border-bottom: none;
  padding: 8px 12px 8px 10px;
}

@keyframes c-product-card-image-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.c-product-card {
  position: relative;
}
.p-list--panel .c-product-card {
  width: 100%;
  margin: 0;
}
@media screen and (min-width: 1024px) {
  .p-list--panel .c-product-card {
    width: 260px;
  }
}

.c-product-card__link {
  text-decoration: none;
}
.p-list--list .c-product-card__link {
  width: 100%;
  display: flex;
  gap: 16px;
}
@media screen and (min-width: 1024px) {
  .p-list--list .c-product-card__link {
    max-width: 824px;
    margin: 0 auto;
  }
}

.c-product-card__fav {
  position: absolute;
  top: 0;
  right: 0;
}

.c-product-card__image-wrapper {
  position: relative;
  width: 100%;
  overflow: hidden;
}
@media screen and (max-width: 1023px) {
  .c-product-card__image-wrapper {
    margin-bottom: 12px !important;
  }
}
.p-list--panel .c-product-card__image-wrapper {
  padding-top: 100%;
  margin-bottom: 12px;
}
.p-list--list .c-product-card__image-wrapper {
  flex-shrink: 0;
}
@media screen and (max-width: 1023px) {
  .p-list--list .c-product-card__image-wrapper {
    width: 27%;
    aspect-ratio: 1/1;
    height: auto;
  }
}
@media screen and (min-width: 1024px) {
  .p-list--list .c-product-card__image-wrapper {
    width: 280px;
    height: 62px;
  }
}

.c-product-card__image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  animation: c-product-card-image-fade-in 0.3s ease-out forwards;
}
@media screen and (min-width: 1024px) {
  .c-product-card__image {
    height: 100%;
  }
}

.c-product-card.--image-back .c-product-card__image {
  object-position: center 80%;
}

.c-product-card__unavailable {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 7em;
  height: 2em;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #808080;
  color: #ffffff;
  font-size: 0.875rem;
}

.p-list--list .c-product-card__content {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  width: 520px;
  height: 62px;
}

.c-product-card__title {
  font-size: 1.125rem;
  font-weight: 500;
  margin-bottom: 6px;
  line-height: 1;
  margin-top: 0;
}
@media screen and (max-width: 1023px) {
  .c-product-card__title {
    font-size: 0.875rem;
    font-weight: 400;
    margin-bottom: 12px;
  }
}
.p-list--list .c-product-card__title {
  padding-bottom: 8px;
  border-bottom: 1px solid #000000;
  margin-top: 0;
}

.c-product-card__info {
  display: flex;
  gap: 1em;
  align-items: center;
  margin-bottom: 12px;
  font-size: 0.875rem;
}

.c-product-card__box--list-brand {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
}
@media screen and (min-width: 1024px) {
  .c-product-card__box--list-brand {
    height: 26px;
    margin-top: 4px;
  }
}
@media screen and (max-width: 1023px) {
  .c-product-card__box--list-brand {
    flex-wrap: wrap;
    position: relative;
  }
}
@media screen and (max-width: 1023px) {
  .c-product-card__box--list-brand > .c-product-card__info {
    position: absolute;
    left: 0;
    bottom: 0;
    margin-bottom: 0px;
    font-size: 0.625rem;
  }
}
@media screen and (min-width: 1024px) {
  .c-product-card__box--list-brand > .c-product-card__info {
    flex-direction: column;
    gap: 0;
    align-items: flex-start;
    width: 10%;
    margin-bottom: 0px;
    padding-top: 3px;
    line-height: 0.75rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-product-card__box--list-brand > .c-product-card__indicators {
    width: 100%;
  }
}
@media screen and (min-width: 1024px) {
  .c-product-card__box--list-brand > .c-product-card__indicators {
    width: 50%;
    padding-top: 3px;
  }
}
@media screen and (min-width: 1024px) {
  .c-product-card__box--list-brand > .c-product-card__indicators > .c-product-card__basis-weight .c-basis-weight-indicator__label {
    padding-top: 3px;
    line-height: 0.75rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-product-card__box--list-brand > .c-product-card__indicators > .c-product-card__basis-weight, .c-product-card__box--list-brand > .c-product-card__indicators > .c-product-card__price-index {
    margin-bottom: 8px;
  }
}
@media screen and (max-width: 1023px) {
  .c-product-card__box--list-brand > .c-product-card__indicators .c-product-card__color-list {
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 6px;
  }
}
.c-product-card__box--list-brand > .c-price {
  display: flex;
  justify-content: flex-end;
  margin-top: 12px;
}
@media screen and (max-width: 1023px) {
  .c-product-card__box--list-brand > .c-price {
    width: 100%;
  }
}
@media screen and (min-width: 1024px) {
  .c-product-card__box--list-brand > .c-price {
    width: 37%;
    margin-top: 5px;
  }
}
@media screen and (max-width: 1023px) {
  .c-product-card__box--list-brand > .c-price > .c-price__range > .c-price__num {
    line-height: 0.875rem;
    vertical-align: bottom;
  }
  .c-product-card__box--list-brand > .c-price > .c-price__range > .c-price__cell {
    line-height: 0.625rem;
    vertical-align: bottom;
  }
  .c-product-card__box--list-brand > .c-price > .c-price__range > .c-price__symbol {
    line-height: 1rem;
    vertical-align: bottom;
  }
}

.c-product-card__box--list-product {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 1023px) {
  .c-product-card__box--list-product {
    flex-wrap: wrap;
    position: relative;
    gap: 8px;
  }
}
@media screen and (max-width: 1023px) {
  .c-product-card__box--list-product > .c-product-card__info {
    position: absolute;
    left: 0;
    bottom: 0;
    margin-bottom: 0px;
    flex-direction: column;
    gap: 0;
    align-items: flex-start;
    font-size: 0.625rem;
  }
}
@media screen and (min-width: 1024px) {
  .c-product-card__box--list-product > .c-product-card__info {
    flex-direction: column;
    gap: 0;
    align-items: flex-start;
    margin-bottom: 0px;
  }
}
@media screen and (max-width: 1023px) {
  .c-product-card__box--list-product > .c-product-card__indicators {
    width: 100%;
  }
}
@media screen and (min-width: 1024px) {
  .c-product-card__box--list-product > .c-product-card__indicators {
    width: 50%;
    padding-top: 7px;
  }
}
@media screen and (max-width: 1023px) {
  .c-product-card__box--list-product > .c-product-card__indicators > .c-product-card__basis-weight, .c-product-card__box--list-product > .c-product-card__indicators > .c-product-card__price-index {
    margin-bottom: 8px;
  }
}
@media screen and (max-width: 1023px) {
  .c-product-card__box--list-product > .c-product-card__indicators .c-product-card__color-list {
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 6px;
  }
}
.c-product-card__box--list-product > .c-price {
  display: flex;
  justify-content: flex-end;
  margin-top: 0px;
}
@media screen and (max-width: 1023px) {
  .c-product-card__box--list-product > .c-price {
    width: 100%;
    padding-top: 8px;
  }
}
@media screen and (min-width: 1024px) {
  .c-product-card__box--list-product > .c-price {
    width: 20%;
    padding-top: 7px;
  }
}

.c-product-card__box--panel-brand {
  display: flex;
  flex-direction: column;
}
.c-product-card__box--panel-brand > .c-product-card__info {
  flex-direction: column;
  gap: 0.5em;
  align-items: flex-start;
}
.c-product-card__box--panel-brand > .c-product-card__indicators {
  width: 100%;
  margin-bottom: 12px;
}
@media screen and (max-width: 1023px) {
  .c-product-card__box--panel-brand > .c-product-card__indicators > .c-product-card__basis-weight {
    margin-bottom: 18px;
  }
}
@media screen and (max-width: 1023px) {
  .c-product-card__box--panel-brand > .c-product-card__indicators > .c-product-card__price-index {
    margin-bottom: 21px;
  }
}
@media screen and (max-width: 1023px) {
  .c-product-card__box--panel-brand > .c-product-card__indicators > .c-basis-weight-indicator, .c-product-card__box--panel-brand > .c-product-card__indicators > .c-price-index {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
}

.c-product-card__box--panel-product {
  display: flex;
  flex-direction: column;
}
.c-product-card__box--panel-product > .c-product-card__info {
  flex-direction: column;
  gap: 0;
  align-items: flex-start;
}
.c-product-card__box--panel-product > .c-product-card__indicators {
  width: 100%;
}
@media screen and (max-width: 1023px) {
  .c-product-card__box--panel-product > .c-product-card__indicators > .c-product-card__basis-weight {
    margin-bottom: 18px;
  }
}
@media screen and (max-width: 1023px) {
  .c-product-card__box--panel-product > .c-product-card__indicators > .c-product-card__price-index {
    margin-bottom: 21px;
  }
}
@media screen and (max-width: 1023px) {
  .c-product-card__box--panel-product > .c-product-card__indicators > .c-basis-weight-indicator, .c-product-card__box--panel-product > .c-product-card__indicators > .c-price-index {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
  }
}

.c-product-card__color-name,
.c-product-card__size {
  margin: 0;
  color: #808080;
  font-size: 0.75rem;
  line-height: 1.5;
}
@media screen and (max-width: 1023px) {
  .c-product-card__color-name,
  .c-product-card__size {
    font-size: 0.625rem;
  }
}

.c-product-card__description {
  margin-bottom: 12px;
  font-weight: 400;
  color: #808080;
  font-size: 0.875rem;
  line-height: 18px;
  height: 36px;
}
@media screen and (max-width: 1023px) {
  .c-product-card__description {
    height: 54px;
    font-size: 0.75rem;
    line-height: 150%;
  }
}
.p-list--list .c-product-card__description {
  display: none;
}

.c-product-card__price {
  font-size: 0.875rem;
  color: #000000;
}

.p-list--panel .c-product-card__basis-weight {
  display: flex;
  align-items: center;
}

@media screen and (min-width: 1024px) {
  .c-product-card .c-product-card__link:hover .c-product-card__image {
    transform: scale(1.05);
    transition: transform 0.3s ease;
  }
  .c-product-card .c-product-card__link:hover .c-product-card__title {
    opacity: 0.6;
    transition: opacity 0.3s ease;
  }
  .c-product-card .c-product-card__image {
    transition: transform 0.3s ease;
  }
  .c-product-card .c-product-card__title {
    transition: opacity 0.3s ease;
    text-wrap: auto;
  }
}
.c-product-card.--image-top .c-product-card__image {
  object-position: center 40%;
}
.c-product-card.--image-bottom .c-product-card__image {
  object-position: center 60%;
}

@media (prefers-reduced-motion: reduce) {
  .c-product-card__image {
    animation: none;
    opacity: 1;
  }
}
.c-filter-status {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}
@media screen and (min-width: 1024px) {
  .c-filter-status {
    margin-top: 28px;
    width: calc(100% - 60px);
  }
}
@media screen and (max-width: 1023px) {
  .c-filter-status {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    overflow-x: auto;
    -ms-overflow-style: none; /* IE/旧Edge */
    scrollbar-width: none; /* Firefox */
    -webkit-overflow-scrolling: touch; /* iOSの慣性スクロール */
  }
}

.c-result-count {
  display: flex;
  align-items: baseline;
  gap: 4px;
  margin-left: auto;
}
@media screen and (max-width: 1023px) {
  .c-result-count {
    gap: 0px;
  }
}
.c-result-count__number {
  font-size: 1rem;
}
.c-result-count__label {
  font-size: 1rem;
}

.c-search-no-result__text {
  font-size: 1rem;
}
@media screen and (max-width: 1023px) {
  .c-search-no-result__text {
    margin-top: 16px;
  }
}

.c-search-no-result__output {
  justify-content: flex-start;
  gap: 0;
}
@media screen and (max-width: 1023px) {
  .c-search-no-result__output {
    margin-top: 24px;
  }
}

.c-search-no-result__help {
  text-decoration: underline;
  text-underline-offset: 3px;
  cursor: pointer;
  font-size: 0.875rem;
}

.c-input-form {
  border: 1px solid #000000;
  margin-top: 45px;
  /* チェックボックスラベルのデザイン */
  /* チェックボックスのフォーカス時のスタイル */
  /* チェックボックスが選択されたときのスタイル */
}
@media screen and (max-width: 1023px) {
  .c-input-form {
    margin: 0;
    margin-top: 35px;
  }
}
.c-input-form__header {
  text-align: center;
  margin: 0px 29px;
}
.c-input-form__header .c-title__form-sub {
  margin-top: 18px;
}
@media screen and (max-width: 1023px) {
  .c-input-form__header .c-title__form-sub {
    font-size: 1rem;
    font-weight: 400;
    margin-top: 30px;
  }
}
.c-input-form__container {
  color: #808080;
  padding: 69px 98px;
}
@media screen and (max-width: 1023px) {
  .c-input-form__container {
    padding: 33px 20px;
  }
}
.c-input-form__group {
  display: flex;
}
.c-input-form__group--birthday {
  align-items: baseline;
}
@media screen and (max-width: 1023px) {
  .c-input-form__radio-mailmag {
    flex-direction: column;
  }
}
.c-input-form__option {
  margin-top: 12px;
}
@media screen and (max-width: 1023px) {
  .c-input-form__option {
    flex-direction: column;
  }
}
.c-input-form__option--later {
  margin-left: 40px;
}
@media screen and (max-width: 1023px) {
  .c-input-form__option--later {
    margin-left: 30px;
  }
}
.c-input-form__option label {
  margin-left: 8px;
  font-size: 1rem;
  position: relative;
  bottom: 6px;
}
@media screen and (max-width: 1023px) {
  .c-input-form__option label {
    margin-left: 9px;
    bottom: 6px;
  }
}
@media screen and (max-width: 1023px) {
  .c-input-form__option label[for=delivery] {
    bottom: 0px;
  }
}
@media screen and (max-width: 1023px) {
  .c-input-form__option label[for=shop-accept] {
    bottom: 0px;
  }
}
.c-input-form__info {
  margin-top: 25px;
}
@media screen and (max-width: 1023px) {
  .c-input-form__info {
    margin-top: 36px;
  }
}
.c-input-form__item {
  display: flex;
  flex-direction: column;
  margin-top: 30px;
}
@media screen and (max-width: 1023px) {
  .c-input-form__item {
    margin-top: 40px;
  }
}
.c-input-form__item-label {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
  font-size: 0.875rem;
  font-weight: 700;
  pointer-events: none;
  height: 22px;
  /* 奇数になっているとセンター合わせで1pxずれるため、偶数にしておく */
}
@media screen and (max-width: 1023px) {
  .c-input-form__item-label {
    margin-bottom: 5px;
  }
}
@media screen and (max-width: 1023px) {
  .c-input-form__item-label-sub {
    font-size: 0.75rem;
  }
}
.c-input-form__item-label--category {
  margin-bottom: 8px;
  flex-direction: column;
  align-items: flex-start;
  height: auto;
}
@media screen and (min-width: 1024px) {
  .c-input-form__item-label--category {
    flex-direction: row;
    align-items: center;
    gap: 10px;
  }
}
@media screen and (max-width: 1023px) {
  .c-input-form__item-label--category {
    margin-bottom: 16px;
    /* フォントがあたっていないと確認できない */
  }
}
@media screen and (max-width: 1023px) {
  .c-input-form__item-label--category .c-input-form__item-label-sub-text {
    font-size: 0.75rem;
  }
}
.c-input-form__item--address {
  max-width: 662px;
}
.c-input-form__item--category {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.c-input-form__item-label-sub {
  font-size: 0.75rem;
  margin-bottom: 8px;
  color: rgba(0, 0, 0, 0.4);
}
.c-input-form__item-label-main {
  display: flex;
  align-items: center;
  gap: 0px;
}
.c-input-form__group input[type=radio] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 24px;
  height: 24px;
  border: 1px solid #000000;
  border-radius: 50%;
  outline: none;
  position: relative;
}
@media screen and (max-width: 1023px) {
  .c-input-form__group input[type=radio] {
    width: 20px;
    height: 20px;
  }
}
.c-input-form__group input[type=radio]:focus {
  outline: 2px solid #808080;
  outline-offset: 0px;
}
.c-input-form__group input[type=radio]:checked {
  background-color: #ffffff;
  border-color: #000000;
}
.c-input-form__group input[type=radio]:checked::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background-color: #000000;
}
@media screen and (max-width: 1023px) {
  .c-input-form__group input[type=radio]:checked::before {
    width: 10px;
    height: 10px;
  }
}
.c-input-form__group input[type=radio]:disabled {
  background-color: #D8D8D9;
  border-color: #D8D8D9;
}
.c-input-form__group input[type=radio]:disabled + label {
  color: #D8D8D9;
  cursor: not-allowed;
}
.c-input-form__group input[type=radio] + label {
  color: #000000;
  opacity: 25%;
}
.c-input-form__group input[type=radio]:checked + label {
  color: #000000;
  opacity: 100%;
}
.c-input-form__text-input {
  max-width: 300px;
  width: 100%;
  padding-top: 14px;
  padding-left: 16px;
  padding-bottom: 9px;
  border: 1px solid #B4B5B6;
  font-size: 1rem;
}
.c-input-form__text-input::-moz-placeholder {
  color: rgba(0, 0, 0, 0.25);
}
.c-input-form__text-input::placeholder {
  color: rgba(0, 0, 0, 0.25);
}
.c-input-form__text-input::-webkit-calendar-picker-indicator {
  display: none;
}
.c-input-form__text-input:focus {
  outline: 2px solid #000000;
  outline-offset: -1px;
}
@media screen and (max-width: 1023px) {
  .c-input-form__text-input {
    padding: 8px;
    font-size: 1rem;
  }
}
.c-input-form__textarea {
  width: 100%;
  border-radius: 0;
  height: 236px;
  padding: 14px 16px;
  border: 1px solid #808080;
  font-size: 1rem;
}
.c-input-form__textarea::-moz-placeholder {
  color: rgba(0, 0, 0, 0.25);
}
.c-input-form__textarea::placeholder {
  color: rgba(0, 0, 0, 0.25);
}
.c-input-form__textarea:focus {
  outline: 2px solid #000000;
  outline-offset: -1px;
}
.c-input-form__text-input[type=date] {
  color: rgba(0, 0, 0, 0.25);
  max-width: 300px;
  width: 100%;
  font-size: 1rem;
}
.c-input-form__text-input[type=date]::-moz-placeholder {
  color: rgba(0, 0, 0, 0.25);
}
.c-input-form__text-input[type=date]::placeholder {
  color: rgba(0, 0, 0, 0.25);
}
.c-input-form__text-input[type=date]::-webkit-calendar-picker-indicator {
  display: none;
}
.c-input-form__text-input[type=date]:focus {
  outline: 2px solid #000000;
  outline-offset: -1px;
}
.c-input-form__text-input--large {
  max-width: 612px;
  width: 100%;
}
.c-input-form__text-input--hide {
  margin-top: 12px;
  max-width: 612px;
  width: 100%;
}
.c-input-form__text-input--later {
  margin-left: 12px;
}
@media screen and (max-width: 1023px) {
  .c-input-form__text-input--later {
    margin-left: 8px;
  }
}
.c-input-form__birthday-label {
  display: block;
  margin-bottom: 8px;
  font-weight: bold;
  font-size: 15px;
  color: #333;
}
.c-input-form__birthday-group {
  display: flex;
  align-items: center;
  gap: 8px;
}
.c-input-form__birthday-select-first {
  width: 120px !important;
}
.c-input-form__birthday-select {
  min-width: 60px;
  width: 80px !important;
}
.c-input-form__birthday-select:focus {
  outline: 2px solid #000000;
  outline-offset: -1px;
}
.c-input-form__birthday-slash {
  font-size: 14px;
  color: #666;
  margin: 0 4px;
  align-self: center;
}
.c-input-form__text-input-phone {
  max-width: 300px;
  width: 100%;
  border: 1px solid #808080;
  font-size: 1rem;
}
.c-input-form__text-input-phone:focus {
  outline: 2px solid #000000;
  outline-offset: -1px;
}
@media screen and (max-width: 1023px) {
  .c-input-form__text-input-phone {
    max-width: 315px;
    font-size: 1rem;
    border-radius: 0;
  }
}
@media screen and (max-width: 1023px) {
  .c-input-form__group-mailmag {
    display: flex;
    flex-direction: column;
  }
}
.c-input-form__group-mailmag-change {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1024px) {
  .c-input-form__group-mailmag-change {
    gap: 6px;
  }
}
@media screen and (max-width: 1023px) {
  .c-input-form__group-mailmag-change {
    margin-top: 12px;
    margin-top: 0px;
    gap: 10px;
  }
}
.c-input-form__koubai, .c-input-form__haishinteishi {
  color: #000000;
}
.c-input-form__koubai a, .c-input-form__haishinteishi a {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.c-input-form__koubai img, .c-input-form__haishinteishi img {
  display: inline-block;
  vertical-align: middle;
  padding-top: 4px;
  padding-left: 4px;
}
.c-input-form__koubai {
  padding-top: 10px;
}
@media screen and (max-width: 1023px) {
  .c-input-form__koubai {
    padding-top: 6px;
  }
}
.c-input-form__address {
  display: flex;
  margin-bottom: 12px;
}
.c-input-form__address:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 1023px) {
  .c-input-form__address {
    flex-wrap: wrap;
    flex-direction: column;
    margin-bottom: 13px;
  }
}
.c-input-form__address-postalcode {
  display: flex;
  margin-bottom: 12px;
}
.c-input-form__address-postalcode:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 1023px) {
  .c-input-form__address-postalcode {
    flex-wrap: wrap;
    margin-top: 7px;
    margin-bottom: 13px;
  }
}
@media screen and (max-width: 1023px) {
  .c-input-form__address--postal {
    display: flex;
    flex-direction: row;
  }
}
.c-input-form__address-label {
  pointer-events: none;
  position: relative;
  top: 14px;
  font-size: 1rem;
  width: 148px;
}
@media screen and (max-width: 1023px) {
  .c-input-form__address-label {
    top: 0px;
    font-size: 0.875rem;
    margin-bottom: 5px;
  }
}
.c-input-form__address-label--first {
  width: 15px;
  font-size: 1rem;
}
@media screen and (max-width: 1023px) {
  .c-input-form__address-label--first {
    top: 10px;
    font-size: 17px;
  }
}
.c-input-form__postalcode {
  width: 200px;
  margin-left: 12px;
  border: 1px solid #808080;
  font-size: 1rem;
}
.c-input-form__postalcode:focus {
  outline: 2px solid #000000;
  outline-offset: -1px;
}
@media screen and (max-width: 1023px) {
  .c-input-form__postalcode {
    width: 148px;
    margin-left: 8px;
    font-size: 1rem;
    border-radius: 0;
  }
}
.c-input-form__text-input-address {
  max-width: 512px;
  width: 100%;
  border: 1px solid #B4B5B6;
  font-size: 1rem;
}
.c-input-form__text-input-address:focus {
  outline: 2px solid #000000;
  outline-offset: -1px;
}
@media screen and (max-width: 1023px) {
  .c-input-form__text-input-address {
    max-width: 615px;
    font-size: 1rem;
  }
}
.c-input-form__text-input-mail {
  max-width: 612px;
  width: 100%;
  border: 1px solid #B4B5B6;
  font-size: 1rem;
}
.c-input-form__text-input-mail:focus {
  outline: 2px solid #000000;
  outline-offset: -1px;
}
@media screen and (max-width: 1023px) {
  .c-input-form__text-input-mail {
    font-size: 1rem;
  }
}
.c-input-form__text-input[type=password], .c-input-form__text-input[type=text][data-password-field] {
  max-width: 300px;
  width: 100%;
  padding: 14px 40px 9px 16px;
  border: 1px solid #808080;
  font-size: 1rem;
  background-image: url("/assets/img/common/icon-eye.svg");
  background-repeat: no-repeat;
  background-position: right 14px center;
  background-size: 16px 16px;
  cursor: pointer;
}
.c-input-form__text-input[type=password]:focus, .c-input-form__text-input[type=text][data-password-field]:focus {
  outline: 2px solid #000000;
  outline-offset: -1px;
}
@media screen and (max-width: 1023px) {
  .c-input-form__text-input[type=password], .c-input-form__text-input[type=text][data-password-field] {
    padding: 8px 40px 8px 8px;
    font-size: 1rem;
  }
}
.c-input-form__text-input[type=text][data-password-field] {
  background-image: url("/assets/img/common/icon-eye-off.svg");
}
.c-input-form__radio-group--later {
  margin-left: 33px;
}
@media screen and (max-width: 1023px) {
  .c-input-form__radio-group--later {
    margin-left: 0px;
  }
}
.c-input-form__radio-group label {
  margin-left: 12px;
  font-size: 0.875rem;
  position: relative;
  bottom: 6px;
}
.c-input-form__select-wrapper {
  position: relative;
  display: inline-block;
  max-width: 300px;
  width: 100%;
}
.c-input-form__select-wrapper::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 16px;
  width: 12px;
  height: 12px;
  border-right: 2px solid #999;
  border-bottom: 2px solid #999;
  transform: translateY(-50%) rotate(45deg);
  pointer-events: none;
}
@media screen and (max-width: 1023px) {
  .c-input-form__select-wrapper::after {
    right: 12px;
    height: 12px;
  }
}
.c-input-form__select {
  width: 100%;
  padding: 12px;
  border: 1px solid #B4B5B6;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 0;
  cursor: pointer;
  font-size: 1rem;
}
.c-input-form__select::-moz-placeholder {
  color: rgba(0, 0, 0, 0.25);
}
.c-input-form__select::placeholder {
  color: rgba(0, 0, 0, 0.25);
}
.c-input-form__select:focus {
  outline: 2px solid #000000;
  outline-offset: -1px;
}
@media screen and (max-width: 1023px) {
  .c-input-form__select {
    padding: 10px;
    font-size: 1rem;
  }
}
.c-input-form__select--prefectures {
  max-width: 300px;
  width: 100%;
}
@media screen and (max-width: 1023px) {
  .c-input-form__select--prefectures {
    max-width: 200px;
  }
}
.c-input-form__group--checkbox {
  width: 101%;
  display: flex;
  flex-wrap: wrap;
}
.c-input-form__checkbox {
  width: 240px;
  margin-top: 19px;
  margin-left: 0px;
  display: flex;
  padding-left: 5px;
}
@media screen and (max-width: 1023px) {
  .c-input-form__checkbox {
    margin-top: 16px;
    width: 100%;
    align-items: center;
    gap: 8px;
    padding-left: 0px;
  }
}
.c-input-form__checkbox label {
  position: relative;
  padding-left: 11px;
  /* チェックボックスとラベルの間隔 */
  font-size: 1rem;
  color: #000000;
  cursor: pointer;
  /* マウスカーソルをポインターに変更 */
  display: inline-flex;
  align-items: center;
}
@media screen and (max-width: 1023px) {
  .c-input-form__checkbox label {
    display: flex;
    align-items: center;
    min-height: 16px;
    line-height: 1;
    padding-left: 0;
    font-size: 0.875rem;
  }
}
.c-input-form__checkbox input[type=checkbox]:focus {
  outline: 2px solid #808080;
  outline-offset: 0px;
}
.c-input-form__validation-label {
  color: #ff5555;
  font-size: 13px;
  margin-top: 10px;
}
.c-input-form__validation-label--else {
  margin-top: 0px;
}
.c-input-form__validation {
  display: none;
  background-color: rgba(255, 85, 85, 0.15);
  border: 1px solid #808080;
}
.c-input-form__item-label[for=last_name] + .c-input-form__group input[type=text].is-invalid {
  background-color: rgba(255, 85, 85, 0.15);
  border: 1px solid #808080;
}
.c-input-form__item-label[for=first_name] + .c-input-form__group input[type=text].is-invalid {
  background-color: rgba(255, 85, 85, 0.15);
  border: 1px solid #808080;
}
.c-input-form__item-label[for=position] + .c-input-form__group .c-custom-dropdown:has(input[type=hidden].is-invalid) .c-custom-dropdown__selected {
  background-color: rgba(255, 85, 85, 0.15);
}
.c-input-form__group.is-invalid .c-chk-input {
  background-color: rgba(255, 85, 85, 0.15);
}
.c-input-form__group.is-invalid .c-input-form__checkbox input[type=checkbox]:checked + label::before {
  background-color: #ffffff;
  /* チェックボックスが選ばれた時の背景色 */
  border-color: black;
  /* チェックボックスの枠線色 */
}

@media screen and (max-width: 1023px) {
  .c-input-form__item:has(label[for=prefectures]) .c-custom-dropdown {
    width: 180px;
  }
}

.c-primary {
  background-color: #FF5655;
  margin-left: 10px;
  font-weight: 400;
  color: #ffffff;
  text-align: center;
  white-space: nowrap;
  border-radius: 0.625rem;
  line-height: 1; /* シンプルなline-height */
  font-family: inherit; /* 親要素のフォントを継承 */
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  /* レンダリング改善 */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media screen and (min-width: 1024px) {
  .c-primary {
    width: 40px;
    height: 20px;
    font-size: 0.75rem;
    padding: 0 7px; /* 高さ固定に合わせてパディング調整 */
  }
}
@media screen and (max-width: 1023px) {
  .c-primary {
    width: 36px;
    height: 18px;
    font-size: 0.625rem;
    padding: 0 6px; /* 対称なパディング */
  }
}

.c-chk {
  display: block;
}
.c-chk-input {
  font-size: 1rem;
  width: 1em;
  height: 1em;
  margin-top: 0.25em;
  vertical-align: top;
  background-color: #ffffff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: 1px solid #000000;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
@media screen and (max-width: 1023px) {
  .c-chk-input {
    margin-top: 0;
    display: flex;
    align-items: center;
  }
}
.c-chk-input[type=checkbox] {
  border-radius: 2px;
}
@media screen and (min-width: 1024px) {
  .c-chk-input[type=checkbox] {
    transform: scale(1.5);
    margin-right: 10px;
  }
}
.c-chk-input:checked[type=checkbox] {
  background-image: url(../img/common/checked.svg);
  background-size: 9.33px 5.95px;
  background-repeat: no-repeat;
  background-position: center;
}
.c-chk-label {
  display: inline-block;
  vertical-align: middle;
}

.c-agreement {
  text-align: center;
  margin-top: 50px;
  margin-bottom: 120px;
}
@media screen and (max-width: 1023px) {
  .c-agreement {
    margin-top: 40px;
    margin-bottom: 0px;
  }
}
.c-agreement__content {
  display: flex;
  justify-content: center;
  align-items: center;
}
.c-agreement__content a {
  text-decoration: underline;
  text-underline-offset: 3px;
}
.c-agreement__content label {
  margin-left: 5px;
  font-size: 1rem;
}
@media screen and (max-width: 1023px) {
  .c-agreement__content label {
    display: flex;
    align-items: center;
    min-height: 16px;
    line-height: 1;
    padding-left: 0;
    font-size: 0.875rem;
    transform: translateY(-1px);
  }
}
.c-agreement__attention {
  font-size: 0.875rem;
  color: #ff5555;
  margin: 9px 0px 50px;
}
@media screen and (max-width: 1023px) {
  .c-agreement__attention p {
    display: none;
  }
  .is-error .c-agreement__attention p {
    display: block;
  }
}

.c-confirm .c-breadcrumb, .p-addressee-create-confirm .c-breadcrumb {
  padding-top: 6px;
}
.c-confirm__header {
  text-align: center;
}
.c-confirm__header .c-title__sub {
  font-weight: 400;
}
.c-confirm__container {
  border: 1px solid #000000;
  margin-top: 45px;
}
@media screen and (max-width: 1023px) {
  .c-confirm__container {
    margin-top: 35px;
  }
}
@media screen and (min-width: 1024px) {
  .c-confirm__container .c-confirm__item:first-child {
    padding-top: 4rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-confirm__container .c-confirm__item:first-child {
    padding-top: 2rem;
  }
}
@media screen and (min-width: 1024px) {
  .c-confirm__container .c-confirm__item:last-child {
    padding-bottom: 4rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-confirm__container .c-confirm__item:last-child {
    padding-bottom: 2rem;
  }
}
.c-confirm__item {
  padding-top: 1.7rem;
  padding-right: 1rem;
}
@media screen and (min-width: 1024px) {
  .c-confirm__item {
    padding-left: 6.125rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-confirm__item {
    padding-left: 1rem;
  }
}
.c-confirm__item__title {
  font-size: 0.875rem;
  font-weight: 600;
  color: #808080;
  padding-bottom: 0.625rem;
}
.c-confirm__item__title-content {
  display: flex;
  align-items: center;
}
.c-confirm__item__title-content .c-confirm__item__title-text {
  font-size: 0.875rem; /* 明示的にサイズ指定 */
}
@media screen and (min-width: 1024px) {
  .c-confirm__item__title-content .c-confirm__item__title-text {
    line-height: 20px; /* c-primaryと同じ値でセンタリング */
  }
}
@media screen and (max-width: 1023px) {
  .c-confirm__item__title-content .c-confirm__item__title-text {
    line-height: 18px; /* c-primaryと同じ値でセンタリング */
  }
}
@media screen and (min-width: 1024px) {
  .c-confirm__item__title-content .c-primary {
    line-height: 20px; /* c-confirm__item__title-textと同じ値 */
  }
}
@media screen and (max-width: 1023px) {
  .c-confirm__item__title-content .c-primary {
    line-height: 18px; /* c-confirm__item__title-textと同じ値 */
  }
}
@supports (-webkit-touch-callout: none) {
  @media screen and (max-width: 1023px) {
    .c-confirm__item__title-content .c-primary {
      line-height: 18px !important;
      display: block !important;
      text-align: center !important;
    }
  }
}
.c-confirm__item__title__tooltip {
  font-size: 0.75rem;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.4);
  padding-top: 0.4rem;
  display: block;
  margin-top: 4px;
}
.c-confirm__item__text {
  font-size: 1rem;
}
@media screen and (min-width: 1024px) {
  .c-confirm__item__text {
    padding-left: 1.5rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-confirm__item__text {
    padding-left: 1rem;
  }
}
.c-confirm__footer {
  text-align: center;
}
@media screen and (max-width: 1023px) {
  .c-confirm__footer {
    padding: 40px 0px 0px 0px;
  }
}
@media screen and (min-width: 1024px) {
  .c-confirm__footer {
    padding: 48px 0px 120px;
  }
}

@media screen and (min-width: 1024px) {
  .c-back-to-top {
    min-width: 1156px;
  }
}
@media screen and (min-width: 1024px) {
  .c-back-to-top__btn {
    width: 128px;
    margin: 120px auto;
  }
}
@media screen and (max-width: 1023px) {
  .c-back-to-top__btn {
    width: 100px;
    margin: 64px auto;
  }
}
.c-back-to-top__btn a {
  display: flex;
  flex-direction: column;
  text-align: center;
}
@media screen and (min-width: 1024px) and (min-height: 150vh) {
  .c-back-to-top__btn {
    display: none;
  }
}
.c-back-to-top__btn__top {
  margin: 1px auto 14px;
  transform: rotate(45deg);
  width: 8px;
  height: 8px;
  border: solid #808080;
  border-width: 1px 0 0 1px;
}
.c-back-to-top__btn__text {
  width: 100%;
  letter-spacing: 0.04em;
}
@media screen and (min-width: 1024px) {
  .c-back-to-top__btn__text {
    font-size: 1.125rem;
    line-height: 18px;
  }
}
@media screen and (max-width: 1023px) {
  .c-back-to-top__btn__text {
    font-size: 0.875rem;
    line-height: 16px;
  }
}
.c-back-to-top__btn__SP-only {
  display: none;
}
@media screen and (max-width: 1023px) {
  .c-back-to-top__btn__SP-only {
    display: block;
  }
}

/* タブナビゲーション用の汎用スタイル */
.c-tab-nav__list {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #e0e0e0;
}
.c-tab-nav__item {
  margin: 0;
  padding: 0;
  margin-bottom: -1px;
}
.c-tab-nav__item.is-active .c-tab-nav__txt {
  position: relative;
}
.c-tab-nav__item.is-active .c-tab-nav__txt::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  display: block;
  width: 100%;
  height: 2px;
  background-color: #000000;
}
@media screen and (min-width: 1024px) {
  .c-tab-nav__item.is-active .c-tab-nav__txt::after {
    width: 72px;
  }
}
.c-tab-nav__link {
  display: block;
  text-decoration: none;
  color: #000000;
  transition: all 0.3s ease;
}
.c-tab-nav__link:hover {
  color: #000000;
}
.c-tab-nav__content {
  display: none;
  padding: 20px 0;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
.c-tab-nav__content.is-active {
  display: block;
}
.c-tab-nav__content.is-visible {
  opacity: 1;
}

.c-radio {
  display: flex;
  align-items: center;
}
.c-radio__label {
  display: flex;
  align-items: center;
  margin-right: 30px;
  cursor: pointer;
  font-size: 0.875rem;
}
.c-radio__label:last-child {
  margin-right: 0;
}
.c-radio__input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}
.c-radio__input:checked + .c-radio__text::before {
  border: 1px solid #000000;
  background-color: #ffffff;
  box-shadow: inset 0 0 0 5px #ffffff;
}
.c-radio__input:checked + .c-radio__text::after {
  content: "";
  flex-shrink: 0;
  position: absolute;
  left: 6px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #000000;
  transform: translateY(-50%);
  top: 50%;
}
.c-radio__text {
  display: flex;
  align-items: center;
  position: relative;
  font-size: 0.875rem;
}
@media screen and (min-width: 1024px) {
  .c-radio__text {
    font-size: 1rem;
  }
}
.c-radio__text::before {
  content: "";
  flex-shrink: 0;
  display: inline-block;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 1px solid #808080;
  background-color: #ffffff;
  box-sizing: border-box;
  margin-right: 8px;
}
@media screen and (min-width: 1024px) {
  .c-radio__text::before {
    width: 24px;
    height: 24px;
    margin-right: 10px;
  }
}
.c-radio--filter {
  justify-content: space-between;
}
.c-radio--filter .c-radio__label {
  margin-right: 0;
  gap: 8px;
}
.c-radio--filter .c-radio__text,
.c-radio--filter .c-radio__txt {
  padding-left: 36px;
}
.c-radio--filter .c-radio__text::before,
.c-radio--filter .c-radio__txt::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  border: 1px solid #000000;
  border-radius: 50%;
  background: #ffffff;
  transition: all 0.2s ease;
  margin-right: 0;
}
.c-radio--filter .c-radio__text::after,
.c-radio--filter .c-radio__txt::after {
  content: "";
  position: absolute;
  left: 6px;
  top: 50%;
  transform: translateY(-50%);
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #000000;
  opacity: 0;
  transition: all 0.2s ease;
}
.c-radio--filter .c-radio__input:checked + .c-radio__text::after,
.c-radio--filter .c-radio__input:checked + .c-radio__txt::after {
  opacity: 1;
}
.c-radio--filter .c-radio__input:focus-visible + .c-radio__text::before,
.c-radio--filter .c-radio__input:focus-visible + .c-radio__txt::before {
  outline: 2px solid #000;
  outline-offset: 2px;
}
.c-radio--filter .c-radio__input:not(:checked) + .c-radio__text,
.c-radio--filter .c-radio__input:not(:checked) + .c-radio__txt {
  color: inherit;
}

.c-tag {
  border: 1px solid #000000;
  border-radius: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.75rem;
  line-height: 2em;
  height: 2em;
  padding: 0.3em 1em 0.2em;
}

.c-float-box {
  background-image: url(../img/common/float_box_sp.svg);
  position: fixed;
  width: 112px;
  height: 40px;
  bottom: 30px;
  right: 20px;
  z-index: 900;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 16px;
  font-size: 0.75rem;
  color: #ffffff;
  opacity: 1;
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
}
@media screen and (min-width: 1024px) {
  .c-float-box {
    display: none;
  }
}
@media screen and (max-width: 1023px) {
  .c-float-box.is-sp-hidden {
    opacity: 0;
    pointer-events: none;
  }
}

.c-tooltip {
  position: relative;
  width: 17px;
  height: 17px;
  cursor: pointer;
}
.c-tooltip img {
  font-family: "AotoGothicStdN";
}
.c-tooltip__checkbox {
  display: none;
}
.c-tooltip__container {
  position: absolute;
  width: 167px;
  background-color: transparent;
  border-radius: 4px;
  left: -30px;
  bottom: -2px;
}
.c-tooltip__container.is-hidden {
  display: none;
}
.c-tooltip__container, .c-tooltip__container-link {
  font-size: 0.75rem;
  color: #ffffff;
}
.c-tooltip__container-link {
  position: relative;
  text-decoration: underline;
  white-space: nowrap;
}
.c-tooltip__container-link:hover {
  color: #ffffff;
  opacity: 0.4;
}
.c-tooltip__container-content {
  background-color: #808080;
  padding: 6px;
  margin-bottom: 30px;
  border-radius: 2px;
}
.c-tooltip__container-content::after {
  content: "";
  position: absolute;
  background-color: #808080;
  width: 10px;
  height: 10px;
  left: 34px;
  transform: rotate(45deg);
  bottom: 25px;
}

/* セカンダリー */
.c-btn-secondary {
  color: #000000;
  background-color: #ffffff;
  border: 1px solid #000000;
  transition: all 0.3s ease-in-out;
  text-align: center;
}
.c-btn-secondary:hover {
  color: #000000;
  background-color: #D8D8D9;
  border: 1px solid #D8D8D9;
  text-align: center;
  transition: all 0.3s ease-in-out;
}
@media screen and (min-width: 1024px) {
  .c-btn-secondary--pc-lg {
    height: 46px;
    font-size: 1rem;
  }
}
@media screen and (min-width: 1024px) {
  .c-btn-secondary--pc-md {
    height: 30px;
    font-size: 0.875rem;
  }
}
@media screen and (min-width: 1024px) {
  .c-btn-secondary--pc-sm {
    height: 24px;
    font-size: 0.875rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-btn-secondary--sp-lg-full {
    width: 315px;
    height: 48px;
    font-size: 1rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-btn-secondary--sp-lg-p9 {
    width: 295px;
    height: 48px;
    font-size: 1rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-btn-secondary--sp-lg-p8 {
    width: 254px;
    height: 48px;
    font-size: 1rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-btn-secondary--sp-md-full {
    width: 315px;
    height: 40px;
    font-size: 0.875rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-btn-secondary--sp-md-popup {
    width: 254px;
    height: 40px;
    font-size: 0.875rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-btn-secondary--sp-md-action {
    height: 32px;
    font-size: 0.75rem;
  }
}

/* ターシャリー */
.c-btn-tertiary {
  background-color: #808080;
  color: #ffffff;
  transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}
.c-btn-tertiary:hover {
  background-color: #D8D8D9;
  color: #808080;
}
@media screen and (min-width: 1024px) {
  .c-btn-tertiary--pc-lg {
    height: 46px;
    font-size: 1rem;
  }
}
@media screen and (min-width: 1024px) {
  .c-btn-tertiary--pc-md {
    height: 30px;
    font-size: 0.875rem;
  }
}
@media screen and (min-width: 1024px) {
  .c-btn-tertiary--pc-sm {
    height: 24px;
    font-size: 0.875rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-btn-tertiary--sp-lg {
    height: 48px;
    font-size: 1rem;
  }
  .c-btn-tertiary--sp-lg img {
    margin-left: 48px;
    margin-right: 12px;
  }
}
@media screen and (max-width: 1023px) {
  .c-btn-tertiary--sp-md {
    height: 40px;
    font-size: 0.75rem;
  }
  .c-btn-tertiary--sp-md img {
    margin-left: 56px;
    margin-right: 10px;
  }
}
@media screen and (max-width: 1023px) {
  .c-btn-tertiary--sp-md-half {
    height: 40px;
    font-size: 0.75rem;
  }
  .c-btn-tertiary--sp-md-half img {
    margin-left: 26.5px;
    margin-right: 8px;
  }
}
@media screen and (max-width: 1023px) {
  .c-btn-tertiary--sp-md-popup {
    height: 32px;
    font-size: 0.75rem;
  }
  .c-btn-tertiary--sp-md-popup img {
    margin-left: 26.5px;
    margin-right: 8px;
  }
}
@media screen and (max-width: 1023px) {
  .c-btn-tertiary--sp-sm {
    text-align: center;
    height: 34px;
    font-size: 0.75rem;
  }
  .c-btn-tertiary--sp-sm img {
    display: none;
  }
}

.c-dropdown-general {
  position: relative;
}
.c-dropdown-general select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .c-dropdown-general select {
    padding: 8px 30px 8px 15px;
    height: 48px;
    font-size: 1rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-dropdown-general select {
    padding: 7px 30px 8px 15px;
    height: 40px;
    font-size: 0.875rem;
    border: 1px solid #808080;
  }
}
@media screen and (min-width: 1024px) {
  .c-dropdown-general option {
    font-size: 1rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-dropdown-general option {
    font-size: 0.875rem;
  }
}
.c-dropdown-general::after {
  content: "";
  position: absolute;
  top: 35%;
  right: 17px;
  transform: rotate(45deg);
  width: 8px;
  height: 8px;
  border: solid #808080;
  border-width: 0 1px 1px 0;
}
@media screen and (min-width: 1024px) {
  .c-dropdown-general::after {
    font-size: 1rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-dropdown-general::after {
    font-size: 0.875rem;
  }
}

.c-input {
  padding-left: 15px;
}
@media screen and (min-width: 1024px) {
  .c-input {
    border: 1px solid #707070;
    height: 48px;
    font-size: 1rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-input {
    border: 1px solid #808080;
    height: 44px;
    font-size: 0.875rem;
  }
}
.c-input::-moz-placeholder {
  color: #D8D8D9;
  font-optical-sizing: auto;
  font-style: normal;
  font-feature-settings: "palt";
}
.c-input::placeholder {
  color: #D8D8D9;
  font-optical-sizing: auto;
  font-style: normal;
  font-feature-settings: "palt";
}
.c-input[type=password], .c-input[type=text][data-password-field] {
  padding-right: 40px;
  background-image: url("/assets/img/common/icon-eye.svg");
  background-repeat: no-repeat;
  background-position: right 14px center;
  background-size: 16px 16px;
  cursor: pointer;
}
.c-input[type=text][data-password-field] {
  background-image: url("/assets/img/common/icon-eye-off.svg");
}

.c-link-text, .c-link-text--2px {
  position: relative;
  text-decoration: underline !important;
  text-underline-offset: 3px;
}
.c-link-text:hover, .c-link-text--2px:hover {
  color: #808080;
}
.c-link-text--2px::after {
  height: 2px;
  bottom: -1px;
}

.c-note {
  font-size: 0.75rem;
  line-height: 18px;
}
.c-note.--darkgray {
  color: #808080;
}
.c-note.--lightgray {
  color: rgba(0, 0, 0, 0.4);
}

@media screen and (max-width: 1023px) {
  .c-progress {
    margin-left: -8px;
    margin-right: -8px;
  }
}
.c-progress__list {
  margin: 0 auto;
  display: table;
  table-layout: fixed;
  width: 100%;
  max-width: 736px;
  min-width: 351px;
}
.c-progress__item, .c-progress__item--completed, .c-progress__item--current {
  display: table-cell;
  position: relative;
  z-index: 10;
}
.c-progress__item::after, .c-progress__item--completed::after, .c-progress__item--current::after {
  content: "";
  position: absolute;
  background: #000000;
  width: 100%;
  top: 13.5px;
  height: 1px;
  z-index: -1;
  opacity: 0.25;
}
.c-progress__item:last-child::after, .c-progress__item--completed:last-child::after, .c-progress__item--current:last-child::after {
  display: none;
}
.c-progress__item-state, .c-progress__item--completed-state, .c-progress__item--current-state {
  background: #ffffff;
  border: 1px solid #bfbfff;
  display: inline-block;
  vertical-align: middle;
  border-radius: 50%;
}
@media screen and (min-width: 1024px) {
  .c-progress__item-state, .c-progress__item--completed-state, .c-progress__item--current-state {
    width: 20px;
    height: 20px;
  }
}
@media screen and (max-width: 1023px) {
  .c-progress__item-state, .c-progress__item--completed-state, .c-progress__item--current-state {
    width: 16px;
    height: 16px;
    transform: translateY(2px);
  }
}
.c-progress__item-text, .c-progress__item--completed-text, .c-progress__item--current-text {
  color: #D8D8D9;
}
@media screen and (min-width: 1024px) {
  .c-progress__item-text, .c-progress__item--completed-text, .c-progress__item--current-text {
    margin-top: 15px;
  }
}
@media screen and (max-width: 1023px) {
  .c-progress__item-text, .c-progress__item--completed-text, .c-progress__item--current-text {
    font-size: 0.625rem;
    margin-top: 6px;
  }
}
.c-progress__item::after, .c-progress__item--current::after {
  content: "";
  background: #808080;
}
.c-progress__item--completed::after {
  opacity: 1;
}
.c-progress__item--completed .c-progress__item-state::after, .c-progress__item--current .c-progress__item-state::after {
  content: "";
  display: block;
  border-radius: 50%;
}
@media screen and (min-width: 1024px) {
  .c-progress__item--completed .c-progress__item-state::after, .c-progress__item--current .c-progress__item-state::after {
    width: 10px;
    height: 10px;
    margin: 4px;
  }
}
@media screen and (max-width: 1023px) {
  .c-progress__item--completed .c-progress__item-state::after, .c-progress__item--current .c-progress__item-state::after {
    width: 8px;
    height: 8px;
    margin: 3px;
  }
}
.c-progress__item--current .c-progress__item-state {
  border-color: #000AFF;
}
.c-progress__item--completed .c-progress__item-state::after {
  background: #bfbfff;
}
.c-progress__item--current .c-progress__item-state::after {
  background: #000AFF;
}
.c-progress__item--current .c-progress__item-text {
  color: #000000;
}

.c-text {
  color: #000000;
}
@media screen and (max-width: 1023px) {
  .c-text, .c-text--md {
    font-size: 0.875rem;
    line-height: 1.65; /* TODO: calc(18 / 14) と異なる値 */
  }
}
@media screen and (min-width: 1024px) {
  .c-text, .c-text--md {
    font-size: 1rem;
    line-height: 1.75;
  }
}

@media screen and (max-width: 1023px) {
  .c-text--sm {
    padding-left: 1em;
    text-indent: -1em;
    font-size: 0.75rem;
    line-height: 1.5;
  }
}
@media screen and (min-width: 1024px) {
  .c-text--sm {
    font-size: 0.875rem;
    line-height: 1.55;
  }
}

@media screen and (max-width: 1023px) {
  .c-text--xs {
    font-size: 0.625rem;
    line-height: 1.8;
  }
}

.c-text--darkgray {
  color: #808080;
}

.c-text--lightgray {
  color: #D8D8D9;
}

.c-text--center {
  text-align: center;
}

@media screen and (min-width: 1024px) {
  .c-text--center-pc {
    text-align: center;
  }
}

.lity:has(.p-cut) .lity-container {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}

.lity-content > .p-cut {
  max-height: calc(100dvh - 48px) !important;
  padding-bottom: 0 !important;
  overflow-y: auto !important;
}

.c-text.supplement {
  color: rgba(0, 0, 0, 0.6);
}
.c-text.supplement .c-link-text {
  color: rgba(0, 0, 0, 0.6);
}

@media screen and (max-width: 1023px) {
  .c-text.supplement {
    font-size: 0.875rem;
  }
}
@media screen and (min-width: 1024px) {
  .c-text.supplement {
    font-size: 0.875rem;
  }
}

@media screen and (max-width: 1023px) {
  h1 + .c-text, h1 + .c-text--md, h1 + .c-text--sm, h1 + .c-text--xs {
    margin-top: 24px;
  }
}
@media screen and (min-width: 1024px) {
  h1 + .c-text, h1 + .c-text--md, h1 + .c-text--sm, h1 + .c-text--xs {
    margin-top: 30px;
  }
}

@media screen and (max-width: 1023px) {
  h2 + .c-text, h2 + .c-text--md, h2 + .c-text--sm, h2 + .c-text--xs {
    margin-top: 20px;
  }
}
@media screen and (min-width: 1024px) {
  h2 + .c-text, h2 + .c-text--md, h2 + .c-text--sm, h2 + .c-text--xs {
    margin-top: 30px;
  }
}

@media screen and (max-width: 1023px) {
  h3 + .c-text, h3 + .c-text--md, h3 + .c-text--sm, h3 + .c-text--xs {
    margin-top: 16px;
  }
}
@media screen and (min-width: 1024px) {
  h3 + .c-text, h3 + .c-text--md, h3 + .c-text--sm, h3 + .c-text--xs {
    margin-top: 25px;
  }
}

@media screen and (max-width: 1023px) {
  h4 + .c-text, h4 + .c-text--md, h4 + .c-text--sm, h4 + .c-text--xs {
    margin-top: 12px;
  }
}
@media screen and (min-width: 1024px) {
  h4 + .c-text, h4 + .c-text--md, h4 + .c-text--sm, h4 + .c-text--xs {
    margin-top: 20px;
  }
}

.c-contact-us {
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .c-contact-us {
    margin: 101px auto 45px;
  }
}
@media screen and (max-width: 1023px) {
  .c-contact-us {
    margin: 56px auto;
  }
}
.c-contact-us__info {
  display: flex;
  justify-content: center;
}
@media screen and (min-width: 1024px) {
  .c-contact-us__info {
    flex-flow: row;
  }
}
@media screen and (max-width: 1023px) {
  .c-contact-us__info {
    flex-flow: column;
  }
}
@media screen and (min-width: 1024px) {
  .c-contact-us__info dl {
    width: 350px;
    border-right: 1px solid #000000;
  }
}
@media screen and (max-width: 1023px) {
  .c-contact-us__info dl {
    margin: auto;
    width: 255px;
    border-top: 1px solid #000000;
  }
}
@media screen and (min-width: 1024px) {
  .c-contact-us__info dl:first-child {
    border-left: 1px solid #000000;
  }
}
@media screen and (max-width: 1023px) {
  .c-contact-us__info dl:first-child {
    border-top: none;
  }
}
@media screen and (min-width: 1024px) {
  .c-contact-us__info dt {
    padding-top: 7px;
    padding-bottom: 9px;
  }
}
@media screen and (max-width: 1023px) {
  .c-contact-us__info dt {
    padding-top: 20px;
    padding-bottom: 3px;
  }
}
.c-contact-us__info dt span {
  font-size: 1rem;
  line-height: 1.5;
}
.c-contact-us__info dd {
  display: inline-flex;
  align-items: center;
}
@media screen and (min-width: 1024px) {
  .c-contact-us__info dd {
    gap: 26px;
    padding-bottom: 9px;
    margin-left: -24px;
  }
}
@media screen and (max-width: 1023px) {
  .c-contact-us__info dd {
    gap: 15px;
    padding-bottom: 23px;
    margin-left: -16px;
  }
}
.c-contact-us__info dd span {
  font-size: 1.25rem;
  line-height: 1.4;
}
.c-contact-us__info-tel a,
.c-contact-us__info-tel p, .c-contact-us__info-fax a,
.c-contact-us__info-fax p {
  font-size: 1.75rem;
  line-height: 1.3;
}
.c-contact-us__info-tel a, .c-contact-us__info-fax a {
  font-weight: 700;
  padding-top: 1px;
  padding-left: 4px;
}
@media screen and (min-width: 1024px) {
  .c-contact-us__info-tel a {
    display: none;
  }
}
@media screen and (max-width: 1023px) {
  .c-contact-us__info-tel p {
    display: none;
  }
}
@media screen and (min-width: 1024px) {
  .c-contact-us__note {
    margin-top: 30px;
  }
}
@media screen and (max-width: 1023px) {
  .c-contact-us__note {
    margin-top: 22px;
  }
}
.c-contact-us__note p {
  line-height: 1.5;
}
@media screen and (min-width: 1024px) {
  .c-contact-us__note p {
    font-size: 1.125rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-contact-us__note p {
    font-size: 1rem;
  }
}
.c-contact-us__note span {
  color: #808080;
  line-height: 1.5;
}
@media screen and (min-width: 1024px) {
  .c-contact-us__note span {
    font-size: 0.75rem;
  }
}
@media screen and (max-width: 1023px) {
  .c-contact-us__note span {
    font-size: 0.625rem;
  }
}

.c-link-anchor {
  position: relative;
}
.c-link-anchor::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  margin-left: 0.3em;
  transform: translateY(-50%);
  width: 6px;
  height: 14px;
  background-image: url("/assets/img/common/icon-link-anchor.svg");
}
.c-link-anchor-black {
  position: relative;
}
.c-link-anchor-black::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  margin-left: 0.3em;
  transform: translateY(-50%);
  width: 12px;
  height: 12px;
  background-image: url("/assets/img/common/icon_link-arrow.svg");
  transition: transform 0.3s ease;
}
.c-link-anchor-black:hover::after {
  transform: translateY(-50%) scale(1.4);
}
img:hover ~ .c-link-anchor-black::after, .c-link-anchor-black:has(img:hover)::after {
  transform: translateY(-50%) scale(1.4);
}

.c-link-out {
  position: relative;
}
.c-link-out:hover {
  color: #EB5CCA;
}
.c-link-out::before {
  content: "";
  position: absolute;
  top: 50%;
  right: -2em;
  transform: translate(-50%, -50%);
  width: 15.5px;
  height: 15.5px;
  background-image: url("/assets/img/common/icon-link-out.svg");
  margin-top: 1px;
}
.c-link-out::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  bottom: 0em;
  background-color: currentColor;
}

html.is-locked:has(.c-custom-dropdown) {
  overflow: hidden;
}

.c-custom-dropdown__options.is-floating {
  /* left/top/width/position は JS が付与する */
  /* 既存の max-height / overflow-y / スクロールバー系はそのまま生きる */
  z-index: 2147483647;
  /* 念のため */
}

.c-custom-dropdown {
  position: relative;
  max-width: 300px;
  width: 302px;
  height: 48px;
}
@media screen and (max-width: 1023px) {
  .c-custom-dropdown {
    width: 100%;
    height: 100%;
  }
}
@media screen and (max-width: 480px) {
  .c-custom-dropdown {
    max-width: none;
    width: 100%;
    height: 100%;
  }
}
.c-custom-dropdown__selected {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px;
  background-color: #ffffff;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  border-radius: 0;
}
.c-custom-dropdown__selected::before {
  content: "";
  position: absolute;
  inset: 0;
  box-shadow: inset 0 0 0 1px #808080;
}
@media screen and (max-width: 1023px) {
  .c-custom-dropdown__selected {
    padding: 10px;
  }
}
.c-custom-dropdown__text {
  font-size: 1rem;
  color: #000000;
}
@media screen and (max-width: 1023px) {
  .c-custom-dropdown__text {
    font-size: 1rem;
  }
}
.c-custom-dropdown__arrow {
  width: 12px;
  height: 12px;
  border-right: 1px solid #808080;
  border-bottom: 1px solid #808080;
  transform: rotate(45deg) translateY(-3px) translateX(-2px);
  transition: transform 0.3s ease-in-out;
}
@media screen and (max-width: 1023px) {
  .c-custom-dropdown__arrow {
    width: 10px;
    height: 10px;
  }
}
.c-custom-dropdown__options {
  position: absolute;
  left: 0;
  right: 0;
  background-color: #ffffff;
  max-height: 270px;
  overflow-y: auto;
  box-shadow: inset 0 0 0 1px #808080;
  z-index: 100;
  clip-path: inset(0 0 0 0);
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out, clip-path 0.3s ease-in-out;
  scrollbar-width: thin;
  scrollbar-color: #808080 transparent;
  -webkit-overflow-scrolling: touch;
}
.c-custom-dropdown__options::-webkit-scrollbar {
  width: 10px;
}
.c-custom-dropdown__options::-webkit-scrollbar-track {
  background: transparent;
}
.c-custom-dropdown__options::-webkit-scrollbar-thumb {
  background: #808080;
  border-radius: 8px;
  border: 2px solid transparent;
  background-clip: content-box;
}
.c-custom-dropdown__options:not(.is-open).is-downward {
  top: calc(100% - 1px);
  clip-path: inset(0 0 100% 0);
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out, clip-path 0.3s ease-in-out;
}
.c-custom-dropdown__options:not(.is-open).is-downward.no-transition {
  transition: none;
}
.c-custom-dropdown__options:not(.is-open).is-upward {
  top: auto;
  bottom: calc(100% - 1px);
  clip-path: inset(100% 0 0 0);
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out, clip-path 0.3s ease-in-out;
}
.c-custom-dropdown__options:not(.is-open).is-upward.no-transition {
  transition: none;
}
.c-custom-dropdown__options.is-open.is-downward {
  top: calc(100% - 1px);
  visibility: visible;
  opacity: 1;
  clip-path: inset(0 0 0 0);
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out, clip-path 0.3s ease-in-out;
}
.c-custom-dropdown__options.is-open.is-upward {
  top: auto;
  bottom: calc(100% - 1px);
  visibility: visible;
  opacity: 1;
  clip-path: inset(0 0 0 0);
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out, clip-path 0.3s ease-in-out;
}
.c-custom-dropdown__option {
  position: relative;
  padding: 15px;
  cursor: pointer;
  font-size: 1rem;
  color: #000000;
  border: none;
  z-index: 10;
  background-clip: padding-box;
  height: 54px;
}
.c-custom-dropdown__option:hover::before {
  content: "";
  position: absolute;
  inset: 0 1px 0 1px;
  background-color: #D8D8D9;
  z-index: -1;
}
.c-custom-dropdown__options.is-upward .c-custom-dropdown__option:hover:first-child::before {
  content: "";
  inset: 1px 1px 0 1px;
}
.c-custom-dropdown__options.is-upward .c-custom-dropdown__option:hover:last-child::before {
  content: "";
  inset: 0 1px 1px 1px;
}
.c-custom-dropdown__options.is-downward .c-custom-dropdown__option:hover:first-child::before {
  content: "";
  inset: 1px 1px 0 1px;
}
.c-custom-dropdown__options.is-downward .c-custom-dropdown__option:hover:last-child::before {
  content: "";
  inset: 0 1px 1px 1px;
}
.c-custom-dropdown__option.is-highlighted::before {
  content: "";
  position: absolute;
  inset: 0 1px 0 1px;
  background-color: #D8D8D9;
  z-index: -1;
}
.c-custom-dropdown__options.is-upward .c-custom-dropdown__option.is-highlighted:first-child::before {
  content: "";
  inset: 1px 1px 0 1px;
}
.c-custom-dropdown__options.is-upward .c-custom-dropdown__option.is-highlighted:last-child::before {
  content: "";
  inset: 0 1px 1px 1px;
}
.c-custom-dropdown__options.is-downward .c-custom-dropdown__option.is-highlighted:first-child::before {
  content: "";
  inset: 1px 1px 0 1px;
}
.c-custom-dropdown__options.is-downward .c-custom-dropdown__option.is-highlighted:last-child::before {
  content: "";
  inset: 0 1px 1px 1px;
}
.c-custom-dropdown__option.is-selected {
  position: relative;
  outline: 2px solid #000000;
  outline-offset: -2px;
  box-shadow: none;
}
@media screen and (max-width: 1023px) {
  .c-custom-dropdown__option {
    padding: 15px;
    font-size: 0.875rem;
  }
}
.c-custom-dropdown.is-open .c-custom-dropdown__arrow {
  transform: rotate(225deg) translateY(-2px) translateX(-3px);
  transition: transform 0.3s ease-in-out;
}
.c-custom-dropdown.is-invalid .c-custom-dropdown__selected {
  background-color: rgba(255, 85, 85, 0.15);
}

.c-check-general {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  vertical-align: text-bottom;
  width: 24px;
  height: 24px;
  border: 1px solid #000000;
  border-radius: 2px;
  background-color: #ffffff;
}
@media screen and (max-width: 1023px) {
  .c-check-general {
    width: 20px;
    height: 20px;
  }
}
.c-check-general:focus {
  outline: 2px solid #808080;
  outline-offset: 0px;
}
.c-check-general:checked {
  background-color: #ffffff;
  border-color: #000000;
}
.c-check-general:checked::before {
  content: "";
  display: block;
  margin-left: 5px;
  margin-top: 1px;
  width: 6px;
  height: 11px;
  border: solid #000000;
  border-width: 0 1px 1px 0;
  transform: rotate(45deg);
}
@media screen and (max-width: 1023px) {
  .c-check-general:checked::before {
    margin-left: 3px;
    margin-top: -1px;
  }
}
.c-check-general:disabled {
  border-color: #D8D8D9;
}
.c-check-general:disabled + label {
  color: #D8D8D9;
  cursor: not-allowed;
}
.c-check-general.--error {
  background-color: #ffe5e4;
}

.c-radio-general {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 24px;
  height: 24px;
  border: 1px solid #000000;
  border-radius: 50%;
  position: relative;
}
@media screen and (max-width: 1023px) {
  .c-radio-general {
    width: 20px;
    height: 20px;
  }
}
.c-radio-general:focus {
  outline: 2px solid #808080;
  outline-offset: 0px;
}
.c-radio-general:checked {
  background-color: #ffffff;
  border-color: #000000;
}
.c-radio-general:checked::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #000000;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 1023px) {
  .c-radio-general:checked::before {
    width: 10px;
    height: 10px;
  }
}
.c-radio-general:disabled {
  opacity: 0.22;
}
.c-radio-general:disabled + label {
  color: #D8D8D9;
  cursor: not-allowed;
}

#gdprBlock {
  position: relative;
  display: none;
  background: #000;
  color: #fff;
  font-size: 12px;
  line-height: 1.8;
  width: 100%;
  padding: 20px 20px;
  position: fixed;
  bottom: 0;
  z-index: 999;
  font-feature-settings: normal;
}
#gdprBlock p {
  font-size: 12px !important;
  font-weight: 300 !important;
  line-height: 1.8 !important;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  unicode-bidi: isolate;
}
#gdprBlock .gdprTxt {
  max-width: 650px;
  margin: 0 auto 20px;
}
#gdprBlock .gdprTxt a {
  outline: none;
  text-decoration: none;
  color: #39C;
}
#gdprBlock .gdprBtn {
  text-align: center;
}
#gdprBlock .gdprBtn button {
  background: #000;
  border: 1px solid #fff;
  border-radius: 5px;
  line-height: 1.15;
  color: #fff;
  width: 144px;
  text-align: center;
  padding: 6px 0;
  cursor: pointer;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

@media screen and (min-width: 1024px) {
  .p-fnav {
    height: 12px;
  }
}

.p-fnav__items {
  display: flex;
}
@media screen and (max-width: 1023px) {
  .p-fnav__items {
    -moz-column-gap: 11px;
         column-gap: 11px;
    justify-content: center;
    row-gap: 9px;
    flex-wrap: wrap;
  }
}
@media screen and (min-width: 1024px) {
  .p-fnav__items {
    -moz-column-gap: 32px;
         column-gap: 32px;
  }
}

.p-fnav__item {
  display: flex;
  align-items: center;
}
.p-fnav__item > small {
  font-size: 0.625rem;
  white-space: nowrap;
}
@media screen and (min-width: 1024px) {
  .p-fnav__item > small {
    margin-left: 10px;
  }
}

.p-fnav__link {
  font-weight: 300;
  color: #ffffff;
  line-height: 17px;
  display: flex;
  font-size: 0.6875rem;
}
@media screen and (min-width: 1024px) {
  .p-fnav__link {
    white-space: nowrap;
  }
}
@media screen and (max-width: 1023px) {
  .p-fnav__link {
    font-size: 0.625rem;
  }
}

.p-gnav {
  position: relative;
}

.p-gnav__header {
  display: flex;
  align-items: center;
  width: 100%;
}
.--hnav .p-gnav__header {
  border-bottom: 1px solid #000000;
}
.--fnav .p-gnav__header {
  border-bottom: 1px solid #ffffff;
}
@media screen and (max-width: 1023px) {
  .--fnav .p-gnav__header {
    padding-top: 13px;
    padding-bottom: 10px;
  }
}

.p-gnav__toggle {
  display: flex;
  align-items: center;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  flex-grow: 1;
  justify-content: space-between;
}
.p-gnav__toggle .c-accordion__icon {
  margin-right: 14px;
}
@media screen and (min-width: 1024px) {
  .p-gnav__toggle .c-accordion__icon {
    display: none;
  }
}
.p-gnav__toggle[aria-expanded=true] .c-accordion__icon {
  transform: rotate(-180deg);
}
.--fnav .p-gnav__toggle .c-accordion__icon {
  filter: invert(100%);
}

.p-gnav__wrapper {
  width: 100%;
}
.p-gnav__wrapper.--hnav {
  position: fixed;
  z-index: -1;
  background-color: #ffffff;
  pointer-events: auto;
  visibility: visible;
  transition: opacity 0.5s, visibility 0.5s;
  overflow-y: auto;
}
@media screen and (max-width: 1023px) {
  .p-gnav__wrapper.--hnav {
    top: 54px;
    height: calc(100vh - 54px);
    transform: translateX(0);
    opacity: 1;
  }
}
@media screen and (min-width: 1024px) {
  .p-gnav__wrapper.--hnav {
    top: 73px;
    height: max(100vh - 73px, 432px);
    opacity: 1;
  }
}
.p-gnav__wrapper.is-hidden {
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
}
.p-gnav__wrapper.--no-transition {
  transition: none !important;
}

.p-gnav__inner {
  display: flex;
  flex-wrap: wrap;
  margin: 0 auto;
}
@media screen and (min-width: 1024px) {
  .p-gnav__inner {
    position: relative;
    right: 7px;
  }
}
@media screen and (max-width: 1023px) {
  .p-gnav__inner {
    padding: 0 2.9296875vw;
    row-gap: 16px;
  }
}
@media screen and (max-width: 480px) {
  .p-gnav__inner {
    padding: 0 8vw;
  }
}
.--hnav .p-gnav__inner {
  width: 996px;
  -moz-column-gap: 54px;
       column-gap: 54px;
}
@media screen and (max-width: 1023px) {
  .--hnav .p-gnav__inner {
    width: 100%;
    -moz-column-gap: 0px;
         column-gap: 0px;
    padding-top: 55px;
  }
}
@media screen and (max-width: 1023px) {
  .--fnav .p-gnav__inner {
    width: 100%;
  }
}
@media screen and (min-width: 1024px) {
  .--fnav .p-gnav__inner {
    width: 1066px;
    max-width: 100%;
    gap: 40px 70px;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1235px) {
  .--fnav .p-gnav__inner {
    gap: 40px 40px;
  }
}

@media screen and (max-width: 1023px) {
  .--hnav .p-gnav__block {
    width: 100%;
    margin: 0 auto;
  }
}
@media screen and (min-width: 1024px) {
  .--hnav .p-gnav__block {
    width: 33.3333333333%;
    max-width: 290px;
    margin-top: 36px;
  }
}
@media screen and (min-width: 1024px) {
  .--hnav .p-gnav__block.--no-headding {
    border-top: 1px solid #000000;
    margin-top: 63px;
  }
}
@media screen and (max-width: 1023px) {
  .--hnav .p-gnav__block.--no-headding {
    min-width: 154px;
    width: 50%;
  }
}
@media screen and (max-width: 375px) {
  .--hnav .p-gnav__block.--no-headding {
    min-width: 154px;
    width: 100%;
  }
}
@media screen and (max-width: 1023px) {
  .--hnav .p-gnav__block.--no-headding.--mail {
    width: auto;
    margin: 0;
  }
  .--hnav .p-gnav__block.--no-headding.--mail .p-gnav__items {
    margin-top: 8px !important;
  }
}
@media screen and (max-width: 1023px) {
  .--hnav .p-gnav__block.--btns {
    width: 335px;
  }
}
@media screen and (min-width: 1024px) {
  .--hnav .p-gnav__block.--btns {
    display: none;
  }
}
@media screen and (max-width: 1023px) {
  .--fnav .p-gnav__block {
    width: 100%;
  }
}
@media screen and (min-width: 1024px) {
  .--fnav .p-gnav__block {
    width: 300px;
    text-align: left;
  }
}
@media screen and (min-width: 1024px) {
  .--fnav .p-gnav__block.--no-headding {
    border-top: 0px solid #ffffff;
  }
}
@media screen and (max-width: 1023px) {
  .--fnav .p-gnav__block.--no-headding.--adjust {
    width: 50%;
  }
}
@media screen and (min-width: 1024px) {
  .--fnav .p-gnav__block.--no-headding.--adjust {
    border-top: 1px solid #ffffff;
  }
}
@media screen and (min-width: 1024px) {
  .--fnav .p-gnav__block.--no-headding.--adjust.--f-sub .p-gnav__items {
    -moz-column-gap: 46px;
         column-gap: 46px;
  }
}
@media screen and (max-width: 1023px) {
  .--fnav .p-gnav__block.--no-headding.--mail {
    padding-top: 16px;
  }
}

.p-gnav__ttl {
  margin-top: 0;
  line-height: 24px;
  text-align: left;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 1023px) {
  .--hnav .p-gnav__ttl {
    font-size: 1rem;
    font-weight: 500;
    padding: 14px 4px 11px 0px;
  }
}
@media screen and (min-width: 1024px) {
  .--hnav .p-gnav__ttl {
    font-size: 1.8125rem;
    font-weight: 500;
    padding-bottom: 12px;
  }
}
.--fnav .p-gnav__ttl {
  font-weight: 300;
  color: #ffffff;
}
@media screen and (max-width: 1023px) {
  .--fnav .p-gnav__ttl {
    font-size: 1rem;
  }
}
@media screen and (min-width: 1024px) {
  .--fnav .p-gnav__ttl {
    font-size: 1.25rem;
    padding-bottom: 9px;
  }
}
.p-gnav__ttl ~ .p-gnav__items {
  margin-top: 0;
  display: block;
  -moz-column-gap: 0;
       column-gap: 0;
}
.p-gnav__ttl ~ .p-gnav__items > .p-gnav__item {
  width: 100%;
}

.p-gnav__ttl-sub {
  font-size: 1rem;
  font-weight: 300;
  line-height: 1;
  text-align: left;
}
@media screen and (max-width: 1023px) {
  .p-gnav__ttl-sub {
    margin-top: 435x;
  }
}

.p-gnav__items {
  margin-top: 0;
  margin-bottom: 0;
  list-style: none;
  padding-left: 0;
  display: flex;
  flex-wrap: wrap;
  text-align: left;
  line-height: 1.3;
}
.p-gnav__items.c-accordion__content {
  flex-wrap: nowrap;
  flex-direction: column;
}
.--hnav .p-gnav__items {
  -moz-column-gap: 50px;
       column-gap: 50px;
  width: auto;
  min-width: 5em;
}
@media screen and (min-width: 1024px) {
  .--hnav .p-gnav__items {
    margin-top: 7px;
    -moz-column-gap: 60px;
         column-gap: 60px;
  }
}
@media screen and (max-width: 1023px) {
  .--hnav .p-gnav__items {
    margin-top: 13px;
  }
  .--hnav .p-gnav__items.c-accordion__content--is-open {
    padding-top: 7px;
  }
}
.--hnav .p-gnav__items.--sub.p-gnav__items {
  -moz-column-gap: 40px;
       column-gap: 40px;
}
@media screen and (min-width: 1024px) {
  .--hnav .p-gnav__items .p-gnav__item {
    height: 49px;
    display: flex;
    align-items: flex-end;
  }
}
@media screen and (max-width: 1023px) {
  .--hnav .--no-headding .p-gnav__items {
    border-top: none;
    flex-direction: column;
    padding-top: 0;
  }
}
.--fnav .p-gnav__items {
  padding: 11px 0 0;
  width: 250px;
}
@media screen and (max-width: 1023px) {
  .--fnav .p-gnav__items {
    padding: 16px 0 0;
  }
}
.--fnav .--no-headding .p-gnav__items {
  -moz-column-gap: 63px;
       column-gap: 63px;
  width: auto;
}
.--fnav .--no-headding .--adjust .p-gnav__items {
  -moz-column-gap: 9px;
       column-gap: 9px;
}

.p-gnav__link {
  white-space: nowrap;
}
@media screen and (max-width: 1023px) {
  .p-gnav__link {
    font-size: 0.875rem;
    padding-left: 0px;
  }
}
@media screen and (min-width: 1024px) {
  .p-gnav__link {
    font-size: 1rem;
  }
}
.p-gnav__link.--underlined {
  text-decoration: underline;
}
@media screen and (min-width: 1024px) {
  .p-gnav__link.--underlined {
    text-underline-offset: 3px;
  }
}
.p-gnav__link.--underlined:hover {
  text-decoration: none;
}
@media screen and (max-width: 1023px) {
  .--hnav .p-gnav__link {
    padding-top: 8px;
    padding-bottom: 8px;
  }
}
@media screen and (min-width: 1024px) {
  .--hnav .p-gnav__link {
    padding-top: 20px;
  }
}
.--fnav .p-gnav__link {
  display: block;
  color: #ffffff;
  padding: 6px 0;
}
.--fnav .p-gnav__link:hover {
  color: #D8D8D9;
}

@media screen and (max-width: 1023px) {
  .--hnav .p-gnav__float {
    width: 100%;
    margin: 41px auto 0px;
    display: flex;
    justify-content: center;
  }
}
@media screen and (min-width: 1024px) {
  .--hnav .p-gnav__float {
    position: absolute;
    top: clamp(72px, 5vw, 100px);
    right: calc((100vw - 1280px) / 2 * -1 - 122px);
  }
}
@media screen and (min-width: 1024px) and (max-width: 1200px) {
  .--hnav .p-gnav__float {
    top: 40px;
  }
}

@media screen and (max-width: 1023px) {
  .--hnav .p-langnav {
    position: absolute;
    justify-content: space-between;
    flex-direction: row-reverse;
    width: auto;
    top: 23px;
    right: 30px;
  }
}

.p-gnav__input {
  border: 1px solid #808080;
  padding: 2.25px 8px;
  line-height: 1;
  margin-top: 13px;
  width: 100%;
}
@media screen and (max-width: 1023px) {
  .p-gnav__input {
    line-height: 1.7;
  }
}
.p-gnav__input::-moz-placeholder {
  font-size: 0.875rem;
  color: #D8D8D9;
}
.p-gnav__input::placeholder {
  font-size: 0.875rem;
  color: #D8D8D9;
}

@media screen and (min-width: 1024px) {
  .c-hover-arrow__text {
    font-weight: 300;
    letter-spacing: 0.06em;
  }
}

@media screen and (min-width: 1024px) {
  .p-gnav__block.--no-headding.--adjust.--sub .p-gnav__items {
    -moz-column-gap: 40px !important;
         column-gap: 40px !important;
  }
}

@media screen and (max-width: 1023px) {
  .p-gnav__items.c-accordion__content.is-open {
    margin-top: 8px;
  }
}

@media screen and (max-width: 1023px) {
  .SP-pd4 {
    padding-left: 4px;
  }
}

.p-gnav__showbtn {
  display: none;
}
@media screen and (max-width: 1023px) {
  .p-gnav__showbtn {
    display: flex;
    gap: 23px;
    margin: 0 auto;
  }
}

.p-hamburger {
  background: #000000;
  width: 22px;
  height: 1px;
  position: relative;
  transition: background 10ms 300ms ease;
}
.p-hamburger:before, .p-hamburger:after {
  transition: top 300ms 350ms ease, transform 300ms 50ms ease;
  position: absolute;
  background: black;
  width: 22px;
  height: 1px;
  content: "";
}
.p-hamburger:before {
  top: -6px;
}
.p-hamburger:after {
  top: 6px;
}

.p-hamburger__wrapper {
  cursor: pointer;
  margin: auto;
  width: 22px;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1023px) {
  .p-hamburger__wrapper {
    height: 24px;
  }
}
@media screen and (min-width: 1024px) {
  .p-hamburger__wrapper {
    height: 25px;
  }
}

.p-hamburger__trigger.is-hidden {
  display: none;
}
.p-hamburger__trigger:checked ~ .p-hamburger__wrapper .p-hamburger {
  background: transparent;
}
.p-hamburger__trigger:checked ~ .p-hamburger__wrapper .p-hamburger:after, .p-hamburger__trigger:checked ~ .p-hamburger__wrapper .p-hamburger:before {
  transition: top 300ms 50ms ease, transform 300ms 350ms ease;
  top: 0;
}
.p-hamburger__trigger:checked ~ .p-hamburger__wrapper .p-hamburger:before {
  transform: rotate(30deg);
}
.p-hamburger__trigger:checked ~ .p-hamburger__wrapper .p-hamburger:after {
  transform: rotate(-30deg);
}

.p-hnav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  -moz-column-gap: 1.5625rem;
       column-gap: 1.5625rem;
  padding: 0 20px;
}
@media screen and (min-width: 1024px) {
  .p-hnav {
    -moz-column-gap: 25px;
         column-gap: 25px;
    padding: 0 25px;
  }
}
@media screen and (max-width: 1023px) {
  .p-hnav {
    -moz-column-gap: 20px;
         column-gap: 20px;
  }
}

@media screen and (min-width: 1024px) {
  .p-hnav__search {
    display: none;
  }
}

.p-hnav__mypage {
  width: 17px;
  height: 20px;
}
@media screen and (min-width: 1024px) {
  .p-hnav__mypage {
    width: 20px;
    height: 23px;
  }
}

.p-hnav__fav {
  display: none;
}
@media screen and (min-width: 1024px) {
  .p-hnav__fav {
    display: block;
  }
}

.p-hnav__badge {
  position: absolute;
  top: -7px;
  right: -7px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 16px;
  height: 16px;
  background-color: #808080;
  border-radius: 10px;
}
.p-hnav__badge.is-hidden {
  display: none;
}

.p-hnav__badge-count {
  color: #fff;
  font-size: 0.5625rem;
  font-weight: 600;
  line-height: 1;
}

.p-hnav__mypage,
.p-hnav__fav,
.p-hnav__cart {
  position: relative;
}

.p-hnav__mypage > img,
.p-hnav__fav > img,
.p-hnav__cart > img {
  width: auto;
  height: 20px;
}
@media screen and (min-width: 1024px) {
  .p-hnav__mypage > img,
  .p-hnav__fav > img,
  .p-hnav__cart > img {
    height: 23px;
  }
}
.p-hnav__mypage .hover-img,
.p-hnav__fav .hover-img,
.p-hnav__cart .hover-img {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  pointer-events: none;
}

.p-hnav__hamburger {
  cursor: pointer;
  width: 22px;
  height: 23px;
}

.p-langnav {
  margin: 0 0 25px 0;
  list-style: none;
  padding: 0;
  display: none;
  width: 97px;
}
@media screen and (max-width: 1023px) {
  .--hnav .p-langnav {
    margin: 0;
  }
}
@media screen and (min-width: 1024px) {
  .--hnav .p-langnav {
    margin: 0 0 25px 0;
  }
}
.l-footer__sns .p-langnav {
  margin-bottom: 19px;
}

.p-langnav__items {
  display: flex;
}

.p-langnav__item {
  display: flex;
}
.p-langnav__item::after {
  content: "/";
  width: 1.5em;
  display: block;
}
@media screen and (min-width: 1024px) {
  .p-langnav__item::after {
    padding-left: 0.4em;
    width: 1.2em;
  }
}
@media screen and (max-width: 480px) {
  .p-langnav__item::after {
    text-align: center;
  }
}
.l-footer .p-langnav__item::after {
  opacity: 0.3;
  padding-left: 0.2em;
}
.p-langnav__item:last-of-type::after {
  display: none;
}

.p-langnav__link {
  font-size: 0.875rem;
  font-weight: 500;
  text-decoration: none;
}
.l-header .p-langnav__link {
  color: #8B8A8A;
}
.l-footer .p-langnav__link {
  color: #8B8A8A;
}
.l-header .--is-active .p-langnav__link {
  color: #000000;
}
.l-footer .--is-active .p-langnav__link {
  color: #ffffff;
}
.p-langnav__link:hover {
  opacity: 0.5;
}

.p-navbtns {
  display: flex;
}
@media screen and (max-width: 480px) {
  .p-navbtns {
    flex-direction: column;
    row-gap: 24px;
    width: 100%;
  }
}
@media screen and (max-width: 1023px) {
  .p-navbtns {
    row-gap: 24px;
    flex-wrap: wrap;
    -moz-column-gap: 19px;
         column-gap: 19px;
  }
}
@media screen and (min-width: 1024px) {
  .p-navbtns {
    -moz-column-gap: 24px;
         column-gap: 24px;
  }
}

.p-navbtns__item {
  aspect-ratio: 2/1;
  width: 258px;
}
@media screen and (max-width: 480px) {
  .p-navbtns__item {
    width: calc(100vw - 60px);
  }
}
.p-navbtns__item:nth-child(1) .p-navbtns__link {
  background-image: url(../img/common/footer_01.webp);
}
.p-navbtns__item:nth-child(2) .p-navbtns__link {
  background-image: url(../img/common/footer_02.webp);
  color: #000000;
}
.p-navbtns__item:nth-child(3) .p-navbtns__link {
  background-image: url(../img/common/footer_03.webp);
}

.p-navbtns__link {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  text-decoration: none;
  letter-spacing: 0.1em;
  font-weight: 600;
  color: #ffffff;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 100%;
  font-size: 1.4375rem;
}
@media screen and (max-width: 1023px) {
  .p-navbtns__link {
    height: 100%;
    line-height: 1.5rem;
  }
}
@media screen and (min-width: 1024px) {
  .p-navbtns__link {
    font-size: 1.25rem;
    height: 128px;
    line-height: 1.1;
  }
}
.p-navbtns__link:hover {
  color: inherit;
  opacity: 0.7;
}

@media screen and (max-width: 1023px) {
  .--hnav .p-snsnav {
    padding-left: 0px;
  }
}

.p-snsnav__items {
  display: flex;
  width: 96px;
  -moz-column-gap: 16px;
       column-gap: 16px;
  align-items: center;
}

.p-snsnav__link > img {
  transition: all 0.3s ease-in-out;
  opacity: 1;
}
.p-snsnav__link:hover > img {
  opacity: 0.3;
}
.p-home-hero-nav {
  width: 236px;
  position: fixed;
  top: 122px;
  right: 25px;
  z-index: 4 !important;
}
@media (max-width: 700px) {
  .p-home-hero-nav {
    position: absolute !important;
    width: 140px;
    top: 34px !important;
    right: 20px !important;
  }
}

.p-home-hero-nav__items {
  border-bottom: 0.5px solid #000000;
}
@media screen and (max-width: 1023px) {
  .p-home-hero-nav__items {
    width: 140px;
  }
}

.p-home-hero-nav__item {
  padding: 16px 0;
  border-top: 0.5px solid #000000;
  margin-top: -1px;
}
@media screen and (max-width: 1023px) {
  .p-home-hero-nav__item {
    padding: 11px 0;
  }
}
.p-home-hero-nav__item:first-child {
  margin-top: 0;
}

.p-home-hero-nav__link {
  cursor: pointer;
  font-weight: 500;
  line-height: 0.8;
}
.p-home-hero-nav__link:hover .c-hover-arrow__text {
  opacity: 0.5;
}
.p-home-hero-nav__link:hover .c-hover-arrow__wrapper {
  bottom: 0px;
  left: 0px;
  transform: scale(1.4);
  transform-origin: bottom left;
}
@media screen and (max-width: 1023px) {
  .p-home-hero-nav__link:hover .c-hover-arrow__wrapper {
    /*
    width: 14px;
    height: 26px;
    */
  }
}
.p-home-hero-nav__link:hover .c-hover-arrow__wrapper img {
  width: 100%;
  height: 100%;
}
.p-home-hero-nav__link .c-hover-arrow__wrapper img {
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 1023px) {
  .p-home-hero-nav__link .c-hover-arrow__text {
    font-size: 1.125rem;
    margin-right: 0;
    margin-bottom: 0;
  }
}
.p-home-hero-nav__link .c-hover-arrow__wrapper {
  bottom: 0px;
  display: block;
  padding-bottom: 4px;
  font-size: 1.875rem;
}
@media screen and (max-width: 1023px) {
  .p-home-hero-nav__link .c-hover-arrow__wrapper {
    font-size: 1.1875rem;
    padding-bottom: 0;
    bottom: -2px;
  }
}

.no-transition {
  transition: none !important;
}
.no-transition * {
  transition: none !important;
}

.--pc-only {
  display: block;
}
@media (max-width: 700px) {
  .--pc-only {
    display: none !important;
  }
}

.--sp-only {
  display: none;
}
@media (max-width: 700px) {
  .--sp-only {
    display: block !important;
  }
}

.p-home-hero {
  position: relative;
  min-height: calc(100vh - 73px);
  height: calc(100vh - 73px);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  border-bottom: 0.5px solid #000000;
}
@media screen and (max-width: 1023px) {
  .p-home-hero {
    min-height: calc(100vh - 54px);
    height: calc(100vh - 54px);
    margin: 0 -20px;
    padding: 34px 0 0;
    overflow-x: hidden !important;
  }
}

.p-home-hero.is-preload .p-home-hero__key-visual_img,
.p-home-hero.is-preload .p-home-hero__key-visual_img img,
.p-home-hero.is-preload .p-home-hero__key-visual_item {
  opacity: 0;
  pointer-events: none;
}

.p-home-hero__key-visual {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 83px;
  width: 100%;
  max-width: 1156px;
  height: 100%;
  margin: 0;
}
@media screen and (min-width: 1024px) {
  .p-home-hero__key-visual {
    margin-bottom: 50px;
    padding-top: 15px;
  }
}
@media (max-width: 1195px) and (min-width: 701px) {
  .p-home-hero__key-visual {
    width: calc(100vw - 40px);
  }
}
@media screen and (max-width: 1023px) {
  .p-home-hero__key-visual {
    gap: 43px;
  }
}
@media (max-width: 700px) {
  .p-home-hero__key-visual {
    display: block;
    margin: 0 -20px;
    width: 100%;
    max-width: none;
    overflow-x: clip;
    position: relative;
  }
}
@media screen and (min-width: 1024px) {
  .p-home-hero__key-visual_left, .p-home-hero__key-visual_right {
    padding-bottom: 56px;
  }
}
.p-home-hero__key-visual_left ._l, .p-home-hero__key-visual_left ._m, .p-home-hero__key-visual_left ._s, .p-home-hero__key-visual_right ._l, .p-home-hero__key-visual_right ._m, .p-home-hero__key-visual_right ._s {
  position: relative;
  background-color: transparent;
}
.p-home-hero__key-visual_left ._l::before, .p-home-hero__key-visual_left ._m::before, .p-home-hero__key-visual_left ._s::before, .p-home-hero__key-visual_right ._l::before, .p-home-hero__key-visual_right ._m::before, .p-home-hero__key-visual_right ._s::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.6);
  opacity: 0;
  transition: opacity 0.3s ease-out;
  pointer-events: none;
  z-index: 2;
}
.p-home-hero__key-visual_left ._l:not(:hover)::before, .p-home-hero__key-visual_left ._m:not(:hover)::before, .p-home-hero__key-visual_left ._s:not(:hover)::before, .p-home-hero__key-visual_right ._l:not(:hover)::before, .p-home-hero__key-visual_right ._m:not(:hover)::before, .p-home-hero__key-visual_right ._s:not(:hover)::before {
  opacity: 0 !important;
}
@media (min-width: 701px) {
  .p-home-hero__key-visual_left ._l:hover, .p-home-hero__key-visual_left ._m:hover, .p-home-hero__key-visual_left ._s:hover, .p-home-hero__key-visual_right ._l:hover, .p-home-hero__key-visual_right ._m:hover, .p-home-hero__key-visual_right ._s:hover {
    z-index: 4;
  }
  .p-home-hero__key-visual_left ._l:hover::before, .p-home-hero__key-visual_left ._m:hover::before, .p-home-hero__key-visual_left ._s:hover::before, .p-home-hero__key-visual_right ._l:hover::before, .p-home-hero__key-visual_right ._m:hover::before, .p-home-hero__key-visual_right ._s:hover::before {
    opacity: 1;
  }
  .p-home-hero__key-visual_left ._l:hover .p-home-hero__key-visual_item, .p-home-hero__key-visual_left ._m:hover .p-home-hero__key-visual_item, .p-home-hero__key-visual_left ._s:hover .p-home-hero__key-visual_item, .p-home-hero__key-visual_right ._l:hover .p-home-hero__key-visual_item, .p-home-hero__key-visual_right ._m:hover .p-home-hero__key-visual_item, .p-home-hero__key-visual_right ._s:hover .p-home-hero__key-visual_item {
    opacity: 1;
    pointer-events: auto;
  }
  .p-home-hero__key-visual_left ._l:hover img, .p-home-hero__key-visual_left ._m:hover img, .p-home-hero__key-visual_left ._s:hover img, .p-home-hero__key-visual_right ._l:hover img, .p-home-hero__key-visual_right ._m:hover img, .p-home-hero__key-visual_right ._s:hover img {
    opacity: 1;
  }
}
.p-home-hero__key-visual_left ._l.sp-tap-hover, .p-home-hero__key-visual_left ._m.sp-tap-hover, .p-home-hero__key-visual_left ._s.sp-tap-hover, .p-home-hero__key-visual_right ._l.sp-tap-hover, .p-home-hero__key-visual_right ._m.sp-tap-hover, .p-home-hero__key-visual_right ._s.sp-tap-hover {
  z-index: 4;
}
.p-home-hero__key-visual_left ._l.sp-tap-hover::before, .p-home-hero__key-visual_left ._m.sp-tap-hover::before, .p-home-hero__key-visual_left ._s.sp-tap-hover::before, .p-home-hero__key-visual_right ._l.sp-tap-hover::before, .p-home-hero__key-visual_right ._m.sp-tap-hover::before, .p-home-hero__key-visual_right ._s.sp-tap-hover::before {
  opacity: 1;
}
.p-home-hero__key-visual_left ._l.sp-tap-hover .p-home-hero__key-visual_item, .p-home-hero__key-visual_left ._m.sp-tap-hover .p-home-hero__key-visual_item, .p-home-hero__key-visual_left ._s.sp-tap-hover .p-home-hero__key-visual_item, .p-home-hero__key-visual_right ._l.sp-tap-hover .p-home-hero__key-visual_item, .p-home-hero__key-visual_right ._m.sp-tap-hover .p-home-hero__key-visual_item, .p-home-hero__key-visual_right ._s.sp-tap-hover .p-home-hero__key-visual_item {
  opacity: 1;
  pointer-events: auto;
}
.p-home-hero__key-visual_left ._l.sp-tap-hover .p-home-hero__key-visual_article-link, .p-home-hero__key-visual_left ._m.sp-tap-hover .p-home-hero__key-visual_article-link, .p-home-hero__key-visual_left ._s.sp-tap-hover .p-home-hero__key-visual_article-link, .p-home-hero__key-visual_right ._l.sp-tap-hover .p-home-hero__key-visual_article-link, .p-home-hero__key-visual_right ._m.sp-tap-hover .p-home-hero__key-visual_article-link, .p-home-hero__key-visual_right ._s.sp-tap-hover .p-home-hero__key-visual_article-link {
  opacity: 0;
}
.p-home-hero__key-visual_left ._l.sp-tap-hover img, .p-home-hero__key-visual_left ._m.sp-tap-hover img, .p-home-hero__key-visual_left ._s.sp-tap-hover img, .p-home-hero__key-visual_right ._l.sp-tap-hover img, .p-home-hero__key-visual_right ._m.sp-tap-hover img, .p-home-hero__key-visual_right ._s.sp-tap-hover img {
  opacity: 1;
}
@media (max-width: 700px) {
  .p-home-hero__key-visual_left ._l:hover, .p-home-hero__key-visual_left ._m:hover, .p-home-hero__key-visual_left ._s:hover, .p-home-hero__key-visual_right ._l:hover, .p-home-hero__key-visual_right ._m:hover, .p-home-hero__key-visual_right ._s:hover {
    z-index: 0;
  }
}
.p-home-hero__key-visual_left {
  max-width: 497px;
  width: 100%;
}
@media (max-width: 700px) {
  .p-home-hero__key-visual_left {
    display: none;
  }
}
.p-home-hero__key-visual_left ._l {
  aspect-ratio: 440/330;
  width: 440px;
  margin: 0;
  transform: translate(49px, 20px);
  cursor: pointer;
}
@media screen and (max-width: 1023px) {
  .p-home-hero__key-visual_left ._l {
    width: 300px;
  }
}
.p-home-hero__key-visual_left ._m {
  aspect-ratio: 260/195;
  width: 260px;
  margin: 0;
  transform: translate(298px, -57px);
  cursor: pointer;
}
@media screen and (max-width: 1023px) {
  .p-home-hero__key-visual_left ._m {
    width: 160px;
  }
}
.p-home-hero__key-visual_left ._s {
  aspect-ratio: 280/210;
  width: 280px;
  margin: 0;
  transform: translate(-46px, -132px); /* 8/19 -11 -> -41 */
  cursor: pointer;
}
@media screen and (max-width: 1023px) {
  .p-home-hero__key-visual_left ._s {
    width: 180px;
  }
}
.p-home-hero__key-visual_right {
  max-width: 600px;
  width: 100%;
}
@media (max-width: 700px) {
  .p-home-hero__key-visual_right {
    display: flex;
    flex-direction: column;
    position: relative;
    min-height: 500px;
  }
}
.p-home-hero__key-visual_right ._l {
  aspect-ratio: 400/300;
  width: 400px;
  margin: 0;
  transform: translate(8px, 0px);
  cursor: pointer;
}
@media screen and (max-width: 1023px) {
  .p-home-hero__key-visual_right ._l {
    width: 260px;
  }
}
@media (max-width: 700px) {
  .p-home-hero__key-visual_right ._l {
    order: 1;
    width: auto;
    width: 249.85px;
    aspect-ratio: 249.85/168.39;
    position: absolute;
    transform: none;
  }
}
.p-home-hero__key-visual_right ._m {
  aspect-ratio: 280/210;
  width: 280px;
  margin: 0;
  transform: translate(-83px, 108px);
  cursor: pointer;
}
@media screen and (max-width: 1023px) {
  .p-home-hero__key-visual_right ._m {
    width: 170px;
  }
}
@media (max-width: 700px) {
  .p-home-hero__key-visual_right ._m {
    display: block;
    order: 3;
    aspect-ratio: 237.7/175.55;
    transform: translate(0px, 0px);
    width: auto;
    max-width: 238px;
    margin-top: 350px;
    left: 20px;
  }
}
.p-home-hero__key-visual_right ._s {
  aspect-ratio: 384/288;
  width: 384px;
  margin: 0;
  transform: translate(251px, -155px); /* 8/19 236 -> 251 */
  cursor: pointer;
}
@media screen and (max-width: 1023px) {
  .p-home-hero__key-visual_right ._s {
    width: 284px;
  }
}
@media (max-width: 700px) {
  .p-home-hero__key-visual_right ._s {
    order: 2;
    aspect-ratio: 268.57/180;
    width: auto;
    max-width: 268px;
    max-height: 176px;
    position: absolute;
    top: 198px;
    right: 0;
    transform: translateY(0px);
  }
}
.p-home-hero__key-visual img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: opacity 0.3s ease-out;
}
.p-home-hero__key-visual .new::after, .p-home-hero__key-visual .weekly::after {
  position: absolute;
  content: "NEW";
  font-size: 1rem;
  top: 6px;
  left: 10px;
  z-index: 5;
  will-change: transform;
}
@media (max-width: 700px) {
  .p-home-hero__key-visual .new::after, .p-home-hero__key-visual .weekly::after {
    font-size: 0.75rem;
    top: 4px;
    left: 7px;
  }
}
.p-home-hero__key-visual .weekly::after {
  content: "Weekly Picks";
}
.p-home-hero__key-visual_item {
  position: absolute;
  width: 220px;
  top: 40%;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
  opacity: 0;
  transition: opacity 0.3s ease-out;
  pointer-events: none;
  z-index: 10;
}
.p-home-hero__key-visual_txt {
  font-size: 1.25rem;
  margin-bottom: 16px;
}
.p-home-hero__key-visual_link {
  font-size: 0.875rem;
  text-decoration: underline;
  text-underline-offset: 0.15em;
}
.p-home-hero__key-visual_link:hover {
  color: #808080;
  text-decoration: underline;
  text-underline-offset: 0.15em;
}
.p-home-hero__key-visual_article-link {
  display: none;
  position: absolute;
  bottom: 4px;
  right: 7px;
  font-size: 0.75rem;
  color: #000000;
  z-index: 5;
  pointer-events: none;
  opacity: 1;
  transition: opacity 0.3s ease-out;
}
@media (max-width: 700px) {
  .p-home-hero__key-visual_article-link {
    display: block;
    pointer-events: auto;
  }
}

.p-home-hero__news {
  position: absolute;
  left: clamp(16px, 4vw, 62px);
  bottom: clamp(16px, 3vh, 40px);
  top: auto;
  margin: 0;
  transform: translateZ(0);
  /* 常時1pxの線 → 色だけ遷移 */
  /* ホバー/フォーカスで文字色と線色を808080に */
  /* 子pは色を継承させる */
}
.p-home-hero__news__stack {
  position: relative;
  overflow: hidden;
  width: -moz-fit-content;
  width: fit-content;
}
.p-home-hero__news__ttl-wrapper {
  display: flex;
}
@media screen and (min-width: 1024px) {
  .p-home-hero__news__ttl-wrapper {
    height: 30px;
  }
}
.p-home-hero__news__inner {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 1023px) {
  .p-home-hero__news__inner {
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
  }
}
.p-home-hero__news__ttl {
  font-size: 1.5625rem;
  margin-right: 15px;
}
@media screen and (max-width: 1023px) {
  .p-home-hero__news__ttl {
    font-size: 1.125rem;
    margin-right: 9px;
  }
}
.p-home-hero__news__txt-wrapper {
  position: relative;
  display: inline-flex;
  align-items: baseline;
  line-height: 1;
  padding-bottom: 2px;
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
  color: inherit;
}
@media screen and (min-width: 1024px) {
  .p-home-hero__news__txt-wrapper {
    position: absolute; /* ここは好み。重ねたくないなら消してOK */
    inset: 0; /* position:absolute のとき親いっぱい */
    opacity: 0;
    transform: translateY(12px);
    pointer-events: none;
    transition: opacity 500ms ease, transform 500ms ease;
  }
}
@media screen and (max-width: 1023px) {
  .p-home-hero__news__txt-wrapper {
    margin-left: 10px;
    display: grid;
    grid-template-columns: 1fr auto; /* 左=本文(可変), 右=文字数(固定) */
    align-items: baseline;
    position: absolute;
    inset: 0;
    transform: translateY(100%);
    opacity: 0;
    pointer-events: none;
  }
}
.p-home-hero__news__txt-wrapper::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 7px;
  height: 1px;
  background-color: #fff;
  pointer-events: none;
  transition: all 0.3s ease-in-out;
}
.p-home-hero__news__txt-wrapper.is-pressed {
  color: #808080;
}
.p-home-hero__news__txt-wrapper.is-pressed::after {
  background-color: #808080;
}
.p-home-hero__news__txt-wrapper:hover, .p-home-hero__news__txt-wrapper:focus-visible {
  color: #808080;
}
.p-home-hero__news__txt-wrapper:hover::after, .p-home-hero__news__txt-wrapper:focus-visible::after {
  background-color: #808080;
}
.p-home-hero__news__txt-wrapper.is-current {
  position: static;
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}
.p-home-hero__news__date, .p-home-hero__news__txt, .p-home-hero__news__note {
  margin: 0;
  color: inherit;
}
.p-home-hero__news__date {
  font-size: 0.875rem;
  padding-right: 10px;
  position: relative;
  display: inline-block;
}
@media screen and (min-width: 1024px) {
  .p-home-hero__news__date {
    width: 87px;
  }
}
@media screen and (max-width: 1023px) {
  .p-home-hero__news__date {
    font-size: 0.875rem;
    grid-column: 1/-1; /* 2カラムをまたぐ */
  }
}
.p-home-hero__news__date.is-anim {
  animation: news-date-slide-up 0.5s ease both;
}
.p-home-hero__news__txt {
  font-size: 0.875rem;
  padding-right: 10px;
}
@media screen and (max-width: 1023px) {
  .p-home-hero__news__txt {
    font-size: 0.875rem;
    grid-column: 1;
  }
}
.p-home-hero__news__note {
  font-size: 0.875rem;
  padding-right: 10px;
}
@media screen and (max-width: 1023px) {
  .p-home-hero__news__note {
    font-size: 0.875rem;
    grid-column: 2;
  }
}

@keyframes news-date-slide-up {
  from {
    transform: translateY(12px);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

.p-home-pickup-block {
  display: block;
  width: 420px;
  height: 271px;
  position: relative;
  margin-left: -110px;
  flex-shrink: 0;
}
@media screen and (max-width: 1023px) {
  .p-home-pickup-block {
    width: 320px;
    height: 220px;
    margin-left: -125px;
  }
}
.p-home-pickup-block:nth-child(1) {
  margin-left: 0;
}
@media screen and (max-width: 1023px) {
  .p-home-pickup-block:nth-child(1) {
    margin-top: 2px;
  }
}
.p-home-pickup-block:nth-child(2n) {
  margin-top: 274px;
}
@media screen and (max-width: 1023px) {
  .p-home-pickup-block:nth-child(2n) {
    margin-left: -180px;
    margin-top: 228px;
  }
}
@media screen and (max-width: 1023px) {
  .p-home-pickup-block:nth-child(3n) {
    margin-left: -80px;
  }
}

.p-home-pickup-block__wrapper {
  display: flex;
  flex-wrap: nowrap;
  padding-top: 19px;
  padding-left: 70px;
  width: 1804px;
}
@media screen and (max-width: 1023px) {
  .p-home-pickup-block__wrapper {
    padding-top: 0;
    padding-left: 11px;
    width: 1080px;
  }
}

.p-home-pickup-block__category {
  position: absolute;
  top: -16px;
  right: 11px;
  z-index: 2;
  font-size: 1.25rem;
  background-color: #ffffff;
  color: #000000;
  border: 1.5px solid #000000;
  border-radius: 50%;
  display: inline-flex;
  padding: 1.05em 1.092em;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}
@media screen and (max-width: 1023px) {
  .p-home-pickup-block__category {
    font-size: 0.875rem;
    padding: 16px;
    top: 2px;
    right: 14px;
    align-items: center;
    justify-content: center;
    background-color: #ffffff;
    color: #000000;
  }
}

.p-home-pickup-block__content {
  position: absolute;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 1023px) {
  .p-home-pickup-block__content {
    max-width: 320px;
    max-height: 220px;
    aspect-ratio: 320/220;
    padding-top: 16px;
  }
}
.p-home-pickup-block__content img {
  width: 420px;
  height: 254px;
  object-fit: cover;
  border-radius: 300px;
}
@media screen and (max-width: 1023px) {
  .p-home-pickup-block__content img {
    width: 320px;
    height: 204px;
  }
}

.p-home-pickup-block:hover .p-home-pickup-block__content {
  opacity: 0.3;
}

.p-home-pickup-block:hover .p-home-pickup-block__content ~ .p-home-pickup-block__content--on {
  opacity: 1;
  visibility: visible;
}

.p-home-pickup-block__content--on {
  position: absolute;
  z-index: 2;
  transition: all 0.3s ease-in-out;
  opacity: 0;
  overflow: hidden;
  width: 420px;
  height: 254px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  -moz-column-gap: 13px;
       column-gap: 13px;
  padding: 0;
  padding-top: 58px;
}
@media screen and (max-width: 1023px) {
  .p-home-pickup-block__content--on {
    align-items: center;
    max-width: 320px;
    max-height: 204px;
    padding: 35px 14px 0;
  }
}

.p-home-pickup-block__fav {
  padding-top: 0;
  padding-right: 0;
  position: absolute;
  z-index: 5;
  top: -4px;
  right: -15px;
}
@media screen and (max-width: 1023px) {
  .p-home-pickup-block__fav {
    top: -4px;
    right: 10px;
  }
}
.p-home-pickup-block__fav svg,
.p-home-pickup-block__fav g,
.p-home-pickup-block__fav path {
  opacity: 1;
  visibility: visible;
}
@media screen and (max-width: 1023px) {
  .p-home-pickup-block__fav svg,
  .p-home-pickup-block__fav g,
  .p-home-pickup-block__fav path {
    width: 16px;
    height: 16px;
  }
}

.p-home-pickup-block__content--on__img {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-left: -34px;
}
@media screen and (max-width: 1023px) {
  .p-home-pickup-block__content--on__img {
    max-width: 88px;
    margin-left: 0;
  }
}

.p-home-pickup-block__content--on__img-title {
  margin-bottom: -10px;
  position: relative;
  z-index: 1;
}

.p-home-pickup-block__content--on__content {
  position: relative;
  margin-top: 5px;
  max-width: 195px;
}

.p-home-pickup-block__content--on__content__inner {
  padding-top: 2px;
}
@media screen and (max-width: 480px) {
  .p-home-pickup-block__content--on__content__inner {
    padding-top: 0;
  }
}

.p-home-pickup-block__ttl {
  font-size: 1.25rem;
  font-weight: 600;
  color: #595757;
  line-height: 1;
  max-width: 180px;
  min-height: 32px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-clamp: 2;
  -webkit-line-clamp: 2;
}
@media screen and (max-width: 1023px) {
  .p-home-pickup-block__ttl {
    font-size: 1.125rem;
    line-height: 1.4;
  }
}
@media screen and (max-width: 480px) {
  .p-home-pickup-block__ttl {
    max-width: 156px;
  }
}

.p-home-pickup-block__subttl {
  font-size: 1rem;
  font-weight: 500;
  margin-top: 8px;
  line-height: 1;
}
@media screen and (max-width: 1023px) {
  .p-home-pickup-block__subttl {
    font-size: 1rem;
    font-weight: 400;
    margin-top: 0;
    line-height: 1.5;
  }
}

.p-home-pickup-block__txt {
  font-size: 0.875rem;
  line-height: 1.5714285714;
  margin-top: 8px;
  margin-bottom: 10px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
@media screen and (max-width: 1023px) {
  .p-home-pickup-block__txt {
    font-size: 0.875rem;
    margin-top: 2px;
    margin-bottom: 4px;
    padding-right: 16px;
    line-height: 1.4;
    overflow: hidden;
    width: 191px;
    height: 36px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
  }
}

.p-home-pickup-block__link {
  font-size: 0.75rem;
  border-bottom: none;
}
@media screen and (max-width: 1023px) {
  .p-home-pickup-block__link {
    font-size: 0.875rem;
  }
}
.p-home-pickup-block__link .c-hover-arrow__text {
  border-bottom: 1px solid #000;
}
@media screen and (max-width: 1023px) {
  .p-home-pickup-block__link .c-hover-arrow__inner .c-hover-arrow__text {
    margin-top: 0;
    color: #000;
  }
}

.c-hover-arrow.--on-white {
  border-bottom: none;
}

.p-home-pickup {
  border-bottom: 0.5px solid #000000;
  position: relative;
}
@media screen and (max-width: 1023px) {
  .p-home-pickup {
    margin: 38px -20px 0;
    scroll-margin-top: 54px;
  }
}

.p-home-pickup__inner {
  margin: 85px 0 26px;
}
@media screen and (max-width: 1023px) {
  .p-home-pickup__inner {
    margin: 0 0 60px;
  }
}

.p-home-pickup__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: -85px 54px 32px 54px;
  padding-top: 85px;
}
@media screen and (max-width: 1023px) {
  .p-home-pickup__header {
    display: block;
    margin: 0 20px 24px;
    padding-top: 0;
  }
}

@media screen and (max-width: 1023px) {
  .p-home-pickup__header__title {
    display: block;
  }
}

.p-home-pickup__ttl {
  font-weight: 400;
  transition: color 0.3s ease;
}
.p-home-pickup__ttl:hover {
  color: #09ED00;
}
@media screen and (max-width: 1023px) {
  .p-home-pickup__ttl {
    font-size: 32px;
    margin-bottom: 10px;
  }
}

.p-home-pickup__txt {
  font-size: 1rem;
  line-height: 1.3125;
  margin: 0;
}
@media (max-width: 550px) {
  .p-home-pickup__txt {
    font-size: 0.75rem;
    margin-bottom: 20px;
  }
}

.p-home-pickup__header__icon-scroll-sp {
  position: relative;
  min-width: 155px;
}
@media screen and (max-width: 1023px) {
  .p-home-pickup__header__icon-scroll-sp {
    min-width: 48px;
  }
}
@media screen and (min-width: 1024px) {
  .p-home-pickup__header__icon-scroll-sp {
    display: none;
  }
}
@media screen and (max-width: 1023px) {
  .p-home-pickup__header__icon-scroll-sp {
    display: none;
  }
}
@media screen and (max-width: 480px) {
  .p-home-pickup__header__icon-scroll-sp {
    display: flex;
    justify-content: flex-end;
    width: 100%;
  }
}
.p-home-pickup__header__icon-scroll-sp img {
  align-self: flex-end;
  width: 50px;
}

.p-home-pickup__body {
  overflow-x: auto;
  width: 100vw;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.p-home-pickup__body::-webkit-scrollbar {
  display: none;
}

.p-home-reports-list {
  position: relative;
  max-width: 378px;
  margin-left: -1px;
  transition: opacity 0.3s ease-in-out;
  opacity: 1;
}
@media screen and (max-width: 1023px) {
  .p-home-reports-list {
    min-width: 315px;
  }
}
.p-home-reports-list:hover .c-slick-prev,
.p-home-reports-list:hover .c-slick-next {
  opacity: 1;
}

.p-home-reports-list__wrapper {
  display: flex;
  flex-wrap: nowrap;
  overflow: hidden;
}
.p-home-reports-list__wrapper .slick-track {
  display: flex;
  align-items: stretch;
  margin-left: 0;
}
.p-home-reports-list__wrapper .slick-slide {
  display: flex;
  height: auto;
  width: 378px;
}
@media (max-width: 700px) {
  .p-home-reports-list__wrapper .slick-slide {
    width: calc(100vw - 40px) !important;
    max-width: 360px !important;
  }
}
@media (max-width: 375px) {
  .p-home-reports-list__wrapper .slick-slide {
    width: calc(100vw - 50px) !important;
    max-width: 325px !important;
  }
}

a.p-home-reports-list:hover {
  color: inherit;
  text-decoration: none;
}

.p-home-reports-list__inner {
  position: relative;
  width: 378px;
  min-height: 490px;
  height: 100%;
  transition: all 0.3s ease;
  border: 1px solid #000000;
}
@media (max-width: 700px) {
  .p-home-reports-list__inner {
    width: calc(100vw - 40px);
    max-width: 360px;
    min-height: 430px;
  }
}
@media (max-width: 375px) {
  .p-home-reports-list__inner {
    width: calc(100vw - 50px) !important;
    max-width: 325px !important;
  }
}

.p-home-reports-list__inner-frame {
  position: relative;
  background: #ffffff;
  height: 100%;
  padding: 40px 24px 10px;
}
@media screen and (max-width: 1023px) {
  .p-home-reports-list__inner-frame {
    padding: 25px 20px 12px;
  }
}
.p-home-reports-list__inner-frame::before, .p-home-reports-list__inner-frame::after {
  content: "";
  position: absolute;
  width: 12px;
  height: 12px;
  background-color: #ffffff;
}
.p-home-reports-list__inner-frame::before {
  top: -1px;
  left: -1px;
}
.p-home-reports-list__inner-frame::after {
  top: -1px;
  right: -1px;
}

.p-home-reports-list__inner-frame-bottom {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.p-home-reports-list__inner-frame-bottom::before, .p-home-reports-list__inner-frame-bottom::after {
  content: "";
  position: absolute;
  width: 12px;
  height: 12px;
  background-color: #ffffff;
}
.p-home-reports-list__inner-frame-bottom::before {
  bottom: -1px;
  left: -1px;
}
.p-home-reports-list__inner-frame-bottom::after {
  bottom: -1px;
  right: -1px;
}

.p-home-reports-list__corner {
  position: absolute;
  width: 12px;
  height: 12px;
  background-color: #ffffff;
}

.p-home-reports-list__fav {
  position: absolute;
  top: 30px;
  right: 14px;
  z-index: 2;
  cursor: pointer;
}
.p-home-reports-list__fav svg {
  width: 15px;
  height: 21px;
  fill: transparent;
  stroke: #000000;
  transition: all 0.3s ease;
}
.p-home-reports-list__fav:hover svg {
  fill: rgba(0, 0, 0, 0.1);
}
.p-home-reports-list__fav svg.is-fav {
  fill: #000000;
}
.p-home-reports-list__fav.is-fav:hover svg {
  fill: #000000;
}

.p-home-reports-list__header {
  min-height: 48px;
}

.p-home-reports-list__ttl {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
}
@media screen and (max-width: 480px) {
  .p-home-reports-list__ttl {
    font-size: 0.875rem;
  }
}

.p-home-reports-list__body {
  margin-top: 28px;
}
@media screen and (max-width: 1023px) {
  .p-home-reports-list__body {
    margin-top: 19px;
  }
}

.p-home-reports-list__img {
  position: relative;
  aspect-ratio: 1;
  width: 330px;
  overflow: hidden;
}
.p-home-reports-list__img img {
  transition: opacity 0.3s ease, transform 0.3s ease;
}
.p-home-reports-list__img:hover img {
  opacity: 0.7;
  transform: scale(1.1);
}
@media screen and (max-width: 1023px) {
  .p-home-reports-list__img {
    max-width: 275px;
  }
}
.is-new .p-home-reports-list__img::before {
  content: "NEW";
  position: absolute;
  top: 11px;
  left: 8px;
  color: #000AFF;
  font-size: 1rem;
  line-height: 1;
  z-index: 1;
  border-bottom: 1px solid #000AFF;
}

.p-home-reports-list__footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 28px;
}
@media screen and (max-width: 1023px) {
  .p-home-reports-list__footer {
    min-height: 45px;
    margin-top: 6px;
    align-items: flex-end;
  }
}

.p-home-reports-list__left-txt {
  font-size: 0.75rem;
  color: #595757;
  white-space: nowrap;
  flex-shrink: 0;
}
@media screen and (max-width: 1023px) {
  .p-home-reports-list__left-txt {
    line-height: 1.33;
    flex: 0 0 auto;
  }
}

.p-home-reports-list__right-txt {
  font-size: 0.75rem;
  color: #595757;
  flex-shrink: 1;
  margin-left: 10px;
}
@media screen and (max-width: 1023px) {
  .p-home-reports-list__right-txt {
    line-height: 1.33;
    flex: 1 1 auto;
    min-width: 0;
    text-align: right;
  }
}

.p-home-reports-list__nav {
  position: relative;
  display: grid;
  grid-template-columns: 11px auto 38px;
  grid-template-rows: 1fr;
  gap: 0px 17px;
  justify-content: center;
  margin-top: 30px;
}
@media screen and (max-width: 1023px) {
  .p-home-reports-list__nav {
    margin-top: 40px;
    grid-template-columns: 11px auto 15px;
  }
}
.p-home-reports-list__nav .slick-dots {
  position: static;
  display: flex;
  justify-content: center;
  grid-area: 1/2/2/3;
}
.p-home-reports-list__nav .slick-dots li {
  width: 11px;
  height: 13px;
  margin: 0;
}
.p-home-reports-list__nav .slick-dots li button {
  width: 11px;
  height: 13px;
  padding: 0;
  border: none;
  background: transparent;
  cursor: pointer;
}
.p-home-reports-list__nav .slick-dots li button:before {
  font-size: 0.375rem;
  line-height: 13px;
  width: 11px;
  height: 13px;
  opacity: 1;
  color: #D8D8D9;
}
.p-home-reports-list__nav .slick-dots li.slick-active button::before {
  color: #595757;
  opacity: 1;
}
.p-home-reports-list__nav .slick-arrow {
  position: relative;
  z-index: 10;
  border: none;
  background: transparent;
  padding: 0;
  cursor: pointer;
}
.p-home-reports-list__nav .slick-arrow.c-slick-prev {
  grid-area: 1/1/2/2;
  width: 13px;
  height: 11px;
}
.p-home-reports-list__nav .slick-arrow.c-slick-prev img {
  width: 13px;
  height: 11px;
}
.p-home-reports-list__nav .slick-arrow.c-slick-next {
  grid-area: 1/3/2/4;
  width: 13px;
  height: 11px;
}
.p-home-reports-list__nav .slick-arrow.c-slick-next img {
  width: 13px;
  height: 11px;
}

.p-home-reports {
  margin: 0 -20px;
  border-bottom: 0.5px solid rgb(0, 0, 0);
}
.p-home-reports__inner {
  padding: 90px 0 82px;
}
@media screen and (max-width: 1023px) {
  .p-home-reports__inner {
    padding: 36px 0 40px;
    scroll-margin-top: 54px;
  }
}

.p-home-reports__header {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-left: 72px;
  margin-right: 72px;
}
@media screen and (max-width: 1023px) {
  .p-home-reports__header {
    margin: 0 20px;
    align-items: flex-start;
  }
}
@media screen and (max-width: 1023px) {
  .p-home-reports__header__title {
    display: block;
  }
}

.p-home-reports__ttl {
  font-weight: 400;
  transition: color 0.3s ease;
}
.p-home-reports__ttl:hover {
  color: #000AFF;
}
@media screen and (max-width: 1023px) {
  .p-home-reports__ttl {
    font-size: 2rem;
  }
}

.p-home-reports__txt {
  margin: 0;
  font-size: 1.25rem;
  line-height: 1.5;
}
@media screen and (max-width: 1023px) {
  .p-home-reports__txt {
    margin-top: 12px;
    font-size: 0.75rem;
  }
}

.p-home-reports__header__title {
  -moz-column-gap: 45px;
       column-gap: 45px;
}

.p-home-reports__list-link {
  align-items: center;
}
@media screen and (max-width: 1023px) {
  .p-home-reports__list-link {
    margin: 8px 0 10px 10px;
  }
}
@media screen and (max-width: 1023px) {
  .p-home-reports__list-link .c-hover-arrow__inner {
    margin-top: 0;
  }
}
.p-home-reports__list-link .c-hover-arrow__inner .c-hover-arrow__text {
  margin-top: 4px;
  margin-right: 4px;
  color: #000;
}
.p-home-reports__list-link .c-hover-arrow__inner .c-hover-arrow__wrapper {
  bottom: 2px;
}
@media screen and (max-width: 1023px) {
  .p-home-reports__list-link .c-hover-arrow__inner .c-hover-arrow__wrapper {
    font-size: 1.125rem;
    bottom: 0;
  }
}
.p-home-reports__list-link:hover .c-hover-arrow__wrapper {
  bottom: 2px;
  left: 0px;
  transform: scale(1.4);
  transform-origin: bottom left;
}

.p-home-reports__body {
  overflow-x: auto;
  margin: 56px 0 0;
  padding: 0;
}
@media screen and (max-width: 1023px) {
  .p-home-reports__body {
    margin: 35px 0 0;
    padding: 0 0;
  }
}
.p-home-reports__body::-webkit-scrollbar {
  display: none;
}
.p-home-reports__body .slick-list.draggable {
  padding-left: 76px;
  /* padding-right: 66px; */
}
@media screen and (max-width: 1023px) {
  .p-home-reports__body .slick-list.draggable {
    padding: 0 20px;
  }
}

.p-home-sec02 {
  border-bottom: 0.5px solid #000000;
  padding: 36px 83px;
}
@media screen and (max-width: 1023px) {
  .p-home-sec02 {
    margin: 0 -20px;
    padding: 16px 24px;
  }
}

.p-home-sec02__inner {
  max-width: 1150px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  padding-right: 8px;
}
@media screen and (max-width: 1023px) {
  .p-home-sec02__inner {
    padding-right: 0;
  }
}
@media screen and (min-width: 480px) and (max-width: 1024px) {
  .p-home-sec02__inner {
    justify-content: center;
    flex-wrap: wrap;
    gap: 30px;
  }
}
@media (max-width: 550px) {
  .p-home-sec02__inner {
    display: block;
  }
}

.p-home-sec02__link {
  display: flex;
  align-items: center;
  -moz-column-gap: 24px;
       column-gap: 24px;
}
@media screen and (max-width: 1023px) {
  .p-home-sec02__link {
    margin-bottom: 8px;
    -moz-column-gap: 16px;
         column-gap: 16px;
  }
  .p-home-sec02__link:last-child {
    margin-bottom: 0;
  }
}
.p-home-sec02__link:hover {
  opacity: 1;
  text-decoration: none;
  color: inherit;
}
.p-home-sec02__link:hover .p-home-sec02__img::before, .p-home-sec02__link:hover .p-home-sec02__img::after {
  opacity: 1;
}
.p-home-sec02__link:hover .p-home-sec02__content {
  opacity: 1;
  color: inherit;
  text-decoration: none;
}

.p-home-sec02__img {
  max-width: 129px;
  position: relative;
}
@media screen and (max-width: 1023px) {
  .p-home-sec02__img {
    min-width: 82px;
    width: 82px;
  }
}
.p-home-sec02__img::before, .p-home-sec02__img::after {
  content: "";
  display: block;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
.p-home-sec02__img::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 129px;
  height: 92px;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 100px;
}
.p-home-sec02__img::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 51px;
  height: 52px;
  background-image: url(../img/common/icon_link-arrow_g.svg);
  background-repeat: no-repeat;
  background-size: 51px, 52px;
}
@media (max-width: 550px) {
  .p-home-sec02__img::after {
    display: none;
  }
}
.p-home-sec02__img._p::after {
  background-image: none;
  -webkit-mask-image: url(../img/common/icon_link-arrow_g.svg);
          mask-image: url(../img/common/icon_link-arrow_g.svg);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: 51px, 52px;
          mask-size: 51px, 52px;
  background-color: #EB5CCA;
}

.p-home-sec02__ttl {
  font-size: 1.25rem;
  font-weight: 400;
  margin-top: 0;
  position: relative;
}
@media screen and (max-width: 1023px) {
  .p-home-sec02__ttl {
    font-size: 0.875rem;
  }
  .p-home-sec02__ttl .SP_zip {
    display: block;
  }
}
.p-home-sec02__ttl::after {
  content: "";
  transition: opacity 0.3s ease-in-out;
}
.p-home-sec02__ttl::after {
  display: none;
  position: absolute;
  transform: translateY(-20px);
  right: -22px;
  width: 16px;
  height: 20px;
  background-image: url(../img/common/icon_link-arrow_g.svg);
  background-repeat: no-repeat;
  background-size: 16px, 20px;
}
@media (max-width: 550px) {
  .p-home-sec02__ttl::after {
    display: block;
  }
}
.p-home-sec02__ttl._p::after {
  background-image: none;
  -webkit-mask-image: url(../img/common/icon_link-arrow_g.svg);
          mask-image: url(../img/common/icon_link-arrow_g.svg);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: 16px, 20px;
          mask-size: 16px, 20px;
  background-color: #EB5CCA;
}

.p-home-sec02__txt {
  font-size: 0.9375rem;
  margin-top: 0.1875rem;
  line-height: 1.3333333333;
}
@media screen and (max-width: 1023px) {
  .p-home-sec02__txt {
    display: none;
  }
}

.p-home-topics-list {
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: 190px;
  padding: 11px;
  -moz-column-gap: 7px;
       column-gap: 7px;
  border: 0.5px solid #000000;
  border-bottom: none;
  transition: color 0.3s ease-in-out;
  /*
  &.--topics01 {
  }
  */
  /*
  &.--topics02 {
  }
  */
  /*
  &.--topics03 {
  }
  */
  /*
  &.--topics04 {
  }
  */
  /*
  &.--topics05 {
  }
  */
  /*
  &.--topics06 {
  }
  */
  /*
  &.--topics07 {
  }
  */
  /*
  &.--topics08 {
  }
  */
}
@media screen and (max-width: 1023px) {
  .p-home-topics-list {
    display: block;
    align-items: center;
    border: 0.5px solid #000000;
    border-top: none;
    padding: 10px;
    min-height: 165px;
    height: 100%;
    width: 50vw;
  }
}
.p-home-topics-list:nth-child(2n) {
  border-left: none;
}
.p-home-topics-list:nth-last-child(1), .p-home-topics-list:nth-last-child(2) {
  border-bottom: 0.5px solid #000000;
}
.p-home-topics-list:hover.--topics01 {
  color: #09ED00;
}
.p-home-topics-list:hover.--topics01 .p-home-topics-list__svg {
  width: 3.4375rem;
  height: 100%;
}
.p-home-topics-list:hover.--topics01 .p-home-topics-list__svg path {
  fill: #09ED00;
}
.p-home-topics-list:hover.--topics01 .p-home-topics-list__hover-arrow {
  /*
  width: g.rem(55px);
  height: g.rem(82px);
  transform: translateY(13px);
  */
}
@media screen and (max-width: 1023px) {
  .p-home-topics-list:hover.--topics01 .p-home-topics-list__hover-arrow {
    margin-left: auto;
  }
}
.p-home-topics-list:hover.--topics02 {
  color: #EB5CCA;
}
.p-home-topics-list:hover.--topics02 .p-home-topics-list__svg {
  width: 3.4375rem;
  height: 100%;
}
.p-home-topics-list:hover.--topics02 .p-home-topics-list__svg path {
  fill: #EB5CCA;
}
.p-home-topics-list:hover.--topics02 .p-home-topics-list__hover-arrow {
  /*
  width: g.rem(55px);
  height: g.rem(82px);
  transform: translateY(13px);
  */
}
@media screen and (max-width: 1023px) {
  .p-home-topics-list:hover.--topics02 .p-home-topics-list__hover-arrow {
    margin-left: auto;
  }
}
.p-home-topics-list:hover.--topics03 {
  color: #000AFF;
}
.p-home-topics-list:hover.--topics03 .p-home-topics-list__svg {
  width: 3.4375rem;
  height: 100%;
}
.p-home-topics-list:hover.--topics03 .p-home-topics-list__svg path {
  fill: #000AFF;
}
.p-home-topics-list:hover.--topics03 .p-home-topics-list__hover-arrow {
  /*
  width: g.rem(55px);
  height: g.rem(82px);
  transform: translateY(13px);
  */
}
@media screen and (max-width: 1023px) {
  .p-home-topics-list:hover.--topics03 .p-home-topics-list__hover-arrow {
    margin-left: auto;
  }
}
.p-home-topics-list:hover.--topics04 {
  color: #FF6C00;
}
.p-home-topics-list:hover.--topics04 .p-home-topics-list__svg {
  width: 3.4375rem;
  height: 100%;
}
.p-home-topics-list:hover.--topics04 .p-home-topics-list__svg path {
  fill: #FF6C00;
}
.p-home-topics-list:hover.--topics04 .p-home-topics-list__hover-arrow {
  /*
  width: g.rem(55px);
  height: g.rem(82px);
  transform: translateY(13px);
  */
}
@media screen and (max-width: 1023px) {
  .p-home-topics-list:hover.--topics04 .p-home-topics-list__hover-arrow {
    margin-left: auto;
  }
}
.p-home-topics-list:hover.--topics05 {
  color: #00D3EF;
}
.p-home-topics-list:hover.--topics05 .p-home-topics-list__svg {
  width: 3.4375rem;
  height: 100%;
}
.p-home-topics-list:hover.--topics05 .p-home-topics-list__svg path {
  fill: #00D3EF;
}
.p-home-topics-list:hover.--topics05 .p-home-topics-list__hover-arrow {
  /*
  width: g.rem(55px);
  height: g.rem(82px);
  transform: translateY(13px);
  */
}
@media screen and (max-width: 1023px) {
  .p-home-topics-list:hover.--topics05 .p-home-topics-list__hover-arrow {
    margin-left: auto;
  }
}
.p-home-topics-list:hover.--topics06 {
  color: #EAB822;
}
.p-home-topics-list:hover.--topics06 .p-home-topics-list__svg {
  width: 3.4375rem;
  height: 100%;
}
.p-home-topics-list:hover.--topics06 .p-home-topics-list__svg path {
  fill: #EAB822;
}
.p-home-topics-list:hover.--topics06 .p-home-topics-list__hover-arrow {
  /*
  width: g.rem(55px);
  height: g.rem(82px);
  transform: translateY(13px);
  */
}
@media screen and (max-width: 1023px) {
  .p-home-topics-list:hover.--topics06 .p-home-topics-list__hover-arrow {
    margin-left: auto;
  }
}
.p-home-topics-list:hover.--topics07 {
  color: #ffd700;
}
.p-home-topics-list:hover.--topics07 .p-home-topics-list__svg {
  width: 3.4375rem;
  height: 100%;
}
.p-home-topics-list:hover.--topics07 .p-home-topics-list__svg path {
  fill: #ffd700;
}
.p-home-topics-list:hover.--topics07 .p-home-topics-list__hover-arrow {
  /*
  width: g.rem(55px);
  height: g.rem(82px);
  transform: translateY(13px);
  */
}
@media screen and (max-width: 1023px) {
  .p-home-topics-list:hover.--topics07 .p-home-topics-list__hover-arrow {
    margin-left: auto;
  }
}
.p-home-topics-list:hover.--topics08 {
  color: #8a2be2;
}
.p-home-topics-list:hover.--topics08 .p-home-topics-list__svg {
  width: 3.4375rem;
  height: 100%;
}
.p-home-topics-list:hover.--topics08 .p-home-topics-list__svg path {
  fill: #8a2be2;
}
.p-home-topics-list:hover.--topics08 .p-home-topics-list__hover-arrow {
  /*
  width: g.rem(55px);
  height: g.rem(82px);
  transform: translateY(13px);
  */
}
@media screen and (max-width: 1023px) {
  .p-home-topics-list:hover.--topics08 .p-home-topics-list__hover-arrow {
    margin-left: auto;
  }
}
.p-home-topics-list:hover .p-home-topics-list__img img {
  opacity: 0.7;
  transform: scale(1.05);
}
.p-home-topics-list:hover .p-home-topics-list__hover-arrow {
  opacity: 1;
  visibility: visible;
  transform: scale(1.212);
  transition: opacity 0.3s ease-out, visibility 0.3s ease-out, transform 0.3s ease-out;
}
.p-home-topics-list:hover .p-home-topics-list__hover-arrow .c-hover-arrow__svg,
.p-home-topics-list:hover .p-home-topics-list__hover-arrow .c-hover-arrow__svg g,
.p-home-topics-list:hover .p-home-topics-list__hover-arrow .c-hover-arrow__svg path {
  opacity: 1;
  visibility: visible;
  transition: opacity 0.3s ease-out, visibility 0.3s ease-out;
}

.p-home-topics-list__wrapper {
  flex-wrap: wrap;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(3, 1fr);
  gap: 0px;
}

.p-home-topics-list__content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 47%;
}
@media screen and (max-width: 1023px) {
  .p-home-topics-list__content {
    width: 100%;
  }
}

.p-home-topics-list__order {
  font-size: 2.1875rem;
  padding-top: 8px;
}

.p-home-topics-list__ttl {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  position: relative;
  height: 100%;
}
@media screen and (max-width: 1023px) {
  .p-home-topics-list__ttl {
    height: 56px;
    position: relative;
  }
}

.p-home-topics-list__txt {
  display: block;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1;
  white-space: nowrap;
}
@media screen and (max-width: 1023px) {
  .p-home-topics-list__txt {
    font-size: 0.875rem;
    white-space: normal;
    text-wrap: auto;
    line-height: 1.7142857143;
  }
}

.p-home-topics-list__hover-arrow {
  display: block;
  font-size: 2.8125rem;
  transition: transform 0.3s ease-out;
  transform-origin: bottom left;
  padding-bottom: 8px;
}
@media screen and (max-width: 1023px) {
  .p-home-topics-list__hover-arrow {
    margin-left: auto;
    position: absolute;
    right: 0;
    top: 23px;
    font-size: 1.75rem;
  }
}
.p-home-topics-list__hover-arrow .c-hover-arrow__svg {
  height: 100%;
}
.p-home-topics-list__hover-arrow .p-home-topics-list__svg {
  width: 2.8125rem;
  height: 100%;
}

.p-home-topics-list__img {
  font-size: 1rem;
  overflow: hidden;
  width: 224px;
}
@media screen and (max-width: 1023px) {
  .p-home-topics-list__img {
    width: 80%;
    // aspect-ratio: 167/88; /* 224/163? */
    min-width: 167px;
    margin: 0 auto;
    max-width: 240px;
  }
}
.p-home-topics-list__img img {
  width: 100%;
  height: 100%;
  object-fit: fill;
  transition: opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
}

.p-home-topics__header {
  width: 1200px;
  height: 70px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}

.p-home-topics__ttl {
  font-size: 3.125rem;
  line-height: 0.74;
}

.p-home-topics__list-link {
  margin-right: 2.6475rem;
}

.p-home-topics__inner {
  margin: 90px 0 120px;
}
@media screen and (max-width: 1023px) {
  .p-home-topics__inner {
    margin: 0 -20px 75px;
  }
}

.p-home-topics__body {
  max-width: 1156px;
  margin: 0 auto;
}

.p-home-works-list__wrapper {
  position: relative;
  max-height: 768px;
}
@media screen and (max-width: 1023px) {
  .p-home-works-list__wrapper {
    touch-action: manipulation;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
  }
}

.p-home-works-list {
  position: relative;
  inline-size: 100vw;
}

.p-home-works-list__bgs {
  position: relative;
  max-height: 768px;
}
.p-home-works-list__bgs__inner {
  display: flex;
  inline-size: 100vw;
  cursor: pointer;
}
@media screen and (max-width: 1023px) {
  .p-home-works-list__bgs__inner {
    display: block;
  }
}

.p-home-works-list__bg {
  position: relative;
  flex: 1;
  max-height: 768px;
  cursor: pointer;
}
.p-home-works-list__bg.--w01 {
  display: block;
  width: 100%;
  height: auto;
  filter: blur(12px);
  transform: scale(2); /* ← 1.04〜1.12 で調整。ぼかし量に応じて増やす */
  transform-origin: center !important;
}
.p-home-works-list__bg.--w02 {
  display: block;
  width: 100%;
  height: auto;
  transform: scale(2); /* ← 1.04〜1.12 で調整。ぼかし量に応じて増やす */
  transform-origin: left;
}
.p-home-works-list__bg.--w01 img, .p-home-works-list__bg.--w02 img {
  inline-size: 100%;
  block-size: auto;
  vertical-align: top;
}
@media screen and (max-width: 1023px) {
  .p-home-works-list__bg.--w01 {
    max-height: 250px;
  }
}
@media screen and (max-width: 1023px) {
  .p-home-works-list__bg.--w02 {
    max-height: 408px;
    transform-origin: top;
  }
}

.p-home-works-list__img {
  cursor: pointer;
  position: absolute;
  top: 53.5%;
  left: 50.5%;
  transform: translate(-50%, -50%);
  z-index: 1;
  aspect-ratio: 1;
  max-width: 400px;
}
@media (max-width: 1150px) {
  .p-home-works-list__img {
    max-width: 350px;
  }
}
@media screen and (max-width: 1023px) {
  .p-home-works-list__img {
    left: 30%;
    transform: translate(-50%, -50%);
  }
}
@media (max-width: 900px) {
  .p-home-works-list__img {
    max-width: 300px;
  }
}
@media (max-width: 700px) {
  .p-home-works-list__img {
    width: 200px;
    height: 200px;
    max-width: none;
    left: 50%;
    top: 35.4%;
  }
}
.p-home-works-list__img img {
  width: 100%;
  height: 100%;
}

.p-home-works-list__content {
  position: absolute;
  top: 198px;
  right: 0;
  padding-inline: 40px;
  inline-size: 33.984375vw;
  block-size: 420px;
}
@media (max-width: 1150px) {
  .p-home-works-list__content {
    top: 55%;
  }
}
@media screen and (max-width: 1023px) {
  .p-home-works-list__content {
    right: 5%;
    top: 60%;
    inline-size: auto;
    min-height: 440px;
    transform: translateY(-50%);
  }
}
@media (max-width: 900px) {
  .p-home-works-list__content {
    right: 0%;
    inline-size: 48.4375vw;
  }
}
@media (max-width: 700px) {
  .p-home-works-list__content {
    right: 0;
    left: 0;
    top: 50%;
    inline-size: auto;
    min-height: auto;
    transform: translateY(35px);
  }
}
@media screen and (max-width: 480px) {
  .p-home-works-list__content {
    padding-top: 2px;
    padding-inline: 20px;
  }
}

.p-home-works-list__content__inner {
  position: relative;
  height: 100%;
}

.p-home-works-list__nav {
  position: absolute;
  bottom: calc(50% - 275px);
  left: 86%;
  transform: translateX(-86%);
  display: grid;
  /*
  grid-template-columns: 11px auto 11px;
  grid-template-rows: 1fr;
  */
  gap: 0px 14px;
}
@media screen and (max-width: 1023px) {
  .p-home-works-list__nav {
    width: 100%;
    justify-content: center;
    left: 50%;
    transform: translateX(-50%);
  }
}
@media (max-width: 700px) {
  .p-home-works-list__nav {
    bottom: calc(50% - 290px);
  }
}
.p-home-works-list__nav .slick-dots {
  position: static;
  display: flex;
  justify-content: center;
  grid-area: 1/2/2/3;
}
.p-home-works-list__nav .slick-dots li {
  width: 11px;
  height: 13px;
  margin: 0;
}
.p-home-works-list__nav .slick-dots li button {
  width: 11px;
  height: 13px;
  padding: 0;
}
.p-home-works-list__nav .slick-dots li button:before {
  font-size: 0.375rem;
  line-height: 15px;
  width: 11px;
  height: 13px;
  opacity: 1;
  color: #D8D8D9;
}
.p-home-works-list__nav .slick-dots li.slick-active button::before {
  color: #808080;
  opacity: 1;
}
.p-home-works-list__nav .slick-arrow {
  position: relative;
  z-index: 99;
  padding: 0;
}
.p-home-works-list__nav .slick-arrow.c-slick-prev {
  grid-area: 1/1/2/2;
  width: 13px;
  height: 11px;
}
.p-home-works-list__nav .slick-arrow.c-slick-prev img {
  width: 13px;
  height: 11px;
}
.p-home-works-list__nav .slick-arrow.c-slick-next {
  grid-area: 1/3/2/4;
  width: 13px;
  height: 11px;
}
.p-home-works-list__nav .slick-arrow.c-slick-next img {
  width: 13px;
  height: 11px;
}

.p-home-works-list__number {
  font-size: 9.625rem;
  text-align: center;
  line-height: 0.76;
  letter-spacing: 10.78px;
}
@media screen and (max-width: 1023px) {
  .p-home-works-list__number {
    font-size: 5.625rem;
    letter-spacing: 1px;
  }
}
@media (max-width: 700px) {
  .p-home-works-list__number {
    font-size: 2.5rem;
  }
}
.is-white-txt .p-home-works-list__number {
  color: #ffffff;
}

.p-home-works-list__creator {
  font-size: 1rem;
  text-align: center;
  font-weight: 400;
  line-height: 1.75;
}
.is-white-txt .p-home-works-list__creator {
  color: #ffffff;
}
@media screen and (max-width: 480px) {
  .p-home-works-list__creator {
    font-size: 1rem;
  }
}

.p-home-works-list__name {
  font-size: 0.875rem;
  margin-top: 68px;
  margin-bottom: 12px;
  text-align: center;
  line-height: 1.5714285714;
}
@media screen and (max-width: 1023px) {
  .p-home-works-list__name {
    margin-top: 50px;
  }
}
@media (max-width: 700px) {
  .p-home-works-list__name {
    font-size: 0.875rem;
    margin-top: 14px;
    margin-bottom: 2px;
  }
}
.is-white-txt .p-home-works-list__name {
  color: #ffffff;
}
.is-white-txt .p-home-works-list__name .pc_zip {
  display: block;
}
@media screen and (max-width: 1023px) {
  .is-white-txt .p-home-works-list__name .pc_zip {
    display: inline;
  }
}

.p-home-works-list__description {
  font-size: 0.75rem;
  text-align: center;
  margin-top: 62px;
  line-height: 1.5;
}
@media screen and (max-width: 1023px) {
  .p-home-works-list__description {
    margin-top: 50px;
  }
}
@media (max-width: 700px) {
  .p-home-works-list__description {
    margin-top: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 90px;
  }
}
.is-white-txt .p-home-works-list__description {
  color: #ffffff;
}

.p-home-works {
  border-bottom: 0.5px solid #000000;
}
@media screen and (max-width: 1023px) {
  .p-home-works {
    margin: 0px -20px;
    scroll-margin-top: 54px;
  }
}
.p-home-works__inner {
  position: relative;
}

.p-home-works__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  top: 92px;
  left: 54px;
  z-index: 1;
  width: 100%;
  margin: 0 auto;
}
@media screen and (max-width: 1023px) {
  .p-home-works__header {
    align-items: flex-start;
    top: 25px;
    left: 20px;
  }
}
@media screen and (max-width: 480px) {
  .p-home-works__header {
    top: 25px;
    left: 20px;
  }
}

.p-home-works__header__title {
  color: #ffffff;
}
@media screen and (max-width: 1023px) {
  .p-home-works__header__title {
    display: block;
  }
}

.p-home-works__ttl {
  font-weight: 400;
  color: #ffffff;
  transition: color 0.3s ease;
}
.p-home-works__ttl:hover {
  color: #EB5CCA;
}
@media screen and (max-width: 1023px) {
  .p-home-works__ttl {
    margin-top: 8px;
    margin-bottom: 14px;
    font-size: 2rem;
  }
}

.p-home-works__list-link {
  margin-top: 21px;
}
@media screen and (max-width: 1023px) {
  .p-home-works__list-link {
    min-width: 106px;
  }
}

.p-home-works__txt {
  margin: 0;
  font-size: 1.25rem;
  line-height: 1.5;
}
@media screen and (max-width: 1023px) {
  .p-home-works__txt {
    margin-top: 12px;
    font-size: 0.75rem;
  }
}

.p-home-works__list-link {
  margin-top: 0;
  align-items: center;
  margin-right: 100px;
}
@media screen and (max-width: 1023px) {
  .p-home-works__list-link {
    margin: 14px 28px 10px 10px;
  }
}
.p-home-works__list-link:hover .c-hover-arrow__wrapper {
  bottom: 5px;
  left: 0px;
  transform: scale(1.4);
  transform-origin: bottom left;
}
@media screen and (max-width: 1023px) {
  .p-home-works__list-link:hover .c-hover-arrow__wrapper {
    bottom: 0;
  }
}

.c-hover-arrow__inner {
  align-items: center;
}
@media screen and (max-width: 1023px) {
  .c-hover-arrow__inner {
    -moz-column-gap: 4px;
         column-gap: 4px;
  }
}
@media screen and (max-width: 1023px) {
  .c-hover-arrow__inner .c-hover-arrow__text {
    font-size: 0.75rem;
    margin-top: 4px;
    color: #fff;
  }
}
.c-hover-arrow__inner .c-hover-arrow__wrapper {
  display: block;
  font-size: 1.875rem;
  bottom: 5px;
}
@media screen and (max-width: 1023px) {
  .c-hover-arrow__inner .c-hover-arrow__wrapper {
    font-size: 1.125rem;
    bottom: 0;
  }
}

.is-layerd.c-custom-dropdown__selected::before {
  content: "";
  box-shadow: none;
  border-bottom: 1px solid #000000;
}
.is-layerd.c-custom-dropdown__arrow {
  border-right: 1px solid #000000;
  border-bottom: 1px solid #000000;
}
.is-layerd.c-custom-dropdown__options {
  box-shadow: inset 0 0 0 1px #000000;
}

@media screen and (max-width: 1023px) {
  .p-list-container {
    min-height: 544px;
  }
}
@media screen and (max-width: 1023px) {
  .p-list-container:has(.c-search-no-result__output) {
    min-height: 915px;
  }
}
.p-list-container {
  margin: 0 auto;
}
@media screen and (min-width: 1024px) {
  .p-list-container {
    display: flex;
    flex-direction: row;
    -moz-column-gap: 12px;
         column-gap: 12px;
    padding: 66px 0 140px;
    max-width: 1156px;
  }
}
@media screen and (max-width: 1023px) {
  .p-list-container__wrapper {
    margin: 0 -20px;
  }
}
.p-list-container .c-custom-dropdown {
  width: auto;
}
.p-list-container .c-custom-dropdown__selected {
  padding: 5px;
}
@media screen and (max-width: 1023px) {
  .p-list-container .c-custom-dropdown__selected {
    padding: 2px;
  }
}
.p-list-container .c-custom-dropdown__text {
  font-size: 0.875rem;
}
@media screen and (max-width: 1023px) {
  .p-list-container .c-custom-dropdown__text {
    font-size: 0.75rem;
  }
}
.p-list-container .c-custom-dropdown-popular {
  width: 131px;
  height: 32px;
}
@media screen and (max-width: 1023px) {
  .p-list-container .c-custom-dropdown-popular {
    height: 24px;
    width: 101px;
  }
}
.p-list-container .c-custom-dropdown-sort {
  width: 131px;
  height: 32px;
}
@media screen and (max-width: 1023px) {
  .p-list-container .c-custom-dropdown-sort {
    height: 24px;
  }
}
.p-list-container .c-custom-dropdown-product {
  width: 164px;
  height: 32px;
}
@media screen and (max-width: 1023px) {
  .p-list-container .c-custom-dropdown-product {
    height: 24px;
  }
}
.p-list-container .c-custom-dropdown__option {
  font-size: 0.875rem;
  height: 30px;
  padding: 0;
  padding-top: 5px;
  padding-left: 5px;
  color: #000000;
}
@media screen and (max-width: 1023px) {
  .p-list-container .c-custom-dropdown__option {
    font-size: 0.875rem;
  }
}
.p-list-container .c-custom-dropdown__selected::before {
  content: "";
  box-shadow: none;
  border-bottom: 1px solid #000000;
}
.p-list-container .c-custom-dropdown__arrow {
  border-right: 1px solid #000000;
  border-bottom: 1px solid #000000;
}
.p-list-container .c-custom-dropdown__options {
  box-shadow: inset 0 0 0 1px #000000;
}

@media screen and (min-width: 1024px) {
  .p-list-content__header:has(.c-filter-header__dropdowns .c-custom-dropdown-product.is-hidden) .c-filter-header__container-right {
    width: 53.5%;
  }
}

.p-list-content {
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .p-list-content {
    max-width: 824px;
    flex-grow: 1;
    min-width: 0;
  }
}

.p-list-content__header {
  margin-bottom: 14px;
  position: relative;
}
@media screen and (max-width: 1023px) {
  .p-list-content__header {
    padding-top: 15px;
    margin-bottom: 40px;
  }
}

@media screen and (min-width: 1024px) {
  .p-list-content__body {
    max-width: 824px;
    margin-top: 40px;
  }
}
.p-list--panel .p-list-content__body {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
@media screen and (min-width: 1024px) {
  .p-list--panel .p-list-content__body {
    grid-template-columns: repeat(3, 1fr);
    gap: 46px 22px;
  }
}
@media screen and (max-width: 1023px) {
  .p-list--panel .p-list-content__body {
    -moz-column-gap: 20px;
         column-gap: 20px;
    row-gap: 32px;
  }
}
.p-list--list .p-list-content__body {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media screen and (max-width: 1023px) {
  .p-list--list .p-list-content__body {
    gap: 24px;
  }
}

.p-list-content .c-custom-dropdown__options {
  box-shadow: inset 0 1px 0 0 #000000, inset 0 -1px 0 0 #808080, inset 1px 0 0 0 #808080, inset -1px 0 0 0 #808080;
}

.p-list-filter-color {
  position: relative;
  width: 260px;
}
@media screen and (max-width: 1023px) {
  .p-list-filter-color {
    width: 100%;
  }
}

.p-list-filter-color__carousel-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  background-color: #ffffff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 5;
}
.p-list-filter-color__carousel-arrow.left {
  left: -30px;
}
.p-list-filter-color__carousel-arrow.right {
  right: -30px;
}
.p-list-filter-color__carousel-arrow:hover {
  background-color: #D8D8D9;
}

.p-list-filter-color__carousel-arrow--next, .p-list-filter-color__carousel-arrow--prev {
  font-size: 14px;
}

/* disabled 属性が付いたら完全ブロック */
[data-dir=prev][disabled],
[data-dir=next][disabled] {
  pointer-events: none;
  /* クリック阻止 */
  opacity: 0.25;
  cursor: default;
}

.p-list-filter-color__radio {
  display: flex;
  justify-content: flex-start;
  gap: 22px;
  margin-bottom: 19px;
}

.p-list-filter-color__content {
  margin: 0 -3px;
  padding: 3px;
}
@media screen and (max-width: 1023px) {
  .p-list-filter-color__content {
    scrollbar-width: none;
  }
}
@media screen and (max-width: 480px) {
  .p-list-filter-color__content {
    display: flex;
    justify-content: center;
  }
}
.p-list-filter-color__content .p-list-filter-color__circles,
.p-list-filter-color__content .p-list-filter-color__picker {
  display: none;
  opacity: 0;
  transition: opacity 0.3s ease-in-out, display 0s;
}
.p-list-filter-color__content .p-list-filter-color__circles.is-active,
.p-list-filter-color__content .p-list-filter-color__picker.is-active {
  display: flex;
  opacity: 1;
  transition: opacity 0.3s ease-in-out;
}
@media screen and (min-width: 1024px) {
  .p-list-filter-color__content .p-list-filter-color__circles.is-active,
  .p-list-filter-color__content .p-list-filter-color__picker.is-active {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 1023px) {
  .p-list-filter-color__content .p-list-filter-color__circles.is-active,
  .p-list-filter-color__content .p-list-filter-color__picker.is-active {
    flex-wrap: wrap;
  }
}

.p-list-filter-color__circles {
  display: flex;
  flex-wrap: nowrap;
  -moz-column-gap: 8px;
       column-gap: 8px;
  row-gap: 10px;
}
@media screen and (max-width: 1023px) {
  .p-list-filter-color__circles {
    flex-wrap: wrap;
    -moz-column-gap: 26px;
         column-gap: 26px;
    row-gap: 26px;
    max-width: 284px;
  }
}

.p-list-filter-color__circle-label {
  position: relative;
  display: inline-block;
  cursor: pointer;
  width: 30px;
}
@media screen and (max-width: 1023px) {
  .p-list-filter-color__circle-label {
    width: 36px;
    flex-shrink: 0;
  }
}
.p-list-filter-color__circle-label:hover .p-list-filter-color__tooltip {
  opacity: 1;
  visibility: visible;
}
@media screen and (max-width: 1023px) {
  .p-list-filter-color__circle-label:hover .p-list-filter-color__tooltip {
    opacity: 0;
    visibility: hidden;
  }
}

.p-list-filter-color__circle-input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.p-list-filter-color__circle-input:checked + .p-list-filter-color__circle {
  border: 2px solid #000 !important;
}
.p-list-filter-color__circle-input:checked + .p-list-filter-color__circle.is-light .p-list-filter-color__checkmark {
  color: #000000;
}
.p-list-filter-color__circle-input:checked + .p-list-filter-color__circle.is-dark .p-list-filter-color__checkmark {
  color: #ffffff;
}
.p-list-filter-color__circle-input:checked + .p-list-filter-color__circle .p-list-filter-color__checkmark {
  opacity: 1;
}
.p-list-filter-color__circle-input:focus + .p-list-filter-color__circle {
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.2);
}
.p-list-filter-color__circle-input:focus:not(:focus-visible) + .p-list-filter-color__circle {
  box-shadow: none;
}

.p-list-filter-color__circle {
  display: block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  cursor: pointer;
  position: relative;
  border: 1px solid transparent;
  transition: all 0.3s ease;
}
@media screen and (max-width: 1023px) {
  .p-list-filter-color__circle {
    width: 36px;
    height: 36px;
  }
}
.p-list-filter-color__circle.is-light {
  border-color: #DFE0DF;
}
.p-list-filter-color__circle.is-dark {
  border-color: transparent;
}
.p-list-filter-color__circle.color-FFFFFF {
  background-color: #FFFFFF;
}
.p-list-filter-color__circle.color-F8F3E2 {
  background-color: #F8F3E2;
}
.p-list-filter-color__circle.color-ABB2BD {
  background-color: #ABB2BD;
}
.p-list-filter-color__circle.color-000000 {
  background-color: #000000;
}
.p-list-filter-color__circle.color-F76168 {
  background-color: #F76168;
}
.p-list-filter-color__circle.color-F7B1F4 {
  background-color: #F7B1F4;
}
.p-list-filter-color__circle.color-F7904F {
  background-color: #F7904F;
}
.p-list-filter-color__circle.color-9D5F34 {
  background-color: #9D5F34;
}
.p-list-filter-color__circle.color-FCFC5C {
  background-color: #FCFC5C;
}
.p-list-filter-color__circle.color-3CD64E {
  background-color: #3CD64E;
}
.p-list-filter-color__circle.color-5175EF {
  background-color: #5175EF;
}
.p-list-filter-color__circle.color-6F47D9 {
  background-color: #6F47D9;
}
.p-list-filter-color__circle.is-radial-gradient.radial-gradient-FFFFFF-E9F7FF {
  background: radial-gradient(circle, #FFFFFF 0%, #FFFFFF 0%, #E9F7FF 70%);
}
.p-list-filter-color__circle.is-gradient.gradient-C0C0C0-8B8B8B-C0C0C0 {
  background: linear-gradient(45deg, #C0C0C0 0%, #8B8B8B 50%, #C0C0C0 100%);
}
.p-list-filter-color__circle.is-gradient.gradient-FFF395-B99C4F-FFF395 {
  background: linear-gradient(45deg, #FFF395 0%, #B99C4F 50%, #FFF395 100%);
}

.p-list-filter-color__checkmark {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: opacity 0.2s ease;
  pointer-events: none;
  width: 16px;
  height: 16px;
}
.p-list-filter-color__checkmark path {
  fill: none;
}

.p-list-filter-color__circles .p-list-filter-color__tooltip {
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  padding: 4px 8px;
  background: #808080;
  color: #ffffff;
  font-size: 0.75rem;
  border-radius: 2px;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  transition: all 0.2s ease;
  pointer-events: none;
  margin-bottom: 8px;
  z-index: 1;
}
.p-list-filter-color__circles .p-list-filter-color__tooltip::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border-width: 4px;
  border-style: solid;
  border-color: #808080 transparent transparent transparent;
}
.p-list-filter-color__circles .p-list-filter-color__tooltip.is-visible {
  opacity: 1 !important;
  visibility: visible !important;
}

.p-list-filter-color__tooltiparea .p-list-filter-color__tooltip {
  position: absolute;
  /* スクロール親に依存しない配置 */
  padding: 4px 8px;
  background: #808080;
  color: #fff;
  font-size: 0.75rem;
  border-radius: 2px;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease, visibility 0.2s ease;
  pointer-events: none;
  z-index: 1000;
  transform: none;
}
.p-list-filter-color__tooltiparea .p-list-filter-color__tooltip::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border-width: 4px;
  border-style: solid;
  border-color: #808080 transparent transparent transparent;
}
.p-list-filter-color__tooltiparea .tooltip.is-open {
  opacity: 1;
  visibility: visible;
}

.p-list-filter-color__picker-wrap {
  display: flex;
  flex-direction: column;
}

.p-list-filter-color__drag-area {
  display: grid;
  grid-template-columns: 226px 22px;
  grid-template-rows: 226px;
  -moz-column-gap: 12px;
       column-gap: 12px;
}
@media screen and (max-width: 480px) {
  .p-list-filter-color__drag-area {
    grid-template-columns: 263px 22px;
  }
}

.p-list-filter-color__palette {
  position: relative;
  height: 226px;
  cursor: pointer;
}

.p-list-filter-color__palette-circle {
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  transform: translate(-50%, -50%);
  pointer-events: none;
}
.p-list-filter-color__palette-circle img {
  max-width: none;
  width: 100%;
  height: 100%;
}

.p-list-filter-color__hue-bar {
  position: relative;
  width: 22px;
  height: 226px;
  background: linear-gradient(to bottom, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
  overflow: visible;
}
@media screen and (max-width: 480px) {
  .p-list-filter-color__hue-bar {
    width: 30px;
  }
}

.p-list-filter-color__hue-bar-inner {
  position: relative;
  width: 100%;
  height: 100%;
  cursor: pointer;
  overflow: visible;
}

.p-list-filter-color__hue-circle {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 5px;
  pointer-events: none;
}
.p-list-filter-color__hue-circle .p-list-filter-color__selector-image {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 22px;
  height: 5px;
}
@media screen and (max-width: 480px) {
  .p-list-filter-color__hue-circle .p-list-filter-color__selector-image {
    display: none;
  }
}
.p-list-filter-color__hue-circle .p-list-filter-color__selector-image--sp {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 22px;
  height: 5px;
}
@media screen and (max-width: 480px) {
  .p-list-filter-color__hue-circle .p-list-filter-color__selector-image--sp {
    display: block;
    width: 34px !important;
    height: 8px !important;
    max-inline-size: none !important;
  }
}

.p-list-filter-color__num-value {
  display: flex;
  justify-content: flex-start;
  margin-block-start: 10px;
}
@media screen and (max-width: 480px) {
  .p-list-filter-color__num-value {
    margin-block-start: 16px;
  }
}

.p-list-filter-color__num-value-hsb {
  display: flex;
  gap: 11px;
}

.p-list-filter-color__num-box {
  display: flex;
  align-items: center;
  gap: 11px;
}

.p-list-filter-color__num-char {
  font-weight: 500;
  font-size: 1rem;
}

.p-list-filter-color__num-form input[type=text],
.p-list-filter-color__num-form input[type=number] {
  width: 56px;
  padding: 3px 2px;
  background-color: #ffffff;
  font-size: 1rem;
  text-align: center;
  border: 1px solid #ccc;
}
@media screen and (max-width: 480px) {
  .p-list-filter-color__num-form input[type=text],
  .p-list-filter-color__num-form input[type=number] {
    font-size: 1rem;
    transform: scale(0.875); /* フォーカス時にズームしないように */
    transform-origin: top left; /* フォーカス時にズームしないように */
    width: 70px;
  }
}
.p-list-filter-color__num-form input[type=text]:focus,
.p-list-filter-color__num-form input[type=number]:focus {
  outline: none;
  border-color: #000;
}

.p-list-filter-color__add-button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-top: 10px;
  padding: 7px;
  background-color: #888;
  border: none;
  color: #ffffff;
  cursor: pointer;
  transition: background-color 0.3s ease;
}
.p-list-filter-color__add-button:hover {
  background-color: #666;
}
@media screen and (max-width: 1023px) {
  .p-list-filter-color__add-button {
    margin-top: 16px;
    margin-bottom: 11px;
  }
}

.p-list-filter-color__add-icon {
  width: 12px;
  height: 12px;
  margin-right: 8px;
}

.p-list-filter-color__add-text {
  font-size: 0.875rem;
}

.p-list-filter-color__saved-colors {
  margin-top: 5px;
}

.p-list-filter-color__saved-colors-list {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  gap: 3px;
}

.p-list-filter-color__saved-color {
  aspect-ratio: 1;
  border-radius: 4px;
  border: 1px solid #ccc;
  cursor: pointer;
  transition: transform 0.2s ease;
  border-radius: 100px;
  position: relative;
}
.p-list-filter-color__saved-color:hover {
  transform: scale(1.1);
}
.p-list-filter-color__saved-color.is-hovered {
  z-index: 10;
}
.p-list-filter-color__saved-color.p-list-filter-color__saved-color--empty {
  background-image: url("../img/filter/transparent_bg.webp");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.p-list-filter-color__saved-color-info {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  cursor: default;
  bottom: 120%;
  left: 50%;
  transform: translateX(-50%) translateY(8px);
  transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease;
  width: 120px;
  background-color: #808080;
  color: #ffffff;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
  padding: 10px;
  z-index: 1000;
  border-radius: 4px;
}
.p-list-filter-color__saved-color-info.is-visible {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(0);
}
@media screen and (max-width: 1023px) {
  .p-list-filter-color__saved-color-info {
    opacity: 0;
    visibility: hidden;
  }
  .p-list-filter-color__saved-color-info.is-visible {
    opacity: 1;
    visibility: visible;
  }
}
.p-list-filter-color__saved-color-info::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border-top: 6px solid #808080;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
}
.p-list-filter-color__saved-color-info::before {
  content: "";
  position: absolute;
  bottom: -20px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 30px;
  height: 20px;
}

.p-list-filter-color__saved-color:first-child .p-list-filter-color__saved-color-info {
  left: 34px;
}
.p-list-filter-color__saved-color:first-child .p-list-filter-color__saved-color-info::after {
  left: 40px;
}

.p-list-filter-color__saved-color:last-child .p-list-filter-color__saved-color-info {
  left: -6px;
}
.p-list-filter-color__saved-color:last-child .p-list-filter-color__saved-color-info::after {
  left: 80px;
}

.p-list-filter-color__saved-color-info-content {
  text-align: center;
}

.p-list-filter-color__saved-color-info-name {
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 8px;
}

.p-list-filter-color__saved-color-info-details {
  font-size: 10px;
  line-height: 1.3;
}
.p-list-filter-color__saved-color-info-details div {
  margin-bottom: 2px;
}
.p-list-filter-color__saved-color-info-details div:last-child {
  margin-bottom: 0;
}

.p-color-delete__btn {
  margin-top: 8px;
  width: 100%;
  height: 24px;
  padding: 4px 8px;
  border: none;
  background-color: #ffffff;
  color: #000;
  border-radius: 0;
  cursor: pointer;
  font-size: 0.625rem;
  line-height: 1;
  text-align: center;
  font-weight: normal;
  transition: all 0.3s ease-in-out;
  border: 1px solid #000000;
}
.p-color-delete__btn:hover {
  background-color: #D8D8D9;
  border-color: #D8D8D9;
}
@media screen and (max-width: 1023px) {
  .p-color-delete__btn {
    height: 28px;
    background-color: #000000;
    color: #ffffff;
    font-size: 0.6875rem;
  }
  .p-color-delete__btn:hover {
    background-color: #000000;
  }
}

.p-list-filter-color__circle.is-light {
  border: 1px solid #e5e5e5 !important;
}
.p-list-filter-color__circle.is-dark {
  border-color: transparent !important;
  border: 1px solid #e5e5e5 !important;
}
.p-list-filter-color__circle-input:checked + .p-list-filter-color__circle {
  border: 2px solid #000 !important;
}
.p-list-filter-color__checkmark.is-light {
  stroke: #000 !important;
  color: #000 !important;
}
.p-list-filter-color__checkmark.is-dark {
  stroke: #fff !important;
  color: #fff !important;
}
.p-list-filter-color__circle-input:checked + .p-list-filter-color__circle .p-list-filter-color__checkmark {
  opacity: 1 !important;
}

@media screen and (min-width: 1024px) {
  .p-list-filter-float__btns {
    display: none;
  }
}
@media screen and (max-width: 1023px) {
  .p-list-filter-float__btns {
    position: fixed;
    width: 100%;
    height: 80px;
    bottom: 0px;
    z-index: 920;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    background-color: #ffffff;
    transition: bottom 0.3s ease-in-out;
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding: 20px;
    gap: 10px;
  }
}
@media screen and (max-width: 1023px) {
  .p-list-filter-float__btns.is-sp-hidden {
    bottom: -100vh;
  }
}
@media screen and (max-width: 1023px) {
  .p-list-filter-float__btns > .c-btn {
    width: 59%;
    height: 40px;
  }
}
@media screen and (max-width: 480px) {
  .p-list-filter-float__btns > .c-btn {
    width: 197px;
    height: 40px;
  }
}

.p-list-filter-float__btn {
  width: 254px;
  position: relative;
  margin: 0;
  text-decoration: none;
}
@media screen and (max-width: 1023px) {
  .p-list-filter-float__btn {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
@media screen and (min-width: 1024px) {
  .p-list-filter-float__btn {
    width: 227px;
    padding-left: 66px;
  }
}
.p-list-filter-float__btn > span {
  position: relative;
  display: block;
}
.p-list-filter-float__btn > span::before {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  top: 50%;
  transform: translateY(-50%);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
}
@media screen and (min-width: 1024px) {
  .p-list-filter-float__btn > span::before {
    width: 22px;
    height: 22px;
    left: 33px;
  }
}
.p-list-filter-float__btn.--cart span::before {
  background-image: url(../img/common/icon_cart.svg);
  left: -32px;
}
.p-list-filter-float__btn.--cut span::before {
  background-image: url(../img/common/icon_cut.svg);
  left: -24px;
}

.p-list-filter-gloss,
.drop-down-layer {
  width: 100%;
  position: relative;
}
.p-list-filter-gloss__select,
.drop-down-layer__select {
  width: 100%;
  height: 54px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.p-list-filter-gloss .c-custom-dropdown__selected,
.drop-down-layer .c-custom-dropdown__selected {
  padding: 15px;
}
.p-list-filter-gloss .c-custom-dropdown__selected .c-custom-dropdown__text,
.drop-down-layer .c-custom-dropdown__selected .c-custom-dropdown__text {
  font-size: 0.875rem;
}
.p-list-filter-gloss .c-custom-dropdown__selected::before,
.drop-down-layer .c-custom-dropdown__selected::before {
  content: "";
  box-shadow: inset 0 0 0 1px #000000;
  border: none;
}
.p-list-filter-gloss .c-custom-dropdown__option,
.drop-down-layer .c-custom-dropdown__option {
  font-size: 0.875rem;
  height: 54px;
  padding: 0;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 17px;
}

.p-list-filter-pattern {
  width: 100%;
  padding: 0px 10px;
}
.p-list-filter-pattern__subtitle {
  font-size: 1rem;
  font-weight: 500;
  margin-top: 0;
}
.p-list-filter-pattern__subtitle--mt {
  margin-top: 60px;
}
.p-list-filter-pattern__slider {
  width: 100%;
  margin-bottom: 15px;
}
@media screen and (max-width: 480px) {
  .p-list-filter-pattern__slider {
    margin-bottom: 30px;
  }
}
.p-list-filter-pattern__slider #slider_pattern, .p-list-filter-pattern__slider #slider_convex {
  background: unset;
  border: unset;
  box-shadow: unset;
  height: 6px;
  margin-right: 2px;
  margin-left: 5.5px;
}
@media screen and (max-width: 480px) {
  .p-list-filter-pattern__slider #slider_pattern, .p-list-filter-pattern__slider #slider_convex {
    margin-left: 0;
    margin-right: 0;
  }
}
.p-list-filter-pattern__slider #slider_pattern .noUi-handle, .p-list-filter-pattern__slider #slider_convex .noUi-handle {
  width: 22px;
  height: 22px;
  top: -10px;
  right: -9px;
  border-radius: 50%;
  background-color: #000000;
  border: 4px solid #ffffff;
  box-shadow: unset;
}
.p-list-filter-pattern__slider #slider_pattern .noUi-handle::before, .p-list-filter-pattern__slider #slider_pattern .noUi-handle::after, .p-list-filter-pattern__slider #slider_convex .noUi-handle::before, .p-list-filter-pattern__slider #slider_convex .noUi-handle::after {
  display: none;
}
.p-list-filter-pattern__slider #slider_pattern .noUi-connect, .p-list-filter-pattern__slider #slider_convex .noUi-connect {
  background-color: #000000;
  top: -4px;
}
.p-list-filter-pattern__slider-wrap {
  position: relative;
}
.p-list-filter-pattern__images {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  height: 40px;
}
.p-list-filter-pattern__image {
  width: 18px;
  height: 18px;
  opacity: 0.6;
  object-fit: contain;
  object-position: bottom;
}
.p-list-filter-pattern__track {
  position: relative;
  height: 2px;
  left: 5.5px;
  background-color: #D8D8D9;
  width: calc(100% - 10.5px);
}
@media screen and (max-width: 480px) {
  .p-list-filter-pattern__track {
    left: 11px;
    width: 94.5%;
  }
}
.p-list-filter-pattern__points {
  position: relative;
  display: flex;
  justify-content: space-between;
  width: 230px;
  height: 100%;
}
@media screen and (max-width: 480px) {
  .p-list-filter-pattern__points {
    position: absolute;
    width: 101.5%;
    left: -4px;
  }
}
.p-list-filter-pattern__point {
  position: relative;
  width: 8px;
  height: 8px;
  background-color: #D8D8D9;
  border: 1px solid #D8D8D9;
  border-radius: 50%;
  margin-top: -9px;
  cursor: pointer;
  transition: all 0.2s;
}
@media screen and (max-width: 480px) {
  .p-list-filter-pattern__point {
    width: 6px;
    height: 6px;
    margin-top: -8px;
  }
}
.p-list-filter-pattern__point--active {
  background-color: #000000;
  border-color: #000000;
}
.p-list-filter-pattern__point--active .p-list-filter-pattern__point-label {
  color: #000000;
  font-weight: 500;
}
.p-list-filter-pattern__point-label {
  position: absolute;
  bottom: -25px;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
  font-size: 0.875rem;
  color: #B4B5B6;
}

.p-list-filter-weight {
  position: relative;
  width: 260px;
}
@media screen and (max-width: 480px) {
  .p-list-filter-weight {
    width: 335px;
  }
}
.p-list-filter-weight__radio-group {
  width: 260px;
  display: flex;
  justify-content: space-between;
}
.p-list-filter-weight__content {
  margin-top: 20px;
}
.p-list-filter-weight__content .p-list-filter-weight__guide,
.p-list-filter-weight__content .p-list-filter-weight__renryo,
.p-list-filter-weight__content .p-list-filter-weight__beihei {
  display: none;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
.p-list-filter-weight__content .p-list-filter-weight__guide.is-active,
.p-list-filter-weight__content .p-list-filter-weight__renryo.is-active,
.p-list-filter-weight__content .p-list-filter-weight__beihei.is-active {
  display: block;
  opacity: 1;
}
.p-list-filter-weight__checkbox-list {
  display: flex;
  flex-direction: column;
}
.p-list-filter-weight__slider {
  padding: 0 5px;
  width: 95%;
  margin: 30px auto 28px;
  position: relative;
}
.p-list-filter-weight__slider::before {
  content: "";
  position: absolute;
  top: 2px;
  left: 5px;
  right: 5px;
  height: 2px;
  background-color: #eeeeee;
  z-index: -1;
}
.p-list-filter-weight__slider::after {
  content: "";
  position: absolute;
  top: -4px;
  left: 5px;
  right: 5px;
  height: 14px;
  background: linear-gradient(90deg, #ccc 0%, #ccc 1%, transparent 1%, transparent 24.5%, #ccc 24.5%, #ccc 25.5%, transparent 25.5%, transparent 49.5%, #ccc 49.5%, #ccc 50.5%, transparent 50.5%, transparent 74.5%, #ccc 74.5%, #ccc 75.5%, transparent 75.5%, transparent 99%, #ccc 99%, #ccc 100%);
  background-size: 100% 100%;
  z-index: -2;
  opacity: 0.5;
}
.p-list-filter-weight__slider #slider_renryo, .p-list-filter-weight__slider #slider_beihei {
  background: unset;
  border: unset;
  box-shadow: unset;
  height: 6px;
}
.p-list-filter-weight__slider #slider_renryo .noUi-handle, .p-list-filter-weight__slider #slider_beihei .noUi-handle {
  width: 14px;
  height: 14px;
  top: -4px;
  right: -7px;
  border-radius: 50%;
  background-color: #000000;
  border: unset;
  box-shadow: unset;
}
.p-list-filter-weight__slider #slider_renryo .noUi-handle::before, .p-list-filter-weight__slider #slider_renryo .noUi-handle::after, .p-list-filter-weight__slider #slider_beihei .noUi-handle::before, .p-list-filter-weight__slider #slider_beihei .noUi-handle::after {
  display: none;
}
.p-list-filter-weight__slider #slider_renryo .noUi-connect, .p-list-filter-weight__slider #slider_beihei .noUi-connect {
  background-color: #000000;
}
.p-list-filter-weight__slider-input {
  width: 100%;
  margin: 15px 0 25px;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  height: 2px;
  background: #000000;
  outline: none;
}
.p-list-filter-weight__slider-input::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #ffffff;
  border: 2px solid #000000;
  cursor: pointer;
  box-shadow: 0 0 0 2px white;
}
.p-list-filter-weight__slider-input::-moz-range-thumb {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #ffffff;
  border: 2px solid #000000;
  cursor: pointer;
  box-shadow: 0 0 0 2px white;
}
.p-list-filter-weight__slider-values {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.p-list-filter-weight__value-input {
  width: 56px;
  height: 35px;
  padding: 4px 6px;
  border: 1px solid #ccc;
  border-radius: 4px;
  text-align: center;
  font-size: 0.875rem;
  -webkit-appearance: none;
  -moz-appearance: textfield;
  margin: 0; /* Marginを0にしないとスペースが残ることがあります */
}
@media screen and (max-width: 480px) {
  .p-list-filter-weight__value-input {
    border: 1px solid #000;
    border-radius: 0;
    font-size: 1rem;
    transform: scale(0.875); /* フォーカス時にズームしないように */
    transform-origin: top left; /* フォーカス時にズームしないように */
  }
}
.p-list-filter-weight__value-separator {
  font-size: 0.875rem;
}
.p-list-filter-weight__value-unit {
  font-size: 0.875rem;
  margin-left: 4px;
}
.p-list-filter-weight__unit-info {
  font-size: 0.75rem;
  color: #666;
  margin-top: 10px;
  text-align: left;
}

@media screen and (min-width: 1024px) {
  .p-list-filter {
    width: 320px;
    margin-left: -30px;
    flex-shrink: 0;
  }
}
@media screen and (max-width: 1023px) {
  .p-list-filter {
    bottom: 0px;
    width: 100%;
    position: fixed;
    z-index: 940;
    background-color: #ffffff;
    transition: bottom 0.3s ease-in-out;
    height: calc(100svh - 40px - 80px);
    overflow-y: auto;
    margin-bottom: 80px;
    border-radius: 20px 20px 0px 0px;
  }
}

@media screen and (max-width: 1023px) {
  .p-list-filter.is-sp-hidden {
    bottom: -100vh;
  }
}

@media screen and (max-width: 1023px) {
  .p-list-filter__reset::first-of-type {
    display: none;
  }
}

.p-list-filter__reset {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border: 1px solid #000000;
  cursor: pointer;
  transition: background-color 0.3s ease;
  font-size: 14px;
}
@media screen and (min-width: 1024px) {
  .p-list-filter__reset {
    padding: 10px 20px;
    margin: 0px 30px;
  }
}
@media screen and (max-width: 1023px) {
  .p-list-filter__reset {
    width: 128px;
    height: 40px;
    padding-left: 8px;
    gap: 4px;
  }
  .p-list-filter__reset.--sp-hidden {
    display: none;
  }
}
@media screen and (max-width: 1023px) {
  .p-list-filter.is-sp-hidden > .p-list-filter__reset {
    display: none;
  }
}
.p-list-filter__reset:hover {
  background-color: #F5F5F5;
}
@media screen and (max-width: 1023px) {
  .p-list-filter__reset-text {
    font-size: 0.875rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-list-filter__reset-text.--pc {
    display: none;
  }
}
@media screen and (min-width: 1024px) {
  .p-list-filter__reset-text.--sp {
    display: none;
  }
}
.p-list-filter__reset-count {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  background-color: #E6E6E6;
  border-radius: 50%;
  font-size: 0.75rem;
  color: #333333;
}

@media screen and (max-width: 1023px) {
  .p-list-filter__list {
    margin-top: 36px;
    padding: 0 20px;
    padding-top: 24px;
  }
}

.p-list-filter__section {
  position: relative;
  margin-top: 16px;
}
.p-list-filter__section:first-child {
  margin-top: 0px;
}

.p-list-filter__section:first-child {
  overflow: visible;
}
.p-list-filter__section:first-child .p-list-filter__content {
  overflow: visible;
}

.p-list-filter__header {
  display: flex;
  align-items: center;
  width: 100%;
  height: 48px;
  border-bottom: 0.5px solid #000000;
}
@media screen and (min-width: 1024px) {
  .p-list-filter__header {
    padding: 16px 6px 15px 0;
    margin-top: 20px;
  }
}
.p-list-filter__title {
  margin: 0;
  padding: 0;
  font-weight: 500;
  padding-right: 0.5em;
}
@media screen and (min-width: 1024px) {
  .p-list-filter__title {
    font-size: 1rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-list-filter__title {
    font-size: 0.875rem;
  }
}

.p-list-filter__toggle {
  display: flex;
  align-items: center;
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  flex-grow: 1;
  justify-content: flex-end;
}
.p-list-filter__toggle[aria-expanded=true] .c-accordion__icon {
  transform: rotate(180deg);
}

.p-list-filter__count {
  margin-right: 10px;
  padding: 2px 6px;
  background-color: #f0f0f0;
  border-radius: 100px;
  font-size: 0.875rem;
  width: 24px;
  height: 24px;
  text-align: center;
}
.p-list-filter__count.--hidden {
  display: none;
}

.p-list-filter__content {
  overflow: hidden;
  transition: max-height 0.3s ease, opacity 0.3s ease;
}
@media screen and (min-width: 1024px) {
  .p-list-filter__content {
    padding: 20px 0 18px;
    letter-spacing: -1px;
  }
}
@media screen and (max-width: 1023px) {
  .p-list-filter__content {
    padding: 16px 0;
  }
}

@media screen and (min-width: 1024px) {
  .p-list-filter__modal {
    display: none;
  }
}
@media screen and (max-width: 1023px) {
  .p-list-filter__modal {
    position: fixed;
    width: 100%;
    height: 60px;
    z-index: 950;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}
.p-list-filter__modal .p-list-filter__modal-header {
  width: 100%;
  height: 70px;
  border-bottom: 1px solid #000000;
  border-radius: 20px 20px 0px 0px;
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.p-list-filter__modal .p-list-filter__modal-header-close {
  position: absolute;
  top: 10px;
  right: 11px;
  background: none;
  border: none;
  cursor: pointer;
}
.p-list-filter__modal .p-list-filter__modal-header-close img {
  width: 85%;
}
.p-list-filter__modal .p-list-filter__modal-header-title {
  font-size: 1rem;
  padding: 16px 0 0 0;
}
@media screen and (max-width: 1023px) {
  .p-list-filter__modal .p-list-filter__modal-header-title {
    line-height: 1;
  }
}
.p-list-filter__modal .p-list-filter__modal-header-count {
  font-size: 0.625rem;
  color: #C2C2C2;
  padding-bottom: 8px;
}
@media screen and (max-width: 1023px) {
  .p-list-filter__modal .p-list-filter__modal-header-count {
    padding: 8px 0px 10px 0px;
    line-height: 1;
  }
}

.p-list-filter__help {
  display: flex;
  justify-content: flex-start;
}
@media screen and (min-width: 1024px) {
  .p-list-filter__help {
    margin-top: 40px;
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 1023px) {
  .p-list-filter__help {
    margin-top: 20px;
    margin-bottom: 80px;
  }
}
.p-list-filter__help-link {
  text-decoration: underline !important;
  color: #000000;
  font-weight: 400;
  font-size: 0.875rem;
  text-underline-offset: 3px;
}

.p-search {
  display: flex;
  align-items: center;
  -moz-column-gap: 13px;
       column-gap: 13px;
  width: 538px;
  height: 24px;
}
.p-search.is-active {
  display: flex;
  top: 54px;
  opacity: 1;
  width: 100%;
  height: 63px;
  padding: 12px 20px;
}
@media screen and (max-width: 1023px) {
  .p-search {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    padding: 18px 10px 10px;
    opacity: 0;
    transition: all 0.3s ease-in-out;
    z-index: -1;
    background-color: #ffffff;
    width: calc(100% - 20px);
    display: flex;
    justify-content: space-between;
  }
}

.p-search__form {
  display: flex;
  align-items: center;
  transition: none;
  justify-content: space-between;
  font-size: 0.875rem;
}
@media screen and (max-width: 1023px) {
  .p-search__form {
    -moz-column-gap: 8px;
         column-gap: 8px;
    width: 100%;
    justify-content: center;
  }
}

.p-search__dropdown {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  border: none;
  position: relative;
  display: inline-block;
}
@media screen and (min-width: 1024px) {
  .p-search__dropdown {
    min-width: 450px;
  }
}
@media screen and (max-width: 1023px) {
  .p-search__dropdown {
    font-size: 0.75rem;
    background-size: 10.71px 6.06px;
    width: 336px;
  }
}
.p-search__dropdown:focus {
  outline: none;
}
.p-search__dropdown-dropdown {
  background-image: url("../img/common/search_arrow.svg");
  background-repeat: no-repeat;
  background-position: left 2px center;
  background-size: 13px 7px;
  position: relative;
  border-bottom: 1px solid #000000;
}
@media screen and (min-width: 1024px) {
  .p-search__dropdown-dropdown {
    font-size: 0.875rem;
    padding-left: 24px;
    top: 3px;
  }
}
@media screen and (max-width: 1023px) {
  .p-search__dropdown-dropdown {
    padding: 6px 0px 4px 20px;
  }
}
.p-search__dropdown input[type=text] {
  border: none;
}

.p-search__input-option {
  border: none;
  width: 325px;
  font-size: 0.875rem;
  resize: none;
  overflow: hidden;
  line-height: 1.5;
  position: absolute;
  top: 2px;
  padding-right: 20px;
  transition: none;
  border-bottom: 1px solid #000000;
  padding-bottom: 0;
}
@media screen and (max-width: 1023px) {
  .p-search__input-option {
    width: 248px;
    font-size: 1rem;
    transform: scale(0.875); /* フォーカス時にズームしないように */
    transform-origin: top left; /* フォーカス時にズームしないように */
    top: 0px;
    border-radius: 0;
    margin-left: 4px;
    -webkit-appearance: none; /* iOS Safari のデフォルトスタイルを無効化 */
    -moz-appearance: none; /* Firefox 用 */
    appearance: none; /* 標準 */
    background: transparent; /* 必要なら背景も透過 */
  }
}
.p-search__input-option::-moz-placeholder {
  color: #bfbfbf;
  white-space: nowrap;
  overflow: hidden;
}
.p-search__input-option::placeholder {
  color: #bfbfbf;
  white-space: nowrap;
  overflow: hidden;
}
.p-search__input-option:focus {
  outline: none;
}
.p-search__input-option.expanded {
  z-index: 10;
  vertical-align: top;
  outline: none;
}
.p-search__input-option.collapsed {
  vertical-align: top;
  outline: none;
}
.p-search__submit {
  position: absolute;
  left: 425px;
  top: 7px;
  background-color: transparent;
  border: none;
  cursor: pointer;
  z-index: 15;
  padding: 0px;
}
@media screen and (min-width: 1024px) {
  .p-search__submit {
    width: 17px;
  }
}
@media screen and (max-width: 1023px) {
  .p-search__submit {
    width: 20px;
    padding: 0;
    left: 320px;
  }
}
@media screen and (min-width: 1024px) {
  .p-search__submit img {
    width: 17px;
  }
}
@media screen and (max-width: 1023px) {
  .p-search__submit img {
    width: 13.91px;
    height: 13.91px;
  }
}

.p-search__list-link {
  font-size: 0.8125rem;
  display: flex;
  -moz-column-gap: 8px;
       column-gap: 8px;
  align-items: center;
  text-decoration: none;
  border-bottom: 1px solid #000;
  line-height: 24px;
}
@media screen and (max-width: 1023px) {
  .p-search__list-link {
    display: none;
    width: 14px;
    height: 14px;
  }
  .p-search__list-link img {
    width: 14px;
    height: 14px;
  }
}
@media screen and (min-width: 1024px) {
  .p-search__list-link {
    position: relative;
    top: 3px;
    padding-left: 3px;
  }
}

@media screen and (max-width: 1023px) {
  .p-search__list-link-img {
    display: block;
  }
}
@media screen and (min-width: 1024px) {
  .p-search__list-link-img {
    display: none;
  }
}

@media screen and (max-width: 1023px) {
  .p-search__list-link-txt {
    display: none;
  }
}
@media screen and (min-width: 1024px) {
  .p-search__list-link-txt {
    display: flex;
    margin-top: 2px;
    line-height: 24px;
    font-size: 0.8125rem;
    white-space: nowrap;
  }
}

@media screen and (min-width: 1024px) {
  .p-search__dropdown-text {
    display: block;
    vertical-align: super;
    font-size: 0.875rem;
    position: relative;
    width: 80px;
  }
}
@media screen and (max-width: 1023px) {
  .p-search__dropdown-text {
    font-size: 0.75rem;
    width: 73px;
    display: block;
  }
}

.p-search__dropdown-menu {
  position: absolute;
  top: 100%;
  left: 12px;
  min-width: 120px;
  background: white;
  border: 1px solid #ddd;
  z-index: 1000;
  margin: 5px 0 0;
  padding: 0;
  list-style: none;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  display: block;
  font-size: 0.875rem;
  line-height: 1;
}
.p-search__dropdown-menu.is-hidden {
  display: none;
}
@media screen and (max-width: 1023px) {
  .p-search__dropdown-menu {
    font-size: 0.75rem;
  }
}

.p-search__dropdown-option {
  display: block;
  padding: 8px 15px;
  font-size: 0.875rem;
  cursor: pointer;
}
.p-search__dropdown-option:hover {
  background-color: #DCDCDD;
}
@media screen and (max-width: 1023px) {
  .p-search__dropdown-option {
    font-size: 0.75rem;
  }
}

.p-search__input-option.no-underline {
  border-bottom: none;
}

.p-color-palette {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin-top: 25px;
  position: relative;
}
@media screen and (max-width: 1023px) {
  .p-color-palette {
    gap: 2.1333333333vw;
    justify-content: center;
  }
}
@media screen and (min-width: 1024px) {
  .p-color-palette {
    gap: 6px;
  }
}
@media screen and (max-width: 1023px) {
  .p-color-palette::before {
    content: "";
    display: block;
    width: 20vw;
    order: 1;
  }
}
@media screen and (max-width: 1023px) {
  .p-color-palette::after {
    content: "";
    display: block;
    width: 20vw;
  }
}

.p-color-palette__item {
  position: relative;
  cursor: pointer;
  display: inline-block;
  /* または block / flex でも可 */
  width: 90px;
  /* チップの幅 */
  /* 高さを固定したい場合は height: 90px; など */
  vertical-align: top;
  /* inline-block の縦ずれ防止 */
}
@media screen and (max-width: 1023px) {
  .p-color-palette__item {
    width: 20vw;
    height: 20vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-color-palette__item {
    width: 90px;
    height: 90px;
  }
}
.p-color-palette__item.is-hovered {
  z-index: 10;
}

.p-color-palette__item-info {
  /* display: none; ← display制御だとアニメーションできないので削除 */
  opacity: 0;
  visibility: hidden;
  position: absolute;
  bottom: 65%;
  left: 50%;
  transform: translateX(-50%) translateY(8px);
  transition: opacity 0.5s ease, transform 0.5s ease;
  width: 270px;
  background-color: #808080;
  color: #ffffff;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
  padding: 15px;
  z-index: 100;
  margin-bottom: 10px;
}
.p-color-palette__item-info.is-visible {
  /* display: block; ← displayを使わずにアニメーションに変更 */
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%) translateY(0);
}
@media screen and (max-width: 1023px) {
  .p-color-palette__item-info {
    display: none !important;
  }
}
.p-color-palette__item-info::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  border-top: 10px solid #808080;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}
.p-color-palette__item.is10th .p-color-palette__item-info {
  left: auto;
  right: 0;
  transform: translateY(8px);
}
.p-color-palette__item.is10th .p-color-palette__item-info.is-visible {
  transform: translateY(0);
}
.p-color-palette__item.is10th .p-color-palette__item-info::after {
  left: auto;
  right: 20px;
  transform: translateX(0);
}
.p-color-palette__item.is11th .p-color-palette__item-info {
  left: 0;
  transform: translateY(8px);
}
.p-color-palette__item.is11th .p-color-palette__item-info.is-visible {
  transform: translateY(0);
}
.p-color-palette__item.is11th .p-color-palette__item-info::after {
  left: 20px;
  transform: translateX(0);
}
.p-color-palette__item-info.is-visible.display-under {
  top: 75%;
  bottom: unset;
}
.p-color-palette__item-info.is-visible.display-under::after {
  top: unset;
  bottom: 100%;
  border-top: unset;
  border-bottom: 10px solid #808080;
}

.p-color-palette__item-img > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media screen and (min-width: 1024px) {
  .p-color-palette .c-hover-arrow.--fs14 {
    display: inline-block;
    /* 必要なら */
    height: auto;
    /* ← 固定を解除 */
    width: 90px;
    /* チップ幅 */
    vertical-align: top;
  }
}

.p-color-palette__group-header {
  width: 100%;
  padding: 10px 0;
  margin: 20px 0 10px;
  font-weight: bold;
  font-size: 1rem;
  border-bottom: 1px solid #ddd;
}

.p-select-color {
  padding: 0;
  width: 273px;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: none;
  -ms-overflow-style: none;
  padding: 20px 14px;
}
.p-select-color::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 1023px) {
  .p-select-color {
    display: block;
  }
}
.p-select-color__inner {
  width: 100%;
}
.p-select-color__content-ttl {
  margin-left: 2px;
  display: flex;
  align-items: center;
}
.p-select-color__name {
  margin-left: 10px;
}
.p-select-color__counter {
  display: flex;
  flex-direction: column;
}
.p-select-color__counter-item {
  margin-top: 5px;
  display: flex;
  align-items: center;
}
.p-select-color__counter-item:first-of-type {
  margin-top: 12px;
}
.p-select-color__counter-item-name {
  text-align: left;
  line-height: 18px;
}

.p-color-palette-info {
  display: none;
}
.p-color-palette__item-info.is-visible .p-color-palette-info {
  display: block;
}

.p-color-palette-info__name {
  margin-top: 2px;
  margin-bottom: 8px;
  font-size: 0.875rem;
  color: #ffffff;
}

.p-color-palette-info__counter {
  margin: 0;
  padding: 0;
  list-style: none;
}

.p-color-palette-info__counter-item {
  line-height: 1;
}
.p-color-palette-info__counter-item:last-child {
  margin-bottom: 0;
}

.p-color-palette-info__counter-item-name {
  font-size: 0.875rem;
  display: inline-block;
  margin-right: 8px;
  min-width: 75px;
  height: 18px;
}

.p-color-palette-info__counter-item-list {
  display: inline-flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style: none;
}

.p-color-palette-info__counter-item-list-item {
  font-size: 0.75rem;
  display: inline-block;
  margin-right: 8px;
  line-height: 1;
}

.p-color-palette-info__btn {
  margin-top: 13px;
  width: 240px;
  height: 30px;
  padding: 8px;
  border: none;
  background-color: #ffffff;
  color: #000;
  border-radius: 0;
  cursor: pointer;
  font-size: 0.875rem;
  line-height: 1;
  text-align: center;
  font-weight: normal;
  transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
  border: 1px solid #000000;
}
.p-color-palette-info__btn:hover {
  background-color: #D8D8D9;
  border: 1px solid #D8D8D9;
}
@media screen and (max-width: 1023px) {
  .p-color-palette-info__btn {
    width: 246px;
    height: 40px;
    background-color: #000000;
    color: #ffffff;
    margin-top: 22px;
  }
  .p-color-palette-info__btn:hover {
    background-color: #000000;
  }
}

.p-color-palette-header {
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 1023px) {
  .p-color-palette-header {
    row-gap: 8px;
  }
}
@media screen and (min-width: 1024px) {
  .p-color-palette-header {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
}

.p-color-palette-header__stock-status {
  display: flex;
  align-items: center;
}

.p-color-palette-header__note {
  display: none;
}
@media screen and (min-width: 1024px) {
  .p-color-palette-header__note {
    display: block;
    font-size: 0.75rem;
    color: #808080;
    padding-left: 35px;
  }
}

@media screen and (max-width: 1023px) {
  .p-color-palette-header__select {
    align-self: flex-end;
  }
}

.p-detail-body-images {
  margin: 0 auto;
}
@media screen and (max-width: 1023px) {
  .p-detail-body-images {
    margin: 24px 0 0;
  }
}
@media screen and (min-width: 1024px) {
  .p-detail__body .p-detail-body-images {
    width: 790px;
    margin: 0 auto;
  }
}
.p-detail-body-images__list {
  display: flex;
  flex-direction: column;
  gap: 5px;
  max-height: -moz-max-content;
  max-height: max-content;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 480px) {
  .p-detail-body-images__list {
    gap: 4px;
  }
}
@media screen and (max-width: 1023px) {
  .p-detail-body-images__list {
    height: 120vw;
  }
}
.minisample .p-detail-body-images__list {
  flex-direction: row;
  flex-wrap: wrap;
  -moz-column-gap: 0px;
       column-gap: 0px;
}
@media screen and (max-width: 480px) {
  .minisample .p-detail-body-images__list {
    row-gap: 8px;
  }
}
.p-detail-body-images__item {
  position: relative;
  width: 100%;
  transition: height 0.8s ease-in-out;
  cursor: pointer;
  pointer-events: auto;
  overflow: hidden;
}
@media screen and (min-width: 1024px) {
  .p-detail-body-images__item {
    height: 40px;
    flex-grow: 1;
  }
}
@media screen and (max-width: 1023px) {
  .p-detail-body-images__item {
    height: 32px;
  }
}
@media screen and (max-width: 480px) {
  .p-detail-body-images__item {
    height: 8.5333333333vw;
  }
}
.p-detail-body-images__item .p-detail-body-images__img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  block-size: unset;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.p-detail-body-images__item.is-active {
  transition: height 0.8s ease-in-out;
  max-height: -moz-max-content;
  max-height: max-content;
}
@media screen and (min-width: 1024px) {
  .p-detail-body-images__item.is-active {
    height: 656px;
    flex-grow: 0;
  }
}
@media screen and (max-width: 1023px) {
  .p-detail-body-images__item.is-active {
    height: 100vw;
  }
}
.p-detail-body-images__item.--video {
  background: #000;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 1023px) {
  .minisample .p-detail-body-images__item:not(:first-child) {
    width: 111px;
    min-height: 78px;
    max-height: 78px;
  }
}
@media screen and (min-width: 1024px) {
  .minisample .p-detail-body-images__item:not(:first-child) {
    width: 121px;
    min-height: 85px;
    max-height: 85px;
  }
}
.p-detail-body-images__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
}
.p-detail-body-images__video {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.p-detail-body-images__video.--youtube {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
}
.p-detail-body-images__caption {
  color: #B4B5B6;
  font-size: 0.875rem;
  line-height: 1.6428571429;
  margin-top: 4px;
}
@media screen and (min-width: 1024px) {
  .p-detail-body-images__caption {
    z-index: 10;
    position: relative;
  }
}
.p-detail-body-images__scale {
  position: absolute;
  bottom: 20px;
  left: 20px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  opacity: 0;
  transition: opacity 0.6s ease;
  pointer-events: none;
}
@media screen and (min-width: 1024px) {
  .p-detail-body-images__scale {
    bottom: 50px;
    left: 62px;
  }
}
.p-detail-body-images__scale-img {
  width: 94px;
  height: 10px;
}
@media screen and (max-width: 1023px) {
  .p-detail-body-images__scale-img {
    width: 56px;
    height: 6px;
  }
}
.p-detail-body-images__scale-text {
  display: flex;
  justify-content: center;
  color: #ffffff;
  font-size: 1rem;
  margin-top: 4px;
  width: 100%;
}
@media screen and (max-width: 1023px) {
  .p-detail-body-images__scale-text {
    font-size: 0.625rem;
    transform: scale(0.9);
  }
}

.p-detail-body-images__scale-img {
  display: block;
  max-width: 100%;
  height: auto;
  object-fit: contain;
  background-color: transparent;
  border: none;
  padding: 0;
  margin: 0;
}

.p-detail-body-images--header {
  position: relative; /* バッジの基準 */
  flex: 0 0 auto; /* サムネ幅に応じて */
  /* JSで style.order を動的に付与します */
  isolation: isolate;
  overflow: hidden;
}

.p-detail-body-images--header::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(128, 128, 128, 0.4); /* 透過度はお好みで 0.3〜0.5 */
  color: #fff;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  pointer-events: none;
  z-index: 1; /* ラベル（::after）より下 */
}

/* PCホバー時だけ、縮小サムネにバッジを表示（アクティブ中は非表示） */
@media (hover: hover) and (pointer: fine) {
  .p-detail-body-images--header::after {
    content: attr(data-badge);
    position: absolute;
    left: 20px;
    bottom: 8px;
    padding: 2px 0;
    font-size: 0.875rem;
    line-height: 1;
    color: #fff;
    border-radius: 2px;
    white-space: nowrap;
    opacity: 0;
    transition: all 0.3s ease-in-out;
    pointer-events: none;
    z-index: 2;
  }
  /* 縮小サムネにホバー中のみ表示（アクティブは除外） */
}
@media screen and (hover: hover) and (pointer: fine) and (min-width: 1024px) {
  .p-detail-body-images--header::after {
    left: 62px;
    bottom: 10px;
  }
}
@media (hover: hover) and (pointer: fine) {
  .p-detail-body-images--header:not(.is-active):hover::before {
    opacity: 1;
  }
  .p-detail-body-images--header:not(.is-active):hover::after {
    opacity: 1;
  }
  .p-detail-body-images--header img,
  .p-detail-body-images--header video {
    position: relative;
    z-index: 0;
  }
}
/* フォールバック（mixinを弄れない場合）：
   2枚目/3枚目に固定表示。必要なら調整してください。 */
@media (hover: hover) and (pointer: fine) {
  .p-detail-body-images__list > .p-detail-body-images--header:nth-child(2):not(.is-active):hover::after {
    content: "IMAGE >";
  }
  .p-detail-body-images__list > .p-detail-body-images--header:nth-child(3):not(.is-active):hover::after {
    content: "MOVIE >";
  }
}
.p-page-detail:not(.minisample) .p-detail-body-images {
  width: var(--active-width, auto);
  height: var(--area-height, 0);
}
.p-page-detail:not(.minisample) .p-detail-body-images.animation {
  transition: width 0.3s ease-in-out, height 0.3s ease-in-out;
}
.p-page-detail:not(.minisample) .p-detail-body-images__list {
  height: var(--area-height, 0);
  max-height: var(--area-height, 0);
  transition: height 0.3s ease-in-out, max-height 0.3s ease-in-out;
}
.p-page-detail:not(.minisample) .p-detail-body-images__item {
  background: rgba(128, 128, 128, 0.4);
  transition: height 0.3s ease-in-out, min-height 0.3s ease-in-out, max-height 0.3s ease-in-out, transform 0.3s ease-in-out;
  -webkit-tap-highlight-color: transparent;
}
.p-page-detail:not(.minisample) .p-detail-body-images__item.is-active {
  height: var(--active-height, 0);
  max-height: var(--active-height, 0);
}
.p-page-detail:not(.minisample) .p-detail__header .p-detail-body-images__list {
  display: block;
}
.p-page-detail:not(.minisample) .p-detail__header .p-detail-body-images__item {
  position: absolute;
  transform: var(--idx-transform, translateY(0));
}
.p-page-detail:not(.minisample) .p-detail__header .p-detail-body-images__item.is-active {
  z-index: -1;
}
@media screen and (min-width: 1024px) {
  .p-page-detail:not(.minisample) .p-detail__body .p-detail-body-images__item:not(.is-active) {
    height: 3.515625vw;
  }
}
.p-page-detail:not(.minisample) .p-detail__body .p-detail-body-images__item .p-detail-body-images__img {
  aspect-ratio: 100/56;
  object-fit: cover;
}
@media screen and (min-width: 1024px) {
  .p-page-detail:not(.minisample) .p-detail__body .p-detail-body-images__item .p-detail-body-images__img {
    aspect-ratio: 2/1;
  }
}
.p-page-detail:not(.minisample) .p-detail-body-images__caption {
  position: relative;
}
.p-page-detail:not(.minisample) .p-detail-body-images__caption .p-detail-body-images__caption__item {
  position: absolute;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
.p-page-detail:not(.minisample) .p-detail-body-images__caption .p-detail-body-images__caption__item.is-active {
  opacity: 1;
}
.p-page-detail:not(.minisample) .p-detail__body-dummy-text {
  line-height: 0;
}
@media screen and (min-width: 1024px) {
  .p-page-detail:not(.minisample) .p-detail__header .p-detail-body-images__list {
    position: fixed;
    width: var(--active-width, auto);
  }
}
@media screen and (min-width: 1024px) {
  .p-page-detail:not(.minisample) .p-detail__body-wrapper {
    position: relative;
    padding-top: 9px;
    background: white;
  }
  .p-page-detail:not(.minisample) .p-detail__body-wrapper::before {
    content: "";
    position: absolute;
    margin: 0 calc(50% - 50vw);
    top: 0;
    width: 100vw;
    height: calc(100% + 9px);
    background: white;
  }
  .p-page-detail:not(.minisample) .p-detail__body-wrapper .p-detail__body {
    margin-top: 153px;
  }
  .p-page-detail:not(.minisample) .c-back-to-top {
    position: relative;
    min-width: unset;
    background: white;
  }
  .p-page-detail:not(.minisample) .c-back-to-top::before {
    content: "";
    position: absolute;
    margin: 0 calc(50% - 50vw);
    width: 100vw;
    height: 100%;
    background: white;
  }
  .p-page-detail:not(.minisample) .c-back-to-top .c-back-to-top__btn {
    position: relative;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 120px;
    padding-bottom: 120px;
  }
  .p-page-detail:not(.minisample) .p-detail__info,
  .p-page-detail:not(.minisample) .p-detail__margin,
  .p-page-detail:not(.minisample) .p-detail__order {
    position: relative;
    background: white;
  }
}

.p-zensi {
  max-width: 1152px;
  padding: 89px 96px 64px 96px;
  width: 90vw;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.p-zensi::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 1023px) {
  .p-zensi {
    min-width: 355px;
    padding: 21px 10px 40px 20px;
  }
}
.p-zensi__inner {
  background: white;
  margin: 0 auto;
  z-index: 1000;
  max-width: 1120px;
}
.p-zensi__select {
  display: flex;
}
@media screen and (max-width: 1023px) {
  .p-zensi__select {
    flex-direction: column;
    align-items: flex-start;
  }
}
.p-zensi__select-title {
  font-size: 0.875rem;
  font-weight: bold;
}
.p-zensi__select-content {
  margin-left: 102px;
  display: flex;
}
@media screen and (max-width: 1023px) {
  .p-zensi__select-content {
    margin: 0;
    margin-left: 10px;
    margin-top: 14px;
    flex-direction: column;
  }
}
.p-zensi__select-content-color-set {
  display: flex;
}
.p-zensi__select-content-product {
  font-size: 0.875rem;
}
.p-zensi__select-content-color {
  background-color: #EB5CCA;
  border-radius: 50%;
  border: 1px solid #000000;
  width: 20px;
  height: 20px;
  display: inline-block;
  margin-left: 10px;
}
@media screen and (max-width: 1023px) {
  .p-zensi__select-content-color {
    margin-left: 20px;
  }
}
.p-zensi__select-content-size-set {
  display: flex;
}
@media screen and (max-width: 1023px) {
  .p-zensi__select-content-size-set {
    margin-top: 4px;
  }
}
.p-zensi__select-content-color-font {
  margin-left: 10px;
  font-size: 0.875rem;
}
@media screen and (max-width: 1023px) {
  .p-zensi__select-content-color-font {
    margin-left: 8;
  }
}
.p-zensi__select-content-thickness {
  font-size: 0.875rem;
  margin-left: 10px;
}
@media screen and (max-width: 1023px) {
  .p-zensi__select-content-thickness {
    margin-left: 0;
  }
}
.p-zensi__select-content-size {
  padding: 1px 11px;
  font-size: 0.875rem;
}
@media screen and (max-width: 1023px) {
  .p-zensi__select-content-size {
    padding: 0 9px;
  }
}
.p-zensi__select-content-weight {
  margin-left: 10px;
  font-size: 0.875rem;
}
@media screen and (max-width: 1023px) {
  .p-zensi__select-content-weight {
    margin-left: 0;
  }
}
.p-zensi__purchase {
  display: flex;
  margin-top: 67px;
}
@media screen and (max-width: 1023px) {
  .p-zensi__purchase {
    flex-direction: column;
    margin-top: 36px;
  }
}
.p-zensi__purchase-title-wrapper {
  display: flex;
  gap: 8px;
}
.p-zensi__purchase-title-wrapper .c-tooltip {
  margin-top: 7px;
}
@media screen and (max-width: 1023px) {
  .p-zensi__purchase-title-wrapper .c-tooltip {
    margin-top: 5px;
  }
}
.p-zensi__purchase-title-wrapper .c-tooltip__container-content {
  text-align: left;
}
.p-zensi__purchase-title {
  font-size: 0.875rem;
  font-weight: bold;
  white-space: nowrap;
}
@media screen and (max-width: 1023px) {
  .p-zensi__purchase-title {
    text-align: left;
  }
}
.p-zensi__purchase-content {
  display: flex;
  margin-left: 88px;
  text-align: left;
}
@media screen and (max-width: 1023px) {
  .p-zensi__purchase-content {
    margin: 0;
    flex-direction: column;
  }
}
.p-zensi__purchase-content-one + .p-zensi__purchase-content-one {
  margin-left: 24px;
}
@media screen and (max-width: 1023px) {
  .p-zensi__purchase-content-one + .p-zensi__purchase-content-one {
    margin-left: 10px;
  }
}
@media screen and (max-width: 1023px) {
  .p-zensi__purchase-content-one {
    margin-top: 16px;
    margin-right: 21px;
    margin-left: 10px;
  }
}
.p-zensi__purchase-content-one input[type=radio]:checked + label + .zensi__purchase-content-description {
  opacity: 1;
}
.p-zensi__purchase-content-radio {
  cursor: default;
}
@media screen and (min-width: 1024px) {
  .p-zensi__purchase-content-radio {
    display: flex;
    align-items: center;
  }
}
.p-zensi__purchase-content-radio-text {
  cursor: pointer;
}
.p-zensi input[type=radio] {
  position: relative;
  width: 20px;
  height: 20px;
  border: 1px solid #000000;
  border-radius: 50%;
  vertical-align: -2px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  margin-right: 8px;
}
.p-zensi input[type=radio]:checked:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #000;
  content: "";
}
.p-zensi input[type=radio]:checked + label {
  color: black;
}
.p-zensi label {
  position: relative;
  bottom: 3px;
  margin-left: 5px;
  font-size: 0.875rem;
  font-weight: bold;
}
.p-zensi__purchase-content-description {
  max-width: 375px;
  width: 100%;
  background-color: #ededee;
  margin-top: 17px;
  display: flex;
  align-items: stretch;
  padding: 30px 21px 15px 21px;
  flex-direction: column;
  justify-content: space-around;
  cursor: pointer;
}
@media screen and (max-width: 1023px) {
  .p-zensi__purchase-content-description {
    flex-direction: row;
    padding: 16px 16px 32px 16px;
  }
}
.p-zensi__purchase-content-description-picture {
  height: 8vw;
  min-width: 72px;
  width: 12vw;
  margin: 0 auto;
}
@media screen and (max-width: 1023px) {
  .p-zensi__purchase-content-description-picture {
    height: 50%;
    width: 50%;
  }
}
.p-zensi__purchase-content-description-picture img {
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 1023px) {
  .p-zensi__purchase-content-description-picture img {
    width: 100%;
    height: 100%;
  }
}
.p-zensi__purchase-content-description-text {
  width: clamp(200px, 26vw, 333px);
  font-size: 0.75rem;
  margin-top: 37.5px;
  white-space: normal;
  font-weight: 400;
}
@media screen and (max-width: 1023px) {
  .p-zensi__purchase-content-description-text {
    margin-top: 0;
    margin-left: 16px;
  }
}
.p-zensi__button {
  display: flex;
  justify-content: space-between;
  margin-top: 35px;
  align-items: center;
}
@media screen and (max-width: 1023px) {
  .p-zensi__button {
    flex-direction: column-reverse;
    align-items: center;
    margin-top: 40px;
  }
}
.p-zensi__button-back-wrapper {
  height: 55px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
@media screen and (max-width: 1023px) {
  .p-zensi__button-back-wrapper {
    height: 40px;
    margin-top: 16px;
  }
}
.p-zensi__button-back {
  width: 132px;
  height: 46px;
  background-color: white;
  border: 1px solid #000000;
  font-size: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 1023px) {
  .p-zensi__button-back {
    width: 295px;
    height: 40px;
    font-size: 0.75rem;
  }
}
.p-zensi__button-back:hover {
  background-color: #D8D8D9;
  border: 1px solid #D8D8D9;
}
.p-zensi__button-cart {
  display: flex;
}
@media screen and (max-width: 1023px) {
  .p-zensi__button-cart {
    flex-direction: column;
  }
}
.p-zensi__quantity {
  width: 172px;
  height: 100%;
  font-size: 1rem;
  display: flex;
  justify-content: space-between;
  text-align: center;
}
@media screen and (max-width: 1023px) {
  .p-zensi__quantity {
    margin: 0 auto;
    width: 162px;
    margin-left: calc(50% - 70px);
  }
}
.p-zensi__quantity-set {
  width: 146px;
  height: 46px;
  display: flex;
  justify-content: space-between;
  border: 1px solid #000000;
}
@media screen and (max-width: 1023px) {
  .p-zensi__quantity-set {
    width: 140px;
    height: 40px;
  }
}
.p-zensi__button-decrement {
  font-size: 1.375rem;
  margin-left: 12px;
  position: relative;
  z-index: 1;
}
.p-zensi__button-decrement::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -16px;
  /* 左側に16px拡張 */
  right: -16px;
  /* 右側に16px拡張 */
  z-index: 0;
  /* ボタンより下に */
}
.p-zensi__quantity-value {
  position: relative;
  font-size: 0.9375rem;
}
@media screen and (max-width: 1023px) {
  .p-zensi__quantity-value {
    font-size: 1rem;
    transform: scale(0.875); /* フォーカス時にズームしないように */
  }
}
.p-zensi__quantity-value[type=number], .p-zensi__quantity-value[type=text] {
  border: none;
  background: transparent;
  text-align: center;
  width: 50%;
  outline: none;
  -moz-appearance: textfield;
}
.p-zensi__quantity-value[type=number]::-webkit-outer-spin-button, .p-zensi__quantity-value[type=number]::-webkit-inner-spin-button, .p-zensi__quantity-value[type=text]::-webkit-outer-spin-button, .p-zensi__quantity-value[type=text]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.p-zensi__button-increment {
  font-size: 1.375rem;
  margin-right: 12px;
  position: relative;
  /* 擬似要素の基準にするため */
  z-index: 1;
  /* 擬似要素より上に */
}
.p-zensi__button-increment::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -16px;
  /* 左側に16px拡張 */
  right: -16px;
  /* 右側に16px拡張 */
  z-index: 0;
  /* ボタンより下に */
}
.p-zensi__quantity-amount {
  font-size: 0.875rem;
  position: relative;
  top: 21px;
}
@media screen and (max-width: 1023px) {
  .p-zensi__quantity-amount {
    top: 18px;
  }
}
@media screen and (max-width: 1023px) {
  .p-zensi .p-zensi__button-back {
    height: 40px;
    background-color: white;
    border: 1px solid #000000;
    transition: none;
  }
  .p-zensi .p-zensi__button-back:hover {
    height: 40px;
    background-color: white;
    border: 1px solid #000000;
  }
  .p-zensi .c-btn--cart {
    transition: none;
  }
  .p-zensi .c-btn--cart:hover {
    background-color: #000000;
    border-color: #000000;
  }
  .p-zensi .c-btn--cart:hover::after {
    width: 0;
    opacity: 0;
  }
  .p-zensi .c-btn--cart:hover .c-btn--cart-text-default {
    opacity: 1;
  }
  .p-zensi .c-btn--cart:hover .c-btn--cart-text-hover {
    opacity: 0;
  }
  .p-zensi .c-btn--cart .c-btn--cart-text-default {
    opacity: 1;
  }
  .p-zensi .c-btn--cart .c-btn--cart-text-hover {
    opacity: 0;
  }
}

.p-zensi__purchase-content-one {
  display: block;
}

.p-detail-color-modal {
  max-width: 572px;
  padding: 40px 16px;
}
.p-detail-color-modal__inner {
  max-width: 468px;
  width: 100%;
  margin: 0 auto;
  justify-items: center;
}
@media screen and (max-width: 1023px) {
  .p-detail-color-modal__inner {
    max-width: 304px;
  }
}
.p-detail-color-modal.--show-all-items .p-list-filter-color__circle-label.--not-available {
  opacity: 1;
  visibility: visible;
  transform: none;
  display: inline-block;
}

.p-detail-color {
  width: 100%;
  height: 100%;
}

.p-detail-color__title {
  font-size: 1.25rem;
  font-weight: bold;
  margin-top: 7px;
}

.p-detail-color__color-list {
  max-width: 468px;
  margin: 0 auto;
  margin-top: 31px;
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  max-height: 240px;
  overflow-y: auto;
  /* ← 縦スクロール表示 */
  overflow-x: hidden;
  /* ← 横バーは出さない */
  -webkit-overflow-scrolling: touch;
  position: relative;
  padding-top: 4px;
  padding-bottom: 4px;
  /* 横バー完全非表示（ブラウザ別）*/
}
@media screen and (min-width: 1024px) {
  .p-detail-color__color-list {
    left: 11px;
    padding-left: 3px;
    scrollbar-width: thin;
    /* Firefox：縦バー細く */
  }
}
@media screen and (max-width: 1023px) {
  .p-detail-color__color-list {
    left: 4px;
    padding-left: 7px;
    max-width: 304px;
    max-height: 245px;
  }
}
.p-detail-color__color-list::-webkit-scrollbar:horizontal {
  display: none;
}

.p-detail-color__color-list-one {
  width: 34px;
  height: 34px;
}
.p-detail-color__color-list-one.is-hidden {
  display: none !important;
}

.p-detail-color__color-list-one input {
  display: none;
}

.p-detail-color__color-list-one label {
  display: block;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  cursor: pointer;
  position: relative;
  transition: all 0.3s ease;
}
.p-detail-color__color-list-one label:hover {
  transform: scale(1.1);
}
.p-detail-color__color-list-one label::after {
  content: "✓";
  font-size: 1rem;
  color: #ffffff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: opacity 0.3s;
}

.p-detail-color__color-list-one .p-list-filter-color__circle-label .p-list-filter-color__circle {
  width: 34px;
  height: 34px;
}

.p-detail-color__color-list-one .p-list-filter-color__circle-label.--not-available {
  position: relative;
}
.p-detail-color__color-list-one .p-list-filter-color__circle-label.--not-available .p-list-filter-color__circle::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  pointer-events: none;
}
.p-detail-color__color-list-one .p-list-filter-color__circle-label.--not-available .p-list-filter-color__circle.is-light::after {
  background: linear-gradient(to top left, transparent calc(50% - 1.5px), rgba(0, 0, 0, 0.4) calc(50% - 0.75px), rgba(0, 0, 0, 0.4) calc(50% + 0.75px), transparent calc(50% + 1.5px));
}
.p-detail-color__color-list-one .p-list-filter-color__circle-label.--not-available .p-list-filter-color__circle.is-dark::after {
  background: linear-gradient(to top left, transparent calc(50% - 1.5px), rgba(255, 255, 255, 0.4) calc(50% - 0.75px), rgba(255, 255, 255, 0.4) calc(50% + 0.75px), transparent calc(50% + 1.5px));
}

.p-detail-color__selected {
  margin-top: 30px;
}
@media screen and (min-width: 1024px) {
  .p-detail-color__selected {
    display: flex;
    justify-content: space-between;
  }
}
@media screen and (max-width: 1023px) {
  .p-detail-color__selected {
    margin-top: 36px;
  }
}

.p-detail-color__selected-set {
  display: flex;
  gap: 10px;
  align-items: center;
}

.p-detail-color__selected-circle {
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background-color: #ff66b2;
  border: 1px solid #000;
}
@media screen and (max-width: 1023px) {
  .p-detail-color__selected-circle {
    width: 20px;
    height: 20px;
  }
}

.p-detail-color__selected-name {
  font-size: 16px;
}

@media screen and (max-width: 1023px) {
  .p-detail-color__selected-set {
    margin-bottom: 24px;
  }
}

@media screen and (max-width: 1023px) {
  .p-detail-color__selected .c-btn--determine {
    width: 316px;
    position: relative;
    left: -6px;
  }
}

.p-detail-cont {
  margin-top: 106px;
}
@media screen and (min-width: 1024px) {
  .p-detail-cont {
    margin-top: 100px;
    position: relative;
    z-index: 100;
  }
}

.p-detail-cont__nav-list {
  display: flex;
  justify-content: center;
  align-items: center;
  border-bottom: 1px solid #D8D8D9;
}
@media screen and (min-width: 1024px) {
  .p-detail-cont__nav-list {
    gap: 40px;
  }
}

.p-detail-cont__box-cont-info {
  display: flex;
  margin-top: 15px;
  -moz-column-gap: 30px;
       column-gap: 30px;
  font-size: 0.875rem;
  line-height: 23px;
}
@media screen and (max-width: 480px) {
  .p-detail-cont__box-cont-info {
    -moz-column-gap: 16px;
         column-gap: 16px;
  }
}

.p-detail-cont__box-cont-info-date {
  min-width: 91px;
  width: 91px;
}
@media screen and (max-width: 480px) {
  .p-detail-cont__box-cont-info-date {
    min-width: 80px;
    width: 80px;
  }
}

.p-detail-cont__nav-link {
  display: flex;
  align-items: center;
  white-space: nowrap;
}
@media screen and (max-width: 480px) {
  .p-detail-cont__nav-link {
    font-size: 3.2vw;
  }
}
@media screen and (max-width: 1023px) {
  .p-detail-cont__nav-link {
    justify-content: space-between;
    font-size: 0.75rem;
  }
}
@media screen and (min-width: 1024px) {
  .p-detail-cont__nav-link {
    justify-content: center;
    padding: 0 30px;
    font-size: 1rem;
  }
}

.p-detail-cont__nav-link-txt {
  display: block;
}
@media screen and (max-width: 1023px) {
  .p-detail-cont__nav-link-txt {
    padding: 2.6666666667vw 3.2vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-detail-cont__nav-link-txt {
    padding: 13px 0;
  }
}

@media screen and (min-width: 1024px) {
  .p-detail-cont__cont {
    margin-top: 40px;
  }
}

.p-detail-cont__box {
  margin-top: 30px;
}
@media screen and (min-width: 1024px) {
  .p-detail-cont__box {
    margin-top: 60px;
  }
}
.p-detail-cont__box:first-of-type {
  margin-top: 0;
}
.p-detail-cont__box-ttl {
  font-size: 1rem;
  font-weight: 400;
  padding: 13px 0;
  margin-top: 0;
}
@media screen and (max-width: 480px) {
  .p-detail-cont__box-ttl {
    font-size: 0.875rem;
    padding: 4px 0;
  }
}
.p-detail-cont__box-ttl.--caution {
  position: relative;
  margin-right: 20px;
  display: flex;
  -moz-column-gap: 7px;
       column-gap: 7px;
  align-items: center;
}
.--basic-info .p-detail-cont__box {
  margin-top: 60px;
}
@media screen and (max-width: 480px) {
  .--basic-info .p-detail-cont__box {
    margin-top: 40px;
  }
}

.p-detail-cont__box-cont {
  line-height: 1.75;
}
.p-detail-cont__box-cont.--image {
  display: flex;
  -moz-column-gap: 30px;
       column-gap: 30px;
}
@media screen and (max-width: 480px) {
  .p-detail-cont__box-cont.--image {
    -moz-column-gap: 20px;
         column-gap: 20px;
  }
}
@media screen and (max-width: 480px) {
  .p-detail-cont__box-cont {
    line-height: 1.6428571429;
  }
}
.p-detail-cont__box-cont > p {
  margin-top: 1.75em;
}
@media screen and (max-width: 1023px) {
  .p-detail-cont__box-cont > p {
    margin-top: 24px;
  }
}
@media screen and (max-width: 480px) {
  .p-detail-cont__box-cont > p {
    margin-top: 4.2666666667vw;
    font-size: 0.875rem;
  }
}
@media screen and (min-width: 1024px) {
  .p-detail-cont__box-cont > p {
    margin-top: 20px;
  }
}
.p-detail-cont__box-cont > p.p-detail-cont__box-cont-img {
  width: 198px;
}
@media screen and (max-width: 1023px) {
  .p-detail-cont__box-cont > p.p-detail-cont__box-cont-img > img {
    margin-top: 8px;
  }
}
.p-detail-cont__box-cont > p.p-detail-cont__box-note {
  position: relative;
  padding-left: 1em; /* 全体の左側にインデント */
  text-indent: -1em; /* 1行目の※を左に出す */
}
@media screen and (max-width: 1023px) {
  .p-detail-cont__box-cont > p.p-detail-cont__box-note {
    font-size: 0.875rem;
    margin-top: 20px;
  }
}
@media screen and (max-width: 480px) {
  .p-detail-cont__box-cont > p.p-detail-cont__box-note {
    font-size: 3.7333333333vw;
    margin-top: 5.3333333333vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-detail-cont__box-cont > p.p-detail-cont__box-note {
    font-size: 0.75rem;
    margin-top: 19px;
    line-height: 18px;
  }
}
.p-detail-cont__box-cont > p.p-detail-cont__box-note > a {
  padding-left: 9px;
}
.p-detail-cont__box-cont > p.p-detail-cont__box-note-second {
  margin-top: 0px;
}
@media screen and (max-width: 1023px) {
  .p-detail-cont__box-cont > p.p-detail-cont__box-note-second {
    font-size: 0.875rem;
  }
}
@media screen and (max-width: 480px) {
  .p-detail-cont__box-cont > p.p-detail-cont__box-note-second {
    font-size: 3.7333333333vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-detail-cont__box-cont > p.p-detail-cont__box-note-second {
    font-size: 0.75rem;
    line-height: 18px;
  }
}

.p-detail-cont__btn {
  display: flex;
  text-align: center;
}
@media screen and (max-width: 1023px) {
  .p-detail-cont__btn {
    margin: 24px auto 0;
    font-size: 0.75rem;
    width: 254px;
  }
}
@media screen and (max-width: 480px) {
  .p-detail-cont__btn {
    margin: 6.4vw auto 0;
    font-size: 3.2vw;
    width: 67.7333333333vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-detail-cont__btn {
    margin: 40px 0 0;
    font-size: 1rem;
    width: 318px;
    height: 42px;
  }
}

.p-detail-cont__toggle {
  display: flex;
  align-items: center;
  background: none;
  border: none;
  cursor: default;
  padding: 0;
  flex-grow: 1;
  justify-content: space-between;
  width: 100%;
  border-bottom: 1px solid #808080;
}
@media screen and (max-width: 1023px) {
  .p-detail-cont__toggle {
    cursor: pointer;
  }
}
.p-detail-cont__toggle .c-accordion__icon {
  margin-right: 13px;
}
@media screen and (min-width: 1024px) {
  .p-detail-cont__toggle .c-accordion__icon {
    display: none;
  }
}
.p-detail-cont__toggle[aria-expanded=true] .c-accordion__icon {
  transform: rotate(-180deg);
}
.--fnav .p-detail-cont__toggle .c-accordion__icon {
  filter: invert(100%);
}

@media screen and (max-width: 1023px) {
  .p-detail-cont__accordion-icon-feature {
    transform: rotate(0deg);
  }
}

.p-detail-dimention {
  padding-top: 24px;
}
.p-detail-dimention__select-wrapper {
  position: relative;
  display: inline-block;
  max-width: 260px;
  width: 100%;
  margin-top: 13px;
}
.p-detail-dimention__select-wrapper::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 16px;
  width: 12px;
  height: 12px;
  border-right: 2px solid #333;
  border-bottom: 2px solid #333;
  transform: translateY(-50%) rotate(45deg);
  pointer-events: none;
}
@media screen and (max-width: 1023px) {
  .p-detail-dimention__select-wrapper::after {
    width: 8px;
    height: 8px;
  }
}

.p-detail-dimention__select {
  width: 260px;
  height: 44px;
  margin-top: 13px;
}
.p-detail-dimention__select .c-custom-dropdown__selected {
  padding: 10px;
}
.p-detail-dimention__select .c-custom-dropdown__selected::before {
  content: "";
  box-shadow: inset 0 0 0 1px #000000;
}
.p-detail-dimention__select .c-custom-dropdown__arrow {
  border-right: 1px solid #000000;
  border-bottom: 1px solid #000000;
}
.p-detail-dimention__select .c-custom-dropdown__options {
  box-shadow: inset 0 0 0 1px #000000;
  font-size: 16px;
}
.p-detail-dimention__select .c-custom-dropdown__option {
  height: 44px;
  padding: 10px;
  font-size: 16px;
}

.p-color-palette-header__select .c-custom-dropdown {
  width: 117px;
  height: 32px;
}
@media screen and (max-width: 1023px) {
  .p-color-palette-header__select .c-custom-dropdown {
    width: 101px;
    height: 22px;
  }
}
.p-color-palette-header__select .c-custom-dropdown__selected {
  padding: 4px;
}
@media screen and (max-width: 1023px) {
  .p-color-palette-header__select .c-custom-dropdown__selected {
    padding: 2px;
  }
}
@media screen and (max-width: 1023px) {
  .p-color-palette-header__select .c-custom-dropdown__selected span {
    font-size: 12px;
  }
}
.p-color-palette-header__select .c-custom-dropdown__selected::before {
  content: "";
  box-shadow: none;
  border-bottom: 1px solid #000000;
}
.p-color-palette-header__select .c-custom-dropdown__arrow {
  border-right: 1px solid #000000;
  border-bottom: 1px solid #000000;
}
.p-color-palette-header__select .c-custom-dropdown__options {
  box-shadow: inset 0 0 0 1px #000000;
}
.p-color-palette-header__select .c-custom-dropdown__option {
  padding: 4px;
  height: 32px;
}
@media screen and (max-width: 1023px) {
  .p-color-palette-header__select .c-custom-dropdown__option {
    height: 22px;
    padding: 2px;
    font-size: 12px;
  }
}

.p-detail-float {
  display: flex;
  align-items: center;
  flex-direction: column;
  row-gap: 16px;
  margin-top: 50px;
}
@media screen and (min-width: 1024px) {
  .p-detail-float {
    align-items: flex-end;
    -moz-column-gap: 7px;
         column-gap: 7px;
  }
}

@media screen and (min-width: 1024px) {
  .p-detail-float__btns {
    display: none;
  }
}
@media screen and (max-width: 1023px) {
  .p-detail-float__btns {
    position: fixed;
    left: 0;
    right: 0;
    width: 100vw;
    box-sizing: border-box;
    height: 80px;
    margin-left: 0;
    bottom: 0px;
    z-index: 998;
    background-color: #ffffff;
    border: 1px solid #000000;
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 9px;
    padding: 20px 10px;
  }
}
@media screen and (max-width: 1023px) {
  .p-detail-float__btns > .c-btn {
    width: calc(50% - 5px);
  }
}

.p-detail-float__btn {
  width: 227px;
  height: 46px;
  position: relative;
  margin: 0;
  text-decoration: none;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.p-detail-float__btn.--disabled {
  opacity: 0.25;
  cursor: not-allowed;
}
.p-detail-float__btn.--disabled:hover {
  cursor: not-allowed !important;
  opacity: 0.25 !important;
  transition: background-color 0.3s ease-in-out !important;
}
@media screen and (max-width: 1023px) {
  .p-detail-float__btn {
    gap: 8px;
  }
}
@media screen and (max-width: 480px) {
  .p-detail-float__btn {
    height: 100%;
  }
}
@media screen and (min-width: 1024px) {
  .p-detail-float__btn {
    gap: 12px;
  }
}
@media screen and (max-width: 1023px) {
  .p-detail-float__btn > img {
    width: 20px;
    height: 20px;
  }
}
@media screen and (min-width: 1024px) {
  .p-detail-float__btn > img {
    width: 24px;
    height: 26px;
    position: absolute;
    top: 10px;
    left: 33px;
  }
}
@media screen and (max-width: 1023px) {
  .p-detail-float__btn .cartreset {
    margin-left: -16px;
  }
  .p-detail-float__btn .cutreset {
    margin-left: -4px;
  }
}
.p-detail-float__btn > span {
  position: relative;
  display: block;
  z-index: 1;
  font-size: 1rem;
}
@media screen and (min-width: 1024px) {
  .p-detail-float__btn > span {
    position: absolute;
    top: 15px;
    left: 66px;
    line-height: 16px;
  }
}

@media screen and (max-width: 1023px) {
  .p-detail-float > .p-detail-float__btn.--cart {
    text-align: left;
    padding-left: 48px;
    gap: 12px;
    width: 254px;
    height: 48px;
    padding: 0;
  }
}

@media screen and (max-width: 1023px) {
  .p-detail-float > .p-detail-float__btn.--cut {
    text-align: left;
    padding-left: 48px;
    width: 254px;
    height: 48px;
    padding: 0;
  }
}
@media screen and (min-width: 1024px) {
  .p-detail-float > .p-detail-float__btn.--cut > img {
    width: 28px;
    height: 30px;
    top: 8px;
    left: 32px;
  }
}
@media screen and (max-width: 1023px) {
  .p-detail-float__btns > .p-detail-float__btn.--cart {
    padding: 0;
    gap: 8px;
  }
}

@media screen and (max-width: 1023px) {
  .p-detail-float__btns > .p-detail-float__btn.--cut {
    padding: 0;
    gap: 8.5px;
  }
}

.c-btn.p-detail-float__btn.--disabled {
  opacity: 0.25;
  cursor: not-allowed;
}
.c-btn.p-detail-float__btn.--disabled:hover {
  cursor: not-allowed !important;
  opacity: 0.25 !important;
  background-color: #000000 !important;
  color: #ffffff !important;
}

.p-detail-links {
  display: flex;
  -moz-column-gap: 16px;
       column-gap: 16px;
  justify-content: flex-end;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1em;
}
@media screen and (min-width: 1024px) {
  .p-detail-links {
    margin-top: 30px;
    flex-direction: row;
    justify-content: flex-end;
  }
}
@media screen and (max-width: 1023px) {
  .p-detail-links {
    margin-top: 32px;
  }
}

.p-detail-links__link {
  font-size: 0.75rem;
  text-decoration: underline;
  text-underline-offset: 3px;
  display: flex;
  align-items: center;
  -moz-column-gap: 6px;
       column-gap: 6px;
}
.p-detail-links__link:hover {
  text-decoration: none;
}
.p-detail-links__link.--deadline:before {
  content: "";
  display: block;
  width: 13px;
  height: 13.5px;
  background-image: url(../img/common/icon_calendar.svg);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
}

.p-detail-mini-sample__quantity {
  display: flex;
  padding-top: 9px;
}
@media screen and (max-width: 1023px) {
  .p-detail-mini-sample__quantity {
    padding-top: 24px;
  }
}
.p-detail-mini-sample__product {
  padding-top: 9px;
}
@media screen and (max-width: 1023px) {
  .p-detail-mini-sample__product {
    padding-top: 0px;
    margin-top: 24px;
  }
}
.p-detail-mini-sample__product-ttl {
  font-size: 1rem;
}
.p-detail-mini-sample__product-list {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 8px;
  font-size: 0.875rem;
}
.p-detail-mini-sample__product-list a {
  text-decoration: none;
}
.p-detail-mini-sample__item {
  border: 1px solid #000000;
  margin-right: 5px;
  padding: 2px 12px;
  white-space: nowrap;
  /* 文章を1行に固定 */
  margin-top: 10px;
}
.p-detail-mini-sample__product-attention {
  font-size: 0.75rem;
  color: #808080;
  position: relative;
  padding-left: 1em; /* 全体の左側にインデント */
  text-indent: -1em; /* 1行目の※を左に出す */
}
.p-detail-mini-sample__images {
  display: flex;
  justify-content: flex-start;
  width: 100%;
  overflow-x: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.p-detail-mini-sample__images::-webkit-scrollbar {
  display: none;
}
.p-detail-mini-sample__image-main-wrapper {
  position: relative;
  width: 100%;
  display: block;
}
.p-detail-mini-sample__image-main-wrapper .p-detail-mini-sample__image-main-wrapper-list {
  display: flex;
  flex-direction: row;
  align-items: center;
  overflow-x: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.p-detail-mini-sample__image-main-wrapper .p-detail-mini-sample__image-main-wrapper-list::-webkit-scrollbar {
  display: none;
}
.p-detail-mini-sample__image-main-wrapper .p-detail-mini-sample__image-main-wrapper-arrow {
  display: none;
}
@media screen and (max-width: 480px) {
  .p-detail-mini-sample__image-main-wrapper .p-detail-mini-sample__image-main-wrapper-arrow {
    position: absolute;
    display: block;
    width: 30px;
    height: 30px;
    top: 50%;
    transform: translateY(-50%);
  }
  .p-detail-mini-sample__image-main-wrapper .p-detail-mini-sample__image-main-wrapper-arrow.prev {
    left: 10px;
    background-image: url(../img/common/icon_circle_prev.svg);
  }
  .p-detail-mini-sample__image-main-wrapper .p-detail-mini-sample__image-main-wrapper-arrow.next {
    right: 10px;
    background-image: url(../img/common/icon_circle_next.svg);
  }
}
.p-detail-mini-sample__image-main {
  width: 100%;
  display: block;
  object-fit: contain;
  flex-shrink: 0;
}
.p-detail-mini-sample__image-mini {
  width: 20%;
  cursor: pointer;
  object-fit: contain;
}
@media screen and (min-width: 1024px) {
  .p-detail-mini-sample__image-mini {
    aspect-ratio: 121/85;
  }
}
@media screen and (max-width: 1023px) {
  .p-detail-mini-sample__image-mini {
    aspect-ratio: 111/78;
    min-width: 111px;
    min-height: 78px;
  }
}

.p-detail-model-num {
  display: flex;
  -moz-column-gap: 5px;
       column-gap: 5px;
  min-height: 1.4375rem;
}
@media screen and (max-width: 1023px) {
  .p-detail-model-num {
    flex-wrap: wrap;
    row-gap: 5px;
  }
}

.p-detail-model-num__link {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #000000;
  border: 1px solid #000000;
  font-size: 0.875rem;
  white-space: nowrap;
  transition: all 0.3s ease-in-out;
  padding: 1px 12px 0px;
  text-decoration: none;
}
.p-detail-model-num__link:hover {
  background-color: #D8D8D9;
  border-color: #D8D8D9;
}

.p-detail-price {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 1023px) {
  .p-detail-price {
    padding-top: 24px;
    padding-bottom: 24px;
    margin-top: 24px;
    border-top: 0.5px solid #808080;
    border-bottom: 0.5px solid #808080;
  }
}
@media screen and (max-width: 480px) {
  .p-detail-price {
    padding-top: 6.4vw;
    padding-bottom: 6.4vw;
    margin-top: 6.4vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-detail-price {
    margin-top: 30px;
    padding-top: 17px;
    padding-bottom: 22px;
    border-top: 1px solid #808080;
    border-bottom: 1px solid #808080;
  }
}

@media screen and (max-width: 1023px) {
  .p-detail-price__ttl {
    font-size: 0.875rem;
  }
}
@media screen and (max-width: 480px) {
  .p-detail-price__ttl {
    font-size: 3.7333333333vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-detail-price__ttl {
    font-size: 1rem;
    margin-bottom: 20px;
  }
}

.p-detail-price__grid {
  display: grid;
  gap: 7px 44px;
  align-items: baseline;
}
@media screen and (max-width: 1023px) {
  .p-detail-price__grid {
    gap: 7px 26px;
    grid-template-columns: 65px 1fr;
    grid-auto-rows: 27px;
  }
}
@media screen and (max-width: 480px) {
  .p-detail-price__grid {
    gap: 0.5333333333vw 6.9333333333vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-detail-price__grid {
    grid-template-columns: minmax(120px, auto) 1fr;
    gap: 7px 44px;
  }
}

.p-detail-price__grid-roll {
  gap: 0;
}

@media screen and (min-width: 1024px) {
  .p-detail-price__cell > span {
    line-height: 1;
  }
}
.p-detail-price__cell.--quantity {
  display: flex;
  align-items: baseline;
  justify-content: flex-end;
}
@media screen and (max-width: 1023px) {
  .p-detail-price__cell.--quantity {
    gap: 0;
  }
}
@media screen and (max-width: 480px) {
  .p-detail-price__cell.--quantity {
    gap: 0;
  }
}
@media screen and (min-width: 1024px) {
  .p-detail-price__cell.--quantity {
    gap: 2px;
  }
}
.p-detail-price__cell.--price {
  display: flex;
  align-items: baseline;
}
@media screen and (max-width: 1023px) {
  .p-detail-price__cell.--price {
    gap: 8px;
  }
}
@media screen and (max-width: 480px) {
  .p-detail-price__cell.--price {
    gap: 2.1333333333vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-detail-price__cell.--price {
    gap: 5px;
  }
}
.p-detail-price__cell.--member {
  justify-self: end;
}
@media screen and (max-width: 1023px) {
  .p-detail-price__cell.--member {
    line-height: 0.75rem;
    font-size: 0.75rem;
  }
}
@media screen and (max-width: 480px) {
  .p-detail-price__cell.--member {
    line-height: 3.2vw;
    font-size: 3.2vw;
    font-weight: 600;
  }
}
@media screen and (min-width: 1024px) {
  .p-detail-price__cell.--member {
    font-size: 1rem;
  }
}

@media screen and (max-width: 1023px) {
  .p-detail-price__quantity-number,
  .p-detail-price__quantity-unit {
    line-height: 0.75rem;
    font-size: 0.75rem;
    font-weight: 600;
  }
}
@media screen and (max-width: 480px) {
  .p-detail-price__quantity-number,
  .p-detail-price__quantity-unit {
    line-height: 3.2vw;
    font-size: 3.2vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-detail-price__quantity-number,
  .p-detail-price__quantity-unit {
    font-size: 0.875rem;
  }
}

@media screen and (max-width: 1023px) {
  .p-detail-price__cell:nth-child(n+5) {
    margin-bottom: 2px;
    align-self: end;
  }
}

@media screen and (max-width: 1023px) {
  .p-detail-price__number {
    line-height: 1.5625rem;
    font-size: 1.5625rem;
  }
}
@media screen and (max-width: 480px) {
  .p-detail-price__number {
    line-height: 6.6666666667vw;
    font-size: 6.6666666667vw;
    font-weight: 600;
  }
}
@media screen and (min-width: 1024px) {
  .p-detail-price__number {
    font-size: 1.5625rem;
  }
}

.p-detail-price__unit {
  white-space: nowrap;
}
@media screen and (max-width: 1023px) {
  .p-detail-price__unit {
    font-size: 0.75rem;
  }
}
@media screen and (max-width: 480px) {
  .p-detail-price__unit {
    font-size: 3.2vw;
    font-weight: 600;
  }
}
@media screen and (min-width: 1024px) {
  .p-detail-price__unit {
    font-size: 0.875rem;
  }
}

.p-detail-price__roll {
  display: flex;
  justify-content: space-between;
  padding: 20px 0 0px;
}
@media screen and (max-width: 1023px) {
  .p-detail-price__roll {
    padding: 24px 0 24px;
    align-items: flex-end;
  }
}

.p-detail-price__tryset {
  display: flex;
  justify-content: space-between;
  padding: 24px 0 24px;
  align-items: flex-end;
}

.p-detail-price__grid-tryset {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

@media screen and (max-width: 1023px) {
  .p-detail-price__postage {
    font-size: 0.75rem;
  }
}
@media screen and (min-width: 1024px) {
  .p-detail-price__postage {
    font-size: 0.875rem;
  }
}

.p-detail-selected {
  margin-top: 30px;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 1023px) {
  .p-detail-selected {
    flex-direction: column;
    row-gap: 16px;
  }
}

.p-detail-selected__ttl {
  font-size: 1rem;
  font-weight: 500;
  display: flex;
  align-items: flex-start;
  line-height: 1.3125;
}
@media screen and (max-width: 480px) {
  .p-detail-selected__ttl {
    font-size: 0.875rem;
  }
}

.p-detail-selected__content {
  display: flex;
  flex-direction: column;
  row-gap: 4px;
  align-items: flex-end;
}
@media screen and (max-width: 1023px) {
  .p-detail-selected__content {
    align-items: flex-start;
    row-gap: 10px;
  }
}

.p-detail-selected__content-01 {
  display: flex;
  -moz-column-gap: 1em;
       column-gap: 1em;
}

.p-detail-selected__name {
  font-size: 0.875rem;
  line-height: 1.3125;
}

.p-detail-selected__color {
  display: flex;
  align-items: center;
  gap: 6px;
}
.p-detail-selected__color.--not-selected {
  color: #BFBFBF;
}
.p-detail-selected__color.--not-selected .p-detail-selected__color-circle {
  background-color: transparent;
  border: 0.5px solid #BFBFBF;
}

.p-detail-selected__color-circle {
  display: block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  border: 0.5px solid #808080;
}
.--not-selected .p-detail-selected__color-circle {
  display: none;
}

.p-detail-selected__color-txt {
  font-size: 0.875rem;
  line-height: 1.3125;
}

.p-detail-selected__size {
  line-height: 1;
}

.p-detail-selected__size-name {
  font-size: 0.875rem;
}

.p-detail-selected__size-number {
  font-size: 0.875rem;
  display: inline-block;
  margin-left: 1em;
  line-height: 1;
}
.--not-selected .p-detail-selected__size-number {
  display: none;
}

.p-detail-selected__fav {
  padding: 4px;
  margin-top: -10px;
}

.p-detail-selected__color.--not-selected, .p-detail-selected__size.--not-selected {
  display: none;
}

.p-detail-sku {
  border-top: 1px solid #808080;
  margin-top: 30px;
}
@media screen and (max-width: 1023px) {
  .p-detail-sku {
    margin-top: 24px;
  }
}
@media screen and (max-width: 480px) {
  .p-detail-sku {
    margin-top: 24px;
  }
}
@media screen and (min-width: 1024px) {
  .p-detail-sku {
    margin-top: 30px;
  }
}
.p-detail-sku.--color {
  padding-top: 12px;
}
@media screen and (max-width: 480px) {
  .p-detail-sku.--color {
    padding-top: 24px;
  }
}
@media screen and (max-width: 1023px) {
  .p-detail-sku.--size {
    padding-top: 24px;
  }
}
@media screen and (max-width: 480px) {
  .p-detail-sku.--size {
    padding-top: 24px;
  }
}
@media screen and (min-width: 1024px) {
  .p-detail-sku.--size {
    padding-top: 12px;
  }
}
.p-detail-sku.--dimention {
  margin-top: 25px;
}
.p-detail-sku.--stock-status {
  margin-top: 0;
  border-top: none;
  display: flex;
  justify-content: space-between;
}
.p-detail-sku.--button-set {
  margin-top: 0;
}

.p-detail-sku__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.p-detail-sku__ttl {
  position: relative;
  font-weight: 500;
  display: flex;
  align-items: center;
  font-size: 1rem;
}

.p-detail-sku__ttl-select {
  display: block;
  line-height: 1;
}
@media screen and (max-width: 1023px) {
  .p-detail-sku__ttl-select {
    font-size: 0.875rem;
  }
}
@media screen and (max-width: 480px) {
  .p-detail-sku__ttl-select {
    font-size: 3.7333333333vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-detail-sku__ttl-select {
    font-size: 1rem;
  }
}
.p-detail-sku__ttl-select.--not-selected {
  color: #BFBFBF;
}

.p-detail-sku__ttl-headding {
  line-height: 1;
}
@media screen and (max-width: 1023px) {
  .p-detail-sku__ttl-headding {
    font-size: 0.875rem;
  }
}
@media screen and (max-width: 480px) {
  .p-detail-sku__ttl-headding {
    font-size: 3.7333333333vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-detail-sku__ttl-headding {
    font-size: 1rem;
  }
  .p-detail-sku.--color .p-detail-sku__ttl-headding {
    padding-right: 15px;
  }
}
.p-detail-sku.--size .p-detail-sku__ttl-headding {
  padding-right: 6px;
}

@media screen and (max-width: 1023px) {
  .p-detail-sku__ttl-headding-sub {
    font-size: 0.875rem;
  }
}

.p-detail-sku__help {
  position: relative;
  display: flex;
  align-items: center;
  cursor: pointer;
  line-height: 1;
}
@media screen and (max-width: 1023px) {
  .p-detail-sku__help {
    font-size: 0.875rem;
  }
}
@media screen and (max-width: 480px) {
  .p-detail-sku__help {
    font-size: 3.7333333333vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-detail-sku__help {
    font-size: 1rem;
  }
}
.p-detail-sku__help:hover .p-detail-sku__help-tooltip {
  display: block;
}
.p-detail-sku__help img {
  margin-left: 8px;
}

.p-detail-sku__help-tooltip {
  display: none;
  position: absolute;
  bottom: calc(100% + 8px);
  left: 50%;
  transform: translateX(calc(-50% - 8px));
  background: #808080;
  color: #ffffff;
  padding: 6px 6px 3px 6px;
  line-height: 1.5;
  font-size: 0.75rem;
  white-space: nowrap;
  z-index: 20;
  width: 124px;
  white-space: normal;
}
.p-detail-sku__help-tooltip::after {
  content: "";
  position: absolute;
  bottom: -8px;
  left: 50%;
  transform: translateX(-50%);
  border-style: solid;
  border-width: 8px 6px 0 6px;
  border-color: #808080 transparent transparent transparent;
}
.p-detail-sku__help-tooltip.--visible {
  display: block;
}

.p-detail-sku__reload {
  line-height: 1;
  width: 25px;
  height: 25px;
}

.p-detail-sku__reload-button {
  border: 1px solid #808080;
  transition: background-color 0.3s ease-in-out-in-out;
}
.p-detail-sku__reload-button:hover {
  background-color: #D8D8D9;
  border-color: #D8D8D9;
}

.p-detail-sku__body {
  max-width: 100%;
}
.--color .p-detail-sku__body {
  margin-top: 13px;
}
.--size .p-detail-sku__body {
  margin-top: 16px;
}

.p-detail-sku__color.p-list-filter-color {
  width: 100%;
}
.p-detail-sku__color.p-list-filter-color .p-list-filter-color__content {
  margin-top: 0;
}
@media screen and (max-width: 480px) {
  .p-detail-sku__color.p-list-filter-color .p-list-filter-color__content {
    justify-content: flex-start;
  }
}
@media screen and (max-width: 1023px) {
  .p-detail-sku__color.p-list-filter-color .p-list-filter-color__content {
    justify-content: flex-start;
  }
}
@media screen and (max-width: 480px) {
  .p-detail-sku__color .p-list-filter-color__circle-label {
    width: 8vw;
    height: 7.2vw;
  }
}
@media screen and (max-width: 1023px) {
  .p-detail-sku__color .p-list-filter-color__circle-label {
    width: 30px;
    height: 30px;
  }
}
@media screen and (min-width: 1024px) {
  .p-detail-sku__color .p-list-filter-color__circle-label {
    width: 27px;
    height: 27px;
  }
}
.p-detail-sku__color .p-list-filter-color__circle-label.is-hidden {
  display: none !important;
}
@media screen and (max-width: 480px) {
  .p-detail-sku__color .p-list-filter-color__circle-label .p-list-filter-color__circle {
    width: 8vw;
    height: 7.2vw;
  }
}
@media screen and (max-width: 1023px) {
  .p-detail-sku__color .p-list-filter-color__circle-label .p-list-filter-color__circle {
    width: 30px;
    height: 30px;
  }
}
@media screen and (min-width: 1024px) {
  .p-detail-sku__color .p-list-filter-color__circle-label .p-list-filter-color__circle {
    width: 27px;
    height: 27px;
  }
}
.p-detail-sku__color .p-list-filter-color__circle-label.--not-available {
  position: relative;
}
.p-detail-sku__color .p-list-filter-color__circle-label.--not-available .p-list-filter-color__circle::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  pointer-events: none;
}
.p-detail-sku__color .p-list-filter-color__circle-label.--not-available .p-list-filter-color__circle.is-light::after {
  background: linear-gradient(to top left, transparent calc(50% - 1.5px), rgba(0, 0, 0, 0.4) calc(50% - 0.75px), rgba(0, 0, 0, 0.4) calc(50% + 0.75px), transparent calc(50% + 1.5px));
}
.p-detail-sku__color .p-list-filter-color__circle-label.--not-available .p-list-filter-color__circle.is-dark::after {
  background: linear-gradient(to top left, transparent calc(50% - 1.5px), rgba(255, 255, 255, 0.4) calc(50% - 0.75px), rgba(255, 255, 255, 0.4) calc(50% + 0.75px), transparent calc(50% + 1.5px));
}
@media screen and (max-width: 480px) {
  .p-detail-sku__color .p-list-filter-color__circles {
    -moz-column-gap: 1.8666666667vw;
         column-gap: 1.8666666667vw;
    row-gap: 1.8666666667vw;
    flex-wrap: nowrap !important;
  }
}
@media screen and (max-width: 1023px) {
  .p-detail-sku__color .p-list-filter-color__circles {
    -moz-column-gap: 7px;
         column-gap: 7px;
    row-gap: 7px;
    flex-wrap: nowrap !important;
  }
}
@media screen and (min-width: 1024px) {
  .p-detail-sku__color .p-list-filter-color__circles {
    -moz-column-gap: 6px;
         column-gap: 6px;
    row-gap: 6px;
  }
}
.p-detail-sku__color .p-list-filter-color__carousel-arrow--prev,
.p-detail-sku__color .p-list-filter-color__carousel-arrow--next {
  margin-left: -1px;
  margin-right: -1px;
}
@media screen and (max-width: 1023px) {
  .p-detail-sku__color .p-list-filter-color__carousel-arrow--prev,
  .p-detail-sku__color .p-list-filter-color__carousel-arrow--next {
    padding-left: 0;
    padding-right: 0;
  }
}
.p-detail-sku__color .p-list-filter-color__carousel-arrow--prev {
  padding-left: 0;
}
.p-detail-sku__color .p-list-filter-color__carousel-arrow--next {
  padding-right: 0;
}

/* アイテム */
.p-detail-sku__item {
  display: inline-block;
  position: relative;
  margin: 0;
  padding: 0;
  transition: all 0.3s ease-in-out-out;
}

.p-detail-sku__item--hidden {
  display: none;
  /* 非表示アイイテム */
}

.p-detail-sku__hover-area {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  margin: -10px;
  transition: all 0.3s ease-in-out-out;
}

.p-detail-sku__label {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  width: 20px;
  height: 20px;
  border: 0.5px solid #808080;
  border-radius: 50%;
  text-align: center;
  font-size: 0.75rem;
  font-weight: normal;
  transition: all 0.3s ease-in-out-out;
  z-index: 1;
}
.p-detail-sku__label > span {
  display: none;
  /* ラベルのテキストを非表示 */
}

/* 現在ホバー中の要素を拡大 */
.p-detail-sku__item--hover .p-detail-sku__label {
  transform: scale(1.5);
  transform-origin: center center;
  z-index: 10;
}

/* 隣接要素を拡大 */
.p-detail-sku__item--hover-adjacent .p-detail-sku__label {
  transform: scale(1.25);
  transform-origin: center center;
  z-index: 5;
}

/* 選択状態 */
.p-detail-sku__item--selected .p-detail-sku__label {
  border: 1px solid #000000;
  cursor: pointer;
}
.p-detail-sku__item--selected .p-detail-sku__label::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 9.33px;
  height: 5.95px;
  background-image: url(../img/common/checked.svg);
  background-size: 9.33px 5.95px;
  background-repeat: no-repeat;
  background-position: center;
}

/* 吹き出し */
.p-detail-sku__tooltip {
  position: absolute;
  display: none;
  transform: translate(-50%, -100%);
  background: #808080;
  color: #ffffff;
  padding: 3px 5px;
  border-radius: 4px;
  font-size: 0.8125rem;
  pointer-events: none;
  white-space: nowrap;
  z-index: 20;
}
.p-detail-sku__tooltip::after {
  content: "";
  position: absolute;
  bottom: -6px;
  left: 50%;
  transform: translateX(-50%);
  border-style: solid;
  border-width: 6px 6px 0 6px;
  border-color: #808080 transparent transparent transparent;
}

.p-detail-sku__tooltip--visible {
  display: block;
  /* 表示時 */
}

/* 「もっと見る」リンク */
.p-detail-sku__more {
  font-size: 0.875rem;
  cursor: pointer;
  display: none;
}
.p-detail-sku__more.is-active {
  display: block;
}
.p-detail-sku__more a {
  text-decoration: underline;
  text-underline-offset: 3px;
  color: inherit;
}
.p-detail-sku__more a:hover {
  color: #0056b3;
}

/* 新規追加のスタイル */
.p-detail-sku__size-grid {
  display: flex;
  flex-direction: column;
  gap: 7px;
}

.p-detail-sku__size-row {
  display: flex;
  align-items: center;
  gap: 18px;
}

.p-detail-sku__size-label {
  min-width: 134px;
  font-size: 0.875rem;
  display: flex;
  justify-content: space-between;
}

.p-detail-sku__size-label-name {
  display: block;
}

.p-detail-sku__size-label-name2 {
  display: block;
}

.p-detail-sku__weight-group {
  display: flex;
  gap: 5px;
}

/* ===========================================================
 * 寸法ラベル
 * =========================================================== */
.p-detail-sku__size-label {
  min-width: 134px;
  font-size: 0.875rem;
  display: flex;
  justify-content: space-between;
}

.p-detail-sku__size-label-name,
.p-detail-sku__size-label-name2 {
  display: block;
}

/* ===========================================================
 * 連量セル
 * =========================================================== */
.p-detail-sku__weight-group {
  display: flex;
  gap: 5px;
}
@media screen and (max-width: 1023px) {
  .p-detail-sku__weight-group {
    flex-direction: row;
    overflow-x: auto;
    -ms-overflow-style: none; /* IE/旧Edge */
    scrollbar-width: none; /* Firefox */
  }
}

/* ラベル・スパン共通枠 */
.p-detail-sku__weight-label {
  position: relative; /* ◀ 斜線基準 */
  cursor: pointer;
  display: inline-block;
  min-width: 42px;
  text-align: center;
  border: 1px solid #000;
  box-sizing: border-box;
}

.p-detail-sku__weight-text {
  position: relative; /* ◀ 斜線基準 */
  cursor: pointer;
  display: inline-block;
  min-width: 42px;
  text-align: center;
  box-sizing: border-box;
}

/* ラジオは非表示 */
.p-detail-sku__weight-radio {
  display: none;
  /* 選択色 */
}
.p-detail-sku__weight-radio:checked + .p-detail-sku__weight-text {
  background: #000000;
  color: #ffffff;
}

/* ===========================================================
 * 後継品セル  ( --successor )
 * =========================================================== */
/* ===========================================================
 * 後継品セル  ( --successor )  ─ 0.5px 斜線版
 * =========================================================== */
/* 未選択：黒線 0.5px */
.p-detail-sku__weight-label.--successor::after,
.p-detail-sku__weight-text.--successor::after {
  content: "";
  position: absolute;
  top: 1px;
  right: 1px;
  bottom: 1px;
  left: 1px; /* ボーダー 1px 内側 */
  pointer-events: none;
  background: linear-gradient(-30deg, transparent calc(50% - 0.5px), #000 calc(50% - 0.5px), #000 calc(50% + 0.5px), transparent calc(50% + 0.5px));
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

/* 選択時：白線 0.5px  ( :has() + fallback ) */
.p-detail-sku__weight-label.--successor:has(> input:checked)::after,
.p-detail-sku__weight-label.--successor > input:checked + .p-detail-sku__weight-text::after,
.p-detail-sku__weight-text.--disabled.--successor::after {
  background: linear-gradient(-30deg, transparent calc(50% - 0.5px), #fff calc(50% - 0.5px), #fff calc(50% + 0.5px), transparent calc(50% + 0.5px));
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

.p-detail-sku__not-available-link {
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* ========= 在庫メッセージ ========= */
.p-detail-sku__not-available {
  margin-top: 20px;
  padding: 9px 1em;
  text-align: center;
  font-size: 0.875rem;
  background-color: #D8D8D9;
  transition: opacity 0.3s ease, height 0.3s ease, padding 0.3s ease, margin 0.3s ease;
  /* 非表示状態 */
  /* 表示状態 */
}
.p-detail-sku__not-available.--hidden {
  opacity: 0;
  visibility: hidden;
  height: 0;
  margin: 0;
  padding: 0 1em; /* 横 padding は残して左右位置を維持 */
  overflow: hidden;
}
.p-detail-sku__not-available:not(.--hidden) {
  opacity: 1;
  visibility: visible;
  height: auto;
}

.p-list-filter-color__circle-label.--not-available {
  display: none;
}

.p-list-filter-color__circle-label.--availability-hidden {
  display: none !important;
}

.p-detail-sku__weight-text.--not-available {
  width: 27px;
  height: 27px;
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out, transform 0.3s ease-in-out;
  display: block;
  color: #BFBFBF;
  border-color: #BFBFBF;
  cursor: not-allowed;
}

.p-detail-sku__weight-text.--availability-hidden {
  display: none !important;
}

.p-detail-sku__not-available {
  transform: translateY(-5px);
  transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out, transform 0.3s ease-in-out;
}

.p-detail.--show-all-items .p-list-filter-color__circle-label.--not-available,
.p-detail.--show-all-items .p-detail-sku__weight-text.--not-available,
.p-detail.--show-all-items .p-detail-sku__not-available {
  opacity: 1;
  visibility: visible;
  transform: none;
}
.p-detail.--show-all-items .p-list-filter-color__circle-label.--not-available {
  display: inline-block;
}
.p-detail.--show-all-items .p-detail-sku__weight-text.--not-available {
  display: block;
}
.p-detail.--show-all-items .p-detail-sku__not-available {
  height: auto;
  margin-top: 20px;
  overflow: visible;
}

.p-detail-successor {
  width: 100%;
  margin-bottom: 100px;
}
.p-detail-successor__title {
  font-size: 1.125rem;
  font-weight: 400;
  margin-bottom: 10px;
}
.p-detail-successor__container {
  display: flex;
  gap: 24px;
  padding: 17px 17px 24px;
  border: 1px solid #808080;
}
@media screen and (min-width: 1024px) {
  .p-detail-successor__container {
    flex-direction: row;
  }
}
@media screen and (max-width: 1023px) {
  .p-detail-successor__container {
    flex-direction: column;
  }
}
@media screen and (min-width: 1024px) {
  .p-detail-successor__image {
    max-width: 184px;
    max-height: 184px;
  }
}
@media screen and (max-width: 1023px) {
  .p-detail-successor__image {
    width: 100%;
    height: 100%;
  }
}
.p-detail-successor__content {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1024px) {
  .p-detail-successor__content {
    gap: 14px;
  }
}
@media screen and (max-width: 1023px) {
  .p-detail-successor__content {
    gap: 16px;
  }
}
.p-detail-successor__content p {
  font-size: 1rem;
}
@media screen and (max-width: 1023px) {
  .p-detail-successor__content p {
    font-size: 0.875rem;
    line-height: 23px;
  }
}
.p-detail-successor__sub-title {
  font-size: 1.125rem;
}
@media screen and (max-width: 1023px) {
  .p-detail-successor__sub-title {
    font-size: 1rem;
  }
}
.p-detail-successor__link {
  font-size: 0.875rem;
  text-decoration: underline;
  text-underline-offset: 3px;
  margin-top: -8px;
}
@media screen and (max-width: 1023px) {
  .p-detail-successor__link {
    margin-top: 0px;
  }
}

.p-detail-tryset__list {
  list-style: none;
  padding-top: 15px;
}
@media screen and (max-width: 1023px) {
  .p-detail-tryset__list {
    margin-top: 24px;
  }
}

.p-detail-tryset li {
  display: flex;
  align-items: center;
  padding: 4px 0;
}

.p-detail-tryset__number {
  font-size: 1rem;
  white-space: nowrap;
}

.p-detail-tryset__name {
  flex-grow: 1;
  margin-left: 25px;
  font-size: 0.875rem;
  text-decoration: underline;
  text-underline-offset: 3px;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
}

.p-detail-tryset__attention {
  margin-top: 30px;
  font-size: 0.75rem;
  line-height: 18px;
}

.p-detail-tryset__explanation {
  margin-top: 13px;
  font-size: 0.875rem;
}

.p-detail-tryset__explanation-second {
  margin-top: 15px;
  color: #808080;
  font-size: 0.75rem;
}

.p-detail-tryset__explanation-second-text {
  position: relative;
  padding-left: 1em; /* 全体の左側にインデント */
  text-indent: -1em; /* 1行目の※を左に出す */
  font-size: 0.75rem;
  line-height: 1.5;
}

@media screen and (max-width: 1023px) {
  .l-main:has(.p-detail-float__btns) + .l-footer {
    padding-bottom: 114px;
  }
}

.p-detail__header {
  margin-left: calc(var(--l-container-margin) * -1);
  margin-right: calc(var(--l-container-margin) * -1);
  display: grid;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-columns: 1fr;
  grid-template-rows: auto auto 24px auto;
  flex-direction: column-reverse;
}
@media screen and (min-width: 1024px) {
  .p-detail__header {
    grid-template-columns: max-content auto;
    grid-template-rows: auto 0px auto;
  }
}

.roll + .p-detail__header {
  grid-template-rows: auto 0 auto;
}
@media screen and (max-width: 1023px) {
  .roll + .p-detail__header {
    grid-template-rows: auto auto 24px auto;
  }
}

.minisample + .p-detail__header {
  grid-template-columns: 47.265% 52.735%;
  grid-template-rows: 106px 0 auto;
}
@media screen and (max-width: 480px) {
  .minisample + .p-detail__header {
    grid-template-rows: auto auto 6.4vw auto;
  }
}
@media screen and (max-width: 1023px) {
  .minisample + .p-detail__header {
    grid-template-rows: auto auto 24px auto;
  }
}

/* ページ1のスタイル */
.p-detail.tryset .p-detail__header {
  grid-template-rows: auto auto 24px auto;
}

@media screen and (max-width: 480px) {
  .p-detail__body {
    margin: 21.3333333333vw auto 0;
  }
}
@media screen and (max-width: 1023px) {
  .p-detail__body {
    margin: 64px auto 0;
  }
}
@media screen and (min-width: 1024px) {
  .p-detail__body {
    max-width: 960px;
    margin: 90px auto 0;
    position: relative;
    z-index: 10;
  }
}
@media screen and (min-width: 1024px) {
  .p-detail__body .p-detail-body-images__caption {
    z-index: 10;
  }
}
@media screen and (min-width: 1024px) {
  .p-detail__body .p-detail-successor {
    z-index: 100;
    position: relative;
  }
}

@media screen and (max-width: 1023px) {
  .p-detail__image {
    grid-area: 2/1/3/2;
    width: 100vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-detail__image {
    grid-area: 1/1/4/2;
  }
}

@media screen and (max-width: 1023px) {
  .p-detail__info {
    grid-area: 1/1/2/2;
    width: 100vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-detail__info {
    grid-area: 1/2/2/3;
  }
}

@media screen and (max-width: 1023px) {
  .p-detail__info-inner {
    margin: 0 20px;
  }
}
@media screen and (max-width: 480px) {
  .p-detail__info-inner {
    margin: 0 5.3333333333vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-detail__info-inner {
    margin: 0 62px 0 35px;
  }
}

@media screen and (max-width: 1023px) {
  .p-detail__margin {
    grid-area: 3/1/4/2;
    width: 100vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-detail__margin {
    grid-area: 2/2/3/3;
  }
}

@media screen and (max-width: 1023px) {
  .p-detail__order {
    grid-area: 4/1/5/2;
    width: 100vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-detail__order {
    grid-area: 3/2/4/3;
  }
}

@media screen and (max-width: 480px) {
  .p-detail__order-inner {
    margin: 0 5.3333333333vw;
  }
}
@media screen and (max-width: 1023px) {
  .p-detail__order-inner {
    margin: 0 20px;
  }
}
@media screen and (min-width: 1024px) {
  .p-detail__order-inner {
    padding: 0 62px 0 35px;
    margin-top: 30px;
  }
}

.p-detail__ttl {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 12px;
}
@media screen and (max-width: 480px) {
  .p-detail__ttl {
    margin-top: 20px;
  }
}

.p-detail__ttl-txt {
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1;
}

.p-detail__numbers {
  display: flex;
  margin-top: 5px;
}
@media screen and (max-width: 480px) {
  .p-detail__numbers {
    margin-top: 0;
  }
}

.p-detail__num:empty {
  margin-right: 0;
}

.p-detail__num {
  font-size: 0.875rem;
  color: #808080;
  line-height: 1;
  display: flex;
  align-items: center;
  margin-right: 10px;
}
@media screen and (max-width: 480px) {
  .p-detail__num {
    color: #000000;
  }
}

.p-detail__description {
  font-size: 1rem;
  line-height: 1.5;
  margin-top: 11px;
}
.p-detail__description a {
  text-decoration: underline;
  text-underline-offset: 3px;
  cursor: pointer;
  font-size: 1rem;
  line-height: 1.5;
}
@media screen and (max-width: 1023px) {
  .p-detail__description {
    font-size: 0.875rem;
  }
}
@media screen and (max-width: 480px) {
  .p-detail__description {
    margin-top: 20px;
    line-height: 1.6428571429;
  }
}

.p-detail__set-content {
  display: flex;
  justify-content: space-between;
  padding-top: 24px;
}
@media screen and (max-width: 1023px) {
  .p-detail__set-content {
    flex-direction: column;
    align-items: center;
  }
}

.p-detail__quantity {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1023px) {
  .p-detail__quantity {
    margin-left: 0;
    margin-top: 16px;
  }
}

.p-detail__quantity-set {
  width: 146px;
  height: 45px;
  border: 1px solid #c9c9c9;
  font-size: 1rem;
  display: flex;
  justify-content: space-between;
  text-align: center;
}
@media screen and (max-width: 1023px) {
  .p-detail__quantity-set {
    width: 140px;
  }
}

.p-detail__quantity-button-decrement {
  font-size: 35px;
  position: relative;
  left: 12px;
  z-index: 1;
  /* 擬似要素より上に */
}

.p-detail__quantity-button-decrement:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -16px;
  /* 左側に16px拡張 */
  right: -16px;
  /* 右側に16px拡張 */
  z-index: 0;
  /* ボタンより下に */
}

.p-detail__quantity-value {
  position: relative;
  font-size: 0.9375rem;
}
@media screen and (max-width: 1023px) {
  .p-detail__quantity-value {
    font-size: 1rem;
    transform: scale(0.875); /* フォーカス時にズームしないように */
  }
}
.p-detail__quantity-value[type=number] {
  border: none;
  background: transparent;
  text-align: center;
  width: 70%;
  outline: none;
  -moz-appearance: textfield;
}
.p-detail__quantity-value[type=number]::-webkit-outer-spin-button, .p-detail__quantity-value[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.p-detail__quantity-button-increment {
  font-size: 25px;
  position: relative;
  right: 12px;
  z-index: 1;
  /* 擬似要素より上に */
}

.p-detail__quantity-button-increment::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -16px;
  /* 左側に16px拡張 */
  right: -16px;
  /* 右側に16px拡張 */
  z-index: 0;
  /* ボタンより下に */
}

.p-detail__quantity-amount {
  font-size: 13px;
  position: relative;
  top: 15px;
  left: 13px;
}

.p-detail__cart-roll {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  font-size: 1rem;
  width: 227px;
  height: 46px;
  position: relative;
  margin: 0;
  text-decoration: none;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 1023px) {
  .p-detail__cart-roll {
    gap: 24px;
  }
}
@media screen and (min-width: 1024px) {
  .p-detail__cart-roll {
    gap: 12px;
    margin: 0 0;
  }
}
@media screen and (max-width: 1023px) {
  .p-detail__cart-roll img {
    width: 20px;
    height: 20px;
  }
}
@media screen and (min-width: 1024px) {
  .p-detail__cart-roll img {
    width: 22px;
    height: 22px;
  }
}
@media screen and (max-width: 1023px) {
  .p-detail__cart-roll {
    margin-top: 20px;
    gap: 12px;
  }
}
@media screen and (min-width: 1024px) {
  .p-detail__cart-roll {
    gap: 12px;
  }
}
@media screen and (max-width: 1023px) {
  .p-detail__cart-roll > img {
    width: 20px;
    height: 20px;
  }
}
@media screen and (min-width: 1024px) {
  .p-detail__cart-roll > img {
    width: 24px;
    height: 26px;
    position: absolute;
    top: 10px;
    left: 41px;
  }
}
@media screen and (max-width: 1023px) {
  .p-detail__cart-roll .cartreset {
    margin-left: -16px;
  }
  .p-detail__cart-roll .cutreset {
    margin-left: -4px;
  }
}
.p-detail__cart-roll > span {
  position: relative;
  display: block;
  z-index: 1;
  font-size: 1rem;
}
@media screen and (min-width: 1024px) {
  .p-detail__cart-roll > span {
    position: absolute;
    top: 15px;
    left: 74px;
    line-height: 16px;
  }
}
@media screen and (min-width: 1024px) {
  .p-detail__cart-roll text {
    position: absolute;
    top: 15px;
    left: 66px;
    line-height: 16px;
  }
}

.p-detail__confirm-message {
  display: flex;
  font-size: 0.75rem;
  justify-content: flex-end;
}
@media screen and (max-width: 1023px) {
  .p-detail__confirm-message {
    flex-direction: column;
    align-items: center;
  }
}

.p-detail__confirm-message-calendar {
  display: flex;
  align-items: center;
}
@media screen and (min-width: 1024px) {
  .p-detail__confirm-message-calendar {
    margin-top: -5px;
  }
}

.p-detail__confirm-message-calendar img {
  width: 12px;
  height: 13px;
  display: flex;
  margin-right: 5px;
}

.p-detail__confirm-message-calendar-text {
  font-size: 0.75rem;
  text-decoration: underline;
  text-decoration-color: #000000;
  text-underline-offset: 3px;
}

.p-detail__confirm-message-method {
  margin-left: 16px;
  text-decoration: underline;
  text-decoration-color: #000000;
  text-underline-offset: 3px;
}
@media screen and (max-width: 1023px) {
  .p-detail__confirm-message-method {
    margin-top: 16px;
    margin-left: 0;
  }
}

.p-basic-tbl {
  border-collapse: collapse;
  border-spacing: 0;
  z-index: 5;
}
@media screen and (min-width: 1024px) {
  .p-basic-tbl {
    width: 960px;
  }
}
@media screen and (max-width: 1023px) {
  .p-basic-tbl {
    isolation: isolate;
    table-layout: fixed;
    width: -moz-max-content;
    width: max-content;
  }
}

.p-basic-tbl__wrapper {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
@media screen and (max-width: 480px) {
  .p-basic-tbl__wrapper {
    display: block;
    /* スクロールバー非表示用 */
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .p-basic-tbl__wrapper::-webkit-scrollbar {
    display: none;
  }
}

.p-basic-tbl__row.--row-strong {
  background-color: #F4F4F5;
}

.p-basic-tbl__row:last-child .p-basic-tbl__cell {
  box-shadow: inset 0 -1px 0 0 #E4E4E4, inset -1px 1px 0 0 #E4E4E4;
}

.p-basic-tbl__row:nth-child(3) .p-basic-tbl__cell:first-child {
  box-shadow: inset -1px -1px 0 0 #E4E4E4, inset 1px 1px 0 0 #E4E4E4;
}

.p-basic-tbl__cell {
  border: none;
  height: 50px;
  width: 120px;
  text-align: center;
  position: relative;
  z-index: 1;
  box-shadow: inset -1px 1px 0 0 #E4E4E4;
}
.p-basic-tbl__cell:first-child {
  box-shadow: inset -1px 1px 0 0 #E4E4E4, inset 1px 1px 0 0 #E4E4E4;
}
@media screen and (max-width: 480px) {
  .p-basic-tbl__cell {
    width: 70px;
    box-sizing: border-box;
  }
}
.--row-strong .p-basic-tbl__cell {
  font-weight: 700;
}
.--row-strong .p-basic-tbl__cell.--right-border {
  font-weight: 400;
}
.p-basic-tbl__cell.--right-border {
  font-weight: 400;
}
.p-basic-tbl__cell.single-header {
  width: 355px;
}
@media screen and (max-width: 480px) {
  .p-basic-tbl__cell.single-header {
    backface-visibility: hidden;
    position: sticky;
    left: 0;
    width: 142px;
    z-index: 3;
    background-color: #F4F4F5;
  }
}
.p-basic-tbl__cell.left-header {
  width: 85px;
}
@media screen and (max-width: 480px) {
  .p-basic-tbl__cell.left-header {
    backface-visibility: hidden;
    position: sticky;
    left: 0;
    width: 52px;
    z-index: 3;
    background-color: #F4F4F5;
  }
}
.p-basic-tbl__cell.right-header {
  width: 270px;
  position: sticky;
}
@media screen and (max-width: 480px) {
  .p-basic-tbl__cell.right-header {
    width: 90px;
    left: 52px;
    z-index: 3;
    background-color: #F4F4F5;
  }
}
@media screen and (max-width: 480px) {
  .p-basic-tbl__cell-size {
    font-size: 0.625rem;
    padding: 0 6px;
  }
}

.p-basic-tbl__icon-scroll-sp {
  position: relative;
  padding-bottom: 12px;
  text-align: right;
}
@media screen and (min-width: 1024px) {
  .p-basic-tbl__icon-scroll-sp {
    display: none;
  }
}
@media screen and (max-width: 1023px) {
  .p-basic-tbl__icon-scroll-sp {
    display: none;
  }
}
@media screen and (max-width: 480px) {
  .p-basic-tbl__icon-scroll-sp {
    margin-top: 4px;
    display: flex;
    justify-content: flex-end;
    width: 100%;
  }
}
.p-basic-tbl__icon-scroll-sp img {
  align-self: flex-end;
  width: 50px;
}

.p-basic-tbl__info {
  display: flex;
}
@media screen and (max-width: 1023px) {
  .p-basic-tbl__info {
    flex-direction: column;
    margin-top: 40px;
    row-gap: 40px;
  }
}
@media screen and (max-width: 480px) {
  .p-basic-tbl__info {
    margin-top: 10.6666666667vw;
    -moz-column-gap: 10.6666666667vw;
         column-gap: 10.6666666667vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-basic-tbl__info {
    flex-direction: row;
    margin-top: 30px;
    -moz-column-gap: 34px;
         column-gap: 34px;
  }
}

.p-basic-tbl__note-txt {
  font-size: 0.75rem;
}

.p-basic-tbl__release {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1023px) {
  .p-basic-tbl__release {
    -moz-column-gap: 42px;
         column-gap: 42px;
  }
}
@media screen and (max-width: 480px) {
  .p-basic-tbl__release {
    -moz-column-gap: 11.2vw;
         column-gap: 11.2vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-basic-tbl__release {
    -moz-column-gap: 12px;
         column-gap: 12px;
    white-space: nowrap;
  }
}

@media screen and (max-width: 1023px) {
  .p-basic-tbl__release-ttl {
    width: 5em;
  }
}

.p-basic-tbl__feature {
  display: flex;
  -moz-column-gap: 12px;
       column-gap: 12px;
  align-items: center;
}
@media screen and (max-width: 1023px) {
  .p-basic-tbl__feature {
    -moz-column-gap: 42px;
         column-gap: 42px;
  }
}
@media screen and (max-width: 480px) {
  .p-basic-tbl__feature {
    -moz-column-gap: 11.2vw;
         column-gap: 11.2vw;
  }
}
@media screen and (min-width: 1024px) {
  .p-basic-tbl__feature {
    -moz-column-gap: 12px;
         column-gap: 12px;
  }
}

.p-basic-tbl__feature-ttl {
  white-space: nowrap;
}
@media screen and (max-width: 1023px) {
  .p-basic-tbl__feature-ttl {
    width: 5em;
  }
}

.p-basic-tbl__feature-tags {
  display: flex;
  -moz-column-gap: 5px;
       column-gap: 5px;
  flex-wrap: wrap;
  row-gap: 5px;
}

.p-calendar {
  max-width: 1152px;
  min-width: 355px;
  padding: 69px 0 67px;
  width: 90vw;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.p-calendar::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 1023px) {
  .p-calendar {
    padding: 29px 0 37px;
  }
}

.p-calendar__wrap {
  background: white;
  margin: 0 auto;
  z-index: 1000;
  margin: 0 20px;
}

.p-calendar__title {
  text-align: center;
  display: inline-block;
  padding: 0 9px;
  border-bottom: 2px solid #000;
  margin: 0 auto;
}
@media screen and (max-width: 1023px) {
  .p-calendar__title {
    padding: 0 18px;
  }
}

.p-calendar__title-heading {
  display: flex;
  flex-direction: row;
  justify-content: center;
  font-size: 1.0625rem;
  line-height: 21px;
  font-weight: bold;
  margin-top: 0px;
}
@media screen and (max-width: 1023px) {
  .p-calendar__title-heading {
    flex-direction: column;
  }
}

.p-calendar__main {
  margin-top: 38px;
}
@media screen and (max-width: 1023px) {
  .p-calendar__main {
    margin-top: 40px;
  }
}

.p-calendar__main-content-view {
  display: flex;
}

.p-calendar__main-content-text {
  margin-top: 21px;
  margin-right: 35px;
  grid-area: text;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  max-width: 410px;
}
@media screen and (max-width: 1023px) {
  .p-calendar__main-content-text {
    width: 100%;
    max-width: 410px;
    min-width: 316px;
    margin-left: 0;
    margin-top: 6px;
    margin-right: 0;
  }
}

.p-calendar__container {
  grid-template-columns: 1fr 1fr;
  /* 左側を2、右側を1の比率で分割 */
  grid-template-areas: "calendar delivery" "text delivery";
  display: grid;
  justify-items: end;
}
@media screen and (max-width: 1023px) {
  .p-calendar__container {
    grid-template-columns: 1fr;
    /* 1列に */
    grid-template-areas: "calendar" "delivery" "text";
    justify-items: center;
  }
}

/* カレンダー全体のスタイル */
.p-calendar__calendar {
  grid-area: calendar;
  border: 1px solid #717171;
  padding: 23px 30px 30px 30px;
  width: 100%;
  max-width: 410px;
}
@media screen and (max-width: 1023px) {
  .p-calendar__calendar {
    min-width: 316px;
    padding: 17px 18px 24px 18px;
  }
}

.p-calendar__inner-content {
  max-width: 410px;
}
@media screen and (max-width: 1023px) {
  .p-calendar__inner-content {
    min-width: 316px;
  }
}

/* カレンダーのヘッダーのスタイル */
.p-calendar__calendar-header {
  display: flex;
  justify-content: space-between;
  font-size: 1.1875rem;
  font-weight: bold;
}

.p-calendar__calendar-header button {
  padding: 5px 0px;
  font-size: 0.875rem;
}

.p-calendar__calendar-body {
  margin-top: 12px;
}

/* カレンダーの曜日のスタイル */
.p-calendar__days {
  display: flex;
  justify-content: space-around;
  margin-bottom: 4px;
  background-color: #eceaea;
  height: 24px;
  align-items: center;
  font-size: 0.75rem;
}

/* カレンダーの週のスタイル */
.p-calendar__weeks {
  display: flex;
  flex-direction: column;
}

.p-calendar__weeks div {
  display: flex;
  justify-content: space-around;
  margin-top: 8px;
}

.p-calendar__weeks span {
  text-align: center;
  cursor: pointer;
  width: 32px;
  height: 32px;
  font-size: 0.875rem;
  display: inline-flex;
  /* 内部のテキストを中央に */
  align-items: center;
  /* 縦方向中央揃え */
  justify-content: center;
  /* 横方向中央揃え */
}

/* 今日の日付のスタイル */
.today {
  font-weight: bold;
  /* 今日の日付を太字にする */
}

/* 土日のスタイル */
.weekend {
  color: #ccc;
  /* 土日の文字色を薄くする */
}

.delivery-dates {
  grid-area: delivery;
  position: relative;
  right: 30%;
  display: flex;
  flex-direction: column;
  /* 縦に揃える */
  justify-content: space-between;
  font-size: 0.875rem;
}
@media screen and (max-width: 1023px) {
  .delivery-dates {
    right: 0;
    width: 100%;
    max-width: 410px;
    min-width: 316px;
    margin-top: 36px;
  }
}

.delivery-dates ul {
  list-style: none;
  /* リストスタイルをなしにする */
  padding: 0;
  /* パディングをなしにする */
  margin: 0;
  /* マージンをなしにする */
  display: flex;
  flex-direction: column;
}

.delivery-dates li {
  display: flex;
  /* フレックスボックスに設定 */
  align-items: flex-start;
  /* アイテムを上に揃える */
}

.delivery-dates li span {
  font-size: 0.875rem;
  display: block;
  font-weight: bold;
  /* ブロック要素に設定 */
}
@media screen and (max-width: 1023px) {
  .delivery-dates li span {
    font-size: 0.75rem;
  }
}

.delivery-dates-detail {
  display: flex;
  flex-direction: column;
  font-size: 0.875rem;
  align-items: flex-start;
  margin-left: 11px;
}

.delivery-dates-detail-subtext {
  text-align: left;
  margin-top: 8px;
  color: #525252;
  min-height: 42px;
}
@media screen and (max-width: 1023px) {
  .delivery-dates-detail-subtext {
    min-height: 0;
    margin-top: 5px;
    margin-bottom: 27px;
  }
}

/* 新しい配達日のスタイル */
.delivery-date-1 {
  background-color: #e5e5e5;
  /* 配達日の背景色を設定 */
  border-radius: 50%;
  /* 丸印にする */
  text-align: center;
  /* テキストを中央に配置 */
}

.delivery-date-2 {
  background-color: #e5e6ff;
  /* 配達日の背景色を設定 */
  border: 1.5px solid #212aff;
  /* 枠線を設定 */
  border-radius: 50%;
  /* 丸印にする */
  text-align: center;
  /* テキストを中央に配置 */
}

.delivery-date-3 {
  background-color: #e6ffe5;
  /* 配達日の背景色を設定 */
  border: 1.5px solid #62ff5b;
  /* 枠線を設定 */
  border-radius: 50%;
  /* 丸印にする */
  text-align: center;
  /* テキストを中央に配置 */
}

.delivery-date-4 {
  background-color: #fdeefa;
  /* 配達日の背景色を設定 */
  border: 1.5px solid #ec66cd;
  /* 枠線を設定 */
  border-radius: 50%;
  /* 丸印にする */
  text-align: center;
  /* テキストを中央に配置 */
}

/* 配達日アイコンのスタイル */
.delivery-date-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  z-index: 1;
}
@media screen and (max-width: 1023px) {
  .delivery-date-icon {
    width: 16px;
    height: 16px;
  }
}

.delivery-date-icon::before {
  content: "";
  display: block;
  width: 12px;
  /* 内側の丸の幅を小さくする */
  height: 12px;
  /* 内側の丸の高さを小さくする */
  background-color: currentColor;
  /* 内側の丸の色を親要素の色に合わせる */
  border-radius: 50%;
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
}
@media screen and (max-width: 1023px) {
  .delivery-date-icon::before {
    width: 8px;
    height: 8px;
  }
}

.delivery-date-icon::after {
  content: "";
  display: inline-block;
  position: relative;
  top: 65px;
  left: 0%;
  transform: translateY(-50%);
  width: 1px;
  height: 118px;
  z-index: 0;
  background-color: #000000;
}
@media screen and (max-width: 1023px) {
  .delivery-date-icon::after {
    top: 60px;
    height: 109px;
  }
}

@media screen and (max-width: 1023px) {
  .delivery-date-1::after {
    height: 67px;
    top: 40px;
  }
}

@media screen and (max-width: 1023px) {
  .delivery-date-2::after {
    height: 86px;
    top: 50px;
  }
}

@media screen and (max-width: 1023px) {
  .delivery-date-3::after {
    height: 86px;
    top: 50px;
  }
}

.delivery-dates li:last-child .delivery-date-icon::after {
  content: none;
}

.delivery-date-1.delivery-date-icon {
  color: #000;
  /* 内側の丸の色を黄色に設定 */
  border: 1.5px solid #000;
  /* 枠線を設定 */
}

.delivery-date-2.delivery-date-icon {
  color: #212aff;
  /* 内側の丸の色をコーラルに設定 */
  border: 1.5px solid #212aff;
  /* 枠線を設定 */
}

.delivery-date-3.delivery-date-icon {
  color: #62ff5b;
  /* 内側の丸の色をライトブルーに設定 */
  border: 1.5px solid #62ff5b;
  /* 枠線を設定 */
}

.delivery-date-4.delivery-date-icon {
  color: #ec66cd;
  /* 内側の丸の色をライムグリーンに設定 */
  border: 1.5px solid #ec66cd;
  /* 枠線を設定 */
}

.delivery-dates li::before {
  content: "";
  background-color: #c6c6c6;
  /* 線の色 */
  z-index: -1;
  /* アイコンの後ろに表示 */
}

.delivery-dates li:last-child::before {
  height: 0%;
  /* 最後のアイコンの線の高さを調整 */
}

/* カレンダー内の配達日アイコンの枠線を隠す */
.no-border {
  border: none;
}

.p-calendar__main-content-text-attention {
  text-align: left;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 23px;
  text-indent: -1em;
  padding-left: 1em;
}

.p-cart-modal {
  padding: 77px 0px 80px 0px;
  max-width: 626px;
  min-width: 355px;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.p-cart-modal::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 1023px) {
  .p-cart-modal {
    padding: 176px 20px 40px 20px;
  }
}
.p-cart-modal__inner {
  margin: 0 auto;
  z-index: 1000;
}
.p-cart-modal img {
  width: 50%;
  /* 必要に応じて調整 */
  height: 30%;
  /* 必要に応じて調整 */
}

.p-cart-max {
  position: relative;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  /* 親要素の高さを基準に中央寄せ */
}
.p-cart-max__title {
  font-size: 1.25rem;
  font-weight: bold;
}
@media screen and (max-width: 1023px) {
  .p-cart-max__title {
    font-size: 1rem;
  }
}
.p-cart-max__text {
  font-size: 1rem;
  margin-top: 18px;
}
@media screen and (max-width: 1023px) {
  .p-cart-max__text {
    margin-top: 11px;
    font-size: 0.875rem;
  }
}
.p-cart-max__button {
  display: flex;
  justify-content: center;
  width: 100%;
  gap: 30px;
  margin-top: 54px;
}
@media screen and (max-width: 1023px) {
  .p-cart-max__button {
    gap: 16px;
    margin-top: 104px;
    align-items: center;
    flex-direction: column-reverse;
  }
}

.p-cut {
  padding: 0;
  width: 90vw;
  max-width: 1152px;
  max-height: 90dvh !important;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: none;
  -ms-overflow-style: none;
  /* デフォルトは改行する */
  /* スマホ時は改行タグを無効化（非表示） */
}
.p-cut::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 1023px) {
  .p-cut {
    width: calc(100vw - 20px);
  }
}
.p-cut__inner {
  width: 100%;
  padding: 66px 105px 53px 105px;
}
@media screen and (max-width: 1023px) {
  .p-cut__inner {
    padding: 24px 10px 40px 10px;
  }
}
.p-cut .sp-br {
  display: inline;
}
@media screen and (max-width: 1023px) {
  .p-cut .sp-br {
    display: none;
  }
}
.p-cut__select-product {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 24px;
  border-bottom: 1px solid #000000;
}
@media screen and (max-width: 1023px) {
  .p-cut__select-product {
    flex-direction: column;
    align-items: flex-start;
    padding-left: 10px;
    padding-right: 10px;
  }
}
.p-cut__select-product-title {
  font-size: 0.875rem;
  font-weight: bold;
}
.p-cut__select-content {
  display: flex;
}
@media screen and (max-width: 1100px) {
  .p-cut__select-content {
    margin-left: 0;
    flex-direction: column;
  }
}
@media screen and (max-width: 1023px) {
  .p-cut__select-content {
    margin-left: 0px;
    padding: 11px 0 17px 10px;
  }
}
.p-cut__select-content-selected {
  margin-left: 33px;
}
@media screen and (max-width: 1023px) {
  .p-cut__select-content-selected {
    margin-left: 0px;
    padding-bottom: 0;
    gap: 5px;
  }
}
.p-cut__select-content-color-set {
  display: flex;
  font-size: 0.875rem;
}
@media screen and (max-width: 1023px) {
  .p-cut__select-content-color-set {
    align-items: flex-start;
    gap: 5px;
  }
}
@media screen and (max-width: 1023px) {
  .p-cut__select-content-color-set-selected {
    flex-direction: column;
  }
}
.p-cut__select-content-product {
  font-size: 0.875rem;
}
.p-cut .p-cut__select-content-color {
  background-color: #EB5CCA;
  border-radius: 50%;
  border: 1px solid #000000;
  width: 20px;
  height: 20px;
  display: inline-block;
  margin-left: 15px;
}
@media screen and (max-width: 1100px) {
  .p-cut .p-cut__select-content-color {
    margin-left: 40px;
    margin-left: 0;
  }
}
@media screen and (max-width: 1023px) {
  .p-cut .p-cut__select-content-color {
    margin-left: 40px;
  }
}
@media screen and (max-width: 1100px) {
  .p-cut .p-cut__select-content-color-selected {
    margin-left: 0;
  }
}
@media screen and (max-width: 1023px) {
  .p-cut .p-cut__select-content-color-selected {
    margin-left: 0px;
  }
}
.p-cut__select-content-size-set {
  display: flex;
  list-style: none;
}
@media screen and (max-width: 1023px) {
  .p-cut__select-content-size-set {
    margin-top: 4px;
  }
}
.p-cut__select-content-color-result-set {
  list-style: none;
  display: flex;
}
@media screen and (max-width: 1023px) {
  .p-cut__select-content-color-result-set {
    align-items: flex-start;
  }
}
.p-cut__select-content-color-font {
  font-size: 0.875rem;
  margin-left: 15px;
}
@media screen and (max-width: 1023px) {
  .p-cut__select-content-color-font {
    margin-left: 8px;
  }
}
.p-cut__select-content-thickness {
  font-size: 0.875rem;
  margin-left: 15px;
}
@media screen and (max-width: 1100px) {
  .p-cut__select-content-thickness {
    margin-left: 0;
  }
}
@media screen and (max-width: 1023px) {
  .p-cut__select-content-thickness {
    margin-left: 0;
  }
}
.p-cut__select-content-size {
  padding: 0px 15px;
  font-size: 0.875rem;
}
.p-cut__select-content-weight {
  font-size: 0.875rem;
}
.p-cut__select-product-category {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1023px) {
  .p-cut__select-product-category {
    justify-content: space-between;
    align-items: center;
    width: 100%;
  }
}
.p-cut__select-product-money-category {
  font-size: 0.875rem;
  margin-right: 30px;
}
.p-cut__select-product-link {
  font-size: 0.875rem;
  text-decoration: underline !important;
  text-underline-offset: 3px;
  display: block;
}
.p-cut__select-input {
  margin-top: 20px;
}
@media screen and (max-width: 1023px) {
  .p-cut__select-input {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.p-cut__select-input-title {
  display: flex;
  justify-content: space-between;
}
.p-cut__select-input-title-text {
  font-size: 0.875rem;
}
.p-cut__select-input-title-sub {
  font-size: 0.875rem;
  display: flex;
  text-decoration: underline !important;
  text-underline-offset: 3px;
}
.p-cut__select-input-item {
  margin-top: 35px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 27px;
}
@media screen and (max-width: 1023px) {
  .p-cut__select-input-item {
    gap: 34px;
    margin-top: 40px;
  }
}
.p-cut__select-input-item label, .p-cut__select-input-item select {
  display: block;
}
.p-cut__select-input-item-set {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (min-width: 1024px) {
  .p-cut__select-input-item-set {
    gap: 16px;
  }
}
@media screen and (max-width: 1023px) {
  .p-cut__select-input-item-set {
    flex-direction: column;
    gap: 16px;
  }
}
@media screen and (max-width: 1023px) {
  .p-cut__select-input-item-second {
    flex-direction: column-reverse;
  }
}
.p-cut__select-input-method {
  margin-top: 47px;
}
@media screen and (max-width: 1023px) {
  .p-cut__select-input-method {
    margin-top: 37px;
  }
}
.p-cut__select-input-method-title {
  text-align: left;
  font-size: 0.875rem;
}
.p-cut__select-input-method-one {
  max-width: 754px;
  margin-top: 23px;
  display: flex;
  justify-content: flex-start;
}
@media screen and (max-width: 1023px) {
  .p-cut__select-input-method-one {
    flex-direction: column;
    margin-top: 10px;
  }
}
.p-cut__select-input-method-item {
  text-align: left;
  margin-right: 20px;
}
@media screen and (max-width: 1023px) {
  .p-cut__select-input-method-item {
    margin-right: 0;
  }
}
.p-cut__select-input-method-item input {
  position: relative;
  width: 22px;
  height: 22px;
  border: 1px solid #000000;
  border-radius: 50%;
  vertical-align: -2px;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
}
@media screen and (max-width: 1023px) {
  .p-cut__select-input-method-item input {
    margin-left: 10px;
  }
}
.p-cut__select-input-method-item input:checked::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 10px;
  height: 10px;
  background-color: #000000;
  border-radius: 50%;
  transform: translate(-50%, -50%);
}
.p-cut__select-input-method-item label {
  font-size: 0.875rem;
  position: relative;
  left: 6px;
  bottom: 4px;
}
.p-cut__select-input-method-img {
  position: relative;
  right: 22px;
  max-width: 238px;
  text-align: center;
  margin-top: 16px;
}
@media screen and (max-width: 1023px) {
  .p-cut__select-input-method-img {
    right: 0;
    margin: 16px auto 0px;
  }
}
.p-cut__select-input-confirm {
  display: flex;
  margin-top: 36px;
  margin-bottom: 20px;
}
@media screen and (min-width: 1024px) {
  .p-cut__select-input-confirm {
    justify-content: center;
  }
}
@media screen and (max-width: 1023px) {
  .p-cut__select-input-confirm {
    justify-content: center;
  }
}
@media screen and (max-width: 480px) {
  .p-cut__select-input-confirm {
    justify-content: normal;
  }
}
.p-cut__select-input-confirm label {
  margin-left: 1px;
  font-size: 0.875rem;
}
.p-cut__select-input-confirm input[type=checkbox] {
  position: relative;
  width: 20px;
  height: 20px;
  margin-right: 12px;
  transform: scale(1);
}
.p-cut__select-input-confirm .c-input-form__checkbox {
  margin-top: 0;
  width: 100%;
}
.p-cut__select-input-confirm .c-input-form__checkbox .c-chk-input {
  margin-top: 0;
}
.p-cut__select-button {
  margin-top: 36px;
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 1023px) {
  .p-cut__select-button {
    margin-top: 36px;
  }
}
.p-cut__select-button-output {
  width: 394px;
  height: 46px;
  font-size: 1rem;
  text-align: center;
  background-color: #808080;
  color: #ffffff;
  transition: all 0.3s ease-in-out;
}
.p-cut__select-button-output:hover {
  background-color: #D8D8D9;
  color: #000000;
}
.p-cut__select-button-output.--disabled {
  opacity: 0.25;
  cursor: not-allowed;
}
.p-cut__select-button-output.--disabled:hover {
  background-color: #D8D8D9;
  color: #ffffff;
  opacity: 0.25;
}
@media screen and (max-width: 1023px) {
  .p-cut__select-button-output {
    width: 295px;
    height: 48px;
  }
  .p-cut__select-button-output:hover {
    background-color: #808080;
    color: #ffffff;
  }
}
.p-cut__content-output {
  background: #ebebeb;
  display: inline-block;
  text-align: center;
  width: 100%;
}
@media screen and (max-width: 1023px) {
  .p-cut__content-output {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.p-cut__content-output-cut-image {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: center;
  align-items: center;
  max-width: 500px;
  margin: 56px auto 0 auto;
}
@media screen and (max-width: 1023px) {
  .p-cut__content-output-cut-image {
    gap: 10px;
  }
}
.p-cut__content-output-cut-image > .p-cut__img-flow {
  flex: 0 0 auto;
}
.p-cut__content-output-cut-image > .p-cut__img-cut-example {
  flex: 1 1 auto;
  max-width: calc(100% - 34px);
  height: auto;
}
@media screen and (max-width: 1023px) {
  .p-cut__content-output-cut-image > .p-cut__img-cut-example {
    max-width: calc(100% - 24px);
  }
}
.p-cut__content-output-cut-example {
  max-width: 639px;
  margin: 0 auto;
  margin-top: 20px;
  padding: 26px 0 19px 0;
}
@media screen and (max-width: 1023px) {
  .p-cut__content-output-cut-example {
    width: 275px;
  }
}
@media screen and (max-width: 1023px) {
  .p-cut__img-cut-example {
    width: 275px;
  }
}
.p-cut__content-output-cut-example-title {
  margin-bottom: 1rem;
}
.p-cut__content-output-cut-example-img {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  margin: 0 auto;
  max-width: 500px;
}
@media screen and (max-width: 1023px) {
  .p-cut__content-output-cut-example-img {
    gap: 10px;
  }
}
.p-cut .emphasis {
  text-decoration: underline;
}
.p-cut__content-output-cut-example-text {
  margin-top: 16px;
}
.p-cut__content-output-cut-example-text p {
  line-height: 1.5;
}
.p-cut__content-output-cut-example-text-content {
  font-size: 0.75rem;
  width: 500px;
  margin: 0 auto;
  text-align: left;
  margin-left: 40px;
  display: inline-block;
  text-indent: -1em;
  /* 1文字ぶん左にずらす */
  padding-left: 1em;
  /* 全体を1文字ぶん右に寄せる */
}
@media screen and (max-width: 1023px) {
  .p-cut__content-output-cut-example-text-content {
    width: auto;
    margin-left: 0;
  }
}
.p-cut__content-output-cut-image-text {
  flex: 0 0 100%;
}
.p-cut__content-output-cut-image-text p {
  line-height: 1.5;
}
.p-cut__content-output-cut-image-text-content {
  font-size: 0.75rem;
  width: 500px;
  margin: 0 auto;
  text-align: left;
  margin-left: 40px;
  display: inline-block;
  text-indent: -1em;
  /* 1文字ぶん左にずらす */
}
@media screen and (max-width: 1023px) {
  .p-cut__content-output-cut-image-text-content {
    width: auto;
    margin-left: 0;
  }
}
.p-cut__content-output-cut-list__icon-scroll-sp {
  display: none;
}
@media screen and (max-width: 480px) {
  .p-cut__content-output-cut-list__icon-scroll-sp {
    position: relative;
    margin-top: 36px;
    display: flex;
    justify-content: flex-end;
  }
  .p-cut__content-output-cut-list__icon-scroll-sp img {
    align-self: flex-end;
    width: 50px;
  }
}
.p-cut__content-output-cut-list {
  max-width: 1020px;
  margin: 0 auto;
  margin-top: 54px;
  position: relative;
}
.p-cut__content-output-cut-list.table-pc {
  display: block;
}
@media screen and (max-width: 1023px) {
  .p-cut__content-output-cut-list.table-pc {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    /* スクロールバー非表示用 */
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .p-cut__content-output-cut-list.table-pc::-webkit-scrollbar {
    display: none;
  }
  .p-cut__content-output-cut-list.table-pc .p-cut-table-header-cell:first-child,
  .p-cut__content-output-cut-list.table-pc .p-cut-table-cell:first-child {
    position: sticky;
    left: 0;
    z-index: 2;
    background-color: #fff;
    padding-left: 20px;
  }
  .p-cut__content-output-cut-list.table-pc .p-cut-table-header-cell:first-child {
    z-index: 3;
  }
}
@media screen and (max-width: 480px) {
  .p-cut__content-output-cut-list.table-pc {
    display: none;
  }
}
.p-cut__content-output-cut-list.table-sp {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  display: none;
  position: relative;
}
.p-cut__content-output-cut-list.table-sp .p-cut-table-header-cell:first-child,
.p-cut__content-output-cut-list.table-sp .p-cut-table-cell:first-child {
  position: sticky;
  left: 0;
  z-index: 2;
  background-color: #fff;
  padding-left: 20px;
}
.p-cut__content-output-cut-list.table-sp .p-cut-table-header-cell:first-child {
  z-index: 3;
}
.p-cut__content-output-cut-list.table-sp .p-cut-table {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
@media screen and (max-width: 480px) {
  .p-cut__content-output-cut-list.table-sp {
    display: block;
    /* スクロールバー非表示用 */
    scrollbar-width: none;
    -ms-overflow-style: none;
    margin-top: 12px;
  }
  .p-cut__content-output-cut-list.table-sp::-webkit-scrollbar {
    display: none;
  }
}
.p-cut__content-output-cut-result {
  max-width: 1020px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  margin-top: 71px;
}
@media (max-width: 768px) {
  .p-cut__content-output-cut-result {
    flex-direction: column;
    margin-top: 37px;
  }
}
.p-cut__content-output-cut-result-product {
  display: flex;
  align-items: center;
  padding-bottom: 30px;
}
@media screen and (max-width: 1023px) {
  .p-cut__content-output-cut-result-product {
    flex-direction: column;
    align-items: flex-start;
  }
}
.p-cut__content-output-cut-result-product-selected {
  padding-bottom: 0px;
}
.p-cut__content-output-cut-result-product-title {
  font-size: 13px;
}
.p-cut__content-output-cut-result-product-color {
  margin-left: 93px;
  background-color: #EB5CCA;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  display: inline-block;
}
.p-cut__content-output-cut-result-product-color-font {
  margin-left: 10px;
  font-size: 0.875rem;
}
.p-cut__content-output-cut-result-product-thickness {
  margin-left: 19px;
  font-size: 0.875rem;
}
.p-cut__content-output-cut-result-product-size {
  margin-left: 10px;
  border: 1px solid #000000;
  padding: 1px 13px;
  font-size: 13px;
}
.p-cut__content-output-cut-result-product-paper-size {
  margin-left: 30px;
  font-size: 13px;
}
.p-cut__content-output-cut-result-product-paper-number {
  margin-left: 16px;
  font-size: 0.875rem;
}
.p-cut__content-output-cut-result-product-paper-number-note {
  font-size: 0.875rem;
}
.p-cut__content-output-cut-result-product-paper-method {
  margin-left: 16px;
  font-size: 0.875rem;
}
.p-cut__content-output-cut-result-cut {
  display: flex;
  list-style: none;
}
.p-cut__separate {
  margin-left: 16px;
}
@media screen and (max-width: 1100px) {
  .p-cut__separate {
    margin-left: 0;
    display: none;
  }
}
@media screen and (max-width: 1023px) {
  .p-cut__separate {
    margin-left: 0;
  }
}
.p-cut__content-output-paper-number {
  margin-left: 16px;
  font-size: 0.875rem;
}
@media screen and (max-width: 1100px) {
  .p-cut__content-output-paper-number {
    margin-left: 0;
  }
}
@media screen and (max-width: 1023px) {
  .p-cut__content-output-paper-number {
    margin-left: 0;
  }
}
.p-cut__content-output-paper-category {
  margin-left: 16px;
  font-size: 0.875rem;
}
.p-cut__content-output-paper-method-note {
  margin-left: 16px;
  font-size: 0.875rem;
}
.p-cut__content-output-cut-result-amount {
  display: flex;
  align-items: center;
}
@media (max-width: 768px) {
  .p-cut__content-output-cut-result-amount {
    justify-content: flex-end;
    margin-top: 27px;
  }
}
.p-cut__content-output-cut-result-amount-total {
  font-size: 0.875rem;
}
.p-cut__content-output-cut-result-amount-price-set {
  display: flex;
  align-items: flex-end;
}
.p-cut__content-output-cut-result-amount-price {
  font-size: 1.5rem;
  margin-left: 10px;
}
.p-cut__content-output-cut-result-amount-price-note {
  font-size: 0.875rem;
  margin-left: 10px;
  padding-bottom: 5px;
}
.p-cut__content-output-cut-result-note {
  margin-top: 10px;
  color: red;
  font-size: 0.875rem;
}
@media screen and (max-width: 1023px) {
  .p-cut__content-output-cut-result-note {
    text-align: left;
  }
  .p-cut__content-output-cut-result-note p {
    font-size: 0.75rem;
  }
}
.p-cut__content-output-cut-result-note a {
  color: red;
}
.p-cut__content-output-cut-result-button {
  display: flex;
  justify-content: center;
  margin: 0 auto;
  margin-top: 20px;
  margin-bottom: 60px;
}
@media screen and (max-width: 1023px) {
  .p-cut__content-output-cut-result-button {
    flex-direction: column-reverse;
    align-items: center;
  }
}
@media (max-width: 768px) {
  .p-cut__content-output-cut-result-button {
    flex-direction: column-reverse;
    align-items: center;
    margin-top: 26px;
    margin-bottom: 40px;
  }
}
.p-cut__content-output-cut-result-button-back {
  width: 132px;
  height: 46px;
  border: 1px solid #000000;
  padding: 10px 20px;
  font-size: 0.875rem;
  background-color: #ffffff;
  text-align: center;
}
@media (max-width: 768px) {
  .p-cut__content-output-cut-result-button-back {
    margin-top: 16px;
    width: 295px;
    height: 48px;
  }
}
.p-cut__content-output-cut-result-button-add {
  width: 281px;
  height: 45px;
  border: #000000;
  background-color: #000000;
  color: #ffffff;
  margin-left: 30px;
  font-size: 1rem;
}
@media (max-width: 768px) {
  .p-cut__content-output-cut-result-button-add {
    margin-left: 0;
    width: 295px;
    height: 48px;
  }
}
.p-cut__content-output-cut-result-button-add img {
  text-align: center;
  display: inline-block;
  position: relative;
  top: 4px;
  right: 7px;
  width: 23px;
  height: 23px;
  margin-right: 0px;
}
@media screen and (max-width: 1023px) {
  .p-cut .c-btn--cart {
    transition: none;
    margin-top: 0;
  }
  .p-cut .c-btn--cart:hover {
    background-color: #000000;
    border-color: #000000;
  }
  .p-cut .c-btn--cart:hover::after {
    width: 0;
    opacity: 0;
  }
  .p-cut .c-btn--cart:hover .c-btn--cart-text-default {
    opacity: 1;
  }
  .p-cut .c-btn--cart:hover .c-btn--cart-text-hover {
    opacity: 0;
  }
  .p-cut .c-btn--cart .c-btn--cart-text-default {
    opacity: 1;
  }
  .p-cut .c-btn--cart .c-btn--cart-text-hover {
    opacity: 0;
  }
}

#js-custom-input-error-toast {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  transform: none;
  z-index: 3;
  color: #FF5655;
  font-size: 0.75rem;
  background: rgba(255, 255, 255, 0.96);
  display: none;
  pointer-events: none;
  text-align: left;
  white-space: nowrap;
}
@media screen and (max-width: 1023px) {
  #js-custom-input-error-toast {
    top: calc(100% + 14px);
  }
}

.cut-label-set,
.grain-label-set {
  width: 67px;
}
@media screen and (max-width: 1023px) {
  .cut-label-set,
  .grain-label-set {
    width: auto;
  }
}

.custom-label-set,
.quantity-label-set {
  width: 83px;
}
@media screen and (max-width: 1023px) {
  .custom-label-set,
  .quantity-label-set {
    width: auto;
  }
}

.cut-label-set,
.custom-label-set,
.grain-label-set,
.quantity-label-set {
  display: flex;
  font-size: 0.875rem;
  text-align: left;
}

.cut-label,
.grain-label {
  font-size: 0.875rem;
}
@media screen and (max-width: 1023px) {
  .cut-label,
  .grain-label {
    width: 56px;
  }
}

.custom-label,
.quantity-label {
  font-size: 0.875rem;
}
@media screen and (max-width: 1023px) {
  .custom-label,
  .quantity-label {
    width: 56px;
  }
}

@media screen and (max-width: 1023px) {
  .semi-label {
    margin-right: 5px;
  }
}

.p-cut-pulldown {
  display: flex;
  align-items: center;
}

/* ===== 強制ハイライト（!important） ===== */
/* PC：選択列（ヘッダ＆ボディ） */
#cut .p-cut__content-output-cut-list.table-pc table.p-cut-table thead tr > th.p-cut-table-header-cell[data-selected="1"],
#cut .p-cut__content-output-cut-list.table-pc table.p-cut-table tbody tr > td.p-cut-table-cell[data-selected="1"] {
  background: #EAEAEA !important;
  font-weight: 600 !important;
}

/* SP：選択行（全セル） */
#cut .p-cut__content-output-cut-list.table-sp table.p-cut-table tbody tr > td.p-cut-table-cell[data-selected="1"] {
  background: #EAEAEA !important;
  font-weight: 600 !important;
}

/* 既存の --selected 見た目を使うケースもケア（保険） */
#cut .p-cut__content-output-cut-list.table-pc table.p-cut-table thead tr > th.p-cut-table-header-cell.--selected,
#cut .p-cut__content-output-cut-list.table-pc table.p-cut-table tbody tr > td.p-cut-table-cell.--selected,
#cut .p-cut__content-output-cut-list.table-sp table.p-cut-table tbody tr > td.p-cut-table-cell.--selected {
  background: #EAEAEA !important;
  font-weight: 600 !important;
}

/* 罫線が沈む場合の薄い内枠（任意） */
#cut .p-cut__content-output-cut-list.table-pc table.p-cut-table thead tr > th.p-cut-table-header-cell[data-selected="1"],
#cut .p-cut__content-output-cut-list.table-pc table.p-cut-table tbody tr > td.p-cut-table-cell[data-selected="1"],
#cut .p-cut__content-output-cut-list.table-sp table.p-cut-table tbody tr > td.p-cut-table-cell[data-selected="1"] {
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.04) !important;
}

.custom-right-set {
  display: flex;
  flex-direction: column;
  position: relative;
  bottom: 14px;
  flex-shrink: 0;
  width: 108px;
}
@media screen and (max-width: 1023px) {
  .custom-right-set {
    flex-direction: column-reverse;
    top: 9px;
    width: 90px;
  }
}

.custom-attention {
  padding: 0;
  font-size: 0.75rem;
  text-align: left;
  white-space: nowrap;
}
@media screen and (max-width: 1023px) {
  .custom-attention {
    line-height: 18px;
    white-space: nowrap;
  }
}

.custom-input-set {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1023px) {
  .custom-input-set {
    margin-top: 4px;
  }
}
.custom-input-set span {
  padding: 0 8px;
  font-size: 0.875rem;
  position: relative;
  top: 12px;
}
@media screen and (max-width: 1023px) {
  .custom-input-set span {
    padding: 0 6px;
    position: relative;
    top: 12px;
  }
}

.custom-x {
  top: 0px !important;
  padding: 0 5px !important;
}
@media screen and (max-width: 1023px) {
  .custom-x {
    top: 0px !important;
  }
}

.cut-select-icon {
  position: relative;
  top: 2px;
  left: 15px;
  width: 12px;
}

.cut-select {
  width: 300px;
  height: 46px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  text-align: left;
}
@media screen and (max-width: 1023px) {
  .cut-select {
    width: 250px;
    font-size: 0.875rem;
  }
}

.p-cut-custom {
  display: flex;
  align-items: center;
  height: 45px;
  margin-left: 70px;
  position: relative;
}
@media screen and (max-width: 1023px) {
  .p-cut-custom {
    margin-left: 0;
  }
}

.p-cut-custom span {
  padding: 0 12px;
  font-size: 0.875rem;
}

.custom-input {
  width: 108px;
  height: 46px;
  border: 1px solid #808080;
  padding-left: 12px;
}
@media screen and (max-width: 1023px) {
  .custom-input {
    width: 90px;
    padding-left: 10px;
    font-size: 1rem;
    transform: scale(0.875); /* フォーカス時にズームしないように */
    transform-origin: top left; /* フォーカス時にズームしないように */
  }
}

.p-cut-grain {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1023px) {
  .p-cut-grain {
    margin-left: 0;
  }
}

.grain-select {
  width: 300px;
  height: 46px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  text-align: left;
}
@media screen and (max-width: 1023px) {
  .grain-select {
    width: 160px;
    font-size: 0.875rem;
  }
}

.p-cut-quantity {
  display: flex;
  align-items: center;
  margin-left: 70px;
}
@media screen and (max-width: 1023px) {
  .p-cut-quantity {
    margin-left: 0;
  }
}

.quantity-set {
  width: 146px;
  height: 46px;
  border: 1px solid #808080;
  font-size: 1rem;
  display: flex;
  justify-content: space-between;
  text-align: center;
}
@media screen and (max-width: 1023px) {
  .quantity-set {
    width: 160px;
  }
}

.quantity-button-decrement {
  font-size: 1.375rem;
  margin-left: 12px;
  position: relative;
  z-index: 1;
}

.quantity-button-decrement::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -16px;
  /* 左側に16px拡張 */
  right: -16px;
  /* 右側に16px拡張 */
  z-index: 0;
  /* ボタンより下に */
}

.quantity-value {
  position: relative;
  top: 12px;
  font-size: 0.9375rem;
}
@media screen and (max-width: 1023px) {
  .quantity-value {
    top: 9px;
  }
}
.quantity-value[type=number], .quantity-value[type=text] {
  border: none;
  background: transparent;
  text-align: center;
  width: 70%;
  outline: none;
  top: 0px;
  -moz-appearance: textfield;
}
@media screen and (max-width: 1023px) {
  .quantity-value[type=number], .quantity-value[type=text] {
    top: 2px;
  }
}
.quantity-value[type=number]::-webkit-outer-spin-button, .quantity-value[type=number]::-webkit-inner-spin-button, .quantity-value[type=text]::-webkit-outer-spin-button, .quantity-value[type=text]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.quantity-button-increment {
  font-size: 1.375rem;
  margin-right: 12px;
  position: relative;
  /* 擬似要素の基準にするため */
  z-index: 1;
  /* 擬似要素より上に */
}

.quantity-button-increment::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -16px;
  /* 左側に16px拡張 */
  right: -16px;
  /* 右側に16px拡張 */
  z-index: 0;
  /* ボタンより下に */
}

.quantity-amount {
  font-size: 13px;
  position: relative;
  top: 12px;
  left: 13px;
}
@media screen and (max-width: 480px) {
  .quantity-amount {
    top: 15px;
    left: 8px;
  }
}

.p-cut-table {
  width: 100%;
  border: none;
  border-collapse: collapse;
  text-align: center;
  min-width: 870px;
  table-layout: fixed;
}
@media screen and (max-width: 480px) {
  .p-cut-table {
    min-width: 706px;
  }
}

.p-cut-table-header {
  background-color: #ffffff;
}

.p-cut-table-header-cell {
  border: none;
  border-bottom: 1px solid #808080;
  padding: 14px 0 13px;
  max-width: 140px;
  font-size: 1rem;
  font-weight: normal;
  height: 60px;
}
.p-cut-table-header-cell.--selected {
  background-color: #F5F5F5;
}
@media screen and (max-width: 1023px) {
  .p-cut-table-header-cell {
    width: 140px;
    padding: 8px 0;
  }
}
@media screen and (max-width: 480px) {
  .p-cut-table-header-cell {
    font-size: 0.875rem;
    height: auto;
    padding: 13px 0 13px;
  }
}

.p-cut-table-header-cell:first-child {
  font-size: 1rem;
}

@media screen and (max-width: 480px) {
  .p-cut-table-header-cell:first-child::after {
    content: "";
    position: absolute;
    top: 0;
    right: -1px;
    width: 1px;
    height: 100%;
    background-color: #808080;
  }
}

@media screen and (min-width: 1024px) {
  .p-cut-table-header-cell:nth-child(2) {
    border-left: 1px solid #808080;
  }
}
@media screen and (max-width: 1023px) {
  .p-cut-table-header-cell:nth-child(2) {
    border-left: 1px solid #808080;
  }
}
@media screen and (max-width: 480px) {
  .p-cut-table-header-cell:nth-child(2) {
    border-left: none;
  }
}

.p-cut-table-header-cell:nth-child(n+3) {
  border-left: 1px solid #D8D8D9;
}

.p-cut-table-header-cell:last-child {
  border-right: 1px solid #D8D8D9;
}

.p-cut-table-body {
  border: none;
  background-color: #ffffff;
}
@media screen and (max-width: 480px) {
  .p-cut-table-body {
    border-top: 1px solid #808080;
  }
}

.p-cut-table-row {
  background-color: #ffffff;
}

.p-cut-table-cell-note {
  font-size: 0.75rem;
  position: absolute;
  left: 20px;
  bottom: 7px;
  background-color: #ffffff;
}
@media screen and (max-width: 1023px) {
  .p-cut-table-cell-note {
    position: static;
  }
}
@media screen and (max-width: 480px) {
  .p-cut-table-cell-note {
    bottom: 4px;
  }
}

.p-cut-table-row .p-cut-table-cell span {
  font-size: 11px;
}

.p-cut-table-row:nth-child(even) {
  background-color: #f9f9f9;
}

.p-cut-table-cell {
  border: none;
  border-bottom: 1px solid #D8D8D9;
  padding: 20px 18px;
  background-color: #ffffff;
  font-size: 1rem;
}
.p-cut-table-cell.--selected {
  background-color: #F5F5F5;
}
@media screen and (max-width: 480px) {
  .p-cut-table-cell:first-child::after {
    content: "";
    position: absolute;
    top: 0;
    right: -1px;
    width: 1px;
    height: 100%;
    background-color: #808080;
  }
}
@media screen and (min-width: 1024px) {
  .p-cut-table-cell:nth-child(2) {
    border-left: 1px solid #808080;
  }
}
@media screen and (max-width: 1023px) {
  .p-cut-table-cell:nth-child(2) {
    border-left: 1px solid #808080;
  }
}
@media screen and (max-width: 480px) {
  .p-cut-table-cell:nth-child(2) {
    border-left: none;
  }
}
.p-cut-table-cell:nth-child(n+3) {
  border-left: 1px solid #D8D8D9;
}
@media screen and (max-width: 480px) {
  .p-cut-table-cell {
    font-size: 0.875rem;
    padding: 11.5px 18px;
  }
}

.p-cut-table-cell:last-child {
  border-right: 1px solid #D8D8D9;
}

@media screen and (max-width: 480px) {
  .p-cut-table-cell.fontset {
    font-size: 1rem;
  }
}

.p-cut-table-row .p-cut-table-cell:first-child {
  text-align: left;
  max-width: 185px;
  border-top: none;
  border-right: none;
}
@media screen and (max-width: 1023px) {
  .p-cut-table-row .p-cut-table-cell:first-child {
    width: 140px;
    padding: 8px 0;
  }
}

.p-cut-table-row .p-cut-table-cell:not(:first-child) {
  text-align: right;
}

.p-cut-table-body .p-cut-table-row:last-child .p-cut-table-cell {
  border-bottom: none;
}

.p-cut-table-body .p-cut-table-row:last-child .p-cut-table-cell:first-child {
  display: table-cell;
  vertical-align: middle;
  line-height: 1.75em;
}
@media screen and (min-width: 1024px) {
  .p-cut-table-body .p-cut-table-row:last-child .p-cut-table-cell:first-child {
    padding-top: 0px;
  }
}

.cut-select-container,
.cut-select-container {
  position: relative;
}
@media screen and (min-width: 1024px) {
  .cut-select-container,
  .cut-select-container {
    padding-left: 17px;
  }
}
@media screen and (max-width: 1023px) {
  .cut-select-container,
  .cut-select-container {
    width: 260px;
    height: 46px;
  }
}

.grain-select-container {
  position: relative;
}
@media screen and (min-width: 1024px) {
  .grain-select-container {
    padding-left: 17px;
  }
}
@media screen and (max-width: 1023px) {
  .grain-select-container {
    width: 140px;
    height: 46px;
  }
}

.p-cut__select-input-item-set {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: nowrap;
}
@media screen and (max-width: 1023px) {
  .p-cut__select-input-item-set {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }
}

/* デフォルト（PC想定） */
.p-cut__select-button.--default {
  margin-top: 36px;
}

.p-cut__select-button.--tachippanashi {
  margin-top: 20px;
}

/* SP時はすべて36pxに上書き */
@media screen and (max-width: 767px) {
  .p-cut__select-button.--default,
  .p-cut__select-button.--tachippanashi {
    margin-top: 36px !important;
  }
}
.p-cut__img-flow {
  max-width: 14px;
  height: 162px;
}

.p-cut__link {
  text-decoration: underline !important;
  text-underline-offset: 3px;
}

.p-modal-list-container {
  display: flex;
  flex-direction: column;
}

.p-cart-popup-address--overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #808080;
  /* 背景を灰色に設定 */
  z-index: 999;
  /* モーダルの下に表示されるように設定 */
}

.p-cart-popup-address__close {
  position: absolute;
  top: 16px;
  right: 16px;
  padding: 0px;
  background: none;
  border: none;
  cursor: pointer;
  /* icon設定 */
  background-repeat: no-repeat;
  background-position: center;
}
@media screen and (min-width: 1024px) {
  .p-cart-popup-address__close {
    top: 20px;
    right: 18px;
    background-image: url("/assets/img/common/icon-close-pc.svg");
    width: 22px;
    height: 12px;
  }
}
@media screen and (max-width: 1023px) {
  .p-cart-popup-address__close {
    top: 16px;
    right: 16px;
    background-image: url("/assets/img/common/icon-close-sp.svg");
    width: 20px;
    height: 20px;
  }
}

@media screen and (max-width: 1023px) {
  .p-cart-popup-address__content-title, .p-cart-popup__content-title {
    margin-bottom: 96px;
  }
}
.p-cart-popup-address__content-title h2, .p-cart-popup__content-title h2 {
  font-weight: 600;
  margin-top: 0px;
}
@media screen and (max-width: 1023px) {
  .p-cart-popup-address__content-title h2, .p-cart-popup__content-title h2 {
    font-size: 1rem;
  }
}

.p-cart-popup, .p-cart-popup-address {
  /* NOTE: 以下、.p-mypage-popupとほぼ同じスタイル */
  background: #ffffff;
  max-width: 626px;
  min-width: 355px;
  width: 626px;
  height: 332px;
  margin: 0 auto;
  padding: 77px 30px 30px 30px;
}
@media screen and (max-width: 1023px) {
  .p-cart-popup, .p-cart-popup-address {
    width: calc(100% - 20px);
    height: 478px;
    padding: 37px 20px 0 20px;
  }
}
.p-cart-popup__content {
  position: relative;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
}
@media screen and (min-width: 1024px) {
  .p-cart-popup__content-title {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 1023px) {
  .p-cart-popup__content-title {
    margin-bottom: 97px;
  }
}
@media screen and (min-width: 1024px) {
  .p-cart-popup__content-info {
    margin-bottom: 54px;
  }
}
@media screen and (max-width: 1023px) {
  .p-cart-popup__content-info {
    margin-bottom: 116px;
  }
}
@media screen and (min-width: 1024px) {
  .p-cart-popup__content-info p {
    font-weight: 500;
  }
}
@media screen and (max-width: 1023px) {
  .p-cart-popup__content-info p {
    font-size: 1rem;
    line-height: 1.875;
  }
}
@media screen and (min-width: 1024px) {
  .p-cart-popup__content-btn {
    display: flex;
    justify-content: center;
    width: 80%;
  }
}
.p-cart-popup__content-btn-cancel button, .p-cart-popup__content-btn-submit button {
  margin-top: 0px;
}
@media screen and (min-width: 1024px) {
  .p-cart-popup__content-btn-cancel button, .p-cart-popup__content-btn-submit button {
    width: 180px;
  }
}
@media screen and (max-width: 1023px) {
  .p-cart-popup__content-btn-cancel {
    margin-bottom: 16px;
  }
}
@media screen and (min-width: 1024px) {
  .p-cart-popup__content-btn-cancel button {
    margin-right: 30px;
  }
}
@media screen and (min-width: 1024px) {
  .p-cart-popup-address {
    width: 974px;
    height: 676px;
  }
}
@media screen and (max-width: 1023px) {
  .p-cart-popup-address {
    height: 85.3%;
    padding: 0px 7px;
  }
}
.p-cart-popup-address__content {
  position: relative;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
}
@media screen and (min-width: 1024px) {
  .p-cart-popup-address__content {
    width: 76.8%;
    margin: auto;
  }
}
@media screen and (min-width: 1024px) {
  .p-cart-popup-address__content-title {
    margin-top: -2px;
    margin-bottom: 26px;
  }
}
@media screen and (max-width: 1023px) {
  .p-cart-popup-address__content-title {
    margin-top: -5px;
    margin-bottom: 36px;
  }
}
.p-cart-popup-address__content-new {
  width: 100%;
}
.p-cart-popup-address__content-new button {
  float: left;
  margin-top: 0px;
  background-repeat: no-repeat;
}
@media screen and (min-width: 1024px) {
  .p-cart-popup-address__content-new button {
    width: 230px;
    padding-top: 15px;
    padding-left: 34px;
    background-image: url("/assets/img/common/icon-plus-lg-pc.svg");
    background-position: 14px;
  }
}
@media screen and (max-width: 1023px) {
  .p-cart-popup-address__content-new button {
    width: 196px;
    padding-top: 10px;
    padding-left: 24px;
    background-image: url("/assets/img/common/icon-plus-md-sp.svg");
    background-position: 20px;
  }
}
.p-cart-popup-address__content-list {
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .p-cart-popup-address__content-list {
    margin-bottom: 20px;
  }
}
.p-cart-popup-address__content-list dl {
  display: flex;
  border: 1px solid #D8D8D9;
  flex-wrap: nowrap;
  position: relative;
  margin-top: 10px;
}
@media screen and (max-width: 1023px) {
  .p-cart-popup-address__content-list dl {
    margin-top: 12px;
  }
}
.p-cart-popup-address__content-list dt {
  width: 100%;
  text-align: center;
  margin: auto;
  display: flex;
}
@media screen and (min-width: 1024px) {
  .p-cart-popup-address__content-list dd {
    padding: 14px;
  }
}
@media screen and (max-width: 1023px) {
  .p-cart-popup-address__content-list dd {
    display: flex;
    padding-right: 15px;
    padding-bottom: 23px;
  }
}
.p-cart-popup-address__content-radio {
  margin: auto;
}
@media screen and (min-width: 1024px) {
  .p-cart-popup-address__content-radio {
    width: 81px;
    padding-bottom: 3px;
    padding-left: 3px;
  }
}
@media screen and (max-width: 1023px) {
  .p-cart-popup-address__content-radio {
    width: 51px;
    padding-top: 14px;
  }
}
@media screen and (min-width: 1024px) {
  .p-cart-popup-address__content-record {
    width: calc(100% - 81px);
    margin: 20px 0px 18px;
  }
}
@media screen and (max-width: 1023px) {
  .p-cart-popup-address__content-record {
    width: calc(100% - 51px);
    margin: 22px 0px 17px;
  }
}
.p-cart-popup-address__content-record label {
  display: grid;
  text-align: left;
}
.p-cart-popup-address__content-record span {
  line-height: 1.5;
}
.p-cart-popup-address__content-action {
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .p-cart-popup-address__content-action {
    margin: 0px;
  }
}
@media screen and (max-width: 1023px) {
  .p-cart-popup-address__content-action {
    line-height: 14px;
    margin-top: auto;
  }
}
.p-cart-popup-address__content-action button {
  padding: 0px;
  margin-top: 0px;
}
@media screen and (min-width: 1024px) {
  .p-cart-popup-address__content-action button {
    width: 52px;
  }
}
@media screen and (max-width: 1023px) {
  .p-cart-popup-address__content-action button {
    width: 64px;
  }
}
.p-cart-popup-address__content-btn {
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .p-cart-popup-address__content-btn-submit {
    float: right;
  }
}
@media screen and (min-width: 1024px) {
  .p-cart-popup-address__content-btn-submit button {
    width: 284px;
    padding-top: 15px;
    margin-top: 0px;
  }
}

.p-mypage-popup {
  background: #ffffff;
  max-width: 626px;
  min-width: 355px;
  width: 626px;
  height: 332px;
  margin: 0 auto;
  padding: 77px 30px 30px 30px;
}
@media screen and (max-width: 1023px) {
  .p-mypage-popup {
    width: calc(100% - 20px);
    height: 478px;
    padding: 37px 20px 0 20px;
  }
}
.p-mypage-popup__content {
  position: relative;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.p-mypage-popup__content-title {
  margin-bottom: 18px;
}
@media screen and (max-width: 1023px) {
  .p-mypage-popup__content-title {
    margin-bottom: 116px;
  }
}
.p-mypage-popup__content-title h2 {
  font-weight: 600;
  margin-top: 0px;
}
@media screen and (max-width: 1023px) {
  .p-mypage-popup__content-title h2 {
    font-size: 1rem;
  }
}
@media screen and (min-width: 1024px) {
  .p-mypage-popup__content-info {
    margin-bottom: 54px;
  }
}
@media screen and (max-width: 1023px) {
  .p-mypage-popup__content-info {
    margin-bottom: 119px;
  }
}
@media screen and (min-width: 1024px) {
  .p-mypage-popup__content-info p {
    font-weight: 500;
  }
}
@media screen and (max-width: 1023px) {
  .p-mypage-popup__content-info p {
    font-size: 1rem;
    padding-top: 12px;
  }
}
@media screen and (min-width: 1024px) {
  .p-mypage-popup__content-btn {
    display: flex;
    justify-content: center;
    width: 80%;
  }
}
.p-mypage-popup__content-btn-cancel button, .p-mypage-popup__content-btn-submit button {
  margin-top: 0px;
}
@media screen and (min-width: 1024px) {
  .p-mypage-popup__content-btn-cancel button, .p-mypage-popup__content-btn-submit button {
    width: 180px;
  }
}
@media screen and (max-width: 1023px) {
  .p-mypage-popup__content-btn-cancel {
    margin-bottom: 16px;
  }
}
@media screen and (min-width: 1024px) {
  .p-mypage-popup__content-btn-cancel button {
    margin-right: 30px;
  }
}
.p-cart-change-add {
  max-width: 974px;
  min-width: 355px;
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: none;
  -ms-overflow-style: none;
  padding: 0px 0px 63px 0px;
}
.p-cart-change-add::-webkit-scrollbar {
  display: none;
}

.p-cart-change-add__wrap {
  background: white;
  margin: 0 auto;
  z-index: 1000;
  padding: 0 20px;
  border-radius: 8px;
}

.p-cart-change-add__title {
  text-align: center;
}

.p-cart-change-add__title-heading {
  margin-top: 60px;
}

.p-cart-change-add__content {
  position: relative;
}
@media screen and (min-width: 1024px) {
  .p-cart-change-add__content {
    max-width: 702px;
    margin: 21px auto 0;
  }
}
@media screen and (max-width: 1023px) {
  .p-cart-change-add__content {
    margin-top: 34px;
  }
}
.p-cart-change-add__content-new {
  width: 100%;
  margin-bottom: 10px;
  display: flex;
  justify-content: flex-start;
}
@media screen and (max-width: 1023px) {
  .p-cart-change-add__content-new {
    margin-bottom: 12px;
  }
}
.p-cart-change-add__content-new button {
  position: relative;
  float: left;
  margin: 0;
  max-width: 230px;
  display: flex;
  align-items: center;
  text-align: left;
  transition: all 0.5s ease-in-out;
}
.p-cart-change-add__content-new button::before {
  content: "";
  position: absolute;
  display: block;
  top: 28%;
  left: 15px;
  width: 20px;
  height: 20px;
  background-color: #fff;
  -webkit-mask-image: url("/assets/img/common/icon-plus-lg-pc.svg");
          mask-image: url("/assets/img/common/icon-plus-lg-pc.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  transition: background-color 0.3s ease-in-out;
}
.p-cart-change-add__content-new button:hover::before {
  background-color: #808080;
  transition: background-color 0.3s ease-in-out;
}
@media screen and (min-width: 1024px) {
  .p-cart-change-add__content-new button {
    width: 230px;
    max-height: 46px;
    padding: 12px 15px 12px 40px;
  }
  .p-cart-change-add__content-new button::before {
    top: 28%;
    left: 15px;
    width: 20px;
    height: 20px;
    -webkit-mask-image: url("/assets/img/common/icon-plus-lg-pc.svg");
            mask-image: url("/assets/img/common/icon-plus-lg-pc.svg");
  }
}
@media screen and (max-width: 1023px) {
  .p-cart-change-add__content-new button {
    width: 196px;
    height: 32px;
    padding: 10px 15px 10px 44px;
    text-align: start;
  }
  .p-cart-change-add__content-new button::before {
    top: 30%;
    left: 22px;
    width: 12px;
    height: 12px;
    -webkit-mask-image: url("/assets/img/common/icon-plus-md-sp.svg");
            mask-image: url("/assets/img/common/icon-plus-md-sp.svg");
  }
}
.p-cart-change-add__content-list {
  width: 100%;
}
@media screen and (max-width: 1023px) {
  .p-cart-change-add__content-list {
    margin-bottom: 40px;
  }
}
.p-cart-change-add__content-list dl {
  display: flex;
  align-items: stretch;
  border: 1px solid #808080;
  margin-bottom: 12px;
  cursor: pointer;
}
.p-cart-change-add__content-list dl:has(input[type=radio]:not(:checked)) {
  border-color: #D8D8D9;
}
.p-cart-change-add__content-list dl:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 1023px) {
  .p-cart-change-add__content-list dl {
    margin-bottom: 12px;
  }
}
.p-cart-change-add__content-list dt {
  display: flex;
  align-items: center;
  padding: 16px;
  flex: 1;
}
@media screen and (max-width: 1023px) {
  .p-cart-change-add__content-list dt {
    padding: 24px 0px 16px 16px;
  }
}
.p-cart-change-add__content-list dd {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  margin-top: 15px;
  width: 80px;
}
@media screen and (max-width: 1023px) {
  .p-cart-change-add__content-list dd {
    margin: 0px;
    width: 80px;
    justify-content: flex-end;
    align-items: flex-end;
  }
}
.p-cart-change-add__content-radio {
  margin-right: 26px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1023px) {
  .p-cart-change-add__content-radio {
    margin-right: 10px;
  }
}
.p-cart-change-add__content-record {
  display: flex;
  align-items: flex-start;
  flex: 1;
}
.p-cart-change-add__content-record label {
  display: block;
  cursor: pointer;
  text-align: left;
  width: 100%;
}
.p-cart-change-add__content-record span {
  display: block;
  line-height: 1.5;
  margin-bottom: 2px;
  text-align: left;
  transition: color 0.2s ease;
}
.p-cart-change-add__content-record span:last-child {
  margin-bottom: 0;
}
.p-cart-change-add__content-record span * {
  transition: color 0.2s ease;
}
.p-cart-change-add__content-record a[href^="tel:"] {
  display: inline !important;
  color: rgba(0, 0, 0, 0.25) !important;
  text-decoration: none !important;
  pointer-events: none;
  transition: color 0.2s ease !important;
  -webkit-transition: color 0.2s ease !important;
  -webkit-text-fill-color: rgba(0, 0, 0, 0.25) !important;
}
.p-cart-change-add__content-record.is-selected span {
  color: rgb(0, 0, 0);
}
.p-cart-change-add__content-record.is-selected span * {
  color: rgb(0, 0, 0) !important;
}
.p-cart-change-add__content-record.is-selected a[href^="tel:"] {
  color: rgb(0, 0, 0) !important;
  -webkit-text-fill-color: rgb(0, 0, 0) !important;
}
.p-cart-change-add__content-action {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 24px;
  /* ボタンの高さに合わせる */
}
@media screen and (max-width: 1023px) {
  .p-cart-change-add__content-action {
    justify-content: flex-end;
    height: 32px;
    /* スマートフォンでのボタンの高さに合わせる */
  }
}
.p-cart-change-add__content-action button {
  width: 52px;
  height: 24px !important;
  /* c-btn-secondaryのmodifierクラスより優先 */
  margin: 0px;
  padding: 0px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
}
.p-cart-change-add__content-action button:hover {
  color: #000000;
  background-color: #D8D8D9;
  border: 1px solid #D8D8D9;
}
@media screen and (max-width: 1023px) {
  .p-cart-change-add__content-action button {
    margin-right: 16px;
    margin-bottom: 16px;
    width: 64px;
    height: 32px !important;
    /* c-btn-secondaryのmodifierクラスより優先 */
  }
}
.p-cart-change-add__content-btn {
  width: 100%;
  display: flex;
  justify-content: flex-end;
  margin-top: 20px;
}
@media screen and (max-width: 1023px) {
  .p-cart-change-add__content-btn {
    justify-content: center;
  }
}
.p-cart-change-add__content-btn-submit button {
  max-width: 284px;
  height: 46px;
  padding: 0 20px;
  background-color: #000000;
  color: white;
  line-height: 46px;
  box-sizing: border-box;
  margin: 0;
}
@media screen and (max-width: 1023px) {
  .p-cart-change-add__content-btn-submit button {
    padding: 0 20px;
    width: 254px;
    height: 48px;
  }
}

@media screen and (min-width: 1024px) {
  .p-purchase-history-list .p-purchase-history-list__wrapper {
    min-width: 1156px;
    margin: 0 40px;
  }
}
@media screen and (max-width: 1023px) {
  .p-purchase-history-list .p-purchase-history-list__wrapper {
    max-width: 100vw;
  }
}
.p-purchase-history-list__header {
  text-align: center;
}

.p-purchase-history-list__description {
  margin-top: 20px;
  margin-bottom: 28px;
  font-size: 0.875rem;
  color: #333;
}
@media screen and (max-width: 1023px) {
  .p-purchase-history-list__description {
    margin-top: 40px;
  }
}
.p-purchase-history-list__description p {
  font-size: 1rem;
}
.p-purchase-history-list__description p span.bold {
  font-weight: 600;
}
.p-purchase-history-list__description ul {
  margin-top: 15px;
  padding-left: 1rem;
  list-style-type: disc;
}
@media screen and (max-width: 1023px) {
  .p-purchase-history-list__description ul {
    margin-top: 15px;
    padding-left: 23px;
  }
}
.p-purchase-history-list__description li {
  font-size: 0.875rem;
  list-style: none;
  position: relative;
}
.p-purchase-history-list__description li::before {
  content: "・";
  position: absolute;
  left: -12px;
  top: 0;
  color: #333;
  font-size: 1em;
  font-weight: bold;
}
@media screen and (max-width: 1023px) {
  .p-purchase-history-list__description li::before {
    left: -18px;
  }
}
.p-purchase-history-list__description li:nth-child(5) {
  list-style-type: none;
}

.p-purchase-history-list__link {
  text-decoration: underline;
  text-underline-offset: 3px;
  color: inherit;
  cursor: pointer;
  transition: 0.3s ease-in-out;
}
.p-purchase-history-list__link:hover {
  color: #808080;
}

.p-purchase-history-list__table {
  max-width: 1156px;
  width: 100%;
  font-size: 0.875rem;
  font-weight: normal;
}
@media screen and (max-width: 1023px) {
  .p-purchase-history-list__table {
    display: none;
  }
}

.p-purchase-history-list__table thead {
  height: 68px;
  background-color: #F8F8F8;
}

.p-purchase-history-list__table-content td {
  text-align: center;
  font-size: 0.875rem;
  padding: 14px 0 10px;
}

.p-purchase-history-list__table-set {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #E4E4E4;
  text-align: center;
}

.p-purchase-history-list__table-set th {
  font-size: 0.875rem;
  width: auto;
  font-weight: 400;
  background-color: #F8F8F8;
}
.p-purchase-history-list__table-set th.p-purchase-history-list__header-date {
  width: 120px;
}
.p-purchase-history-list__table-set th.p-purchase-history-list__header-number {
  width: 94px;
  background-color: #F8F8F8;
}
.p-purchase-history-list__table-set th.p-purchase-history-list__header-product {
  width: 256px;
  padding: 10px 0 10px 0;
}
.p-purchase-history-list__table-set th.p-purchase-history-list__header-payment {
  width: 118px;
}
.p-purchase-history-list__table-set th.p-purchase-history-list__header-price {
  width: 108px;
}
.p-purchase-history-list__table-set th.p-purchase-history-list__header-method {
  width: 118px;
}
.p-purchase-history-list__table-set th.p-purchase-history-list__header-status {
  widtH: 103px;
}
.p-purchase-history-list__table-set th.p-purchase-history-list__header-detail {
  width: 122px;
}
.p-purchase-history-list__table-set th.p-purchase-history-list__header-receipt {
  width: 116px;
}

.p-purchase-history-list__table-set th,
td {
  border: 1px solid #E4E4E4;
}
.p-purchase-history-list__table-set th p.p-purchase-history-list__grain-direction,
.p-purchase-history-list__table-set th p.p-purchase-history-list__grain-method,
td p.p-purchase-history-list__grain-direction,
td p.p-purchase-history-list__grain-method {
  line-height: 20px;
  font-size: 0.875rem;
}

.p-purchase-history-list__product-info-wrapper {
  display: flex;
  align-items: center;
}

.p-purchase-history-list__product-info {
  text-align: left;
  padding: 10px 0 10px 8px;
}
.p-purchase-history-list__product-info img {
  width: 64px;
  height: 64px;
  margin: 12px 12px 28px 16px;
}

.p-purchase-history-list__product-wrapper {
  display: flex;
  align-items: center;
}

.p-purchase-history-list__product-link {
  text-decoration: none;
  color: inherit;
  display: inline-block;
}

.p-purchase-history-list__product-details {
  text-align: left;
}
.p-purchase-history-list__product-details:hover {
  color: #808080;
}
.p-purchase-history-list__product-details p {
  text-decoration: underline;
  text-underline-offset: 3px;
  line-height: 1.5;
  font-size: 0.875rem;
}

.p-purchase-history-list__detail-button {
  border: 1px solid #000000;
  padding: 0 12px;
  transition: all 0.3s ease-in-out;
}
.p-purchase-history-list__detail-button:hover {
  background-color: #D8D8D9;
  border: 1px solid #D8D8D9;
  transition: all 0.3s ease-in-out;
}

.p-purchase-history-list__table-content td.p-purchase-history-list__receiptdownload-text {
  text-align: center;
  vertical-align: middle;
}

.p-purchase-history-list__receiptdownload {
  text-decoration: underline;
  text-underline-offset: 3px;
  text-align: left;
  display: inline-block;
  font-size: 0.875rem;
  line-height: 1.5;
}
.p-purchase-history-list__receiptdownload:hover {
  color: #808080;
}

.p-purchase-history-list__footer {
  margin-top: 60px;
}
@media screen and (max-width: 1023px) {
  .p-purchase-history-list__footer {
    margin: 0 -20px;
    padding: 0 20px;
    padding-top: 64px;
  }
}

.p-purchase-history-list__back-btn {
  width: 256px;
  margin: 0 auto;
}

@media screen and (max-width: 1023px) {
  .p-purchase-history-list__SP-product {
    justify-content: space-between;
    margin-top: 9px;
    border-top: 1px solid #E4E4E4;
    padding-top: 13px;
  }
}

@media screen and (max-width: 1023px) {
  .p-purchase-history-list__SP-product-info-set {
    border-top: none;
    margin-top: 0px;
    padding-top: 0px;
  }
}

.p-purchase-history-list__SP-product + .p-purchase-history-list__SP-product {
  border-top: none;
  margin-top: 0;
  padding-top: 0;
}

@media screen and (max-width: 1023px) {
  .p-purchase-history-list__SP-product-info p.p-purchase-history-list__product-grain-title__purchase-history,
  .p-purchase-history-list__SP-product-info p.p-purchase-history-list__product-method-title__purchase-history,
  .p-purchase-history-list__SP-product-info p.p-purchase-history-list__product-position-title__purchase-history {
    width: 60px;
  }
}

@media screen and (max-width: 1023px) {
  .p-purchase-history-list__button-set-SP {
    justify-content: flex-end;
  }
}

@media screen and (max-width: 1023px) {
  .p-purchase-history-list .p-purchase-history-list__product-cell {
    border: none;
    padding-bottom: 20px;
  }
}
@media screen and (max-width: 1023px) {
  .p-purchase-history-list .p-purchase-history-list__product-cell .p-purchase-history-list__product-item {
    padding-left: 0;
    padding-top: 0;
    border: none;
  }
}

.p-purchase-history-list .p-purchase-history-list__product-cell p {
  font-size: 0.875rem;
  line-height: 22px;
}
@media screen and (max-width: 1023px) {
  .p-purchase-history-list .p-purchase-history-list__product-cell p {
    font-size: 0.875rem;
  }
}

.p-purchase-history-list__product-main {
  display: flex;
  gap: 24px;
}
@media screen and (max-width: 1023px) {
  .p-purchase-history-list__product-main {
    gap: 16px;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}

.p-purchase-history-list__product-cell {
  display: flex;
  justify-content: space-between;
  padding-bottom: 18px;
  border-bottom: 1px solid #e4e4e4;
}
@media screen and (max-width: 1023px) {
  .p-purchase-history-list__product-cell {
    flex-wrap: wrap;
    flex-direction: column;
    padding-bottom: 11px;
  }
}
.p-purchase-history-list__product-cell .p-purchase-history-list__product-link {
  text-decoration: none;
  color: inherit;
  display: flex;
  flex-direction: column;
  width: 100%;
}

.p-purchase-history-list__product-cell:nth-child(n+2) {
  margin-top: 20px;
}

.p-purchase-history-list__product-cell p {
  font-size: 0.875rem;
  line-height: 22px;
}
@media screen and (max-width: 1023px) {
  .p-purchase-history-list__product-cell p {
    font-size: 0.75rem;
  }
}

.p-purchase-history-list__product-item {
  border-left: 1px solid #e4e4e4;
  padding-left: 24px;
}
@media screen and (min-width: 1200px) {
  .p-purchase-history-list__product-item {
    padding: 0 24px;
  }
}
@media screen and (max-width: 1023px) {
  .p-purchase-history-list__product-item {
    padding-left: 0;
    padding-top: 13px;
    border-left: none;
    border-top: 1px solid #e4e4e4;
    margin-top: 16px;
  }
}

.p-purchase-history-list__product-grain-title__purchase-history,
.p-purchase-history-list__product-method-title__purchase-history,
.p-purchase-history-list__product-position-title__purchase-history {
  position: relative;
}
.p-purchase-history-list__product-grain-title__purchase-history::after,
.p-purchase-history-list__product-method-title__purchase-history::after,
.p-purchase-history-list__product-position-title__purchase-history::after {
  content: "：";
  padding: 0 5px;
}
@media screen and (max-width: 1023px) {
  .p-purchase-history-list__product-grain-title__purchase-history::after,
  .p-purchase-history-list__product-method-title__purchase-history::after,
  .p-purchase-history-list__product-position-title__purchase-history::after {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
  }
}

.p-purchase-history-list__product-item-set {
  display: flex;
  white-space: nowrap;
  flex-wrap: wrap;
  padding: 0;
}
@media screen and (max-width: 1023px) {
  .p-purchase-history-list__product-item-set p.p-purchase-history-list__product-grain-title__purchase-history,
  .p-purchase-history-list__product-item-set p.p-purchase-history-list__product-method-title__purchase-history,
  .p-purchase-history-list__product-item-set p.p-purchase-history-list__product-position-title__purchase-history {
    flex: 0 0 85px;
    flex-shrink: 0;
  }
}

.p-purchase-history-list__SP-table {
  display: none;
}
@media screen and (max-width: 1023px) {
  .p-purchase-history-list__SP-table {
    display: block;
    margin: 0 -20px;
    padding: 0 20px;
  }
}

@media screen and (max-width: 1023px) {
  .p-purchase-history-list__product-info-SP {
    display: flex;
    align-items: center;
  }
}

@media screen and (max-width: 1023px) {
  .p-purchase-history-list__product-info-SP img {
    width: 78px;
    height: 78px;
  }
}

.p-purchase-history-list__product-details p {
  font-size: 0.875rem;
  text-decoration: underline;
  text-underline-offset: 3px;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  transition: opacity 0.3s ease-in-out;
  cursor: pointer;
}
.p-purchase-history-list__product-details p:hover {
  color: #808080;
}
@media screen and (max-width: 1023px) {
  .p-purchase-history-list__product-details p {
    margin-left: 12px;
  }
}

@media screen and (max-width: 1023px) {
  .p-purchase-history-list__product-button-set-SP {
    display: flex;
    flex-direction: column-reverse;
    align-items: flex-end;
  }
}

.p-purchase-history-list__repair {
  text-decoration: underline;
  text-underline-offset: 3px;
  cursor: pointer;
  transition: opacity 0.3s ease-in-out;
}
@media screen and (max-width: 1023px) {
  .p-purchase-history-list__repair {
    width: 84px;
    height: 32px;
    border: 1px solid #000000;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 12px;
    font-size: 0.75rem;
  }
}
.p-purchase-history-list__repair:hover {
  text-decoration: underline;
  opacity: 0.6;
}
@media screen and (max-width: 1023px) {
  .p-purchase-history-list__repair:hover {
    text-decoration: none;
  }
}

.p-purchase-history-list .p-purchase-history-list__hr {
  display: none;
}
@media screen and (max-width: 1023px) {
  .p-purchase-history-list .p-purchase-history-list__hr {
    display: block;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    margin: 0;
    height: 1px;
    background-color: #000000;
    opacity: 0.25;
  }
}

.p-purchase-history-detail__header {
  text-align: center;
}

.p-purchase-history-detail__product-delivery-title {
  padding-bottom: 3px;
  border-bottom: 1px solid #e4e4e4;
}
@media screen and (max-width: 1023px) {
  .p-purchase-history-detail__product-delivery-title {
    padding-bottom: 0;
  }
}

.p-purchase-history-detail__order-date-text-pc {
  display: block;
}
@media screen and (max-width: 1023px) {
  .p-purchase-history-detail__order-date-text-pc {
    display: none;
  }
}

.p-purchase-history-detail__order-date-text-sp {
  display: none;
}
@media screen and (max-width: 1023px) {
  .p-purchase-history-detail__order-date-text-sp {
    display: block;
  }
}

.p-purchase-history-detail__order-content {
  margin-bottom: 70px;
}
@media screen and (max-width: 1023px) {
  .p-purchase-history-detail__order-content {
    margin-bottom: 36px;
  }
}

.p-purchase-history-detail__order-item {
  display: flex;
}

.p-purchase-history-detail__order-item p {
  font-size: 1.125rem;
}
@media screen and (max-width: 1023px) {
  .p-purchase-history-detail__order-item p {
    font-size: 1rem;
  }
}

.p-purchase-history-detail__customer {
  padding-top: 30px;
}
@media screen and (max-width: 1023px) {
  .p-purchase-history-detail__customer {
    padding-top: 20px;
  }
}

.p-purchase-history-detail__delivery-item {
  display: flex;
}

.p-purchase-history-detail__delivery {
  padding-top: 30px;
  margin-top: 30px;
  border-top: 1px solid #D8D8D9;
}

.p-purchase-history-detail__payment-method {
  display: flex;
}
@media screen and (max-width: 1023px) {
  .p-purchase-history-detail__payment-method {
    font-size: 0.875rem;
  }
}

.p-purchase-history-detail__mail {
  margin-top: 60px;
}

.p-purchase-history-detail__mail-date {
  font-size: 0.875rem;
  line-height: 1.5;
}
@media screen and (max-width: 1023px) {
  .p-purchase-history-detail__mail-date {
    font-size: 0.75rem;
  }
}

.p-purchase-history-detail__mail-text {
  font-size: 1rem;
  line-height: 1.5;
}
@media screen and (max-width: 1023px) {
  .p-purchase-history-detail__mail-text {
    margin-top: 10px;
    font-size: 0.875rem;
  }
}

.p-purchase-history-detail__delivery-item {
  font-size: 1rem;
}
@media screen and (max-width: 1023px) {
  .p-purchase-history-detail__delivery-item {
    font-size: 0.875rem;
  }
}

.p-purchase-history-detail__mail-item + .p-purchase-history-detail__mail-item {
  margin-top: 17px;
  border-top: 1px solid #D8D8D9;
  padding-top: 13px;
}

.p-purchase-history-detail__mail-date {
  color: #707070;
}

.p-purchase2__side-btn-back-first {
  width: 324px;
  font-size: 1rem;
  margin-top: 0px;
}
@media screen and (max-width: 1023px) {
  .p-purchase2__side-btn-back-first {
    width: 315px;
    height: 48px;
  }
}

.p-purchase2__side-btn-back-second {
  width: 324px;
  font-size: 1rem;
  margin-top: 10px;
}
@media screen and (max-width: 1023px) {
  .p-purchase2__side-btn-back-second {
    width: 315px;
    height: 48px;
  }
}

.p-purchase-history-detail__customer-item p {
  font-size: 1rem;
  line-height: 24px;
}
@media screen and (max-width: 1023px) {
  .p-purchase-history-detail__customer-item p {
    font-size: 0.875rem;
  }
}

.p-purchase-history-detail__delivery-method,
.p-purchase-history-detail__delivery-date,
.p-purchase-history-detail__delivery-time {
  font-size: 1rem;
  line-height: 24px;
}
@media screen and (max-width: 1023px) {
  .p-purchase-history-detail__delivery-method,
  .p-purchase-history-detail__delivery-date,
  .p-purchase-history-detail__delivery-time {
    width: 74px;
    font-size: 0.875rem;
  }
}
.p-purchase-history-detail__delivery-method-text,
.p-purchase-history-detail__delivery-date-text,
.p-purchase-history-detail__delivery-time-text {
  line-height: 24px;
}

.p-purchase-history-detail__btn-set {
  margin-top: 30px;
}
@media screen and (max-width: 1023px) {
  .p-purchase-history-detail__btn-set {
    margin-top: 68px;
  }
}

.p-purchase-history-detail__back {
  margin-top: 50px;
}
@media screen and (max-width: 1023px) {
  .p-purchase-history-detail__back {
    margin-top: 64px;
  }
}

.p-purchase-history-detail__back-btn {
  width: 260px;
  height: 46px;
}
@media screen and (max-width: 1023px) {
  .p-purchase-history-detail__back-btn {
    width: 254px;
    height: 48px;
  }
}

.p-purchase-history-detail__btn-set {
  margin-top: 30px;
}

@media screen and (min-width: 1024px) {
  .p-purchase-history .p-purchase-history__wrapper {
    min-width: 1156px;
  }
}
@media screen and (min-width: 1200px) {
  .p-purchase-history .p-purchase-history__wrapper {
    min-width: 1156px;
  }
}
@media screen and (max-width: 1023px) {
  .p-purchase-history .p-purchase-history__wrapper {
    max-width: 100vw;
    margin: 0 auto;
  }
}
.p-purchase-history__header {
  text-align: center;
}

.p-purchase-history__description {
  margin-top: 20px;
  margin-bottom: 28px;
  font-size: 0.875rem;
  color: #333;
}
@media screen and (max-width: 1023px) {
  .p-purchase-history__description {
    margin-top: 40px;
  }
}
.p-purchase-history__description p {
  font-size: 1rem;
}
.p-purchase-history__description p span.bold {
  font-weight: 600;
}
.p-purchase-history__description ul {
  margin-top: 15px;
  padding-left: 1rem;
  list-style-type: disc;
}
@media screen and (max-width: 1023px) {
  .p-purchase-history__description ul {
    padding-left: 23px;
  }
}
.p-purchase-history__description li {
  font-size: 0.875rem;
  list-style: none;
  position: relative;
}
.p-purchase-history__description li::before {
  content: "・";
  position: absolute;
  left: -12px;
  top: 0;
  color: #333; /* マーカーの色 */
  font-size: 1em; /* マーカーのサイズ */
  font-weight: bold;
}
@media screen and (max-width: 1023px) {
  .p-purchase-history__description li::before {
    left: -18px;
  }
}
.p-purchase-history__description li:nth-child(5) {
  list-style-type: none;
}

.p-purchase-history__link {
  text-decoration: underline;
  text-underline-offset: 3px;
  color: inherit;
  cursor: pointer;
  transition: 0.3s ease-in-out;
}
.p-purchase-history__link:hover {
  color: #808080;
}

.p-purchase-history__table {
  max-width: 1156px;
  width: 100%;
}
@media screen and (max-width: 1023px) {
  .p-purchase-history__table {
    display: none;
  }
}

.p-purchase-history__table thead {
  height: 68px;
  background-color: #F8F8F8;
}

.p-purchase-history__table-content td {
  text-align: center;
  font-size: 0.875rem;
  padding: 14px 0 10px;
}

.p-purchase-history__table-set {
  width: 100%;
  border-collapse: collapse;
}

.p-purchase-history__table-set th {
  font-size: 0.875rem;
  width: auto;
  font-weight: 400;
}
.p-purchase-history__table-set th.p-purchase-history__header-date {
  width: 120px;
}
.p-purchase-history__table-set th.p-purchase-history__header-number {
  width: 94px;
}
.p-purchase-history__table-set th.p-purchase-history__header-product {
  width: 256px;
}
.p-purchase-history__table-set th.p-purchase-history__header-payment {
  width: 118px;
}
.p-purchase-history__table-set th.p-purchase-history__header-price {
  width: 108px;
}
.p-purchase-history__table-set th.p-purchase-history__header-method {
  width: 118px;
}
.p-purchase-history__table-set th.p-purchase-history__header-status {
  widtH: 103px;
}
.p-purchase-history__table-set th.p-purchase-history__header-detail {
  width: 122px;
}
.p-purchase-history__table-set th.p-purchase-history__header-receipt {
  width: 116px;
}

.p-purchase-history__table-set th,
td {
  border: 1px solid #E4E4E4;
}

.p-purchase-history__product-info {
  text-align: left;
  padding: 10px 0 10px 8px;
}

.p-purchase-history__product-wrapper {
  display: flex;
  align-items: center;
}
.p-purchase-history__product-wrapper img {
  width: 64px;
  height: 64px;
  margin: 12px 12px 28px 16px;
}

.p-purchase-history__detail-button {
  border: 1px solid #000000;
  padding: 0 12px;
}
.p-purchase-history__detail-button:hover {
  background-color: #D8D8D9;
  border: 1px solid #D8D8D9;
  transition: background-color 0.3s ease-in-out;
}

.p-purchase-history__table-content td.p-purchase-history__receiptdownload-text {
  text-align: center;
  vertical-align: middle;
}

.p-purchase-history__receiptdownload {
  text-decoration: underline;
  text-underline-offset: 3px;
  text-align: left;
  display: inline-block;
  font-size: 0.875rem;
  line-height: 1.5;
}
.p-purchase-history__receiptdownload:hover {
  color: #808080;
}

.p-purchase-history__footer {
  margin-top: 60px;
}
@media screen and (max-width: 1023px) {
  .p-purchase-history__footer {
    margin: 0 -20px;
    padding: 0 20px;
    padding-top: 64px;
  }
}

.p-purchase-history__back-btn {
  width: 256px;
  margin: 0 auto;
}

@media screen and (max-width: 1023px) {
  .p-purchase-history__SP-product {
    justify-content: space-between;
    margin-top: 9px;
    border-top: 1px solid #E4E4E4;
    padding-top: 13px;
  }
}

@media screen and (max-width: 1023px) {
  .p-purchase-history__SP-product-info-set {
    border-top: none;
    margin-top: 0px;
    padding-top: 0px;
  }
}

.p-purchase-history__SP-product + .p-purchase-history__SP-product {
  border-top: none;
  margin-top: 0;
  padding-top: 0;
}

@media screen and (max-width: 1023px) {
  .p-purchase-history__SP-product-info p.p-purchase2__product-grain-title {
    width: 60px;
  }
}

@media screen and (max-width: 1023px) {
  .p-purchase-history__SP-product-info p.p-purchase2__product-method-title {
    width: 60px;
  }
}

@media screen and (max-width: 1023px) {
  .p-purchase-history__SP-product-info p.p-purchase2__product-posision-title {
    width: 60px;
  }
}

@media screen and (max-width: 1023px) {
  .p-purchase-history__button-set-SP {
    justify-content: flex-end;
  }
}

@media screen and (max-width: 1023px) {
  .p-purchase-history .p-purchase2__product-cell {
    border: none;
    padding-bottom: 20px;
  }
}
@media screen and (max-width: 1023px) {
  .p-purchase-history .p-purchase2__product-cell .p-purchase2__product-item {
    padding-left: 0;
    padding-top: 0;
    border: none;
  }
}

.p-purchase-history .p-purchase2__product-cell p {
  font-size: 0.875rem;
  line-height: 22px;
}
@media screen and (max-width: 1023px) {
  .p-purchase-history .p-purchase2__product-cell p {
    font-size: 0.875rem;
  }
}

.p-purchase-history .p-purchase-history__hr {
  display: none;
}
@media screen and (max-width: 1023px) {
  .p-purchase-history .p-purchase-history__hr {
    display: block;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    margin: 0;
    height: 1px;
    background-color: #000000;
    opacity: 0.25;
  }
}
.p-purchase-history .p-shopCart__repair,
.p-purchase-history .p-shopCart__delete {
  text-decoration: underline;
  text-underline-offset: 3px;
}
@media screen and (max-width: 1023px) {
  .p-purchase-history .p-shopCart__repair,
  .p-purchase-history .p-shopCart__delete {
    font-size: 0.75rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-purchase-history .p-shopCart__repair {
    width: 84px;
    height: 32px;
    border: 1px solid #000000;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 12px;
  }
}

@media screen and (min-width: 1024px) {
  .p-purchase {
    padding: 0px 98px;
  }
}
.p-purchase__header {
  text-align: center;
}
.p-purchase__header-title {
  display: block;
  font-weight: 600;
  margin-top: 0px;
}
@media screen and (min-width: 1024px) {
  .p-purchase__header-title {
    font-size: 1.25rem;
    padding: 78px 0px 0px;
  }
}
@media screen and (max-width: 1023px) {
  .p-purchase__header-title {
    font-size: 1.125rem;
    padding: 40px 0px 39px;
  }
}
.p-purchase__container {
  margin: 0px auto;
}
@media screen and (max-width: 1023px) {
  .p-purchase__container-pc {
    display: none;
  }
}
@media screen and (min-width: 1024px) {
  .p-purchase__container-sp {
    display: none;
  }
}
.p-purchase__container-sp .p-purchase__info span {
  padding: 0 20px;
}
.p-purchase__progress {
  text-align: center;
  margin-top: 27px;
  margin-bottom: 38px;
}
@media screen and (max-width: 1023px) {
  .p-purchase__progress {
    margin-top: 25px;
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 1024px) {
  .p-purchase__message {
    margin-top: -26px;
    padding-bottom: 20px;
  }
}
@media screen and (max-width: 1023px) {
  .p-purchase__message {
    margin-top: -18px;
    line-height: 1.68;
    padding-bottom: 21px;
  }
}
.p-purchase__order.--center h2 {
  font-weight: bold;
}
.p-purchase__info.--center, .p-purchase__order.--center, .p-purchase__message.--center {
  text-align: center;
}
.p-purchase__info.--center .c-link-text, .p-purchase__order.--center .c-link-text, .p-purchase__message.--center .c-link-text {
  position: relative;
  margin-left: 0;
  padding-right: 0em;
}
.p-purchase__info.--center .c-link-text:hover, .p-purchase__order.--center .c-link-text:hover, .p-purchase__message.--center .c-link-text:hover {
  color: #808080;
}
.p-purchase__info.--center .c-link-text:hover::after, .p-purchase__order.--center .c-link-text:hover::after, .p-purchase__message.--center .c-link-text:hover::after {
  color: #808080;
}
.p-purchase__info h2, .p-purchase__order h2, .p-purchase__message h2 {
  font-size: 1.25rem;
  font-weight: 400;
}
@media screen and (min-width: 1024px) {
  .p-purchase__info h2, .p-purchase__order h2, .p-purchase__message h2 {
    margin-top: 0px;
    padding-bottom: 13px;
  }
}
@media screen and (max-width: 1023px) {
  .p-purchase__info h2, .p-purchase__order h2, .p-purchase__message h2 {
    margin-top: -2px;
    padding-bottom: 9px;
  }
}
.p-purchase__info p, .p-purchase__order p, .p-purchase__message p {
  font-size: 1rem;
}
@media screen and (max-width: 1023px) {
  .p-purchase__info p:first-child, .p-purchase__order p:first-child, .p-purchase__message p:first-child {
    padding-top: 19px;
  }
}
.p-purchase__info span, .p-purchase__order span, .p-purchase__message span {
  display: block;
  font-size: 0.875rem;
}
@media screen and (max-width: 1023px) {
  .p-purchase__info span, .p-purchase__order span, .p-purchase__message span {
    padding: 0 40px;
  }
}
.p-purchase__info a, .p-purchase__order a, .p-purchase__message a {
  margin-left: 0.35em;
  padding-right: 1.1em;
}
@media screen and (max-width: 1023px) {
  .p-purchase__info a, .p-purchase__order a, .p-purchase__message a {
    top: -3px;
  }
}
.p-purchase__info {
  margin-bottom: 21px;
}
.p-purchase__info:first-child {
  margin-top: 61px;
}
.p-purchase__info a {
  top: 0;
}
.p-purchase__order {
  margin-bottom: 9px;
}
@media screen and (min-width: 1024px) {
  .p-purchase__order {
    margin-top: 79px;
  }
}
@media screen and (max-width: 1023px) {
  .p-purchase__order {
    margin-top: 59px;
  }
}
@media screen and (min-width: 1024px) {
  .p-purchase__card {
    padding-top: 32px;
  }
}
@media screen and (max-width: 1023px) {
  .p-purchase__card {
    padding-top: 38px;
  }
}
.p-purchase__card-title {
  font-weight: 400;
  margin-top: 0px;
}
@media screen and (min-width: 1024px) {
  .p-purchase__card-title {
    font-size: 1.25rem;
    padding-bottom: 11px;
  }
}
@media screen and (max-width: 1023px) {
  .p-purchase__card-title {
    padding-bottom: 2px;
  }
}
.p-purchase__card-separator {
  background-color: #000000;
}
@media screen and (min-width: 1024px) {
  .p-purchase__card-separator {
    height: 1px;
    margin-top: 1px;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 1023px) {
  .p-purchase__card-separator {
    height: 2px;
    margin-bottom: 24px;
  }
}
@media screen and (min-width: 1024px) {
  .p-purchase__card-content-list, .p-purchase__card-content-list-shop, .p-purchase__card-content-list-new {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding-bottom: 24px;
  }
}
@media screen and (max-width: 1023px) {
  .p-purchase__card-content-list, .p-purchase__card-content-list-shop, .p-purchase__card-content-list-new {
    padding-bottom: 14px;
  }
}
.p-purchase__card-content-list dl,
.p-purchase__card-content-list dl.--disabled, .p-purchase__card-content-list-shop dl,
.p-purchase__card-content-list-shop dl.--disabled, .p-purchase__card-content-list-new dl,
.p-purchase__card-content-list-new dl.--disabled {
  display: flex;
  border: 1px solid #000000;
  flex-wrap: nowrap;
  position: relative;
  box-sizing: border-box;
}
@media screen and (min-width: 1024px) {
  .p-purchase__card-content-list dl,
  .p-purchase__card-content-list dl.--disabled, .p-purchase__card-content-list-shop dl,
  .p-purchase__card-content-list-shop dl.--disabled, .p-purchase__card-content-list-new dl,
  .p-purchase__card-content-list-new dl.--disabled {
    width: calc(50% - 6px);
    min-height: 180px;
    max-height: 230px;
  }
}
@media screen and (max-width: 1023px) {
  .p-purchase__card-content-list dl,
  .p-purchase__card-content-list dl.--disabled, .p-purchase__card-content-list-shop dl,
  .p-purchase__card-content-list-shop dl.--disabled, .p-purchase__card-content-list-new dl,
  .p-purchase__card-content-list-new dl.--disabled {
    width: 100%;
    margin-top: 16px;
  }
}
.p-purchase__card-content-list dl.--disabled, .p-purchase__card-content-list-shop dl.--disabled, .p-purchase__card-content-list-new dl.--disabled {
  background-color: #D8D8D9;
  border-color: #acacac;
}
.p-purchase__card-content-list dl.--disabled > dd, .p-purchase__card-content-list-shop dl.--disabled > dd, .p-purchase__card-content-list-new dl.--disabled > dd {
  color: #FF5655;
}
@media screen and (min-width: 1024px) {
  .p-purchase__card-content-list dl.--disabled > dd, .p-purchase__card-content-list-shop dl.--disabled > dd, .p-purchase__card-content-list-new dl.--disabled > dd {
    padding-top: 47px;
  }
}
.p-purchase__card-content-list dl.--disabled label, .p-purchase__card-content-list-shop dl.--disabled label, .p-purchase__card-content-list-new dl.--disabled label {
  cursor: not-allowed;
}
.p-purchase__card-content-list dl.--disabled a, .p-purchase__card-content-list-shop dl.--disabled a, .p-purchase__card-content-list-new dl.--disabled a {
  padding-right: 1.5em;
}
@media screen and (max-width: 1023px) {
  .p-purchase__card-content-list dl.--disabled a, .p-purchase__card-content-list-shop dl.--disabled a, .p-purchase__card-content-list-new dl.--disabled a {
    font-size: 0.875rem;
    line-height: 1.9;
    margin-bottom: 3px;
  }
}
.p-purchase__card-content-list dt, .p-purchase__card-content-list-shop dt, .p-purchase__card-content-list-new dt {
  text-align: center;
  margin: auto;
  display: flex;
}
.p-purchase__card-content-list dd, .p-purchase__card-content-list-shop dd, .p-purchase__card-content-list-new dd {
  width: 100%;
  margin: 0px auto;
  box-sizing: border-box;
}
@media screen and (min-width: 1024px) {
  .p-purchase__card-content-list dd {
    padding: 24px 0px;
  }
}
@media screen and (max-width: 1023px) {
  .p-purchase__card-content-list dd {
    display: flex;
    padding: 22px 1px 17px;
  }
}
@media screen and (min-width: 1024px) {
  .p-purchase__card-content-list-shop dd {
    padding: 24px 0px 22px;
  }
}
@media screen and (max-width: 1023px) {
  .p-purchase__card-content-list-shop dd {
    display: flex;
    padding: 22px 1px 17px;
  }
}
@media screen and (min-width: 1024px) {
  .p-purchase__card-content-list-new {
    padding-bottom: 30px;
  }
}
@media screen and (max-width: 1023px) {
  .p-purchase__card-content-list-new {
    margin-top: -3px;
    padding-bottom: 16px;
  }
}
@media screen and (min-width: 1024px) {
  .p-purchase__card-content-list-new dl {
    min-height: 74px;
    max-height: 74px;
    width: 100%;
    padding-top: 5px;
  }
}
@media screen and (min-width: 1024px) {
  .p-purchase__card-content-list-new dd {
    padding-top: 17px;
  }
}
@media screen and (max-width: 1023px) {
  .p-purchase__card-content-list-new dd {
    height: 66px;
    padding-top: 25px;
  }
}
.p-purchase__card-content-radio {
  margin: auto;
}
@media screen and (min-width: 1024px) {
  .p-purchase__card-content-radio {
    width: 86px;
  }
}
@media screen and (max-width: 1023px) {
  .p-purchase__card-content-radio {
    width: 50px;
  }
}
@media screen and (min-width: 1024px) {
  .p-purchase__card-content-list .p-purchase__card-content-radio {
    padding-top: 6px;
  }
}
@media screen and (max-width: 1023px) {
  .p-purchase__card-content-list .p-purchase__card-content-radio {
    padding-top: 7px;
  }
}
@media screen and (min-width: 1024px) {
  .p-purchase__card-content-list-shop .p-purchase__card-content-radio {
    padding-top: 6px;
  }
}
@media screen and (max-width: 1023px) {
  .p-purchase__card-content-list-shop .p-purchase__card-content-radio {
    padding-top: 6px;
  }
}
@media screen and (max-width: 1023px) {
  .p-purchase__card-content-list-new .p-purchase__card-content-radio {
    padding-top: 6px;
  }
}
@media screen and (max-width: 1023px) {
  .p-purchase__card-content-list .p-purchase__card-content-record p, .p-purchase__card-content-list-shop .p-purchase__card-content-record p, .p-purchase__card-content-list-new .p-purchase__card-content-record p {
    line-height: 1.5;
  }
}
.p-purchase__card-content-list .p-purchase__card-content-record span, .p-purchase__card-content-list-shop .p-purchase__card-content-record span, .p-purchase__card-content-list-new .p-purchase__card-content-record span {
  display: block;
  line-height: 1.5;
}
@media screen and (min-width: 1024px) {
  .p-purchase__card-content-list .p-purchase__card-content-record p {
    margin-top: -2px;
    padding-bottom: 10px;
  }
}
@media screen and (max-width: 1023px) {
  .p-purchase__card-content-list .p-purchase__card-content-record p {
    padding-bottom: 9px;
  }
}
@media screen and (min-width: 1024px) {
  .p-purchase__card-content-list-shop .p-purchase__card-content-record p {
    margin-top: -2px;
    padding-bottom: 10px;
  }
}
@media screen and (max-width: 1023px) {
  .p-purchase__card-content-list-shop .p-purchase__card-content-record p {
    padding-bottom: 9px;
  }
}
@media screen and (min-width: 1024px) {
  .p-purchase__card-content-list-shop .p-purchase__card-content-record p:not(:first-child) {
    margin-top: -14px;
    padding-bottom: 8px;
  }
}
@media screen and (max-width: 1023px) {
  .p-purchase__card-content-list-shop .p-purchase__card-content-record p:not(:first-child) {
    margin-top: -8px;
    padding-bottom: 3px;
  }
}
@media screen and (min-width: 1024px) {
  .p-purchase__card-content-message > p {
    line-height: 1.5;
  }
}
@media screen and (max-width: 1023px) {
  .p-purchase__card-content-message > p {
    line-height: 1.3;
  }
}
@media screen and (min-width: 1024px) {
  .p-purchase__card-content-message > p:first-child {
    margin-top: -4px;
  }
}
@media screen and (max-width: 1023px) {
  .p-purchase__card-content-message > p:first-child {
    padding-top: 1px;
  }
}
@media screen and (min-width: 1024px) {
  .p-purchase__card-content-message > p:last-child {
    margin-bottom: 26px;
  }
}
@media screen and (max-width: 1023px) {
  .p-purchase__card-content-message > p:last-child {
    margin-bottom: -1px;
  }
}
.p-purchase__input {
  border: 1px solid #000000;
}
.p-purchase__input dl {
  text-align: left;
}
@media screen and (min-width: 1024px) {
  .p-purchase__input dl {
    padding: 13px 82px;
  }
}
@media screen and (max-width: 1023px) {
  .p-purchase__input dl {
    padding: 0px 15px;
  }
}
@media screen and (min-width: 1024px) {
  .p-purchase__input dl:first-child {
    padding-top: 66px;
  }
}
@media screen and (max-width: 1023px) {
  .p-purchase__input dl:first-child {
    padding-top: 19px;
  }
}
@media screen and (min-width: 1024px) {
  .p-purchase__input dl:last-child {
    padding-bottom: 67px;
  }
}
.p-purchase__input dt {
  padding: 0;
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .p-purchase__input dt {
    padding-bottom: 10px;
  }
}
@media screen and (max-width: 1023px) {
  .p-purchase__input dt {
    padding-bottom: 5px;
  }
}
.p-purchase__input dd {
  padding: 0;
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .p-purchase__input dd {
    padding-bottom: 12px;
  }
}
@media screen and (max-width: 1023px) {
  .p-purchase__input dd {
    padding-bottom: 10px;
  }
}
@media screen and (max-width: 1023px) {
  .p-purchase__input dd input[type=text] {
    height: 40px;
    padding-top: 2px;
  }
}
@media screen and (min-width: 1024px) {
  .p-purchase__input dd:last-child {
    padding-bottom: 0px;
  }
}
@media screen and (max-width: 1023px) {
  .p-purchase__input dd:last-child {
    padding-bottom: 29px;
  }
}
@media screen and (max-width: 1023px) {
  .p-purchase__input-name dd {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
  }
}
@media screen and (min-width: 1024px) {
  .p-purchase__input-name input[type=text] {
    min-width: 300px;
    margin-right: 12px;
  }
}
@media screen and (max-width: 1023px) {
  .p-purchase__input-name input[type=text] {
    width: 49%;
  }
}
@media screen and (min-width: 1024px) {
  .p-purchase__input-syamei input[type=text], .p-purchase__input-busho input[type=text] {
    min-width: 612px;
  }
}
@media screen and (min-width: 1024px) {
  .p-purchase__input-addr input[type=text] {
    min-width: 512px;
  }
}
@media screen and (min-width: 1024px) {
  .p-purchase__input-tel input[type=text] {
    width: 300px;
  }
}
@media screen and (max-width: 1023px) {
  .p-purchase__input-syamei input[type=text], .p-purchase__input-busho input[type=text], .p-purchase__input-tel input[type=text], .p-purchase__input-addr input[type=text] {
    width: 100%;
  }
}
.p-purchase__input-addr {
  margin: 3px 0px;
}
@media screen and (min-width: 1024px) {
  .p-purchase__input-addr dd {
    display: flex;
    align-items: baseline;
  }
}
@media screen and (min-width: 1024px) {
  .p-purchase__input-addr dd > span {
    width: 150px;
  }
}
@media screen and (max-width: 1023px) {
  .p-purchase__input-addr dd > span {
    line-height: 1.5;
  }
}
@media screen and (max-width: 1023px) {
  .p-purchase__input-addr dd > input[type=text] {
    margin-top: 1px;
  }
}
@media screen and (min-width: 1024px) {
  .p-purchase__input-addr-zip span {
    max-width: 21px;
  }
}
@media screen and (max-width: 1023px) {
  .p-purchase__input-addr-zip {
    margin-top: -1px;
  }
}
@media screen and (min-width: 1024px) {
  .p-purchase__input-addr-zip input[type=text] {
    min-width: 200px;
    max-width: 200px;
    margin-left: 7px;
  }
}
@media screen and (max-width: 1023px) {
  .p-purchase__input-addr-zip input[type=text] {
    width: 148px;
    margin-left: 3px;
  }
}
@media screen and (min-width: 1024px) {
  .p-purchase__input-addr-pref {
    width: 300px;
    display: inline-block;
  }
}
@media screen and (max-width: 1023px) {
  .p-purchase__input-addr-pref {
    margin-top: 1px;
    width: 200px;
  }
}
@media screen and (max-width: 1023px) {
  .p-purchase__input-addr-pref select {
    height: 40px;
  }
}
@media screen and (min-width: 1024px) {
  .p-purchase__input-approval dt {
    margin-left: -1px;
    padding-top: 2px;
  }
}
@media screen and (max-width: 1023px) {
  .p-purchase__input-approval dt {
    margin-top: -1px;
  }
}
.p-purchase__input-approval dt > span {
  font-size: 1rem;
}
@media screen and (min-width: 1024px) {
  .p-purchase__input-approval dd {
    padding-top: 2px;
  }
}
@media screen and (max-width: 1023px) {
  .p-purchase__input-approval dd {
    padding-top: 9px;
    padding-left: 4px;
  }
}
@media screen and (min-width: 1024px) {
  .p-purchase__input-approval dd input[type=checkbox] + label {
    padding-left: 7px;
  }
}
@media screen and (max-width: 1023px) {
  .p-purchase__input-approval dd input[type=checkbox] + label {
    padding-left: 5px;
  }
}
.p-purchase__footer {
  text-align: center;
}
@media screen and (max-width: 1023px) {
  .p-purchase__footer {
    margin-top: 64px;
  }
}
@media screen and (min-width: 1024px) {
  .p-purchase__footer {
    margin-top: 50px;
    margin-bottom: 120px;
  }
}
.p-purchase__footer-top {
  display: flex;
}
@media screen and (min-width: 1024px) {
  .p-purchase__footer-top button {
    width: 234px;
    padding-top: 15px;
    margin-top: -17px;
  }
}
@media screen and (max-width: 1023px) {
  .p-purchase__footer-top {
    margin: -98px auto 0px auto;
  }
}
.p-purchase__footer-submit {
  display: flex;
}
@media screen and (min-width: 1024px) {
  .p-purchase__footer-submit button {
    width: 298px;
    padding-top: 15px;
    margin-top: 0px;
  }
}
@media screen and (max-width: 1023px) {
  .p-purchase__footer-submit {
    margin: -40px auto 0px auto;
  }
}

.p-purchase1__delivery {
  display: flex;
  margin-bottom: 14px;
  align-items: center;
}
@media screen and (max-width: 1023px) {
  .p-purchase1__delivery {
    justify-content: space-between;
  }
}

.p-purchase1__delivery-ttl {
  font-size: 1.125rem;
  font-weight: bold;
}
@media screen and (max-width: 1023px) {
  .p-purchase1__delivery-ttl {
    font-size: 0.875rem;
  }
}

.p-purchase1__delivery-btn {
  display: flex;
  width: 80px;
  height: 24px;
  border: 1px solid #000000;
  font-size: 0.875rem;
  margin-left: 32px;
  align-items: center;
  justify-content: center;
  transition: background-color 0.3s ease, border 0.3s ease;
}
@media screen and (max-width: 1023px) {
  .p-purchase1__delivery-btn {
    font-size: 0.75rem;
    margin-left: 0px;
    width: 84px;
    height: 24px;
  }
}
.p-purchase1__delivery-btn:hover {
  background-color: rgb(216, 216, 217);
  border: 1px solid transparent;
}

@media screen and (min-width: 1024px) {
  .p-purchase2 .p-purchase2__wrapper {
    min-width: 1156px;
    margin: 0 40px;
  }
}
@media screen and (max-width: 1023px) {
  .p-purchase2 .p-purchase2__wrapper {
    max-width: 100vw;
    margin: 0 auto;
  }
}
.p-purchase2__content {
  display: flex;
  gap: 44px;
  margin-top: 20px;
}
.p-purchase2__content.margin-bottom-reset {
  margin-bottom: 0;
}
@media screen and (min-width: 1024px) {
  .p-purchase2__content {
    margin-bottom: 120px;
    align-items: flex-start;
  }
}
@media screen and (max-width: 1023px) {
  .p-purchase2__content {
    flex-direction: column;
    margin-top: 40px;
    gap: 0;
  }
}
@media screen and (min-width: 1024px) {
  .p-purchase2__content.margin-0 {
    margin-bottom: 0 !important;
  }
}

.p-purchase2__content-main {
  flex: 3;
}

.p-purchase2__customer-ttl {
  margin: 0;
  font-size: 1.25rem;
  padding-bottom: 8px;
  margin-top: 0px;
  margin-bottom: 32px;
  border-bottom: 1px solid #808080;
}
@media screen and (max-width: 1023px) {
  .p-purchase2__customer-ttl {
    margin-bottom: 24px;
  }
}

.p-purchase2__customer-cell {
  padding-top: 34px;
}

.p-purchase2__customer-value {
  font-size: 1rem;
}
@media screen and (max-width: 1023px) {
  .p-purchase2__customer-value {
    font-size: 0.875rem;
  }
}

.p-purchase2__product {
  margin-top: 47px;
}

.p-purchase2__method,
.p-purchase2__info,
.p-purchase2__select-time,
.p-purchase2__payment,
.p-purchase2__contact {
  margin-top: 54px;
}

.p-purchase2__payment--purchase-history-detail,
.p-purchase2__contact--purchase-history-detail {
  margin-top: 60px;
}

.p-purchase2__product-main {
  display: flex;
  gap: 24px;
}
@media screen and (max-width: 1023px) {
  .p-purchase2__product-main {
    gap: 16px;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
  }
}

.p-purchase2__product-cell {
  display: flex;
  justify-content: space-between;
  padding-bottom: 18px;
  border-bottom: 1px solid #e4e4e4;
}
@media screen and (max-width: 1023px) {
  .p-purchase2__product-cell {
    flex-wrap: wrap;
    flex-direction: column;
    padding-bottom: 11px;
  }
}
.p-purchase2__product-cell .p-purchase2__product-link {
  text-decoration: none;
  color: inherit;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.p-purchase2__product-cell .p-purchase2__product-details.widthset {
  width: auto;
  margin-right: 4px;
}
.p-purchase2__product-cell .p-purchase2__product-details {
  width: 112px;
}
@media screen and (max-width: 1023px) {
  .p-purchase2__product-cell .p-purchase2__product-details {
    width: auto;
    flex: 1;
  }
}
.p-purchase2__product-cell .p-purchase2__product-details img {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.p-purchase2__product-cell--purchase-history-detail {
  display: flex;
  justify-content: space-between;
  padding-bottom: 20px;
  border-bottom: 1px solid #e4e4e4;
}
@media screen and (max-width: 1023px) {
  .p-purchase2__product-cell--purchase-history-detail {
    flex-wrap: wrap;
    flex-direction: column;
    padding-bottom: 11px;
  }
}

.p-purchase2__product-cell:nth-child(n+2) {
  margin-top: 20px;
}

.p-purchase2__product-cell p {
  font-size: 0.875rem;
  line-height: 22px;
}
@media screen and (max-width: 1023px) {
  .p-purchase2__product-cell p {
    font-size: 0.75rem;
  }
}

.p-purchase2__product-cell img {
  height: 120px;
  width: 120px;
}
@media screen and (max-width: 1023px) {
  .p-purchase2__product-cell img {
    height: 78px;
    width: 78px;
  }
}

.p-purchase2__product-details {
  transition: all 0.3s ease-in-out;
}
.p-purchase2__product-details:hover {
  color: #808080;
  cursor: pointer;
}

.p-purchase2__product-details p {
  font-size: 0.875rem;
  text-decoration: underline;
  text-underline-offset: 3px;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
}

.p-purchase2__product-item {
  border-left: 1px solid #e4e4e4;
  padding-left: 24px;
}
@media screen and (max-width: 1023px) {
  .p-purchase2__product-item {
    padding-left: 0;
    padding-top: 13px;
    border-left: none;
    border-top: 1px solid #e4e4e4;
    margin-top: 16px;
    width: 100%;
  }
}

.p-purchase2__history-detail__product-item {
  border-left: 1px solid #e4e4e4;
  padding-left: 20px;
}
@media screen and (min-width: 1200px) {
  .p-purchase2__history-detail__product-item {
    padding: 0 0 0 20px;
  }
}
@media screen and (max-width: 1023px) {
  .p-purchase2__history-detail__product-item {
    padding-left: 0;
    padding-top: 16px;
    border-left: none;
    border-top: 1px solid #e4e4e4;
    margin-top: 10px;
    width: 100%;
  }
}

.p-purchase2__product-size-title, .p-purchase2__product-grain-title, .p-purchase2__product-method-title, .p-purchase2__product-posision-title, .p-purchase2__product-quantity-title, .p-purchase2__product-cutting-title, .p-purchase2__product-finished-title, .p-purchase2__product-money-title, .p-purchase2__product-processing-title, .p-purchase2__product-paper-title, .p-purchase2__product-total-title {
  position: relative;
}
.p-purchase2__product-size-title::after, .p-purchase2__product-grain-title::after, .p-purchase2__product-method-title::after, .p-purchase2__product-posision-title::after, .p-purchase2__product-quantity-title::after, .p-purchase2__product-cutting-title::after, .p-purchase2__product-finished-title::after, .p-purchase2__product-money-title::after, .p-purchase2__product-processing-title::after, .p-purchase2__product-paper-title::after, .p-purchase2__product-total-title::after {
  content: "：";
  padding: 0 5px;
}
@media screen and (max-width: 1023px) {
  .p-purchase2__product-size-title::after, .p-purchase2__product-grain-title::after, .p-purchase2__product-method-title::after, .p-purchase2__product-posision-title::after, .p-purchase2__product-quantity-title::after, .p-purchase2__product-cutting-title::after, .p-purchase2__product-finished-title::after, .p-purchase2__product-money-title::after, .p-purchase2__product-processing-title::after, .p-purchase2__product-paper-title::after, .p-purchase2__product-total-title::after {
    position: absolute;
    margin-right: 5px;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
  }
}
.p-purchase2__product-size-title.reset::after, .p-purchase2__product-grain-title.reset::after, .p-purchase2__product-method-title.reset::after, .p-purchase2__product-posision-title.reset::after, .p-purchase2__product-quantity-title.reset::after, .p-purchase2__product-cutting-title.reset::after, .p-purchase2__product-finished-title.reset::after, .p-purchase2__product-money-title.reset::after, .p-purchase2__product-processing-title.reset::after, .p-purchase2__product-paper-title.reset::after, .p-purchase2__product-total-title.reset::after {
  content: "";
}
@media screen and (min-width: 1024px) {
  .p-purchase2__product-size-title, .p-purchase2__product-grain-title, .p-purchase2__product-method-title, .p-purchase2__product-posision-title, .p-purchase2__product-quantity-title, .p-purchase2__product-cutting-title, .p-purchase2__product-finished-title, .p-purchase2__product-money-title, .p-purchase2__product-processing-title, .p-purchase2__product-paper-title, .p-purchase2__product-total-title {
    display: inline;
  }
}
.p-purchase2__product-size-title.display, .p-purchase2__product-grain-title.display, .p-purchase2__product-method-title.display, .p-purchase2__product-posision-title.display, .p-purchase2__product-quantity-title.display, .p-purchase2__product-cutting-title.display, .p-purchase2__product-finished-title.display, .p-purchase2__product-money-title.display, .p-purchase2__product-processing-title.display, .p-purchase2__product-paper-title.display, .p-purchase2__product-total-title.display {
  display: inline;
}
@media screen and (min-width: 1024px) {
  .p-purchase2__product-size-title.reset, .p-purchase2__product-grain-title.reset, .p-purchase2__product-method-title.reset, .p-purchase2__product-posision-title.reset, .p-purchase2__product-quantity-title.reset, .p-purchase2__product-cutting-title.reset, .p-purchase2__product-finished-title.reset, .p-purchase2__product-money-title.reset, .p-purchase2__product-processing-title.reset, .p-purchase2__product-paper-title.reset, .p-purchase2__product-total-title.reset {
    display: none;
  }
}
@media screen and (min-width: 1024px) {
  .p-purchase2__product-size-title.reset.display, .p-purchase2__product-grain-title.reset.display, .p-purchase2__product-method-title.reset.display, .p-purchase2__product-posision-title.reset.display, .p-purchase2__product-quantity-title.reset.display, .p-purchase2__product-cutting-title.reset.display, .p-purchase2__product-finished-title.reset.display, .p-purchase2__product-money-title.reset.display, .p-purchase2__product-processing-title.reset.display, .p-purchase2__product-paper-title.reset.display, .p-purchase2__product-total-title.reset.display {
    display: none;
  }
}
@media screen and (max-width: 1023px) {
  .p-purchase2__product-money.reset {
    width: calc(100% - 130px);
  }
}
@media screen and (max-width: 1023px) {
  .p-purchase2__product-money-note.reset {
    width: calc(100% - 130px);
  }
}
.p-purchase2__product-grain-title__purchase-history, .p-purchase2__product-method-title__purchase-history, .p-purchase2__product-posision-title__purchase-history {
  position: relative;
}
.p-purchase2__product-grain-title__purchase-history::after, .p-purchase2__product-method-title__purchase-history::after, .p-purchase2__product-posision-title__purchase-history::after {
  content: "：";
  padding: 0 5px;
}
@media screen and (max-width: 1023px) {
  .p-purchase2__product-grain-title__purchase-history::after, .p-purchase2__product-method-title__purchase-history::after, .p-purchase2__product-posision-title__purchase-history::after {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
  }
}

@media screen and (max-width: 1023px) {
  .p-purchase2__product-item-set p.p-purchase2__product-size-title,
  .p-purchase2__product-item-set p.p-purchase2__product-grain-title,
  .p-purchase2__product-item-set p.p-purchase2__product-method-title,
  .p-purchase2__product-item-set p.p-purchase2__product-posision-title,
  .p-purchase2__product-item-set p.p-purchase2__product-quantity-title,
  .p-purchase2__product-item-set p.p-purchase2__product-cutting-title,
  .p-purchase2__product-item-set p.p-purchase2__product-finished-title,
  .p-purchase2__product-item-set p.p-purchase2__product-paper-title,
  .p-purchase2__product-item-set p.p-purchase2__product-money-title,
  .p-purchase2__product-item-set p.p-purchase2__product-processing-title,
  .p-purchase2__product-item-set p.p-purchase2__product-total-title {
    flex: 0 0 130px;
    flex-shrink: 0;
  }
}

@media screen and (max-width: 1023px) {
  p.p-purchase2__product-grain-title__purchase-history,
  p.p-purchase2__product-method-title__purchase-history,
  p.p-purchase2__product-posision-title__purchase-history {
    flex: 0 0 85px;
    flex-shrink: 0;
  }
}

@media screen and (max-width: 1023px) {
  .p-purchase2__product-size-title,
  .p-purchase2__product-total-title {
    flex: 0 0 130px;
  }
}

.p-purchase2__product-item-last {
  width: 20%;
}
@media screen and (max-width: 1023px) {
  .p-purchase2__product-item-last {
    width: 100%;
  }
}

.p-purchase2__info-item-contact .c-link-text {
  padding-left: 0;
}

@media screen and (max-width: 1023px) {
  .p-purchase2__product-total-amount {
    font-size: 1.5rem;
    font-weight: bold;
  }
}

@media screen and (max-width: 1023px) {
  .p-purchase2__product-total-unit {
    margin-left: 4px;
  }
}

.p-purchase2__product-size-title,
.p-purchase2__product-size,
.p-purchase2__product-item-set {
  display: flex;
  white-space: nowrap;
  flex-wrap: wrap;
  padding: 0;
}

.p-purchase2__product-item-set-second {
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 1023px) {
  .p-purchase2__product-item-set-second {
    flex-direction: row;
  }
}

.p-purchase2__product-item-set-last {
  display: flex;
  padding-top: 13px;
  margin-top: 9px;
  border-top: 1px solid #e4e4e4;
  align-items: center;
}
@media screen and (max-width: 1023px) {
  .p-purchase2__product-item-set-last {
    align-items: flex-end;
    height: 59px;
  }
}

.p-purchase2__product-item-set-last--purchase-history-detail {
  display: flex;
  padding-top: 16px;
  margin-top: 13px;
  border-top: 1px solid #e4e4e4;
  align-items: center;
}
@media screen and (max-width: 1023px) {
  .p-purchase2__product-item-set-last--purchase-history-detail {
    align-items: flex-end;
    height: 59px;
  }
}

.p-purchase2__method-content {
  display: flex;
  gap: 50px;
}
.p-purchase2__method-content .c-input-form__option {
  margin-top: 0px;
}
@media screen and (max-width: 1023px) {
  .p-purchase2__method-content .c-input-form__option {
    display: flex;
    flex-direction: row;
    align-items: center;
  }
}

/* PC: 同一行 */
.note-paren {
  display: inline;
}

/* SP: 括弧だけ次の行へ */
@media screen and (max-width: 1023px) {
  .note-paren {
    display: block;
  }
}
.p-purchase2__info-comment {
  font-size: 0.875rem;
}
.p-purchase2__info-comment p.p-purchase2__info-comment-text {
  position: relative;
  padding-left: 1.5em;
  line-height: 1.5;
}
.p-purchase2__info-comment p.p-purchase2__info-comment-text::before {
  content: "・";
  position: absolute;
  left: 0;
  top: 0;
}

.p-purchase2__method-content input[type=radio],
.p-purchase2__info-item input[type=radio],
.p-purchase2__payment-content input[type=radio] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 24px;
  height: 24px;
  border: 1px solid #000000;
  border-radius: 50%;
  cursor: pointer;
  position: relative;
}
@media screen and (max-width: 1023px) {
  .p-purchase2__method-content input[type=radio],
  .p-purchase2__info-item input[type=radio],
  .p-purchase2__payment-content input[type=radio] {
    width: 20px;
    height: 20px;
  }
}
.p-purchase2__method-content input[type=radio]:focus,
.p-purchase2__info-item input[type=radio]:focus,
.p-purchase2__payment-content input[type=radio]:focus {
  outline: 2px solid #808080;
  outline-offset: 0px;
}

.p-purchase2__method-content input[type=radio]:checked,
.p-purchase2__info-item input[type=radio]:checked,
.p-purchase2__payment-content input[type=radio]:checked {
  background-color: #ffffff;
  border-color: #000000;
}

.p-purchase2__method-content input[type=radio]:checked::before,
.p-purchase2__info-item input[type=radio]:checked::before,
.p-purchase2__payment-content input[type=radio]:checked::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #000000;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 1023px) {
  .p-purchase2__method-content input[type=radio]:checked::before,
  .p-purchase2__info-item input[type=radio]:checked::before,
  .p-purchase2__payment-content input[type=radio]:checked::before {
    width: 10px;
    height: 10px;
  }
}

.p-purchase2__method-content input[type=radio]:disabled,
.p-purchase2__payment-content input[type=radio]:disabled {
  border-color: #000000;
}

.p-purchase2__info-item input[type=radio]:disabled {
  border-color: #000000;
  opacity: 0.25;
}

.p-purchase2__method-content input[type=radio]:disabled + label,
.p-purchase2__info-item input[type=radio]:disabled + label,
.p-purchase2__payment-content input[type=radio]:disabled + label {
  color: #000000;
  cursor: not-allowed;
}

.p-purchase2__method-content input[type=radio]:checked + label,
.p-purchase2__payment-content input[type=radio]:checked + label {
  color: #000000;
}

.p-purchase2__info-item input[type=radio]:checked + .p-purchase2__info-item-set {
  color: #000000;
}

.p-purchase2__info-item:has(input[type=radio]:disabled) {
  background-color: rgba(0, 0, 0, 0.25);
}

.p-purchase2__info-item:has(input[type=radio]:disabled) .p-purchase2__info-item-note {
  color: #FF5655;
}

.p-purchase2__info-item {
  display: flex;
  align-items: center;
  border: 1px solid #707070;
  max-width: 486px;
  padding: 25px 0;
}
.p-purchase2__info-item:has(input[type=radio]:not(:checked)) {
  border-color: #D8D8D9;
}

.p-purchase2__info-item input {
  margin: 0 31px;
}
@media screen and (max-width: 1023px) {
  .p-purchase2__info-item input {
    margin: 0 16px;
  }
}

.p-purchase2__info-item:nth-child(n+2) {
  margin-top: 28px;
}

.p-purchase2__info-item:nth-child(n+3) {
  margin-top: 12px;
}
@media screen and (max-width: 1023px) {
  .p-purchase2__info-item:nth-child(n+3) {
    margin-top: 16px;
  }
}

.p-purchase2__info-item-address {
  margin-top: 12px;
}

.p-purchase2__select-time-item {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1023px) {
  .p-purchase2__select-time-item {
    flex-wrap: nowrap;
    gap: 8px;
  }
}

.p-purchase2__info-item-set {
  font-size: 1rem;
}
@media screen and (max-width: 1023px) {
  .p-purchase2__info-item-set {
    font-size: 0.875rem;
  }
}

.p-purchase2__select-time-item:nth-child(n+2) {
  margin-top: 12px;
}

.p-purchase2__select-time-item p {
  font-size: 1rem;
}
@media screen and (min-width: 1024px) {
  .p-purchase2__select-time-item p {
    width: 72px;
  }
}
@media screen and (max-width: 1023px) {
  .p-purchase2__select-time-item p {
    white-space: nowrap;
    flex-shrink: 0;
  }
}

.p-purchase2__select-time-box {
  margin-left: 9px;
}
@media screen and (max-width: 1023px) {
  .p-purchase2__select-time-box {
    margin-left: 0;
    flex: 1;
  }
}
@media screen and (min-width: 1024px) {
  .p-purchase2__select-time-box--second {
    margin-left: 8px;
  }
}

.p-purchase2__select-time-note {
  width: auto !important;
  margin-left: 8px;
}
@media screen and (max-width: 1023px) {
  .p-purchase2__select-time-note {
    margin-left: 0;
  }
}

.p-purchase2__select-time-box select {
  width: 300px;
  height: 48px;
  text-align: left;
}
@media screen and (max-width: 1023px) {
  .p-purchase2__select-time-box select {
    width: 100%;
  }
}

.p-purchase2__payment-content {
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 30px;
       column-gap: 30px;
  flex-direction: column;
}
@media screen and (max-width: 1023px) {
  .p-purchase2__payment-content {
    flex-direction: column;
  }
}

@media screen and (max-width: 1023px) {
  .p-purchase2__payment-content .c-input-form__option.--deferred {
    margin-top: -14px;
  }
}
@media screen and (max-width: 1023px) {
  .p-purchase2__payment-content .c-input-form__option.--deferred label {
    width: 230px;
    height: 60px;
    top: 20px;
  }
}

.p-purchase2__payment-content label {
  font-size: 1rem;
  margin-left: 0;
}

@media screen and (max-width: 1023px) {
  .p-purchase2__payment-content label.heightset {
    position: relative;
    display: inline-block;
    top: -4px;
  }
}

.p-purchase2__contact-textarea {
  width: 100%;
  height: 120px;
  padding: 12px 16px;
  border: 1px solid #707070;
  color: #000;
}
.p-purchase2__contact-textarea::-moz-placeholder {
  color: rgba(0, 0, 0, 0.25);
}
.p-purchase2__contact-textarea::placeholder {
  color: rgba(0, 0, 0, 0.25);
}
@media screen and (max-width: 1023px) {
  .p-purchase2__contact-textarea {
    height: 234px;
    border-radius: 0;
  }
}

.p-purchase2__product-money-set {
  display: flex;
}

.p-purchase2__content-side {
  flex: 1;
}
@media screen and (min-width: 1024px) {
  .p-purchase2__content-side {
    position: relative;
    flex: 0 0 332px;
    max-width: 332px;
  }
}
@media screen and (max-width: 1023px) {
  .p-purchase2__content-side {
    align-self: center;
    margin-top: 56px;
  }
}

.p-purchase2__side-box {
  padding: 29px 24px 20px 24px;
  background-color: #F2F2F2;
}
@media screen and (max-width: 1023px) {
  .p-purchase2__side-box {
    padding: 25px 24px 28px 24px;
  }
}

.p-purchase2__side-ttl {
  font-size: 0.875rem;
}
@media screen and (max-width: 1023px) {
  .p-purchase2__side-ttl {
    font-size: 1rem;
  }
}

.p-purchase2__side-value {
  font-size: 1rem;
  font-weight: 400;
}
.p-purchase2__side-value-total {
  display: flex;
  align-items: baseline;
}

.p-purchase2__side-content {
  display: flex;
  flex-direction: column;
}

.p-purchase2__side-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 6px;
  margin-right: 8px;
}
.p-purchase2__side-item.bold p {
  font-weight: 600;
}

.p-purchase2__side-item-second {
  padding-top: 17px;
  border-top: 1px solid #D8D8D9;
  margin-top: 14px;
}
@media screen and (max-width: 1023px) {
  .p-purchase2__side-item-second {
    margin-top: 20px;
    padding-top: 22px;
  }
}

.p-purchase2__side-ttl-second {
  font-size: 1rem;
}
.p-purchase2__side-ttl-second span.zip {
  display: inline-block;
}

.p-purchase2__side-value-sum {
  font-size: 1.5rem;
  font-weight: bold;
}

.p-purchase2__side-item-attention {
  margin-top: 43px;
}
.p-purchase2__side-item-attention .p-purchase2__side-item-attention-text {
  padding-left: 0.5em;
  text-indent: -0.5em;
  line-height: 1.5;
  font-size: 0.875rem;
}
@media screen and (max-width: 1023px) {
  .p-purchase2__side-item-attention {
    margin-top: 33px;
  }
}

.p-purchase2__side-btn {
  display: flex;
  flex-direction: column;
  margin-top: 46px;
}
@media screen and (max-width: 1023px) {
  .p-purchase2__side-btn {
    margin-top: 32px;
  }
}

.heightreset {
  margin-top: 10px;
  transition: background-color 0.3s ease-in-out, border 0.3s ease-in-out;
}
.heightreset:hover {
  background-color: #D8D8D9;
  border: 1px solid #D8D8D9;
  color: #000;
  transition: background-color 0.3s ease-in-out, border 0.3s ease-in-out;
}

.p-purchase2__side-btn-back {
  margin: 10px auto 0;
  transition: background-color 0.3s ease-in-out, border 0.3s ease-in-out;
}
.p-purchase2__side-btn-back:hover {
  background-color: #D8D8D9;
  border: 1px solid #D8D8D9;
  color: #000;
  transition: background-color 0.3s ease-in-out, border 0.3s ease-in-out;
}
@media screen and (max-width: 1023px) {
  .p-purchase2__side-btn-back.--Y-3 {
    width: 254px;
  }
}

.p-purchase2__product-item-last .p-purchase2__product-item-set:has(.p-purchase2__product-money-note + .p-purchase2__product-money-note) ~ .p-purchase2__product-item-set-last--purchase-history-detail {
  margin-top: 4px;
}

@media screen and (max-width: 1023px) {
  .p-purchase2__product-item-set:has(.p-purchase2__product-money-note + .p-purchase2__product-money-note) .p-purchase2__product-money-note {
    flex-basis: 100%;
    order: 1;
    margin-left: 130px;
  }
}
.p-purchase2__select-time-box .c-custom-dropdown__options {
  max-height: 432px;
}

/* 追加：サイドボックス + ダウンロードボタンの追従用ラッパー */
.p-purchase2__side-follow {
  width: 100%;
}

/* PC時の追従挙動（.p-purchase2__side-box と同等のルールをラッパーにも付与） */
@media screen and (min-width: 1024px) {
  .p-purchase2__side-follow.is-fixed {
    position: fixed;
    top: var(--purchase-side-fixed-top, 113px);
    left: auto;
    right: auto;
    z-index: 5;
  }
  .p-purchase2__side-follow.is-bottom {
    position: absolute;
    top: auto;
    bottom: 0;
    width: 100%;
  }
}
/* ラッパー内のボタンセットの余白（必要最低限） */
.p-purchase2__side-follow .p-purchase-history-detail__btn-set {
  margin-top: 16px;
}

/* 既存：.p-purchase2__side-box の固定ルールはそのまま存続（変更不要） */
@media screen and (min-width: 1024px) {
  .p-shopCart__wrapper {
    min-width: 1156px;
    margin: 0 40px;
  }
}

.p-shopCart__header {
  padding: 44px 0 122px;
  text-align: center;
}
@media screen and (max-width: 1023px) {
  .p-shopCart__header {
    padding: 94px 0 104px;
  }
}

.p-shopCart__product-main {
  display: flex;
  gap: 24px;
}
@media screen and (max-width: 1023px) {
  .p-shopCart__product-main {
    gap: 16px;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}

.p-shopCart__table {
  font-size: 0.875rem;
  font-weight: normal;
}
@media screen and (max-width: 1023px) {
  .p-shopCart__table {
    display: none;
  }
}

.p-shopCart__table-set {
  border: 1px solid #E4E4E4;
}

.p-shopCart__table-set th {
  background-color: #F8F8F8;
  font-weight: 400;
}

.p-shopCart__table-set th,
td {
  border: 1px solid #E4E4E4;
}
.p-shopCart__table-set th p.p-shopCart__grain-direction,
.p-shopCart__table-set th p.p-shopCart__grain-method,
td p.p-shopCart__grain-direction,
td p.p-shopCart__grain-method {
  line-height: 20px;
  font-size: 0.875rem;
}

.p-shopCart__table-set {
  width: 100%;
  border-collapse: collapse;
  text-align: center;
}

.p-shopCart__table-set th.p-shopCart__header-number {
  background-color: #ffffff;
  border-top-color: transparent;
  border-left-color: transparent;
}

.p-shopCart__repair,
.p-shopCart__delete {
  text-decoration: underline;
  text-underline-offset: 3px;
  cursor: pointer;
  transition: opacity 0.3s ease-in-out;
}
@media screen and (max-width: 1023px) {
  .p-shopCart__repair,
  .p-shopCart__delete {
    font-size: 0.75rem;
  }
}
.p-shopCart__repair:hover,
.p-shopCart__delete:hover {
  text-decoration: underline;
  opacity: 0.6;
}

@media screen and (max-width: 1023px) {
  .p-shopCart__repair:hover {
    text-decoration: none;
  }
}

@media screen and (max-width: 1023px) {
  .p-shopCart__repair {
    width: 64px;
    height: 32px;
    border: 1px solid #000000;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

.p-shopCart__header-product {
  padding: 10px 0 10px 8px;
  text-align: left;
}

.p-shopCart__product-info {
  display: flex;
  align-items: center;
}

.p-shopCart__product-info img {
  width: 64px;
  height: 64px;
  margin: 12px 12px 28px 16px;
  /* ご注文履歴一覧 */
}

.p-shopCart__product-link {
  text-decoration: none;
  color: inherit;
  display: inline-block;
}

.p-shopCart__product-details {
  text-align: left;
}
.p-shopCart__product-details:hover {
  color: #808080;
}

.p-shopCart__product-details p {
  text-decoration: underline;
  text-underline-offset: 3px;
  line-height: 1.5;
}

.p-shopCart__number {
  padding: 0 8px;
  width: 36px;
}

.p-shopCart__header-repair,
.p-shopCart__header-delete {
  padding: 12px 4px;
}

.p-shopCart__header-size {
  min-width: 90px;
}

.p-shopCart__header-grain {
  min-width: 50px;
}

.p-shopCart__header-cutting {
  min-width: 50px;
}

.p-shopCart__header-processing {
  min-width: 60px;
}

.p-shopCart__header-total {
  min-width: 80px;
}

.p-shopCart__footer {
  margin-top: 42px;
}
@media screen and (min-width: 1024px) {
  .p-shopCart__footer {
    margin-bottom: 120px;
  }
}
@media screen and (max-width: 1023px) {
  .p-shopCart__footer {
    margin-top: 38px;
  }
}

.p-shopCart__footer-total {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
}

.p-shopCart__footer-total-set {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #656565;
  min-width: 478px;
  padding-bottom: 7px;
  margin-bottom: 8px;
}
@media screen and (max-width: 1023px) {
  .p-shopCart__footer-total-set {
    align-items: flex-end;
    flex-direction: column;
    width: 100%;
    min-width: 0px;
    max-width: 478px;
  }
}

.p-shopCart__footer-total-attention {
  font-size: 0.875rem;
  color: #FF5655;
}
@media screen and (max-width: 1023px) {
  .p-shopCart__footer-total-attention {
    font-size: 0.75rem;
  }
}

.p-shopCart__footer-total-price {
  display: flex;
  align-items: flex-end;
}
@media screen and (max-width: 1023px) {
  .p-shopCart__footer-total-price {
    width: 100%;
    justify-content: space-between;
  }
}
.p-shopCart__footer-total-price p {
  line-height: 1 !important;
}

.p-shopCart__footer-total-text,
.p-shopCart__footer-total-tax {
  font-size: 0.875rem;
  font-weight: 600;
}
@media screen and (max-width: 1023px) {
  .p-shopCart__footer-total-text,
  .p-shopCart__footer-total-tax {
    font-size: 1rem;
  }
}

.p-shopCart__footer-total-money-set {
  display: flex;
  align-items: flex-end;
}

.p-shopCart__footer-attention {
  font-size: 0.75rem;
  color: #808080;
}
@media screen and (max-width: 1023px) {
  .p-shopCart__footer-attention {
    padding-left: 1em;
    text-indent: -1em;
    line-height: 18px;
  }
}

.p-shopCart__footer-total-money {
  font-size: 1.25rem;
  padding-left: 10px;
  padding-right: 8px;
}
@media screen and (max-width: 1023px) {
  .p-shopCart__footer-total-money {
    font-size: 1.5rem;
    font-weight: bold;
  }
}

@media screen and (max-width: 1023px) {
  .p-shopCart__footer-total-tax {
    font-size: 1rem;
  }
}

.p-shopCart__footer-btn {
  display: flex;
  justify-content: space-between;
  margin-top: 28px;
}
@media screen and (max-width: 1023px) {
  .p-shopCart__footer-btn {
    flex-direction: column-reverse;
    align-items: center;
  }
  .p-shopCart__footer-btn .c-btn--save {
    margin-right: 0px;
  }
}
@media screen and (max-width: 1023px) and (max-width: 480px) {
  .p-shopCart__footer-btn .c-btn--save:hover {
    background-color: #D8D8D9;
    border: 1px solid #D8D8D9;
    color: #000;
  }
}

.p-shopCart__footer-btn-set {
  display: flex;
}
@media screen and (max-width: 1023px) {
  .p-shopCart__footer-btn-set {
    flex-direction: column-reverse;
  }
}
@media screen and (min-width: 1024px) {
  .p-shopCart__footer-btn-set .c-btn--save {
    width: 228px;
  }
}
@media screen and (max-width: 480px) {
  .p-shopCart__footer-btn-set .c-btn--save:hover {
    background-color: #D8D8D9;
    border: 1px solid #D8D8D9;
    color: #000;
  }
}
@media screen and (max-width: 480px) {
  .p-shopCart__footer-btn-set .c-btn--reg:hover {
    background-color: #808080;
  }
}

.p-shopCart__save-btn:hover {
  border: 1px solid #D8D8D9;
  background-color: #D8D8D9;
  color: #000000;
}
@media screen and (max-width: 1023px) {
  .p-shopCart__save-btn {
    width: 254px;
    margin-top: 40px;
  }
  .p-shopCart__save-btn:hover {
    border: 1px solid #000000;
    background-color: #ffffff;
  }
}

.p-shopCart__continue-btn:hover {
  border: 1px solid #D8D8D9;
  background-color: #D8D8D9;
  color: #000000;
}
@media screen and (max-width: 1023px) {
  .p-shopCart__continue-btn {
    width: 254px;
    margin-top: 12px;
  }
  .p-shopCart__continue-btn:hover {
    border: 1px solid #000000;
    background-color: #ffffff;
  }
}

.p-shopCart__SP-table {
  display: none;
}
@media screen and (max-width: 1023px) {
  .p-shopCart__SP-table {
    display: block;
    margin: 0 -20px;
    padding: 0 20px;
  }
}

@media screen and (max-width: 1023px) {
  .p-shopCart__finished-quantity {
    flex: 0 0 130px;
  }
}

@media screen and (max-width: 1023px) {
  .p-shopCart__product-info-SP {
    display: flex;
    align-items: center;
  }
}

.p-shopCart__product-details p {
  font-size: 0.875rem;
  text-decoration: underline;
  text-underline-offset: 3px;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  transition: opacity 0.3s ease-in-out;
  cursor: pointer;
}
.p-shopCart__product-details p:hover {
  color: #808080;
}
@media screen and (max-width: 1023px) {
  .p-shopCart__product-details p {
    margin-left: 12px;
  }
}

@media screen and (max-width: 1023px) {
  .p-shopCart__product-button-set-SP {
    display: flex;
    flex-direction: column-reverse;
    align-items: flex-end;
    justify-content: space-between;
  }
}

@media screen and (max-width: 1023px) {
  .p-shopCart__product-number-SP {
    font-size: 0.875rem;
    padding-bottom: 4px;
  }
}

@media screen and (max-width: 1023px) {
  .p-shopCart .p-purchase2__product-item-set {
    padding: 0px;
  }
}
@media screen and (max-width: 1023px) {
  .p-shopCart .p-shopCart__product-number-SP-top {
    border-top: 1px solid #707070;
    padding-top: 13px;
  }
}
@media screen and (max-width: 1023px) {
  .p-shopCart .p-purchase2__product-item {
    margin-top: 16px;
  }
}
@media screen and (max-width: 1023px) {
  .p-shopCart .p-purchase2__product-size-title,
  .p-shopCart .p-purchase2__product-size {
    padding: 0px;
  }
}
.p-shopCart .p-purchase2__product-size-title, .p-shopCart .p-purchase2__product-grain-title, .p-shopCart .p-purchase2__product-method-title, .p-shopCart .p-purchase2__product-posision-title, .p-shopCart .p-purchase2__product-quantity-title, .p-shopCart .p-purchase2__product-cutting-title, .p-shopCart .p-purchase2__product-finished-title, .p-shopCart .p-purchase2__product-money-title, .p-shopCart .p-purchase2__product-processing-title {
  position: relative;
}
.p-shopCart .p-purchase2__product-size-title::after, .p-shopCart .p-purchase2__product-grain-title::after, .p-shopCart .p-purchase2__product-method-title::after, .p-shopCart .p-purchase2__product-posision-title::after, .p-shopCart .p-purchase2__product-quantity-title::after, .p-shopCart .p-purchase2__product-cutting-title::after, .p-shopCart .p-purchase2__product-finished-title::after, .p-shopCart .p-purchase2__product-money-title::after, .p-shopCart .p-purchase2__product-processing-title::after {
  content: "：";
  position: absolute;
  margin-right: 0.5em;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

@media screen and (min-width: 1024px) {
  .p-shopCart__back-to-top-SP-only {
    display: none;
    margin: 64px auto;
  }
}

@media screen and (min-width: 1024px) {
  .p-contact__wrapper {
    max-width: 1156px;
    margin: 0 40px;
  }
}
.p-contact__header {
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .p-contact__header {
    padding: 0px 0px 0px 0px;
  }
}
@media screen and (max-width: 1023px) {
  .p-contact__header {
    padding: 0px 0px 0px 0px;
  }
}
.p-contact__header-title {
  display: block;
  font-weight: 400;
  margin-top: 0px;
}
.p-contact__container {
  text-align: center;
  margin: 0px auto;
}
@media screen and (min-width: 1024px) {
  .p-contact__container {
    margin-top: 20px;
  }
}
@media screen and (max-width: 1023px) {
  .p-contact__container {
    margin-top: 14px;
  }
}
@media screen and (max-width: 1023px) {
  .p-contact__introduction {
    margin-bottom: 60px;
  }
}
.p-contact__introduction-note {
  background-color: #f2f2f2;
}
@media screen and (min-width: 1024px) {
  .p-contact__introduction-note {
    margin: 42px 210px 80px;
    padding: 24px 100px 21px;
  }
}
@media screen and (max-width: 1023px) {
  .p-contact__introduction-note {
    margin: 40px 0px;
    padding: 25px 20px 23px;
  }
}
@media screen and (min-width: 1024px) {
  .p-contact__introduction-note p {
    margin-bottom: 1px;
  }
}
.p-contact__introduction-anchor {
  cursor: pointer;
  display: inline-block;
}
.p-contact__introduction-anchor:hover a {
  color: #09ED00 !important;
}
.p-contact__introduction-anchor a {
  display: inline-block;
}
@media screen and (min-width: 1024px) {
  .p-contact__introduction-anchor {
    margin-top: 20px;
  }
}
@media screen and (max-width: 1023px) {
  .p-contact__introduction-anchor {
    padding-top: 14px;
  }
}
.p-contact__introduction-btn {
  display: flex;
  justify-content: center;
}
.p-contact__introduction-btn button {
  margin-top: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (min-width: 1024px) {
  .p-contact__introduction-btn button {
    width: 444px;
  }
}
@media screen and (max-width: 1023px) {
  .p-contact__introduction-btn button {
    height: 69px;
    line-height: 24px;
    gap: 8px;
  }
}
.p-contact__introduction-btn-text {
  display: block;
}
@media screen and (min-width: 1024px) {
  .p-contact__introduction-btn-icon {
    display: none;
  }
}
@media screen and (max-width: 1023px) {
  .p-contact__introduction-btn-icon {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
  }
}
@media screen and (max-width: 1023px) {
  .p-contact__introduction-btn-icon.reset {
    margin-right: 0px;
  }
}
@media screen and (min-width: 1024px) {
  .p-contact__introduction-question {
    margin-top: 80px;
  }
}
@media screen and (max-width: 1023px) {
  .p-contact__introduction-question {
    margin: 63px -20px 0px;
  }
}
.p-contact__introduction-question-items {
  display: flex;
  justify-content: center;
}
@media screen and (min-width: 1024px) {
  .p-contact__introduction-question-items {
    flex-wrap: nowrap;
    margin-top: 30px;
  }
}
@media screen and (max-width: 1023px) {
  .p-contact__introduction-question-items {
    flex-wrap: wrap;
    margin-top: 24px;
  }
}
.p-contact__introduction-question-item {
  border: 1px solid #000000;
  transition: background-color 0.3s ease-in-out;
}
.p-contact__introduction-question-item:hover {
  background-color: #D8D8D9;
}
.p-contact__introduction-question-item:hover svg path#cursor {
  fill: #D8D8D9 !important;
}
@media screen and (min-width: 1024px) {
  .p-contact__introduction-question-item {
    width: 213px;
    height: 213px;
  }
}
@media screen and (max-width: 1023px) {
  .p-contact__introduction-question-item {
    width: 45vw;
    height: calc(45vw + 3px);
  }
}
@media screen and (min-width: 1024px) {
  .p-contact__introduction-question-item:not(:first-child) {
    border-left: none;
    margin-left: 0px;
  }
}
@media screen and (max-width: 1023px) {
  .p-contact__introduction-question-item:nth-child(2n) {
    border-left: none;
    margin-left: -1px;
  }
  .p-contact__introduction-question-item:nth-child(n+3) {
    border-top: none;
    margin-top: -1px;
  }
}
.p-contact__introduction-question-item a {
  display: flex;
  width: 100%;
  height: 85%;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  margin: 23px auto;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .p-contact__introduction-question-item a {
    font-size: 1.125rem;
    line-height: 25px;
  }
}
@media screen and (min-width: 1024px) {
  .p-contact__introduction-question-item .c-link-anchor-black {
    margin-right: 10px;
  }
}
@media screen and (max-width: 1023px) {
  .p-contact__introduction-question-item .c-link-anchor-black {
    margin-right: 15px;
  }
}
.p-contact__introduction-question-item:hover .c-link-anchor-black::after {
  transform: translateY(-50%) scale(1.5);
}
.p-contact__introduction-question-item .c-link-anchor-black::after {
  transform: translateY(-50%) scale(1);
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transform-origin: left bottom;
}
.p-contact__introduction-question-item img {
  flex: 1;
  display: block;
  margin: auto;
  max-width: 50%;
  max-height: 50%;
  object-fit: contain;
}
.p-contact__introduction-question-item img[src*=contact_cart] {
  margin-left: 67px;
  margin-right: 56px;
}
.p-contact__introduction-question-item img[src*=contact_surprise] {
  width: 34.27%;
  height: 29.11%;
}
@media screen and (max-width: 1023px) {
  .p-contact__introduction-question-item .c-text--md {
    font-size: 1rem;
  }
}
.p-contact__introduction-question-item-text:hover {
  color: #000000;
}
.p-contact__introduction-question-item-icon--contact_pc {
  flex: 1;
  display: block;
  margin: auto;
  max-width: 50%;
  max-height: 50%;
}
.p-contact__introduction-question-item-icon--contact_pc svg {
  width: 100%;
  height: 100%;
  display: block;
}
.p-contact__introduction-question-item-icon--contact_pc svg path#cursor {
  transition: fill 0.3s ease-in-out;
}
@media screen and (min-width: 1024px) {
  .p-contact__introduction-question-item-icon--contact_pc {
    margin-left: 65px;
    margin-right: 50px;
  }
}
@media screen and (max-width: 1023px) {
  .p-contact__introduction-question-item-icon--contact_pc {
    margin-left: 15px;
    margin-right: 0px;
  }
}
@media screen and (min-width: 1024px) {
  .p-contact__input {
    margin-top: 76px;
  }
}
@media screen and (max-width: 1023px) {
  .p-contact__input {
    margin-top: 63px;
  }
}
.p-contact__input-title {
  padding-bottom: 40px;
  text-align: center;
}
@media screen and (max-width: 1023px) {
  .p-contact__input-title {
    border-bottom: 1px solid #808080;
    padding-bottom: 30px;
  }
}
.p-contact__input-title h3 {
  font-weight: 400;
}
@media screen and (min-width: 1024px) {
  .p-contact__input-title h3 {
    font-size: 1.25rem;
  }
}
.p-contact__input-content {
  border: 1px solid #808080;
}
@media screen and (min-width: 1024px) {
  .p-contact__input-content {
    margin-top: 33px;
  }
}
@media screen and (max-width: 1023px) {
  .p-contact__input-content {
    margin: 24px -10px 0px;
  }
}
.p-contact__input-content dl {
  text-align: left;
}
@media screen and (min-width: 1024px) {
  .p-contact__input-content dl {
    padding: 0px 81px 25px 81px;
  }
}
@media screen and (max-width: 1023px) {
  .p-contact__input-content dl {
    padding: 0px 19px 31px 19px;
  }
}
@media screen and (min-width: 1024px) {
  .p-contact__input-content dl:first-child {
    padding-top: 57px;
  }
}
@media screen and (max-width: 1023px) {
  .p-contact__input-content dl:first-child {
    padding-top: 34px;
  }
}
@media screen and (min-width: 1024px) {
  .p-contact__input-content dl:last-child {
    padding-bottom: 63px;
  }
}
@media screen and (max-width: 1023px) {
  .p-contact__input-content dl:last-child {
    padding-bottom: 33px;
  }
}
.p-contact__input-content dt {
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .p-contact__input-content dt {
    padding-bottom: 10px;
  }
}
@media screen and (max-width: 1023px) {
  .p-contact__input-content dt {
    padding-bottom: 5px;
  }
}
@media screen and (max-width: 1023px) {
  .p-contact__input-content dt span {
    font-size: 0.875rem;
    line-height: 21px;
  }
}
.p-contact__input-content dd {
  padding: 0;
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .p-contact__input-content dd p {
    margin-top: -2px;
    padding-bottom: 1px;
  }
}
@media screen and (max-width: 1023px) {
  .p-contact__input-content dd p {
    margin-top: -3px;
    font-size: 0.625rem;
  }
}
.p-contact__input-content dd input[type=text] {
  width: 100%;
  max-width: 612px;
}
.p-contact__input-content dd textarea {
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .p-contact__input-content dd textarea {
    padding-top: 12px;
    height: 236px;
  }
}
@media screen and (max-width: 1023px) {
  .p-contact__input-content dd textarea {
    padding-top: 11px;
    height: 234px;
  }
}
@media screen and (min-width: 1024px) {
  .p-contact__input-content dd:last-child {
    margin-top: 10px;
  }
}
@media screen and (max-width: 1023px) {
  .p-contact__input-content dd:last-child {
    margin-top: 8px;
  }
}
@media screen and (min-width: 1024px) {
  .p-contact__input dl.p-contact__input-shubetsu {
    padding-bottom: 17px;
  }
}
@media screen and (max-width: 1023px) {
  .p-contact__input dl.p-contact__input-shubetsu {
    padding-bottom: 27px;
  }
}
.p-contact__input dl.p-contact__input-shubetsu dd {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}
@media screen and (min-width: 1024px) {
  .p-contact__input dl.p-contact__input-shubetsu dd {
    height: 48px;
  }
}
@media screen and (max-width: 1023px) {
  .p-contact__input dl.p-contact__input-shubetsu dd {
    height: 38px;
    padding-left: 4px;
  }
}
@media screen and (min-width: 1024px) {
  .p-contact__input dl.p-contact__input-shubetsu dd input[type=radio] + label {
    margin: 0px 20px 0px 12px;
  }
}
@media screen and (max-width: 1023px) {
  .p-contact__input dl.p-contact__input-shubetsu dd input[type=radio] + label {
    margin: 0px 36px 0px 8px;
  }
}
.p-contact__input dl.p-contact__input-shubetsu dd:last-child {
  margin-top: 0px;
}
.p-contact__input-name dd {
  display: flex;
  flex-wrap: nowrap;
}
@media screen and (min-width: 1024px) {
  .p-contact__input-name dd {
    gap: 12px;
  }
}
@media screen and (max-width: 1023px) {
  .p-contact__input-name dd {
    gap: 7px;
  }
}
@media screen and (min-width: 1024px) {
  .p-contact__input-name dd input[type=text] {
    width: 49%;
    max-width: 300px;
  }
}
@media screen and (max-width: 1023px) {
  .p-contact__input-name dd input[type=text] {
    width: 49%;
  }
}
@media screen and (min-width: 1024px) {
  .p-contact__input-tel dd input[type=text] {
    max-width: 300px;
  }
}
@media screen and (min-width: 1024px) {
  .p-contact__input dl.p-contact__input-pref {
    padding-bottom: 29px;
  }
}
@media screen and (max-width: 1023px) {
  .p-contact__input dl.p-contact__input-pref dd {
    width: 200px;
  }
}
.p-contact__input dl.p-contact__input-area dt {
  padding-top: 4px;
}
.p-contact__input dl.p-contact__input-area dd {
  margin-top: 0px;
}
.p-contact__input dd.p-contact__input-dropdown {
  margin-top: 0px;
}
@media screen and (min-width: 1024px) {
  .p-contact__input dd.p-contact__input-dropdown {
    width: 300px;
  }
}
.p-contact__input-separator {
  background-color: #808080;
  height: 1px;
  margin: 30px 0px;
}
.p-contact__content {
  border: 1px solid #808080;
}
@media screen and (min-width: 1024px) {
  .p-contact__content {
    margin-top: 44px;
  }
}
@media screen and (max-width: 1023px) {
  .p-contact__content {
    margin: 32px -10px 0px -10px;
  }
}
.p-contact__content dl {
  text-align: left;
}
@media screen and (min-width: 1024px) {
  .p-contact__content dl {
    padding: 0px 81px 26px 81px;
  }
}
@media screen and (max-width: 1023px) {
  .p-contact__content dl {
    padding: 0px 19px 31px 19px;
  }
}
@media screen and (min-width: 1024px) {
  .p-contact__content dl:first-child {
    padding-top: 66px;
  }
}
@media screen and (max-width: 1023px) {
  .p-contact__content dl:first-child {
    padding-top: 35px;
  }
}
@media screen and (min-width: 1024px) {
  .p-contact__content dl:last-child {
    padding-bottom: 63px;
  }
}
@media screen and (max-width: 1023px) {
  .p-contact__content dl:last-child {
    padding-bottom: 57px;
  }
}
.p-contact__content dt {
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .p-contact__content dt {
    padding-bottom: 15px;
  }
}
@media screen and (max-width: 1023px) {
  .p-contact__content dt {
    padding-bottom: 10px;
  }
}
@media screen and (max-width: 1023px) {
  .p-contact__content dt span {
    font-size: 0.875rem;
    line-height: 21px;
  }
}
.p-contact__content dd {
  padding: 0;
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .p-contact__content dd {
    margin-top: -1px;
    padding-left: 20px;
  }
}
@media screen and (max-width: 1023px) {
  .p-contact__content dd {
    margin-top: -1px;
    padding-left: 8px;
  }
}
@media screen and (max-width: 1023px) {
  .p-contact__content dd span {
    font-size: 1rem;
    line-height: 24px;
  }
}
@media screen and (min-width: 1024px) {
  .p-contact__content dt.p-register__content-primary {
    padding-bottom: 16px;
  }
}
@media screen and (max-width: 1023px) {
  .p-contact__content dt.p-register__content-primary {
    padding-bottom: 12px;
  }
}
.p-contact__content dt.p-register__content-primary .p-register__content-wrapper {
  display: flex;
  align-items: center;
}
@media screen and (min-width: 1024px) {
  .p-contact__content dt.p-register__content-primary .p-register__content-wrapper span {
    line-height: 20px;
    /* c-primaryと同じ値でセンタリング */
  }
}
@media screen and (max-width: 1023px) {
  .p-contact__content dt.p-register__content-primary .p-register__content-wrapper span {
    line-height: 18px;
    /* c-primaryと同じ値でセンタリング */
  }
}
@media screen and (min-width: 1024px) {
  .p-contact__content dt.p-register__content-primary .p-register__content-wrapper .c-primary {
    line-height: 20px;
    /* spanと同じ値 */
  }
}
@media screen and (max-width: 1023px) {
  .p-contact__content dt.p-register__content-primary .p-register__content-wrapper .c-primary {
    line-height: 18px;
    /* spanと同じ値 */
  }
}
@supports (-webkit-touch-callout: none) {
  @media screen and (max-width: 1023px) {
    .p-contact__content dt.p-register__content-primary .p-register__content-wrapper .c-primary {
      line-height: 18px !important;
      display: block !important;
      text-align: center !important;
    }
  }
}
.p-contact__content .c-text--sm {
  color: #808080;
}
@media screen and (max-width: 1023px) {
  .p-contact__content .c-text--sm {
    padding-left: 0px;
    text-indent: 0px;
  }
}
@media screen and (min-width: 1024px) {
  .p-contact__message {
    padding-top: 2px;
  }
}
@media screen and (min-width: 1024px) {
  .p-contact__message-info p {
    font-size: 1.125rem;
    line-height: 1.5;
  }
}
@media screen and (min-width: 1024px) {
  .p-contact__message-info p:last-child {
    margin-top: 3px;
  }
}
@media screen and (max-width: 1023px) {
  .p-contact__message-info p:last-child {
    margin-top: -1px;
  }
}
.p-contact__message-note {
  background-color: #f2f2f2;
  margin: 50px 210px 80px;
  padding: 28px 100px 21px;
}
@media screen and (max-width: 1023px) {
  .p-contact__message-note {
    margin: 17px 0px 56px;
    padding: 27px 20px 23px;
  }
}
.p-contact__message-note p {
  line-height: 1.65;
}
.p-contact__message-note p:last-child {
  margin-top: -1px;
}
@media screen and (max-width: 1023px) {
  .p-contact__message-note p:last-child {
    margin-top: -6px;
  }
}
.p-contact__footer {
  text-align: center;
}
.p-contact__footer-top, .p-contact__footer-send, .p-contact__footer-back {
  display: flex;
}
.p-contact__footer-top button, .p-contact__footer-send button, .p-contact__footer-back button {
  margin-top: 0px;
}
@media screen and (min-width: 1024px) {
  .p-contact__footer-top button, .p-contact__footer-send button, .p-contact__footer-back button {
    padding-top: 15px;
  }
}
@media screen and (min-width: 1024px) {
  .p-contact__footer-submit {
    padding-top: 15px;
    margin-top: 50px;
    margin-bottom: 120px;
  }
}
@media screen and (max-width: 1023px) {
  .p-contact__footer-submit {
    margin-top: 65px;
    margin-bottom: 59px;
  }
}
@media screen and (min-width: 1024px) {
  .p-contact__footer-submit button {
    width: 284px;
  }
}
@media screen and (min-width: 1024px) {
  .p-contact__footer-top {
    margin-bottom: 120px;
  }
}
@media screen and (max-width: 1023px) {
  .p-contact__footer-top {
    margin-top: 78px;
    margin-bottom: 64px;
  }
}
@media screen and (min-width: 1024px) {
  .p-contact__footer-top button {
    width: 218px;
  }
}
@media screen and (min-width: 1024px) {
  .p-contact__footer-send {
    margin-top: 50px;
  }
}
@media screen and (max-width: 1023px) {
  .p-contact__footer-send {
    margin-top: 64px;
  }
}
@media screen and (min-width: 1024px) {
  .p-contact__footer-send button {
    width: 284px;
  }
}
@media screen and (min-width: 1024px) {
  .p-contact__footer-back button {
    width: 284px;
    padding-top: 14px;
    margin-top: 25px;
  }
}
@media screen and (max-width: 1023px) {
  .p-contact__footer-back button {
    width: 254px;
    padding-top: 15px;
    margin-top: 16px;
  }
}
.p-contact__corporate--hidden {
  display: none;
}
.p-contact .c-input-form {
  text-align: left;
}
@media screen and (max-width: 1023px) {
  .p-contact .c-input-form__item:has(label[for=prefectures]) .c-custom-dropdown {
    width: 180px;
  }
}

@media screen and (min-width: 1024px) {
  .p-shop {
    max-width: 1236px;
    padding: 0px 40px;
    margin-bottom: -6px;
  }
}
@media screen and (max-width: 1023px) {
  .p-shop {
    margin-bottom: -28px;
  }
}
.p-shop__header {
  text-align: left;
}
.p-shop__header-title {
  display: block;
  font-weight: 400;
  margin-top: 0px;
}
@media screen and (min-width: 1024px) {
  .p-shop__header-title {
    padding: 83px 0px 11px;
  }
}
@media screen and (max-width: 1023px) {
  .p-shop__header-title {
    padding: 40px 0px 12px;
    font-size: 1.5rem;
  }
}
.p-shop__container {
  margin: 0px auto;
}
@media screen and (min-width: 1024px) {
  .p-shop__message {
    padding-bottom: 75px;
    line-height: 1.75;
  }
}
@media screen and (max-width: 1023px) {
  .p-shop__message {
    padding-bottom: 79px;
  }
}
.p-shop__content ul {
  display: flex;
}
@media screen and (min-width: 1024px) {
  .p-shop__content ul {
    flex-wrap: wrap;
    gap: 55px 25px;
    margin: 0 -0.5px;
  }
}
@media screen and (max-width: 1023px) {
  .p-shop__content ul {
    flex-wrap: nowrap;
    flex-direction: column;
    align-items: center;
  }
}
.p-shop__content-item {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 1024px) {
  .p-shop__content-item {
    width: calc(50% - 13px);
    gap: 13px 0px;
  }
}
@media screen and (max-width: 1023px) {
  .p-shop__content-item {
    width: 100%;
    text-align: left;
    gap: 6px 0px;
    padding-bottom: 19px;
  }
}
.p-shop__content-item img {
  width: 100%;
  aspect-ratio: 4/3;
  object-fit: cover;
}
@media screen and (min-width: 1024px) {
  .p-shop__content-item p {
    margin: auto;
  }
}
@media screen and (max-width: 1023px) {
  .p-shop__content-item p {
    text-align: left;
    margin-bottom: -2px;
  }
}

@media screen and (min-width: 1024px) {
  .p-mypage .p-mypage__wrapper {
    min-width: 1156px;
    margin: 0 40px;
  }
}
@media screen and (max-width: 1023px) {
  .p-mypage .p-mypage__wrapper {
    max-width: 100vw;
    margin: 0 auto;
  }
}
@media screen and (max-width: 1023px) {
  .p-mypage {
    min-height: 544px;
  }
}
.p-mypage__header, .p-mypage__header-customer, .p-mypage__header-withdraw {
  text-align: center;
}
.p-mypage__header-title, .p-mypage__header-customer-title, .p-mypage__header-withdraw-title {
  display: block;
  font-weight: bold;
  margin-top: 0px;
}
.p-mypage__container, .p-mypage__container-customer, .p-mypage__container-withdraw {
  margin: 0px auto;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .p-mypage__container, .p-mypage__container-customer, .p-mypage__container-withdraw {
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 1023px) {
  .p-mypage__container, .p-mypage__container-customer, .p-mypage__container-withdraw {
    margin-bottom: 64px;
  }
}
.p-mypage__container-info, .p-mypage__container-customer-info, .p-mypage__container-withdraw-info {
  text-align: left;
}
@media screen and (min-width: 1024px) {
  .p-mypage__container-info, .p-mypage__container-customer-info, .p-mypage__container-withdraw-info {
    margin-bottom: 31px;
    margin-top: 20px;
  }
}
@media screen and (max-width: 1023px) {
  .p-mypage__container-info, .p-mypage__container-customer-info, .p-mypage__container-withdraw-info {
    margin-top: 30px;
    margin-bottom: 31px;
  }
}
@media screen and (max-width: 1023px) {
  .p-mypage__container-info span, .p-mypage__container-customer-info span, .p-mypage__container-withdraw-info span {
    font-size: 1rem;
    line-height: 1.75;
  }
}
.p-mypage__container-info .bold, .p-mypage__container-customer-info .bold, .p-mypage__container-withdraw-info .bold {
  font-weight: 600;
}
.p-mypage__container-new, .p-mypage__container-customer-new, .p-mypage__container-withdraw-new {
  width: 100%;
  display: inline-block;
  margin-bottom: 18px;
}
.p-mypage__container-new button, .p-mypage__container-customer-new button, .p-mypage__container-withdraw-new button {
  position: relative;
  float: left;
  margin-top: 0px;
  transition: all 0.5s ease-in-out;
}
.p-mypage__container-new button::before, .p-mypage__container-customer-new button::before, .p-mypage__container-withdraw-new button::before {
  content: "";
  position: absolute;
  display: block;
  top: 28%;
  left: 15px;
  width: 20px;
  height: 20px;
  background-color: #fff;
  -webkit-mask-image: url("/assets/img/common/icon-plus-lg-pc.svg");
          mask-image: url("/assets/img/common/icon-plus-lg-pc.svg");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  transition: background-color 0.3s ease-in-out;
}
.p-mypage__container-new button:hover::before, .p-mypage__container-customer-new button:hover::before, .p-mypage__container-withdraw-new button:hover::before {
  background-color: #808080;
  transition: background-color 0.3s ease-in-out;
}
@media screen and (min-width: 1024px) {
  .p-mypage__container-new button, .p-mypage__container-customer-new button, .p-mypage__container-withdraw-new button {
    width: 230px;
    max-height: 46px;
    padding: 0px 15px 0 40px;
  }
}
@media screen and (max-width: 1023px) {
  .p-mypage__container-new button, .p-mypage__container-customer-new button, .p-mypage__container-withdraw-new button {
    width: 196px;
    padding-left: 44px;
    text-align: start;
  }
  .p-mypage__container-new button::before, .p-mypage__container-customer-new button::before, .p-mypage__container-withdraw-new button::before {
    content: "";
    position: absolute;
    display: block;
    top: 30%;
    left: 22px;
    width: 12px;
    height: 12px;
    background-color: #fff;
    -webkit-mask-image: url("/assets/img/common/icon-plus-md-sp.svg");
            mask-image: url("/assets/img/common/icon-plus-md-sp.svg");
    -webkit-mask-size: contain;
            mask-size: contain;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: center;
            mask-position: center;
  }
}
@media screen and (max-width: 1023px) {
  .p-mypage__container-list, .p-mypage__container-customer-list, .p-mypage__container-withdraw-list {
    margin: 0 -20px;
  }
}
.p-mypage__container-list dl, .p-mypage__container-customer-list dl, .p-mypage__container-withdraw-list dl {
  display: flex;
  border: 1px solid #D8D8D9;
  margin-bottom: -1px;
  flex-wrap: wrap;
  position: relative;
}
@media screen and (min-width: 1024px) {
  .p-mypage__container-list dl, .p-mypage__container-customer-list dl, .p-mypage__container-withdraw-list dl {
    flex-wrap: nowrap;
  }
}
@media screen and (max-width: 1023px) {
  .p-mypage__container-list dl, .p-mypage__container-customer-list dl, .p-mypage__container-withdraw-list dl {
    border-left: none;
    border-right: none;
    padding: 0 20px;
  }
}
.p-mypage__container-list dt, .p-mypage__container-customer-list dt, .p-mypage__container-withdraw-list dt {
  padding: 0;
}
.p-mypage__container-list dt a, .p-mypage__container-customer-list dt a, .p-mypage__container-withdraw-list dt a {
  display: inline-block;
  text-decoration: underline;
  text-underline-offset: 3px;
  cursor: pointer;
}
.p-mypage__container-list dt a:hover, .p-mypage__container-customer-list dt a:hover, .p-mypage__container-withdraw-list dt a:hover {
  color: #808080;
}
@media screen and (max-width: 1023px) {
  .p-mypage__container-list dt a, .p-mypage__container-customer-list dt a, .p-mypage__container-withdraw-list dt a {
    margin-top: 13px;
  }
}
@media screen and (max-width: 1023px) {
  .p-mypage__container-list dt, .p-mypage__container-customer-list dt, .p-mypage__container-withdraw-list dt {
    position: absolute;
    right: 20px;
  }
}
@media screen and (min-width: 1024px) {
  .p-mypage__container-list dt, .p-mypage__container-customer-list dt, .p-mypage__container-withdraw-list dt {
    width: 4em;
    text-align: center;
    margin: auto;
  }
}
.p-mypage__container-list dd, .p-mypage__container-customer-list dd, .p-mypage__container-withdraw-list dd {
  padding: 0;
  width: 100%;
  display: inline-flex;
  text-align: left;
}
@media screen and (min-width: 1024px) {
  .p-mypage__container-list dd, .p-mypage__container-customer-list dd, .p-mypage__container-withdraw-list dd {
    border-left: 1px solid #D8D8D9;
    padding: 17px 0 14px 24px;
  }
}
@media screen and (max-width: 1023px) {
  .p-mypage__container-list dd, .p-mypage__container-customer-list dd, .p-mypage__container-withdraw-list dd {
    padding: 16px 0 9px 12px;
  }
}
.p-mypage__container-list-record, .p-mypage__container-customer-list-record, .p-mypage__container-withdraw-list-record {
  display: grid;
  width: 100%;
}
@media screen and (max-width: 1023px) {
  .p-mypage__container-list-record, .p-mypage__container-customer-list-record, .p-mypage__container-withdraw-list-record {
    gap: 5px;
  }
}
@media screen and (max-width: 1023px) {
  .p-mypage__container-list-record span, .p-mypage__container-customer-list-record span, .p-mypage__container-withdraw-list-record span {
    line-height: 14px;
  }
}
.p-mypage__container-list-action, .p-mypage__container-customer-list-action, .p-mypage__container-withdraw-list-action {
  width: 8.5em;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .p-mypage__container-list-action, .p-mypage__container-customer-list-action, .p-mypage__container-withdraw-list-action {
    margin: auto;
  }
}
@media screen and (max-width: 1023px) {
  .p-mypage__container-list-action, .p-mypage__container-customer-list-action, .p-mypage__container-withdraw-list-action {
    width: auto;
    min-width: 84px;
    line-height: 14px;
    margin-top: 50px;
  }
}
.p-mypage__container-list-action button, .p-mypage__container-customer-list-action button, .p-mypage__container-withdraw-list-action button {
  font-size: 0.875rem;
  padding: 0px 12px 0px 12px;
}
@media screen and (max-width: 1023px) {
  .p-mypage__container-list-action button, .p-mypage__container-customer-list-action button, .p-mypage__container-withdraw-list-action button {
    padding: 0px 18px 0px;
    font-size: 0.75rem;
  }
}
.p-mypage__container-list-action-btn, .p-mypage__container-customer-list-action-btn, .p-mypage__container-withdraw-list-action-btn {
  width: 84px;
  height: 24px;
  margin: 0 auto;
}
@media screen and (max-width: 1023px) {
  .p-mypage__container-list-action-btn, .p-mypage__container-customer-list-action-btn, .p-mypage__container-withdraw-list-action-btn {
    width: 84px;
    height: 32px;
  }
}
@media screen and (min-width: 1024px) {
  .p-mypage__container.--compact {
    margin-top: 20px;
    margin-bottom: 44px;
  }
}
@media screen and (max-width: 1023px) {
  .p-mypage__container.--compact {
    margin-top: 40px;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 1023px) {
  .p-mypage__container.--compact > p {
    font-size: 1rem;
    line-height: 1.75;
  }
}
@media screen and (min-width: 1024px) {
  .p-mypage__container-customer.--compact {
    margin-top: 20px;
    margin-bottom: 19px;
  }
}
@media screen and (max-width: 1023px) {
  .p-mypage__container-customer.--compact {
    margin-top: 40px;
    margin-bottom: 24px;
  }
}
@media screen and (max-width: 1023px) {
  .p-mypage__container-customer.--compact > p {
    font-size: 1rem;
    line-height: 1.75;
  }
}
@media screen and (max-width: 1023px) {
  .p-mypage__container-withdraw > p {
    font-size: 1rem;
    line-height: 1.7;
  }
}
@media screen and (min-width: 1024px) {
  .p-mypage__container-withdraw > p:last-child {
    margin-top: -4px;
  }
}
@media screen and (min-width: 1024px) {
  .p-mypage__container-withdraw-exclamation {
    padding: 17px 0px 49px;
  }
}
@media screen and (max-width: 1023px) {
  .p-mypage__container-withdraw-exclamation {
    padding: 40px 0px 30px;
  }
}
.p-mypage__container-withdraw-exclamation img {
  display: flex;
  margin: 0px auto;
}
@media screen and (min-width: 1024px) {
  .p-mypage__container-withdraw-exclamation img {
    width: 100px;
    height: 100px;
  }
}
@media screen and (max-width: 1023px) {
  .p-mypage__container-withdraw-exclamation img {
    width: 80px;
    height: 80px;
  }
}
.p-mypage__container-withdraw-exclamation p {
  color: #FF5655;
  margin-top: 17px;
}
@media screen and (min-width: 1024px) {
  .p-mypage__container-withdraw-exclamation p {
    font-size: 1.125rem;
    line-height: 1.5;
    margin-top: 25px;
  }
}
@media screen and (min-width: 1024px) {
  .p-mypage__container-withdraw.--compact {
    margin-top: 24px;
    margin-bottom: 44px;
  }
}
@media screen and (max-width: 1023px) {
  .p-mypage__container-withdraw.--compact {
    margin-top: 30px;
    margin-bottom: 46px;
  }
}
@media screen and (max-width: 1023px) {
  .p-mypage__container-withdraw.--compact > p {
    font-size: 1rem;
    line-height: 1.75;
  }
}
@media screen and (max-width: 1023px) {
  .p-mypage__container-withdraw.--compact > p:last-child {
    margin-top: -1px;
  }
}
.p-mypage__footer, .p-mypage__footer-customer, .p-mypage__footer-withdraw {
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .p-mypage__footer, .p-mypage__footer-customer, .p-mypage__footer-withdraw {
    margin-bottom: 303px;
  }
}
@media screen and (max-width: 1023px) {
  .p-mypage__footer, .p-mypage__footer-customer, .p-mypage__footer-withdraw {
    margin-bottom: 64px;
  }
}
@media screen and (min-width: 1024px) {
  .p-mypage__footer.margin-120, .p-mypage__footer-customer.margin-120, .p-mypage__footer-withdraw.margin-120 {
    margin-bottom: 120px !important;
  }
}
.p-mypage__footer-top, .p-mypage__footer-customer-top, .p-mypage__footer-withdraw-top {
  display: flex;
}
.p-mypage__footer-top button, .p-mypage__footer-customer-top button, .p-mypage__footer-withdraw-top button {
  margin-top: 0px;
}
@media screen and (min-width: 1024px) {
  .p-mypage__footer-top button, .p-mypage__footer-customer-top button, .p-mypage__footer-withdraw-top button {
    padding-top: 15px;
  }
}
.p-mypage__footer-top button:hover, .p-mypage__footer-customer-top button:hover, .p-mypage__footer-withdraw-top button:hover {
  color: #000;
  background-color: #D8D8D9;
  border: 1px solid #D8D8D9;
  transition: background-color 0.3s ease-in-out;
}
.p-mypage__footer-submit, .p-mypage__footer-customer-submit, .p-mypage__footer-withdraw-submit {
  display: flex;
}
.p-mypage__footer-submit button, .p-mypage__footer-customer-submit button, .p-mypage__footer-withdraw-submit button {
  margin-top: 0px;
}
@media screen and (min-width: 1024px) {
  .p-mypage__footer-submit button, .p-mypage__footer-customer-submit button, .p-mypage__footer-withdraw-submit button {
    padding-top: 15px;
  }
}
.p-mypage__footer-address button {
  width: 256px;
  height: 46px;
}
@media screen and (min-width: 1024px) {
  .p-mypage__footer-address button {
    width: 254px;
    height: 48px;
  }
}
@media screen and (min-width: 1024px) {
  .p-mypage__footer-cancel button {
    width: 256px;
  }
}
@media screen and (min-width: 1024px) {
  .p-mypage__footer-customer-top button {
    width: 256px;
  }
}
@media screen and (min-width: 1024px) {
  .p-mypage__footer-withdraw-submit button, .p-mypage__footer-withdraw-cancel button {
    width: 236px;
  }
}
@media screen and (min-width: 1024px) {
  .p-mypage__footer-withdraw-top button {
    width: 178px;
  }
}
.p-mypage .--confirm {
  display: flex;
  justify-content: center;
}
@media screen and (min-width: 1024px) {
  .p-mypage .--confirm {
    flex-direction: row;
    gap: 30px;
    margin-bottom: 275px !important;
  }
}
@media screen and (max-width: 1023px) {
  .p-mypage .--confirm {
    flex-direction: column-reverse;
    gap: 16px;
  }
}
.p-mypage .--inline {
  display: flex;
  justify-content: center;
}
@media screen and (min-width: 1024px) {
  .p-mypage .--inline {
    flex-direction: row;
    gap: 30px;
    margin-bottom: 125px !important;
  }
}
@media screen and (max-width: 1023px) {
  .p-mypage .--inline {
    flex-direction: column-reverse;
    gap: 16px;
  }
}
.p-mypage__newsletter-option {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
}
@media screen and (min-width: 1024px) {
  .p-mypage__newsletter-option {
    margin: 34px 0 14px 0;
  }
}
@media screen and (max-width: 1023px) {
  .p-mypage__newsletter-option {
    margin: 36px 0 16px 0;
  }
}
@media screen and (max-width: 1023px) {
  .p-mypage__newsletter-option .c-text {
    font-size: 1rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-mypage__container-withdraw.--compact .c-text.supplement {
    font-size: 0.875rem !important;
    line-height: 1.5;
  }
}
@media screen and (min-width: 1024px) {
  .p-mypage__container-withdraw.--compact .c-text.supplement {
    font-size: 0.875rem;
  }
}

/*
TODO:
.p-mypageが他で使われているため.p-mypage-userを作成している。
今後.p-mypageを置き換える必要がある？
*/
@media screen and (min-width: 1024px) {
  .p-mypage-user__wrapper {
    max-width: 1156px;
    margin: 0 auto;
  }
}
.p-mypage-user__header {
  text-align: left;
}
@media screen and (max-width: 1023px) {
  .p-mypage-user__header {
    max-width: 100%;
    padding-top: 24px;
  }
}
.p-mypage-user__header-group {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 16px;
}
@media screen and (max-width: 1023px) {
  .p-mypage-user__header-group {
    flex-direction: column-reverse;
    align-items: flex-start;
    gap: 24px;
  }
}
.p-mypage-user__header-left-group {
  display: flex;
  align-items: flex-end;
  gap: 16px;
  flex: 1;
}
@media screen and (max-width: 1023px) {
  .p-mypage-user__header-left-group {
    flex-direction: column;
    align-items: flex-start;
    gap: 0px;
    width: 100%;
  }
}
@media screen and (max-width: 1023px) {
  .p-mypage-user__header-left-group h1 {
    font-size: 1.5rem;
    font-weight: 500;
    text-wrap: nowrap;
    padding-top: 0px;
  }
}
.p-mypage-user__header-title {
  display: block;
  margin: 0;
}
@media screen and (max-width: 1023px) {
  .p-mypage-user__header-title {
    width: 100%;
    word-break: break-word;
    line-height: 1.3;
  }
}
.p-mypage-user__header-premium-text {
  font-size: 0.875rem;
  color: #808080;
}
@media screen and (max-width: 1023px) {
  .p-mypage-user__header-premium-text {
    width: 100%;
  }
}
.p-mypage-user__header-logout {
  font-size: 0.875rem;
  margin-left: auto;
}
@media screen and (max-width: 1023px) {
  .p-mypage-user__header-logout {
    margin-left: auto;
    text-align: right;
    width: 100%;
  }
}
.p-mypage-user__header a {
  text-decoration: underline;
  text-underline-offset: 3px;
}
.p-mypage-user__header a:hover {
  color: #808080;
}
@media screen and (max-width: 1023px) {
  .p-mypage-user__header-job {
    display: none;
  }
}
.p-mypage-user__container {
  text-align: center;
  margin-bottom: 120px;
}
@media screen and (max-width: 1023px) {
  .p-mypage-user__container {
    max-width: 100%;
    margin-bottom: 64px;
  }
}
.p-mypage-user__container-hr {
  border: none;
  height: 1px;
  background-color: #e2e2e2;
  margin: 60px 0;
}
@media screen and (max-width: 1023px) {
  .p-mypage-user__container-hr {
    margin: 40px 0;
  }
}
.p-mypage-user__creative-category {
  margin-top: 60px;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 16px;
}
@media screen and (max-width: 1023px) {
  .p-mypage-user__creative-category {
    margin-top: 40px;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    position: relative;
  }
}
.p-mypage-user__creative-category-left-group {
  display: flex;
  align-items: flex-end;
  gap: 16px;
  flex: 1;
}
@media screen and (max-width: 1023px) {
  .p-mypage-user__creative-category-left-group {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    width: 100%;
    padding-right: 120px;
  }
}
.p-mypage-user__creative-category-title {
  color: #808080;
  display: block;
  margin: 0;
}
.p-mypage-user__creative-category-name {
  display: block;
  margin: 0;
}
.p-mypage-user__creative-category button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  font-size: 0.75rem;
  height: 30px;
  width: 96px;
  padding: 0 12px;
  line-height: 1;
  background-color: #ffffff;
  color: #000000;
  border: 1px solid #000000;
  transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
}
@media screen and (max-width: 1023px) {
  .p-mypage-user__creative-category button {
    position: absolute;
    top: 20%;
    right: 0;
    transform: translateY(-50%);
    width: 84px;
    height: 32px;
    padding: 0;
  }
}
.p-mypage-user__creative-category button:hover {
  background-color: #D8D8D9;
  border: 1px solid #D8D8D9;
  transition: all 0.3s ease-in-out;
}
.p-mypage-user__menu-grid {
  display: grid;
  grid-template-columns: repeat(3, 304px);
  grid-template-rows: repeat(2, 92px);
  gap: 20px;
  justify-content: center;
  margin: 0 auto;
}
@media screen and (max-width: 1023px) {
  .p-mypage-user__menu-grid {
    grid-template-columns: repeat(2, 159px);
    grid-template-rows: repeat(3, 80px);
    gap: 15px;
    max-width: 100%;
    padding: 0 20px;
  }
}
.p-mypage-user__menu-item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 304px;
  height: 92px;
  padding: 0px;
  background-color: #ffffff;
  border: 1px solid #6a6a6a;
  text-decoration: none;
  color: #000000;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  box-sizing: border-box;
}
@media screen and (max-width: 1023px) {
  .p-mypage-user__menu-item {
    width: 159px;
    height: 80px;
  }
}
.p-mypage-user__menu-item:hover {
  color: rgba(0, 0, 0, 0.5);
}
.p-mypage-user__menu-item-text {
  text-align: center;
}
@media screen and (max-width: 1023px) {
  .p-mypage-user__menu-item-text {
    font-size: 0.875rem;
  }
}
.p-mypage-user__menu-item-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}
.p-mypage-user__menu-item-icon img {
  width: 24px;
  height: 24px;
  opacity: 0.7;
  transition: opacity 0.3s ease-in-out, transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transform: scale(0.5) translate(0, 0);
}
.p-mypage-user__menu-item:hover .p-mypage-user__menu-item-icon img {
  opacity: 1;
  transform: scale(0.7) translate(20%, -20%);
}

.p-mypage-favorite__wrapper {
  max-width: 1156px;
  margin: 0 40px;
}
.p-mypage-favorite__header {
  text-align: left;
}
@media screen and (max-width: 1023px) {
  .p-mypage-favorite__header-title {
    font-size: 1.5rem;
    font-weight: 500;
  }
}
.p-mypage-favorite__container {
  margin: 26px auto 0px;
  text-align: left;
}
@media screen and (max-width: 1023px) {
  .p-mypage-favorite__container {
    margin-top: 11px;
  }
}
@media screen and (max-width: 1023px) {
  .p-mypage-favorite__summary {
    font-size: 0.875rem;
  }
}
.p-mypage-favorite__list {
  margin-top: 35px;
}
@media screen and (max-width: 1023px) {
  .p-mypage-favorite__list {
    margin-top: 30px;
  }
}
.p-mypage-favorite__list-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  -moz-column-gap: 24px;
       column-gap: 24px;
  row-gap: 80px;
}
@media screen and (max-width: 1023px) {
  .p-mypage-favorite__list-grid {
    grid-template-columns: repeat(2, 1fr);
    -moz-column-gap: 19px;
         column-gap: 19px;
    row-gap: 40px;
  }
}
.p-mypage-favorite__list-item {
  position: relative;
  transition: all 0.3s ease;
}
.p-mypage-favorite__list-item:hover .p-mypage-favorite__list-item-img img {
  transform: scale(1.05);
  opacity: 0.6;
  transition: all 0.3s ease;
}
.p-mypage-favorite__list-item:hover .p-mypage-favorite__list-item-title {
  opacity: 0.6;
  transition: all 0.3s ease;
}
@media screen and (max-width: 1023px) {
  .p-mypage-favorite__list-item {
    width: 158px;
  }
  .p-mypage-favorite__list-item:hover .p-mypage-favorite__list-item-img img {
    transform: none;
    opacity: 1;
  }
  .p-mypage-favorite__list-item:hover .p-mypage-favorite__list-item-title {
    opacity: 1;
  }
}
.p-mypage-favorite__list-item-img-link {
  display: inline-block;
  text-decoration: none;
  color: inherit;
}
.p-mypage-favorite__list-item-img-link:hover {
  color: inherit;
}
.p-mypage-favorite__list-item-title-link {
  display: inline-block;
  text-decoration: none;
  color: inherit;
}
.p-mypage-favorite__list-item-title-link:hover {
  color: inherit;
}
.p-mypage-favorite__list-item-img {
  position: relative;
  width: 100%;
  max-width: 270px;
  aspect-ratio: 1;
  overflow: hidden;
}
@media screen and (max-width: 1023px) {
  .p-mypage-favorite__list-item-img {
    width: 100%;
    max-width: 158px;
    aspect-ratio: 1;
  }
}
.p-mypage-favorite__list-item-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
  transition: all 0.3s ease;
}
.p-mypage-favorite__list-item-icon {
  width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.p-mypage-favorite__list-item-icon img {
  width: 18px;
  height: 18px;
}
.p-mypage-favorite__list-item-icon-link {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 2;
  text-decoration: none;
}
@media screen and (max-width: 1023px) {
  .p-mypage-favorite__list-item-icon-link {
    top: 6px;
    right: 6px;
  }
}
.p-mypage-favorite__list-item-title {
  margin-top: 15px;
  font-size: 1.125rem;
  font-weight: 500;
  text-align: left;
  width: 100%;
  word-break: break-word;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media screen and (max-width: 1023px) {
  .p-mypage-favorite__list-item-title {
    width: 100%;
    font-size: 0.875rem;
    margin-top: 12px;
  }
}

@media screen and (min-width: 1024px) {
  .p-addressee-change-confirm__wrapper {
    min-width: 1156px;
    margin: 0 40px;
  }
}
@media screen and (max-width: 1023px) {
  .p-addressee-change-confirm {
    max-width: 94.7vw;
    margin: 0 auto;
  }
}

@media screen and (min-width: 1024px) {
  .p-addressee-change .p-addressee-change__wrapper {
    min-width: 1156px;
    margin: 0 40px;
  }
}
@media screen and (max-width: 1023px) {
  .p-addressee-change .p-addressee-change__wrapper {
    max-width: 94.7vw;
    margin: 0 auto;
  }
}
.p-addressee-change__container {
  max-width: 1150px;
  width: 100%;
  padding: 49px 90px;
}
@media screen and (max-width: 1023px) {
  .p-addressee-change__container {
    padding: 0px 20px 32px 20px;
  }
}
.p-addressee-change__header {
  text-align: center;
}
@media screen and (max-width: 1023px) {
  .p-addressee-change__header {
    padding: 37px 0px 37px 0px;
  }
}
.p-addressee-change__info {
  margin: 0px;
}
@media screen and (max-width: 1023px) {
  .p-addressee-change .c-confirm__footer {
    padding-bottom: 0px;
  }
}
@media screen and (min-width: 1024px) {
  .p-addressee-change .c-primary {
    line-height: 20px; /* heightと同じ値でセンタリング */
    margin-bottom: 0px;
  }
}
@media screen and (max-width: 1023px) {
  .p-addressee-change .c-primary {
    line-height: 18px; /* heightと同じ値でセンタリング */
  }
}
@supports (-webkit-touch-callout: none) {
  @media screen and (max-width: 1023px) {
    .p-addressee-change .c-primary {
      line-height: 18px !important;
      display: block !important;
      text-align: center !important;
    }
  }
}

@media screen and (min-width: 1024px) {
  .p-addressee-create-confirm .c-title--pd80 {
    min-width: 1156px;
  }
}
@media screen and (min-width: 1200px) {
  .p-addressee-create-confirm .c-title--pd80 {
    min-width: 1156px;
  }
}
@media screen and (min-width: 1024px) {
  .p-addressee-create-confirm .c-confirm__footer {
    min-width: 1156px;
  }
}
@media screen and (min-width: 1200px) {
  .p-addressee-create-confirm .c-confirm__footer {
    min-width: 1156px;
  }
}

@media screen and (min-width: 1024px) {
  .p-addressee-create-confirm__wrapper {
    min-width: 1156px;
    margin: 0 40px;
  }
}
@media screen and (max-width: 1023px) {
  .p-addressee-create-confirm__wrapper {
    max-width: 94.7vw;
  }
}

.p-addressee-create__container {
  max-width: 1150px;
  width: 100%;
  padding: 49px 90px;
}
@media screen and (max-width: 1023px) {
  .p-addressee-create__container {
    padding: 0px 20px 32px 20px;
  }
}
.p-addressee-create__header {
  text-align: center;
}
@media screen and (max-width: 1023px) {
  .p-addressee-create__header {
    padding: 37px 0px 37px 0px;
  }
}
@media screen and (max-width: 1023px) {
  .p-addressee-create .c-confirm__footer {
    padding-bottom: 0px;
  }
}
@media screen and (min-width: 1024px) {
  .p-addressee-create .c-primary {
    line-height: 20px; /* heightと同じ値でセンタリング */
    margin-bottom: 0px;
  }
}
@media screen and (max-width: 1023px) {
  .p-addressee-create .c-primary {
    line-height: 18px; /* heightと同じ値でセンタリング */
  }
}

@media screen and (min-width: 1024px) {
  .p-addressee-create__wrapper {
    min-width: 1156px;
    margin: 0 40px;
  }
}
@media screen and (max-width: 1023px) {
  .p-addressee-create__wrapper {
    max-width: 94.7vw;
    margin: 0 auto;
  }
}

@media screen and (min-width: 1024px) {
  .p-channge-account-form__wrapper {
    min-width: 1156px;
    margin: 0 40px;
  }
}
@media screen and (max-width: 1023px) {
  .p-channge-account-form__wrapper {
    max-width: 94.7vw;
    margin: 0 auto;
  }
}
@media screen and (max-width: 1023px) {
  .p-channge-account-form__wrapper .c-input-form__address {
    flex-wrap: wrap;
    flex-direction: column;
    margin-bottom: 16px;
  }
}
@media screen and (max-width: 1023px) {
  .p-channge-account-form__wrapper .c-input-form__address-postalcode {
    flex-wrap: wrap;
    margin-top: 19px;
    margin-bottom: 16px;
  }
}

.p-channge-account-form__header {
  display: flex;
  position: relative;
  text-align: center;
  justify-content: center;
}
@media screen and (max-width: 1023px) {
  .p-channge-account-form__header {
    justify-content: center;
  }
}
.p-channge-account-form__delete {
  font-size: 0.75rem;
  margin-top: 7px;
  text-decoration: underline;
  text-underline-offset: 3px;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(110%);
  cursor: pointer;
}
.p-channge-account-form__delete:hover {
  text-decoration: underline !important;
}
@media screen and (max-width: 1023px) {
  .p-channge-account-form__delete {
    display: none;
  }
}
.p-channge-account-form__footer-delete {
  display: none;
}
@media screen and (max-width: 1023px) {
  .p-channge-account-form__footer-delete {
    display: block;
    font-size: 0.875rem;
    margin-top: 25px;
    text-decoration: underline;
    text-underline-offset: 3px;
  }
}

@media screen and (min-width: 1024px) {
  .p-channge-account .c-back-to-top {
    margin-top: -8px;
  }
}
@media screen and (min-width: 1024px) {
  .p-channge-account .c-primary {
    line-height: 20px;
    /* heightと同じ値でセンタリング */
    margin-bottom: 0px;
  }
}
@media screen and (max-width: 1023px) {
  .p-channge-account .c-primary {
    line-height: 18px;
    /* heightと同じ値でセンタリング */
  }
}

.c-input-form__item.is-error .c-input-form__text-input,
.c-input-form__item.is-error .c-custom-dropdown__selected {
  background-color: rgba(255, 85, 85, 0.15);
}
.c-input-form__item.is-error .c-custom-dropdown__selected {
  background-color: rgba(255, 85, 85, 0.15);
}
.c-input-form__item.is-error .c-input-form__validation-label--else {
  color: #ff5555;
  font-size: 0.875rem;
  margin-top: 10px;
  display: block !important;
}

.c-input-form__validation-label--else {
  display: none;
  color: #ff5555;
}

.c-input-form__group input[type=radio]:not(checked) + label {
  color: #000000 !important;
  opacity: 1 !important;
}

.p-change-account-confirm .c-confirm__footer {
  padding: 50px 0 0 0;
}
@media screen and (min-width: 1024px) {
  .p-change-account-confirm .c-confirm__footer {
    min-width: 1156px;
  }
}
@media screen and (min-width: 1200px) {
  .p-change-account-confirm .c-confirm__footer {
    min-width: 1156px;
  }
}
@media screen and (max-width: 1023px) {
  .p-change-account-confirm .c-confirm__footer {
    padding: 40px 0 0 0;
  }
}
@media screen and (min-width: 1024px) {
  .p-change-account-confirm .c-primary {
    margin-bottom: 0px;
  }
}
@media screen and (min-width: 1024px) {
  .p-change-account-confirm .c-title--pd80 {
    min-width: 1156px;
  }
}
@media screen and (min-width: 1200px) {
  .p-change-account-confirm .c-title--pd80 {
    min-width: 1156px;
  }
}
@media screen and (max-width: 1023px) {
  .p-change-account-confirm__category .c-confirm__item__title-content {
    flex-direction: column;
    align-items: flex-start;
  }
}
.p-change-account-confirm__category .c-input-form__item-label-sub-text {
  display: none;
}
@media screen and (max-width: 1023px) {
  .p-change-account-confirm__category .c-input-form__item-label-sub-text {
    display: block;
    color: #808080;
    font-size: 0.75rem;
  }
}

@media screen and (min-width: 1024px) {
  .p-change-account-confirm__wrapper {
    min-width: 1156px;
    margin: 0 40px;
  }
}
@media screen and (max-width: 1023px) {
  .p-change-account-confirm__wrapper {
    max-width: 94.7vw;
    margin: 0 auto;
  }
}

@media screen and (min-width: 1024px) {
  .p-register, .p-signup-confirm {
    min-height: 587px;
  }
}
@media screen and (max-width: 1023px) {
  .p-register, .p-signup-confirm {
    min-height: 543px;
  }
}
@media screen and (min-width: 1024px) {
  .p-register__wrapper {
    max-width: 1156px;
    margin: 0 40px;
  }
}
@media screen and (max-width: 1023px) {
  .p-register__wrapper {
    max-width: 94.7vw;
    margin: 0 auto;
  }
}
.p-register__header {
  text-align: center;
}
.p-register__header .c-title__form-sub {
  margin-top: 18px;
}
@media screen and (max-width: 1023px) {
  .p-register__header .c-title__form-sub {
    font-size: 1rem;
    font-weight: 400;
    margin-top: 30px;
  }
}
@media screen and (min-width: 1024px) {
  .p-register__header.--compact {
    padding: 0px 0px 20px 0px;
  }
}
@media screen and (max-width: 1023px) {
  .p-register__header.--compact {
    padding: 0px 0px 30px 0px;
  }
}
.p-register__header-title {
  display: block;
  font-weight: 600;
  margin-top: 0px;
}
@media screen and (min-width: 1024px) {
  .p-register__header__info {
    font-size: 1.25rem;
    line-height: 1.5;
  }
}
@media screen and (max-width: 1023px) {
  .p-register__header__info {
    font-size: 1.125rem;
    line-height: 1.68;
  }
}
.p-register__container {
  text-align: center;
  margin: 0px auto;
}
@media screen and (min-width: 1024px) {
  .p-register__container {
    margin-top: 0px;
    margin-bottom: 50px;
  }
}
@media screen and (max-width: 1023px) {
  .p-register__container {
    margin-top: 0px;
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 1024px) {
  .p-register__container.--compact {
    margin-top: -2px;
    margin-bottom: 41px;
  }
}
@media screen and (max-width: 1023px) {
  .p-register__container.--compact {
    margin-top: -8px;
    margin-bottom: 31px;
  }
}
.p-register__info {
  margin: auto;
}
@media screen and (max-width: 1023px) {
  .p-register__info {
    max-width: 335px;
  }
}
@media screen and (min-width: 1024px) {
  .p-register__info h3 {
    margin-top: -3px;
  }
}
@media screen and (max-width: 1023px) {
  .p-register__info h3 {
    font-weight: 400;
    margin-top: 1px;
  }
}
@media screen and (max-width: 1023px) {
  .p-register__info.--md-fixed {
    margin-bottom: -1px;
  }
}
@media screen and (min-width: 1024px) {
  .p-register__info.--md-fixed p {
    line-height: 1.5;
  }
}
@media screen and (max-width: 1023px) {
  .p-register__info.--md-fixed p {
    font-size: 1rem;
    line-height: 1.68;
  }
}
.p-register__content {
  border: 1px solid #000000;
}
@media screen and (min-width: 1024px) {
  .p-register__content {
    margin-top: 45px;
  }
}
@media screen and (max-width: 1023px) {
  .p-register__content {
    margin: 35px 0px 0px 0px;
  }
}
.p-register__content dl {
  text-align: left;
}
@media screen and (min-width: 1024px) {
  .p-register__content dl {
    padding: 0px 98px 26px 98px;
  }
}
@media screen and (max-width: 1023px) {
  .p-register__content dl {
    padding: 0px 19px 31px 19px;
  }
}
@media screen and (min-width: 1024px) {
  .p-register__content dl:first-child {
    padding-top: 70px;
  }
}
@media screen and (max-width: 1023px) {
  .p-register__content dl:first-child {
    padding-top: 35px;
  }
}
@media screen and (min-width: 1024px) {
  .p-register__content dl:last-child {
    padding-bottom: 63px;
  }
}
@media screen and (max-width: 1023px) {
  .p-register__content dl:last-child {
    padding-bottom: 57px;
  }
}
.p-register__content dt {
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .p-register__content dt {
    padding-bottom: 15px;
  }
}
@media screen and (max-width: 1023px) {
  .p-register__content dt {
    padding-bottom: 10px;
  }
}
@media screen and (max-width: 1023px) {
  .p-register__content dt span {
    padding-left: 0;
    font-size: 0.875rem;
    line-height: 1.5;
  }
}
.p-register__content dd {
  padding: 0;
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .p-register__content dd {
    margin-top: -1px;
    padding-left: 20px;
  }
}
@media screen and (max-width: 1023px) {
  .p-register__content dd {
    margin-top: -1px;
    padding-left: 8px;
  }
}
@media screen and (max-width: 1023px) {
  .p-register__content dd span {
    font-size: 1rem;
    line-height: 1.5;
  }
}
@media screen and (min-width: 1024px) {
  .p-register__content dt.p-register__content-primary {
    padding-bottom: 16px;
  }
}
@media screen and (max-width: 1023px) {
  .p-register__content dt.p-register__content-primary {
    padding-bottom: 12px;
  }
}
.p-register__content dt.p-register__content-primary .p-register__content-wrapper {
  display: flex;
  align-items: center;
}
@media screen and (min-width: 1024px) {
  .p-register__content dt.p-register__content-primary .p-register__content-wrapper span {
    line-height: 20px; /* c-primaryと同じ値でセンタリング */
  }
}
@media screen and (max-width: 1023px) {
  .p-register__content dt.p-register__content-primary .p-register__content-wrapper span {
    line-height: 18px; /* c-primaryと同じ値でセンタリング */
  }
}
@media screen and (min-width: 1024px) {
  .p-register__content dt.p-register__content-primary .p-register__content-wrapper .c-primary {
    line-height: 20px; /* spanと同じ値 */
  }
}
@media screen and (max-width: 1023px) {
  .p-register__content dt.p-register__content-primary .p-register__content-wrapper .c-primary {
    line-height: 18px; /* spanと同じ値 */
  }
}
@supports (-webkit-touch-callout: none) {
  @media screen and (max-width: 1023px) {
    .p-register__content dt.p-register__content-primary .p-register__content-wrapper .c-primary {
      line-height: 18px !important;
      display: block !important;
      text-align: center !important;
    }
  }
}
.p-register__content dt.p-register__content-primary .c-note {
  display: block;
  margin-top: 8px;
}
@media screen and (min-width: 1024px) {
  .p-register__content dt.p-register__content-primary + dd:last-child {
    margin-bottom: 0px;
    padding-bottom: 0px;
  }
}
@media screen and (max-width: 1023px) {
  .p-register__content dt.p-register__content-primary + dd:last-child {
    margin-bottom: -1px;
    padding-bottom: 1px;
  }
}
.p-register__footer {
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .p-register__footer {
    margin-bottom: 120px;
  }
}
@media screen and (max-width: 1023px) {
  .p-register__footer {
    margin-bottom: 64px;
  }
}
.p-register__footer-submit, .p-register__footer-top, .p-register__footer-login {
  display: flex;
}
.p-register__footer-submit button, .p-register__footer-top button, .p-register__footer-login button {
  margin-top: 0px;
}
@media screen and (min-width: 1024px) {
  .p-register__footer-submit button, .p-register__footer-top button, .p-register__footer-login button {
    padding-top: 15px;
  }
}
.p-register__footer-submit {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}
@media screen and (min-width: 1024px) {
  .p-register__footer-submit button {
    width: 284px;
  }
}
@media screen and (min-width: 1024px) {
  .p-register__footer-top button {
    width: 234px;
  }
}
@media screen and (min-width: 1024px) {
  .p-register__footer-login button {
    width: 204px;
  }
}
.p-register .br-pc-hide, .p-signup-confirm .br-pc-hide {
  display: none;
}
@media screen and (max-width: 1023px) {
  .p-register .br-pc-hide, .p-signup-confirm .br-pc-hide {
    display: inline;
  }
}

.p-register-mail-news {
  padding: 97px 20px 102px;
}
@media screen and (max-width: 480px) {
  .p-register-mail-news {
    padding: 37px 20px 64px;
  }
}
.p-register-mail-news__inner {
  max-width: 460px;
  width: 100%;
  margin: 0 auto;
}

.p-register-mail-news__title {
  font-size: 1.25rem;
  font-weight: 700;
  margin-top: 0px;
}
@media screen and (max-width: 480px) {
  .p-register-mail-news__title {
    font-size: 1rem;
  }
}

.p-register-mail-news__txt {
  font-size: 1rem;
  font-weight: 400;
  margin-top: 28px;
}
@media screen and (max-width: 480px) {
  .p-register-mail-news__txt {
    margin-top: 58px;
  }
}

.p-register-mail-news__input {
  max-width: 456px;
  width: 100%;
  height: 44px;
  padding: 0 16px;
  margin-top: 44px;
}
.p-register-mail-news__input::-moz-placeholder {
  font-size: 0.875rem;
  color: rgba(0, 0, 0, 0.25);
}
.p-register-mail-news__input::placeholder {
  font-size: 0.875rem;
  color: rgba(0, 0, 0, 0.25);
}
@media screen and (max-width: 480px) {
  .p-register-mail-news__input {
    margin-top: 31px;
  }
}

.p-register-mail-news__note {
  margin-top: 8px;
  line-height: 15px;
}
@media screen and (max-width: 480px) {
  .p-register-mail-news__note {
    font-size: 0.75rem;
    margin-top: 16px;
    line-height: 18px;
  }
}

.p-register-mail-news__submit {
  width: 298px;
  margin-top: 36px;
}
@media screen and (max-width: 480px) {
  .p-register-mail-news__submit {
    width: 254px;
    margin-top: 33;
  }
}

@media screen and (min-width: 1024px) {
  .p-forgot {
    padding: 0px 98px;
    min-height: 587px;
  }
}
@media screen and (max-width: 1023px) {
  .p-forgot {
    height: 544px;
    min-height: calc(100vh - 54px - 83px - 40px);
  }
}
.p-forgot__header {
  text-align: center;
}
.p-forgot__header-title {
  display: block;
  font-size: 1.25rem;
  font-weight: 600;
  margin-top: 0px;
}
@media screen and (max-width: 1023px) {
  .p-forgot__header-title {
    font-size: 1.125rem !important;
  }
}
.p-forgot__container {
  margin: 20px auto 50px;
  max-width: 900px;
}
@media screen and (max-width: 1023px) {
  .p-forgot__container {
    margin-top: -8px;
    margin-bottom: 32px;
    margin-top: 30px;
  }
}
.p-forgot__container.--compact {
  margin-top: 30px;
}
.p-forgot__container.--comp {
  margin-bottom: 45px;
}
@media screen and (max-width: 1023px) {
  .p-forgot__container.--comp {
    margin-bottom: 30px;
  }
}
.p-forgot__info {
  margin: auto;
}
@media screen and (max-width: 1023px) {
  .p-forgot__info {
    max-width: 180px;
  }
}
@media screen and (max-width: 1023px) {
  .p-forgot__info--comp {
    max-width: 240px;
  }
}
@media screen and (min-width: 1024px) {
  .p-forgot__info p:not(:first-child) {
    margin-top: -4px;
  }
}
@media screen and (max-width: 1023px) {
  .p-forgot__info p:not(:first-child) {
    margin-top: -2px;
  }
}
@media screen and (max-width: 1023px) {
  .p-forgot__info.--md-fixed p {
    font-size: 1rem;
    line-height: 1.75;
  }
}
@media screen and (max-width: 1023px) {
  .p-forgot__info.pwcomp {
    max-width: 300px;
  }
}
.p-forgot__mark {
  margin: auto;
  margin-top: 10px;
  margin-bottom: 34px;
}
@media screen and (max-width: 1023px) {
  .p-forgot__mark {
    max-width: 300px;
    margin-top: 12px;
  }
}
@media screen and (max-width: 1023px) {
  .p-forgot__mark--comp--pc {
    display: none;
  }
}
@media screen and (max-width: 1023px) {
  .p-forgot__mark--comp--sp {
    text-align: center;
  }
}
@media screen and (min-width: 1024px) {
  .p-forgot__mark--comp--sp {
    display: none;
  }
}
@media screen and (max-width: 480px) {
  .p-forgot__mark--comp--sp {
    max-width: 350px;
    text-align: left;
  }
}
@media screen and (min-width: 1024px) {
  .p-forgot__mark--sm {
    margin-top: 22px;
  }
}
@media screen and (max-width: 1023px) {
  .p-forgot__mark--sm {
    margin-top: 18px;
  }
}
@media screen and (min-width: 1024px) {
  .p-forgot__mark--sm p {
    font-size: 0.75rem;
    line-height: 1.5;
  }
}
.p-forgot__input {
  margin: auto;
}
@media screen and (min-width: 1024px) {
  .p-forgot__input {
    margin-top: 10px;
    padding: 0px 18%;
  }
}
.p-forgot__input dl {
  display: flex;
  border: none;
  margin: 0;
  flex-wrap: wrap;
}
@media screen and (min-width: 1024px) {
  .p-forgot__input dl {
    flex-wrap: nowrap;
  }
}
@media screen and (max-width: 1023px) {
  .p-forgot__input dl {
    flex-direction: column;
    align-items: center;
  }
}
.p-forgot__input dt {
  display: flex;
  align-items: center;
  padding: 0;
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .p-forgot__input dt.pwreset {
    margin-bottom: 50px;
  }
}
@media screen and (min-width: 1024px) {
  .p-forgot__input dt {
    padding-left: 40px;
    width: 40.5%;
  }
}
@media screen and (max-width: 1023px) {
  .p-forgot__input dt {
    margin-top: -2px;
    margin-bottom: 7px;
    width: 335px;
  }
}
.p-forgot__input dt span {
  margin-right: 8px;
}
@media screen and (min-width: 1024px) {
  .p-forgot__input dt span {
    font-size: 1.125rem;
    font-weight: 600;
  }
}
.p-forgot__input dd {
  padding: 0;
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .p-forgot__input dd {
    width: 320px;
  }
}
@media screen and (max-width: 1023px) {
  .p-forgot__input dd {
    width: 335px;
  }
}
.p-forgot__input-txt input[type=text],
.p-forgot__input-txt input[type=password] {
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .p-forgot__input-txt input[type=text],
  .p-forgot__input-txt input[type=password] {
    font-size: 0.875rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-forgot__input-txt input[type=text],
  .p-forgot__input-txt input[type=password] {
    font-size: 1rem;
  }
}
@media screen and (min-width: 1024px) {
  .p-forgot__input-txt input[type=text]:not(:first-child),
  .p-forgot__input-txt input[type=password]:not(:first-child) {
    margin-top: 10px;
  }
}
@media screen and (max-width: 1023px) {
  .p-forgot__input-txt input[type=text]:not(:first-child),
  .p-forgot__input-txt input[type=password]:not(:first-child) {
    margin-top: 12px;
    margin-bottom: 8px;
  }
}
@media screen and (min-width: 1024px) {
  .p-forgot__input:first-child {
    margin-top: 12px;
  }
}
.p-forgot__separator {
  height: 1px;
  background-color: #000000;
}
@media screen and (min-width: 1024px) {
  .p-forgot__separator {
    margin-top: 35px;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 1023px) {
  .p-forgot__separator {
    margin-top: 39px;
    margin-bottom: 38px;
  }
}
.p-forgot__footer {
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .p-forgot__footer {
    margin-bottom: 120px;
  }
}
@media screen and (max-width: 1023px) {
  .p-forgot__footer {
    margin-bottom: 64px;
  }
}
.p-forgot__footer-next, .p-forgot__footer-submit, .p-forgot__footer-login {
  display: flex;
}
.p-forgot__footer-next button, .p-forgot__footer-submit button, .p-forgot__footer-login button {
  margin-top: 0px;
}
@media screen and (min-width: 1024px) {
  .p-forgot__footer-next button, .p-forgot__footer-submit button, .p-forgot__footer-login button {
    padding-top: 15px;
  }
}
@media screen and (min-width: 1024px) {
  .p-forgot__footer-next button {
    width: 172px;
  }
}
@media screen and (min-width: 1024px) {
  .p-forgot__footer-submit button, .p-forgot__footer-login button {
    width: 204px;
  }
}

@media screen and (min-width: 1024px) {
  .p-login {
    padding: 0px 98px;
  }
}
@media screen and (max-width: 1023px) {
  .p-login {
    min-height: calc(100vh - 54px - 83px - 40px);
  }
}
.p-login .only-sp {
  display: none;
  font-size: 0.875rem;
}
@media screen and (max-width: 1023px) {
  .p-login .only-sp {
    display: inline;
    font-size: 0.75rem;
  }
}
.p-login .only-pc {
  display: inline;
  font-size: 0.875rem;
}
@media screen and (max-width: 1023px) {
  .p-login .only-pc {
    display: none;
    font-size: 0.75rem;
  }
}
.p-login__header {
  text-align: center;
}
.p-login__header-title {
  display: block;
  font-size: 1.25rem;
  font-weight: 600;
  margin-top: 0px;
}
.p-login__header-required-message {
  font-size: 1rem;
  padding-bottom: 51px;
  padding-top: 80px;
}
.p-login__container {
  text-align: center;
  margin: 0px auto;
  margin-top: 30px;
}
@media screen and (min-width: 1024px) {
  .p-login__container {
    max-width: 900px;
  }
}
@media screen and (max-width: 1023px) {
  .p-login__container {
    margin-top: 30px;
  }
}
@media screen and (min-width: 1024px) {
  .p-login__input {
    padding-bottom: 26px;
  }
}
@media screen and (max-width: 1023px) {
  .p-login__input {
    padding-bottom: 24px;
  }
}
.p-login__input-txt {
  display: inline-block;
  max-width: 320px;
  margin-top: 30px;
}
@media screen and (max-width: 1023px) {
  .p-login__input-txt {
    padding: 0px 13px;
  }
}
.p-login__input-txt input[type=text] {
  width: 100%;
  font-size: 0.875rem;
}
@media screen and (min-width: 1024px) {
  .p-login__input-txt input[type=text] {
    height: 48px;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 1023px) {
  .p-login__input-txt input[type=text] {
    height: 44px;
    margin-bottom: 12px;
    font-size: 1rem;
  }
}
.p-login__input-txt input[type=password] {
  width: 100%;
  font-size: 0.875rem;
}
@media screen and (min-width: 1024px) {
  .p-login__input-txt input[type=password] {
    height: 48px;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 1023px) {
  .p-login__input-txt input[type=password] {
    height: 44px;
    margin-bottom: 12px;
    font-size: 1rem;
  }
}
@media screen and (min-width: 1024px) {
  .p-login__input-chk {
    margin-top: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
@media screen and (max-width: 1023px) {
  .p-login__input-chk {
    margin-top: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.p-login__input-chk input[type=checkbox] + label {
  font-size: 0.875rem;
}
@media screen and (min-width: 1024px) {
  .p-login__input-chk input[type=checkbox] + label {
    padding-left: 12px;
  }
}
@media screen and (max-width: 1023px) {
  .p-login__input-chk input[type=checkbox] + label {
    padding-left: 5px;
    display: inline-block;
  }
}
@media screen and (min-width: 1024px) {
  .p-login__input-msg {
    padding-top: 17px;
  }
}
@media screen and (max-width: 1023px) {
  .p-login__input-msg {
    padding: 24px 4.5em 13px 4.5em;
    margin-bottom: -19px;
  }
  .p-login__input-msg p:first-of-type {
    max-width: 210px;
    margin: 0 auto;
    /* 文字折り返し位置調整 */
  }
}
.p-login__input-msg p {
  color: #FF5655;
}
@media screen and (min-width: 1024px) {
  .p-login__input-msg p {
    line-height: 1.5;
  }
}
@media screen and (max-width: 1023px) {
  .p-login__input-msg p {
    line-height: 1.43;
  }
}
@media screen and (min-width: 1024px) {
  .p-login__login {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 1023px) {
  .p-login__login {
    margin-bottom: 32px;
  }
}
.p-login__login button {
  margin-top: 0px;
}
@media screen and (min-width: 1024px) {
  .p-login__login button {
    width: 204px;
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
.p-login__forgot {
  font-size: 0.875rem;
}
@media screen and (min-width: 1024px) {
  .p-login__forgot {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 1023px) {
  .p-login__forgot {
    margin-bottom: 40px;
  }
}
.p-login__separator {
  border-top: 0.5px solid #000000;
  margin-bottom: 40px;
}
.p-login__footer {
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .p-login__footer {
    margin-bottom: 120px;
  }
}
@media screen and (max-width: 1023px) {
  .p-login__footer {
    margin-bottom: 64px;
  }
}
@media screen and (min-width: 1024px) {
  .p-login__footer-register {
    font-size: 0.875rem;
    margin-top: 0px;
    margin-bottom: 25px;
  }
}
@media screen and (max-width: 1023px) {
  .p-login__footer-register {
    font-size: 1rem;
    margin-top: 0px;
    margin-bottom: 23px;
  }
  .p-login__footer-register .c-text--md {
    font-size: 1rem;
  }
}
.p-login__footer-new {
  display: flex;
}
.p-login__footer-new button {
  margin-top: 0px;
}
@media screen and (min-width: 1024px) {
  .p-login__footer-new button {
    width: 236px;
  }
}

@media screen and (min-width: 1024px) {
  .p-signup-input-err__wrapper {
    max-width: 1156px;
    margin: 0 40px;
  }
}
@media screen and (max-width: 1023px) {
  .p-signup-input-err__wrapper {
    max-width: 94.7vw;
    margin: 0 auto;
  }
}

.p-input-err-form__header {
  height: 146px;
  text-align: center;
  margin: 4px 29px;
}
.p-input-err-form__header .c-title {
  display: block;
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1;
  padding: 32px 0px;
}
@media screen and (max-width: 1023px) {
  .p-input-err-form__header .c-title {
    font-size: 1rem;
    padding: 4px 0px 40px 0px;
  }
}
.p-input-err-form__header .c-title__sub {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.75;
}
@media screen and (max-width: 1023px) {
  .p-input-err-form__header .c-title__sub {
    font-size: 0.875rem;
    padding-bottom: 4px;
  }
}

@media screen and (min-width: 1024px) {
  .p-signup-input-individual__wrapper {
    max-width: 1156px;
    margin: 0 40px;
  }
}
@media screen and (max-width: 1023px) {
  .p-signup-input-individual__wrapper {
    max-width: 94.7vw;
    margin: 0 auto;
  }
}
.p-signup-input-individual__wrapper .c-btn--confirm {
  margin-top: 16px;
}
@media screen and (max-width: 1023px) {
  .p-signup-input-individual__wrapper .c-btn--confirm {
    margin-top: 16px;
  }
}

.p-input-form__header {
  text-align: center;
  margin-bottom: 42px;
}
@media screen and (max-width: 1023px) {
  .p-input-form__header {
    margin-bottom: 49px;
  }
}
.p-input-form__header .c-title {
  display: block;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1;
  padding: 79px 0px 18px 0px;
}
@media screen and (max-width: 1023px) {
  .p-input-form__header .c-title {
    font-size: 1.125rem;
    padding: 40px 0px 29px 0px;
  }
}
.p-input-form__header .c-title__sub {
  padding-top: 18px;
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.75;
}
@media screen and (max-width: 1023px) {
  .p-input-form__header .c-title__sub {
    font-size: 1rem;
    padding-top: 40px;
    padding-bottom: 4px;
    margin-top: 0;
  }
}

/* サインアップコンテナ */
/* 入力ヘッダー */
/* タイトル */
/* サブタイトル */
/* 会員登録ボタン */
/* サインアップコンテンツ内側 */
.p-newSignup {
  /* メインコンテンツ */
  /* メリットタイトル */
  /* メリットリスト */
  /* SVGアニメーション */
  /* ボトムボタン */
}
.p-newSignup__container h1.c-title {
  margin-top: 0;
}
@media screen and (min-width: 1024px) {
  .p-newSignup__wrapper {
    min-width: 1156px;
    margin: 0 40px;
  }
}
.p-newSignup__inner {
  margin-top: 52px;
}
@media screen and (max-width: 1023px) {
  .p-newSignup__inner {
    margin-top: 60px;
  }
}
.p-newSignup__inner-main {
  border: solid 1px #000000;
}
@media screen and (max-width: 1023px) {
  .p-newSignup__inner-main {
    border: solid 1px #707070;
  }
}
.p-newSignup__inner-main-title {
  text-align: center;
  padding: 22px 0px 16px 0px;
  font-size: 20px;
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .p-newSignup__inner-main-title {
    font-weight: 600;
  }
}
.p-newSignup__inner-main-list {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
}
@media (max-width: 768px) {
  .p-newSignup__inner-main-list {
    flex-direction: column;
  }
}
.p-newSignup__inner-main-list ul {
  display: flex;
  flex-wrap: wrap;
  border: solid 1px #000000;
}
@media screen and (max-width: 1023px) {
  .p-newSignup__inner-main-list ul {
    border: solid 1px #707070;
  }
}
.p-newSignup__inner-main-list-set {
  display: flex;
  flex-direction: column;
  max-height: 390px;
  min-height: 264px;
  height: auto;
  padding: 19px 52px;
  width: 50%;
  border: solid 1px #000000;
}
@media screen and (max-width: 1023px) {
  .p-newSignup__inner-main-list-set {
    border: solid 1px #707070;
  }
}
@media (max-width: 768px) {
  .p-newSignup__inner-main-list-set {
    width: 100%;
    margin: 0 auto;
    padding: 24px 18px;
  }
}
.p-newSignup__inner-main-list-set-font {
  max-width: 470px;
  display: flex;
  flex-grow: 1;
  align-items: center;
}
@media screen and (max-width: 1023px) {
  .p-newSignup__inner-main-list-set-font {
    flex-direction: column;
    align-items: flex-start;
  }
}
.p-newSignup__inner-main-list-set-number {
  margin: 0;
  line-height: 1;
  font-size: 3.125rem;
  font-weight: 400;
}
@media screen and (max-width: 1023px) {
  .p-newSignup__inner-main-list-set-number {
    font-size: 3.5rem;
  }
}
.p-newSignup__inner-main-list-set:nth-child(1) {
  border-left: none;
  border-bottom: none;
  /* SVGアニメーション */
}
@media screen and (max-width: 480px) {
  .p-newSignup__inner-main-list-set:nth-child(1) {
    border-right: none;
  }
}
.p-newSignup__inner-main-list-set:nth-child(1) .register-01-svg {
  max-height: 200px;
  margin: 0 auto;
}
.p-newSignup__inner-main-list-set:nth-child(1):hover .p-newSignup__svg-wrapper #register01_group_11819 {
  transform: translateX(-7px);
}
.p-newSignup__inner-main-list-set:nth-child(1):hover .p-newSignup__svg-wrapper #register01_group_13974 {
  transform: translate(-510.653px, -503.016px);
}
.p-newSignup__inner-main-list-set:nth-child(1):hover .p-newSignup__svg-wrapper #register01_path_2233 {
  transform: translate(-323.143px, -283.479px);
}
.p-newSignup__inner-main-list-set:nth-child(1):hover .p-newSignup__svg-wrapper #register01_group_11807 {
  transform: translate(31.052px, 19.59px) scale(1.045);
}
.p-newSignup__inner-main-list-set:nth-child(1):hover .p-newSignup__svg-wrapper #register01_path_2261 {
  transform: translate(-341.119px, -261.009px) scale(1.05);
}
.p-newSignup__inner-main-list-set:nth-child(1) #register01_group_11819 {
  transition: transform 1s ease-out;
}
.p-newSignup__inner-main-list-set:nth-child(1) #register01_group_13974,
.p-newSignup__inner-main-list-set:nth-child(1) #register01_path_2233 {
  transition: transform 1s ease-out;
}
.p-newSignup__inner-main-list-set:nth-child(1) #register01_group_11807,
.p-newSignup__inner-main-list-set:nth-child(1) #register01_path_2261 {
  transform-origin: 50% 50%;
  transform-box: fill-box;
  transition: transform 1s ease-out;
}
.p-newSignup__inner-main-list-set:nth-child(1) .p-newSignup__inner-main-list-set-number {
  color: #09ed00;
}
.p-newSignup__inner-main-list-set:nth-child(2) {
  border-left: none;
  border-right: none;
  border-bottom: none;
  /* SVGアニメーション */
}
.p-newSignup__inner-main-list-set:nth-child(2) .register-02-svg {
  max-height: 200px;
  margin: 0 auto;
}
.p-newSignup__inner-main-list-set:nth-child(2):hover .p-newSignup__svg-wrapper #register02_path-right {
  transform: translate(-769.787px, -299.03px);
}
.p-newSignup__inner-main-list-set:nth-child(2):hover .p-newSignup__svg-wrapper #register02_path-left {
  transform: translate(-723px, -299.03px);
}
.p-newSignup__inner-main-list-set:nth-child(2):hover .p-newSignup__svg-wrapper #register02_star-group {
  transform: translate(51.207px, -2px) rotate(10deg);
}
.p-newSignup__inner-main-list-set:nth-child(2):hover .p-newSignup__svg-wrapper #register02_path-star {
  fill: #eb5cca;
}
.p-newSignup__inner-main-list-set:nth-child(2) #register02_path-right {
  transition: transform 1s ease-out;
}
.p-newSignup__inner-main-list-set:nth-child(2) #register02_path-left {
  transition: transform 1s ease-out;
}
.p-newSignup__inner-main-list-set:nth-child(2) #register02_star-group {
  transform-origin: center;
  transform-box: fill-box;
  transition: transform 1s ease-out;
}
.p-newSignup__inner-main-list-set:nth-child(2) #register02_path-star {
  transition: transform 1s ease-out, fill 0s;
}
.p-newSignup__inner-main-list-set:nth-child(2) .p-newSignup__inner-main-list-set-number {
  color: #eb5cca;
}
.p-newSignup__inner-main-list-set:nth-child(3) {
  border-left: none;
}
@media screen and (max-width: 480px) {
  .p-newSignup__inner-main-list-set:nth-child(3) {
    border-right: none;
    border-bottom: none;
  }
}
.p-newSignup__inner-main-list-set:nth-child(3) .p-newSignup__inner-main-list-set-number {
  color: #000aff;
}
.p-newSignup__inner-main-list-set:nth-child(4) {
  border-left: none;
  border-right: none;
  /* SVGアニメーション */
}
.p-newSignup__inner-main-list-set:nth-child(4) .register-04-svg {
  max-height: 200px;
  margin: 0 auto;
}
.p-newSignup__inner-main-list-set:nth-child(4):hover .p-newSignup__svg-wrapper #register04_group_13973 {
  transform: translate(-744.059px, -856.208px) scale(0.92);
}
.p-newSignup__inner-main-list-set:nth-child(4):hover .p-newSignup__svg-wrapper #register04_path_2246 {
  transform: translate(-1519.9px, -292.859px) scale(0.92);
}
.p-newSignup__inner-main-list-set:nth-child(4):hover .p-newSignup__svg-wrapper #register04_path_2247 {
  transform: translate(-1526.095px, -283.6px) scale(0.96);
}
.p-newSignup__inner-main-list-set:nth-child(4):hover .p-newSignup__svg-wrapper #register04_path_2248 {
  transform: translate(-1519.9px, -336.841px) scale(0.92);
}
.p-newSignup__inner-main-list-set:nth-child(4):hover .p-newSignup__svg-wrapper #register04_group_11812 {
  transform: translate(15.693px, 34.328px) scale(0.92);
}
.p-newSignup__inner-main-list-set:nth-child(4):hover .p-newSignup__svg-wrapper #register04_path_2249 {
  fill: #ff6c00;
  transform: translate(-1572.94px, -361.276px) scale(0.8);
}
.p-newSignup__inner-main-list-set:nth-child(4) #register04_group_13973 {
  transform-origin: 50% 50%;
  transform-box: fill-box;
  transition: transform 1s ease-out;
}
.p-newSignup__inner-main-list-set:nth-child(4) #register04_path_2246 {
  transform-origin: 50% 50%;
  transform-box: fill-box;
  transition: transform 1s ease-out;
}
.p-newSignup__inner-main-list-set:nth-child(4) #register04_path_2247 {
  transform-origin: 50% 50%;
  transform-box: fill-box;
  transition: transform 1s ease-out;
}
.p-newSignup__inner-main-list-set:nth-child(4) #register04_path_2248 {
  transform-origin: 50% 50%;
  transform-box: fill-box;
  transition: transform 1s ease-out;
}
.p-newSignup__inner-main-list-set:nth-child(4) #register04_group_11812 {
  transform-origin: 50% 50%;
  transform-box: fill-box;
  transition: transform 1s ease-out;
}
.p-newSignup__inner-main-list-set:nth-child(4) #register04_path_2249 {
  transform-origin: 50% 50%;
  transform-box: fill-box;
  transition: fill 0s, transform 1s ease-out;
}
.p-newSignup__inner-main-list-set:nth-child(4) .p-newSignup__inner-main-list-set-number {
  color: #ff6c00;
}
.p-newSignup__inner-main-list-set:nth-child(5) .p-newSignup__inner-main-list-set-number {
  color: #00D3EF;
}
.p-newSignup__inner-main-list-set:nth-child(5) {
  border-top: none;
  border-left: none;
  border-bottom: none;
  /* SVGアニメーション */
}
@media screen and (max-width: 480px) {
  .p-newSignup__inner-main-list-set:nth-child(5) {
    border-right: none;
  }
}
.p-newSignup__inner-main-list-set:nth-child(5) .register-05-svg {
  max-height: 200px;
  margin: 0 auto;
}
.p-newSignup__inner-main-list-set:nth-child(5):hover .p-newSignup__svg-wrapper #register05_path_2254 {
  transform: translate(-563.088px, -767.144px) rotate(180deg);
}
.p-newSignup__inner-main-list-set:nth-child(5):hover .p-newSignup__svg-wrapper #register05_path_2255 {
  transform: translate(-568.546px, -775.03px) scale(1.2);
}
.p-newSignup__inner-main-list-set:nth-child(5):hover .p-newSignup__svg-wrapper #register05_path_2250 {
  transform: translate(-424.5px, -666.435px) scaleY(1.122);
}
.p-newSignup__inner-main-list-set:nth-child(5):hover .p-newSignup__svg-wrapper #register05_path_2251 {
  transform: translate(-424.5px, -677.063px) scaleY(1.15);
}
.p-newSignup__inner-main-list-set:nth-child(5):hover .p-newSignup__svg-wrapper #register05_line_573 {
  transform: translateY(8px);
}
.p-newSignup__inner-main-list-set:nth-child(5):hover .p-newSignup__svg-wrapper #register05_line_574 {
  transform: translateY(8px);
}
.p-newSignup__inner-main-list-set:nth-child(5) #register05_path_2254 {
  transform-origin: 50% 50%;
  transform-box: fill-box;
  transition: transform 1s ease-out;
}
.p-newSignup__inner-main-list-set:nth-child(5) #register05_path_2255 {
  transform-origin: 50% 50%;
  transform-box: fill-box;
  transition: transform 1s ease-out;
}
.p-newSignup__inner-main-list-set:nth-child(5) #register05_path_2250 {
  transform-origin: 50% 0%;
  transform-box: fill-box;
  transition: transform 1s ease-out;
}
.p-newSignup__inner-main-list-set:nth-child(5) #register05_path_2251 {
  transform-origin: 50% 0%;
  transform-box: fill-box;
  transition: transform 1s ease-out;
}
.p-newSignup__inner-main-list-set:nth-child(5) #register05_line_573 {
  transform-origin: 50% 50%;
  transform-box: fill-box;
  transition: transform 1s ease-out;
}
.p-newSignup__inner-main-list-set:nth-child(5) #register05_line_574 {
  transform-origin: 50% 50%;
  transform-box: fill-box;
  transition: transform 1s ease-out;
}
.p-newSignup__inner-main-list-set-text {
  padding-left: 21px;
  padding-top: 5px;
  font-size: 1rem;
  z-index: 1;
  display: flex;
  line-hiight: 25px;
}
@media screen and (max-width: 1023px) {
  .p-newSignup__inner-main-list-set-text {
    padding-left: 0;
    padding-top: 0;
    font-size: 0.875rem;
  }
}
.p-newSignup__inner-main-list img {
  z-index: -1;
  max-height: 200px;
  margin: 0 auto;
}
.p-newSignup__svg-wrapper {
  max-height: 200px;
  margin: 0 auto;
  display: block;
}
.p-newSignup__inner-main-list-set:nth-child(3) .register-03-svg {
  max-height: 200px;
  margin: 0 auto;
}
.p-newSignup__inner-main-list-set:nth-child(3):hover .p-newSignup__svg-wrapper #register03_loading_group {
  transform: rotate(-30deg);
}
.p-newSignup__inner-main-list-set:nth-child(3):hover .p-newSignup__svg-wrapper #register03_package_1 {
  transform: translate(58.796px, 99.36px) rotate(-45deg);
  fill: #010BFF;
}
.p-newSignup__inner-main-list-set:nth-child(3):hover .p-newSignup__svg-wrapper #register03_package_2 {
  transform: translate(96.741px, 89.727px) rotate(-70.974deg);
  fill: #010BFF;
}
.p-newSignup__inner-main-list-set:nth-child(3) #register03_loading_group {
  transform: rotate(0deg);
  transform-origin: 35.258px 27.492px;
  transform-box: fill-box;
  transition: transform 1s ease-out;
}
.p-newSignup__inner-main-list-set:nth-child(3) #register03_package_1,
.p-newSignup__inner-main-list-set:nth-child(3) #register03_package_2 {
  transition: transform 1s ease-out, fill 1s ease-out;
}
.p-newSignup__inner-buttom {
  margin-top: 50px;
}
@media screen and (max-width: 1023px) {
  .p-newSignup__inner-buttom {
    display: none;
  }
}

.br-sp-hide {
  display: inline;
}
@media screen and (max-width: 1023px) {
  .br-sp-hide {
    display: none;
  }
}

@media screen and (min-width: 1024px) {
  .p-signup-confirm__wrapper {
    max-width: 1156px !important;
    margin: 0 40px !important;
  }
}
.p-signup-confirm .c-text--sm {
  color: #808080;
}
@media screen and (max-width: 1023px) {
  .p-signup-confirm .c-text--sm {
    font-weight: 700;
    text-indent: 0;
  }
}
@media screen and (max-width: 1023px) {
  .p-signup-confirm__category-title .p-register__content-wrapper {
    text-align: left;
    flex-direction: column;
    align-items: flex-start !important;
  }
}
.p-signup-confirm__category-title .c-input-form__item-label-sub-text {
  display: none;
}
@media screen and (max-width: 1023px) {
  .p-signup-confirm__category-title .c-input-form__item-label-sub-text {
    display: block;
    color: #808080;
    font-size: 0.75rem;
  }
}

@media screen and (min-width: 1024px) {
  .p-estimate .p-estimate__wrapper {
    min-width: 1156px;
    margin: 0 40px;
  }
}
@media screen and (max-width: 1023px) {
  .p-estimate .p-estimate__wrapper {
    max-width: 100vw;
    margin: 0 auto;
  }
}
.p-estimate__header {
  text-align: center;
  padding: 1px 0 6px;
}
@media screen and (max-width: 1023px) {
  .p-estimate__header {
    padding: 10px 0 0;
  }
}
.p-estimate__header-ttl {
  margin-top: 79px;
}
@media screen and (max-width: 1023px) {
  .p-estimate__header-ttl {
    margin-top: 40px;
  }
}
.p-estimate__header-delete {
  width: 60px;
}
.p-estimate__header-number {
  width: 133px;
}
.p-estimate__header-product {
  width: 353px;
}
.p-estimate__header-price {
  width: 133px;
}
.p-estimate__header-date {
  width: 170px;
}
.p-estimate__header .p-shopCart__header-ttl {
  font-size: 1.25rem;
}
.p-estimate__description {
  margin-bottom: 27px;
}
@media screen and (max-width: 1023px) {
  .p-estimate__description {
    font-size: 0.875rem;
    margin-bottom: 32px;
  }
}
.p-estimate__description ul {
  margin-top: 21px;
}
@media screen and (max-width: 1023px) {
  .p-estimate__description ul {
    margin-top: 40px;
  }
}
.p-estimate__description li {
  font-size: 1rem;
  line-height: 1.7em;
}
@media screen and (max-width: 1023px) {
  .p-estimate__description li {
    font-size: 0.875rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-estimate__description li:first-child {
    width: 250px;
  }
}
@media screen and (max-width: 1023px) {
  .p-estimate__description li:last-child {
    width: 300px;
  }
}
.p-estimate__table {
  max-width: 1156px;
  width: 100%;
}
@media screen and (max-width: 1023px) {
  .p-estimate__table {
    display: none;
  }
}
.p-estimate__table-content {
  height: 98px;
}
.p-estimate__table .p-estimate__detail-button {
  width: 94px;
  height: 24px;
  margin: 0 auto;
  font-size: 0.875rem;
  border: 1px solid #000000;
  padding: 0 12px;
}
.p-estimate__table .p-estimate__detail-button:hover {
  background-color: #D8D8D9;
  border: 1px solid #D8D8D9;
  transition: background-color 0.3s ease-in-out;
}
@media screen and (max-width: 1023px) {
  .p-estimate__table .p-estimate__detail-button {
    width: 84px;
    height: 32px;
  }
}
.p-estimate__SP-table {
  display: none;
}
@media screen and (max-width: 1023px) {
  .p-estimate__SP-table {
    display: block;
  }
}
.p-estimate__SP-table .p-estimate__product-cell {
  display: flex;
  justify-content: space-between;
  padding-bottom: 21px;
}
@media screen and (max-width: 1023px) {
  .p-estimate__SP-table .p-estimate__product-cell {
    flex-wrap: wrap;
    flex-direction: column;
    padding-bottom: 18px;
  }
}
@media screen and (max-width: 1023px) {
  .p-estimate__SP-table .p-estimate__product-cell p {
    font-size: 0.875rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-estimate__SP-table .p-estimate__product-item {
    margin: 0 -20px 0;
    padding: 14px 20px 0;
    border-left: none;
    border-top: 0.5px solid rgba(0, 0, 0, 0.25);
  }
}
.p-estimate__SP-table .p-estimate__product-item-set {
  display: flex;
  white-space: nowrap;
  flex-wrap: wrap;
}
@media screen and (max-width: 1023px) {
  .p-estimate__SP-table .p-estimate__product-item-set p {
    height: 19px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    margin-top: 3px;
  }
}
.p-estimate__SP-table .p-estimate__product-item-set-last {
  display: flex;
  padding-top: 9px;
  margin-top: 10px;
  border-top: 0.5px solid #E4E4E4;
  align-items: center;
}
@media screen and (max-width: 1023px) {
  .p-estimate__SP-table .p-estimate__product-item .p-estimate__product-grain-title {
    width: auto;
    flex-shrink: 0;
  }
}
@media screen and (max-width: 1023px) {
  .p-estimate__SP-table .p-estimate__product-content {
    margin: 0 -20px;
    padding: 0 20px;
    border-bottom: 0.5px solid rgba(0, 0, 0, 0.25);
  }
}
@media screen and (max-width: 1023px) {
  .p-estimate__SP-table .p-estimate__product-total-amount {
    font-size: 1.25rem;
    font-weight: 600;
    margin-left: 8px;
  }
}
@media screen and (max-width: 1023px) {
  .p-estimate__SP-table .p-estimate__product-total-unit {
    margin-left: 4px;
  }
}
.p-estimate__SP-table .p-estimate__product-main {
  display: flex;
  gap: 24px;
}
@media screen and (max-width: 1023px) {
  .p-estimate__SP-table .p-estimate__product-main {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
.p-estimate__SP-table .p-estimate__product-SP {
  display: flex;
}
@media screen and (max-width: 1023px) {
  .p-estimate__SP-table .p-estimate__SP-product {
    border-top: 0.5px solid #E4E4E4;
    margin-top: 11px;
    padding-top: 16px;
    justify-content: space-between;
  }
}
@media screen and (max-width: 1023px) {
  .p-estimate__SP-table .p-estimate__product-info-SP {
    display: flex;
    align-items: center;
  }
}
.p-estimate__SP-table .p-estimate__product-info-SP img {
  height: 78px;
  width: 78px;
}
@media screen and (max-width: 1023px) {
  .p-estimate__SP-table .p-estimate__product-details {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: 0;
  }
  .p-estimate__SP-table .p-estimate__product-details:hover {
    color: #808080;
  }
}
@media screen and (max-width: 1023px) {
  .p-estimate__SP-table .p-estimate__product-details p {
    margin-left: 16px;
    font-size: 0.875rem;
    text-decoration: underline;
    text-underline-offset: 3px;
    line-height: 1.5;
  }
}
.p-estimate__table-set {
  border: 1px solid #E4E4E4;
  font-size: 0.875rem;
  width: 100%;
  border-collapse: collapse;
  text-align: center;
}
.p-estimate__table-set th {
  background-color: #F8F8F8;
  font-weight: 400;
}
.p-estimate__table-set th,
.p-estimate__table-set td {
  border: 1px solid #E4E4E4;
}
.p-estimate__delete {
  text-decoration: underline;
  text-underline-offset: 3px;
}
.p-estimate__delete:hover {
  text-decoration: underline;
  text-underline-offset: 3px;
  color: #808080;
}
@media screen and (max-width: 1023px) {
  .p-estimate__delete {
    font-size: 0.875rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-estimate__repair {
    width: 84px;
    height: 32px;
    font-size: 0.75rem;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
  }
}
.p-estimate__table thead {
  height: 66px;
  background-color: #F8F8F8;
}
.p-estimate__table thead th {
  height: 66px;
  vertical-align: middle;
}
.p-estimate__product-info {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.p-estimate__product-info img {
  margin: 14px 0 14px 17px;
  width: 64px;
  height: 64px;
}
.p-estimate__product-info-link {
  color: inherit;
  display: inline-block;
  cursor: pointer;
}
.p-estimate__product-info-details {
  margin-left: 10px;
  padding: 19px 0;
  text-align: left;
}
.p-estimate__product-info-details:hover {
  color: #808080;
}
.p-estimate__product-info-details__input-approval dt,
.p-estimate__product-info-details span {
  color: #808080;
}
@media screen and (max-width: 1023px) {
  .p-estimate__product-info-details {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: 0;
  }
}
.p-estimate__product-info-details p {
  font-size: 0.875rem;
  text-decoration: underline;
  text-underline-offset: 3px;
  line-height: 1.5;
}
@media screen and (max-width: 1023px) {
  .p-estimate__product-button-set-SP {
    display: flex;
    justify-content: flex-end;
  }
}
@media screen and (max-width: 1023px) {
  .p-estimate__repair-SP {
    display: flex;
    justify-content: flex-end;
    margin-top: 12px;
  }
}
@media screen and (max-width: 1023px) {
  .p-estimate__SP-product-info p.p-estimate-grain-title,
  .p-estimate__SP-product-info p.p-estimate__product-method-title,
  .p-estimate__SP-product-info p.p-estimate__product-posision-title {
    width: auto;
  }
}
.p-estimate__footer {
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .p-estimate__footer {
    margin-top: 50px;
    margin-bottom: 120px;
  }
}
@media screen and (max-width: 1023px) {
  .p-estimate__footer {
    margin-top: 64px;
  }
}
.p-estimate__footer-submit {
  display: flex;
}
@media screen and (max-width: 1023px) {
  .p-estimate__footer-submit {
    margin: -40px auto 0 auto;
  }
}
@media screen and (min-width: 1024px) {
  .p-estimate__footer-submit button {
    width: 298px;
    padding-top: 15px;
    margin-top: 0;
  }
}
.p-estimate .c-btn--back:hover {
  color: #000;
  background-color: #D8D8D9;
  border: 1px solid #D8D8D9;
  transition: background-color 0.3s ease-in-out;
}
.p-estimate__back-btn {
  width: 256px;
  height: 46px;
}
@media screen and (min-width: 1024px) {
  .p-estimate .c-back-to-top {
    display: none;
  }
}

.p-estimate-addressee {
  padding: 0;
}
@media screen and (min-width: 1024px) {
  .p-estimate-addressee__wrapper {
    max-width: 1156px;
    margin: 0 40px;
  }
}
.p-estimate-addressee__header {
  text-align: center;
}
.p-estimate-addressee__header-title {
  display: block;
  font-weight: 600;
  margin-top: 0;
}
@media screen and (min-width: 1024px) {
  .p-estimate-addressee__header-title {
    font-size: 1.25rem;
    padding: 78px 0 44px;
  }
}
@media screen and (max-width: 1023px) {
  .p-estimate-addressee__header-title {
    font-size: 1.125rem;
    padding: 40px 0 47px 0;
  }
}
@media screen and (min-width: 1024px) {
  .p-estimate-addressee .p-estimate-addressee__message {
    margin-top: 20px;
    padding-bottom: 20px;
  }
}
@media screen and (max-width: 1023px) {
  .p-estimate-addressee .p-estimate-addressee__message {
    margin-top: 30px;
    line-height: 1.68;
    padding-bottom: 21px;
  }
}
.p-estimate-addressee .p-estimate-addressee__message p {
  font-size: 1rem;
}
@media screen and (max-width: 1023px) {
  .p-estimate-addressee .p-estimate-addressee__message p {
    /* padding-top: 19px; */
    line-height: 1.6875;
  }
}
@media screen and (min-width: 1024px) {
  .p-estimate-addressee .p-estimate-addressee__card {
    padding-top: 32px;
    padding-bottom: 3px;
  }
}
@media screen and (max-width: 1023px) {
  .p-estimate-addressee .p-estimate-addressee__card {
    padding-top: 37px;
  }
}
.p-estimate-addressee .p-estimate-addressee__card-title {
  font-weight: 400;
  margin-top: 0;
}
@media screen and (min-width: 1024px) {
  .p-estimate-addressee .p-estimate-addressee__card-title {
    font-size: 1.25rem;
    padding-bottom: 11px;
  }
}
@media screen and (max-width: 1023px) {
  .p-estimate-addressee .p-estimate-addressee__card-title {
    padding-bottom: 2px;
  }
}
.p-estimate-addressee .p-estimate-addressee__card-separator {
  background-color: #808080;
}
@media screen and (min-width: 1024px) {
  .p-estimate-addressee .p-estimate-addressee__card-separator {
    height: 1px;
    margin-top: 0;
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 1023px) {
  .p-estimate-addressee .p-estimate-addressee__card-separator {
    height: 1px;
    margin-bottom: 24px;
  }
}
@media screen and (min-width: 1024px) {
  .p-estimate-addressee .p-estimate-addressee__card-content-list {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding-bottom: 24px;
  }
}
@media screen and (max-width: 1023px) {
  .p-estimate-addressee .p-estimate-addressee__card-content-list {
    padding-bottom: 14px;
  }
}
.p-estimate-addressee .p-estimate-addressee__card-content-list dl {
  display: flex;
  border: 1px solid #000000;
  flex-wrap: nowrap;
  position: relative;
  box-sizing: border-box;
  cursor: pointer;
}
.p-estimate-addressee .p-estimate-addressee__card-content-list dl:has(input[type=radio]:not(:checked)) {
  border-color: #D8D8D9;
}
@media screen and (min-width: 1024px) {
  .p-estimate-addressee .p-estimate-addressee__card-content-list dl {
    width: calc(50% - 6px);
    min-height: 180px;
    max-height: 230px;
  }
}
@media screen and (max-width: 1023px) {
  .p-estimate-addressee .p-estimate-addressee__card-content-list dl {
    width: 100%;
    margin-top: 16px;
  }
}
.p-estimate-addressee .p-estimate-addressee__card-content-list dl dt {
  text-align: center;
  margin: auto;
  display: flex;
}
.p-estimate-addressee .p-estimate-addressee__card-content-list dl dd {
  width: 100%;
  margin: 0 auto;
  box-sizing: border-box;
}
@media screen and (min-width: 1024px) {
  .p-estimate-addressee .p-estimate-addressee__card-content-list dl dd {
    padding: 24px 0;
  }
}
@media screen and (max-width: 1023px) {
  .p-estimate-addressee .p-estimate-addressee__card-content-list dl dd {
    display: flex;
    padding: 21px 1px 18px;
  }
}
.p-estimate-addressee .p-estimate-addressee__card-content-list-shop {
  margin-top: 22px;
}
@media screen and (min-width: 1024px) {
  .p-estimate-addressee .p-estimate-addressee__card-content-list-shop {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding-bottom: 24px;
  }
}
@media screen and (max-width: 1023px) {
  .p-estimate-addressee .p-estimate-addressee__card-content-list-shop {
    margin-top: 16px;
    padding-bottom: 14px;
  }
}
.p-estimate-addressee .p-estimate-addressee__card-content-list-shop dl {
  display: flex;
  border: 1px solid #000000;
  flex-wrap: nowrap;
  position: relative;
  box-sizing: border-box;
  cursor: pointer;
}
.p-estimate-addressee .p-estimate-addressee__card-content-list-shop dl:has(input[type=radio]:not(:checked)) {
  border-color: #D8D8D9;
}
@media screen and (min-width: 1024px) {
  .p-estimate-addressee .p-estimate-addressee__card-content-list-shop dl {
    width: calc(50% - 6px);
    min-height: 180px;
    max-height: 230px;
  }
}
@media screen and (max-width: 1023px) {
  .p-estimate-addressee .p-estimate-addressee__card-content-list-shop dl {
    width: 100%;
    margin-top: 16px;
  }
}
.p-estimate-addressee .p-estimate-addressee__card-content-list-shop dl dt {
  text-align: center;
  margin: auto;
  display: flex;
}
.p-estimate-addressee .p-estimate-addressee__card-content-list-shop dl dd {
  width: 100%;
  margin: 0 auto;
  box-sizing: border-box;
}
@media screen and (min-width: 1024px) {
  .p-estimate-addressee .p-estimate-addressee__card-content-list-shop dl dd {
    padding: 24px 0;
  }
}
@media screen and (max-width: 1023px) {
  .p-estimate-addressee .p-estimate-addressee__card-content-list-shop dl dd {
    display: flex;
    padding: 22px 1px 16px;
  }
}
.p-estimate-addressee .p-estimate-addressee__card-content-list-shop .--disabled {
  background-color: #D8D8D9;
  border-color: #acacac;
  cursor: not-allowed;
  /*
  display: flex;
  border: 1px solid #000000;
  flex-wrap: nowrap;
  position: relative;
  box-sizing: border-box;
  */
}
@media screen and (min-width: 1024px) {
  .p-estimate-addressee .p-estimate-addressee__card-content-list-shop .--disabled {
    width: calc(50% - 6px);
    min-height: 180px;
    max-height: 230px;
  }
}
.p-estimate-addressee .p-estimate-addressee__card-content-list-shop .--disabled dd {
  padding-top: 47px;
  color: #ff5655;
}
@media screen and (max-width: 1023px) {
  .p-estimate-addressee .p-estimate-addressee__card-content-list-shop .--disabled dd {
    padding-top: 18px;
  }
}
.p-estimate-addressee .p-estimate-addressee__card-content-list-shop .--disabled div,
.p-estimate-addressee .p-estimate-addressee__card-content-list-shop .--disabled label {
  cursor: not-allowed;
}
@media screen and (min-width: 1024px) {
  .p-estimate-addressee .p-estimate-addressee__card-content-list-shop .--disabled p {
    margin: 0;
    padding: 0;
  }
}
@media screen and (min-width: 1024px) {
  .p-estimate-addressee .p-estimate-addressee__card-content-list-new {
    margin-bottom: 30px;
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
}
@media screen and (max-width: 1023px) {
  .p-estimate-addressee .p-estimate-addressee__card-content-list-new {
    margin-top: -3px;
    margin-bottom: 16px;
  }
}
.p-estimate-addressee .p-estimate-addressee__card-content-list-new dl {
  display: flex;
  border: 1px solid #000000;
  flex-wrap: nowrap;
  position: relative;
  box-sizing: border-box;
}
.p-estimate-addressee .p-estimate-addressee__card-content-list-new dl:has(input[type=radio]:not(:checked)) {
  border-color: #D8D8D9;
}
@media screen and (min-width: 1024px) {
  .p-estimate-addressee .p-estimate-addressee__card-content-list-new dl {
    min-height: 74px;
    max-height: 74px;
    width: 100%;
    padding-top: 5px;
  }
}
@media screen and (max-width: 1023px) {
  .p-estimate-addressee .p-estimate-addressee__card-content-list-new dl {
    width: 100%;
    margin-top: 16px;
  }
}
.p-estimate-addressee .p-estimate-addressee__card-content-list-new dl dt {
  text-align: center;
  margin: auto;
  display: flex;
}
.p-estimate-addressee .p-estimate-addressee__card-content-list-new dl dd {
  width: 100%;
  margin: 0 auto;
  box-sizing: border-box;
}
@media screen and (min-width: 1024px) {
  .p-estimate-addressee .p-estimate-addressee__card-content-list-new dl dd {
    padding-top: 20px;
  }
}
@media screen and (max-width: 1023px) {
  .p-estimate-addressee .p-estimate-addressee__card-content-list-new dl dd {
    height: 66px;
    padding-top: 25px;
  }
}
@media screen and (min-width: 1024px) {
  .p-estimate-addressee .p-estimate-addressee__card-content-radio {
    width: 86px;
    padding-top: 6px;
    margin: auto;
  }
}
@media screen and (max-width: 1023px) {
  .p-estimate-addressee .p-estimate-addressee__card-content-radio {
    width: 50px;
    padding-top: 8px;
  }
}
.p-estimate-addressee .p-estimate-addressee__card-content-radio .cursorset {
  cursor: pointer;
}
@media screen and (min-width: 1024px) {
  .p-estimate-addressee .p-estimate-addressee__card-content-record p {
    padding-bottom: 11px;
    line-height: 1.5;
  }
}
@media screen and (max-width: 1023px) {
  .p-estimate-addressee .p-estimate-addressee__card-content-record p {
    padding-bottom: 4px;
    line-height: 1.6428571429;
  }
}
@media screen and (max-width: 1023px) {
  .p-estimate-addressee .p-estimate-addressee__card-content-record .shopname {
    margin-bottom: 2px;
  }
}
.p-estimate-addressee .p-estimate-addressee__card-content-record .p-inquiry {
  margin-top: 10px;
}
@media screen and (max-width: 1023px) {
  .p-estimate-addressee .p-estimate-addressee__card-content-record .p-inquiry {
    margin-top: 0;
  }
}
.p-estimate-addressee .p-estimate-addressee__card-content-record .p-inquiry .c-text--sm {
  padding-left: 0;
}
@media screen and (max-width: 1023px) {
  .p-estimate-addressee .p-estimate-addressee__card-content-record .p-inquiry .c-text--sm {
    font-size: 0.875rem;
  }
}
.p-estimate-addressee .p-estimate-addressee__card-content-record span {
  display: block;
  line-height: 1.5;
}
@media screen and (max-width: 1023px) {
  .p-estimate-addressee .p-estimate-addressee__card-content-record span {
    line-height: 1.6428571429;
  }
}
.p-estimate-addressee .p-estimate-addressee__card-content-message {
  padding-left: 4px;
}
@media screen and (min-width: 1024px) {
  .p-estimate-addressee .p-estimate-addressee__card-content-message p {
    line-height: 1.5;
  }
}
@media screen and (max-width: 1023px) {
  .p-estimate-addressee .p-estimate-addressee__card-content-message p {
    line-height: 1.2857142857;
    padding-left: 1.5em;
    text-indent: -0.875em;
  }
}
.p-estimate-addressee__input {
  border: 1px solid #000000;
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.3s ease, opacity 0.3s ease, transform 0.3s ease;
  opacity: 0;
  transform: translateY(-4px);
  visibility: hidden;
}
@media screen and (max-width: 1023px) {
  .p-estimate-addressee__input {
    border-top: none;
  }
}
.p-estimate-addressee__input .p-estimate-addressee-input-form {
  margin-top: 0px;
  margin-bottom: 0px;
  overflow: hidden;
}
.p-estimate-addressee__input .c-text--sm {
  color: #808080;
  padding-left: 0;
}
.p-estimate-addressee__input dl {
  text-align: left;
}
@media screen and (min-width: 1024px) {
  .p-estimate-addressee__input dl {
    margin-top: 30px;
  }
}
@media screen and (max-width: 1023px) {
  .p-estimate-addressee__input dl {
    margin-top: 30px;
    padding: 0;
  }
}
@media screen and (min-width: 1024px) {
  .p-estimate-addressee__input dl:first-child {
    padding-top: 66px;
  }
}
@media screen and (max-width: 1023px) {
  .p-estimate-addressee__input dl:first-child {
    padding-top: 21px;
  }
}
.p-estimate-addressee__input dl dt {
  padding: 0;
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .p-estimate-addressee__input dl dt {
    padding-bottom: 9px;
  }
}
@media screen and (max-width: 1023px) {
  .p-estimate-addressee__input dl dt {
    padding-bottom: 7px;
  }
}
@media screen and (min-width: 1024px) {
  .p-estimate-addressee__input dl dt.p-register__content-primary {
    padding-bottom: 10px;
  }
}
@media screen and (max-width: 1023px) {
  .p-estimate-addressee__input dl dt.p-register__content-primary {
    padding-bottom: 7px;
  }
}
.p-estimate-addressee__input dl dt.p-register__content-primary .p-register__content-wrapper {
  display: flex;
  align-items: center;
}
@media screen and (min-width: 1024px) {
  .p-estimate-addressee__input dl dt.p-register__content-primary .p-register__content-wrapper span {
    line-height: 20px;
    /* c-primaryと同じ値でセンタリング */
  }
}
@media screen and (max-width: 1023px) {
  .p-estimate-addressee__input dl dt.p-register__content-primary .p-register__content-wrapper span {
    line-height: 18px;
    /* c-primaryと同じ値でセンタリング */
  }
}
@media screen and (min-width: 1024px) {
  .p-estimate-addressee__input dl dt.p-register__content-primary .p-register__content-wrapper .c-primary {
    line-height: 20px;
    /* spanと同じ値 */
  }
}
@media screen and (max-width: 1023px) {
  .p-estimate-addressee__input dl dt.p-register__content-primary .p-register__content-wrapper .c-primary {
    line-height: 18px;
    /* spanと同じ値 */
  }
}
@supports (-webkit-touch-callout: none) {
  @media screen and (max-width: 1023px) {
    .p-estimate-addressee__input dl dt.p-register__content-primary .p-register__content-wrapper .c-primary {
      line-height: 18px !important;
      display: block !important;
      text-align: center !important;
    }
  }
}
.p-estimate-addressee__input dl dd {
  padding: 0;
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .p-estimate-addressee__input dl dd {
    padding-bottom: 12px;
  }
}
@media screen and (max-width: 1023px) {
  .p-estimate-addressee__input dl dd {
    padding-bottom: 11px;
  }
}
.p-estimate-addressee__input dl dd:last-child {
  display: flex;
  align-items: center;
}
@media screen and (min-width: 1024px) {
  .p-estimate-addressee__input dl dd:last-child {
    padding-bottom: 0;
  }
}
@media screen and (max-width: 1023px) {
  .p-estimate-addressee__input dl dd:last-child {
    padding-bottom: 0;
    gap: 5px;
  }
}
@media screen and (max-width: 1023px) {
  .p-estimate-addressee__input dl dd input[type=text] {
    height: 40px;
    padding-top: 2px;
  }
}
@media screen and (min-width: 1024px) {
  .p-estimate-addressee__input-name input[type=text] {
    min-width: 300px;
    margin-right: 8px;
  }
}
@media screen and (max-width: 1023px) {
  .p-estimate-addressee__input-name input[type=text] {
    width: 49%;
  }
}
@media screen and (max-width: 1023px) {
  .p-estimate-addressee__input-name dd {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
  }
}
@media screen and (min-width: 1024px) {
  .p-estimate-addressee__input-syamei input[type=text], .p-estimate-addressee__input-busho input[type=text] {
    min-width: 612px;
  }
}
@media screen and (max-width: 1023px) {
  .p-estimate-addressee__input-syamei input[type=text], .p-estimate-addressee__input-busho input[type=text] {
    width: 100%;
  }
}
.p-estimate-addressee__input-addr {
  margin: 2px 0;
}
@media screen and (max-width: 1023px) {
  .p-estimate-addressee__input-addr {
    margin: 6px 0;
  }
}
.p-estimate-addressee__input-addr dd {
  padding-bottom: 12px;
}
@media screen and (min-width: 1024px) {
  .p-estimate-addressee__input-addr dd {
    display: flex;
    align-items: baseline;
  }
}
@media screen and (min-width: 1024px) {
  .p-estimate-addressee__input-addr dd span {
    width: 150px;
  }
}
@media screen and (max-width: 1023px) {
  .p-estimate-addressee__input-addr dd span {
    display: block;
    padding-bottom: 4px;
    line-height: 1.5;
  }
}
@media screen and (max-width: 1023px) {
  .p-estimate-addressee__input-addr dd > input[type=text] {
    margin-top: 1px;
  }
}
@media screen and (max-width: 1023px) {
  .p-estimate-addressee__input-addr dd input[type=text] {
    width: 100%;
  }
}
@media screen and (max-width: 1023px) {
  .p-estimate-addressee__input-addr-zip {
    margin-top: -1px;
  }
}
@media screen and (min-width: 1024px) {
  .p-estimate-addressee__input-addr-zip span {
    max-width: 28px;
  }
}
@media screen and (max-width: 1023px) {
  .p-estimate-addressee__input-addr-zip span {
    display: inline !important;
  }
}
@media screen and (min-width: 1024px) {
  .p-estimate-addressee__input-addr-zip input[type=text] {
    width: 200px !important;
  }
}
@media screen and (max-width: 1023px) {
  .p-estimate-addressee__input-addr-zip input[type=text] {
    width: 148px !important;
    margin-left: 3px;
  }
}
@media screen and (min-width: 1024px) {
  .p-estimate-addressee__input-addr-pref {
    width: 300px;
    display: inline-block;
  }
}
@media screen and (max-width: 1023px) {
  .p-estimate-addressee__input-addr-pref {
    width: 200px;
  }
}
@media screen and (min-width: 1024px) {
  .p-estimate-addressee__input-addr input[type=text] {
    width: 512px;
  }
}
@media screen and (min-width: 1024px) {
  .p-estimate-addressee__input-tel input[type=text] {
    width: 300px;
  }
}
@media screen and (max-width: 1023px) {
  .p-estimate-addressee__input-tel input[type=text] {
    width: 100%;
  }
}
.p-estimate-addressee__input-approval input[type=checkbox] {
  margin-right: 8px;
}
@media screen and (max-width: 1023px) {
  .p-estimate-addressee__input-approval dt {
    margin-top: -1px;
  }
}
.p-estimate-addressee__input-approval dt > span {
  font-size: 1rem;
  font-weight: bold;
}
@media screen and (max-width: 1023px) {
  .p-estimate-addressee__input-approval dd {
    padding-top: 9px !important;
    padding-left: 4px !important;
  }
}
@media screen and (max-width: 1023px) {
  .p-estimate-addressee__input-approval dd input[type=checkbox] {
    margin-right: 0;
  }
}
.p-estimate-addressee__input-approval dd span {
  font-weight: 400;
}
.p-estimate-addressee:has(#address_new:checked) .p-estimate-addressee__input {
  grid-template-rows: 1fr;
  opacity: 1;
  transform: none;
  visibility: visible;
}
@media screen and (min-width: 1024px) {
  .p-estimate-addressee:has(#address_new:checked) .p-estimate-addressee__input {
    margin-bottom: 30px;
  }
}
.p-estimate-addressee:has(#address_new:checked) .p-estimate-addressee__input .p-estimate-addressee-input-form {
  margin-top: 45px;
  margin-bottom: 70px;
}
@media screen and (min-width: 1024px) {
  .p-estimate-addressee:has(#address_new:checked) .p-estimate-addressee__input .p-estimate-addressee-input-form {
    overflow: visible;
  }
}
@media screen and (max-width: 1023px) {
  .p-estimate-addressee:has(#address_new:checked) .p-estimate-addressee__input .p-estimate-addressee-input-form {
    overflow: visible;
  }
}
@media screen and (max-width: 480px) {
  .p-estimate-addressee:has(#address_new:checked) .p-estimate-addressee__input .p-estimate-addressee-input-form {
    overflow: hidden;
  }
}
.p-estimate-addressee__footer {
  text-align: center;
}

.p-estimate-addressee__card-content-record.--unselect {
  opacity: 1 !important;
}
.p-estimate-addressee__card-content-record:not(.--unselect) {
  color: rgb(0, 0, 0) !important;
  opacity: 1 !important;
}
.p-estimate-addressee__card-content-record:not(.--unselect) p,
.p-estimate-addressee__card-content-record:not(.--unselect) span {
  color: rgb(0, 0, 0) !important;
}
.p-estimate-addressee__card-content-record.--disabled {
  color: #FF5655 !important;
  cursor: not-allowed;
}
.p-estimate-addressee__card-content-record.--disabled p {
  color: #FF5655 !important;
}
.p-estimate-addressee__card-content-record.--disabled span {
  color: #000000 !important;
}
.p-estimate-addressee__card-content-list-shop .--disabled .p-estimate-addressee__card-content-record p {
  color: #FF5655 !important;
}
.p-estimate-addressee__card-content-list-shop .--disabled .p-estimate-addressee__card-content-record span:not(.p-inquiry) {
  color: #FF5655 !important;
}
@media screen and (min-width: 1024px) {
  .p-estimate-detail .p-estimate-detail__header-wrapper,
  .p-estimate-detail .p-estimate-detail__content-wrapper {
    min-width: 1156px;
    margin: 0 40px;
  }
}
@media screen and (max-width: 1023px) {
  .p-estimate-detail .p-estimate-detail__header-wrapper,
  .p-estimate-detail .p-estimate-detail__content-wrapper {
    max-width: 100vw;
    margin: 0 auto;
  }
}
.p-estimate-detail__header {
  text-align: center;
  /*
  &-delete   { width: 60px; }
  &-number   { width: 133px; }
  */
  /*
  &-price    { width: 133px; }
  &-date     { width: 170px; }
  */
}
.p-estimate-detail__header-ttl {
  margin: 45px 0 31px;
}
@media screen and (max-width: 1023px) {
  .p-estimate-detail__header-ttl {
    margin-top: 40px;
  }
}
.p-estimate-detail__header-product {
  width: 310px;
  padding: 13px 0 9px;
}
.p-estimate-detail__header-size {
  width: 82px;
}
.p-estimate-detail__header-grain {
  width: 65px;
}
.p-estimate-detail__header-method {
  width: 82px;
}
.p-estimate-detail__header-posision {
  width: 53px;
}
.p-estimate-detail__header-delivery-method {
  width: 66px;
}
.p-estimate-detail__header-quantity {
  width: 54px;
}
.p-estimate-detail__header-cutting {
  width: 67px;
}
.p-estimate-detail__header-finished {
  width: 93px;
}
.p-estimate-detail__header-paper {
  width: 113px;
}
.p-estimate-detail__header-processing {
  width: 74px;
}
.p-estimate-detail__header-total {
  width: 96px;
}
.p-estimate-detail__header .p-shopCart__header-ttl {
  font-size: 1.25rem;
}
.p-estimate-detail__product-info {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.p-estimate-detail__product-info img {
  margin: 0px 23px 14px 15px;
  width: 64px;
  height: 64px;
}
.p-estimate-detail__product-info .p-estimate-detail__product-link {
  color: inherit;
  display: flex;
  flex-direction: column;
  width: 100%;
  cursor: pointer;
}
.p-estimate-detail__product-info .p-estimate-detail__product-details {
  text-align: left;
  padding: 18px 0;
}
.p-estimate-detail__product-info .p-estimate-detail__product-details:hover {
  color: #808080;
}
.p-estimate-detail__product-info .p-estimate-detail__product-details p {
  font-size: 0.875rem;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.p-estimate-detail__product-info .p-estimate-detail__product-details .reset {
  text-underline-offset: 4px;
}
.p-estimate-detail__product-info-SP .p-estimate-detail__product-details:hover {
  color: #808080;
}
.p-estimate-detail__sparate-menu {
  margin-bottom: 30px;
  margin-top: 30px;
}
@media screen and (max-width: 1023px) {
  .p-estimate-detail__sparate-menu {
    margin-top: 40px;
  }
}
.p-estimate-detail__wrapper {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  gap: 40px;
}
@media screen and (max-width: 1023px) {
  .p-estimate-detail__wrapper {
    flex-direction: column;
    gap: 16px;
  }
}
.p-estimate-detail__section {
  flex: 1 1;
  display: flex;
  flex-direction: column;
}
.p-estimate-detail__section__table {
  width: 100%;
  height: 100%;
  border-collapse: collapse;
  font-size: 0.875rem;
}
.p-estimate-detail__section__table p {
  font-size: 0.875rem;
  line-height: 1.5714285714;
}
@media screen and (max-width: 1023px) {
  .p-estimate-detail__section__table p {
    font-size: 0.75rem;
    line-height: 1.5;
  }
}
.p-estimate-detail__section__table th {
  font-weight: 400;
  border: 1px solid #E4E4E4;
}
.p-estimate-detail__table {
  width: 100%;
  height: 100%;
  border-collapse: collapse;
  font-size: 0.875rem;
}
@media screen and (max-width: 1023px) {
  .p-estimate-detail__table {
    display: none;
  }
}
.p-estimate-detail__table p {
  font-size: 0.875rem;
  line-height: 1.5714285714;
}
.p-estimate-detail__table th {
  font-weight: 400;
  border: 1px solid #E4E4E4;
}
.p-estimate-detail__SP-table {
  display: none;
}
@media screen and (max-width: 1023px) {
  .p-estimate-detail__SP-table {
    display: block;
  }
}
.p-estimate-detail__product-cell {
  display: flex;
  justify-content: space-between;
  padding-bottom: 21px;
  border-bottom: 0.5px solid rgba(0, 0, 0, 0.25);
}
@media screen and (max-width: 1023px) {
  .p-estimate-detail__product-cell {
    flex-wrap: wrap;
    flex-direction: column;
    margin: 0 -20px;
    padding: 0 20px 21px;
  }
}
.p-estimate-detail__product-main {
  display: flex;
  gap: 24px;
}
@media screen and (max-width: 1023px) {
  .p-estimate-detail__product-main {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
@media screen and (max-width: 1023px) {
  .p-estimate-detail__product-info-SP {
    display: flex;
    align-items: center;
    gap: 16px;
  }
}
@media screen and (max-width: 1023px) {
  .p-estimate-detail__product-link {
    color: inherit;
    display: flex;
    flex-direction: column;
    width: 100%;
    cursor: pointer;
  }
}
@media screen and (max-width: 1023px) {
  .p-estimate-detail__product-cell img {
    height: 78px;
    width: 78px;
  }
}
@media screen and (max-width: 1023px) {
  .p-estimate-detail__product-cell p {
    font-size: 0.75rem;
    line-height: 1.5;
  }
}
.p-estimate-detail__product-details {
  text-align: left;
}
.p-estimate-detail__product-details p {
  font-size: 0.875rem;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.p-estimate-detail__product-details .reset {
  text-underline-offset: 4px;
}
@media screen and (max-width: 1023px) {
  .p-estimate-detail__product-item {
    width: 100%;
    padding-left: 0;
    padding-top: 16px;
    border-left: none;
    border-top: 0.5px solid #E4E4E4;
    margin-top: 13px;
  }
}
.p-estimate-detail__product-item-set-second {
  display: flex;
}
@media screen and (max-width: 1023px) {
  .p-estimate-detail__product-item-set-second {
    flex-direction: row;
  }
}
.p-estimate-detail__product-item-set {
  display: flex;
  white-space: nowrap;
  flex-wrap: wrap;
  padding: 4px;
}
@media screen and (max-width: 1023px) {
  .p-estimate-detail__product-item-set {
    padding: 0;
    gap: 3px;
  }
  .p-estimate-detail__product-item-set.reset {
    gap: 0px;
  }
}
@media screen and (max-width: 1023px) {
  .p-estimate-detail__product-size-title, .p-estimate-detail__product-grain-title, .p-estimate-detail__product-method-title, .p-estimate-detail__product-posision-title, .p-estimate-detail__product-quantity-title, .p-estimate-detail__product-cutting-title, .p-estimate-detail__product-money-title, .p-estimate-detail__product-processing-title, .p-estimate-detail__product-finished-title {
    flex: 0 0 130px;
    position: relative;
  }
  .p-estimate-detail__product-size-title::after, .p-estimate-detail__product-grain-title::after, .p-estimate-detail__product-method-title::after, .p-estimate-detail__product-posision-title::after, .p-estimate-detail__product-quantity-title::after, .p-estimate-detail__product-cutting-title::after, .p-estimate-detail__product-money-title::after, .p-estimate-detail__product-processing-title::after, .p-estimate-detail__product-finished-title::after {
    content: ":";
    position: absolute;
    margin-right: 5px;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
  }
}
@media screen and (max-width: 1023px) {
  .p-estimate-detail__product-money-title {
    flex: 0 0 130px;
    flex-shrink: 0;
  }
  .p-estimate-detail__product-money-title.reset::after {
    content: "";
  }
}
@media screen and (max-width: 1023px) {
  .p-estimate-detail__product-money-note.reset {
    width: calc(100% - 130px);
  }
}
.p-estimate-detail__product-size-title {
  display: flex;
  white-space: nowrap;
  flex-wrap: wrap;
  padding: 4px;
}
@media screen and (max-width: 1023px) {
  .p-estimate-detail__product-size-title {
    padding: 0;
  }
}
@media screen and (max-width: 1023px) {
  .p-estimate-detail__finished-quantity {
    flex: 0 0 130px;
  }
}
.p-estimate-detail__table-set {
  border: 1px solid #E4E4E4;
  font-size: 0.875rem;
  width: 100%;
  border-collapse: collapse;
  text-align: center;
}
.p-estimate-detail__table-set th {
  background-color: #F8F8F8;
  font-weight: 400;
}
.p-estimate-detail__table-set th,
.p-estimate-detail__table-set td {
  border: 1px solid #E4E4E4;
}
.p-estimate-detail__label {
  background-color: #F5F5F5;
  width: 178px;
  text-align: center;
  align-items: center;
  white-space: nowrap;
  vertical-align: middle;
  height: 60px;
}
@media screen and (max-width: 1023px) {
  .p-estimate-detail__label {
    width: 129px;
    font-size: 0.75rem;
    text-align: left;
    padding-left: 16px;
    vertical-align: middle;
    height: auto;
  }
}
.p-estimate-detail__label--to {
  background-color: #F5F5F5;
  width: 178px;
  vertical-align: top;
  padding-top: 20px;
}
@media screen and (max-width: 1023px) {
  .p-estimate-detail__label--to {
    width: 129px;
    vertical-align: middle;
    padding: 0;
  }
}
@media screen and (max-width: 1023px) {
  .p-estimate-detail__address-title {
    bottom: 0;
    font-size: 0.75rem;
    text-align: left;
    padding-left: 16px;
  }
}
.p-estimate-detail__section--info .p-estimate-detail__section__table td {
  padding-left: 30px;
  vertical-align: middle;
  height: 60px;
}
@media screen and (max-width: 1023px) {
  .p-estimate-detail__section--info .p-estimate-detail__section__table td {
    padding-left: 16px;
    vertical-align: middle;
    font-size: 0.75rem;
    height: 41px;
  }
}
.p-estimate-detail__address-line {
  display: block;
}
@media screen and (max-width: 1023px) {
  .p-estimate-detail__address-line {
    font-size: 0.75rem;
  }
}
.p-estimate-detail__section--address .p-estimate-detail__value--to {
  vertical-align: top;
  padding: 20px 0 46px 30px;
}
@media screen and (max-width: 1023px) {
  .p-estimate-detail__section--address .p-estimate-detail__value--to {
    padding: 20px 0 13px 16px;
  }
}
.p-estimate-detail__summary-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 82px;
  margin-top: 27px;
}
@media screen and (max-width: 1023px) {
  .p-estimate-detail__summary-wrapper {
    flex-direction: column-reverse;
    margin-top: 34px;
    gap: 33px;
  }
}
.p-estimate-detail__notes {
  flex: 1 1 60%;
  margin-top: 219px;
  color: #808080;
}
@media screen and (max-width: 1023px) {
  .p-estimate-detail__notes {
    margin-top: 0;
  }
}
.p-estimate-detail__notes p {
  font-size: 0.75rem;
  line-height: 1.5;
}
.p-estimate-detail__attention {
  padding-right: 10px;
}
@media screen and (max-width: 1023px) {
  .p-estimate-detail__attention {
    padding-right: 4px;
    white-space: nowrap;
  }
}
.p-estimate-detail__total {
  flex: 1 1;
}
.p-estimate-detail__total-table {
  width: 100%;
  border-collapse: collapse;
}
.p-estimate-detail__total-table-set {
  display: flex;
  justify-content: space-between;
  border-bottom: 0.5px solid #E4E4E4;
  padding-right: 4px;
  padding-bottom: 2px;
  margin-bottom: 29px;
}
@media screen and (max-width: 1023px) {
  .p-estimate-detail__total-table-set {
    margin-bottom: 21px;
    padding-left: 12px;
    padding-bottom: 0;
  }
}
.p-estimate-detail__total-label-set {
  display: flex;
}
@media screen and (max-width: 1023px) {
  .p-estimate-detail__total-label-set {
    align-items: flex-end;
  }
}
.p-estimate-detail__note {
  font-size: 0.625rem;
  white-space: pre-wrap;
}
@media screen and (max-width: 1023px) {
  .p-estimate-detail__note {
    font-size: 8px;
    line-height: 1.5;
    transform: translateY(-7px);
  }
}
@media screen and (max-width: 1023px) {
  .p-estimate-detail__note sup {
    font-size: 0.75rem;
    vertical-align: top;
    margin-right: 4px;
  }
}
.p-estimate-detail__notes-first {
  display: flex;
  white-space: nowrap;
}
.p-estimate-detail__notes-first:first-child {
  margin-bottom: 9px;
}
@media screen and (max-width: 1023px) {
  .p-estimate-detail__notes-first {
    white-space: normal;
  }
  .p-estimate-detail__notes-first:first-child {
    margin-bottom: 8px;
  }
}
@media screen and (max-width: 1023px) {
  .p-estimate-detail__notes-first .p-estimate-detail__note {
    transform: translateY(0px);
  }
}
.p-estimate-detail__notes-second {
  display: flex;
  white-space: nowrap;
}
.p-estimate-detail__note + .p-estimate-detail__note {
  margin-bottom: 11px;
}
@media screen and (max-width: 1023px) {
  .p-estimate-detail__note + .p-estimate-detail__note {
    margin-left: 0;
  }
}
.p-estimate-detail__total-row--grand {
  display: flex;
  justify-content: space-between;
  margin-top: -8px;
  padding-left: 4px;
}
@media screen and (max-width: 1023px) {
  .p-estimate-detail__total-row--grand {
    padding-left: 12px;
  }
}
.p-estimate-detail__total-value {
  font-size: 0.875rem;
}
.p-estimate-detail__total-value.p-estimate-detail__total-value--grand {
  text-align: right;
}
.p-estimate-detail__total-value.p-estimate-detail__total-value--grand strong {
  font-size: 1.125rem;
}
.p-estimate-detail__total-value.p-estimate-detail__total-value--grand span {
  font-size: 0.75rem;
}
.p-estimate-detail__total-label {
  font-size: 0.875rem;
}
@media screen and (max-width: 1023px) {
  .p-estimate-detail__total-label {
    margin-left: 0;
  }
}
.p-estimate-detail__footer {
  margin-top: 43px;
}
@media screen and (max-width: 1023px) {
  .p-estimate-detail__footer {
    margin-top: 57px;
  }
}
.p-estimate-detail__footer button {
  width: 260px;
  height: 46px;
}
@media screen and (max-width: 1023px) {
  .p-estimate-detail__footer button {
    width: 254px;
    height: 48px;
  }
}
.p-estimate-detail__buttons {
  display: flex;
  flex-direction: column;
  margin-top: 22px;
}
@media screen and (max-width: 1023px) {
  .p-estimate-detail__buttons {
    align-items: center;
    margin-top: 36px;
  }
}
.p-estimate-detail__button {
  margin: 0;
  text-align: center;
  font-size: 1rem;
  height: 46px;
}
@media screen and (max-width: 1023px) {
  .p-estimate-detail__button {
    width: 295px;
  }
}
.p-estimate-detail__button--add-to-cart {
  margin-top: 10px;
}
@media screen and (max-width: 1023px) {
  .p-estimate-detail__button--add-to-cart {
    margin-top: 16px;
  }
}
.p-estimate-detail__disclaimer {
  margin-top: 30px;
  font-size: 0.75rem;
  color: #808080;
}
@media screen and (max-width: 1023px) {
  .p-estimate-detail__disclaimer {
    margin-top: 40px;
  }
}
.p-estimate-detail__disclaimer p {
  font-size: 0.75rem;
  line-height: 1.5;
}
.p-estimate-detail__link {
  color: #808080;
  border-bottom: 1px solid #808080;
  font-size: 0.75rem;
  line-height: 13px;
  display: inline-block;
}
.p-estimate-detail__link:hover {
  color: #D8D8D9;
  border-bottom: 1px solid #D8D8D9;
}
@media screen and (max-width: 1023px) {
  .p-estimate-detail__link {
    font-size: 0.75rem;
  }
}

.p-estimate-addressee-input-form {
  margin: 45px 0px 70px 100px;
  /* チェックボックスラベルのデザイン */
  /* チェックボックスのフォーカス時のスタイル */
  /* チェックボックスが選択されたときのスタイル */
}
@media screen and (max-width: 1023px) {
  .p-estimate-addressee-input-form {
    margin: 25px 15px 30px 15px;
  }
}
.p-estimate-addressee-input-form__header {
  text-align: center;
  margin: 0px 29px;
}
.p-estimate-addressee-input-form__header .c-title__form-sub {
  margin-top: 18px;
}
@media screen and (max-width: 1023px) {
  .p-estimate-addressee-input-form__header .c-title__form-sub {
    font-size: 1rem;
    font-weight: 400;
    margin-top: 30px;
  }
}
.p-estimate-addressee-input-form__container {
  color: #808080;
  padding: 69px 98px;
}
@media screen and (max-width: 1023px) {
  .p-estimate-addressee-input-form__container {
    padding: 33px 20px;
  }
}
.p-estimate-addressee-input-form__group {
  display: flex;
}
.p-estimate-addressee-input-form__group--birthday {
  align-items: baseline;
}
@media screen and (max-width: 1023px) {
  .p-estimate-addressee-input-form__radio-mailmag {
    flex-direction: column;
  }
}
.p-estimate-addressee-input-form__option {
  margin-top: 12px;
}
@media screen and (max-width: 1023px) {
  .p-estimate-addressee-input-form__option {
    flex-direction: column;
  }
}
.p-estimate-addressee-input-form__option--later {
  margin-left: 40px;
}
@media screen and (max-width: 1023px) {
  .p-estimate-addressee-input-form__option--later {
    margin-left: 30px;
  }
}
.p-estimate-addressee-input-form__option label {
  margin-left: 8px;
  font-size: 1rem;
  position: relative;
  bottom: 6px;
}
@media screen and (max-width: 1023px) {
  .p-estimate-addressee-input-form__option label {
    margin-left: 9px;
    bottom: 6px;
  }
}
@media screen and (max-width: 1023px) {
  .p-estimate-addressee-input-form__option label[for=delivery] {
    bottom: 0px;
  }
}
@media screen and (max-width: 1023px) {
  .p-estimate-addressee-input-form__option label[for=shop-accept] {
    bottom: 0px;
  }
}
.p-estimate-addressee-input-form__info {
  margin-top: 25px;
}
@media screen and (max-width: 1023px) {
  .p-estimate-addressee-input-form__info {
    margin-top: 36px;
  }
}
.p-estimate-addressee-input-form__item {
  display: flex;
  flex-direction: column;
  margin-top: 30px;
}
@media screen and (max-width: 1023px) {
  .p-estimate-addressee-input-form__item {
    margin-top: 35px;
  }
  .p-estimate-addressee-input-form__item:nth-child(1) {
    margin-top: 25px;
  }
}
.p-estimate-addressee-input-form__item-label {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
  font-size: 0.875rem;
  font-weight: 700;
  pointer-events: none;
  height: 22px;
  /* 奇数になっているとセンター合わせで1pxずれるため、偶数にしておく */
  color: #808080;
}
@media screen and (max-width: 1023px) {
  .p-estimate-addressee-input-form__item-label {
    margin-bottom: 5px;
  }
}
@media screen and (max-width: 1023px) {
  .p-estimate-addressee-input-form__item-label-sub {
    font-size: 0.75rem;
  }
}
.p-estimate-addressee-input-form__item-label--category {
  margin-bottom: 8px;
  flex-direction: column;
  align-items: flex-start;
  height: auto;
}
@media screen and (min-width: 1024px) {
  .p-estimate-addressee-input-form__item-label--category {
    flex-direction: row;
    align-items: center;
    gap: 10px;
  }
}
@media screen and (max-width: 1023px) {
  .p-estimate-addressee-input-form__item-label--category {
    margin-bottom: 16px;
    /* フォントがあたっていないと確認できない */
  }
}
.p-estimate-addressee-input-form__item--address {
  max-width: 662px;
}
.p-estimate-addressee-input-form__item--category {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.p-estimate-addressee-input-form__item-label-sub {
  font-size: 0.75rem;
  margin-bottom: 8px;
  color: rgba(0, 0, 0, 0.4);
}
.p-estimate-addressee-input-form__item-label-main {
  display: flex;
  align-items: center;
  gap: 0px;
}
.p-estimate-addressee-input-form__group input[type=radio] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 24px;
  height: 24px;
  border: 1px solid #000000;
  border-radius: 50%;
  outline: none;
}
@media screen and (max-width: 1023px) {
  .p-estimate-addressee-input-form__group input[type=radio] {
    width: 20px;
    height: 20px;
  }
}
.p-estimate-addressee-input-form__group input[type=radio]:focus {
  outline: 2px solid #808080;
  outline-offset: 0px;
}
.p-estimate-addressee-input-form__group input[type=radio]:checked {
  background-color: #ffffff;
  border-color: #000000;
}
.p-estimate-addressee-input-form__group input[type=radio]:checked::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  margin: 2px;
  border-radius: 50%;
  background-color: #000000;
}
@media screen and (max-width: 1023px) {
  .p-estimate-addressee-input-form__group input[type=radio]:checked::before {
    width: 10px;
    height: 10px;
    margin: 1px;
  }
}
.p-estimate-addressee-input-form__group input[type=radio]:disabled {
  background-color: #D8D8D9;
  border-color: #D8D8D9;
}
.p-estimate-addressee-input-form__group input[type=radio]:disabled + label {
  color: #D8D8D9;
  cursor: not-allowed;
}
.p-estimate-addressee-input-form__group input[type=radio] + label {
  color: #000000;
  opacity: 25%;
}
.p-estimate-addressee-input-form__group input[type=radio]:checked + label {
  color: #000000;
  opacity: 100%;
}
.p-estimate-addressee-input-form__text-input {
  max-width: 300px;
  width: 100%;
  padding-top: 14px;
  padding-left: 16px;
  padding-bottom: 9px;
  border: 1px solid #B4B5B6;
  font-size: 1rem;
}
.p-estimate-addressee-input-form__text-input::-moz-placeholder {
  color: rgba(0, 0, 0, 0.25);
}
.p-estimate-addressee-input-form__text-input::placeholder {
  color: rgba(0, 0, 0, 0.25);
}
.p-estimate-addressee-input-form__text-input::-webkit-calendar-picker-indicator {
  display: none;
}
.p-estimate-addressee-input-form__text-input:focus {
  outline: 2px solid #000000;
  outline-offset: -1px;
}
@media screen and (max-width: 1023px) {
  .p-estimate-addressee-input-form__text-input {
    padding: 8px;
    font-size: 1rem;
  }
}
.p-estimate-addressee-input-form__textarea {
  width: 100%;
  height: 236px;
  padding: 14px 16px;
  border: 1px solid #B4B5B6;
  font-size: 1rem;
}
.p-estimate-addressee-input-form__textarea::-moz-placeholder {
  color: rgba(0, 0, 0, 0.25);
}
.p-estimate-addressee-input-form__textarea::placeholder {
  color: rgba(0, 0, 0, 0.25);
}
.p-estimate-addressee-input-form__textarea:focus {
  outline: 2px solid #000000;
  outline-offset: -1px;
}
.p-estimate-addressee-input-form__text-input[type=date] {
  color: rgba(0, 0, 0, 0.25);
  max-width: 300px;
  width: 100%;
  font-size: 1rem;
}
.p-estimate-addressee-input-form__text-input[type=date]::-moz-placeholder {
  color: rgba(0, 0, 0, 0.25);
}
.p-estimate-addressee-input-form__text-input[type=date]::placeholder {
  color: rgba(0, 0, 0, 0.25);
}
.p-estimate-addressee-input-form__text-input[type=date]::-webkit-calendar-picker-indicator {
  display: none;
}
.p-estimate-addressee-input-form__text-input[type=date]:focus {
  outline: 2px solid #000000;
  outline-offset: -1px;
}
.p-estimate-addressee-input-form__text-input--large {
  max-width: 612px;
  width: 100%;
}
.p-estimate-addressee-input-form__text-input--hide {
  margin-top: 12px;
  max-width: 612px;
  width: 100%;
}
.p-estimate-addressee-input-form__text-input--later {
  margin-left: 12px;
}
@media screen and (max-width: 1023px) {
  .p-estimate-addressee-input-form__text-input--later {
    margin-left: 8px;
  }
}
.p-estimate-addressee-input-form__birthday-label {
  display: block;
  margin-bottom: 8px;
  font-weight: bold;
  font-size: 15px;
  color: #333;
}
.p-estimate-addressee-input-form__birthday-group {
  display: flex;
  align-items: center;
  gap: 8px;
}
.p-estimate-addressee-input-form__birthday-select-first {
  width: 120px !important;
}
.p-estimate-addressee-input-form__birthday-select {
  min-width: 60px;
  width: 80px !important;
}
.p-estimate-addressee-input-form__birthday-select:focus {
  outline: 2px solid #000000;
  outline-offset: -1px;
}
.p-estimate-addressee-input-form__birthday-slash {
  font-size: 14px;
  color: #666;
  margin: 0 4px;
  align-self: center;
}
.p-estimate-addressee-input-form__text-input-phone {
  max-width: 300px;
  width: 100%;
  border: 1px solid #B4B5B6;
  font-size: 1rem;
}
.p-estimate-addressee-input-form__text-input-phone:focus {
  outline: 2px solid #000000;
  outline-offset: -1px;
}
@media screen and (max-width: 1023px) {
  .p-estimate-addressee-input-form__text-input-phone {
    max-width: 315px;
    font-size: 1rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-estimate-addressee-input-form__group-mailmag {
    margin-top: 12px;
    display: flex;
    flex-direction: column;
    margin-top: 0px;
  }
}
.p-estimate-addressee-input-form__address {
  display: flex;
  margin-bottom: 12px;
}
.p-estimate-addressee-input-form__address:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 1023px) {
  .p-estimate-addressee-input-form__address {
    flex-wrap: wrap;
    flex-direction: column;
    margin-bottom: 13px;
  }
}
.p-estimate-addressee-input-form__address-postalcode {
  display: flex;
  margin-bottom: 12px;
}
.p-estimate-addressee-input-form__address-postalcode:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 1023px) {
  .p-estimate-addressee-input-form__address-postalcode {
    flex-wrap: wrap;
    margin-top: 7px;
    margin-bottom: 13px;
  }
}
@media screen and (max-width: 1023px) {
  .p-estimate-addressee-input-form__address--postal {
    display: flex;
    flex-direction: row;
  }
}
.p-estimate-addressee-input-form__address-label {
  pointer-events: none;
  position: relative;
  top: 14px;
  font-size: 1rem;
  width: 148px;
  color: #808080;
}
@media screen and (max-width: 1023px) {
  .p-estimate-addressee-input-form__address-label {
    top: 0px;
    font-size: 0.875rem;
    margin-bottom: 5px;
  }
}
.p-estimate-addressee-input-form__address-label--first {
  width: 15px;
  font-size: 1rem;
}
@media screen and (max-width: 1023px) {
  .p-estimate-addressee-input-form__address-label--first {
    top: 10px;
    font-size: 17px;
  }
}
.p-estimate-addressee-input-form__postalcode {
  width: 200px;
  margin-left: 12px;
  border: 1px solid #B4B5B6;
  font-size: 1rem;
}
.p-estimate-addressee-input-form__postalcode:focus {
  outline: 2px solid #000000;
  outline-offset: -1px;
}
@media screen and (max-width: 1023px) {
  .p-estimate-addressee-input-form__postalcode {
    width: 148px;
    margin-left: 8px;
    font-size: 1rem;
  }
}
.p-estimate-addressee-input-form__text-input-address {
  max-width: 512px;
  width: 100%;
  border: 1px solid #B4B5B6;
  font-size: 1rem;
}
.p-estimate-addressee-input-form__text-input-address:focus {
  outline: 2px solid #000000;
  outline-offset: -1px;
}
@media screen and (max-width: 1023px) {
  .p-estimate-addressee-input-form__text-input-address {
    max-width: 615px;
    font-size: 1rem;
  }
}
.p-estimate-addressee-input-form__text-input-mail {
  max-width: 612px;
  width: 100%;
  border: 1px solid #B4B5B6;
  font-size: 1rem;
}
.p-estimate-addressee-input-form__text-input-mail:focus {
  outline: 2px solid #000000;
  outline-offset: -1px;
}
@media screen and (max-width: 1023px) {
  .p-estimate-addressee-input-form__text-input-mail {
    font-size: 1rem;
  }
}
.p-estimate-addressee-input-form__text-input[type=password] {
  max-width: 300px;
  width: 100%;
  padding: 14px 0px 9px 16px;
  border: 1px solid #B4B5B6;
  font-size: 1rem;
}
.p-estimate-addressee-input-form__text-input[type=password]:focus {
  outline: 2px solid #000000;
  outline-offset: -1px;
}
@media screen and (max-width: 1023px) {
  .p-estimate-addressee-input-form__text-input[type=password] {
    padding: 8px;
    font-size: 1rem;
  }
}
.p-estimate-addressee-input-form__radio-group--later {
  margin-left: 33px;
}
@media screen and (max-width: 1023px) {
  .p-estimate-addressee-input-form__radio-group--later {
    margin-left: 0px;
  }
}
.p-estimate-addressee-input-form__radio-group label {
  margin-left: 12px;
  font-size: 0.875rem;
  position: relative;
  bottom: 6px;
}
.p-estimate-addressee-input-form__select-wrapper {
  position: relative;
  display: inline-block;
  max-width: 300px;
  width: 100%;
}
.p-estimate-addressee-input-form__select-wrapper::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 16px;
  width: 12px;
  height: 12px;
  border-right: 2px solid #999;
  border-bottom: 2px solid #999;
  transform: translateY(-50%) rotate(45deg);
  pointer-events: none;
}
@media screen and (max-width: 1023px) {
  .p-estimate-addressee-input-form__select-wrapper::after {
    right: 12px;
    height: 12px;
  }
}
.p-estimate-addressee-input-form__select {
  width: 100%;
  padding: 12px;
  border: 1px solid #B4B5B6;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: 0;
  cursor: pointer;
  font-size: 1rem;
}
.p-estimate-addressee-input-form__select::-moz-placeholder {
  color: rgba(0, 0, 0, 0.25);
}
.p-estimate-addressee-input-form__select::placeholder {
  color: rgba(0, 0, 0, 0.25);
}
.p-estimate-addressee-input-form__select:focus {
  outline: 2px solid #000000;
  outline-offset: -1px;
}
@media screen and (max-width: 1023px) {
  .p-estimate-addressee-input-form__select {
    padding: 10px;
    font-size: 1rem;
  }
}
.p-estimate-addressee-input-form__select--prefectures {
  max-width: 300px;
  width: 100%;
}
@media screen and (max-width: 1023px) {
  .p-estimate-addressee-input-form__select--prefectures {
    max-width: 200px;
  }
}
.p-estimate-addressee-input-form__group--checkbox {
  width: 101%;
  display: flex;
  flex-wrap: wrap;
}
.p-estimate-addressee-input-form__checkbox {
  width: 240px;
  margin-top: 19px;
  margin-left: 0px;
  display: flex;
}
@media screen and (max-width: 1023px) {
  .p-estimate-addressee-input-form__checkbox {
    margin-top: 16px;
    width: 100%;
  }
}
.p-estimate-addressee-input-form__checkbox label {
  position: relative;
  padding-left: 11px;
  /* チェックボックスとラベルの間隔 */
  font-size: 1rem;
  color: #000000;
  cursor: pointer;
  /* マウスカーソルをポインターに変更 */
  display: inline-flex;
  align-items: center;
}
@media screen and (max-width: 1023px) {
  .p-estimate-addressee-input-form__checkbox label {
    font-size: 0.875rem;
    padding-left: 8px;
  }
}
.p-estimate-addressee-input-form__checkbox input[type=checkbox]:focus {
  outline: 2px solid #808080;
  outline-offset: 0px;
}
.p-estimate-addressee-input-form__validation-label {
  color: #ff5555;
  font-size: 13px;
  margin-top: 10px;
}
.p-estimate-addressee-input-form__validation-label--else {
  margin-top: 0px;
}
.p-estimate-addressee-input-form__validation {
  display: none;
  background-color: rgba(255, 85, 85, 0.15);
  border: 1px solid #808080;
}
.p-estimate-addressee-input-form__item-label[for=last_name] + .p-estimate-addressee-input-form__group input[type=text].is-invalid {
  background-color: rgba(255, 85, 85, 0.15);
  border: 1px solid #808080;
}
.p-estimate-addressee-input-form__item-label[for=first_name] + .p-estimate-addressee-input-form__group input[type=text].is-invalid {
  background-color: rgba(255, 85, 85, 0.15);
  border: 1px solid #808080;
}
.p-estimate-addressee-input-form__item-label[for=position] + .p-estimate-addressee-input-form__group .c-custom-dropdown:has(input[type=hidden].is-invalid) .c-custom-dropdown__selected {
  background-color: rgba(255, 85, 85, 0.15);
}
.p-estimate-addressee-input-form__group.is-invalid .c-chk-input {
  background-color: rgba(255, 85, 85, 0.15);
}
.p-estimate-addressee-input-form__group.is-invalid .p-estimate-addressee-input-form__checkbox input[type=checkbox]:checked + label::before {
  background-color: #ffffff;
  /* チェックボックスが選ばれた時の背景色 */
  border-color: black;
  /* チェックボックスの枠線色 */
}

.p-estimate-addressee-input-form__item.is-error .p-estimate-addressee-input-form__text-input,
.p-estimate-addressee-input-form__item.is-error .p-estimate-addressee-input-form__text-input-phone,
.p-estimate-addressee-input-form__item.is-error .p-estimate-addressee-input-form__text-input-mail,
.p-estimate-addressee-input-form__item.is-error .p-estimate-addressee-input-form__text-input-address,
.p-estimate-addressee-input-form__item.is-error .p-estimate-addressee-input-form__postalcode {
  background-color: rgba(255, 85, 85, 0.15);
  border-color: #808080;
}
.p-estimate-addressee-input-form__item.is-error .c-custom-dropdown__selected {
  background-color: rgba(255, 85, 85, 0.15);
}
.p-estimate-addressee-input-form__item.is-error .p-estimate-addressee-input-form__validation-label--else {
  color: #ff5555;
  font-size: 0.875rem;
  margin-top: 10px;
  display: block !important;
}

.p-estimate-addressee-input-form__validation-label--else {
  display: none;
  color: #ff5555;
  font-size: 0.875rem;
  margin-top: 10px;
}

.p-page-detail-discontinued input[type=radio]:disabled {
  display: none;
}

.p-page-detail-discontinued button:disabled, .p-page-detail-discontinued input[type=radio]:disabled, .p-page-detail-discontinued input[type=radio]:disabled + span, .p-page-detail-discontinued input[type=radio]:disabled + span::before, .p-page-detail-discontinued input[type=radio]:disabled + span::after, .p-page-detail-discontinued input[type=radio]:disabled + label {
  opacity: 0.4;
  cursor: not-allowed;
}

.p-page-detail-discontinued .p-detail-price__grid, .p-page-detail-discontinued .p-detail-float, .p-page-detail-discontinued .p-detail-links {
  opacity: 0.4;
}

.p-page-detail-discontinued a.--cart, .p-page-detail-discontinued a.--cut, .p-page-detail-discontinued .--quantity-minisample, .p-page-detail-discontinued .--quantity-roll, .p-page-detail-discontinued .--quantity-tryset, .p-page-detail-discontinued a.--cart-roll {
  display: none;
}

.p-page-detail-discontinued a.--discontinued {
  display: flex;
  opacity: 0.4;
  cursor: not-allowed;
}
@media screen and (min-width: 1024px) {
  .p-page-detail-discontinued a.--discontinued {
    width: 412px;
    justify-content: center;
    padding-left: 0px;
  }
}
@media screen and (max-width: 1023px) {
  .p-page-detail-discontinued a.--discontinued {
    width: 100%;
  }
}

@media screen and (max-width: 1023px) {
  .p-page-detail-discontinued .c-radio__input:checked + .c-radio__text::after {
    left: 4px;
    width: 8px;
    height: 8px;
  }
}

.p-page-detail a.--discontinued {
  display: none;
}
.p-page-detail.minisample a.--cart, .p-page-detail.minisample a.--cut, .p-page-detail.minisample .--quantity-roll, .p-page-detail.minisample .--quantity-tryset {
  display: none;
}
.p-page-detail.minisample .--quantity-minisample {
  width: 37.8%;
  height: 40px;
  margin-top: 0px;
  margin-right: 20px;
}
.p-page-detail.minisample .--quantity-minisample > .p-detail__quantity-set {
  align-items: center;
  height: 40px;
}
.p-page-detail.minisample .--quantity-minisample > .p-detail__quantity-set > .p-detail__quantity-value {
  top: 0;
}
.p-page-detail.minisample .--quantity-minisample > .p-detail__quantity-amount {
  left: 10px;
}
.p-page-detail.minisample a.--cart-roll {
  width: 49%;
}
.p-page-detail.roll a.--cart, .p-page-detail.roll a.--cut, .p-page-detail.roll .--quantity-minisample, .p-page-detail.roll .--quantity-tryset {
  display: none;
}
.p-page-detail.roll .--quantity-roll {
  width: 37.8%;
  height: 40px;
  margin-top: 0px;
  margin-right: 20px;
}
.p-page-detail.roll .--quantity-roll > .p-detail__quantity-set {
  align-items: center;
  height: 40px;
}
.p-page-detail.roll .--quantity-roll > .p-detail__quantity-set > .p-detail__quantity-button-decrement {
  bottom: 2px;
}
.p-page-detail.roll .--quantity-roll > .p-detail__quantity-set > .p-detail__quantity-value {
  top: 0;
}
.p-page-detail.roll .--quantity-roll > .p-detail__quantity-amount {
  left: 10px;
}
.p-page-detail.roll a.--cart-roll {
  width: 49%;
}
.p-page-detail.tryset a.--cart, .p-page-detail.tryset a.--cut, .p-page-detail.tryset .--quantity-minisample, .p-page-detail.tryset .--quantity-roll {
  display: none;
}
.p-page-detail.tryset .--quantity-tryset {
  width: 37.8%;
  height: 40px;
  margin-top: 0px;
  margin-right: 20px;
}
.p-page-detail.tryset .--quantity-tryset > .p-detail__quantity-set {
  align-items: center;
  width: calc(100% - 36px);
  min-width: 96px;
  height: 40px;
}
.p-page-detail.tryset .--quantity-tryset > .p-detail__quantity-set > .p-detail__quantity-button-decrement {
  bottom: 2px;
}
.p-page-detail.tryset .--quantity-tryset > .p-detail__quantity-set > .p-detail__quantity-value {
  top: 0;
}
.p-page-detail.tryset .--quantity-tryset > .p-detail__quantity-amount {
  left: 20px;
  font-size: 0.75rem;
  width: 36px;
}
.p-page-detail.tryset a.--cart-roll {
  width: 49%;
}
.p-page-detail.general .--quantity-minisample, .p-page-detail.general .--quantity-roll, .p-page-detail.general .--quantity-tryset, .p-page-detail.general a.--cart-roll {
  display: none;
}
@media screen and (max-width: 1023px) {
  .p-page-detail .c-radio__input:checked + .c-radio__text::after {
    left: 4px;
    width: 8px;
    height: 8px;
  }
}

@media screen and (min-width: 1024px) {
  html:has(.p-page-search) {
    overflow-x: visible;
    overflow-y: visible;
  }
}

@media screen and (min-width: 1024px) {
  body.p-page-search {
    overflow-x: visible;
    overflow-y: visible;
  }
}

@media screen and (min-width: 1024px) {
  .p-page-search .c-breadcrumb__wrapper {
    position: fixed;
    top: 73px;
    background-color: #ffffff;
    width: 100%;
  }
}
@media screen and (min-width: 1024px) {
  .p-page-search .c-breadcrumb__wrapper > .c-breadcrumb {
    margin: 0;
  }
}
.p-page-search .c-breadcrumb__wrapper > .c-breadcrumb::-webkit-scrollbar {
  display: none;
  /* Webkit系（Chrome、Safari）向け */
}
@media screen and (min-width: 1024px) {
  .p-page-search #js-list-filter {
    position: sticky;
    top: 139px;
    left: calc(50% - 578px);
  }
}
.p-page-search #js-list-filter.is-locked {
  overflow-y: hidden;
}
@media screen and (min-width: 1024px) {
  .p-page-search #js-list-filter > .p-list-filter__list {
    overflow-x: visible;
    overflow-y: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
    max-height: calc(100vh - 73px - 64px - 58px - 30px);
    padding: 0 30px;
    overflow-anchor: none;
  }
}
.p-page-search #js-list-filter > .p-list-filter__list.is-locked {
  overflow-y: hidden;
}
@media screen and (min-width: 1024px) {
  .p-page-search #js-list-filter > .p-list-filter__list::-webkit-scrollbar {
    display: none;
  }
}
.p-page-search .c-product-card .p-list-filter-color__circle:hover {
  transform: scale(1);
}

@media screen and (min-width: 1024px) {
  .p-tokushoho {
    max-width: 1236px;
    padding: 0px 40px;
    margin-bottom: 126px;
  }
}
@media screen and (max-width: 1023px) {
  .p-tokushoho {
    margin-bottom: 74px;
  }
}
@media screen and (min-width: 1024px) {
  .p-tokushoho__header {
    font-size: 1.125rem;
  }
}
.p-tokushoho__header-title {
  display: block;
  margin-top: 0px;
  font-weight: 400;
}
@media screen and (min-width: 1024px) {
  .p-tokushoho__header-title {
    padding: 84px 0px 0px;
  }
}
@media screen and (max-width: 1023px) {
  .p-tokushoho__header-title {
    padding: 41px 0px 31px;
    font-size: 1.5rem;
  }
}
.p-tokushoho__container {
  margin: 0px auto;
}
@media screen and (min-width: 1024px) {
  .p-tokushoho__message {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    font-size: 0.990625rem;
    line-height: 1.8;
  }
}
@media screen and (max-width: 1023px) {
  .p-tokushoho__message {
    line-height: 1.5;
  }
}
@media screen and (min-width: 1024px) {
  .p-tokushoho__message-distributor {
    width: 22.4%;
    margin: 49px 0px -4px;
  }
}
@media screen and (max-width: 1023px) {
  .p-tokushoho__message-distributor {
    padding-top: 27px;
    border-top: 2px solid #D9D9D9;
    font-weight: 450;
  }
}
@media screen and (min-width: 1024px) {
  .p-tokushoho__message-corporation {
    width: 77.6%;
    margin: 49px 0px -4px;
  }
}
@media screen and (max-width: 1023px) {
  .p-tokushoho__message-corporation {
    padding: 14px 0px 5px;
  }
}
@media screen and (min-width: 1024px) {
  .p-tokushoho__message-item {
    width: 22.4%;
    margin: 30px 0px -2px;
    line-height: 1.5;
  }
}
@media screen and (max-width: 1023px) {
  .p-tokushoho__message-item {
    padding-top: 27px;
    font-weight: 450;
  }
  .p-tokushoho__message-item p {
    display: inline-flex;
    font-weight: 600;
  }
}
@media screen and (min-width: 1024px) {
  .p-tokushoho__message-detail, .p-tokushoho__message-detail-date {
    width: 77.6%;
    margin: 29px 0px -3px;
    line-height: 1.77;
  }
}
@media screen and (max-width: 1023px) {
  .p-tokushoho__message-detail, .p-tokushoho__message-detail-date {
    padding: 15px 0px 6px;
    line-height: 1.65;
  }
}
@media screen and (max-width: 1023px) {
  .p-tokushoho__message-detail-date {
    padding: 14px 0px 29px;
    line-height: 1.65;
  }
}
@media screen and (min-width: 1024px) {
  .p-tokushoho__message-detail-charge-pc {
    display: block;
    width: 77.6%;
    margin: 29px 0px -3px;
    line-height: 1.77;
  }
}
@media screen and (min-width: 1024px) {
  .p-tokushoho__message .p-tokushoho__message-detail-charge-pc {
    display: block;
  }
}
@media screen and (max-width: 1023px) {
  .p-tokushoho__message .p-tokushoho__message-detail-charge-pc {
    display: none;
  }
}
@media screen and (max-width: 1023px) {
  .p-tokushoho__message-detail-charge-sp {
    padding: 18px 0px 5px;
    line-height: 1.65;
    text-indent: -14px;
    padding-left: 14px;
  }
}
@media screen and (max-width: 1023px) {
  .p-tokushoho__message .p-tokushoho__message-detail-charge-sp {
    display: block;
  }
}
@media screen and (min-width: 1024px) {
  .p-tokushoho__message .p-tokushoho__message-detail-charge-sp {
    display: none;
  }
}
@media screen and (min-width: 1024px) {
  .p-tokushoho__message-detail-phone {
    width: 77.6%;
    margin: 28px 0px 2px;
    line-height: 1.77;
  }
}
@media screen and (max-width: 1023px) {
  .p-tokushoho__message-detail-phone {
    padding: 14px 0px 7px;
  }
}
.p-tokushoho__message-detail-contact > p {
  font-size: 0.75rem;
}
@media screen and (min-width: 1024px) {
  .p-tokushoho__message-detail-contact {
    width: 77.6%;
    margin: 29px 0px -7px;
    line-height: 1.77;
  }
  .p-tokushoho__message-detail-contact > p > span {
    padding-right: 16px;
  }
}
@media screen and (max-width: 1023px) {
  .p-tokushoho__message-detail-contact {
    line-height: 4;
    font-size: 0.75rem;
    margin: 0px 0px;
  }
  .p-tokushoho__message-detail-contact > p {
    margin-top: 16px;
  }
  .p-tokushoho__message-detail-contact > p > span {
    padding-right: 16px;
  }
}
@media screen and (min-width: 1024px) {
  .p-tokushoho__message-detail-cancel {
    width: 77.6%;
    margin: 29px 0px 27px;
    padding: -2px;
    line-height: 1.77;
  }
}
@media screen and (max-width: 1023px) {
  .p-tokushoho__message-detail-cancel {
    padding-top: 15px;
    margin-bottom: 48px;
    line-height: 1.65;
  }
}
@media screen and (min-width: 1024px) {
  .p-tokushoho__message-detail-return {
    display: flex;
    width: 100%;
    padding-bottom: 49px;
    border-bottom: 1px solid #B3B3B3;
  }
  .p-tokushoho__message-detail-return-inner {
    margin-top: -54px;
    width: 77.6%;
    margin-left: auto;
    line-height: 1.77;
  }
}
@media screen and (max-width: 1023px) {
  .p-tokushoho__message-detail-return {
    padding-top: 16px;
    line-height: 1.64;
  }
}
@media screen and (min-width: 1024px) {
  .p-tokushoho__message-detail-link {
    margin-top: -4px;
  }
}
@media screen and (max-width: 1023px) {
  .p-tokushoho__message-detail-link {
    margin-top: -3px;
    margin-bottom: -6px;
    font-size: 0.875rem;
  }
}
@media screen and (min-width: 1024px) {
  .p-tokushoho__message-detail-time {
    margin: -49px 121px 30px;
    font-size: 0.75rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-tokushoho__message-detail-time {
    margin: -92px 0px 58px 0px;
    font-size: 0.75rem;
    line-height: 1.9;
    width: 100%;
    text-indent: 106px;
    padding-left: 0px;
  }
}
.p-tokushoho__message-detail-time p.c-text--md {
  font-size: inherit;
}
@media screen and (min-width: 1024px) {
  .p-tokushoho__message-detail-price {
    margin: -4px 0px 17px 260px;
    font-size: 0.75rem;
    line-height: 1.6;
  }
}
@media screen and (max-width: 1023px) {
  .p-tokushoho__message-detail-price {
    padding-top: 2px;
    padding-bottom: 3px;
    font-size: 0.75rem;
    text-indent: -12px;
    padding-left: 12px;
  }
}
.p-tokushoho__message-detail-price p.c-text--md {
  font-size: inherit;
}
@media screen and (min-width: 1024px) {
  .p-tokushoho__message-detail-period {
    margin-left: auto;
    width: 77.6%;
    margin-top: 5px;
    margin-bottom: -8px;
    font-size: 0.75rem;
    line-height: 1.57;
  }
}
@media screen and (max-width: 1023px) {
  .p-tokushoho__message-detail-period {
    font-size: 0.75rem;
    text-indent: -16px;
    line-height: 1.5;
    padding: 2px 0 8px 16px;
  }
}
.p-tokushoho__message-detail-period p.c-text--md {
  font-size: inherit;
  line-height: 1.5;
}
.p-tokushoho__message-detail-period .is-adjust-top {
  margin-top: -4px;
}
.p-tokushoho__border {
  display: flex;
  align-items: center;
  border-top: 1px solid #B3B3B3;
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .p-tokushoho__border {
    margin: 26px 0px -2px;
  }
}
@media screen and (max-width: 1023px) {
  .p-tokushoho__border {
    margin: 26px 0px -2px;
  }
}

@media screen and (min-width: 1024px) {
  .p-accessibility {
    max-width: 1236px;
    padding: 0px 40px;
    margin-bottom: -28px;
  }
}
@media screen and (max-width: 1023px) {
  .p-accessibility {
    margin-bottom: 75px;
  }
}
.p-accessibility__header {
  text-align: left;
}
@media screen and (min-width: 1024px) {
  .p-accessibility__header {
    font-size: 1rem;
  }
}
.p-accessibility__header-title {
  display: block;
}
@media screen and (min-width: 1024px) {
  .p-accessibility__header-title {
    padding: 88px 0px 0px;
    font-weight: 350;
    font-size: 1.75rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-accessibility__header-title {
    padding: 41px 0px 12px;
    font-size: 1.5rem;
    font-weight: 350;
  }
}
.p-accessibility__container {
  margin: 0px auto;
}
@media screen and (min-width: 1024px) {
  .p-accessibility__message {
    font-size: 1rem;
    padding-top: 26px;
    padding-bottom: 22px;
    line-height: 1.76;
  }
}
@media screen and (max-width: 1023px) {
  .p-accessibility__message {
    padding-top: 21px;
    line-height: 1.65;
  }
}
@media screen and (min-width: 1024px) {
  .p-accessibility__message-item-first {
    padding-top: 10px;
  }
}
@media screen and (max-width: 1023px) {
  .p-accessibility__message-item-first {
    padding-top: 15px;
  }
}
.p-accessibility__message-item-second p.c-text--md:nth-of-type(2) {
  margin-top: -1px;
}
@media screen and (min-width: 1024px) {
  .p-accessibility__message-item-second {
    font-size: 1rem;
    padding-top: 28px;
  }
}
@media screen and (max-width: 1023px) {
  .p-accessibility__message-item-second {
    padding-top: 24px;
    line-height: 1.65;
  }
  .p-accessibility__message-item-second p.c-text--md:nth-of-type(1) {
    line-height: 1.64;
  }
}
.p-accessibility__message-item-third a.c-link-out {
  text-decoration: underline;
  text-underline-offset: 3px;
}
.p-accessibility__message-item-third a.c-link-out::before, .p-accessibility__message-item-third a.c-link-out::after {
  content: none;
}
.p-accessibility__message-item-third a.c-link-out > span {
  display: ruby;
  align-items: flex-end;
}
.p-accessibility__message-item-third a.c-link-out img {
  position: relative;
  top: 2px;
}
@media screen and (min-width: 1024px) {
  .p-accessibility__message-item-third {
    font-size: 1rem;
    line-height: 1.7;
    padding-top: 6px;
    width: calc(100% - 2ch);
  }
  .p-accessibility__message-item-third a {
    margin-left: -4px;
    margin-right: 4px;
  }
}
@media screen and (max-width: 1023px) {
  .p-accessibility__message-item-third {
    padding-top: 23px;
  }
  .p-accessibility__message-item-third p.c-text--md {
    display: inline;
  }
}
@media screen and (min-width: 1024px) {
  .p-accessibility__message-item-date {
    font-size: 1rem;
    text-align: right;
    line-height: 0.5;
    margin-top: -30px;
    padding-bottom: 6px;
    margin-right: 4px;
  }
}
@media screen and (max-width: 1023px) {
  .p-accessibility__message-item-date {
    margin-top: -20px;
  }
}
.p-accessibility__message-subtitle {
  border-bottom: 1px solid #808080;
}
@media screen and (min-width: 1024px) {
  .p-accessibility__message-subtitle {
    padding-top: 64px;
    padding-bottom: 12px;
    width: calc(100% - 2px);
  }
}
@media screen and (max-width: 1023px) {
  .p-accessibility__message-subtitle {
    padding-top: 50px;
    padding-bottom: 3px;
  }
}
.p-accessibility__message-subtitle-down {
  border-bottom: 1px solid #808080;
}
@media screen and (min-width: 1024px) {
  .p-accessibility__message-subtitle-down {
    padding-top: 14px;
    padding-bottom: 13px;
    width: calc(100% - 2px);
  }
}
@media screen and (max-width: 1023px) {
  .p-accessibility__message-subtitle-down {
    padding-top: 28px;
    padding-bottom: 3px;
  }
}

@media screen and (min-width: 1024px) {
  .p-legalnotice {
    max-width: 1236px;
    padding: 5px 40px;
    margin-bottom: -10px;
  }
}
@media screen and (max-width: 1023px) {
  .p-legalnotice {
    padding-top: 3px;
    margin-bottom: -5px;
  }
}
@media screen and (min-width: 1024px) {
  .p-legalnotice__header {
    font-size: 1.125rem;
  }
}
.p-legalnotice__header-title {
  display: block;
}
@media screen and (min-width: 1024px) {
  .p-legalnotice__header-title {
    padding: 80px 0 0;
    font-weight: 400;
    font-size: 1.75rem;
    margin-top: -2px;
  }
}
@media screen and (max-width: 1023px) {
  .p-legalnotice__header-title {
    padding: 38px 0px 12px;
    font-size: 1.5rem;
    font-weight: 400;
  }
}
.p-legalnotice__container {
  margin: 0px auto;
}
@media screen and (min-width: 1024px) {
  .p-legalnotice__message {
    padding: 14px 0 22px;
    line-height: 1.75;
  }
}
@media screen and (max-width: 1023px) {
  .p-legalnotice__message {
    line-height: 1.65;
  }
}
@media screen and (max-width: 1023px) {
  .p-legalnotice__message-rules {
    margin-top: 2px;
  }
}
@media screen and (min-width: 1024px) {
  .p-legalnotice__message-browser {
    padding-top: 26px;
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 1023px) {
  .p-legalnotice__message-browser {
    margin-top: 21px;
  }
}
@media screen and (min-width: 1024px) {
  .p-legalnotice__message-subtitle {
    padding: 33px 0 13px;
    border-bottom: 2px solid #808080;
  }
}
@media screen and (max-width: 1023px) {
  .p-legalnotice__message-subtitle {
    padding: 28px 0 3px;
    border-bottom: 2px solid #808080;
  }
}
@media screen and (min-width: 1024px) {
  .p-legalnotice__message-version {
    padding-top: 8px;
    margin-bottom: -2px;
  }
}
@media screen and (max-width: 1023px) {
  .p-legalnotice__message-version {
    padding-top: 21px;
  }
}
@media screen and (min-width: 1024px) {
  .p-legalnotice__message-detail {
    margin: 25px 0 2px;
  }
}
@media screen and (max-width: 1023px) {
  .p-legalnotice__message-detail {
    margin: 21px 0 45px;
  }
}
@media screen and (min-width: 1024px) {
  .p-legalnotice__message-detail-other {
    margin: 25px 0 2px;
  }
}
@media screen and (max-width: 1023px) {
  .p-legalnotice__message-detail-other {
    margin: 21px 0 22px;
  }
}

@media screen and (min-width: 1024px) {
  .p-knowledge {
    padding: 0px 40px 43px;
    margin-top: 69px;
    margin-bottom: -3px;
  }
}
@media screen and (max-width: 1023px) {
  .p-knowledge {
    margin-bottom: 100px;
  }
}
@media screen and (min-width: 1024px) {
  .p-knowledge__wrapper {
    max-width: 1156px;
  }
}
.p-knowledge__header {
  padding: 7px 0px;
}
.p-knowledge__header-title {
  display: block;
  font-weight: 400;
}
@media screen and (min-width: 1024px) {
  .p-knowledge__header-title {
    padding: 83px 0px 100px;
    font-size: 1.75rem;
    margin-top: -11px;
  }
}
@media screen and (max-width: 1023px) {
  .p-knowledge__header-title {
    padding: 32px 0px 90px;
    font-size: 1.5rem;
  }
}
.p-knowledge__container {
  margin: -64px auto;
}
.p-knowledge__content ul {
  display: flex;
}
@media screen and (min-width: 1024px) {
  .p-knowledge__content ul {
    flex-wrap: wrap;
    gap: 25px;
    margin: 0 -3px 0 -2px;
  }
}
@media screen and (max-width: 1023px) {
  .p-knowledge__content ul {
    flex-direction: column;
    margin: auto;
    margin: 0 -3px 0px -2px;
  }
}
.p-knowledge__content-item {
  display: flex;
  flex-direction: column;
  font-weight: 400;
}
@media screen and (min-width: 1024px) {
  .p-knowledge__content-item {
    margin-top: 2px;
    margin-right: 3px;
    width: calc(33.33% - 20px);
    gap: 11px 0px;
    font-size: 1.125rem;
    padding-bottom: 14px;
  }
}
@media screen and (max-width: 1023px) {
  .p-knowledge__content-item {
    width: calc(100% - 3px);
    gap: 8px 0px;
    font-size: 1rem;
    padding-bottom: 35px;
  }
}
.p-knowledge__content-item img {
  width: calc(100% - 2px);
  height: calc(100% - 3px);
  margin-left: 0px;
  aspect-ratio: 1;
  object-fit: cover;
}
@media screen and (min-width: 1024px) {
  .p-knowledge__content-item p {
    margin: auto;
    padding-left: 5px;
    padding-top: 12px;
    font-size: 1.125rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-knowledge__content-item p {
    margin: auto;
    margin-top: 6px;
    margin-bottom: -3px;
    padding-top: 8px;
    font-size: 1rem;
  }
}
.p-knowledge__content-link {
  text-decoration: none;
  color: inherit;
  display: flex;
  flex-direction: column;
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .p-knowledge__content-link:hover {
    text-decoration: none;
    color: inherit;
    cursor: pointer;
    transition: transform 0.3s ease;
    opacity: 0.6;
  }
  .p-knowledge__content-link:hover .img-topwrapper img {
    transform: scale(1.05);
  }
}
.p-knowledge__content-link img {
  display: block;
  width: 100%;
  height: 100%;
}
.p-knowledge__content-link .img-topwrapper {
  position: relative;
  overflow: hidden;
}
.p-knowledge__content-link .img-topwrapper::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #D8D8D9;
  pointer-events: none;
  box-sizing: border-box;
  z-index: 1;
}
.p-knowledge__content-link .img-topwrapper img {
  transition: transform 0.3s ease, opacity 0.3s ease;
}
.p-knowledge__content-link p.c-text--md {
  display: inline-block;
  transition: opacity 0.3s ease;
}

@media screen and (min-width: 1024px) {
  .p-privacypolicy {
    max-width: 1236px;
    padding: 0px 40px;
    margin-top: 36px;
    margin-bottom: -36px;
    font-weight: 320;
  }
}
@media screen and (max-width: 1023px) {
  .p-privacypolicy {
    margin-bottom: 20px;
    font-weight: 300;
  }
}
.p-privacypolicy__header {
  text-align: left;
}
@media screen and (min-width: 1024px) {
  .p-privacypolicy__header {
    font-size: 1rem;
  }
}
.p-privacypolicy__header-title {
  display: block;
}
@media screen and (min-width: 1024px) {
  .p-privacypolicy__header-title {
    padding: 85px 0px 0px;
    font-weight: 320;
  }
}
@media screen and (max-width: 1023px) {
  .p-privacypolicy__header-title {
    padding: 42px 0px 12px;
    font-size: 1.5rem;
    font-weight: 350;
  }
}
.p-privacypolicy__container {
  margin: 0px auto;
}
@media screen and (min-width: 1024px) {
  .p-privacypolicy__message {
    padding: 18px 0px 22px;
    line-height: 1.76;
  }
}
@media screen and (min-width: 1024px) {
  .p-privacypolicy__message-subtitle {
    padding: 14px 0px 12px;
    display: flex;
    border-bottom: 2px solid #808080;
    width: calc(100% - 2px);
  }
}
@media screen and (max-width: 1023px) {
  .p-privacypolicy__message-subtitle {
    padding: 20px 0px 3px;
    display: flex;
    border-bottom: 1px solid #808080;
    width: calc(100% - 2px);
  }
  .p-privacypolicy__message-subtitle .c-text--md {
    font-size: 1rem;
  }
}
@media screen and (min-width: 1024px) {
  .p-privacypolicy__message-subtitle-second {
    padding: 38px 0px 14px;
    display: flex;
    border-bottom: 2px solid #808080;
    width: calc(100% - 2px);
  }
}
@media screen and (max-width: 1023px) {
  .p-privacypolicy__message-subtitle-second {
    padding: 37px 0px 2px;
    display: flex;
    border-bottom: 1px solid #808080;
    width: calc(100% - 2px);
  }
  .p-privacypolicy__message-subtitle-second .c-text--md {
    font-size: 1rem;
  }
}
@media screen and (min-width: 1024px) {
  .p-privacypolicy__message-item {
    margin-top: 26px;
    padding-bottom: 5px;
    width: calc(100% - 19ch);
  }
}
@media screen and (max-width: 1023px) {
  .p-privacypolicy__message-item {
    padding: 22px 0px 0px;
    line-height: 1.64;
  }
}
@media screen and (min-width: 1024px) {
  .p-privacypolicy__message-address {
    margin-top: 3px;
    margin-bottom: -19px;
  }
}
@media screen and (max-width: 1023px) {
  .p-privacypolicy__message-address {
    padding: 3px 0px 1px;
    line-height: 1.64;
  }
}
@media screen and (min-width: 1024px) {
  .p-privacypolicy__message-item-detail {
    margin-top: 3px;
    padding-bottom: 5px;
    text-indent: -35px;
    padding-left: 38px;
    line-height: 1.77;
  }
}
@media screen and (max-width: 1023px) {
  .p-privacypolicy__message-item-detail {
    line-height: 1.66;
    text-indent: -24px;
  }
  .p-privacypolicy__message-item-detail p.c-text--md:nth-of-type(1) {
    padding-top: 15px;
    padding-left: 25px;
  }
  .p-privacypolicy__message-item-detail p.c-text--md:nth-of-type(2) {
    padding-left: 23px;
  }
  .p-privacypolicy__message-item-detail p.c-text--md:nth-of-type(3) {
    padding-top: 5px;
    padding-left: 22px;
  }
  .p-privacypolicy__message-item-detail p.c-text--md:nth-of-type(4) {
    padding-top: 2px;
    padding-left: 22px;
  }
  .p-privacypolicy__message-item-detail p.c-text--md:nth-of-type(5) {
    padding-top: 0px;
    padding-left: 22px;
  }
}
@media screen and (min-width: 1024px) {
  .p-privacypolicy__message-item-date {
    text-align: right;
    line-height: 1.86;
    margin-top: 19px;
    margin-right: -2px;
  }
}
@media screen and (max-width: 1023px) {
  .p-privacypolicy__message-item-date {
    padding-top: 11px;
    text-align: right;
    font-size: 0.84375rem;
    line-height: 1.7;
  }
}
@media screen and (min-width: 1024px) {
  .p-privacypolicy__message-item-riyou {
    padding-top: 53px;
  }
}
@media screen and (max-width: 1023px) {
  .p-privacypolicy__message-item-riyou {
    padding-top: 29px;
  }
}
@media screen and (min-width: 1024px) {
  .p-privacypolicy__message-item-teikyou {
    padding-top: 54px;
  }
}
@media screen and (max-width: 1023px) {
  .p-privacypolicy__message-item-teikyou {
    padding-top: 30px;
  }
}
@media screen and (min-width: 1024px) {
  .p-privacypolicy__message-item-second {
    line-height: 1.78;
    padding-top: 7px;
    text-indent: -40px;
    padding-left: 39px;
  }
}
@media screen and (max-width: 1023px) {
  .p-privacypolicy__message-item-second {
    line-height: 1.64;
    text-indent: -35px;
    padding-left: 40px;
    margin-top: 2px;
    margin-right: 3px;
    padding-bottom: 8px;
  }
  .p-privacypolicy__message-item-second p.c-text--md:nth-of-type(2) {
    text-indent: -31px;
  }
}
@media screen and (min-width: 1024px) {
  .p-privacypolicy__message-item-third {
    line-height: 1.78;
    padding-top: 12px;
    text-indent: -32px;
    padding-left: 71px;
    width: calc(100% - 130px);
  }
}
@media screen and (max-width: 1023px) {
  .p-privacypolicy__message-item-third {
    line-height: 1.65;
    text-indent: 0px;
    padding-left: 40px;
  }
}
@media screen and (min-width: 1024px) {
  .p-privacypolicy__message-item-fourth {
    line-height: 1.78;
    padding-top: 43px;
    margin-bottom: -16px;
    text-indent: -40px;
    padding-left: 39px;
    width: calc(100% - 90px);
  }
  .p-privacypolicy__message-item-fourth p.c-text--md:nth-of-type(3) {
    margin-top: 27px;
  }
}
@media screen and (max-width: 1023px) {
  .p-privacypolicy__message-item-fourth {
    padding: 5px 0px 1px;
    text-indent: -36px;
    padding-left: 38px;
    line-height: 1.65;
  }
  .p-privacypolicy__message-item-fourth p.c-text--md:nth-of-type(2) {
    margin-top: 2px;
  }
}
@media screen and (min-width: 1024px) {
  .p-privacypolicy__message-item-hourei {
    margin-top: 15px;
    line-height: 1.5;
    padding-left: 15px;
  }
  .p-privacypolicy__message-item-hourei p.c-text--md:nth-of-type(2) {
    display: none;
  }
  .p-privacypolicy__message-item-hourei p.c-text--md:nth-of-type(3) {
    margin-top: -2px;
  }
  .p-privacypolicy__message-item-hourei p.c-text--md:nth-of-type(4) {
    margin-top: -4px;
  }
  .p-privacypolicy__message-item-hourei p.c-text--md:nth-of-type(5) {
    margin-top: -5px;
  }
  .p-privacypolicy__message-item-hourei p.c-text--md:nth-of-type(6) {
    margin-top: -5px;
  }
}
@media screen and (max-width: 1023px) {
  .p-privacypolicy__message-item-hourei {
    text-indent: -36px;
    padding-left: 40px;
    line-height: 1.63;
  }
  .p-privacypolicy__message-item-hourei p.c-text--md:nth-of-type(1) {
    display: none;
  }
  .p-privacypolicy__message-item-hourei p.c-text--md:nth-of-type(2) {
    margin-top: 19px;
  }
  .p-privacypolicy__message-item-hourei p.c-text--md:nth-of-type(4) {
    margin-top: 3px;
  }
  .p-privacypolicy__message-item-hourei p.c-text--md:nth-of-type(5) {
    margin-top: 4px;
  }
  .p-privacypolicy__message-item-hourei p.c-text--md:nth-of-type(6) {
    margin-top: 5px;
  }
}
@media screen and (min-width: 1024px) {
  .p-privacypolicy__message-item-sixth {
    margin-top: 40px;
  }
}
@media screen and (max-width: 1023px) {
  .p-privacypolicy__message-item-sixth {
    padding-top: 53px;
    padding-bottom: 5px;
  }
}
@media screen and (min-width: 1024px) {
  .p-privacypolicy__message-item-seventh {
    margin-top: 38px;
    line-height: 1.72;
  }
}
@media screen and (max-width: 1023px) {
  .p-privacypolicy__message-item-seventh {
    padding-top: 40px;
  }
}
@media screen and (min-width: 1024px) {
  .p-privacypolicy__message-item-eighth {
    line-height: 1.77;
    padding-top: 9px;
    text-indent: -40px;
    padding-left: 39px;
    width: calc(100% - 90px);
  }
}
@media screen and (max-width: 1023px) {
  .p-privacypolicy__message-item-eighth {
    margin-top: 3px;
    margin-right: -1px;
    text-indent: -36px;
    padding-left: 38px;
    line-height: 1.65;
    width: calc(100% - 1px);
  }
  .p-privacypolicy__message-item-eighth p.c-text--md:nth-of-type(3) {
    padding-left: 10px;
    text-indent: -42px;
  }
  .p-privacypolicy__message-item-eighth p.c-text--md:nth-of-type(4) {
    margin-top: 2px;
    padding-left: 10px;
    text-indent: -42px;
  }
  .p-privacypolicy__message-item-eighth p.c-text--md:nth-of-type(5) {
    margin-top: 3px;
    padding-left: 10px;
    text-indent: -42px;
  }
  .p-privacypolicy__message-item-eighth p.c-text--md:nth-of-type(6) {
    margin-top: 2px;
    margin-bottom: 2px;
  }
  .p-privacypolicy__message-item-eighth p.c-text--md:nth-of-type(9) {
    margin-top: 3px;
  }
  .p-privacypolicy__message-item-eighth p.c-text--md:nth-of-type(10) {
    margin-top: 3px;
  }
  .p-privacypolicy__message-item-eighth p.c-text--md:nth-of-type(11) {
    margin-left: -3px;
    text-indent: -35px;
  }
}
@media screen and (min-width: 1024px) {
  .p-privacypolicy__message-item-ninth {
    line-height: 1.77;
    padding-top: 16px;
    text-indent: -38px;
    padding-left: 37px;
  }
}
@media screen and (max-width: 1023px) {
  .p-privacypolicy__message-item-ninth {
    padding-top: 3px;
    text-indent: -34px;
    padding-left: 37px;
    line-height: 1.65;
    margin-bottom: -23px;
  }
  .p-privacypolicy__message-item-ninth p.c-text--md:nth-of-type(2) {
    margin-top: 2px;
  }
  .p-privacypolicy__message-item-ninth p.c-text--md:nth-of-type(3),
  .p-privacypolicy__message-item-ninth p.c-text--md:nth-of-type(4) {
    margin-top: 3px;
  }
}
@media screen and (min-width: 1024px) {
  .p-privacypolicy__message-item-tenth {
    line-height: 1.78;
    padding-top: 8px;
  }
  .p-privacypolicy__message-item-tenth p.c-text--md:nth-of-type(2),
  .p-privacypolicy__message-item-tenth p.c-text--md:nth-of-type(3),
  .p-privacypolicy__message-item-tenth p.c-text--md:nth-of-type(4),
  .p-privacypolicy__message-item-tenth p.c-text--md:nth-of-type(6) {
    text-indent: -40px;
    padding-left: 39px;
  }
}
@media screen and (max-width: 1023px) {
  .p-privacypolicy__message-item-tenth {
    line-height: 1.64;
    margin-top: 5px;
    margin-right: 3px;
    margin-left: 4px;
  }
  .p-privacypolicy__message-item-tenth p.c-text--md:nth-of-type(2) {
    text-indent: -29px;
    padding-left: 40px;
    margin-left: -10px;
  }
  .p-privacypolicy__message-item-tenth p.c-text--md:nth-of-type(3) {
    text-indent: -29px;
    padding-left: 40px;
    margin-left: -10px;
  }
  .p-privacypolicy__message-item-tenth p.c-text--md:nth-of-type(5) {
    text-indent: -33px;
    padding-left: 44px;
    margin-left: -10px;
  }
  .p-privacypolicy__message-item-tenth p.c-text--md:nth-of-type(6) {
    text-indent: -33px;
    padding-left: 44px;
    margin-left: -10px;
  }
}
@media screen and (min-width: 1024px) {
  .p-privacypolicy__message-item-eleventh {
    margin-top: 38px;
    line-height: 1.72;
  }
}
@media screen and (max-width: 1023px) {
  .p-privacypolicy__message-item-eleventh {
    margin-top: 40px;
  }
}
@media screen and (min-width: 1024px) {
  .p-privacypolicy__message-instruction {
    margin-top: 9px;
    line-height: 1.5;
    width: calc(100% - 120px);
  }
}
@media screen and (max-width: 1023px) {
  .p-privacypolicy__message-instruction {
    padding-top: 5px;
    padding-bottom: 5px;
    width: calc(100% + 1px);
    line-height: 1.65;
  }
}
@media screen and (min-width: 1024px) {
  .p-privacypolicy__message-instruction-first {
    margin-top: 7px;
    line-height: 1.77;
    width: calc(100% - 100px);
  }
}
@media screen and (max-width: 1023px) {
  .p-privacypolicy__message-instruction-first {
    margin-top: -1px;
    line-height: 1.65;
  }
}
@media screen and (min-width: 1024px) {
  .p-privacypolicy__message-instruction-second {
    margin-top: 8px;
    line-height: 1.77;
  }
}
@media screen and (max-width: 1023px) {
  .p-privacypolicy__message-instruction-second {
    margin-top: 4px;
    line-height: 1.65;
  }
}
@media screen and (min-width: 1024px) {
  .p-privacypolicy__message-instruction-third {
    margin-top: 8px;
    line-height: 1.77;
  }
}
@media screen and (max-width: 1023px) {
  .p-privacypolicy__message-instruction-third {
    margin-top: 4px;
    line-height: 1.65;
  }
}

.p-howtouse p {
  font-size: 1rem;
}
@media screen and (max-width: 1023px) {
  .p-howtouse p {
    font-size: 0.875rem;
  }
}
@media screen and (min-width: 1024px) {
  .p-howtouse .l-container {
    min-width: 1156px;
    max-width: 1156px;
    margin: 0 auto;
  }
}
.p-howtouse .c-btn {
  text-align: center;
  margin: 0;
  font-size: 0.875rem;
}
@media screen and (max-width: 1023px) {
  .p-howtouse .c-btn {
    font-size: 1rem;
    width: 100%;
  }
}
.p-howtouse .c-btn.--secondary {
  max-width: 164px;
  padding: 5px 0px 5px;
  font-size: 0.875rem;
}
@media screen and (max-width: 1023px) {
  .p-howtouse .c-btn.--secondary {
    max-width: 254px;
    font-size: 1rem;
    margin: 0 auto;
    padding: 17px 47px 15px;
  }
}
@media screen and (min-width: 1024px) {
  .p-howtouse .c-btn.--secondary.widthreset {
    max-width: 108px;
  }
}
.p-howtouse a.link {
  border-bottom: 1px solid #000;
  transition: opacity 0.3s ease-in-out;
  cursor: pointer;
}
.p-howtouse a.link:hover {
  color: #808080;
  border-bottom: 1px solid #808080;
}
@media screen and (min-width: 1024px) {
  .p-howtouse__wrapper {
    max-width: 960px;
    margin: 0 auto;
  }
}
.p-howtouse__content_text {
  flex: 0 0 458px;
}
@media screen and (max-width: 1023px) {
  .p-howtouse__content_text {
    flex: 0 0 auto;
    margin-right: 0;
  }
}
.p-howtouse__content_text.justify {
  text-align: justify;
}
.p-howtouse__content_box {
  display: flex;
}
@media screen and (min-width: 1024px) {
  .p-howtouse__content_box {
    gap: 36px;
  }
}
@media screen and (max-width: 1023px) {
  .p-howtouse__content_box {
    flex-direction: column-reverse;
  }
}
.p-howtouse__intro {
  margin-bottom: 88px;
}
@media screen and (max-width: 1023px) {
  .p-howtouse__intro {
    margin-bottom: 61px;
  }
}
.p-howtouse__intro .c-title--pd80 {
  margin-bottom: 10px;
  font-weight: 500;
  font-size: 1.75rem;
  text-wrap: auto;
}
@media screen and (max-width: 1023px) {
  .p-howtouse__intro .c-title--pd80 {
    margin-bottom: 11px;
    font-size: 1.5rem;
  }
}
.p-howtouse__intro .contents_box {
  display: flex;
  align-items: flex-start;
}
@media screen and (max-width: 1023px) {
  .p-howtouse__intro .contents_box {
    display: block;
  }
}
.p-howtouse__intro .contents_box .c-btn {
  margin-left: auto;
  max-width: 208px;
  padding: 9px 20px 7px;
}
@media screen and (max-width: 1023px) {
  .p-howtouse__intro .contents_box .c-btn {
    max-width: 254px;
    text-align: center;
    padding: 13px 0 10px;
  }
}
.p-howtouse__intro__text {
  margin-bottom: 30px;
  max-width: 700px;
  text-align: left;
}
@media screen and (max-width: 1023px) {
  .p-howtouse__intro__text {
    margin-bottom: 32px;
  }
}
.p-howtouse__intro__link {
  display: inline-block;
  min-width: 280px;
  padding: 15px 30px;
}
@media screen and (max-width: 1023px) {
  .p-howtouse__image {
    margin-bottom: 24px;
  }
  .p-howtouse__image img {
    width: 100%;
  }
}
.p-howtouse__section {
  padding: 80px 0;
  border-top: 1px solid #ddd;
}
.p-howtouse__section-heading {
  margin-bottom: 37px;
  font-size: 1.75rem;
  font-weight: 500;
  text-wrap: auto;
}
@media screen and (max-width: 1023px) {
  .p-howtouse__section-heading {
    margin-top: -68px;
    padding-top: 68px;
    margin-bottom: 35px;
    font-size: 1.5rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-howtouse__section-heading.hang-indent {
    padding-left: 2rem;
    text-indent: -30px;
  }
}
.p-howtouse__section-number {
  padding-right: 1rem;
  font-weight: 400;
}
.p-howtouse__subsection {
  margin-bottom: 60px;
}
.p-howtouse__subsection-heading {
  font-size: 1.125rem;
  font-weight: 600;
  margin-bottom: 26px;
  border-bottom: 1px solid #808080;
  padding-bottom: 13px;
}
@media screen and (max-width: 1023px) {
  .p-howtouse__subsection-heading {
    font-size: 1rem;
    margin-bottom: 24px;
    padding-bottom: 2px;
  }
}
@media screen and (max-width: 1023px) {
  .p-howtouse__subsection-heading.bottomset {
    margin-bottom: 24px;
  }
}
.p-howtouse__subsection-second {
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 32px;
  text-align: center;
}
@media screen and (max-width: 1023px) {
  .p-howtouse__subsection-second {
    font-size: 1rem;
    margin-bottom: 15px;
  }
}
.p-howtouse__content-block {
  display: flex;
  gap: 27px;
  align-items: flex-start;
}
@media screen and (max-width: 1023px) {
  .p-howtouse__content-block {
    display: block;
  }
}
.p-howtouse__content-block .p-howtouse__text-block {
  flex: 0 0 70%;
}
@media screen and (max-width: 1023px) {
  .p-howtouse__content-block .p-howtouse__text-block {
    margin-bottom: 16px;
  }
}
.p-howtouse__content-block .p-howtouse__content-text {
  margin-bottom: 1rem;
}
@media screen and (max-width: 1023px) {
  .p-howtouse__content-block .p-howtouse__content-text {
    margin-bottom: 1.5rem;
    font-size: 0.875rem;
  }
}
.p-howtouse__content-block .p-howtouse__content-text:last-child {
  margin-bottom: 0;
}
.p-howtouse__content-block .p-howtouse__image {
  aspect-ratio: 1;
}
@media screen and (max-width: 1023px) {
  .p-howtouse__content-block .p-howtouse__image {
    margin-bottom: 1.5rem;
  }
}
.p-howtouse__content-block .p-howtouse__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.p-howtouse__reason-list {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
  justify-content: space-between;
}
@media screen and (max-width: 1023px) {
  .p-howtouse__reason-list {
    display: block;
  }
}
.p-howtouse__reason-list .p-howtouse__reason-item {
  flex: 0 0 210px;
  text-align: center;
}
@media screen and (max-width: 1023px) {
  .p-howtouse__reason-list .p-howtouse__reason-item {
    display: flex;
    justify-content: space-between;
    margin-bottom: 18px;
  }
  .p-howtouse__reason-list .p-howtouse__reason-item:last-child {
    margin-bottom: 0;
  }
}
.p-howtouse .p-howtouse__reason-icon_1, .p-howtouse .p-howtouse__reason-icon_2, .p-howtouse .p-howtouse__reason-icon_3, .p-howtouse .p-howtouse__reason-icon_4 {
  height: 125px;
  display: flex;
  align-items: center;
  margin: 0 auto;
}
@media screen and (max-width: 1023px) {
  .p-howtouse .p-howtouse__reason-icon_1, .p-howtouse .p-howtouse__reason-icon_2, .p-howtouse .p-howtouse__reason-icon_3, .p-howtouse .p-howtouse__reason-icon_4 {
    position: relative;
  }
  .p-howtouse .p-howtouse__reason-icon_1 img, .p-howtouse .p-howtouse__reason-icon_2 img, .p-howtouse .p-howtouse__reason-icon_3 img, .p-howtouse .p-howtouse__reason-icon_4 img {
    position: absolute;
    top: 0;
  }
}
@media screen and (min-width: 1024px) {
  .p-howtouse .p-howtouse__reason-icon_1 {
    aspect-ratio: 70/68;
    max-width: 70px;
  }
}
@media screen and (max-width: 1023px) {
  .p-howtouse .p-howtouse__reason-icon_1 {
    aspect-ratio: 288/239;
    max-width: 96px;
  }
}
@media screen and (min-width: 1024px) {
  .p-howtouse .p-howtouse__reason-icon_2 {
    aspect-ratio: 65/62;
    max-width: 65px;
  }
}
@media screen and (max-width: 1023px) {
  .p-howtouse .p-howtouse__reason-icon_2 {
    aspect-ratio: 288/239;
    max-width: 96px;
  }
}
@media screen and (min-width: 1024px) {
  .p-howtouse .p-howtouse__reason-icon_3 {
    aspect-ratio: 81/78;
    max-width: 81px;
  }
}
@media screen and (max-width: 1023px) {
  .p-howtouse .p-howtouse__reason-icon_3 {
    aspect-ratio: 288/239;
    max-width: 96px;
  }
}
@media screen and (min-width: 1024px) {
  .p-howtouse .p-howtouse__reason-icon_4 {
    aspect-ratio: 99/63;
    max-width: 99px;
  }
}
@media screen and (max-width: 1023px) {
  .p-howtouse .p-howtouse__reason-icon_4 {
    aspect-ratio: 288/239;
    max-width: 96px;
  }
}
@media screen and (max-width: 1023px) {
  .p-howtouse .p-howtouse__reason-box {
    flex: 0 0 64%;
  }
}
@media screen and (max-width: 1023px) {
  .p-howtouse .p-howtouse__reason-box .p-howtouse__reason-title {
    text-align: left;
  }
}
@media screen and (max-width: 1023px) {
  .p-howtouse .p-howtouse__reason_box {
    flex: 0 0 70%;
    margin-left: 16px;
    text-align: left;
  }
}
.p-howtouse .p-howtouse__reason_box .p-howtouse__reason-title {
  margin-bottom: 16px;
}
@media screen and (max-width: 1023px) {
  .p-howtouse .p-howtouse__reason_box .p-howtouse__reason-title {
    font-size: 1rem;
    font-weight: 500;
    margin-bottom: 6px;
  }
}
.p-howtouse .p-howtouse__reason_box .p-howtouse__reason-text {
  text-align: left;
  font-size: 0.875rem;
}
/* @media screen and (max-width: 1023px) {
  .p-howtouse .p-howtouse__reason_box .p-howtouse__reason-text {
    line-height: 23px;
  }
} */
.p-howtouse .p-howtouse__inline-link {
  display: inline-block;
  text-decoration: underline;
  text-underline-offset: 3px;
  margin-top: 4px;
  font-size: 0.875rem;
}
.p-howtouse .p-howtouse__inline-link:hover {
  text-decoration: underline;
  opacity: 0.6;
}
@media screen and (max-width: 1023px) {
  .p-howtouse .p-howtouse__inline-link {
    margin-top: 5px;
  }
}
.p-howtouse__content-box {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 24px;
  justify-content: space-between;
}
@media screen and (max-width: 1023px) {
  .p-howtouse__content-box {
    display: block;
    margin-bottom: 45px;
  }
}
.p-howtouse__content-box .p-howtouse__box-item {
  flex: 0 0 50%;
  max-width: 466px;
  padding-bottom: 45px;
}
@media screen and (max-width: 1023px) {
  .p-howtouse__content-box .p-howtouse__box-item {
    padding-bottom: 29px;
    max-width: none;
    display: flex;
    flex-direction: column;
  }
}
.p-howtouse__content-box .p-howtouse__box-item .p-howtouse__box-heading {
  font-size: 1.125rem;
  font-weight: 600;
  margin-bottom: 8px;
}
@media screen and (max-width: 1023px) {
  .p-howtouse__content-box .p-howtouse__box-item .p-howtouse__box-heading {
    font-size: 1rem;
    font-weight: 500;
    margin-bottom: 10px;
    order: 1;
  }
}
.p-howtouse__content-box .p-howtouse__box-item .p-howtouse__content-text {
  margin-bottom: 12px;
  font-size: 0.875rem;
}
@media screen and (max-width: 1023px) {
  .p-howtouse__content-box .p-howtouse__box-item .p-howtouse__content-text {
    order: 3;
  }
}
.p-howtouse__content-box .p-howtouse__box-item .p-howtouse__image {
  aspect-ratio: 433/233;
  width: 100%;
}
@media screen and (max-width: 1023px) {
  .p-howtouse__content-box .p-howtouse__box-item .p-howtouse__image {
    order: 2;
    margin-bottom: 16px;
  }
}
.p-howtouse__content-box .p-howtouse__box-item .p-howtouse__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (max-width: 1023px) {
  .p-howtouse__content-box .p-howtouse__box-item .p-howtouse__image.bottomset {
    margin-bottom: 0px;
  }
}
@media screen and (max-width: 1023px) {
  .p-howtouse__content-box .p-howtouse__box-item.bottomset {
    padding-bottom: 24px;
  }
}
@media screen and (max-width: 1023px) {
  .p-howtouse--reverse {
    flex-direction: column-reverse !important;
    gap: 24px;
  }
}
.p-howtouse__media-block {
  display: flex;
  gap: 36px;
}
@media screen and (max-width: 1023px) {
  .p-howtouse__media-block {
    flex-direction: column-reverse;
    gap: 24px;
  }
}
@media screen and (max-width: 1023px) {
  .p-howtouse__media-block .p-howtouse__image {
    margin: 0;
  }
}
.p-howtouse__media-block .p-howtouse__content_box {
  flex: 0 0 458px;
}
@media screen and (max-width: 1023px) {
  .p-howtouse__media-block .p-howtouse__content_box {
    flex: 0 0 auto;
  }
}
.p-howtouse__media-block .p-howtouse__content_box .p-howtouse__text {
  margin-bottom: 20px;
}
.p-howtouse__media-block .p-howtouse__content_box .p-howtouse__text.justify {
  text-align: justify;
}
@media screen and (max-width: 1023px) {
  .p-howtouse__media-block .p-howtouse__content_box .p-howtouse__text {
    margin-bottom: 0;
  }
}
.p-howtouse__media-block .p-howtouse__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.p-howtouse__media-block.--reverse .p-howtouse__content_box {
  padding-right: 0;
}
@media screen and (max-width: 1023px) {
  .p-howtouse__media-block.--reverse .p-howtouse__content_box {
    padding: 0;
  }
}
.p-howtouse__definition-list {
  margin-bottom: 62px;
}
@media screen and (max-width: 1023px) {
  .p-howtouse__definition-list {
    margin-bottom: 32px;
  }
}
.p-howtouse__definition-list .p-howtouse__definition-term {
  display: flex;
  gap: 115px;
  border-top: 1px solid #e4e4e4;
  padding: 28px 0 21px;
}
@media screen and (max-width: 1023px) {
  .p-howtouse__definition-list .p-howtouse__definition-term {
    display: block;
    padding: 24px 0 24px;
  }
}
.p-howtouse__definition-list .p-howtouse__definition-term:first-child {
  border-top: none;
  padding-top: none;
}
.p-howtouse__definition-list .p-howtouse__definition-term:last-child {
  padding-bottom: none;
}
.p-howtouse__definition-list .p-howtouse__definition-title {
  flex: 0 0 100px;
  line-height: 22px;
  display: flex;
}
.p-howtouse__definition-list .p-howtouse__definition-label {
  display: inline;
  text-decoration: underline;
  text-underline-offset: 3px;
  transition: opacity 0.3s ease;
}
.p-howtouse__definition-list .p-howtouse__definition-label:hover {
  color: #808080;
  opacity: 0.6;
  cursor: pointer;
}
@media screen and (max-width: 1023px) {
  .p-howtouse__definition-list .p-howtouse__definition-label {
    margin-bottom: 16px;
    font-size: 0.875rem;
  }
}
.p-howtouse__definition-list .p-howtouse__definition-description {
  font-size: 1rem;
}
@media screen and (max-width: 1023px) {
  .p-howtouse__definition-list .p-howtouse__definition-description {
    font-size: 0.875rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-howtouse__intro .p-howtouse__text {
    margin-bottom: 32px;
    font-size: 0.875rem;
  }
}
.p-howtouse__SP-contents,
.p-howtouse section.SP-nav__intro {
  display: none;
}
@media screen and (max-width: 1023px) {
  .p-howtouse__SP-contents,
  .p-howtouse section.SP-nav__intro {
    display: block;
    margin-bottom: 66px;
  }
  .p-howtouse__SP-contents .p-howtouse__contents-inner,
  .p-howtouse section.SP-nav__intro .p-howtouse__contents-inner {
    padding: 0 22px;
  }
  .p-howtouse__SP-contents .p-howtouse__sp-toc-list,
  .p-howtouse section.SP-nav__intro .p-howtouse__sp-toc-list {
    list-style: auto;
    padding: 0;
    margin-left: 1rem;
  }
  .p-howtouse__SP-contents .p-howtouse__sp-toc-list .p-howtouse__sp-toc-item,
  .p-howtouse section.SP-nav__intro .p-howtouse__sp-toc-list .p-howtouse__sp-toc-item {
    margin-bottom: 16px;
    position: relative;
  }
  .p-howtouse__SP-contents .p-howtouse__sp-toc-list .p-howtouse__sp-toc-item:last-child,
  .p-howtouse section.SP-nav__intro .p-howtouse__sp-toc-list .p-howtouse__sp-toc-item:last-child {
    margin-bottom: 0;
  }
  .p-howtouse__SP-contents .p-howtouse__sp-toc-list .p-howtouse__sp-toc-item a,
  .p-howtouse section.SP-nav__intro .p-howtouse__sp-toc-list .p-howtouse__sp-toc-item a {
    font-size: 0.875rem;
    cursor: pointer;
  }
  .p-howtouse__SP-contents .p-howtouse__sp-toc-list .p-howtouse__sp-toc-item .c-icon--arrow_down,
  .p-howtouse section.SP-nav__intro .p-howtouse__sp-toc-list .p-howtouse__sp-toc-item .c-icon--arrow_down {
    display: inline-block;
    margin-left: 5px;
    transform: translateY(1px);
  }
}
.p-howtouse__section_1 {
  margin-bottom: 194px;
}
@media screen and (max-width: 1023px) {
  .p-howtouse__section_1 {
    margin-bottom: 90px;
  }
}
.p-howtouse__section_1__image {
  flex: 1 1 auto;
}
.p-howtouse__section_1 .p-howtouse__subsection_1 {
  margin-bottom: 62px;
}
@media screen and (max-width: 1023px) {
  .p-howtouse__section_1 .p-howtouse__subsection_1 {
    margin-bottom: 45px;
  }
}
.p-howtouse__section_2 {
  margin-bottom: 197px;
}
@media screen and (max-width: 1023px) {
  .p-howtouse__section_2 {
    margin-bottom: 98px;
  }
}
.p-howtouse__section_2 .p-howtouse__section-text {
  margin-bottom: 47px;
  /* line-height: 23px; */
}
@media screen and (max-width: 1023px) {
  .p-howtouse__section_2 .p-howtouse__section-text {
    margin-bottom: 37px;
    font-size: 0.875rem;
  }
}
.p-howtouse__section_2 .p-howtouse__subsection_1 .p-howtouse__text {
  margin-bottom: 40px;
}
@media screen and (max-width: 1023px) {
  .p-howtouse__section_2 .p-howtouse__subsection_1 .p-howtouse__text {
    margin-bottom: 29px;
    font-size: 0.875rem;
  }
}
.p-howtouse__section_2 .p-howtouse__subsection_2 {
  margin-bottom: 52px;
}
.p-howtouse__section_2 .p-howtouse__subsection_2 .p-howtouse__text {
  margin-bottom: 21px;
}
.p-howtouse__section_2 .p-howtouse__subsection_2 .p-howtouse__text.justify {
  text-align: justify;
}
@media screen and (max-width: 1023px) {
  .p-howtouse__section_2 .p-howtouse__subsection_2 .p-howtouse__text {
    margin-bottom: 32px;
  }
}
.p-howtouse__section_2 .p-howtouse__subsection_3 {
  margin-bottom: 51px;
}
.p-howtouse__section_2 .p-howtouse__subsection_3 .p-howtouse__text {
  margin-bottom: 21px;
}
.p-howtouse__section_2 .p-howtouse__subsection_4 {
  margin-bottom: 61px;
}
.p-howtouse__section_2 .p-howtouse__subsection_4 .p-howtouse__text {
  margin-bottom: 21px;
}
.p-howtouse__section_2 .p-howtouse__subsection_5 .p-howtouse__text {
  margin-bottom: 34px;
}
@media screen and (max-width: 1023px) {
  .p-howtouse__section_2 .p-howtouse__subsection_5 .p-howtouse__text.bottomset {
    margin-bottom: 16px;
  }
}
.p-howtouse__section_2 .p-howtouse__subsection_5 .c-btn {
  margin: 0 auto;
  font-size: 1rem;
  padding: 16px 40px 14px;
  max-width: 224px;
}
@media screen and (max-width: 1023px) {
  .p-howtouse__section_2 .p-howtouse__subsection_5 .c-btn {
    max-width: 254px;
    font-size: 1rem;
    margin: 0 auto;
    padding: 17px 47px 15px;
  }
}
.p-howtouse__section_3 {
  margin-bottom: 130px;
}
@media screen and (max-width: 1023px) {
  .p-howtouse__section_3 {
    margin-bottom: 96px;
  }
}
.p-howtouse__section_3 .p-howtouse__text_box {
  margin-bottom: 18px;
}
.p-howtouse__section_3 .c-btn {
  margin: 0 auto;
  font-size: 1rem;
  padding: 12px 40px 9px;
  max-width: 224px;
}
@media screen and (max-width: 1023px) {
  .p-howtouse__section_3 .c-btn.heightset {
    height: 48px;
    padding: 14px 40px 9px;
  }
}
.p-howtouse__section_3 .c-btn.--secondary {
  max-width: 122px;
  padding: 5px 12px 5px;
}
.p-howtouse__section_3 .p-howtouse__subsection_1 {
  margin-bottom: 69px;
}
.p-howtouse__section_3 .p-howtouse__subsection_1 .p-howtouse__content_box {
  display: block;
}
.p-howtouse__section_3 .p-howtouse__subsection_1 .p-howtouse__content_box .p-howtouse__content_text.justify {
  text-align: justify;
}
.p-howtouse__section_3 .p-howtouse__subsection_1 .p-howtouse__content_box .p-howtouse__content_text .c-btn {
  margin: 16px 0 0;
}
@media screen and (max-width: 1023px) {
  .p-howtouse__section_3 .p-howtouse__subsection_1 .p-howtouse__content_box .p-howtouse__content_text .c-btn {
    max-width: 254px;
    font-size: 1rem;
    margin: 32px auto 0;
    padding: 17px 47px 15px;
  }
}
.p-howtouse__section_3 .p-howtouse__subsection_2 .p-howtouse__text {
  margin-bottom: 35px;
}
.p-howtouse__section_3 .p-howtouse__subsection_2 .p-howtouse__text.justify {
  text-align: justify;
}
@media screen and (max-width: 1023px) {
  .p-howtouse__section_3 .p-howtouse__subsection_2 .p-howtouse__text.bottomset {
    margin-bottom: 40px;
  }
}
.p-howtouse__section_3 .p-howtouse__subsection_2.justify {
  text-align: justify;
}
.p-howtouse__section_3_2 {
  margin-bottom: 197px;
}
.p-howtouse__section_3_2 .typesquare_option {
  font-size: 1.25rem;
  font-weight: 600;
  text-align: center;
}
.p-howtouse__subsection_3_2 {
  margin-bottom: 96px;
}
.p-howtouse-works-slider__wrapper {
  margin-bottom: 60px;
}
@media screen and (min-width: 1024px) {
  .p-howtouse-works-slider__wrapper {
    width: 1280px;
    overflow: hidden;
    margin-left: -160px;
  }
}
.p-howtouse-works-slider__wrapper .slick-slide {
  opacity: 0.4;
  width: 362px !important;
  height: 660px !important;
  margin: auto 59px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.p-howtouse-works-slider__wrapper .slick-slide .p-howtouse-works-list__img {
  width: 362px !important;
  height: 362px !important;
  aspect-ratio: unset !important;
  transition: all 0.3s ease;
}
@media screen and (max-width: 1023px) {
  .p-howtouse-works-slider__wrapper .slick-slide {
    width: 240px !important;
    height: 415px !important;
    margin: auto 35px;
  }
  .p-howtouse-works-slider__wrapper .slick-slide .p-howtouse-works-list__img {
    width: 240px !important;
    height: 240px !important;
    aspect-ratio: unset !important;
  }
}
@media screen and (max-width: 1023px) {
  .p-howtouse-works-slider__wrapper .slick-slide {
    margin: auto 29px;
  }
}
@media screen and (max-width: 480px) {
  .p-howtouse-works-slider__wrapper .slick-slide {
    margin: auto 22px;
  }
}
.p-howtouse-works-slider__wrapper .slick-slide.slick-center {
  opacity: 1;
}
.p-howtouse-works-slider__wrapper .slick-slide.slick-center .p-howtouse-works-list__img {
  width: 560px !important;
  height: 560px !important;
  aspect-ratio: unset !important;
}
@media screen and (max-width: 1023px) {
  .p-howtouse-works-slider__wrapper .slick-slide.slick-center .p-howtouse-works-list__img {
    width: 315px !important;
    height: 315px !important;
    aspect-ratio: unset !important;
  }
}
.p-howtouse-works-slider .slick-slide:not(.slick-center) {
  padding-bottom: 50px;
}
@media screen and (max-width: 1023px) {
  .p-howtouse-works-slider .slick-slide:not(.slick-center) {
    margin-top: 50px;
    padding-bottom: 120px;
  }
}
.p-howtouse-works-slider .slick-track {
  display: flex;
}
.p-howtouse-works-slider .slick-track[style*=transform] {
  transition: transform 0.25s ease-out !important;
}
.p-howtouse-works-slider.slick-slider .slick-track {
  transition: transform 0.25s ease-out !important;
}
.p-howtouse-works-slider .slick-list {
  margin: 0 -15px;
  overflow: visible;
}
.p-howtouse-works-list__bgs {
  display: none;
}
.p-howtouse-works-list__img {
  width: 100%;
  aspect-ratio: 1;
  overflow: hidden;
}
.p-howtouse-works-list__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.p-howtouse-works-list__content {
  display: none;
  margin-top: 15px;
}
@media screen and (max-width: 1023px) {
  .p-howtouse-works-list__content {
    margin-top: 8px;
  }
}
.slick-slide.slick-active .p-howtouse-works-list__content {
  display: block;
  width: 560px;
}
@media screen and (max-width: 1023px) {
  .slick-slide.slick-active .p-howtouse-works-list__content {
    width: 100%;
  }
}
.p-howtouse-works-list__content__inner .creator-name-wrapper {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 1023px) {
  .p-howtouse-works-list__content__inner .creator-name-wrapper {
    flex-direction: column-reverse;
  }
}
.p-howtouse-works-list__number {
  font-size: 0.875rem;
  font-weight: bold;
  color: #666;
  margin-bottom: 8px;
}
.p-howtouse-works-list__creator {
  font-size: 0.875rem;
  font-weight: 400;
  margin-bottom: 1px;
  line-height: 1.4;
}
@media screen and (max-width: 1023px) {
  .p-howtouse-works-list__creator {
    text-wrap: auto;
    margin-bottom: 0;
  }
}
.p-howtouse-works-list__name {
  font-size: 0.75rem;
  font-weight: 400;
  color: #000;
}
@media screen and (max-width: 1023px) {
  .p-howtouse-works-list__name {
    text-align: right;
    margin-bottom: 16px;
  }
}
.p-howtouse-works-list__description {
  font-size: 0.75rem;
  color: #000;
}
.p-howtouse-works-list__nav {
  display: grid;
  margin-top: 45px;
  text-align: center;
  position: relative;
  width: 100%;
  width: 122px;
  margin: 45px auto 0;
}
@media screen and (max-width: 1023px) {
  .p-howtouse-works-list__nav {
    margin: 20px auto 0;
  }
}
.p-howtouse-works-list__nav .c-slick-prev {
  grid-area: 1/1/2/2;
  padding: 0;
  width: 13px;
  height: 11px;
}
.p-howtouse-works-list__nav .c-slick-prev img {
  width: 13px;
  height: 11px;
}
.p-howtouse-works-list__nav .c-slick-next {
  grid-area: 1/3/2/4;
  padding: 0;
  width: 13px;
  height: 11px;
}
.p-howtouse-works-list__nav .c-slick-next img {
  width: 13px;
  height: 11px;
}
.p-howtouse-works-list__nav .slick-dots {
  position: static;
  bottom: auto;
  display: flex;
  justify-content: flex-start;
  list-style: none;
  padding: 0;
  margin: 0;
  grid-area: 1/2/2/3;
  gap: 5px;
}
.p-howtouse-works-list__nav .slick-dots li {
  margin: 0;
  width: 5px;
  height: 5px;
}
.p-howtouse-works-list__nav .slick-dots li button {
  width: 5px;
  height: 5px;
  padding: 0;
  border: none;
  background: transparent;
}
.p-howtouse-works-list__nav .slick-dots li button:before {
  content: "•";
  font-size: 0.3125rem;
  color: #000;
  opacity: 0.25;
  width: 5px;
  height: 5px;
  line-height: 11px;
  text-align: center;
  display: block;
}
.p-howtouse-works-list__nav .slick-dots li.slick-active button:before {
  opacity: 1;
}
.p-howtouse__section_4 {
  margin-bottom: 195px;
}
@media screen and (max-width: 1023px) {
  .p-howtouse__section_4 {
    margin-bottom: 94px;
  }
}
.p-howtouse__section_4 .p-howtouse__content_text .p-howtouse__text {
  margin-bottom: 23px;
}
.p-howtouse__section_4 .p-howtouse__content_text .p-howtouse__text.justify {
  text-align: justify;
}
@media screen and (max-width: 1023px) {
  .p-howtouse__section_4 .p-howtouse__content_text .p-howtouse__text {
    margin-bottom: 16px;
  }
}
.p-howtouse__section_4 .p-howtouse__content_text .c-btn.--secondary {
  max-width: 234px;
}
@media screen and (max-width: 1023px) {
  .p-howtouse__section_4 .p-howtouse__content_text .c-btn.--secondary {
    max-width: 297px;
    padding: 17px 25px 15px;
  }
}
.p-howtouse__section_4 .p-howtouse__subsection_1 {
  margin-bottom: 77px;
}
@media screen and (max-width: 1023px) {
  .p-howtouse__section_4 .p-howtouse__subsection_1 {
    margin-bottom: 61px;
  }
}
.p-howtouse__section_4 .p-howtouse__subsection_2 {
  margin-bottom: 77px;
}
@media screen and (max-width: 1023px) {
  .p-howtouse__section_4 .p-howtouse__subsection_2 {
    margin-bottom: 64px;
  }
}
.p-howtouse__section_4 .p-howtouse__subsection_3 {
  margin-bottom: 77px;
}
@media screen and (max-width: 1023px) {
  .p-howtouse__section_4 .p-howtouse__subsection_3 {
    margin-bottom: 61px;
  }
}
@media screen and (max-width: 1023px) {
  .p-howtouse__section_4 .p-howtouse__subsection_4 {
    margin-bottom: 94px;
  }
}
.p-howtouse__section_4 .p-howtouse__subsection_4 .p-howtouse__image {
  margin-top: 20px;
}
.p-howtouse__section_4 .p-howtouse__subsection_4 .p-howtouse__image:first-child {
  margin-top: auto;
}
.p-howtouse__section_4 .p-howtouse__subsection_4 .p-howtouse__image img {
  border: none;
}
.p-howtouse__section_4 .p-howtouse__subsection_4 .p-howtouse__content_box {
  display: block;
}
.p-howtouse__section_4 .p-howtouse__subsection_4 .p-howtouse__button-group {
  display: flex;
  gap: 20px;
}
@media screen and (max-width: 1023px) {
  .p-howtouse__section_4 .p-howtouse__subsection_4 .p-howtouse__button-group {
    flex-direction: column;
    margin-top: 32px;
  }
}
.p-howtouse__section_4 .p-howtouse__subsection_4 .p-howtouse__button-group .c-btn {
  max-width: 149px;
}
@media screen and (max-width: 1023px) {
  .p-howtouse__section_4 .p-howtouse__subsection_4 .p-howtouse__button-group .c-btn {
    max-width: 254px;
    font-size: 1rem;
    width: 100%;
  }
}
.p-howtouse__section_5 .p-howtouse__section-text {
  margin-bottom: 38px;
}
.p-howtouse__section_5 .p-howtouse__content_text .p-howtouse__text {
  margin-bottom: 23px;
}
@media screen and (min-width: 1024px) {
  .p-howtouse__section_5 .p-howtouse__content_text .p-howtouse__text {
    text-align: justify;
  }
}
.p-howtouse__section_5 .p-howtouse__subsection_1 {
  margin-bottom: 69px;
}
@media screen and (max-width: 1023px) {
  .p-howtouse__section_5 .p-howtouse__media-block-second {
    display: flex;
    flex-direction: column-reverse;
  }
}
.p-howtouse__section_5 .p-howtouse__text {
  margin-bottom: 23px;
}
@media screen and (max-width: 1023px) {
  .p-howtouse__section_5 .p-howtouse__text {
    text-align: justify;
  }
}
.p-howtouse__section_5 .c-btn {
  margin-bottom: 50px;
}
@media screen and (max-width: 1023px) {
  .p-howtouse__section_5 .p-howtouse__image-wrapper {
    margin-bottom: 19px;
  }
}
.p-howtouse__section_5 .SP-text {
  display: none;
}
@media screen and (max-width: 1023px) {
  .p-howtouse__section_5 .SP-text {
    display: block;
    text-align: right;
    margin-top: 6px;
    font-size: 0.75rem;
    margin-bottom: -8px;
  }
}
@media screen and (max-width: 1023px) {
  .p-howtouse .p-howtouse__subsection_1.bottomset,
  .p-howtouse .p-howtouse__subsection_2.bottomset,
  .p-howtouse .p-howtouse__subsection_3.bottomset {
    margin-bottom: 64px;
  }
}
.p-howtouse .SP-nav__toggle-trigger {
  display: none;
}
@media screen and (max-width: 1023px) {
  .p-howtouse .SP-nav__toggle-trigger {
    align-items: center;
    z-index: 50;
    position: fixed;
    top: 54px;
    left: 0;
    width: 100%;
    padding: 10px 0 9px;
    border-bottom: 0.5px solid #000;
    justify-content: center;
    background-color: #fff;
  }
  .p-howtouse .SP-nav__toggle-trigger.is-active {
    display: none !important;
  }
  .p-howtouse .SP-nav__toggle-trigger.has-border-top {
    border-top: 1px solid #000;
  }
}
.p-howtouse .SP-nav__toggle-arrow {
  display: inline-block;
  margin-left: 8px;
  width: 14px;
  height: 14px;
  position: relative;
}
.p-howtouse .SP-nav__toggle-arrow::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 10px;
  width: 9px;
  height: 9px;
  border: solid currentColor;
  border-width: 0 1px 1px 0;
  transform: translate(-50%, -85%) rotate(45deg);
  box-sizing: border-box;
}
.p-howtouse section.SP-nav__intro {
  display: none;
  margin: 0 -20px;
  width: 100%;
}
@media screen and (max-width: 1023px) {
  .p-howtouse section.SP-nav__intro {
    display: block;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out;
    position: fixed;
    top: 54px;
    z-index: 99;
    background-color: #fff;
  }
}
.p-howtouse section.SP-nav__intro.is-open {
  max-height: 600px;
  transition: max-height 0.5s ease-in;
}
.p-howtouse section.SP-nav__intro.is-open .p-howtouse__contents-inner {
  padding: 24px 22px;
}
.p-howtouse section.SP-nav__intro.is-open .p-howtouse__contents-inner.has-border-top {
  border-top: 1px solid #000;
}
.p-howtouse section.SP-nav__intro .SP-nav__content {
  padding: 20px 0;
}
.p-howtouse section.SP-nav__intro .SP-nav__list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.p-howtouse section.SP-nav__intro .SP-nav__item:not(:last-child) {
  border-bottom: 1px solid #e4e4e4;
}
.p-howtouse section.SP-nav__intro .SP-nav__link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 0;
  font-size: 1rem;
  line-height: 1.5;
  text-decoration: none;
}
.p-howtouse section.SP-nav__intro .SP-nav__link:hover {
  color: #808080;
}
.p-howtouse section.SP-nav__intro .SP-nav__number {
  font-weight: bold;
  margin-right: 8px;
}
.p-howtouse section.SP-nav__intro .SP-nav__close-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 10px 22px 9px;
  border: 1px solid #000;
  border-left: none;
  border-right: none;
  font-size: 1rem;
  cursor: pointer;
}
.p-howtouse section.SP-nav__intro .SP-nav__close-btn .SP-nav__close-icon {
  display: inline-block;
  margin-left: 8px;
  transition: transform 0.3s ease;
  width: 16px;
  height: 16px;
  position: relative;
}
.p-howtouse section.SP-nav__intro .SP-nav__close-btn .SP-nav__close-icon::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 10px;
  width: 9px;
  height: 9px;
  border: solid currentColor;
  border-width: 0 1px 1px 0;
  transform: translate(-50%, 0%) rotate(225deg);
  box-sizing: border-box;
}
@media screen and (max-width: 1023px) {
  .p-howtouse section.SP-nav__intro .SP-nav__close-btn section[id^=section_] {
    scroll-margin-top: 250px;
  }
}

@media screen and (min-width: 1024px) {
  .p-knowledge_grain {
    max-width: 960px;
    margin: 0px auto;
    margin-bottom: -32px;
  }
  .p-knowledge_grain p.c-text--md {
    font-weight: 350;
  }
}
@media screen and (max-width: 1023px) {
  .p-knowledge_grain {
    margin-bottom: -20px;
  }
}
@media screen and (min-width: 1024px) {
  .p-knowledge_grain__header {
    font-size: 0.875rem;
  }
}
.p-knowledge_grain__header-title {
  display: block;
  font-weight: 350;
}
@media screen and (min-width: 1024px) {
  .p-knowledge_grain__header-title {
    padding: 79px 0 0;
  }
}
@media screen and (max-width: 1023px) {
  .p-knowledge_grain__header-title {
    margin-bottom: -14px;
    padding-top: 42px;
    font-size: 1.5rem;
  }
}
.p-knowledge_grain__container {
  margin: 0px auto;
}
.p-knowledge_grain__content ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  list-style: none;
}
@media screen and (min-width: 1024px) {
  .p-knowledge_grain__content ul {
    flex-wrap: wrap;
    gap: 25px;
    margin: 0 -3px 0 -2px;
  }
}
@media screen and (max-width: 1023px) {
  .p-knowledge_grain__content ul {
    flex-direction: column;
    margin: auto;
    margin: 0 -3px 0px -2px;
  }
}
@media screen and (min-width: 1024px) {
  .p-knowledge_grain__content-image {
    margin: 0 auto;
  }
  .p-knowledge_grain__content-image img {
    margin-left: -75px;
    width: 732px;
    height: 312px;
    transform: scaleX(1.11);
    transform-origin: left center;
  }
}
@media screen and (max-width: 1023px) {
  .p-knowledge_grain__content-image {
    margin-top: -28px;
    margin-bottom: 23px;
  }
  .p-knowledge_grain__content-image img {
    margin-left: 2px;
    width: 335;
    height: 188;
    object-fit: cover;
  }
}
@media screen and (min-width: 1024px) {
  .p-knowledge_grain__content-humidify {
    margin: 0 auto;
    margin-top: -64px;
  }
  .p-knowledge_grain__content-humidify img {
    margin-left: 3px;
    width: 580;
    height: 240;
    object-fit: cover;
    width: 60%;
    margin: 0 auto;
  }
}
@media screen and (max-width: 1023px) {
  .p-knowledge_grain__content-humidify {
    margin-top: 164px;
  }
  .p-knowledge_grain__content-humidify img {
    width: 335;
    height: 188;
    object-fit: cover;
  }
}
@media screen and (max-width: 1023px) {
  .p-knowledge_grain__content-humidify-sp {
    margin-left: 2px;
    margin-bottom: 80px;
    width: 70%;
    margin: 0 auto;
    margin-bottom: 96px;
  }
}
@media screen and (min-width: 1024px) {
  .p-knowledge_grain__content li.p-knowledge_grain__content-humidify-sp {
    display: none;
  }
}
@media screen and (max-width: 1023px) {
  .p-knowledge_grain__content li.p-knowledge_grain__content-humidify {
    display: none;
  }
}
.p-knowledge_grain__content-item-vertical {
  flex: 1;
  width: 50%;
}
@media screen and (min-width: 1024px) {
  .p-knowledge_grain__content-item-vertical {
    margin: -2px 0px 21px 161px;
  }
  .p-knowledge_grain__content-item-vertical img {
    display: flex;
    flex-direction: column;
    width: 150px;
    height: 200px;
    margin-top: 4px;
  }
}
@media screen and (max-width: 1023px) {
  .p-knowledge_grain__content-item-vertical {
    margin: auto;
    margin: -159px 0px 15px 95px;
  }
  .p-knowledge_grain__content-item-vertical img {
    display: flex;
    flex-direction: column;
    width: 150px;
    height: 200px;
    object-fit: cover;
  }
}
@media screen and (min-width: 1024px) {
  .p-knowledge_grain__content-item-horizontal {
    display: flex;
    margin-left: auto;
    margin: 0 0 28px 653px;
    width: 150px;
    height: 200px;
  }
  .p-knowledge_grain__content-item-horizontal img {
    width: 100%;
    height: 100%;
  }
}
@media screen and (max-width: 1023px) {
  .p-knowledge_grain__content-item-horizontal {
    margin: 18px 0 44px 95px;
    width: 150px;
    height: 200px;
  }
}
@media screen and (min-width: 1024px) {
  .p-knowledge_grain__content-item-detail img {
    display: flex;
    margin-left: auto;
    margin: -306px 0 25px 506px;
    width: 407px;
    height: 219px;
    object-fit: cover;
  }
}
@media screen and (max-width: 1023px) {
  .p-knowledge_grain__content-item-detail img {
    margin: auto;
    width: 295px;
    height: 158.5px;
    margin: -200px auto 25px;
  }
}
@media screen and (min-width: 1024px) {
  .p-knowledge_grain__content-item-parallel {
    flex: 1;
    width: 50%;
    margin: -234px 0 91px 60px;
  }
  .p-knowledge_grain__content-item-parallel img {
    display: flex;
    flex-direction: column;
    width: 352px;
    height: 167px;
    object-fit: cover;
  }
  .p-knowledge_grain__content-item-parallel > p {
    padding-top: 2px;
  }
}
@media screen and (max-width: 1023px) {
  .p-knowledge_grain__content-item-parallel {
    margin: -164px auto 25px;
    width: 302px;
  }
}
@media screen and (min-width: 1024px) {
  .p-knowledge_grain__content-item-perpendicular {
    display: flex;
    margin-left: auto;
    margin: -244px 0px 91px 553px;
    width: 352px;
    height: 167px;
  }
  .p-knowledge_grain__content-item-perpendicular img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .p-knowledge_grain__content-item-perpendicular > p {
    padding-top: 2px;
  }
}
@media screen and (max-width: 1023px) {
  .p-knowledge_grain__content-item-perpendicular {
    margin: -165px auto 25px;
    width: 302px;
  }
}
.p-knowledge_grain__content-item-dimensions .img-topwrapper {
  position: relative;
  overflow: hidden;
}
.p-knowledge_grain__content-item-dimensions .img-topwrapper::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #D8D8D9;
  pointer-events: none;
  box-sizing: border-box;
  z-index: 1;
}
.p-knowledge_grain__content-item-dimensions .img-topwrapper img {
  transition: transform 0.3s ease;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.p-knowledge_grain__content-item-dimensions p.c-text--md {
  display: inline-block;
  transition: transform 0.3s ease;
}
@media screen and (min-width: 1024px) {
  .p-knowledge_grain__content-item-dimensions:hover {
    cursor: pointer;
    transition: transform 0.3s ease;
    opacity: 0.6;
  }
  .p-knowledge_grain__content-item-dimensions:hover .img-topwrapper img {
    transform: scale(1.05);
  }
}
@media screen and (min-width: 1024px) {
  .p-knowledge_grain__content-item-dimensions {
    margin: 121px 0 7px 2px;
    width: 466px;
    height: 233px;
    font-size: 1.125rem;
  }
  .p-knowledge_grain__content-item-dimensions .img-topwrapper {
    width: 466px;
    height: 233px;
  }
  .p-knowledge_grain__content-item-dimensions .img-topwrapper img {
    margin: auto;
    margin-bottom: 8px;
  }
  .p-knowledge_grain__content-item-dimensions p.c-text--md {
    padding-top: 8px;
  }
}
@media screen and (max-width: 1023px) {
  .p-knowledge_grain__content-item-dimensions {
    margin: 14px 0 67px 2px;
    width: 335px;
    height: 167px;
  }
  .p-knowledge_grain__content-item-dimensions p.c-text--md {
    font-size: 1rem;
    padding-top: 12px;
  }
  .p-knowledge_grain__content-item-dimensions .img-topwrapper {
    width: 335px;
    height: 167px;
  }
}
.p-knowledge_grain__content-item-dimensions-down .img-topwrapper {
  position: relative;
  overflow: hidden;
}
.p-knowledge_grain__content-item-dimensions-down .img-topwrapper::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #D8D8D9;
  pointer-events: none;
  box-sizing: border-box;
  z-index: 1;
}
.p-knowledge_grain__content-item-dimensions-down .img-topwrapper img {
  transition: transform 0.3s ease;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.p-knowledge_grain__content-item-dimensions-down p.c-text--md {
  display: inline-block;
  transition: transform 0.3s ease;
}
@media screen and (min-width: 1024px) {
  .p-knowledge_grain__content-item-dimensions-down:hover {
    cursor: pointer;
    transition: transform 0.3s ease;
    opacity: 0.6;
  }
  .p-knowledge_grain__content-item-dimensions-down:hover .img-topwrapper img {
    transform: scale(1.05);
  }
}
@media screen and (min-width: 1024px) {
  .p-knowledge_grain__content-item-dimensions-down {
    margin: 121px 0 7px 2px;
    width: 466px;
    height: 233px;
    font-size: 1.125rem;
  }
  .p-knowledge_grain__content-item-dimensions-down .img-topwrapper {
    width: 466px;
    height: 233px;
  }
  .p-knowledge_grain__content-item-dimensions-down .img-topwrapper img {
    margin: auto;
    margin-bottom: 8px;
  }
  .p-knowledge_grain__content-item-dimensions-down p.c-text--md {
    padding-top: 8px;
  }
}
@media screen and (max-width: 1023px) {
  .p-knowledge_grain__content-item-dimensions-down {
    margin: 6px 0 67px 2px;
    width: 335px;
    height: 167px;
  }
  .p-knowledge_grain__content-item-dimensions-down p.c-text--md {
    font-size: 1rem;
    padding-top: 12px;
  }
  .p-knowledge_grain__content-item-dimensions-down .img-topwrapper {
    width: 335px;
    height: 167px;
  }
}
.p-knowledge_grain__content-item img {
  width: calc(100% - 2px);
  height: calc(100% - 3px);
  margin-left: 2px;
  aspect-ratio: 1;
  object-fit: cover;
}
@media screen and (min-width: 1024px) {
  .p-knowledge_grain__content-item p {
    margin: auto;
    padding-left: 5px;
    font-size: 1.125rem;
  }
}
.p-knowledge_grain__content-img ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  list-style: none;
}
@media screen and (min-width: 1024px) {
  .p-knowledge_grain__content-img ul {
    flex-wrap: wrap;
    gap: 25px;
    margin: 0 -3px 0 -2px;
  }
}
@media screen and (max-width: 1023px) {
  .p-knowledge_grain__content-img ul {
    flex-wrap: nowrap;
    overflow-x: auto;
    gap: 18px;
    padding: 10px 10px;
    margin-right: -19px;
    max-width: 100vw;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .p-knowledge_grain__content-img ul::-webkit-scrollbar {
    display: none;
  }
}
.p-knowledge_grain__content-img-item-knowledge p.c-text--md {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  transition: opacity 0.3s ease;
}
@media screen and (min-width: 1024px) {
  .p-knowledge_grain__content-img-item-knowledge p.c-text--md:hover {
    opacity: 0.6;
    cursor: pointer;
  }
}
@media screen and (min-width: 1024px) {
  .p-knowledge_grain__content-img-item-knowledge img:nth-of-type(2),
  .p-knowledge_grain__content-img-item-knowledge img:nth-of-type(4),
  .p-knowledge_grain__content-img-item-knowledge img:nth-of-type(6),
  .p-knowledge_grain__content-img-item-knowledge img:nth-of-type(8),
  .p-knowledge_grain__content-img-item-knowledge img:nth-of-type(10),
  .p-knowledge_grain__content-img-item-knowledge img:nth-of-type(12),
  .p-knowledge_grain__content-img-item-knowledge img:nth-of-type(14),
  .p-knowledge_grain__content-img-item-knowledge img:nth-of-type(16),
  .p-knowledge_grain__content-img-item-knowledge img:nth-of-type(18) {
    display: none;
  }
  .p-knowledge_grain__content-img-item-knowledge .img-wrapper {
    width: 172px;
    height: 172px;
    position: relative;
    overflow: hidden;
  }
  .p-knowledge_grain__content-img-item-knowledge .img-wrapper::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #D8D8D9;
    pointer-events: none;
    box-sizing: border-box;
    z-index: 1;
  }
}
@media screen and (min-width: 1024px) and (min-width: 1024px) {
  .p-knowledge_grain__content-img-item-knowledge .img-wrapper:hover img {
    transform: scale(1.1) translateX(2px);
    opacity: 0.6;
    cursor: pointer;
  }
  .p-knowledge_grain__content-img-item-knowledge .img-wrapper:hover + p {
    opacity: 0.6;
  }
}
@media screen and (min-width: 1024px) {
  .p-knowledge_grain__content-img-item-knowledge .img-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease, opacity 0.3s ease;
    z-index: 0;
  }
  .p-knowledge_grain__content-img-item-knowledge p {
    padding-top: 16px;
    padding-left: 3px;
    margin-bottom: 12px;
    display: flex;
    justify-content: center;
    font-size: 0.875rem;
    line-height: 0.5;
    transition: opacity 0.3s ease;
  }
  .p-knowledge_grain__content-img-item-knowledge p.reset {
    padding-top: 4px;
    padding-left: 4px;
  }
}
@media screen and (max-width: 1023px) {
  .p-knowledge_grain__content-img-item-knowledge {
    flex: 0 0 auto;
    min-width: 150px;
    text-align: center;
    margin-left: -10px;
    margin-top: 12px;
    margin-bottom: -3px;
  }
  .p-knowledge_grain__content-img-item-knowledge img:nth-of-type(1),
  .p-knowledge_grain__content-img-item-knowledge img:nth-of-type(3),
  .p-knowledge_grain__content-img-item-knowledge img:nth-of-type(5),
  .p-knowledge_grain__content-img-item-knowledge img:nth-of-type(7),
  .p-knowledge_grain__content-img-item-knowledge img:nth-of-type(9),
  .p-knowledge_grain__content-img-item-knowledge img:nth-of-type(11),
  .p-knowledge_grain__content-img-item-knowledge img:nth-of-type(13),
  .p-knowledge_grain__content-img-item-knowledge img:nth-of-type(15),
  .p-knowledge_grain__content-img-item-knowledge img:nth-of-type(17) {
    display: none;
  }
  .p-knowledge_grain__content-img-item-knowledge img {
    width: 150px;
    height: auto;
    max-height: none;
    margin-left: 0;
    aspect-ratio: 1;
    object-fit: cover;
  }
  .p-knowledge_grain__content-img-item-knowledge p {
    margin-top: 12px;
    font-size: 0.875rem;
    line-height: 1.3;
  }
  .p-knowledge_grain__content-img-item-knowledge p.c-text--md:nth-of-type(2) {
    margin-top: 2px;
  }
}
@media screen and (min-width: 1024px) {
  .p-knowledge_grain__message {
    padding: 14px 0 22px;
    line-height: 1.75;
  }
}
@media screen and (max-width: 1023px) {
  .p-knowledge_grain__message {
    line-height: 1.65;
  }
}
@media screen and (min-width: 1024px) {
  .p-knowledge_grain__message-paper {
    margin: auto;
    margin-left: 80px;
    line-height: 1.6;
    font-size: 0.875rem;
    padding-bottom: 58px;
  }
  .p-knowledge_grain__message-paper p.c-text--md:nth-of-type(1) {
    margin-top: -6px;
  }
}
@media screen and (min-width: 1024px) and (min-width: 1024px) {
  .p-knowledge_grain__message-paper p.c-text--md:nth-of-type(1) {
    line-height: 2;
  }
}
@media screen and (min-width: 1024px) {
  .p-knowledge_grain__message-paper p.c-text--md:nth-of-type(2) {
    margin-top: -6px;
  }
}
@media screen and (max-width: 1023px) {
  .p-knowledge_grain__message-paper {
    margin-left: 2px;
    line-height: 1.65;
  }
  .p-knowledge_grain__message-paper p.c-text--md {
    display: inline;
    margin-right: 0;
  }
}
@media screen and (min-width: 1024px) {
  .p-knowledge_grain__message-subtitle {
    padding: 28px 0 13px;
    border-bottom: 1px solid #808080;
  }
  .p-knowledge_grain__message-subtitle p.c-text--md {
    font-size: 1.125rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-knowledge_grain__message-subtitle {
    padding: 60px 0 1px;
    border-bottom: 1px solid #808080;
  }
  .p-knowledge_grain__message-subtitle p.c-text--md {
    font-size: 1rem;
  }
}
@media screen and (min-width: 1024px) {
  .p-knowledge_grain__message-subtitle-text {
    padding: 31px 0 13px;
    border-bottom: 1px solid #808080;
  }
  .p-knowledge_grain__message-subtitle-text p.c-text--md {
    font-size: 1.125rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-knowledge_grain__message-subtitle-text {
    padding: 83px 0 1px;
    font-size: 1rem;
    border-bottom: 1px solid #808080;
  }
  .p-knowledge_grain__message-subtitle-text p.c-text--md {
    font-size: 1rem;
  }
}
.p-knowledge_grain__message-direction {
  display: grid;
  grid-template-columns: 468px 1fr;
}
@media screen and (min-width: 1024px) {
  .p-knowledge_grain__message-direction-vertical {
    margin: 21px 0 -1px -2px;
    width: 468px;
    padding: 3px 0 13px;
    font-size: 1rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-knowledge_grain__message-direction-vertical {
    margin: 20px 0 14px -2px;
  }
  .p-knowledge_grain__message-direction-vertical p.c-text--md {
    font-size: 1rem;
  }
}
@media screen and (min-width: 1024px) {
  .p-knowledge_grain__message-direction-vertical-detail {
    width: 468px;
    flex-wrap: wrap;
    padding: 3px 0 13px;
    font-size: 1rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-knowledge_grain__message-direction-vertical-detail {
    padding: 0px 0 3px;
    margin-bottom: 177px;
  }
}
@media screen and (min-width: 1024px) {
  .p-knowledge_grain__message-direction-horizontal {
    margin-left: auto;
    width: 468px;
    margin: -391px 0px 15px 490px;
    font-size: 1rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-knowledge_grain__message-direction-horizontal {
    margin: 27px 0 0 2px;
  }
  .p-knowledge_grain__message-direction-horizontal p.c-text--md {
    font-size: 1rem;
  }
}
@media screen and (min-width: 1024px) {
  .p-knowledge_grain__message-direction-horizontal-detail {
    margin-left: auto;
    margin-bottom: 17px;
    flex-wrap: wrap;
    width: 468px;
    font-size: 1rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-knowledge_grain__message-direction-horizontal-detail {
    padding: 14px 0 3px;
  }
}
.p-knowledge_grain__message-detail {
  border: 1px solid #808080;
}
@media screen and (min-width: 1024px) {
  .p-knowledge_grain__message-detail {
    margin: 6px 0 25px -1px;
    width: 960px;
    height: 299px;
    border: 1px solid #808080;
    padding: 96px 50px 94px;
    position: relative;
  }
  .p-knowledge_grain__message-detail p.c-text--md {
    margin: 0;
  }
  .p-knowledge_grain__message-detail p.c-text--md:nth-of-type(2) {
    letter-spacing: -0.05em;
  }
  .p-knowledge_grain__message-detail p.c-text--md:nth-of-type(3) {
    letter-spacing: 0.03em;
  }
}
@media screen and (max-width: 1023px) {
  .p-knowledge_grain__message-detail {
    padding: 37px 20px 196px 18px;
  }
  .p-knowledge_grain__message-detail p {
    display: inline;
  }
  .p-knowledge_grain__message-detail p:first-child {
    display: block;
  }
}
@media screen and (min-width: 1024px) {
  .p-knowledge_grain__message-use {
    padding: 27px 0 3px;
    font-size: 1rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-knowledge_grain__message-use {
    padding: 23px 0 16px;
  }
}
@media screen and (min-width: 1024px) {
  .p-knowledge_grain__message-description {
    padding: 7px 0 63px;
    font-size: 1rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-knowledge_grain__message-description {
    padding: 28px 0 63px;
  }
}
@media screen and (min-width: 1024px) {
  .p-knowledge_grain__message-description-text {
    padding: 7px 0 63px;
    font-size: 1rem;
  }
  .p-knowledge_grain__message-description-text p.c-text--md:nth-of-type(3) {
    display: none;
  }
}
@media screen and (max-width: 1023px) {
  .p-knowledge_grain__message-description-text {
    padding: 28px 0 63px;
  }
  .p-knowledge_grain__message-description-text p.c-text--md:nth-of-type(1),
  .p-knowledge_grain__message-description-text p.c-text--md:nth-of-type(2) {
    display: none;
  }
}
@media screen and (min-width: 1024px) {
  .p-knowledge_grain__message-parallel {
    margin-top: 28px;
    width: 468px;
    height: 316px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 29px;
    padding-right: 15px;
    font-size: 1rem;
    line-height: 1.45;
    border: 1px solid #808080;
  }
  .p-knowledge_grain__message-parallel p.c-text--md:nth-of-type(3),
  .p-knowledge_grain__message-parallel p.c-text--md:nth-of-type(4) {
    display: none;
  }
}
@media screen and (max-width: 1023px) {
  .p-knowledge_grain__message-parallel {
    width: 335px;
    height: 275px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 19px;
    border: 1px solid #808080;
    margin: 0 auto 8px;
  }
  .p-knowledge_grain__message-parallel p.c-text--md {
    font-size: 1rem;
  }
  .p-knowledge_grain__message-parallel p.c-text--md:nth-of-type(2) {
    display: none;
  }
}
@media screen and (min-width: 1024px) {
  .p-knowledge_grain__message-perpendicular {
    margin-left: auto;
    margin: -362px 0 10px 492px;
    padding-top: 28px;
    padding-right: 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 468px;
    height: 316px;
    font-size: 1rem;
    line-height: 1.45;
    border: 1px solid #808080;
  }
  .p-knowledge_grain__message-perpendicular p.c-text--md:nth-of-type(3),
  .p-knowledge_grain__message-perpendicular p.c-text--md:nth-of-type(4) {
    display: none;
  }
}
@media screen and (max-width: 1023px) {
  .p-knowledge_grain__message-perpendicular {
    width: 335px;
    height: 275px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 19px;
    border: 1px solid #808080;
    margin-top: -4px;
    margin: -4px auto 0;
  }
  .p-knowledge_grain__message-perpendicular p.c-text--md {
    font-size: 1rem;
  }
  .p-knowledge_grain__message-perpendicular p.c-text--md:nth-of-type(2) {
    display: none;
  }
}
@media screen and (min-width: 1024px) {
  .p-knowledge_grain__message-knowledge {
    margin-bottom: 40px;
    padding: 128px 0 13px;
    font-size: 1.125rem;
    border-bottom: 1px solid #808080;
  }
}
@media screen and (max-width: 1023px) {
  .p-knowledge_grain__message-knowledge {
    padding: 64px 0 3px;
    border-bottom: 1px solid #808080;
    margin-right: -20px;
    /* 中身のレイアウトは崩さないように戻す */
    padding-right: 20px;
  }
  .p-knowledge_grain__message-knowledge p.c-text--md {
    font-size: 1rem;
  }
}

@media screen and (min-width: 1024px) {
  .p-sitemap {
    margin-bottom: 1px;
  }
}
.p-sitemap p {
  font-weight: 350;
}
.p-sitemap p.reset {
  cursor: pointer;
}
@media screen and (max-width: 1023px) {
  .p-sitemap {
    margin-bottom: -1px;
  }
}
@media screen and (min-width: 1024px) {
  .p-sitemap__wrapper {
    max-width: 1156px;
    margin: 0 40px;
  }
}
.p-sitemap__header {
  text-align: left;
}
@media screen and (min-width: 1024px) {
  .p-sitemap__header {
    font-size: 1rem;
  }
}
.p-sitemap__header-title {
  display: block;
  font-weight: 350;
}
@media screen and (min-width: 1024px) {
  .p-sitemap__header-title {
    padding: 88px 0px 0px;
    font-size: 1.75rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-sitemap__header-title {
    padding: 42px 0px 12px;
    font-size: 1.5rem;
  }
}
.p-sitemap__container {
  margin: 0px auto;
}
@media screen and (min-width: 1024px) {
  .p-sitemap__message-top {
    padding-top: 47px;
    padding-bottom: 10px;
  }
  .p-sitemap__message-top p.c-text--md:nth-of-type(1) {
    font-size: 1.25rem;
    padding-top: 2px;
    padding-bottom: 9px;
    border-bottom: 2px solid #B3B3B3;
  }
  .p-sitemap__message-top p.c-text--md:nth-of-type(2) {
    font-size: 1rem;
    display: flex;
    justify-content: end;
    position: relative;
    bottom: 37px;
    padding: 0px 16px 1px 0px;
  }
}
@media screen and (max-width: 1023px) {
  .p-sitemap__message-top {
    padding-top: 29px;
  }
  .p-sitemap__message-top p.c-text--md:nth-of-type(1) {
    font-size: 1.125rem;
    padding-bottom: 4px;
    margin-left: -1px;
    border-bottom: 2px solid #B3B3B3;
  }
  .p-sitemap__message-top p.c-text--md:nth-of-type(2) {
    font-size: 0.875rem;
    display: flex;
    justify-content: end;
    position: relative;
    margin-top: -30px;
    margin-right: -2px;
  }
}
@media screen and (min-width: 1024px) {
  .p-sitemap__message-search {
    font-size: 1rem;
  }
  .p-sitemap__message-search p.c-text--md:nth-of-type(1) {
    font-size: 0.875rem;
    color: #B3B3B3;
    margin-top: -8px;
    padding-bottom: 2px;
    border-bottom: 2px solid #D8D8D9;
    width: 21.4%;
  }
  .p-sitemap__message-search p.c-text--md:nth-of-type(2) {
    padding: 18px 0px 22px;
    font-size: 1rem;
    line-height: 1.5;
  }
}
@media screen and (max-width: 1023px) {
  .p-sitemap__message-search {
    margin-top: 24px;
    font-size: 0.875rem;
  }
  .p-sitemap__message-search p.c-text--md:nth-of-type(1) {
    color: #B3B3B3;
    padding-top: 17px;
    padding-bottom: 5px;
    margin-left: -1px;
    border-bottom: 1px solid #D8D8D9;
    width: 100%;
  }
  .p-sitemap__message-search p.c-text--md:nth-of-type(2) {
    padding: 23px 0px 23px;
    line-height: 1.5;
  }
}
@media screen and (min-width: 1024px) {
  .p-sitemap__message-content {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
  }
}
@media screen and (min-width: 1024px) {
  .p-sitemap__message-paper, .p-sitemap__message-contents, .p-sitemap__message-howto, .p-sitemap__message-store, .p-sitemap__message-exhibition {
    flex: 1;
    white-space: nowrap;
    margin-right: 35px;
  }
  .p-sitemap__message-paper:last-child, .p-sitemap__message-contents:last-child, .p-sitemap__message-howto:last-child, .p-sitemap__message-store:last-child, .p-sitemap__message-exhibition:last-child {
    margin-right: 0;
    margin-left: 2px;
  }
}
@media screen and (min-width: 1024px) {
  .p-sitemap__message-paper {
    font-size: 1rem;
    flex: 1;
  }
  .p-sitemap__message-paper p.c-text--md:nth-of-type(1) {
    padding-top: 55px;
    font-size: 0.875rem;
    color: #B3B3B3;
    padding-bottom: 3px;
    border-bottom: 2px solid #D8D8D9;
    width: 100%;
  }
  .p-sitemap__message-paper p.c-text--md:nth-of-type(2),
  .p-sitemap__message-paper p.c-text--md:nth-of-type(3),
  .p-sitemap__message-paper p.c-text--md:nth-of-type(4),
  .p-sitemap__message-paper p.c-text--md:nth-of-type(5) {
    padding: 18px 0px 4px;
    line-height: 1.5;
  }
}
@media screen and (max-width: 1023px) {
  .p-sitemap__message-paper {
    font-size: 0.875rem;
    flex: 1;
    margin-top: -4px;
    display: flex;
    flex-direction: column;
  }
  .p-sitemap__message-paper p.c-text--md:nth-of-type(1) {
    padding-top: 40px;
    color: #B3B3B3;
    padding-bottom: 6px;
    border-bottom: 1px solid #D8D8D9;
    width: 100%;
  }
  .p-sitemap__message-paper p.c-text--md:nth-of-type(2) {
    padding: 22px 0px 5px;
    line-height: 1.5;
  }
  .p-sitemap__message-paper p.c-text--md:nth-of-type(3) {
    padding: 18px 0px 5px;
    line-height: 1.5;
  }
  .p-sitemap__message-paper p.c-text--md:nth-of-type(4) {
    padding: 18px 0px 5px;
    line-height: 1.5;
  }
  .p-sitemap__message-paper p.c-text--md:nth-of-type(5) {
    padding: 18px 0px 5px;
    line-height: 1.5;
  }
}
@media screen and (min-width: 1024px) {
  .p-sitemap__message-contents {
    flex: 1;
  }
  .p-sitemap__message-contents p.c-text--md:nth-of-type(1) {
    font-size: 0.875rem;
    color: #B3B3B3;
    padding-top: 55px;
    padding-bottom: 3px;
    border-bottom: 2px solid #D8D8D9;
    width: 100%;
  }
  .p-sitemap__message-contents p.c-text--md:nth-of-type(2) {
    padding: 16px 0px 22px;
    font-size: 1rem;
  }
  .p-sitemap__message-contents p.c-text--md:nth-of-type(3) {
    margin-top: -2px;
  }
}
@media screen and (max-width: 1023px) {
  .p-sitemap__message-contents {
    flex: 1;
    display: flex;
    flex-direction: column;
  }
  .p-sitemap__message-contents p.c-text--md:nth-of-type(1) {
    font-size: 0.875rem;
    color: #B3B3B3;
    padding-top: 35px;
    padding-bottom: 4px;
    border-bottom: 1px solid #D8D8D9;
    width: 100%;
  }
  .p-sitemap__message-contents p.c-text--md:nth-of-type(2) {
    padding: 19px 0px 23px;
  }
}
@media screen and (min-width: 1024px) {
  .p-sitemap__message-howto {
    flex: 1;
  }
  .p-sitemap__message-howto p.c-text--md:nth-of-type(1) {
    font-size: 0.875rem;
    color: #B3B3B3;
    padding-top: 55px;
    padding-bottom: 3px;
    border-bottom: 2px solid #D8D8D9;
    width: 100%;
  }
  .p-sitemap__message-howto p.c-text--md:nth-of-type(2),
  .p-sitemap__message-howto p.c-text--md:nth-of-type(3),
  .p-sitemap__message-howto p.c-text--md:nth-of-type(4),
  .p-sitemap__message-howto p.c-text--md:nth-of-type(5) {
    padding: 19px 0px 3px 1px;
    font-size: 1rem;
    line-height: 1.5;
  }
}
@media screen and (max-width: 1023px) {
  .p-sitemap__message-howto {
    flex: 1;
    display: flex;
    flex-direction: column;
  }
  .p-sitemap__message-howto p.c-text--md:nth-of-type(1) {
    font-size: 0.875rem;
    color: #B3B3B3;
    padding-top: 40px;
    padding-bottom: 4px;
    border-bottom: 1px solid #D8D8D9;
    width: 100%;
  }
  .p-sitemap__message-howto p.c-text--md:nth-of-type(2) {
    padding-top: 21px;
    margin-bottom: -1px;
    line-height: 1.5;
  }
  .p-sitemap__message-howto p.c-text--md:nth-of-type(3),
  .p-sitemap__message-howto p.c-text--md:nth-of-type(4) {
    padding-top: 25px;
    margin-bottom: -1px;
    line-height: 1.5;
  }
  .p-sitemap__message-howto p.c-text--md:nth-of-type(5) {
    padding-top: 25px;
    margin-bottom: -1px;
    line-height: 1.5;
  }
}
.p-sitemap__message-store {
  font-size: 1rem;
}
@media screen and (min-width: 1024px) {
  .p-sitemap__message-store {
    padding-top: 47px;
  }
  .p-sitemap__message-store p.c-text--md:nth-of-type(2) {
    padding: 10px 0px 4px 17px;
  }
  .p-sitemap__message-store p.c-text--md:nth-of-type(2),
  .p-sitemap__message-store p.c-text--md:nth-of-type(3),
  .p-sitemap__message-store p.c-text--md:nth-of-type(4),
  .p-sitemap__message-store p.c-text--md:nth-of-type(5) {
    font-size: 0.875rem;
    line-height: 1.28;
  }
  .p-sitemap__message-store p.c-text--md:nth-of-type(3),
  .p-sitemap__message-store p.c-text--md:nth-of-type(4),
  .p-sitemap__message-store p.c-text--md:nth-of-type(5) {
    padding: 12px 0px 4px 17px;
  }
  .p-sitemap__message-store p.c-text--md:nth-of-type(6) {
    padding: 31px 0px 19px;
    font-size: 1rem;
  }
  .p-sitemap__message-store p.c-text--md:nth-of-type(7) {
    padding: 1px 0px 19px;
    margin-top: -5px;
    font-size: 1rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-sitemap__message-store {
    padding-top: 42px;
  }
  .p-sitemap__message-store p.c-text--md:nth-of-type(2),
  .p-sitemap__message-store p.c-text--md:nth-of-type(3),
  .p-sitemap__message-store p.c-text--md:nth-of-type(4),
  .p-sitemap__message-store p.c-text--md:nth-of-type(5) {
    padding: 18px 0px 8px 15px;
    font-size: 0.875rem;
    line-height: 1.28;
  }
  .p-sitemap__message-store p.c-text--md:nth-of-type(6) {
    padding: 26px 0px 32px;
    font-size: 1rem;
  }
  .p-sitemap__message-store p.c-text--md:nth-of-type(7) {
    margin-top: -6px;
    font-size: 1rem;
  }
}
@media screen and (min-width: 1024px) {
  .p-sitemap__message-link {
    display: flex;
    gap: 39px;
    flex-wrap: wrap;
    margin-top: 62px;
  }
  .p-sitemap__message-link .c-text,
  .p-sitemap__message-link .c-text--md:nth-of-type(2),
  .p-sitemap__message-link .c-text--md:nth-of-type(4),
  .p-sitemap__message-link .c-text--md:nth-of-type(6) {
    display: none;
  }
  .p-sitemap__message-link .c-text,
  .p-sitemap__message-link .c-text--md:nth-of-type(3) {
    margin-left: -1px;
  }
  .p-sitemap__message-link .c-text,
  .p-sitemap__message-link .c-text--md:nth-of-type(5) {
    margin-left: 13px;
  }
  .p-sitemap__message-link .c-text,
  .p-sitemap__message-link .c-text--md:nth-of-type(7) {
    margin-left: 130px;
    margin-right: -9px;
  }
  .p-sitemap__message-link .c-text,
  .p-sitemap__message-link .c-text--md:nth-of-type(9) {
    margin-left: -8px;
  }
}
@media screen and (max-width: 1023px) {
  .p-sitemap__message-link {
    margin-top: 53px;
    margin-right: -8px;
    font-size: 0.875rem;
    display: flex;
    flex-wrap: wrap;
    gap: 12px 0px;
  }
  .p-sitemap__message-link .c-text,
  .p-sitemap__message-link .c-text--md:nth-of-type(7),
  .p-sitemap__message-link .c-text--md:nth-of-type(8),
  .p-sitemap__message-link .c-text--md:nth-of-type(9) {
    display: none;
  }
  .p-sitemap__message-link a.c-link-text {
    position: relative;
    display: inline-block;
    width: calc(50% - 8px);
  }
  .p-sitemap__message-link a.c-link-text::after {
    content: "";
    position: absolute;
    bottom: 2px;
    height: 1px;
    background-color: #000000;
  }
  .p-sitemap__message-link .c-text,
  .p-sitemap__message-link .c-text--md:nth-of-type(2),
  .p-sitemap__message-link .c-text--md:nth-of-type(4),
  .p-sitemap__message-link .c-text--md:nth-of-type(6) {
    margin-left: -9px;
  }
  .p-sitemap__message-link .c-text,
  .p-sitemap__message-link .c-text--md:nth-of-type(3),
  .p-sitemap__message-link .c-text--md:nth-of-type(4) {
    margin-top: 2px;
  }
  .p-sitemap__message-link .c-text,
  .p-sitemap__message-link .c-text--md:nth-of-type(5),
  .p-sitemap__message-link .c-text--md:nth-of-type(6) {
    margin-top: 4px;
  }
  .p-sitemap__message-link .c-text,
  .p-sitemap__message-link .c-text--md:nth-of-type(10) {
    margin-top: 4px;
  }
  .p-sitemap__message-link .c-text,
  .p-sitemap__message-link .c-text--md:nth-of-type(10) {
    margin-left: 45%;
  }
}
@media screen and (min-width: 1024px) {
  .p-sitemap__message-corporate_site {
    font-size: 1.25rem;
    margin-top: 82px;
    line-height: 2;
    width: 255px;
    border-bottom: 2px solid #B3B3B3;
    padding-bottom: 4px;
  }
  .p-sitemap__message-corporate_site a.c-link-out:nth-of-type(1) {
    font-size: 1.25rem;
  }
  .p-sitemap__message-corporate_site a.c-link-out::after {
    content: none;
    display: none;
  }
  .p-sitemap__message-corporate_site a.c-link-out::before {
    margin-top: -2px;
  }
}
@media screen and (max-width: 1023px) {
  .p-sitemap__message-corporate_site {
    font-size: 1.125rem;
    margin-top: 74px;
    line-height: 2;
    border-bottom: 2px solid #B3B3B3;
    padding-bottom: 8px;
  }
  .p-sitemap__message-corporate_site a.c-link-out::after {
    content: none;
    display: none;
  }
  .p-sitemap__message-corporate_site a.c-link-out::before {
    margin-top: 2px;
    margin-right: -34px;
  }
}
.p-sitemap__message-site_information a.c-link-out::after {
  content: none;
  display: none;
}
@media screen and (min-width: 1024px) {
  .p-sitemap__message-site_information {
    display: flex;
    gap: 87px;
    flex-wrap: wrap;
    margin-top: 27px;
  }
  .p-sitemap__message-site_information a.c-link-out::before {
    margin-top: 2px;
    margin-right: -4px;
  }
  .p-sitemap__message-site_information p:nth-of-type(3) a.c-link-out::before {
    margin-top: 2px;
  }
  .p-sitemap__message-site_information p:nth-of-type(4) a.c-link-out::before {
    margin-top: 2px;
    margin-right: -4px;
  }
  .p-sitemap__message-site_information p:nth-of-type(2) a.c-link-out {
    margin-top: -2px;
    margin-left: -9px;
  }
  .p-sitemap__message-site_information p:nth-of-type(3) a.c-link-out {
    margin-top: -2px;
    margin-left: -9px;
  }
  .p-sitemap__message-site_information p:nth-of-type(4) a.c-link-out {
    margin-top: -4px;
    margin-left: 14px;
  }
}
@media screen and (max-width: 1023px) {
  .p-sitemap__message-site_information {
    display: block;
    flex-direction: column;
    flex-wrap: wrap;
    margin-top: 16px;
  }
  .p-sitemap__message-site_information a.c-link-out {
    font-size: 0.875rem;
  }
  .p-sitemap__message-site_information p:nth-of-type(2) {
    margin-top: 22px;
  }
  .p-sitemap__message-site_information p:nth-of-type(3) {
    margin-top: 18px;
  }
  .p-sitemap__message-site_information p:nth-of-type(4) {
    margin-top: 22px;
  }
  .p-sitemap__message-site_information p:nth-of-type(1) a.c-link-out::before {
    margin-top: 26x;
    margin-right: -8px;
  }
  .p-sitemap__message-site_information p:nth-of-type(2) a.c-link-out::before {
    margin-top: 2px;
    margin-right: -2px;
  }
  .p-sitemap__message-site_information p:nth-of-type(3) a.c-link-out::before {
    margin-top: 2px;
    margin-right: -16px;
  }
  .p-sitemap__message-site_information p:nth-of-type(4) a.c-link-out::before {
    margin-top: 2px;
    margin-right: -2px;
  }
}
@media screen and (min-width: 1024px) {
  .p-sitemap__message-site {
    display: flex;
    gap: 49px;
    margin-top: 84px;
    line-height: 2;
    padding-bottom: 4px;
  }
  .p-sitemap__message-site p:nth-of-type(1) a.c-link-out {
    font-size: 1.25rem;
  }
  .p-sitemap__message-site p:nth-of-type(2) a.c-link-out {
    font-size: 1.25rem;
    margin-left: 94px;
  }
  .p-sitemap__message-site p:nth-of-type(3) a.c-link-out {
    font-size: 1.25rem;
    margin-left: 106px;
  }
  .p-sitemap__message-site p:nth-of-type(1) a.c-link-out::before {
    margin-top: -2px;
  }
  .p-sitemap__message-site p:nth-of-type(2) a.c-link-out::before {
    margin-top: -2px;
  }
  .p-sitemap__message-site p:nth-of-type(3) a.c-link-out::before {
    margin-top: -2px;
  }
  .p-sitemap__message-site p:nth-of-type(1) a.c-link-out::after {
    bottom: -10px;
    width: calc(100% + 54px);
    color: #B3B3B3;
  }
  .p-sitemap__message-site p:nth-of-type(2) a.c-link-out::after {
    bottom: -10px;
    width: calc(100% + 54px);
    color: #B3B3B3;
  }
  .p-sitemap__message-site p:nth-of-type(3) a.c-link-out::after {
    bottom: -10px;
    width: calc(100% + 54px);
    color: #B3B3B3;
  }
}
@media screen and (max-width: 1023px) {
  .p-sitemap__message-site {
    display: block;
    flex-direction: column;
    margin-top: 60px;
    line-height: 2;
  }
  .p-sitemap__message-site a.c-link-out::after {
    content: none;
    display: none;
  }
  .p-sitemap__message-site p:nth-of-type(1),
  .p-sitemap__message-site p:nth-of-type(2),
  .p-sitemap__message-site p:nth-of-type(3) {
    padding-bottom: 6px;
    border-bottom: 2px solid #B3B3B3;
  }
  .p-sitemap__message-site p:nth-of-type(2) {
    padding-top: 40px;
  }
  .p-sitemap__message-site p:nth-of-type(3) {
    padding-top: 42px;
  }
  .p-sitemap__message-site p:nth-of-type(1) a.c-link-out {
    font-size: 1.125rem;
  }
  .p-sitemap__message-site p:nth-of-type(2) a.c-link-out {
    font-size: 1.125rem;
    margin-top: 16px;
  }
  .p-sitemap__message-site p:nth-of-type(3) a.c-link-out {
    font-size: 1.125rem;
    margin-top: 40px;
  }
  .p-sitemap__message-site p:nth-of-type(1) a.c-link-out::before {
    margin-top: -2px;
    margin-right: -18px;
  }
  .p-sitemap__message-site p:nth-of-type(2) a.c-link-out::before {
    margin-top: 2px;
    margin-right: -40px;
  }
  .p-sitemap__message-site p:nth-of-type(3) a.c-link-out::before {
    margin-top: 2px;
    margin-right: -18px;
  }
}

.p-sitemap {
  /* ▼ a でも p と同じ見え方にする（共通） */
  /* a.reset にも適用したい場合は以下を有効化
  a.reset{
    cursor: pointer;
  }
  */
}
@media screen and (min-width: 1024px) {
  .p-sitemap {
    margin-bottom: 1px;
  }
}
.p-sitemap p {
  font-weight: 350;
}
.p-sitemap a.c-text--md {
  font-weight: 350;
  text-decoration: none;
  color: inherit;
  display: inline-block;
  margin: 18px 0px 0px; /* p と同じ余白に */
  transition: all 0.3s ease-in-out;
}
.p-sitemap a.c-text--md:hover {
  color: #808080;
}
.p-sitemap p.reset {
  cursor: pointer;
}
@media screen and (max-width: 1023px) {
  .p-sitemap {
    margin-bottom: -1px;
  }
}
@media screen and (min-width: 1024px) {
  .p-sitemap__wrapper {
    max-width: 1156px;
    margin: 0 40px;
  }
}
.p-sitemap__header {
  text-align: left;
}
@media screen and (min-width: 1024px) {
  .p-sitemap__header {
    font-size: 1rem;
  }
}
.p-sitemap__header-title {
  display: block;
  font-weight: 350;
}
@media screen and (min-width: 1024px) {
  .p-sitemap__header-title {
    padding: 88px 0px 0px;
    font-size: 1.75rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-sitemap__header-title {
    padding: 42px 0px 12px;
    font-size: 1.5rem;
  }
}
.p-sitemap__container {
  margin: 0px auto;
}
.p-sitemap__message {
  /* 既存：top / search / paper / contents / howto は
     すでに p と a の両方が記述済みなので変更不要 */
  /* paper / contents / howto は既に a.* の指定あり → 変更不要 */
  /* 以下はそのまま（link / corporate_site / site_information / site） */
}
@media screen and (min-width: 1024px) {
  .p-sitemap__message-top {
    padding-top: 47px;
    padding-bottom: 10px;
  }
  .p-sitemap__message-top p.c-text--md:nth-of-type(1) {
    font-size: 1.25rem;
    padding-top: 2px;
    padding-bottom: 9px;
    border-bottom: 2px solid #B3B3B3;
  }
  .p-sitemap__message-top p.c-text--md:nth-of-type(2) {
    font-size: 1rem;
    display: flex;
    justify-content: end;
    position: relative;
    bottom: 37px;
    padding: 0px 16px 1px 0px;
  }
  .p-sitemap__message-top a.c-text--md:nth-of-type(1) {
    font-size: 1.25rem;
    padding-top: 2px;
    padding-bottom: 9px;
    border-bottom: 2px solid #808080;
  }
  .p-sitemap__message-top a.c-text--md:nth-of-type(2) {
    font-size: 1rem;
    display: flex;
    justify-content: end;
    position: relative;
    bottom: 37px;
    padding: 0px 16px 1px 0px;
    margin-top: 0;
  }
}
@media screen and (max-width: 1023px) {
  .p-sitemap__message-top {
    padding-top: 29px;
  }
  .p-sitemap__message-top p.c-text--md:nth-of-type(1) {
    font-size: 1.125rem;
    padding-bottom: 4px;
    margin-left: -1px;
    border-bottom: 2px solid #B3B3B3;
  }
  .p-sitemap__message-top p.c-text--md:nth-of-type(2) {
    font-size: 0.875rem;
    display: flex;
    justify-content: end;
    position: relative;
    margin-top: -30px;
    margin-right: -2px;
  }
  .p-sitemap__message-top a.c-text--md:nth-of-type(1) {
    font-size: 1.125rem;
    padding-bottom: 4px;
    margin-left: -1px;
    border-bottom: 2px solid #B3B3B3;
  }
  .p-sitemap__message-top a.c-text--md:nth-of-type(2) {
    font-size: 0.875rem;
    display: flex;
    justify-content: end;
    position: relative;
    margin-top: -30px;
    margin-right: -2px;
  }
}
@media screen and (min-width: 1024px) {
  .p-sitemap__message-search {
    font-size: 1rem;
    display: flex;
    flex-direction: column;
  }
  .p-sitemap__message-search p.c-text--md:nth-of-type(1) {
    font-size: 0.875rem;
    color: #B3B3B3;
    margin-top: -8px;
    padding-bottom: 2px;
    border-bottom: 2px solid #D8D8D9;
    width: 21.4%;
  }
  .p-sitemap__message-search p.c-text--md:nth-of-type(2) {
    padding: 18px 0px 22px;
    font-size: 1rem;
    line-height: 1.5;
  }
  .p-sitemap__message-search a.c-text--md:nth-of-type(1).c-text--md:nth-of-type(2) {
    padding: 18px 0px 22px;
    font-size: 1rem;
    line-height: 1.5;
  }
}
@media screen and (max-width: 1023px) {
  .p-sitemap__message-search {
    margin-top: 24px;
    font-size: 0.875rem;
    display: flex;
    flex-direction: column;
  }
  .p-sitemap__message-search p.c-text--md:nth-of-type(1) {
    color: #B3B3B3;
    padding-top: 17px;
    padding-bottom: 5px;
    margin-left: -1px;
    border-bottom: 1px solid #D8D8D9;
    width: 100%;
  }
  .p-sitemap__message-search p.c-text--md:nth-of-type(2) {
    padding: 23px 0px 23px;
    line-height: 1.5;
  }
  .p-sitemap__message-search a.c-text--md:nth-of-type(2) {
    line-height: 1.5;
  }
}
@media screen and (min-width: 1024px) {
  .p-sitemap__message-content {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
  }
}
@media screen and (min-width: 1024px) {
  .p-sitemap__message-paper, .p-sitemap__message-contents, .p-sitemap__message-howto, .p-sitemap__message-store, .p-sitemap__message-exhibition {
    flex: 1;
    white-space: nowrap;
    margin-right: 35px;
    display: flex;
    flex-direction: column;
  }
  .p-sitemap__message-paper:last-child, .p-sitemap__message-contents:last-child, .p-sitemap__message-howto:last-child, .p-sitemap__message-store:last-child, .p-sitemap__message-exhibition:last-child {
    margin-right: 0;
    margin-left: 2px;
  }
}
.p-sitemap__message-store {
  font-size: 1rem;
}
@media screen and (min-width: 1024px) {
  .p-sitemap__message-store {
    /* ▼ p の既存指定 */
    /* ▼ a にも同じ指定を追加（今回の変更で a に置換したため） */
  }
  .p-sitemap__message-store p.c-text--md:nth-of-type(2) {
    padding: 10px 0px 4px 17px;
  }
  .p-sitemap__message-store p.c-text--md:nth-of-type(2),
  .p-sitemap__message-store p.c-text--md:nth-of-type(3),
  .p-sitemap__message-store p.c-text--md:nth-of-type(4),
  .p-sitemap__message-store p.c-text--md:nth-of-type(5) {
    font-size: 0.875rem;
    line-height: 1.28;
  }
  .p-sitemap__message-store p.c-text--md:nth-of-type(3),
  .p-sitemap__message-store p.c-text--md:nth-of-type(4),
  .p-sitemap__message-store p.c-text--md:nth-of-type(5) {
    padding: 12px 0px 4px 17px;
  }
  .p-sitemap__message-store p.c-text--md:nth-of-type(6) {
    padding: 31px 0px 19px;
    font-size: 1rem;
  }
  .p-sitemap__message-store p.c-text--md:nth-of-type(7) {
    padding: 1px 0px 19px;
    margin-top: -5px;
    font-size: 1rem;
  }
  .p-sitemap__message-store a.c-text--md:nth-of-type(1) { /* 「店舗情報」 */
    /* p(1) 相当は見出し扱いだったため、必要なら太字や下線など調整 */
    margin-top: 0;
  }
  .p-sitemap__message-store a.c-text--md:nth-of-type(2) {
    padding: 0px 0px 4px 17px;
  }
  .p-sitemap__message-store a.c-text--md:nth-of-type(2),
  .p-sitemap__message-store a.c-text--md:nth-of-type(3),
  .p-sitemap__message-store a.c-text--md:nth-of-type(4),
  .p-sitemap__message-store a.c-text--md:nth-of-type(5) {
    font-size: 0.875rem;
    line-height: 1;
  }
  .p-sitemap__message-store a.c-text--md:nth-of-type(3),
  .p-sitemap__message-store a.c-text--md:nth-of-type(4),
  .p-sitemap__message-store a.c-text--md:nth-of-type(5) {
    margin: 20px 0px 0px 17px;
  }
  .p-sitemap__message-store a.c-text--md:nth-of-type(6) {
    margin: 27px 0px 19px;
    font-size: 1rem;
  }
  .p-sitemap__message-store a.c-text--md:nth-of-type(7) {
    margin: 17px 0px 19px;
    margin-top: -5px;
    font-size: 1rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-sitemap__message-store {
    padding-top: 42px;
    display: flex;
    flex-direction: column;
    /* ▼ p の既存指定 */
    /* ▼ a に同等指定を追加 */
  }
  .p-sitemap__message-store p.c-text--md:nth-of-type(2),
  .p-sitemap__message-store p.c-text--md:nth-of-type(3),
  .p-sitemap__message-store p.c-text--md:nth-of-type(4),
  .p-sitemap__message-store p.c-text--md:nth-of-type(5) {
    margin: 18px 0px 8px 15px;
    font-size: 0.875rem;
    line-height: 1.28;
  }
  .p-sitemap__message-store p.c-text--md:nth-of-type(6) {
    margin: 26px 0px 32px;
    font-size: 1rem;
  }
  .p-sitemap__message-store p.c-text--md:nth-of-type(7) {
    margin-top: -6px;
    font-size: 1rem;
  }
  .p-sitemap__message-store a.c-text--md:nth-of-type(2),
  .p-sitemap__message-store a.c-text--md:nth-of-type(3),
  .p-sitemap__message-store a.c-text--md:nth-of-type(4),
  .p-sitemap__message-store a.c-text--md:nth-of-type(5) {
    margin: 18px 0px 8px 15px;
    font-size: 0.875rem;
    line-height: 1.28;
  }
  .p-sitemap__message-store a.c-text--md:nth-of-type(6) {
    margin: 26px 0px 32px;
    font-size: 1rem;
  }
  .p-sitemap__message-store a.c-text--md:nth-of-type(7) {
    margin-top: -6px;
    font-size: 1rem;
  }
}
.p-sitemap__message-link { /* 省略（元コードのまま） */ }
.p-sitemap__message-corporate_site { /* 省略（元コードのまま） */ }
.p-sitemap__message-site_information { /* 省略（元コードのまま） */ }
.p-sitemap__message-site { /* 省略（元コードのまま） */ }

/* PC */
.p-sitemap__message-top {
  /* SP */
}
@media screen and (min-width: 1024px) {
  .p-sitemap__message-top {
    /* 1つ目のリンク（TOP） */
    /* 2つ目（ログイン/会員登録）— 必要なら下線付与 */
  }
  .p-sitemap__message-top a.c-text--md:nth-of-type(1) {
    width: 100%;
  }
  .p-sitemap__message-top a.c-text--md:nth-of-type(2) {
    /* 旧: 下線なし → そのままでもOK。付けたい場合は以下ON */
    /* text-decoration: underline;
       text-underline-offset: 1px; */
  }
}
@media screen and (max-width: 1023px) {
  .p-sitemap__message-top {
    /* 2つ目は必要に応じて同様に */
  }
  .p-sitemap__message-top a.c-text--md:nth-of-type(1) {
    width: 100%;
  }
}

/* ちょい足し（任意）：ホバー時に太さだけ強調する例 */
.p-sitemap__message-top a.c-text--md:hover {
  text-decoration-thickness: 3px;
}

@media screen and (min-width: 1024px) {
  .p-knowledge_ream {
    max-width: 960px;
    margin: 0px auto;
    margin-bottom: -32px;
  }
  .p-knowledge_ream p.c-text--md {
    font-weight: 350;
  }
}
@media screen and (max-width: 1023px) {
  .p-knowledge_ream {
    margin-bottom: -20px;
  }
}
@media screen and (min-width: 1024px) {
  .p-knowledge_ream__header {
    font-size: 0.875rem;
  }
}
.p-knowledge_ream__header-title {
  display: block;
  font-weight: 350;
}
@media screen and (min-width: 1024px) {
  .p-knowledge_ream__header-title {
    padding: 78px 0 0;
  }
}
@media screen and (max-width: 1023px) {
  .p-knowledge_ream__header-title {
    margin-bottom: -14px;
    padding-top: 42px;
    font-size: 1.5rem;
  }
}
.p-knowledge_ream__container {
  margin: 0px auto;
}
.p-knowledge_ream__content ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  list-style: none;
}
@media screen and (min-width: 1024px) {
  .p-knowledge_ream__content ul {
    flex-wrap: wrap;
    gap: 25px;
    margin: 0 -3px 0 -2px;
  }
}
@media screen and (max-width: 1023px) {
  .p-knowledge_ream__content ul {
    flex-direction: column;
    margin: auto;
    margin: 0 -3px 0px -2px;
  }
}
@media screen and (min-width: 1024px) {
  .p-knowledge_ream__content-image {
    margin: 0 auto;
  }
  .p-knowledge_ream__content-image img:nth-of-type(2) {
    display: none;
  }
  .p-knowledge_ream__content-image img {
    margin: 0 auto;
    margin-top: 4px;
    width: 60%;
  }
}
@media screen and (max-width: 1023px) {
  .p-knowledge_ream__content-image {
    margin-top: -28px;
    margin-bottom: 23px;
  }
  .p-knowledge_ream__content-image img:nth-of-type(1) {
    display: none;
  }
  .p-knowledge_ream__content-image img {
    margin-left: 2px;
    width: 335;
    height: 188;
    object-fit: cover;
  }
}
@media screen and (min-width: 1024px) {
  .p-knowledge_ream__content-item-detail img:nth-of-type(2) {
    display: none;
  }
  .p-knowledge_ream__content-item-detail img {
    display: flex;
    margin-left: auto;
    margin: -22px 0 25px 2px;
    object-fit: cover;
    width: 200px;
  }
}
@media screen and (max-width: 1023px) {
  .p-knowledge_ream__content-item-detail img:nth-of-type(1) {
    display: none;
  }
  .p-knowledge_ream__content-item-detail img {
    margin: 26px 0 25px 2px;
    width: 60px;
  }
}
.p-knowledge_ream__content-item-dimensions .img-topwrapper {
  position: relative;
  overflow: hidden;
}
.p-knowledge_ream__content-item-dimensions .img-topwrapper::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #D8D8D9;
  pointer-events: none;
  box-sizing: border-box;
  z-index: 1;
}
.p-knowledge_ream__content-item-dimensions .img-topwrapper img {
  transition: transform 0.3s ease;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.p-knowledge_ream__content-item-dimensions p.c-text--md {
  display: inline-block;
  transition: transform 0.3s ease;
}
@media screen and (min-width: 1024px) {
  .p-knowledge_ream__content-item-dimensions:hover {
    cursor: pointer;
    transition: transform 0.3s ease;
    opacity: 0.6;
  }
  .p-knowledge_ream__content-item-dimensions:hover .img-topwrapper img {
    transform: scale(1.05);
  }
}
@media screen and (min-width: 1024px) {
  .p-knowledge_ream__content-item-dimensions {
    margin: 120px 0 7px 2px;
    width: 466px;
    height: 233px;
    font-size: 1.125rem;
  }
  .p-knowledge_ream__content-item-dimensions .img-topwrapper {
    width: 466px;
    height: 233px;
  }
  .p-knowledge_ream__content-item-dimensions .img-topwrapper img {
    margin: auto;
    margin-bottom: 8px;
  }
  .p-knowledge_ream__content-item-dimensions p.c-text--md {
    padding-top: 8px;
  }
}
@media screen and (max-width: 1023px) {
  .p-knowledge_ream__content-item-dimensions {
    margin: 110px 0 67px 2px;
    width: 335px;
    height: 167px;
  }
  .p-knowledge_ream__content-item-dimensions p.c-text--md {
    font-size: 1rem;
    padding-top: 12px;
  }
  .p-knowledge_ream__content-item-dimensions .img-topwrapper {
    width: 335px;
    height: 167px;
  }
}
.p-knowledge_ream__content-item-dimensions-down .img-topwrapper {
  position: relative;
  overflow: hidden;
}
.p-knowledge_ream__content-item-dimensions-down .img-topwrapper::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #D8D8D9;
  pointer-events: none;
  box-sizing: border-box;
  z-index: 1;
}
.p-knowledge_ream__content-item-dimensions-down .img-topwrapper img {
  transition: transform 0.3s ease;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.p-knowledge_ream__content-item-dimensions-down p.c-text--md {
  display: inline-block;
  transition: transform 0.3s ease;
}
@media screen and (min-width: 1024px) {
  .p-knowledge_ream__content-item-dimensions-down:hover {
    cursor: pointer;
    transition: transform 0.3s ease;
    opacity: 0.6;
  }
  .p-knowledge_ream__content-item-dimensions-down:hover .img-topwrapper img {
    transform: scale(1.05);
  }
}
@media screen and (min-width: 1024px) {
  .p-knowledge_ream__content-item-dimensions-down {
    margin: 120px 0 7px 4px;
    width: 466px;
    height: 233px;
    font-size: 1.125rem;
  }
  .p-knowledge_ream__content-item-dimensions-down .img-topwrapper {
    width: 466px;
    height: 233px;
  }
  .p-knowledge_ream__content-item-dimensions-down .img-topwrapper img {
    margin: auto;
    margin-bottom: 8px;
  }
  .p-knowledge_ream__content-item-dimensions-down p.c-text--md {
    padding-top: 8px;
  }
}
@media screen and (max-width: 1023px) {
  .p-knowledge_ream__content-item-dimensions-down {
    margin: 14px 0 67px 2px;
    width: 335px;
    height: 167px;
  }
  .p-knowledge_ream__content-item-dimensions-down p.c-text--md {
    font-size: 1rem;
    padding-top: 10px;
  }
  .p-knowledge_ream__content-item-dimensions-down .img-topwrapper {
    width: 335px;
    height: 167px;
  }
}
.p-knowledge_ream__content-item img {
  width: calc(100% - 2px);
  height: calc(100% - 3px);
  margin-left: 2px;
  aspect-ratio: 1;
  object-fit: cover;
}
@media screen and (min-width: 1024px) {
  .p-knowledge_ream__content-item p {
    margin: auto;
    padding-left: 5px;
    font-size: 1.125rem;
  }
}
.p-knowledge_ream__content-text-img ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  list-style: none;
  transition: opacity 0.3s ease;
}
@media screen and (min-width: 1024px) {
  .p-knowledge_ream__content-text-img ul:hover {
    opacity: 0.6;
    cursor: pointer;
  }
}
@media screen and (min-width: 1024px) {
  .p-knowledge_ream__content-text-img ul {
    flex-wrap: nowrap;
    gap: 25px;
    margin: -10px -37px 0 -2px;
  }
  .p-knowledge_ream__content-text-img ul li:nth-of-type(1) {
    width: 30%;
  }
  .p-knowledge_ream__content-text-img ul li:nth-of-type(2) {
    width: 70%;
    margin-left: -76px;
  }
  .p-knowledge_ream__content-text-img ul p.c-text--md:nth-of-type(1) {
    font-size: 0.875rem;
  }
  .p-knowledge_ream__content-text-img ul p.c-text--md:nth-of-type(2) {
    padding-top: 12px;
    font-size: 1rem;
  }
  .p-knowledge_ream__content-text-img ul p.c-text--md:nth-of-type(3) {
    padding-top: 8px;
    font-size: 0.875rem;
    color: #808080;
  }
}
@media screen and (max-width: 1023px) {
  .p-knowledge_ream__content-text-img ul {
    flex-wrap: nowrap;
    gap: 25px;
    margin: -10px -37px 0 -2px;
    flex-direction: column;
    margin: auto;
    margin: 0 -3px 0px -2px;
  }
  .p-knowledge_ream__content-text-img ul li:nth-of-type(1) {
    width: 30%;
  }
  .p-knowledge_ream__content-text-img ul li:nth-of-type(2) {
    width: 70%;
    margin-left: 86px;
    margin-top: -110px;
  }
  .p-knowledge_ream__content-text-img ul li:nth-of-type(2) p.c-text--md:nth-of-type(1) {
    font-size: 12px;
    margin-left: -6px;
    margin-top: 6px;
  }
  .p-knowledge_ream__content-text-img ul li:nth-of-type(2) p.c-text--md:nth-of-type(2) {
    margin-left: -8px;
    margin-top: 6px;
  }
  .p-knowledge_ream__content-text-img ul li:nth-of-type(2) p.c-text--md:nth-of-type(3) {
    color: #808080;
    margin-top: 26px;
    margin-left: -84px;
  }
}
.p-knowledge_ream__content-img ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  list-style: none;
}
@media screen and (min-width: 1024px) {
  .p-knowledge_ream__content-img ul {
    flex-wrap: wrap;
    gap: 25px;
    margin: 0 -3px 0 -2px;
  }
}
@media screen and (max-width: 1023px) {
  .p-knowledge_ream__content-img ul {
    flex-wrap: nowrap;
    overflow-x: auto;
    gap: 18px;
    padding: 10px 10px;
    margin-right: -19px;
    max-width: 100vw;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .p-knowledge_ream__content-img ul::-webkit-scrollbar {
    display: none;
  }
}
.p-knowledge_ream__content-img-item-knowledge p.c-text--md {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  transition: opacity 0.3s ease;
}
@media screen and (min-width: 1024px) {
  .p-knowledge_ream__content-img-item-knowledge p.c-text--md:hover {
    opacity: 0.6;
    cursor: pointer;
  }
}
@media screen and (min-width: 1024px) {
  .p-knowledge_ream__content-img-item-knowledge img:nth-of-type(2),
  .p-knowledge_ream__content-img-item-knowledge img:nth-of-type(4),
  .p-knowledge_ream__content-img-item-knowledge img:nth-of-type(6),
  .p-knowledge_ream__content-img-item-knowledge img:nth-of-type(8),
  .p-knowledge_ream__content-img-item-knowledge img:nth-of-type(10),
  .p-knowledge_ream__content-img-item-knowledge img:nth-of-type(12),
  .p-knowledge_ream__content-img-item-knowledge img:nth-of-type(14),
  .p-knowledge_ream__content-img-item-knowledge img:nth-of-type(16),
  .p-knowledge_ream__content-img-item-knowledge img:nth-of-type(18) {
    display: none;
  }
  .p-knowledge_ream__content-img-item-knowledge .img-wrapper {
    width: 172px;
    height: 172px;
    position: relative;
    overflow: hidden;
  }
  .p-knowledge_ream__content-img-item-knowledge .img-wrapper::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #D8D8D9;
    pointer-events: none;
    box-sizing: border-box;
    z-index: 1;
  }
}
@media screen and (min-width: 1024px) and (min-width: 1024px) {
  .p-knowledge_ream__content-img-item-knowledge .img-wrapper:hover img {
    transform: scale(1.1) translateX(2px);
    opacity: 0.6;
    cursor: pointer;
  }
  .p-knowledge_ream__content-img-item-knowledge .img-wrapper:hover + p {
    opacity: 0.6;
  }
}
@media screen and (min-width: 1024px) {
  .p-knowledge_ream__content-img-item-knowledge .img-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease, opacity 0.3s ease;
    z-index: 0;
  }
  .p-knowledge_ream__content-img-item-knowledge p {
    padding-top: 16px;
    padding-left: 3px;
    margin-bottom: 12px;
    display: flex;
    justify-content: center;
    font-size: 0.875rem;
    line-height: 0.5;
    transition: opacity 0.3s ease;
  }
  .p-knowledge_ream__content-img-item-knowledge p.reset {
    padding-top: 4px;
    padding-left: 4px;
  }
}
@media screen and (max-width: 1023px) {
  .p-knowledge_ream__content-img-item-knowledge {
    flex: 0 0 auto;
    min-width: 150px;
    text-align: center;
    margin-left: -10px;
    margin-top: 12px;
    margin-bottom: -3px;
  }
  .p-knowledge_ream__content-img-item-knowledge img:nth-of-type(1),
  .p-knowledge_ream__content-img-item-knowledge img:nth-of-type(3),
  .p-knowledge_ream__content-img-item-knowledge img:nth-of-type(5),
  .p-knowledge_ream__content-img-item-knowledge img:nth-of-type(7),
  .p-knowledge_ream__content-img-item-knowledge img:nth-of-type(9),
  .p-knowledge_ream__content-img-item-knowledge img:nth-of-type(11),
  .p-knowledge_ream__content-img-item-knowledge img:nth-of-type(13),
  .p-knowledge_ream__content-img-item-knowledge img:nth-of-type(15),
  .p-knowledge_ream__content-img-item-knowledge img:nth-of-type(17) {
    display: none;
  }
  .p-knowledge_ream__content-img-item-knowledge img {
    width: 150px;
    height: auto;
    max-height: none;
    margin-left: 0;
    aspect-ratio: 1;
    object-fit: cover;
  }
  .p-knowledge_ream__content-img-item-knowledge p {
    margin-top: 12px;
    font-size: 0.875rem;
    line-height: 1.3;
  }
  .p-knowledge_ream__content-img-item-knowledge p.c-text--md:nth-of-type(2) {
    margin-top: 2px;
  }
}
@media screen and (min-width: 1024px) {
  .p-knowledge_ream__message {
    padding: 14px 0 22px;
    line-height: 1.75;
  }
}
@media screen and (max-width: 1023px) {
  .p-knowledge_ream__message {
    line-height: 1.65;
  }
}
@media screen and (min-width: 1024px) {
  .p-knowledge_ream__message-subtitle {
    padding: 58px 0 13px;
    border-bottom: 1.8px solid #808080;
  }
  .p-knowledge_ream__message-subtitle p.c-text--md {
    font-size: 1.125rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-knowledge_ream__message-subtitle {
    padding: 60px 0 1px;
    border-bottom: 1px solid #808080;
  }
  .p-knowledge_ream__message-subtitle p.c-text--md {
    font-size: 1rem;
  }
}
.p-knowledge_ream__message-use p.c-text--md:nth-of-type(2) {
  margin-top: 28px;
  padding-bottom: 14px;
}
@media screen and (min-width: 1024px) {
  .p-knowledge_ream__message-use {
    padding: 27px 0 3px;
    font-size: 1rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-knowledge_ream__message-use {
    padding: 23px 0 16px;
  }
  .p-knowledge_ream__message-use p.c-text--md:nth-of-type(2) {
    margin-top: 22px;
  }
}
@media screen and (min-width: 1024px) {
  .p-knowledge_ream__message-description {
    padding: 4px 0 0px;
    font-size: 1rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-knowledge_ream__message-description {
    padding: 26px 0 63px;
  }
}
@media screen and (min-width: 1024px) {
  .p-knowledge_ream__message-description-text {
    padding: 22px 0 0px;
    font-size: 1rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-knowledge_ream__message-description-text {
    padding: 38px 0 63px;
  }
}
@media screen and (min-width: 1024px) {
  .p-knowledge_ream__message-description-conversion {
    padding: 31px 0 0px;
    font-size: 1rem;
  }
  .p-knowledge_ream__message-description-conversion p.c-text--md:nth-of-type(3) {
    margin-top: 4px;
    font-size: 0.75rem;
  }
  .p-knowledge_ream__message-description-conversion p.c-text--md:nth-of-type(4) {
    display: none;
  }
}
@media screen and (max-width: 1023px) {
  .p-knowledge_ream__message-description-conversion {
    padding: 36px 0 63px;
  }
  .p-knowledge_ream__message-description-conversion p.c-text--md:nth-of-type(3) {
    display: none;
  }
  .p-knowledge_ream__message-description-conversion p.c-text--md:nth-of-type(4) {
    margin-top: 54px;
    font-size: 0.75rem;
    padding-left: 16px;
    padding-right: 2px;
    text-indent: -16px;
    line-height: 1.55;
  }
}
@media screen and (min-width: 1024px) {
  .p-knowledge_ream__message-parallel {
    margin-top: 28px;
    width: 468px;
    height: 426px;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 1rem;
    line-height: 1.45;
    border: 1px solid #808080;
    margin-right: 40px;
  }
  .p-knowledge_ream__message-parallel img:nth-of-type(2) {
    display: none;
  }
  .p-knowledge_ream__message-parallel img {
    margin-top: 42px;
    margin-left: 12px;
    width: 75%;
  }
  .p-knowledge_ream__message-parallel p.c-text--md {
    font-size: 0.875rem;
    line-height: 1.6;
    margin-top: 28px;
    margin-left: 26px;
    margin-right: 26px;
  }
}
@media screen and (max-width: 1023px) {
  .p-knowledge_ream__message-parallel {
    width: 335px;
    height: 375px;
    display: flex;
    flex-direction: column;
    padding-top: 11px;
    margin-right: 15px;
    margin-top: -8px;
    border: 1px solid #808080;
  }
  .p-knowledge_ream__message-parallel img:nth-of-type(1) {
    display: none;
  }
  .p-knowledge_ream__message-parallel img {
    width: 295px;
    margin-top: 10px;
    margin-left: 18px;
  }
  .p-knowledge_ream__message-parallel p.c-text--md {
    font-size: 0.875rem;
    line-height: 1.6;
    margin-top: 22px;
    margin-left: 20px;
    margin-right: 22px;
  }
}
.p-knowledge_ream__message-perpendicular img {
  margin-top: 42px;
  margin-left: 4px;
  width: 75%;
}
.p-knowledge_ream__message-perpendicular p.c-text--md {
  font-size: 0.875rem;
  line-height: 1.6;
  margin-top: 28px;
  margin-left: 26px;
  margin-right: 26px;
}
@media screen and (min-width: 1024px) {
  .p-knowledge_ream__message-perpendicular {
    margin: -426px 0 10px 508px;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 468px;
    height: 426px;
    font-size: 1rem;
    line-height: 1.45;
    border: 1px solid #808080;
  }
  .p-knowledge_ream__message-perpendicular img:nth-of-type(2) {
    display: none;
  }
  .p-knowledge_ream__message-perpendicular p.c-text--md:nth-of-type(3),
  .p-knowledge_ream__message-perpendicular p.c-text--md:nth-of-type(4) {
    display: none;
  }
}
@media screen and (max-width: 1023px) {
  .p-knowledge_ream__message-perpendicular {
    width: 335px;
    height: 375px;
    display: flex;
    flex-direction: column;
    padding-top: 30px;
    border: 1px solid #808080;
    margin-top: 8px;
  }
  .p-knowledge_ream__message-perpendicular img:nth-of-type(1) {
    display: none;
  }
  .p-knowledge_ream__message-perpendicular img {
    width: 295px;
    margin-top: -10px;
    margin-left: 18px;
  }
  .p-knowledge_ream__message-perpendicular p.c-text--md {
    font-size: 0.875rem;
    line-height: 1.6;
    margin-top: 22px;
    margin-left: 20px;
    margin-right: 22px;
  }
  .p-knowledge_ream__message-perpendicular p.c-text--md:nth-of-type(2) {
    display: none;
  }
}
@media screen and (min-width: 1024px) {
  .p-knowledge_ream__message-kannrenn {
    margin-bottom: 40px;
    padding: 72px 0 13px;
    font-size: 1.125rem;
    border-bottom: 1px solid #808080;
  }
}
@media screen and (max-width: 1023px) {
  .p-knowledge_ream__message-kannrenn {
    padding: 10px 0 3px;
    border-bottom: 1px solid #808080;
  }
  .p-knowledge_ream__message-kannrenn p.c-text--md {
    font-size: 1rem;
  }
}
@media screen and (min-width: 1024px) {
  .p-knowledge_ream__message-knowledge {
    margin-bottom: 40px;
    padding: 128px 0 13px;
    font-size: 1.125rem;
    border-bottom: 1px solid #808080;
  }
}
@media screen and (max-width: 1023px) {
  .p-knowledge_ream__message-knowledge {
    padding: 64px 0px 3px;
    border-bottom: 1px solid #808080;
    margin-right: -20px;
    /* 中身のレイアウトは崩さないように戻す */
    padding-right: 20px;
  }
  .p-knowledge_ream__message-knowledge p.c-text--md {
    font-size: 1rem;
    width: 100%;
  }
}
@media screen and (min-width: 1024px) {
  .p-knowledge_ream__message-card {
    line-height: 1.75;
    margin-top: -5px;
  }
}
@media screen and (max-width: 1023px) {
  .p-knowledge_ream__message-card {
    line-height: 1.65;
  }
}
@media screen and (min-width: 1024px) {
  .p-knowledge_ream__message-card-paper {
    margin: auto;
    margin-left: 80px;
    line-height: 1.6;
    font-size: 0.875rem;
    padding-bottom: 58px;
  }
  .p-knowledge_ream__message-card-paper p.c-text--md:nth-of-type(1) {
    margin-top: -6px;
  }
  .p-knowledge_ream__message-card-paper p.c-text--md:nth-of-type(2) {
    margin-top: -6px;
  }
}
@media screen and (max-width: 1023px) {
  .p-knowledge_ream__message-card-paper {
    margin-left: 2px;
    line-height: 1.65;
  }
  .p-knowledge_ream__message-card-paper p.c-text--md {
    display: inline;
    margin-right: 0;
  }
}
.p-knowledge_ream__message-card-direction {
  display: grid;
  grid-template-columns: 468px 1fr;
}
@media screen and (min-width: 1024px) {
  .p-knowledge_ream__message-card-knowledge {
    margin-bottom: 40px;
    padding: 128px 0 13px;
    font-size: 1.125rem;
    border-bottom: 1px solid #808080;
  }
}
@media screen and (max-width: 1023px) {
  .p-knowledge_ream__message-card-knowledge {
    padding: 64px 0 3px;
    border-bottom: 1px solid #808080;
  }
  .p-knowledge_ream__message-card-knowledge p.c-text--md {
    font-size: 1rem;
  }
}
@media screen and (min-width: 1024px) {
  .p-knowledge_ream__messageimg {
    background-color: rgba(243, 243, 243, 0.9294117647);
    line-height: 1.75;
    height: 646px;
  }
}
@media screen and (max-width: 1023px) {
  .p-knowledge_ream__messageimg {
    background-color: rgba(243, 243, 243, 0.9294117647);
    line-height: 1.75;
    max-width: 355px;
    width: 100%;
    height: 1050px;
    margin: 50px 0 0;
  }
  .p-knowledge_ream__messageimg p.c-text--md {
    font-size: 0.875rem;
    margin-left: 16px;
  }
  .p-knowledge_ream__messageimg p.c-text--md:nth-of-type(1) {
    padding-top: 20px;
    padding-left: 2px;
  }
  .p-knowledge_ream__messageimg p.c-text--md:nth-of-type(2),
  .p-knowledge_ream__messageimg p.c-text--md:nth-of-type(3) {
    display: none;
  }
  .p-knowledge_ream__messageimg p.c-text--md:nth-of-type(4) {
    padding-top: 16px;
  }
  .p-knowledge_ream__messageimg p.c-text--md:nth-of-type(4),
  .p-knowledge_ream__messageimg p.c-text--md:nth-of-type(5) {
    padding-left: 6px;
    padding-right: 18px;
  }
}
@media screen and (min-width: 1024px) {
  .p-knowledge_ream__messageimg-paper {
    margin: auto;
    margin-left: 80px;
    line-height: 1.6;
    font-size: 0.875rem;
    padding-bottom: 58px;
  }
  .p-knowledge_ream__messageimg-paper p.c-text--md:nth-of-type(1),
  .p-knowledge_ream__messageimg-paper p.c-text--md:nth-of-type(2) {
    margin-top: -6px;
  }
}
@media screen and (max-width: 1023px) {
  .p-knowledge_ream__messageimg-paper {
    margin-left: 2px;
    line-height: 1.65;
  }
  .p-knowledge_ream__messageimg-paper p.c-text--md {
    display: inline;
    margin-right: 0;
  }
}
@media screen and (min-width: 1024px) {
  .p-knowledge_ream__messageimg-direction-vertical {
    font-size: 1rem;
    margin: 21px 0 -1px -2px;
    padding: 19px 25px 13px;
  }
  .p-knowledge_ream__messageimg-direction-vertical p.c-text--md:nth-of-type(2) {
    font-size: 0.875rem;
    line-height: 1.45;
    margin-top: 10px;
  }
  .p-knowledge_ream__messageimg-direction-vertical p.c-text--md:nth-of-type(3) {
    font-size: 0.875rem;
    line-height: 1.45;
    margin-top: 4px;
  }
  .p-knowledge_ream__messageimg-direction-vertical p.c-text--md:nth-of-type(4) {
    display: none;
  }
  .p-knowledge_ream__messageimg-direction-vertical p.c-text--md:nth-of-type(5) {
    font-size: 0.875rem;
    line-height: 1.45;
    margin-top: 2px;
  }
}
@media screen and (max-width: 1023px) {
  .p-knowledge_ream__messageimg-direction-vertical {
    margin: 20px 0 14px -2px;
  }
}
@media screen and (min-width: 1024px) {
  .p-knowledge_ream__messageimg-parallel {
    width: 448px;
    height: 480px;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 1rem;
    line-height: 1.45;
    background-color: #ffffff;
    padding-right: 15px;
    margin-top: 6px;
    margin-left: 24px;
  }
  .p-knowledge_ream__messageimg-parallel p.c-text--md:nth-of-type(1) {
    font-size: 0.875rem;
    padding-top: 24px;
    padding-left: 12px;
  }
  .p-knowledge_ream__messageimg-parallel p.c-text--md:nth-of-type(2) {
    font-size: 0.75rem;
    padding-top: 8px;
    padding-left: 144px;
  }
  .p-knowledge_ream__messageimg-parallel img:nth-of-type(2),
  .p-knowledge_ream__messageimg-parallel img:nth-of-type(4) {
    display: none;
  }
  .p-knowledge_ream__messageimg-parallel img:nth-of-type(1) {
    padding-top: 20px;
    margin-left: -4px;
    width: 75%;
  }
  .p-knowledge_ream__messageimg-parallel img:nth-of-type(3) {
    padding-top: 14px;
    margin-left: 12px;
  }
}
@media screen and (max-width: 1023px) {
  .p-knowledge_ream__messageimg-parallel {
    width: 315px;
    height: 390px;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #ffffff;
    padding-top: 19px;
    margin: 16px auto 0;
  }
  .p-knowledge_ream__messageimg-parallel p.c-text--md:nth-of-type(1) {
    font-size: 0.875rem;
    margin-top: -20px;
    margin-left: -8px;
  }
  .p-knowledge_ream__messageimg-parallel p.c-text--md:nth-of-type(2) {
    font-size: 0.5625rem;
    display: block;
    margin-top: 4px;
    margin-left: 94px;
  }
  .p-knowledge_ream__messageimg-parallel img:nth-of-type(1),
  .p-knowledge_ream__messageimg-parallel img:nth-of-type(3) {
    display: none;
    width: 70%;
  }
  .p-knowledge_ream__messageimg-parallel img:nth-of-type(2) {
    margin-top: 16px;
    margin-left: -16px;
    width: 85%;
  }
  .p-knowledge_ream__messageimg-parallel img:nth-of-type(4) {
    margin-top: 12px;
  }
}
@media screen and (min-width: 1024px) {
  .p-knowledge_ream__messageimg-perpendicular {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 448px;
    height: 480px;
    font-size: 1rem;
    line-height: 1.45;
    background-color: #ffffff;
    padding-right: 15px;
    margin: -480px 0 10px 488px;
  }
  .p-knowledge_ream__messageimg-perpendicular p.c-text--md:nth-of-type(1) {
    font-size: 0.875rem;
    padding-top: 24px;
    padding-left: 12px;
  }
  .p-knowledge_ream__messageimg-perpendicular p.c-text--md:nth-of-type(2) {
    font-size: 0.75rem;
    padding-top: 8px;
    padding-left: 214px;
  }
  .p-knowledge_ream__messageimg-perpendicular img:nth-of-type(2),
  .p-knowledge_ream__messageimg-perpendicular img:nth-of-type(4) {
    display: none;
  }
  .p-knowledge_ream__messageimg-perpendicular img:nth-of-type(1) {
    padding-top: 20px;
    margin-left: 10px;
    width: 75%;
  }
  .p-knowledge_ream__messageimg-perpendicular img:nth-of-type(3) {
    padding-top: 14px;
    margin-left: 14px;
  }
}
@media screen and (max-width: 1023px) {
  .p-knowledge_ream__messageimg-perpendicular {
    width: 315px;
    height: 390px;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 19px;
    margin: 8px auto 0;
    background-color: #ffffff;
  }
  .p-knowledge_ream__messageimg-perpendicular p.c-text--md:nth-of-type(1) {
    font-size: 0.875rem;
    margin-top: -20px;
    margin-left: -8px;
  }
  .p-knowledge_ream__messageimg-perpendicular p.c-text--md:nth-of-type(2) {
    font-size: 0.5625rem;
    display: block;
    margin-top: 6px;
    margin-left: 154px;
  }
  .p-knowledge_ream__messageimg-perpendicular img:nth-of-type(1),
  .p-knowledge_ream__messageimg-perpendicular img:nth-of-type(3) {
    display: none;
  }
  .p-knowledge_ream__messageimg-perpendicular img:nth-of-type(2) {
    margin-top: 16px;
    margin-left: -4px;
    width: 85%;
  }
  .p-knowledge_ream__messageimg-perpendicular img:nth-of-type(4) {
    margin-top: 12px;
  }
}
.p-knowledge_ream__messageimg-knowledge {
  border-bottom: 1px solid #808080;
}
@media screen and (min-width: 1024px) {
  .p-knowledge_ream__messageimg-knowledge {
    font-size: 1.125rem;
    padding: 128px 0 13px;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 1023px) {
  .p-knowledge_ream__messageimg-knowledge {
    padding: 64px 0 3px;
  }
  .p-knowledge_ream__messageimg-knowledge p.c-text--md {
    font-size: 1rem;
  }
}

@media screen and (min-width: 1024px) {
  .p-texture__wrapper {
    max-width: 1156px;
    margin: 0 auto;
  }
}
.p-texture__header {
  text-align: left;
}
@media screen and (max-width: 1023px) {
  .p-texture__header {
    max-width: 90vw;
  }
}
@media screen and (max-width: 1023px) {
  .p-texture__header-title {
    font-size: 1.5rem;
    font-weight: 500;
  }
}
@media screen and (max-width: 1023px) {
  .p-texture__container {
    max-width: 90vw;
  }
}
.p-texture__introduction {
  margin-top: 10px;
}
@media screen and (max-width: 1023px) {
  .p-texture__introduction {
    font-size: 0.875rem;
  }
}
.p-texture__introduction-link {
  text-decoration: underline;
  text-underline-offset: 3px;
}
.p-texture__introduction-link:hover {
  text-decoration: underline;
}
.p-texture__list {
  margin-top: 55px;
}
@media screen and (max-width: 1023px) {
  .p-texture__list {
    margin-top: 55px;
  }
}
.p-texture__list-grid {
  display: grid;
  grid-template-columns: repeat(2, 2fr);
  -moz-column-gap: 30px;
       column-gap: 30px;
  row-gap: 70px;
}
@media screen and (max-width: 1023px) {
  .p-texture__list-grid {
    grid-template-columns: 1fr;
    row-gap: 65px;
  }
}
@media screen and (min-width: 1024px) {
  .p-texture__list-item {
    display: grid;
    grid-template-areas: "title title" "hr hr" "description description" "img info";
    grid-template-columns: 280px 1fr;
    -moz-column-gap: 30px;
         column-gap: 30px;
  }
}
@media screen and (max-width: 1023px) {
  .p-texture__list-item {
    display: grid;
    grid-template-areas: "title title" "hr hr" "img description" "info info";
    grid-template-columns: 1fr;
    -moz-column-gap: 15px;
         column-gap: 15px;
    row-gap: 0px;
  }
}
.p-texture__list-item-title {
  font-size: 1.125rem;
  font-weight: 500;
  grid-area: title;
}
@media screen and (max-width: 1023px) {
  .p-texture__list-item-title {
    font-size: 1rem;
  }
}
.p-texture__list-item-hr {
  height: 0.5px;
  background-color: #808080;
  margin: 15px 0px 25px 0px;
  grid-area: hr;
}
@media screen and (max-width: 1023px) {
  .p-texture__list-item-hr {
    margin: 0px 0px 25px 0px;
  }
}
.p-texture__list-item-description {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 22px;
  margin-bottom: 15px;
  display: block;
  grid-area: description;
  align-self: start;
}
@media screen and (max-width: 1023px) {
  .p-texture__list-item-description {
    max-height: 140px;
    margin-bottom: 0;
  }
}
.p-texture__list-item-description-note {
  font-size: 0.75rem;
  font-weight: 400;
}
.p-texture__list-item-img {
  width: 280px;
  height: 280px;
  object-fit: cover;
  object-position: center;
  flex-shrink: 0;
  grid-area: img;
  align-self: start;
}
@media screen and (max-width: 1023px) {
  .p-texture__list-item-img {
    width: 140px;
    height: 140px;
  }
}
.p-texture__list-item-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}
.p-texture__list-item-info {
  display: flex;
  flex-direction: column;
  gap: 20px;
  flex: 1;
  grid-area: info;
}
@media screen and (min-width: 1024px) {
  .p-texture__list-item-info {
    max-height: 280px;
  }
}
@media screen and (max-width: 1023px) {
  .p-texture__list-item-info {
    margin-top: 0;
    gap: 25px;
  }
}
.p-texture__list-item-mini-samples .p-texture__list-item-mini-sample-title {
  font-size: 0.875rem;
  font-weight: 400;
  margin-bottom: 5px;
}
@media screen and (max-width: 1023px) {
  .p-texture__list-item-mini-samples .p-texture__list-item-mini-sample-title {
    margin-top: 20px;
  }
}
.p-texture__list-item-mini-samples .p-texture__list-item-mini-sample-title::after {
  content: "：";
}
.p-texture__list-item-mini-samples .p-texture__list-item-mini-sample-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
@media screen and (max-width: 1023px) {
  .p-texture__list-item-mini-samples .p-texture__list-item-mini-sample-buttons {
    gap: 8px;
  }
}
.p-texture__list-item-mini-samples .p-texture__list-item-mini-sample-buttons .p-texture__list-item-mini-sample-button {
  height: 24px;
  font-size: 0.875rem;
  text-align: center;
  padding: 0px 12px;
  color: #000000;
  border: 1px solid #000000;
  background-color: #ffffff;
  transition: all 0.3s ease-in-out;
}
.p-texture__list-item-mini-samples .p-texture__list-item-mini-sample-buttons .p-texture__list-item-mini-sample-button:hover {
  background-color: #D8D8D9;
  border: 1px solid #D8D8D9;
  transition: all 0.3s ease-in-out;
}
.p-texture__list-item-brands .p-texture__list-item-brands-title {
  font-size: 0.875rem;
  font-weight: 400;
  margin-bottom: 5px;
}
.p-texture__list-item-brands .p-texture__list-item-brands-title::after {
  content: "：";
}
.p-texture__list-item-brands .p-texture__list-item-brand-link {
  font-size: 0.875rem;
  display: inline-block;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.p-texture__list-item-more {
  font-size: 0.875rem;
  display: inline;
}
.p-texture__trademark {
  font-size: 0.625rem;
  vertical-align: super;
}
.p-texture__super-script {
  vertical-align: top;
  font-size: 0.7em;
}

@media screen and (min-width: 1024px) {
  .p-knowledge_size {
    max-width: 960px;
    margin: 0px auto;
    margin-bottom: -32px;
  }
  .p-knowledge_size p.c-text--md {
    font-weight: 350;
  }
}
@media screen and (max-width: 1023px) {
  .p-knowledge_size {
    margin-bottom: -20px;
  }
}
@media screen and (min-width: 1024px) {
  .p-knowledge_size__header {
    font-size: 0.875rem;
  }
}
.p-knowledge_size__header-title {
  display: block;
  font-weight: 350;
}
@media screen and (min-width: 1024px) {
  .p-knowledge_size__header-title {
    padding: 78px 0 0;
  }
}
@media screen and (max-width: 1023px) {
  .p-knowledge_size__header-title {
    margin-bottom: -14px;
    padding-top: 42px;
    font-size: 1.5rem;
  }
}
.p-knowledge_size__container {
  margin: 0px auto;
}
.p-knowledge_size__content ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  list-style: none;
}
@media screen and (min-width: 1024px) {
  .p-knowledge_size__content ul {
    flex-wrap: wrap;
    gap: 25px;
    margin: -58px -3px 0 -2px;
  }
}
@media screen and (max-width: 1023px) {
  .p-knowledge_size__content ul {
    flex-direction: column;
    margin: auto;
    margin: 0 -3px 0px -2px;
  }
}
.p-knowledge_size__content-item-dimensions .img-topwrapper {
  position: relative;
  overflow: hidden;
}
.p-knowledge_size__content-item-dimensions .img-topwrapper::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #D8D8D9;
  pointer-events: none;
  box-sizing: border-box;
  z-index: 1;
}
.p-knowledge_size__content-item-dimensions .img-topwrapper img {
  transition: transform 0.3s ease;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.p-knowledge_size__content-item-dimensions p.c-text--md {
  display: inline-block;
  transition: transform 0.3s ease;
}
@media screen and (min-width: 1024px) {
  .p-knowledge_size__content-item-dimensions:hover {
    cursor: pointer;
    transition: transform 0.3s ease;
    opacity: 0.6;
  }
  .p-knowledge_size__content-item-dimensions:hover .img-topwrapper img {
    transform: scale(1.05);
  }
}
@media screen and (min-width: 1024px) {
  .p-knowledge_size__content-item-dimensions {
    margin: 94px 0 7px 2px;
    width: 466px;
    height: 233px;
    font-size: 1.125rem;
  }
  .p-knowledge_size__content-item-dimensions img:nth-of-type(2) {
    display: none;
  }
  .p-knowledge_size__content-item-dimensions .img-topwrapper {
    width: 466px;
    height: 233px;
  }
  .p-knowledge_size__content-item-dimensions .img-topwrapper img {
    margin: auto;
    padding-top: 1px;
    margin-bottom: 8px;
  }
  .p-knowledge_size__content-item-dimensions p.c-text--md {
    padding-top: 8px;
  }
}
@media screen and (max-width: 1023px) {
  .p-knowledge_size__content-item-dimensions {
    margin: 102px auto 0px auto;
    width: 335px;
    height: 167px;
  }
  .p-knowledge_size__content-item-dimensions p.c-text--md {
    font-size: 1rem;
    padding-top: 12px;
  }
  .p-knowledge_size__content-item-dimensions img:nth-of-type(1) {
    display: none;
  }
  .p-knowledge_size__content-item-dimensions .img-topwrapper {
    width: 335px;
    height: 167px;
  }
}
.p-knowledge_size__content-item-dimensions-down .img-topwrapper {
  position: relative;
  overflow: hidden;
}
.p-knowledge_size__content-item-dimensions-down .img-topwrapper::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #D8D8D9;
  pointer-events: none;
  box-sizing: border-box;
  z-index: 1;
}
.p-knowledge_size__content-item-dimensions-down .img-topwrapper img {
  transition: transform 0.3s ease;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.p-knowledge_size__content-item-dimensions-down p.c-text--md {
  display: inline-block;
  transition: transform 0.3s ease;
}
@media screen and (min-width: 1024px) {
  .p-knowledge_size__content-item-dimensions-down:hover {
    cursor: pointer;
    transition: transform 0.3s ease;
    opacity: 0.6;
  }
  .p-knowledge_size__content-item-dimensions-down:hover .img-topwrapper img {
    transform: scale(1.05);
  }
}
@media screen and (min-width: 1024px) {
  .p-knowledge_size__content-item-dimensions-down {
    margin: 94px 0 7px 4px;
    width: 466px;
    height: 233px;
    font-size: 1.125rem;
  }
  .p-knowledge_size__content-item-dimensions-down .img-topwrapper {
    width: 466px;
    height: 233px;
  }
  .p-knowledge_size__content-item-dimensions-down .img-topwrapper img {
    margin: auto;
    margin-bottom: 8px;
  }
  .p-knowledge_size__content-item-dimensions-down img:nth-of-type(2) {
    display: none;
  }
  .p-knowledge_size__content-item-dimensions-down p.c-text--md {
    padding-top: 8px;
  }
}
@media screen and (max-width: 1023px) {
  .p-knowledge_size__content-item-dimensions-down {
    margin: 75px auto 0 auto;
    width: 335px;
    height: 167px;
  }
  .p-knowledge_size__content-item-dimensions-down img:nth-of-type(1) {
    display: none;
  }
  .p-knowledge_size__content-item-dimensions-down .img-topwrapper {
    width: 335px;
    height: 167px;
  }
  .p-knowledge_size__content-item-dimensions-down p.c-text--md {
    font-size: 1rem;
    padding-top: 10px;
  }
}
.p-knowledge_size__content-item img {
  width: calc(100% - 2px);
  height: calc(100% - 3px);
  margin-left: 2px;
  aspect-ratio: 1;
  object-fit: cover;
}
@media screen and (min-width: 1024px) {
  .p-knowledge_size__content-item p {
    margin: auto;
    padding-left: 5px;
    font-size: 1.125rem;
  }
}
.p-knowledge_size__content-img ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: start;
  list-style: none;
}
@media screen and (min-width: 1024px) {
  .p-knowledge_size__content-img ul {
    flex-wrap: wrap;
    gap: 25px;
    margin: 0 -3px 0 -2px;
  }
}
@media screen and (max-width: 1023px) {
  .p-knowledge_size__content-img ul {
    flex-wrap: nowrap;
    overflow-x: auto;
    gap: 18px;
    padding: 10px 10px;
    margin-right: -19px;
    max-width: 100vw;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .p-knowledge_size__content-img ul::-webkit-scrollbar {
    display: none;
  }
}
.p-knowledge_size__content-img-item-knowledge p.c-text--md {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  transition: opacity 0.3s ease;
}
@media screen and (min-width: 1024px) {
  .p-knowledge_size__content-img-item-knowledge p.c-text--md:hover {
    opacity: 0.6;
    cursor: pointer;
  }
}
@media screen and (min-width: 1024px) {
  .p-knowledge_size__content-img-item-knowledge img:nth-of-type(2),
  .p-knowledge_size__content-img-item-knowledge img:nth-of-type(4),
  .p-knowledge_size__content-img-item-knowledge img:nth-of-type(6),
  .p-knowledge_size__content-img-item-knowledge img:nth-of-type(8),
  .p-knowledge_size__content-img-item-knowledge img:nth-of-type(10),
  .p-knowledge_size__content-img-item-knowledge img:nth-of-type(12),
  .p-knowledge_size__content-img-item-knowledge img:nth-of-type(14),
  .p-knowledge_size__content-img-item-knowledge img:nth-of-type(16),
  .p-knowledge_size__content-img-item-knowledge img:nth-of-type(18) {
    display: none;
  }
  .p-knowledge_size__content-img-item-knowledge .img-wrapper {
    width: 172px;
    height: 172px;
    position: relative;
    overflow: hidden;
  }
  .p-knowledge_size__content-img-item-knowledge .img-wrapper::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #D8D8D9;
    pointer-events: none;
    box-sizing: border-box;
    z-index: 1;
  }
}
@media screen and (min-width: 1024px) and (min-width: 1024px) {
  .p-knowledge_size__content-img-item-knowledge .img-wrapper:hover img {
    transform: scale(1.1) translateX(2px);
    opacity: 0.6;
    cursor: pointer;
  }
  .p-knowledge_size__content-img-item-knowledge .img-wrapper:hover + p {
    opacity: 0.6;
  }
}
@media screen and (min-width: 1024px) {
  .p-knowledge_size__content-img-item-knowledge .img-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease, opacity 0.3s ease;
    z-index: 0;
  }
  .p-knowledge_size__content-img-item-knowledge p {
    padding-top: 16px;
    padding-left: 3px;
    margin-bottom: 12px;
    display: flex;
    justify-content: center;
    font-size: 0.875rem;
    line-height: 0.5;
    transition: opacity 0.3s ease;
  }
  .p-knowledge_size__content-img-item-knowledge p.reset {
    padding-top: 4px;
    padding-left: 4px;
  }
}
@media screen and (max-width: 1023px) {
  .p-knowledge_size__content-img-item-knowledge {
    flex: 0 0 auto;
    min-width: 150px;
    text-align: center;
    margin-left: -10px;
    margin-top: 12px;
    margin-bottom: -3px;
  }
  .p-knowledge_size__content-img-item-knowledge img:nth-of-type(1),
  .p-knowledge_size__content-img-item-knowledge img:nth-of-type(3),
  .p-knowledge_size__content-img-item-knowledge img:nth-of-type(5),
  .p-knowledge_size__content-img-item-knowledge img:nth-of-type(7),
  .p-knowledge_size__content-img-item-knowledge img:nth-of-type(9),
  .p-knowledge_size__content-img-item-knowledge img:nth-of-type(11),
  .p-knowledge_size__content-img-item-knowledge img:nth-of-type(13),
  .p-knowledge_size__content-img-item-knowledge img:nth-of-type(15),
  .p-knowledge_size__content-img-item-knowledge img:nth-of-type(17) {
    display: none;
  }
  .p-knowledge_size__content-img-item-knowledge img {
    width: 150px;
    height: auto;
    max-height: none;
    margin-left: 0;
    aspect-ratio: 1;
    object-fit: cover;
    margin-top: -2px;
  }
  .p-knowledge_size__content-img-item-knowledge p {
    margin-top: 12px;
    font-size: 0.875rem;
  }
  .p-knowledge_size__content-img-item-knowledge p.c-text--md:nth-of-type(2) {
    margin-top: 2px;
  }
}
@media screen and (min-width: 1024px) {
  .p-knowledge_size__message {
    padding: 14px 0 22px;
    line-height: 1.75;
  }
}
@media screen and (max-width: 1023px) {
  .p-knowledge_size__message {
    line-height: 1.65;
  }
}
@media screen and (min-width: 1024px) {
  .p-knowledge_size__message-subtitle {
    padding: 64px 0 15px;
    border-bottom: 1px solid #808080;
  }
  .p-knowledge_size__message-subtitle p.c-text--md {
    font-size: 1.125rem;
  }
  .p-knowledge_size__message-subtitle p.c-text--md:nth-of-type(2),
  .p-knowledge_size__message-subtitle p.c-text--md:nth-of-type(3) {
    display: none;
  }
}
@media screen and (max-width: 1023px) {
  .p-knowledge_size__message-subtitle {
    margin-top: -4px;
    padding: 0px 0 1px;
    border-bottom: 1px solid #808080;
  }
  .p-knowledge_size__message-subtitle p.c-text--md:nth-of-type(1) {
    display: none;
  }
  .p-knowledge_size__message-subtitle p.c-text--md {
    font-size: 1rem;
  }
}
@media screen and (min-width: 1024px) {
  .p-knowledge_size__message-subtitle-main {
    padding: 68px 0 15px;
    border-bottom: 1px solid #808080;
    letter-spacing: 0.03em;
  }
  .p-knowledge_size__message-subtitle-main p.c-text--md {
    font-size: 1.125rem;
    margin-top: 2px;
    margin-bottom: -2px;
  }
}
@media screen and (max-width: 1023px) {
  .p-knowledge_size__message-subtitle-main {
    padding: 84px 0 1px;
    border-bottom: 1px solid #808080;
    letter-spacing: 0.05em;
  }
  .p-knowledge_size__message-subtitle-main p.c-text--md {
    font-size: 1rem;
  }
}
@media screen and (min-width: 1024px) {
  .p-knowledge_size__message-subtitle-mid {
    padding: 72px 0 11px;
    border-bottom: 1px solid #808080;
    letter-spacing: -0.03em;
  }
  .p-knowledge_size__message-subtitle-mid p.c-text--md {
    font-size: 1.125rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-knowledge_size__message-subtitle-mid {
    padding: 0px 0 1px;
    margin-top: -38px;
    border-bottom: 1px solid #808080;
    letter-spacing: 0.05em;
  }
  .p-knowledge_size__message-subtitle-mid p.c-text--md {
    font-size: 1rem;
  }
}
@media screen and (min-width: 1024px) {
  .p-knowledge_size__message-description {
    padding: 8px 0 0px;
    font-size: 1rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-knowledge_size__message-description {
    padding: 26px 0 63px;
  }
}
.p-knowledge_size__message-knowledge {
  border-bottom: 1px solid #808080;
}
@media screen and (min-width: 1024px) {
  .p-knowledge_size__message-knowledge {
    margin-bottom: 40px;
    padding: 128px 0 13px;
    font-size: 1.125rem;
  }
}
@media screen and (max-width: 1023px) {
  .p-knowledge_size__message-knowledge {
    padding: 64px 0px 3px;
    margin-top: 64px;
    margin-right: -20px;
    /* 中身のレイアウトは崩さないように戻す */
    padding-right: 20px;
  }
  .p-knowledge_size__message-knowledge p.c-text--md {
    font-size: 1rem;
  }
}
@media screen and (min-width: 1024px) {
  .p-knowledge_size .grid-container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
    margin-top: 32px;
    width: 100%;
  }
}
@media screen and (max-width: 1023px) {
  .p-knowledge_size .grid-container {
    margin-top: 24px;
  }
}
.p-knowledge_size .grid-item--left {
  border: 1px solid #e4e4e4;
  display: flex;
  flex-wrap: wrap;
  padding: 0;
}
@media screen and (min-width: 1024px) {
  .p-knowledge_size .grid-item--left {
    width: 468px;
    height: 256px;
  }
  .p-knowledge_size .grid-item--left .size-item {
    display: flex;
  }
  .p-knowledge_size .grid-item--left .size-item > * {
    width: 100%;
    border-bottom: 1px solid #e4e4e4;
    border-right: 1px solid #e4e4e4;
    padding: 9px 12px 8px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
  }
  .p-knowledge_size .grid-item--left .size-item > :first-child {
    width: 130px;
    background-color: #f8f8f8;
  }
  .p-knowledge_size .grid-item--left .size-item > :last-child {
    width: 338px;
    font-size: 0.875rem;
    border-right: none;
    padding-left: 16px;
  }
  .p-knowledge_size .grid-item--left .size-item:last-child > * {
    border-bottom: none;
  }
}
@media screen and (max-width: 1023px) {
  .p-knowledge_size .grid-item--left {
    width: 335px;
    height: 234px;
    margin-left: auto;
    margin-right: auto;
  }
  .p-knowledge_size .grid-item--left .size-item {
    display: flex;
  }
  .p-knowledge_size .grid-item--left .size-item > * {
    width: 100%;
    border-bottom: 1px solid #e4e4e4;
    border-right: 1px solid #e4e4e4;
    box-sizing: border-box;
    display: flex;
    align-items: center;
  }
  .p-knowledge_size .grid-item--left .size-item > :first-child {
    width: 100px;
    background-color: #f8f8f8;
    padding-left: 12px;
  }
  .p-knowledge_size .grid-item--left .size-item > :last-child {
    width: 234px;
    font-size: 0.875rem;
    border-right: none;
    padding-left: 16px;
  }
  .p-knowledge_size .grid-item--left .size-item:last-child > * {
    border-bottom: none;
  }
}
.p-knowledge_size .grid-item--middle .line-block {
  display: flex;
  align-items: center;
  gap: 8px;
}
@media screen and (min-width: 1024px) {
  .p-knowledge_size .grid-item--middle {
    width: 120px;
  }
  .p-knowledge_size .grid-item--middle .label {
    font-size: 0.875rem;
    color: #000000;
    white-space: nowrap;
  }
  .p-knowledge_size .grid-item--middle .line-wrapper {
    position: relative;
    width: 100px;
    height: 40px;
  }
  .p-knowledge_size .grid-item--middle .line-horizontal {
    position: absolute;
    top: 50%;
    left: 0;
    width: 60px;
    height: 1px;
    background-color: #B4B5B6;
  }
  .p-knowledge_size .grid-item--middle .line-vertical {
    position: absolute;
    top: 50%;
    left: 60px;
    width: 1px;
    height: 100%;
    background-color: #B4B5B6;
    transform: rotate(30deg);
    transform-origin: top center;
  }
  .p-knowledge_size .grid-item--middle .line-block:nth-of-type(1) .label {
    margin-top: -22px;
    margin-left: -4px;
  }
  .p-knowledge_size .grid-item--middle .line-block:nth-of-type(1) .line-horizontal {
    margin-top: -14px;
    width: 110px;
  }
  .p-knowledge_size .grid-item--middle .line-block:nth-of-type(1) .line-vertical {
    margin-top: -14px;
    left: 110px;
    height: 20px;
    transform: rotate(320deg);
  }
  .p-knowledge_size .grid-item--middle .line-block:nth-of-type(2) {
    gap: 10px;
  }
  .p-knowledge_size .grid-item--middle .line-block:nth-of-type(2) .label {
    margin-top: -60px;
    margin-left: -4px;
  }
  .p-knowledge_size .grid-item--middle .line-block:nth-of-type(2) .line-horizontal {
    margin-top: -32px;
    width: 128px;
  }
  .p-knowledge_size .grid-item--middle .line-block:nth-of-type(2) .line-vertical {
    margin-top: -32px;
    left: 128px;
    height: 30px;
    transform: rotate(290deg);
  }
  .p-knowledge_size .grid-item--middle .line-block:nth-of-type(3) .label {
    margin-top: -100px;
    margin-left: -4px;
  }
  .p-knowledge_size .grid-item--middle .line-block:nth-of-type(3) .line-horizontal {
    margin-top: -52px;
    width: 115px;
  }
  .p-knowledge_size .grid-item--middle .line-block:nth-of-type(3) .line-vertical {
    margin-top: -52px;
    left: 115px;
    height: 30px;
    transform: rotate(310deg);
  }
  .p-knowledge_size .grid-item--middle .line-block:nth-of-type(4) .label {
    margin-top: -142px;
    margin-left: -4px;
  }
  .p-knowledge_size .grid-item--middle .line-block:nth-of-type(4) .line-horizontal {
    margin-top: -72px;
    width: 135px;
  }
  .p-knowledge_size .grid-item--middle .line-block:nth-of-type(4) .line-vertical {
    margin-top: -72px;
    left: 135px;
    height: 40px;
    transform: rotate(310deg);
  }
  .p-knowledge_size .grid-item--middle .line-block:nth-of-type(5) .label {
    margin-top: -182px;
    margin-left: -4px;
  }
  .p-knowledge_size .grid-item--middle .line-block:nth-of-type(5) .line-horizontal {
    margin-top: -92px;
    width: 125px;
  }
  .p-knowledge_size .grid-item--middle .line-block:nth-of-type(5) .line-vertical {
    margin-top: -92px;
    left: 125px;
    height: 30px;
    transform: rotate(330deg);
  }
  .p-knowledge_size .grid-item--middle .line-block:nth-of-type(6) .label {
    margin-top: 142px;
    margin-left: -4px;
  }
  .p-knowledge_size .grid-item--middle .line-block:nth-of-type(6) .line-horizontal {
    margin-top: 74px;
    width: 40px;
  }
  .p-knowledge_size .grid-item--middle .line-block:nth-of-type(6) .line-vertical {
    margin-top: 74px;
    left: 40px;
    height: 60px;
    transform: rotate(230deg);
  }
  .p-knowledge_size .grid-item--middle .line-block:nth-of-type(7) .label {
    margin-top: -14px;
    margin-left: -4px;
  }
  .p-knowledge_size .grid-item--middle .line-block:nth-of-type(7) .line-horizontal {
    margin-top: -10px;
    width: 40px;
  }
  .p-knowledge_size .grid-item--middle .line-block:nth-of-type(7) .line-vertical {
    margin-top: -10px;
    left: 40px;
    height: 30px;
    transform: rotate(230deg);
  }
}
@media screen and (max-width: 1023px) {
  .p-knowledge_size .grid-item--middle {
    width: 335px;
    height: 330px;
    margin-left: auto;
    margin-right: auto;
  }
  .p-knowledge_size .grid-item--middle .label {
    font-size: 0.75rem;
    color: #000000;
    white-space: nowrap;
  }
  .p-knowledge_size .grid-item--middle .line-wrapper {
    position: relative;
    width: 100px;
    height: 40px;
  }
  .p-knowledge_size .grid-item--middle .line-horizontal {
    position: absolute;
    top: 50%;
    left: 0;
    width: 60px;
    height: 1px;
    background-color: #B4B5B6;
  }
  .p-knowledge_size .grid-item--middle .line-vertical {
    position: absolute;
    top: 50%;
    left: 60px;
    width: 1px;
    height: 100%;
    background-color: #B4B5B6;
    transform: rotate(30deg);
    transform-origin: top center;
  }
  .p-knowledge_size .grid-item--middle .line-block:nth-of-type(1) .label {
    margin-top: 34px;
  }
  .p-knowledge_size .grid-item--middle .line-block:nth-of-type(1) .line-horizontal {
    margin-top: 18px;
    width: 75px;
  }
  .p-knowledge_size .grid-item--middle .line-block:nth-of-type(1) .line-vertical {
    margin-top: 18px;
    left: 75px;
    height: 20px;
    transform: rotate(310deg);
  }
  .p-knowledge_size .grid-item--middle .line-block:nth-of-type(2) {
    gap: 26px;
  }
  .p-knowledge_size .grid-item--middle .line-block:nth-of-type(2) .label {
    margin-top: -28px;
  }
  .p-knowledge_size .grid-item--middle .line-block:nth-of-type(2) .line-horizontal {
    margin-top: -12px;
    width: 75px;
  }
  .p-knowledge_size .grid-item--middle .line-block:nth-of-type(2) .line-vertical {
    margin-top: -12px;
    left: 75px;
    height: 30px;
    transform: rotate(290deg);
  }
  .p-knowledge_size .grid-item--middle .line-block:nth-of-type(3) {
    gap: 18px;
  }
  .p-knowledge_size .grid-item--middle .line-block:nth-of-type(3) .label {
    margin-top: -70px;
  }
  .p-knowledge_size .grid-item--middle .line-block:nth-of-type(3) .line-horizontal {
    margin-top: -36px;
    width: 75px;
  }
  .p-knowledge_size .grid-item--middle .line-block:nth-of-type(3) .line-vertical {
    margin-top: -36px;
    left: 75px;
    height: 20px;
    transform: rotate(300deg);
  }
  .p-knowledge_size .grid-item--middle .line-block:nth-of-type(4) {
    gap: 38px;
  }
  .p-knowledge_size .grid-item--middle .line-block:nth-of-type(4) .label {
    margin-top: -118px;
  }
  .p-knowledge_size .grid-item--middle .line-block:nth-of-type(4) .line-horizontal {
    margin-top: -58px;
    width: 75px;
  }
  .p-knowledge_size .grid-item--middle .line-block:nth-of-type(4) .line-vertical {
    margin-top: -58px;
    left: 75px;
    height: 20px;
    transform: rotate(300deg);
  }
  .p-knowledge_size .grid-item--middle .line-block:nth-of-type(5) {
    gap: 20px;
  }
  .p-knowledge_size .grid-item--middle .line-block:nth-of-type(5) .label {
    margin-top: -168px;
  }
  .p-knowledge_size .grid-item--middle .line-block:nth-of-type(5) .line-horizontal {
    margin-top: -82px;
    width: 75px;
  }
  .p-knowledge_size .grid-item--middle .line-block:nth-of-type(5) .line-vertical {
    margin-top: -82px;
    left: 75px;
    height: 20px;
    transform: rotate(310deg);
  }
  .p-knowledge_size .grid-item--middle .line-block:nth-of-type(6) {
    gap: 20px;
    margin-left: 2px;
  }
  .p-knowledge_size .grid-item--middle .line-block:nth-of-type(6) .label {
    margin-top: 48px;
  }
  .p-knowledge_size .grid-item--middle .line-block:nth-of-type(6) .line-horizontal {
    margin-top: 26px;
    width: 20px;
  }
  .p-knowledge_size .grid-item--middle .line-block:nth-of-type(6) .line-vertical {
    margin-top: 26px;
    left: 20px;
    height: 30px;
    transform: rotate(220deg);
  }
  .p-knowledge_size .grid-item--middle .line-block:nth-of-type(7) {
    gap: 12px;
  }
  .p-knowledge_size .grid-item--middle .line-block:nth-of-type(7) .label {
    margin-top: -26px;
  }
  .p-knowledge_size .grid-item--middle .line-block:nth-of-type(7) .line-horizontal {
    margin-top: -10px;
    width: 16px;
  }
  .p-knowledge_size .grid-item--middle .line-block:nth-of-type(7) .line-vertical {
    margin-top: -10px;
    left: 16px;
    height: 20px;
    transform: rotate(230deg);
  }
}
@media screen and (min-width: 1024px) {
  .p-knowledge_size .grid-item--middle .grid-item--right-middle {
    height: 393px;
    width: 476px;
  }
}
@media screen and (max-width: 1023px) {
  .p-knowledge_size .grid-item--middle .grid-item--right-middle {
    height: 330px;
    width: 335px;
    margin-top: 37px;
  }
}
@media screen and (min-width: 1024px) {
  .p-knowledge_size .grid-item--right {
    position: relative;
    height: 393px;
    width: 476px;
    margin-left: 46px;
    justify-self: end;
  }
  .p-knowledge_size .grid-item--right .paper-diagram {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .p-knowledge_size .grid-item--right .paper-diagram .paper-layer {
    position: absolute;
    border: 1px solid #000000;
    pointer-events: none;
  }
  .p-knowledge_size .grid-item--right .paper-diagram .paper-layer[data-size="1"] {
    top: 0;
    left: 0;
    width: 286px;
    height: 381px;
  }
  .p-knowledge_size .grid-item--right .paper-diagram .paper-layer[data-size="2"] {
    top: 9%;
    left: 0%;
    width: 250px;
    height: 346px;
  }
  .p-knowledge_size .grid-item--right .paper-diagram .paper-layer[data-size="3"] {
    top: 10%;
    left: 0%;
    width: 244px;
    height: 342px;
  }
  .p-knowledge_size .grid-item--right .paper-diagram .paper-layer[data-size="4"] {
    top: 21.5%;
    left: 0%;
    width: 203px;
    height: 297px;
  }
  .p-knowledge_size .grid-item--right .paper-diagram .paper-layer[data-size="5"] {
    top: 25.7%;
    left: 0%;
    width: 200px;
    height: 280px;
  }
  .p-knowledge_size .grid-item--right .paper-diagram .paper-layer[data-size="6"] {
    top: 72.7%;
    left: 0%;
    width: 68.36px;
    height: 95.55px;
  }
  .p-knowledge_size .grid-item--right .paper-diagram .paper-layer[data-size="7"] {
    top: 84.7%;
    left: 0%;
    width: 32.17px;
    height: 48.5px;
  }
  .p-knowledge_size .grid-item--right .paper-diagram .paper-layer[data-size="6"],
  .p-knowledge_size .grid-item--right .paper-diagram .paper-layer[data-size="7"] {
    border: 1px dashed #000000;
  }
}
@media screen and (max-width: 1023px) {
  .p-knowledge_size .grid-item--right {
    position: relative;
    width: 335px;
    height: 330px;
    margin: -330px auto 0 auto;
  }
  .p-knowledge_size .grid-item--right .paper-diagram {
    width: 100%;
    height: 100%;
  }
  .p-knowledge_size .grid-item--right .paper-diagram .paper-layer {
    position: absolute;
    border: 1px solid #000000;
    pointer-events: none;
  }
  .p-knowledge_size .grid-item--right .paper-diagram .paper-layer[data-size="1"] {
    top: 47px;
    left: 146px;
    width: 187.66px;
    height: 250px;
  }
  .p-knowledge_size .grid-item--right .paper-diagram .paper-layer[data-size="2"] {
    top: 70px;
    left: 146px;
    width: 164.04px;
    height: 227.03px;
  }
  .p-knowledge_size .grid-item--right .paper-diagram .paper-layer[data-size="3"] {
    top: 73px;
    left: 146px;
    width: 160.1px;
    height: 224.41px;
  }
  .p-knowledge_size .grid-item--right .paper-diagram .paper-layer[data-size="4"] {
    top: 102px;
    left: 146px;
    width: 134.2px;
    height: 194.44px;
  }
  .p-knowledge_size .grid-item--right .paper-diagram .paper-layer[data-size="5"] {
    top: 113px;
    left: 146px;
    width: 131.23px;
    height: 183.73px;
  }
  .p-knowledge_size .grid-item--right .paper-diagram .paper-layer[data-size="6"] {
    top: 235px;
    left: 146px;
    width: 45.6px;
    height: 61.45px;
  }
  .p-knowledge_size .grid-item--right .paper-diagram .paper-layer[data-size="7"] {
    top: 267px;
    left: 146px;
    width: 21.86px;
    height: 29.57px;
  }
  .p-knowledge_size .grid-item--right .paper-diagram .paper-layer[data-size="6"],
  .p-knowledge_size .grid-item--right .paper-diagram .paper-layer[data-size="7"] {
    border: 1px dashed #000000;
  }
}
.p-knowledge_size .grid-container-jis {
  width: 100%;
  position: relative;
}
@media screen and (min-width: 1024px) {
  .p-knowledge_size .grid-container-jis {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}
.p-knowledge_size .grid-container-jis .diagonal-line {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
@media screen and (min-width: 1024px) {
  .p-knowledge_size .grid-container-jis .diagonal-line::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 510px;
    height: 1px;
    background-color: #B2B2B2;
    transform: rotate(-35.2deg);
    transform-origin: bottom left;
  }
}
@media screen and (max-width: 1023px) {
  .p-knowledge_size .grid-container-jis .diagonal-line::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 380px;
    height: 1px;
    background-color: #B2B2B2;
    transform: rotate(-35deg);
    transform-origin: bottom left;
  }
}
@media screen and (min-width: 1024px) {
  .p-knowledge_size .grid-item--left-jis {
    border: 1px solid #e4e4e4;
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    width: 446px;
    height: 419px;
    margin-left: 24px;
    margin-top: 2px;
  }
  .p-knowledge_size .grid-item--left-jis .size-item:nth-of-type(1) > :nth-child(1) {
    background-color: #f8f8f8;
  }
  .p-knowledge_size .grid-item--left-jis .size-item:nth-of-type(1) > :nth-child(2) {
    background-color: #f8f8f8;
  }
  .p-knowledge_size .grid-item--left-jis .size-item:nth-of-type(1) > :nth-child(3) {
    background-color: #f8f8f8;
  }
  .p-knowledge_size .grid-item--left-jis .size-item {
    display: flex;
  }
  .p-knowledge_size .grid-item--left-jis .size-item > * {
    width: 100%;
    border-bottom: 1px solid #e4e4e4;
    border-right: 1px solid #e4e4e4;
    box-sizing: border-box;
    font-size: 0.875rem;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
  }
  .p-knowledge_size .grid-item--left-jis .size-item > :nth-child(1) {
    width: 70px;
    background-color: #ffffff;
  }
  .p-knowledge_size .grid-item--left-jis .size-item > :nth-child(2) {
    width: 189px;
    background-color: #ffffff;
  }
  .p-knowledge_size .grid-item--left-jis .size-item > :nth-child(3) {
    width: 185px;
    border-right: none;
    background-color: #ffffff;
  }
  .p-knowledge_size .grid-item--left-jis .size-item:last-child > * {
    border-bottom: none;
  }
}
@media screen and (max-width: 1023px) {
  .p-knowledge_size .grid-item--left-jis {
    border: 1px solid #e4e4e4;
    display: flex;
    flex-direction: column;
    padding: 0;
    width: 334px;
    height: 419px;
    margin-left: 0px;
    margin-top: 16px;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
    -ms-overflow-style: none;
    position: relative;
  }
  .p-knowledge_size .grid-item--left-jis::-webkit-scrollbar {
    display: none;
  }
  .p-knowledge_size .grid-item--left-jis .size-item {
    display: flex;
    width: 100%;
    min-width: -moz-fit-content;
    min-width: fit-content;
    height: 35px;
  }
  .p-knowledge_size .grid-item--left-jis .size-item:nth-of-type(1) > :nth-child(1) {
    position: sticky;
    left: 0;
    z-index: 2;
    background-color: #f8f8f8;
  }
  .p-knowledge_size .grid-item--left-jis .size-item:nth-of-type(1) > :nth-child(2) {
    background-color: #f8f8f8;
  }
  .p-knowledge_size .grid-item--left-jis .size-item:nth-of-type(1) > :nth-child(3) {
    background-color: #f8f8f8;
  }
  .p-knowledge_size .grid-item--left-jis .size-item span:nth-child(1) {
    position: sticky;
    left: 0;
    z-index: 2;
    background-color: #f8f8f8;
  }
  .p-knowledge_size .grid-item--left-jis .size-item > * {
    border-bottom: 1px solid #e4e4e4;
    border-right: 1px solid #e4e4e4;
    box-sizing: border-box;
    font-size: 0.875rem;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    height: 100%;
  }
  .p-knowledge_size .grid-item--left-jis .size-item > :nth-child(1) {
    width: 40px;
    min-width: 40px;
    flex-shrink: 0;
    background-color: #ffffff;
  }
  .p-knowledge_size .grid-item--left-jis .size-item > :nth-child(2) {
    width: 176px;
    min-width: 176px;
    flex-shrink: 0;
    background-color: #ffffff;
  }
  .p-knowledge_size .grid-item--left-jis .size-item > :nth-child(3) {
    width: 170px;
    min-width: 170px;
    flex-shrink: 0;
    border-right: none;
    background-color: #ffffff;
  }
  .p-knowledge_size .grid-item--left-jis .size-item:last-child > * {
    border-bottom: none;
  }
}
@media screen and (min-width: 1024px) {
  .p-knowledge_size .grid-item--right-jis {
    max-width: 450px;
    aspect-ratio: 1.41/1;
    margin-left: 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 22px;
  }
  .p-knowledge_size .grid-item--right-jis img:nth-of-type(2) {
    display: none;
  }
}
@media screen and (max-width: 1023px) {
  .p-knowledge_size .grid-item--right-jis {
    width: 335px;
    margin-top: 40px;
  }
  .p-knowledge_size .grid-item--right-jis img:nth-of-type(1) {
    display: none;
  }
  .p-knowledge_size .grid-item--right-jis img {
    width: 335px;
    height: 248px;
  }
}
.p-knowledge_size .grid-container-main {
  margin-top: 32px;
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .p-knowledge_size .grid-container-main {
    display: grid;
    gap: 20px;
    grid-template-columns: 1fr 1fr 1fr;
  }
}
.p-knowledge_size .grid-item-main-left {
  border: 1px solid #e4e4e4;
  display: flex;
  flex-wrap: wrap;
  padding: 0;
}
@media screen and (min-width: 1024px) {
  .p-knowledge_size .grid-item-main-left {
    width: 468px;
    height: 245px;
  }
  .p-knowledge_size .grid-item-main-left .size-item {
    display: flex;
  }
  .p-knowledge_size .grid-item-main-left .size-item > * {
    width: 100%;
    border-bottom: 1px solid #e4e4e4;
    border-right: 1px solid #e4e4e4;
    padding: 9px 12px 8px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
  }
  .p-knowledge_size .grid-item-main-left .size-item > :first-child {
    width: 130px;
    background-color: #f8f8f8;
    font-size: 1rem;
  }
  .p-knowledge_size .grid-item-main-left .size-item > :last-child {
    width: 338px;
    font-size: 0.875rem;
    border-right: none;
  }
  .p-knowledge_size .grid-item-main-left .size-item:last-child > * {
    border-bottom: none;
  }
}
@media screen and (max-width: 1023px) {
  .p-knowledge_size .grid-item-main-left {
    width: 335px;
    height: 234px;
    margin-top: -8px;
    margin-left: auto;
    margin-right: auto;
  }
  .p-knowledge_size .grid-item-main-left .size-item {
    display: flex;
  }
  .p-knowledge_size .grid-item-main-left .size-item > * {
    width: 100%;
    border-bottom: 1px solid #e4e4e4;
    border-right: 1px solid #e4e4e4;
    padding: 9px 12px 8px;
    box-sizing: border-box;
  }
  .p-knowledge_size .grid-item-main-left .size-item > :first-child {
    width: 102px;
    background-color: #f8f8f8;
    font-size: 0.875rem;
    align-items: center;
    display: flex;
  }
  .p-knowledge_size .grid-item-main-left .size-item > :last-child {
    width: 233px;
    font-size: 0.875rem;
    border-right: none;
    padding-left: 16px;
    display: flex;
    align-items: center;
  }
  .p-knowledge_size .grid-item-main-left .size-item:last-child > * {
    border-bottom: none;
  }
}
.p-knowledge_size .grid-item-main-right {
  position: relative;
  height: 430px;
  width: 468px;
}
@media screen and (min-width: 1024px) {
  .p-knowledge_size .grid-item-main-right {
    margin-left: 4px;
    justify-self: end;
  }
  .p-knowledge_size .grid-item-main-right .paper-diagram {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .p-knowledge_size .grid-item-main-right .paper-diagram .paper-layer {
    position: absolute;
    display: flex;
    border: 1px solid #000000;
    justify-content: center;
    align-items: center;
    pointer-events: none;
    text-align: center;
    box-sizing: border-box;
  }
  .p-knowledge_size .grid-item-main-right .paper-diagram .paper-layer .label {
    font-size: 0.875rem;
    pointer-events: none;
    white-space: nowrap;
  }
  .p-knowledge_size .grid-item-main-right .paper-diagram .paper-layer[data-size="1"] {
    margin-top: -2px;
    left: 0;
    width: 154px;
    height: 212px;
  }
  .p-knowledge_size .grid-item-main-right .paper-diagram .paper-layer[data-size="2"] {
    margin-top: -2px;
    left: 174px;
    width: 123px;
    height: 181px;
  }
  .p-knowledge_size .grid-item-main-right .paper-diagram .paper-layer[data-size="3"] {
    margin-top: -2px;
    left: 316px;
    width: 126px;
    height: 184px;
  }
  .p-knowledge_size .grid-item-main-right .paper-diagram .paper-layer[data-size="4"] {
    top: 230px;
    left: 0px;
    width: 142px;
    height: 193px;
  }
  .p-knowledge_size .grid-item-main-right .paper-diagram .paper-layer[data-size="5"] {
    top: 230px;
    left: 162px;
    width: 126px;
    height: 151px;
  }
  .p-knowledge_size .grid-item-main-right .paper-diagram .paper-layer[data-size="6"] {
    top: 230px;
    left: 308px;
    width: 159px;
    height: 142px;
  }
}
@media screen and (max-width: 1023px) {
  .p-knowledge_size .grid-item-main-right {
    margin-top: 24px;
    margin-left: auto;
    margin-right: auto;
    width: 335px;
  }
  .p-knowledge_size .grid-item-main-right .paper-diagram {
    position: relative;
    width: 100%;
    height: 100%;
  }
  .p-knowledge_size .grid-item-main-right .paper-diagram .paper-layer {
    position: absolute;
    display: flex;
    border: 1px solid #000000;
    justify-content: center;
    align-items: center;
    pointer-events: none;
    text-align: center;
    box-sizing: border-box;
  }
  .p-knowledge_size .grid-item-main-right .paper-diagram .paper-layer .label {
    font-size: 0.875rem;
    pointer-events: none;
    white-space: nowrap;
  }
  .p-knowledge_size .grid-item-main-right .paper-diagram .paper-layer[data-size="1"] {
    margin-top: 0px;
    left: 0px;
    width: 110.24px;
    height: 151.75px;
  }
  .p-knowledge_size .grid-item-main-right .paper-diagram .paper-layer[data-size="2"] {
    margin-top: 0px;
    left: 126px;
    width: 88.04px;
    height: 129.56px;
  }
  .p-knowledge_size .grid-item-main-right .paper-diagram .paper-layer[data-size="3"] {
    margin-top: 0px;
    left: 228px;
    width: 90.19px;
    height: 131.71px;
  }
  .p-knowledge_size .grid-item-main-right .paper-diagram .paper-layer[data-size="4"] {
    top: 168px;
    left: 0px;
    width: 101.65px;
    height: 138.15px;
  }
  .p-knowledge_size .grid-item-main-right .paper-diagram .paper-layer[data-size="5"] {
    top: 168px;
    left: 116px;
    width: 90.19px;
    height: 108.09px;
  }
  .p-knowledge_size .grid-item-main-right .paper-diagram .paper-layer[data-size="6"] {
    top: 168px;
    left: 220px;
    width: 113.81px;
    height: 101.65px;
  }
}
.p-knowledge_size .grid-container-mid {
  margin-top: 32px;
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .p-knowledge_size .grid-container-mid {
    display: grid;
    gap: 20px;
    grid-template-columns: 1fr 1fr 1fr;
  }
  .p-knowledge_size .grid-container-mid > p.c-text--md {
    display: none;
  }
}
@media screen and (max-width: 1023px) {
  .p-knowledge_size .grid-container-mid .grid-item-mid-left p.c-text--md {
    display: none;
  }
  .p-knowledge_size .grid-container-mid > p.c-text--md {
    width: 335px;
    font-size: 0.75rem;
    margin: 8px auto 0 auto;
  }
}
.p-knowledge_size .grid-item-mid-left {
  border: 1px solid #e4e4e4;
  display: flex;
  flex-wrap: wrap;
  padding: 0;
}
@media screen and (min-width: 1024px) {
  .p-knowledge_size .grid-item-mid-left {
    width: 468px;
    height: 285px;
  }
  .p-knowledge_size .grid-item-mid-left p {
    font-size: 0.75rem;
    margin-top: 16px;
  }
  .p-knowledge_size .grid-item-mid-left .size-item {
    display: flex;
  }
  .p-knowledge_size .grid-item-mid-left .size-item > * {
    width: 100%;
    border-bottom: 1px solid #e4e4e4;
    border-right: 1px solid #e4e4e4;
    padding: 9px 12px 8px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
  }
  .p-knowledge_size .grid-item-mid-left .size-item > :first-child {
    width: 130px;
    background-color: #f8f8f8;
  }
  .p-knowledge_size .grid-item-mid-left .size-item > :last-child {
    width: 337px;
    font-size: 0.875rem;
    border-right: none;
    padding-left: 16px;
  }
  .p-knowledge_size .grid-item-mid-left .size-item:last-child > * {
    border-bottom: none;
  }
}
@media screen and (max-width: 1023px) {
  .p-knowledge_size .grid-item-mid-left {
    width: 335px;
    height: 297px;
    margin-top: -8px;
    border-bottom: none;
    margin-left: auto;
    margin-right: auto;
  }
  .p-knowledge_size .grid-item-mid-left p {
    display: none;
  }
  .p-knowledge_size .grid-item-mid-left .size-item {
    display: flex;
  }
  .p-knowledge_size .grid-item-mid-left .size-item > * {
    width: 100%;
    border-bottom: 1px solid #e4e4e4;
    border-right: 1px solid #e4e4e4;
    padding: 9px 12px 8px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
  }
  .p-knowledge_size .grid-item-mid-left .size-item > :first-child {
    width: 102px;
    background-color: #f8f8f8;
  }
  .p-knowledge_size .grid-item-mid-left .size-item > :last-child {
    width: 232px;
    font-size: 0.875rem;
    border-right: none;
    padding-left: 16px;
  }
  .p-knowledge_size .grid-item-mid-left .size-item:last-child > * {
    border-bottom: none;
    border-right: none;
  }
}
.p-knowledge_size .grid-item-mid-right {
  position: relative;
  height: 393px;
  width: 476px;
  margin-left: 4px;
}
@media screen and (min-width: 1024px) {
  .p-knowledge_size .grid-item-mid-right {
    margin-left: 4px;
    justify-self: end;
  }
  .p-knowledge_size .grid-item-mid-right .paper-diagram {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .p-knowledge_size .grid-item-mid-right .paper-diagram .paper-layer {
    position: absolute;
    display: flex;
    border: 1px solid #000000;
    justify-content: right;
    align-items: right;
    pointer-events: none;
    text-align: right;
    box-sizing: border-box;
    padding-right: 6px;
  }
  .p-knowledge_size .grid-item-mid-right .paper-diagram .paper-layer .label {
    font-size: 0.875rem;
    pointer-events: none;
    white-space: nowrap;
  }
  .p-knowledge_size .grid-item-mid-right .paper-diagram .paper-layer[data-size="1"] {
    top: 0;
    left: 0;
    width: 467px;
    height: 333px;
  }
  .p-knowledge_size .grid-item-mid-right .paper-diagram .paper-layer[data-size="2"] {
    top: 110px;
    left: 0%;
    width: 378px;
    height: 223px;
  }
  .p-knowledge_size .grid-item-mid-right .paper-diagram .paper-layer[data-size="3"] {
    top: 110px;
    left: 0%;
    width: 290px;
    height: 223px;
  }
  .p-knowledge_size .grid-item-mid-right .paper-diagram .paper-layer[data-size="4"] {
    top: 215px;
    left: 0%;
    width: 154px;
    height: 118px;
  }
  .p-knowledge_size .grid-item-mid-right .paper-diagram .paper-layer[data-size="5"] {
    top: 278px;
    left: 0%;
    width: 96px;
    height: 55px;
  }
}
@media screen and (max-width: 1023px) {
  .p-knowledge_size .grid-item-mid-right {
    width: 335px;
    height: 239px;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
  }
  .p-knowledge_size .grid-item-mid-right .paper-diagram {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .p-knowledge_size .grid-item-mid-right .paper-diagram .paper-layer {
    position: absolute;
    display: flex;
    border: 1px solid #000000;
    justify-content: right;
    align-items: right;
    pointer-events: none;
    text-align: right;
    box-sizing: border-box;
    padding-right: 6px;
  }
  .p-knowledge_size .grid-item-mid-right .paper-diagram .paper-layer .label {
    font-size: 0.625rem;
    pointer-events: none;
    white-space: nowrap;
  }
  .p-knowledge_size .grid-item-mid-right .paper-diagram .paper-layer[data-size="1"] {
    top: 2px;
    left: 0px;
    width: 335px;
    height: 239px;
  }
  .p-knowledge_size .grid-item-mid-right .paper-diagram .paper-layer[data-size="2"] {
    top: 81px;
    left: 0px;
    width: 271px;
    height: 160px;
  }
  .p-knowledge_size .grid-item-mid-right .paper-diagram .paper-layer[data-size="3"] {
    top: 81px;
    left: 0px;
    width: 208px;
    height: 160px;
  }
  .p-knowledge_size .grid-item-mid-right .paper-diagram .paper-layer[data-size="4"] {
    top: 156px;
    left: 0px;
    width: 110px;
    height: 85px;
  }
  .p-knowledge_size .grid-item-mid-right .paper-diagram .paper-layer[data-size="5"] {
    top: 201px;
    left: 0px;
    width: 69px;
    height: 40px;
  }
}
.p-knowledge_size__messageimg {
  background-color: rgba(243, 243, 243, 0.9294117647);
  line-height: 1.75;
}
@media screen and (min-width: 1024px) {
  .p-knowledge_size__messageimg {
    height: 587px;
    width: 960;
    margin-top: 44px;
  }
}
@media screen and (max-width: 1023px) {
  .p-knowledge_size__messageimg {
    position: relative;
    width: 335px;
    height: 1020px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 40px;
  }
  .p-knowledge_size__messageimg::after {
    content: "";
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: -10px;
    right: -10px;
    background-color: rgba(243, 243, 243, 0.9294117647);
    z-index: -1;
  }
  .p-knowledge_size__messageimg p.c-text--md {
    font-size: 0.875rem;
  }
}
@media screen and (min-width: 1024px) {
  .p-knowledge_size__messageimg-direction-vertical {
    font-size: 1rem;
    margin: 21px 0 -1px -2px;
    padding: 19px 25px 13px;
  }
  .p-knowledge_size__messageimg-direction-vertical p.c-text--md:nth-of-type(2),
  .p-knowledge_size__messageimg-direction-vertical p.c-text--md:nth-of-type(3) {
    display: none;
  }
  .p-knowledge_size__messageimg-direction-vertical p.c-text--md:nth-of-type(4),
  .p-knowledge_size__messageimg-direction-vertical p.c-text--md:nth-of-type(5),
  .p-knowledge_size__messageimg-direction-vertical p.c-text--md:nth-of-type(6) {
    font-size: 0.875rem;
  }
  .p-knowledge_size__messageimg-direction-vertical p.c-text--md:nth-of-type(4) {
    margin-top: 8px;
  }
  .p-knowledge_size__messageimg-direction-vertical p.c-text--md:nth-of-type(5) {
    margin-top: -4px;
  }
}
@media screen and (max-width: 1023px) {
  .p-knowledge_size__messageimg-direction-vertical {
    margin: 20px 10px 14px 10px;
  }
  .p-knowledge_size__messageimg-direction-vertical p.c-text--md:nth-of-type(1) {
    display: none;
  }
  .p-knowledge_size__messageimg-direction-vertical p.c-text--md:nth-of-type(2) {
    padding-top: 20px;
  }
  .p-knowledge_size__messageimg-direction-vertical p.c-text--md:nth-of-type(3) {
    padding-left: 20px;
  }
  .p-knowledge_size__messageimg-direction-vertical p.c-text--md:nth-of-type(4) {
    padding-top: 16px;
  }
}
.p-knowledge_size__messageimg-knowledge {
  border-bottom: 1px solid #808080;
}
@media screen and (min-width: 1024px) {
  .p-knowledge_size__messageimg-knowledge {
    font-size: 1.125rem;
    padding: 128px 0 13px;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 1023px) {
  .p-knowledge_size__messageimg-knowledge {
    padding: 64px 0 3px;
  }
  .p-knowledge_size__messageimg-knowledge p.c-text--md {
    font-size: 1rem;
  }
}
.p-knowledge_size__messageimg .p-knowledge_size__icon-scroll-sp {
  display: none;
}
@media screen and (max-width: 1023px) {
  .p-knowledge_size__messageimg .p-knowledge_size__icon-scroll-sp {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    margin-top: 24px;
  }
}
.p-knowledge_size__messageimg .p-knowledge_size__icon-scroll-sp img {
  align-self: flex-end;
  width: 50px;
}

@media screen and (max-width: 480px) {
  html:has(.p-cutting) {
    scroll-behavior: smooth;
  }
}

@media screen and (min-width: 1024px) {
  .p-cutting__wrapper {
    max-width: 960px;
    margin: 0 auto;
  }
}
.p-cutting__header {
  text-align: left;
}
@media screen and (max-width: 1023px) {
  .p-cutting__header {
    max-width: 90vw;
  }
}
@media screen and (max-width: 1023px) {
  .p-cutting__header-title {
    font-size: 1.5rem;
    font-weight: 500;
  }
}
@media screen and (max-width: 1023px) {
  .p-cutting__container {
    max-width: 90vw;
  }
}
.p-cutting__introduction {
  margin-top: 20px;
}
@media screen and (max-width: 1023px) {
  .p-cutting__introduction {
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 23px;
    margin-top: 10px;
  }
}
.p-cutting__anchor-links {
  display: none;
}
@media screen and (max-width: 1023px) {
  .p-cutting__anchor-links {
    display: flex;
    flex-direction: column;
    margin-top: 55px;
    text-align: center;
    justify-content: center;
    gap: 20px;
  }
}
@media screen and (max-width: 1023px) {
  .p-cutting__anchor-link {
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    padding-bottom: 7px;
  }
}
@media screen and (max-width: 1023px) {
  .p-cutting__anchor-link-text {
    display: inline-block;
    line-height: 1;
  }
}
@media screen and (max-width: 1023px) {
  .p-cutting__anchor-link-icon {
    display: inline-block;
    height: auto;
  }
}
@media screen and (max-width: 480px) {
  .p-cutting #cuttingTypeAnchor,
  .p-cutting #inputSizeAnchor,
  .p-cutting #selectFlowAnchor,
  .p-cutting #cuttingPriceAnchor {
    scroll-margin-block-start: 123px;
  }
}
.p-cutting__accordion {
  display: none;
}
@media screen and (max-width: 1023px) {
  .p-cutting__accordion {
    display: none;
  }
  .p-cutting__accordion.is-fixed {
    display: block;
    position: fixed;
    top: 54px;
    left: 0;
    width: 100%;
    z-index: 99;
    background-color: #ffffff;
    transition: top 0.3s ease-in-out;
  }
}
.p-cutting__accordion-btn {
  width: 100%;
  background: none;
  border: none;
  cursor: pointer;
  padding: 10px 0px 10px 0px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-size: 0.875rem;
  font-weight: 500;
  transition: background-color 0.3s ease;
  border-bottom: 0.5px solid #000000;
}
.p-cutting__accordion-btn.is-active {
  border-top: 0.5px solid #000000;
}
.p-cutting__accordion.is-search-active .p-cutting__accordion-btn {
  border-top: 0.5px solid #000000;
}
.p-cutting__accordion-btn-icon {
  width: 13px;
  height: 7px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.p-cutting__accordion-btn-icon img {
  width: 100%;
  height: auto;
}
.is-active .p-cutting__accordion-btn-icon {
  transform: rotate(180deg);
}
.p-cutting__accordion-content {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: max-height 0.3s ease-in-out, opacity 0.3s ease-in-out;
  background-color: #ffffff;
}
.p-cutting__accordion-content.is-open {
  max-height: 400px;
  opacity: 1;
  overflow: visible;
}
.p-cutting__accordion-content .p-cutting__anchor-links {
  margin-top: 20px;
  margin-bottom: 20px;
}
.p-cutting__content-title {
  font-weight: 700;
}
.p-cutting__hr-content-title {
  border: none;
  border-top: 1px solid #808080;
  margin-top: 10px;
}
@media screen and (max-width: 1023px) {
  .p-cutting__hr-content-title {
    margin-top: 16px;
  }
}
.p-cutting__cutting-type {
  margin-top: 50px;
}
@media screen and (max-width: 1023px) {
  .p-cutting__cutting-type {
    margin-top: 65px;
  }
}
.p-cutting__cutting-type-name, .p-cutting__cutting-type-name-third, .p-cutting__cutting-type-name-first {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 23px;
  margin-top: 60px;
}
@media screen and (max-width: 1023px) {
  .p-cutting__cutting-type-name, .p-cutting__cutting-type-name-third, .p-cutting__cutting-type-name-first {
    font-size: 1rem;
  }
}
.p-cutting__cutting-type-name-first {
  margin-top: 16px;
}
.p-cutting__cutting-type-name-third {
  margin-top: 100px;
}
@media screen and (max-width: 1023px) {
  .p-cutting__cutting-type-name-third {
    margin-top: 65px;
  }
}
.p-cutting__cutting-type-description {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 22px;
  margin-top: 15px;
}
.p-cutting__cutting-type-images {
  margin-top: 20px;
  display: flex;
  gap: 25px;
}
@media screen and (max-width: 1023px) {
  .p-cutting__cutting-type-images {
    flex-direction: column;
    gap: 15px;
  }
}
.p-cutting__cutting-type-trim-img {
  flex: 1;
  max-width: 415px;
  padding: 0 41px;
}
.p-cutting__cutting-type-trim-img img {
  width: 100%;
  height: auto;
}
.p-cutting__cutting-type-cross-section-group {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  gap: 5px;
}
@media screen and (max-width: 1023px) {
  .p-cutting__cutting-type-cross-section-group {
    gap: 15px;
  }
}
.p-cutting__cutting-type-cross-section-images {
  flex: 1;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1023px) {
  .p-cutting__cutting-type-cross-section-images {
    display: flex;
    gap: 3px;
  }
}
.p-cutting__cutting-type-cross-section-img-pc {
  display: block;
  width: 100%;
}
@media screen and (max-width: 1023px) {
  .p-cutting__cutting-type-cross-section-img-pc {
    display: none;
  }
}
.p-cutting__cutting-type-cross-section-img-pc img {
  width: 100%;
  height: auto;
}
.p-cutting__cutting-type-cross-section-img-sp {
  display: none;
  width: 100%;
}
@media screen and (max-width: 1023px) {
  .p-cutting__cutting-type-cross-section-img-sp {
    display: block;
    flex: 1;
  }
}
.p-cutting__cutting-type-cross-section-img-sp img {
  width: 100%;
  height: auto;
}
.p-cutting__cutting-type-cross-section-title {
  text-align: center;
  font-size: 0.875rem;
  font-weight: 400;
  flex-shrink: 0;
}
.p-cutting__cutting-example {
  margin-top: 40px;
}
@media screen and (max-width: 1023px) {
  .p-cutting__cutting-example {
    margin-top: 30px;
  }
}
.p-cutting__cutting-example-accordion {
  width: 100%;
}
.p-cutting__cutting-example-accordion-btn {
  font-size: 1rem;
  font-weight: 500;
  width: 100%;
  background: none;
  border-bottom: 1px solid #808080;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  transition: all 0.3s ease;
}
.p-cutting__cutting-example-accordion-btn-icon {
  width: 13px;
  height: 7px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.3s ease;
}
.p-cutting__cutting-example-accordion-btn-icon img {
  width: 100%;
  height: auto;
}
.p-cutting__cutting-example-accordion-btn.is-active {
  border-bottom: none;
}
.p-cutting__cutting-example-accordion-btn.is-active .p-cutting__cutting-example-accordion-btn-icon {
  transform: rotate(-180deg);
}
@media screen and (max-width: 1023px) {
  .p-cutting__cutting-example-accordion-btn.rightset {
    justify-content: space-between;
  }
}
.p-cutting__cutting-example-content {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: max-height 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.p-cutting__cutting-example-content.is-open {
  max-height: 2000px;
  opacity: 1;
}
.p-cutting__cutting-example-content-description {
  font-size: 0.875rem;
  margin-top: 30px;
}
@media screen and (max-width: 1023px) {
  .p-cutting__cutting-example-content-description {
    margin-top: 24px;
  }
}
.p-cutting__cutting-example-content-text {
  font-size: 1.25rem;
  font-weight: 700;
  margin-top: 30px;
}
@media screen and (max-width: 1023px) {
  .p-cutting__cutting-example-content-text {
    font-size: 1.125rem;
    margin-top: 25px;
    font-weight: 600;
  }
}
.p-cutting__cutting-example-content-notes {
  margin-top: 10px;
}
.p-cutting__cutting-example-content-note {
  font-size: 0.75rem;
  font-weight: 400;
}
@media screen and (max-width: 1023px) {
  .p-cutting__cutting-example-content-note {
    font-size: 0.75rem;
    padding-left: 1em;
    text-indent: -1em;
  }
}
.p-cutting__cutting-example .p-cutting__cutting-examples {
  margin-top: 24px;
}
.p-cutting__cutting-example-first {
  border: 1px solid #808080;
  padding-bottom: 30px;
}
@media screen and (max-width: 1023px) {
  .p-cutting__cutting-example-first {
    padding-bottom: 0;
  }
}
.p-cutting__cutting-example-first-title {
  font-size: 1rem;
  font-weight: 500;
  margin: 25px 0px 0px 30px;
}
@media screen and (max-width: 1023px) {
  .p-cutting__cutting-example-first-title {
    margin: 25px 0px 0px 20px;
  }
}
.p-cutting__cutting-example-first-items {
  display: flex;
  gap: 50px;
  margin: 20px 40px 0px 40px;
}
@media screen and (max-width: 1023px) {
  .p-cutting__cutting-example-first-items {
    flex-direction: column;
    gap: 40px;
    margin: 30px 20px 40px 20px;
  }
}
.p-cutting__cutting-example-first-item {
  flex: 1;
}
.p-cutting__cutting-example-first-item-image {
  width: 100%;
  margin-bottom: 30px;
}
.p-cutting__cutting-example-first-item-image img {
  width: 90%;
  height: auto;
  margin: 0 auto;
}
@media screen and (max-width: 1023px) {
  .p-cutting__cutting-example-first-item-image img {
    margin-left: 0;
  }
}
@media screen and (min-width: 1024px) {
  .p-cutting__cutting-example-first-item-image img:nth-of-type(2) {
    display: none;
  }
}
@media screen and (max-width: 1023px) {
  .p-cutting__cutting-example-first-item-image img:nth-of-type(1) {
    display: none;
  }
}
.p-cutting__cutting-example-first-item-title {
  font-size: 1rem;
  font-weight: 500;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .p-cutting__cutting-example-first-item-title {
    padding-left: 40px;
  }
}
.p-cutting__cutting-example-first-item-text {
  font-size: 0.875rem;
  font-weight: 400;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .p-cutting__cutting-example-first-item-text {
    padding-left: 40px;
  }
}
.p-cutting__cutting-example-second {
  border: 1px solid #808080;
  margin-top: 20px;
  padding-bottom: 30px;
}
@media screen and (max-width: 1023px) {
  .p-cutting__cutting-example-second {
    padding-bottom: 0;
  }
}
.p-cutting__cutting-example-second-title {
  font-size: 1rem;
  font-weight: 500;
  margin: 25px 0px 0px 30px;
}
.p-cutting__cutting-example-second-items {
  display: flex;
  gap: 50px;
  margin: 20px 40px 0px 40px;
}
@media screen and (max-width: 1023px) {
  .p-cutting__cutting-example-second-items {
    flex-direction: column;
    gap: 40px;
    margin: 40px 20px;
  }
}
.p-cutting__cutting-example-second-item {
  flex: 1;
}
.p-cutting__cutting-example-second-item-image {
  width: 100%;
  margin-bottom: 30px;
}
.p-cutting__cutting-example-second-item-image img {
  width: 75%;
  height: auto;
  margin: auto;
}
@media screen and (max-width: 1023px) {
  .p-cutting__cutting-example-second-item-image img {
    margin-left: 20px;
  }
}
@media screen and (min-width: 1024px) {
  .p-cutting__cutting-example-second-item-image img:nth-of-type(2) {
    display: none;
  }
}
@media screen and (max-width: 1023px) {
  .p-cutting__cutting-example-second-item-image img:nth-of-type(1) {
    display: none;
  }
}
.p-cutting__cutting-example-second-item-title {
  font-size: 1rem;
  font-weight: 500;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .p-cutting__cutting-example-second-item-title {
    padding-left: 45px;
  }
}
.p-cutting__cutting-example-second-item-text {
  font-size: 0.875rem;
  font-weight: 400;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .p-cutting__cutting-example-second-item-text {
    padding-left: 45px;
  }
}
.p-cutting__input-size {
  margin-top: 80px;
}
@media screen and (max-width: 1023px) {
  .p-cutting__input-size {
    margin-top: 80px;
  }
}
.p-cutting__input-size-content {
  margin-top: 16px;
}
@media screen and (max-width: 1023px) {
  .p-cutting__input-size-content {
    display: flex;
    flex-direction: column;
  }
}
.p-cutting__input-size-content-description {
  font-size: 1rem;
  font-weight: 400;
  line-height: 28px;
}
@media screen and (max-width: 1023px) {
  .p-cutting__input-size-content-description {
    line-height: 23px;
    font-size: 0.875rem;
  }
}
.p-cutting__input-size-content-btn {
  width: auto;
  height: 25px;
  margin: 15px 0px 0px 0px;
  padding: 2px 12px 0px;
  text-align: center;
}
@media screen and (max-width: 1023px) {
  .p-cutting__input-size-content-btn {
    margin: 15px auto 0px;
    font-size: 0.875rem;
    height: 24px;
    padding: 0px 12px;
  }
}
.p-cutting__select-flow {
  margin-top: 80px;
}
@media screen and (max-width: 1023px) {
  .p-cutting__select-flow {
    margin-top: 80px;
  }
}
.p-cutting__select-flow-content {
  margin-top: 16px;
}
@media screen and (max-width: 1023px) {
  .p-cutting__select-flow-content {
    display: flex;
    flex-direction: column;
  }
}
.p-cutting__select-flow-content-description {
  font-size: 1rem;
  font-weight: 400;
  line-height: 28px;
}
@media screen and (max-width: 1023px) {
  .p-cutting__select-flow-content-description {
    line-height: 23px;
    font-size: 0.875rem;
  }
}
.p-cutting__select-flow-content-btn {
  width: auto;
  height: 25px;
  margin: 15px 0px 0px 0px;
  padding: 2px 12px 0px 12px;
  text-align: center;
}
@media screen and (max-width: 1023px) {
  .p-cutting__select-flow-content-btn {
    margin: 15px auto 0px;
    height: 24px;
  }
}
@media screen and (max-width: 1023px) {
  .p-cutting__select-flow-content-btn.heightset {
    padding-top: 0px;
    font-size: 0.875rem;
  }
}
.p-cutting__select-flow-images {
  margin: 35px 30px 0px 30px;
  display: flex;
  gap: 20px;
  justify-content: space-between;
}
@media screen and (max-width: 1023px) {
  .p-cutting__select-flow-images {
    flex-direction: column;
    align-items: center;
    gap: 30px;
    margin: 35px 0 20px 0;
  }
}
.p-cutting__select-flow-image {
  flex: 1;
  max-width: calc((100% - 40px) / 3);
  display: flex;
  flex-direction: column;
}
@media screen and (max-width: 1023px) {
  .p-cutting__select-flow-image {
    width: 60vw;
    max-width: 60vw;
  }
}
.p-cutting__select-flow-image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
@media screen and (max-width: 1023px) {
  .p-cutting__select-flow-image img {
    width: 100%;
    padding-right: 30px;
  }
}
.p-cutting__select-flow-image-title {
  margin-top: 0px;
  margin-bottom: 22px;
  font-size: 0.875rem;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 1024px) {
  .p-cutting__select-flow-image-title {
    margin-left: 35px;
  }
}
@media screen and (max-width: 1023px) {
  .p-cutting__select-flow-image-title {
    margin-top: 12px;
    margin-bottom: 2px;
  }
}
.p-cutting__select-flow-image:last-child img {
  margin-top: 38px;
  margin-bottom: 4px;
}
@media screen and (max-width: 1023px) {
  .p-cutting__select-flow-image:last-child img {
    margin-top: 0px;
  }
}
.p-cutting__select-flow-image:last-child .p-cutting__select-flow-image-title {
  margin-top: 32px;
  margin-bottom: 0px;
}
@media screen and (max-width: 1023px) {
  .p-cutting__select-flow-image:last-child .p-cutting__select-flow-image-title {
    margin-top: 12px;
  }
}
.p-cutting__select-flow-note {
  font-size: 0.75rem;
  font-weight: 400;
  margin-top: 12px;
}
@media screen and (max-width: 1023px) {
  .p-cutting__select-flow-note {
    padding-left: 1em;
    text-indent: -1em;
  }
}
.p-cutting__cutting-price {
  margin-top: 80px;
}
@media screen and (max-width: 1023px) {
  .p-cutting__cutting-price {
    margin-top: 80px;
  }
}
.p-cutting__cutting-price-content {
  margin-top: 25px;
}
.p-cutting__table-cutting-price-rank-by-paper-type, .p-cutting__table-cutting-price-notice-content-example, .p-cutting__table-cutting-price-by-paper-type-and-cutting-num-sp, .p-cutting__table-cutting-price-by-paper-type-and-cutting-num-pc {
  width: 100%;
  margin-top: 35px;
  border-collapse: collapse;
}
.p-cutting__table-cutting-price-rank-by-paper-type thead tr, .p-cutting__table-cutting-price-notice-content-example thead tr, .p-cutting__table-cutting-price-by-paper-type-and-cutting-num-sp thead tr, .p-cutting__table-cutting-price-by-paper-type-and-cutting-num-pc thead tr {
  border-bottom: 1px solid #808080;
}
.p-cutting__table-cutting-price-rank-by-paper-type thead th, .p-cutting__table-cutting-price-notice-content-example thead th, .p-cutting__table-cutting-price-by-paper-type-and-cutting-num-sp thead th, .p-cutting__table-cutting-price-by-paper-type-and-cutting-num-pc thead th {
  border: none;
  font-size: 1rem;
  font-weight: 400;
  text-align: center;
  vertical-align: middle;
}
.p-cutting__table-cutting-price-rank-by-paper-type thead th:nth-child(n+2), .p-cutting__table-cutting-price-notice-content-example thead th:nth-child(n+2), .p-cutting__table-cutting-price-by-paper-type-and-cutting-num-sp thead th:nth-child(n+2), .p-cutting__table-cutting-price-by-paper-type-and-cutting-num-pc thead th:nth-child(n+2) {
  border-left: 1px solid #D8D8D9;
}
@media screen and (max-width: 1023px) {
  .p-cutting__table-cutting-price-rank-by-paper-type thead th, .p-cutting__table-cutting-price-notice-content-example thead th, .p-cutting__table-cutting-price-by-paper-type-and-cutting-num-sp thead th, .p-cutting__table-cutting-price-by-paper-type-and-cutting-num-pc thead th {
    padding: 12px 15px;
    font-size: 0.875rem;
  }
}
.p-cutting__table-cutting-price-rank-by-paper-type tbody tr, .p-cutting__table-cutting-price-notice-content-example tbody tr, .p-cutting__table-cutting-price-by-paper-type-and-cutting-num-sp tbody tr, .p-cutting__table-cutting-price-by-paper-type-and-cutting-num-pc tbody tr {
  border-bottom: 1px solid #D8D8D9;
}
.p-cutting__table-cutting-price-rank-by-paper-type tbody tr:last-child, .p-cutting__table-cutting-price-notice-content-example tbody tr:last-child, .p-cutting__table-cutting-price-by-paper-type-and-cutting-num-sp tbody tr:last-child, .p-cutting__table-cutting-price-by-paper-type-and-cutting-num-pc tbody tr:last-child {
  border-bottom: none;
}
.p-cutting__table-cutting-price-rank-by-paper-type tbody td, .p-cutting__table-cutting-price-notice-content-example tbody td, .p-cutting__table-cutting-price-by-paper-type-and-cutting-num-sp tbody td, .p-cutting__table-cutting-price-by-paper-type-and-cutting-num-pc tbody td {
  border: none;
  vertical-align: middle;
}
.p-cutting__table-cutting-price-rank-by-paper-type tbody td:nth-child(n+2), .p-cutting__table-cutting-price-notice-content-example tbody td:nth-child(n+2), .p-cutting__table-cutting-price-by-paper-type-and-cutting-num-sp tbody td:nth-child(n+2), .p-cutting__table-cutting-price-by-paper-type-and-cutting-num-pc tbody td:nth-child(n+2) {
  border-left: 1px solid #D8D8D9;
}
.p-cutting__table-cutting-price-rank-by-paper-type tbody td.p-cutting__table-cutting-price-rank-by-paper-type-row-title, .p-cutting__table-cutting-price-notice-content-example tbody td.p-cutting__table-cutting-price-rank-by-paper-type-row-title, .p-cutting__table-cutting-price-by-paper-type-and-cutting-num-sp tbody td.p-cutting__table-cutting-price-rank-by-paper-type-row-title, .p-cutting__table-cutting-price-by-paper-type-and-cutting-num-pc tbody td.p-cutting__table-cutting-price-rank-by-paper-type-row-title {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 22px;
  text-align: center;
  vertical-align: middle;
  width: 20%;
}
@media screen and (max-width: 1023px) {
  .p-cutting__table-cutting-price-rank-by-paper-type tbody td.p-cutting__table-cutting-price-rank-by-paper-type-row-title, .p-cutting__table-cutting-price-notice-content-example tbody td.p-cutting__table-cutting-price-rank-by-paper-type-row-title, .p-cutting__table-cutting-price-by-paper-type-and-cutting-num-sp tbody td.p-cutting__table-cutting-price-rank-by-paper-type-row-title, .p-cutting__table-cutting-price-by-paper-type-and-cutting-num-pc tbody td.p-cutting__table-cutting-price-rank-by-paper-type-row-title {
    width: 40%;
  }
}
.p-cutting__table-cutting-price-rank-by-paper-type tbody td.p-cutting__table-cutting-price-rank-by-paper-type-row-content, .p-cutting__table-cutting-price-notice-content-example tbody td.p-cutting__table-cutting-price-rank-by-paper-type-row-content, .p-cutting__table-cutting-price-by-paper-type-and-cutting-num-sp tbody td.p-cutting__table-cutting-price-rank-by-paper-type-row-content, .p-cutting__table-cutting-price-by-paper-type-and-cutting-num-pc tbody td.p-cutting__table-cutting-price-rank-by-paper-type-row-content {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 22px;
  text-align: left;
  padding: 10px 20px;
}
@media screen and (max-width: 1023px) {
  .p-cutting__table-cutting-price-rank-by-paper-type tbody td.p-cutting__table-cutting-price-rank-by-paper-type-row-content, .p-cutting__table-cutting-price-notice-content-example tbody td.p-cutting__table-cutting-price-rank-by-paper-type-row-content, .p-cutting__table-cutting-price-by-paper-type-and-cutting-num-sp tbody td.p-cutting__table-cutting-price-rank-by-paper-type-row-content, .p-cutting__table-cutting-price-by-paper-type-and-cutting-num-pc tbody td.p-cutting__table-cutting-price-rank-by-paper-type-row-content {
    padding: 15px 0px 15px 15px;
  }
}
@media screen and (max-width: 1023px) {
  .p-cutting__table-cutting-price-by-paper-type-and-cutting-num-pc {
    display: none;
  }
}
.p-cutting__table-cutting-price-by-paper-type-and-cutting-num-pc tbody td.p-cutting__table-cutting-price-by-paper-type-and-cutting-num-pc-row-title {
  font-size: 0.875rem;
  font-weight: 400;
  text-align: center;
  width: 25%;
}
.p-cutting__table-cutting-price-by-paper-type-and-cutting-num-pc tbody td.p-cutting__table-cutting-price-by-paper-type-and-cutting-num-pc-row-price {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 22px;
  text-align: center;
  padding: 10px 20px;
}
.p-cutting__table-cutting-price-by-paper-type-and-cutting-num-sp-wrapper {
  display: flex;
}
.p-cutting__icon-scroll-sp {
  display: none;
}
@media screen and (max-width: 1023px) {
  .p-cutting__icon-scroll-sp {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    margin-top: 40px;
  }
}
.p-cutting__icon-scroll-sp img {
  align-self: flex-end;
  width: 50px;
}
.p-cutting__table-cutting-price-by-paper-type-and-cutting-num-sp {
  display: none;
  margin-top: 15px;
}
@media screen and (max-width: 1023px) {
  .p-cutting__table-cutting-price-by-paper-type-and-cutting-num-sp {
    display: block;
    min-width: 1120px;
  }
}
.p-cutting__table-cutting-price-by-paper-type-and-cutting-num-sp thead tr {
  border-bottom: 1px solid #D8D8D9;
}
.p-cutting__table-cutting-price-by-paper-type-and-cutting-num-sp thead th {
  white-space: nowrap;
  min-width: 80px;
}
@media screen and (max-width: 1023px) {
  .p-cutting__table-cutting-price-by-paper-type-and-cutting-num-sp thead th:first-child {
    position: sticky;
    left: 0;
    z-index: 2;
    background-color: #fff;
  }
  .p-cutting__table-cutting-price-by-paper-type-and-cutting-num-sp thead th:first-child::before {
    content: "";
    position: absolute;
    left: -1px;
    top: 0;
    bottom: 0;
    width: 2px;
    background: #fff;
    pointer-events: none;
  }
  .p-cutting__table-cutting-price-by-paper-type-and-cutting-num-sp thead th:first-child::after {
    content: "";
    position: absolute;
    top: 0;
    right: -1px;
    width: 1px;
    height: 100%;
    background-color: #808080;
  }
}
@media screen and (min-width: 1024px) {
  .p-cutting__table-cutting-price-by-paper-type-and-cutting-num-sp thead th:nth-child(2) {
    border-left: 1px solid #808080;
  }
}
@media screen and (max-width: 1023px) {
  .p-cutting__table-cutting-price-by-paper-type-and-cutting-num-sp thead th:nth-child(2) {
    border-left: none;
  }
}
.p-cutting__table-cutting-price-by-paper-type-and-cutting-num-sp tbody td {
  white-space: nowrap;
  min-width: 80px;
}
@media screen and (max-width: 1023px) {
  .p-cutting__table-cutting-price-by-paper-type-and-cutting-num-sp tbody td:first-child {
    position: sticky;
    left: 0;
    z-index: 2;
    background-color: #fff;
  }
  .p-cutting__table-cutting-price-by-paper-type-and-cutting-num-sp tbody td:first-child::before {
    content: "";
    position: absolute;
    left: -1px;
    top: 0;
    bottom: 0;
    width: 2px;
    background: #fff;
    pointer-events: none;
  }
  .p-cutting__table-cutting-price-by-paper-type-and-cutting-num-sp tbody td:first-child::after {
    content: "";
    position: absolute;
    top: 0;
    right: -1px;
    width: 1px;
    height: 100%;
    background-color: #808080;
  }
}
@media screen and (min-width: 1024px) {
  .p-cutting__table-cutting-price-by-paper-type-and-cutting-num-sp tbody td:nth-child(2) {
    border-left: 1px solid #808080;
  }
}
@media screen and (max-width: 1023px) {
  .p-cutting__table-cutting-price-by-paper-type-and-cutting-num-sp tbody td:nth-child(2) {
    border-left: none;
  }
}
.p-cutting__table-cutting-price-by-paper-type-and-cutting-num-sp tbody td.p-cutting__table-cutting-price-by-paper-type-and-cutting-num-sp-row-title {
  font-size: 0.875rem;
  font-weight: 400;
  text-align: center;
  padding: 15px 10px 10px 10px;
}
.p-cutting__table-cutting-price-by-paper-type-and-cutting-num-sp tbody td.p-cutting__table-cutting-price-by-paper-type-and-cutting-num-sp-row-price {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 22px;
  text-align: center;
  padding: 10px 20px;
}
.p-cutting__table-wrapper-sp {
  display: none;
}
@media screen and (max-width: 1023px) {
  .p-cutting__table-wrapper-sp {
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .p-cutting__table-wrapper-sp::-webkit-scrollbar {
    display: none;
  }
}
.p-cutting__cutting-price-rank {
  display: flex;
  flex-direction: row;
  gap: 45px;
  margin-top: 35px;
}
@media screen and (max-width: 1023px) {
  .p-cutting__cutting-price-rank {
    flex-direction: column;
    gap: 10px;
  }
}
.p-cutting__cutting-price-rank-title {
  font-size: 1.125rem;
  font-weight: 500;
  white-space: nowrap;
}
@media screen and (max-width: 1023px) {
  .p-cutting__cutting-price-rank-title {
    font-size: 1rem;
  }
}
.p-cutting__cutting-price-rank-description {
  font-size: 1rem;
  font-weight: 400;
}
.p-cutting__cutting-price-notice {
  margin-top: 80px;
}
@media screen and (max-width: 1023px) {
  .p-cutting__cutting-price-notice {
    margin-top: 70px;
  }
}
.p-cutting__cutting-price-notice-content-examples {
  margin-top: 30px;
  display: flex;
  flex-direction: column;
  gap: 30px;
}
@media screen and (max-width: 1023px) {
  .p-cutting__cutting-price-notice-content-examples {
    gap: 40px;
  }
}
.p-cutting__cutting-price-notice-content-example-title {
  font-size: 1rem;
  font-weight: 500;
}
@media screen and (max-width: 1023px) {
  .p-cutting__cutting-price-notice-content-example-title {
    font-size: 0.875rem;
    font-weight: 400;
  }
}
.p-cutting__cutting-price-notice-content-example-text {
  font-size: 1rem;
  font-weight: 400;
}
@media screen and (max-width: 1023px) {
  .p-cutting__cutting-price-notice-content-example-text {
    font-size: 0.875rem;
    font-weight: 400;
  }
}
.p-cutting__table-cutting-price-notice-content-example {
  margin-top: 10px;
}
.p-cutting__table-cutting-price-notice-content-example thead th.p-cutting__table-cutting-price-notice-content-example-row-title {
  font-size: 1rem;
  font-weight: 400;
  text-align: left;
  width: 25%;
  padding: 15px 10px 10px 70px;
}
@media screen and (max-width: 1023px) {
  .p-cutting__table-cutting-price-notice-content-example thead th.p-cutting__table-cutting-price-notice-content-example-row-title {
    font-size: 0.875rem;
    font-weight: 500;
    width: 35%;
    padding: 15px 15px 10px 15px;
  }
}
.p-cutting__table-cutting-price-notice-content-example thead th.p-cutting__table-cutting-price-notice-content-example-row-content {
  text-align: left;
  font-size: 1rem;
  font-weight: 400;
  padding: 10px 20px 10px 40px;
}
@media screen and (max-width: 1023px) {
  .p-cutting__table-cutting-price-notice-content-example thead th.p-cutting__table-cutting-price-notice-content-example-row-content {
    font-size: 0.875rem;
    font-weight: 500;
    padding: 15px 0px 10px 15px;
  }
}
.p-cutting__table-cutting-price-notice-content-example tbody td.p-cutting__table-cutting-price-notice-content-example-row-title {
  font-size: 0.875rem;
  font-weight: 400;
  width: 25%;
  text-align: left;
  padding: 15px 10px 10px 70px;
}
@media screen and (max-width: 1023px) {
  .p-cutting__table-cutting-price-notice-content-example tbody td.p-cutting__table-cutting-price-notice-content-example-row-title {
    font-size: 0.875rem;
    width: 35%;
    padding: 15px 15px 10px 15px;
  }
}
.p-cutting__table-cutting-price-notice-content-example tbody td.p-cutting__table-cutting-price-notice-content-example-row-content {
  font-size: 0.875rem;
  font-weight: 400;
  text-align: left;
  padding: 10px 20px 10px 40px;
}
@media screen and (max-width: 1023px) {
  .p-cutting__table-cutting-price-notice-content-example tbody td.p-cutting__table-cutting-price-notice-content-example-row-content {
    padding: 15px 0px 10px 15px;
  }
}
.p-cutting__cutting-price-notice-content-note {
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 18px;
  margin-top: 20px;
}
.p-cutting__cutting-price-notice-content-note-text {
  padding-left: 1em;
  text-indent: -1em;
}
.p-cutting__cutting-price-notice-content-note-text-item {
  display: block;
  padding-left: 1em;
  text-indent: -0.5em;
}

.p-cart_change_minisamplle {
  background: #ffffff;
  max-width: 800px;
  min-width: 355px;
  width: 800px;
  height: 500px;
  margin: 0 auto;
  padding: 77px 95px 80px 95px;
}
@media screen and (max-width: 1023px) {
  .p-cart_change_minisamplle {
    width: calc(100% - 20px);
    height: 402px;
    padding: 37px 20px 0 20px;
  }
}
.p-cart_change_minisamplle__content {
  position: relative;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.p-cart_change_minisamplle__content-title {
  margin-bottom: 18px;
}
@media screen and (max-width: 1023px) {
  .p-cart_change_minisamplle__content-title {
    margin-bottom: 116px;
  }
}
.p-cart_change_minisamplle__content-title h2 {
  font-weight: 600;
  margin-top: 0px;
}
@media screen and (max-width: 1023px) {
  .p-cart_change_minisamplle__content-title h2 {
    font-size: 1rem;
  }
}
@media screen and (min-width: 1024px) {
  .p-cart_change_minisamplle__content-info {
    margin-bottom: 54px;
  }
}
@media screen and (max-width: 1023px) {
  .p-cart_change_minisamplle__content-info {
    margin-bottom: 119px;
  }
}
@media screen and (min-width: 1024px) {
  .p-cart_change_minisamplle__content-info p {
    font-weight: 500;
  }
}
@media screen and (max-width: 1023px) {
  .p-cart_change_minisamplle__content-info p {
    font-size: 1rem;
    padding-top: 12px;
  }
}
@media screen and (min-width: 1024px) {
  .p-cart_change_minisamplle__content-btn {
    display: flex;
    justify-content: center;
    width: 80%;
  }
}
.p-cart_change_minisamplle__content-btn-cancel button, .p-cart_change_minisamplle__content-btn-submit button {
  margin-top: 0px;
}
@media screen and (min-width: 1024px) {
  .p-cart_change_minisamplle__content-btn-cancel button, .p-cart_change_minisamplle__content-btn-submit button {
    width: 180px;
  }
}
@media screen and (max-width: 1023px) {
  .p-cart_change_minisamplle__content-btn-cancel {
    margin-bottom: 16px;
  }
}
@media screen and (min-width: 1024px) {
  .p-cart_change_minisamplle__content-btn-cancel button {
    margin-right: 30px;
  }
}
.p-cart_change_minisamplle__select-product {
  display: flex;
  align-items: center;
  padding-bottom: 24px;
  border-bottom: 1px solid #000000;
}
@media screen and (max-width: 1023px) {
  .p-cart_change_minisamplle__select-product {
    flex-direction: column;
    align-items: flex-start;
    padding-bottom: 0px;
  }
}
.p-cart_change_minisamplle__select-product-title {
  font-size: 0.875rem;
  font-weight: bold;
}
.p-cart_change_minisamplle__select-content {
  display: flex;
}
@media screen and (max-width: 1100px) {
  .p-cart_change_minisamplle__select-content {
    margin-left: 0;
    flex-direction: column;
  }
}
@media screen and (min-width: 1024px) {
  .p-cart_change_minisamplle__select-content {
    margin-left: 120px;
  }
}
@media screen and (max-width: 1023px) {
  .p-cart_change_minisamplle__select-content {
    margin-left: 0px;
    padding: 11px 0 17px 10px;
  }
}
.p-cart_change_minisamplle__select-content-selected {
  margin-left: 33px;
}
@media screen and (max-width: 1023px) {
  .p-cart_change_minisamplle__select-content-selected {
    margin-left: 0px;
    padding-bottom: 0;
    gap: 5px;
  }
}
.p-cart_change_minisamplle__select-content-color-set {
  display: flex;
  font-size: 0.875rem;
}
@media screen and (max-width: 1023px) {
  .p-cart_change_minisamplle__select-content-color-set {
    align-items: flex-start;
    gap: 5px;
  }
}
@media screen and (max-width: 1023px) {
  .p-cart_change_minisamplle__select-content-color-set-selected {
    flex-direction: column;
  }
}
.p-cart_change_minisamplle__select-content-product {
  font-size: 0.875rem;
}
.p-cart_change_minisamplle__button-back-wrapper {
  height: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
@media screen and (max-width: 1023px) {
  .p-cart_change_minisamplle__button-back-wrapper {
    height: 40px;
    margin-top: 16px;
  }
}
.p-cart_change_minisamplle__button-back {
  width: 132px;
  height: 46px;
  background-color: white;
  border: 1px solid #000000;
  font-size: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 1023px) {
  .p-cart_change_minisamplle__button-back {
    width: 295px;
    height: 40px;
    font-size: 0.875rem;
  }
}
.p-cart_change_minisamplle__button-back:hover {
  background-color: #D8D8D9;
  border: 1px solid #D8D8D9;
}
.p-cart_change_minisamplle .p-cart_change_minisamplle__quantity {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1023px) {
  .p-cart_change_minisamplle .p-cart_change_minisamplle__quantity {
    margin-left: 0;
  }
}
.p-cart_change_minisamplle .p-cart_change_minisamplle__quantity-set {
  width: 146px;
  height: 46px;
  border: 1px solid #808080;
  font-size: 1rem;
  display: flex;
  justify-content: space-between;
  text-align: center;
}
@media screen and (max-width: 1023px) {
  .p-cart_change_minisamplle .p-cart_change_minisamplle__quantity-set {
    width: 160px;
  }
}
.p-cart_change_minisamplle .quantity-button-decrement {
  font-size: 1.375rem;
  margin-left: 12px;
  position: relative;
  z-index: 1;
}
.p-cart_change_minisamplle .quantity-button-decrement::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -16px;
  /* 左側に16px拡張 */
  right: -16px;
  /* 右側に16px拡張 */
  z-index: 0;
  /* ボタンより下に */
}
.p-cart_change_minisamplle .p-cart_change_minisamplle__quantity-value {
  position: relative;
  top: 12px;
  font-size: 0.9375rem;
}
@media screen and (max-width: 1023px) {
  .p-cart_change_minisamplle .p-cart_change_minisamplle__quantity-value {
    top: 9px;
  }
}
.p-cart_change_minisamplle .p-cart_change_minisamplle__quantity-value[type=number], .p-cart_change_minisamplle .p-cart_change_minisamplle__quantity-value[type=text] {
  border: none;
  background: transparent;
  text-align: center;
  width: 70%;
  outline: none;
  top: 0px;
  -moz-appearance: textfield;
}
@media screen and (max-width: 1023px) {
  .p-cart_change_minisamplle .p-cart_change_minisamplle__quantity-value[type=number], .p-cart_change_minisamplle .p-cart_change_minisamplle__quantity-value[type=text] {
    top: 2px;
  }
}
.p-cart_change_minisamplle .p-cart_change_minisamplle__quantity-value[type=number]::-webkit-outer-spin-button, .p-cart_change_minisamplle .p-cart_change_minisamplle__quantity-value[type=number]::-webkit-inner-spin-button, .p-cart_change_minisamplle .p-cart_change_minisamplle__quantity-value[type=text]::-webkit-outer-spin-button, .p-cart_change_minisamplle .p-cart_change_minisamplle__quantity-value[type=text]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.p-cart_change_minisamplle .quantity-button-increment {
  font-size: 1.375rem;
  margin-right: 12px;
  position: relative;
  /* 擬似要素の基準にするため */
  z-index: 1;
  /* 擬似要素より上に */
}
.p-cart_change_minisamplle .quantity-button-increment::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -16px;
  /* 左側に16px拡張 */
  right: -16px;
  /* 右側に16px拡張 */
  z-index: 0;
  /* ボタンより下に */
}
.p-cart_change_minisamplle .quantity-amount {
  font-size: 13px;
  position: relative;
  left: 13px;
}
@media screen and (max-width: 480px) {
  .p-cart_change_minisamplle .quantity-amount {
    top: 0;
    left: 8px;
  }
}
.p-cart_change_minisamplle .custom-label-set,
.p-cart_change_minisamplle .quantity-label-set {
  width: 83px;
}
@media screen and (max-width: 1023px) {
  .p-cart_change_minisamplle .custom-label-set,
  .p-cart_change_minisamplle .quantity-label-set {
    width: auto;
  }
}
.p-cart_change_minisamplle__button {
  display: flex;
  justify-content: space-between;
  margin-top: 124px;
  align-items: center;
}
@media screen and (max-width: 1023px) {
  .p-cart_change_minisamplle__button {
    flex-direction: column-reverse;
    align-items: center;
    margin-top: 0px;
  }
}
.p-cart_change_minisamplle__button-cart {
  display: flex;
}
@media screen and (max-width: 1023px) {
  .p-cart_change_minisamplle__button-cart {
    flex-direction: column;
  }
}
.p-cart_change_minisamplle__button-submit-cart {
  display: flex;
}
@media screen and (min-width: 1024px) {
  .p-cart_change_minisamplle__button-submit-cart button {
    width: 242px;
  }
}
@media screen and (max-width: 1023px) {
  .p-cart_change_minisamplle__button-submit-cart {
    flex-direction: column;
  }
}
.p-cart_change_minisamplle__quantity {
  width: 256px;
  height: 120px;
  font-size: 1rem;
  display: flex;
  justify-content: space-between;
  text-align: center;
}
@media screen and (max-width: 1023px) {
  .p-cart_change_minisamplle__quantity {
    margin: 0 auto;
    margin-left: calc(50% - 70px);
  }
}
.p-cart_change_minisamplle__quantity-set {
  width: 146px;
  height: 46px;
  display: flex;
  justify-content: space-between;
  border: 1px solid #000000;
}
@media screen and (max-width: 1023px) {
  .p-cart_change_minisamplle__quantity-set {
    width: 140px;
    height: 40px;
  }
}
.p-cart_change_minisamplle__button-decrement {
  font-size: 1.375rem;
  margin-left: 12px;
  position: relative;
  z-index: 1;
}
.p-cart_change_minisamplle__button-decrement::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -16px;
  /* 左側に16px拡張 */
  right: -16px;
  /* 右側に16px拡張 */
  z-index: 0;
  /* ボタンより下に */
}
.p-cart_change_minisamplle__quantity-value {
  position: relative;
  font-size: 0.9375rem;
}
.p-cart_change_minisamplle__quantity-value[type=number], .p-cart_change_minisamplle__quantity-value[type=text] {
  border: none;
  background: transparent;
  text-align: center;
  width: 50%;
  outline: none;
  -moz-appearance: textfield;
}
.p-cart_change_minisamplle__quantity-value[type=number]::-webkit-outer-spin-button, .p-cart_change_minisamplle__quantity-value[type=number]::-webkit-inner-spin-button, .p-cart_change_minisamplle__quantity-value[type=text]::-webkit-outer-spin-button, .p-cart_change_minisamplle__quantity-value[type=text]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.p-cart_change_minisamplle__button-increment {
  font-size: 1.375rem;
  margin-right: 12px;
  position: relative;
  z-index: 1;
}
.p-cart_change_minisamplle__button-increment::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -16px;
  /* 左側に16px拡張 */
  right: -16px;
  /* 右側に16px拡張 */
  z-index: 0;
  /* ボタンより下に */
}
.p-cart_change_minisamplle__quantity-amount {
  font-size: 0.875rem;
  margin-left: 13px;
  position: relative;
  top: 12px;
}
.p-cart_change_roll {
  background: #ffffff;
  max-width: 800px;
  min-width: 355px;
  width: 800px;
  height: 500px;
  margin: 0 auto;
  padding: 77px 95px 80px 95px;
}
@media screen and (max-width: 1023px) {
  .p-cart_change_roll {
    width: calc(100% - 20px);
    height: 402px;
    padding: 37px 20px 0 20px;
  }
}
.p-cart_change_roll__content {
  position: relative;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.p-cart_change_roll__content-title {
  margin-bottom: 18px;
}
@media screen and (max-width: 1023px) {
  .p-cart_change_roll__content-title {
    margin-bottom: 116px;
  }
}
.p-cart_change_roll__content-title h2 {
  font-weight: 600;
  margin-top: 0px;
}
@media screen and (max-width: 1023px) {
  .p-cart_change_roll__content-title h2 {
    font-size: 1rem;
  }
}
@media screen and (min-width: 1024px) {
  .p-cart_change_roll__content-info {
    margin-bottom: 54px;
  }
}
@media screen and (max-width: 1023px) {
  .p-cart_change_roll__content-info {
    margin-bottom: 119px;
  }
}
@media screen and (min-width: 1024px) {
  .p-cart_change_roll__content-info p {
    font-weight: 500;
  }
}
@media screen and (max-width: 1023px) {
  .p-cart_change_roll__content-info p {
    font-size: 1rem;
    padding-top: 12px;
  }
}
@media screen and (min-width: 1024px) {
  .p-cart_change_roll__content-btn {
    display: flex;
    justify-content: center;
    width: 80%;
  }
}
.p-cart_change_roll__content-btn-cancel button, .p-cart_change_roll__content-btn-submit button {
  margin-top: 0px;
}
@media screen and (min-width: 1024px) {
  .p-cart_change_roll__content-btn-cancel button, .p-cart_change_roll__content-btn-submit button {
    width: 180px;
  }
}
@media screen and (max-width: 1023px) {
  .p-cart_change_roll__content-btn-cancel {
    margin-bottom: 16px;
  }
}
@media screen and (min-width: 1024px) {
  .p-cart_change_roll__content-btn-cancel button {
    margin-right: 30px;
  }
}
.p-cart_change_roll__select-product {
  display: flex;
  align-items: center;
  padding-bottom: 24px;
  border-bottom: 1px solid #000000;
}
@media screen and (max-width: 1023px) {
  .p-cart_change_roll__select-product {
    flex-direction: column;
    align-items: flex-start;
    padding-bottom: 0px;
  }
}
.p-cart_change_roll__select-product-title {
  font-size: 0.875rem;
  font-weight: bold;
}
.p-cart_change_roll__select-content {
  display: flex;
}
@media screen and (max-width: 1100px) {
  .p-cart_change_roll__select-content {
    margin-left: 0;
    flex-direction: column;
  }
}
@media screen and (min-width: 1024px) {
  .p-cart_change_roll__select-content {
    margin-left: 120px;
  }
}
@media screen and (max-width: 1023px) {
  .p-cart_change_roll__select-content {
    margin-left: 0px;
    padding: 11px 0 17px 10px;
  }
}
.p-cart_change_roll__select-content-selected {
  margin-left: 33px;
}
@media screen and (max-width: 1023px) {
  .p-cart_change_roll__select-content-selected {
    margin-left: 0px;
    padding-bottom: 0;
    gap: 5px;
  }
}
.p-cart_change_roll__select-content-color-set {
  display: flex;
  font-size: 0.875rem;
}
@media screen and (max-width: 1023px) {
  .p-cart_change_roll__select-content-color-set {
    align-items: flex-start;
    gap: 5px;
  }
}
@media screen and (max-width: 1023px) {
  .p-cart_change_roll__select-content-color-set-selected {
    flex-direction: column;
  }
}
.p-cart_change_roll__select-content-product {
  font-size: 0.875rem;
}
.p-cart_change_roll__button-back-wrapper {
  height: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
@media screen and (max-width: 1023px) {
  .p-cart_change_roll__button-back-wrapper {
    height: 40px;
    margin-top: 16px;
  }
}
.p-cart_change_roll__button-back {
  width: 132px;
  height: 46px;
  background-color: white;
  border: 1px solid #000000;
  font-size: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 1023px) {
  .p-cart_change_roll__button-back {
    width: 295px;
    height: 40px;
    font-size: 0.875rem;
  }
}
.p-cart_change_roll__button-back:hover {
  background-color: #D8D8D9;
  border: 1px solid #D8D8D9;
}
.p-cart_change_roll .p-cart_change_roll__quantity {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1023px) {
  .p-cart_change_roll .p-cart_change_roll__quantity {
    margin-left: 0;
  }
}
.p-cart_change_roll .p-cart_change_roll__quantity-set {
  width: 146px;
  height: 46px;
  border: 1px solid #808080;
  font-size: 1rem;
  display: flex;
  justify-content: space-between;
  text-align: center;
}
@media screen and (max-width: 1023px) {
  .p-cart_change_roll .p-cart_change_roll__quantity-set {
    width: 160px;
  }
}
.p-cart_change_roll .quantity-button-decrement {
  font-size: 1.375rem;
  margin-left: 12px;
  position: relative;
  z-index: 1;
}
.p-cart_change_roll .quantity-button-decrement::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -16px;
  /* 左側に16px拡張 */
  right: -16px;
  /* 右側に16px拡張 */
  z-index: 0;
  /* ボタンより下に */
}
.p-cart_change_roll .p-cart_change_roll__quantity-value {
  position: relative;
  top: 12px;
  font-size: 0.9375rem;
}
@media screen and (max-width: 1023px) {
  .p-cart_change_roll .p-cart_change_roll__quantity-value {
    top: 9px;
  }
}
.p-cart_change_roll .p-cart_change_roll__quantity-value[type=number], .p-cart_change_roll .p-cart_change_roll__quantity-value[type=text] {
  border: none;
  background: transparent;
  text-align: center;
  width: 70%;
  outline: none;
  top: 0px;
  -moz-appearance: textfield;
}
@media screen and (max-width: 1023px) {
  .p-cart_change_roll .p-cart_change_roll__quantity-value[type=number], .p-cart_change_roll .p-cart_change_roll__quantity-value[type=text] {
    top: 2px;
  }
}
.p-cart_change_roll .p-cart_change_roll__quantity-value[type=number]::-webkit-outer-spin-button, .p-cart_change_roll .p-cart_change_roll__quantity-value[type=number]::-webkit-inner-spin-button, .p-cart_change_roll .p-cart_change_roll__quantity-value[type=text]::-webkit-outer-spin-button, .p-cart_change_roll .p-cart_change_roll__quantity-value[type=text]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.p-cart_change_roll .quantity-button-increment {
  font-size: 1.375rem;
  margin-right: 12px;
  position: relative;
  /* 擬似要素の基準にするため */
  z-index: 1;
  /* 擬似要素より上に */
}
.p-cart_change_roll .quantity-button-increment::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -16px;
  /* 左側に16px拡張 */
  right: -16px;
  /* 右側に16px拡張 */
  z-index: 0;
  /* ボタンより下に */
}
.p-cart_change_roll .quantity-amount {
  font-size: 13px;
  position: relative;
  left: 13px;
}
@media screen and (max-width: 480px) {
  .p-cart_change_roll .quantity-amount {
    top: 0;
    left: 8px;
  }
}
.p-cart_change_roll .custom-label-set,
.p-cart_change_roll .quantity-label-set {
  width: 83px;
}
@media screen and (max-width: 1023px) {
  .p-cart_change_roll .custom-label-set,
  .p-cart_change_roll .quantity-label-set {
    width: auto;
  }
}
.p-cart_change_roll__button {
  display: flex;
  justify-content: space-between;
  margin-top: 124px;
  align-items: center;
}
@media screen and (max-width: 1023px) {
  .p-cart_change_roll__button {
    flex-direction: column-reverse;
    align-items: center;
    margin-top: 0px;
  }
}
.p-cart_change_roll__button-cart {
  display: flex;
}
@media screen and (max-width: 1023px) {
  .p-cart_change_roll__button-cart {
    flex-direction: column;
  }
}
.p-cart_change_roll__button-submit-cart {
  display: flex;
}
@media screen and (min-width: 1024px) {
  .p-cart_change_roll__button-submit-cart button {
    width: 242px;
  }
}
@media screen and (max-width: 1023px) {
  .p-cart_change_roll__button-submit-cart {
    flex-direction: column;
  }
}
.p-cart_change_roll__quantity {
  width: 256px;
  height: 120px;
  font-size: 1rem;
  display: flex;
  justify-content: space-between;
  text-align: center;
}
@media screen and (max-width: 1023px) {
  .p-cart_change_roll__quantity {
    margin: 0 auto;
    margin-left: calc(50% - 70px);
  }
}
.p-cart_change_roll__quantity-set {
  width: 146px;
  height: 46px;
  display: flex;
  justify-content: space-between;
  border: 1px solid #000000;
}
@media screen and (max-width: 1023px) {
  .p-cart_change_roll__quantity-set {
    width: 140px;
    height: 40px;
  }
}
.p-cart_change_roll__button-decrement {
  font-size: 1.375rem;
  margin-left: 12px;
  position: relative;
  z-index: 1;
}
.p-cart_change_roll__button-decrement::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -16px;
  /* 左側に16px拡張 */
  right: -16px;
  /* 右側に16px拡張 */
  z-index: 0;
  /* ボタンより下に */
}
.p-cart_change_roll__quantity-value {
  position: relative;
  font-size: 0.9375rem;
}
.p-cart_change_roll__quantity-value[type=number], .p-cart_change_roll__quantity-value[type=text] {
  border: none;
  background: transparent;
  text-align: center;
  width: 50%;
  outline: none;
  -moz-appearance: textfield;
}
.p-cart_change_roll__quantity-value[type=number]::-webkit-outer-spin-button, .p-cart_change_roll__quantity-value[type=number]::-webkit-inner-spin-button, .p-cart_change_roll__quantity-value[type=text]::-webkit-outer-spin-button, .p-cart_change_roll__quantity-value[type=text]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.p-cart_change_roll__button-increment {
  font-size: 1.375rem;
  margin-right: 12px;
  position: relative;
  z-index: 1;
}
.p-cart_change_roll__button-increment::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -16px;
  /* 左側に16px拡張 */
  right: -16px;
  /* 右側に16px拡張 */
  z-index: 0;
  /* ボタンより下に */
}
.p-cart_change_roll__quantity-amount {
  font-size: 0.875rem;
  margin-left: 13px;
  position: relative;
  top: 12px;
}
.p-cart_change_trialset {
  background: #ffffff;
  max-width: 800px;
  min-width: 355px;
  width: 800px;
  height: 500px;
  margin: 0 auto;
  padding: 77px 95px 80px 95px;
}
@media screen and (max-width: 1023px) {
  .p-cart_change_trialset {
    width: calc(100% - 20px);
    height: 402px;
    padding: 37px 20px 0 20px;
  }
}
.p-cart_change_trialset__content {
  position: relative;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.p-cart_change_trialset__content-title {
  margin-bottom: 18px;
}
@media screen and (max-width: 1023px) {
  .p-cart_change_trialset__content-title {
    margin-bottom: 116px;
  }
}
.p-cart_change_trialset__content-title h2 {
  font-weight: 600;
  margin-top: 0px;
}
@media screen and (max-width: 1023px) {
  .p-cart_change_trialset__content-title h2 {
    font-size: 1rem;
  }
}
@media screen and (min-width: 1024px) {
  .p-cart_change_trialset__content-info {
    margin-bottom: 54px;
  }
}
@media screen and (max-width: 1023px) {
  .p-cart_change_trialset__content-info {
    margin-bottom: 119px;
  }
}
@media screen and (min-width: 1024px) {
  .p-cart_change_trialset__content-info p {
    font-weight: 500;
  }
}
@media screen and (max-width: 1023px) {
  .p-cart_change_trialset__content-info p {
    font-size: 1rem;
    padding-top: 12px;
  }
}
@media screen and (min-width: 1024px) {
  .p-cart_change_trialset__content-btn {
    display: flex;
    justify-content: center;
    width: 80%;
  }
}
.p-cart_change_trialset__content-btn-cancel button, .p-cart_change_trialset__content-btn-submit button {
  margin-top: 0px;
}
@media screen and (min-width: 1024px) {
  .p-cart_change_trialset__content-btn-cancel button, .p-cart_change_trialset__content-btn-submit button {
    width: 180px;
  }
}
@media screen and (max-width: 1023px) {
  .p-cart_change_trialset__content-btn-cancel {
    margin-bottom: 16px;
  }
}
@media screen and (min-width: 1024px) {
  .p-cart_change_trialset__content-btn-cancel button {
    margin-right: 30px;
  }
}
.p-cart_change_trialset__select-product {
  display: flex;
  align-items: center;
  padding-bottom: 24px;
  border-bottom: 1px solid #000000;
}
@media screen and (max-width: 1023px) {
  .p-cart_change_trialset__select-product {
    flex-direction: column;
    align-items: flex-start;
    padding-bottom: 0px;
  }
}
.p-cart_change_trialset__select-product-title {
  font-size: 0.875rem;
  font-weight: bold;
}
.p-cart_change_trialset__select-content {
  display: flex;
}
@media screen and (max-width: 1100px) {
  .p-cart_change_trialset__select-content {
    margin-left: 0;
    flex-direction: column;
  }
}
@media screen and (min-width: 1024px) {
  .p-cart_change_trialset__select-content {
    margin-left: 120px;
  }
}
@media screen and (max-width: 1023px) {
  .p-cart_change_trialset__select-content {
    margin-left: 0px;
    padding: 11px 0 17px 10px;
  }
}
.p-cart_change_trialset__select-content-selected {
  margin-left: 33px;
}
@media screen and (max-width: 1023px) {
  .p-cart_change_trialset__select-content-selected {
    margin-left: 0px;
    padding-bottom: 0;
    gap: 5px;
  }
}
.p-cart_change_trialset__select-content-color-set {
  display: flex;
  font-size: 0.875rem;
}
@media screen and (max-width: 1023px) {
  .p-cart_change_trialset__select-content-color-set {
    align-items: flex-start;
    gap: 5px;
  }
}
@media screen and (max-width: 1023px) {
  .p-cart_change_trialset__select-content-color-set-selected {
    flex-direction: column;
  }
}
.p-cart_change_trialset__select-content-product {
  font-size: 0.875rem;
}
.p-cart_change_trialset__button-back-wrapper {
  height: 46px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
@media screen and (max-width: 1023px) {
  .p-cart_change_trialset__button-back-wrapper {
    height: 40px;
    margin-top: 16px;
  }
}
.p-cart_change_trialset__button-back {
  width: 132px;
  height: 46px;
  background-color: white;
  border: 1px solid #000000;
  font-size: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 1023px) {
  .p-cart_change_trialset__button-back {
    width: 295px;
    height: 40px;
    font-size: 0.875rem;
  }
}
.p-cart_change_trialset__button-back:hover {
  background-color: #D8D8D9;
  border: 1px solid #D8D8D9;
}
.p-cart_change_trialset .p-cart_change_trialset__quantity {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1023px) {
  .p-cart_change_trialset .p-cart_change_trialset__quantity {
    margin-left: 0;
  }
}
.p-cart_change_trialset .p-cart_change_trialset__quantity-set {
  width: 146px;
  height: 46px;
  border: 1px solid #808080;
  font-size: 1rem;
  display: flex;
  justify-content: space-between;
  text-align: center;
}
@media screen and (max-width: 1023px) {
  .p-cart_change_trialset .p-cart_change_trialset__quantity-set {
    width: 160px;
  }
}
.p-cart_change_trialset .quantity-button-decrement {
  font-size: 1.375rem;
  margin-left: 12px;
  position: relative;
  z-index: 1;
}
.p-cart_change_trialset .quantity-button-decrement::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -16px;
  /* 左側に16px拡張 */
  right: -16px;
  /* 右側に16px拡張 */
  z-index: 0;
  /* ボタンより下に */
}
.p-cart_change_trialset .p-cart_change_trialset__quantity-value {
  position: relative;
  top: 12px;
  font-size: 0.9375rem;
}
@media screen and (max-width: 1023px) {
  .p-cart_change_trialset .p-cart_change_trialset__quantity-value {
    top: 9px;
  }
}
.p-cart_change_trialset .p-cart_change_trialset__quantity-value[type=number], .p-cart_change_trialset .p-cart_change_trialset__quantity-value[type=text] {
  border: none;
  background: transparent;
  text-align: center;
  width: 70%;
  outline: none;
  top: 0px;
  -moz-appearance: textfield;
}
@media screen and (max-width: 1023px) {
  .p-cart_change_trialset .p-cart_change_trialset__quantity-value[type=number], .p-cart_change_trialset .p-cart_change_trialset__quantity-value[type=text] {
    top: 2px;
  }
}
.p-cart_change_trialset .p-cart_change_trialset__quantity-value[type=number]::-webkit-outer-spin-button, .p-cart_change_trialset .p-cart_change_trialset__quantity-value[type=number]::-webkit-inner-spin-button, .p-cart_change_trialset .p-cart_change_trialset__quantity-value[type=text]::-webkit-outer-spin-button, .p-cart_change_trialset .p-cart_change_trialset__quantity-value[type=text]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.p-cart_change_trialset .quantity-button-increment {
  font-size: 1.375rem;
  margin-right: 12px;
  position: relative;
  /* 擬似要素の基準にするため */
  z-index: 1;
  /* 擬似要素より上に */
}
.p-cart_change_trialset .quantity-button-increment::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -16px;
  /* 左側に16px拡張 */
  right: -16px;
  /* 右側に16px拡張 */
  z-index: 0;
  /* ボタンより下に */
}
.p-cart_change_trialset .quantity-amount {
  font-size: 13px;
  position: relative;
  left: 13px;
}
@media screen and (max-width: 480px) {
  .p-cart_change_trialset .quantity-amount {
    top: 0;
    left: 8px;
  }
}
.p-cart_change_trialset .custom-label-set,
.p-cart_change_trialset .quantity-label-set {
  width: 83px;
}
@media screen and (max-width: 1023px) {
  .p-cart_change_trialset .custom-label-set,
  .p-cart_change_trialset .quantity-label-set {
    width: auto;
  }
}
.p-cart_change_trialset__button {
  display: flex;
  justify-content: space-between;
  margin-top: 124px;
  align-items: center;
}
@media screen and (max-width: 1023px) {
  .p-cart_change_trialset__button {
    flex-direction: column-reverse;
    align-items: center;
    margin-top: 0px;
  }
}
.p-cart_change_trialset__button-cart {
  display: flex;
}
@media screen and (max-width: 1023px) {
  .p-cart_change_trialset__button-cart {
    flex-direction: column;
  }
}
.p-cart_change_trialset__button-submit-cart {
  display: flex;
}
@media screen and (min-width: 1024px) {
  .p-cart_change_trialset__button-submit-cart button {
    width: 242px;
  }
}
@media screen and (max-width: 1023px) {
  .p-cart_change_trialset__button-submit-cart {
    flex-direction: column;
  }
}
.p-cart_change_trialset__quantity {
  width: 277px;
  height: 120px;
  font-size: 1rem;
  display: flex;
  justify-content: space-between;
  text-align: center;
}
@media screen and (max-width: 1023px) {
  .p-cart_change_trialset__quantity {
    margin: 0 auto;
    margin-left: calc(50% - 70px);
  }
}
.p-cart_change_trialset__quantity-set {
  width: 146px;
  height: 46px;
  display: flex;
  justify-content: space-between;
  border: 1px solid #000000;
}
@media screen and (max-width: 1023px) {
  .p-cart_change_trialset__quantity-set {
    width: 140px;
    height: 40px;
  }
}
.p-cart_change_trialset__button-decrement {
  font-size: 1.375rem;
  margin-left: 12px;
  position: relative;
  z-index: 1;
}
.p-cart_change_trialset__button-decrement::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -16px;
  /* 左側に16px拡張 */
  right: -16px;
  /* 右側に16px拡張 */
  z-index: 0;
  /* ボタンより下に */
}
.p-cart_change_trialset__quantity-value {
  position: relative;
  font-size: 0.9375rem;
}
.p-cart_change_trialset__quantity-value[type=number], .p-cart_change_trialset__quantity-value[type=text] {
  border: none;
  background: transparent;
  text-align: center;
  width: 50%;
  outline: none;
  -moz-appearance: textfield;
}
.p-cart_change_trialset__quantity-value[type=number]::-webkit-outer-spin-button, .p-cart_change_trialset__quantity-value[type=number]::-webkit-inner-spin-button, .p-cart_change_trialset__quantity-value[type=text]::-webkit-outer-spin-button, .p-cart_change_trialset__quantity-value[type=text]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.p-cart_change_trialset__button-increment {
  font-size: 1.375rem;
  margin-right: 12px;
  position: relative;
  z-index: 1;
}
.p-cart_change_trialset__button-increment::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: -16px;
  /* 左側に16px拡張 */
  right: -16px;
  /* 右側に16px拡張 */
  z-index: 0;
  /* ボタンより下に */
}
.p-cart_change_trialset__quantity-amount {
  font-size: 0.875rem;
  margin-left: 13px;
  position: relative;
  top: 12px;
}
.p-mailnews {
  padding: 97px 0 102px;
  max-width: 1152px;
}
@media screen and (max-width: 1023px) {
  .p-mailnews {
    padding: 37px 20px 64px;
    max-width: 560px;
    min-width: 355px;
  }
}

.p-mailnews__inner {
  background: #fff;
  max-width: 600px;
  margin: 0 auto;
  border-radius: 8px;
  text-align: center;
}

.p-mailnews__title {
  margin-bottom: 28px;
}
@media screen and (max-width: 1023px) {
  .p-mailnews__title {
    margin-bottom: 58px;
  }
}
.p-mailnews__title .c-title--pd60 {
  padding-top: 0;
  font-weight: 600;
  line-height: 36px;
}
@media screen and (max-width: 1023px) {
  .p-mailnews__title .c-title--pd60 {
    font-size: 1rem;
    line-height: 30px;
  }
}

.p-mailnews__content {
  margin-bottom: 45px;
}
@media screen and (max-width: 1023px) {
  .p-mailnews__content {
    margin-bottom: 31px;
  }
}
.p-mailnews__content .p-mailnews__text {
  font-size: 1rem;
  font-weight: 400;
  line-height: 24px;
}
@media screen and (max-width: 1023px) {
  .p-mailnews__content .p-mailnews__text {
    font-weight: 500;
    display: flex;
    flex-direction: column;
  }
}
.p-mailnews__content .p-mailnews__text .p-mailnews__br {
  display: inline;
}
@media screen and (max-width: 1023px) {
  .p-mailnews__content .p-mailnews__text .p-mailnews__br {
    display: block;
  }
}

.p-mailnews__form-block {
  max-width: 456px;
  margin: 0 auto;
}
.p-mailnews__form-block-item {
  margin-bottom: 8px;
  text-align: left;
}
@media screen and (max-width: 1023px) {
  .p-mailnews__form-block-item {
    margin-bottom: 16px;
  }
}
.p-mailnews__form-block-label {
  display: block;
  font-size: 14px;
  margin-bottom: 8px;
  color: #333;
}
.p-mailnews__form-block-input {
  width: 100%;
  height: 45px;
  padding: 13px 0 9px 16px;
  font-size: 16px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
}
@media screen and (max-width: 1023px) {
  .p-mailnews__form-block-input {
    padding: 12px 0 10px 16px;
  }
}
.p-mailnews__form-block-input::-moz-placeholder {
  color: #808080;
}
.p-mailnews__form-block-input::placeholder {
  color: #808080;
}
@media screen and (max-width: 1023px) {
  .p-mailnews__form-block-input::-moz-placeholder {
    font-size: 0.875rem;
  }
  .p-mailnews__form-block-input::placeholder {
    font-size: 0.875rem;
  }
}
.p-mailnews__form-block-notice {
  text-align: left;
  margin-bottom: 36px;
}
@media screen and (max-width: 1023px) {
  .p-mailnews__form-block-notice {
    margin-bottom: 33px;
  }
}
.p-mailnews__form-block-notice p {
  font-size: 0.625rem;
  font-weight: 300;
  line-height: 15px;
}
@media screen and (max-width: 1023px) {
  .p-mailnews__form-block-notice p {
    font-size: 0.75rem;
  }
}
.p-mailnews__form-block-notice a {
  color: #000;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.p-mailnews__form-block-notice a:hover {
  color: #808080;
}
.p-mailnews__form-block-button {
  text-align: center;
}
.p-mailnews__form-block-button .p-mailnews__form-button-inner {
  margin: 0 auto;
}
@media screen and (max-width: 1023px) {
  .p-mailnews__form-block-button .p-mailnews__form-button-inner {
    margin: 0 auto;
    width: 254px;
    height: 48px;
  }
}

.p-mailnews__thanks-block {
  text-align: center;
}
.p-mailnews__thanks-block .p-mailnews__thanks-block-inner {
  border: 1px solid #000000;
  padding-top: 15px;
  padding-bottom: 15px;
}
.p-mailnews__thanks-block .p-mailnews__thanks-text {
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 20px;
}
.p-mailnews__thanks-block .p-mailnews__thanks-subtext {
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 20px;
}
.p-mailnews__thanks-block .p-mailnews__form-button-inner {
  margin: 40px auto 0;
}
@media screen and (max-width: 1023px) {
  .p-mailnews__thanks-block .p-mailnews__form-button-inner {
    margin: 40px auto 0;
    width: 254px;
    height: 48px;
  }
}

.p-mailnews-mini {
  padding: 11px 22px;
  max-width: 560px;
}
@media screen and (max-width: 1023px) {
  .p-mailnews-mini {
    padding: 37px 20px 64px;
    min-width: 355px;
  }
}

.p-mailnews-mini__container {
  text-align: left;
}
@media screen and (max-width: 1023px) {
  .p-mailnews-mini__container {
    text-align: center;
  }
}

.p-mailnews-mini__title {
  font-size: 1rem;
  font-weight: 300;
  line-height: 32px;
}
@media screen and (max-width: 1023px) {
  .p-mailnews-mini__title {
    font-size: 1rem;
    font-weight: bold;
  }
}

.p-mailnews-mini__content {
  display: flex;
}
@media screen and (max-width: 1023px) {
  .p-mailnews-mini__content {
    flex-direction: column;
    margin-top: 60px;
  }
}

.p-mailnews-mini__text {
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 32px;
}
@media screen and (max-width: 1023px) {
  .p-mailnews-mini__text {
    font-size: 1rem;
    font-weight: 400;
  }
}

.p-mailnews-mini__form-block {
  margin-top: 10px;
}
@media screen and (max-width: 1023px) {
  .p-mailnews-mini__form-block {
    margin-top: 30px;
    max-width: 315px;
    margin: 30px auto 0;
  }
}

.p-mailnews-mini__form-block-inner {
  display: flex;
}

.p-mailnews-mini__form-block-item input {
  width: 330px;
  height: 30px;
  padding-left: 8px;
}
@media screen and (max-width: 1023px) {
  .p-mailnews-mini__form-block-item input {
    width: 315px;
    height: 44px;
  }
}
.p-mailnews-mini__form-block-item input::-moz-placeholder {
  color: #808080;
  font-size: 0.875rem;
}
.p-mailnews-mini__form-block-item input::placeholder {
  color: #808080;
  font-size: 0.875rem;
}

.p-mailnews-mini__form-block-btn {
  width: 180px;
  height: 30px;
  margin-left: 7px;
  background-color: #000000;
  color: #ffffff;
  border: 1px solid #000000;
  text-align: center;
  font-size: 1rem;
  display: flex;
  justify-content: center;
  transition: all 0.3s ease;
}
.p-mailnews-mini__form-block-btn:hover {
  color: #000000;
  background-color: #D8D8D9;
  border: 1px solid #D8D8D9;
}
@media screen and (max-width: 1023px) {
  .p-mailnews-mini__form-block-btn {
    display: none;
  }
}

.p-mailnews-mini__form-block-btn-after {
  display: none;
}
@media screen and (max-width: 1023px) {
  .p-mailnews-mini__form-block-btn-after {
    display: flex;
    width: 254px;
    height: 48px;
    margin-left: 7px;
    background-color: #000000;
    color: #ffffff;
    border: 1px solid #000000;
    text-align: center;
    font-size: 1rem;
    display: flex;
    justify-content: center;
    transition: all 0.3s ease;
    margin: 33px auto 0;
    align-items: center;
    justify-content: center;
  }
  .p-mailnews-mini__form-block-btn-after:hover {
    background-color: #000000;
    color: #ffffff;
    border: 1px solid #000000;
  }
}

.p-mailnews-mini__form-block-notice {
  margin-top: 8px;
}
@media screen and (max-width: 1023px) {
  .p-mailnews-mini__form-block-notice {
    margin-top: 16px;
  }
}

.p-mailnews-mini__text-small {
  font-size: 0.625rem;
  font-weight: 300;
  line-height: 15px;
}
@media screen and (max-width: 1023px) {
  .p-mailnews-mini__text-small {
    text-align: left;
    font-size: 0.75rem;
    font-weight: 400;
  }
}
.p-mailnews-mini__text-small a {
  color: #000000;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.p-mailnews-mini__text-small a:hover {
  color: #808080;
}

.p-mailnews-mini__thanks-block {
  text-align: center;
  margin-top: 20px;
}
.p-mailnews-mini__thanks-block-inner {
  border: 1px solid #000000;
  padding-top: 15px;
  padding-bottom: 15px;
  text-align: center;
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 1023px) {
  .p-mailnews-mini__thanks-block-inner {
    flex-direction: column;
    padding: 16px 0 8px;
    max-width: 315px;
    margin: 0 auto;
  }
}

.p-mailnews-mini__thanks-text {
  text-align: left;
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 19px;
}
@media screen and (max-width: 1023px) {
  .p-mailnews-mini__thanks-text {
    width: 65%;
    text-align: center;
    margin: 0 auto;
  }
}

.p-mailnews-mini__thanks-subtext {
  text-align: left;
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 19px;
}

.is-overflow {
  overflow: hidden;
}

@media screen and (max-width: 1023px) {
  .sp-ml-8 {
    margin-left: 8px !important;
  }
}/*# sourceMappingURL=takeo_paper.css.map */