@import url("https://fonts.googleapis.com/css2?family=M+PLUS+2:wght@100..900&family=Noto+Sans+JP:wght@100..900&display=swap");@import url("https://use.typekit.net/tge5cuk.css");


/* color */
.font-jp {
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}
.font-mplus {
  font-family: "M PLUS 2", sans-serif;
}
.font-en {
  font-family: "rooney-sans", sans-serif;
}
@keyframes loadingText {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(50%);
    animation-timing-function: cubic-bezier(0.15, 0.85, 0.45, 1);
  }
  100% {
    transform: translateY(0);
    animation-timing-function: cubic-bezier(0.85, 0, 0.15, 1);
  }
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes waveText {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10%);
  }
  100% {
    transform: translateY(0);
  }
}
/* A Modern CSS Reset */
*,
*::before,
*::after {
  box-sizing: border-box;
}
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
figure,
blockquote,
dl,
dd {
  margin: 0;
}
ul[role=list],
ol[role=list] {
  list-style: none;
}
body {
  min-height: 100vh;
  line-height: 1.5;
  text-rendering: optimizeSpeed;
}
a:not([class]) {
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
}
img,
picture {
  display: inline-block;
  width: 100%;
  max-width: 100%;
  height: 100%;
}
input,
button,
textarea,
select {
  font: inherit;
}
button {
  border-radius: 0;
}
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
  -moz-appearance: none;
       appearance: none;
  border: unset;
  background-image: none;
  background-color: transparent;
}
@media (prefers-reduced-motion: reduce) {
  html:focus-within {
    scroll-behavior: auto;
  }
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}
:root {
  --vw: 1vw;
}
html,
body {
  width: 100%;
  overscroll-behavior: none;
  font-size: 4.1025641026vw;
}
@media (min-width: 768px) {
  html,
  body {
    font-size: 1rem;
  }
}
.small-asterisk {
  font-size: 0.7em;
  vertical-align: super; /* 上付き文字 */
}
@media (min-width: 1280px) {
  html,
  body {
    font-size: 1.1111111111vw;
  }
}
body {
  color: #000000;
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  font-feature-settings: "palt";
  -webkit-font-smoothing: antialiased;
  background-color: #fffef9;
  overflow-x: clip;
}
body.no-scroll {
  overflow: hidden;
}
dl,
dt,
dd,
ul,
li {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
h1,
h2,
h3,
h4,
h5 {
  margin-block-start: 0;
  margin-block-end: 0;
}
img {
  display: block;
  max-width: 100%;
  height: auto;
}
a {
  color: #000000;
  text-decoration: none;
}
button {
  outline: none;
}
a,
button {
  -webkit-tap-highlight-color: transparent;
}
img,
picture {
  display: block;
}
[hidden] {
  display: none !important;
}
[x-cloak] {
  display: none !important;
}
.is-transitionstart a {
  pointer-events: none;
}
svg {
  display: block;
}
use {
  display: block;
  width: 100%;
  height: 100%;
}
.c-bleed__left {
  margin-left: calc(50% - 50vi);
}
.c-bleed__right {
  margin-right: calc(50% - 50vi);
}
.c-bleed__both {
  margin-right: calc(50% - 50vi);
  margin-left: calc(50% - 50vi);
}
.c-button__base {
  width: 100%;
  height: 100%;
}
.c-button__base--link {
  display: block;
  position: relative;
  z-index: 10;
  width: 100%;
  height: 100%;
}
.c-button__base--link::before {
  position: absolute;
  transform: translateY(0.1875rem);
  z-index: -10;
  inset: 0;
  border-radius: 9999px;
  background-color: #4d9397;
  content: "";
}
.--orenge .c-button__base--link::before {
  background-color: #c9461d;
}
.--lg .c-button__base--link::before {
  transform: translateY(0.5rem);
}
.c-button__base--inner {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 9999px;
  background-color: #71b9be;
  width: 100%;
  height: 100%;
  overflow: hidden;
  color: #ffffff;
}
.--orenge .c-button__base--inner {
  background-color: #f46133;
}
.c-button__drawer {
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  padding: 0 !important;
  width: 1.25rem;
  height: 1.125rem;
}
.c-button__drawer::before, .c-button__drawer::after {
  position: absolute;
  left: 0;
  transition: transform 300ms ease;
  border-radius: 9999px;
  background-color: #2e2e2e;
  width: 100%;
  height: 0.125rem;
  content: "";
}
.c-button__drawer::before {
  top: 0;
  transform: scaleX(1) translateY(0);
}
.c-button__drawer::after {
  bottom: 0;
  transform: scaleX(1) translateY(0);
}
.c-button__drawer--line {
  display: block;
  transform: scaleX(1);
  transition: transform 300ms ease;
  border-radius: 9999px;
  background-color: #2e2e2e;
  width: 100%;
  height: 0.125rem;
}
.c-button__drawer.is-open::before {
  transform: scaleX(1.45) translateY(0.5rem) rotateZ(30deg);
}
.c-button__drawer.is-open::after {
  transform: scaleX(1.45) translateY(-0.5rem) rotateZ(-30deg);
}
.c-button__drawer.is-open .c-button__drawer--line {
  transform: scaleX(0);
}
.c-button__consultant {
  margin: 0 auto;
  width: 100%;
  max-width: 15.75rem;
  height: 3rem;
}
.c-button__consultant--link {
  display: block;
  position: relative;
  z-index: 10;
  width: 100%;
  height: 100%;
}
.c-button__consultant--link::before {
  position: absolute;
  transform: translateY(0.25rem);
  z-index: -10;
  inset: 0;
  border-radius: 9999px;
  background-color: #e8e8e8;
  content: "";
}
.c-button__consultant--inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0 1rem;
  border-radius: 9999px;
  background-color: #ffffff;
  padding: 0 1.375rem 0 2.6875rem;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.c-button__consultant--content {
  width: 100%;
  height: auto;
}
.c-button__consultant--arrow {
  flex: 1 0 auto;
  width: 0.3125rem;
  height: auto;
}
.c-container {
  padding: 0 1rem;
  width: 100%;
  height: auto;
}
@media (min-width: 768px) {
  .c-container {
    padding: 0 13.8888888889vw;
  }
}
.c-container__side {
  padding: 0 1rem;
  width: 100%;
  height: auto;
}
@media (min-width: 768px) {
  .c-container__side {
    padding-right: 0;
    padding-left: 8.4027777778vw;
  }
}
.c-display__hidden {
  display: none !important;
}
@media (min-width: 390px) {
  .c-display__hidden--ip {
    display: none;
  }
}
@media (min-width: 640px) {
  .c-display__hidden--sm {
    display: none;
  }
}
@media (min-width: 768px) {
  .c-display__hidden--md {
    display: none;
  }
}
@media (min-width: 1024px) {
  .c-display__hidden--lg {
    display: none;
  }
}
@media (min-width: 1280px) {
  .c-display__hidden--xl {
    display: none;
  }
}
@media (min-width: 1440px) {
  .c-display__hidden--2xl {
    display: none;
  }
}
.c-display__block {
  display: block;
}
.c-display__block--ip {
  display: none;
}
@media (min-width: 390px) {
  .c-display__block--ip {
    display: block;
  }
}
.c-display__block--sm {
  display: none;
}
@media (min-width: 640px) {
  .c-display__block--sm {
    display: block;
  }
}
.c-display__block--md {
  display: none;
}
@media (min-width: 768px) {
  .c-display__block--md {
    display: block;
  }
}
.c-display__block--lg {
  display: none;
}
@media (min-width: 1024px) {
  .c-display__block--lg {
    display: block;
  }
}
.c-display__block--xl {
  display: none;
}
@media (min-width: 1280px) {
  .c-display__block--xl {
    display: block;
  }
}
.c-display__block--2xl {
  display: none;
}
@media (min-width: 1440px) {
  .c-display__block--2xl {
    display: block;
  }
}
.c-display__inline {
  display: inline;
}
.c-display__inline--ip {
  display: none;
}
@media (min-width: 390px) {
  .c-display__inline--ip {
    display: inline;
  }
}
.c-display__inline--sm {
  display: none;
}
@media (min-width: 640px) {
  .c-display__inline--sm {
    display: inline;
  }
}
.c-display__inline--md {
  display: none;
}
@media (min-width: 768px) {
  .c-display__inline--md {
    display: inline;
  }
}
.c-display__inline--lg {
  display: none;
}
@media (min-width: 1024px) {
  .c-display__inline--lg {
    display: inline;
  }
}
.c-display__inline--xl {
  display: none;
}
@media (min-width: 1280px) {
  .c-display__inline--xl {
    display: inline;
  }
}
.c-display__inline--2xl {
  display: none;
}
@media (min-width: 1440px) {
  .c-display__inline--2xl {
    display: inline;
  }
}
.c-effect__loading {
  position: fixed;
  opacity: 1;
  z-index: 9999;
  inset: 0;
  background-color: #fffef9;
}
.is-loaded .c-effect__loading {
  opacity: 0;
  transition: opacity 300ms ease;
}
.c-effect__header {
  transform: translateY(-100%);
}
.is-loaded .c-effect__header {
  transform: translateY(0);
  transition: transform 1500ms cubic-bezier(0.65, 0, 0.35, 1) 4000ms;
}
.c-effect__fv .--fluid.--1 img {
  transform: translateY(-100%);
}
.c-effect__fv .--fluid.--2 img {
  transform: translateY(100%);
}
.c-effect__fv .--fluid.--3 img {
  transform: translateY(-50%);
}
.c-effect__fv .--bg {
  transform: scale(0);
}
.c-effect__fv .--bg::before, .c-effect__fv .--bg::after {
  transform: translate(-50%, -50%) scale(0);
}
.c-effect__fv .--kv img {
  transform: translateY(20px);
  opacity: 0;
}
.c-effect__fv .--logo img {
  transform: scale(0.5) translateY(40px) rotate(-20deg);
  opacity: 0;
}
.c-effect__fv .--image img {
  transform: scale(0) translateY(40px) rotate(-20deg);
  opacity: 0;
}
.is-loaded .c-effect__fv .--fluid.--1 img, .is-loaded .c-effect__fv .--fluid.--2 img, .is-loaded .c-effect__fv .--fluid.--3 img {
  transform: translate(0, 0);
  transition: transform 1500ms cubic-bezier(0.76, 0, 0.24, 1);
}
.is-loaded .c-effect__fv .--bg {
  transform: scale(1);
  transition: transform 1500ms cubic-bezier(0.76, 0, 0.24, 1) 1000ms;
}
.is-loaded .c-effect__fv .--bg::before {
  transform: translate(-50%, -50%) scale(1);
  transition: transform 1500ms cubic-bezier(0.16, 1, 0.3, 1) 1400ms;
}
.is-loaded .c-effect__fv .--bg::after {
  transform: translate(-50%, -50%) scale(1);
  transition: transform 1500ms cubic-bezier(0.16, 1, 0.3, 1) 1600ms;
}
.is-loaded .c-effect__fv .--kv img {
  transform: scale(1) translate(0, 0) rotate(0deg);
  opacity: 1;
  transition: opacity 800ms linear 2000ms, transform 800ms cubic-bezier(0.16, 1, 0.3, 1) 2000ms;
}
.is-loaded .c-effect__fv .--logo img {
  transform: scale(1) translate(0, 0) rotate(0deg);
  opacity: 1;
  transition: opacity 800ms linear 2200ms, transform 800ms cubic-bezier(0.16, 1, 0.3, 1) 2200ms;
}
.is-loaded .c-effect__fv .--image img {
  transform: scale(1) translate(0, 0) rotate(0deg);
  opacity: 1;
  transition: opacity 800ms linear calc(var(--delay) + 3600ms), transform 800ms cubic-bezier(0.16, 1, 0.3, 1) calc(var(--delay) + 3600ms);
}
.c-effect__banner {
  transform: translateY(100%);
  opacity: 0;
  pointer-events: none;
}
.c-effect__banner.is-visible {
  transform: translateY(0);
  opacity: 1;
  transition: transform 1500ms cubic-bezier(0.65, 0, 0.35, 1) 4000ms, opacity 1500ms ease 4000ms;
}
.c-effect__banner .--inner {
  transform: translateY(20%);
  opacity: 0;
  transition: transform 500ms cubic-bezier(0.65, 0, 0.35, 1), opacity 300ms ease;
}
.c-effect__banner.is-open .--inner {
  transform: translateY(0);
  opacity: 1;
}
.is-loaded .c-effect__horizontal {
  animation: horizontal 8s ease-in-out var(--animation-delay) infinite alternate;
}
.is-loaded .c-effect__vertical {
  animation: vertical 12s ease-in-out var(--animation-delay) infinite alternate;
}
.c-effect__title .--title .char {
  transform: scaleX(0.5) scaleY(0);
}
.c-effect__title .--icon {
  transform: scale(0.3);
  transform-origin: center bottom;
  opacity: 0;
}
.c-effect__title.is-active .--title .char {
  transform: scale(1);
  transition: transform 600ms cubic-bezier(0.34, 1.56, 0.64, 1);
  transition-delay: var(--left-delay);
}
.c-effect__title.is-active .--icon {
  transform: scale(1);
  opacity: 1;
  transition: transform 600ms cubic-bezier(0.34, 1.56, 0.64, 1), opacity 600ms ease;
  transition-delay: 600ms;
}
.c-effect__parallax {
  transform: perspective(1000px) translateY(var(--parallax-y));
}
@keyframes horizontal {
  0% {
    transform: perspective(1000px) translate3d(0, -5%, 0);
  }
  100% {
    transform: perspective(1000px) translate3d(0, 5%, 0);
  }
}
@keyframes vertical {
  0% {
    transform: perspective(1000px) translate3d(-5%, 0, 0);
  }
  100% {
    transform: perspective(1000px) translate3d(5%, 0, 0);
  }
}
.c-image__normal {
  width: 100%;
  height: auto;
}
.c-image__cover {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.c-image__contain {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.c-image__position--left {
  -o-object-position: left;
     object-position: left;
}
.c-image__position--right {
  -o-object-position: right;
     object-position: right;
}
.c-image__position--top {
  -o-object-position: top;
     object-position: top;
}
.c-image__position--bottom {
  -o-object-position: bottom;
     object-position: bottom;
}
.c-kerning {
  font-kerning: auto;
  font-feature-settings: "palt";
}
.c-kerning__not {
  font-kerning: none;
  font-feature-settings: "normal";
}
.c-link {
  opacity: 1;
  transition: opacity 300ms ease-out;
  cursor: pointer;
  text-decoration: unset;
}
@media (min-width: 1024px) {
  .c-link:hover {
    opacity: 0.6;
  }
}
@media (prefers-reduced-motion) {
  .c-link {
    transition: opacity 1s linear;
  }
  .c-link:hover {
    opacity: 0.6;
  }
}
.c-link__button .--inner {
  transform: translateY(0);
  transition: transform 300ms ease;
}
@media (min-width: 1024px) {
  .c-link__button:hover .--inner {
    transform: translateY(0.1875rem);
  }
  .--lg .c-link__button:hover .--inner {
    transform: translateY(0.5rem);
  }
}
.c-link__nav .line {
  overflow: hidden;
}
.c-link__nav [data-char] {
  position: relative;
  transform: translateY(100%);
}
.c-link__nav [data-char]:before {
  position: absolute;
  top: 0;
  left: 0;
  transform: translateY(-100%);
  content: attr(data-char);
}
@media (min-width: 1024px) {
  .c-link__nav.is-hover [data-char] {
    transform: translateY(0);
    transition: transform 450ms cubic-bezier(0.34, 1.56, 0.64, 1);
    transition-delay: var(--left-delay);
  }
}
.c-link__video .--image {
  transform: scale(1);
  transition: transform 600ms cubic-bezier(0.34, 1.56, 0.64, 1);
}
.c-link__video .--icon {
  transform: scale(1);
  transition: transform 600ms cubic-bezier(0.34, 1.56, 0.64, 1);
}
@media (min-width: 1024px) {
  .c-link__video:hover .--image {
    transform: scale(1.05);
    transition: transform 450ms cubic-bezier(0.34, 1.56, 0.64, 1);
  }
  .c-link__video:hover .--icon {
    transform: scale(0.95);
    transition: transform 450ms cubic-bezier(0.34, 1.56, 0.64, 1);
  }
}
.c-link__media .--image {
  transform: scale(1);
  transition: transform 600ms cubic-bezier(0.34, 1.56, 0.64, 1);
}
.c-link__media .--tag {
  transition: background-color 600ms;
}
.c-link__media .--tag p {
  transition: color 600ms;
}
.c-link__media .--icon {
  transform: scale(1);
  transition: transform 600ms cubic-bezier(0.34, 1.56, 0.64, 1);
}
@media (min-width: 1024px) {
  .c-link__media:hover .--image {
    transform: scale(1.05);
    transition: transform 450ms cubic-bezier(0.34, 1.56, 0.64, 1);
  }
  .c-link__media:hover .--tag {
    transition: background-color 450ms;
    transition-delay: var(--delay);
    background-color: #2e2e2e;
  }
  .c-link__media:hover .--tag p {
    transition: color 450ms;
    transition-delay: var(--delay);
    color: #f7ebd1;
  }
  .c-link__media:hover .--icon {
    transform: scale(1.25);
    transition: transform 450ms cubic-bezier(0.34, 1.56, 0.64, 1);
  }
}
.c-link__cta .--image {
  transform: scale(1);
  transition: transform 600ms cubic-bezier(0.34, 1.56, 0.64, 1);
}
@media (min-width: 1024px) {
  .c-link__cta.is-hover .--image {
    transform: scale(1.05);
    transition: transform 450ms cubic-bezier(0.34, 1.56, 0.64, 1);
  }
}
.c-scroll-bar-hidden {
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.c-scroll-bar-hidden::-webkit-scrollbar {
  display: none;
}
.splide__arrows {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 1.375rem;
  width: auto;
  height: auto;
}
.splide__arrow {
  opacity: 1 !important;
  transition: transform 600ms cubic-bezier(0.34, 1.56, 0.64, 1), background-color 600ms;
  background-color: #2e2e2e !important;
  width: 2.125rem !important;
  height: 2.125rem !important;
}
@media (min-width: 768px) {
  .splide__arrow {
    position: static !important;
    transform: none !important;
    width: 4.25rem !important;
    height: 4.25rem !important;
  }
}
.splide__arrow svg {
  width: 0.5rem !important;
  height: auto;
  fill: #ffffff !important;
  transition: fill 600ms cubic-bezier(0.34, 1.56, 0.64, 1);
}
@media (min-width: 768px) {
  .splide__arrow svg {
    width: 0.75rem !important;
  }
}
.splide__arrow--prev {
  left: 0.9375rem !important;
}
.splide__arrow--next {
  right: 0.9375rem !important;
}
.splide__arrow:disabled {
  opacity: 0.3 !important;
}
@media (min-width: 1024px) {
  .splide__arrow:hover:not(:disabled) {
    transform: scale(1.1) !important;
    transition: transform 450ms cubic-bezier(0.34, 1.56, 0.64, 1), background-color 450ms;
    background-color: #ffffff !important;
  }
  .splide__arrow:hover:not(:disabled) svg {
    fill: #2e2e2e !important;
    transition: fill 450ms cubic-bezier(0.34, 1.56, 0.64, 1);
  }
}
.c-title__section {
  width: auto;
  height: auto;
}
.c-title__section--subtitle {
  font-weight: 800;
  font-size: 0.875rem;
  line-height: 1.45;
  letter-spacing: 0.1em;
}
@media (min-width: 768px) {
  .c-title__section--subtitle {
    font-size: 1.25rem;
  }
}
.c-title__section--title {
  font-weight: 900;
  font-size: 3rem;
  line-height: 1;
}
@media (min-width: 768px) {
  .c-title__section--title {
    font-size: 7.3611111111vw;
  }
}
.c-title__accent {
  position: relative;
  margin: 0 auto;
  padding: 0 1.25rem;
  width: -moz-fit-content;
  width: fit-content;
  height: auto;
  text-align: center;
}
@media (min-width: 768px) {
  .c-title__accent {
    padding: 0 3.625rem;
  }
}
.c-title__accent--title {
  font-weight: 900;
  font-size: 1.0625rem;
  line-height: 1.6666666667;
  letter-spacing: 0.04em;
}
@media (min-width: 768px) {
  .c-title__accent--title {
    font-size: 1.875rem;
  }
}
.c-title__accent--title span {
  font-size: 1.3125rem;
}
@media (min-width: 768px) {
  .c-title__accent--title span {
    font-size: 2.5rem;
  }
}
.c-title__accent--title span.orange {
  color: #f46133;
}
.c-title__accent--line {
  position: absolute;
  bottom: 0.4375rem;
  aspect-ratio: 1/1;
  width: 0.875rem;
  height: auto;
}
@media (min-width: 768px) {
  .c-title__accent--line {
    width: 1.875rem;
  }
}
.c-title__accent--line::before, .c-title__accent--line::after {
  position: absolute;
  border-radius: 9999px;
  background-color: #2e2e2e;
  width: 13.3333333333%;
  content: "";
}
.c-title__accent--line::before {
  top: 50%;
  height: 116.6666666667%;
}
.c-title__accent--line::after {
  bottom: 0;
  height: 66.6666666667%;
}
.c-title__accent--line.--left {
  left: 0;
}
.c-title__accent--line.--left::before {
  right: 26.6666666667%;
  transform: translateY(-50%) rotateZ(-30deg);
}
.c-title__accent--line.--left::after {
  left: 20%;
  transform: rotateZ(-40deg);
}
.c-title__accent--line.--right {
  right: 0;
}
.c-title__accent--line.--right::before {
  left: 26.6666666667%;
  transform: translateY(-50%) rotateZ(30deg);
}
.c-title__accent--line.--right::after {
  right: 20%;
  transform: rotateZ(40deg);
}
.prj-footer {
  position: relative;
  padding: 3rem 0 2.5rem;
  width: 100%;
  height: auto;
  overflow: hidden;
}
@media (min-width: 768px) {
  .prj-footer {
    padding: 7.5rem 0;
  }
}
.prj-footer__container {
  padding: 0 2.5rem;
  width: 100%;
  height: auto;
}
@media (min-width: 768px) {
  .prj-footer__container {
    padding: 0 13.8888888889vw;
  }
}
.prj-footer__logos {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0 1.625rem;
  width: 100%;
  height: auto;
}
@media (min-width: 768px) {
  .prj-footer__logos {
    gap: 0 4.8076923077%;
  }
}
.prj-footer__logo {
  width: 6.375rem;
  height: auto;
}
@media (min-width: 768px) {
  .prj-footer__logo {
    width: 12.125rem;
  }
}
.prj-footer__logo.--dydo {
  width: 8.3125rem;
}
@media (min-width: 768px) {
  .prj-footer__logo.--dydo {
    width: 13.625rem;
  }
}
.prj-footer__nav {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  gap: 1.75rem 3rem;
  margin-top: 1.75rem;
  width: 100%;
  height: auto;
}
@media (min-width: 768px) {
  .prj-footer__nav {
    flex-direction: row;
    margin-top: 3.1875rem;
  }
}
.prj-footer__nav--list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 0.75rem 1.25rem;
  padding: 0 1.25rem;
  width: 100%;
  height: auto;
}
@media (min-width: 768px) {
  .prj-footer__nav--list {
    justify-content: flex-start;
    gap: 1.5rem 2.5rem;
    padding: 0;
  }
}
.prj-footer__nav--item {
  width: auto;
  height: auto;
}
.prj-footer__nav--link {
  display: block;
  width: 100%;
  height: auto;
  font-weight: 500;
  font-size: 0.8125rem;
  line-height: 1.75;
}
@media (min-width: 768px) {
  .prj-footer__nav--link {
    font-weight: 600;
    font-size: 1rem;
  }
}
.prj-footer__nav--consultant {
  flex: 1 0 auto;
  width: 15.75rem;
  height: auto;
}
.prj-footer__others {
  display: flex;
  position: relative;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  gap: 1.125rem;
  margin-top: 2rem;
  padding-top: 1.75rem;
  width: 100%;
  height: auto;
}
@media (min-width: 768px) {
  .prj-footer__others {
    flex-direction: row;
    align-items: flex-start;
    padding-top: 2.875rem;
  }
}
.prj-footer__others::before {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #d2d9da;
  width: 100%;
  height: 1px;
  pointer-events: none;
  content: "";
}
.prj-footer__others--nav {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  gap: 2rem;
  width: auto;
  height: auto;
}
@media (min-width: 768px) {
  .prj-footer__others--nav {
    align-items: flex-start;
    gap: 1.5rem;
  }
}
.prj-footer__others--list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 0.75rem 1.875rem;
  width: 100%;
  height: auto;
}
@media (min-width: 768px) {
  .prj-footer__others--list {
    justify-content: flex-start;
  }
}
.prj-footer__others--item {
  width: auto;
  height: auto;
}
.prj-footer__others--link {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 0.25rem;
  width: 100%;
  height: auto;
}
@media (min-width: 768px) {
  .prj-footer__others--link {
    gap: 0.375rem;
  }
}
.prj-footer__others--label {
  font-weight: 500;
  font-size: 0.625rem;
  line-height: 1;
}
@media (min-width: 768px) {
  .prj-footer__others--label {
    font-size: 0.8125rem;
  }
}
.prj-footer__others--icon {
  width: 0.5625rem;
  height: auto;
}
@media (min-width: 768px) {
  .prj-footer__others--icon {
    width: 0.6875rem;
  }
}
.prj-footer__others--note {
  font-weight: 400;
  font-size: 0.625rem;
  line-height: 1;
}
.prj-footer__others--copyright {
  font-weight: 400;
  font-size: 0.625rem;
  line-height: 1;
  text-wrap: nowrap;
}
@media (min-width: 768px) {
  .prj-footer__others--copyright {
    font-size: 0.8125rem;
  }
}
.prj-footer__fluid {
  position: absolute;
  pointer-events: none;
}
.prj-footer__fluid.--1 {
  bottom: 0;
  left: -38.7179487179%;
  transform: translateY(35.6209150327%) rotateZ(176.17deg);
  z-index: -20;
  width: 92.8205128205%;
}
@media (min-width: 768px) {
  .prj-footer__fluid.--1 {
    left: -20.5555555556%;
    transform: translateY(45.3964194373%) rotateZ(176.17deg);
    width: 73.2638888889%;
  }
}
.prj-footer__fluid.--2 {
  right: -12.5641025641%;
  bottom: 0;
  transform: translateY(44.6601941748%) rotateZ(-133.22deg);
  z-index: -10;
  width: 41.7948717949%;
}
@media (min-width: 768px) {
  .prj-footer__fluid.--2 {
    right: -13.8888888889%;
    transform: translateY(63.3037694013%) rotateZ(-133.22deg);
    width: 45.5555555556%;
  }
}
.prj-header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  padding-top: 1rem;
  width: 100%;
  height: auto;
}
@media (min-width: 768px) {
  .prj-header {
    padding-top: 2.125rem;
  }
}
.prj-header__container {
  position: relative;
  padding: 0 1rem;
  width: 100%;
  height: auto;
}
@media (min-width: 768px) {
  .prj-header__container {
    padding: 0 1.75rem;
  }
}
.prj-header__inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 9999px;
  background-color: #ffffff;
  padding: 0.625rem 1.5rem 0.625rem 1.125rem;
  width: 100%;
  height: auto;
  overflow: hidden;
}
@media (min-width: 768px) {
  .prj-header__inner {
    padding: 0.625rem 2.9375rem 0.625rem 3.125rem;
  }
}
@media (min-width: 1024px) {
  .prj-header__inner {
    padding: 0.8125rem 2.9375rem 1.125rem 3.125rem;
  }
}
.prj-header__logo {
  width: max(9.2361111111vw, 5.0625rem);
  height: auto;
}
.prj-header__logo--link {
  display: block;
  width: 100%;
  height: auto;
}
.prj-header__content {
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  justify-content: flex-start;
  align-items: center;
  gap: 0 1.25rem;
  transform: translate(-50%, -50%);
  width: auto;
  height: auto;
}
@media (min-width: 768px) {
  .prj-header__content {
    position: static;
    transform: translate(0, 0);
  }
}
.prj-header__nav {
  display: none;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: auto;
}
@media (min-width: 1024px) {
  .prj-header__nav {
    display: flex;
  }
}
.prj-header__nav--list {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: auto;
}
.prj-header__nav--item {
  width: auto;
  height: auto;
}
.prj-header__nav--link {
  display: block;
  padding: 0 0.8333333333vw;
  width: 100%;
  height: auto;
  font-weight: 600;
  font-size: 1.0416666667vw;
  line-height: 1.8666666667;
}
.prj-header__nav--link.is-first {
  padding-left: 0;
}
.prj-header__nav--cta {
  margin: 0 0.6944444444vw;
  width: 10.9027777778vw;
  height: 3.2638888889vw;
}
.prj-header__nav--cta--text {
  font-weight: 700;
  font-size: 0.9722222222vw;
  line-height: 1.4285714286;
}
.prj-header__nav--logo {
  flex: 1 0 auto;
  width: max(6.25vw, 3.5rem);
  height: auto;
}
.prj-header__nav--logo--link {
  display: block;
  width: 100%;
  height: auto;
}
.prj-header__drawer {
  position: relative;
  z-index: 20;
  width: auto;
  height: auto;
}
@media (min-width: 1024px) {
  .prj-header__drawer {
    display: none;
  }
}
@media (min-width: 1024px) {
  .prj-header__menu {
    display: none;
  }
}
.prj-menu {
  position: absolute;
  top: 0;
  left: 0;
  visibility: hidden;
  opacity: 0;
  z-index: 10;
  -webkit-backdrop-filter: blur(30px);
          backdrop-filter: blur(30px);
  transition: visibility 0ms ease 300ms, opacity 300ms ease;
  background-color: rgba(255, 246, 228, 0.9);
  width: 100%;
  height: 100lvh;
}
@media (min-width: 1024px) {
  .prj-menu {
    display: none;
  }
}
.prj-menu__inner {
  padding: 10vh 1.5rem 2.125rem;
  width: 100%;
  height: 100dvh;
  overflow-y: scroll;
}
.prj-menu__content {
  border-radius: 2rem;
  background-color: #ffffff;
  padding: 2.5rem 2.5rem 2.25rem;
  width: 100%;
  height: auto;
  overflow: hidden;
}
.prj-menu__logo {
  margin: 0 auto;
  width: 7.8125rem;
  height: auto;
}
.prj-menu__nav {
  margin-top: 2.625rem;
  width: 100%;
  height: auto;
}
.prj-menu__nav--list {
  display: grid;
  grid-template-rows: repeat(3, minmax(0, 1fr));
  grid-auto-flow: column;
  gap: 1.25rem 0;
  width: 100%;
  height: auto;
}
.prj-menu__nav--item {
  width: 100%;
  height: auto;
}
.prj-menu__nav--link {
  display: flex;
  flex-direction: column;
  gap: 0.1875rem 0;
  width: 100%;
  height: auto;
}
.prj-menu__nav--label--en {
  color: #b89272;
  font-weight: 700;
  font-size: 0.625rem;
  line-height: 1;
}
.prj-menu__nav--label--ja {
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1;
}
.prj-menu__cta {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 1.25rem 0;
  margin-top: 3.3125rem;
  width: 100%;
  height: auto;
}
.prj-menu__cta--item {
  width: 100%;
  height: 3.25rem;
}
.prj-menu__cta--text {
  font-weight: 700;
  font-size: 0.9375rem;
  line-height: 1;
}
.prj-menu__dydo {
  margin: 1.6875rem auto 0;
  width: 8.3125rem;
  height: auto;
}
.prj-menu__copyright {
  margin-top: 1rem;
  width: 100%;
  height: auto;
  text-align: center;
}
.prj-menu__copyright--text {
  color: #bababa;
  font-weight: 400;
  font-size: 0.625rem;
  line-height: 1;
}
.prj-menu__consultant {
  margin-top: 1.75rem;
  width: 100%;
  height: auto;
}
.prj-menu.is-open {
  visibility: visible;
  opacity: 1;
}
.pg-top__banner {
  position: fixed;
  right: 1.5rem;
  bottom: 1.5rem;
  z-index: 30;
  width: 16.5rem;
  height: auto;
}
.pg-top__banner--image {
  width: 100%;
  height: auto;
}
.pg-top__kv {
  position: relative;
  width: 100%;
  height: 100svh;
  min-height: 200vw;
  overflow-x: clip;
}
@media (min-width: 768px) {
  .pg-top__kv {
    height: 100dvh;
    min-height: 0;
    max-height: 55.5555555556vw;
  }
}
.pg-top__kv--webgl {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -10;
  width: 100%;
  height: 100svh;
  pointer-events: none;
}
.pg-top__kv--webgl--stage {
  position: absolute;
  inset: 0;
}
.pg-top__kv--main {
  position: absolute;
  top: max(50vh, 40%);
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 0;
  aspect-ratio: 1/1;
  width: 77.1794871795%;
  height: auto;
}
@media (min-width: 768px) {
  .pg-top__kv--main {
    top: calc(50% + 3.75rem);
    width: 37.5694444444%;
  }
}
.pg-top__kv--bg {
  position: absolute;
  z-index: 0;
  inset: 0;
  border-radius: 9999px;
  background-color: #fff1d5;
}
.pg-top__kv--bg::before, .pg-top__kv--bg::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 9999px;
  aspect-ratio: 1/1;
  height: auto;
  content: "";
}
.pg-top__kv--bg::before {
  background-color: #fff5e0;
  width: 82.9944547135%;
}
.pg-top__kv--bg::after {
  background-color: #ffffff;
  width: 73.3826247689%;
}
.pg-top__kv--kv {
  position: absolute;
  top: -12.3844731978%;
  left: 55.5452865065%;
  transform: translateX(-50%);
  z-index: 10;
  width: 75.7855822551%;
  height: auto;
}
.pg-top__kv--logo {
  position: absolute;
  bottom: -10.6312292359%;
  left: 51.6635859519%;
  transform: translateX(-50%);
  z-index: 10;
  width: 74.7508305648%;
  height: auto;
}
@media (min-width: 768px) {
  .pg-top__kv--logo {
    bottom: -1.4787430684%;
    width: 65.6192236599%;
  }
}
.pg-top__kv--fluid {
  position: absolute;
  z-index: -20;
  pointer-events: none;
}
.pg-top__kv--fluid.--1 {
  top: 0;
  left: -36.4102564103%;
  transform: translateY(-17.7489177489%) rotateZ(-55deg);
  width: 70%;
}
@media (min-width: 768px) {
  .pg-top__kv--fluid.--1 {
    left: -17.6388888889%;
    transform: translateY(-47.5409836066%) rotateZ(-55deg);
    width: 60.5555555556%;
  }
}
.pg-top__kv--fluid.--2 {
  top: 0;
  right: -38.4615384615%;
  transform: translateY(-35.5140186916%) rotateZ(-165deg);
  width: 107.1794871795%;
}
@media (min-width: 768px) {
  .pg-top__kv--fluid.--2 {
    right: -27.1527777778%;
    transform: translateY(-30.1507537688%) rotateZ(-180deg);
    width: 63.5416666667%;
  }
}
.pg-top__kv--fluid.--3 {
  right: -44.1025641026%;
  bottom: 0;
  transform: translateY(70.0288184438%) rotateZ(85deg);
  width: 105.3846153846%;
}
@media (min-width: 768px) {
  .pg-top__kv--fluid.--3 {
    right: -13.4722222222%;
    transform: translateY(78.7341772152%) rotateZ(109deg);
    width: 64.9305555556%;
  }
}
.pg-top__kv--image {
  position: absolute;
  z-index: -10;
  pointer-events: none;
}
.pg-top__kv--image.--1 {
  bottom: -3.3333333333%;
  left: -7.4358974359%;
  width: 58.2051282051%;
}
@media (min-width: 768px) {
  .pg-top__kv--image.--1 {
    bottom: -5.5%;
    left: -2.7777777778%;
    width: 29.7222222222%;
  }
}
.pg-top__kv--image.--2 {
  top: 6.7948717949%;
  left: 5.8974358974%;
  width: 32.8205128205%;
}
@media (min-width: 768px) {
  .pg-top__kv--image.--2 {
    top: 10.625%;
    right: 3.75%;
    left: auto;
    width: 20.3472222222%;
  }
}
.pg-top__kv--image.--3 {
  top: 12.9487179487%;
  right: 8.9743589744%;
  width: 22.8205128205%;
}
@media (min-width: 768px) {
  .pg-top__kv--image.--3 {
    top: 13.625%;
    right: auto;
    left: 11.3194444444%;
    width: 15.1388888889%;
  }
}
.pg-top__kv--image.--4 {
  right: 4.358974359%;
  bottom: 11.5384615385%;
  width: 34.358974359%;
}
@media (min-width: 768px) {
  .pg-top__kv--image.--4 {
    right: 8.4722222222%;
    bottom: 5.125%;
    width: 15.5555555556%;
  }
}
.pg-top__about {
  position: relative;
  margin-top: 9.0625rem;
  width: 100%;
  height: auto;
  overflow-x: clip;
}
@media (min-width: 768px) {
  .pg-top__about {
    margin-top: 17.3125rem;
  }
}
.pg-top__about--container {
  border-radius: 2rem;
  background-color: #fff6e4;
  padding: 0 0.625rem;
  width: 100%;
  height: auto;
}
@media (min-width: 768px) {
  .pg-top__about--container {
    border-top-right-radius: 0;
    border-top-left-radius: 5rem;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 5rem;
    padding: 0 9.8611111111vw 0 9.0277777778vw;
  }
}
.pg-top__about--inner {
  position: relative;
  padding: 2.5rem 0 0.625rem;
  width: 100%;
  height: auto;
}
@media (min-width: 768px) {
  .pg-top__about--inner {
    padding: 4.375rem 0 5.375rem;
  }
}
.pg-top__about--heading {
  position: absolute;
  top: 0;
  left: 0;
  transform: translateY(-66.6666666667%);
  z-index: 10;
  width: auto;
  height: auto;
}
.pg-top__about--main {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  gap: 4.375rem;
  width: 100%;
  height: auto;
}
@media (min-width: 768px) {
  .pg-top__about--main {
    flex-direction: row;
    gap: 6.6857688634%;
  }
}
.pg-top__about--content {
  padding: 0 0.875rem;
  width: 100%;
  height: auto;
}
@media (min-width: 768px) {
  .pg-top__about--content {
    padding: 0;
  }
}
.pg-top__about--content--title {
  font-weight: 900;
  font-size: 1.375rem;
  line-height: 1.5;
}
@media (min-width: 768px) {
  .pg-top__about--content--title {
    font-size: 2.125rem;
  }
}
.pg-top__about--content--text {
  margin-top: 1.125rem;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.6;
}
@media (min-width: 768px) {
  .pg-top__about--content--text {
    margin-top: 2.5rem;
    font-size: 1.125rem;
  }
}
.pg-top__about--thumbnail {
  position: relative;
  flex: 1 0 auto;
  width: 89.6774193548%;
  height: auto;
}
@media (min-width: 768px) {
  .pg-top__about--thumbnail {
    width: 42.0248328558%;
  }
}
.pg-top__about--thumbnail--bg {
  transform: rotateZ(-166deg);
  width: 100%;
  height: auto;
}
.pg-top__about--thumbnail--image {
  position: absolute;
  bottom: -0.5rem;
  left: 50%;
  transform: translateX(-50%);
  width: 68.8636363636%;
  height: auto;
}
.pg-top__about--thumbnail--icon {
  position: absolute;
  top: 5.8004640371%;
  right: -6.9605568445%;
  z-index: 10;
  width: 8.3526682135%;
  height: auto;
}
.pg-top__about--feature {
  margin-top: 1.75rem;
  padding: 0 1.5rem;
  width: 100%;
  height: auto;
}
@media (min-width: 768px) {
  .pg-top__about--feature {
    margin-top: 4rem;
    padding: 0;
  }
}
.pg-top__about--type {
  margin-top: 1.75rem;
  width: 100%;
  height: auto;
}
@media (min-width: 768px) {
  .pg-top__about--type {
    margin-top: 4.4375rem;
  }
}
.pg-top__about--type--inner {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  gap: 1.5rem;
  border-radius: 1.5rem;
  background-color: #ffffff;
  padding: 1.25rem 1.375rem 1.125rem;
  width: 100%;
  height: auto;
}
@media (min-width: 768px) {
  .pg-top__about--type--inner {
    flex-direction: row;
    gap: 5.9216809933%;
    border-radius: 3rem;
    padding: 2rem 7.6408787011% 1.125rem;
  }
}
.pg-top__about--type--heading {
  flex: 1 0 auto;
  width: 7.5rem;
  height: auto;
}
@media (min-width: 768px) {
  .pg-top__about--type--heading {
    width: 19.770773639%;
  }
}
.pg-top__about--type--list {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 1.25rem;
  width: 100%;
  height: auto;
}
@media (min-width: 768px) {
  .pg-top__about--type--list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 2.5rem;
  }
}
.pg-top__about--type--item {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-start;
  align-items: center;
  gap: 1.25rem;
  width: 100%;
  height: auto;
}
@media (min-width: 768px) {
  .pg-top__about--type--item {
    flex-direction: column;
    gap: 0.625rem;
  }
}
.pg-top__about--type--image {
  position: relative;
  flex: 1 0 auto;
  aspect-ratio: 1/1;
  width: 5.0625rem;
  height: auto;
}
@media (min-width: 768px) {
  .pg-top__about--type--image {
    width: 74.2857142857%;
  }
}
.pg-top__about--type--image img {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: auto;
}
.pg-top__about--type--tag {
  border-radius: 9999px;
  background-color: var(--color);
  padding: 0.125rem 1.0625rem 0.25rem;
  width: -moz-fit-content;
  width: fit-content;
  height: auto;
  overflow: hidden;
  text-align: center;
}
@media (min-width: 768px) {
  .pg-top__about--type--tag {
    padding: 0.25rem 0 0.5rem;
    width: 100%;
  }
}
.pg-top__about--type--tag--text {
  color: #ffffff;
  font-weight: 900;
  font-size: 0.875rem;
  line-height: 1.4666666667;
}
@media (min-width: 768px) {
  .pg-top__about--type--tag--text {
    font-size: 0.9375rem;
  }
}
.pg-top__about--type--text {
  margin-top: 0.625rem;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.4285714286;
}
.pg-top__about--fluid {
  position: absolute;
  pointer-events: none;
}
.pg-top__about--fluid.--1 {
  bottom: 0;
  left: -52.3076923077%;
  transform: translateY(10.9919571046%) rotateZ(-175.98deg);
  z-index: -10;
  width: 113.0769230769%;
}
@media (min-width: 768px) {
  .pg-top__about--fluid.--1 {
    left: -14.5833333333%;
    transform: translateY(10.6918238994%) rotateZ(98deg);
    width: 52.2222222222%;
  }
}
.pg-top__about--fluid.--2 {
  bottom: 0;
  left: -44.6153846154%;
  transform: translateY(-91.3621262458%) rotateZ(20deg);
  z-index: -20;
  width: 87.4358974359%;
}
@media (min-width: 768px) {
  .pg-top__about--fluid.--2 {
    left: -23.1944444444%;
    transform: translateY(0.8928571429%) rotateZ(17deg);
    width: 48.6111111111%;
  }
}
.pg-top__worries {
  position: relative;
  z-index: 20;
  margin-top: 5rem;
  width: 100%;
  height: auto;
  overflow-x: clip;
}
@media (min-width: 768px) {
  .pg-top__worries {
    margin-top: 7.125rem;
  }
}
.pg-top__worries--inner {
  padding-bottom: 9.375rem;
  width: 100%;
  height: auto;
}
@media (min-width: 768px) {
  .pg-top__worries--inner {
    padding-bottom: 9.625rem;
  }
}
.pg-top__worries--bg {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: -10;
  width: 105.1282051282%;
  height: 100%;
}
@media (min-width: 768px) {
  .pg-top__worries--bg {
    width: 102.4305555556%;
  }
}
.pg-top__worries--heading {
  position: relative;
  margin: 0 auto;
  width: -moz-fit-content;
  width: fit-content;
  height: auto;
}
.pg-top__worries--title {
  font-weight: 900;
  font-size: 1.1875rem;
  line-height: 1.6666666667;
  letter-spacing: 0.02em;
}
@media (min-width: 768px) {
  .pg-top__worries--title {
    font-size: 1.875rem;
  }
}
.pg-top__worries--title .--blue {
  color: #71b9be;
  font-size: 1.375rem;
}
@media (min-width: 768px) {
  .pg-top__worries--title .--blue {
    font-size: 2.5rem;
  }
}
.pg-top__worries--icon {
  position: absolute;
  top: -0.125rem;
  left: 5.25rem;
  transform: translateY(-100%) rotateZ(3deg);
  width: 1rem;
  height: auto;
}
@media (min-width: 768px) {
  .pg-top__worries--icon {
    left: 8rem;
    width: 2.4375rem;
  }
}
.pg-top__worries--content {
  margin: 0.75rem auto 0;
  width: 79.4871794872%;
  height: auto;
}
@media (min-width: 1024px) {
  .pg-top__worries--content {
    margin: 2.1875rem auto 0;
    width: 63.1944444444%;
  }
}
.pg-top__concept {
  position: relative;
  margin-top: -9rem;
  width: 100%;
  height: auto;
  overflow-x: clip;
}
@media (min-width: 768px) {
  .pg-top__concept {
    margin-top: -23.8888888889vw;
  }
}
.pg-top__concept--bg {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
  width: 106.6666666667vw;
  height: 100%;
}
@media (min-width: 768px) {
  .pg-top__concept--bg {
    width: 102.4305555556vw;
  }
}
.pg-top__concept--inner {
  padding: 6.75rem 0 5.25rem;
  width: 100%;
  height: auto;
}
@media (min-width: 768px) {
  .pg-top__concept--inner {
    padding: 23.75vw 0 12.8125rem;
  }
}
.pg-top__concept--title {
  position: relative;
  z-index: 10;
}
.pg-top__concept--thumbnail {
  position: relative;
  margin-top: 2.5rem;
  padding-top: 1.25rem;
  width: 100%;
  height: auto;
}
@media (min-width: 768px) {
  .pg-top__concept--thumbnail {
    padding-top: 2.6875rem;
  }
}
.pg-top__concept--thumbnail--image {
  position: relative;
  z-index: 10;
  cursor: pointer;
  border-radius: 0.3125rem;
  aspect-ratio: 360/184;
  width: 100%;
  height: auto;
  overflow: hidden;
}
@media (min-width: 768px) {
  .pg-top__concept--thumbnail--image {
    border-radius: 1rem;
    aspect-ratio: 1041/532;
  }
}
.pg-top__concept--thumbnail--image::before {
  position: absolute;
  opacity: 0.24;
  z-index: 0;
  inset: 0;
  background-color: #2e2e2e;
  content: "";
}
.pg-top__concept--thumbnail--play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
  border-radius: 9999px;
  aspect-ratio: 1/1;
  width: 16.9444444444%;
  height: auto;
}
@media (min-width: 768px) {
  .pg-top__concept--thumbnail--play {
    width: 16.906820365%;
  }
}
.pg-top__concept--thumbnail--comment {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
  width: 18.75rem;
  height: auto;
}
@media (min-width: 768px) {
  .pg-top__concept--thumbnail--comment {
    width: 27.9375rem;
  }
}
.pg-top__concept--video {
  position: fixed;
  z-index: 200;
  inset: 0;
}
.pg-top__concept--video--mask {
  position: absolute;
  z-index: 0;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5);
}
.pg-top__concept--video--button {
  position: absolute;
  top: 2.5rem;
  right: 2.5rem;
  z-index: 50;
  cursor: pointer;
  border-radius: 9999px;
  background: #ffffff;
  padding: 0;
  aspect-ratio: 1/1;
  width: 4rem;
  height: auto;
}
.pg-top__concept--video--button::before, .pg-top__concept--video--button::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 9999px;
  background-color: #71b9be;
  width: 2rem;
  height: 0.125rem;
  pointer-events: none;
  content: "";
}
.pg-top__concept--video--button::before {
  transform: translate(-50%, -50%) rotateZ(45deg);
}
.pg-top__concept--video--button::after {
  transform: translate(-50%, -50%) rotateZ(-45deg);
}
.pg-top__concept--video--inner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 10;
  width: 100%;
  height: auto;
  overflow: hidden;
}
@media (min-width: 768px) {
  .pg-top__concept--video--inner {
    max-width: 160lvh;
  }
}
.pg-top__concept--cta {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 1.6875rem 2.5936599424%;
  margin-top: 2rem;
  width: 100%;
  height: auto;
}
@media (min-width: 768px) {
  .pg-top__concept--cta {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 4.875rem;
  }
}
.pg-top__concept--button {
  position: relative;
  padding-top: 1.5rem;
  width: 100%;
  height: 5.5rem;
}
@media (min-width: 768px) {
  .pg-top__concept--button {
    padding-top: 1.6875rem;
    height: 8.1875rem;
  }
}
.pg-top__concept--button--text {
  font-weight: 900;
  font-size: 1.125rem;
  line-height: 1;
}
@media (min-width: 768px) {
  .pg-top__concept--button--text {
    font-size: 1.625rem;
  }
}
.pg-top__concept--button--comment {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 20;
  height: auto;
}
.pg-top__concept--button--comment.--1 {
  width: 13.6875rem;
}
@media (min-width: 768px) {
  .pg-top__concept--button--comment.--1 {
    width: 17.6875rem;
  }
}
.pg-top__concept--button--comment.--2 {
  width: 10rem;
}
@media (min-width: 768px) {
  .pg-top__concept--button--comment.--2 {
    width: 14.0625rem;
  }
}
.pg-top__feature {
  position: relative;
  margin-top: 1rem;
  width: 100%;
  height: auto;
  overflow-x: clip;
}
@media (min-width: 768px) {
  .pg-top__feature {
    margin-top: 4.75rem;
  }
}
.pg-top__feature--container {
  width: 100%;
  height: auto;
}
.pg-top__feature--inner {
  width: 100%;
  height: auto;
}
.pg-top__feature--points {
  margin-top: 1.625rem;
  width: 100%;
  height: auto;
}
@media (min-width: 768px) {
  .pg-top__feature--points {
    margin-top: 5rem;
  }
}
.pg-top__feature--points--list {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 2rem;
  width: 100%;
  height: auto;
}
@media (min-width: 768px) {
  .pg-top__feature--points--list {
    gap: 1.5rem;
  }
}
.pg-top__feature--points--item {
  display: flex;
  flex-direction: column-reverse;
  justify-content: flex-start;
  align-items: center;
  gap: 1rem;
  width: 100%;
  height: auto;
}
@media (min-width: 768px) {
  .pg-top__feature--points--item {
    flex-direction: row;
    gap: 3.25rem;
  }
  .pg-top__feature--points--item:nth-child(2n) {
    flex-direction: row-reverse;
  }
}
.pg-top__feature--points--image {
  flex: 1 0 auto;
  width: 84.3575418994%;
  height: auto;
}
@media (min-width: 768px) {
  .pg-top__feature--points--image {
    width: 48.8461538462%;
  }
}
.pg-top__feature--points--content {
  width: 100%;
  height: auto;
}
.pg-top__feature--points--heading {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 1.125rem;
  width: 100%;
  height: auto;
}
.pg-top__feature--points--number {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
}
.pg-top__feature--points--number--label {
  position: relative;
  padding: 0 0.5rem;
  font-weight: 900;
  font-size: 0.625rem;
  line-height: 1;
}
.pg-top__feature--points--number--label::before, .pg-top__feature--points--number--label::after {
  position: absolute;
  bottom: 0.0625rem;
  border-radius: 9999px;
  background-color: #2e2e2e;
  width: 0.125rem;
  height: 0.5rem;
  content: "";
}
.pg-top__feature--points--number--label::before {
  left: 0;
  transform: rotate(-40deg);
}
.pg-top__feature--points--number--label::after {
  right: 0;
  transform: rotate(40deg);
}
.pg-top__feature--points--number--text {
  font-weight: 900;
  font-size: 2.5625rem;
  line-height: 1;
}
@media (min-width: 768px) {
  .pg-top__feature--points--number--text {
    font-size: 4.5rem;
  }
}
.pg-top__feature--points--title {
  font-weight: 900;
  font-size: 1.25rem;
  line-height: 1.4583333333;
}
@media (min-width: 768px) {
  .pg-top__feature--points--title {
    font-size: 1.5rem;
  }
}
.pg-top__feature--points--text {
  margin-top: 1rem;
  width: 100%;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.75;
}
@media (min-width: 768px) {
  .pg-top__feature--points--text {
    font-size: 1rem;
  }
}
.pg-top__feature--steps {
  margin-top: 2.5rem;
  width: 100%;
  height: auto;
}
@media (min-width: 768px) {
  .pg-top__feature--steps {
    margin-top: 6.25rem;
  }
}
.pg-top__feature--steps--image {
  margin-top: 1.5rem;
  width: 100%;
  height: auto;
}
@media (min-width: 768px) {
  .pg-top__feature--steps--image {
    margin-top: 2.5rem;
  }
}
.pg-top__feature--fluid {
  position: absolute;
  pointer-events: none;
}
.pg-top__feature--fluid.--1 {
  top: 0;
  right: -18.0555555556%;
  transform: translateY(-75.9493670886%) rotateZ(-4.41deg);
  z-index: -10;
  width: 64.9305555556%;
}
.pg-top__feature--fluid.--2 {
  top: 0;
  right: -27.1527777778%;
  transform: translateY(-2.4347826087%) rotateZ(146deg);
  z-index: -20;
  width: 38.6805555556%;
}
.pg-top__feature--fluid.--3 {
  bottom: 0;
  left: -35.641025641%;
  transform: translateY(-191.959798995%) rotateZ(-174.52deg);
  z-index: -20;
  width: 57.6923076923%;
}
@media (min-width: 768px) {
  .pg-top__feature--fluid.--3 {
    left: -36.3194444444%;
    transform: translateY(-11.2676056338%) rotateZ(16deg);
    z-index: -10;
    width: 60.7638888889%;
  }
}
.pg-top__feature--fluid.--4 {
  bottom: 0;
  left: -23.8461538462%;
  transform: translateY(-445.8333333333%) rotateZ(-122deg);
  z-index: -10;
  width: 33.5897435897%;
}
@media (min-width: 768px) {
  .pg-top__feature--fluid.--4 {
    left: -25.2777777778%;
    transform: translateY(-154.0130151844%) rotateZ(-126.46deg);
    z-index: -20;
    width: 35%;
  }
}
.pg-top__voice {
  position: relative;
  margin-top: 2.875rem;
  width: 100%;
  height: auto;
  overflow-x: clip;
}
@media (min-width: 768px) {
  .pg-top__voice {
    margin-top: 7.5rem;
  }
}
.pg-top__voice--container {
  width: 100%;
  height: auto;
}
.pg-top__voice--splide {
  margin-top: 2rem;
  width: 100%;
  height: auto;
  overflow: visible !important;
}
@media (min-width: 768px) {
  .pg-top__voice--splide {
    margin-top: 3.75rem;
  }
}
.pg-top__voice--content {
  width: 100%;
  height: auto;
  overflow: visible !important;
}
.pg-top__voice--list {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  width: 100%;
  height: auto;
}
@media (min-width: 768px) {
  .pg-top__voice--list {
    display: grid !important;
    gap: 1.5rem;
  }
}
.pg-top__voice--item {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  border-radius: 2rem;
  background-color: #fff6e4;
  padding: 1rem;
  width: 19.0625rem;
  height: auto;
  overflow: hidden;
}
@media (min-width: 768px) {
  .pg-top__voice--item {
    border-radius: 2.5rem;
    padding: 1.5rem;
    width: 100%;
  }
}
.pg-top__voice--heading {
  display: flex;
  flex: 1 0 auto;
  justify-content: flex-start;
  align-items: center;
  gap: 1.25rem;
  width: 100%;
  height: auto;
}
@media (min-width: 768px) {
  .pg-top__voice--heading {
    gap: 1rem;
  }
}
.pg-top__voice--tag {
  border-radius: 9999px;
  background-color: #71b9be;
  padding: 0.0625rem 0 0.3125rem;
  width: 4.125rem;
  height: auto;
  overflow: hidden;
  text-align: center;
}
@media (min-width: 768px) {
  .pg-top__voice--tag {
    padding: 0.25rem 0 0.4375rem;
    width: 5.25rem;
  }
}
.pg-top__voice--tag.--orange {
  background-color: #f46133;
}
.pg-top__voice--tag--text {
  color: #ffffff;
  font-weight: 900;
  font-size: 0.875rem;
  line-height: 1.4666666667;
}
@media (min-width: 768px) {
  .pg-top__voice--tag--text {
    font-size: 0.9375rem;
  }
}
.pg-top__voice--name {
  font-weight: 900;
  font-size: 1rem;
  line-height: 1.3181818182;
}
@media (min-width: 768px) {
  .pg-top__voice--name {
    font-size: 1.375rem;
  }
}
.pg-top__voice--description {
  margin-top: 0.5rem;
  border-radius: 1.25rem;
  background-color: #ffffff;
  padding: 0.75rem 1.0625rem;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
@media (min-width: 768px) {
  .pg-top__voice--description {
    margin-top: 1rem;
    padding: 1rem 1.3125rem;
  }
}
.pg-top__voice--description--text {
  font-weight: 600;
  font-size: 0.8125rem;
  line-height: 1.7692307692;
  letter-spacing: 0.08em;
}
@media (min-width: 768px) {
  .pg-top__voice--description--text {
    font-size: 0.9375rem;
    line-height: normal;
  }
}
.pg-top__voice--fluid {
  position: absolute;
  pointer-events: none;
}
.pg-top__voice--fluid.--1 {
  bottom: 0;
  left: -19.7435897436%;
  transform: translateY(22.5352112676%) rotateZ(-174.52deg);
  z-index: -20;
  width: 41.0256410256%;
}
@media (min-width: 768px) {
  .pg-top__voice--fluid.--1 {
    right: -23.8194444444%;
    left: auto;
    transform: translateY(61.8421052632%) rotateZ(-161deg);
    z-index: -10;
    width: 53.1944444444%;
  }
}
.pg-top__voice--fluid.--2 {
  bottom: 0;
  left: -13.3333333333%;
  transform: translateY(-89.5348837209%) rotateZ(-74deg);
  z-index: -10;
  width: 24.1025641026%;
}
@media (min-width: 768px) {
  .pg-top__voice--fluid.--2 {
    right: -16.1111111111%;
    left: auto;
    transform: translateY(-6.7245119306%) rotateZ(152.63deg);
    z-index: -20;
    width: 35%;
  }
}
.pg-top__voice--fluid.--3 {
  top: 0;
  right: -36.9230769231%;
  transform: translateY(-7.3394495413%) rotateZ(106deg);
  z-index: -20;
  width: 58.2051282051%;
}
@media (min-width: 768px) {
  .pg-top__voice--fluid.--3 {
    display: none;
  }
}
.pg-top__lineup {
  position: relative;
  margin-top: 6.5rem;
  width: 100%;
  height: auto;
  overflow-x: clip;
}
@media (min-width: 768px) {
  .pg-top__lineup {
    margin-top: 10.5rem;
  }
}
.pg-top__lineup--container {
  border-radius: 2rem;
  background-color: #fff6e4;
  padding: 0 1.5rem;
  width: 100%;
  height: auto;
}
@media (min-width: 768px) {
  .pg-top__lineup--container {
    border-top-right-radius: 0;
    border-top-left-radius: 5rem;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 5rem;
    padding: 0 13.6111111111vw 0 5.8333333333vw;
  }
}
.pg-top__lineup--inner {
  position: relative;
  padding: 2.5rem 0 1.25rem;
  width: 100%;
  height: auto;
}
@media (min-width: 768px) {
  .pg-top__lineup--inner {
    padding: 5.8125rem 0 5.5625rem;
  }
}
.pg-top__lineup--heading {
  position: absolute;
  top: 0;
  left: 0;
  transform: translateY(-66.6666666667%);
  z-index: 10;
  width: auto;
  height: auto;
}
.pg-top__lineup--main {
  position: relative;
  z-index: 10;
  height: auto;
}
.pg-top__lineup--main--title {
  font-weight: 900;
  font-size: 1.25rem;
  line-height: 1.4333333333;
}
@media (min-width: 768px) {
  .pg-top__lineup--main--title {
    font-size: 1.625rem;
  }
}
@media (min-width: 1024px) {
  .pg-top__lineup--main--title {
    position: absolute;
    top: 4.625rem;
    left: 0;
    z-index: 10;
    font-size: 1.875rem;
  }
}
.pg-top__lineup--main--image {
  width: 100%;
  height: auto;
}
@media (min-width: 768px) {
  .pg-top__lineup--main--image {
    margin-left: 4.427333975%;
    width: 94.1289701636%;
  }
}
.pg-top__lineup--main--note {
  margin-top: -1rem;
  font-weight: 500;
  font-size: 0.6875rem;
  line-height: 1.5333333333;
}
@media (min-width: 768px) {
  .pg-top__lineup--main--note {
    font-weight: 600;
    font-size: 0.9375rem;
  }
}
.pg-top__lineup--cta {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 1.6875rem 2.5936599424%;
  margin-top: 2.25rem;
  width: 100%;
  height: auto;
}
@media (min-width: 768px) {
  .pg-top__lineup--cta {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 3.75rem;
  }
}
.pg-top__lineup--button {
  position: relative;
  padding-top: 1.5rem;
  width: 100%;
  height: 5.5rem;
}
@media (min-width: 768px) {
  .pg-top__lineup--button {
    padding-top: 1.6875rem;
    height: 8.1875rem;
  }
}
.pg-top__lineup--button--text {
  font-weight: 900;
  font-size: 1.125rem;
  line-height: 1;
}
@media (min-width: 768px) {
  .pg-top__lineup--button--text {
    font-size: 1.625rem;
  }
}
.pg-top__lineup--button--comment {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 20;
  height: auto;
}
.pg-top__lineup--button--comment.--1 {
  width: 13.6875rem;
}
@media (min-width: 768px) {
  .pg-top__lineup--button--comment.--1 {
    width: 17.6875rem;
  }
}
.pg-top__lineup--button--comment.--2 {
  width: 10rem;
}
@media (min-width: 768px) {
  .pg-top__lineup--button--comment.--2 {
    width: 14.0625rem;
  }
}
.pg-top__lineup--fluid {
  position: absolute;
  pointer-events: none;
}
.pg-top__lineup--fluid.--1 {
  right: -52.8205128205%;
  bottom: 0;
  transform: translateY(49%) rotateZ(7deg);
  z-index: -20;
  width: 84.1025641026%;
}
@media (min-width: 768px) {
  .pg-top__lineup--fluid.--1 {
    right: -15.9027777778%;
    transform: translateY(55.8762886598%) rotateZ(7deg);
    width: 39.9305555556%;
  }
}
.pg-top__lineup--fluid.--2 {
  right: 18.2051282051%;
  bottom: 0;
  transform: translateY(23.0263157895%) rotateZ(-164.98deg);
  z-index: -10;
  width: 50.5128205128%;
}
@media (min-width: 768px) {
  .pg-top__lineup--fluid.--2 {
    right: 17.9166666667%;
    transform: translateY(24.7093023256%) rotateZ(-164.98deg);
    width: 30.9722222222%;
  }
}
.pg-top__case-study {
  position: relative;
  margin-top: 4.375rem;
  width: 100%;
  height: auto;
  overflow-x: clip;
}
@media (min-width: 768px) {
  .pg-top__case-study {
    margin-top: 6.5rem;
  }
}
.pg-top__case-study--heading {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  height: auto;
}
.pg-top__case-study--slide {
  margin-top: 1.5rem;
  width: 100%;
  height: auto;
  overflow: visible !important;
}
@media (min-width: 768px) {
  .pg-top__case-study--slide {
    margin-top: 3.75rem;
  }
}
.pg-top__case-study--list {
  width: 100%;
  height: auto;
}
.pg-top__case-study--item {
  width: 19.0625rem;
  height: auto;
}
@media (min-width: 768px) {
  .pg-top__case-study--item {
    width: 31.75rem;
  }
}
.pg-top__case-study--link {
  display: block;
  border-radius: 2.5rem;
  background-color: #fff6e4;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.pg-top__case-study--image {
  aspect-ratio: 508/244;
  width: 100%;
  height: auto;
  overflow: hidden;
}
.pg-top__case-study--content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1.25rem;
  margin-top: 0.5625rem;
  padding: 0 1.0625rem 0.875rem;
  width: 100%;
  height: auto;
}
@media (min-width: 768px) {
  .pg-top__case-study--content {
    margin-top: 0.75rem;
    padding: 0 1.5rem 1.25rem;
  }
}
.pg-top__case-study--info {
  width: 100%;
  height: auto;
}
.pg-top__case-study--date {
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 1;
}
@media (min-width: 768px) {
  .pg-top__case-study--date {
    font-size: 0.8125rem;
  }
}
.pg-top__case-study--title {
  font-weight: 900;
  font-size: 0.9375rem;
  line-height: 1.4705882353;
}
@media (min-width: 768px) {
  .pg-top__case-study--title {
    margin-top: 0.1875rem;
    font-size: 1.0625rem;
  }
}
.pg-top__case-study--tag {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  gap: 0.375rem;
  margin-top: 0.375rem;
  width: 100%;
  height: auto;
}
@media (min-width: 768px) {
  .pg-top__case-study--tag {
    gap: 0.75rem;
    margin-top: 0.5rem;
  }
}
.pg-top__case-study--tag--item {
  border-radius: 9999px;
  background-color: #f7ebd1;
  padding: 0.25rem 0.375rem;
  width: auto;
  height: auto;
}
@media (min-width: 768px) {
  .pg-top__case-study--tag--item {
    padding: 0.375rem 0.75rem 0.5rem;
  }
}
.pg-top__case-study--tag--text {
  font-weight: 500;
  font-size: 0.6875rem;
  line-height: 1;
}
@media (min-width: 768px) {
  .pg-top__case-study--tag--text {
    font-size: 0.8125rem;
  }
}
.pg-top__case-study--arrow {
  display: none;
  flex: 1 0 auto;
  justify-content: center;
  align-items: center;
  border-radius: 9999px;
  background-color: #2e2e2e;
  aspect-ratio: 1/1;
  width: 1.375rem;
  height: auto;
}
@media (min-width: 768px) {
  .pg-top__case-study--arrow {
    display: flex;
  }
}
.pg-top__case-study--arrow svg {
  width: 0.375rem;
  height: auto;
}
.pg-top__case-study--arrow svg path {
  fill: #ffffff !important;
}
.pg-top__case-study--button {
  margin-top: 2rem;
  width: auto;
  height: auto;
  text-align: center;
}
@media (min-width: 768px) {
  .pg-top__case-study--button {
    margin-top: 3.125rem;
  }
}
/* ★★★ ↓ここから追加（ブレイクポイントでサイズを出し分け）↓ ★★★ */
/* 1. スマホ・モバイル（基本設定） */
.pg-top__case-study--button a {
  display: inline-block;
  width: 240px;      /* ★スマホでのサイズ（添付いただいた理想画像の見た目に合わせて調整） */
  max-width: 100%;   /* 画面幅が極端に狭い端末用の安全策 */
  margin: 0 auto;    /* 中央寄せ */
}
/* 2. タブレット・PC（画面幅768px以上） */
@media (min-width: 768px) {
  .pg-top__case-study--button a {
    width: 360px;    /* ★PCでのサイズ（参照サイトと同じ） */
  }
}
/* ★★★ ↑ここまで追加↑ ★★★ */
.pg-top__case-study--button--link {
  display: inline-block;
  border: 2px solid #2e2e2e;
  border-radius: 9999px;
  padding: 1rem 3.375rem;
  width: auto;
  height: auto;
  overflow: hidden;
}
@media (min-width: 768px) {
  .pg-top__case-study--button--link {
    padding: 1rem 3.75rem;
  }
}
.pg-top__case-study--button--text {
  font-weight: 600;
  font-size: 0.9375rem;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .pg-top__case-study--button--text {
    font-size: 1.25rem;
  }
}
.pg-top__case-study--fluid {
  position: absolute;
  pointer-events: none;
}
.pg-top__case-study--fluid.--1 {
  display: none;
  bottom: 0;
  z-index: -10;
}
@media (min-width: 768px) {
  .pg-top__case-study--fluid.--1 {
    display: block;
    left: -32.9166666667%;
    transform: translateY(56.5789473684%) rotateZ(15.94deg);
    width: 53.1944444444%;
  }
}
.pg-top__merit {
  position: relative;
  margin-top: 3.75rem;
  padding-bottom: 5.25rem;
  width: 100%;
  height: auto;
  overflow-x: clip;
}
@media (min-width: 768px) {
  .pg-top__merit {
    margin-top: 5.875rem;
    padding-bottom: 13rem;
  }
}
.pg-top__merit--bg {
  position: absolute;
  top: 2.625rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: -10;
  width: 106.6666666667vw;
  height: 100%;
}
@media (min-width: 768px) {
  .pg-top__merit--bg {
    top: 2.375rem;
    width: 102.4305555556vw;
  }
}
.pg-top__merit--container {
  margin-top: 5.5rem;
  width: 100%;
  height: auto;
}
@media (min-width: 768px) {
  .pg-top__merit--container {
    margin-top: 12.5rem;
  }
}
.pg-top__merit--inner {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 2.5rem;
  width: 100%;
  height: auto;
}
@media (min-width: 768px) {
  .pg-top__merit--inner {
    gap: 5rem;
  }
}
.pg-top__merit--item {
  display: flex;
  flex: 1 0 auto;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1.25rem 1.9230769231%;
  width: 100%;
  height: auto;
}
@media (min-width: 768px) {
  .pg-top__merit--item {
    flex-direction: row;
  }
}
.pg-top__merit--item--heading {
  position: relative;
  padding: 0.3125rem;
  width: 100%;
  height: auto;
  text-align: center;
}
@media (min-width: 768px) {
  .pg-top__merit--item--heading {
    padding: 0.625rem;
    width: auto;
    text-align: left;
  }
}
.pg-top__merit--item--heading::before {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 9999px;
  background-color: #2e2e2e;
  width: 100%;
  height: 0.125rem;
  content: "";
}
@media (min-width: 768px) {
  .pg-top__merit--item--heading::before {
    display: none;
  }
}
.pg-top__merit--item--title {
  font-weight: 900;
  font-size: 1.0625rem;
  line-height: 1.9230769231;
}
@media (min-width: 768px) {
  .pg-top__merit--item--title {
    font-size: 1.25rem;
  }
}
@media (min-width: 1024px) {
  .pg-top__merit--item--title {
    font-size: 1.375rem;
  }
}
@media (min-width: 1280px) {
  .pg-top__merit--item--title {
    font-size: 1.625rem;
  }
}
.pg-top__merit--item--line {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.125rem;
}
@media (min-width: 768px) {
  .pg-top__merit--item--line {
    height: 0.1875rem;
  }
}
.pg-top__merit--item--line::after {
  position: absolute;
  top: 0;
  right: 0;
  border-radius: 9999px;
  background-color: #2e2e2e;
  width: 48.8304093567%;
  height: 100%;
  content: "";
}
@media (min-width: 768px) {
  .pg-top__merit--item--line::after {
    width: 43.2432432432%;
  }
}
.pg-top__merit--item--line span {
  position: absolute;
  top: 0;
  left: 0;
  border-top-left-radius: 9999px;
  border-bottom-left-radius: 9999px;
  background-color: #2e2e2e;
  width: 48.8304093567%;
  height: 100%;
}
@media (min-width: 768px) {
  .pg-top__merit--item--line span {
    width: 43.2432432432%;
  }
}
.pg-top__merit--item--line span::before {
  position: absolute;
  top: 0;
  right: 0;
  transform: translateX(100%) rotateZ(40deg);
  transform-origin: 3% -20%;
  border-radius: 9999px;
  background-color: #2e2e2e;
  width: 0.9375rem;
  height: 100%;
  content: "";
}
@media (min-width: 768px) {
  .pg-top__merit--item--line span::before {
    transform: translateX(100%) rotateZ(32deg);
    width: 1.75rem;
  }
}
@media (min-width: 768px) {
  .pg-top__merit--item:not(.pg-top__merit--item:last-of-type) {
    position: relative;
    padding-bottom: 5rem;
  }
  .pg-top__merit--item:not(.pg-top__merit--item:last-of-type)::before {
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #d2d9da;
    width: 100%;
    height: 1px;
    content: "";
  }
}
.pg-top__merit--content {
  margin-top: 0.625rem;
  width: 100%;
  height: auto;
}
@media (min-width: 768px) {
  .pg-top__merit--content {
    margin-top: 0;
    width: 65.3846153846%;
  }
}
@media (min-width: 1024px) {
  .pg-top__merit--content {
    width: 76.9230769231%;
  }
}
.pg-top__merit--merit {
  margin: 0 auto;
  width: 77.374301676%;
  height: auto;
}
@media (min-width: 768px) {
  .pg-top__merit--merit {
    margin: 0;
    width: 100%;
  }
}
.pg-top__merit--merit--list {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 2rem;
  width: 100%;
  height: auto;
}
@media (min-width: 768px) {
  .pg-top__merit--merit--list {
    gap: 3rem 5rem;
  }
}
@media (min-width: 1024px) {
  .pg-top__merit--merit--list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
.pg-top__merit--merit--item {
  width: 100%;
  height: auto;
}
.pg-top__merit--merit--number {
  font-weight: 900;
  font-size: 2.5rem;
  line-height: 1;
}
@media (min-width: 768px) {
  .pg-top__merit--merit--number {
    font-size: 4.8611111111vw;
  }
}
.pg-top__merit--merit--image {
  position: relative;
  margin-top: -0.875rem;
  aspect-ratio: 352/240;
  width: 100%;
  height: auto;
}
@media (min-width: 768px) {
  .pg-top__merit--merit--image {
    margin-top: -1.5rem;
  }
}
.pg-top__merit--merit--image img {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  z-index: 0;
  width: 100%;
  height: auto;
}
.pg-top__merit--merit--content {
  margin-top: 0.8125rem;
  width: 100%;
  height: auto;
}
@media (min-width: 768px) {
  .pg-top__merit--merit--content {
    margin-top: 1.5rem;
  }
}
.--2 .pg-top__merit--merit--content, .--4 .pg-top__merit--merit--content {
  margin-top: 1.25rem;
}
@media (min-width: 768px) {
  .--2 .pg-top__merit--merit--content, .--4 .pg-top__merit--merit--content {
    margin-top: 1.5rem;
  }
}
.pg-top__merit--merit--title {
  font-weight: 900;
  font-size: 1.0625rem;
  line-height: normal;
}
@media (min-width: 768px) {
  .pg-top__merit--merit--title {
    font-size: 1.375rem;
  }
}
.pg-top__merit--merit--text {
  margin-top: 0.6875rem;
  width: 100%;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.75;
}
@media (min-width: 768px) {
  .pg-top__merit--merit--text {
    margin-top: 0.875rem;
    font-size: 1rem;
  }
}
.pg-top__merit--spec {
  width: 100%;
  height: auto;
}
.pg-top__merit--spec--title {
  font-weight: 900;
  font-size: 0.9375rem;
  line-height: 1.4444444444;
}
@media (min-width: 768px) {
  .pg-top__merit--spec--title {
    padding-left: 1.5625rem;
    font-size: 1.125rem;
  }
}
.pg-top__merit--spec--image {
  mix-blend-mode: multiply;
  margin-top: 1.1875rem;
  padding: 0 1rem;
  width: 100%;
  height: auto;
}
@media (min-width: 768px) {
  .pg-top__merit--spec--image {
    margin-top: 1.375rem;
    padding: 0;
  }
}
.pg-top__merit--spec--type {
  margin-top: 2.625rem;
  width: 100%;
  height: auto;
}
@media (min-width: 768px) {
  .pg-top__merit--spec--type {
    margin-top: 5rem;
  }
}
.pg-top__merit--spec--type--container {
  margin-top: 1rem;
  width: 100%;
  height: auto;
}
@media (min-width: 768px) {
  .pg-top__merit--spec--type--container {
    padding-left: 1.5625rem;
  }
}
.pg-top__merit--spec--type--list {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 1.25rem;
  border-radius: 2.5rem;
  background-color: #ffffff;
  padding: 1.5rem 1.6875rem 1rem;
  width: 100%;
  height: auto;
}
@media (min-width: 1024px) {
  .pg-top__merit--spec--type--list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6.5040650407%;
    padding: 2.625rem 5rem 1.875rem;
  }
}
.pg-top__merit--spec--type--item {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-start;
  align-items: center;
  gap: 1.25rem;
  width: 100%;
  height: auto;
}
@media (min-width: 1024px) {
  .pg-top__merit--spec--type--item {
    flex-direction: column;
    align-items: center;
    gap: 0;
  }
}
.pg-top__merit--spec--type--image {
  position: relative;
  flex: 1 0 auto;
  aspect-ratio: 1/1;
  width: 5.0625rem;
  height: auto;
}
@media (min-width: 1024px) {
  .pg-top__merit--spec--type--image {
    flex: none;
    width: 73.0337078652%;
  }
}
.pg-top__merit--spec--type--image img {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: auto;
}
.pg-top__merit--spec--type--content {
  position: relative;
  z-index: 10;
  width: 100%;
  height: auto;
}
@media (min-width: 1024px) {
  .pg-top__merit--spec--type--content {
    margin-top: -1.75rem;
  }
}
.pg-top__merit--spec--type--tag {
  border-radius: 9999px;
  background-color: var(--color);
  padding: 0.125rem 1.0625rem 0.25rem;
  width: -moz-fit-content;
  width: fit-content;
  height: auto;
  overflow: hidden;
  text-align: center;
}
@media (min-width: 1024px) {
  .pg-top__merit--spec--type--tag {
    padding: 0.25rem 0 0.5rem;
    width: 100%;
  }
}
.pg-top__merit--spec--type--tag--text {
  color: #ffffff;
  font-weight: 900;
  font-size: 0.875rem;
  line-height: 1.4666666667;
}
@media (min-width: 1024px) {
  .pg-top__merit--spec--type--tag--text {
    font-size: 0.9375rem;
  }
}
.pg-top__merit--spec--type--text {
  margin-top: 0.625rem;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.4285714286;
}
.pg-top__merit--cta {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 1.6875rem 2.5936599424%;
  margin-top: 2rem;
  width: 100%;
  height: auto;
}
@media (min-width: 768px) {
  .pg-top__merit--cta {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 4.875rem;
  }
}
.pg-top__merit--button {
  position: relative;
  padding-top: 1.5rem;
  width: 100%;
  height: 5.5rem;
}
@media (min-width: 768px) {
  .pg-top__merit--button {
    padding-top: 1.6875rem;
    height: 8.1875rem;
  }
}
.pg-top__merit--button--text {
  font-weight: 900;
  font-size: 1.125rem;
  line-height: 1;
}
@media (min-width: 768px) {
  .pg-top__merit--button--text {
    font-size: 1.625rem;
  }
}
.pg-top__merit--button--comment {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 20;
  height: auto;
}
.pg-top__merit--button--comment.--1 {
  width: 13.6875rem;
}
@media (min-width: 768px) {
  .pg-top__merit--button--comment.--1 {
    width: 17.6875rem;
  }
}
.pg-top__merit--button--comment.--2 {
  width: 10rem;
}
@media (min-width: 768px) {
  .pg-top__merit--button--comment.--2 {
    width: 14.0625rem;
  }
}
.pg-top__faq {
  position: relative;
  margin-top: 7.5rem;
  width: 100%;
  height: auto;
}
@media (min-width: 768px) {
  .pg-top__faq {
    margin-top: 11.25rem;
  }
}
.pg-top__faq--container {
  border-radius: 2rem;
  background-color: #fff6e4;
  padding: 0 1rem;
  width: 100%;
  height: auto;
}
@media (min-width: 768px) {
  .pg-top__faq--container {
    border-top-right-radius: 0;
    border-top-left-radius: 5rem;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 5rem;
    padding: 0 13.6111111111vw 0 10.3472222222vw;
  }
}
.pg-top__faq--inner {
  position: relative;
  padding: 2.5rem 0 1.25rem;
  width: 100%;
  height: auto;
}
@media (min-width: 768px) {
  .pg-top__faq--inner {
    padding: 7.25rem 0 5rem;
  }
}
.pg-top__faq--heading {
  position: absolute;
  top: 0;
  left: 0;
  transform: translateY(-66.6666666667%);
  z-index: 10;
  width: auto;
  height: auto;
}
.pg-top__faq--list {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 0.75rem;
  width: 100%;
  height: auto;
}
@media (min-width: 768px) {
  .pg-top__faq--list {
    gap: 2rem;
  }
}
.pg-top__faq--item {
  border-radius: 1.5rem;
  background-color: #ffffff;
  padding: 0.875rem 1.25rem 1.25rem;
  width: 100%;
  height: auto;
  overflow: hidden;
}
@media (min-width: 768px) {
  .pg-top__faq--item {
    padding: 1.875rem 4.1067761807%;
  }
}
.pg-top__faq--q {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0.8125rem;
  cursor: pointer;
  width: 100%;
  height: auto;
}
@media (min-width: 768px) {
  .pg-top__faq--q {
    gap: 10.067114094%;
  }
}
.pg-top__faq--q--heading {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 0.5625rem;
  width: 100%;
  height: auto;
}
@media (min-width: 768px) {
  .pg-top__faq--q--heading {
    gap: 1rem;
  }
}
.pg-top__faq--q--alhabet {
  color: #71b9be;
  font-weight: 900;
  font-size: 1.4375rem;
  line-height: 1;
}
@media (min-width: 768px) {
  .pg-top__faq--q--alhabet {
    font-size: 2rem;
  }
}
.pg-top__faq--q--text {
  margin-top: 0.1875rem;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.5;
}
@media (min-width: 768px) {
  .pg-top__faq--q--text {
    margin-top: 0.25rem;
    font-weight: 700;
    font-size: 1.25rem;
  }
}
.pg-top__faq--q--arrow {
  position: relative;
  flex: 1 0 auto;
  width: 0.875rem;
  height: 0.5625rem;
}
@media (min-width: 768px) {
  .pg-top__faq--q--arrow {
    width: 1.0625rem;
    height: 0.6875rem;
  }
}
.is-open .pg-top__faq--q--arrow {
  transform: rotate(180deg);
}
.pg-top__faq--q--arrow::before, .pg-top__faq--q--arrow::after {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform-origin: center bottom;
  z-index: 10;
  border-radius: 0.0625rem;
  background-color: #2e2e2e;
  width: 0.1875rem;
  height: 0.625rem;
  content: "";
}
@media (min-width: 768px) {
  .pg-top__faq--q--arrow::before, .pg-top__faq--q--arrow::after {
    width: 0.25rem;
    height: 0.75rem;
  }
}
.pg-top__faq--q--arrow::before {
  transform: translateX(-50%) rotate(45deg);
  transform-origin: left 90%;
}
.pg-top__faq--q--arrow::after {
  transform: translateX(-50%) rotate(-45deg);
  transform-origin: right 90%;
}
.pg-top__faq--a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-right: 1.625rem;
  width: 100%;
  height: auto;
}
@media (min-width: 768px) {
  .pg-top__faq--a {
    padding-right: 10.067114094%;
  }
}
.pg-top__faq--a--heading {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 0.5625rem;
  padding-top: 0.9375rem;
  width: 100%;
  height: auto;
}
@media (min-width: 768px) {
  .pg-top__faq--a--heading {
    gap: 1rem;
    padding-top: 1.25rem;
  }
}
.pg-top__faq--a--alhabet {
  color: #f46133;
  font-weight: 900;
  font-size: 1.4375rem;
  line-height: 1;
}
@media (min-width: 768px) {
  .pg-top__faq--a--alhabet {
    font-size: 2rem;
  }
}
.pg-top__faq--a--text {
  margin-top: 0.1875rem;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.75;
}
@media (min-width: 768px) {
  .pg-top__faq--a--text {
    margin-top: 0.25rem;
    font-weight: 700;
    font-size: 1rem;
  }
}
.pg-top__cta {
  margin-top: 2.5rem;
  width: 100%;
  height: auto;
}
@media (min-width: 768px) {
  .pg-top__cta {
    margin-top: 7.5rem;
  }
}
.pg-top__cta--container {
  width: 100%;
  height: auto;
}
.pg-top__cta--list {
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  gap: 1.0625rem;
  width: 100%;
  height: auto;
}
@media (min-width: 768px) {
  .pg-top__cta--list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.5rem;
  }
}
.pg-top__cta--item {
  width: 100%;
  height: auto;
}
.pg-top__cta--text {
  margin-top: 0.5rem;
  font-weight: 400;
  font-size: 0.625rem;
  line-height: 4;
  text-align: center;
}
@media (min-width: 768px) {
  .pg-top__cta--text {
    margin-top: 1.125rem;
    text-align: right;
  }
}.splide__container{box-sizing:border-box;position:relative}.splide__list{backface-visibility:hidden;display:-ms-flexbox;display:flex;height:100%;margin:0!important;padding:0!important}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide:not(.is-overflow) .splide__pagination{display:none}.splide__progress__bar{width:0}.splide{position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{backface-visibility:hidden;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;list-style-type:none!important;margin:0;position:relative}.splide__slide img{vertical-align:bottom}.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}.splide__sr{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{display:none}.splide__toggle.is-active .splide__toggle__pause{display:inline}.splide__track{overflow:hidden;position:relative;z-index:0}@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide__track--draggable{-webkit-touch-callout:none;-ms-user-select:none;user-select:none}.splide__track--fade>.splide__list>.splide__slide{margin:0!important;opacity:0;z-index:0}.splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;z-index:1}.splide--rtl{direction:rtl}.splide__track--ttb>.splide__list{display:block}.splide__arrow{-ms-flex-align:center;align-items:center;background:#ccc;border:0;border-radius:50%;cursor:pointer;display:-ms-flexbox;display:flex;height:2em;-ms-flex-pack:center;justify-content:center;opacity:.7;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:2em;z-index:1}.splide__arrow svg{fill:#000;height:1.2em;width:1.2em}.splide__arrow:hover:not(:disabled){opacity:.9}.splide__arrow:disabled{opacity:.3}.splide__arrow:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide__arrow--prev{left:1em}.splide__arrow--prev svg{transform:scaleX(-1)}.splide__arrow--next{right:1em}.splide.is-focus-in .splide__arrow:focus{outline:3px solid #0bf;outline-offset:3px}.splide__pagination{bottom:.5em;left:0;padding:0 1em;position:absolute;right:0;z-index:1}.splide__pagination__page{background:#ccc;border:0;border-radius:50%;display:inline-block;height:8px;margin:3px;opacity:.7;padding:0;position:relative;transition:transform .2s linear;width:8px}.splide__pagination__page.is-active{background:#fff;transform:scale(1.4);z-index:1}.splide__pagination__page:hover{cursor:pointer;opacity:.9}.splide__pagination__page:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__pagination__page:focus{outline:3px solid #0bf;outline-offset:3px}.splide__progress__bar{background:#ccc;height:3px}.splide__slide{-webkit-tap-highlight-color:rgba(0,0,0,0)}.splide__slide:focus{outline:0}@supports(outline-offset:-3px){.splide__slide:focus-visible{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide__slide:focus-visible{border:3px solid #0bf}}@supports(outline-offset:-3px){.splide.is-focus-in .splide__slide:focus{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide.is-focus-in .splide__slide:focus{border:3px solid #0bf}.splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus{border-color:#0bf}}.splide__toggle{cursor:pointer}.splide__toggle:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__toggle:focus{outline:3px solid #0bf;outline-offset:3px}.splide__track--nav>.splide__list>.splide__slide{border:3px solid transparent;cursor:pointer}.splide__track--nav>.splide__list>.splide__slide.is-active{border:3px solid #000}.splide__arrows--rtl .splide__arrow--prev{left:auto;right:1em}.splide__arrows--rtl .splide__arrow--prev svg{transform:scaleX(1)}.splide__arrows--rtl .splide__arrow--next{left:1em;right:auto}.splide__arrows--rtl .splide__arrow--next svg{transform:scaleX(-1)}.splide__arrows--ttb .splide__arrow{left:50%;transform:translate(-50%)}.splide__arrows--ttb .splide__arrow--prev{top:1em}.splide__arrows--ttb .splide__arrow--prev svg{transform:rotate(-90deg)}.splide__arrows--ttb .splide__arrow--next{bottom:1em;top:auto}.splide__arrows--ttb .splide__arrow--next svg{transform:rotate(90deg)}.splide__pagination--ttb{bottom:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;left:auto;padding:1em 0;right:.5em;top:0}