@charset "UTF-8";
html {
  font-size: 16px;
}

body {
  color: #333;
  font-family: "Noto Sans JP", "Noto Sans", "小塚ゴシックPrNR", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", Meiryo, "メイリオ", Osaka, "MS PGothic", "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
  font-weight: 400;
  letter-spacing: 0.02em;
  line-height: 1.5;
}

html {
  overflow-x: clip;
}

@supports not (overflow: clip) {
  html {
    overflow-x: hidden;
  }
}
html.is-drawer-open,
body.is-drawer-open {
  overflow: hidden;
}

body.is-drawer-open {
  left: 0;
  position: fixed;
  right: 0;
  width: 100%;
}

.wow {
  --animate-duration: 1.3s;
}

html.wow-enabled .wow {
  visibility: hidden;
}

html.wow-enabled .wow.animate__animated {
  visibility: visible;
}

/* pcの電話番号発信対応 */
a[href^="tel:"] {
  pointer-events: none;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

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

/* Set core body defaults */
body {
  line-height: 1.5;
  min-height: 100vh;
  text-rendering: optimizeSpeed;
}

/* Remove list styles on ul, ol elements with a class attribute */
ul,
ol {
  list-style: none;
  padding: 0;
}

/* A elements that don't have a class get default styles */
a:not([class]) {
  -webkit-text-decoration-skip: ink;
  text-decoration-skip-ink: auto;
}

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

/* Make images easier to work with */
img {
  display: block;
  height: auto;
  max-width: 100%;
  width: 100%;
}

/* Natural flow and rhythm in articles by default */
article > * + * {
  margin-top: 1em;
}

/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
  font: inherit;
}

/* フォームリセット */
input,
button,
select,
textarea {
  -webkit-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  border-radius: 0;
  font: inherit;
  outline: none;
}

textarea {
  resize: vertical;
}

input[type=checkbox],
input[type=radio] {
  display: none;
}

input[type=submit],
input[type=button],
label,
button,
select {
  cursor: pointer;
}

select::-ms-expand {
  display: none;
}

/* Remove all animations, transitions and smooth scroll for people that prefer not to see them */
.l-about {
  margin-top: 8.9375rem;
  overflow: hidden;
}

.l-about__message {
  background-color: #f7f4e9;
  border-top-left-radius: 6.25rem;
  border-top-right-radius: 6.25rem;
  margin-top: 7.5rem;
  padding-bottom: 3.75rem;
}

.l-about__message-inner {
  margin-inline: auto;
  max-width: 56.875rem;
  padding-inline: 1.5625rem;
  padding-top: 5.375rem;
  width: 100%;
}

.l-about__philosophy {
  align-items: center;
  background: url("../img/about/pc/background@2x.png") no-repeat center center/cover;
  display: flex;
  height: 24.375rem;
  width: 100%;
}

.l-about__philosophy-inner {
  margin-inline: auto;
  max-width: 56.875rem;
  padding-inline: 1.5625rem;
  width: 100%;
}

.l-about__representative {
  margin-top: 8.625rem;
}

.l-about__representative-inner {
  margin-inline: auto;
  max-width: 56.875rem;
  padding-inline: 1.5625rem;
  width: 100%;
}

.l-about__staff {
  margin-top: 12.75rem;
}

.l-about__staff-inner {
  background: #f7f4e9;
  border-radius: 8.75rem;
  margin-bottom: 3.5rem;
  margin-inline: auto;
  margin-top: 2.875rem;
  max-width: 68.75rem;
  padding-bottom: 3.5625rem;
  padding-inline: 1.5625rem;
  padding-top: 5.3125rem;
  position: relative;
  width: 100%;
}

.l-contact {
  margin-top: 2.9375rem;
}

.l-footer {
  background-color: #fff;
  padding-top: 2.8125rem;
  position: relative;
}

.l-footer-inner {
  box-sizing: border-box;
  margin: 0 auto;
  margin-inline: auto;
  max-width: 1280px;
  max-width: 61.875rem;
  padding: 0 25px;
  padding-inline: 1.5625rem;
  width: 100%;
}

.p-footer-content {
  align-items: flex-end;
  display: flex;
  justify-content: space-between;
  position: relative;
}

.p-footer-content::after {
  background: url("../img/common/pc/footer_car2@2x.png") no-repeat center center/contain;
  bottom: 0;
  content: "";
  height: 7rem;
  position: absolute;
  right: 0;
  width: 15.5rem;
}

.p-footer-left {
  display: flex;
  flex-direction: column;
  width: 60%;
}

.p-footer-logo {
  margin-bottom: 2.5rem;
  max-width: 18.5625rem;
  width: 100%;
}
.p-footer-logo img {
  height: auto;
  width: 100%;
}

.p-footer-logo-img {
  max-width: 3.4375rem;
  width: 100%;
}

.p-footer-logo-img img {
  -o-object-fit: cover;
  aspect-ratio: 55/67;
  height: auto;
  object-fit: cover;
  width: 100%;
}

.p-footer-logo-text {
  font-family: "Noto Serif JP", serif;
  font-size: 1.875rem;
  font-weight: 700;
  letter-spacing: 0.01em;
  line-height: 0.2666666667;
  margin-left: 0.625rem;
  white-space: nowrap;
}

.p-footer-logo-text span {
  font-size: 2.5625rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  line-height: 0.1951219512;
  margin-left: 0.5rem;
}

.p-footer-logo-link {
  align-items: center;
  display: flex;
  gap: 0.625rem;
}

.p-footer-nav {
  display: flex;
  gap: 1.875rem 4.6875rem;
  max-width: 37.5rem;
  width: 100%;
}

.p-footer-nav-list {
  list-style: none;
}

.p-footer-nav-item {
  margin-bottom: 0.625rem;
}

.p-footer-nav-item a {
  color: #333;
  font-family: "M PLUS Rounded 1c", "Noto Sans JP", "Noto Sans", "小塚ゴシックPrNR", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", Meiryo, "メイリオ", Osaka, "MS PGothic", "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
  font-size: 1.09375rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  line-height: 2.1714285714;
  text-decoration: none;
  transition: opacity 0.3s;
}

.p-footer-nav-item a:hover,
.p-footer-nav-item a:focus-visible {
  opacity: 0.7;
}

.p-footer-right {
  text-align: right;
  width: 40%;
}

.p-footer-copyright {
  font-size: 0.875rem;
  font-weight: 700;
  letter-spacing: 0.09em;
  line-height: 1.7142857143;
  margin-top: 1.5rem;
  padding: 1.25rem 0;
  text-align: center;
}

.l-inner {
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  padding-left: 25px;
  padding-right: 25px;
  width: 78.125rem;
}

.l-product__intro {
  margin-top: 9.6875rem;
}

.l-product__intro-inner {
  background: #f7f4e9;
  border-radius: 8.75rem;
  margin-inline: auto;
  max-width: 68.75rem;
  padding-bottom: 5rem;
  padding-inline: 1.5625rem;
  padding-top: 2.1875rem;
  width: 100%;
}

.l-product__intro:not(:first-child) {
  margin-top: 11.1875rem;
}

.l-recruit__content {
  margin-top: 4.3125rem;
}

.l-recruit__content-inner {
  margin-inline: auto;
  max-width: 56.875rem;
  padding-inline: 1.5625rem;
  width: 100%;
}

.l-sec {
  padding: 3.75rem 0 5rem;
}
.l-sec01 {
  padding: 3.5rem 0 6.875rem;
}

.l-top-about {
  margin-top: 4.25rem;
}

.l-top-about__inner {
  align-items: center;
  display: flex;
  gap: 1.25rem;
  margin-inline: auto;
  max-width: 63.75rem;
  padding-inline: 1.5625rem;
  position: relative;
  width: 100%;
}

.l-top-company-inner {
  box-sizing: border-box;
  margin: 0 auto;
  max-width: 62.5rem;
  padding-inline: 1.5625rem;
  width: 100%;
}

.l-top-instagram {
  margin-top: 5.625rem;
}

.l-top-message {
  background: url("../img/top/pc/message@2x-100.jpg") no-repeat center center/cover;
  height: 35.625rem;
  left: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  margin-top: 3.125rem;
  max-width: none;
  padding-inline: 1.5625rem;
  padding-top: 4.6875rem;
  position: relative;
  right: 50%;
  width: 100vw;
}

@supports (width: 100dvw) {
  .l-top-message {
    margin-left: -50dvw;
    margin-right: -50dvw;
    width: 100dvw;
  }
}
.l-top-mv {
  margin-top: 1.21875rem;
  position: relative;
  width: 100%;
}

.l-top-mv__inner {
  background: #f7f4e9;
  border-radius: 1.25rem;
  height: 37.625rem;
  margin-inline: auto;
  max-width: 76.875rem;
  padding-inline: 1.5625rem;
  position: relative;
  width: 100%;
}

.l-top-mv__message-inner {
  margin-inline: auto;
  max-width: 73.1875rem;
  padding-inline: 1.5625rem;
  width: 100%;
}

.l-top-news {
  margin-top: 3.4375rem;
}

.l-top-news__inner {
  margin-inline: auto;
  max-width: 62.5rem;
  padding-inline: 1.5625rem;
  width: 100%;
}

.l-top-recruit {
  margin-top: 7.8125rem;
  padding-bottom: 3.75rem;
}

.l-top-recruit__inner {
  box-sizing: border-box;
  margin: 0 auto;
  max-width: 1280px;
  padding: 0 25px;
  width: 100%;
}
.l-top-service {
  padding-top: 9rem;
}

.l-top-service__inner {
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  gap: 2.5rem;
  justify-content: space-between;
  margin-inline: auto;
  max-width: 62.5rem;
  padding-inline: 1.5625rem;
  width: 100%;
}

.l-top-slider {
  margin-top: 5.0625rem;
}

.l-top-toTop-btn {
  margin-inline: auto;
  max-width: 78.125rem;
  padding-inline: 1.5625rem;
  width: 100%;
}

.l-under-mv {
  margin-top: 4rem;
}

.l-under-mv-margin {
  margin-top: 9.5rem;
}

.l-work {
  overflow: hidden;
}

.l-work__intro {
  margin-top: 13.6875rem;
}

.l-work__intro-inner {
  background: #f7f4e9;
  border-radius: 8.75rem;
  margin-inline: auto;
  max-width: 68.75rem;
  padding-bottom: 4.375rem;
  padding-inline: 1.625rem;
  padding-top: 4.6875rem;
  width: 100%;
}

