@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Comfortaa:wght@300..700&family=Noto+Sans+JP:wght@100..900&family=Noto+Serif+JP:wght@300..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Shippori+Mincho&display=swap");
@font-face {
  font-family: "tenmincho";
  src: url("../fonts/TenMincho-Regular-Alphabetic.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "handwriting";
  src: url("../fonts/AdobeHandwriting-Ernie.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "hiragino W3";
  src: url("../fonts/hiragino/hiragino-w3.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "hiragino W4";
  src: url("../fonts/hiragino/hiragino-w4.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "hiragino W5";
  src: url("../fonts/hiragino/hiragino-w5.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "hiragino W6";
  src: url("../fonts/hiragino/hiragino-w6.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "hiragino W7";
  src: url("../fonts/hiragino/hiragino-w7.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "hiragino W8";
  src: url("../fonts/hiragino/hiragino-w8.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
}
#recruit .recruit-info-section .recruit-info-content .recruit-info-content__items .recruit-info-item .recruit-info-img .potato-inner .caption, #top .recruit-section .handwriting, #top .trust-section .trust-content .trust-content__items .trust-item .trust-img .potato-inner .caption {
  font-family: "handwriting", sans-serif;
}

#recruit .recruit-info-section .recruit-info-content .recruit-info-content__items .recruit-info-item .recruit-info-item__info .info-text2, #about .consult-section .consult-content .consult-item .consult-item-info .desc, #about .consult-section .consult-catch, #about .about-section .about-content-info .content-desc, #top .recruit-section .recruit-content .desc, #top .trust-section .trust-content .trust-content__items .trust-item .trust-item__info .info-text2, #top .trust-section .trust-title__wrapper .trust-catch, #top .case-section .catch, #top .about-section .about-content-info .content-desc, .contact-section .form-wrapper .form-inner .error, .contact-section .form-wrapper .form-inner .input-row .note, .contact-section .contact-desc, footer#footer .footer-wrapper .copyright, footer#footer .footer-wrapper .company-info .detail-info {
  font-family: "hiragino W3", sans-serif;
}

#case .other-case-section .case-content .case-list .case-item .case-desc, #top .case-section .case-content .case-list .case-item .case-desc, #top .mv-section .mv-img-wrapper .mv-catch-field .mv-description {
  font-family: "hiragino W5", sans-serif;
}

#about .president-section .president-content .president-photo__wrapper .president-info, .contact-section .form-wrapper .form-inner .input-row .input-lb {
  font-family: "hiragino W6", sans-serif;
}

.contact-section .tel-support, .contact-section .contact-section-title__wrapper .check-list ul li, .company-overview-section .overview-content .info-items .info-item {
  font-family: "hiragino W7", sans-serif;
}

#about .consult-section .consult-content .consult-item .consult-item-info .title, #top .trust-section .trust-content .trust-content__items .trust-item .trust-item__info .info-text1 {
  font-family: "hiragino W8", sans-serif;
}

#about .president-section .president-content .president-photo__wrapper .president-info .president-name span.lg, #about .about-section .about-content-info .content-title, #top .trust-section .trust-title__wrapper .brush-hero__wrap .brush-hero__title, #top .trust-section .trust-title__wrapper .trust-title, #top .strength-section .strength-content .strength-content__items .strength-item .strength-item-title .title, #top .strength-section .strength-content .strength-content__items .strength-item .strength-item-title .title-index, #top .about-section .about-content-info .content-title, .secondary-btn, .primary-btn, .section-title3, .section-title2, .section-title1, body {
  font-family: "Shippori Mincho", sans-serif;
}

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

html {
  font-size: 10px;
  margin: 0;
  scroll-behavior: smooth;
}
@media only screen and (max-width: 1440px) {
  html {
    font-size: 0.694vw;
  }
}
@media only screen and (max-width: 768px) {
  html {
    font-size: 1.302vw;
  }
}
@media only screen and (max-width: 576px) {
  html {
    font-size: 1.736vw;
  }
}

body {
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 1.75;
  color: #333333;
  word-break: break-word;
  margin: 0;
  padding: 0;
  border: 0;
  letter-spacing: 0.05em;
  background-color: #FFFFFF;
  color: #333333;
}

div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

[tabindex="-1"]:focus:not(:focus-visible) {
  outline: 0 !important;
}

hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
  overflow: visible;
}

h1,
h2 {
  line-height: 1.2;
}

h3,
h4 {
  line-height: 1.5;
}

h5,
h6 {
  line-height: inherit;
}

ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

b,
strong {
  font-weight: bolder;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

a:not([href]):not([class]) {
  color: inherit;
  text-decoration: none;
}

a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}

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

img {
  vertical-align: middle;
  border-style: none;
  height: auto;
}

svg {
  overflow: hidden;
  vertical-align: middle;
}

[role=button] {
  cursor: pointer;
}

button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
  cursor: pointer;
}

button {
  outline: none;
  border: none;
  cursor: pointer;
}

input[type=radio],
input[type=checkbox] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
}

textarea {
  overflow: auto;
  resize: none;
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

[hidden] {
  display: none !important;
}

*:focus {
  outline: none;
}

.clearfix::after {
  content: "";
  visibility: hidden;
  height: 0;
  display: block;
  font-size: 0;
  clear: both;
}

* html .clearfix {
  zoom: 1;
}

*:first-child + html .clearfix {
  zoom: 1;
}

#wrapper {
  position: relative;
  width: 100%;
}

section {
  position: relative;
}

@media print, screen and (min-width: 769px) {
  .pc-hide,
  .sp-only {
    display: none !important;
  }
}
@media only screen and (max-width: 768px) {
  .sp-hide,
  .pc-only {
    display: none !important;
  }
}
.s-padding {
  padding: 10rem 0;
}
@media only screen and (max-width: 768px) {
  .s-padding {
    padding: 8rem 0;
  }
}
@media only screen and (max-width: 576px) {
  .s-padding {
    padding: 5rem 0;
  }
}

.section-title1 {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 6rem;
  font-weight: 600;
  color: #333333;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  z-index: 2;
}
@media only screen and (max-width: 768px) {
  .section-title1 {
    font-size: 5rem;
  }
}
@media only screen and (max-width: 576px) {
  .section-title1 {
    font-size: 4rem;
  }
}
.section-title1::before {
  content: "";
  position: absolute;
  top: 33%;
  left: 50%;
  width: 100%;
  aspect-ratio: 657/106;
  -webkit-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
  background: url("../image/decoration/brush-sm1.png") no-repeat center center/contain;
  z-index: -1;
}

.section-title2 {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  font-size: 9rem;
  font-weight: 600;
  color: #333333;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  z-index: 2;
}
.section-title2 small {
  font-size: 5.8rem;
}
@media only screen and (max-width: 768px) {
  .section-title2 {
    font-size: 7.8rem;
  }
  .section-title2 small {
    font-size: 4.4rem;
  }
}
@media only screen and (max-width: 576px) {
  .section-title2 {
    font-size: 6rem;
  }
  .section-title2 small {
    font-size: 3.2rem;
  }
}

.section-title3 {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 4.8rem;
  font-weight: 600;
  color: #333333;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  z-index: 2;
}
.section-title3.brush-orange::before {
  content: "";
  position: absolute;
  top: 13%;
  left: 50%;
  width: 100%;
  aspect-ratio: 657/106;
  -webkit-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
  background: url("../image/decoration/brush-sm2.png") no-repeat center center/contain;
  z-index: -1;
}

#wrapper {
  position: relative;
  width: 100%;
}

main {
  position: relative;
}

/* input */
input[type=text],
input[type=email],
input[type=tel],
input[type=number],
input[type=password],
select,
textarea {
  width: 100%;
  position: relative;
  background: #ffffff;
  border: 1px solid #3C3C3C;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 1.6rem 1.6rem;
  width: 100%;
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 2.4rem;
  text-align: left;
  color: #000000;
  outline: none;
  border-radius: 1rem;
  vertical-align: middle;
}
@media only screen and (max-width: 576px) {
  input[type=text],
  input[type=email],
  input[type=tel],
  input[type=number],
  input[type=password],
  select,
  textarea {
    padding: 1.2rem 1.6rem;
  }
}
input[type=text]::-webkit-input-placeholder, input[type=email]::-webkit-input-placeholder, input[type=tel]::-webkit-input-placeholder, input[type=number]::-webkit-input-placeholder, input[type=password]::-webkit-input-placeholder, select::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #b7b7b7;
}
input[type=text]::-moz-placeholder, input[type=email]::-moz-placeholder, input[type=tel]::-moz-placeholder, input[type=number]::-moz-placeholder, input[type=password]::-moz-placeholder, select::-moz-placeholder, textarea::-moz-placeholder {
  color: #b7b7b7;
}
input[type=text]:-ms-input-placeholder, input[type=email]:-ms-input-placeholder, input[type=tel]:-ms-input-placeholder, input[type=number]:-ms-input-placeholder, input[type=password]:-ms-input-placeholder, select:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: #b7b7b7;
}
input[type=text]::-ms-input-placeholder, input[type=email]::-ms-input-placeholder, input[type=tel]::-ms-input-placeholder, input[type=number]::-ms-input-placeholder, input[type=password]::-ms-input-placeholder, select::-ms-input-placeholder, textarea::-ms-input-placeholder {
  color: #b7b7b7;
}
input[type=text]::placeholder,
input[type=email]::placeholder,
input[type=tel]::placeholder,
input[type=number]::placeholder,
input[type=password]::placeholder,
select::placeholder,
textarea::placeholder {
  color: #b7b7b7;
}

input[type=text],
input[type=email],
input[type=tel],
input[type=number],
input[type=password],
select {
  height: 5.6rem;
}

textarea {
  height: 25rem;
}
@media only screen and (max-width: 576px) {
  textarea {
    height: 20rem;
  }
}

input[type=text]:focus,
input[type=email]:focus,
input[type=tel]:focus,
input[type=number]:focus,
input[type=password]:focus,
select:focus,
textarea:focus {
  border-color: #3c3c3c;
}

select {
  position: relative;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-position: calc(100% - 1.2rem) 50%;
  background-size: 1.2rem 0.8rem;
  background-repeat: no-repeat;
  color: #333;
  z-index: 0;
}
select:has(option:checked:disabled) {
  color: #b7b7b7;
}

.container,
.container-fluid {
  max-width: 1000px;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-left: 2rem;
  padding-right: 2rem;
}
@media only screen and (max-width: 1024px) {
  .container,
  .container-fluid {
    padding-left: 4rem;
    padding-right: 4rem;
  }
}
@media only screen and (max-width: 576px) {
  .container,
  .container-fluid {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

picture,
figure {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
}
picture img,
figure img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}

.primary-btn {
  position: relative;
  margin: auto;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 1rem 4.2rem 1.3rem 4.2rem;
  background-color: #FF931E;
  border: 1px solid transparent;
  color: #fff;
  z-index: 0;
  overflow: hidden;
  font-size: 3rem;
  line-height: 1.1;
  text-align: center;
  -webkit-transition: 0.6s cubic-bezier(0.8, 0, 0.2, 1);
  transition: 0.6s cubic-bezier(0.8, 0, 0.2, 1);
}
.primary-btn:disabled {
  opacity: 0.8;
  background-color: #b7b7b7;
  cursor: not-allowed;
}
@media only screen and (max-width: 576px) {
  .primary-btn {
    font-size: 2rem;
    padding: 1.5rem 4rem 1.8rem 4rem;
  }
}
.primary-btn.rounded {
  border-radius: 10rem;
  overflow: hidden;
}
.primary-btn span {
  display: block;
  position: relative;
  z-index: 2;
}
.primary-btn::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  z-index: -1;
  -webkit-transform-origin: bottom right;
          transform-origin: bottom right;
  -webkit-transform: scale(0, 1);
          transform: scale(0, 1);
  -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.8, 0, 0.2, 1);
  transition: -webkit-transform 0.6s cubic-bezier(0.8, 0, 0.2, 1);
  transition: transform 0.6s cubic-bezier(0.8, 0, 0.2, 1);
  transition: transform 0.6s cubic-bezier(0.8, 0, 0.2, 1), -webkit-transform 0.6s cubic-bezier(0.8, 0, 0.2, 1);
}
.primary-btn:hover:not(:disabled) {
  color: #FF931E;
}
.primary-btn:hover:not(:disabled)::before {
  -webkit-transform-origin: bottom left;
          transform-origin: bottom left;
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
}

