@charset "UTF-8";


:root {
  /* inner */
  --inner: min(1080px, 100%);
  --inner-sp: min(768px, 100%);
  --padding-inner: 20px;
  /* z-index */
  --z-index-header: 900;
  /* color */
  --color-white: #fff;
  --color-text: #0d2936;
  --color-black: #0f0e0d;
  --color-gray: #f0f0f0;
  --color-gray2: #959595;
  --color-gray3: #fafafa;
  --color-border-gray: #aaaaaf;
  --color-accent: #408f95;
  --color-primary: #234f5e;
  --color-secondary: #00f;
  --color-orange: #de8430;
  /* font-weight */
  --fw-light: 300;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-bold: 700;
  /* font-family */
  --base-font-family: "Yu Gothic", "YuGothic", "Shippori Mincho B1", "Hiragino Sans", "Hiragino Kaku Gothic ProN", meiryo, sans-serif;
  --title-font-family: "Lato", sans-serif;
  --to-rem: 0.0625rem;
  /* transition duration */
  --duration: 0.3s;
  /* header height */
  --header-height: 77px;
}

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

  :root {
    --header-height: 64px;
  }


}


@font-face {
  font-family: "Local Noto Sans JP";
  src: local("Noto Sans JP");
}

body.new{
  height: 100%;
  background: var(--color-black);
  scroll-padding-top: var(--header-height);
  scroll-behavior: smooth;
  
  .p-header{
    background: #fff;
  }
}


.new a[href^=tel]{
  text-decoration: none;
}


.new a{
  display: inline-block;
  color: inherit;
  cursor: pointer;
  transition: 0.3s;
  -webkit-tap-highlight-color: transparent;
}


.new a:hover{
  text-decoration: none;
}


.new img, .new svg{
  vertical-align: middle;
}


.new img{
  width: 100%;
  height: 100%;
  overflow: clip;
  object-fit: cover;
}


.new :where(:any-link, button, [type=button], [type=reset], [type=submit], label[for], select, summary, [role=tab], [role=button]){
  cursor: pointer;
}


.new :where(button, [type=button], [type=reset], [type=submit]){
  touch-action: manipulation;
}


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


.new input[type=text]{
  font-size: 1rem;
  /* = 16px */
}


.new textarea{
  field-sizing: content;
}


body.new{
  font-family: var(--base-font-family);
  font-weight: var(--fw-regular);
  color: var(--color-text);
}


body.new{
  box-sizing: border-box;
  font-size: clamp(10px, 1.481vw, 16px);
  /* Prevent adjustments of font size after orientation changes in iOS */
  word-break: normal;
  tab-size: 4;
  text-size-adjust: 100%;
}


.new *, .new ::before, .new ::after{
  /* Set `background-repeat: no-repeat` to all elements and pseudo elements */
  box-sizing: inherit;
  box-sizing: border-box;
  background-repeat: no-repeat;
}


.new ::before, .new ::after{
  text-decoration: inherit;
  /* Inherit text-decoration and vertical align to ::before and ::after pseudo elements */
  vertical-align: inherit;
}


.new *{
  padding: 0;
  /* Reset `padding` and `margin` of all elements */
  margin: 0;
}


/* # =================================================================
     # General elements
     # ================================================================= */
.new hr{
  /* Show the overflow in Edge and IE */
  height: 0;
  overflow: visible;
  /* Add the correct box sizing in Firefox */
  color: inherit;
  /* Correct border color in Firefox. */
}


.new details, .new main{
  display: block;
  /* Render the `main` element consistently in IE. */
}


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


.new small{
  font-size: 80%;
  /* Set font-size to 80% in `small` elements */
}


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


.new abbr[title]{
  /* Remove the bottom border in Chrome 57 */
  /* Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari */
  text-decoration: underline;
  text-decoration: underline dotted;
  border-bottom: none;
}


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


.new a:active, .new a:hover{
  outline-width: 0;
  /* Remove the outline when hovering in all browsers */
}


.new code, .new kbd, .new pre, .new samp{
  font-family: monospace, monospace;
  /* Specify the font family of code elements */
}


.new pre{
  font-size: 1em;
  /* Correct the odd `em` font sizing in all browsers */
}


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


/* https://gist.github.com/unruthless/413930 */
.new sub, .new sup{
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}


.new sub{
  bottom: -0.25em;
}


.new sup{
  top: -0.5em;
}


.new table{
  /* Correct border color in all Chrome, Edge, and Safari. */
  text-indent: 0;
  border-color: inherit;
  /* Remove text indentation in Chrome, Edge, and Safari */
}


.new iframe{
  border-style: none;
}


/* # =================================================================
     # Forms
     # ================================================================= */
.new input{
  border-radius: 0;
}


.new [type=number]::-webkit-inner-spin-button, .new [type=number]::-webkit-outer-spin-button{
  height: auto;
  /* Correct the cursor style of increment and decrement buttons in Chrome */
}


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


.new [type=search]::-webkit-search-decoration{
  appearance: none;
  /* Remove the inner padding in Chrome and Safari on macOS */
}


.new textarea{
  overflow: auto;
  resize: vertical;
}


.new button, .new input, .new optgroup, .new select, .new textarea{
  font: inherit;
  /* Specify font inheritance of form elements */
}


.new optgroup{
  font-weight: bold;
  /* Restore the font weight unset by the previous rule */
}


.new button{
  overflow: visible;
  /* Address `overflow` set to `hidden` in IE 8/9/10/11 */
}


.new button, .new select{
  text-transform: none;
  /* Firefox 40+, Internet Explorer 11- */
}


/* Apply cursor pointer to button elements */
.new button, .new [type=button], .new [type=reset], .new [type=submit], .new [role=button]{
  cursor: pointer;
}


/* Remove inner padding and border in Firefox 4+ */
.new button::-moz-focus-inner, .new [type=button]::-moz-focus-inner, .new [type=reset]::-moz-focus-inner, .new [type=submit]::-moz-focus-inner{
  padding: 0;
  border-style: none;
}


/* Replace focus style removed in the border reset above */
.new button:-moz-focusring, .new [type=button]::-moz-focus-inner, .new [type=reset]::-moz-focus-inner, .new [type=submit]::-moz-focus-inner{
  outline: 1px dotted ButtonText;
}


.new button, .new [type=button], .new [type=reset], .new [type=submit]{
  appearance: button;
  /* Correct the inability to style clickable types in iOS */
}


.new button, .new input, .new select, .new textarea{
  appearance: none;
  background-color: transparent;
  border-style: none;
}


.new a:focus, .new button:focus, .new input:focus, .new select:focus, .new textarea:focus{
  outline-width: 0;
}


/* Style select like a standard input */
.new select{
  appearance: none;
}


.new select::-ms-expand{
  display: none;
  /* Internet Explorer 11+ */
}


.new select::-ms-value{
  color: currentcolor;
  /* Internet Explorer 11+ */
}


.new legend{
  /* Correct the color inheritance from `fieldset` elements in IE */
  display: table;
  /* Correct the text wrapping in Edge and IE */
  /* Correct the text wrapping in Edge and IE */
  max-width: 100%;
  /* Correct `color` not being inherited in IE 8/9/10/11 */
  color: inherit;
  /* Correct the text wrapping in Edge and IE */
  white-space: normal;
  border: 0;
  /* Correct the text wrapping in Edge 18- and IE */
}


.new ::-webkit-file-upload-button{
  font: inherit;
  color: inherit;
  /* Correct the inability to style clickable types in iOS and Safari */
  appearance: button;
  /* Change font properties to `inherit` in Chrome and Safari */
}


/* Replace pointer cursor in disabled elements */
.new [disabled]{
  cursor: default;
}


/* # =================================================================
     # Specify media element style
     # ================================================================= */
.new img{
  border-style: none;
  /* Remove border when inside `a` element in IE 8/9/10 */
}


/* Add the correct vertical alignment in Chrome, Firefox, and Opera */
.new progress{
  vertical-align: baseline;
}


/* # =================================================================
     # Accessibility
     # ================================================================= */
/* Specify the progress cursor of updating elements */
.new [aria-busy=true]{
  cursor: progress;
}


/* Specify the pointer cursor of trigger elements */
.new [aria-controls]{
  cursor: pointer;
}


/* Specify the unstyled cursor of disabled, not-editable, or otherwise inoperable elements */
.new [aria-disabled=true]{
  cursor: default;
}


/* Remove default margin */
body.new, .new h1, .new h2, .new h3, .new h4, .new p, .new ul, .new ol, .new figure, .new blockquote, .new dl, .new dd{
  margin: 0;
}


/* Remove default padding */
.new ul, .new ol{
  padding: 0;
  list-style: "";
}


.new a{
  color: inherit;
  text-decoration: none;
  transition: opacity 0.3s;
}


