@charset "UTF-8";
/*==============================================================================
1.0 Foundation
============================================================================= */
:root {
  --black: #353535;
  --white: #fff;
  --lightGray: #FAF9F9;
  --gray: #EFEEEA;
  --darkGray: #BBBCAE;
  --blue: #0088B7;
  --skyBlue: #DAEAEF;
  --red: #D25353;
  --leading-trim: calc((1em - 1lh) / 2);
}

.material-symbols-outlined {
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
}

.material-symbols-outlined {
  font-size: clamp(21px, 1.8666666667vw, 28px);
}
@media (min-width: 751px) {
  .material-symbols-outlined {
    font-size: clamp(15px, 1.3333333333vw, 20px);
  }
}

/* =============================================================================
Basic style
========================================================================== */
html {
  overflow-x: hidden;
  scroll-behavior: smooth;
}

body {
  position: relative;
  color: var(--black);
  font-size: clamp(14px, 0.5333333333vw, 16px);
  font-weight: 500;
  font-family: "Zen Maru Gothic", sans-serif;
  word-break: break-all;
  overflow-x: hidden;
}

*[lang=en] {
  font-family: "Comfortaa", sans-serif;
  text-transform: uppercase;
}

/*==============================================================================
  2.0 - Layout
============================================================================= */
.l-container {
  margin-inline: clamp(90px, 8vw, 120px);
  box-sizing: border-box;
}
@media (min-width: 1441px) {
  .l-container {
    max-width: clamp(900px, 80vw, 1200px);
    margin-inline: auto;
  }
}
@media (max-width: 751px) {
  .l-container {
    margin-inline: clamp(19.5px, 1.7333333333vw, 26px);
  }
}

.l-container--mid {
  margin-inline: clamp(180px, 16vw, 240px);
  box-sizing: border-box;
}
@media (min-width: 1441px) {
  .l-container--mid {
    max-width: clamp(715.5px, 63.6vw, 954px);
    margin-inline: auto;
  }
}
@media (max-width: 751px) {
  .l-container--mid {
    margin-inline: clamp(19.5px, 1.7333333333vw, 26px);
  }
}

.l-container--small {
  margin-inline: clamp(270px, 24vw, 360px);
  box-sizing: border-box;
}
@media (min-width: 1441px) {
  .l-container--small {
    max-width: clamp(538.5px, 47.8666666667vw, 718px);
    margin-inline: auto;
  }
}
@media (max-width: 751px) {
  .l-container--small {
    margin-inline: clamp(19.5px, 1.7333333333vw, 26px);
  }
}

.l-grid {
  display: grid;
}
@media (min-width: 751px) {
  .l-grid--mid {
    display: grid;
  }
}

.l-flex {
  display: flex;
  flex-wrap: wrap;
}

@media (min-width: 751px) {
  .l-flex--mid {
    display: flex;
    flex-wrap: wrap;
  }
}

/*==============================================================================
  header
============================================================================= */
.l-header {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-block: clamp(18px, 1.6vw, 24px);
  padding-inline: clamp(19.5px, 1.7333333333vw, 26px);
  position: fixed;
  top: 0;
  left: 0;
  background: rgba(255, 255, 255, 0.8);
  box-sizing: border-box;
  z-index: 100;
}
@media (min-width: 751px) {
  .l-header {
    gap: clamp(15px, 1.3333333333vw, 20px);
    padding-block: clamp(13.5px, 1.2vw, 18px);
    padding-inline: clamp(52.5px, 4.6666666667vw, 70px);
  }
}
.l-header__title {
  width: clamp(87px, 7.7333333333vw, 116px);
  position: relative;
  z-index: 50;
}
/*==============================================================================
  footer
============================================================================= */
.l-footer {
  padding-block: clamp(79.5px, 7.0666666667vw, 106px);
  position: relative;
  background: var(--blue);
  border-radius: clamp(39.75px, 3.5333333333vw, 53px) clamp(39.75px, 3.5333333333vw, 53px) 0 0;
  z-index: 1;
}
@media (min-width: 751px) {
  .l-footer {
    padding-block: clamp(60px, 5.3333333333vw, 80px);
    border-radius: clamp(52.5px, 4.6666666667vw, 70px) clamp(52.5px, 4.6666666667vw, 70px) 0 0;
  }
}
.l-footer__head {
  justify-content: space-between;
  margin-block-end: clamp(49.5px, 4.4vw, 66px);
  padding-block-end: clamp(49.5px, 4.4vw, 66px);
  border-bottom: 1px solid var(--white);
}
@media (min-width: 751px) {
  .l-footer__head {
    margin-block-end: clamp(37.5px, 3.3333333333vw, 50px);
    padding-block-end: clamp(37.5px, 3.3333333333vw, 50px);
  }
}
.l-footer__title {
  width: clamp(168.75px, 15vw, 225px);
  margin-block-end: clamp(39.75px, 3.5333333333vw, 53px);
}
@media (min-width: 751px) {
  .l-footer__title {
    width: clamp(140.25px, 12.4666666667vw, 187px);
    margin-block-end: 0;
  }
}
.l-footer__nav {
  grid-template-areas: "about faq" "service news" "lineup recruit" "flow request" ". contact";
  gap: clamp(19.5px, 1.7333333333vw, 26px) clamp(0px, 0vw, 0px);
}
@media (min-width: 751px) {
  .l-footer__nav {
    gap: clamp(45px, 4vw, 60px) clamp(30px, 2.6666666667vw, 40px);
  }
}
@media (max-width: 751px) {
  .l-footer__nav {
    width: 100%;
    grid-template-columns: repeat(2, 50%);
  }
}
.l-footer__nav .item:nth-of-type(1) {
  grid-area: about;
}
.l-footer__nav .item:nth-of-type(2) {
  grid-area: service;
}
.l-footer__nav .item:nth-of-type(3) {
  grid-area: lineup;
}
.l-footer__nav .item:nth-of-type(4) {
  grid-area: flow;
}
.l-footer__nav .item:nth-of-type(5) {
  grid-area: faq;
}
.l-footer__nav .item:nth-of-type(6) {
  grid-area: news;
}
.l-footer__nav .item:nth-of-type(7) {
  grid-area: recruit;
}
.l-footer__nav .item:nth-of-type(8) {
  grid-area: request;
}
.l-footer__nav .item:nth-of-type(9) {
  grid-area: contact;
}
.l-footer__nav .link {
  color: var(--white);
  font-size: clamp(15px, 1.3333333333vw, 20px);
}
@media (min-width: 751px) {
  .l-footer__nav .link {
    font-size: clamp(11.25px, 1vw, 15px);
  }
}
.l-footer__privacy {
  margin-block-end: clamp(15px, 1.3333333333vw, 20px);
}
@media (min-width: 751px) {
  .l-footer__privacy {
    margin-block-end: clamp(11.25px, 1vw, 15px);
  }
}
.l-footer__privacy .link {
  color: var(--white);
  font-size: clamp(15px, 1.3333333333vw, 20px);
}
@media (min-width: 751px) {
  .l-footer__privacy .link {
    font-size: clamp(11.25px, 1vw, 15px);
  }
}
.l-footer__copy {
  color: var(--white);
  font-size: clamp(12px, 0vw, 12px);
}

/*==============================================================================
  3.0 - component
============================================================================= */
.c-heading {
  display: flex;
  flex-direction: column-reverse;
}
.c-heading h2 {
  color: var(--blue);
  font-size: clamp(36px, 3.2vw, 48px);
  font-weight: 700;
  line-height: 1.5;
}
.c-heading p {
  color: var(--blue);
  font-size: clamp(15px, 1.3333333333vw, 20px);
  font-weight: 700;
  line-height: 1;
}
@media (min-width: 751px) {
  .c-heading p {
    font-size: clamp(11.25px, 1vw, 15px);
  }
}

.c-button {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 0;
  border: 0;
  background-color: transparent;
  text-align: center;
  letter-spacing: 0.05em;
  text-decoration: none;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  box-sizing: border-box;
  transition: 0.5s;
}
.c-button.--blue {
  background: var(--blue);
  border: 2px solid;
  color: var(--white);
}
.c-button.--blue:hover {
  background: var(--white);
  color: var(--blue);
}
.c-button.--white {
  background: var(--white);
  border: 2px solid;
  color: var(--blue);
}
.c-button.--white:hover {
  background: var(--blue);
  color: var(--white);
}
.c-button.--link {
  padding-block: clamp(15.75px, 1.4vw, 21px);
  padding-inline: clamp(24px, 2.1333333333vw, 32px);
  border-radius: 28px;
  font-size: clamp(15px, 1.3333333333vw, 20px);
}
@media (min-width: 751px) {
  .c-button.--link {
    padding-block: clamp(12px, 1.0666666667vw, 16px);
    padding-inline: clamp(18px, 1.6vw, 24px);
    font-size: clamp(11.25px, 1vw, 15px);
  }
}
.c-button.--start {
  margin-inline-end: auto;
}
.c-button.--center {
  margin-inline: auto;
}
.c-button.--center-mid-end {
  margin-inline: auto;
}
@media (min-width: 751px) {
  .c-button.--center-mid-end {
    margin-inline-start: auto;
  }
}
.c-button.--end {
  margin-inline-start: auto;
}
.c-button.--small {
  width: clamp(219.75px, 19.5333333333vw, 293px);
}
@media (min-width: 751px) {
  .c-button.--small {
    width: clamp(165px, 14.6666666667vw, 220px);
  }
}
.c-button.--mid {
  width: clamp(289.5px, 25.7333333333vw, 386px);
}
@media (min-width: 751px) {
  .c-button.--mid {
    width: clamp(202.5px, 18vw, 270px);
  }
}
.c-button.--large {
  width: clamp(289.5px, 25.7333333333vw, 386px);
}
@media (min-width: 751px) {
  .c-button.--large {
    width: clamp(247.5px, 22vw, 330px);
  }
}

.c-globalNav {
  z-index: 40;
  transition: 0.5s;
}
@media (min-width: 951px) {
  .c-globalNav {
    align-items: center;
    gap: clamp(16.5px, 1.4666666667vw, 22px);
  }
}
@media (max-width: 950px) {
  .c-globalNav {
    flex-wrap: nowrap;
    flex-direction: column;
    gap: clamp(24px, 2.1333333333vw, 32px);
    width: 100vw;
    max-width: 500px;
    height: 100dvh;
    padding-block: clamp(109.5px, 9.7333333333vw, 146px) clamp(45px, 4vw, 60px);
    padding-inline: clamp(31.5px, 2.8vw, 42px);
    position: fixed;
    top: 0;
    right: -100%;
    background: var(--white);
    opacity: 0;
    overflow: auto;
  }
}
.c-globalNav.is-active {
  right: 0;
  opacity: 1;
}
.c-globalNav.is-active .c-globalNav__item {
  left: 0;
  opacity: 1;
}
@media (max-width: 950px) {
  .c-globalNav__item {
    width: 100%;
    position: relative;
    left: 100%;
    opacity: 0;
    transition: 0.5s;
  }
  .c-globalNav__item:nth-child(1) {
    transition-delay: 0s;
  }
  .c-globalNav__item:nth-child(2) {
    transition-delay: 0.03s;
  }
  .c-globalNav__item:nth-child(3) {
    transition-delay: 0.06s;
  }
  .c-globalNav__item:nth-child(4) {
    transition-delay: 0.09s;
  }
  .c-globalNav__item:nth-child(5) {
    transition-delay: 0.12s;
  }
  .c-globalNav__item:nth-child(6) {
    transition-delay: 0.15s;
  }
  .c-globalNav__item:nth-child(7) {
    transition-delay: 0.18s;
  }
  .c-globalNav__item:nth-child(8) {
    transition-delay: 0.21s;
  }
  .c-globalNav__item:nth-child(9) {
    transition-delay: 0.24s;
  }
}
.c-globalNav__link {
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  font-size: clamp(16.5px, 1.4666666667vw, 22px);
  letter-spacing: 0.05em;
}
@media (min-width: 751px) {
  .c-globalNav__link {
    font-size: clamp(11.25px, 1vw, 15px);
  }
}
.c-globalNav__link::after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 0%;
  height: 2px;
  background-color: var(--blue);
  transition: width 0.3s ease;
}
.c-globalNav__link:hover {
  color: var(--blue);
}
.c-globalNav__link:hover::after {
  width: 100%;
}
.c-globalNav__link.is-view {
  color: var(--blue);
}
.c-globalNav__link.is-view::after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: var(--blue);
  transition: width 0.3s ease;
}
.c-globalNav__action {
  justify-content: center;
  gap: clamp(9.75px, 0.8666666667vw, 13px);
  padding-block: clamp(24px, 2.1333333333vw, 32px);
  border-radius: clamp(27.75px, 2.4666666667vw, 37px);
}
@media (min-width: 951px) {
  .c-globalNav__action {
    justify-content: space-between;
    padding-block: clamp(10.5px, 0.9333333333vw, 14px);
    padding-inline: clamp(15px, 1.3333333333vw, 20px);
    border-radius: clamp(21px, 1.8666666667vw, 28px);
  }
}