.secondary-btn {
  position: relative;
  margin: auto;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 1rem 4.2rem 1.3rem 4.2rem;
  background-color: #3c3c3c;
  border: 1px solid transparent;
  color: #fff;
  z-index: 0;
  overflow: hidden;
  font-size: 3rem;
  line-height: 1.1;
  text-align: center;
  -webkit-transition: 0.6s cubic-bezier(0.8, 0, 0.2, 1);
  transition: 0.6s cubic-bezier(0.8, 0, 0.2, 1);
}
@media only screen and (max-width: 576px) {
  .secondary-btn {
    font-size: 2rem;
  }
}
.secondary-btn.rounded {
  border-radius: 10rem;
  overflow: hidden;
}
.secondary-btn span {
  display: block;
  position: relative;
  z-index: 2;
}
.secondary-btn::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 110%;
  background-color: #fff;
  z-index: -1;
  -webkit-transform-origin: bottom right;
          transform-origin: bottom right;
  -webkit-transform: scale(0, 1);
          transform: scale(0, 1);
  -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.8, 0, 0.2, 1);
  transition: -webkit-transform 0.6s cubic-bezier(0.8, 0, 0.2, 1);
  transition: transform 0.6s cubic-bezier(0.8, 0, 0.2, 1);
  transition: transform 0.6s cubic-bezier(0.8, 0, 0.2, 1), -webkit-transform 0.6s cubic-bezier(0.8, 0, 0.2, 1);
}
.secondary-btn:hover {
  color: #3c3c3c;
}
.secondary-btn:hover::before {
  -webkit-transform-origin: bottom left;
          transform-origin: bottom left;
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
}

.gsap-split-fade {
  opacity: 0;
}
.gsap-split-fade span {
  opacity: 0;
  -webkit-filter: blur(20px);
          filter: blur(20px);
  -webkit-transform: translateY(-30px);
          transform: translateY(-30px);
}

.fadeImgIn {
  opacity: 0;
  -webkit-filter: blur(40px);
          filter: blur(40px);
  -webkit-transform: scale(1.5) translateY(-100px);
          transform: scale(1.5) translateY(-100px);
  -webkit-transition: 0.3s ease-in;
  transition: 0.3s ease-in;
}

.gsap-blur-text {
  opacity: 0;
  -webkit-transform: translateY(-20px);
          transform: translateY(-20px);
  -webkit-filter: blur(20px);
          filter: blur(20px);
  -webkit-transition: 0.3s ease-in;
  transition: 0.3s ease-in;
}

.wallpaper1 {
  background: url("../image/wallpaper/back-pattern1.jpg") repeat center center/contain;
}

.wallpaper2 {
  background: url("../image/wallpaper/back-pattern2.jpg") repeat center center/contain;
}

@-webkit-keyframes zoom {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  to {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
}

@keyframes zoom {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  to {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
}
header#header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1001;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
@media only screen and (max-width: 768px) {
  header#header {
    border-bottom: unset;
    -webkit-box-shadow: unset;
            box-shadow: unset;
  }
}
header#header.header-hidden {
  -webkit-transform: translateY(calc(-100% - 1px));
          transform: translateY(calc(-100% - 1px));
}
header#header .header-wrapper {
  position: relative;
}
header#header .header-wrapper .header-logo-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}
header#header .header-wrapper .header-logo-wrapper .header-logo a {
  display: block;
}
header#header .header-wrapper .header-logo-wrapper .header-logo a img {
  width: 30rem;
}
@media only screen and (max-width: 768px) {
  header#header .header-wrapper .header-logo-wrapper .header-logo a img {
    width: 24rem;
  }
}
header#header .header-wrapper .header-logo-wrapper .contact-link {
  position: absolute;
  right: 0;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
}
header#header .header-wrapper .header-logo-wrapper .contact-link a {
  width: 14.5rem;
  display: block;
  background-color: #FF931E;
  padding: 2rem 4rem;
  border-bottom-left-radius: 6rem;
  color: #fff;
  font-size: 1.6rem;
  line-height: 1;
  font-weight: 500;
  text-align: center;
}
header#header .header-wrapper .header-logo-wrapper .contact-link a .text {
  margin-top: 1rem;
}
@media only screen and (max-width: 1024px) {
  header#header .header-wrapper .header-logo-wrapper .contact-link a .text {
    display: none;
  }
}
@media only screen and (max-width: 1024px) {
  header#header .header-wrapper .header-logo-wrapper .contact-link a {
    width: 11.2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    border-bottom-left-radius: 3rem;
  }
  header#header .header-wrapper .header-logo-wrapper .contact-link a img {
    width: 5.6rem;
  }
}
@media only screen and (max-width: 768px) {
  header#header .header-wrapper .header-logo-wrapper .contact-link a {
    width: 8rem;
  }
  header#header .header-wrapper .header-logo-wrapper .contact-link a img {
    width: 4rem;
  }
}
header#header .header-wrapper .header-nav {
  position: absolute;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  left: 0;
  top: 24rem;
  z-index: 101;
}
@media only screen and (max-width: 1024px) {
  header#header .header-wrapper .header-nav {
    display: none;
  }
}
header#header .header-wrapper .header-nav .nav-menu li {
  padding-left: 4.5rem;
  position: relative;
}
header#header .header-wrapper .header-nav .nav-menu li:not(:last-child) {
  margin-bottom: 2rem;
}
header#header .header-wrapper .header-nav .nav-menu a {
  display: block;
  font-size: 2rem;
  font-weight: 500;
  color: #333333;
  -webkit-transition: 0.2s ease-in;
  transition: 0.2s ease-in;
}
header#header .header-wrapper .header-nav .nav-menu a:hover {
  color: #000;
}
header#header .header-wrapper .header-nav .nav-menu a.active::before {
  content: "";
  position: absolute;
  width: 4rem;
  height: 1rem;
  background-color: #FF931E;
  top: 50%;
  left: 0;
  -webkit-animation: 0.5s activeLinkAnimation forwards;
          animation: 0.5s activeLinkAnimation forwards;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@-webkit-keyframes activeLinkAnimation {
  0% {
    width: 0;
  }
  20% {
    width: 0;
  }
  100% {
    width: 4rem;
  }
}
@keyframes activeLinkAnimation {
  0% {
    width: 0;
  }
  20% {
    width: 0;
  }
  100% {
    width: 4rem;
  }
}
header#header .header-wrapper .header-nav .nav-menu a.contact-link {
  padding: 1rem 3rem;
  background-color: #333;
  border-radius: 5px;
  color: #fff;
}
header#header .header-wrapper .header-nav .nav-menu a.contact-link:hover {
  opacity: 0.8;
}

.mobile-nav-toggle {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 11.2rem;
  height: 11.2rem;
  background: #333333;
  display: none;
  border: none;
  outline: none;
  cursor: pointer;
  z-index: 1010;
  margin: 0;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}
@media only screen and (max-width: 1024px) {
  .mobile-nav-toggle {
    display: inline-block;
  }
}
@media only screen and (max-width: 768px) {
  .mobile-nav-toggle {
    height: 8rem;
    width: 8rem;
  }
}
.mobile-nav-toggle .toggle-icon {
  position: relative;
  display: block;
  width: 5.6rem;
  height: 4.2rem;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .mobile-nav-toggle .toggle-icon {
    width: 4rem;
    height: 3.2rem;
  }
}
.mobile-nav-toggle .toggle-icon span {
  display: inline-block;
  position: absolute;
  left: 0;
  width: 100%;
  height: 0.6rem;
  background: #FFFFFF;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  -webkit-transform-origin: center center;
          transform-origin: center center;
}
@media only screen and (max-width: 768px) {
  .mobile-nav-toggle .toggle-icon span {
    height: 0.4rem;
  }
}
.mobile-nav-toggle .toggle-icon span:nth-child(1) {
  top: 0;
}
.mobile-nav-toggle .toggle-icon span:nth-child(2) {
  top: calc(50% - 0.3rem);
}
@media only screen and (max-width: 768px) {
  .mobile-nav-toggle .toggle-icon span:nth-child(2) {
    top: calc(50% - 0.2rem);
  }
}
.mobile-nav-toggle .toggle-icon span:nth-child(3) {
  bottom: 0;
}
.mobile-nav-toggle.toggle-active .toggle-icon span {
  background: #FFFFFF;
}
.mobile-nav-toggle.toggle-active .toggle-icon span:nth-child(1) {
  -webkit-transform: translateY(1.6rem) rotate(-45deg);
          transform: translateY(1.6rem) rotate(-45deg);
}
@media only screen and (max-width: 768px) {
  .mobile-nav-toggle.toggle-active .toggle-icon span:nth-child(1) {
    -webkit-transform: translateY(1.3rem) rotate(-45deg);
            transform: translateY(1.3rem) rotate(-45deg);
  }
}
.mobile-nav-toggle.toggle-active .toggle-icon span:nth-child(2) {
  opacity: 0;
  visibility: hidden;
}
.mobile-nav-toggle.toggle-active .toggle-icon span:nth-child(3) {
  -webkit-transform: translateY(-1.8rem) rotate(45deg);
          transform: translateY(-1.8rem) rotate(45deg);
}
@media only screen and (max-width: 768px) {
  .mobile-nav-toggle.toggle-active .toggle-icon span:nth-child(3) {
    -webkit-transform: translateY(-1.5rem) rotate(45deg);
            transform: translateY(-1.5rem) rotate(45deg);
  }
}

#mobile-nav {
  position: fixed;
  top: 0;
  z-index: 998;
  right: -100%;
  width: 80%;
  max-width: 30rem;
  overflow-y: auto;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  background: rgba(51, 51, 51, 0.9);
}
#mobile-nav .mobile-nav-container {
  position: relative;
  padding: 100px 20px 30px;
}
#mobile-nav .mobile-nav-menu {
  position: relative;
  list-style: none;
  padding: 0;
  margin: 0;
}
#mobile-nav .mobile-nav-menu > li {
  position: relative;
  display: block;
}
#mobile-nav .mobile-nav-menu > li > a {
  position: relative;
  display: block;
  width: 100%;
  font-weight: 500;
  font-size: 14px;
  line-height: 2.4rem;
  letter-spacing: 0.05em;
  text-align: center;
  color: #FFFFFF;
  padding: 15px 0;
  text-decoration: none;
  outline: none;
}
#mobile-nav .mobile-nav-menu > li > a.active::before {
  content: "";
  position: absolute;
  width: 4rem;
  height: 1rem;
  background-color: #FF931E;
  top: 50%;
  right: -20px;
  -webkit-animation: 0.5s activeLinkAnimation forwards;
          animation: 0.5s activeLinkAnimation forwards;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@keyframes activeLinkAnimation {
  0% {
    width: 0;
  }
  20% {
    width: 0;
  }
  100% {
    width: 4rem;
  }
}
#mobile-nav .mobile-nav-menu > li > a svg {
  width: 5.5rem;
  height: 5.5rem;
}
#mobile-nav .mobile-nav-menu > li .lang-switch {
  color: #FFFFFF;
  padding: 1.5rem 0;
}
#mobile-nav .mobile-nav-menu > li .lang-switch a {
  color: #C20A19;
}