.c-btn-green {
  align-items: center;
  background-color: #50a035;
  border-radius: 3.125rem;
  color: #fff;
  display: inline-flex;
  font-family: "Noto Sans JP", "Noto Sans", "小塚ゴシックPrNR", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", Meiryo, "メイリオ", Osaka, "MS PGothic", "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
  font-size: 1.0625rem;
  font-weight: normal;
  justify-content: center;
  line-height: 1.5294117647;
  min-width: 13.75rem;
  padding: 0.25rem 1.875rem;
  position: relative;
  text-decoration: none;
  transition: opacity 0.3s;
}
.c-btn-green::after {
  content: "→";
  display: inline-block;
  font-weight: normal;
  margin-left: 0.625rem;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.c-btn-green:hover, .c-btn-green:focus-visible {
  opacity: 0.8;
}
.c-btn-green:hover::after, .c-btn-green:focus-visible::after {
  -webkit-transform: translateX(0.125rem);
  transform: translateX(0.125rem);
}

.c-btn {
  background-color: transparent;
  background-position: center right 1.5em;
  background-repeat: no-repeat;
  background-size: 1.5rem 1.5rem;
  border: 1px solid #D9D9D9;
  color: #000;
  display: grid;
  line-height: 1.2;
  max-width: 100%;
  min-height: 3.75rem;
  padding: 0 0.625rem;
  place-items: center;
  transition: 0.3s all;
  width: 13.75rem;
}
.c-btn span {
  display: block;
  font-size: 0.75rem;
}
.c-btn-recruit {
  align-items: center;
  background-color: #ffffff;
  border: 1px solid #000000;
  border-radius: 3.125rem;
  display: inline-flex;
  font-size: 1rem;
  font-weight: 700;
  justify-content: center;
  line-height: 2.75;
  min-width: 13.75rem;
  padding: 0.3125rem 1.875rem;
  position: relative;
  text-decoration: none;
  transition: opacity 0.3s;
}
.c-btn-recruit:hover {
  opacity: 0.8;
}

.c-cat {
  background-color: #003C8C;
  color: #fff;
  display: inline-block;
  font-size: 0.75rem;
  min-width: 6.25rem;
  padding: 0.25rem 0.625rem;
  text-align: center;
}

.c-column2 {
  display: grid;
  gap: 2.5rem;
  grid-template-columns: repeat(2, 1fr);
}

.c-column2--gap60 {
  gap: 3.75rem;
}

.c-column3 {
  display: grid;
  gap: 2.5rem;
  grid-template-columns: repeat(3, 1fr);
}

.c-column4 {
  display: grid;
  gap: 2.5rem;
  grid-template-columns: repeat(4, 1fr);
}

.c-headline1__main {
  border-left: 2px solid #003C8C;
  font-size: 1.875rem;
  padding-left: 1.875rem;
}

.c-headline1__sub {
  font-size: 1rem;
  margin-top: 0.875rem;
}

.c-hoverRun {
  background-image: linear-gradient(90deg, #000, #000);
  background-position: left bottom;
  background-repeat: no-repeat;
  background-size: 0 1px;
  color: #000;
  display: inline;
  text-decoration: none;
  transition: background-size 0.5s;
}
.c-hoverUnderline {
  display: inline-block;
  position: relative;
}

.c-hoverUnderline::after {
  background: #000;
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  opacity: 0;
  position: absolute;
  transition: opacity 0.5s ease-in-out;
  width: 100%;
}
.c-hoverUnderline {
  display: inline-block;
  position: relative;
}

.c-hoverUnderline::after {
  background: #000;
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  opacity: 0;
  position: absolute;
  transition: opacity 0.3s ease-in-out;
  width: 100%;
}
.c-imgHover {
  position: relative;
}

.c-imgHover img {
  transition: 0.5s opacity;
  width: 2.25rem;
}

.c-imgHover img:nth-of-type(2) {
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: 0.5s opacity;
}
.c-imgZoom {
  overflow: hidden;
  position: relative;
}
.c-imgZoom img {
  -o-object-fit: cover;
  object-fit: cover;
  transition: -webkit-transform 0.8s;
  transition: transform 0.8s;
  transition: transform 0.8s, -webkit-transform 0.8s;
}
.c-link {
  line-height: 1;
  position: relative;
}

.c-link::after {
  background: url(../img/common/link.svg) center center/contain no-repeat;
  content: "";
  height: 0.625rem;
  position: absolute;
  right: -0.9375rem;
  top: 0.3em;
  width: 0.625rem;
}

.c-marker {
  background: linear-gradient(transparent 70%, #FCF65F 0%);
  display: inline;
}

.c-scroll {
  -webkit-transform: translateX(-50%);
  -webkit-animation: move 2s cubic-bezier(0.25, 1, 0.5, 1) infinite;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  animation: move 2s cubic-bezier(0.25, 1, 0.5, 1) infinite;
  bottom: 0;
  color: #000;
  font-family: "Montserrat", "Arial Black", "Noto Sans", "小塚ゴシックPrNR", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", Meiryo, "メイリオ", Osaka, "MS PGothic", "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
  font-size: 1.125rem;
  line-height: 1;
  margin-bottom: 2.375rem;
  position: absolute;
  right: -0.9375rem;
  text-orientation: sideways;
  text-transform: uppercase;
  transform: translateX(-50%);
  writing-mode: vertical-rl;
  z-index: 200;
}

@-webkit-keyframes move {
  0% {
    bottom: 1%;
  }
  50% {
    bottom: 3%;
  }
  100% {
    bottom: 1%;
  }
}

@keyframes move {
  0% {
    bottom: 1%;
  }
  50% {
    bottom: 3%;
  }
  100% {
    bottom: 1%;
  }
}
.c-scroll__arrow {
  height: 0.375rem;
  position: relative;
  width: 0.125rem;
}

.c-scroll__arrow::after {
  -webkit-transform: translateX(50%);
  background: url("../img/top/pc/scroll_arrow.svg") no-repeat center center/contain;
  bottom: -4.5rem;
  content: "";
  height: 3.9375rem;
  position: absolute;
  right: 50%;
  transform: translateX(50%);
  width: 0.75rem;
}

.c-table {
  border: 1px solid #333;
  border-collapse: collapse;
  border-left: none;
  border-right: none;
  border-top: none;
  width: 100%;
}

.c-table__data,
.c-table__head {
  border: 1px solid #333;
  border-left: none;
  border-right: none;
  font-size: 1.125rem;
  font-weight: 700;
  letter-spacing: 0em;
  line-height: 2;
  padding-block: 0.9375rem;
  padding-inline: 1.25rem;
}

.c-table__head {
  background: #f2f2f2;
  border-right: 1px solid #333;
  border-top: none;
  vertical-align: top;
  width: 28%;
}

.c-table__data {
  border-top: none;
  font-size: 1rem;
  padding-left: 2.1875rem;
  width: 72%;
}

.c-tag {
  border: 1px solid #D9D9D9;
  color: #000;
  display: inline-block;
  font-size: 0.875rem;
  padding: 0.375rem 0.5rem;
}

.c-title {
  font-family: "Noto Sans JP", "Noto Sans", "小塚ゴシックPrNR", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", Meiryo, "メイリオ", Osaka, "MS PGothic", "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
  font-size: 2.125rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  line-height: 3.5882352941;
  position: relative;
}

.c-title::after {
  background: url("../img/common/pc/border_green@2x.png") no-repeat center center/contain;
  bottom: -0.625rem;
  content: "";
  height: 1.4375rem;
  inset: auto -1.75rem 1rem auto;
  position: absolute;
  width: 7rem;
}

.c-under-message__main {
  color: #333;
  font-size: 1.8125rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.9677419355;
}

.c-under-message__main span {
  font-size: 2.25rem;
}

.c-under-message__sub {
  font-size: 1.3125rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  line-height: 1.7142857143;
  margin-top: 1.6875rem;
}

.c-under-message-title {
  font-family: "Noto Sans JP", "Noto Sans", "小塚ゴシックPrNR", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", Meiryo, "メイリオ", Osaka, "MS PGothic", "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
}

.c-under-message-text {
  font-family: "Satisfy", "Segoe Script", "Brush Script MT", cursive;
}

.p-work .c-under-message__main {
  line-height: 1.8;
}

.c-under-mv-img {
  margin-inline: auto;
  max-width: 80rem;
  width: 100%;
}

.c-under-mv-img img {
  -o-object-fit: cover;
  aspect-ratio: 1280/500;
  object-fit: cover;
  width: 100%;
}

.c-under-sub-title {
  display: inline;
  font-family: "Noto Sans JP", "Noto Sans", "小塚ゴシックPrNR", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", Meiryo, "メイリオ", Osaka, "MS PGothic", "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
  font-size: 3.125rem;
  font-weight: 700;
  letter-spacing: 0.2em;
  position: relative;
  width: 100%;
}

.c-under-sub-title::after {
  background: url("../img/common/pc/border_red@2x.png") no-repeat center center/contain;
  content: "";
  height: 2.0625rem;
  inset: auto -5.9375rem -1.25rem auto;
  position: absolute;
  width: 9.8125rem;
}

.c-under-sub-title-en {
  font-family: "Satisfy", "Segoe Script", "Brush Script MT", cursive;
  font-size: 3rem;
  font-weight: 700;
  letter-spacing: 0em;
  line-height: 1;
  margin-left: -4.375rem;
  rotate: -3deg;
  text-align-last: left;
  text-transform: capitalize;
}

.c-under-sub-title-en::first-letter {
  text-transform: uppercase;
}

.c-under-sub-title-en--green {
  color: #50a035;
}

.c-under-sub-title-en--orange {
  color: #eea800;
}

.c-under-sub-title-en--red {
  color: #d70c18;
}

.c-under-sub-title-en--red-2 {
  color: #ea6143;
}

.c-under-sub-title-en--pink {
  color: #ed848c;
}

.c-under-sub-title--green::after {
  background: url("../img/common/pc/border_green@2x.png") no-repeat center center/contain;
}

.c-under-sub-title--orange::after {
  background: url("../img/common/pc/border_orange-2@2x.png") no-repeat center center/contain;
}

.c-under-sub-title--pink::after {
  background: url("../img/common/pc/border_pink@2x.png") no-repeat center center/contain;
}

.c-under-sub-title--red-2::after {
  background: url("../img/common/pc/border_red-2@2x.png") no-repeat center center/contain;
}

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

.c-under-title {
  display: inline;
}

.c-under-title__jp {
  font-size: 3.5rem;
  font-weight: 700;
  letter-spacing: 0.15em;
}

.c-under-title__en {
  color: #999999;
  font-size: 1.375rem;
  font-weight: 700;
  letter-spacing: 0em;
  line-height: 1.75;
  margin-top: 0.4375rem;
  text-transform: uppercase;
}

.c-under-title-btn-area {
  display: flex;
  gap: 1.25rem;
  justify-content: center;
  margin-top: 2.125rem;
}

.c-under-title-btn {
  background-position: center right 1.5em;
  background-repeat: no-repeat;
  background-size: 1.5rem 1.5rem;
  border: 1px solid #333333;
  border-radius: 1.4375rem;
  display: grid;
  line-height: 1.2;
  max-width: 100%;
  min-height: 2.875rem;
  padding: 0 0.625rem;
  place-items: center;
  position: relative;
  transition: 0.3s all;
  width: 13.75rem;
}

.c-under-title-btn::after {
  -webkit-transform: translateY(-50%);
  background: url("../img/common/pc/arrow_under.svg") no-repeat center/contain;
  content: "";
  height: 0.625rem;
  position: absolute;
  right: 1.25rem;
  top: 50%;
  transform: translateY(-50%);
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  width: 0.6875rem;
}

.c-under-title-btn a {
  text-align: center;
  width: 100%;
}
.c-under-title-btn__text {
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0em;
  line-height: 2.75;
}

.c-under-title-btn__text-left {
  margin-left: -1.25rem;
}

.c-underBar {
  display: inline-block;
  position: relative;
}
.c-underBar::before {
  -webkit-transform: translateX(-50%);
  background-color: #333;
  bottom: 0;
  content: "";
  height: 1px;
  left: 50%;
  opacity: 1;
  position: absolute;
  transform: translateX(-50%);
  transition: 0.5s;
  width: 100%;
}
.p-about__message {
  position: relative;
  text-align: center;
}

.p-about__message-head {
  -webkit-transform: translateX(-50%);
  left: 50%;
  position: absolute;
  text-align: center;
  top: -9.0625rem;
  transform: translateX(-50%);
  white-space: nowrap;
}

.p-about__message-title {
  color: #333;
  font-family: "Noto Sans JP", "Noto Sans", "小塚ゴシックPrNR", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", Meiryo, "メイリオ", Osaka, "MS PGothic", "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
  font-size: 1.8125rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  line-height: 1.9677419355;
}

.p-about__message-title span {
  font-size: 2.25rem;
}

.p-about__message-text-container {
  position: relative;
}

.p-about__message-text {
  -webkit-transform: translateX(-50%);
  font-size: 2.875rem;
  font-weight: 400;
  left: 50%;
  letter-spacing: 0em;
  line-height: 1.0652173913;
  position: absolute;
  rotate: -3deg;
  top: 0;
  transform: translateX(-50%);
  white-space: nowrap;
}

.p-about__message-text::first-letter {
  text-transform: uppercase;
}

.p-about__message-img {
  margin-top: 8.125rem;
  max-width: 50.8125rem;
  width: 100%;
}

.p-about__message-img img {
  -o-object-fit: cover;
  aspect-ratio: 813/556;
  object-fit: cover;
  width: 100%;
}

.p-about__message-voice {
  margin-top: 0.875rem;
  width: 100%;
}

.p-about__message-voice-main {
  color: #50a035;
  font-family: "Noto Sans JP", "Noto Sans", "小塚ゴシックPrNR", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", Meiryo, "メイリオ", Osaka, "MS PGothic", "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
  font-size: 2rem;
  font-weight: bold;
  letter-spacing: 0.1em;
  line-height: 1.4375;
}

.p-about__message-voice-sub {
  font-family: "Noto Sans JP", "Noto Sans", "小塚ゴシックPrNR", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", Meiryo, "メイリオ", Osaka, "MS PGothic", "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
  font-size: 1rem;
  font-weight: bold;
  letter-spacing: 0em;
  line-height: 1.75;
  margin-top: 1.25rem;
  text-align: left;
}

.p-about__philosophy {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  height: inherit;
}

.p-about__philosophy-media {
  align-items: center;
  display: flex;
  gap: 1.9375rem;
}

.p-about__philosophy-media-text {
  font-size: 1.3125rem;
  font-weight: 700;
  letter-spacing: 0em;
  line-height: 1.7142857143;
}

.p-about__philosophy-media-img {
  align-items: center;
  color: #fff;
  display: flex;
  font-size: 1.5625rem;
  font-weight: 400;
  height: 7.5rem;
  justify-content: center;
  letter-spacing: 0em;
  line-height: 1.28;
  text-align: center;
  width: 7.5rem;
}

.p-about__philosophy-media-img.u-img-top {
  background: url("../img/about/pc/circle_green@2x.png") no-repeat center center/contain;
}

.p-about__philosophy-media-img.u-img-bottom {
  background: url("../img/about/pc/circle_orange@2x.png") no-repeat center center/contain;
}

.p-about__representative-head {
  text-align: center;
}

.p-about__representative-head .c-under-sub-title-en {
  margin-left: 5rem;
}

.p-about__representative-media {
  display: flex;
  gap: 3.125rem;
  margin-top: 4.125rem;
}

.p-about__representative-media-head {
  font-size: 1.75rem;
  font-weight: 700;
  letter-spacing: 0em;
  line-height: 1.6428571429;
}

.p-about__representative-media-position {
  font-size: 1.375rem;
  font-weight: 700;
  letter-spacing: 0em;
  line-height: 1.9545454545;
}

.p-about__representative-media-name {
  font-size: 1.75rem;
  font-weight: 700;
  letter-spacing: 0em;
  line-height: 1.5714285714;
}

.p-about__representative-media-txt {
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0em;
  line-height: 1.75;
  margin-top: 1.25rem;
}

.p-about__representative-media-img {
  max-width: 23.75rem;
  width: 100%;
}

.p-about__representative-media-img img {
  -o-object-fit: cover;
  aspect-ratio: 380/500;
  object-fit: cover;
  width: 100%;
}

.p-about__representative-media-body {
  max-width: 26.875rem;
  width: 100%;
}

.p-about__staff-head {
  -webkit-transform: translateX(-50%);
  left: 50%;
  position: absolute;
  text-align: center;
  top: -6rem;
  transform: translateX(-50%);
  white-space: nowrap;
}

.p-about__staff-head .c-under-sub-title-en {
  margin-left: -7.5rem;
}

.p-about__staff-content {
  margin-inline: auto;
  max-width: 62.5rem;
  padding-inline: 1.5625rem;
  width: 100%;
}

.p-about__staff-media:nth-child(even) {
  flex-direction: row-reverse;
}

.p-about__staff-media {
  display: flex;
  gap: 3.25rem;
  max-width: 100%;
  overflow: visible;
}

.p-about__staff-media-position {
  font-size: 1.375rem;
  font-weight: 700;
  letter-spacing: 0em;
  line-height: 1.9545454545;
}

.p-about__staff-media-name {
  font-size: 1.75rem;
  font-weight: 700;
  letter-spacing: 0em;
  line-height: 0.8571428571;
}

.p-about__staff-media-name.u-under-orange {
  border-bottom: 2px solid #eea800;
  display: inline-block;
}

.p-about__staff-media-name.u-under-green {
  border-bottom: 2px solid #50a035;
  display: inline-block;
}

.p-about__staff-media-name.u-under-red {
  border-bottom: 2px solid #ea6143;
  display: inline-block;
}

.p-about__staff-media-name.u-under-pink {
  border-bottom: 2px solid #ed848c;
  display: inline-block;
}

.p-about__staff-media-name span {
  font-size: 1.375rem;
  line-height: 1.0909090909;
}

.p-about__staff-media-head {
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: 0em;
  line-height: 1.5416666667;
  margin-top: 1.5rem;
  position: relative;
}

.p-about__staff-media-head span {
  font-size: 1.8125rem;
}

.p-about__staff-media-txt {
  flex: 1 1 auto;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0em;
  line-height: 1.75;
  margin-top: 0.8125rem;
  padding-block: 2.4375rem;
  position: relative;
  z-index: 1;
}

.p-about__staff-media-txt::after {
  background: #fff;
  content: "";
  display: block;
  height: 100%;
  inset: 0;
  position: absolute;
  width: 63.75rem;
  z-index: -1;
}

.p-about__staff-media:not(:first-child) {
  margin-top: -1rem;
}

/* 画像が左、テキストが右（背景は左にも外にも出す） */
.p-about__staff-media:nth-child(odd) .p-about__staff-media-txt::after {
  border-bottom-right-radius: 1.25rem;
  border-top-right-radius: 1.25rem;
  left: -25.625rem;
}

/* 画像が右、テキストが左（背景を右側へ伸ばす） */
.p-about__staff-media:nth-child(even) .p-about__staff-media-txt::after {
  border-bottom-left-radius: 1.25rem;
  border-top-left-radius: 1.25rem;
  left: auto;
  right: -25.625rem;
}

.p-about__staff-media-img {
  flex: 0 0 auto;
  max-width: 17.6875rem;
  position: relative;
  width: 100%;
  z-index: 2;
}

.p-about__staff-media-img img {
  -o-object-fit: contain;
  aspect-ratio: 283/540;
  object-fit: contain;
  width: 100%;
}

.p-about__staff-media-img-text {
  color: #fff;
  font-family: "Satisfy", "Segoe Script", "Brush Script MT", cursive;
  font-size: 2.375rem;
  font-weight: 700;
  letter-spacing: 0em;
  position: absolute;
  rotate: -5deg;
  text-transform: capitalize;
  top: 4.0625rem;
  z-index: 2;
}

.p-about__staff-media-img-text.u-under-orange {
  color: #eea800;
}

.p-about__staff-media-img-text.u-under-green {
  color: #50a035;
}

.p-about__staff-media-img-text.u-under-red {
  color: #ea6143;
}

.p-about__staff-media-img-text.u-under-pink {
  color: #ed848c;
}

.p-about__staff-media-body {
  margin-top: 2.4375rem;
  max-width: 35.625rem;
  width: 100%;
}

.p-contact .c-under-mv-img {
  margin-top: 2.1875rem;
}

.p-contact .p-under-mv-message {
  margin-top: 4.1875rem;
}

.p-contact__form {
  margin-top: 3.375rem;
}

.p-contact__form-head {
  margin-bottom: 3rem;
  margin-inline: auto;
  text-align: center;
}

.p-contact__form-head .c-under-sub-title-en {
  margin-left: 7.8125rem;
}

.p-contact__form-head .c-under-sub-title {
  width: 100%;
}

.p-contact__form-inner {
  box-sizing: border-box;
  margin-inline: auto;
  max-width: 56.875rem;
  padding-inline: 1.5625rem;
  width: 100%;
}

.p-contact__mv-message {
  text-align: center;
}

.p-contact__mv-message-sub {
  font-size: 1.3125rem;
  font-weight: 700;
  letter-spacing: 0em;
  line-height: 1.7142857143;
}

.cf7-tableform {
  border: 0.125rem solid #4d4d4d;
  border-radius: 0.625rem;
  font-size: 1.125rem;
  max-width: 53.75rem;
  width: 100%;
}

/* 1行（表っぽく） */
.cf7-tableform .row {
  border-top: 0.0625rem solid #333333;
  display: grid;
  grid-template-columns: 16.25rem 1fr;
}

.cf7-tableform .row:first-child {
  border-top: none;
}

.cf7-tableform .row.checked {
  border-top: 0.0625rem solid #333333;
}

/* 左ラベル */
.cf7-tableform .th {
  padding: 1rem 1.125rem;
  padding-left: 2.0625rem;
  position: relative;
}

/* 必須の * 表示 */
.cf7-tableform .row.req .th::after {
  color: #ed1c24;
  content: "*";
  margin-left: 0.375rem;
}

/* 右入力欄 */
.cf7-tableform .td {
  align-items: center;
  display: flex;
  padding: 1rem 0.625rem;
}

/* inputの見た目 */
.cf7-tableform input[type=text],
.cf7-tableform input[type=email],
.cf7-tableform input[type=tel],
.cf7-tableform textarea {
  border: 0.0625rem solid #cccccc;
  border-radius: 0.125rem;
  box-sizing: border-box;
  padding: 0.09375rem 0.625rem;
}

.cf7-tableform input[type=text] {
  max-width: 13.75rem;
  width: 100%;
}

.cf7-tableform input[type=email],
.cf7-tableform input[type=tel] {
  max-width: 30.25rem;
  width: 100%;
}

.cf7-tableform .adress input[type=text] {
  max-width: 34.625rem;
  width: 100%;
}

/* textarea 高さ */
.cf7-tableform textarea {
  max-height: 9.5625rem;
  max-width: 34.625rem;
  resize: vertical;
  width: 100%;
}

/* ラジオを横並び */
.cf7-tableform .wpcf7-radio {
  display: flex;
  flex-wrap: wrap;
  gap: 3rem;
}

.cf7-tableform .wpcf7-list-item {
  margin: 0;
}

.btns input[type=submit],
.btns input[type=reset] {
  background: #fff;
  border: 0.0625rem solid #333;
  border-radius: 1.875rem;
  color: #000;
  cursor: pointer;
  max-width: 13.75rem;
  padding: 0.625rem 1rem;
  transition: background-color 0.3s, color 0.3s, border-color 0.3s;
  width: 100%;
}
.btns input[type=submit]:hover, .btns input[type=submit]:focus-visible,
.btns input[type=reset]:hover,
.btns input[type=reset]:focus-visible {
  background: #333;
  border-color: #333;
  color: #fff;
}

/* 必須注記 */
.note {
  font-size: 1rem;
  margin: 0;
  padding: 0.625rem 0.75rem;
}

.note .ast {
  color: #c00;
}

/* ボタン */
.btns {
  display: flex;
  gap: 3.125rem;
  justify-content: center;
  padding: 0.875rem 0.75rem 1rem;
}

.btns__reset,
.btns__submit {
  max-width: 13.75rem;
  width: 100%;
}

.btns__submit {
  position: relative;
}

.btns__submit span {
  position: absolute;
}

/* ラジオ1項目 */
.cf7-tableform .wpcf7-list-item label {
  align-items: center;
  cursor: pointer;
  display: inline-flex;
}

/* ラベル文字（「お見積り」等）を少し右に */
.cf7-tableform .wpcf7-list-item-label {
  padding-left: 1.375rem;
  position: relative;
}

/* 外側の丸 */
.cf7-tableform .wpcf7-list-item-label::before {
  -webkit-transform: translateY(-50%);
  background: #fff;
  border: 0.0625rem solid #333;
  border-radius: 50%;
  content: "";
  height: 0.875rem;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 0.875rem;
}

/* 選択時の内側の丸 */
.cf7-tableform input[type=radio]:checked + .wpcf7-list-item-label::after {
  -webkit-transform: translateY(-50%);
  background: #333;
  border-radius: 50%;
  content: "";
  height: 0.5rem;
  left: 0.1875rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 0.5rem;
}

.wpcf7 form .wpcf7-response-output {
  background: #fff;
  border: 0.0625rem solid #333;
  border-radius: 0.5rem;
  color: #333;
  display: block;
  font-weight: 700;
  margin: 1.25rem 0 0;
  padding: 0.75rem 0.875rem;
}

/* 送信成功 */
.wpcf7 form.sent .wpcf7-response-output {
  background: green;
  border-color: green;
  color: #fff;
}

/* エラー系 */
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
  background: #fff;
  border-color: #ed1c24;
  color: #ed1c24;
}

.wpcf7 form .wpcf7-not-valid-tip {
  display: none !important;
}

.wpcf7 form.is-submitted .wpcf7-not-valid-tip {
  display: block !important;
}

.wpcf7-form-control-wrap {
  width: 100%;
}

.cf7-tableform .handle {
  flex-direction: column;
  gap: 0.625rem;
}

.cf7-tableform .handle input[type=text] {
  max-width: 100%;
}

/* クリック不能の原因になりやすい display:none を避ける */
.cf7-tableform .wpcf7-list-item label {
  align-items: center;
  cursor: pointer;
  display: inline-flex;
  position: relative;
}

/* span側に左余白を作って、疑似要素（丸/四角）の表示場所を確保 */
.cf7-tableform .wpcf7-list-item-label {
  padding-left: 1.4em;
  position: relative;
}

/* inputは消さずに透明化（labelクリックでちゃんと切り替わる） */
.cf7-tableform input[type=checkbox],
.cf7-tableform input[type=radio] {
  -webkit-transform: translateY(-50%);
  /* 見えなくするだけ */
  display: block !important;
  height: 1em;
  left: 0;
  margin: 0;
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 1em;
  /* display:none されてたら強制的に戻す */
}

/* 疑似要素はクリックを邪魔しないようにする（念のため） */
.cf7-tableform .wpcf7-list-item-label::before,
.cf7-tableform .wpcf7-list-item-label::after {
  pointer-events: none;
}

.cf7-tableform input[type=checkbox] + .wpcf7-list-item-label::before {
  -webkit-transform: translateY(-50%);
  background: #fff;
  border: 1px solid #333;
  border-radius: 0;
  content: "";
  height: 0.95em;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 0.95em;
}

.cf7-tableform input[type=checkbox]:checked + .wpcf7-list-item-label::after {
  -webkit-transform: translateY(-60%) rotate(-45deg);
  border-bottom: 2px solid #333;
  border-left: 2px solid #333;
  content: "";
  height: 0.25em;
  left: 0.22em;
  position: absolute;
  top: 50%;
  transform: translateY(-60%) rotate(-45deg);
  width: 0.45em;
}

/* 性別ラジオの最初の選択肢（未回答）を非表示 */
.gender-radio .wpcf7-list-item:first-child {
  display: none;
}

.layout-header {
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 900;
}

.header {
  height: 8.25rem;
  width: 100%;
}

.header__inner {
  align-items: center;
  display: flex;
  height: inherit;
  justify-content: space-between;
  margin-inline: auto;
  max-width: 80rem;
  padding-inline: 3.125rem;
  width: 100%;
}

.header__logo {
  height: inherit;
  max-width: 13.125rem;
  width: 100%;
}

.header__logo a {
  align-items: center;
  display: flex;
  height: inherit;
}

.header__logo-img {
  max-width: 2.375rem;
  width: 100%;
}

.header__logo-img img {
  -o-object-fit: cover;
  aspect-ratio: 38/46;
  object-fit: cover;
  width: 100%;
}

.header__logo-text {
  font-family: "Noto Serif JP", serif;
  font-size: 1.3125rem;
  font-weight: 700;
  letter-spacing: 0.01em;
  line-height: 2.9523809524;
  margin-left: 0.625rem;
}

.header__logo-text span {
  font-size: 1.75rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  line-height: 1.7222222222;
  margin-left: 0.5rem;
  padding-top: 0.3125rem;
}

.header__nav {
  display: block;
  max-width: 26.25rem;
  width: 100%;
}

.header__nav-list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.875rem 0.125rem;
  height: inherit;
  justify-content: flex-end;
  margin-top: 1.1875rem;
}

.header__nav-item {
  display: block;
  font-family: "Noto Sans JP", "Noto Sans", "小塚ゴシックPrNR", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", Meiryo, "メイリオ", Osaka, "MS PGothic", "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
  height: inherit;
  position: relative;
}

.underline-1::after {
  -webkit-transform: translateX(-50%);
  background: url("../img/common/pc/under_1@2x.png") no-repeat center center/cover;
  bottom: -0.1875rem;
  content: "";
  height: 0.1875rem;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 4.125rem;
}

.underline-2::after {
  -webkit-transform: translateX(-50%);
  background: url("../img/common/pc/under_2@2x.png") no-repeat center center/cover;
  bottom: -0.1875rem;
  content: "";
  height: 0.25rem;
  left: 0;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 6.25rem;
}

.header__nav-item.header__nav-item--contact {
  align-items: center;
  display: flex;
  margin-left: 0.9375rem;
}

.header__nav-item a {
  align-items: center;
  display: flex;
  font-size: 0.875rem;
  font-weight: 700;
  height: inherit;
  letter-spacing: 0.22em;
  padding: 0 0.6875rem;
  transition: opacity 0.3s;
}

.header__nav-item a:hover,
.header__nav-item a:focus-visible {
  opacity: 0.7;
}

.header__nav-item.header__nav-item--contact a {
  background-color: #DE8430;
  color: #fff;
  height: initial;
  padding: 0.625rem 1.25rem;
  position: relative;
}

.header__nav-item.header__nav-item--contact a::after {
  background-image: url(./../images/common/contact-icon.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 0.75rem;
  margin-left: 0.625rem;
  width: 0.6875rem;
}

.header__hamburger {
  border: none;
  cursor: pointer;
  display: none;
  height: inherit;
  margin: 0;
  margin-right: 0.375rem;
  margin-top: -1rem;
  outline: none;
  padding: 0;
  position: relative;
  transition: 0.3s;
  width: 3.75rem;
  z-index: 999;
}

.header__hamburger.is-open {
  background-color: transparent;
}

.header__hamburger-line {
  -webkit-transform: translateX(-50%);
  background-color: #4d4d4d;
  display: block;
  height: 0.125rem;
  left: 50%;
  position: relative;
  transform: translateX(-50%);
  transition: 0.5s;
  width: 2.1875rem;
}

.header__hamburger-text {
  color: #4d4d4d;
  font-size: 0.6875rem;
  font-weight: 700;
  line-height: 1.7272727273;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
}

.header__hamburger span:nth-of-type(1) {
  top: -0.3125rem;
}

.header__hamburger span:nth-of-type(2) {
  top: 0;
}

.header__hamburger span:nth-of-type(3) {
  top: 0.3125rem;
}

.header__hamburger span:nth-of-type(4) {
  left: 0;
  top: 2.1875rem;
}

.header__hamburger.is-open span:nth-of-type(1) {
  -webkit-transform: translateX(-50%) rotate(20deg);
  top: 0;
  transform: translateX(-50%) rotate(20deg);
}

.header__hamburger.is-open span:nth-of-type(2) {
  opacity: 0;
}

.header__hamburger.is-open span:nth-of-type(3) {
  -webkit-transform: translateX(-50%) rotate(-20deg);
  top: -0.25rem;
  transform: translateX(-50%) rotate(-20deg);
}

.header__drawer {
  -webkit-overflow-scrolling: touch;
  background-color: rgba(255, 255, 255, 0.95);
  bottom: 0;
  display: none;
  height: 100vh;
  left: 0;
  opacity: 0.85;
  overflow-y: scroll;
  padding: 5.6875rem 0;
  position: absolute;
  right: 0;
  scrollbar-width: none;
  top: 0;
  width: 100%;
  z-index: 900;
}

.header__drawer::-webkit-scrollbar {
  display: none;
}

.header__drawer-item {
  position: relative;
}

.header__drawer-item::after {
  -webkit-transform: translateX(-50%);
  background: url("../img/common/sp/nav_under@2x.png") no-repeat center center/cover;
  bottom: 0;
  content: "";
  height: 0.125rem;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 8.8125rem;
}

.header__drawer-item a {
  display: block;
  font-family: "Noto Sans JP", "Noto Sans", "小塚ゴシックPrNR", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", Meiryo, "メイリオ", Osaka, "MS PGothic", "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  letter-spacing: 0.22em;
  margin-block: 1.8125rem;
  padding: 0.4375rem 0;
  text-align: center;
  transition: opacity 0.3s;
}

.header__drawer-item a:hover,
.header__drawer-item a:focus-visible {
  opacity: 0.7;
}

.header__drawer-item.header__drawer-item--contact a::after {
  background-image: url(./../images/common/contact-icon.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 0.9375rem;
  margin-bottom: 0.3125rem;
  margin-left: 1.25rem;
  width: 0.9375rem;
}

.p-hoge {
  color: blue;
  font-size: 6.25rem;
}

.p-hoge2 {
  color: pink;
  font-size: 1.875rem;
}

.p-media {
  display: flex;
  font-size: 1.25rem;
  justify-content: space-between;
  max-width: 100%;
}

.foo {
  font-size: 6.25rem;
}

.p-media__head {
  font-size: 1.875rem;
}

.p-media__txt {
  font-size: 1.25rem;
}

.p-media__img {
  width: 40%;
}

.p-media__body {
  width: 50%;
}

.p-modal {
  background: rgba(255, 255, 255, 0.7);
  display: none;
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100;
}

.p-modal__block {
  -webkit-transform: translate(-50%, -50%);
  background-color: #FEAEBB;
  border-radius: 0.625rem;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 27.5rem;
}

.p-modal__wrap {
  padding: 3.75rem 0 2.5rem;
  position: relative;
}

.p-news-single {
  margin-inline: auto;
  max-width: 62.5rem;
  width: 100%;
}

.p-news-single__title {
  font-family: "Noto Sans JP", "Noto Sans", "小塚ゴシックPrNR", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", Meiryo, "メイリオ", Osaka, "MS PGothic", "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: 0.12em;
}

.p-news-single__date {
  font-family: "Montserrat", "Arial Black", "Noto Sans", "小塚ゴシックPrNR", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", Meiryo, "メイリオ", Osaka, "MS PGothic", "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
  font-size: 1.125rem;
  font-weight: 700;
  letter-spacing: 0.1em;
}

.p-news-single__thumb {
  margin-top: 2.5rem;
  max-width: 62.5rem;
  width: 100%;
}

.p-news-single__thumb img {
  display: block;
  height: auto;
  width: 100%;
}

.p-news-single__content {
  color: #333;
  font-family: "Noto Sans JP", "Noto Sans", "小塚ゴシックPrNR", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", Meiryo, "メイリオ", Osaka, "MS PGothic", "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: 0.1em;
  line-height: 1.5;
  margin-inline: auto;
  margin-top: 3.75rem;
  max-width: 50rem;
  width: 100%;
}

.p-news-single__btn {
  align-items: center;
  background-color: #50a035;
  border-radius: 3.125rem;
  color: #fff;
  display: inline-flex;
  font-size: 1.0625rem;
  font-weight: 700;
  justify-content: center;
  line-height: 1.5294117647;
  min-width: 13.75rem;
  padding: 0.625rem 1.875rem;
  position: relative;
  text-decoration: none;
  transition: opacity 0.3s;
}
.p-news-single__btn:hover {
  opacity: 0.8;
}

.l-news__list-inner {
  background: #f7f4e9;
  border-radius: 8.75rem;
  margin-bottom: 3.4375rem;
  margin-inline: auto;
  max-width: 68.75rem;
  padding-bottom: 4.375rem;
  padding-inline: 7.5rem;
  padding-top: 2.1875rem;
  width: 100%;
}

.p-product__intro {
  position: relative;
}

.p-news__list-head {
  -webkit-transform: translateX(-50%);
  left: 50%;
  position: absolute;
  text-align: center;
  top: -11.25rem;
  transform: translateX(-50%);
  width: 100%;
}

.p-product__intro-head .c-under-sub-title {
  letter-spacing: -0.01em;
  position: relative;
  white-space: nowrap;
}

.p-product__intro-head .c-under-sub-title::before {
  -webkit-transform: translateY(-50%);
  background: url("../img/product/pc/vege@2x.png") no-repeat center center/cover;
  content: "";
  height: 9.375rem;
  left: -12.5rem;
  position: absolute;
  transform: translateY(-50%);
  width: 9.375rem;
}

.p-product__intro-head .c-under-sub-title--pink::before {
  background: url("../img/product/pc/fruit@2x.png") no-repeat center center/cover;
}

.p-product__intro-head .c-under-sub-title--orange::before {
  background: url("../img/product/pc/brand@2x.png") no-repeat center center/cover;
}

.p-product__intro-content {
  display: grid;
  gap: 1.75rem;
  grid-template-columns: repeat(3, 1fr);
  margin-inline: auto;
  margin-top: 6.5rem;
  max-width: 62.5rem;
  padding-inline: 1.5625rem;
  width: 100%;
}

.p-news__list-content {
  margin-inline: auto;
  margin-top: 3.75rem;
  max-width: 56.25rem;
  width: 100%;
}

.p-news__list {
  display: flex;
  flex-direction: column;
}

.p-news__list-item {
  border-bottom: 1px solid #D9D9D9;
  padding-block: 1.75rem;
  position: relative;
}
.p-news__list-item:last-child {
  border-bottom: none;
}

.p-news__list-item::after {
  background: url("../img/news/pc/news_under@2x.png") no-repeat center center/cover;
  bottom: 0;
  content: "";
  height: 0.0625rem;
  max-width: 53.75rem;
  position: absolute;
  width: 100%;
}

.p-news__list-item-img {
  aspect-ratio: 260/170;
  border-radius: 0.625rem;
  flex-shrink: 0;
  max-height: 7.1875rem;
  max-width: 11.25rem;
  overflow: hidden;
  width: 100%;
}
.p-news__list-item-img img {
  -o-object-fit: cover;
  aspect-ratio: 180/115;
  object-fit: cover;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  width: 100%;
}

.p-news__list-item-img:hover img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.p-news__list-item-body {
  display: flex;
  flex: 1;
  flex-direction: column;
}

.p-news__list-item-meta {
  align-items: center;
  display: flex;
  gap: 0.9375rem;
  margin-bottom: 0.9375rem;
}

.p-news__list-item-new {
  background-color: #50a035;
  border-radius: 6.25rem;
  color: #fff;
  display: inline-block;
  font-family: "Montserrat", "Arial Black", "Noto Sans", "小塚ゴシックPrNR", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", Meiryo, "メイリオ", Osaka, "MS PGothic", "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
  font-size: 0.8125rem;
  font-weight: 700;
  letter-spacing: 0.2em;
  line-height: 1.4615384615;
  padding: 0.3125rem 0.9375rem;
}

.p-news__list-item-meta-time {
  font-family: "Montserrat", "Arial Black", "Noto Sans", "小塚ゴシックPrNR", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", Meiryo, "メイリオ", Osaka, "MS PGothic", "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
  font-size: 1.125rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  line-height: 1.4444444444;
}

.p-news__list-item-link {
  align-items: center;
  color: inherit;
  display: flex;
  gap: 3.6875rem;
  text-decoration: none;
  width: 100%;
}

.p-news__list-item-text {
  font-family: "Noto Sans JP", "Noto Sans", "小塚ゴシックPrNR", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", Meiryo, "メイリオ", Osaka, "MS PGothic", "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  line-height: 1.8;
  transition: opacity 0.3s;
}

.p-news__list-item-link:hover .p-news__list-item-text {
  opacity: 0.7;
}

.p-news__pagination {
  margin-top: 4.25rem;
}

.p-news__pagination-list {
  align-items: center;
  display: flex;
  gap: 1.0625rem;
  justify-content: center;
}

.p-news__pagination-item {
  display: flex;
}

.p-news__pagination .page-numbers {
  align-items: center;
  background: #fff;
  border-radius: 50%;
  color: #333;
  display: inline-flex;
  font-family: "Source Sans 3", "Noto Sans", "小塚ゴシックPrNR", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", Meiryo, "メイリオ", Osaka, "MS PGothic", "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
  font-size: 1.6875rem;
  font-weight: 700;
  height: 2.8125rem;
  justify-content: center;
  line-height: 1;
  text-decoration: none;
  width: 2.8125rem;
}
.p-news__pagination a.page-numbers {
  transition: background-color 0.3s, color 0.3s, border-color 0.3s, opacity 0.3s;
}
.p-news__pagination a.page-numbers:not(.next):not(.prev):hover,
.p-news__pagination a.page-numbers:not(.next):not(.prev):focus-visible {
  background: #333;
  border-color: #333;
  color: #fff;
  opacity: 1;
}
.p-news__pagination a.page-numbers.next:hover,
.p-news__pagination a.page-numbers.prev:hover,
.p-news__pagination a.page-numbers.next:focus-visible,
.p-news__pagination a.page-numbers.prev:focus-visible {
  opacity: 0.7;
}
.p-news__pagination .page-numbers.current {
  background: #333;
  border-color: #333;
  color: #fff;
}
.p-news__pagination .page-numbers.next,
.p-news__pagination .page-numbers.prev {
  background: transparent;
  border: none;
  border-radius: 0;
  color: transparent;
  font-size: 0;
  height: 2rem;
  line-height: 0;
  padding: 0;
  position: relative;
  width: 2rem;
}
.p-news__pagination .page-numbers.prev::before,
.p-news__pagination .page-numbers.next::before {
  border-right: 4px solid #333;
  border-top: 4px solid #333;
  content: "";
  display: block;
  height: 0.75rem;
  width: 0.75rem;
}
.p-news__pagination .page-numbers.prev::before {
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.p-news__pagination .page-numbers.next::before {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.p-news__pagination .page-numbers.dots {
  background: transparent;
  border: none;
  color: transparent;
  font-size: 0;
  height: 2rem;
  padding: 0;
  position: relative;
  width: 1.25rem;
}
.p-news__pagination .page-numbers.dots::after {
  -webkit-transform: translateX(-50%);
  background: radial-gradient(circle, #333 0.09375rem, transparent 0.1rem) left center/0.375rem 0.25rem repeat-x;
  bottom: 0.5rem;
  content: "";
  height: 0.25rem;
  left: 50%;
  position: absolute;
  transform: translateX(-50%);
  width: 1.125rem;
}

.p-pageTop {
  bottom: 1.875rem;
  cursor: pointer;
  position: fixed;
  right: 1.875rem;
  z-index: 50;
}

.p-pageTop__wrap {
  position: relative;
}

.p-pageTop__wrap img {
  width: 3.125rem;
}

.p-pageTop__wrap img:nth-of-type(2) {
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: 0.5s opacity;
}

.p-product__intro {
  position: relative;
}

.p-product__intro-head {
  -webkit-transform: translateX(-50%);
  left: 50%;
  position: absolute;
  text-align: center;
  top: -13.75rem;
  transform: translateX(-50%);
}

.p-product__intro-head .c-under-sub-title {
  position: relative;
}

.p-product__intro-head .c-under-sub-title::before {
  -webkit-transform: translateY(-50%);
  background: url("../img/product/pc/vege@2x.png") no-repeat center center/cover;
  content: "";
  height: 9.375rem;
  left: -14.1875rem;
  position: absolute;
  transform: translateY(-50%);
  width: 9.375rem;
}

.p-product__intro-head .c-under-sub-title--pink::before {
  background: url("../img/product/pc/fruit@2x.png") no-repeat center center/cover;
}

.p-product__intro-head .c-under-sub-title--orange::before {
  background: url("../img/product/pc/brand@2x.png") no-repeat center center/cover;
}

.p-product__intro-content {
  display: grid;
  gap: 1.75rem;
  grid-template-columns: repeat(3, 1fr);
  margin-inline: auto;
  margin-top: 6.5rem;
  max-width: 62.5rem;
  padding-inline: 1.5625rem;
  width: 100%;
}

.p-product-card {
  background: #fff;
  border-radius: 0.625rem;
  max-width: 18.625rem;
  min-height: 31.25rem;
  padding: 1.25rem;
  width: 100%;
}

.p-product-card__img-area-ttl {
  font-size: 1.75rem;
  font-weight: 700;
  letter-spacing: 0em;
  line-height: 1;
  text-align: center;
}

.p-product-card__img {
  margin-inline: auto;
  margin-top: 0.8125rem;
  max-width: 11.25rem;
  width: 100%;
}

.p-product-card__img img {
  -o-object-fit: contain;
  aspect-ratio: 180/120;
  object-fit: contain;
  width: 100%;
}

.p-product-card__title {
  border-bottom: 0.375rem solid #50a035;
  font-size: 1.375rem;
  font-weight: 700;
  letter-spacing: 0em;
  line-height: 1.6818181818;
  margin-top: 1.1875rem;
  text-align: center;
}

.p-product__intro--fruit .p-product-card__title {
  border-bottom: 0.375rem solid #ed848c;
}

.p-product__intro--brand .p-product-card__title {
  border-bottom: 0.375rem solid #eea800;
}

.p-product-card__txt {
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0em;
  line-height: 1.75;
  margin-top: 1.1875rem;
  text-align: left;
}

.p-recruit__mv {
  margin-top: 2.125rem;
}

.c-under-title__jp {
  font-family: "Noto Sans JP", "Noto Sans", "小塚ゴシックPrNR", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", Meiryo, "メイリオ", Osaka, "MS PGothic", "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
}

.c-under-title__en {
  font-family: "Montserrat", "Arial Black", "Noto Sans", "小塚ゴシックPrNR", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", Meiryo, "メイリオ", Osaka, "MS PGothic", "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
}

.p-recruit__mv-message {
  margin-top: 3.125rem;
  text-align: center;
}

.p-recruit__mv-message .c-under-message__main {
  letter-spacing: 0em;
}

.p-recruit__mv-message-main {
  font-size: 1.875rem;
  font-weight: 700;
  letter-spacing: 0em;
  line-height: 1.7;
}

.p-recruit__mv-message-sub {
  font-size: 1.3125rem;
  font-weight: 700;
  letter-spacing: 0.2em;
  line-height: 1.7142857143;
}

.p-recruit__content-head {
  position: relative;
  text-align: center;
}

.p-recruit__content-head .c-under-sub-title-en {
  margin-left: 10.9375rem;
}

.p-recruit__content-table {
  margin-top: 2.5rem;
}

.p-recruit__content-table:not(:first-child) {
  margin-top: 4.625rem;
}

.p-recruit__content-btn {
  margin-top: 2.5rem;
  text-align: center;
}

.p-slider {
  height: 100%;
  position: relative;
  width: 100%;
}

.p-slider .swiper-slide {
  overflow: hidden;
}
.p-slider .slide-img {
  height: 100%;
  width: 100%;
}

.p-slider .slide-img img {
  aspect-ratio: 298/216;
  height: auto;
  width: 100%;
}

.p-slider img {
  -o-object-fit: cover;
  height: 100%;
  object-fit: cover;
}

.p-slider .swiper-slide-active .slide-img,
.p-slider .swiper-slide-duplicate-active .slide-img,
.p-slider .swiper-slide-prev .slide-img {
  -webkit-animation: zoomUp 10s linear 0s 1 normal both;
  animation: zoomUp 10s linear 0s 1 normal both;
}

.p-slider .slide-img img {
  display: block;
}

.p-slider .swiper-pagination {
  bottom: 4.0625rem;
}

.p-slider .swiper-pagination .swiper-pagination-bullet {
  background: #fff9ee;
  border: 1px solid #333;
}

.p-slider__button-wrap {
  -webkit-transform: translate(-50%, -50%);
  display: flex;
  justify-content: space-between;
  left: 50%;
  max-width: 77.875rem;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  z-index: 2;
}
.p-slider__button-wrap .swiper-button-prev,
.p-slider__button-wrap .swiper-button-next {
  max-width: 3.125rem;
  width: 100%;
}

.p-slider__button-wrap .swiper-button-prev::before,
.p-slider__button-wrap .swiper-button-next::before {
  content: "";
  position: absolute;
}
.p-slider__button-wrap .swiper-button-prev::before {
  background: url("../img/top/pc/slider_left.svg") no-repeat center center/cover;
  height: 3.125rem;
  width: 3.125rem;
}

.p-slider__button-wrap .swiper-button-next::before {
  background: url("../img/top/pc/slider_right.svg") no-repeat center center/cover;
  height: 3.125rem;
  width: 3.125rem;
}

.p-top-about__mv {
  background: url("../img/top/pc/about@2x.png") no-repeat center center/cover;
  height: 20.3125rem;
  left: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  max-width: none;
  position: relative;
  position: relative;
  right: 50%;
  width: 100vw;
}

@supports (width: 100dvw) {
  .p-top-about__mv {
    margin-left: -50dvw;
    margin-right: -50dvw;
    width: 100dvw;
  }
}
.p-top-about__mv-title {
  -webkit-transform: translateX(-50%);
  bottom: 0;
  bottom: -1.625rem;
  color: #ffffff;
  font-family: "Montserrat", "Arial Black", "Noto Sans", "小塚ゴシックPrNR", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", Meiryo, "メイリオ", Osaka, "MS PGothic", "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
  font-size: 7.625rem;
  font-weight: 400;
  left: 50%;
  line-height: 1;
  opacity: 0.6;
  position: absolute;
  text-align: center;
  text-transform: uppercase;
  transform: translateX(-50%);
  width: 100%;
  z-index: 2;
}

.p-top-about__content {
  align-items: center;
  background-color: #f7f4e9;
  display: flex;
  justify-content: space-between;
  padding-bottom: 1.75rem;
  padding-top: 0.75rem;
  position: relative;
  z-index: 3;
}

.p-top-about__info .c-title::after {
  inset: auto -0.625rem 1.4375rem auto;
}

.p-top-about__title {
  padding-left: 3.125rem;
  width: 45%;
}
.p-top-about__line {
  bottom: -0.9375rem;
  position: absolute;
  right: -2.5rem;
  width: 7.5rem;
}

.p-top-about__text {
  font-family: "Noto Sans JP", "Noto Sans", "小塚ゴシックPrNR", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", Meiryo, "メイリオ", Osaka, "MS PGothic", "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.75;
  margin-top: -1.625rem;
}

.p-top-about__text span {
  background-color: rgba(237, 132, 140, 0.15);
  display: inline-block;
  margin-bottom: 0.3125rem;
  padding: 0 0.3125rem;
}

.p-top-about__btn {
  margin-top: 2.5rem;
  max-width: 9.75rem;
  min-width: 9.75rem;
  padding-block: 0.1875rem;
  padding-inline: 0rem;
  width: 100%;
}

.p-top-about__img {
  max-width: 40.625rem;
  position: absolute;
  right: -1.375rem;
  top: -3.3125rem;
  width: 100%;
}

.p-top-about__img img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
}
.p-top-about__img img {
  display: block;
  height: auto;
  width: 100%;
}

.p-top-company-mv {
  height: 20.3125rem;
  left: 50%;
  margin-bottom: 5rem;
  margin-left: -50vw;
  margin-right: -50vw;
  margin-top: 7.625rem;
  max-width: none;
  overflow: hidden;
  position: relative;
  right: 50%;
  width: 100vw;
}

@supports (width: 100dvw) {
  .p-top-company-mv {
    margin-left: -50dvw;
    margin-right: -50dvw;
    width: 100dvw;
  }
}
.p-top-company-mv picture,
.p-top-company-mv img {
  -o-object-fit: cover;
  display: block;
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.p-top-company-title-area {
  display: inline-block;
  margin-bottom: 2.0625rem;
  position: relative;
}

.p-top-company-title {
  display: inline-block;
  font-family: "Noto Sans JP", "Noto Sans", "小塚ゴシックPrNR", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", Meiryo, "メイリオ", Osaka, "MS PGothic", "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  position: relative;
}

.p-top-company-title::after {
  background: url("../img/common/pc/border_green@2x.png") no-repeat center center/contain;
  bottom: -0.625rem;
  content: "";
  height: 1.4375rem;
  inset: auto -2.8125rem -1.5625rem auto;
  position: absolute;
  width: 7rem;
}

.p-top-company-line {
  bottom: -0.9375rem;
  left: 0;
  position: absolute;
  width: 7.5rem;
}

.p-top-company-content {
  align-items: flex-start;
  display: flex;
  justify-content: space-between;
}

.p-top-company-list {
  box-sizing: border-box;
  padding-right: 2.5rem;
  width: 50%;
}

.p-top-company-item {
  align-items: baseline;
  display: flex;
  font-family: "Noto Sans JP", "Noto Sans", "小塚ゴシックPrNR", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", Meiryo, "メイリオ", Osaka, "MS PGothic", "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 0.8125rem;
}

.p-top-company-item--mt {
  margin-top: 1.875rem;
}

.p-top-company-term {
  flex-shrink: 0;
  font-weight: 700;
  width: 7.8125rem;
}

.p-top-company-desc {
  width: 100%;
}

.p-top-company-desc.p-top-company-desc--year {
  line-height: 2;
}

.p-top-company-history {
  display: flex;
  margin-bottom: 0.3125rem;
}

.p-top-company-year {
  display: inline-block;
  flex-shrink: 0;
  width: 8.125rem;
}

.p-top-company-map {
  max-width: 30rem;
  width: 100%;
}

.p-top-company-map iframe {
  -o-object-fit: cover;
  aspect-ratio: 480/423;
  border: 0;
  height: 26.4375rem;
  object-fit: cover;
  width: 100%;
}
.l-top-contact {
  background-color: #f7f4e9;
  margin-top: 2rem;
  padding: 2.5rem 0;
  text-align: center;
}

.l-top-contact-inner {
  box-sizing: border-box;
  margin: 0 auto;
  max-width: 1280px;
  padding: 0 25px;
  width: 100%;
}
.p-top-contact-title-area {
  display: inline-block;
  margin-bottom: 1.875rem;
  position: relative;
}

.p-top-contact-title {
  font-family: "Noto Sans JP", "Noto Sans", "小塚ゴシックPrNR", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", Meiryo, "メイリオ", Osaka, "MS PGothic", "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
  font-size: 2.125rem;
  font-weight: 700;
  letter-spacing: 0em;
  position: relative;
}

.p-top-contact-title::after {
  background: url("../img/common/pc/border_green@2x.png") no-repeat center center/contain;
  content: "";
  height: 1.4375rem;
  inset: auto -3.625rem -1.0625rem auto;
  position: absolute;
  width: 7rem;
}

.p-top-contact-line {
  bottom: -0.9375rem;
  position: absolute;
  right: -1.875rem;
  width: 7.5rem;
}

.p-top-contact-text {
  font-family: "Noto Sans JP", "Noto Sans", "小塚ゴシックPrNR", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", Meiryo, "メイリオ", Osaka, "MS PGothic", "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
  font-size: 1.25rem;
  font-weight: 500;
  letter-spacing: 0.12em;
  line-height: 1.7;
}

.p-top-contact-info {
  display: inline-block;
  margin-top: 0.8125rem;
  text-align: left;
}

.p-top-contact-row {
  align-items: baseline;
  display: flex;
  gap: 2.25rem;
  justify-content: end;
}

.p-top-contact-term {
  font-family: "Montserrat", "Arial Black", "Noto Sans", "小塚ゴシックPrNR", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", Meiryo, "メイリオ", Osaka, "MS PGothic", "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
  font-size: 1.875rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  line-height: 1.7333333333;
}

.p-top-contact-desc {
  font-family: "Montserrat", "Arial Black", "Noto Sans", "小塚ゴシックPrNR", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", Meiryo, "メイリオ", Osaka, "MS PGothic", "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
  font-size: 2.9375rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  line-height: 1.5319148936;
}
.p-top-contact-desc.js-copy {
  position: relative;
}
.p-top-contact-desc .p-top-contact-copyToast {
  -webkit-transform: translate(-50%, 0.375rem);
  background: rgba(0, 0, 0, 0.75);
  border-radius: 62.4375rem;
  color: #fff;
  font-size: 0.75rem;
  left: 50%;
  letter-spacing: 0;
  line-height: 1;
  opacity: 0;
  padding: 0.25rem 0.625rem;
  pointer-events: none;
  position: absolute;
  top: 100%;
  transform: translate(-50%, 0.375rem);
  transition: opacity 0.2s;
  white-space: nowrap;
}
.p-top-contact-desc.is-copied .p-top-contact-copyToast {
  opacity: 1;
}
.p-top-contact-desc--tel {
  color: #50a035;
  font-family: sans-serif;
}
.p-top-contact-desc--tel a {
  color: inherit;
  pointer-events: none;
  text-decoration: none;
}
.p-top-contact-desc--fax {
  color: #50a035;
  font-family: sans-serif;
}

.p-top-contact-btn-area {
  margin-inline: auto;
  margin-top: 2.25rem;
  max-width: 16.625rem;
  min-height: 2.5rem;
  text-align: center;
  width: 100%;
}

.p-top-contact-btn {
  font-size: 1rem;
  width: 100%;
}

.p-top-instagram__inner {
  margin-inline: auto;
  max-width: 62.5rem;
  padding-inline: 1.5625rem;
  text-align: center;
  width: 100%;
}

.p-top-instagram__more {
  font-family: "Noto Sans JP", "Noto Sans", "小塚ゴシックPrNR", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", Meiryo, "メイリオ", Osaka, "MS PGothic", "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
  margin-left: auto;
  margin-right: auto;
  margin-top: 2.5rem;
  max-width: 24.5rem;
  text-align: center;
  width: 100%;
}

#sb_instagram {
  margin-top: 0rem;
}
.p-top-instagram__title-area {
  display: inline-block;
  font-family: "Noto Sans JP", "Noto Sans", "小塚ゴシックPrNR", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", Meiryo, "メイリオ", Osaka, "MS PGothic", "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  letter-spacing: 0em;
  line-height: 1.75;
  margin-inline: auto;
  margin-top: -0.625rem;
  position: relative;
}

.p-top-instagram__jp {
  font-size: 2.125rem;
  font-weight: 700;
  letter-spacing: 0.09em;
  line-height: 1;
  margin-top: 0.9375rem;
  text-transform: uppercase;
}

.p-top-instagram__jp::after {
  background: url("../img/common/pc/border_green@2x.png") no-repeat center center/contain;
  bottom: -0.625rem;
  content: "";
  height: 1.4375rem;
  inset: auto -1.4375rem -1.4375rem auto;
  position: absolute;
  width: 7rem;
}

#sb_instagram #sbi_load {
  display: none;
}

.p-top-message {
  position: relative;
  text-align: center;
}

.p-top-message__label {
  color: #999999;
  display: inline-block;
  font-family: "Montserrat", "Arial Black", "Noto Sans", "小塚ゴシックPrNR", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", Meiryo, "メイリオ", Osaka, "MS PGothic", "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
  font-size: 1.375rem;
  line-height: 1.75;
  padding: 0.25rem 0.9375rem;
  text-transform: uppercase;
}

.p-top-message__title {
  color: #333;
  display: inline-block;
  font-family: "Noto Sans JP", "Noto Sans", "小塚ゴシックPrNR", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", Meiryo, "メイリオ", Osaka, "MS PGothic", "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
  font-size: 1.9375rem;
  font-weight: normal;
  letter-spacing: 0.05em;
  line-height: 2.2258064516;
  margin-top: 2.0625rem;
  position: relative;
}

.p-top-message__title::after {
  background: url("../img/common/pc/border_orange@2x.png");
  background-position: center;
  background-size: cover;
  content: "";
  height: 2.8125rem;
  inset: auto -6.625rem -1.1875rem auto;
  max-width: 14rem;
  position: absolute;
  width: 100%;
}

.p-top-message__body {
  margin-top: 2.625rem;
}

.p-top-message__text {
  font-family: "Noto Sans JP", "Noto Sans", "小塚ゴシックPrNR", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", Meiryo, "メイリオ", Osaka, "MS PGothic", "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
  font-size: 1.375rem;
  line-height: 2.5;
  text-align: center;
}

.p-top-message__title + .p-top-message__text {
  margin-top: 3.125rem;
}
.p-top-message__text + .p-top-message__text {
  margin-top: 0.9375rem;
}

.p-top-message__text span {
  background-color: rgba(237, 132, 140, 0.15);
  display: inline-block;
  padding: 0.25rem 0.625rem;
}

.p-top-message .u-text-green {
  color: #50a035;
  font-size: 2.375rem;
}

.p-top-message .u-text-yellow {
  color: #eea800;
  font-size: 2.375rem;
}

.p-top-message .u-text-red {
  color: #ea6143;
  font-size: 2.375rem;
  padding-bottom: 1px;
}

.p-top-mv {
  height: auto;
  margin-inline: auto;
  max-width: 80rem;
  padding-inline: 1.5625rem;
  width: 100%;
}

.p-top-mv__copy {
  align-items: center;
  font-size: 1.875rem;
  font-weight: 400;
  left: 3.375rem;
  letter-spacing: 0.2em;
  line-height: 2.1;
  position: absolute;
  top: 14rem;
}

.p-top-mv__copy.wow {
  --animate-duration: 2.2s;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}

.p-top-mv__images {
  margin-inline: auto;
  padding-inline: 1.25rem;
  position: relative;
  width: 100%;
}

.p-top-mv__img {
  position: absolute;
}

.p-top-mv__img.wow {
  --animate-duration: 1.2s;
  -webkit-animation-delay: 0s;
  animation-delay: 0s;
}

.p-top-mv__img--1.wow {
  --animate-duration: 2.2s;
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
}

.p-top-mv__img--2.wow {
  --animate-duration: 2.3s;
  -webkit-animation-delay: 1.4s;
  animation-delay: 1.4s;
}

.p-top-mv__img--3.wow {
  --animate-duration: 2.4s;
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}

.p-top-mv__img--4.wow {
  --animate-duration: 2.5s;
  -webkit-animation-delay: 2.6s;
  animation-delay: 2.6s;
}

.p-top-mv__img--5.wow {
  --animate-duration: 2.1s;
  -webkit-animation-delay: 3.2s;
  animation-delay: 3.2s;
}

.p-top-mv__img--6.wow {
  --animate-duration: 2.3s;
  -webkit-animation-delay: 3.8s;
  animation-delay: 3.8s;
}

.p-top-mv__img--7.wow {
  --animate-duration: 2.4s;
  -webkit-animation-delay: 4.4s;
  animation-delay: 4.4s;
}

.p-top-mv__img--1 {
  left: 22.6875rem;
  max-width: 15.125rem;
  top: 13.0625rem;
  width: 100%;
}

.p-top-mv__img--1 img {
  -o-object-fit: cover;
  aspect-ratio: 242/269;
  object-fit: cover;
  width: 100%;
}

.p-top-mv__img--2 {
  max-width: 15.5625rem;
  right: 19.125rem;
  top: 0.75rem;
  width: 100%;
}

.p-top-mv__img--2 img {
  -o-object-fit: cover;
  aspect-ratio: 249/282;
  object-fit: cover;
  width: 100%;
}

.p-top-mv__img--3 {
  max-width: 14.125rem;
  right: 0.25rem;
  top: 10.375rem;
  width: 100%;
}

.p-top-mv__img--3 img {
  -o-object-fit: cover;
  aspect-ratio: 226/244;
  object-fit: cover;
  width: 100%;
}

.p-top-mv__img--4 {
  bottom: -40.4375rem;
  max-width: 15.1875rem;
  right: 14.0625rem;
  width: 100%;
}

.p-top-mv__img--4 img {
  -o-object-fit: cover;
  aspect-ratio: 243/298;
  object-fit: cover;
  width: 100%;
}

.p-top-mv__img--5 {
  left: 14.5625rem;
  max-width: 6rem;
  top: 5.5rem;
  width: 100%;
}

.p-top-mv__img--5 img {
  aspect-ratio: 96/142;
  width: 100%;
}

.p-top-mv__img--6 {
  left: 9.375rem;
  max-width: 10.8125rem;
  top: 25rem;
  width: 100%;
}

.p-top-mv__img--6 img {
  -o-object-fit: cover;
  aspect-ratio: 173/119;
  object-fit: cover;
  width: 100%;
}

.p-top-mv__img--7 {
  bottom: -38.875rem;
  left: 30rem;
  max-width: 10.6875rem;
  width: 100%;
}

.p-top-mv__img--7 img {
  -o-object-fit: cover;
  aspect-ratio: 171/140;
  object-fit: cover;
  width: 100%;
}

.p-top-mv__message {
  position: relative;
  width: 100%;
}

.p-top-mv__message-img {
  max-width: 14.5625rem;
  position: absolute;
  right: 3rem;
  top: 0.75rem;
  width: 100%;
}

.p-top-mv__message-img img {
  -o-object-fit: cover;
  aspect-ratio: 233/203;
  object-fit: cover;
  object-fit: cover;
  width: 100%;
}

.p-top-mv__message-en {
  font-family: "Satisfy", "Segoe Script", "Brush Script MT", cursive;
  font-size: 2.375rem;
  font-weight: 400;
  letter-spacing: 0em;
  line-height: 0.6710526316;
  margin-top: -1.375rem;
  rotate: -3deg;
}

.p-top-mv__message-en::first-letter {
  text-transform: uppercase;
}

.p-top-mv__message-en__space {
  margin-left: 10.25rem;
}

.p-top-mv__message-en::first-letter {
  display: inline-block;
  text-transform: uppercase;
}

.p-top-mv__message-jp {
  font-family: "Noto Sans JP", "Noto Sans", "小塚ゴシックPrNR", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", Meiryo, "メイリオ", Osaka, "MS PGothic", "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
  font-size: 5.4375rem;
  font-weight: 400;
  letter-spacing: 0.15em;
  line-height: 0.9770114943;
  margin-top: 1.875rem;
}

.p-top-news {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
}
.p-top-news__head {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  width: 35%;
}
.p-top-news__title {
  align-items: center;
  display: flex;
  position: relative;
}

.p-top-news__title-img {
  margin-top: -0.5rem;
  max-width: 7.5rem;
  width: 100%;
}

.p-top-news__title-img img {
  -o-object-fit: cover;
  aspect-ratio: 120/127;
  object-fit: cover;
  width: 100%;
}

.p-top-news__icon {
  margin-right: 0.9375rem;
  width: 5rem;
}

.p-top-news__line {
  bottom: -0.625rem;
  position: absolute;
  right: 0;
  width: 9.375rem;
}

.p-top-news__btn {
  margin-top: 0.75rem;
}

.p-top-news__body {
  max-width: 38.125rem;
  width: 100%;
}
.p-top-news-list__item {
  padding-block: 0.625rem;
  position: relative;
}

.p-top-news-list__item::after {
  background: url("../img/top/pc/news_under_1@2x.png") no-repeat center center/cover;
  bottom: 0;
  content: "";
  height: 0.1875rem;
  left: 0;
  max-width: 38.125rem;
  position: absolute;
  width: 100%;
}
.p-top-news-list__link {
  align-items: center;
  color: inherit;
  display: flex;
  gap: 3.25rem;
  text-decoration: none;
}

.p-top-news-list__date {
  display: inline-block;
  flex-shrink: 0;
  font-family: "Noto Sans JP", "Noto Sans", "小塚ゴシックPrNR", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", Meiryo, "メイリオ", Osaka, "MS PGothic", "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
  font-size: 1.0625rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  line-height: 1.4444444444;
}

.p-top-news-list__title {
  font-family: "Noto Sans JP", "Noto Sans", "小塚ゴシックPrNR", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", Meiryo, "メイリオ", Osaka, "MS PGothic", "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  letter-spacing: 0.12em;
  line-height: 1.8;
  transition: opacity 0.3s;
}

.p-top-news-list__link:hover .p-top-news-list__title {
  opacity: 0.7;
}

.p-top-recruit {
  color: #333;
  display: inline-block;
  margin-inline: auto;
  text-align: center;
  text-decoration: none;
  transition: opacity 0.3s;
  width: 100%;
}

.p-top-recruit:hover {
  opacity: 0.8;
}

.p-top-recruit__img-area {
  border-radius: 1.25rem;
  height: 18.75rem;
  margin-bottom: 1.5625rem;
  position: relative;
}

.p-top-recruit__img {
  border-radius: 1.25rem;
  height: 100%;
  margin-inline: auto;
  max-width: 59.375rem;
  overflow: hidden;
  width: 100%;
}

.p-top-recruit__img picture {
  display: block;
  height: 100%;
}

.p-top-recruit__img img {
  -o-object-fit: cover;
  height: 100%;
  object-fit: cover;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  width: 100%;
}

.p-top-recruit:hover .p-top-recruit__img img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.p-top-recruit__content {
  -webkit-transform: translate(-50%, -50%);
  align-items: center;
  color: #fff;
  display: flex;
  flex-direction: column;
  left: 50%;
  position: absolute;
  top: 45%;
  transform: translate(-50%, -50%);
  z-index: 2;
}

.p-top-recruit__en {
  color: #ffffff;
  font-family: "Montserrat", "Arial Black", "Noto Sans", "小塚ゴシックPrNR", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", Meiryo, "メイリオ", Osaka, "MS PGothic", "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
  font-size: 5.0625rem;
  font-weight: 700;
  letter-spacing: 0.1em;
  line-height: 1;
  opacity: 0.6;
  text-transform: uppercase;
}
.p-top-recruit__label {
  -webkit-transform: translateX(-50%);
  background-color: #fff;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-radius: 1.875rem;
  bottom: -0.875rem;
  font-family: "Noto Sans JP", "Noto Sans", "小塚ゴシックPrNR", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", Meiryo, "メイリオ", Osaka, "MS PGothic", "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  left: 50%;
  letter-spacing: 0.09em;
  line-height: 1.75;
  min-width: 36.25rem;
  padding: 0.625rem 1.875rem;
  position: absolute;
  transform: translateX(-50%);
  white-space: nowrap;
  z-index: 3;
}

.p-top-recruit__label p {
  text-align: center;
}

.p-top-recruit__title-area {
  display: inline-block;
  margin-top: -0.625rem;
  position: relative;
}

.p-top-recruit__jp {
  font-family: "Noto Sans JP", "Noto Sans", "小塚ゴシックPrNR", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", Meiryo, "メイリオ", Osaka, "MS PGothic", "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
  font-size: 2.125rem;
  font-weight: 700;
  letter-spacing: 0.09em;
  line-height: 1;
}

.p-top-recruit__jp::after {
  background: url("../img/common/pc/border_green@2x.png") no-repeat center center/contain;
  bottom: -0.625rem;
  content: "";
  height: 1.4375rem;
  inset: auto -2.8125rem -1.5625rem auto;
  position: absolute;
  width: 7rem;
}

.p-top-service-item {
  text-align: center;
  width: calc(50% - 1.25rem);
}
.p-top-service-item__link {
  color: #333;
  display: block;
  text-decoration: none;
  transition: opacity 0.3s;
}

.p-top-service-item__link:hover {
  opacity: 0.8;
}

.p-top-service-item__img-area {
  border-radius: 1.25rem;
  margin-inline: auto;
  max-width: 28.75rem;
  position: relative;
  width: 100%;
}

.p-top-service-item__img-area imf {
  -o-object-fit: cover;
  aspect-ratio: 460/200;
  object-fit: cover;
  width: 100%;
}

.p-top-service-item__img {
  border-radius: 1.25rem;
  max-width: 28.75rem;
  overflow: hidden;
  width: 100%;
}

.p-top-service-item__img img {
  -o-object-fit: cover;
  aspect-ratio: 460/200;
  object-fit: cover;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  width: 100%;
}

.p-top-service-item__link:hover .p-top-service-item__img img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.p-top-service-item__label {
  -webkit-transform: translateX(-50%);
  background-color: #fff;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-radius: 1.875rem;
  bottom: -1rem;
  font-family: "Noto Sans JP", "Noto Sans", "小塚ゴシックPrNR", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", Meiryo, "メイリオ", Osaka, "MS PGothic", "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  left: 50%;
  letter-spacing: 0.09em;
  line-height: 1.05;
  padding: 0.5rem 1.25rem;
  position: absolute;
  transform: translateX(-50%);
  width: 17.5rem;
}

.p-top-service-item__title-area {
  display: inline-block;
  margin-top: 1.8125rem;
  position: relative;
}

.p-top-service-item__title-area-text {
  font-family: "Noto Sans JP", "Noto Sans", "小塚ゴシックPrNR", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", Meiryo, "メイリオ", Osaka, "MS PGothic", "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
  font-size: 2.125rem;
  font-weight: 700;
  letter-spacing: 0.09em;
  line-height: 1;
}

.p-top-service-item__title-area-text::after {
  background: url("../img/common/pc/border_green@2x.png") no-repeat center center/contain;
  bottom: -0.625rem;
  content: "";
  height: 1.4375rem;
  inset: auto -2.8125rem -1.5625rem auto;
  position: absolute;
  width: 7rem;
}

.p-top-service-item__line {
  bottom: -0.9375rem;
  position: absolute;
  right: -1.25rem;
  width: 5rem;
}

.p-top-toTop-btn {
  margin-left: auto;
  max-width: 2.8125rem;
  width: 100%;
  z-index: 100;
}

.p-top-toTop-btn img {
  -o-object-fit: contain;
  aspect-ratio: 45/45;
  object-fit: contain;
  width: 100%;
}

.p-under-mv-message {
  margin-inline: auto;
  margin-top: 3.3125rem;
  max-width: 75rem;
  padding-inline: 1.5625rem;
  width: 100%;
}

.p-under-mv-message__main {
  margin-top: 1.25rem;
}

.p-under-mv-message__sub {
  font-family: "Noto Sans JP", "Noto Sans", "小塚ゴシックPrNR", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", Meiryo, "メイリオ", Osaka, "MS PGothic", "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
  margin-top: 5.25rem;
}

.p-work .p-under-mv-message {
  margin-top: 2.375rem;
}

.p-work__intro {
  position: relative;
}

.p-work__intro-head {
  -webkit-transform: translateX(-50%);
  left: 50%;
  position: absolute;
  text-align: center;
  top: -13.75rem;
  transform: translateX(-50%);
  white-space: nowrap;
}

.l-work__intro .p-work__intro-head {
  top: -12.75rem;
}

.p-work__intro-head .c-under-sub-title-en {
  margin-left: -7.5rem;
}

.p-work__intro-content {
  margin-inline: auto;
  margin-top: 2.375rem;
  max-width: 62.5rem;
  padding-inline: 1.5625rem;
  width: 100%;
}

.p-work__intro-media:nth-child(even) {
  flex-direction: row-reverse;
}

.p-work__intro-media {
  display: flex;
  gap: 2.8125rem;
  max-width: 100%;
  overflow: visible;
}

.p-work__intro-media:not(:first-child) {
  margin-top: 5.1875rem;
}

.p-work__intro-media-head {
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: 0em;
  line-height: 1.5416666667;
  position: relative;
}

.p-work__intro-media-head span {
  font-size: 1.8125rem;
}

.p-work__intro-media-txt {
  flex: 1 1 auto;
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.75;
  margin-top: 1.6875rem;
  padding-block: 1.875rem;
  position: relative;
  z-index: 1;
}

.p-work__intro-media-txt::after {
  background: #fff;
  content: "";
  display: block;
  height: 100%;
  inset: 0;
  position: absolute;
  width: 63.75rem;
  z-index: -1;
}

/* 画像が左、テキストが右（背景は左にも外にも出す） */
.p-work__intro-media:nth-child(odd) .p-work__intro-media-txt::after {
  border-bottom-right-radius: 1.25rem;
  border-top-right-radius: 1.25rem;
  left: -32.5rem;
}

/* 画像が右、テキストが左（背景を右側へ伸ばす） */
.p-work__intro-media:nth-child(even) .p-work__intro-media-txt::after {
  border-bottom-left-radius: 1.25rem;
  border-top-left-radius: 1.25rem;
  left: auto;
  right: -32.5rem;
}

.p-work__intro-media-img-grid {
  display: grid;
  gap: 0.1875rem;
  grid-template-columns: repeat(2, 1fr);
  max-width: 25rem;
  width: 100%;
}

.p-work__intro-media-img--1,
.p-work__intro-media-img--2,
.p-work__intro-media-img--3 {
  z-index: 2;
}

.p-work__intro-media-img--1 {
  grid-column: 1/-1;
}

.p-work__intro-media-img--2 {
  width: 13.375rem;
}

.p-work__intro-media-img--2 img {
  -o-object-fit: cover;
  aspect-ratio: 214/138;
  object-fit: cover;
  width: 100%;
}

.p-work__intro-media-img--3 {
  max-width: 11.4375rem;
  width: 100%;
}

.p-work__intro-media-img--3 img {
  -o-object-fit: cover;
  aspect-ratio: 183/138;
  object-fit: cover;
  width: 100%;
}

.p-work__intro-media-img--1 {
  flex: 0 0 auto;
  max-width: 25rem;
  width: 100%;
  z-index: 2;
}

.p-work__intro-media-img--1 img {
  -o-object-fit: cover;
  aspect-ratio: 400/400;
  object-fit: cover;
  width: 100%;
}
.p-work__intro-media-img--4-1 {
  max-width: 12.4375rem;
  width: 100%;
}

.p-work__intro-media-img--4-1 img {
  -o-object-fit: cover;
  aspect-ratio: 199/256;
  object-fit: cover;
  width: 100%;
}

.p-work__intro-media-img--4-2 {
  max-width: 12.4375rem;
  width: 100%;
}

.p-work__intro-media-img--4-2 img {
  -o-object-fit: cover;
  aspect-ratio: 199/256;
  object-fit: cover;
  width: 100%;
}

.p-work__intro-media-img--4-3 {
  max-width: 25rem;
  width: 100%;
}

.p-work__intro-media-img--4-3 img {
  -o-object-fit: cover;
  aspect-ratio: 400/222;
  object-fit: cover;
  width: 100%;
}

.p-work__intro-media-img--3-1 img {
  aspect-ratio: 400/340;
}

.p-work__intro-media-body {
  margin-top: 2.875rem;
  max-width: 28.75rem;
  width: 100%;
}

.p-work__intro-media-body-head {
  align-items: baseline;
  display: flex;
  gap: 1.25rem;
}

.p-work__intro-media-body-head-img {
  align-items: center;
  display: flex;
  font-size: 1.875rem;
  font-weight: 700;
  justify-content: center;
  letter-spacing: 0em;
  line-height: 1.2666666667;
  max-width: 7.5rem;
  position: relative;
  white-space: nowrap;
  width: 100%;
}

.p-work__intro-media-body-head-img::after {
  -webkit-transform: translate(-50%, -50%);
  background: url("../img/work/pc/squre_orange@2x.png") no-repeat center center/cover;
  content: "";
  height: 7.5rem;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 7.5rem;
}

.p-work__intro-media-body-head-img.square-green {
  letter-spacing: -0.2em;
}

.p-work__intro-media-body-head-img.square-green::after {
  background: url("../img/work/pc/squre_green@2x.png") no-repeat center center/cover;
}

.p-work__intro-media-body-head-img.square-red::after {
  background: url("../img/work/pc/squre_red@2x.png") no-repeat center center/cover;
}

.p-work__intro-media-body-head-img.square-pink::after {
  background: url("../img/work/pc/squre_pink@2x.png") no-repeat center center/cover;
}

.p-work__intro-media-body-head-inner {
  position: relative;
}

.p-work__intro-media-name {
  font-family: "Satisfy", "Segoe Script", "Brush Script MT", cursive;
  font-size: 2.375rem;
  font-weight: 700;
  left: -0.625rem;
  letter-spacing: 0em;
  line-height: 1.2631578947;
  position: absolute;
  rotate: -3deg;
  text-transform: capitalize;
  top: -3.75rem;
  white-space: nowrap;
}

.p-work__intro-media-name.u-under-orange {
  color: #eea800;
}

.p-work__intro-media-name.u-under-green {
  color: #50a035;
}

.p-work__intro-media-name.u-under-red {
  color: #ea6143;
}

.p-work__intro-media-name.u-under-pink {
  color: #ed848c;
}

.p-work__flow-card {
  max-width: 25.625rem;
  position: relative;
  width: 100%;
}

.p-work__flow-card__img {
  max-width: 25.625rem;
  position: relative;
  width: 100%;
  z-index: 1;
}

.p-work__flow-card__img::after {
  -webkit-transform: translateY(-50%);
  background: url("../img/work/pc/arrow_flow@2x.png") no-repeat center center/cover;
  content: "";
  height: 3.75rem;
  position: absolute;
  right: -3.375rem;
  top: 50%;
  transform: translateY(-50%);
  width: 2.25rem;
  z-index: -1;
}

.p-work__flow-card:nth-child(3) {
  margin-left: 3.125rem;
}

.p-work__flow-card:nth-child(3) .p-work__flow-card__img::after,
.p-work__flow-card:nth-child(4) .p-work__flow-card__img::after {
  inset: 50% auto 50% -3.375rem;
}

.p-work__flow-card__img img {
  -o-object-fit: cover;
  aspect-ratio: 410/245;
  height: auto;
  object-fit: cover;
  transition: -webkit-transform 0.8s;
  transition: transform 0.8s;
  transition: transform 0.8s, -webkit-transform 0.8s;
  width: 100%;
}
.p-work__flow-card__body {
  display: flex;
  gap: 2rem;
  margin-top: 1.5625rem;
}

.p-work__flow-card__body-img {
  max-width: 7.5625rem;
  position: relative;
  width: 100%;
  z-index: 2;
}

.p-work__flow-card__body-img::after {
  background: url("../img/work/pc/title@2x.png") no-repeat center center/cover;
  content: "";
  height: 6.3125rem;
  position: absolute;
  width: 7.5625rem;
  z-index: -1;
}

.p-work__flow-card__body-img-num {
  font-size: 2rem;
  font-weight: 700;
  left: 0.9375rem;
  letter-spacing: 0em;
  line-height: 0.5625;
  position: absolute;
  top: 0.9375rem;
  z-index: 2;
}

.p-work__flow-card__body-img-text {
  font-size: 1.25rem;
  font-weight: 700;
  left: 3rem;
  letter-spacing: 0.5em;
  line-height: 1.5;
  position: absolute;
  top: 2.375rem;
  white-space: nowrap;
  z-index: 2;
}

.p-work__flow-card:nth-child(2) .p-work__flow-card__body-img-text {
  left: 2rem;
  letter-spacing: -0.2em;
}

.p-work__flow-card:nth-child(4) .p-work__flow-card__body-img-text {
  left: 2.5rem;
  letter-spacing: -0.2em;
}

.p-work__flow-card__txt {
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.75;
}

.p-work__flow {
  margin-top: 7.4375rem;
  padding-bottom: 3.75rem;
}

.p-work__flow-head .c-under-sub-title-en {
  margin-left: 0rem;
  margin-top: 1.0625rem;
  text-align-last: center;
}

.p-work__flow-inner {
  margin-inline: auto;
  max-width: 62.5rem;
  padding-inline: 1.5625rem;
  width: 100%;
}

.p-work__flow-head {
  position: relative;
  text-align: center;
}

.p-work__flow-head .c-under-sub-title {
  position: relative;
}

.p-work__flow-head .c-under-sub-title::before {
  -webkit-transform: translateY(-50%);
  background: url("../img/work/pc/flow@2x.png") no-repeat center center/cover;
  content: "";
  height: 10.3125rem;
  left: -9.8125rem;
  position: absolute;
  top: 79%;
  transform: translateY(-50%);
  width: 10.625rem;
}

.p-work__flow-content {
  display: flex;
  flex-wrap: wrap;
  gap: 3.1875rem 4.4375rem;
  margin-top: 5.25rem;
}

.u-base1 {
  font-size: 1.125rem;
  letter-spacing: 0.05em;
  line-height: 1.2;
}

.u-base2 {
  font-size: 1.125rem;
  letter-spacing: 0.02em;
  line-height: 1.5;
}

.u-flex {
  display: flex;
}

.u-font14 {
  font-size: 0.875rem;
}

.u-font16 {
  font-size: 1rem;
}

.u-font18 {
  font-size: 1.125rem;
}

.u-font20 {
  font-size: 1.25rem;
}

.u-font22 {
  font-size: 1.375rem;
}

.u-font24 {
  font-size: 1.5rem;
}

.u-font28 {
  font-size: 1.75rem;
}

.u-font32 {
  font-size: 2rem;
}

.u-font40 {
  font-size: 2.5rem;
}

.u-hover {
  transition: opacity 0.5s;
}

.u-hover:hover {
  opacity: 0.6;
  transition: opacity 0.5s;
}

.u-lh10 {
  line-height: 1;
}

.u-lh13 {
  line-height: 1.3;
}

.u-lh15 {
  line-height: 1.5;
}

.u-lh16 {
  line-height: 1.6;
}

.u-lh20 {
  line-height: 2;
}

.u-ls05 {
  letter-spacing: 0.05em;
}

.u-ls10 {
  letter-spacing: 0.1em;
}

.u-ls15 {
  letter-spacing: 0.15em;
}

.u-ls20 {
  letter-spacing: 0.2em;
}

.u-mt10 {
  margin-top: 10px !important;
  margin-top: 0.625rem !important;
}

.u-mt20 {
  margin-top: 20px !important;
  margin-top: 1.25rem !important;
}

.u-mt30 {
  margin-top: 30px !important;
  margin-top: 1.875rem !important;
}

.u-mt40 {
  margin-top: 40px !important;
  margin-top: 2.5rem !important;
}

.u-mt50 {
  margin-top: 50px !important;
  margin-top: 3.125rem !important;
}

.u-mt60 {
  margin-top: 60px !important;
  margin-top: 3.75rem !important;
}

.u-mt70 {
  margin-top: 70px !important;
  margin-top: 4.375rem !important;
}

.u-mt80 {
  margin-top: 80px !important;
  margin-top: 5rem !important;
}

.u-mt90 {
  margin-top: 90px !important;
  margin-top: 5.625rem !important;
}

.u-mt100 {
  margin-top: 100px !important;
  margin-top: 6.25rem !important;
}

.u-mt110 {
  margin-top: 110px !important;
  margin-top: 6.875rem !important;
}

.u-mt120 {
  margin-top: 120px !important;
  margin-top: 7.5rem !important;
}

.u-mt130 {
  margin-top: 130px !important;
  margin-top: 8.125rem !important;
}

.u-mt140 {
  margin-top: 140px !important;
  margin-top: 8.75rem !important;
}

.u-mt150 {
  margin-top: 150px !important;
  margin-top: 9.375rem !important;
}

.u-mt160 {
  margin-top: 160px !important;
  margin-top: 10rem !important;
}

.u-mt170 {
  margin-top: 170px !important;
  margin-top: 10.625rem !important;
}

.u-mt180 {
  margin-top: 180px !important;
  margin-top: 11.25rem !important;
}

.u-mt190 {
  margin-top: 190px !important;
  margin-top: 11.875rem !important;
}

.u-mt200 {
  margin-top: 200px !important;
  margin-top: 12.5rem !important;
}

.u-shadow {
  box-shadow: 6px 6px 16px rgba(0, 0, 0, 0.16);
}

.u-sp {
  display: none;
}

.u-textLeft {
  text-align: Left !important;
}

.u-textCenter {
  text-align: Center !important;
}

.u-textRight {
  text-align: Right !important;
}

.u-textJustify {
  text-align: Justify !important;
}
.u-text-green {
  color: #50a035;
}

.u-text-orange {
  color: #eea800;
}

.u-text-red {
  color: #d70c18;
}

.u-text-red-2 {
  color: #ea6143;
}

.u-text-pink {
  color: #ed848c;
}

.u-w300 {
  font-weight: 300;
}

.u-w400 {
  font-weight: 400;
}

.u-w500 {
  font-weight: 500;
}

.u-w600 {
  font-weight: 600;
}

.u-w700 {
  font-weight: 700;
}

.u-w900 {
  font-weight: 900;
}

@media screen and (min-width: 768px) {
  .c-btn:hover {
    color: #fff;
    transition: 0.3s all;
  }
  .c-hoverRun:hover {
    background-size: 100% 1px;
  }
  .c-hoverUnderline:hover::after {
    opacity: 1;
  }
  .c-hoverUnderline:hover::after {
    opacity: 1;
  }
  .c-under-title-btn:hover {
    opacity: 0.7;
    transition: 0.3s all;
  }
  .c-under-title-btn:hover::after {
    -webkit-transform: translateY(calc(-50% + 0.125rem));
    transform: translateY(calc(-50% + 0.125rem));
  }
  .c-under-title-btn:focus-visible::after {
    -webkit-transform: translateY(calc(-50% + 0.125rem));
    transform: translateY(calc(-50% + 0.125rem));
  }
  .c-underBar:hover:before {
    opacity: 0;
    transition: 0.5s all;
  }
  .p-pageTop__wrap:hover img:nth-of-type(1) {
    opacity: 0;
    transition: 0.5s opacity;
  }
  .p-pageTop__wrap:hover img:nth-of-type(2) {
    opacity: 1;
    transition: 0.5s opacity;
  }
}

@media screen and (min-width: 769px) {
  .c-imgHover:hover img:nth-of-type(1) {
    opacity: 0;
    transition: 0.5s opacity;
  }
  .c-imgHover:hover img:nth-of-type(2) {
    opacity: 1;
    transition: 0.5s opacity;
  }
  .c-imgZoom:hover img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    transition: -webkit-transform 0.8s;
    transition: transform 0.8s;
    transition: transform 0.8s, -webkit-transform 0.8s;
  }
}

@media screen and (max-width: 1280px) {
  html {
    font-size: 1.25vw;
  }
}

@media screen and (max-width: 1200px) {
  .p-about__staff-media:nth-child(odd) .p-about__staff-media-txt::after {
    left: -25.625rem;
  }
  .p-about__staff-media:nth-child(even) .p-about__staff-media-txt::after {
    right: -25.625rem;
  }
  .p-media__txt {
    color: pink;
  }
}

@media screen and (max-width: 767px) {
  html {
    font-size: 16px;
  }
  a[href^="tel:"] {
    pointer-events: all;
  }
  .l-about__message {
    border-top-left-radius: 2.5rem;
    border-top-right-radius: 2.5rem;
    margin-top: 3.5625rem;
    padding-bottom: 2rem;
  }
  .l-about__message-inner {
    max-width: 37.5rem;
    padding-inline: 1.625rem;
    padding-top: 2.6875rem;
  }
  .l-about__philosophy-inner {
    max-width: 37.5rem;
    padding-inline: 1.625rem;
  }
  .l-about__representative {
    margin-top: 2.9375rem;
  }
  .l-about__staff {
    margin-top: 6.375rem;
  }
  .l-about__staff-inner {
    background: #f7f4e9;
    border-radius: 2.5rem;
    margin-bottom: 0rem;
    margin-inline: auto;
    margin-top: 0rem;
    max-width: 37.5rem;
    padding-inline: 1.25rem;
    padding-top: 2.375rem;
    width: 100%;
  }
  .l-footer {
    padding-top: 1.25rem;
  }
  .l-footer-inner {
    padding-inline: 1.625rem;
  }
  .p-footer-content {
    align-items: center;
    flex-direction: column;
  }
  .p-footer-content::after {
    bottom: -0.25rem;
    height: 3.5rem;
    right: -0.5625rem;
    width: 7.5rem;
  }
  .p-footer-left {
    margin-bottom: 2.5rem;
    width: 100%;
  }
  .p-footer-logo {
    margin-bottom: 0.5625rem;
    margin-inline: auto;
  }
  .p-footer-logo-img {
    max-width: 2.4375rem;
  }
  .p-footer-logo-img img {
    aspect-ratio: 39/47;
  }
  .p-footer-logo-text {
    font-size: 1.35rem;
    font-weight: 700;
    letter-spacing: 0.01em;
    line-height: 2.8703703704;
    margin-left: 0rem;
  }
  .p-footer-logo-text span {
    font-size: 1.75rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    line-height: 2.2142857143;
  }
  .p-footer-logo-link {
    justify-content: center;
  }
  .p-footer-nav {
    flex-wrap: nowrap;
    gap: 1.3125rem;
    justify-content: center;
  }
  .p-footer-nav-item {
    margin-bottom: 0rem;
  }
  .p-footer-nav-item a {
    font-size: 0.875rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    line-height: 2.8571428571;
  }
  .p-footer-right {
    text-align: center;
    width: 100%;
  }
  .p-footer-copyright {
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.09em;
    line-height: 1.75;
    margin-top: 0rem;
    padding-block: 1.1875rem;
  }
  .l-inner {
    padding-left: 20px;
    padding-right: 20px;
  }
  .l-product__intro {
    margin-top: 2.9375rem;
  }
  .l-product__intro-inner {
    border-radius: 2.5rem;
    margin-inline: auto;
    max-width: 37.5rem;
    padding-bottom: 3.75rem;
    padding-inline: 1.625rem;
    padding-top: 1.875rem;
    width: 100%;
  }
  .l-product__intro:not(:first-child) {
    margin-top: 5.5625rem;
  }
  .l-recruit__content {
    margin-top: 2.6875rem;
  }
  .l-recruit__content-inner {
    margin-inline: auto;
    max-width: 37.5rem;
    padding-inline: 1.625rem;
    width: 100%;
  }
  .l-sec {
    padding: 5rem 0 6.25rem;
  }
  .l-sec01 {
    padding: 4.5rem 0 5.75rem;
  }
  .l-top-about {
    margin-top: 3.5rem;
  }
  .l-top-about__inner {
    flex-direction: column;
    margin-inline: auto;
    padding-inline: 1.25rem;
    width: 100%;
  }
  .l-top-company {
    margin-top: 3.5rem;
    padding-bottom: 0rem;
  }
  .l-top-company-inner {
    margin-inline: auto;
    margin-top: 1.5rem;
    max-width: 23.4375rem;
    padding-inline: 1.625rem;
  }
  .l-top-instagram {
    margin-top: 0rem;
  }
  .l-top-message {
    height: 27.125rem;
    left: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    margin-top: 1.25rem;
    padding-inline: 1.25rem;
    padding-top: 2.6875rem;
    right: 50%;
    width: 100vw;
  }
  .l-top-mv {
    overflow: hidden;
    padding-top: 3.125rem;
  }
  .l-top-mv__inner {
    height: 34.125rem;
    max-width: 37.5rem;
    padding-inline: 1.625rem;
    width: 100%;
  }
  .l-top-news {
    margin-top: 1.8125rem;
  }
  .l-top-recruit {
    margin-top: 3.25rem;
    padding-bottom: 0rem;
  }
  .l-top-recruit__inner {
    padding: 0 20px;
  }
  .l-top-service {
    padding-top: 10.4375rem;
  }
  .l-top-service__inner {
    gap: 1.125rem;
  }
  .l-top-slider {
    margin-top: 2.4375rem;
  }
  .l-top-toTop-btn {
    margin-top: 0.625rem;
    padding-inline: 0.9375rem;
  }
  .l-under-mv {
    margin-inline: auto;
    margin-top: 2.375rem;
    max-width: 37.5rem;
    width: 100%;
  }
  .l-under-mv-margin {
    margin-top: 5rem;
  }
  .l-work__intro {
    margin-top: 5.5625rem;
  }
  .l-work__intro-inner {
    border-radius: 2.5rem;
    padding-bottom: 3rem;
    padding-top: 0.625rem;
  }
  .c-btn-green {
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: 0.2em;
    line-height: 1.625;
    padding-block: 0.25rem;
    padding-inline: 0rem;
    width: 100%;
  }
  .c-column2 {
    gap: 1.875rem;
    grid-template-columns: repeat(1, 1fr);
  }
  .c-column2--gap60 {
    gap: 2.5rem;
  }
  .c-column2--gapSp20 {
    gap: 1.25rem;
  }
  .c-column3 {
    grid-template-columns: repeat(1, 1fr);
  }
  .c-column4 {
    grid-template-columns: repeat(1, 1fr);
  }
  .c-column4--sp2 {
    grid-template-columns: repeat(2, 1fr);
  }
  .c-headline1__main {
    font-size: 1.25rem;
    padding-left: 1.375rem;
  }
  .c-headline1__sub {
    margin-top: 1.625rem;
    padding-left: 1.375rem;
  }
  .c-scroll {
    right: 1.25rem;
  }
  .c-table__data,
  .c-table__head {
    font-size: 0.875rem;
    font-weight: 700;
    letter-spacing: 0em;
    line-height: 2;
  }
  .c-table__head {
    width: 32%;
  }
  .c-table__data {
    padding-left: 0.5rem;
    padding-right: 0rem;
    width: 68%;
  }
  .c-title {
    font-size: 1.59375rem;
    font-weight: 700;
    letter-spacing: 0.09em;
    line-height: 3.568627451;
  }
  .c-title::after {
    height: 1.0625rem;
    inset: auto -1.5rem 0.9375rem auto;
    max-width: 5.25rem;
  }
  .c-under-message__main {
    font-size: 1.25rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    line-height: 1.5;
  }
  .c-under-message__main span {
    font-size: 1.375rem;
  }
  .c-under-message__sub {
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    line-height: 2.25;
    margin-top: 0rem;
  }
  .c-under-mv-img {
    max-width: 23.4375rem;
    width: 100%;
  }
  .c-under-mv-img img {
    aspect-ratio: 375/400;
  }
  .c-under-sub-title {
    font-size: 1.75rem;
    font-weight: 700;
    letter-spacing: 0.2em;
  }
  .c-under-sub-title::after {
    bottom: -0.75rem;
    height: 1.125rem;
    right: -1.75rem;
    width: 5.5rem;
  }
  .c-under-sub-title-en {
    font-size: 1.625rem;
    font-weight: 700;
    letter-spacing: 0em;
    line-height: 1.0384615385;
    margin-left: -1.25rem;
    white-space: nowrap;
  }
  .c-under-title__jp {
    font-size: 2rem;
    font-weight: 700;
    letter-spacing: 0.15em;
  }
  .c-under-title__en {
    font-size: 0.875rem;
    font-weight: 700;
    letter-spacing: 0.1em;
  }
  .c-under-title-btn-area {
    flex-wrap: wrap;
    gap: 0.625rem 0.5625rem;
    margin-top: 1.9375rem;
  }
  .c-under-title-btn {
    font-size: 0.8125rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    line-height: 2.6923076923;
    max-width: 9.9375rem;
    min-height: 2.25rem;
  }
  .c-under-title-btn::after {
    right: 0.625rem;
  }
  .c-under-title-btn__text {
    font-size: 0.8125rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    line-height: 2.6923076923;
  }
  .p-about__message-head {
    top: -4.3125rem;
  }
  .p-about__message-title {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.7;
  }
  .p-about__message-title span {
    font-size: 1.5625rem;
  }
  .p-about__message-text {
    font-size: 1.6875rem;
    font-weight: 400;
    letter-spacing: 0em;
    line-height: 1.0185185185;
    top: 0.8125rem;
  }
  .p-about__message-img {
    margin-inline: auto;
    margin-top: 4.625rem;
    max-width: 21.5rem;
  }
  .p-about__message-img img {
    aspect-ratio: 344/235;
  }
  .p-about__message-voice {
    margin-top: 3rem;
  }
  .p-about__message-voice-main {
    font-size: 1.375rem;
    font-weight: 700;
    letter-spacing: 0.22em;
    line-height: 1.8181818182;
  }
  .p-about__message-voice-sub {
    font-size: 0.875rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    line-height: 1.7857142857;
  }
  .p-about__philosophy-media {
    align-items: flex-start;
    gap: 0.9375rem;
  }
  .p-about__philosophy-media-text {
    font-size: 0.9375rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    line-height: 1.6666666667;
  }
  .p-about__philosophy-media-img {
    font-size: 1rem;
    font-weight: 400;
    height: 4.6875rem;
    letter-spacing: 0.2em;
    line-height: 1.25;
    min-width: 4.6875rem;
  }
  .p-about__representative-head .c-under-sub-title-en {
    margin-left: 0rem;
  }
  .p-about__representative-media {
    align-items: center;
    flex-direction: column;
    gap: 0;
    margin-top: 1.6875rem;
  }
  .p-about__representative-media-head {
    font-size: 1.375rem;
    font-weight: 700;
    letter-spacing: -0.05em;
    line-height: 1.8181818182;
  }
  .p-about__representative-media-position {
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    margin-top: 0.8125rem;
  }
  .p-about__representative-media-name {
    font-size: 1.25rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    line-height: 1.5;
  }
  .p-about__representative-media-txt {
    font-size: 0.875rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    line-height: 1.7857142857;
  }
  .p-about__representative-media-img {
    max-width: 20.1875rem;
    width: 100%;
  }
  .p-about__representative-media-img img {
    aspect-ratio: 323/425;
  }
  .p-about__representative-media-body {
    margin-top: 1.625rem;
    width: 100%;
  }
  .p-about__staff-head {
    top: -3.4375rem;
  }
  .p-about__staff-head .c-under-sub-title-en {
    margin-left: -1.0625rem;
  }
  .p-about__staff-media:nth-child(even) {
    flex-direction: column;
  }
  .p-about__staff-media {
    flex-direction: column;
    gap: 0;
  }
  .p-about__staff-media-position {
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 0.15em;
    line-height: 1.6;
  }
  .p-about__staff-media-name {
    font-size: 1.25rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    line-height: 1.6;
  }
  .p-about__staff-media-name span {
    font-size: 1rem;
    letter-spacing: 0.1em;
    line-height: 1.0625;
  }
  .p-about__staff-media-head {
    font-size: 1.25rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    line-height: 1.5;
    margin-top: 0.9375rem;
  }
  .p-about__staff-media-head span {
    font-size: 1.5625rem;
  }
  .p-about__staff-media-txt {
    font-size: 0.875rem;
    font-weight: 700;
    letter-spacing: 0.025em;
    line-height: 1.7857142857;
    padding-block: 1.125rem;
  }
  .p-about__staff-media:not(:first-child) {
    margin-top: 2rem;
  }
  .p-about__staff-media:nth-child(odd) .p-about__staff-media-txt::after {
    inset: 0 -1.4375rem auto auto;
  }
  .p-about__staff-media:nth-child(even) .p-about__staff-media-txt::after {
    inset: 0 auto auto -1.4375rem;
  }
  .p-about__staff-media-img {
    margin-inline: auto;
    max-width: 14.5rem;
  }
  .p-about__staff-media-img img {
    aspect-ratio: 232/432;
  }
  .p-about__staff-media-img-text {
    font-size: 1.875rem;
    font-weight: 700;
    letter-spacing: 0em;
    top: 3rem;
  }
  .p-about__staff-media-body {
    margin-top: -0.5rem;
    width: 100%;
  }
  .p-contact .c-under-mv-img {
    margin-top: 1.6875rem;
  }
  .p-contact .p-under-mv-message {
    margin-top: 1.125rem;
  }
  .p-contact__form {
    margin-top: 1.75rem;
  }
  .p-contact__form-head {
    margin-bottom: 1.875rem;
  }
  .p-contact__form-head .c-under-sub-title-en {
    font-size: 1.625rem;
    font-weight: 700;
    letter-spacing: 0em;
    line-height: 1.0384615385;
    margin-left: 0rem;
  }
  .p-contact__form-head .c-under-sub-title {
    font-size: 1.75rem;
    font-weight: 700;
    letter-spacing: 0.2em;
  }
  .p-contact__form-head .c-under-sub-title::after {
    bottom: -0.625rem;
    height: 1.125rem;
    right: -0.9375rem;
    width: 5.5rem;
  }
  .p-contact__mv-message-sub {
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 0.2em;
    line-height: 2.25;
  }
  .cf7-tableform {
    font-size: 0.9375rem;
    font-weight: 700;
    letter-spacing: 0em;
  }
  .cf7-tableform .row {
    display: block;
  }
  .cf7-tableform .th {
    padding-bottom: 0rem;
    padding-inline: 1.0625rem;
    padding-top: 0.4375rem;
  }
  .cf7-tableform .td {
    display: block;
    padding-block: 0.25rem;
    padding-bottom: 0.75rem;
    padding-inline: 1.0625rem;
  }
  .cf7-tableform input[type=text] {
    max-width: 100%;
  }
  .cf7-tableform .adress input[type=text] {
    max-width: 6.0625rem;
  }
  .cf7-tableform textarea {
    max-height: 4rem;
  }
  .cf7-tableform .wpcf7-radio {
    flex-wrap: wrap;
    gap: 1.8125rem;
  }
  .note {
    font-size: 0.8125rem;
    font-weight: 700;
    letter-spacing: 0em;
    line-height: 2.3076923077;
    padding: 0rem;
  }
  .btns {
    flex-direction: column;
    gap: 1.25rem;
    text-align: center;
  }
  .btns__reset,
  .btns__submit {
    margin-inline: auto;
  }
  .cf7-tableform .handle input[type=text] {
    margin-top: 1.25rem;
  }
  .header {
    height: 3.4375rem;
  }
  .header__inner {
    padding-left: 0.75rem;
    padding-right: 0;
  }
  .header__logo {
    max-width: 12.5rem;
  }
  .header__logo-img {
    max-width: 1.6875rem;
  }
  .header__logo-img img {
    aspect-ratio: 27/32;
  }
  .header__logo-text {
    font-size: 0.9375rem;
    font-weight: 700;
    letter-spacing: 0.01em;
    line-height: 2.9;
  }
  .header__logo-text span {
    font-size: 1.25rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    line-height: 2.175;
  }
  .header__nav {
    display: none;
  }
  .header__hamburger {
    display: block;
  }
  .p-media {
    flex-direction: column-reverse;
  }
  .p-media__head {
    font-size: 6.25rem;
  }
  .p-media__txt {
    color: red;
    font-size: 2.5rem;
  }
  .p-media__img {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
  }
  .p-media__body {
    margin-top: 1.875rem;
    width: 100%;
  }
  .p-modal__block {
    width: 80%;
  }
  .p-modal__wrap {
    padding: 2.5rem 0 1.875rem;
  }
  .p-news-single__title {
    font-size: 1.5rem;
  }
  .p-news-single__btn {
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: 0.2em;
    line-height: 1.625;
    padding-block: 0.25rem;
    padding-inline: 0rem;
    width: 100%;
  }
  .l-news__list-inner {
    border-radius: 3.125rem;
    margin-bottom: 0rem;
    max-width: 37.5rem;
    padding-bottom: 4.5625rem;
    padding-inline: 1.625rem;
    padding-top: 1.6875rem;
  }
  .p-news__list-head {
    top: -4.9375rem;
  }
  .p-product__intro-head .c-under-sub-title::before {
    height: 5.25rem;
    left: -6.25rem;
    width: 5.25rem;
  }
  .p-product__intro-content {
    gap: 0.5625rem;
    grid-template-columns: repeat(2, 1fr);
    margin-top: 1.5625rem;
    padding-inline: 0rem;
  }
  .p-news__list-content {
    margin-top: 0rem;
  }
  .p-news__list-item {
    padding-block: 1.375rem;
  }
  .p-news__list-item::after {
    background: url("../img/common/sp/nav_under@2x.png") no-repeat center center/cover;
    max-width: 100%;
  }
  .p-news__list-item-img {
    max-height: 5.9375rem;
    max-width: 7.5rem;
  }
  .p-news__list-item-img img {
    aspect-ratio: 120/95;
  }
  .p-news__list-item-img {
    aspect-ratio: 120/95;
    width: 100%;
  }
  .p-news__list-item-new {
    font-size: 0.375rem;
    font-weight: 700;
    letter-spacing: 0.2em;
    line-height: 1.1666666667;
  }
  .p-news__list-item-meta-time {
    font-size: 0.8125rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    line-height: 1.4285714286;
  }
  .p-news__list-item-link {
    gap: 1.125rem;
  }
  .p-news__list-item-text {
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.7857142857;
  }
  .p-news__pagination {
    margin-top: 1.8125rem;
  }
  .p-news__pagination-list {
    gap: 0.4375rem;
  }
  .p-news__pagination .page-numbers {
    font-size: 1.125rem;
    height: 1.875rem;
    width: 1.875rem;
  }
  .p-news__pagination .page-numbers.prev::before,
  .p-news__pagination .page-numbers.next::before {
    border-right: 2px solid #333;
    border-top: 2px solid #333;
    height: 0.5625rem;
    width: 0.5625rem;
  }
  .p-pageTop {
    bottom: 1.25rem;
    right: 1.5625rem;
  }
  .p-news .c-under-mv-img {
    border-radius: 3.125rem;
    height: 25rem;
    margin-inline: auto;
    max-width: 23.4375rem;
    overflow: hidden;
    width: 100%;
  }
  .p-news .c-under-mv-img img {
    -o-object-position: -11.9375rem -2.75rem;
    -webkit-transform: scale(1.4);
    object-position: -11.9375rem -2.75rem;
    transform: scale(1.4);
  }
  .p-product__mv .c-under-mv-img {
    border-radius: 3.125rem;
    height: 25rem;
    margin-inline: auto;
    max-width: 23.4375rem;
    overflow: hidden;
    width: 100%;
  }
  .p-product__mv .c-under-mv-img img {
    -o-object-position: 0.3125rem -11.3125rem;
    -webkit-transform: scale(1.4);
    object-position: 0.3125rem -11.3125rem;
    transform: scale(1.4);
  }
  .p-news .p-under-mv-message__sub {
    margin-top: 1.1875rem;
  }
  .p-news .l-under-mv {
    margin-top: 1.6875rem;
  }
  .p-product__intro-head {
    top: -6.5625rem;
  }
  .p-product__intro-head .c-under-sub-title::before {
    height: 5.25rem;
    left: -6.25rem;
    width: 5.25rem;
  }
  .p-product__intro-content {
    gap: 0.5625rem;
    grid-template-columns: repeat(2, 1fr);
    margin-top: 1.875rem;
    padding-inline: 0rem;
  }
  .p-product-card {
    min-height: 19.625rem;
    padding: 0.625rem;
  }
  .p-product-card__img-area-ttl {
    font-size: 0.9375rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    line-height: 1.0666666667;
  }
  .p-product-card__img {
    margin-top: 0.3125rem;
    max-width: 7rem;
  }
  .p-product-card__img img {
    aspect-ratio: 112/74;
  }
  .p-product-card__title {
    font-size: 0.8125rem;
    font-weight: 700;
    letter-spacing: 0.15em;
    line-height: 1.4615384615;
    margin-top: 0.375rem;
  }
  .p-product-card__txt {
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    line-height: 1.3333333333;
    margin-top: 0.625rem;
  }
  .p-recruit__mv {
    margin-top: 1.625rem;
  }
  .p-recruit__mv .c-under-mv-img {
    border-radius: 3.125rem;
    height: 25rem;
    margin-inline: auto;
    max-width: 23.4375rem;
    overflow: hidden;
    width: 100%;
  }
  .p-recruit__mv .c-under-mv-img img {
    -o-object-position: -9.5625rem -1.5625rem;
    -webkit-transform: scale(1.4);
    object-position: -9.5625rem -1.5625rem;
    transform: scale(1.4);
  }
  .p-recruit__mv-message .c-under-message__sub {
    margin-top: 1.25rem;
  }
  .p-recruit__mv-message-sub {
    margin-top: 1.875rem;
  }
  .p-recruit__content-head .c-under-sub-title-en {
    margin-left: 2.1875rem;
  }
  .p-recruit__content-table:not(:first-child) {
    margin-top: 1.9375rem;
  }
  .p-slider .slide-img {
    width: 100%;
  }
  .p-slider .slide-img img {
    aspect-ratio: 200/145;
  }
  .p-slider .swiper-pagination {
    bottom: 7.5rem;
  }
  .p-slider__button-wrap .swiper-button-prev,
  .p-slider__button-wrap .swiper-button-next {
    max-width: 1.875rem;
  }
  .p-slider__button-wrap .swiper-button-prev::before {
    height: 1.875rem;
    width: 1.875rem;
  }
  .p-slider__button-wrap .swiper-button-next::before {
    height: 1.875rem;
    width: 1.875rem;
  }
  .p-top-about__mv {
    height: 10.3125rem;
    left: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    right: 50%;
    width: 100vw;
  }
  .p-top-about__mv-title {
    bottom: -1.375rem;
    font-size: 2.75rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    line-height: 1.75;
    white-space: nowrap;
  }
  .p-top-about__content {
    padding-bottom: 3.75rem;
    padding-top: 0.375rem;
  }
  .p-top-about__info {
    text-align: center;
  }
  .p-top-about__info .c-title::after {
    inset: auto -0.875rem 1.125rem auto;
  }
  .p-top-about__title {
    padding: 0 1.25rem;
    text-align: center;
    width: 100%;
  }
  .p-top-about__text {
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    line-height: 1.78125;
    margin-top: -0.9375rem;
  }
  .p-top-about__btn {
    margin-top: 1.3125rem;
  }
  .p-top-about__img {
    max-width: 14rem;
    right: 0.625rem;
    top: 13.5rem;
  }
  .p-top-about__img img {
    aspect-ratio: 224/153;
  }
  .p-top-about__img {
    width: 100%;
  }
  .p-top-company-mv {
    height: 10.3125rem;
    margin-bottom: 0rem;
    margin-top: 3.4375rem;
  }
  .p-top-company-mv picture,
  .p-top-company-mv img {
    height: 100%;
  }
  .p-top-company-title-area {
    margin-bottom: 1.5rem;
    margin-inline: auto;
    text-align: center;
    width: 100%;
  }
  .p-top-company-title {
    font-size: 1.59375rem;
    font-weight: 700;
    letter-spacing: 0.09em;
    margin-inline: auto;
    padding-inline: 1.25rem;
    text-align: center;
  }
  .p-top-company-title::after {
    height: 1.0625rem;
    inset: auto -0.9375rem -0.75rem auto;
    width: 5.25rem;
  }
  .p-top-company-item {
    margin-bottom: 0rem;
  }
  .p-top-company-item--mt {
    margin-top: 1.4375rem;
  }
  .p-top-company-term {
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    line-height: 1.75;
    width: 6.875rem;
  }
  .p-top-company-desc {
    font-size: 0.8125rem;
    font-weight: 700;
    letter-spacing: 0.024em;
    line-height: 1.7692307692;
  }
  .p-top-company-desc.p-top-company-desc--year {
    letter-spacing: -0.05em;
  }
  .p-top-company-map {
    height: 17.625rem;
    margin-top: 1.875rem;
    max-width: 20.1875rem;
  }
  .p-top-company-map iframe {
    aspect-ratio: 323/282;
    height: 17.625rem;
  }
  .p-top-company-content {
    flex-direction: column;
  }
  .p-top-company-list {
    padding-right: 0;
    width: 100%;
  }
  .p-top-company-history {
    flex-direction: column;
  }
  .p-top-company-year {
    font-weight: 700;
    margin-bottom: 0.125rem;
    width: 100%;
  }
  .l-top-contact {
    margin-top: 0.625rem;
    padding-bottom: 2.1875rem;
    padding-top: 2rem;
  }
  .p-top-contact-title-area {
    margin-bottom: 1.3125rem;
  }
  .p-top-contact-title {
    font-size: 1.59375rem;
    font-weight: 700;
    letter-spacing: 0.09em;
  }
  .p-top-contact-title::after {
    height: 1.0625rem;
    inset: auto -2.5rem -0.625rem auto;
    width: 5.25rem;
  }
  .p-top-contact-text {
    font-size: 1rem;
    font-weight: 500;
    letter-spacing: 0.1em;
    line-height: 1.75;
  }
  .p-top-contact-row {
    gap: 0.625rem;
  }
  .p-top-contact-term {
    font-size: 1.125rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    line-height: 1.75;
  }
  .p-top-contact-desc {
    font-size: 1.8125rem;
    font-weight: 500;
    letter-spacing: 0.1em;
    line-height: 1.4827586207;
  }
  .p-top-contact-btn-area {
    margin-top: 1.875rem;
  }
  .p-top-instagram__inner {
    margin-inline: auto;
    max-width: 37.5rem;
    padding-inline: 1.625rem;
    text-align: center;
    width: 100%;
  }
  .p-top-instagram__more {
    margin-top: 2.8125rem;
    max-width: 20.1875rem;
  }
  .p-top-instagram__title-area {
    font-size: 0.9375rem;
    font-weight: 700;
    letter-spacing: 0.09em;
    line-height: 1.7333333333;
  }
  .p-top-instagram__jp {
    font-size: 1.59375rem;
    font-weight: 700;
    letter-spacing: 0.09em;
  }
  .p-top-instagram__jp::after {
    height: 1.0625rem;
    inset: auto -0.625rem -1.125rem auto;
    width: 5.25rem;
  }
  #sbi_images {
    gap: 0.4375rem !important;
  }
  .p-top-message__label {
    font-size: 0.875rem;
    font-weight: 700;
    letter-spacing: 0.1em;
    line-height: 1.75;
  }
  .p-top-message__title {
    font-size: 1.375rem;
    letter-spacing: 0.15em;
    line-height: 1;
    margin-top: 1.375rem;
  }
  .p-top-message__title::after {
    height: 1.6875rem;
    inset: auto -0.9375rem -0.625rem auto;
    max-width: 8.3125rem;
  }
  .p-top-message__title span {
    font-size: 1.71875rem;
    letter-spacing: 0.22em;
    line-height: 1.6181818182;
  }
  .p-top-message__body {
    margin-top: 1.5rem;
  }
  .p-top-message__text {
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: 0.2em;
    line-height: 2.25;
  }
  .p-top-message__title + .p-top-message__text {
    margin-top: 1.875rem;
  }
  .p-top-message .u-text-green {
    font-size: 1.71875rem;
  }
  .p-top-message .u-text-yellow {
    font-size: 1.71875rem;
  }
  .p-top-message .u-text-red {
    font-size: 1.71875rem;
  }
  .p-top-mv__copy {
    font-size: 1.125rem;
    font-weight: 700;
    left: 1.1875rem;
    letter-spacing: 0.2em;
    line-height: 2;
    top: 11rem;
  }
  .p-top-mv__images {
    max-width: 21.4375rem;
  }
  .p-top-mv__img--1 {
    left: -1.875rem;
    max-width: 9.375rem;
    top: 19.3125rem;
  }
  .p-top-mv__img--1 img {
    aspect-ratio: 150/167;
  }
  .p-top-mv__img--2 {
    max-width: 9.8125rem;
    right: 4.8125rem;
    top: -2.0625rem;
  }
  .p-top-mv__img--2 img {
    aspect-ratio: 157/177;
  }
  .p-top-mv__img--3 {
    max-width: 8.4375rem;
    right: -3.75rem;
    top: 4.25rem;
  }
  .p-top-mv__img--3 img {
    aspect-ratio: 135/145;
  }
  .p-top-mv__img--4 {
    bottom: -25.625rem;
    max-width: 8.875rem;
    right: -0.8125rem;
  }
  .p-top-mv__img--4 img {
    aspect-ratio: 142/174;
  }
  .p-top-mv__img--5 {
    left: -2.3125rem;
    max-width: 3.375rem;
    top: 5.625rem;
  }
  .p-top-mv__img--5 img {
    aspect-ratio: 54/80;
  }
  .p-top-mv__img--6 {
    left: 6.9375rem;
    max-width: 5.3125rem;
    top: 27.4375rem;
  }
  .p-top-mv__img--6 img {
    aspect-ratio: 85/58;
  }
  .p-top-mv__img--7 {
    bottom: -34.5625rem;
    left: auto;
    max-width: 6.3125rem;
    right: -2.375rem;
  }
  .p-top-mv__img--7 img {
    aspect-ratio: 101/82;
  }
  .p-top-mv__message {
    margin-top: 1.0625rem;
  }
  .p-top-mv__message-img {
    display: none;
  }
  .p-top-mv__message-en {
    font-size: 1.6875rem;
    left: 1.1875rem;
    letter-spacing: 0em;
    line-height: 0.6296296296;
    position: absolute;
    top: -0.9375rem;
  }
  .p-top-mv__message-en__space {
    margin-left: 6.5625rem;
  }
  .p-top-mv__message-jp {
    font-size: 2.0625rem;
    font-weight: 700;
    letter-spacing: 0.23em;
    line-height: 1.3181818182;
    margin-top: 0.9375rem;
    white-space: nowrap;
  }
  .p-top-mv__scroll {
    display: none;
  }
  .p-top-news {
    flex-direction: column;
  }
  .p-top-news__head {
    align-items: center;
    width: 100%;
  }
  .p-top-news__title {
    margin-left: -4.625rem;
  }
  .p-top-news__title-img {
    max-width: 5.625rem;
  }
  .p-top-news__title-img img {
    aspect-ratio: 90/88;
  }
  .p-top-news__btn {
    margin-inline: auto;
    margin-top: 1.75rem;
    max-width: 16.625rem;
    text-align: center;
    width: 100%;
  }
  .p-top-news__body {
    margin-inline: auto;
    margin-top: 1.4375rem;
    text-align: center;
  }
  .p-top-news__body {
    width: 100%;
  }
  .p-top-news-list__item {
    padding-block: 0.5rem;
  }
  .p-top-news-list__link {
    align-items: flex-start;
    gap: 1.125rem;
  }
  .p-top-news-list__date {
    font-size: 0.9375rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    line-height: 1.4285714286;
  }
  .p-top-news-list__title {
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: 0.1em;
    line-height: 1.4375;
  }
  .p-top-recruit__img-area {
    height: auto;
  }
  .p-top-recruit__img {
    height: auto;
    max-width: 20.1875rem;
  }
  .p-top-recruit__img img {
    aspect-ratio: 323/140;
    height: auto;
  }
  .p-top-recruit__en {
    font-size: 2.5rem;
  }
  .p-top-recruit__label {
    border-radius: 0.9375rem;
    bottom: -2.6875rem;
    font-size: 0.9375rem;
    font-weight: 700;
    letter-spacing: 0.09em;
    line-height: 1.4;
    margin-inline: auto;
    max-width: 14.625rem;
    min-width: 14.625rem;
    padding: 0.625rem 0;
  }
  .p-top-recruit__title-area {
    margin-top: -0.75rem;
  }
  .p-top-recruit__jp {
    font-size: 1.59375rem;
    letter-spacing: 0.09em;
    line-height: 3.568627451;
  }
  .p-top-recruit__jp::after {
    height: 1.0625rem;
    inset: auto -1.8125rem 0.875rem auto;
    width: 5.25rem;
  }
  .p-top-service-item {
    margin-inline: auto;
    max-width: 20.1875rem;
    width: 100%;
  }
  .p-top-service-item {
    width: 100%;
  }
  .p-top-service-item__img {
    max-width: 20.1875rem;
  }
  .p-top-service-item__img img {
    aspect-ratio: 323/140;
  }
  .p-top-service-item__label {
    bottom: -1.25rem;
    font-size: 0.9375rem;
    font-weight: 400;
    letter-spacing: 0.09em;
    line-height: 1.7333333333;
    max-width: 14.625rem;
    width: 100%;
  }
  .p-top-service-item__title-area {
    margin-top: -0.875rem;
  }
  .p-top-service-item__title-area-text {
    font-size: 1.5625rem;
    font-weight: 700;
    letter-spacing: 0.09em;
    line-height: 3.64;
  }
  .p-top-service-item__title-area-text::after {
    height: 1.0625rem;
    inset: auto -1.8125rem 0.875rem auto;
    width: 5.25rem;
  }
  .p-under-mv-message {
    margin-top: 1.125rem;
  }
  .p-under-mv-message__sub {
    margin-top: 1.875rem;
  }
  .p-work__intro-head {
    top: -6.25rem;
  }
  .l-work__intro .p-work__intro-head {
    top: -6.25rem;
  }
  .p-work__intro-head .c-under-sub-title-en {
    margin-left: -4rem;
  }
  .p-work__intro-content {
    padding-inline: 0rem;
  }
  .p-work__intro-media:nth-child(even) {
    flex-direction: column;
  }
  .p-work__intro-media {
    flex-direction: column;
    gap: 2.1875rem;
  }
  .p-work__intro-media-head {
    font-size: 1.125rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    line-height: 1.5;
  }
  .p-work__intro-media-txt {
    background: #fff;
    border-radius: 1.25rem;
    font-size: 0.875rem;
    font-weight: 700;
    letter-spacing: 0em;
    line-height: 1.7857142857;
    padding: 1.875rem;
  }
  .p-work__intro-media-txt::after {
    display: none;
  }
  .p-work__intro-media-img-grid {
    margin-inline: auto;
    max-width: 20.1875rem;
  }
  .p-work__intro-media-img--2 {
    width: 10.75rem;
  }
  .p-work__intro-media-img--2 img {
    aspect-ratio: 172/111;
  }
  .p-work__intro-media-img--3 {
    max-width: 9.1875rem;
  }
  .p-work__intro-media-img--3 img {
    aspect-ratio: 147/111;
  }
  .p-work__intro-media-img--1 {
    max-width: 20.1875rem;
  }
  .p-work__intro-media-img--4-1 {
    max-width: 9.9375rem;
  }
  .p-work__intro-media-img--4-1 img {
    aspect-ratio: 159/206;
  }
  .p-work__intro-media-img--4-2 {
    max-width: 9.9375rem;
  }
  .p-work__intro-media-img--4-2 img {
    aspect-ratio: 159/206;
  }
  .p-work__intro-media-img--3-1 img {
    aspect-ratio: 323/274;
  }
  .p-work__intro-media-body {
    margin-inline: auto;
    margin-top: 1.25rem;
    width: 100%;
  }
  .p-work__intro-media-body-head {
    gap: 1rem;
  }
  .p-work__intro-media-body-head-img {
    font-size: 1.25rem;
    font-weight: 700;
    letter-spacing: 0em;
    line-height: 1.25;
    max-width: 5rem;
  }
  .p-work__intro-media-body-head-img::after {
    height: 5rem;
    width: 5rem;
  }
  .p-work__intro-media-name {
    font-size: 1.6875rem;
    font-weight: 700;
    letter-spacing: 0em;
    line-height: 1.2962962963;
    top: -2.5rem;
  }
  .p-work__flow-card:not(:first-child) {
    margin-top: 1.3125rem;
  }
  .p-work__flow-card__img::after {
    -webkit-transform: translateX(-50%) rotate(90deg);
    left: 50%;
    margin-top: 12.375rem;
    right: auto;
    transform: translateX(-50%) rotate(90deg);
  }
  .p-work__flow-card:nth-child(3) {
    margin-left: 0rem;
  }
  .p-work__flow-card:nth-child(3) .p-work__flow-card__img::after,
  .p-work__flow-card:nth-child(4) .p-work__flow-card__img::after {
    -webkit-transform: translateX(-50%) rotate(90deg);
    left: 50%;
    margin-top: 12.375rem;
    right: auto;
    transform: translateX(-50%) rotate(90deg);
  }
  .p-work__flow-card:nth-child(4) .p-work__flow-card__img::after {
    display: none;
  }
  .p-work__flow-card__body {
    display: block;
  }
  .p-work__flow-card__body-img {
    left: -0.625rem;
    max-width: 6.0625rem;
    position: absolute;
    top: -1.25rem;
    width: 100%;
  }
  .p-work__flow-card__body-img::after {
    height: 5.0625rem;
    width: 6.0625rem;
  }
  .p-work__flow-card__body-img-num {
    font-size: 1.5625rem;
    font-weight: 700;
    left: 0.8125rem;
    letter-spacing: 0em;
    line-height: 0.72;
    top: 0.625rem;
  }
  .p-work__flow-card__body-img-text {
    font-size: 1rem;
    font-weight: 700;
    left: 2.6875rem;
    letter-spacing: 0em;
    line-height: 1.625;
    top: 1.8125rem;
  }
  .p-work__flow-card:nth-child(2) .p-work__flow-card__body-img-text {
    left: 1.625rem;
  }
  .p-work__flow-card:nth-child(4) .p-work__flow-card__body-img-text {
    left: 2.0625rem;
  }
  .p-work__flow-card__txt {
    font-size: 0.875rem;
    font-weight: 700;
    letter-spacing: 0.025em;
    line-height: 1.7857142857;
  }
  .p-work__flow {
    padding-bottom: 0rem;
  }
  .p-work__flow-head .c-under-sub-title::before {
    height: 5.125rem;
    left: 33%;
    top: -3.5625rem;
    width: 5.5rem;
  }
  .p-work__flow-content {
    justify-content: center;
    margin-top: 1.3125rem;
  }
  .u-font18 {
    font-size: 1rem;
  }
  .u-font20 {
    font-size: 1rem;
  }
  .u-font22 {
    font-size: 1.125rem;
  }
  .u-font24 {
    font-size: 1.125rem;
  }
  .u-mt100 {
    margin-top: 1.875rem;
  }
  .u-mtSp10 {
    margin-top: 10px !important;
    margin-top: 0.625rem !important;
  }
  .u-mtSp20 {
    margin-top: 20px !important;
    margin-top: 1.25rem !important;
  }
  .u-mtSp30 {
    margin-top: 30px !important;
    margin-top: 1.875rem !important;
  }
  .u-mtSp40 {
    margin-top: 40px !important;
    margin-top: 2.5rem !important;
  }
  .u-mtSp50 {
    margin-top: 50px !important;
    margin-top: 3.125rem !important;
  }
  .u-mtSp60 {
    margin-top: 60px !important;
    margin-top: 3.75rem !important;
  }
  .u-mtSp70 {
    margin-top: 70px !important;
    margin-top: 4.375rem !important;
  }
  .u-mtSp80 {
    margin-top: 80px !important;
    margin-top: 5rem !important;
  }
  .u-mtSp90 {
    margin-top: 90px !important;
    margin-top: 5.625rem !important;
  }
  .u-mtSp100 {
    margin-top: 100px !important;
    margin-top: 6.25rem !important;
  }
  .u-mtSp110 {
    margin-top: 110px !important;
    margin-top: 6.875rem !important;
  }
  .u-mtSp120 {
    margin-top: 120px !important;
    margin-top: 7.5rem !important;
  }
  .u-mtSp130 {
    margin-top: 130px !important;
    margin-top: 8.125rem !important;
  }
  .u-mtSp140 {
    margin-top: 140px !important;
    margin-top: 8.75rem !important;
  }
  .u-mtSp150 {
    margin-top: 150px !important;
    margin-top: 9.375rem !important;
  }
  .u-mtSp160 {
    margin-top: 160px !important;
    margin-top: 10rem !important;
  }
  .u-mtSp170 {
    margin-top: 170px !important;
    margin-top: 10.625rem !important;
  }
  .u-mtSp180 {
    margin-top: 180px !important;
    margin-top: 11.25rem !important;
  }
  .u-mtSp190 {
    margin-top: 190px !important;
    margin-top: 11.875rem !important;
  }
  .u-mtSp200 {
    margin-top: 200px !important;
    margin-top: 12.5rem !important;
  }
  .u-pc {
    display: none;
  }
  .u-sp {
    display: block;
  }
  .u-textMdLeft {
    text-align: Left !important;
  }
  .u-textMdCenter {
    text-align: Center !important;
  }
  .u-textMdRight {
    text-align: Right !important;
  }
  .u-textMdJustify {
    text-align: Justify !important;
  }
}

@media screen and (max-width: 375px) {
  html {
    font-size: 4.2666666667vw;
  }
  .p-top-contact-desc--tel a {
    pointer-events: auto;
  }
}

@media (any-hover: hover) {
  .p-work__flow-card:hover > a > figure > img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    transition: -webkit-transform 0.8s;
    transition: transform 0.8s;
    transition: transform 0.8s, -webkit-transform 0.8s;
  }
}

@media (hover: hover) and (pointer: fine) {
  .p-top-contact-desc.js-copy {
    cursor: pointer;
  }
}

@media (prefers-reduced-motion: reduce) {
  html:focus-within {
    scroll-behavior: auto;
  }
  *,
  *::before,
  *::after {
    -webkit-animation-duration: 0.01ms !important;
    -webkit-animation-iteration-count: 1 !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }
}
/*# sourceMappingURL=sourcemaps/style.css.map */