@charset "UTF-8";
/*** The new CSS reset - version 1.5.1 (last updated 1.3.2022) ***/
*:where(:not(iframe, canvas, img, svg, video):not(svg *, symbol *)) {
  all: unset;
  display: revert;
}

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

a,
button {
  cursor: revert;
}

ol,
ul,
menu {
  list-style: none;
}

img,
video {
  max-width: 100%;
  vertical-align: middle;
  image-rendering: -webkit-optimize-contrast;
}

table {
  border-collapse: collapse;
}

textarea {
  white-space: revert;
}

meter {
  -webkit-appearance: revert;
  -moz-appearance: revert;
       appearance: revert;
}

::-moz-placeholder {
  color: unset;
}

::placeholder {
  color: unset;
}

:where([hidden]) {
  display: none;
}

:where([contenteditable]) {
  -moz-user-modify: read-write;
  -webkit-user-modify: read-write;
  overflow-wrap: break-word;
  /* -webkit-line-break: after-white-space */
}

:where([draggable=true]) {
  -webkit-user-drag: element;
}

.servicePage__heading, #company .company__text h3, #contact .contact__inner .contact__inner-text h2, #fv.about .fv__inner h2 {
  font-size: clamp(83.3333333333px, 6.25vw, 200px);
}
@media screen and (max-width: 1000px) {
  .servicePage__heading, #company .company__text h3, #contact .contact__inner .contact__inner-text h2, #fv.about .fv__inner h2 {
    font-size: 12vw;
  }
}

#news .news__inner .news__h, .frontCase .frontCase__h, .frontService .frontService__h, #join .join__h3 .container h3,
#career .join__h3 .container h3,
#description .join__h3 .container h3,
#contactteam .join__h3 .container h3, #fv.recruit .fv__recruit h3, #fv .fv__inner h2 {
  font-size: clamp(66.6666666667px, 5vw, 160px);
}
@media screen and (max-width: 1000px) {
  #news .news__inner .news__h, .frontCase .frontCase__h, .frontService .frontService__h, #join .join__h3 .container h3,
#career .join__h3 .container h3,
#description .join__h3 .container h3,
#contactteam .join__h3 .container h3, #fv.recruit .fv__recruit h3, #fv .fv__inner h2 {
    font-size: 9.3333333333vw;
  }
}

#interview .interview__item .interview__item-img h3 {
  font-size: clamp(60px, 4.5vw, 144px);
}
@media screen and (max-width: 1000px) {
  #interview .interview__item .interview__item-img h3 {
    font-size: 8.2666666667vw;
  }
}

.serviceSupport__headingEn, #service-genesis > ul > li > span > span, .service__lead .service__lead-lead span {
  font-size: clamp(48.3333333333px, 3.625vw, 116px);
}
@media screen and (max-width: 1000px) {
  .serviceSupport__headingEn, #service-genesis > ul > li > span > span, .service__lead .service__lead-lead span {
    font-size: 6.4vw;
  }
}

.serviceSupport__headingJp, #contactform.recruit h4, #message .message-inner .message__lead .message__lead-lead, #message .message-inner .message__h2 h2, #news .news__inner .news__h span, #join.description ul li h4,
#career.description ul li h4,
#description.description ul li h4,
#contactteam.description ul li h4, #join.career .join__careerpath li .join__careerpath-txt h4,
#career.career .join__careerpath li .join__careerpath-txt h4,
#description.career .join__careerpath li .join__careerpath-txt h4,
#contactteam.career .join__careerpath li .join__careerpath-txt h4, #join .mission .mission__item .container .mission__txt .mission__txt-h4 h4,
#career .mission .mission__item .container .mission__txt .mission__txt-h4 h4,
#description .mission .mission__item .container .mission__txt .mission__txt-h4 h4,
#contactteam .mission .mission__item .container .mission__txt .mission__txt-h4 h4, #fv.about.service .fv__inner .fv__inner-service li .fv__inner-service__inner .fv__inner-service-sprit h3, #fv.about .fv__inner .fv__inner-mission .fv__inner-mission__item .fv__inner-mission__item-h3 h3 {
  font-size: clamp(30px, 2.25vw, 72px);
}
@media screen and (max-width: 1000px) {
  .serviceSupport__headingJp, #contactform.recruit h4, #message .message-inner .message__lead .message__lead-lead, #message .message-inner .message__h2 h2, #news .news__inner .news__h span, #join.description ul li h4,
#career.description ul li h4,
#description.description ul li h4,
#contactteam.description ul li h4, #join.career .join__careerpath li .join__careerpath-txt h4,
#career.career .join__careerpath li .join__careerpath-txt h4,
#description.career .join__careerpath li .join__careerpath-txt h4,
#contactteam.career .join__careerpath li .join__careerpath-txt h4, #join .mission .mission__item .container .mission__txt .mission__txt-h4 h4,
#career .mission .mission__item .container .mission__txt .mission__txt-h4 h4,
#description .mission .mission__item .container .mission__txt .mission__txt-h4 h4,
#contactteam .mission .mission__item .container .mission__txt .mission__txt-h4 h4, #fv.about.service .fv__inner .fv__inner-service li .fv__inner-service__inner .fv__inner-service-sprit h3, #fv.about .fv__inner .fv__inner-mission .fv__inner-mission__item .fv__inner-mission__item-h3 h3 {
    font-size: 4.2666666667vw;
  }
}

.serviceSummary__headingMain, #singlepage .singlepage-main .singlepage-main__inner .singlepage-title, .frontCase .frontCase__h span, .frontService .frontService__h span, #service-genesis > ul > li > span > h4, .service__lead .service__lead-lead, .service__h3 .service__h3-header .service__h3-header__inner h3, #fv.about .fv__inner .fv__inner-mission .fv__inner-mission__item p {
  font-size: clamp(25px, 1.875vw, 60px);
}
@media screen and (max-width: 1000px) {
  .serviceSummary__headingMain, #singlepage .singlepage-main .singlepage-main__inner .singlepage-title, .frontCase .frontCase__h span, .frontService .frontService__h span, #service-genesis > ul > li > span > h4, .service__lead .service__lead-lead, .service__h3 .service__h3-header .service__h3-header__inner h3, #fv.about .fv__inner .fv__inner-mission .fv__inner-mission__item p {
    font-size: 4vw;
  }
}

.serviceSupport__lead, .servicePage__heading span.forall, #footer .footer__list, #singlepage .singlepage-main .singlepage-main__inner h2, #message .message-inner .message__lead .message__lead-name h3, #interview .interview__item .interview__item-txt .interview__item-txt__sprit p, #join.description ul li .description__sprit,
#career.description ul li .description__sprit,
#description.description ul li .description__sprit,
#contactteam.description ul li .description__sprit, #join .join__h3 .container span,
#career .join__h3 .container span,
#description .join__h3 .container span,
#contactteam .join__h3 .container span, #service-impact .service-impact__item .impact-panel .impact-panel__txt h4, #service-nexus .service-nexus__item .service-nexus__item-inner .service-nexus__item-txt li h4, #service-nexus > dl dt, #service-genesis > ul > li > ul > li, .service__lead p, .service__h3 .service__h3-header .service__h3-header__inner > span, #fv.about.service .fv__inner .fv__inner-service li .fv__inner-service__inner .fv__inner-service-sprit .fv__inner-service-txt h4, #fv.about .fv__inner h2 span.forall, #fv .fv__inner .fv__inner-bottom h3 {
  font-size: clamp(20px, 1.5vw, 48px);
}
@media screen and (max-width: 1000px) {
  .serviceSupport__lead, .servicePage__heading span.forall, #footer .footer__list, #singlepage .singlepage-main .singlepage-main__inner h2, #message .message-inner .message__lead .message__lead-name h3, #interview .interview__item .interview__item-txt .interview__item-txt__sprit p, #join.description ul li .description__sprit,
#career.description ul li .description__sprit,
#description.description ul li .description__sprit,
#contactteam.description ul li .description__sprit, #join .join__h3 .container span,
#career .join__h3 .container span,
#description .join__h3 .container span,
#contactteam .join__h3 .container span, #service-impact .service-impact__item .impact-panel .impact-panel__txt h4, #service-nexus .service-nexus__item .service-nexus__item-inner .service-nexus__item-txt li h4, #service-nexus > dl dt, #service-genesis > ul > li > ul > li, .service__lead p, .service__h3 .service__h3-header .service__h3-header__inner > span, #fv.about.service .fv__inner .fv__inner-service li .fv__inner-service__inner .fv__inner-service-sprit .fv__inner-service-txt h4, #fv.about .fv__inner h2 span.forall, #fv .fv__inner .fv__inner-bottom h3 {
    font-size: 3.7333333333vw;
  }
}

.serviceSummary__headingSub, #singlepage .singlepage-main .singlepage-main__inner h4::before, #singlepage .singlepage-main .singlepage-main__inner h4, #singlepage .singlepage-main .singlepage-main__inner h3, #contactform .contactform__form .contactform__form-send, #contactform .contactform__form .smf-button-control__control, .serviceList__itemTitle, .frontService__lead, #interview .interview__item .interview__item-txt span, #join.description ul li .description__sprit a,
#career.description ul li .description__sprit a,
#description.description ul li .description__sprit a,
#contactteam.description ul li .description__sprit a, #service-synergy .service-synergy__item .service-synergy__item-inner dl dt, #service-impact .service-impact__item .impact-panel .impact-panel__txt dl dt, #fv.about .fv__inner .fv__inner-bottom p {
  font-size: clamp(17.5px, 1.3125vw, 42px);
}
@media screen and (max-width: 1000px) {
  .serviceSummary__headingSub, #singlepage .singlepage-main .singlepage-main__inner h4::before, #singlepage .singlepage-main .singlepage-main__inner h4, #singlepage .singlepage-main .singlepage-main__inner h3, #contactform .contactform__form .contactform__form-send, #contactform .contactform__form .smf-button-control__control, .serviceList__itemTitle, .frontService__lead, #interview .interview__item .interview__item-txt span, #join.description ul li .description__sprit a,
#career.description ul li .description__sprit a,
#description.description ul li .description__sprit a,
#contactteam.description ul li .description__sprit a, #service-synergy .service-synergy__item .service-synergy__item-inner dl dt, #service-impact .service-impact__item .impact-panel .impact-panel__txt dl dt, #fv.about .fv__inner .fv__inner-bottom p {
    font-size: 3.4666666667vw;
  }
}

.blogList__itemTitle, .serviceSupport__list, ul.case-list li .case-sprit .case-txt h3, #singlepage .singlepage-related h3, #singlepage .singlepage-main .singlepage-main__inner .singlepage-info .singlepage-date, #company .company__text dl, #message .message-inner .message__lead-career h4, #message .message-inner .message__h2 span, #news .news__inner .news__list .news__item .news__info .news__date, .caseList__itemTitle, #service-synergy .service-synergy__item .service-synergy__item-inner dl dd, #service-impact .service-impact__item .impact-panel .impact-panel__txt dl dd, #service-impact .service-impact__item .impact-tab .impact-tab__tab, .service__h3 .service__h3-header .service__h3-header__inner > span > span, #fv.about .fv__inner .fv__inner-mission .fv__inner-mission__item .fv__inner-mission__item-h3 span {
  font-size: clamp(15px, 1.125vw, 36px);
}
@media screen and (max-width: 1000px) {
  .blogList__itemTitle, .serviceSupport__list, ul.case-list li .case-sprit .case-txt h3, #singlepage .singlepage-related h3, #singlepage .singlepage-main .singlepage-main__inner .singlepage-info .singlepage-date, #company .company__text dl, #message .message-inner .message__lead-career h4, #message .message-inner .message__h2 span, #news .news__inner .news__list .news__item .news__info .news__date, .caseList__itemTitle, #service-synergy .service-synergy__item .service-synergy__item-inner dl dd, #service-impact .service-impact__item .impact-panel .impact-panel__txt dl dd, #service-impact .service-impact__item .impact-tab .impact-tab__tab, .service__h3 .service__h3-header .service__h3-header__inner > span > span, #fv.about .fv__inner .fv__inner-mission .fv__inner-mission__item .fv__inner-mission__item-h3 span {
    font-size: 3.2vw;
  }
}

#singlepage .singlepage-main .singlepage-main__inner p, #contactform p, #message .message-inner .message__lead-career, #message .message-inner .message__lead-text, #message .message-inner .message__lead .message__lead-name span, #contact .contact__inner .contact__inner-text p, #join.career .join__careerpath li .join__careerpath-txt p,
#career.career .join__careerpath li .join__careerpath-txt p,
#description.career .join__careerpath li .join__careerpath-txt p,
#contactteam.career .join__careerpath li .join__careerpath-txt p, #join.career .join__careerpath li .join__careerpath-txt span,
#career.career .join__careerpath li .join__careerpath-txt span,
#description.career .join__careerpath li .join__careerpath-txt span,
#contactteam.career .join__careerpath li .join__careerpath-txt span, #join .mission .mission__item .container .mission__txt p,
#career .mission .mission__item .container .mission__txt p,
#description .mission .mission__item .container .mission__txt p,
#contactteam .mission .mission__item .container .mission__txt p, #service-nexus .service-nexus__item .service-nexus__item-inner .service-nexus__item-txt li p, #fv.recruit .fv__recruit p, #fv.about.service .fv__inner .fv__inner-service li .fv__inner-service__inner .fv__inner-service-sprit .fv__inner-service-txt p, #fv.about .fv__inner .fv__inner-mission .fv__inner-mission__item p span, #fv .fv__inner .fv__inner-bottom p, body {
  font-size: clamp(13.3333333333px, 1vw, 32px);
}
@media screen and (max-width: 1000px) {
  #singlepage .singlepage-main .singlepage-main__inner p, #contactform p, #message .message-inner .message__lead-career, #message .message-inner .message__lead-text, #message .message-inner .message__lead .message__lead-name span, #contact .contact__inner .contact__inner-text p, #join.career .join__careerpath li .join__careerpath-txt p,
#career.career .join__careerpath li .join__careerpath-txt p,
#description.career .join__careerpath li .join__careerpath-txt p,
#contactteam.career .join__careerpath li .join__careerpath-txt p, #join.career .join__careerpath li .join__careerpath-txt span,
#career.career .join__careerpath li .join__careerpath-txt span,
#description.career .join__careerpath li .join__careerpath-txt span,
#contactteam.career .join__careerpath li .join__careerpath-txt span, #join .mission .mission__item .container .mission__txt p,
#career .mission .mission__item .container .mission__txt p,
#description .mission .mission__item .container .mission__txt p,
#contactteam .mission .mission__item .container .mission__txt p, #service-nexus .service-nexus__item .service-nexus__item-inner .service-nexus__item-txt li p, #fv.recruit .fv__recruit p, #fv.about.service .fv__inner .fv__inner-service li .fv__inner-service__inner .fv__inner-service-sprit .fv__inner-service-txt p, #fv.about .fv__inner .fv__inner-mission .fv__inner-mission__item p span, #fv .fv__inner .fv__inner-bottom p, body {
    font-size: 2.9333333333vw;
  }
}

.blogList__itemDate, #singlepage .singlepage-related .singlepage-related__item ul li a .related__item-text h3, #contactform .contactform__form .contactform__form-name, .caseList__itemCategory {
  font-size: clamp(12.5px, 0.9375vw, 30px);
}
@media screen and (max-width: 1000px) {
  .blogList__itemDate, #singlepage .singlepage-related .singlepage-related__item ul li a .related__item-text h3, #contactform .contactform__form .contactform__form-name, .caseList__itemCategory {
    font-size: 2.6666666667vw;
  }
}

#footer .footer__text p, ul.case-list li .case-sprit .case-txt .case-tag span, ul.case-list li .case-sprit .case-txt .case-company, #singlepage .singlepage-related .singlepage-related__item ul li a .related__item-text span, #singlepage .singlepage-main .singlepage-main__inner .singlepage-info .singlepage-category, #breadcrumb ol, #contactform.recruit p.contactteamp, #contactform .contactform__form .contactform__form-box, #news .news__inner .news__list-a, #news .news__inner .news__list .news__item .news__info .news__tag, .button {
  font-size: clamp(11.6666666667px, 0.875vw, 28px);
}
@media screen and (max-width: 1000px) {
  #footer .footer__text p, ul.case-list li .case-sprit .case-txt .case-tag span, ul.case-list li .case-sprit .case-txt .case-company, #singlepage .singlepage-related .singlepage-related__item ul li a .related__item-text span, #singlepage .singlepage-main .singlepage-main__inner .singlepage-info .singlepage-category, #breadcrumb ol, #contactform.recruit p.contactteamp, #contactform .contactform__form .contactform__form-box, #news .news__inner .news__list-a, #news .news__inner .news__list .news__item .news__info .news__tag, .button {
    font-size: 2.4vw;
  }
}