.new.l-bbs{
  min-height: 100svh;
  color: var(--color-white);
  background: linear-gradient(180deg, #2a4267 0%, #0170c5 100%)!important;
}


.new .l-inner{
  max-width: calc(var(--inner) + var(--padding-inner) * 2);
  padding-inline: var(--padding-inner);
  margin-inline: auto;
}

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

  .new .l-inner{
    max-width: calc(var(--inner-sp) + var(--padding-inner) * 2);
  }


}


html:has(.new.p-header){
  font-size: clamp(10px, 1.1111vw, 16px);
}


.new.l-top{
  min-height: 100svh;
  color: var(--color-text);
  background: var(--color-white);
}


.new .c-post-card{
  position: relative;
  display: flex;
  flex-direction: column;
  gap: calc(24 * var(--to-rem));
  width: calc(320 * var(--to-rem));
  padding: calc(24 * var(--to-rem));
  background: rgba(255, 255, 255, 0.9);
  border-radius: calc(16 * var(--to-rem));
  box-shadow: 0 4px 16px 4px rgba(0, 0, 0, 0.1);
  transition: transform var(--duration), box-shadow var(--duration);
}

.new .c-post-card::before{
  position: absolute;
  inset: 0;
  z-index: 0;
  padding: 1px;
  pointer-events: none;
  content: "";
  background: linear-gradient(135deg, #e3a2b6 0%, #bec3ea 50%, #93cfc3 100%);
  border-radius: calc(16 * var(--to-rem));
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: xor;
  mask-composite: exclude;
}

@media (any-hover: hover) {

  .new .c-post-card:hover{
    box-shadow: 0 12px 32px rgba(255, 255, 255, 0.2);
  }


}

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

  .new .c-post-card{
    width: 100%;
  }


}