.mobile-nav-overly {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 997;
  background: rgba(0, 0, 0, 0.5);
  display: none;
  overflow: hidden;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

/* Mobile Nav body classes */
@media only screen and (max-width: 768px) {
  body.mobile-nav-active {
    overflow: hidden;
  }
}

body.mobile-nav-active #mobile-nav {
  right: 0;
}

body.contact-page .mobile-nav-toggle {
  display: none;
}
body.contact-page .sp-phone-link {
  right: 0;
}

footer#footer {
  position: relative;
  background-color: #FF931E;
  z-index: 1000;
  overflow: hidden;
  color: #fff;
}
footer#footer .footer-wrapper {
  padding-bottom: 2rem;
}
footer#footer .footer-wrapper .footer-menu {
  position: relative;
  background-color: #FFE3C5;
  padding: 2.8rem 0;
}
footer#footer .footer-wrapper .footer-menu .instagram-menu-link {
  display: none;
}
@media only screen and (max-width: 1024px) {
  footer#footer .footer-wrapper .footer-menu {
    background-color: #fff;
    padding: 0;
    height: 11.2rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  footer#footer .footer-wrapper .footer-menu .instagram-menu-link {
    display: block;
    margin: auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
  footer#footer .footer-wrapper .footer-menu .instagram-menu-link svg path {
    fill: #000;
  }
}
@media only screen and (max-width: 768px) {
  footer#footer .footer-wrapper .footer-menu {
    height: 8rem;
  }
  footer#footer .footer-wrapper .footer-menu .instagram-menu-link svg {
    width: 5rem;
  }
}
footer#footer .footer-wrapper .footer-menu .menu-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 5rem;
}
@media only screen and (max-width: 1024px) {
  footer#footer .footer-wrapper .footer-menu .menu-list {
    display: none;
  }
}
footer#footer .footer-wrapper .footer-menu .menu-list li + li {
  position: relative;
}
footer#footer .footer-wrapper .footer-menu .menu-list li + li::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: -2.5rem;
  width: 1px;
  height: 100%;
  background-color: #333333;
}
footer#footer .footer-wrapper .footer-menu .menu-list li a {
  position: relative;
  display: block;
  color: #333333;
  line-height: 1;
  font-weight: 500;
  font-size: 2rem;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
footer#footer .footer-wrapper .footer-menu .mobile-nav-toggle {
  position: absolute;
  right: 0;
  top: 0;
}
footer#footer .footer-wrapper .company-info {
  position: relative;
}
footer#footer .footer-wrapper .company-info .footer-logo {
  margin: auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
footer#footer .footer-wrapper .company-info .footer-logo img {
  width: 54rem;
  margin: auto;
}
@media only screen and (max-width: 768px) {
  footer#footer .footer-wrapper .company-info .footer-logo img {
    width: 36rem;
  }
}
footer#footer .footer-wrapper .company-info .detail-info {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: minmax(0, 1fr) 3.2rem minmax(0, 1fr);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 3.2rem;
  font-size: 16px;
}
footer#footer .footer-wrapper .company-info .detail-info .flex-row {
  margin-top: 1rem;
}
footer#footer .footer-wrapper .company-info .detail-info .flex-row.tel {
  margin-top: 2.4rem;
}
@media only screen and (max-width: 768px) {
  footer#footer .footer-wrapper .company-info .detail-info {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
footer#footer .footer-wrapper .insta-link {
  position: absolute;
  bottom: 10rem;
  left: calc(50% + 40vw);
}
@media only screen and (max-width: 1024px) {
  footer#footer .footer-wrapper .insta-link {
    display: none;
  }
}
footer#footer .footer-wrapper .insta-link a svg {
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
footer#footer .footer-wrapper .insta-link a:hover svg {
  -webkit-filter: drop-shadow(0 4px 3px rgba(0, 0, 0, 0.1882352941));
          filter: drop-shadow(0 4px 3px rgba(0, 0, 0, 0.1882352941));
}
footer#footer .footer-wrapper .copyright {
  padding-top: 4.8rem;
  text-align: center;
  font-size: 1.6rem;
}
@media only screen and (max-width: 576px) {
  footer#footer .footer-wrapper .copyright {
    font-size: 1.8rem;
  }
}

main {
  overflow-x: hidden;
}

.mv-section {
  padding-top: 18rem;
  background: url("../image/wallpaper/back-pattern1.jpg") no-repeat center center/cover;
}
.mv-section::before {
  content: "";
  position: absolute;
  bottom: -5rem;
  left: 0;
  width: 100%;
  height: 11rem;
  background: url("../image/decoration/grass-white.png") no-repeat center center/cover;
}
@media only screen and (max-width: 768px) {
  .mv-section::before {
    bottom: -3rem;
    height: 6rem;
  }
}
.mv-section .mv-img-wrapper {
  position: relative;
  width: calc(100vw - (100vw - 1000px) / 2 - 20px);
  height: 41rem;
  margin-left: auto;
  border-radius: 6rem 0 0 6rem;
  z-index: 0;
  overflow: hidden;
}
@media only screen and (max-width: 1440px) {
  .mv-section .mv-img-wrapper {
    width: calc(100vw - (100vw - 860px) / 2 - 20px);
  }
}
@media only screen and (max-width: 1024px) {
  .mv-section .mv-img-wrapper {
    width: calc(100vw - 8rem);
  }
}
@media only screen and (max-width: 768px) {
  .mv-section .mv-img-wrapper {
    border-radius: 3.2rem 0 0 3.2rem;
    padding: 7rem 6rem;
    width: calc(100vw - 4rem);
  }
}
.mv-section .mv-img-wrapper::before {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: repeating-linear-gradient(to bottom, #000000 0px, #000000 7px, #ffffff 7px, #ffffff 8px);
  opacity: 0.2;
  z-index: -1;
  content: "";
  position: absolute;
}

.company-overview-section {
  position: relative;
  background-color: #fff;
  padding: 15rem 0;
  z-index: 10;
}
@media only screen and (max-width: 768px) {
  .company-overview-section {
    padding: 10rem 0;
  }
}
@media only screen and (max-width: 576px) {
  .company-overview-section {
    padding: 10rem 0;
  }
}
.company-overview-section::before {
  content: "";
  position: absolute;
  top: -5rem;
  left: 0;
  width: 100%;
  height: 11rem;
  background: url("../image/decoration/grass-white.png") no-repeat center center/cover;
  -webkit-transform: scaleY(-1);
          transform: scaleY(-1);
}
.company-overview-section::after {
  content: "";
  position: absolute;
  bottom: -5rem;
  left: 0;
  width: 100%;
  height: 11rem;
  background: url("../image/decoration/grass-white.png") no-repeat center center/cover;
}
.company-overview-section .overview-content {
  margin-top: 5rem;
}
.company-overview-section .overview-content .info-items .info-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 3rem;
  padding: 1.5rem 0;
  font-size: 18px;
}
@media only screen and (max-width: 768px) {
  .company-overview-section .overview-content .info-items .info-item {
    font-size: 2rem;
  }
}
.company-overview-section .overview-content .info-items .info-item + .info-item {
  border-top: 1px solid #CCCCCC;
}
.company-overview-section .overview-content .info-items .info-item .info-lb {
  color: #FF931E;
  min-width: 90px;
}
@media only screen and (max-width: 768px) {
  .company-overview-section .overview-content .info-items .info-item .info-lb {
    min-width: 10rem;
  }
}
.contact-section {
  position: relative;
  background-color: #fff;
  padding: 15rem 0;
}
@media only screen and (max-width: 768px) {
  .contact-section {
    padding: 10rem 0;
  }
}
@media only screen and (max-width: 576px) {
  .contact-section {
    padding: 8rem 0;
  }
}
.contact-section::before {
  content: "";
  position: absolute;
  left: 6rem;
  top: 6rem;
  width: 30rem;
  height: 43rem;
  background: url("../image/cat/cat2.png") no-repeat center center/contain;
  z-index: 1;
}
@media only screen and (max-width: 768px) {
  .contact-section::before {
    display: none;
  }
}
.contact-section::after {
  content: "";
  position: absolute;
  right: 6rem;
  top: 6rem;
  width: 30rem;
  height: 43rem;
  background: url("../image/cat/cat3.png") no-repeat center center/contain;
  z-index: 1;
}
@media only screen and (max-width: 768px) {
  .contact-section::after {
    display: none;
  }
}
.contact-section .contact-section-title__wrapper .title {
  font-size: 5rem;
  letter-spacing: -0.05em;
  line-height: 1.75;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .contact-section .contact-section-title__wrapper .title {
    font-size: 4.2rem;
  }
}
@media only screen and (max-width: 576px) {
  .contact-section .contact-section-title__wrapper .title {
    font-size: 3.2rem;
  }
}
.contact-section .contact-section-title__wrapper .check-list {
  margin-top: 5.3rem;
}
.contact-section .contact-section-title__wrapper .check-list ul {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
}
.contact-section .contact-section-title__wrapper .check-list ul li {
  position: relative;
  font-size: 2.48rem;
  line-height: 1.5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.9rem;
}
@media only screen and (max-width: 576px) {
  .contact-section .contact-section-title__wrapper .check-list ul li {
    font-size: 2.2rem;
  }
}
.contact-section .contact-section-title__wrapper .check-list ul li + li {
  margin-top: 1.5rem;
}
.contact-section .contact-section-title__wrapper .check-list ul li::before {
  content: "";
  position: relative;
  display: block;
  width: 3rem;
  height: 3rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background: url("../image/icon/checkbox.png") no-repeat center center/contain;
}
.contact-section .contact-desc {
  font-size: 16px;
  text-align: center;
  margin-top: 5.8rem;
}
@media only screen and (max-width: 576px) {
  .contact-section .contact-desc {
    font-size: 1.6rem;
  }
}
.contact-section .tel-support {
  margin-top: 2.3rem;
  font-size: 20px;
  text-align: center;
}
.contact-section .tel-support .orange {
  color: #FF931E;
}
.contact-section .form-wrapper {
  margin-top: 6.5rem;
}
.contact-section .form-wrapper .form-inner .input-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 3.1rem;
  font-size: 16px;
}
@media only screen and (max-width: 768px) {
  .contact-section .form-wrapper .form-inner .input-row {
    display: block;
  }
}
@media only screen and (max-width: 576px) {
  .contact-section .form-wrapper .form-inner .input-row {
    font-size: 1.8rem;
  }
}
.contact-section .form-wrapper .form-inner .input-row + .input-row {
  margin-top: 4rem;
}
@media only screen and (max-width: 576px) {
  .contact-section .form-wrapper .form-inner .input-row + .input-row {
    margin-top: 3rem;
  }
}
.contact-section .form-wrapper .form-inner .input-row .input-lb {
  position: relative;
  display: inline-block;
  min-width: 185px;
  letter-spacing: 0;
}
.contact-section .form-wrapper .form-inner .input-row .input-lb.required::after {
  content: "※必須";
  position: relative;
  display: inline;
  color: #FF931E;
}
.contact-section .form-wrapper .form-inner .input-row .input-field {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
}
.contact-section .form-wrapper .form-inner .input-row .input-field input:focus,
.contact-section .form-wrapper .form-inner .input-row .input-field textarea:focus,
.contact-section .form-wrapper .form-inner .input-row .input-field select:focus {
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
}
@media only screen and (max-width: 576px) {
  .contact-section .form-wrapper .form-inner .input-row .input-field input,
  .contact-section .form-wrapper .form-inner .input-row .input-field textarea,
  .contact-section .form-wrapper .form-inner .input-row .input-field select {
    font-size: 2rem;
  }
}
.contact-section .form-wrapper .form-inner .input-row .note {
  margin-top: 1rem;
}
.contact-section .form-wrapper .form-inner .error {
  display: none;
  color: #f02030;
  font-size: 1.6rem;
}
.contact-section .form-wrapper .submit-btn__wrapper {
  margin-top: 6.8rem;
  text-align: center;
}
.contact-section .form-wrapper .submit-btn__wrapper button {
  width: 29.8rem;
}
.contact-section .form-wrapper .submit-btn__wrapper button span {
  width: 100%;
  padding: 1rem 0;
}