html {
  scroll-behavior: smooth;
  overflow-x: hidden;
}

body {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  color: rgb(51, 51, 51);
  text-align: left;
  margin: 0 auto;
  line-height: 1.8;
  letter-spacing: normal;
  overflow-x: hidden;
  letter-spacing: 0.15em;
}
@media screen and (max-width: 1000px) {
  body {
    font-size: 3.2vw;
    text-align: justify;
  }
}
body.about, body.contact, body.archive, body.single, body.recruit {
  background-color: rgb(239, 238, 239);
}
@media screen and (max-width: 1000px) {
  body.contact #footer, body.recruit #footer {
    padding: 8vw 4vw 4vw 4vw;
  }
}
body.contact #contact, body.recruit #contact {
  display: none;
}

.pcnone {
  display: none;
}
@media screen and (max-width: 1000px) {
  .pcnone {
    display: block;
  }
}

@media screen and (max-width: 1000px) {
  .spnone {
    display: none;
  }
}

.hover {
  transition-duration: 400ms;
  cursor: pointer;
  position: relative;
  z-index: 100;
  overflow: hidden;
}
.hover::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgb(247, 181, 44);
  top: 0;
  left: -100%;
  z-index: -1;
  transition-duration: 200ms;
  transition-timing-function: ease-out;
}
.hover.hover-active::after {
  left: 0;
}
.hover.newspagehover::after {
  content: none;
}

.fadein {
  transform: translateY(60px);
  opacity: 0;
  transition: 1200ms cubic-bezier(0, 0, 0.2, 1);
}
@media screen and (max-width: 1000px) {
  .fadein {
    transform: translateY(30px);
  }
}
.fadein.fadein-out {
  transform: translateY(0);
  opacity: 1;
}
.fadein.speed {
  transform: translateY(0);
  transition: 800ms cubic-bezier(0, 0, 0.2, 1);
}
.fadein.delay1 {
  transition-delay: 150ms;
}
.fadein.delay2 {
  transition-delay: 300ms;
}
.fadein.delay3 {
  transition-delay: 450ms;
}

.speedfade > span {
  position: relative;
  overflow-y: hidden;
  display: inline-block;
}
.speedfade > span > span {
  position: relative;
  top: clamp(41.6666666667px, 3.125vw, 100px);
  transition-duration: 500ms;
  transition-timing-function: ease-out;
}
.speedfade > span > span.depth {
  top: clamp(125px, 9.375vw, 300px);
}
.speedfade.fadein-out > span > span {
  top: 0;
}

.onloadcm {
  transform: translateY(20px);
  opacity: 0;
  transition: 800ms cubic-bezier(0, 0, 0.2, 1);
}
.onloadcm.onloadcm-active {
  transform: translateY(0);
  opacity: 1;
}
.onloadcm.delay1 {
  transition-delay: 100ms;
}
.onloadcm.delay2 {
  transition-delay: 200ms;
}
.onloadcm.delay3 {
  transition-delay: 300ms;
}

.button {
  background-color: #222;
  color: rgb(239, 238, 239);
  padding: 1.2em 2em;
  text-align: center;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 190px;
  text-decoration: none;
}

.container {
  max-width: clamp(920px, clamp(1083.3333333333px, 81.25vw, 2600px), 90vw);
  margin: 0 auto;
  padding-right: clamp(66.6666666667px, 5vw, 160px);
}
@media screen and (max-width: 1000px) {
  .container {
    max-width: 100%;
    padding-right: 4vw;
    padding-left: 4vw;
  }
}

#header {
  position: fixed;
  top: 0;
  right: clamp(-91.6666666667px, -6.875vw, -220px);
  width: clamp(66.6666666667px, 5vw, 160px);
  height: 100vh;
  z-index: 140;
  background-color: rgb(51, 51, 51);
  border-left: 2px solid rgb(247, 181, 44);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  transition-duration: 600ms;
  transition-timing-function: ease-out;
}
@media screen and (max-width: 1000px) {
  #header {
    right: unset;
    width: 100%;
    height: 13.3333333333vw;
    top: -13.3333333333vw;
    border-left: none;
    background-color: unset;
    flex-direction: row;
  }
}
#header.load {
  right: 0;
}
@media screen and (max-width: 1000px) {
  #header.load {
    right: unset;
    top: 0;
  }
}
#header h1 {
  margin-top: clamp(37.5px, 2.8125vw, 90px);
  width: clamp(41.6666666667px, 3.125vw, 100px);
}
@media screen and (max-width: 1000px) {
  #header h1 {
    margin-top: 1.3333333333vw;
    margin-left: 4vw;
    width: 10.6666666667vw;
  }
}
#header .header__humbtn-outer {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
@media screen and (max-width: 1000px) {
  #header .header__humbtn-outer {
    width: auto;
    height: 100%;
  }
}
#header .header__humbtn-outer .header__humbtn {
  width: clamp(8.3333333333px, 0.625vw, 20px);
  height: clamp(37.5px, 2.8125vw, 90px);
  position: relative;
}
@media screen and (max-width: 1000px) {
  #header .header__humbtn-outer .header__humbtn {
    width: 10.6666666667vw;
    height: 4vw;
    margin-right: 4vw;
  }
}
#header .header__humbtn-outer .header__humbtn span {
  content: "";
  width: 2px;
  height: clamp(37.5px, 2.8125vw, 90px);
  background-color: rgb(247, 181, 44);
  position: absolute;
  top: 0;
  left: 0;
  transition-duration: 300ms;
  transition-timing-function: ease-out;
}
@media screen and (max-width: 1000px) {
  #header .header__humbtn-outer .header__humbtn span {
    width: 10.6666666667vw;
    height: 2px;
  }
}
#header .header__humbtn-outer .header__humbtn span:last-of-type {
  left: unset;
  right: 0;
}
@media screen and (max-width: 1000px) {
  #header .header__humbtn-outer .header__humbtn span:last-of-type {
    left: 0;
    right: unset;
    top: unset;
    bottom: 0;
  }
}
#header .header__humbtn-outer .header__humbtn.nav-open span:first-of-type {
  transform: rotate(56deg);
  left: calc(50% - 1px);
}
@media screen and (max-width: 1000px) {
  #header .header__humbtn-outer .header__humbtn.nav-open span:first-of-type {
    transform: rotate(28deg);
    left: 0;
    top: calc(50% - 1px);
  }
}
#header .header__humbtn-outer .header__humbtn.nav-open span:last-of-type {
  transform: rotate(-56deg);
  right: calc(50% - 1px);
}
@media screen and (max-width: 1000px) {
  #header .header__humbtn-outer .header__humbtn.nav-open span:last-of-type {
    transform: rotate(-28deg);
    right: 0;
    bottom: calc(50% - 1px);
  }
}
#header .header__sns {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  color: rgb(239, 238, 239);
  font-family: "Montserrat", sans-serif;
  font-weight: 300;
  margin-bottom: clamp(37.5px, 2.8125vw, 90px);
}
@media screen and (max-width: 1000px) {
  #header .header__sns {
    display: none;
  }
}
#header .header__sns p {
  writing-mode: vertical-rl;
  margin-bottom: clamp(8.3333333333px, 0.625vw, 20px);
}
#header .header__sns .header__sns-icon {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#header .header__sns .header__sns-icon img {
  width: clamp(20.8333333333px, 1.5625vw, 50px);
  margin-bottom: clamp(8.3333333333px, 0.625vw, 20px);
}
#header .header__sns .header__sns-icon img:last-of-type {
  margin-bottom: 0;
}

#nav {
  position: fixed;
  top: 0;
  right: -100%;
  width: calc(100% + clamp(66.6666666667px, 5vw, 160px));
  height: 100vh;
  z-index: 130;
  background-color: rgba(51, 51, 51, 0.9);
  color: rgb(239, 238, 239);
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-family: "Montserrat", sans-serif;
  font-weight: 800;
  transform: scale(0.9, 1);
  transition-duration: 600ms;
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
@media screen and (max-width: 1000px) {
  #nav {
    right: -100%;
    width: 100%;
    transform: none;
    transition-duration: 400ms;
  }
}
#nav.nav-open {
  right: 0;
}
#nav li {
  margin-bottom: clamp(16.6666666667px, 1.25vw, 40px);
}
#nav li a {
  padding: clamp(8.3333333333px, 0.625vw, 20px);
  display: block;
  line-height: 1;
}

#bgmov {
  position: relative;
  z-index: 50;
}

.fv__mov {
  position: fixed;
  overflow: hidden;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  z-index: 50;
}
.fv__mov video {
  min-width: 100%;
  min-height: 100vh;
  position: absolute;
  max-width: none;
  z-index: 100;
}
@media (aspect-ratio: 16/9), (min-aspect-ratio: 16/9) {
  .fv__mov video {
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
  }
}
@media (max-aspect-ratio: 16/9) {
  .fv__mov video {
    height: 100%;
    left: 50%;
    transform: translateX(-50%);
  }
}
.fv__mov .fv__mov-cover {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100vh;
  z-index: 110;
  background-image: url(../img/fvouter.svg);
}

#fv {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 100;
}
#fv .fv__inner {
  position: relative;
  z-index: 110;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
}
#fv .fv__inner_v2 {
  background: #222;
}
@media screen and (max-width: 1000px) {
  #fv .fv__inner_v2 {
    padding-top: 120px;
  }
}
@media screen and (max-width: 1000px) {
  #fv .fv__inner {
    justify-content: center;
    gap: 20px;
  }
}
#fv .fv__inner .fv__logo {
  width: clamp(136.6666666667px, 10.25vw, 328px);
  margin: clamp(50px, 3.75vw, 120px) 0 0 clamp(50px, 3.75vw, 120px);
  overflow: hidden;
}
@media screen and (max-width: 1000px) {
  #fv .fv__inner .fv__logo {
    margin: 0 0 0 4vw;
    margin-bottom: 8vw;
  }
}
#fv .fv__inner .fv__logo img {
  position: relative;
  top: clamp(41.6666666667px, 3.125vw, 100px);
  transition-duration: 500ms;
  transition-timing-function: ease-out;
}
@media screen and (max-width: 1000px) {
  #fv .fv__inner .fv__logo img {
    top: 10.6666666667vw;
  }
}
#fv .fv__inner .fv__logo.load img {
  top: 0;
}
#fv .fv__inner .fv__container {
  margin-top: 110px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  gap: 50px;
  padding-right: 8vw;
  margin-bottom: clamp(91.6666666667px, 6.875vw, 220px);
}
@media screen and (max-width: 1000px) {
  #fv .fv__inner .fv__container {
    margin-top: 0;
    margin-bottom: 8vw;
    padding-right: 0;
    flex-direction: column;
  }
}
#fv .fv__inner .fv__text-area {
  flex: 1 1 auto;
}
#fv .fv__inner .fv__img-area {
  opacity: 0;
  flex: 1 1 577px;
  max-width: 780px;
  transition-duration: 1700ms;
  transition-timing-function: ease;
}
@media screen and (max-width: 1279px) {
  #fv .fv__inner .fv__img-area {
    flex: 1 3 360px;
  }
}
@media screen and (max-width: 1000px) {
  #fv .fv__inner .fv__img-area {
    flex: 0 0 auto;
    margin-bottom: 12vw;
    padding-left: 4vw;
    padding-right: 4vw;
  }
}
#fv .fv__inner .fv__img-area.load {
  opacity: 1;
}
#fv .fv__inner .fv__img-area img {
  width: 100%;
}
#fv .fv__inner h2 {
  font-family: "Montserrat", sans-serif;
  font-weight: 750;
  transform: scale(0.9, 1);
  line-height: 1.35;
  color: rgb(239, 238, 239);
  margin-left: clamp(50px, 3.75vw, 120px);
  margin-bottom: 60px;
  letter-spacing: 0em;
  position: relative;
  left: clamp(-33.3333333333px, -2.5vw, -80px);
}
@media screen and (max-width: 1000px) {
  #fv .fv__inner h2 {
    margin-left: 4vw;
    left: -2.6666666667vw;
    margin-bottom: 13.3333333333vw;
  }
}
#fv .fv__inner h2 span:not(.forall) {
  display: inline-block;
  transition-duration: 800ms;
  transition-timing-function: ease-out;
  transform: rotateY(-180deg) translate3d(100px, 0, -50px) scale(0.6);
  opacity: 0;
}
#fv .fv__inner h2 span:not(.forall).load {
  transform: none;
  opacity: 1;
}
#fv .fv__inner h2 > span:not(.forall):nth-of-type(1) {
  transition-delay: 0ms;
}
#fv .fv__inner h2 > span:not(.forall):nth-of-type(2) {
  transition-delay: 50ms;
}
#fv .fv__inner h2 > span:not(.forall):nth-of-type(3) {
  transition-delay: 100ms;
}
#fv .fv__inner h2 > span:not(.forall):nth-of-type(4) {
  transition-delay: 150ms;
}
#fv .fv__inner h2 > span:not(.forall):nth-of-type(5) {
  transition-delay: 200ms;
}
#fv .fv__inner h2 > span:not(.forall):nth-of-type(6) {
  transition-delay: 250ms;
}
#fv .fv__inner h2 > span:not(.forall):nth-of-type(7) {
  transition-delay: 300ms;
}
#fv .fv__inner h2 > span:not(.forall):nth-of-type(8) {
  transition-delay: 350ms;
}
#fv .fv__inner h2 > span:not(.forall):nth-of-type(9) {
  transition-delay: 400ms;
}
#fv .fv__inner h2 > span:not(.forall):nth-of-type(10) {
  transition-delay: 450ms;
}
#fv .fv__inner h2 .forall > span:nth-of-type(1) {
  transition-delay: 800ms;
}
#fv .fv__inner h2 .forall > span:nth-of-type(2) {
  transition-delay: 850ms;
}
#fv .fv__inner h2 .forall > span:nth-of-type(3) {
  transition-delay: 900ms;
}
#fv .fv__inner h2 .forall > span:nth-of-type(4) {
  transition-delay: 950ms;
}
#fv .fv__inner h2 .forall > span:nth-of-type(5) {
  transition-delay: 1000ms;
}
#fv .fv__inner h2 .forall > span:nth-of-type(6) {
  transition-delay: 1050ms;
}
#fv .fv__inner h2 .forall > span:nth-of-type(7) {
  transition-delay: 1100ms;
}
#fv .fv__inner h2 .forall > span:nth-of-type(8) {
  transition-delay: 1150ms;
}
#fv .fv__inner h2 .forall > span:nth-of-type(9) {
  transition-delay: 1200ms;
}
#fv .fv__inner h2 .forall > span:nth-of-type(10) {
  transition-delay: 1250ms;
}
#fv .fv__inner h2 .forall > span:nth-of-type(11) {
  transition-delay: 1300ms;
}
#fv .fv__inner h2 .forall > span:nth-of-type(12) {
  transition-delay: 1350ms;
}
#fv .fv__inner .fv__inner-bottom {
  margin-left: clamp(50px, 3.75vw, 120px);
}
@media screen and (max-width: 1000px) {
  #fv .fv__inner .fv__inner-bottom {
    margin-left: 4vw;
    margin-right: 4vw;
  }
}
#fv .fv__inner .fv__inner-bottom h3 {
  color: rgb(247, 181, 44);
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: clamp(25px, 1.875vw, 60px);
}
@media screen and (max-width: 1000px) {
  #fv .fv__inner .fv__inner-bottom h3 {
    margin-bottom: 4vw;
  }
}
#fv .fv__inner .fv__inner-bottom h3 > span {
  position: relative;
  overflow-y: hidden;
  display: inline-block;
}
#fv .fv__inner .fv__inner-bottom h3 > span > span {
  position: relative;
  top: clamp(41.6666666667px, 3.125vw, 100px);
  transition-duration: 500ms;
  transition-timing-function: ease-out;
}
@media screen and (max-width: 1000px) {
  #fv .fv__inner .fv__inner-bottom h3 > span > span {
    top: 10.6666666667vw;
  }
}
#fv .fv__inner .fv__inner-bottom.load h3 > span > span {
  top: 0;
}
#fv .fv__inner .fv__inner-bottom p {
  color: rgb(239, 238, 239);
  line-height: 2.4;
  display: flex;
  flex-direction: column;
}
#fv .fv__inner .fv__inner-bottom p > span {
  position: relative;
  overflow-y: hidden;
  display: inline-block;
}
#fv .fv__inner .fv__inner-bottom p > span._onlysp {
  display: none;
}
@media screen and (max-width: 1000px) {
  #fv .fv__inner .fv__inner-bottom p > span._onlypc {
    display: none;
  }
  #fv .fv__inner .fv__inner-bottom p > span._onlysp {
    display: block;
  }
}
#fv .fv__inner .fv__inner-bottom p > span > span {
  position: relative;
  top: clamp(41.6666666667px, 3.125vw, 100px);
  transition-duration: 500ms;
  transition-timing-function: ease-out;
}
#fv .fv__inner .fv__inner-bottom p > span > span br {
  display: none;
}
@media screen and (max-width: 1000px) {
  #fv .fv__inner .fv__inner-bottom p > span > span {
    top: 6.6666666667vw;
    font-size: 3vw;
  }
  #fv .fv__inner .fv__inner-bottom p > span > span br {
    display: block;
  }
}
#fv .fv__inner .fv__inner-bottom.load p > span > span {
  top: 0;
}
#fv .fv__scroll {
  position: absolute;
  bottom: clamp(-41.6666666667px, -3.125vw, -100px);
  left: 50%;
  transform: translateX(-50%);
  z-index: 120;
  color: rgb(247, 181, 44);
  text-align: center;
  font-family: "Montserrat", sans-serif;
  font-weight: 300;
  letter-spacing: 0.1em;
  display: flex;
  flex-direction: column;
  align-items: center;
  opacity: 0;
  transition-duration: 600ms;
}
@media screen and (max-width: 1000px) {
  #fv .fv__scroll {
    bottom: -1.3333333333vw;
  }
}
#fv .fv__scroll > span {
  margin-top: clamp(8.3333333333px, 0.625vw, 20px);
  width: 1px;
  height: clamp(66.6666666667px, 5vw, 160px);
  background-color: rgb(247, 181, 44);
  content: "";
  position: relative;
  display: block;
  overflow: hidden;
}
@media screen and (max-width: 1000px) {
  #fv .fv__scroll > span {
    margin-top: 1.3333333333vw;
    height: 10.6666666667vw;
  }
}
#fv .fv__scroll > span > span {
  width: 1px;
  height: clamp(66.6666666667px, 5vw, 160px);
  background-color: rgb(240, 222, 180);
  content: "";
  position: relative;
  display: block;
  -webkit-animation-name: fvscrollanimation;
          animation-name: fvscrollanimation;
  -webkit-animation-duration: 1800ms;
          animation-duration: 1800ms;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}