.c-hamburger {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: clamp(24.75px, 2.2vw, 33px);
  height: clamp(19.5px, 1.7333333333vw, 26px);
  position: relative;
  margin: 0;
  padding: 0;
  border: 0;
  background-color: transparent;
  text-align: center;
  letter-spacing: 0.05em;
  text-decoration: none;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  box-sizing: border-box;
  transition: 0.5s;
  z-index: 50;
}
@media (min-width: 951px) {
  .c-hamburger {
    display: none;
  }
}
.c-hamburger::before, .c-hamburger::after {
  position: absolute;
  display: block;
  width: 100%;
  height: clamp(2px, 0.5333333333vw, 4px);
  background-color: var(--blue);
  content: "";
  transition: transform 0.5s;
}
.c-hamburger::before {
  top: 0;
}
.c-hamburger::after {
  bottom: 0;
}
.is-drawerActive .c-hamburger {
  background-color: transparent;
}
.is-drawerActive .c-hamburger::before, .is-drawerActive .c-hamburger::after {
  top: 50%;
  transform: translateY(-50%);
  background-color: var(--blue);
}
.is-drawerActive .c-hamburger::before {
  transform: rotate(-45deg);
}
.is-drawerActive .c-hamburger::after {
  transform: rotate(45deg);
}
.c-hamburger__line {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 100%;
  height: clamp(2px, 0.5333333333vw, 4px);
  background-color: var(--blue);
  transition: transform 0.5s;
}
.is-drawerActive .c-hamburger__line {
  background-color: transparent;
}

.page .p-hero__container,
.archive .p-hero__container,
.blog .p-hero__container {
  margin-block-end: clamp(49.5px, 4.4vw, 66px);
  padding-block: clamp(63.75px, 5.6666666667vw, 85px) clamp(75px, 6.6666666667vw, 100px);
  background: url(../images/page/page_hero_bg_sp.webp) no-repeat top left/100%;
}
@media (min-width: 751px) {
  .page .p-hero__container,
  .archive .p-hero__container,
  .blog .p-hero__container {
    padding-block: clamp(127.5px, 11.3333333333vw, 170px) clamp(97.5px, 8.6666666667vw, 130px);
    background: url(../images/page/page_hero_bg.webp) no-repeat top left/100% 100%;
  }
}
.page .p-hero .c-heading h2,
.archive .p-hero .c-heading h2,
.blog .p-hero .c-heading h2 {
  font-size: clamp(48px, 4.2666666667vw, 64px);
}
.page .c-heading,
.archive .c-heading,
.blog .c-heading {
  margin-block-end: clamp(30px, 2.6666666667vw, 40px);
}

.c-categoryFilter {
  gap: clamp(22.5px, 2vw, 30px);
  margin-block-end: clamp(30px, 2.6666666667vw, 40px);
}
.c-categoryFilter li {
  align-items: center;
}
.c-categoryFilter a {
  color: var(--darkGray);
  font-size: clamp(15.75px, 1.4vw, 21px);
}
@media (min-width: 751px) {
  .c-categoryFilter a {
    font-size: clamp(12px, 1.0666666667vw, 16px);
  }
}
.c-categoryFilter a.is-active {
  color: var(--blue);
}

.c-pagination {
  margin-block-start: clamp(39.75px, 3.5333333333vw, 53px);
  padding-block: clamp(30px, 2.6666666667vw, 40px);
  padding-inline: clamp(12px, 1.0666666667vw, 16px);
  background: var(--lightGray);
  border-radius: clamp(30px, 2.6666666667vw, 40px);
}
@media (min-width: 751px) {
  .c-pagination {
    margin-block-start: clamp(63.75px, 5.6666666667vw, 85px);
    padding-block: clamp(22.5px, 2vw, 30px);
    padding-inline: clamp(15px, 1.3333333333vw, 20px);
    border-radius: clamp(22.5px, 2vw, 30px);
  }
}
.c-pagination__links {
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: clamp(6px, 0.5333333333vw, 8px);
}
@media (min-width: 751px) {
  .c-pagination__links {
    justify-content: space-between;
    align-items: baseline;
    gap: clamp(12px, 1.0666666667vw, 16px);
  }
}
.c-pagination__control {
  align-items: center;
  gap: clamp(3.75px, 0.3333333333vw, 5px);
  color: var(--blue);
  font-size: clamp(15px, 1.3333333333vw, 20px);
}
@media (min-width: 751px) {
  .c-pagination__control {
    gap: clamp(6px, 0.5333333333vw, 8px);
    font-size: clamp(11.25px, 1vw, 15px);
  }
}
.c-pagination__control.is-disabled {
  color: var(--darkGray);
  pointer-events: none;
}
.c-pagination__numbers {
  flex-wrap: wrap;
  justify-content: center;
  gap: clamp(19.5px, 1.7333333333vw, 26px);
  width: 60%;
}
@media (min-width: 751px) {
  .c-pagination__numbers {
    gap: clamp(17.25px, 1.5333333333vw, 23px);
    width: 80%;
  }
}
.c-pagination__numbers .page-numbers {
  color: var(--darkGray);
  font-size: clamp(15.75px, 1.4vw, 21px);
  font-family: "Comfortaa", sans-serif;
  transition: 0.5s;
}
@media (min-width: 751px) {
  .c-pagination__numbers .page-numbers {
    font-size: clamp(12px, 1.0666666667vw, 16px);
  }
}
.c-pagination__numbers .page-numbers.current {
  color: var(--blue);
}
.c-pagination__numbers .page-numbers:hover {
  color: var(--blue);
}

.c-animation__loop--left {
  flex-wrap: nowrap;
  white-space: nowrap;
  animation: loop-left 20s linear infinite;
}

@keyframes loop-left {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-100%);
  }
}
.c-animation__floatUpDown {
  animation: floatUpDown 5s linear infinite;
}

@keyframes floatUpDown {
  0% {
    transform: translateY(clamp(0px, 0vw, 0px));
  }
  25% {
    transform: translateY(clamp(-15px, -1.3333333333vw, -20px));
  }
  50% {
    transform: translateY(clamp(0px, 0vw, 0px));
  }
  75% {
    transform: translateY(clamp(15px, 1.3333333333vw, 20px));
  }
  100% {
    transform: translateY(clamp(0px, 0vw, 0px));
  }
}
.c-animation__delay1 {
  animation-delay: 1s;
}

.c-animation__delay2 {
  animation-delay: 2s;
}

.c-animation__delay3 {
  animation-delay: 3s;
}

.c-animation__fadeIn {
  transform: translateY(20px);
  opacity: 0;
  transition: opacity 1s ease, filter 1s ease, transform 1s ease;
}
.c-animation__fadeIn.is-visible {
  transform: translateY(0);
  opacity: 1;
}