.cat-divide {
  width: 100%;
  height: 0;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .cat-divide {
    display: none;
  }
}
.cat-divide::before {
  content: "";
  width: 34.7rem;
  height: 52rem;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background: url("../image/cat/cat1.png") no-repeat center center/contain;
  z-index: 1;
}

#top .mv-section {
  width: 100%;
  padding-bottom: 15rem;
  position: relative;
}
#top .mv-section .mv-img-wrapper {
  height: 76.8rem;
  background: url("../image/img-bg/fv-img.png");
  background-size: 180%;
  background-position: 30% center;
  padding: 12rem 11rem 6rem 11rem;
}
@media only screen and (max-width: 768px) {
  #top .mv-section .mv-img-wrapper {
    border-radius: 3.2rem 0 0 3.2rem;
    padding: 7rem 6rem;
    background-size: 240%;
    background-position: 36% 50%;
  }
}
#top .mv-section .mv-img-wrapper .mv-catch-field {
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  gap: 2.4rem;
}
#top .mv-section .mv-img-wrapper .mv-catch-field .mv-title {
  font-size: 6.2rem;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  letter-spacing: 0.05em;
  line-height: 1.4;
}
#top .mv-section .mv-img-wrapper .mv-catch-field .mv-description {
  font-size: 2.2rem;
  line-height: 1.6;
  font-weight: 500;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  letter-spacing: 0.05em;
}
#top .mv-section .link-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  gap: 1.8rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
#top .mv-section .link-group.sp-only {
  margin-top: 7.4rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  gap: 4.3rem;
}
#top .mv-section .link-group.sp-only a {
  max-width: 40rem;
  width: 100%;
}
#top .about-section {
  position: relative;
  background-color: #fff;
}
#top .about-section .section-title1::before {
  width: 150%;
}
#top .about-section .about-content {
  margin-top: 13.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width: 768px) {
  #top .about-section .about-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 4rem;
  }
}
#top .about-section .about-content-left {
  width: 65%;
}
@media only screen and (max-width: 768px) {
  #top .about-section .about-content-left {
    width: 100%;
  }
}
#top .about-section .about-content-info .content-title {
  font-size: 6rem;
  line-height: 1.2;
  letter-spacing: -0.05em;
  white-space: nowrap;
}
@media only screen and (max-width: 768px) {
  #top .about-section .about-content-info .content-title {
    font-size: 5rem;
  }
}
#top .about-section .about-content-info .content-desc {
  margin-top: 2.9rem;
  font-size: 18px;
  line-height: 1.75;
  font-weight: 500;
  letter-spacing: 0.05em;
}
#top .about-section .about-content-right {
  width: 50%;
}
@media print, screen and (min-width: 769px) {
  #top .about-section .about-content-right {
    height: 0;
  }
}
@media only screen and (max-width: 768px) {
  #top .about-section .about-content-right {
    width: 100%;
  }
}
#top .about-section .about-content-right .about-content-potato-img {
  width: 80rem;
  height: 67rem;
  -webkit-mask: url("../image/mask/mask1.png") no-repeat center center/contain;
          mask: url("../image/mask/mask1.png") no-repeat center center/contain;
  -webkit-transform: translate(8rem, -10rem);
          transform: translate(8rem, -10rem);
  overflow: hidden;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
@media only screen and (max-width: 768px) {
  #top .about-section .about-content-right .about-content-potato-img {
    -webkit-transform: unset;
            transform: unset;
    width: 100%;
    height: auto;
  }
}
@media print, screen and (min-width: 769px) {
  #top .about-section .about-content-right .about-content-potato-img img {
    position: absolute;
    top: 50%;
    left: 30%;
    width: 200%;
    height: 200%;
    -o-object-fit: cover;
       object-fit: cover;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}
@media only screen and (max-width: 768px) {
  #top .about-section .about-content-right .about-content-potato-img img {
    width: 100%;
    height: 100%;
  }
}
#top .strength-section {
  position: relative;
  z-index: 1;
}
#top .strength-section::before {
  content: "";
  position: absolute;
  bottom: -5rem;
  left: 0;
  width: 100%;
  height: 11rem;
  background: url("../image/decoration/grass-white.png") no-repeat center center/cover;
}
#top .strength-section .strength-title__wrapper {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
}
#top .strength-section .strength-title__wrapper .section-title2::before {
  content: "";
  position: absolute;
  top: 0;
  left: calc(50% - 33.3rem - 20rem);
  width: 33.3rem;
  height: 13.4rem;
  background: url("../image/arc-text2.png") no-repeat center center/contain;
}
@media only screen and (max-width: 768px) {
  #top .strength-section .strength-title__wrapper .section-title2::before {
    left: -50%;
    top: -80%;
  }
}
@media only screen and (max-width: 576px) {
  #top .strength-section .strength-title__wrapper .section-title2::before {
    width: 30rem;
    height: 10rem;
    left: -70%;
    top: -70%;
  }
}
#top .strength-section .strength-content {
  position: relative;
  margin-top: 1.6rem;
}
#top .strength-section .strength-content .strength-content__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media only screen and (max-width: 768px) {
  #top .strength-section .strength-content .strength-content__items {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