@media screen and (max-width: 1000px) {
  #fv .fv__scroll > span > span {
    height: 10.6666666667vw;
  }
}
#fv .fv__scroll.load {
  opacity: 1;
}
#fv.about {
  height: auto;
}
#fv.about .fv__inner {
  height: auto;
}
#fv.about .fv__inner h2 {
  margin-top: clamp(116.6666666667px, 8.75vw, 280px);
  margin-bottom: clamp(116.6666666667px, 8.75vw, 280px);
}
@media screen and (max-width: 1000px) {
  #fv.about .fv__inner h2 {
    margin-top: 37.3333333333vw;
    margin-bottom: 18.6666666667vw;
  }
}
#fv.about .fv__inner h2 span.forall {
  margin-left: clamp(16.6666666667px, 1.25vw, 40px);
  letter-spacing: 0.2em;
}
@media screen and (max-width: 1000px) {
  #fv.about .fv__inner h2 span.forall {
    margin-left: 0vw;
  }
}
#fv.about .fv__inner .fv__inner-bottom {
  display: flex;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: clamp(83.3333333333px, 6.25vw, 200px);
  padding: 0 clamp(66.6666666667px, 5vw, 160px);
  width: 100%;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
@media screen and (max-width: 1000px) {
  #fv.about .fv__inner .fv__inner-bottom {
    margin-bottom: 26.6666666667vw;
    padding: 0 4vw;
  }
}
#fv.about .fv__inner .fv__inner-bottom h3 {
  color: rgb(239, 238, 239);
}
#fv.about .fv__inner .fv__inner-img {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  margin-bottom: clamp(83.3333333333px, 6.25vw, 200px);
}
@media screen and (max-width: 1000px) {
  #fv.about .fv__inner .fv__inner-img {
    padding: 0 16vw;
    margin-bottom: 13.3333333333vw;
    flex-direction: column;
    align-items: center;
  }
}
#fv.about .fv__inner .fv__inner-img img {
  width: 16.2vw;
  margin-right: 3vw;
}
@media screen and (max-width: 1000px) {
  #fv.about .fv__inner .fv__inner-img img {
    width: 50%;
    margin-right: auto;
    margin-bottom: 4vw;
  }
}
#fv.about .fv__inner .fv__inner-img img:nth-of-type(2) {
  width: 34.2vw;
}
@media screen and (max-width: 1000px) {
  #fv.about .fv__inner .fv__inner-img img:nth-of-type(2) {
    width: 100%;
  }
}
#fv.about .fv__inner .fv__inner-img img:nth-of-type(3) {
  margin-right: 0;
  margin-top: auto;
}
@media screen and (max-width: 1000px) {
  #fv.about .fv__inner .fv__inner-img img:nth-of-type(3) {
    margin-left: auto;
  }
}
#fv.about .fv__inner .fv__inner-mission {
  width: 100%;
  padding: 0 clamp(66.6666666667px, 5vw, 160px);
  display: flex;
  justify-content: center;
  color: rgb(239, 238, 239);
  margin-bottom: clamp(133.3333333333px, 10vw, 320px);
}
@media screen and (max-width: 1000px) {
  #fv.about .fv__inner .fv__inner-mission {
    flex-direction: column;
    padding: 0 4vw;
    margin-bottom: 21.3333333333vw;
  }
}
#fv.about .fv__inner .fv__inner-mission .fv__inner-mission__item {
  width: 35%;
}
@media screen and (max-width: 1000px) {
  #fv.about .fv__inner .fv__inner-mission .fv__inner-mission__item {
    width: 100%;
  }
}
#fv.about .fv__inner .fv__inner-mission .fv__inner-mission__item:first-of-type {
  margin-right: clamp(150px, 11.25vw, 360px);
}
@media screen and (max-width: 1000px) {
  #fv.about .fv__inner .fv__inner-mission .fv__inner-mission__item:first-of-type {
    margin-right: 0;
    margin-bottom: 13.3333333333vw;
  }
}
#fv.about .fv__inner .fv__inner-mission .fv__inner-mission__item .fv__inner-mission__item-h3 {
  display: flex;
  align-items: baseline;
  margin-bottom: clamp(83.3333333333px, 6.25vw, 200px);
  position: relative;
  left: clamp(-58.3333333333px, -4.375vw, -140px);
}
@media screen and (max-width: 1000px) {
  #fv.about .fv__inner .fv__inner-mission .fv__inner-mission__item .fv__inner-mission__item-h3 {
    margin-bottom: 13.3333333333vw;
    left: 0;
  }
}
#fv.about .fv__inner .fv__inner-mission .fv__inner-mission__item .fv__inner-mission__item-h3 h3 {
  font-family: "Montserrat", sans-serif;
  font-weight: 750;
  transform: scale(0.9, 1);
  margin-right: clamp(16.6666666667px, 1.25vw, 40px);
}
@media screen and (max-width: 1000px) {
  #fv.about .fv__inner .fv__inner-mission .fv__inner-mission__item .fv__inner-mission__item-h3 h3 {
    transform: none;
    margin-right: 2.6666666667vw;
  }
}
#fv.about .fv__inner .fv__inner-mission .fv__inner-mission__item .fv__inner-mission__item-h3 span {
  color: rgb(171, 171, 171);
}
#fv.about .fv__inner .fv__inner-mission .fv__inner-mission__item p {
  position: relative;
  display: flex;
  flex-direction: column;
}
#fv.about .fv__inner .fv__inner-mission .fv__inner-mission__item p span {
  margin-top: clamp(16.6666666667px, 1.25vw, 40px);
}
@media screen and (max-width: 1000px) {
  #fv.about .fv__inner .fv__inner-mission .fv__inner-mission__item p span {
    margin-top: 2.6666666667vw;
  }
}
#fv.about .fv__inner .fv__inner-mission .fv__inner-mission__item p::before {
  content: "";
  position: absolute;
  top: clamp(-25px, -1.875vw, -60px);
  left: clamp(-50px, -3.75vw, -120px);
  width: clamp(30.8333333333px, 2.3125vw, 74px);
  height: clamp(22.5px, 1.6875vw, 54px);
  background-image: url(../img/about/cau1.svg);
  background-size: cover;
  background-repeat: no-repeat;
}
@media screen and (max-width: 1000px) {
  #fv.about .fv__inner .fv__inner-mission .fv__inner-mission__item p::before {
    top: -5.3333333333vw;
    left: 0;
    width: 4.9333333333vw;
    height: 3.6vw;
  }
}
#fv.about .fv__inner .fv__inner-mission .fv__inner-mission__item p::after {
  content: "";
  position: absolute;
  bottom: clamp(-25px, -1.875vw, -60px);
  right: clamp(-25px, -1.875vw, -60px);
  width: clamp(30.8333333333px, 2.3125vw, 74px);
  height: clamp(22.5px, 1.6875vw, 54px);
  background-image: url(../img/about/cau2.svg);
  background-size: cover;
  background-repeat: no-repeat;
}
@media screen and (max-width: 1000px) {
  #fv.about .fv__inner .fv__inner-mission .fv__inner-mission__item p::after {
    bottom: -5.3333333333vw;
    right: 0vw;
    width: 4.9333333333vw;
    height: 3.6vw;
  }
}
@media screen and (max-width: 1000px) {
  #fv.about .fv__inner .fv__inner-mission .fv__inner-mission__item p.afterbe::after {
    right: 13.3333333333vw;
  }
}
#fv.about.contact {
  color: rgb(51, 51, 51);
}
#fv.about.contact .fv__inner h2 {
  color: rgb(51, 51, 51);
  margin-bottom: clamp(100px, 7.5vw, 240px);
  transform: scale(1, 1);
}
@media screen and (max-width: 1000px) {
  #fv.about.contact .fv__inner h2 {
    left: 0;
  }
}
#fv.about.service {
  height: 100%;
}
#fv.about.service .fv__inner {
  min-height: 100vh;
  padding-bottom: clamp(50px, 3.75vw, 120px);
  justify-content: flex-start;
}
@media screen and (max-width: 1000px) {
  #fv.about.service .fv__inner {
    padding-bottom: 8vw;
  }
}
#fv.about.service .fv__inner .fv__inner-service {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (max-width: 1000px) {
  #fv.about.service .fv__inner .fv__inner-service {
    justify-content: center;
  }
}
#fv.about.service .fv__inner .fv__inner-service li {
  width: calc(50% - clamp(12.5px, 0.9375vw, 30px));
  border: 2px solid #FFF;
  color: #FFF;
  margin-bottom: clamp(25px, 1.875vw, 60px);
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 1000px) {
  #fv.about.service .fv__inner .fv__inner-service li {
    width: 100%;
    margin-bottom: 4vw;
  }
}
#fv.about.service .fv__inner .fv__inner-service li a {
  display: block;
  width: 100%;
  height: 100%;
}
#fv.about.service .fv__inner .fv__inner-service li a.hover-active .fv__inner-service-more {
  color: #FFF !important;
  transition-duration: 400ms;
}
#fv.about.service .fv__inner .fv__inner-service li a.hover-active .fv__inner-service-more .fv__inner-service-more__arrow {
  background-image: url(../img/service/service-arrow2.svg) !important;
  transition-duration: 400ms;
}
#fv.about.service .fv__inner .fv__inner-service li .fv__inner-service__inner {
  padding: clamp(25px, 1.875vw, 60px);
}
@media screen and (max-width: 1000px) {
  #fv.about.service .fv__inner .fv__inner-service li .fv__inner-service__inner {
    padding: 4vw;
  }
}
#fv.about.service .fv__inner .fv__inner-service li .fv__inner-service__inner .fv__inner-service-sprit {
  display: flex;
  align-items: center;
  position: relative;
}
@media screen and (max-width: 1000px) {
  #fv.about.service .fv__inner .fv__inner-service li .fv__inner-service__inner .fv__inner-service-sprit {
    flex-direction: column;
  }
}
#fv.about.service .fv__inner .fv__inner-service li .fv__inner-service__inner .fv__inner-service-sprit h3 {
  font-family: "Montserrat", sans-serif;
  font-weight: 750;
  width: 35%;
  margin-right: 5%;
}
@media screen and (max-width: 1000px) {
  #fv.about.service .fv__inner .fv__inner-service li .fv__inner-service__inner .fv__inner-service-sprit h3 {
    margin-right: 0;
    text-align: center;
    margin-bottom: 2.6666666667vw;
  }
}
#fv.about.service .fv__inner .fv__inner-service li .fv__inner-service__inner .fv__inner-service-sprit .fv__inner-service-txt {
  width: 60%;
}
@media screen and (max-width: 1000px) {
  #fv.about.service .fv__inner .fv__inner-service li .fv__inner-service__inner .fv__inner-service-sprit .fv__inner-service-txt {
    width: 100%;
  }
}
#fv.about.service .fv__inner .fv__inner-service li .fv__inner-service__inner .fv__inner-service-sprit .fv__inner-service-txt h4 {
  font-weight: 700;
  margin-bottom: clamp(16.6666666667px, 1.25vw, 40px);
}
@media screen and (max-width: 1000px) {
  #fv.about.service .fv__inner .fv__inner-service li .fv__inner-service__inner .fv__inner-service-sprit .fv__inner-service-txt h4 {
    margin-bottom: 1.3333333333vw;
    text-align: center;
  }
}
#fv.about.service .fv__inner .fv__inner-service li .fv__inner-service__inner .fv__inner-service-sprit .fv__inner-service-txt p {
  text-align: justify;
  margin-bottom: clamp(33.3333333333px, 2.5vw, 80px);
}
@media screen and (max-width: 1000px) {
  #fv.about.service .fv__inner .fv__inner-service li .fv__inner-service__inner .fv__inner-service-sprit .fv__inner-service-txt p {
    margin-bottom: 5.3333333333vw;
  }
}
#fv.about.service .fv__inner .fv__inner-service li .fv__inner-service__inner .fv__inner-service-sprit .fv__inner-service-more {
  position: absolute;
  bottom: 0;
  right: 0;
  color: rgb(247, 181, 44);
  display: flex;
  align-items: center;
}
#fv.about.service .fv__inner .fv__inner-service li .fv__inner-service__inner .fv__inner-service-sprit .fv__inner-service-more .fv__inner-service-more__arrow {
  width: clamp(15px, 1.125vw, 36px);
  height: clamp(14.1666666667px, 1.0625vw, 34px);
  background-image: url(../img/service/service-arrow1.svg);
  margin-left: clamp(16.6666666667px, 1.25vw, 40px);
}
@media screen and (max-width: 1000px) {
  #fv.about.service .fv__inner .fv__inner-service li .fv__inner-service__inner .fv__inner-service-sprit .fv__inner-service-more .fv__inner-service-more__arrow {
    width: 2.6666666667vw;
    height: 2.5333333333vw;
    margin-left: 2.6666666667vw;
  }
}
#fv.recruit {
  background-color: rgb(247, 181, 44);
}
#fv.recruit .fv__inner {
  padding-bottom: clamp(50px, 3.75vw, 120px);
}
#fv.recruit .fv__inner h2 {
  color: rgb(0, 0, 0);
  margin-bottom: clamp(50px, 3.75vw, 120px);
}
#fv.recruit .fv__recruit {
  position: relative;
  z-index: 100;
  margin: 0 auto;
}
#fv.recruit .fv__recruit h3 {
  font-weight: 900;
  color: #FFF;
}
@media screen and (max-width: 1000px) {
  #fv.recruit .fv__recruit h3 {
    line-height: 1.4;
    margin-bottom: 4vw;
  }
}
#fv.recruit .fv__recruit p {
  margin-bottom: clamp(25px, 1.875vw, 60px);
  font-weight: 700;
}
#fv.recruit .fv__recruit img {
  margin-bottom: clamp(25px, 1.875vw, 60px);
}
#fv.recruit .fv__recruit-white {
  position: absolute;
  -webkit-clip-path: polygon(60% 0, 100% 0%, 40% 100%, 0% 100%);
          clip-path: polygon(60% 0, 100% 0%, 40% 100%, 0% 100%);
  width: 70%;
  height: 100%;
  background-color: #fff;
  top: 0;
  left: 50%;
  z-index: 50;
}