.new .c-post-card__text{
  flex: 1;
  font-size: calc(14 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 1.8;
  color: #0f0e0d;
  letter-spacing: 0.03em;
}


.new .c-post-card__meta{
  display: flex;
  gap: calc(8 * var(--to-rem));
  align-items: center;
}


.new .c-post-card__avatar{
  position: relative;
  flex-shrink: 0;
  width: calc(32 * var(--to-rem));
  height: calc(32 * var(--to-rem));
  overflow: hidden;
  background: linear-gradient(135deg, #efbaca 0%, #c4cdf5 50%, #b1ece0 100%);
  border-radius: 50%;
}

.new .c-post-card__avatar::before{
  position: absolute;
  inset: 0;
  z-index: 1;
  padding: 1px;
  pointer-events: none;
  content: "";
  background: linear-gradient(135deg, #e3a2b6 0%, #bec3ea 50%, #93cfc3 100%);
  border-radius: 50%;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: xor;
  mask-composite: exclude;
}

.new .c-post-card__avatar img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}


.new .c-post-card__location{
  font-size: calc(13 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 1.6;
  letter-spacing: 0.03em;
  background: linear-gradient(135deg, #df668b 0%, #818ef1 50%, #69c8b5 100%);
  -webkit-text-fill-color: transparent;
  background-clip: text;
}


.new .c-reply-card{
  position: relative;
  display: flex;
  flex-direction: column;
  gap: calc(24 * var(--to-rem));
  width: calc(320 * var(--to-rem));
  padding: calc(24 * var(--to-rem));
  background: rgba(255, 255, 255, 0.9);
  border-radius: calc(16 * var(--to-rem));
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.05);
  transition: transform var(--duration), box-shadow var(--duration), background var(--duration);
}

@media (any-hover: hover) {

  .new .c-reply-card:hover{
    background: rgba(255, 255, 255, 0.95);
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.08);
  }


}

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

  .new .c-reply-card{
    width: 100%;
  }


}

.new .c-reply-card::before{
  position: absolute;
  inset: 0;
  z-index: 0;
  padding: 1px;
  pointer-events: none;
  content: "";
  background: linear-gradient(135deg, #e3a2b6 0%, #bec3ea 50%, #93cfc3 100%);
  border-radius: calc(16 * var(--to-rem));
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: xor;
  mask-composite: exclude;
}


.new .c-reply-card__info{
  display: flex;
  flex-direction: column;
  gap: calc(8 * var(--to-rem));
}


.new .c-reply-card__no{
  width: fit-content;
  font-family: "Shippori Mincho B1", serif;
  font-size: calc(14 * var(--to-rem));
  font-weight: 400;
  line-height: 1.7;
  letter-spacing: 0.03em;
  background: var(--grad-100, linear-gradient(93deg, #df668b 0.17%, #818ef1 50.17%, #69c8b5 100.17%));
  background-clip: text;
  -webkit-text-fill-color: transparent;
}


.new .c-reply-card__to{
  font-size: calc(14 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 1.8;
  color: #0f0e0d;
  letter-spacing: 0.03em;
}


.new .c-reply-card__link{
  display: flex;
  gap: calc(8 * var(--to-rem));
  align-items: center;
  font-size: calc(12 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 1.5;
  color: #0f0e0d;
  letter-spacing: 0.03em;
}

.new .c-reply-card__link img{
  width: calc(14 * var(--to-rem));
  height: calc(14 * var(--to-rem));
}


.new .p-bbs-faq{
  display: flex;
  flex-direction: column;
  gap: calc(40 * var(--to-rem));
  align-items: center;
  padding: calc(70 * var(--to-rem)) 0 calc(120 * var(--to-rem));
}

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

  .new .p-bbs-faq{
    padding-inline: calc(20 * var(--to-rem));
  }


}


.new .p-bbs-faq__heading{
  display: flex;
  flex-direction: column;
  gap: calc(2 * var(--to-rem));
  align-items: center;
}


.new .p-bbs-faq__heading-sub{
  font-family: "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", sans-serif;
  font-size: calc(14 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 1.5;
  color: var(--color-white);
  letter-spacing: 0.1em;
}


.new .p-bbs-faq__title{
  display: flex;
  gap: calc(16 * var(--to-rem));
  align-items: center;
  font-family: "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", sans-serif;
  font-size: calc(24 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 1.5;
  color: var(--color-white);
  letter-spacing: 0.1em;
}


.new .p-bbs-faq__title-dash{
  width: calc(91 * var(--to-rem));
  height: auto;
}


.new .p-bbs-faq__intro{
  font-family: "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", sans-serif;
  font-size: calc(15 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 1.8;
  color: var(--color-white);
  letter-spacing: 0.03em;
}


.new .p-bbs-faq__list{
  display: flex;
  flex-direction: column;
  gap: calc(16 * var(--to-rem));
  width: calc(800 * var(--to-rem));
  max-width: calc(100% - 80px);
}

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

  .new .p-bbs-faq__list{
    max-width: 100%;
  }


}


.new .p-bbs-faq__item{
  overflow: hidden;
  background: rgba(255, 255, 255, 0.07);
  border: 1px solid #d6d6d6;
  border-radius: calc(16 * var(--to-rem));
  box-shadow: 8px 8px 16px 1px rgba(119, 120, 122, 0.1);
}


.new .p-bbs-faq__question{
  display: flex;
  gap: calc(8 * var(--to-rem));
  align-items: center;
  padding: calc(24 * var(--to-rem)) calc(32 * var(--to-rem)) calc(18 * var(--to-rem));
}

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

  .new .p-bbs-faq__question{
    padding-inline: calc(20 * var(--to-rem));
  }


}


.new .p-bbs-faq__icon{
  flex-shrink: 0;
  width: calc(40 * var(--to-rem));
  height: calc(40 * var(--to-rem));
  object-fit: contain;
}


.new .p-bbs-faq__question span{
  font-family: "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", sans-serif;
  font-size: calc(18 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 1.6;
  color: var(--color-white);
  letter-spacing: 0.03em;
}


.new .p-bbs-faq__answer{
  display: flex;
  flex-direction: column;
  gap: calc(8 * var(--to-rem));
  padding: 0 calc(32 * var(--to-rem)) calc(20 * var(--to-rem)) calc(32 * var(--to-rem));
}

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

  .new .p-bbs-faq__answer{
    padding-inline: calc(20 * var(--to-rem));
  }


}

.new .p-bbs-faq__answer p{
  font-family: "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", sans-serif;
  font-size: calc(15 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 1.8;
  color: var(--color-white);
  letter-spacing: 0.03em;
}


.new .p-bbs-faq__rule-link{
  font-family: "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", sans-serif;
  font-size: calc(15 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 1.8;
  text-decoration: underline;
  text-underline-offset: 3px;
  letter-spacing: calc(0.45 * var(--to-rem));
  background: var(--grad-50, linear-gradient(93deg, #e195ac 0.17%, #a8b3e7 50.17%, #87d1c2 100.17%));
  background-clip: text;
  transition: opacity var(--duration);
  -webkit-text-fill-color: transparent;
}

@media (any-hover: hover) {

  .new .p-bbs-faq__rule-link:hover{
    opacity: 0.7;
  }


}


.new .p-bbs-fv{
  position: relative;
  overflow: hidden;
}


.new .p-bbs-fv__bg{
  position: absolute;
  right: 0;
  z-index: 10;
  width: 75%;
  height: calc(600 * var(--to-rem));
  pointer-events: none;
  isolation: isolate; /* ← これ大事（blend安定） */
  mask-image: linear-gradient(to right, transparent 0%, black 20%), linear-gradient(to bottom, black 60%, transparent 100%);
  mask-composite: destination-in;
  mask-composite: intersect;
}

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

  .new .p-bbs-fv__bg{
    width: 80%;
  }


}


.new .p-bbs-fv__content{
  position: relative;
  z-index: 20;
  padding: calc(137 * var(--to-rem)) calc(40 * var(--to-rem)) 0 calc(107 * var(--to-rem));
}

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

  .new .p-bbs-fv__content{
    padding: calc(137 * var(--to-rem)) calc(50 * var(--to-rem)) 0 calc(50 * var(--to-rem));
  }


}


.new .p-bbs-fv__label-wrap{
  display: inline-block;
}


.new .p-bbs-fv__label{
  padding: calc(5 * var(--to-rem)) calc(12 * var(--to-rem)) calc(18 * var(--to-rem));
  font-size: calc(16 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 160%;
  color: var(--color-white);
  letter-spacing: calc(0.48 * var(--to-rem));
  background: url("../images/fv-logo-mark.jple574T.svg") no-repeat center/100% 100%;
}


.new .p-bbs-fv__logo-mark{
  flex-shrink: 0;
  width: calc(220 * var(--to-rem));
  height: auto;
}


.new .p-bbs-fv__label{
  font-size: calc(16 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 1.6;
  color: var(--color-white);
  letter-spacing: 0.03em;
}


.new .p-bbs-fv__title{
  margin-block: calc(10 * var(--to-rem));
  font-family: "Shippori Mincho B1", serif;
  font-size: calc(48 * var(--to-rem));
  font-weight: 700;
  line-height: 1.6;
  color: var(--color-white);
  text-shadow: 0 0 40px rgb(32, 76, 125), 0 0 24px rgb(32, 76, 125);
  letter-spacing: 0.03em;
}

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

  .new .p-bbs-fv__title{
    font-size: calc(40 * var(--to-rem));
  }


}


.new .p-bbs-fv__sub-title{
  margin-block: calc(24 * var(--to-rem));
  font-family: "Shippori Mincho B1", serif;
  font-size: calc(24 * var(--to-rem));
  font-weight: 500;
  line-height: 1.8;
  color: var(--color-white);
  text-shadow: 0 0 16px rgb(32, 76, 125);
  letter-spacing: 0.03em;
}


.new .p-bbs-fv__body{
  font-size: calc(15 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 1.8;
  color: var(--color-white);
  letter-spacing: 0.03em;
}


.new .p-bbs-fv__illustration{
  position: absolute;
  top: calc(28 * var(--to-rem));
  left: calc(29 * var(--to-rem));
  z-index: 20;
  width: calc(549 * var(--to-rem));
  height: auto;
  pointer-events: none;
}


.new .p-bbs-fv__bottom{
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: calc(16 * var(--to-rem));
  align-items: center;
  padding: calc(60 * var(--to-rem)) calc(40 * var(--to-rem)) calc(80 * var(--to-rem));
  margin-block-start: calc(40 * var(--to-rem));
}


.new .p-bbs-fv__cta-btn{
  display: flex;
  gap: calc(16 * var(--to-rem));
  align-items: center;
  justify-content: center;
  width: calc(540 * var(--to-rem));
  max-width: 100%;
  padding: calc(16 * var(--to-rem)) calc(24 * var(--to-rem)) calc(16 * var(--to-rem)) calc(40 * var(--to-rem));
  font-size: calc(20 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 1.5;
  color: var(--color-white);
  letter-spacing: 0.03em;
  background: linear-gradient(135deg, #e195ac 0%, #a8b3e7 50%, #87d1c2 100%);
  border-radius: calc(112 * var(--to-rem));
  transition: transform var(--duration), box-shadow var(--duration);
}

.new .p-bbs-fv__cta-btn img{
  width: calc(20 * var(--to-rem));
  height: calc(20 * var(--to-rem));
}

@media (any-hover: hover) {

  .new .p-bbs-fv__cta-btn:hover{
    box-shadow: 0 14px 38px rgba(200, 154, 170, 0.48);
    transform: translateY(-2px);
  }


}


.new .p-bbs-fv__badges{
  display: flex;
  flex-wrap: wrap;
  gap: calc(16 * var(--to-rem));
  justify-content: center;
  padding: 0;
  margin: 0;
  list-style: none;
}

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

  .new .p-bbs-fv__badges{
    flex-direction: column;
    align-items: center;
  }


}


.new .p-bbs-fv__badge{
  display: flex;
  gap: calc(8 * var(--to-rem));
  align-items: center;
  font-size: calc(16 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 1.7;
  color: var(--color-white);
  text-shadow: 0 0 8px rgb(5, 47, 93);
  letter-spacing: 0.03em;
}

.new .p-bbs-fv__badge img{
  width: calc(20 * var(--to-rem));
  height: calc(20 * var(--to-rem));
}


.new .p-bbs-header{
  position: sticky;
  top: 0;
  z-index: var(--z-index-header);
  background-color: var(--color-white);
  border-bottom: 1px solid #f7e6d4;
}


.new .p-bbs-header__inner{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: calc(16 * var(--to-rem)) calc(40 * var(--to-rem));
}


.new .p-bbs-header__nav--main{
  flex: 1;
}


.new .p-bbs-header__logo{
  display: block;
  flex-shrink: 0;
  width: calc(82 * var(--to-rem));
  margin-inline: calc(16 * var(--to-rem));
}

.new .p-bbs-header__logo img{
  width: 100%;
  height: auto;
  object-fit: contain;
}


.new .p-bbs-header__right{
  display: flex;
  flex: 1;
  gap: calc(8 * var(--to-rem));
  align-items: center;
  justify-content: flex-end;
}


.new .p-bbs-header__nav-list{
  display: flex;
}


.new .p-bbs-header__nav-item a{
  display: flex;
  align-items: center;
  padding: 0 calc(16 * var(--to-rem));
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: calc(13 * var(--to-rem));
  font-weight: 400;
  line-height: 1.5;
  color: #959595;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  white-space: nowrap;
  transition: color var(--duration);
}

@media (any-hover: hover) {

  .new .p-bbs-header__nav-item a:hover{
    color: #0f0e0d;
  }


}


.new .p-bbs-header__nav-item--current a{
  color: #0f0e0d;
}


.new .p-bbs-header__cta-btn{
  display: flex;
  gap: calc(15 * var(--to-rem));
  align-items: center;
  padding: calc(12 * var(--to-rem)) calc(12 * var(--to-rem)) calc(15 * var(--to-rem)) calc(16 * var(--to-rem));
  font-size: calc(14 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 1.5;
  color: var(--color-white);
  letter-spacing: calc(0.42 * var(--to-rem));
  white-space: nowrap;
  background-color: #0f0e0d;
  border-radius: 4px;
  transition: opacity var(--duration);
}

@media (any-hover: hover) {

  .new .p-bbs-header__cta-btn:hover{
    opacity: 0.8;
  }


}


.new .p-bbs-howto{
  padding: calc(90 * var(--to-rem)) calc(120 * var(--to-rem));
}

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

  .new .p-bbs-howto{
    padding: calc(90 * var(--to-rem)) calc(20 * var(--to-rem));
  }


}


.new .p-bbs-howto__box{
  display: flex;
  flex-direction: column;
  gap: calc(56 * var(--to-rem));
  align-items: center;
  width: 100%;
  max-width: calc(1200 * var(--to-rem));
  padding: calc(64 * var(--to-rem)) calc(40 * var(--to-rem)) calc(80 * var(--to-rem));
  margin-inline: auto;
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid #d6d6d6;
  border-radius: calc(24 * var(--to-rem));
}

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

  .new .p-bbs-howto__box{
    padding: calc(64 * var(--to-rem)) calc(20 * var(--to-rem)) calc(80 * var(--to-rem));
  }


}


.new .p-bbs-howto__heading{
  display: flex;
  flex-direction: column;
  gap: calc(2 * var(--to-rem));
  align-items: center;
}


.new .p-bbs-howto__title{
  display: flex;
  gap: calc(16 * var(--to-rem));
  align-items: center;
  font-family: "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", sans-serif;
  font-size: calc(24 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 1.5;
  color: var(--color-white);
  letter-spacing: 0.1em;
}


.new .p-bbs-howto__title-dash{
  width: calc(91 * var(--to-rem));
  height: auto;
}


.new .p-bbs-howto__steps{
  display: flex;
  flex-wrap: wrap;
  gap: calc(40 * var(--to-rem));
  align-items: flex-start;
  justify-content: center;
  padding: 0;
  margin: 0;
  list-style: none;
}


.new .p-bbs-howto__step{
  display: flex;
  flex-direction: column;
  gap: calc(16 * var(--to-rem));
  align-items: center;
  width: calc(300 * var(--to-rem));
  text-align: center;
}


.new .p-bbs-howto__step-image{
  width: calc(88 * var(--to-rem));
  height: calc(88 * var(--to-rem));
  object-fit: contain;
}


.new .p-bbs-howto__step-title{
  font-family: "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", sans-serif;
  font-size: calc(20 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 1.5;
  color: var(--color-white);
  letter-spacing: 0.03em;
}


.new .p-bbs-howto__step-body{
  font-family: "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", sans-serif;
  font-size: calc(15 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 1.8;
  color: var(--color-white);
  letter-spacing: 0.03em;
}


.new .p-bbs-posts{
  display: flex;
  flex-direction: column;
  gap: calc(48 * var(--to-rem));
  align-items: center;
  padding: calc(90 * var(--to-rem)) calc(40 * var(--to-rem));
}

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

  .new .p-bbs-posts{
    padding-inline: calc(20 * var(--to-rem));
  }


}


.new .p-bbs-posts__heading{
  position: relative;
  display: flex;
  flex-direction: column;
  gap: calc(16 * var(--to-rem));
  align-items: center;
}


.new .p-bbs-posts__heading-deco{
  position: absolute;
  top: calc(-58 * var(--to-rem));
  left: 50%;
  width: calc(204 * var(--to-rem));
  height: auto;
  pointer-events: none;
  opacity: 0.2;
  translate: -50% 0;
}


.new .p-bbs-posts__title{
  font-family: "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", sans-serif;
  font-size: calc(28 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 1.5;
  color: var(--color-white);
  letter-spacing: 0.1em;
}


.new .p-bbs-posts__list{
  display: flex;
  flex-wrap: wrap;
  gap: calc(20 * var(--to-rem));
  justify-content: center;
  width: 100%;
}


.new .p-bbs-posts__more-link{
  display: flex;
  gap: calc(16 * var(--to-rem));
  align-items: center;
  padding-block-end: calc(16 * var(--to-rem));
  font-size: calc(16 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 1.5;
  color: var(--color-white);
  letter-spacing: 0.03em;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  transition: opacity var(--duration);
}

.new .p-bbs-posts__more-link img{
  width: calc(20 * var(--to-rem));
  height: calc(20 * var(--to-rem));
}

@media (any-hover: hover) {

  .new .p-bbs-posts__more-link:hover{
    opacity: 0.7;
  }


}


.new .p-bbs-replies{
  display: flex;
  flex-direction: column;
  gap: calc(45 * var(--to-rem));
  align-items: center;
  padding: calc(70 * var(--to-rem)) calc(40 * var(--to-rem));
}

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

  .new .p-bbs-replies{
    padding-inline: calc(20 * var(--to-rem));
  }


}


.new .p-bbs-replies__heading{
  position: relative;
  display: flex;
  flex-direction: column;
  gap: calc(2 * var(--to-rem));
  align-items: center;
}


.new .p-bbs-replies__heading-deco{
  position: absolute;
  top: calc(-58 * var(--to-rem));
  left: 50%;
  width: calc(204 * var(--to-rem));
  height: auto;
  pointer-events: none;
  opacity: 0.2;
  translate: calc(-50% + 5px) 0;
}


.new .p-bbs-replies__title{
  font-family: "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", sans-serif;
  font-size: calc(28 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 1.5;
  color: var(--color-white);
  letter-spacing: 0.1em;
}


.new .p-bbs-replies__sub{
  font-family: "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", sans-serif;
  font-size: calc(14 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 1.5;
  color: var(--color-white);
  letter-spacing: 0.1em;
}


.new .p-bbs-replies__list{
  display: flex;
  flex-wrap: wrap;
  gap: calc(20 * var(--to-rem));
  justify-content: center;
  width: 100%;
}


.new .p-bbs-replies__more-link{
  display: flex;
  gap: calc(16 * var(--to-rem));
  align-items: center;
  padding-block-end: calc(16 * var(--to-rem));
  font-size: calc(16 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 1.5;
  color: var(--color-white);
  letter-spacing: 0.03em;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  transition: opacity var(--duration);
}

.new .p-bbs-replies__more-link img{
  width: calc(20 * var(--to-rem));
  height: calc(20 * var(--to-rem));
}

@media (any-hover: hover) {

  .new .p-bbs-replies__more-link:hover{
    opacity: 0.7;
  }


}


.new .p-bbs-test{
  display: flex;
  flex-direction: column;
  gap: calc(48 * var(--to-rem));
  align-items: center;
  padding: calc(40 * var(--to-rem));
}


.new .p-bbs-test__heading{
  position: relative;
  display: flex;
  flex-direction: column;
  gap: calc(2 * var(--to-rem));
  align-items: center;
}


.new .p-bbs-test__heading-deco{
  position: absolute;
  top: calc(-58 * var(--to-rem));
  left: 50%;
  width: calc(204 * var(--to-rem));
  height: auto;
  pointer-events: none;
  opacity: 0.2;
  translate: -50% 0;
}


.new .p-bbs-test__title{
  font-family: "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", sans-serif;
  font-size: calc(28 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 1.5;
  color: var(--color-white);
  letter-spacing: 0.1em;
}


.new .p-bbs-test__list{
  display: flex;
  flex-wrap: wrap;
  gap: calc(20 * var(--to-rem));
  justify-content: center;
  width: 100%;
}


.new .p-bbs-test__more-link{
  display: flex;
  gap: calc(16 * var(--to-rem));
  align-items: center;
  padding-block-end: calc(16 * var(--to-rem));
  font-size: calc(16 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 1.5;
  color: var(--color-white);
  letter-spacing: 0.03em;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  transition: opacity var(--duration);
}

.new .p-bbs-test__more-link img{
  width: calc(20 * var(--to-rem));
  height: calc(20 * var(--to-rem));
}

@media (any-hover: hover) {

  .new .p-bbs-test__more-link:hover{
    opacity: 0.7;
  }


}


.new .p-bbs-test__more-link-wrap{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  width: calc(120 * var(--to-rem));
  margin: calc(40 * var(--to-rem)) auto 0;
  margin-top: calc(40 * var(--to-rem));
}


.new.p-footer{
  padding: calc(12 * var(--to-rem)) calc(40 * var(--to-rem));
  background-color: var(--color-white);
  border-top: 1px solid #0f0e0d;
}

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

  .new.p-footer{
    padding-inline: calc(20 * var(--to-rem));
  }


}


.new .p-footer__inner{
  display: flex;
  gap: calc(24 * var(--to-rem));
  align-items: center;
  justify-content: space-between;
}

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

  .new .p-footer__inner{
    display: grid;
    grid-template-areas: "logo nav" "copy nav";
    grid-template-columns: auto 1fr;
    gap: calc(6 * var(--to-rem)) calc(16 * var(--to-rem));
    align-items: start;
  }


}


.new .p-footer__logo{
  display: block;
  flex-shrink: 0;
  width: calc(72 * var(--to-rem));
}

.new .p-footer__logo img{
  width: 100%;
  height: auto;
  object-fit: contain;
}

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

  .new .p-footer__logo{
    grid-area: logo;
    padding-top: calc(5 * var(--to-rem));
  }


}


.new .p-footer__nav{
  flex: 1 1 auto;
  min-width: 0;
}

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

  .new .p-footer__nav{
    grid-area: nav;
    align-self: center;
  }


}


.new .p-footer__nav-list{
  display: flex;
  flex-wrap: wrap;
  gap: 0;
  justify-content: center;
}

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

  .new .p-footer__nav-list{
    align-items: center;
    justify-content: flex-end;
  }


}


.new .p-footer__nav-item a{
  display: flex;
  align-items: center;
  padding: 0 calc(16 * var(--to-rem));
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: calc(13 * var(--to-rem));
  font-weight: 400;
  line-height: 1.5;
  color: #959595;
  text-transform: uppercase;
  letter-spacing: calc(1.3 * var(--to-rem));
  transition: color var(--duration);
}

@media (any-hover: hover) {

  .new .p-footer__nav-item a:hover{
    color: #0f0e0d;
  }


}

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

  .new .p-footer__nav-item a{
    padding-inline: calc(10 * var(--to-rem));
    font-size: calc(12 * var(--to-rem));
  }


}


.new .p-footer__copyright{
  padding-block: calc(12 * var(--to-rem));
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: calc(12 * var(--to-rem));
  font-weight: 400;
  line-height: 1.5;
  color: #6b6865;
  text-align: right;
  letter-spacing: 0.1em;
  white-space: nowrap;
}

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

  .new .p-footer__copyright{
    grid-area: copy;
    font-size: calc(11 * var(--to-rem));
    text-align: left;
  }


}


.new.p-header{
  position: sticky;
  top: 0;
  z-index: var(--z-index-header);
  background: rgba(255, 255, 255, 0.9);
  font-family: var(--base-font-family);
  color: var(--color-text);
}


.new .p-header__inner{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: var(--header-height);
  padding-right: calc(40 * var(--to-rem));
  padding-left: calc(25 * var(--to-rem));
}

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

  .new .p-header__inner{
    position: static;
    padding-inline: calc(20 * var(--to-rem));
  }


}


.new .p-header__logo{
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  flex-shrink: 0;
  transition: opacity var(--duration);
  transform: translate(-50%, -50%);
}

.new .p-header__logo img{
  display: block;
  width: calc(82 * var(--to-rem));
  height: auto;
}

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

  .new .p-header__logo{
    position: relative;
    top: auto;
    left: auto;
    transform: none;
  }


}

@media (hover: hover) {

  .new .p-header__logo:hover{
    opacity: 0.75;
  }


}


.new .p-header__nav{
  position: static;
  display: flex;
  flex: 1;
  flex-direction: row;
  gap: 0;
  align-items: center;
  justify-content: space-between;
  width: auto;
  height: auto;
  padding: 0;
  overflow: visible;
  background: transparent;
  transition: none;
}

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

  .new .p-header__nav{
    position: fixed;
    top: var(--header-height);
    left: 100%;
    z-index: var(--z-index-header);
    flex: none;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
    height: calc(100dvh - var(--header-height));
    padding: calc(40 * var(--to-rem)) calc(20 * var(--to-rem));
    overflow-y: auto;
    background: rgba(15, 14, 13, 0.9);
    transition: left var(--duration);
  }

  .new .p-header__nav.is-active{
    left: 0;
  }


}


.new .p-header__nav-list--main{
  display: flex;
  flex-direction: row;
}

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

  .new .p-header__nav-list--main{
    flex-direction: column;
    align-items: center;
  }


}


.new .p-header__nav-right{
  display: flex;
  flex-direction: row;
  gap: calc(24 * var(--to-rem));
  align-items: center;
}

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

  .new .p-header__nav-right{
    flex-direction: column;
    align-items: center;
  }


}


.new .p-header__nav-list--sub{
  display: flex;
  flex-direction: row;
}

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

  .new .p-header__nav-list--sub{
    flex-direction: column;
  }


}


.new .p-header__nav-link{
  display: flex;
  align-items: center;
  padding: calc(8 * var(--to-rem)) calc(14 * var(--to-rem));
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: calc(13 * var(--to-rem));
  line-height: 1.5;
  color: var(--color-gray2);
  letter-spacing: calc(1.3 * var(--to-rem));
  border-bottom: none;
  transition: opacity var(--duration);
}

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

  .new .p-header__nav-link{
    padding-block: calc(16 * var(--to-rem));
    padding-inline: 0;
    font-size: max(15px, 16 * var(--to-rem));
    color: var(--color-white);
  }


}

@media (hover: hover) {

  .new .p-header__nav-link:hover{
    color: var(--color-black);
  }


}


.new .p-header__cta-btn{
  display: inline-flex;
  gap: calc(15 * var(--to-rem));
  align-items: center;
  padding: calc(12 * var(--to-rem)) calc(12 * var(--to-rem)) calc(12 * var(--to-rem)) calc(25 * var(--to-rem));
  font-family: var(--base-font-family);
  font-size: calc(14 * var(--to-rem));
  font-weight: var(--fw-light);
  line-height: 150%;
  color: var(--color-white);
  letter-spacing: calc(0.42 * var(--to-rem));
  white-space: nowrap;
  background: var(--color-black);
  transition: opacity var(--duration);
}

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

  .new .p-header__cta-btn{
    padding-right: calc(25 * var(--to-rem));
    font-size: max(15px, 14 * var(--to-rem));
  }

  .new .p-header__cta-btn img{
    width: 1em;
    height: 1em;
  }


}

@media (hover: hover) {

  .new .p-header__cta-btn:hover{
    opacity: 0.75;
  }


}


.new .p-header__hamburger{
  position: relative;
  z-index: calc(var(--z-index-header) + 1);
  display: none;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  width: calc(64 * var(--to-rem));
  height: calc(56 * var(--to-rem));
  cursor: pointer;
  background: transparent;
  border: none;
}

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

  .new .p-header__hamburger{
    display: flex;
  }


}


.new .p-header__hamburger-line{
  position: relative;
  display: block;
  width: calc(34 * var(--to-rem));
  height: calc(2 * var(--to-rem));
  margin-top: calc(5 * var(--to-rem));
  background: var(--color-text);
  transition: background var(--duration);
}

.new .p-header__hamburger-line::before, .new .p-header__hamburger-line::after{
  position: absolute;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  content: "";
  background: var(--color-text);
  transition: transform var(--duration), top var(--duration), bottom var(--duration);
}

.new .p-header__hamburger-line::before{
  bottom: calc(-12 * var(--to-rem));
}

.new .p-header__hamburger-line::after{
  bottom: calc(-24 * var(--to-rem));
}


.new .p-header__hamburger-txt{
  display: block;
  font-size: calc(10 * var(--to-rem));
  font-weight: var(--fw-bold);
  color: var(--color-text);
  letter-spacing: 0.05em;
}


.new .p-header__hamburger[aria-expanded=true] .p-header__hamburger-line{
  margin-top: 0;
  background: transparent;
  transform: translateY(calc(20 * var(--to-rem)));
}

.new .p-header__hamburger[aria-expanded=true] .p-header__hamburger-line::before{
  top: 0;
  bottom: auto;
  transform: rotate(45deg);
}

.new .p-header__hamburger[aria-expanded=true] .p-header__hamburger-line::after{
  bottom: 0;
  transform: rotate(-45deg);
}


.new .p-top-about{
  background-color: var(--color-white);
  border-top: 1px solid var(--color-border-gray);
}


.new .p-top-about__inner{
  display: flex;
  min-height: calc(669 * var(--to-rem));
}

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

  .new .p-top-about__inner{
    flex-direction: column;
    min-height: auto;
  }


}


.new .p-top-about__left{
  display: flex;
  flex: 0 0 69.4444%;
  flex-direction: column;
  gap: calc(40 * var(--to-rem));
  padding: calc(60 * var(--to-rem)) calc(80 * var(--to-rem));
}

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

  .new .p-top-about__left{
    padding: calc(64 * var(--to-rem)) calc(40 * var(--to-rem));
  }


}

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

  .new .p-top-about__left{
    flex: none;
    gap: calc(24 * var(--to-rem));
    padding: calc(48 * var(--to-rem)) calc(20 * var(--to-rem));
  }


}