#top .strength-section .strength-content .strength-content__items .strength-item {
  position: relative;
  text-align: center;
  padding: 3rem;
  z-index: 0;
}
@media only screen and (max-width: 768px) {
  #top .strength-section .strength-content .strength-content__items .strength-item {
    -webkit-box-flex: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
  }
  #top .strength-section .strength-content .strength-content__items .strength-item:nth-child(1) {
    width: 100%;
    -webkit-transform: translateY(4rem);
            transform: translateY(4rem);
  }
}
@media only screen and (max-width: 576px) {
  #top .strength-section .strength-content .strength-content__items .strength-item {
    padding: 2.6rem;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
}
#top .strength-section .strength-content .strength-content__items .strength-item::before {
  content: "";
  position: absolute;
  top: 0%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 30rem;
  height: 25.2rem;
  z-index: -1;
}
@media only screen and (max-width: 576px) {
  #top .strength-section .strength-content .strength-content__items .strength-item::before {
    width: 26rem;
  }
}
#top .strength-section .strength-content .strength-content__items .strength-item .strength-item-title .title-index {
  font-size: 5rem;
}
#top .strength-section .strength-content .strength-content__items .strength-item .strength-item-title .title {
  font-size: 2rem;
  line-height: 1.2;
  white-space: nowrap;
}
#top .strength-section .strength-content .strength-content__items .strength-item .strength-item-icon {
  margin-top: 1rem;
}
#top .strength-section .strength-content .strength-content__items .strength-item .strength-item-icon img {
  width: auto;
  height: 14.5rem;
}
@media only screen and (max-width: 576px) {
  #top .strength-section .strength-content .strength-content__items .strength-item .strength-item-icon img {
    height: 10rem;
  }
}
#top .strength-section .strength-content .strength-content__items .strength-item:nth-child(1)::before {
  background: url("../image/decoration/spiral-orange.png") no-repeat center center/cover;
  background-size: contain;
}
#top .strength-section .strength-content .strength-content__items .strength-item:nth-child(2)::before {
  background: url("../image/decoration/spiral-blue.png") no-repeat center center/cover;
  background-size: contain;
}
#top .strength-section .strength-content .strength-content__items .strength-item:nth-child(3)::before {
  background: url("../image/decoration/spiral-pink.png") no-repeat center center/cover;
  background-size: contain;
}
#top .case-section {
  background-color: #FF931E;
  padding: 14rem 0 43rem;
  position: relative;
  overflow: hidden;
}
@media only screen and (max-width: 768px) {
  #top .case-section {
    padding: 10rem 0 30rem;
  }
}
@media only screen and (max-width: 576px) {
  #top .case-section {
    padding: 10rem 0 20rem;
  }
}
#top .case-section::before {
  content: "";
  position: absolute;
  bottom: 0rem;
  left: 0;
  width: 100%;
  height: 40rem;
  background: url("../image/decoration/street.png") no-repeat center center/cover;
}
@media only screen and (max-width: 768px) {
  #top .case-section::before {
    background-size: contain;
    height: 20rem;
    bottom: -1rem;
  }
}
@media only screen and (max-width: 576px) {
  #top .case-section::before {
    width: 120%;
    height: 18rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
#top .case-section::after {
  content: "";
  position: absolute;
  bottom: 31rem;
  left: calc(50% + 18rem);
  width: 43.9rem;
  height: 18rem;
  background: url("../image/arc-text1.png") no-repeat center center/contain;
}
@media only screen and (max-width: 768px) {
  #top .case-section::after {
    display: none;
  }
}
#top .case-section .section-title1::before {
  width: 116%;
  top: 10%;
}
#top .case-section .catch {
  margin-top: 5.2rem;
  text-align: center;
  color: #fff;
  font-size: 16px;
}
#top .case-section .case-content .case-list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: minmax(0, 1fr) 4rem minmax(0, 1fr) 4rem minmax(0, 1fr);
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7rem 4rem;
  margin-top: 5rem;
}
@media only screen and (max-width: 768px) {
  #top .case-section .case-content .case-list {
    -ms-grid-columns: minmax(0, 1fr) 4rem minmax(0, 1fr);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6rem 4rem;
  }
}
@media only screen and (max-width: 576px) {
  #top .case-section .case-content .case-list {
    gap: 4rem 2.4rem;
  }
}
#top .case-section .case-content .case-list .case-item {
  width: 100%;
}
#top .case-section .case-content .case-list .case-item__thumbnail {
  width: 100%;
  aspect-ratio: 306/224;
  border-radius: 3rem;
  overflow: hidden;
}
@media only screen and (max-width: 576px) {
  #top .case-section .case-content .case-list .case-item__thumbnail {
    border-radius: 2rem;
  }
}
#top .case-section .case-content .case-list .case-item__thumbnail img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#top .case-section .case-content .case-list .case-item .case-desc {
  margin-top: 1.7rem;
  text-align: center;
  font-size: 16px;
  color: #fff;
}
@media only screen and (max-width: 576px) {
  #top .case-section .case-content .case-list .case-item .case-desc {
    font-size: 1.6rem;
  }
}
#top .case-section .case-content .case-list .case-item .case-detail__link {
  margin-top: 2.3rem;
}
#top .case-section .case-content .case-list .case-item .case-detail__link .secondary-btn {
  font-size: 2.4rem;
}
#top .case-section .case-content .case-list .case-item .case-detail__link .secondary-btn span {
  letter-spacing: -0.1em;
}
#top .case-section .case-content .case-list__link {
  margin-top: 9.7rem;
}
#top .case-section .case-content .case-list__link .secondary-btn {
  font-size: 3rem;
}
#top .case-section .case-content .case-list__link .secondary-btn span {
  letter-spacing: 0em;
}
#top .trust-section {
  position: relative;
  background-color: #FFEFDD;
  padding: 14rem 0 26rem;
  z-index: 2;
}
#top .trust-section::before {
  content: "";
  position: absolute;
  bottom: -5rem;
  left: 0;
  width: 100%;
  height: 11rem;
  background: url("../image/decoration/grass-orange.png") no-repeat center center/cover;
}
@media only screen and (max-width: 768px) {
  #top .trust-section {
    padding: 10rem 0;
  }
}
@media only screen and (max-width: 576px) {
  #top .trust-section {
    padding: 8rem 0;
  }
}
#top .trust-section .trust-title__wrapper .trust-title {
  font-size: 4.8rem;
  line-height: 1.75;
  letter-spacing: -0.05em;
  white-space: nowrap;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  #top .trust-section .trust-title__wrapper .trust-title {
    font-size: 4.2rem;
  }
}
@media only screen and (max-width: 576px) {
  #top .trust-section .trust-title__wrapper .trust-title {
    font-size: 3.8rem;
  }
}
#top .trust-section .trust-title__wrapper .brush-hero__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  gap: 6rem;
  margin-top: 1.8rem;
}
@media only screen and (max-width: 768px) {
  #top .trust-section .trust-title__wrapper .brush-hero__wrap {
    gap: 5rem;
  }
}
@media only screen and (max-width: 576px) {
  #top .trust-section .trust-title__wrapper .brush-hero__wrap {
    gap: 4rem;
    display: block;
  }
}
#top .trust-section .trust-title__wrapper .brush-hero__wrap .brush-hero__title {
  position: relative;
  font-size: 5.3rem;
  letter-spacing: -0.05em;
  white-space: nowrap;
  letter-spacing: -0.05em;
}
#top .trust-section .trust-title__wrapper .brush-hero__wrap .brush-hero__title .strong {
  font-size: 8.3rem;
}
#top .trust-section .trust-title__wrapper .brush-hero__wrap .brush-hero__title .orange {
  color: #FF931E;
}
#top .trust-section .trust-title__wrapper .brush-hero__wrap .brush-hero__title:first-child, #top .trust-section .trust-title__wrapper .brush-hero__wrap .brush-hero__title:last-child {
  z-index: 0;
}
#top .trust-section .trust-title__wrapper .brush-hero__wrap .brush-hero__title:first-child::before, #top .trust-section .trust-title__wrapper .brush-hero__wrap .brush-hero__title:last-child::before {
  content: "";
  position: absolute;
  top: 30%;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("../image/decoration/brush-sm1.png") no-repeat center center/contain;
  z-index: -1;
}
#top .trust-section .trust-title__wrapper .brush-hero__wrap .brush-hero__title:first-child span, #top .trust-section .trust-title__wrapper .brush-hero__wrap .brush-hero__title:last-child span {
  position: relative;
}
#top .trust-section .trust-title__wrapper .brush-hero__wrap .brush-hero__title:first-child span.line-left::before, #top .trust-section .trust-title__wrapper .brush-hero__wrap .brush-hero__title:last-child span.line-left::before {
  content: "";
  position: absolute;
  top: 0;
  left: -2.5rem;
  width: 7.5rem;
  height: 7.5rem;
  border-left: 1px solid #333333;
  border-top: 1px solid #333333;
  z-index: -1;
}
@media only screen and (max-width: 768px) {
  #top .trust-section .trust-title__wrapper .brush-hero__wrap .brush-hero__title:first-child span.line-left::before, #top .trust-section .trust-title__wrapper .brush-hero__wrap .brush-hero__title:last-child span.line-left::before {
    width: 5rem;
    height: 5rem;
    left: -1rem;
  }
}
#top .trust-section .trust-title__wrapper .brush-hero__wrap .brush-hero__title:first-child span.line-right::before, #top .trust-section .trust-title__wrapper .brush-hero__wrap .brush-hero__title:last-child span.line-right::before {
  content: "";
  position: absolute;
  bottom: 0;
  right: -2.5rem;
  width: 7.5rem;
  height: 7.5rem;
  border-right: 1px solid #333333;
  border-bottom: 1px solid #333333;
  z-index: -1;
}
@media only screen and (max-width: 768px) {
  #top .trust-section .trust-title__wrapper .brush-hero__wrap .brush-hero__title:first-child span.line-right::before, #top .trust-section .trust-title__wrapper .brush-hero__wrap .brush-hero__title:last-child span.line-right::before {
    width: 5rem;
    height: 5rem;
    right: -1rem;
  }
}
@media only screen and (max-width: 768px) {
  #top .trust-section .trust-title__wrapper .brush-hero__wrap .brush-hero__title {
    font-size: 3.2rem;
  }
  #top .trust-section .trust-title__wrapper .brush-hero__wrap .brush-hero__title .strong {
    font-size: 5.6rem;
  }
}
@media only screen and (max-width: 576px) {
  #top .trust-section .trust-title__wrapper .brush-hero__wrap .brush-hero__title {
    font-size: 3.6rem;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
  #top .trust-section .trust-title__wrapper .brush-hero__wrap .brush-hero__title .strong {
    font-size: 5rem;
  }
  #top .trust-section .trust-title__wrapper .brush-hero__wrap .brush-hero__title:last-child {
    margin-left: auto;
  }
}
#top .trust-section .trust-title__wrapper .trust-catch {
  margin-top: 7rem;
  text-align: center;
  color: #333333;
  font-size: 16px;
}
@media only screen and (max-width: 768px) {
  #top .trust-section .trust-title__wrapper .trust-catch {
    margin-top: 5rem;
  }
}
#top .trust-section .trust-content .trust-content__items {
  counter-reset: trustIndex;
  margin-top: 22rem;
}
@media only screen and (max-width: 768px) {
  #top .trust-section .trust-content .trust-content__items {
    max-width: 80%;
    margin: auto;
    margin-top: 10rem;
  }
}
@media only screen and (max-width: 576px) {
  #top .trust-section .trust-content .trust-content__items {
    max-width: 100%;
  }
}
@media only screen and (max-width: 576px) {
  #top .trust-section .trust-content .trust-content__items {
    margin-top: 10rem;
  }
}
#top .trust-section .trust-content .trust-content__items .trust-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  counter-increment: trustIndex;
}
@media only screen and (max-width: 768px) {
  #top .trust-section .trust-content .trust-content__items .trust-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
#top .trust-section .trust-content .trust-content__items .trust-item + .trust-item {
  margin-top: 26rem;
}
@media only screen and (max-width: 768px) {
  #top .trust-section .trust-content .trust-content__items .trust-item + .trust-item {
    margin-top: 10rem;
  }
}
#top .trust-section .trust-content .trust-content__items .trust-item .trust-item__info {
  width: 55%;
}
@media only screen and (max-width: 768px) {
  #top .trust-section .trust-content .trust-content__items .trust-item .trust-item__info {
    width: 100%;
    margin-top: -8rem;
  }
}
@media only screen and (max-width: 576px) {
  #top .trust-section .trust-content .trust-content__items .trust-item .trust-item__info {
    margin-top: -4rem;
  }
}
#top .trust-section .trust-content .trust-content__items .trust-item .trust-item__info .info-title {
  position: relative;
  font-size: 6rem;
  letter-spacing: -0.05em;
  line-height: 1.1;
  z-index: 0;
  white-space: nowrap;
}
@media only screen and (max-width: 768px) {
  #top .trust-section .trust-content .trust-content__items .trust-item .trust-item__info .info-title {
    font-size: 5rem;
  }
}
#top .trust-section .trust-content .trust-content__items .trust-item .trust-item__info .info-title.brush-title1::before {
  content: "";
  position: absolute;
  top: 50%;
  right: -10%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 100rem;
  height: 18.9rem;
  background: url("../image/decoration/brush-orange-lg1.png");
  background-size: contain;
  background-repeat: no-repeat;
  z-index: -1;
}
@media only screen and (max-width: 768px) {
  #top .trust-section .trust-content .trust-content__items .trust-item .trust-item__info .info-title.brush-title1::before {
    right: -5%;
  }
}
@media only screen and (max-width: 768px) {
  #top .trust-section .trust-content .trust-content__items .trust-item .trust-item__info .info-title.brush-title2 {
    padding-left: 5rem;
  }
}
#top .trust-section .trust-content .trust-content__items .trust-item .trust-item__info .info-title.brush-title2::before {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: -20%;
  width: 100rem;
  height: 26rem;
  background: url("../image/decoration/brush-orange-lg2.png");
  background-size: contain;
  background-repeat: no-repeat;
  z-index: -1;
}
@media only screen and (max-width: 768px) {
  #top .trust-section .trust-content .trust-content__items .trust-item .trust-item__info .info-title.brush-title2::before {
    left: -4rem;
    top: 60%;
  }
}
#top .trust-section .trust-content .trust-content__items .trust-item .trust-item__info .info-title.brush-title3::before {
  content: "";
  position: absolute;
  top: 50%;
  right: -20%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 116rem;
  height: 22rem;
  background: url("../image/decoration/brush-orange-lg1.png");
  background-size: contain;
  background-repeat: no-repeat;
  z-index: -1;
}
@media only screen and (max-width: 768px) {
  #top .trust-section .trust-content .trust-content__items .trust-item .trust-item__info .info-title.brush-title3::before {
    right: -10%;
  }
}
#top .trust-section .trust-content .trust-content__items .trust-item .trust-item__info .info-text1 {
  margin-top: 8rem;
  font-size: 3.2rem;
  letter-spacing: -0.05em;
}
#top .trust-section .trust-content .trust-content__items .trust-item .trust-item__info .info-text2 {
  margin-top: 3rem;
  font-size: 18px;
  line-height: 1.6;
}
#top .trust-section .trust-content .trust-content__items .trust-item .trust-img {
  position: relative;
  z-index: 0;
}
#top .trust-section .trust-content .trust-content__items .trust-item .trust-img .potato-inner {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: -2;
}
@media only screen and (max-width: 768px) {
  #top .trust-section .trust-content .trust-content__items .trust-item .trust-img .potato-inner {
    position: relative;
    -webkit-transform: unset;
            transform: unset;
    top: 0;
  }
}
#top .trust-section .trust-content .trust-content__items .trust-item .trust-img .potato-inner::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("../image/decoration/potato-spline.png") no-repeat center center/contain;
  z-index: 1;
}
#top .trust-section .trust-content .trust-content__items .trust-item .trust-img .potato-inner .caption {
  position: absolute;
  white-space: nowrap;
  bottom: 0;
  font-size: 3.25rem;
  color: #FF931E;
  letter-spacing: -0.05em;
  line-height: 1;
  z-index: 1;
  -webkit-transform: rotate(340deg);
          transform: rotate(340deg);
}
@media only screen and (max-width: 768px) {
  #top .trust-section .trust-content .trust-content__items .trust-item .trust-img .potato-inner .caption {
    position: relative;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: auto;
    font-size: 2.6rem;
  }
}
#top .trust-section .trust-content .trust-content__items .trust-item .trust-img .potato-inner .caption .caption-inner {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#top .trust-section .trust-content .trust-content__items .trust-item .trust-img .potato-inner .caption .caption-inner::after {
  content: counter(trustIndex);
  color: #FF931E;
  font-size: 19.5rem;
  letter-spacing: -0.05em;
  line-height: 1;
}
@media only screen and (max-width: 768px) {
  #top .trust-section .trust-content .trust-content__items .trust-item .trust-img .potato-inner .caption .caption-inner::after {
    font-size: 14rem;
  }
}
#top .trust-section .trust-content .trust-content__items .trust-item .trust-img .potato-inner .potato {
  position: relative;
}
@media print, screen and (min-width: 769px) {
  #top .trust-section .trust-content .trust-content__items .trust-item .trust-img .potato-inner .potato img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}
@media only screen and (max-width: 768px) {
  #top .trust-section .trust-content .trust-content__items .trust-item .trust-img .potato-inner .potato img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
#top .trust-section .trust-content .trust-content__items .trust-item .trust-img .potato-inner.potato2 .potato {
  width: 77.2rem;
  height: 64.8rem;
  -webkit-mask: url("../image/mask/mask2.png");
          mask: url("../image/mask/mask2.png");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
@media print, screen and (min-width: 769px) {
  #top .trust-section .trust-content .trust-content__items .trust-item .trust-img .potato-inner.potato2 .caption {
    left: -5rem;
  }
}
@media only screen and (max-width: 768px) {
  #top .trust-section .trust-content .trust-content__items .trust-item .trust-img .potato-inner.potato2 .potato {
    width: 100%;
    height: auto;
    aspect-ratio: 1/1;
  }
}
#top .trust-section .trust-content .trust-content__items .trust-item .trust-img .potato-inner.potato3 .potato {
  width: 79.3rem;
  height: 64rem;
  -webkit-mask: url("../image/mask/mask3.png");
          mask: url("../image/mask/mask3.png");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