.service__h3 {
  width: 100%;
  display: flex;
}
@media screen and (max-width: 1000px) {
  .service__h3 {
    flex-direction: column;
    align-items: center;
  }
}
.service__h3 .service__h3-header {
  width: 40%;
  background-color: rgb(247, 181, 44);
  display: flex;
  justify-content: flex-end;
}
@media screen and (max-width: 1000px) {
  .service__h3 .service__h3-header {
    width: 100%;
    justify-content: center;
  }
}
.service__h3 .service__h3-header .service__h3-header__inner {
  width: 60%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  margin-right: clamp(50px, 3.75vw, 120px);
}
@media screen and (max-width: 1000px) {
  .service__h3 .service__h3-header .service__h3-header__inner {
    margin-top: 1.3333333333vw;
    margin-right: 0;
    text-align: center;
  }
}
.service__h3 .service__h3-header .service__h3-header__inner > span {
  font-family: "Montserrat", sans-serif;
  font-weight: 750;
  color: #FFF;
  background-color: rgb(51, 51, 51);
  padding-left: clamp(16.6666666667px, 1.25vw, 40px);
}
@media screen and (max-width: 1000px) {
  .service__h3 .service__h3-header .service__h3-header__inner > span {
    padding-left: 0;
  }
}
.service__h3 .service__h3-header .service__h3-header__inner > span > span {
  color: rgb(247, 181, 44);
  margin-left: clamp(25px, 1.875vw, 60px);
}
@media screen and (max-width: 1000px) {
  .service__h3 .service__h3-header .service__h3-header__inner > span > span {
    margin-left: 2.6666666667vw;
  }
}
.service__h3 .service__h3-header .service__h3-header__inner h3 {
  font-weight: 700;
  color: #FFF;
  padding-left: clamp(8.3333333333px, 0.625vw, 20px);
}
@media screen and (max-width: 1000px) {
  .service__h3 .service__h3-header .service__h3-header__inner h3 {
    padding-left: 0;
    padding-bottom: 0.6666666667vw;
  }
}
.service__h3 .service__h3-lead {
  width: 60%;
  background-color: rgb(51, 51, 51);
  color: #FFF;
  padding-right: clamp(66.6666666667px, 5vw, 160px);
}
@media screen and (max-width: 1000px) {
  .service__h3 .service__h3-lead {
    width: 100%;
    padding-right: 0;
  }
}
.service__h3 .service__h3-lead .service__h3-lead__inner {
  padding: clamp(25px, 1.875vw, 60px) 0 clamp(25px, 1.875vw, 60px) clamp(50px, 3.75vw, 120px);
  width: 80%;
}
@media screen and (max-width: 1000px) {
  .service__h3 .service__h3-lead .service__h3-lead__inner {
    width: 100%;
    padding: 2.6666666667vw 4vw 4vw 4vw;
  }
}
.service__h3 .service__h3-lead .service__h3-lead__inner p {
  text-align: justify;
}

.service__lead {
  text-align: center;
  margin: clamp(83.3333333333px, 6.25vw, 200px) auto clamp(50px, 3.75vw, 120px);
}
@media screen and (max-width: 1000px) {
  .service__lead {
    margin: 8vw auto 8vw;
  }
}
.service__lead .service__lead-lead {
  color: rgb(247, 181, 44);
  font-weight: 700;
  margin-bottom: clamp(25px, 1.875vw, 60px);
}
@media screen and (max-width: 1000px) {
  .service__lead .service__lead-lead {
    margin-bottom: 4vw;
  }
}
.service__lead .service__lead-lead span {
  margin: 0 clamp(8.3333333333px, 0.625vw, 20px);
}
@media screen and (max-width: 1000px) {
  .service__lead .service__lead-lead span {
    margin: 0 1.3333333333vw;
  }
}
@media screen and (max-width: 1000px) {
  .service__lead p {
    text-align: justify;
  }
}

#service-genesis {
  background-color: rgb(239, 238, 239);
  position: relative;
  z-index: 110;
}
#service-genesis > ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: clamp(133.3333333333px, 10vw, 320px);
}
@media screen and (max-width: 1000px) {
  #service-genesis > ul {
    margin-top: 24vw;
  }
}
#service-genesis > ul > li {
  width: 48.5%;
  position: relative;
  background-color: #FFF;
  border-top: clamp(16.6666666667px, 1.25vw, 40px) solid rgb(247, 181, 44);
  margin-bottom: clamp(133.3333333333px, 10vw, 320px);
}
@media screen and (max-width: 1000px) {
  #service-genesis > ul > li {
    width: 100%;
    border-top: 1.3333333333vw solid rgb(247, 181, 44);
    margin-bottom: 24vw;
  }
}
#service-genesis > ul > li > span {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 40%;
  height: auto;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background-color: rgb(51, 51, 51);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  line-height: 1;
  text-align: center;
}
@media screen and (max-width: 1000px) {
  #service-genesis > ul > li > span {
    width: 35%;
  }
}
#service-genesis > ul > li > span > span {
  font-family: "Montserrat", sans-serif;
  font-weight: 750;
  color: rgb(247, 181, 44);
  margin-bottom: clamp(8.3333333333px, 0.625vw, 20px);
}
@media screen and (max-width: 1000px) {
  #service-genesis > ul > li > span > span {
    margin-bottom: 1.3333333333vw;
  }
}
#service-genesis > ul > li > span > h4 {
  color: #FFF;
  line-height: 1.3;
  letter-spacing: 0.008em;
}
#service-genesis > ul > li > span > h4.lih4 {
  margin-bottom: 1em;
}
#service-genesis > ul > li img {
  margin-top: clamp(16.6666666667px, 1.25vw, 40px);
  margin-bottom: clamp(25px, 1.875vw, 60px);
}
@media screen and (max-width: 1000px) {
  #service-genesis > ul > li img {
    margin-top: 1.3333333333vw;
    margin-bottom: 4vw;
  }
}
#service-genesis > ul > li > ul {
  padding: 0 clamp(33.3333333333px, 2.5vw, 80px);
  margin-bottom: clamp(50px, 3.75vw, 120px);
}
@media screen and (max-width: 1000px) {
  #service-genesis > ul > li > ul {
    padding: 0 4vw;
    margin-bottom: 4vw;
  }
}
#service-genesis > ul > li > ul > li {
  position: relative;
  display: flex;
}
#service-genesis > ul > li > ul > li::before {
  content: "●";
}

#service-nexus {
  background-color: rgb(239, 238, 239);
  position: relative;
  z-index: 100;
}
#service-nexus > dl {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: clamp(50px, 3.75vw, 120px);
}
@media screen and (max-width: 1000px) {
  #service-nexus > dl {
    margin-bottom: 8vw;
    flex-wrap: wrap;
  }
}
#service-nexus > dl dt {
  width: 18%;
  height: auto;
  aspect-ratio: 1/1;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgb(171, 171, 171);
  border-radius: 50%;
  text-align: center;
  color: #FFF;
  font-weight: 700;
}
@media screen and (max-width: 1000px) {
  #service-nexus > dl dt {
    width: 100%;
    aspect-ratio: unset;
    border-radius: 0;
    margin-bottom: 2.6666666667vw;
  }
}
#service-nexus > dl dd {
  width: 22.5%;
}
@media screen and (max-width: 1000px) {
  #service-nexus > dl dd {
    width: 30%;
  }
}
#service-nexus > dl dd:last-of-type {
  width: 29%;
}
@media screen and (max-width: 1000px) {
  #service-nexus > dl dd:last-of-type {
    width: 39%;
  }
}
#service-nexus .service-nexus__item {
  padding-bottom: clamp(100px, 7.5vw, 240px);
}
@media screen and (max-width: 1000px) {
  #service-nexus .service-nexus__item {
    padding-bottom: 16vw;
  }
}
#service-nexus .service-nexus__item .service-nexus__item-inner {
  background-color: #FFF;
  display: flex;
  padding: clamp(33.3333333333px, 2.5vw, 80px);
}
@media screen and (max-width: 1000px) {
  #service-nexus .service-nexus__item .service-nexus__item-inner {
    padding: 4vw;
    flex-direction: column-reverse;
  }
}
#service-nexus .service-nexus__item .service-nexus__item-inner .service-nexus__item-img {
  width: 50%;
  padding-right: clamp(50px, 3.75vw, 120px);
}
@media screen and (max-width: 1000px) {
  #service-nexus .service-nexus__item .service-nexus__item-inner .service-nexus__item-img {
    width: 100%;
    padding-right: 0;
  }
}
#service-nexus .service-nexus__item .service-nexus__item-inner .service-nexus__item-txt {
  width: 50%;
  padding-left: clamp(50px, 3.75vw, 120px);
}
@media screen and (max-width: 1000px) {
  #service-nexus .service-nexus__item .service-nexus__item-inner .service-nexus__item-txt {
    width: 100%;
    padding-left: 0;
  }
}
#service-nexus .service-nexus__item .service-nexus__item-inner .service-nexus__item-txt li {
  margin-bottom: clamp(50px, 3.75vw, 120px);
}
@media screen and (max-width: 1000px) {
  #service-nexus .service-nexus__item .service-nexus__item-inner .service-nexus__item-txt li {
    margin-bottom: 8vw;
  }
}
#service-nexus .service-nexus__item .service-nexus__item-inner .service-nexus__item-txt li h4 {
  font-weight: 700;
  position: relative;
  margin-bottom: clamp(8.3333333333px, 0.625vw, 20px);
}
@media screen and (max-width: 1000px) {
  #service-nexus .service-nexus__item .service-nexus__item-inner .service-nexus__item-txt li h4 {
    margin-bottom: 1.3333333333vw;
  }
}
#service-nexus .service-nexus__item .service-nexus__item-inner .service-nexus__item-txt li h4::before {
  content: "●";
}
#service-nexus .service-nexus__item .service-nexus__item-inner .service-nexus__item-txt li p {
  text-align: justify;
}

#service-impact {
  background-color: rgb(239, 238, 239);
  position: relative;
  z-index: 100;
}
#service-impact .service-impact__item {
  padding-bottom: clamp(100px, 7.5vw, 240px);
}
@media screen and (max-width: 1000px) {
  #service-impact .service-impact__item {
    padding-bottom: 16vw;
  }
}
#service-impact .service-impact__item .impact-tab {
  display: flex;
  justify-content: space-between;
}
#service-impact .service-impact__item .impact-tab .impact-tab__tab {
  cursor: pointer;
  width: calc((100% - clamp(16.6666666667px, 1.25vw, 40px)) / 3);
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: #FFF;
  background-color: rgb(51, 51, 51);
  padding: clamp(25px, 1.875vw, 60px) 0;
  margin-bottom: clamp(8.3333333333px, 0.625vw, 20px);
}
@media screen and (max-width: 1000px) {
  #service-impact .service-impact__item .impact-tab .impact-tab__tab {
    width: calc((100% - 2.6666666667vw) / 3);
    padding: 2.6666666667vw 0;
    margin-bottom: 1.3333333333vw;
  }
}
#service-impact .service-impact__item .impact-tab .impact-tab__tab.active {
  background-color: rgb(247, 181, 44);
}
#service-impact .service-impact__item .impact-panel {
  background-color: #FFF;
  padding: clamp(50px, 3.75vw, 120px);
  display: none;
}
@media screen and (max-width: 1000px) {
  #service-impact .service-impact__item .impact-panel {
    padding: 4vw;
  }
}
#service-impact .service-impact__item .impact-panel.active {
  display: flex;
}
@media screen and (max-width: 1000px) {
  #service-impact .service-impact__item .impact-panel.active {
    flex-direction: column;
  }
}
#service-impact .service-impact__item .impact-panel .impact-panel__txt {
  width: calc(50% - clamp(50px, 3.75vw, 120px));
  margin-right: clamp(50px, 3.75vw, 120px);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media screen and (max-width: 1000px) {
  #service-impact .service-impact__item .impact-panel .impact-panel__txt {
    width: 100%;
    margin-right: 0;
    margin-bottom: 4vw;
  }
}
#service-impact .service-impact__item .impact-panel .impact-panel__txt h4 {
  font-weight: 700;
  position: relative;
  margin-bottom: clamp(8.3333333333px, 0.625vw, 20px);
}
@media screen and (max-width: 1000px) {
  #service-impact .service-impact__item .impact-panel .impact-panel__txt h4 {
    margin-bottom: 1.3333333333vw;
  }
}
#service-impact .service-impact__item .impact-panel .impact-panel__txt h4::before {
  content: "●";
}
@media screen and (max-width: 1000px) {
  #service-impact .service-impact__item .impact-panel .impact-panel__txt p {
    margin-bottom: 2.6666666667vw;
  }
}
#service-impact .service-impact__item .impact-panel .impact-panel__txt dl {
  background-color: rgba(247, 181, 44, 0.09);
  padding: clamp(16.6666666667px, 1.25vw, 40px);
}
@media screen and (max-width: 1000px) {
  #service-impact .service-impact__item .impact-panel .impact-panel__txt dl {
    padding: 2.6666666667vw;
  }
}
#service-impact .service-impact__item .impact-panel .impact-panel__txt dl dt {
  font-weight: 700;
  color: rgb(247, 181, 44);
  margin-bottom: clamp(8.3333333333px, 0.625vw, 20px);
}
@media screen and (max-width: 1000px) {
  #service-impact .service-impact__item .impact-panel .impact-panel__txt dl dt {
    margin-bottom: 1.3333333333vw;
    text-align: center;
  }
}
#service-impact .service-impact__item .impact-panel .impact-panel__txt dl dd {
  position: relative;
}
#service-impact .service-impact__item .impact-panel .impact-panel__txt dl dd::before {
  content: "・";
}
#service-impact .service-impact__item .impact-panel .impact-panel__img {
  width: 50%;
}
@media screen and (max-width: 1000px) {
  #service-impact .service-impact__item .impact-panel .impact-panel__img {
    width: 100%;
  }
}

#service-synergy {
  background-color: rgb(239, 238, 239);
  position: relative;
  z-index: 100;
}
#service-synergy .service-synergy__item {
  padding-bottom: clamp(200px, 15vw, 480px);
}
@media screen and (max-width: 1000px) {
  #service-synergy .service-synergy__item {
    padding-bottom: 24vw;
  }
}
#service-synergy .service-synergy__item .service-synergy__item-inner .service-synergy__item-img {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  margin-bottom: clamp(50px, 3.75vw, 120px);
}
@media screen and (max-width: 1000px) {
  #service-synergy .service-synergy__item .service-synergy__item-inner .service-synergy__item-img {
    flex-direction: column;
    align-items: center;
  }
}
#service-synergy .service-synergy__item .service-synergy__item-inner .service-synergy__item-img img {
  width: 22%;
  margin-top: clamp(50px, 3.75vw, 120px);
}
@media screen and (max-width: 1000px) {
  #service-synergy .service-synergy__item .service-synergy__item-inner .service-synergy__item-img img {
    margin-top: 0;
    width: 35%;
    margin-bottom: 4vw;
  }
}
#service-synergy .service-synergy__item .service-synergy__item-inner .service-synergy__item-img img:nth-of-type(2) {
  width: 50%;
  margin-top: 0;
}
@media screen and (max-width: 1000px) {
  #service-synergy .service-synergy__item .service-synergy__item-inner .service-synergy__item-img img:nth-of-type(3) {
    width: 50%;
  }
}
#service-synergy .service-synergy__item .service-synergy__item-inner dl {
  display: flex;
  flex-wrap: wrap;
}
#service-synergy .service-synergy__item .service-synergy__item-inner dl dt {
  width: 30%;
  min-height: clamp(75px, 5.625vw, 180px);
  margin-bottom: clamp(8.3333333333px, 0.625vw, 20px);
  text-align: center;
  background-color: rgb(0, 0, 0);
  color: #FFF;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 1000px) {
  #service-synergy .service-synergy__item .service-synergy__item-inner dl dt {
    width: 100%;
    min-height: 8vw;
    margin-bottom: 0;
  }
}
#service-synergy .service-synergy__item .service-synergy__item-inner dl dd {
  width: 70%;
  min-height: clamp(75px, 5.625vw, 180px);
  margin-bottom: clamp(8.3333333333px, 0.625vw, 20px);
  background-color: #FFF;
  padding: 0 clamp(25px, 1.875vw, 60px);
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1000px) {
  #service-synergy .service-synergy__item .service-synergy__item-inner dl dd {
    width: 100%;
    min-height: 12vw;
    margin-bottom: 2.6666666667vw;
    padding: 1.3333333333vw 2.6666666667vw;
  }
}

.grecaptcha-badge {
  visibility: hidden;
}