.new .p-top-about__images{
  display: flex;
}

.new .p-top-about__images img{
  flex: 1;
  min-width: 0;
  height: auto;
  object-fit: cover;
}


.new .p-top-about__lead{
  font-family: "Shippori Mincho B1", serif;
  font-size: calc(20 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 1.8;
  color: var(--color-black);
  letter-spacing: 0.03em;
}

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

  .new .p-top-about__lead{
    font-size: calc(17 * var(--to-rem));
  }


}


.new .p-top-about__body{
  display: flex;
  flex-direction: column;
  gap: calc(24 * var(--to-rem));
}

.new .p-top-about__body p{
  font-size: calc(14 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 180%;
  color: var(--color-black);
  letter-spacing: calc(0.42 * var(--to-rem));
}


.new .p-top-about__author{
  display: flex;
  gap: calc(16 * var(--to-rem));
  align-items: center;
  padding-block-start: calc(20 * var(--to-rem));
  border-top: 1px solid var(--color-border-gray);
}


.new .p-top-about__author-img{
  flex-shrink: 0;
  width: calc(120 * var(--to-rem));
  height: auto;
  object-fit: contain;
}


.new .p-top-about__author-bar{
  width: calc(40 * var(--to-rem));
  height: calc(1 * var(--to-rem));
  background: var(--color-black);
}


.new .p-top-about__author-name{
  font-size: calc(13 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 1.6;
  color: var(--color-black);
  letter-spacing: 0.03em;
}


.new .p-top-about__right{
  display: flex;
  flex: 1;
  flex-direction: column;
  border-left: 1px solid var(--color-border-gray);
}

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

  .new .p-top-about__right{
    border-top: 1px solid var(--color-border-gray);
    border-left: none;
  }


}


.new .p-top-about__stats{
  display: flex;
  flex-direction: column;
}


.new .p-top-about__stat{
  display: flex;
  flex-direction: column;
  gap: calc(9 * var(--to-rem));
  padding: calc(40 * var(--to-rem)) calc(32 * var(--to-rem));
  border-bottom: 1px solid var(--color-border-gray);
}


.new .p-top-about__stat-num{
  font-family: "Shippori Mincho B1", serif;
  font-size: calc(48 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 1;
  color: var(--color-black);
  letter-spacing: 0.03em;
  transform: skewX(-10deg);
}


.new .p-top-about__stat-label{
  font-size: calc(14 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 1.8;
  color: var(--color-black);
  letter-spacing: 0.03em;
}


.new .p-top-about__backnumber-list{
  display: flex;
  flex-direction: column;
  gap: calc(32 * var(--to-rem));
  padding: calc(40 * var(--to-rem)) calc(32 * var(--to-rem));
  margin: 0;
  list-style: none;
}


.new .p-top-about__backnumber-item a{
  display: flex;
  gap: calc(9 * var(--to-rem));
  align-items: center;
  justify-content: space-between;
  font-size: calc(14 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 1.8;
  color: var(--color-black);
  letter-spacing: 0.03em;
  transition: opacity var(--duration);
}

.new .p-top-about__backnumber-item a img{
  flex-shrink: 0;
  width: calc(16 * var(--to-rem));
  height: calc(16 * var(--to-rem));
  filter: invert(40%) sepia(10%) saturate(200%) hue-rotate(10deg);
}

@media (any-hover: hover) {

  .new .p-top-about__backnumber-item a:hover{
    opacity: 0.7;
  }


}


.new .p-top-about__vol{
  font-family: "Shippori Mincho B1", serif;
  font-size: calc(14 * var(--to-rem));
  font-weight: var(--fw-medium);
  color: var(--color-black);
  transform: skewX(-10deg);
}


.new .p-top-backnumber{
  padding: calc(60 * var(--to-rem)) calc(80 * var(--to-rem)) calc(40 * var(--to-rem));
  background-color: var(--color-white);
  border-top: 1px solid var(--color-border-gray);
}

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

  .new .p-top-backnumber{
    padding: calc(48 * var(--to-rem)) calc(40 * var(--to-rem)) calc(32 * var(--to-rem));
  }


}

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

  .new .p-top-backnumber{
    padding: calc(40 * var(--to-rem)) calc(20 * var(--to-rem)) calc(24 * var(--to-rem));
  }


}


.new .p-top-backnumber__inner{
  display: flex;
  flex-direction: column;
  gap: calc(8 * var(--to-rem));
  align-items: center;
}


.new .p-top-backnumber__list{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: calc(16 * var(--to-rem));
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
}

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

  .new .p-top-backnumber__list{
    grid-template-columns: repeat(2, 1fr);
    gap: calc(8 * var(--to-rem));
  }


}


.new .p-top-backnumber__item{
  overflow: hidden;
}


.new .p-top-backnumber__img{
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 308/388;
  object-fit: cover;
  transition: transform var(--duration);
}

@media (any-hover: hover) {

  .new .p-top-backnumber__item:hover .p-top-backnumber__img{
    transform: scale(1.02);
  }


}


.new .p-top-backnumber__link{
  display: inline-flex;
  gap: calc(16 * var(--to-rem));
  align-items: center;
  padding-block: calc(10 * var(--to-rem));
  margin-left: auto;
  font-size: calc(13 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 1.5;
  color: var(--color-black);
  letter-spacing: 0.03em;
  border-bottom: 1px solid var(--color-black);
  transition: opacity var(--duration);
}

.new .p-top-backnumber__link img{
  flex-shrink: 0;
  width: calc(16 * var(--to-rem));
  height: calc(16 * var(--to-rem));
}

@media (any-hover: hover) {

  .new .p-top-backnumber__link:hover{
    opacity: 0.7;
  }


}


.new .p-top-bbs{
  overflow: hidden;
  background-color: var(--color-white);
  border-top: 1px solid var(--color-border-gray);
}


.new .p-top-bbs__inner{
  display: flex;
  width: 100%;
  min-height: calc(764 * var(--to-rem));
}

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

  .new .p-top-bbs__inner{
    flex-direction: column;
    min-height: auto;
  }


}


.new .p-top-bbs__left{
  position: relative;
  display: flex;
  flex: 0 0 50%;
  flex-direction: column;
  gap: calc(36 * var(--to-rem));
  justify-content: center;
  min-width: 0;
  padding: calc(64 * var(--to-rem)) calc(80 * var(--to-rem)) calc(80 * var(--to-rem));
}

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

  .new .p-top-bbs__left{
    padding: calc(48 * var(--to-rem)) calc(40 * var(--to-rem)) calc(64 * var(--to-rem));
  }


}

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

  .new .p-top-bbs__left{
    flex: none;
    gap: calc(24 * var(--to-rem));
    padding: calc(48 * var(--to-rem)) calc(20 * var(--to-rem));
  }


}