/*==============================================================================
4.0 Project
============================================================================= */
/*
  4.1 - project
-----------------------------------------------------*/
.home .p-hero {
  margin-inline: clamp(19.5px, 1.7333333333vw, 26px);
  padding-block: clamp(412.5px, 36.6666666667vw, 550px) clamp(61.5px, 5.4666666667vw, 82px);
  background: url(../images/home/mainVisual.webp) no-repeat top center/cover;
  border-radius: clamp(37.5px, 3.3333333333vw, 50px);
  box-sizing: border-box;
}
@media (min-width: 751px) {
  .home .p-hero {
    margin-inline: clamp(36px, 3.2vw, 48px);
    padding-block: clamp(411px, 36.5333333333vw, 548px) clamp(72px, 6.4vw, 96px);
  }
}
@media (min-width: 1441px) {
  .home .p-hero {
    max-width: clamp(1007.25px, 89.5333333333vw, 1343px);
    margin-inline: auto;
  }
}
.home .p-hero__title {
  color: var(--blue);
  font-size: clamp(30px, 2.6666666667vw, 40px);
}
.home .p-hero__title .--line {
  background: #fff;
}
@media (min-width: 751px) {
  .home .p-hero__title {
    font-size: clamp(21px, 1.8666666667vw, 28px);
  }
}
.home .p-news__empty {
  padding-block-start: 0;
  font-size: clamp(15px, 1.3333333333vw, 20px);
}
@media (min-width: 751px) {
  .home .p-news__empty {
    padding-block-start: clamp(30px, 2.6666666667vw, 40px);
  }
}
.home .p-about {
  padding-block: clamp(105px, 9.3333333333vw, 140px) clamp(147px, 13.0666666667vw, 196px);
  position: relative;
  background: url(../images/home/about_bg_sp.webp) no-repeat top center/100% 100%;
}
@media (min-width: 751px) {
  .home .p-about {
    padding-block: clamp(118.5px, 10.5333333333vw, 158px) clamp(153.75px, 13.6666666667vw, 205px);
    background: url(../images/home/about_bg.webp) no-repeat top center/100% 100%;
  }
}
.home .p-about__container {
  justify-content: space-between;
  align-items: start;
  padding-block: clamp(93.75px, 8.3333333333vw, 125px) clamp(234.75px, 20.8666666667vw, 313px);
  padding-inline: clamp(30px, 2.6666666667vw, 40px);
  position: relative;
  background: url(../images/home/about_container_bg_sp.webp) no-repeat top center/100% 100%;
}
@media (min-width: 751px) {
  .home .p-about__container {
    padding-block: clamp(135px, 12vw, 180px) clamp(199.5px, 17.7333333333vw, 266px);
    background: url(../images/home/about_container_bg.webp) no-repeat top center/100% 100%;
    padding-inline: clamp(90px, 8vw, 120px);
  }
}
.home .p-about__cone {
  width: clamp(108.75px, 9.6666666667vw, 145px);
  position: absolute;
  top: -1.5em;
  left: clamp(30px, 2.6666666667vw, 40px);
}
@media (min-width: 751px) {
  .home .p-about__cone {
    width: clamp(142.5px, 12.6666666667vw, 190px);
    top: -3.5em;
    left: clamp(65.25px, 5.8vw, 87px);
  }
}
.home .p-about__text {
  margin-block-end: clamp(37.5px, 3.3333333333vw, 50px);
  font-size: clamp(13.5px, 1.2vw, 18px);
  line-height: 1.8;
  letter-spacing: 0.1em;
}
.home .p-about__text .mb {
  margin-block-end: 2em;
}
.home .p-about__loopWrapper {
  flex-wrap: nowrap;
  position: absolute;
  bottom: 5em;
  left: 0;
}
@media (min-width: 751px) {
  .home .p-about__loopWrapper {
    bottom: 8em;
  }
}
.home .p-about__loop {
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  flex-shrink: 0;
  width: 100vw;
  gap: clamp(24px, 2.1333333333vw, 32px) clamp(15.75px, 1.4vw, 21px);
  padding-inline-start: clamp(15.75px, 1.4vw, 21px);
  box-sizing: border-box;
}
@media (min-width: 751px) {
  .home .p-about__loop {
    flex-wrap: nowrap;
    justify-content: space-between;
    gap: clamp(30px, 2.6666666667vw, 40px);
    padding-inline-start: clamp(30px, 2.6666666667vw, 40px);
  }
}
@media (min-width: 1441px) {
  .home .p-about__loop {
    padding-inline-start: clamp(90px, 8vw, 120px);
  }
}
@media (max-width: 751px) {
  .home .p-about__loop {
    animation: none;
  }
  .home .p-about__loop:nth-of-type(2) {
    display: none;
  }
}
@media (max-width: 751px) {
  .home .p-about__loop picture {
    animation: none;
  }
}
.home .p-about__loop picture:nth-of-type(1) {
  width: clamp(157.5px, 14vw, 210px);
}
@media (min-width: 751px) {
  .home .p-about__loop picture:nth-of-type(1) {
    width: clamp(240px, 21.3333333333vw, 320px);
  }
}
.home .p-about__loop picture:nth-of-type(2) {
  width: clamp(150px, 13.3333333333vw, 200px);
  margin-block-start: -2em;
}
@media (min-width: 751px) {
  .home .p-about__loop picture:nth-of-type(2) {
    width: clamp(227.25px, 20.2vw, 303px);
    margin-block-start: 0;
  }
}
.home .p-about__loop picture:nth-of-type(3) {
  width: clamp(169.5px, 15.0666666667vw, 226px);
}
@media (min-width: 751px) {
  .home .p-about__loop picture:nth-of-type(3) {
    width: clamp(259.5px, 23.0666666667vw, 346px);
  }
}
.home .p-about__loop picture:nth-of-type(4) {
  width: clamp(150px, 13.3333333333vw, 200px);
  margin-block-start: -2em;
}
@media (min-width: 751px) {
  .home .p-about__loop picture:nth-of-type(4) {
    width: clamp(227.25px, 20.2vw, 303px);
    margin-block-start: 0;
  }
}
.home .p-about__loop picture img {
  border-radius: clamp(39.75px, 3.5333333333vw, 53px);
}
@media (min-width: 751px) {
  .home .p-about__loop picture img {
    border-radius: clamp(52.5px, 4.6666666667vw, 70px);
  }
}
.home .p-service {
  padding-block: clamp(79.5px, 7.0666666667vw, 106px);
}
@media (min-width: 751px) {
  .home .p-service {
    padding-block: clamp(90px, 8vw, 120px);
  }
}
@media (min-width: 751px) {
  .home .p-service__container {
    justify-content: space-between;
    gap: clamp(30px, 2.6666666667vw, 40px);
  }
}
.home .p-service__wrapper {
  margin-block-end: clamp(39.75px, 3.5333333333vw, 53px);
}
@media (min-width: 751px) {
  .home .p-service__wrapper {
    width: clamp(229.5px, 20.4vw, 306px);
    margin-block-end: 0;
  }
}
.home .p-service .c-heading {
  margin-block-end: clamp(30px, 2.6666666667vw, 40px);
}
.home .p-service__text {
  margin-block-end: clamp(37.5px, 3.3333333333vw, 50px);
  font-size: clamp(15px, 1.3333333333vw, 20px);
  line-height: 1.8;
}
@media (min-width: 751px) {
  .home .p-service__text {
    font-size: clamp(11.25px, 1vw, 15px);
  }
}
.home .p-service__img {
  width: clamp(596.25px, 53vw, 795px);
}
.home .p-service__img img {
  border-radius: clamp(52.5px, 4.6666666667vw, 70px);
}
.home .p-product__container {
  justify-content: space-between;
  align-items: end;
  margin-block-end: -6em;
}
@media (min-width: 751px) {
  .home .p-product__container {
    margin-block-end: -2em;
  }
}
.home .p-product__text {
  margin-block-end: clamp(39.75px, 3.5333333333vw, 53px);
  font-size: clamp(15px, 1.3333333333vw, 20px);
  line-height: 1.8;
}
@media (min-width: 751px) {
  .home .p-product__text {
    margin-block-end: clamp(45px, 4vw, 60px);
    font-size: clamp(11.25px, 1vw, 15px);
  }
}
.home .p-product__img {
  width: clamp(183.75px, 16.3333333333vw, 245px);
  position: relative;
}
@media (min-width: 751px) {
  .home .p-product__img {
    width: clamp(215.25px, 19.1333333333vw, 287px);
  }
}
.home .p-product__img::after {
  content: "";
  width: clamp(51.75px, 4.6vw, 69px);
  height: clamp(45.75px, 4.0666666667vw, 61px);
  position: absolute;
  top: -1em;
  right: -1.5em;
  background: url(../images/common/cone_icon.svg) no-repeat top left/contain;
  transform: rotate(10deg);
}
@media (min-width: 751px) {
  .home .p-product__img::after {
    width: clamp(60.75px, 5.4vw, 81px);
    height: clamp(54px, 4.8vw, 72px);
    top: -2em;
    left: -3em;
  }
}
.home .p-product__img img {
  border-radius: clamp(34.5px, 3.0666666667vw, 46px);
}
@media (min-width: 751px) {
  .home .p-product__img img {
    border-radius: clamp(26.25px, 2.3333333333vw, 35px);
  }
}
.home .p-lineup {
  padding-block: clamp(75px, 6.6666666667vw, 100px) clamp(99.75px, 8.8666666667vw, 133px);
  padding-inline-start: clamp(19.5px, 1.7333333333vw, 26px);
  background: var(--gray);
  border-radius: clamp(69.75px, 6.2vw, 93px) 0 0 clamp(69.75px, 6.2vw, 93px);
  box-sizing: border-box;
}
@media (min-width: 751px) {
  .home .p-lineup {
    margin-inline-start: clamp(90px, 8vw, 120px);
    padding-block: clamp(82.5px, 7.3333333333vw, 110px) clamp(52.5px, 4.6666666667vw, 70px);
    padding-inline-start: clamp(39.75px, 3.5333333333vw, 53px);
    background: var(--gray);
    border-radius: clamp(52.5px, 4.6666666667vw, 70px) 0 0 clamp(52.5px, 4.6666666667vw, 70px);
  }
}
@media (min-width: 1441px) {
  .home .p-lineup {
    width: clamp(900px, 80vw, 1200px);
    margin-inline: auto;
    padding-inline: clamp(39.75px, 3.5333333333vw, 53px);
    border-radius: clamp(52.5px, 4.6666666667vw, 70px);
  }
}
.home .p-lineup__slider {
  margin-block-end: clamp(42px, 3.7333333333vw, 56px);
}
@media (min-width: 751px) {
  .home .p-lineup__slider {
    margin-block-end: fulid(40);
  }
}
.home .p-lineup__slider .splide__slide a {
  display: flex;
  flex-direction: column;
}
.home .p-lineup__slider .splide__slide a:hover .material-symbols-outlined {
  background: var(--white);
}
.home .p-lineup__slider .splide__arrows {
  display: flex;
  gap: clamp(7.5px, 0.6666666667vw, 10px);
  width: -moz-fit-content;
  width: fit-content;
  margin-block-end: clamp(15.75px, 1.4vw, 21px);
  margin-inline: auto 0;
}
@media (min-width: 751px) {
  .home .p-lineup__slider .splide__arrows {
    gap: clamp(9px, 0.8vw, 12px);
    margin-block-end: -1em;
  }
}
.home .p-lineup__slider .splide__arrow {
  width: clamp(42.75px, 3.8vw, 57px);
  height: clamp(42.75px, 3.8vw, 57px);
  position: relative;
  inset: 0;
  background: var(--blue);
  border: 1px solid var(--blue);
  opacity: 1;
  transform: translate(0);
  transition: 0.5s;
}
@media (min-width: 751px) {
  .home .p-lineup__slider .splide__arrow {
    width: clamp(39px, 3.4666666667vw, 52px);
    height: clamp(39px, 3.4666666667vw, 52px);
  }
}
.home .p-lineup__slider .splide__arrow .material-symbols-outlined {
  color: var(--white);
}
.home .p-lineup__slider .splide__arrow:disabled {
  background: #ccc;
  border: 1px solid #ccc;
  pointer-events: none;
}
.home .p-lineup__slider .splide__arrow:hover {
  background: var(--white);
}
.home .p-lineup__slider .splide__arrow:hover .material-symbols-outlined {
  color: var(--blue);
}
.home .p-lineup__slider .img {
  margin-block-end: clamp(15.75px, 1.4vw, 21px);
  padding: clamp(13.5px, 1.2vw, 18px);
  background: var(--white);
  border-radius: clamp(30px, 2.6666666667vw, 40px);
  box-sizing: border-box;
}
@media (min-width: 751px) {
  .home .p-lineup__slider .img {
    margin-block-end: clamp(12px, 1.0666666667vw, 16px);
    padding: clamp(21px, 1.8666666667vw, 28px);
    border-radius: clamp(22.5px, 2vw, 30px);
  }
}
.home .p-lineup__slider .title {
  justify-content: space-between;
  align-items: center;
  font-weight: 700;
}
.home .p-lineup__slider .title .material-symbols-outlined {
  padding: clamp(9px, 0.8vw, 12px);
  background: transparent;
  border-radius: 50%;
  transition: 0.5s;
}
@media (min-width: 751px) {
  .home .p-lineup__slider .title .material-symbols-outlined {
    padding: fulid(9);
  }
}
.home .p-flow {
  padding-block-start: clamp(79.5px, 7.0666666667vw, 106px);
}
@media (min-width: 751px) {
  .home .p-flow {
    padding-block-start: clamp(90px, 8vw, 120px);
  }
}
.home .p-flow .c-heading {
  margin-block-end: clamp(30px, 2.6666666667vw, 40px);
}
.home .p-flow__list {
  gap: clamp(33px, 2.9333333333vw, 44px);
  counter-reset: flowCounter;
}
@media (min-width: 751px) {
  .home .p-flow__list {
    grid-template-columns: repeat(4, 1fr);
    gap: clamp(24.75px, 2.2vw, 33px);
  }
}
.home .p-flow__list li {
  padding-block: clamp(24px, 2.1333333333vw, 32px);
  padding-inline: clamp(19.5px, 1.7333333333vw, 26px);
  border: 1px solid var(--darkGray);
  border-radius: clamp(30px, 2.6666666667vw, 40px);
  counter-increment: flowCounter;
}
@media (min-width: 751px) {
  .home .p-flow__list li {
    padding-block: clamp(18px, 1.6vw, 24px);
    padding-inline: clamp(15px, 1.3333333333vw, 20px);
    border-radius: clamp(22.5px, 2vw, 30px);
  }
}
.home .p-flow__list li::before {
  content: counter(flowCounter, decimal-leading-zero);
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  margin-block-end: clamp(13.5px, 1.2vw, 18px);
  padding-block: clamp(9px, 0.8vw, 12px);
  padding-inline: clamp(9px, 0.8vw, 12px);
  background: var(--darkGray);
  border-radius: 30% 30% 0 0;
  color: var(--white);
  font-size: clamp(19.5px, 1.7333333333vw, 26px);
  font-weight: 700;
  line-height: 1;
}
@media (min-width: 751px) {
  .home .p-flow__list li::before {
    margin-block-end: clamp(10.5px, 0.9333333333vw, 14px);
    padding-block: clamp(6.75px, 0.6vw, 9px);
    padding-inline: clamp(6.75px, 0.6vw, 9px);
    font-size: clamp(15px, 1.3333333333vw, 20px);
  }
}
.home .p-flow__list li .title {
  margin-block-end: clamp(7.5px, 0.6666666667vw, 10px);
  font-size: clamp(24px, 2.1333333333vw, 32px);
  font-weight: 700;
}
@media (min-width: 751px) {
  .home .p-flow__list li .title {
    margin-block-end: clamp(6px, 0.5333333333vw, 8px);
    font-size: clamp(18px, 1.6vw, 24px);
  }
}
.home .p-flow__list li .text {
  margin-block-end: clamp(27px, 2.4vw, 36px);
  font-size: clamp(15px, 1.3333333333vw, 20px);
  line-height: 1.8;
  letter-spacing: 0.1em;
}
@media (min-width: 751px) {
  .home .p-flow__list li .text {
    margin-block-end: clamp(20.25px, 1.8vw, 27px);
    font-size: clamp(11.25px, 1vw, 15px);
  }
}
.home .p-flow__list li .contact {
  margin-block-end: clamp(16.5px, 1.4666666667vw, 22px);
}
@media (min-width: 751px) {
  .home .p-flow__list li .contact {
    margin-block-end: fulid(17);
  }
}
.home .p-flow__list li .tel a {
  align-items: center;
  flex-direction: column;
  border-radius: clamp(27px, 2.4vw, 36px);
  font-size: clamp(19.5px, 1.7333333333vw, 26px);
}
@media (min-width: 751px) {
  .home .p-flow__list li .tel a {
    border-radius: clamp(24px, 2.1333333333vw, 32px);
    font-size: clamp(15px, 1.3333333333vw, 20px);
  }
}
.home .p-flow__list li .tel a .small {
  font-size: clamp(12px, 1.0666666667vw, 16px);
}
@media (min-width: 751px) {
  .home .p-flow__list li .tel a .small {
    font-size: clamp(9px, 0.8vw, 12px);
  }
}
.home .p-faq {
  padding-block: clamp(79.5px, 7.0666666667vw, 106px);
}
@media (min-width: 751px) {
  .home .p-faq {
    margin-block: clamp(90px, 8vw, 120px);
  }
}
.home .p-faq .c-heading {
  margin-block-end: clamp(30px, 2.6666666667vw, 40px);
}
.home .p-faq details {
  background: var(--lightGray);
  border-radius: clamp(15px, 1.3333333333vw, 20px);
}
.home .p-faq details:not(:last-child) {
  margin-block-end: clamp(15px, 1.3333333333vw, 20px);
}
.home .p-faq details .question {
  flex-wrap: nowrap;
  gap: clamp(15px, 1.3333333333vw, 20px);
  width: 100%;
  padding-block: clamp(19.5px, 1.7333333333vw, 26px);
  padding-inline: clamp(19.5px, 1.7333333333vw, 26px) clamp(57.75px, 5.1333333333vw, 77px);
  position: relative;
  box-sizing: border-box;
  cursor: pointer;
}
@media (min-width: 751px) {
  .home .p-faq details .question {
    padding-block: clamp(15px, 1.3333333333vw, 20px);
    padding-inline: clamp(30px, 2.6666666667vw, 40px) clamp(64.5px, 5.7333333333vw, 86px);
  }
}
.home .p-faq details .question::after {
  content: "";
  width: clamp(7.5px, 0.6666666667vw, 10px);
  height: clamp(7.5px, 0.6666666667vw, 10px);
  position: absolute;
  top: clamp(22.5px, 2vw, 30px);
  right: clamp(24px, 2.1333333333vw, 32px);
  border-bottom: 2px solid var(--darkGray);
  border-right: 2px solid var(--darkGray);
  transform: rotate(45deg);
  transition: 0.5s;
}
@media (min-width: 751px) {
  .home .p-faq details .question::after {
    width: clamp(6px, 0.5333333333vw, 8px);
    height: clamp(6px, 0.5333333333vw, 8px);
    top: clamp(16.5px, 1.4666666667vw, 22px);
    right: clamp(34.5px, 3.0666666667vw, 46px);
  }
}
.home .p-faq details .question .icon {
  color: var(--blue);
}
.home .p-faq details .ancer {
  width: 100%;
  overflow: hidden;
  box-sizing: border-box;
}
.home .p-faq details .ancer .icon {
  color: var(--darkGray);
}
.home .p-faq details .ancer__inner {
  flex-wrap: nowrap;
  gap: clamp(15px, 1.3333333333vw, 20px);
  padding-block: 0 clamp(19.5px, 1.7333333333vw, 26px);
  padding-inline: clamp(19.5px, 1.7333333333vw, 26px) clamp(57.75px, 5.1333333333vw, 77px);
}
@media (min-width: 751px) {
  .home .p-faq details .ancer__inner {
    padding-block: 0 clamp(15px, 1.3333333333vw, 20px);
    padding-inline: clamp(30px, 2.6666666667vw, 40px) clamp(64.5px, 5.7333333333vw, 86px);
  }
}
.home .p-faq details .icon {
  flex-shrink: 0;
  width: clamp(30px, 2.6666666667vw, 40px);
  font-size: clamp(18px, 1.6vw, 24px);
  font-weight: 700;
}
@media (min-width: 751px) {
  .home .p-faq details .icon {
    width: clamp(12.75px, 1.1333333333vw, 17px);
    font-size: clamp(13.5px, 1.2vw, 18px);
  }
}
.home .p-faq details[open] .question::after {
  transform: rotate(-135deg);
}
.home .p-recruit {
  flex-direction: column-reverse;
  gap: clamp(39.75px, 3.5333333333vw, 53px);
  margin-block-end: clamp(79.5px, 7.0666666667vw, 106px);
  padding-block: clamp(39.75px, 3.5333333333vw, 53px);
  padding-inline: clamp(24px, 2.1333333333vw, 32px);
  background: var(--gray);
  border-radius: clamp(39.75px, 3.5333333333vw, 53px);
}
@media (min-width: 751px) {
  .home .p-recruit {
    justify-content: center;
    align-items: center;
    flex-direction: row-reverse;
    gap: clamp(30px, 2.6666666667vw, 40px);
    margin-block-end: clamp(99px, 8.8vw, 132px);
    padding-block: clamp(37.5px, 3.3333333333vw, 50px);
    padding-inline: clamp(52.5px, 4.6666666667vw, 70px);
    border-radius: clamp(52.5px, 4.6666666667vw, 70px);
  }
}
.home .p-recruit .c-heading {
  margin-block-end: clamp(30px, 2.6666666667vw, 40px);
}
@media (min-width: 751px) {
  .home .p-recruit__wrapper {
    width: clamp(345px, 30.6666666667vw, 460px);
  }
}
.home .p-recruit__text {
  margin-block-end: clamp(39.75px, 3.5333333333vw, 53px);
  line-height: 1.8;
  letter-spacing: 0.1em;
}
@media (min-width: 751px) {
  .home .p-recruit__text {
    margin-block-end: clamp(37.5px, 3.3333333333vw, 50px);
  }
}
@media (min-width: 751px) {
  .home .p-recruit__img {
    width: clamp(417.75px, 37.1333333333vw, 557px);
  }
}
.home .p-recruit__img img {
  border-radius: clamp(39.75px, 3.5333333333vw, 53px);
}
@media (min-width: 751px) {
  .home .p-recruit__img img {
    border-radius: clamp(52.5px, 4.6666666667vw, 70px);
  }
}