#join,
#career,
#description,
#contactteam {
  background-color: rgb(51, 51, 51);
  color: #FFF;
  padding: clamp(50px, 3.75vw, 120px) 0;
}
@media screen and (max-width: 1000px) {
  #join,
#career,
#description,
#contactteam {
    padding: 8vw 0;
  }
}
#join .join__h3,
#career .join__h3,
#description .join__h3,
#contactteam .join__h3 {
  padding-bottom: clamp(16.6666666667px, 1.25vw, 40px);
  border-bottom: 2px solid rgb(247, 181, 44);
}
@media screen and (max-width: 1000px) {
  #join .join__h3,
#career .join__h3,
#description .join__h3,
#contactteam .join__h3 {
    padding-bottom: 4vw;
  }
}
#join .join__h3 .container,
#career .join__h3 .container,
#description .join__h3 .container,
#contactteam .join__h3 .container {
  display: flex;
  align-items: baseline;
}
@media screen and (max-width: 1000px) {
  #join .join__h3 .container,
#career .join__h3 .container,
#description .join__h3 .container,
#contactteam .join__h3 .container {
    flex-direction: column;
  }
}
#join .join__h3 .container h3,
#career .join__h3 .container h3,
#description .join__h3 .container h3,
#contactteam .join__h3 .container h3 {
  font-family: "Montserrat", sans-serif;
  font-weight: 750;
  color: rgb(247, 181, 44);
  margin-right: clamp(25px, 1.875vw, 60px);
}
@media screen and (max-width: 1000px) {
  #join .join__h3 .container h3,
#career .join__h3 .container h3,
#description .join__h3 .container h3,
#contactteam .join__h3 .container h3 {
    letter-spacing: 0.01em;
    line-height: 1.3;
    margin-right: 0;
  }
}
#join .mission .mission__item,
#career .mission .mission__item,
#description .mission .mission__item,
#contactteam .mission .mission__item {
  padding: clamp(50px, 3.75vw, 120px) 0;
  border-bottom: 2px solid rgb(247, 181, 44);
}
@media screen and (max-width: 1000px) {
  #join .mission .mission__item,
#career .mission .mission__item,
#description .mission .mission__item,
#contactteam .mission .mission__item {
    padding: 8vw 0;
  }
}
#join .mission .mission__item:last-of-type,
#career .mission .mission__item:last-of-type,
#description .mission .mission__item:last-of-type,
#contactteam .mission .mission__item:last-of-type {
  border-bottom: none;
}
#join .mission .mission__item .container,
#career .mission .mission__item .container,
#description .mission .mission__item .container,
#contactteam .mission .mission__item .container {
  display: flex;
}
@media screen and (max-width: 1000px) {
  #join .mission .mission__item .container,
#career .mission .mission__item .container,
#description .mission .mission__item .container,
#contactteam .mission .mission__item .container {
    flex-direction: column;
  }
}
#join .mission .mission__item .container .mission__txt,
#career .mission .mission__item .container .mission__txt,
#description .mission .mission__item .container .mission__txt,
#contactteam .mission .mission__item .container .mission__txt {
  width: 55%;
  margin-right: 5%;
}
@media screen and (max-width: 1000px) {
  #join .mission .mission__item .container .mission__txt,
#career .mission .mission__item .container .mission__txt,
#description .mission .mission__item .container .mission__txt,
#contactteam .mission .mission__item .container .mission__txt {
    width: 100%;
    margin-right: 0;
    margin-bottom: 4vw;
  }
}
#join .mission .mission__item .container .mission__txt .mission__txt-h4,
#career .mission .mission__item .container .mission__txt .mission__txt-h4,
#description .mission .mission__item .container .mission__txt .mission__txt-h4,
#contactteam .mission .mission__item .container .mission__txt .mission__txt-h4 {
  position: relative;
  margin-bottom: clamp(25px, 1.875vw, 60px);
}
@media screen and (max-width: 1000px) {
  #join .mission .mission__item .container .mission__txt .mission__txt-h4,
#career .mission .mission__item .container .mission__txt .mission__txt-h4,
#description .mission .mission__item .container .mission__txt .mission__txt-h4,
#contactteam .mission .mission__item .container .mission__txt .mission__txt-h4 {
    margin-bottom: 4vw;
  }
}
#join .mission .mission__item .container .mission__txt .mission__txt-h4 h4,
#career .mission .mission__item .container .mission__txt .mission__txt-h4 h4,
#description .mission .mission__item .container .mission__txt .mission__txt-h4 h4,
#contactteam .mission .mission__item .container .mission__txt .mission__txt-h4 h4 {
  color: rgb(247, 181, 44);
  font-weight: 700;
}
#join .mission .mission__item .container .mission__txt .mission__txt-h4 .mission__txt-number,
#career .mission .mission__item .container .mission__txt .mission__txt-h4 .mission__txt-number,
#description .mission .mission__item .container .mission__txt .mission__txt-h4 .mission__txt-number,
#contactteam .mission .mission__item .container .mission__txt .mission__txt-h4 .mission__txt-number {
  position: absolute;
  top: 0;
  right: 0;
  width: clamp(133.3333333333px, 10vw, 320px);
}
@media screen and (max-width: 1000px) {
  #join .mission .mission__item .container .mission__txt .mission__txt-h4 .mission__txt-number,
#career .mission .mission__item .container .mission__txt .mission__txt-h4 .mission__txt-number,
#description .mission .mission__item .container .mission__txt .mission__txt-h4 .mission__txt-number,
#contactteam .mission .mission__item .container .mission__txt .mission__txt-h4 .mission__txt-number {
    width: 21.3333333333vw;
  }
}
#join .mission .mission__item .container .mission__img,
#career .mission .mission__item .container .mission__img,
#description .mission .mission__item .container .mission__img,
#contactteam .mission .mission__item .container .mission__img {
  width: 40%;
}
@media screen and (max-width: 1000px) {
  #join .mission .mission__item .container .mission__img,
#career .mission .mission__item .container .mission__img,
#description .mission .mission__item .container .mission__img,
#contactteam .mission .mission__item .container .mission__img {
    width: 100%;
  }
}
#join .mission .mission__item .container.rev,
#career .mission .mission__item .container.rev,
#description .mission .mission__item .container.rev,
#contactteam .mission .mission__item .container.rev {
  flex-direction: row-reverse;
}
@media screen and (max-width: 1000px) {
  #join .mission .mission__item .container.rev,
#career .mission .mission__item .container.rev,
#description .mission .mission__item .container.rev,
#contactteam .mission .mission__item .container.rev {
    flex-direction: column;
  }
}
#join .mission .mission__item .container.rev .mission__txt,
#career .mission .mission__item .container.rev .mission__txt,
#description .mission .mission__item .container.rev .mission__txt,
#contactteam .mission .mission__item .container.rev .mission__txt {
  margin-right: 0;
  margin-left: 5%;
}
@media screen and (max-width: 1000px) {
  #join .mission .mission__item .container.rev .mission__txt,
#career .mission .mission__item .container.rev .mission__txt,
#description .mission .mission__item .container.rev .mission__txt,
#contactteam .mission .mission__item .container.rev .mission__txt {
    margin-left: 0;
  }
}
#join.career,
#career.career,
#description.career,
#contactteam.career {
  color: rgb(0, 0, 0);
  position: relative;
  padding: 0;
}
@media screen and (max-width: 1000px) {
  #join.career,
#career.career,
#description.career,
#contactteam.career {
    background-image: none;
  }
}
#join.career .career-sprit,
#career.career .career-sprit,
#description.career .career-sprit,
#contactteam.career .career-sprit {
  display: flex;
  background-color: rgb(247, 181, 44);
}
#join.career .career-sprit .career-txt,
#career.career .career-sprit .career-txt,
#description.career .career-sprit .career-txt,
#contactteam.career .career-sprit .career-txt {
  width: 70%;
  padding: clamp(50px, 3.75vw, 120px) 0 clamp(50px, 3.75vw, 120px) clamp(50px, 3.75vw, 120px);
}
@media screen and (max-width: 1000px) {
  #join.career .career-sprit .career-txt,
#career.career .career-sprit .career-txt,
#description.career .career-sprit .career-txt,
#contactteam.career .career-sprit .career-txt {
    padding: 8vw 0;
    width: 100%;
  }
}
#join.career .career-sprit .career-img,
#career.career .career-sprit .career-img,
#description.career .career-sprit .career-img,
#contactteam.career .career-sprit .career-img {
  margin-right: clamp(66.6666666667px, 5vw, 160px);
  width: calc(30% - clamp(66.6666666667px, 5vw, 160px));
  background-image: url(../img/recruit/recruit-img5.jpg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
@media screen and (max-width: 1000px) {
  #join.career .career-sprit .career-img,
#career.career .career-sprit .career-img,
#description.career .career-sprit .career-img,
#contactteam.career .career-sprit .career-img {
    display: none;
  }
}
#join.career .join__h3,
#career.career .join__h3,
#description.career .join__h3,
#contactteam.career .join__h3 {
  border-bottom: none;
}
#join.career .join__h3 .container,
#career.career .join__h3 .container,
#description.career .join__h3 .container,
#contactteam.career .join__h3 .container {
  padding-right: 0;
  max-width: none;
}
@media screen and (max-width: 1279px) {
  #join.career .join__h3 .container,
#career.career .join__h3 .container,
#description.career .join__h3 .container,
#contactteam.career .join__h3 .container {
    display: flex;
    flex-direction: column;
    margin-bottom: clamp(33.3333333333px, 2.5vw, 80px);
  }
}
#join.career .join__h3 .container h3,
#career.career .join__h3 .container h3,
#description.career .join__h3 .container h3,
#contactteam.career .join__h3 .container h3 {
  color: #FFF;
}
#join.career .join__h3 .container span,
#career.career .join__h3 .container span,
#description.career .join__h3 .container span,
#contactteam.career .join__h3 .container span {
  color: #FFF;
}
#join.career .join__careerpath,
#career.career .join__careerpath,
#description.career .join__careerpath,
#contactteam.career .join__careerpath {
  padding-right: clamp(50px, 3.75vw, 120px);
}
@media screen and (max-width: 1000px) {
  #join.career .join__careerpath,
#career.career .join__careerpath,
#description.career .join__careerpath,
#contactteam.career .join__careerpath {
    margin-top: 4vw;
  }
}
#join.career .join__careerpath li,
#career.career .join__careerpath li,
#description.career .join__careerpath li,
#contactteam.career .join__careerpath li {
  display: flex;
  align-items: center;
  margin-bottom: clamp(33.3333333333px, 2.5vw, 80px);
}
@media screen and (max-width: 1000px) {
  #join.career .join__careerpath li,
#career.career .join__careerpath li,
#description.career .join__careerpath li,
#contactteam.career .join__careerpath li {
    margin-bottom: 8vw;
  }
}
#join.career .join__careerpath li .join__careerpath-img,
#career.career .join__careerpath li .join__careerpath-img,
#description.career .join__careerpath li .join__careerpath-img,
#contactteam.career .join__careerpath li .join__careerpath-img {
  width: 15%;
  margin-right: 2%;
}
#join.career .join__careerpath li .join__careerpath-txt,
#career.career .join__careerpath li .join__careerpath-txt,
#description.career .join__careerpath li .join__careerpath-txt,
#contactteam.career .join__careerpath li .join__careerpath-txt {
  width: 83%;
}
@media screen and (max-width: 1000px) {
  #join.career .join__careerpath li .join__careerpath-txt,
#career.career .join__careerpath li .join__careerpath-txt,
#description.career .join__careerpath li .join__careerpath-txt,
#contactteam.career .join__careerpath li .join__careerpath-txt {
    width: 83%;
  }
}
#join.career .join__careerpath li .join__careerpath-txt span,
#career.career .join__careerpath li .join__careerpath-txt span,
#description.career .join__careerpath li .join__careerpath-txt span,
#contactteam.career .join__careerpath li .join__careerpath-txt span {
  line-height: 1;
  display: block;
  margin-bottom: clamp(8.3333333333px, 0.625vw, 20px);
}
@media screen and (max-width: 1000px) {
  #join.career .join__careerpath li .join__careerpath-txt span,
#career.career .join__careerpath li .join__careerpath-txt span,
#description.career .join__careerpath li .join__careerpath-txt span,
#contactteam.career .join__careerpath li .join__careerpath-txt span {
    margin-bottom: 1.3333333333vw;
  }
}
#join.career .join__careerpath li .join__careerpath-txt h4,
#career.career .join__careerpath li .join__careerpath-txt h4,
#description.career .join__careerpath li .join__careerpath-txt h4,
#contactteam.career .join__careerpath li .join__careerpath-txt h4 {
  line-height: 1;
  display: block;
  border-bottom: 2px solid #FFF;
  padding-bottom: clamp(16.6666666667px, 1.25vw, 40px);
  margin-bottom: clamp(16.6666666667px, 1.25vw, 40px);
}
@media screen and (max-width: 1000px) {
  #join.career .join__careerpath li .join__careerpath-txt h4,
#career.career .join__careerpath li .join__careerpath-txt h4,
#description.career .join__careerpath li .join__careerpath-txt h4,
#contactteam.career .join__careerpath li .join__careerpath-txt h4 {
    padding-bottom: 2vw;
    margin-bottom: 2vw;
  }
}
@media screen and (max-width: 1000px) {
  #join.career .join__careerpath li .join__careerpath-txt p,
#career.career .join__careerpath li .join__careerpath-txt p,
#description.career .join__careerpath li .join__careerpath-txt p,
#contactteam.career .join__careerpath li .join__careerpath-txt p {
    line-height: 1.5;
  }
}
#join.description .join__h3,
#career.description .join__h3,
#description.description .join__h3,
#contactteam.description .join__h3 {
  border-bottom: none;
}
#join.description ul li,
#career.description ul li,
#description.description ul li,
#contactteam.description ul li {
  margin-bottom: clamp(66.6666666667px, 5vw, 160px);
}
@media screen and (max-width: 1000px) {
  #join.description ul li,
#career.description ul li,
#description.description ul li,
#contactteam.description ul li {
    margin-bottom: 8vw;
  }
}
#join.description ul li h4,
#career.description ul li h4,
#description.description ul li h4,
#contactteam.description ul li h4 {
  width: 100%;
  padding: clamp(25px, 1.875vw, 60px) clamp(50px, 3.75vw, 120px);
  background-color: rgb(239, 238, 239);
  color: rgb(0, 0, 0);
  font-weight: 700;
}
@media screen and (max-width: 1000px) {
  #join.description ul li h4,
#career.description ul li h4,
#description.description ul li h4,
#contactteam.description ul li h4 {
    padding: 4vw;
  }
}
#join.description ul li .description__sprit,
#career.description ul li .description__sprit,
#description.description ul li .description__sprit,
#contactteam.description ul li .description__sprit {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: clamp(25px, 1.875vw, 60px) clamp(50px, 3.75vw, 120px);
  background-color: rgb(171, 171, 171);
}
@media screen and (max-width: 1000px) {
  #join.description ul li .description__sprit,
#career.description ul li .description__sprit,
#description.description ul li .description__sprit,
#contactteam.description ul li .description__sprit {
    padding: 4vw;
    flex-direction: column;
  }
}
#join.description ul li .description__sprit p,
#career.description ul li .description__sprit p,
#description.description ul li .description__sprit p,
#contactteam.description ul li .description__sprit p {
  width: 83%;
  margin-right: 2%;
}
@media screen and (max-width: 1000px) {
  #join.description ul li .description__sprit p,
#career.description ul li .description__sprit p,
#description.description ul li .description__sprit p,
#contactteam.description ul li .description__sprit p {
    margin-right: 0;
    width: 100%;
  }
}
#join.description ul li .description__sprit a,
#career.description ul li .description__sprit a,
#description.description ul li .description__sprit a,
#contactteam.description ul li .description__sprit a {
  width: 15%;
  background-color: rgb(247, 181, 44);
  padding: clamp(8.3333333333px, 0.625vw, 20px) clamp(16.6666666667px, 1.25vw, 40px);
  line-height: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