@media print, screen and (min-width: 769px) {
  #top .trust-section .trust-content .trust-content__items .trust-item .trust-img .potato-inner.potato3 .caption {
    right: 0;
    bottom: -13rem;
  }
}
@media only screen and (max-width: 768px) {
  #top .trust-section .trust-content .trust-content__items .trust-item .trust-img .potato-inner.potato3 .potato {
    width: 100%;
    height: auto;
    aspect-ratio: 1/1;
  }
}
#top .trust-section .trust-content .trust-content__items .trust-item .trust-img .potato-inner.potato4 .potato {
  width: 73.4rem;
  height: 61.5rem;
  -webkit-mask: url("../image/mask/mask4.png");
          mask: url("../image/mask/mask4.png");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
@media print, screen and (min-width: 769px) {
  #top .trust-section .trust-content .trust-content__items .trust-item .trust-img .potato-inner.potato4 .caption {
    left: -9rem;
    bottom: -14rem;
  }
}
@media only screen and (max-width: 768px) {
  #top .trust-section .trust-content .trust-content__items .trust-item .trust-img .potato-inner.potato4 .potato {
    width: 100%;
    height: auto;
    aspect-ratio: 1/1;
  }
}
@media print, screen and (min-width: 769px) {
  #top .trust-section .trust-content .trust-content__items .trust-item:nth-child(odd) .trust-img .potato-inner {
    left: 10rem;
  }
  #top .trust-section .trust-content .trust-content__items .trust-item:nth-child(even) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  #top .trust-section .trust-content .trust-content__items .trust-item:nth-child(even) .trust-item__info .info-title {
    padding-left: 6rem;
  }
  #top .trust-section .trust-content .trust-content__items .trust-item:nth-child(even) .trust-item__info .info-title.brush-title2::before {
    top: 60%;
    left: -10%;
  }
  #top .trust-section .trust-content .trust-content__items .trust-item:nth-child(even) .trust-img .potato-inner {
    right: 10rem;
  }
}
#top .trust-section .trust-content .trust-content__items .trust-item:nth-child(1) {
  position: relative;
  z-index: 3;
}
#top .trust-section .trust-content .trust-content__items .trust-item:nth-child(1) .trust-img .potato-inner::after {
  top: -2rem;
  left: -2rem;
}
@media only screen and (max-width: 768px) {
  #top .trust-section .trust-content .trust-content__items .trust-item:nth-child(1) .trust-img .potato-inner::after {
    top: 1rem;
    left: -1rem;
  }
}
#top .trust-section .trust-content .trust-content__items .trust-item:nth-child(2) {
  position: relative;
  z-index: 2;
}
#top .trust-section .trust-content .trust-content__items .trust-item:nth-child(2) .trust-img .potato-inner::after {
  top: -1rem;
  left: 3rem;
  -webkit-transform: scale(-1, -1);
          transform: scale(-1, -1);
}
@media only screen and (max-width: 768px) {
  #top .trust-section .trust-content .trust-content__items .trust-item:nth-child(2) .trust-img .potato-inner::after {
    top: 2rem;
    left: 1rem;
  }
}
#top .trust-section .trust-content .trust-content__items .trust-item:nth-child(3) {
  position: relative;
  z-index: 1;
}
#top .trust-section .trust-content .trust-content__items .trust-item:nth-child(3) .trust-img .potato-inner::after {
  top: -1rem;
  left: -2rem;
  -webkit-transform: scale(-1, -1);
          transform: scale(-1, -1);
}
@media only screen and (max-width: 768px) {
  #top .trust-section .trust-content .trust-content__items .trust-item:nth-child(3) .trust-img .potato-inner::after {
    top: 2rem;
  }
}
#top .recruit-section {
  position: relative;
  z-index: 1;
}
#top .recruit-section .recruit-back {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url("../image/img-bg/recruit-bg.png") no-repeat 0% center/136%;
  z-index: -1;
}
#top .recruit-section .recruit-back::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, from(#221F20), to(#fff));
  background: linear-gradient(to right, #221F20, #fff);
  mix-blend-mode: multiply;
  z-index: -1;
}
#top .recruit-section .recruit-back::after {
  content: "";
  position: absolute;
  bottom: -5rem;
  left: 0;
  width: 100%;
  height: 11rem;
  background: url("../image/decoration/grass-gray.png") no-repeat center center/cover;
}
@media only screen and (max-width: 768px) {
  #top .recruit-section .recruit-back {
    position: relative;
    height: 55rem;
  }
}
#top .recruit-section .recruit-section__wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 15rem 0;
}
#top .recruit-section .recruit-section__wrapper::after {
  content: "";
  position: absolute;
  bottom: -5rem;
  left: 0;
  width: 100%;
  height: 11rem;
  background: url("../image/decoration/grass-white.png") no-repeat center center/cover;
}
@media print, screen and (min-width: 769px) {
  #top .recruit-section .recruit-section__wrapper {
    color: #fff;
  }
}
@media only screen and (max-width: 768px) {
  #top .recruit-section .recruit-section__wrapper {
    background-color: #F2F2F2;
    padding: 4rem 0 14rem;
  }
}
#top .recruit-section .recruit-section-title {
  font-size: 6.3rem;
  letter-spacing: -0.1em;
}
@media only screen and (max-width: 768px) {
  #top .recruit-section .recruit-section-title {
    font-size: 5rem;
  }
}
@media print, screen and (min-width: 769px) {
  #top .recruit-section .recruit-content {
    max-width: 60%;
  }
}
#top .recruit-section .recruit-content .desc {
  margin-top: 3.5rem;
  font-size: 18px;
  line-height: 1.75;
  letter-spacing: -0.05em;
}
@media only screen and (max-width: 768px) {
  #top .recruit-section .recruit-content .desc {
    margin-top: 2.6rem;
  }
}
#top .recruit-section .recruit-content .recruit-link {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
  margin-top: 9rem;
}
#top .recruit-section .recruit-content .recruit-link .orange-btn {
  font-size: 3rem;
}
@media only screen and (max-width: 768px) {
  #top .recruit-section .recruit-content .recruit-link {
    margin-top: 7rem;
  }
}
#top .recruit-section .handwriting {
  position: absolute;
  color: #FF931E;
  font-size: 7.1rem;
  letter-spacing: -0.05em;
  line-height: 1;
  -webkit-transform: rotate(342deg);
          transform: rotate(342deg);
  z-index: 1;
  bottom: 0rem;
  right: 8rem;
}
@media only screen and (max-width: 768px) {
  #top .recruit-section .handwriting {
    bottom: unset;
    right: unset;
    top: 24rem;
    left: 4rem;
    color: #fff;
    font-size: 6rem;
  }
}
@media only screen and (max-width: 576px) {
  #top .recruit-section .handwriting {
    font-size: 4rem;
  }
}
#top .contact-section {
  position: relative;
}