.new .p-top-bbs__left-decoration-img{
  position: absolute;
  top: calc(40 * var(--to-rem));
  right: calc(56 * var(--to-rem));
  pointer-events: none;
}

.new .p-top-bbs__left-decoration-img img{
  width: calc(214 * var(--to-rem));
  height: calc(122 * var(--to-rem));
  object-fit: contain;
}


.new .p-top-bbs__kicker{
  display: flex;
  gap: calc(8 * var(--to-rem));
  align-items: center;
  padding-bottom: calc(24 * var(--to-rem));
}


.new .p-top-bbs__kicker-line{
  display: inline-block;
  width: calc(20 * var(--to-rem));
  height: 1px;
  background: var(--color-black);
}


.new .p-top-bbs__kicker-text{
  font-size: calc(16 * var(--to-rem));
  font-weight: var(--fw-regular);
  line-height: 1.5;
  color: var(--color-black);
  letter-spacing: 0.03em;
}


.new s .p-top-bbs__title-wrap{
  width: calc(411 * var(--to-rem));
  height: calc(256 * var(--to-rem));
}


.new .p-top-bbs__title{
  width: calc(411 * var(--to-rem));
}

.new .p-top-bbs__title img{
  width: 100%;
  height: 100%;
}

.new .p-top-bbs__sub{
  font-family: "Shippori Mincho B1", serif;
  font-size: calc(23 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 170%;
  color: var(--color-black);
  letter-spacing: calc(0.72 * var(--to-rem));
}

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

  .new .p-top-bbs__sub{
    font-size: calc(18 * var(--to-rem));
  }


}