@media screen and (max-width: 1000px) {
  #join.description ul li .description__sprit a,
#career.description ul li .description__sprit a,
#description.description ul li .description__sprit a,
#contactteam.description ul li .description__sprit a {
    padding: 2.6666666667vw 4vw;
    width: auto;
  }
}
#join.contactteam,
#career.contactteam,
#description.contactteam,
#contactteam.contactteam {
  background-color: rgb(247, 181, 44);
}
#join.contactteam .join__h3,
#career.contactteam .join__h3,
#description.contactteam .join__h3,
#contactteam.contactteam .join__h3 {
  border-bottom: none;
  text-align: center;
}
#join.contactteam .join__h3 .container,
#career.contactteam .join__h3 .container,
#description.contactteam .join__h3 .container,
#contactteam.contactteam .join__h3 .container {
  justify-content: center;
}
#join.contactteam .join__h3 .container h3,
#career.contactteam .join__h3 .container h3,
#description.contactteam .join__h3 .container h3,
#contactteam.contactteam .join__h3 .container h3 {
  color: rgb(0, 0, 0);
}
#join.contactteam .contactteam__contactform,
#career.contactteam .contactteam__contactform,
#description.contactteam .contactteam__contactform,
#contactteam.contactteam .contactteam__contactform {
  padding-right: clamp(66.6666666667px, 5vw, 160px);
}
@media screen and (max-width: 1000px) {
  #join.contactteam .contactteam__contactform,
#career.contactteam .contactteam__contactform,
#description.contactteam .contactteam__contactform,
#contactteam.contactteam .contactteam__contactform {
    padding-right: 4vw;
  }
}

#interview {
  width: 100%;
  padding-right: clamp(66.6666666667px, 5vw, 160px);
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 1000px) {
  #interview {
    padding-right: 0;
  }
}
#interview .interview__item {
  width: 50%;
  border-right: 2px solid rgb(247, 181, 44);
  border-bottom: 2px solid rgb(247, 181, 44);
}
@media screen and (max-width: 1000px) {
  #interview .interview__item {
    width: 100%;
  }
}
#interview .interview__item .interview__item-img {
  aspect-ratio: 1000/548;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
}
#interview .interview__item .interview__item-img h3 {
  color: rgb(247, 181, 44);
  font-family: "Montserrat", sans-serif;
  font-weight: 750;
  padding: 0 0 0 clamp(50px, 3.75vw, 120px);
}
@media screen and (max-width: 1000px) {
  #interview .interview__item .interview__item-img h3 {
    padding: 0 0 0 4vw;
  }
}
#interview .interview__item .interview__item-txt {
  background-color: rgb(51, 51, 51);
  color: #FFF;
  padding: clamp(10px, 0.75vw, 24px) clamp(25px, 1.875vw, 60px) clamp(33.3333333333px, 2.5vw, 80px) clamp(50px, 3.75vw, 120px);
  overflow: hidden;
}
@media screen and (max-width: 1000px) {
  #interview .interview__item .interview__item-txt {
    padding: 1.6vw 4vw 5.3333333333vw 4vw;
  }
}
#interview .interview__item .interview__item-txt span {
  font-weight: 700;
  background-color: #fff;
  color: rgb(247, 181, 44);
  line-height: 1;
  padding: clamp(10px, 0.75vw, 24px) clamp(16.6666666667px, 1.25vw, 40px) clamp(10px, 0.75vw, 24px);
}
@media screen and (max-width: 1000px) {
  #interview .interview__item .interview__item-txt span {
    padding: 1.6vw 1.6vw 1.6vw;
  }
}
#interview .interview__item .interview__item-txt .interview__item-txt__sprit {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
#interview .interview__item .interview__item-txt .interview__item-txt__sprit p {
  margin-top: clamp(25px, 1.875vw, 60px);
  width: 90%;
}
@media screen and (max-width: 1000px) {
  #interview .interview__item .interview__item-txt .interview__item-txt__sprit p {
    margin-top: 4vw;
  }
}
#interview .interview__item .interview__item-txt .interview__item-txt__sprit img {
  width: 10%;
}

@-webkit-keyframes fvscrollanimation {
  from {
    top: -100%;
  }
  to {
    top: 100%;
  }
}

@keyframes fvscrollanimation {
  from {
    top: -100%;
  }
  to {
    top: 100%;
  }
}
/* --------------------------------------------
 * 　フロント：サービス
 * -------------------------------------------- */
.frontService {
  padding-top: clamp(91.6666666667px, 6.875vw, 220px);
  padding-bottom: clamp(108.3333333333px, 8.125vw, 260px);
  margin-right: clamp(66.6666666667px, 5vw, 160px);
  margin-left: 4vw;
  max-width: 1800px;
}
@media screen and (max-width: 1000px) {
  .frontService {
    margin-right: 4vw;
  }
}
.frontService .frontService__h {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-family: "Montserrat", sans-serif;
  font-weight: 750;
  line-height: 1.3;
  display: flex;
  flex-direction: column;
  position: relative;
  top: clamp(-25px, -1.875vw, -60px);
}
@media screen and (max-width: 1000px) {
  .frontService .frontService__h {
    width: 100%;
    transform: none;
  }
}
.frontService .frontService__h span {
  font-weight: 700;
}
@media screen and (max-width: 1000px) {
  .frontService .frontService__h span {
    transform: none;
    padding-left: 0;
  }
}
.frontService__lead {
  margin-bottom: 30px;
}
.frontService__button {
  margin-top: 40px;
}

.serviceList {
  display: flex;
  gap: 30px;
}
@media screen and (max-width: 1000px) {
  .serviceList {
    flex-direction: column;
  }
}
.serviceList__item {
  flex: 0 0 calc((100% - 60px) / 3);
}
.serviceList__itemThumbnail {
  position: relative;
}
.serviceList__itemThumbnail::after {
  position: absolute;
  content: "";
  bottom: -12px;
  width: 50%;
  height: 12px;
  left: 0;
  transform: translateX(50%);
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-top: 12px solid rgb(247, 181, 44);
}
.serviceList__itemThumbnail img {
  width: 100%;
}
.serviceList__itemContent {
  background: #F0F0F0;
  padding: 25px 20px 18px;
}
.serviceList__itemTitle {
  text-align: center;
  font-weight: 700;
  margin-bottom: 8px;
}
/* --------------------------------------------
 * 　フロント：ケース
 * -------------------------------------------- */
.frontCase {
  background: url(../img/front/case-bg.jpg) center center/cover no-repeat;
}
.frontCase__inner {
  padding-top: clamp(91.6666666667px, 6.875vw, 220px);
  padding-bottom: clamp(166.6666666667px, 12.5vw, 400px);
  margin-right: clamp(66.6666666667px, 5vw, 160px);
  margin-left: 4vw;
  max-width: 1800px;
}
@media screen and (max-width: 1000px) {
  .frontCase__inner {
    margin-right: 4vw;
    padding-bottom: 33.3333333333vw;
  }
}
.frontCase .frontCase__h {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-family: "Montserrat", sans-serif;
  font-weight: 750;
  line-height: 1.3;
  display: flex;
  flex-direction: column;
  position: relative;
  top: clamp(-25px, -1.875vw, -60px);
}
@media screen and (max-width: 1000px) {
  .frontCase .frontCase__h {
    width: 100%;
    transform: none;
  }
}
.frontCase .frontCase__h span {
  font-weight: 700;
}
@media screen and (max-width: 1000px) {
  .frontCase .frontCase__h span {
    transform: none;
    padding-left: 0;
  }
}
.frontCase__lead {
  font-size: 18px;
  margin-bottom: 30px;
}
.frontCase__button {
  margin-top: 40px;
}

.caseList {
  display: flex;
  gap: 30px;
}
@media screen and (max-width: 1000px) {
  .caseList {
    flex-direction: column;
  }
}
.caseList__item {
  flex: 0 0 calc((100% - 60px) / 3);
}
.caseList__itemThumbnail {
  margin-bottom: 8px;
}
.caseList__itemThumbnail img {
  aspect-ratio: 4/3;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#news {
  background-color: rgba(239, 238, 239, 0.8);
  background-image: url(../img/newsbg.png);
  background-size: cover;
  background-position: center;
  padding: clamp(91.6666666667px, 6.875vw, 220px) clamp(37.5px, 2.8125vw, 90px) clamp(91.6666666667px, 6.875vw, 220px) clamp(37.5px, 2.8125vw, 90px);
  margin-right: clamp(66.6666666667px, 5vw, 160px);
  position: relative;
  z-index: 100;
}
@media screen and (max-width: 1000px) {
  #news {
    padding: 14.6666666667vw 4vw 18.6666666667vw 4vw;
    margin-right: 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center bottom;
  }
}
#news .news__inner {
  display: flex;
  justify-content: space-between;
  position: relative;
}
@media screen and (max-width: 1000px) {
  #news .news__inner {
    flex-direction: column;
  }
}
#news .news__inner .news__h {
  width: 26%;
  font-family: "Montserrat", sans-serif;
  font-weight: 750;
  line-height: 1.3;
  display: flex;
  flex-direction: column;
  position: relative;
  top: clamp(-25px, -1.875vw, -60px);
}
@media screen and (max-width: 1000px) {
  #news .news__inner .news__h {
    width: 100%;
    transform: none;
  }
}
#news .news__inner .news__h span {
  font-weight: 700;
  transform: scale(1.1, 1);
  padding-left: clamp(14.1666666667px, 1.0625vw, 34px);
}
@media screen and (max-width: 1000px) {
  #news .news__inner .news__h span {
    transform: none;
    padding-left: 0;
  }
}
#news .news__inner .news__list {
  width: 47%;
  margin-bottom: clamp(83.3333333333px, 6.25vw, 200px);
}
@media screen and (max-width: 1000px) {
  #news .news__inner .news__list {
    width: 100%;
    margin-bottom: 10.6666666667vw;
  }
}
#news .news__inner .news__list .news__item {
  width: 100%;
  border-bottom: 2px solid rgb(51, 51, 51);
  padding: clamp(25px, 1.875vw, 60px) 0;
}
@media screen and (max-width: 1000px) {
  #news .news__inner .news__list .news__item {
    padding: 2.6666666667vw 0;
  }
}
#news .news__inner .news__list .news__item:first-of-type {
  border-top: 2px solid rgb(51, 51, 51);
}
#news .news__inner .news__list .news__item .news__info {
  display: flex;
  margin-bottom: clamp(25px, 1.875vw, 60px);
}
@media screen and (max-width: 1000px) {
  #news .news__inner .news__list .news__item .news__info {
    margin-bottom: 2.6666666667vw;
    align-items: center;
  }
}
#news .news__inner .news__list .news__item .news__info .news__date {
  font-family: "Montserrat", sans-serif;
  font-weight: 750;
  transform: scale(0.9, 1);
}
@media screen and (max-width: 1000px) {
  #news .news__inner .news__list .news__item .news__info .news__date {
    transform: none;
  }
}
#news .news__inner .news__list .news__item .news__info .news__tag {
  font-weight: 700;
  color: rgb(239, 238, 239);
  background-color: rgb(247, 181, 44);
  text-align: center;
  line-height: 1;
  border-radius: clamp(25px, 1.875vw, 60px);
  display: flex;
  justify-content: center;
  align-items: center;
  margin-left: clamp(25px, 1.875vw, 60px);
  padding: clamp(6.6666666667px, 0.5vw, 16px) clamp(8.3333333333px, 0.625vw, 20px) clamp(8.3333333333px, 0.625vw, 20px) clamp(8.3333333333px, 0.625vw, 20px);
}
@media screen and (max-width: 1000px) {
  #news .news__inner .news__list .news__item .news__info .news__tag {
    border-radius: 4vw;
    margin-left: 2.6666666667vw;
    padding: spmax(8) spmax(10) spmax(10) spmax(10);
  }
}
#news .news__inner .news__list .news__item .news__link {
  width: clamp(15px, 1.125vw, 36px);
  margin-left: auto;
}
@media screen and (max-width: 1000px) {
  #news .news__inner .news__list .news__item .news__link {
    width: 4vw;
  }
}
#news .news__inner .news__list-a {
  width: 15%;
  margin-top: auto;
  background-color: rgb(51, 51, 51);
  color: rgb(239, 238, 239);
  text-align: center;
  padding: clamp(8.3333333333px, 0.625vw, 20px) 0;
}
@media screen and (max-width: 1000px) {
  #news .news__inner .news__list-a {
    width: 40%;
    padding: 2.6666666667vw 0;
  }
}
#news.newspage {
  padding-top: 0;
  background-image: none;
}
#news.newspage .news__inner {
  justify-content: center;
  flex-direction: column;
  align-items: center;
  margin-left: clamp(83.3333333333px, 6.25vw, 200px);
}
@media screen and (max-width: 1000px) {
  #news.newspage .news__inner {
    margin-left: 0;
  }
}
#news.newspage .news__inner .news__list {
  width: 65%;
}
@media screen and (max-width: 1000px) {
  #news.newspage .news__inner .news__list {
    width: 100%;
  }
}

.pagenation .nav-links > ul.page-numbers {
  display: flex;
}
.pagenation .nav-links > ul.page-numbers li {
  margin-right: 20px;
}
.pagenation .nav-links > ul.page-numbers li:last-of-type {
  margin-right: 0;
}
.pagenation .page-numbers li .page-numbers {
  font-size: 0;
  width: clamp(8.3333333333px, 0.625vw, 20px);
  height: clamp(8.3333333333px, 0.625vw, 20px);
  display: block;
  background-color: rgb(0, 0, 0);
  border-radius: 50%;
}
.pagenation .page-numbers li .page-numbers.current {
  background-color: rgb(247, 181, 44);
}

#contact {
  width: calc(100% - clamp(316.6666666667px, 23.75vw, 760px));
  margin-left: auto;
  margin-right: clamp(66.6666666667px, 5vw, 160px);
  color: rgb(239, 238, 239);
  transform: translateY(-50%);
  display: flex;
  align-items: center;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 120;
}
@media screen and (max-width: 1000px) {
  #contact {
    width: 95%;
    margin-right: 0;
  }
}
#contact .contact__outer {
  width: 100%;
  height: 100%;
  background-image: url(../img/contactbg.png);
  background-size: cover;
  z-index: 115;
}
#contact .contact__sq {
  position: absolute;
  content: "";
  left: clamp(-10px, -0.75vw, -24px);
  bottom: clamp(-10px, -0.75vw, -24px);
  width: clamp(75px, 5.625vw, 180px);
  height: clamp(83.3333333333px, 6.25vw, 200px);
  background-color: rgb(247, 181, 44);
  -webkit-clip-path: polygon(0 0, 0% 100%, 100% 100%);
          clip-path: polygon(0 0, 0% 100%, 100% 100%);
  z-index: 113;
}
@media screen and (max-width: 1000px) {
  #contact .contact__sq {
    left: -1.6vw;
    bottom: -1.6vw;
    width: 12vw;
    height: 13.3333333333vw;
  }
}
#contact .contact__inner {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: clamp(37.5px, 2.8125vw, 90px) clamp(37.5px, 2.8125vw, 90px) clamp(37.5px, 2.8125vw, 90px) clamp(50px, 3.75vw, 120px);
  position: relative;
  z-index: 118;
}
@media screen and (max-width: 1000px) {
  #contact .contact__inner {
    padding: 2.6666666667vw;
  }
}
#contact .contact__inner .contact__inner-text {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1000px) {
  #contact .contact__inner .contact__inner-text {
    flex-direction: column;
    align-items: flex-start;
  }
}
#contact .contact__inner .contact__inner-text h2 {
  font-family: "Montserrat", sans-serif;
  font-weight: 750;
  transform: scale(0.9, 1);
  margin-right: clamp(50px, 3.75vw, 120px);
  line-height: 1;
}
@media screen and (max-width: 1000px) {
  #contact .contact__inner .contact__inner-text h2 {
    position: relative;
    left: -2vw;
  }
}
#contact .contact__inner .contact__inner-link {
  width: clamp(15px, 1.125vw, 36px);
  margin-top: auto;
}
@media screen and (max-width: 1000px) {
  #contact .contact__inner .contact__inner-link {
    width: 3.2vw;
  }
}
#contact .fv__mov {
  position: absolute;
  overflow: hidden;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 114;
}