#about .mv-section {
  width: 100%;
  padding-bottom: 15rem;
  position: relative;
}
#about .mv-section::before {
  content: "";
  position: absolute;
  bottom: -5rem;
  left: 0;
  width: 100%;
  height: 11rem;
  background: url("../image/decoration/grass-white.png") no-repeat center center/cover;
}
#about .mv-section .mv-img-wrapper {
  background: url("../image/img-bg/about-fv.png") no-repeat center center/cover;
}
#about .about-section {
  background-color: #fff;
  overflow: hidden;
  padding-bottom: 0;
}
#about .about-section .section-title1::before {
  width: 150%;
  top: 20%;
}
#about .about-section .about-content {
  margin-top: 21rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width: 768px) {
  #about .about-section .about-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    margin-top: 2rem;
  }
}
#about .about-section .about-content-left {
  width: 60%;
}
@media only screen and (max-width: 768px) {
  #about .about-section .about-content-left {
    width: 100%;
  }
}
#about .about-section .about-content-info .content-title {
  font-size: 6rem;
  line-height: 1.2;
  letter-spacing: -0.05em;
  white-space: nowrap;
}
@media only screen and (max-width: 768px) {
  #about .about-section .about-content-info .content-title {
    font-size: 5rem;
  }
}
#about .about-section .about-content-info .content-desc {
  margin-top: 5.8rem;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: -0.05em;
}
#about .about-section .about-content-right {
  width: 50%;
}
@media only screen and (max-width: 768px) {
  #about .about-section .about-content-right {
    width: 100%;
  }
}
#about .about-section .about-content-right .about-content-potato-img {
  width: 80rem;
  height: 67rem;
  -webkit-mask: url("../image/mask/mask4.png") no-repeat center center/contain;
          mask: url("../image/mask/mask4.png") no-repeat center center/contain;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-transform: translate(8rem, -10rem);
          transform: translate(8rem, -10rem);
  overflow: hidden;
}
@media only screen and (max-width: 768px) {
  #about .about-section .about-content-right .about-content-potato-img {
    width: 60rem;
    height: 46rem;
    -webkit-transform: translate(18rem, -3rem);
            transform: translate(18rem, -3rem);
  }
}
@media only screen and (max-width: 576px) {
  #about .about-section .about-content-right .about-content-potato-img {
    -webkit-transform: translate(4rem, -3rem);
            transform: translate(4rem, -3rem);
  }
}
#about .about-section .about-content-right .about-content-potato-img .potato {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
#about .about-section .about-content-right .about-content-potato-img .potato img {
  position: absolute;
  top: 50%;
  left: 30%;
  width: 145%;
  height: 145%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transform: translate(-67%, -56%);
          transform: translate(-67%, -56%);
}
@media only screen and (max-width: 768px) {
  #about .about-section .about-content-right .about-content-potato-img .potato img {
    left: 40%;
    width: 180%;
    height: 180%;
  }
}
#about .consult-section {
  padding: 10rem 0 15rem;
}
@media only screen and (max-width: 768px) {
  #about .consult-section {
    padding: 8rem 0;
  }
  #about .consult-section .section-title3 {
    font-size: 4rem;
  }
}
@media only screen and (max-width: 576px) {
  #about .consult-section .section-title3 {
    font-size: 3.2rem;
  }
}
#about .consult-section .consult-catch {
  margin-top: 3rem;
  text-align: center;
  letter-spacing: -0.1em;
  font-size: 16px;
}
#about .consult-section .consult-content {
  margin-top: 5rem;
}
#about .consult-section .consult-content .consult-item {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 2.4rem;
  padding: 2.4rem;
  border-radius: 4rem;
  border: 4px solid #FF931E;
}
#about .consult-section .consult-content .consult-item + .consult-item {
  margin-top: 3.2rem;
}
@media only screen and (max-width: 768px) {
  #about .consult-section .consult-content .consult-item + .consult-item {
    margin-top: 2.4rem;
  }
}
@media only screen and (max-width: 768px) {
  #about .consult-section .consult-content .consult-item {
    padding: 2rem;
    gap: 2rem;
  }
}
#about .consult-section .consult-content .consult-item .consult-item-img {
  width: 136px;
  height: 136px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border-radius: 50%;
  overflow: hidden;
}
@media only screen and (max-width: 768px) {
  #about .consult-section .consult-content .consult-item .consult-item-img {
    width: 15rem;
    height: 15rem;
  }
}
@media only screen and (max-width: 576px) {
  #about .consult-section .consult-content .consult-item .consult-item-img {
    width: 13rem;
    height: 13rem;
  }
}
#about .consult-section .consult-content .consult-item .consult-item-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#about .consult-section .consult-content .consult-item .consult-item-info .title {
  font-size: 32px;
  line-height: 1.2;
}
@media only screen and (max-width: 768px) {
  #about .consult-section .consult-content .consult-item .consult-item-info .title {
    font-size: 3.4rem;
  }
}
@media only screen and (max-width: 576px) {
  #about .consult-section .consult-content .consult-item .consult-item-info .title {
    font-size: 2.6rem;
  }
}
#about .consult-section .consult-content .consult-item .consult-item-info .desc {
  font-size: 18px;
  margin-top: 1.6rem;
}
@media only screen and (max-width: 768px) {
  #about .consult-section .consult-content .consult-item .consult-item-info .desc {
    font-size: 2rem;
  }
}
@media only screen and (max-width: 576px) {
  #about .consult-section .consult-content .consult-item .consult-item-info .desc {
    font-size: 1.8rem;
  }
}
#about .president-section {
  position: relative;
  padding: 15rem 0;
}
@media only screen and (max-width: 768px) {
  #about .president-section {
    padding: 13rem 0;
  }
  #about .president-section .section-title3 {
    font-size: 4rem;
  }
}
@media only screen and (max-width: 576px) {
  #about .president-section {
    font-size: 3.2rem;
  }
}
#about .president-section::before {
  content: "";
  position: absolute;
  top: -5rem;
  left: 0;
  width: 100%;
  height: 11rem;
  background: url("../image/decoration/grass-white.png") no-repeat center center/cover;
  -webkit-transform: scaleY(-1);
          transform: scaleY(-1);
}
#about .president-section .section-title__wrapper .sub-title {
  margin-top: 13.5rem;
  text-align: center;
  font-size: 6rem;
  letter-spacing: -0.1em;
  line-height: 1.2;
}
@media only screen and (max-width: 768px) {
  #about .president-section .section-title__wrapper .sub-title {
    margin-top: 8rem;
    font-size: 4.2rem;
    text-align: left;
  }
}
#about .president-section .president-content {
  margin-top: 9.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8.67rem;
}
@media only screen and (max-width: 768px) {
  #about .president-section .president-content {
    margin-top: 4rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4rem;
  }
}
#about .president-section .president-content .summary__wrapper {
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  font-size: 16px;
}
@media only screen and (max-width: 576px) {
  #about .president-section .president-content .summary__wrapper {
    font-size: 1.8rem;
  }
}
#about .president-section .president-content .president-photo__wrapper {
  width: 32.2rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media only screen and (max-width: 1024px) {
  #about .president-section .president-content .president-photo__wrapper {
    width: 36rem;
  }
}
@media only screen and (max-width: 820px) {
  #about .president-section .president-content .president-photo__wrapper {
    width: 40%;
  }
}
@media only screen and (max-width: 768px) {
  #about .president-section .president-content .president-photo__wrapper {
    width: 60%;
  }
}
@media only screen and (max-width: 576px) {
  #about .president-section .president-content .president-photo__wrapper {
    width: 80%;
  }
}
#about .president-section .president-content .president-photo__wrapper .thumbnail {
  position: relative;
  width: 100%;
  aspect-ratio: 32/39;
  overflow: hidden;
}
#about .president-section .president-content .president-photo__wrapper .thumbnail img {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 145%;
  height: 145%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
#about .president-section .president-content .president-photo__wrapper .president-info {
  margin-top: 5.3rem;
  font-size: 18px;
}
@media only screen and (max-width: 576px) {
  #about .president-section .president-content .president-photo__wrapper .president-info {
    margin-top: 4rem;
    font-size: 2rem;
  }
}
#about .president-section .president-content .president-photo__wrapper .president-info .president-name span.lg {
  font-size: 30px;
  padding-left: 1.5rem;
}
@media only screen and (max-width: 576px) {
  #about .president-section .president-content .president-photo__wrapper .president-info .president-name span.lg {
    font-size: 3.2rem;
  }
}
#about .contact-section {
  background-color: #fafafa;
}

#recruit .mv-section {
  width: 100%;
  padding-bottom: 15rem;
  position: relative;
}
#recruit .mv-section::before {
  background: url("../image/decoration/grass-white.png") no-repeat center center/cover;
}
#recruit .mv-section .mv-img-wrapper {
  background: url("../image/img-bg/recruit-fv.png") no-repeat center center/cover;
}
#recruit .recruit-info-section {
  position: relative;
  background-color: #fff;
  padding: 10rem 0;
  z-index: 11;
}
#recruit .recruit-info-section .section-title1::before {
  width: 170%;
  top: 30%;
}
#recruit .recruit-info-section .recruit-info-content .recruit-info-content__items {
  counter-reset: trustIndex;
}
#recruit .recruit-info-section .recruit-info-content .recruit-info-content__items .recruit-info-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  counter-increment: trustIndex;
  margin-top: 26rem;
}
@media only screen and (max-width: 768px) {
  #recruit .recruit-info-section .recruit-info-content .recruit-info-content__items .recruit-info-item {
    margin-top: 14rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
@media only screen and (max-width: 768px) {
  #recruit .recruit-info-section .recruit-info-content .recruit-info-content__items .recruit-info-item {
    margin-top: 10rem;
  }
}
#recruit .recruit-info-section .recruit-info-content .recruit-info-content__items .recruit-info-item + .recruit-info-item {
  margin-top: 36rem;
}
@media only screen and (max-width: 768px) {
  #recruit .recruit-info-section .recruit-info-content .recruit-info-content__items .recruit-info-item + .recruit-info-item {
    margin-top: 5rem;
  }
}
#recruit .recruit-info-section .recruit-info-content .recruit-info-content__items .recruit-info-item .recruit-info-item__info {
  width: 50%;
}
@media only screen and (max-width: 768px) {
  #recruit .recruit-info-section .recruit-info-content .recruit-info-content__items .recruit-info-item .recruit-info-item__info {
    width: 100%;
  }
}
#recruit .recruit-info-section .recruit-info-content .recruit-info-content__items .recruit-info-item .recruit-info-item__info .info-title {
  position: relative;
  font-size: 6rem;
  letter-spacing: -0.05em;
  line-height: 1.1;
  z-index: 0;
  white-space: nowrap;
}
@media only screen and (max-width: 768px) {
  #recruit .recruit-info-section .recruit-info-content .recruit-info-content__items .recruit-info-item .recruit-info-item__info .info-title {
    font-size: 5rem;
  }
}
#recruit .recruit-info-section .recruit-info-content .recruit-info-content__items .recruit-info-item .recruit-info-item__info .info-title.brush-title1::before {
  content: "";
  position: absolute;
  top: 50%;
  right: -20%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 100rem;
  height: 25.2rem;
  background: url("../image/decoration/brush-light-orange-lg1.png");
  background-size: contain;
  background-repeat: no-repeat;
  z-index: -1;
}
@media only screen and (max-width: 768px) {
  #recruit .recruit-info-section .recruit-info-content .recruit-info-content__items .recruit-info-item .recruit-info-item__info .info-title.brush-title1::before {
    right: -10%;
  }
}
#recruit .recruit-info-section .recruit-info-content .recruit-info-content__items .recruit-info-item .recruit-info-item__info .info-title.brush-title2::before {
  content: "";
  position: absolute;
  top: 40%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  left: -20%;
  width: 100rem;
  height: 26rem;
  background: url("../image/decoration/brush-light-orange-lg2.png");
  background-size: contain;
  background-repeat: no-repeat;
  z-index: -1;
}
#recruit .recruit-info-section .recruit-info-content .recruit-info-content__items .recruit-info-item .recruit-info-item__info .info-title.brush-title3::before {
  content: "";
  position: absolute;
  top: 40%;
  right: -32%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 116rem;
  height: 25.6rem;
  background: url("../image/decoration/brush-light-orange-lg1.png");
  background-size: contain;
  background-repeat: no-repeat;
  z-index: -1;
}
@media only screen and (max-width: 768px) {
  #recruit .recruit-info-section .recruit-info-content .recruit-info-content__items .recruit-info-item .recruit-info-item__info .info-title.brush-title3::before {
    right: -10%;
  }
}
#recruit .recruit-info-section .recruit-info-content .recruit-info-content__items .recruit-info-item .recruit-info-item__info .info-text2 {
  margin-top: 5.8rem;
  font-size: 18px;
  line-height: 1.6;
}
@media only screen and (max-width: 768px) {
  #recruit .recruit-info-section .recruit-info-content .recruit-info-content__items .recruit-info-item .recruit-info-item__info .info-text2 {
    margin-top: 8rem;
  }
}
#recruit .recruit-info-section .recruit-info-content .recruit-info-content__items .recruit-info-item .recruit-info-img {
  position: relative;
  z-index: 0;
}
#recruit .recruit-info-section .recruit-info-content .recruit-info-content__items .recruit-info-item .recruit-info-img .potato-inner {
  position: absolute;
  top: 70%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: -2;
}
@media only screen and (max-width: 768px) {
  #recruit .recruit-info-section .recruit-info-content .recruit-info-content__items .recruit-info-item .recruit-info-img .potato-inner {
    position: relative;
    top: unset;
    -webkit-transform: unset;
            transform: unset;
  }
}
#recruit .recruit-info-section .recruit-info-content .recruit-info-content__items .recruit-info-item .recruit-info-img .potato-inner .caption {
  position: absolute;
  white-space: nowrap;
  top: 0;
  font-size: 3.25rem;
  color: #FF931E;
  letter-spacing: -0.05em;
  line-height: 1;
  z-index: 1;
  width: 53rem;
}
@media only screen and (max-width: 768px) {
  #recruit .recruit-info-section .recruit-info-content .recruit-info-content__items .recruit-info-item .recruit-info-img .potato-inner .caption {
    position: relative;
    margin: auto;
    width: 30rem;
    margin-bottom: 3rem;
  }
}
@media print, screen and (min-width: 769px) {
  #recruit .recruit-info-section .recruit-info-content .recruit-info-content__items .recruit-info-item .recruit-info-img .potato-inner .caption.caption1 {
    left: -8rem;
  }
  #recruit .recruit-info-section .recruit-info-content .recruit-info-content__items .recruit-info-item .recruit-info-img .potato-inner .caption.caption2 {
    right: -26rem;
    top: 3rem;
    -webkit-transform-origin: bottom left;
            transform-origin: bottom left;
    -webkit-transform: rotate(-6deg);
            transform: rotate(-6deg);
  }
  #recruit .recruit-info-section .recruit-info-content .recruit-info-content__items .recruit-info-item .recruit-info-img .potato-inner .caption.caption3 {
    left: -11rem;
    top: 3rem;
  }
}
#recruit .recruit-info-section .recruit-info-content .recruit-info-content__items .recruit-info-item .recruit-info-img .potato-inner .caption .caption-inner {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#recruit .recruit-info-section .recruit-info-content .recruit-info-content__items .recruit-info-item .recruit-info-img .potato-inner .potato {
  position: relative;
  width: 87rem;
  height: 73rem;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