.new .p-top-bbs__body{
  display: flex;
  flex-direction: column;
  gap: calc(24 * var(--to-rem));
}

.new .p-top-bbs__body p{
  font-size: calc(14 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 1.85;
  color: var(--color-black);
  letter-spacing: 0.03em;
}


.new .p-top-bbs__btns{
  display: flex;
  flex-wrap: wrap;
  gap: calc(12 * var(--to-rem));
}


.new .p-top-bbs__btn{
  position: relative;
  display: inline-block;
  width: calc(260 * var(--to-rem));
  max-width: 100%;
  font-size: calc(16 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 1.5;
  text-align: center;
  letter-spacing: 0.03em;
  transition: opacity var(--duration);
}

.new .p-top-bbs__btn span{
  display: block;
  padding: calc(16 * var(--to-rem)) calc(24 * var(--to-rem)) calc(16 * var(--to-rem)) calc(16 * var(--to-rem));
}

.new .p-top-bbs__btn img{
  position: absolute;
  top: 50%;
  right: calc(12 * var(--to-rem));
  width: calc(20 * var(--to-rem));
  height: calc(20 * var(--to-rem));
  transform: translateY(-50%);
}

@media (any-hover: hover) {

  .new .p-top-bbs__btn:hover{
    opacity: 0.7;
  }


}

.new .p-top-bbs__btn--primary{
  color: var(--color-white);
  background: var(--color-black);
}

.new .p-top-bbs__btn--outline{
  color: var(--color-black);
  background: var(--color-white);
  border: 1px solid var(--color-border-gray);
}


.new .p-top-bbs__right{
  display: flex;
  flex: 0 0 50%;
  flex-direction: column;
  min-width: 0;
}

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

  .new .p-top-bbs__right{
    flex: none;
    min-width: unset;
  }


}


.new .p-top-bbs__panel{
  --_panel-bg: transparent;
  --_panel-text: var(--color-black);
  display: flex;
  flex: 1;
  flex-direction: column;
  padding: calc(24 * var(--to-rem)) calc(40 * var(--to-rem));
  background-color: var(--_panel-bg);
  border-top: 1px solid var(--color-border-gray);
  border-left: 1px solid var(--color-border-gray);
}

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

  .new .p-top-bbs__panel{
    padding: calc(24 * var(--to-rem)) calc(20 * var(--to-rem));
    border-left: none;
  }


}

.new .p-top-bbs__panel--white{
  --_panel-bg: var(--color-white);
  background-color: var(--_panel-bg);
}