#message {
  background-color: rgba(239, 238, 239, 0.8);
  padding: clamp(108.3333333333px, 8.125vw, 260px) clamp(66.6666666667px, 5vw, 160px);
  margin-right: clamp(66.6666666667px, 5vw, 160px);
  position: relative;
  z-index: 100;
}
@media screen and (max-width: 1000px) {
  #message {
    padding: 13.3333333333vw 4vw;
    margin-right: 0;
  }
}
#message .message-inner {
  width: 100%;
  margin: 0 auto;
}
#message .message-inner .message__h2 {
  display: flex;
  align-items: baseline;
  margin-bottom: clamp(108.3333333333px, 8.125vw, 260px);
}
@media screen and (max-width: 1000px) {
  #message .message-inner .message__h2 {
    margin-bottom: 12vw;
  }
}
#message .message-inner .message__h2 h2 {
  font-family: "Montserrat", sans-serif;
  font-weight: 750;
  margin-right: clamp(25px, 1.875vw, 60px);
}
@media screen and (max-width: 1000px) {
  #message .message-inner .message__h2 h2 {
    margin-right: 2.6666666667vw;
  }
}
#message .message-inner .message__lead {
  width: 100%;
  height: clamp(400px, 30vw, 960px);
  background-image: url(../img/about/about-img4.jpg);
  background-position: right;
  background-size: contain;
  background-repeat: no-repeat;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: clamp(50px, 3.75vw, 120px);
}
@media screen and (max-width: 1000px) {
  #message .message-inner .message__lead {
    height: auto;
    margin-bottom: 16vw;
    background-image: none;
  }
}
@media screen and (max-width: 1000px) {
  #message .message-inner .message__lead .message__lead-name {
    margin-bottom: 2.6666666667vw;
  }
}
#message .message-inner .message__lead .message__lead-name h3 {
  font-weight: 700;
}
#message .message-inner .message__lead .message__lead-img {
  margin-bottom: 2.6666666667vw;
}
#message .message-inner .message__lead .message__lead-lead {
  font-weight: 700;
}
#message .message-inner .message__lead-text {
  width: 75%;
  display: flex;
  flex-direction: column;
  margin-bottom: clamp(66.6666666667px, 5vw, 160px);
}
@media screen and (max-width: 1000px) {
  #message .message-inner .message__lead-text {
    width: 100%;
    margin-bottom: 10.6666666667vw;
  }
}
#message .message-inner .message__lead-text span {
  margin-top: clamp(25px, 1.875vw, 60px);
  margin-left: auto;
  width: clamp(166.6666666667px, 12.5vw, 400px);
}
@media screen and (max-width: 1000px) {
  #message .message-inner .message__lead-text span {
    margin-top: 4vw;
    width: 26.6666666667vw;
  }
}
#message .message-inner .message__lead-career {
  width: 75%;
  padding: clamp(41.6666666667px, 3.125vw, 100px);
  position: relative;
}
@media screen and (max-width: 1000px) {
  #message .message-inner .message__lead-career {
    width: 90%;
    padding: 4vw;
    margin: 0 auto;
  }
}
#message .message-inner .message__lead-career::before {
  content: "";
  position: absolute;
  width: clamp(116.6666666667px, 8.75vw, 280px);
  height: clamp(58.3333333333px, 4.375vw, 140px);
  top: 0;
  left: 0;
  border-top: 3px solid rgb(171, 171, 171);
  border-left: 3px solid rgb(171, 171, 171);
}
@media screen and (max-width: 1000px) {
  #message .message-inner .message__lead-career::before {
    border-top: 2px solid rgb(171, 171, 171);
    border-left: 2px solid rgb(171, 171, 171);
  }
}
#message .message-inner .message__lead-career::after {
  content: "";
  position: absolute;
  width: clamp(116.6666666667px, 8.75vw, 280px);
  height: clamp(58.3333333333px, 4.375vw, 140px);
  bottom: 0;
  right: 0;
  border-bottom: 3px solid rgb(171, 171, 171);
  border-right: 3px solid rgb(171, 171, 171);
}
@media screen and (max-width: 1000px) {
  #message .message-inner .message__lead-career::after {
    border-bottom: 2px solid rgb(171, 171, 171);
    border-right: 2px solid rgb(171, 171, 171);
  }
}
#message .message-inner .message__lead-career h4 {
  margin-bottom: clamp(16.6666666667px, 1.25vw, 40px);
}

#company {
  background-color: rgb(239, 238, 239);
  position: relative;
  z-index: 100;
  margin-right: clamp(66.6666666667px, 5vw, 160px);
  display: flex;
  padding-bottom: clamp(75px, 5.625vw, 180px);
}
@media screen and (max-width: 1000px) {
  #company {
    margin-right: 0;
    padding: 0 4vw;
    padding-bottom: 24vw;
    flex-direction: column;
  }
}
#company .company__text {
  width: 50%;
  padding-top: clamp(100px, 7.5vw, 240px);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
@media screen and (max-width: 1000px) {
  #company .company__text {
    width: 100%;
    padding-top: 8vw;
  }
}
#company .company__text h3 {
  font-family: "Montserrat", sans-serif;
  font-weight: 750;
  transform: scale(0.9, 1);
  width: 70%;
  text-align: center;
  margin-bottom: clamp(25px, 1.875vw, 60px);
}
@media screen and (max-width: 1000px) {
  #company .company__text h3 {
    width: 100%;
    margin-bottom: 4vw;
  }
}
#company .company__text dl {
  margin-bottom: clamp(75px, 5.625vw, 180px);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  width: 70%;
}
@media screen and (max-width: 1000px) {
  #company .company__text dl {
    width: 100%;
    margin-bottom: 12vw;
  }
}
#company .company__text dl dt {
  width: 30%;
  padding-right: 7.5%;
  margin-right: 7.5%;
  margin-bottom: clamp(8.3333333333px, 0.625vw, 20px);
  position: relative;
  -moz-text-align-last: justify;
       text-align-last: justify;
}
@media screen and (max-width: 1000px) {
  #company .company__text dl dt {
    margin-bottom: 1.3333333333vw;
  }
}
#company .company__text dl dt::after {
  content: "";
  position: absolute;
  top: 15%;
  right: 0;
  width: 1px;
  height: 70%;
  background-color: rgb(0, 0, 0);
}
#company .company__text dl dd {
  width: 55%;
}
#company .company__map {
  width: 50%;
  filter: grayscale(1);
}
@media screen and (max-width: 1000px) {
  #company .company__map {
    width: 100%;
    aspect-ratio: 1/1;
  }
}

#contactform {
  width: clamp(666.6666666667px, 50vw, 1600px);
  margin: clamp(0px, 0vw, 0px) auto;
  margin-bottom: clamp(100px, 7.5vw, 240px);
}
@media screen and (max-width: 1000px) {
  #contactform {
    width: 100%;
    margin: 0 auto;
    margin-bottom: 16vw;
    padding: 0 4vw;
  }
}
#contactform p {
  text-align: center;
}
#contactform p span.spanorange {
  color: rgb(247, 181, 44);
}
#contactform .contactform__form {
  margin-top: clamp(25px, 1.875vw, 60px);
}
@media screen and (max-width: 1000px) {
  #contactform .contactform__form {
    margin-top: 4vw;
  }
}
#contactform .contactform__form .wp-block-snow-monkey-forms-item {
  padding: 0 0 clamp(16.6666666667px, 1.25vw, 40px) 0;
}
@media screen and (max-width: 1000px) {
  #contactform .contactform__form .wp-block-snow-monkey-forms-item {
    padding: 0 0 2.6666666667vw 0;
  }
}
#contactform .contactform__form .smf-item.must .smf-item__label__text {
  position: relative;
}
#contactform .contactform__form .smf-item.must .smf-item__label__text::after {
  content: "※";
  color: rgb(247, 181, 44);
}
#contactform .contactform__form .smf-item .smf-item__col--label {
  padding-bottom: clamp(4.1666666667px, 0.3125vw, 10px);
}
@media screen and (max-width: 1000px) {
  #contactform .contactform__form .smf-item .smf-item__col--label {
    padding-bottom: 1.3333333333vw;
  }
}
#contactform .contactform__form .smf-item .smf-text-control__control {
  border: none;
  border-radius: 5px;
}
#contactform .contactform__form .smf-item .smf-text-control__control.half {
  width: 60%;
}
@media screen and (max-width: 1000px) {
  #contactform .contactform__form .smf-item .smf-text-control__control.half {
    width: 100%;
  }
}
#contactform .contactform__form .smf-item .smf-select-control {
  width: 60%;
}
@media screen and (max-width: 1000px) {
  #contactform .contactform__form .smf-item .smf-select-control {
    width: 100%;
  }
}
#contactform .contactform__form .smf-item .smf-select-control__control {
  border: none;
  border-radius: 5px;
  width: 100%;
}
#contactform .contactform__form .smf-item .smf-textarea-control__control {
  border: none;
  border-radius: 5px;
  margin-bottom: clamp(25px, 1.875vw, 60px);
}
@media screen and (max-width: 1000px) {
  #contactform .contactform__form .smf-item .smf-textarea-control__control {
    margin-bottom: 4vw;
  }
}
#contactform .contactform__form .wp-block-separator {
  margin-bottom: clamp(16.6666666667px, 1.25vw, 40px);
}
@media screen and (max-width: 1000px) {
  #contactform .contactform__form .wp-block-separator {
    margin-bottom: 2.6666666667vw;
  }
}
#contactform .contactform__form .wp-block-columns p {
  text-align: left;
}
#contactform .contactform__form .wp-block-columns div {
  flex-basis: auto;
  flex-basis: auto;
}
#contactform .contactform__form .wp-block-columns div:nth-of-type(1) {
  width: 25%;
  margin-right: 5%;
}
#contactform .contactform__form .wp-block-columns div:nth-of-type(2) {
  width: 70%;
  height: clamp(250px, 18.75vw, 600px);
  overflow-y: scroll;
  background-color: #FFF;
  padding: clamp(16.6666666667px, 1.25vw, 40px);
}
@media screen and (max-width: 1000px) {
  #contactform .contactform__form .wp-block-columns div:nth-of-type(2) {
    padding: 2.6666666667vw;
    height: 53.3333333333vw;
  }
}
#contactform .contactform__form .wp-block-columns div:nth-of-type(2) p {
  margin-bottom: clamp(16.6666666667px, 1.25vw, 40px);
}
@media screen and (max-width: 1000px) {
  #contactform .contactform__form .wp-block-columns div:nth-of-type(2) p {
    margin-bottom: 2.6666666667vw;
  }
}
#contactform .contactform__form .wp-block-columns div:nth-of-type(2) p:last-of-type {
  margin-bottom: 0;
}
#contactform .contactform__form .smf-placeholder .smf-checkboxes-control {
  text-align: right;
  margin-top: clamp(8.3333333333px, 0.625vw, 20px);
  margin-bottom: clamp(8.3333333333px, 0.625vw, 20px);
}
@media screen and (max-width: 1000px) {
  #contactform .contactform__form .smf-placeholder .smf-checkboxes-control {
    margin-top: 1.3333333333vw;
    margin-bottom: 1.3333333333vw;
  }
}
#contactform .contactform__form .smf-button-control__control {
  margin: 0 auto;
  margin-top: clamp(50px, 3.75vw, 120px);
  color: #FFF;
  background-color: rgb(247, 181, 44);
  background-image: none;
  border: none;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: clamp(333.3333333333px, 25vw, 800px);
  height: clamp(75px, 5.625vw, 180px);
}
@media screen and (max-width: 1000px) {
  #contactform .contactform__form .smf-button-control__control {
    margin-top: 8vw;
    width: 64vw;
    height: 16vw;
  }
}
#contactform .contactform__form .contactform__form-box {
  width: 100%;
  height: clamp(25px, 1.875vw, 60px);
  background-color: #fff;
  margin-bottom: clamp(16.6666666667px, 1.25vw, 40px);
}
#contactform .contactform__form .contactform__form-box.full {
  height: clamp(208.3333333333px, 15.625vw, 500px);
}
#contactform .contactform__form .contactform__form-cau {
  border-top: 2px solid rgb(51, 51, 51);
  border-bottom: 2px solid rgb(51, 51, 51);
  margin-top: clamp(33.3333333333px, 2.5vw, 80px);
  padding: clamp(16.6666666667px, 1.25vw, 40px) 0;
  display: flex;
  flex-wrap: wrap;
}
#contactform .contactform__form .contactform__form-cau .contactform__form-name {
  width: 20%;
  margin-right: 5%;
}
#contactform .contactform__form .contactform__form-cau .contactform__form-box {
  width: 75%;
  height: auto;
  padding: clamp(25px, 1.875vw, 60px);
}
#contactform .contactform__form .contactform__form-cau .contactform__form-agree {
  margin-left: auto;
}
#contactform .contactform__form .contactform__form-send {
  margin: 0 auto;
  margin-top: clamp(50px, 3.75vw, 120px);
  margin-bottom: clamp(100px, 7.5vw, 240px);
  color: rgb(239, 238, 239);
  background-color: rgb(247, 181, 44);
  display: flex;
  justify-content: center;
  align-items: center;
  width: clamp(333.3333333333px, 25vw, 800px);
  height: clamp(75px, 5.625vw, 180px);
}
#contactform.recruit {
  padding: clamp(25px, 1.875vw, 60px) clamp(133.3333333333px, 10vw, 320px);
  background-color: rgb(239, 238, 239);
  width: auto;
  color: rgb(0, 0, 0);
  overflow-x: hidden;
}
@media screen and (max-width: 1000px) {
  #contactform.recruit {
    padding: 4vw;
  }
}
#contactform.recruit h4 {
  font-weight: 700;
  text-align: center;
}
#contactform.recruit > p {
  background-color: rgb(0, 0, 0);
  color: #FFF;
  margin-right: clamp(-166.6666666667px, -12.5vw, -400px);
  margin-left: clamp(-166.6666666667px, -12.5vw, -400px);
  padding: clamp(8.3333333333px, 0.625vw, 20px) 0;
  margin-top: clamp(25px, 1.875vw, 60px);
}
@media screen and (max-width: 1000px) {
  #contactform.recruit > p {
    margin-top: 4vw;
    margin-right: -4vw;
    margin-left: -4vw;
    padding: 1.3333333333vw 0;
  }
}
#contactform.recruit p.contactteamp {
  text-align: left;
  margin-bottom: clamp(25px, 1.875vw, 60px);
}
@media screen and (max-width: 1000px) {
  #contactform.recruit p.contactteamp {
    margin-bottom: 4vw;
  }
}

#breadcrumb ol {
  display: flex;
  flex-wrap: wrap;
}
#breadcrumb ol li:first-of-type a {
  color: rgb(247, 181, 44);
}
#breadcrumb ol li:nth-of-type(2) a {
  color: rgb(247, 181, 44);
}