@media only screen and (max-width: 768px) {
  #recruit .recruit-info-section .recruit-info-content .recruit-info-content__items .recruit-info-item .recruit-info-img .potato-inner .potato {
    width: 100%;
    height: auto;
    aspect-ratio: 1/0.8;
  }
}
#recruit .recruit-info-section .recruit-info-content .recruit-info-content__items .recruit-info-item .recruit-info-img .potato-inner .potato img {
  position: absolute;
  width: 110%;
  height: 110%;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
#recruit .recruit-info-section .recruit-info-content .recruit-info-content__items .recruit-info-item .recruit-info-img .potato-inner .potato5 {
  -webkit-mask: url("../image/mask/mask1.png");
          mask: url("../image/mask/mask1.png");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
#recruit .recruit-info-section .recruit-info-content .recruit-info-content__items .recruit-info-item .recruit-info-img .potato-inner .potato7 {
  width: 86.4rem;
  height: 69rem;
  -webkit-mask: url("../image/mask/mask1.png");
          mask: url("../image/mask/mask1.png");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
@media only screen and (max-width: 768px) {
  #recruit .recruit-info-section .recruit-info-content .recruit-info-content__items .recruit-info-item .recruit-info-img .potato-inner .potato7 {
    width: 100%;
    height: auto;
    aspect-ratio: 1/0.8;
  }
}
#recruit .recruit-info-section .recruit-info-content .recruit-info-content__items .recruit-info-item .recruit-info-img .potato-inner .potato7 img {
  top: 50%;
}
#recruit .recruit-info-section .recruit-info-content .recruit-info-content__items .recruit-info-item .recruit-info-img .potato-inner .potato8 {
  -webkit-mask: url("../image/mask/mask4.png");
          mask: url("../image/mask/mask4.png");
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
#recruit .recruit-info-section .recruit-info-content .recruit-info-content__items .recruit-info-item .recruit-info-img .potato-inner img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media print, screen and (min-width: 769px) {
  #recruit .recruit-info-section .recruit-info-content .recruit-info-content__items .recruit-info-item:nth-child(odd) .recruit-info-img .potato-inner {
    left: 10rem;
  }
  #recruit .recruit-info-section .recruit-info-content .recruit-info-content__items .recruit-info-item:nth-child(even) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  #recruit .recruit-info-section .recruit-info-content .recruit-info-content__items .recruit-info-item:nth-child(even) .recruit-info-img .potato-inner {
    right: 10rem;
  }
  #recruit .recruit-info-section .recruit-info-content .recruit-info-content__items .recruit-info-item:nth-child(1) .recruit-info-img .potato-inner {
    -webkit-transform: translateY(-60%);
            transform: translateY(-60%);
  }
  #recruit .recruit-info-section .recruit-info-content .recruit-info-content__items .recruit-info-item:nth-child(2) .recruit-info-img .potato-inner {
    -webkit-transform: translateY(-65%);
            transform: translateY(-65%);
  }
  #recruit .recruit-info-section .recruit-info-content .recruit-info-content__items .recruit-info-item:nth-child(3) .recruit-info-img .potato-inner {
    -webkit-transform: translateY(-60%);
            transform: translateY(-60%);
  }
}

#case .mv-section {
  width: 100%;
  padding-bottom: 15rem;
  position: relative;
}
#case .mv-section::before {
  background: url("../image/decoration/grass-orange.png") no-repeat center center/cover;
}
#case .mv-section .mv-img-wrapper {
  background: url("../image/img-sm/potato8.png") no-repeat center center/cover;
}
#case .case-section {
  position: relative;
  background-color: #ffefdd;
}
#case .case-section .section-title1::before {
  width: 200%;
}
#case .case-section .case-content {
  margin-top: 18rem;
}
@media only screen and (max-width: 768px) {
  #case .case-section .case-content {
    margin-top: 12rem;
  }
}
#case .case-section .case-content .case-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (max-width: 768px) {
  #case .case-section .case-content .case-header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 4rem;
  }
}
#case .case-section .case-content .case-header .index {
  padding-right: 3.3rem;
  border-right: 1px solid #FF931E;
  color: #FF931E;
  font-size: 3rem;
  text-align: center;
  line-height: 1;
  letter-spacing: -0.05em;
}
#case .case-section .case-content .case-header .index > div:last-child {
  font-size: 7.8rem;
}
@media only screen and (max-width: 768px) {
  #case .case-section .case-content .case-header .index > div:last-child {
    font-size: 6rem;
  }
}
@media only screen and (max-width: 768px) {
  #case .case-section .case-content .case-header .index {
    padding-left: 1rem;
    padding-right: 1rem;
    border-right: unset;
    border-bottom: 1px solid #FF931E;
    padding-bottom: 4rem;
    font-size: 2.6rem;
  }
}
#case .case-section .case-content .case-header .case-title {
  padding-left: 3.3rem;
  font-size: 2.6rem;
  letter-spacing: 0.05em;
  line-height: 1.5;
}
#case .case-section .case-content .case-header .case-title .case-name {
  font-size: 4rem;
}
@media only screen and (max-width: 768px) {
  #case .case-section .case-content .case-header .case-title {
    padding-left: 0;
    text-align: center;
    font-size: 2.4rem;
  }
  #case .case-section .case-content .case-header .case-title .case-name {
    font-size: 3.6rem;
  }
}
#case .case-section .case-content .case-slider__wrapper {
  margin-top: 4rem;
  position: relative;
}
#case .case-section .case-content .case-slider__wrapper .swiper-slide {
  text-align: center;
  background-size: cover;
  background-position: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
#case .case-section .case-content .case-slider__wrapper .swiper-button__group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 3.75rem;
  gap: 8rem;
}
@media only screen and (max-width: 768px) {
  #case .case-section .case-content .case-slider__wrapper .swiper-button__group {
    gap: 5rem;
  }
}
#case .case-section .case-content .case-slider__wrapper .swiper-button__group .swiper-button-prev,
#case .case-section .case-content .case-slider__wrapper .swiper-button__group .swiper-button-next {
  position: relative;
  color: #4D4D4D;
  margin-top: 0;
}
@media only screen and (max-width: 768px) {
  #case .case-section .case-content .case-slider__wrapper .swiper-button__group .swiper-button-prev::before, #case .case-section .case-content .case-slider__wrapper .swiper-button__group .swiper-button-prev::after,
  #case .case-section .case-content .case-slider__wrapper .swiper-button__group .swiper-button-next::before,
  #case .case-section .case-content .case-slider__wrapper .swiper-button__group .swiper-button-next::after {
    font-size: 3rem;
  }
}
#case .case-section .case-content .case-slider__wrapper .case-swiper .swiper-slide {
  width: 100%;
  aspect-ratio: 10/7;
  background-color: #fff;
}
#case .case-section .case-content .case-slider__wrapper .case-swiper .swiper-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#case .case-section .case-content .case-slider__wrapper .thumb-swiper {
  height: 20%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 30px 0;
}
@media print, screen and (min-width: 769px) {
  #case .case-section .case-content .case-slider__wrapper .thumb-swiper {
    margin-left: -10rem;
    margin-right: -10rem;
  }
}
#case .case-section .case-content .case-slider__wrapper .thumb-swiper .swiper-slide {
  width: 20%;
  height: auto;
  opacity: 0.4;
}
#case .case-section .case-content .case-slider__wrapper .thumb-swiper .swiper-slide.swiper-slide-thumb-active {
  opacity: 1;
}
#case .case-section .case-content .case-slider__wrapper .thumb-swiper .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
#case .case-section .case-content .case-info {
  margin-top: 8.6rem;
}
@media only screen and (max-width: 768px) {
  #case .case-section .case-content .case-info {
    margin-top: 4rem;
  }
}
#case .case-section .case-content .case-info .table {
  display: table;
}
#case .case-section .case-content .case-info .table .row {
  display: table-row;
}
#case .case-section .case-content .case-info .table .row .cell {
  display: table-cell;
  padding: 1rem;
  font-size: 2.6rem;
}
@media only screen and (max-width: 768px) {
  #case .case-section .case-content .case-info .table .row .cell {
    font-size: 2rem;
    padding: 0.8rem 1rem;
  }
}
#case .other-case-section {
  position: relative;
  background-color: #ffefdd;
  padding: 0 0 10rem;
  z-index: 10;
}
#case .other-case-section::before {
  content: "";
  position: absolute;
  bottom: -5rem;
  left: 0;
  width: 100%;
  height: 11rem;
  background: url("../image/decoration/grass-orange.png") no-repeat center center/cover;
}
#case .other-case-section .section-title1::before {
  width: 150%;
  top: 20%;
}
#case .other-case-section .case-content {
  margin-top: 10rem;
}
@media only screen and (max-width: 768px) {
  #case .other-case-section .case-content {
    margin-top: 8rem;
  }
}
#case .other-case-section .case-content .case-list {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: minmax(0, 1fr) 3.9rem minmax(0, 1fr) 3.9rem minmax(0, 1fr);
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7rem 3.9rem;
}
@media only screen and (max-width: 768px) {
  #case .other-case-section .case-content .case-list {
    -ms-grid-columns: minmax(0, 1fr) 4rem minmax(0, 1fr);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6rem 4rem;
  }
}
@media only screen and (max-width: 576px) {
  #case .other-case-section .case-content .case-list {
    gap: 4rem 2.4rem;
  }
}
#case .other-case-section .case-content .case-list .case-item {
  width: 100%;
}
#case .other-case-section .case-content .case-list .case-item__thumbnail {
  width: 100%;
  aspect-ratio: 306/224;
  border-radius: 3rem;
  overflow: hidden;
}
@media only screen and (max-width: 576px) {
  #case .other-case-section .case-content .case-list .case-item__thumbnail {
    border-radius: 2rem;
  }
}
#case .other-case-section .case-content .case-list .case-item__thumbnail img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#case .other-case-section .case-content .case-list .case-item .case-desc {
  margin-top: 1.7rem;
  text-align: center;
  font-size: 16px;
}
@media only screen and (max-width: 576px) {
  #case .other-case-section .case-content .case-list .case-item .case-desc {
    font-size: 1.6rem;
  }
}
#case .other-case-section .case-content .case-list .case-item .case-detail__link {
  margin-top: 2.3rem;
}
#case .other-case-section .case-content .case-list .case-item .case-detail__link .secondary-btn {
  font-size: 2.4rem;
}
#case .other-case-section .case-content .case-list .case-item .case-detail__link .secondary-btn span {
  letter-spacing: -0.1em;
}