.new .p-top-bbs__panel-head{
  display: flex;
  gap: calc(8 * var(--to-rem));
  align-items: center;
  padding: calc(12 * var(--to-rem)) 0;
  margin-bottom: calc(16 * var(--to-rem));
  border-bottom: 1px solid var(--color-border-gray);
}


.new .p-top-bbs__panel-icon{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: calc(16 * var(--to-rem));
  height: calc(16 * var(--to-rem));
}

.new .p-top-bbs__panel-icon img{
  width: 100%;
  height: 100%;
}


.new .p-top-bbs__panel-label{
  font-size: calc(13 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 1.5;
  color: var(--color-black);
  letter-spacing: 0.03em;
}


.new .p-top-bbs__post-list{
  display: flex;
  flex-direction: column;
  padding: 0;
  margin: 0;
  list-style: none;
}


.new .p-top-bbs__post-item{
  display: flex;
  gap: calc(8 * var(--to-rem));
  align-items: center;
  padding: calc(16 * var(--to-rem)) 0;
  border-bottom: 1px solid var(--color-border-gray);
}


.new .p-top-bbs__post-avatar{
  display: block;
  flex-shrink: 0;
  width: calc(28 * var(--to-rem));
  height: calc(28 * var(--to-rem));
  background: linear-gradient(135deg, #e195ac 0%, #a8b3e7 50%, #87d1c2 100%);
  border-radius: 50%;
}


.new .p-top-bbs__post-text{
  overflow: hidden;
  font-size: calc(14 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 1.6;
  color: var(--color-black);
  text-overflow: ellipsis;
  letter-spacing: 0.03em;
  white-space: nowrap;
}


.new .p-top-bbs__reply-list{
  display: flex;
  flex-direction: column;
  padding: 0;
  margin: 0;
  list-style: none;
}


.new .p-top-bbs__reply-item a{
  display: flex;
  gap: calc(24 * var(--to-rem));
  align-items: center;
  justify-content: space-between;
  padding: calc(16 * var(--to-rem)) 0;
  border-bottom: 1px solid var(--color-border-gray);
  transition: opacity var(--duration);
}

.new .p-top-bbs__reply-item a img{
  flex-shrink: 0;
  width: calc(16 * var(--to-rem));
  height: calc(16 * var(--to-rem));
}

@media (any-hover: hover) {

  .new .p-top-bbs__reply-item a:hover{
    opacity: 0.7;
  }


}


.new .p-top-bbs__reply-info{
  display: flex;
  gap: calc(24 * var(--to-rem));
  align-items: center;
}


.new .p-top-bbs__reply-no{
  font-size: calc(14 * var(--to-rem));
  font-weight: var(--fw-regular);
  line-height: 1.6;
  color: var(--color-black);
  letter-spacing: 0.02em;
}


.new .p-top-bbs__reply-to{
  font-size: calc(14 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 1.6;
  color: var(--color-black);
  letter-spacing: 0.03em;
}


.new .p-top-bbs__reply-link{
  display: inline-flex;
  gap: calc(16 * var(--to-rem));
  align-items: center;
  padding-block: calc(16 * var(--to-rem));
  margin-left: auto;
  font-size: calc(13 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 1.5;
  color: var(--color-black);
  letter-spacing: 0.03em;
  border-bottom: 1px solid var(--color-black);
  transition: opacity var(--duration);
}

.new .p-top-bbs__reply-link img{
  flex-shrink: 0;
  width: calc(16 * var(--to-rem));
  height: calc(16 * var(--to-rem));
}

@media (any-hover: hover) {

  .new .p-top-bbs__reply-link:hover{
    opacity: 0.7;
  }


}


.new .p-top-fv{
  overflow: hidden;
  background-color: var(--color-white);
  border-top: 1px solid var(--color-black);
}


.new .p-top-fv__inner{
  display: flex;
}

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

  .new .p-top-fv__inner{
    flex-direction: column;
    min-height: auto;
  }


}


.new .p-top-fv__left{
  display: flex;
  flex: 0 0 50%;
  flex-direction: column;
  justify-content: center;
  padding: calc(64 * var(--to-rem)) calc(80 * var(--to-rem));
}

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

  .new .p-top-fv__left{
    padding: calc(64 * var(--to-rem)) calc(40 * var(--to-rem));
  }


}

@media screen and (width <= 900px) {

  .new .p-top-fv__left{
    padding: calc(40 * var(--to-rem)) calc(24 * var(--to-rem));
  }


}

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

  .new .p-top-fv__left{
    align-items: center;
    padding: calc(48 * var(--to-rem)) calc(20 * var(--to-rem));
  }


}


.new .p-top-fv__kicker{
  display: flex;
  gap: calc(8 * var(--to-rem));
  align-items: center;
  margin-block-end: calc(24 * var(--to-rem));
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: calc(12 * var(--to-rem));
  font-weight: var(--fw-regular);
  line-height: 1.5;
  color: var(--color-gray2);
  letter-spacing: 0.1em;
}

.new .p-top-fv__kicker::before{
  display: inline-block;
  width: calc(20 * var(--to-rem));
  height: 1px;
  content: "";
  background: currentcolor;
}


.new .p-top-fv__logo-wrap{
  display: flex;
  flex-direction: column;
  gap: calc(16 * var(--to-rem));
  width: fit-content;
  margin-block-end: calc(36 * var(--to-rem));
}

@media screen and (width <= 900px) {

  .new .p-top-fv__logo-wrap{
    margin-block-end: calc(24 * var(--to-rem));
  }


}


.new .p-top-fv__logo{
  width: calc(440 * var(--to-rem));
  max-width: 100%;
  height: auto;
}

@media screen and (width <= 900px) {

  .new .p-top-fv__logo{
    width: calc(320 * var(--to-rem));
  }


}


.new .p-top-fv__logo-sub{
  width: calc(224 * var(--to-rem));
  max-width: 100%;
  height: auto;
  object-fit: contain;
  margin: 0 auto;
}


.new .p-top-fv__catch{
  padding-inline: calc(8 * var(--to-rem));
  margin-block-end: calc(40 * var(--to-rem));
  font-family: "Shippori Mincho B1", serif;
  font-size: calc(24 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 1.8;
  color: var(--color-black);
  letter-spacing: 0.03em;
}

@media screen and (width <= 900px) {

  .new .p-top-fv__catch{
    margin-block-end: calc(24 * var(--to-rem));
    font-size: calc(20 * var(--to-rem));
  }


}

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

  .new .p-top-fv__catch{
    font-size: calc(20 * var(--to-rem));
  }


}


.new .p-top-fv__body{
  margin-block-end: calc(50 * var(--to-rem));
  font-size: calc(14 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 1.8;
  color: var(--color-black);
  letter-spacing: 0.03em;
}

@media screen and (width <= 900px) {

  .new .p-top-fv__body{
    margin-block-end: calc(32 * var(--to-rem));
  }


}


.new .p-top-fv__btns{
  display: flex;
  flex-wrap: wrap;
  gap: calc(12 * var(--to-rem));
}


.new .p-top-fv__btn{
  position: relative;
  display: inline-block;
  width: calc(260 * var(--to-rem));
  max-width: 100%;
  font-size: calc(16 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 1.5;
  text-align: center;
  letter-spacing: 0.03em;
  transition: opacity var(--duration);
}

.new .p-top-fv__btn span{
  display: block;
  padding: calc(16 * var(--to-rem)) calc(24 * var(--to-rem)) calc(16 * var(--to-rem)) calc(16 * var(--to-rem));
}

.new .p-top-fv__btn img{
  position: absolute;
  top: 50%;
  right: calc(12 * var(--to-rem));
  width: calc(20 * var(--to-rem));
  height: calc(20 * var(--to-rem));
  transform: translateY(-50%);
}

@media (any-hover: hover) {

  .new .p-top-fv__btn:hover{
    opacity: 0.7;
  }


}

.new .p-top-fv__btn--primary{
  color: var(--color-white);
  background: var(--color-black);
}

.new .p-top-fv__btn--secondary{
  color: var(--color-white);
  background: var(--color-black);
}

.new .p-top-fv__btn--secondary span{
  display: flex;
  flex-direction: column;
  gap: calc(1 * var(--to-rem));
  align-items: center;
  padding: calc(8 * var(--to-rem)) calc(24 * var(--to-rem)) calc(10 * var(--to-rem)) calc(16 * var(--to-rem));
}

.new .p-top-fv__btn--secondary span small{
  font-size: calc(13 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 100%;
}


.new .p-top-fv__right{
  flex: 0 0 50%;
  overflow: hidden;
}

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

  .new .p-top-fv__right{
    flex: none;
  }


}


.new .p-top-fv__feature{
  display: flex;
  flex-direction: column;
  height: 100%;
}


.new .p-top-fv__feature-item{
  position: relative;
  flex: 1;
  aspect-ratio: 720/396;
  overflow: hidden;
}

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

  .new .p-top-fv__feature-item{
    aspect-ratio: auto;
  }


}

.new .p-top-fv__feature-item::after{
  position: absolute;
  inset: 0;
  content: "";
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
}


.new .p-top-fv__feature-img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}


.new .p-top-fv__feature-label{
  position: absolute;
  bottom: calc(24 * var(--to-rem));
  left: calc(24 * var(--to-rem));
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: calc(4 * var(--to-rem));
}


.new .p-top-fv__feature-type{
  font-size: calc(12 * var(--to-rem));
  font-weight: var(--fw-regular);
  line-height: 1.8;
  color: var(--color-white);
  text-transform: uppercase;
  letter-spacing: 0.1em;
}


.new .p-top-fv__feature-name{
  font-size: calc(14 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 1.8;
  color: var(--color-white);
  letter-spacing: 0.03em;
}


.new .p-top-info{
  background-color: var(--color-white);
  border-top: 1px solid var(--color-border-gray);
}


.new .p-top-info__inner{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  min-height: calc(422 * var(--to-rem));
}

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

  .new .p-top-info__inner{
    grid-template-columns: 1fr;
    min-height: auto;
  }


}


.new .p-top-info__col{
  display: flex;
  flex-direction: column;
  gap: calc(24 * var(--to-rem));
  padding: calc(24 * var(--to-rem)) calc(40 * var(--to-rem)) calc(80 * var(--to-rem));
  border-right: 1px solid var(--color-border-gray);
}

.new .p-top-info__col:first-child{
  border-left: none;
}

.new .p-top-info__col:last-child{
  border-right: none;
}

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

  .new .p-top-info__col{
    padding: calc(24 * var(--to-rem)) calc(24 * var(--to-rem)) calc(48 * var(--to-rem));
  }


}

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

  .new .p-top-info__col{
    padding: calc(24 * var(--to-rem)) calc(20 * var(--to-rem));
    border-right: none;
    border-bottom: 1px solid var(--color-border-gray);
  }

  .new .p-top-info__col:last-child{
    border-bottom: none;
  }


}