#singlepage {
  display: flex;
  margin-top: clamp(41.6666666667px, 3.125vw, 100px);
  margin-bottom: clamp(166.6666666667px, 12.5vw, 400px);
}
@media screen and (max-width: 1000px) {
  #singlepage {
    margin-top: 4vw;
    margin-bottom: 26.6666666667vw;
    flex-direction: column;
  }
}
#singlepage .singlepage-main {
  width: 67%;
  margin-right: 3%;
}
@media screen and (max-width: 1000px) {
  #singlepage .singlepage-main {
    width: 100%;
    margin-right: 0;
  }
}
#singlepage .singlepage-main .singlepage-main__inner {
  background-color: #fff;
  padding: clamp(50px, 3.75vw, 120px);
}
@media screen and (max-width: 1000px) {
  #singlepage .singlepage-main .singlepage-main__inner {
    padding: 4vw;
  }
}
#singlepage .singlepage-main .singlepage-main__inner .singlepage-info {
  display: flex;
  margin-bottom: clamp(16.6666666667px, 1.25vw, 40px);
}
@media screen and (max-width: 1000px) {
  #singlepage .singlepage-main .singlepage-main__inner .singlepage-info {
    margin-bottom: 2.6666666667vw;
    align-items: center;
  }
}
#singlepage .singlepage-main .singlepage-main__inner .singlepage-info .singlepage-date {
  font-family: "Montserrat", sans-serif;
  font-weight: 750;
  margin-right: clamp(25px, 1.875vw, 60px);
}
@media screen and (max-width: 1000px) {
  #singlepage .singlepage-main .singlepage-main__inner .singlepage-info .singlepage-date {
    margin-right: 2.6666666667vw;
  }
}
#singlepage .singlepage-main .singlepage-main__inner .singlepage-info .singlepage-category {
  color: #FFF;
  background-color: rgb(247, 181, 44);
  line-height: 1;
  padding: clamp(8.3333333333px, 0.625vw, 20px);
  border-radius: clamp(16.6666666667px, 1.25vw, 40px);
}
@media screen and (max-width: 1000px) {
  #singlepage .singlepage-main .singlepage-main__inner .singlepage-info .singlepage-category {
    padding: 2.6666666667vw;
    border-radius: 80vw;
  }
}
#singlepage .singlepage-main .singlepage-main__inner .singlepage-info .singlepage-category.interview {
  background-color: unset;
  color: rgb(0, 0, 0);
  font-weight: 700;
}
#singlepage .singlepage-main .singlepage-main__inner .singlepage-logo {
  width: clamp(83.3333333333px, 6.25vw, 200px);
  margin-bottom: clamp(16.6666666667px, 1.25vw, 40px);
}
@media screen and (max-width: 1000px) {
  #singlepage .singlepage-main .singlepage-main__inner .singlepage-logo {
    width: 26.6666666667vw;
    margin-bottom: 4vw;
  }
}
#singlepage .singlepage-main .singlepage-main__inner .singlepage-title {
  margin-bottom: clamp(16.6666666667px, 1.25vw, 40px);
}
@media screen and (max-width: 1000px) {
  #singlepage .singlepage-main .singlepage-main__inner .singlepage-title {
    margin-bottom: 2.6666666667vw;
  }
}
#singlepage .singlepage-main .singlepage-main__inner .singlepage__item-img {
  width: 100%;
  margin-bottom: clamp(50px, 3.75vw, 120px);
}
@media screen and (max-width: 1000px) {
  #singlepage .singlepage-main .singlepage-main__inner .singlepage__item-img {
    margin-bottom: 8vw;
  }
}
#singlepage .singlepage-main .singlepage-main__inner h2 {
  font-weight: 700;
  border-bottom: 1px solid rgb(0, 0, 0);
  padding-bottom: clamp(4.1666666667px, 0.3125vw, 10px);
  margin-bottom: clamp(8.3333333333px, 0.625vw, 20px);
  margin-top: clamp(25px, 1.875vw, 60px);
}
@media screen and (max-width: 1000px) {
  #singlepage .singlepage-main .singlepage-main__inner h2 {
    padding-bottom: 0.6666666667vw;
    margin-bottom: 1.3333333333vw;
    margin-top: 4vw;
  }
}
#singlepage .singlepage-main .singlepage-main__inner h3 {
  font-weight: 700;
  border-bottom: 1px solid rgb(0, 0, 0);
  padding-bottom: clamp(4.1666666667px, 0.3125vw, 10px);
  margin-bottom: clamp(8.3333333333px, 0.625vw, 20px);
  margin-top: clamp(25px, 1.875vw, 60px);
}
@media screen and (max-width: 1000px) {
  #singlepage .singlepage-main .singlepage-main__inner h3 {
    padding-bottom: 0.6666666667vw;
    margin-bottom: 1.3333333333vw;
    margin-top: 4vw;
  }
}
#singlepage .singlepage-main .singlepage-main__inner h4 {
  color: rgb(247, 181, 44);
  font-weight: 700;
  padding-bottom: clamp(4.1666666667px, 0.3125vw, 10px);
  margin-bottom: clamp(8.3333333333px, 0.625vw, 20px);
  margin-top: clamp(50px, 3.75vw, 120px);
  position: relative;
}
@media screen and (max-width: 1000px) {
  #singlepage .singlepage-main .singlepage-main__inner h4 {
    padding-bottom: 0.6666666667vw;
    margin-bottom: 1.3333333333vw;
    margin-top: 8vw;
  }
}
#singlepage .singlepage-main .singlepage-main__inner h4::before {
  content: "ー";
  position: relative;
  color: rgb(247, 181, 44);
  font-weight: 700;
}
#singlepage .singlepage-main .singlepage-main__inner p {
  margin-bottom: clamp(20px, 1.5vw, 48px);
}
@media screen and (max-width: 1000px) {
  #singlepage .singlepage-main .singlepage-main__inner p {
    margin-bottom: 3.2vw;
  }
}
#singlepage .singlepage-main .singlepage-main__inner p strong {
  font-weight: 700;
}
#singlepage .singlepage-main .singlepage-main__inner p a {
  font-weight: 700;
  color: rgb(247, 181, 44);
  text-decoration: underline;
}
#singlepage .singlepage-main .singlepage-main__inner .wp-block-image {
  margin-bottom: clamp(20px, 1.5vw, 48px);
}
@media screen and (max-width: 1000px) {
  #singlepage .singlepage-main .singlepage-main__inner .wp-block-image {
    margin-bottom: 3.2vw;
  }
}
#singlepage .singlepage-main .singlepage-main__inner ul {
  list-style: disc;
}
#singlepage .singlepage-main .singlepage-main__inner ul li {
  margin-bottom: clamp(8.3333333333px, 0.625vw, 20px);
  margin-left: clamp(23.3333333333px, 1.75vw, 56px);
}
#singlepage .singlepage-main .singlepage-main__inner ol {
  list-style: decimal;
}
#singlepage .singlepage-main .singlepage-main__inner ol li {
  margin-bottom: clamp(8.3333333333px, 0.625vw, 20px);
  margin-left: clamp(23.3333333333px, 1.75vw, 56px);
}
#singlepage .singlepage-main .singlepage-main__inner blockquote {
  padding: 1em;
  background: #f1f1f1;
}
#singlepage .singlepage-main .singlepage-main__inner blockquote p:last-child {
  margin-bottom: 0;
}
#singlepage .singlepage-main .singlepage-main__inner .wp-block-list, #singlepage .singlepage-main .singlepage-main__inner .wp-block-table {
  margin-top: 20px;
  margin-bottom: 20px;
}
#singlepage .singlepage-main .singlepage-main__pagination {
  display: flex;
  justify-content: center;
  margin-top: clamp(16.6666666667px, 1.25vw, 40px);
}
@media screen and (max-width: 1000px) {
  #singlepage .singlepage-main .singlepage-main__pagination {
    margin-top: 5.3333333333vw;
  }
}
#singlepage .singlepage-main .singlepage-main__pagination li {
  margin-right: clamp(16.6666666667px, 1.25vw, 40px);
  font-size: 10px;
}
@media screen and (max-width: 1000px) {
  #singlepage .singlepage-main .singlepage-main__pagination li {
    margin-right: 8vw;
    font-size: 12px;
  }
}
#singlepage .singlepage-main .singlepage-main__pagination li.current {
  color: rgb(247, 181, 44);
}
#singlepage .singlepage-main .singlepage-main__pagination li:last-of-type {
  margin-right: 0;
}
#singlepage .singlepage-related {
  width: 30%;
}
@media screen and (max-width: 1000px) {
  #singlepage .singlepage-related {
    width: 100%;
    margin-top: 8vw;
  }
}
@media screen and (max-width: 1000px) {
  #singlepage .singlepage-related h3 {
    margin-bottom: 4vw;
  }
}
#singlepage .singlepage-related .singlepage-related__item {
  background-color: #fff;
  padding: clamp(16.6666666667px, 1.25vw, 40px);
}
@media screen and (max-width: 1000px) {
  #singlepage .singlepage-related .singlepage-related__item {
    padding: 2.6666666667vw;
  }
}
#singlepage .singlepage-related .singlepage-related__item ul li a {
  display: flex;
  padding: clamp(12.5px, 0.9375vw, 30px) 0;
  border-bottom: 1px solid rgb(171, 171, 171);
}
@media screen and (max-width: 1000px) {
  #singlepage .singlepage-related .singlepage-related__item ul li a {
    padding: 2vw 0;
  }
}
#singlepage .singlepage-related .singlepage-related__item ul li a .related__item-img {
  width: 45%;
  margin-right: 5%;
}
#singlepage .singlepage-related .singlepage-related__item ul li a .related__item-text {
  width: 50%;
}
#singlepage .singlepage-related .singlepage-related__item ul li a .related__item-text span {
  padding: clamp(2.5px, 0.1875vw, 6px) clamp(8.3333333333px, 0.625vw, 20px);
  border-radius: clamp(25px, 1.875vw, 60px);
  background-color: rgb(247, 181, 44);
  color: #FFF;
  display: inline-block;
  margin-bottom: clamp(4.1666666667px, 0.3125vw, 10px);
}
#singlepage .singlepage-related .singlepage-related__item ul li:first-of-type a {
  padding: 0 0 clamp(12.5px, 0.9375vw, 30px) 0;
}
@media screen and (max-width: 1000px) {
  #singlepage .singlepage-related .singlepage-related__item ul li:first-of-type a {
    padding: 0 0 2vw 0;
  }
}
#singlepage .singlepage-related .singlepage-related__item ul li:last-of-type a {
  border-bottom: none;
  padding: clamp(12.5px, 0.9375vw, 30px) 0 0 0;
}
@media screen and (max-width: 1000px) {
  #singlepage .singlepage-related .singlepage-related__item ul li:last-of-type a {
    padding: 2vw 0 0 0;
  }
}

#case-lead {
  margin-bottom: clamp(50px, 3.75vw, 120px);
}

ul.case-list {
  display: flex;
  margin-bottom: clamp(166.6666666667px, 12.5vw, 400px);
}
@media screen and (max-width: 1000px) {
  ul.case-list {
    flex-direction: column;
    margin-bottom: 16vw;
  }
}
ul.case-list li {
  width: 32%;
  margin-right: 2%;
}
@media screen and (max-width: 1000px) {
  ul.case-list li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 8vw;
  }
}
ul.case-list li:nth-of-type(3n) {
  margin-right: 0;
}
ul.case-list li .case-img {
  width: 100%;
  aspect-ratio: 48/35;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  margin-bottom: clamp(25px, 1.875vw, 60px);
}
ul.case-list li .case-sprit {
  display: flex;
  align-items: flex-start;
}
ul.case-list li .case-sprit .case-logo {
  width: 20%;
  margin-right: 6%;
  aspect-ratio: 1/1;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
ul.case-list li .case-sprit .case-txt {
  width: 74%;
}
ul.case-list li .case-sprit .case-txt h3 {
  font-weight: 700;
  text-align: justify;
  margin-bottom: clamp(8.3333333333px, 0.625vw, 20px);
}
ul.case-list li .case-sprit .case-txt .case-tag {
  display: flex;
  flex-wrap: wrap;
}
ul.case-list li .case-sprit .case-txt .case-tag span {
  padding: clamp(4.1666666667px, 0.3125vw, 10px) clamp(8.3333333333px, 0.625vw, 20px);
  background-color: #FFF;
  margin-right: clamp(8.3333333333px, 0.625vw, 20px);
  border-radius: clamp(25px, 1.875vw, 60px);
  margin-bottom: clamp(8.3333333333px, 0.625vw, 20px);
}

#footer {
  position: relative;
  z-index: 100;
  background-color: rgb(0, 0, 0);
  color: rgb(239, 238, 239);
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  padding: clamp(37.5px, 2.8125vw, 90px) clamp(91.6666666667px, 6.875vw, 220px) clamp(25px, 1.875vw, 60px) clamp(37.5px, 2.8125vw, 90px);
}
@media screen and (max-width: 1000px) {
  #footer {
    padding: 24vw 4vw 4vw 4vw;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }
}
@media screen and (max-width: 1000px) {
  #footer .footer__text {
    text-align: left;
  }
}
#footer .footer__text img {
  width: clamp(141.6666666667px, 10.625vw, 340px);
  margin-top: clamp(12.5px, 0.9375vw, 30px);
  margin-bottom: clamp(25px, 1.875vw, 60px);
}
@media screen and (max-width: 1000px) {
  #footer .footer__text img {
    width: 24vw;
    margin-top: 0;
    margin-bottom: 8vw;
  }
}
@media screen and (max-width: 1000px) {
  #footer .footer__text p {
    text-align: left;
  }
}
#footer .footer__list {
  font-family: "Montserrat", sans-serif;
  font-weight: 750;
  transform: scale(0.9, 1);
  display: flex;
}
@media screen and (max-width: 1000px) {
  #footer .footer__list {
    flex-wrap: wrap;
    justify-content: center;
    display: none;
  }
}
#footer .footer__list li {
  margin-right: clamp(8.3333333333px, 0.625vw, 20px);
}
#footer .footer__list li a {
  padding: clamp(8.3333333333px, 0.625vw, 20px);
  display: block;
  line-height: 1;
}

/* --------------------------------------------
 * 　サービス
 * -------------------------------------------- */
.servicePage {
  margin-bottom: clamp(166.6666666667px, 12.5vw, 400px);
}
@media screen and (max-width: 1000px) {
  .servicePage {
    margin-bottom: clamp(125px, 9.375vw, 300px);
  }
}
.servicePage__top {
  background: url(../img/service/service-heading.jpg) center center/cover no-repeat;
  padding-top: clamp(116.6666666667px, 8.75vw, 280px);
  padding-bottom: clamp(100px, 7.5vw, 240px);
}
@media screen and (max-width: 1000px) {
  .servicePage__top {
    background: url(../img/service/service-heading-sp.jpg) center center/cover no-repeat;
    padding-top: clamp(91.6666666667px, 6.875vw, 220px);
    padding-bottom: clamp(75px, 5.625vw, 180px);
  }
}
.servicePage__lead {
  font-size: 18px;
  margin-left: clamp(50px, 3.75vw, 120px);
  color: rgb(239, 238, 239);
}
@media screen and (max-width: 1000px) {
  .servicePage__lead {
    font-size: 16px;
    margin-left: 0;
    padding-left: 4vw;
    padding-right: 4vw;
  }
}
.servicePage__heading {
  color: #fff;
  margin-bottom: clamp(91.6666666667px, 6.875vw, 220px) !important;
}
@media screen and (max-width: 1000px) {
  .servicePage__heading {
    margin-top: 12vw;
    margin-bottom: 0;
  }
}
.servicePage__heading span.forall {
  margin-left: clamp(16.6666666667px, 1.25vw, 40px);
  letter-spacing: 0.2em;
}
@media screen and (max-width: 1000px) {
  .servicePage__heading span.forall {
    margin-left: 0vw;
  }
}

.serviceSummary {
  background: #FBFBFB;
  padding-top: clamp(83.3333333333px, 6.25vw, 200px);
  position: relative;
}
.serviceSummary__heading {
  margin-bottom: 40px;
}
.serviceSummary__headingSub {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background: rgb(247, 181, 44);
  color: rgb(0, 0, 0);
  padding: 0 0.3em;
  margin-bottom: 5px;
}
.serviceSummary__headingMain {
  font-weight: 700;
}
.serviceSummary__img {
  position: relative;
  padding-bottom: clamp(83.3333333333px, 6.25vw, 200px);
}
.serviceSummary__img img {
  width: 100%;
}
.serviceSummary__arrow {
  position: absolute;
  bottom: -35px;
  left: 50%;
  transform: translateX(-50%);
}

.serviceSupport {
  margin-top: clamp(66.6666666667px, 5vw, 160px);
  margin-bottom: clamp(66.6666666667px, 5vw, 160px);
}
@media screen and (max-width: 1000px) {
  .serviceSupport {
    margin-bottom: clamp(33.3333333333px, 2.5vw, 80px);
  }
}
.serviceSupport__inner {
  background: #fff;
  border-radius: 20px;
  box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, 0.25);
  padding: clamp(50px, 3.75vw, 120px);
}
@media screen and (max-width: 1000px) {
  .serviceSupport__inner {
    padding: clamp(33.3333333333px, 2.5vw, 80px);
  }
}
.serviceSupport__heading {
  border-left: 15px solid rgb(247, 181, 44);
  padding-left: clamp(35px, 3.75vw - 15px, 105px);
  margin-left: clamp(-120px, -3.75vw, -50px);
  margin-bottom: 30px;
  line-height: 1.4;
}
@media screen and (max-width: 1000px) {
  .serviceSupport__heading {
    padding-left: 23px;
    margin-left: -33px;
    border-left: 10px solid rgb(247, 181, 44);
  }
}
.serviceSupport__headingEn {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  color: #F1F1F1;
}
@media screen and (max-width: 1000px) {
  .serviceSupport__headingEn {
    font-size: 18px;
  }
}
.serviceSupport__lead {
  font-weight: 700;
  margin-bottom: 30px;
}
.serviceSupport__list {
  margin-bottom: 30px;
}
.serviceSupport__item {
  list-style: disc;
  margin-left: 20px;
  margin-bottom: 8px;
}
.serviceSupport__item:last-child {
  margin-bottom: 0;
}
.serviceSupport__img img {
  width: 100%;
}

/* --------------------------------------------
 * 　ブログ
 * -------------------------------------------- */
.ceoBlog__container {
  padding-bottom: clamp(200px, 15vw, 480px);
}

.blogList {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  padding-top: clamp(91.6666666667px, 6.875vw, 220px);
  padding-bottom: clamp(41.6666666667px, 3.125vw, 100px);
  margin-right: clamp(66.6666666667px, 5vw, 160px);
  margin-left: 4vw;
  max-width: 1800px;
}
@media screen and (max-width: 1000px) {
  .blogList {
    flex-direction: column;
    margin-right: 4vw;
  }
}
.blogList__item {
  flex: 0 0 calc((100% - 60px) / 3);
}
.blogList__itemThumbnail {
  margin-bottom: 8px;
}
.blogList__itemThumbnail img {
  aspect-ratio: 4/3;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.navigation.pagination {
  margin-left: 4vw;
}
.navigation.pagination .page-numbers {
  padding: 0.5em 0.8em;
  background: #222;
  color: #fff;
}

.under-preparation {
  padding-bottom: clamp(166.6666666667px, 12.5vw, 400px);
}
/*# sourceMappingURL=style.css.map */