.page-about .p-hero {
  margin-block-end: clamp(48px, 4.2666666667vw, 64px);
}
.page-about .p-hero__intro {
  margin-block-end: clamp(24px, 2.1333333333vw, 32px);
  font-size: clamp(15px, 1.3333333333vw, 20px);
  font-weight: 500;
  line-height: 1.8;
  letter-spacing: 0.1em;
}
@media (min-width: 751px) {
  .page-about .p-hero__intro {
    margin-block-end: clamp(46.5px, 4.1333333333vw, 62px);
    font-size: clamp(15px, 1.3333333333vw, 20px);
  }
}
.page-about .p-hero__intro .mb {
  margin-block-end: 2em;
}
.page-about .p-hero__logo {
  width: clamp(153px, 13.6vw, 204px);
  margin-inline: auto 0;
}
@media (min-width: 751px) {
  .page-about .p-hero__logo {
    width: clamp(162.75px, 14.4666666667vw, 217px);
  }
}
@media (min-width: 1441px) {
  .page-about .p-values {
    max-width: clamp(1080px, 96vw, 1440px);
    margin-inline: auto;
  }
}
.page-about .p-values__img {
  margin-block-end: -8em;
  margin-inline-end: clamp(18px, 1.6vw, 24px);
}
@media (min-width: 751px) {
  .page-about .p-values__img {
    margin-block-end: -18em;
    margin-inline-end: 18vw;
  }
}
.page-about .p-values__img img {
  border-radius: 0 clamp(49.5px, 4.4vw, 66px) clamp(49.5px, 4.4vw, 66px) 0;
}
@media (min-width: 751px) {
  .page-about .p-values__img img {
    border-radius: 0 clamp(37.5px, 3.3333333333vw, 50px) clamp(37.5px, 3.3333333333vw, 50px) 0;
  }
}
.page-about .p-values__contents {
  margin-inline-start: clamp(19.5px, 1.7333333333vw, 26px);
  padding-block: clamp(177px, 15.7333333333vw, 236px) clamp(133.5px, 11.8666666667vw, 178px);
  padding-inline: clamp(33px, 2.9333333333vw, 44px) 0;
  background: url(../images/about/values_contents_bg_sp.webp) no-repeat top left/100% 100%;
}
@media (min-width: 1441px) {
  .page-about .p-values__contents {
    max-width: clamp(1080px, 96vw, 1440px);
    margin-inline: auto;
  }
}
@media (min-width: 751px) {
  .page-about .p-values__contents {
    margin-inline-start: clamp(90px, 8vw, 120px);
    padding-block: clamp(273.75px, 24.3333333333vw, 365px) clamp(120px, 10.6666666667vw, 160px);
    padding-inline: 0;
    background: url(../images/about/values_contents_bg.webp) no-repeat top left/100% 100%;
  }
}
.page-about .p-values__content {
  align-items: center;
  margin-block-end: clamp(48.75px, 4.3333333333vw, 65px);
}
.page-about .p-values__content:last-of-type {
  margin-block-end: 0;
}
@media (min-width: 751px) {
  .page-about .p-values__content {
    flex-wrap: nowrap;
  }
}
.page-about .p-values__title {
  flex-shrink: 0;
  flex-direction: column-reverse;
  width: 100%;
  margin-block-end: clamp(19.5px, 1.7333333333vw, 26px);
  color: var(--blue);
}
@media (min-width: 751px) {
  .page-about .p-values__title {
    width: clamp(125.25px, 11.1333333333vw, 167px);
    margin-block-end: 0;
  }
}
.page-about .p-values__title h2 {
  font-size: clamp(18px, 1.6vw, 24px);
  font-weight: 500;
}
@media (min-width: 751px) {
  .page-about .p-values__title h2 {
    font-size: clamp(13.5px, 1.2vw, 18px);
  }
}
.page-about .p-values__title p {
  font-size: clamp(15px, 1.3333333333vw, 20px);
}
@media (min-width: 751px) {
  .page-about .p-values__title p {
    font-size: clamp(11.25px, 1vw, 15px);
  }
}
.page-about .p-values__text {
  padding-inline-start: clamp(15.75px, 1.4vw, 21px);
  border-left: 1px solid var(--blue);
  font-size: clamp(19.5px, 1.7333333333vw, 26px);
  font-weight: 700;
}
@media (min-width: 751px) {
  .page-about .p-values__text {
    margin-inline-start: clamp(24px, 2.1333333333vw, 32px);
    padding-inline-start: clamp(24px, 2.1333333333vw, 32px);
    font-size: clamp(15px, 1.3333333333vw, 20px);
  }
}
.page-about .p-values__text .mb {
  margin-block-end: 2em;
}
.page-about .p-message {
  padding-block-start: clamp(79.5px, 7.0666666667vw, 106px);
}
@media (min-width: 751px) {
  .page-about .p-message {
    padding-block-start: clamp(90px, 8vw, 120px);
  }
}
.page-about .p-message__wrapper {
  justify-content: center;
  gap: clamp(30px, 2.6666666667vw, 40px);
}
@media (min-width: 751px) {
  .page-about .p-message__wrapper {
    gap: clamp(45px, 4vw, 60px);
  }
}
@media (min-width: 751px) {
  .page-about .p-message__img {
    width: clamp(416.25px, 37vw, 555px);
  }
}
.page-about .p-message__img img {
  border-radius: clamp(37.5px, 3.3333333333vw, 50px);
}
@media (min-width: 751px) {
  .page-about .p-message__img img {
    border-radius: clamp(52.5px, 4.6666666667vw, 70px);
  }
}
@media (min-width: 751px) {
  .page-about .p-message__block {
    width: clamp(435px, 38.6666666667vw, 580px);
  }
}
.page-about .p-message__lead {
  margin-block-end: clamp(24px, 2.1333333333vw, 32px);
  font-size: clamp(24px, 2.1333333333vw, 32px);
  font-weight: 700;
}
@media (min-width: 751px) {
  .page-about .p-message__lead {
    margin-block-end: clamp(18px, 1.6vw, 24px);
  }
}
.page-about .p-message__text {
  margin-block-end: clamp(24px, 2.1333333333vw, 32px);
  font-size: clamp(15px, 1.3333333333vw, 20px);
  line-height: 1.8;
  letter-spacing: 0.1em;
}
@media (min-width: 751px) {
  .page-about .p-message__text {
    margin-block-end: clamp(18px, 1.6vw, 24px);
    font-size: clamp(11.25px, 1vw, 15px);
  }
}
.page-about .p-message__text .mb {
  margin-block-end: 2em;
}
.page-about .p-message__name {
  position: relative;
  font-size: clamp(15px, 1.3333333333vw, 20px);
}
@media (min-width: 751px) {
  .page-about .p-message__name {
    text-align: right;
    font-size: clamp(11.25px, 1vw, 15px);
  }
}
.page-about .p-message__name::before {
  content: "";
  width: 100%;
  height: clamp(3.75px, 0.3333333333vw, 5px);
  position: absolute;
  bottom: -2em;
  left: 0;
  background-image: repeating-linear-gradient(to right, #e5e1dc, #e5e1dc 2px, transparent 2px, transparent 6px);
}
@media (min-width: 751px) {
  .page-about .p-message__name::before {
    width: 60%;
    bottom: 0;
  }
}
.page-about .p-message__name .bold {
  margin-inline-start: clamp(12.75px, 1.1333333333vw, 17px);
  font-size: clamp(18px, 1.6vw, 24px);
  font-weight: 700;
}
@media (min-width: 751px) {
  .page-about .p-message__name .bold {
    margin-inline-start: clamp(9.75px, 0.8666666667vw, 13px);
    font-size: clamp(13.5px, 1.2vw, 18px);
  }
}
.page-about .p-company {
  margin-block-end: -4em;
  padding-block: clamp(109.5px, 9.7333333333vw, 146px) clamp(172.5px, 15.3333333333vw, 230px);
  background: url(../images/about/company_bg.webp) no-repeat top left/100% 100%;
}
@media (min-width: 751px) {
  .page-about .p-company {
    margin-block-end: -7em;
    padding-block: clamp(120px, 10.6666666667vw, 160px) clamp(180px, 16vw, 240px);
  }
}
.page-about .p-company__infoItem {
  width: 100%;
  padding-block: clamp(24px, 2.1333333333vw, 32px);
  padding-inline: clamp(15.75px, 1.4vw, 21px);
  border-bottom: 1px solid var(--darkGray);
  box-sizing: border-box;
}
.page-about .p-company__infoItem:first-of-type {
  border-top: 1px solid var(--darkGray);
}
@media (min-width: 751px) {
  .page-about .p-company__infoItem {
    padding-block: clamp(18px, 1.6vw, 24px);
    padding-inline: clamp(18px, 1.6vw, 24px);
  }
}
.page-about .p-company__infoItem dt {
  margin-block-end: clamp(15.75px, 1.4vw, 21px);
  font-size: clamp(15px, 1.3333333333vw, 20px);
}
@media (min-width: 751px) {
  .page-about .p-company__infoItem dt {
    width: clamp(120px, 10.6666666667vw, 160px);
    margin-block-end: 0;
    font-weight: 700;
    font-size: clamp(11.25px, 1vw, 15px);
  }
}
.page-about .p-company__infoItem dd {
  font-size: clamp(15px, 1.3333333333vw, 20px);
}
@media (min-width: 751px) {
  .page-about .p-company__infoItem dd {
    font-size: clamp(11.25px, 1vw, 15px);
  }
}
.page-about .p-company__infoItem dd small {
  font-size: 0.9em;
}
.page-about .p-overview {
  margin-block-end: clamp(79.5px, 7.0666666667vw, 106px);
}
@media (min-width: 751px) {
  .page-about .p-overview {
    margin-block-end: clamp(60px, 5.3333333333vw, 80px);
  }
}
.page-about .p-overview__img {
  margin-block-end: clamp(31.5px, 2.8vw, 42px);
}
@media (min-width: 751px) {
  .page-about .p-overview__img {
    margin-block-end: clamp(24px, 2.1333333333vw, 32px);
  }
}
.page-about .p-overview__img img {
  border-radius: clamp(39.75px, 3.5333333333vw, 53px);
}
@media (min-width: 751px) {
  .page-about .p-overview__img img {
    border-radius: clamp(52.5px, 4.6666666667vw, 70px);
  }
}
.page-about .p-history {
  margin-block-end: clamp(42.75px, 3.8vw, 57px);
}
@media (min-width: 751px) {
  .page-about .p-history {
    margin-block-end: clamp(45px, 4vw, 60px);
  }
}
.page-about .p-map iframe {
  width: 100%;
  height: clamp(180px, 16vw, 240px);
  border-radius: clamp(19.5px, 1.7333333333vw, 26px);
}
@media (min-width: 751px) {
  .page-about .p-map iframe {
    height: clamp(282px, 25.0666666667vw, 376px);
    border-radius: clamp(52.5px, 4.6666666667vw, 70px);
  }
}

.page-service .p-hero__intro {
  margin-block-end: clamp(60px, 5.3333333333vw, 80px);
}
.page-service .p-hero__intro h3 {
  margin-block-end: clamp(24px, 2.1333333333vw, 32px);
  text-align: center;
  font-size: clamp(24px, 2.1333333333vw, 32px);
  font-weight: 700;
  line-height: 1.8;
  letter-spacing: 0.1em;
}
@media (min-width: 751px) {
  .page-service .p-hero__intro h3 {
    margin-block-end: clamp(18px, 1.6vw, 24px);
    font-size: clamp(27px, 2.4vw, 36px);
  }
}
.page-service .p-hero__intro p {
  font-size: clamp(15.75px, 1.4vw, 21px);
  line-height: 1.8;
  letter-spacing: 0.05em;
}
@media (min-width: 751px) {
  .page-service .p-hero__intro p {
    font-size: clamp(13.5px, 1.2vw, 18px);
  }
}
.page-service .p-service {
  margin-block-end: clamp(79.5px, 7.0666666667vw, 106px);
}
@media (min-width: 751px) {
  .page-service .p-service {
    margin-block-end: clamp(90px, 8vw, 120px);
  }
}
.page-service .p-service__content {
  justify-content: center;
  align-items: center;
  margin-block-end: clamp(60px, 5.3333333333vw, 80px);
}
@media (min-width: 751px) {
  .page-service .p-service__content {
    gap: clamp(34.5px, 3.0666666667vw, 46px);
    margin-block-end: clamp(36px, 3.2vw, 48px);
  }
}
@media (min-width: 751px) {
  .page-service .p-service__content:nth-of-type(odd) {
    flex-direction: row-reverse;
  }
}
.page-service .p-service__content:last-of-type {
  margin-block-end: 0;
}
@media (min-width: 751px) {
  .page-service .p-service__block {
    width: clamp(403.5px, 35.8666666667vw, 538px);
  }
}
.page-service .p-service__block h2 {
  margin-block-end: clamp(15.75px, 1.4vw, 21px);
  padding-block-end: clamp(15.75px, 1.4vw, 21px);
  position: relative;
  color: var(--blue);
  font-size: clamp(36px, 3.2vw, 48px);
  font-weight: 700;
}
@media (min-width: 751px) {
  .page-service .p-service__block h2 {
    margin-block-end: clamp(19.5px, 1.7333333333vw, 26px);
    padding-block-end: clamp(19.5px, 1.7333333333vw, 26px);
  }
}
.page-service .p-service__block h2::after {
  content: "";
  width: 100%;
  height: clamp(4.5px, 0.4vw, 6px);
  position: absolute;
  bottom: 0;
  left: 0;
  background-image: repeating-linear-gradient(to right, var(--blue), var(--blue) 2px, transparent 2px, transparent 6px);
}
.page-service .p-service__block p {
  margin-block-end: clamp(24px, 2.1333333333vw, 32px);
  font-size: clamp(15px, 1.3333333333vw, 20px);
  line-height: 1.8;
  letter-spacing: 0.1em;
}
@media (min-width: 751px) {
  .page-service .p-service__block p {
    margin-block-end: 0;
    font-size: clamp(11.25px, 1vw, 15px);
  }
}
@media (min-width: 751px) {
  .page-service .p-service__img {
    width: clamp(459px, 40.8vw, 612px);
  }
}
.page-service .p-service__img img {
  border-radius: clamp(69.75px, 6.2vw, 93px);
}
@media (min-width: 751px) {
  .page-service .p-service__img img {
    border-radius: clamp(52.5px, 4.6666666667vw, 70px);
  }
}
.page-service .p-strength {
  margin-block-end: clamp(63.75px, 5.6666666667vw, 85px);
  padding-block: clamp(105px, 9.3333333333vw, 140px);
  background: url(../images/service/strength_bg_sp.webp) no-repeat top left/100% 100%;
}
@media (min-width: 751px) {
  .page-service .p-strength {
    margin-block-end: clamp(115.5px, 10.2666666667vw, 154px);
    padding-block: clamp(120px, 10.6666666667vw, 160px);
    background: url(../images/service/strength_bg.webp) no-repeat top left/100% 100%;
  }
}
.page-service .p-strength .c-heading {
  text-align: center;
}
@media (min-width: 751px) {
  .page-service .p-strength__contents {
    grid-template-columns: repeat(3, 1fr);
    gap: clamp(42.75px, 3.8vw, 57px);
  }
}
.page-service .p-strength__content {
  margin-block-end: clamp(36px, 3.2vw, 48px);
}
.page-service .p-strength__content .text {
  text-align: center;
  font-size: clamp(16.5px, 1.4666666667vw, 22px);
  font-weight: 700;
  line-height: 2;
}
.page-service .p-strength__mainImg img {
  border-radius: clamp(39.75px, 3.5333333333vw, 53px);
}
@media (min-width: 751px) {
  .page-service .p-strength__mainImg img {
    border-radius: clamp(52.5px, 4.6666666667vw, 70px);
  }
}
.page-service .p-facilities {
  padding-block-end: clamp(86.25px, 7.6666666667vw, 115px);
}
.page-service .p-facilities__contents {
  justify-content: space-between;
  align-items: start;
  row-gap: clamp(30px, 2.6666666667vw, 40px);
}
@media (min-width: 751px) {
  .page-service .p-facilities__contents {
    grid-template-columns: repeat(2, 1fr);
    gap: clamp(37.5px, 3.3333333333vw, 50px) clamp(71.25px, 6.3333333333vw, 95px);
  }
}
.page-service .p-facilities__content {
  display: flex;
  flex-direction: column-reverse;
  row-gap: clamp(15px, 1.3333333333vw, 20px);
}
.page-service .p-facilities__content h3 {
  margin-block-end: clamp(7.5px, 0.6666666667vw, 10px);
  font-size: clamp(18px, 0vw, 18px);
  font-weight: 700;
}
.page-service .p-facilities__content p {
  line-height: 2;
  letter-spacing: 0.1em;
}
.page-service .p-facilities__block {
  padding-inline-start: clamp(9px, 0.8vw, 12px);
}
.page-service .p-facilities__img img {
  border-radius: clamp(30px, 2.6666666667vw, 40px);
}

.page-recruit .p-message {
  padding-block-end: clamp(79.5px, 7.0666666667vw, 106px);
  position: relative;
}
@media (min-width: 751px) {
  .page-recruit .p-message {
    padding-block-end: clamp(90px, 8vw, 120px);
  }
}
.page-recruit .p-message::after {
  content: "";
  width: 100%;
  height: clamp(9px, 0.8vw, 12px);
  position: absolute;
  bottom: 0;
  left: 0;
  background-image: repeating-linear-gradient(to right, var(--gray), var(--gray) 2px, transparent 2px, transparent 6px);
}
.page-recruit .p-message .c-heading {
  margin-block-end: 0;
}
.page-recruit .p-message .c-heading h2 {
  margin-block-end: clamp(30px, 2.6666666667vw, 40px);
  font-size: clamp(27.75px, 2.4666666667vw, 37px);
}
@media (min-width: 751px) {
  .page-recruit .p-message .c-heading h2 {
    margin-block-end: 0;
    font-size: clamp(30px, 2.6666666667vw, 40px);
  }
}
.page-recruit .p-message .c-heading p {
  margin-block-end: clamp(4.5px, 0.4vw, 6px);
}
.page-recruit .p-message__wrapper {
  margin-block-end: clamp(39.75px, 3.5333333333vw, 53px);
}
@media (min-width: 751px) {
  .page-recruit .p-message__wrapper {
    margin-block-end: clamp(30px, 2.6666666667vw, 40px);
    grid-template-columns: repeat(2, 50%);
    align-items: end;
  }
}
.page-recruit .p-message__text {
  font-size: clamp(15.75px, 1.4vw, 21px);
  line-height: 1.8;
  letter-spacing: 0.1em;
}
@media (min-width: 751px) {
  .page-recruit .p-message__text {
    font-size: clamp(12px, 1.0666666667vw, 16px);
  }
}
.page-recruit .p-message__imgWrapper {
  margin-inline: clamp(19.5px, 1.7333333333vw, 26px);
}
@media (min-width: 751px) {
  .page-recruit .p-message__imgWrapper {
    grid-template-columns: repeat(3, 1fr);
    gap: clamp(18px, 1.6vw, 24px);
    margin-inline: clamp(26.25px, 2.3333333333vw, 35px);
  }
}
@media (min-width: 1441px) {
  .page-recruit .p-message__imgWrapper {
    max-width: clamp(1080px, 96vw, 1440px);
    margin-inline: auto;
  }
}
.page-recruit .p-message__imgWrapper img {
  border-radius: clamp(69.75px, 6.2vw, 93px);
}
@media (min-width: 751px) {
  .page-recruit .p-message__imgWrapper img {
    border-radius: clamp(52.5px, 4.6666666667vw, 70px);
  }
}
.page-recruit .p-message__img {
  margin-block-end: clamp(24px, 2.1333333333vw, 32px);
}
@media (min-width: 751px) {
  .page-recruit .p-message__img {
    margin-block-end: 0;
  }
}
.page-recruit .p-message__img:last-of-type {
  margin-block-end: 0;
}
.page-recruit .p-recruitment {
  padding-block: clamp(79.5px, 7.0666666667vw, 106px) clamp(69.75px, 6.2vw, 93px);
}
@media (min-width: 751px) {
  .page-recruit .p-recruitment {
    padding-block: clamp(90px, 8vw, 120px) clamp(52.5px, 4.6666666667vw, 70px);
  }
}
.page-recruit .p-recruitment__content {
  margin-block-end: clamp(69.75px, 6.2vw, 93px);
}
@media (min-width: 751px) {
  .page-recruit .p-recruitment__content {
    margin-block-end: clamp(45px, 4vw, 60px);
  }
}
.page-recruit .p-recruitment__content:last-of-type {
  margin-block-end: 0;
}
.page-recruit .p-recruitment__content h3 {
  margin-block-end: clamp(19.5px, 1.7333333333vw, 26px);
  font-size: clamp(24px, 2.1333333333vw, 32px);
  font-weight: 700;
}
@media (min-width: 751px) {
  .page-recruit .p-recruitment__content h3 {
    margin-block-end: clamp(15px, 1.3333333333vw, 20px);
    font-size: clamp(18px, 1.6vw, 24px);
  }
}
.page-recruit .p-recruitment__content table th {
  width: clamp(109.5px, 9.7333333333vw, 146px);
  padding-block: clamp(12px, 1.0666666667vw, 16px);
  padding-inline: clamp(15.75px, 1.4vw, 21px);
  background: var(--gray);
  border: 1px solid var(--darkGray);
  text-align: left;
  font-size: clamp(15px, 1.3333333333vw, 20px);
  font-weight: 700;
  box-sizing: border-box;
}
@media (min-width: 751px) {
  .page-recruit .p-recruitment__content table th {
    width: clamp(192px, 17.0666666667vw, 256px);
    padding-block: clamp(9px, 0.8vw, 12px);
    padding-inline: clamp(18px, 1.6vw, 24px);
    font-size: clamp(11.25px, 1vw, 15px);
  }
}
.page-recruit .p-recruitment__content table td {
  width: clamp(225px, 20vw, 300px);
  padding-block: clamp(12px, 1.0666666667vw, 16px);
  padding-inline: clamp(15.75px, 1.4vw, 21px);
  background: var(--lightGray);
  border: 1px solid var(--darkGray);
  font-size: clamp(15px, 1.3333333333vw, 20px);
  box-sizing: border-box;
}
@media (min-width: 751px) {
  .page-recruit .p-recruitment__content table td {
    width: clamp(525px, 46.6666666667vw, 700px);
    padding-block: clamp(9px, 0.8vw, 12px);
    padding-inline: clamp(18px, 1.6vw, 24px);
    font-size: clamp(11.25px, 1vw, 15px);
  }
}
.page-recruit .p-benefits {
  padding-block-end: clamp(99.75px, 8.8666666667vw, 133px);
}
@media (min-width: 751px) {
  .page-recruit .p-benefits {
    padding-block-end: clamp(90px, 8vw, 120px);
  }
}
.page-recruit .p-benefits__title {
  width: -moz-fit-content;
  width: fit-content;
  margin-block-end: clamp(31.5px, 2.8vw, 42px);
  margin-inline: auto;
  padding-block: clamp(12px, 1.0666666667vw, 16px);
  padding-inline: clamp(99.75px, 8.8666666667vw, 133px);
  border: 1px solid;
  border-radius: clamp(30px, 2.6666666667vw, 40px);
  color: var(--blue);
  font-size: clamp(19.5px, 1.7333333333vw, 26px);
  font-weight: 700;
}
@media (min-width: 751px) {
  .page-recruit .p-benefits__title {
    margin-block-end: clamp(24px, 2.1333333333vw, 32px);
    padding-block: clamp(9px, 0.8vw, 12px);
    padding-inline: clamp(75px, 6.6666666667vw, 100px);
    border-radius: clamp(22.5px, 2vw, 30px);
    text-align: center;
    font-size: clamp(15px, 1.3333333333vw, 20px);
  }
}
.page-recruit .p-benefits__wrapper {
  justify-content: center;
  margin-block-end: clamp(79.5px, 7.0666666667vw, 106px);
  padding-block-end: clamp(99.75px, 8.8666666667vw, 133px);
  position: relative;
}
@media (max-width: 751px) {
  .page-recruit .p-benefits__wrapper {
    gap: clamp(15.75px, 1.4vw, 21px) 0;
  }
}
@media (min-width: 751px) {
  .page-recruit .p-benefits__wrapper {
    margin-block-end: clamp(90px, 8vw, 120px);
    padding-block-end: clamp(90px, 8vw, 120px);
  }
}
.page-recruit .p-benefits__wrapper::after {
  content: "";
  width: 100%;
  height: clamp(18px, 1.6vw, 24px);
  position: absolute;
  bottom: 0;
  left: 0;
  background-image: repeating-linear-gradient(to right, var(--gray), var(--gray) 4px, transparent 4px, transparent 12px);
}
@media (min-width: 751px) {
  .page-recruit .p-benefits__wrapper::after {
    background-image: repeating-linear-gradient(to right, var(--gray), var(--gray) 2px, transparent 2px, transparent 6px);
  }
}
.page-recruit .p-benefits__wrapper p {
  padding-inline: clamp(39.75px, 3.5333333333vw, 53px);
  border-right: 1px solid;
  font-size: clamp(15.75px, 1.4vw, 21px);
  font-weight: 700;
}
@media (min-width: 751px) {
  .page-recruit .p-benefits__wrapper p {
    padding-inline: clamp(30px, 2.6666666667vw, 40px);
    font-size: clamp(13.5px, 1.2vw, 18px);
  }
}
@media (max-width: 751px) {
  .page-recruit .p-benefits__wrapper p:first-of-type {
    padding-inline-start: 0;
  }
}
.page-recruit .p-benefits__wrapper p:last-of-type {
  border-right: none;
}
.page-recruit .p-benefits .c-button {
  padding-block: clamp(30.75px, 2.7333333333vw, 41px);
  padding-inline: clamp(69px, 6.1333333333vw, 92px);
  border-radius: clamp(49.5px, 4.4vw, 66px);
  font-size: clamp(18px, 1.6vw, 24px);
}
@media (min-width: 751px) {
  .page-recruit .p-benefits .c-button {
    padding-block: clamp(23.25px, 2.0666666667vw, 31px);
    padding-inline: clamp(69px, 6.1333333333vw, 92px);
    border-radius: clamp(37.5px, 3.3333333333vw, 50px);
    font-size: clamp(13.5px, 1.2vw, 18px);
  }
}

.post-type-archive-lineup .p-lineup {
  padding-block-end: clamp(99.75px, 8.8666666667vw, 133px);
}
@media (min-width: 751px) {
  .post-type-archive-lineup .p-lineup {
    padding-block-end: clamp(90px, 8vw, 120px);
  }
}
.post-type-archive-lineup .p-lineup__title {
  margin-block-end: clamp(39.75px, 3.5333333333vw, 53px);
  font-size: clamp(15px, 1.3333333333vw, 20px);
  line-height: 1.5;
  letter-spacing: 0.1em;
}
@media (min-width: 751px) {
  .post-type-archive-lineup .p-lineup__title {
    margin-block-end: clamp(30px, 2.6666666667vw, 40px);
    font-size: clamp(11.25px, 1vw, 15px);
  }
}
.post-type-archive-lineup .p-lineup__list {
  grid-template-columns: repeat(2, 1fr);
  gap: clamp(30px, 2.6666666667vw, 40px) clamp(24.75px, 2.2vw, 33px);
  box-sizing: border-box;
}
@media (min-width: 751px) {
  .post-type-archive-lineup .p-lineup__list {
    grid-template-columns: repeat(auto-fit, minmax(0, clamp(273.75px, 24.3333333333vw, 365px)));
    gap: clamp(37.5px, 3.3333333333vw, 50px);
  }
}
.post-type-archive-lineup .p-lineup__item {
  box-sizing: border-box;
}
.post-type-archive-lineup .p-lineup__item a:hover .material-symbols-outlined {
  background: var(--gray);
}
.post-type-archive-lineup .p-lineup__item .img {
  margin-block-end: clamp(15.75px, 1.4vw, 21px);
  padding: clamp(15px, 1.3333333333vw, 20px);
  border: 1px solid var(--gray);
  border-radius: clamp(30px, 2.6666666667vw, 40px);
  box-sizing: border-box;
}
@media (min-width: 751px) {
  .post-type-archive-lineup .p-lineup__item .img {
    margin-block-end: clamp(12px, 1.0666666667vw, 16px);
    padding: clamp(27.75px, 2.4666666667vw, 37px);
    border-radius: clamp(22.5px, 2vw, 30px);
  }
}
.post-type-archive-lineup .p-lineup__item .title {
  justify-content: space-between;
  align-items: center;
  font-weight: 700;
}
.post-type-archive-lineup .p-lineup__item .title .material-symbols-outlined {
  padding: clamp(6.75px, 0.6vw, 9px);
  background: transparent;
  border-radius: 50%;
  color: var(--blue);
  transition: 0.5s;
}

.single-lineup .p-lineup {
  padding-block: clamp(79.5px, 7.0666666667vw, 106px) clamp(99.75px, 8.8666666667vw, 133px);
}
@media (min-width: 751px) {
  .single-lineup .p-lineup {
    padding-block: clamp(90px, 8vw, 120px);
  }
}
.single-lineup .p-lineup__title {
  margin-block-end: clamp(48px, 4.2666666667vw, 64px);
  padding-block: clamp(12px, 1.0666666667vw, 16px);
  background: var(--blue);
  border-radius: clamp(30px, 2.6666666667vw, 40px);
  text-align: center;
  color: var(--white);
  font-size: clamp(24px, 2.1333333333vw, 32px);
  font-weight: 700;
}
@media (min-width: 751px) {
  .single-lineup .p-lineup__title {
    margin-block-end: clamp(36px, 3.2vw, 48px);
    border-radius: clamp(22.5px, 2vw, 30px);
  }
}
.single-lineup .p-lineup__main {
  margin-block-end: clamp(60px, 5.3333333333vw, 80px);
}
@media (min-width: 751px) {
  .single-lineup .p-lineup__main {
    align-items: center;
    gap: clamp(37.5px, 3.3333333333vw, 50px);
    margin-block-end: clamp(45px, 4vw, 60px);
  }
}
.single-lineup .p-lineup__img {
  margin-block-end: clamp(30px, 2.6666666667vw, 40px);
  padding: clamp(33.75px, 3vw, 45px);
  border: 1px solid var(--gray);
  border-radius: clamp(30px, 2.6666666667vw, 40px);
  box-sizing: border-box;
}
@media (min-width: 751px) {
  .single-lineup .p-lineup__img {
    width: clamp(391.5px, 34.8vw, 522px);
    margin-block-end: 0;
    padding: clamp(27.75px, 2.4666666667vw, 37px);
    border-radius: clamp(22.5px, 2vw, 30px);
  }
}
.single-lineup .p-lineup__description {
  font-size: clamp(15px, 1.3333333333vw, 20px);
  line-height: 1.8;
  letter-spacing: 0.1em;
}
@media (min-width: 751px) {
  .single-lineup .p-lineup__description {
    width: clamp(286.5px, 25.4666666667vw, 382px);
    font-size: clamp(11.25px, 1vw, 15px);
  }
}
.single-lineup .p-lineup__recommend {
  margin-block-end: clamp(31.5px, 2.8vw, 42px);
  padding: clamp(30px, 2.6666666667vw, 40px);
  border-radius: clamp(30px, 2.6666666667vw, 40px);
  border: 1px solid var(--darkGray);
}
@media (min-width: 751px) {
  .single-lineup .p-lineup__recommend {
    margin-block-end: clamp(24px, 2.1333333333vw, 32px);
    border-radius: clamp(22.5px, 2vw, 30px);
  }
}
.single-lineup .p-lineup__recommend h3 {
  margin-block-end: clamp(12px, 1.0666666667vw, 16px);
  padding-inline-start: clamp(12px, 1.0666666667vw, 16px);
  border-left: 3px solid var(--darkGray);
  font-size: clamp(15px, 1.3333333333vw, 20px);
  font-weight: 700;
}
@media (min-width: 751px) {
  .single-lineup .p-lineup__recommend h3 {
    margin-block-end: clamp(15px, 1.3333333333vw, 20px);
  }
}
.single-lineup .p-lineup__recommend p {
  font-size: clamp(15px, 1.3333333333vw, 20px);
  line-height: 1.8;
  letter-spacing: 0.1em;
}
@media (min-width: 751px) {
  .single-lineup .p-lineup__recommend p {
    font-size: clamp(11.25px, 1vw, 15px);
  }
}
.single-lineup .p-lineup__processing {
  margin-block-end: clamp(36px, 3.2vw, 48px);
  padding: clamp(30px, 2.6666666667vw, 40px);
  border-radius: clamp(22.5px, 2vw, 30px);
  border: 1px solid var(--darkGray);
}
.single-lineup .p-lineup__processing h3 {
  margin-block-end: clamp(12px, 1.0666666667vw, 16px);
  padding-inline-start: clamp(12px, 1.0666666667vw, 16px);
  border-left: 3px solid var(--darkGray);
  font-size: clamp(15px, 1.3333333333vw, 20px);
  font-weight: 700;
}
@media (min-width: 751px) {
  .single-lineup .p-lineup__processing h3 {
    margin-block-end: clamp(15px, 1.3333333333vw, 20px);
  }
}
.single-lineup .p-lineup__processing p {
  font-size: clamp(15px, 1.3333333333vw, 20px);
  line-height: 1.8;
  letter-spacing: 0.1em;
}
@media (min-width: 751px) {
  .single-lineup .p-lineup__processing p {
    font-size: clamp(11.25px, 1vw, 15px);
  }
}

.page-contact .p-hero__intro,
.page-request .p-hero__intro {
  margin-block-end: clamp(49.5px, 4.4vw, 66px);
  text-align: center;
  font-size: clamp(15px, 1.3333333333vw, 20px);
  line-height: 1.8;
  letter-spacing: 0.1em;
}
@media (min-width: 751px) {
  .page-contact .p-hero__intro,
  .page-request .p-hero__intro {
    margin-block-end: clamp(46.5px, 4.1333333333vw, 62px);
    font-size: clamp(13.5px, 1.2vw, 18px);
  }
}
.page-contact .p-contact,
.page-request .p-contact {
  padding-block-end: clamp(99.75px, 8.8666666667vw, 133px);
}
@media (min-width: 751px) {
  .page-contact .p-contact,
  .page-request .p-contact {
    padding-block-end: clamp(90px, 8vw, 120px);
  }
}
.page-contact .p-contact__item,
.page-request .p-contact__item {
  margin-block-end: clamp(31.5px, 2.8vw, 42px);
}
@media (min-width: 751px) {
  .page-contact .p-contact__item,
  .page-request .p-contact__item {
    margin-block-end: clamp(24px, 2.1333333333vw, 32px);
  }
}
.page-contact .p-contact__item:last-of-type,
.page-request .p-contact__item:last-of-type {
  margin-block-end: 0;
}
.page-contact .p-contact__item .title,
.page-request .p-contact__item .title {
  display: flex;
  align-items: center;
  gap: clamp(15.75px, 1.4vw, 21px);
  margin-block-end: clamp(12px, 1.0666666667vw, 16px);
  font-size: clamp(15.75px, 1.4vw, 21px);
  font-weight: 700;
}
@media (min-width: 751px) {
  .page-contact .p-contact__item .title,
  .page-request .p-contact__item .title {
    gap: clamp(12px, 1.0666666667vw, 16px);
    margin-block-end: clamp(7.5px, 0.6666666667vw, 10px);
    font-size: clamp(12px, 1.0666666667vw, 16px);
  }
}
.page-contact .p-contact__item .title.--require,
.page-request .p-contact__item .title.--require {
  position: relative;
}
.page-contact .p-contact__item .title.--require::after,
.page-request .p-contact__item .title.--require::after {
  content: "必須";
  padding-block: clamp(3.75px, 0.3333333333vw, 5px);
  padding-inline: clamp(9px, 0.8vw, 12px);
  border: 1px solid;
  border-radius: clamp(6px, 0.5333333333vw, 8px);
  color: var(--red);
  font-size: clamp(12px, 1.0666666667vw, 16px);
  font-weight: 700;
}
@media (min-width: 751px) {
  .page-contact .p-contact__item .title.--require::after,
  .page-request .p-contact__item .title.--require::after {
    padding-block: clamp(3px, 0.2666666667vw, 4px);
    padding-inline: clamp(6px, 0.5333333333vw, 8px);
    border-radius: 5;
    font-size: clamp(9px, 0.8vw, 12px);
  }
}
.page-contact .p-contact__item input,
.page-contact .p-contact__item select,
.page-contact .p-contact__item textarea,
.page-request .p-contact__item input,
.page-request .p-contact__item select,
.page-request .p-contact__item textarea {
  width: 100%;
  padding-block: clamp(19.5px, 1.7333333333vw, 26px);
  padding-inline: clamp(15.75px, 1.4vw, 21px);
  background: var(--gray);
  border: none;
  border-radius: clamp(6px, 0.5333333333vw, 8px);
  font-size: clamp(15.75px, 1.4vw, 21px);
  box-sizing: border-box;
}
@media (min-width: 751px) {
  .page-contact .p-contact__item input,
  .page-contact .p-contact__item select,
  .page-contact .p-contact__item textarea,
  .page-request .p-contact__item input,
  .page-request .p-contact__item select,
  .page-request .p-contact__item textarea {
    padding-block: clamp(15px, 1.3333333333vw, 20px);
    padding-inline: clamp(12px, 1.0666666667vw, 16px);
    border-radius: clamp(3.75px, 0.3333333333vw, 5px);
    font-size: clamp(12px, 1.0666666667vw, 16px);
  }
}
.page-contact .p-contact__item input::-moz-placeholder, .page-contact .p-contact__item select::-moz-placeholder, .page-contact .p-contact__item textarea::-moz-placeholder, .page-request .p-contact__item input::-moz-placeholder, .page-request .p-contact__item select::-moz-placeholder, .page-request .p-contact__item textarea::-moz-placeholder {
  color: #757575;
}
.page-contact .p-contact__item input::placeholder,
.page-contact .p-contact__item select::placeholder,
.page-contact .p-contact__item textarea::placeholder,
.page-request .p-contact__item input::placeholder,
.page-request .p-contact__item select::placeholder,
.page-request .p-contact__item textarea::placeholder {
  color: #757575;
}
.page-contact .p-contact__item select,
.page-request .p-contact__item select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.page-contact .p-contact__item textarea,
.page-request .p-contact__item textarea {
  resize: none;
}
.page-contact .p-contact__select,
.page-request .p-contact__select {
  position: relative;
}
.page-contact .p-contact__select::after,
.page-request .p-contact__select::after {
  content: "";
  width: clamp(6px, 0.5333333333vw, 8px);
  height: clamp(6px, 0.5333333333vw, 8px);
  position: absolute;
  top: 50%;
  right: clamp(24px, 2.1333333333vw, 32px);
  border-right: 1px solid var(--black);
  border-bottom: 1px solid var(--black);
  transform: translateY(-50%) rotate(45deg);
}
@media (min-width: 751px) {
  .page-contact .p-contact__select::after,
  .page-request .p-contact__select::after {
    width: clamp(4.5px, 0.4vw, 6px);
    height: clamp(4.5px, 0.4vw, 6px);
    right: clamp(18px, 1.6vw, 24px);
  }
}
.page-contact .p-contact__accept,
.page-request .p-contact__accept {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: clamp(9.75px, 0.8666666667vw, 13px);
  margin-block-end: clamp(39.75px, 3.5333333333vw, 53px);
  position: relative;
}
@media (min-width: 751px) {
  .page-contact .p-contact__accept,
  .page-request .p-contact__accept {
    gap: clamp(7.5px, 0.6666666667vw, 10px);
    margin-block-end: clamp(30px, 2.6666666667vw, 40px);
  }
}
.page-contact .p-contact__accept::after,
.page-request .p-contact__accept::after {
  content: "必須";
  padding-block: clamp(3.75px, 0.3333333333vw, 5px);
  padding-inline: clamp(9px, 0.8vw, 12px);
  border: 1px solid;
  border-radius: clamp(6px, 0.5333333333vw, 8px);
  color: var(--red);
  font-size: clamp(12px, 1.0666666667vw, 16px);
  font-weight: 700;
}
@media (min-width: 751px) {
  .page-contact .p-contact__accept::after,
  .page-request .p-contact__accept::after {
    padding-block: clamp(3px, 0.2666666667vw, 4px);
    padding-inline: clamp(6px, 0.5333333333vw, 8px);
    border-radius: 5;
    font-size: clamp(9px, 0.8vw, 12px);
  }
}
.page-contact .p-contact__accept *,
.page-request .p-contact__accept * {
  margin: 0;
  text-align: center;
}
.page-contact .p-contact__accept .wpcf7-list-item,
.page-request .p-contact__accept .wpcf7-list-item {
  display: flex;
  justify-content: center;
  align-items: center;
}
.page-contact .p-contact__accept .wpcf7-list-item label,
.page-request .p-contact__accept .wpcf7-list-item label {
  display: flex;
  align-items: center;
  gap: clamp(12px, 1.0666666667vw, 16px);
  font-size: clamp(15px, 1.3333333333vw, 20px);
}
@media (min-width: 751px) {
  .page-contact .p-contact__accept .wpcf7-list-item label,
  .page-request .p-contact__accept .wpcf7-list-item label {
    gap: clamp(9px, 0.8vw, 12px);
    font-size: clamp(12px, 1.0666666667vw, 16px);
  }
}
.page-contact .p-contact__accept input,
.page-request .p-contact__accept input {
  width: clamp(24px, 2.1333333333vw, 32px);
  height: clamp(24px, 2.1333333333vw, 32px);
}
@media (min-width: 751px) {
  .page-contact .p-contact__accept input,
  .page-request .p-contact__accept input {
    font-size: clamp(18px, 1.6vw, 24px);
    height: clamp(18px, 1.6vw, 24px);
  }
}
.page-contact .p-contact__accept a,
.page-request .p-contact__accept a {
  display: inline-block;
  color: var(--blue);
  letter-spacing: 0.1em;
  text-decoration: underline;
}
.page-contact .p-contact__submit p,
.page-request .p-contact__submit p {
  width: 100%;
  margin-inline: auto;
  position: relative;
  text-align: center;
}
@media (min-width: 751px) {
  .page-contact .p-contact__submit p,
  .page-request .p-contact__submit p {
    width: -moz-fit-content;
    width: fit-content;
  }
}
.page-contact .p-contact__submit p.is-disabled::after,
.page-request .p-contact__submit p.is-disabled::after {
  color: var(--gray);
}
.page-contact .p-contact__submit p.is-hover::after,
.page-request .p-contact__submit p.is-hover::after {
  color: var(--blue);
}
.page-contact .p-contact__submit input,
.page-request .p-contact__submit input {
  width: 100%;
  padding-block: clamp(30.75px, 2.7333333333vw, 41px);
  padding-inline: clamp(105px, 9.3333333333vw, 140px);
  border: 2px solid;
  border-radius: clamp(49.5px, 4.4vw, 66px);
  text-align: center;
  font-size: clamp(18px, 1.6vw, 24px);
  font-weight: 500;
  font-family: "Zen Maru Gothic", sans-serif;
  letter-spacing: 0.1em;
  transition: 0.5s;
}
@media (min-width: 751px) {
  .page-contact .p-contact__submit input,
  .page-request .p-contact__submit input {
    padding-block: clamp(26.25px, 2.3333333333vw, 35px);
    padding-inline: clamp(105px, 9.3333333333vw, 140px);
    border-radius: clamp(37.5px, 3.3333333333vw, 50px);
    font-size: clamp(13.5px, 1.2vw, 18px);
  }
}
.page-contact .p-contact__submit input:not([disabled]),
.page-request .p-contact__submit input:not([disabled]) {
  background: var(--blue);
  color: var(--white);
}
.page-contact .p-contact__submit input:not([disabled]):hover,
.page-request .p-contact__submit input:not([disabled]):hover {
  background: var(--white);
  color: var(--blue);
}
.page-contact .p-contact__submit .wpcf7-spinner,
.page-request .p-contact__submit .wpcf7-spinner {
  display: none;
}

.page-request .p-request__container {
  justify-content: center;
}
@media (min-width: 751px) {
  .page-request .p-request__container {
    gap: clamp(60px, 5.3333333333vw, 80px);
  }
}
.page-request .p-request__wrapper.--left {
  margin-block-end: clamp(60px, 5.3333333333vw, 80px);
}
@media (min-width: 751px) {
  .page-request .p-request__wrapper.--left {
    width: clamp(403.5px, 35.8666666667vw, 538px);
    margin-block-end: 0;
  }
}
@media (min-width: 1441px) {
  .page-request .p-request__wrapper.--left {
    width: clamp(390px, 34.6666666667vw, 520px);
    margin-block-end: 0;
  }
}
.page-request .p-request__wrapper.--right {
  width: 100%;
}
@media (min-width: 751px) {
  .page-request .p-request__wrapper.--right {
    width: 50%;
  }
}
.page-request .p-request__title {
  margin-block-end: clamp(15.75px, 1.4vw, 21px);
  color: var(--blue);
  font-size: clamp(24px, 2.1333333333vw, 32px);
  font-weight: 700;
  line-height: 1.8;
  letter-spacing: 0.1em;
}
@media (min-width: 751px) {
  .page-request .p-request__title {
    margin-block-end: clamp(12px, 1.0666666667vw, 16px);
    font-size: clamp(22.5px, 2vw, 30px);
  }
}
.page-request .p-request__text {
  margin-block-end: clamp(39.75px, 3.5333333333vw, 53px);
  line-height: 1.8;
  letter-spacing: 0.1em;
}
@media (min-width: 751px) {
  .page-request .p-request__text {
    margin-block-end: clamp(30px, 2.6666666667vw, 40px);
  }
}
.page-request .p-request__afc {
  padding: clamp(19.5px, 1.7333333333vw, 26px);
  border: 1px solid var(--gray);
  border-radius: clamp(30px, 2.6666666667vw, 40px);
}
@media (min-width: 751px) {
  .page-request .p-request__afc {
    padding: clamp(24px, 2.1333333333vw, 32px);
    border-radius: 30;
  }
}
.page-request .p-request__afc .img {
  margin-block-end: clamp(24px, 2.1333333333vw, 32px);
  border-radius: clamp(30px, 2.6666666667vw, 40px);
}
@media (min-width: 751px) {
  .page-request .p-request__afc .img {
    margin-block-end: clamp(18px, 1.6vw, 24px);
    border-radius: clamp(22.5px, 2vw, 30px);
  }
}
.page-request .p-request__afc .lead {
  display: flex;
  align-items: center;
  gap: clamp(12px, 1.0666666667vw, 16px);
  margin-block-end: clamp(18px, 1.6vw, 24px);
  font-weight: 700;
}
@media (min-width: 751px) {
  .page-request .p-request__afc .lead {
    gap: fludi(11);
    margin-block-end: clamp(7.5px, 0.6666666667vw, 10px);
  }
}
.page-request .p-request__afc .lead::before {
  content: "";
  width: clamp(12px, 1.0666666667vw, 16px);
  height: clamp(12px, 1.0666666667vw, 16px);
  background: var(--blue);
  border-radius: 50%;
}
@media (min-width: 751px) {
  .page-request .p-request__afc .lead::before {
    width: clamp(9px, 0.8vw, 12px);
    height: clamp(9px, 0.8vw, 12px);
  }
}
.page-request .p-request__afc .text {
  line-height: 1.8;
}

.page-thanks .p-thanks {
  margin-block-end: -4em;
  padding-block: clamp(90px, 8vw, 120px) clamp(157.5px, 14vw, 210px);
  background: var(--gray);
}
@media (min-width: 751px) {
  .page-thanks .p-thanks {
    padding-block: clamp(127.5px, 11.3333333333vw, 170px) clamp(120px, 10.6666666667vw, 160px);
  }
}
.page-thanks .p-thanks .c-heading {
  margin-block-end: clamp(39.75px, 3.5333333333vw, 53px);
}
@media (min-width: 751px) {
  .page-thanks .p-thanks .c-heading {
    margin-block-end: clamp(30px, 2.6666666667vw, 40px);
  }
}
.page-thanks .p-thanks__text {
  margin-block-end: clamp(39.75px, 3.5333333333vw, 53px);
  font-size: clamp(15px, 1.3333333333vw, 20px);
  line-height: 1.8;
}
@media (min-width: 751px) {
  .page-thanks .p-thanks__text {
    margin-block-end: clamp(30px, 2.6666666667vw, 40px);
    font-size: clamp(11.25px, 1vw, 15px);
  }
}
.page-thanks .p-thanks__text .u-br.mb {
  margin-block-end: 2em;
}
.page-thanks .p-thanks__toTop {
  color: var(--blue);
  font-size: clamp(15px, 1.3333333333vw, 20px);
  text-decoration: underline;
  text-underline-offset: 0.5em;
}
@media (min-width: 751px) {
  .page-thanks .p-thanks__toTop {
    font-size: clamp(11.25px, 1vw, 15px);
  }
}

.page-privacy .p-privacy {
  padding-block-end: clamp(99.75px, 8.8666666667vw, 133px);
}
@media (min-width: 751px) {
  .page-privacy .p-privacy {
    padding-block-end: clamp(90px, 8vw, 120px);
  }
}
.page-privacy .p-privacy h3 {
  margin-block: clamp(48px, 4.2666666667vw, 64px) clamp(6px, 0.5333333333vw, 8px);
  color: var(--blue);
  font-size: clamp(18px, 1.6vw, 24px);
  font-weight: 700;
  line-height: 1.8;
}
@media (min-width: 751px) {
  .page-privacy .p-privacy h3 {
    margin-block: clamp(36px, 3.2vw, 48px) clamp(3.75px, 0.3333333333vw, 5px);
    font-size: clamp(13.5px, 1.2vw, 18px);
  }
}
.page-privacy .p-privacy p {
  font-size: clamp(15px, 1.3333333333vw, 20px);
  line-height: 1.8;
}
@media (min-width: 751px) {
  .page-privacy .p-privacy p {
    font-size: clamp(11.25px, 1vw, 15px);
  }
}
.page-privacy .p-privacy ul {
  margin-inline-start: 1em;
  list-style: disc;
}
.page-privacy .p-privacy ul li {
  font-size: clamp(15px, 1.3333333333vw, 20px);
  line-height: 1.8;
}
@media (min-width: 751px) {
  .page-privacy .p-privacy ul li {
    font-size: clamp(11.25px, 1vw, 15px);
  }
}

.p-news {
  padding-block: clamp(79.5px, 7.0666666667vw, 106px);
  position: relative;
}
@media (min-width: 751px) {
  .p-news {
    padding-block: clamp(90px, 8vw, 120px);
  }
}
.p-news__container {
  justify-content: space-between;
  align-items: start;
  gap: clamp(37.5px, 3.3333333333vw, 50px) clamp(22.5px, 2vw, 30px);
}
@media (min-width: 751px) {
  .p-news__container {
    gap: clamp(39.75px, 3.5333333333vw, 53px);
  }
}
@media (max-width: 751px) {
  .p-news .c-heading {
    margin-block-end: 0;
  }
}
.p-news__contents {
  width: clamp(622.5px, 55.3333333333vw, 830px);
}
.p-news__item {
  border-bottom: 1px solid var(--gray);
}
.p-news__item:first-of-type {
  border-top: 1px solid var(--gray);
}
.p-news__toLink {
  width: 100%;
}
.p-news__link {
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  gap: clamp(39.75px, 3.5333333333vw, 53px);
  padding-block: clamp(24px, 2.1333333333vw, 32px);
}
@media (min-width: 751px) {
  .p-news__link {
    gap: clamp(30px, 2.6666666667vw, 40px);
    padding-block: clamp(18px, 1.6vw, 24px);
  }
}
.p-news__link .material-symbols-outlined {
  padding: clamp(9px, 0.8vw, 12px);
  background: transparent;
  border-radius: 50%;
  transition: 0.5s;
}
@media (min-width: 751px) {
  .p-news__link .material-symbols-outlined {
    padding: clamp(6.75px, 0.6vw, 9px);
  }
}
.p-news__link:hover .material-symbols-outlined {
  background: var(--gray);
}
.p-news__info {
  margin-block-end: clamp(12.75px, 1.1333333333vw, 17px);
}
@media (min-width: 751px) {
  .p-news__info {
    margin-block-end: clamp(9.75px, 0.8666666667vw, 13px);
  }
}
.p-news__time {
  padding-inline-end: clamp(30px, 2.6666666667vw, 40px);
  border-right: 1px solid var(--gray);
  color: var(--darkGray);
  font-size: clamp(12.75px, 1.1333333333vw, 17px);
  font-weight: 600;
  letter-spacing: 0.1em;
}
@media (min-width: 751px) {
  .p-news__time {
    padding-inline-end: fulid(30);
    font-size: clamp(9.75px, 0.8666666667vw, 13px);
  }
}
.p-news__category {
  padding-inline-start: clamp(30px, 2.6666666667vw, 40px);
  color: var(--darkGray);
  font-size: clamp(12.75px, 1.1333333333vw, 17px);
  font-weight: 600;
  font-family: "Comfortaa", "Zen Maru Gothic", sans-serif;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
@media (min-width: 751px) {
  .p-news__category {
    padding-inline-start: clamp(22.5px, 2vw, 30px);
    font-size: clamp(9.75px, 0.8666666667vw, 13px);
  }
}
.p-news__title {
  font-size: clamp(15px, 1.3333333333vw, 20px);
}
@media (min-width: 751px) {
  .p-news__title {
    font-size: clamp(11.25px, 1vw, 15px);
  }
}

.single .p-news {
  padding-block: clamp(49.5px, 4.4vw, 66px) clamp(72px, 6.4vw, 96px);
}
@media (min-width: 751px) {
  .single .p-news {
    padding-block: clamp(75px, 6.6666666667vw, 100px);
  }
}
.single .p-news__article {
  margin-block-end: clamp(75px, 6.6666666667vw, 100px);
}
.single .p-news__article .head {
  flex-direction: column-reverse;
  margin-block-end: clamp(30px, 2.6666666667vw, 40px);
  padding-block-end: clamp(30px, 2.6666666667vw, 40px);
  border-bottom: 1px solid var(--gray);
}
.single .p-news__article .head h2 {
  font-size: clamp(27px, 2.4vw, 36px);
  font-weight: 700;
}
.single .p-news__content h2 {
  margin-block-end: clamp(24px, 2.1333333333vw, 32px);
  padding-block: clamp(12px, 1.0666666667vw, 16px);
  padding-inline-start: clamp(15.75px, 1.4vw, 21px);
  background: var(--gray);
  border-left: 4px solid var(--blue);
  font-size: clamp(18px, 1.6vw, 24px);
  font-weight: 700;
  letter-spacing: 0.1em;
}
@media (min-width: 751px) {
  .single .p-news__content h2 {
    margin-block-end: clamp(18px, 1.6vw, 24px);
    padding-block: clamp(8.25px, 0.7333333333vw, 11px);
    padding-inline-start: clamp(15px, 1.3333333333vw, 20px);
    font-size: clamp(22.5px, 2vw, 30px);
  }
}
.single .p-news__content h3 {
  margin-block-end: clamp(24px, 2.1333333333vw, 32px);
  padding-inline-start: clamp(15.75px, 1.4vw, 21px);
  border-left: 4px solid var(--blue);
  font-size: clamp(21.75px, 1.9333333333vw, 29px);
  font-weight: 700;
  letter-spacing: 0.1em;
}
@media (min-width: 751px) {
  .single .p-news__content h3 {
    margin-block-end: clamp(18px, 1.6vw, 24px);
    padding-inline-start: clamp(15px, 1.3333333333vw, 20px);
    font-size: clamp(18px, 1.6vw, 24px);
  }
}
.single .p-news__content h4 {
  display: flex;
  gap: clamp(9.75px, 0.8666666667vw, 13px);
  margin-block-end: clamp(24px, 2.1333333333vw, 32px);
  position: relative;
  font-size: clamp(19.5px, 1.7333333333vw, 26px);
  font-weight: 700;
  letter-spacing: 0.1em;
}
@media (min-width: 751px) {
  .single .p-news__content h4 {
    gap: clamp(7.5px, 0.6666666667vw, 10px);
    margin-block-end: clamp(18px, 1.6vw, 24px);
    font-size: clamp(15px, 1.3333333333vw, 20px);
  }
}
.single .p-news__content h4::before {
  content: "";
  display: block;
  width: clamp(9px, 0.8vw, 12px);
  height: 4px;
  position: relative;
  top: clamp(13.5px, 1.2vw, 18px);
  background: var(--blue);
}
@media (min-width: 751px) {
  .single .p-news__content h4::before {
    top: clamp(10.5px, 0.9333333333vw, 14px);
  }
}
.single .p-news__content h5 {
  margin-block-end: clamp(24px, 2.1333333333vw, 32px);
  font-size: clamp(18px, 1.6vw, 24px);
  font-weight: 700;
  letter-spacing: 0.1em;
}
@media (min-width: 751px) {
  .single .p-news__content h5 {
    margin-block-end: clamp(18px, 1.6vw, 24px);
    font-size: clamp(13.5px, 1.2vw, 18px);
  }
}
.single .p-news__content h6 {
  margin-block-end: clamp(24px, 2.1333333333vw, 32px);
  font-size: clamp(15.75px, 1.4vw, 21px);
  font-weight: 700;
  letter-spacing: 0.1em;
}
@media (min-width: 751px) {
  .single .p-news__content h6 {
    margin-block-end: clamp(18px, 1.6vw, 24px);
    font-size: clamp(12px, 1.0666666667vw, 16px);
  }
}
.single .p-news__content p {
  margin-block-end: clamp(24px, 2.1333333333vw, 32px);
  line-height: 1.8;
  letter-spacing: 0.1em;
}
@media (min-width: 751px) {
  .single .p-news__content p {
    margin-block-end: clamp(18px, 1.6vw, 24px);
  }
}
.single .p-news__content ul {
  margin-inline-start: 3em;
  list-style: disc;
  text-indent: 1em;
}
@media (max-width: 751px) {
  .single .p-news__content ul {
    margin-inline-start: 1.5em;
  }
}
.single .p-news__content ul li {
  margin-block-end: 1em;
}
.single .p-news__content img {
  margin-block-end: clamp(75px, 6.6666666667vw, 100px);
}
.single .p-news__content strong {
  font-weight: 900;
}
.single .p-news__content em {
  font-style: italic;
}
.single .c-button {
  padding-inline: clamp(22.5px, 2vw, 30px);
}

.blog .p-news {
  padding-block: 0 clamp(54px, 4.8vw, 72px);
}
@media (min-width: 751px) {
  .blog .p-news {
    padding-block-end: clamp(90px, 8vw, 120px);
  }
}

.error404 .p-notFound {
  margin-block-end: -4em;
  padding-block: clamp(90px, 8vw, 120px) clamp(157.5px, 14vw, 210px);
  background: var(--gray);
}
@media (min-width: 751px) {
  .error404 .p-notFound {
    padding-block: clamp(127.5px, 11.3333333333vw, 170px) clamp(120px, 10.6666666667vw, 160px);
  }
}
.error404 .p-notFound .c-heading {
  margin-block-end: clamp(39.75px, 3.5333333333vw, 53px);
}
@media (min-width: 751px) {
  .error404 .p-notFound .c-heading {
    margin-block-end: clamp(30px, 2.6666666667vw, 40px);
  }
}
.error404 .p-notFound .c-heading h2, .error404 .p-notFound .c-heading p {
  color: var(--black);
}
@media (max-width: 751px) {
  .error404 .p-notFound .c-heading h2 {
    font-size: clamp(30px, 2.6666666667vw, 40px);
  }
}
.error404 .p-notFound__text {
  margin-block-end: clamp(39.75px, 3.5333333333vw, 53px);
  font-size: clamp(15px, 1.3333333333vw, 20px);
  line-height: 1.8;
}
@media (min-width: 751px) {
  .error404 .p-notFound__text {
    margin-block-end: clamp(30px, 2.6666666667vw, 40px);
    font-size: clamp(11.25px, 1vw, 15px);
  }
}
.error404 .p-notFound__text .u-br.mb {
  margin-block-end: 2em;
}
.error404 .p-notFound__toTop {
  color: var(--blue);
  font-size: clamp(15px, 1.3333333333vw, 20px);
  text-decoration: underline;
  text-underline-offset: 0.5em;
}
@media (min-width: 751px) {
  .error404 .p-notFound__toTop {
    font-size: clamp(11.25px, 1vw, 15px);
  }
}

/*==============================================================================
5.0 Utility
============================================================================= */
/*==============================================================================
Accessibility
============================================================================= */
.u-visuallyHidden {
  position: absolute;
  overflow: hidden;
  width: 1px;
  height: 1px;
  clip: rect(1px, 1px, 1px, 1px);
}

/*==============================================================================
Break
============================================================================= */
.u-break {
  display: inline-block;
}
@media (min-width: 1281px) {
  .u-break--lg {
    display: inline-block;
  }
}
@media (min-width: 751px) {
  .u-break--mid {
    display: inline-block;
  }
}

.u-br {
  display: block;
}
@media (min-width: 751px) {
  .u-br--mid {
    display: block;
  }
}

.u-color-black {
  color: var(--black);
}

.u-color-white {
  color: var(--white);
}

.u-color-gray {
  color: var(--gray);
}

.u-color-darkGray {
  color: var(--darkGray);
}

.u-color-blue {
  color: var(--blue);
}

.u-color-skyBlue {
  color: var(--skyBlue);
}

/*==============================================================================
Text
============================================================================= */
.u-text--upper {
  text-transform: uppercase;
}

.u-text--capitalize {
  text-transform: capitalize;
}

.u-text--lowercase {
  text-transform: lowercase;
}/*# sourceMappingURL=style.css.map */