.new .p-top-info__col-head{
  display: flex;
  gap: calc(8 * var(--to-rem));
  align-items: center;
  padding: calc(10 * var(--to-rem)) 0;
  border-bottom: 1px solid var(--color-border-gray);
}


.new .p-top-info__col-icon{
  display: inline-block;
  width: calc(16 * var(--to-rem));
  height: calc(16 * var(--to-rem));
  background: var(--color-border-gray);
  border-radius: 50%;
}


.new .p-top-info__col-label{
  font-size: calc(13 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 1.5;
  color: var(--color-black);
  letter-spacing: calc(1.3 * var(--to-rem));
}


.new .p-top-info__col-body{
  display: flex;
  flex-direction: column;
  gap: calc(24 * var(--to-rem));
}

.new .p-top-info__col-body p{
  font-size: calc(14 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 1.85;
  color: var(--color-black);
  letter-spacing: calc(0.3 * var(--to-rem));
}


.new .p-top-info__col-link{
  display: inline-flex;
  gap: calc(16 * var(--to-rem));
  align-items: center;
  width: fit-content;
  padding-block: calc(14 * var(--to-rem));
  font-size: calc(13 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 1.5;
  color: var(--color-black);
  letter-spacing: 0.03em;
  border-bottom: 1px solid var(--color-black);
  transition: opacity var(--duration);
}

.new .p-top-info__col-link img{
  flex-shrink: 0;
  width: calc(16 * var(--to-rem));
  height: calc(16 * var(--to-rem));
}

@media (any-hover: hover) {

  .new .p-top-info__col-link:hover{
    opacity: 0.7;
  }


}


.new .p-top-info__follow-list{
  display: flex;
  flex-direction: column;
  padding: 0;
  margin: 0;
  list-style: none;
}


.new .p-top-info__follow-item a{
  display: flex;
  gap: calc(16 * var(--to-rem));
  align-items: center;
  justify-content: space-between;
  padding: calc(14 * var(--to-rem)) 0;
  border-bottom: 1px solid var(--color-border-gray);
  transition: opacity var(--duration);
}

.new .p-top-info__follow-item a img{
  flex-shrink: 0;
  width: calc(16 * var(--to-rem));
  height: calc(16 * var(--to-rem));
  filter: invert(40%) sepia(10%) saturate(200%) hue-rotate(10deg);
}

@media (any-hover: hover) {

  .new .p-top-info__follow-item a:hover{
    opacity: 0.7;
  }


}


.new .p-top-info__follow-service{
  display: flex;
  gap: calc(16 * var(--to-rem));
  align-items: center;
}


.new .p-top-info__follow-icon{
  display: inline-flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  width: calc(32 * var(--to-rem));
  height: calc(32 * var(--to-rem));
  border: 1px solid #e8e8e8;
  border-radius: calc(80 * var(--to-rem));
}


.new .p-top-info__follow-service span{
  font-size: calc(14 * var(--to-rem));
  font-weight: var(--fw-regular);
  line-height: 1.6;
  color: var(--color-black);
  letter-spacing: 0.03em;
}


.new .p-top-info__col-btn{
  display: inline-flex;
  gap: calc(14 * var(--to-rem));
  align-items: center;
  align-self: flex-start;
  padding: calc(12 * var(--to-rem)) calc(12 * var(--to-rem)) calc(12 * var(--to-rem)) calc(20 * var(--to-rem));
  color: var(--color-white);
  background: var(--color-black);
  transition: opacity var(--duration);
}

.new .p-top-info__col-btn span{
  font-size: calc(14 * var(--to-rem));
  font-weight: var(--fw-medium);
  line-height: 1.5;
  letter-spacing: calc(0.42 * var(--to-rem));
}

.new .p-top-info__col-btn img{
  flex-shrink: 0;
  width: calc(16 * var(--to-rem));
  height: calc(16 * var(--to-rem));
}

@media (any-hover: hover) {

  .new .p-top-info__col-btn:hover{
    opacity: 0.7;
  }


}


@keyframes fade-in-up {

  from{
    opacity: 0;
    transform: translateY(calc(24 * var(--to-rem)));
  }

  to{
    opacity: 1;
    transform: translateY(0);
  }


}

.new [data-fade]{
  opacity: 0;
}

.new [data-fade].is-visible{
  animation: fade-in-up 0.9s 0.2s ease both;
}


.new .u-sr-only{
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}


.new .u-sp-only{
  display: none;
}

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

  .new .u-sp-only{
    display: block;
  }


}


/* =============================================
   404 page
   ============================================= */

.new.l-404{
  min-height: 100svh;
  background: var(--color-black);
  color: var(--color-white);
  display: flex;
  flex-direction: column;
}

.new .p-404{
  flex: 1;
  display: flex;
  align-items: center;
  padding-block: calc(120 * var(--to-rem)) calc(80 * var(--to-rem));
}

.new .p-404__inner{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: calc(32 * var(--to-rem));
}

.new .p-404__code{
  font-family: "Gotu", sans-serif;
  font-size: clamp(80px, 16vw, 160px);
  line-height: 1;
  letter-spacing: -0.03em;
  background: linear-gradient(135deg, #e3a2b6 0%, #bec3ea 50%, #93cfc3 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  user-select: none;
}

.new .p-404__title{
  font-family: "Shippori Mincho B1", serif;
  font-size: clamp(18px, 2vw, 24px);
  font-weight: 500;
  letter-spacing: 0.05em;
  color: var(--color-white);
}

.new .p-404__body{
  font-size: clamp(13px, 1.2vw, 15px);
  line-height: 1.9;
  color: rgba(255, 255, 255, 0.65);
}

.new .p-404__links{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: calc(16 * var(--to-rem)) calc(32 * var(--to-rem));
  margin-top: calc(8 * var(--to-rem));
}

.new .p-404__btn{
  display: inline-flex;
  align-items: center;
  gap: calc(8 * var(--to-rem));
  padding: calc(14 * var(--to-rem)) calc(32 * var(--to-rem));
  background: var(--color-white);
  color: var(--color-black);
  font-size: calc(14 * var(--to-rem));
  font-weight: 500;
  letter-spacing: 0.05em;
  border-radius: 100px;
  transition: opacity var(--duration);
}

.new .p-404__btn:hover{
  opacity: 0.8;
}

.new .p-404__link{
  font-size: calc(13 * var(--to-rem));
  color: rgba(255, 255, 255, 0.7);
  letter-spacing: 0.04em;
  text-decoration: underline;
  text-underline-offset: 4px;
  transition: color var(--duration);
}

.new .p-404__link:hover{
  color: var(--color-white);
}

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

  .new .p-404{
    padding-block: calc(80 * var(--to-rem)) calc(60 * var(--to-rem));
  }

  .new .p-404__links{
    flex-direction: column;
    align-items: flex-start;
  }

}

}