@charset "UTF-8";
/*
00：SETTING
  00-A：KEY FRAMES
01：FONTS
02：BASE
03：PAGE COMMON
  03-A：パンくずリスト
  03-B：ページネーション
  03-C：再利用ブロック：COMMON CONTACT
  03-D：再利用ブロック：事業内容 投稿リスト
  03-E：再利用ブロック：フッター会社情報
  03-F：再利用ブロック：ドロワー会社情報
  03-G：フォーム
  03-H：INTRO
04：PARTS COMMON
  04-A：BTN
  04-B：TITLE
  04-B2：HEADLINE
  04-C：Animation parts
  04-D：CF7
  04-E：ウィジェット
  04-F：エンブレム
  04-G：WORKS
05：HEADER
  05-A：.l-header
  05-B：.p-header
  05-A：DRAWER(PC) - .p-gnav
05-1：DRAWER (SP) - .p-drawer
  05-1A：SP MENU
06：FOOTER
  06-A：LEFT AREA
  06-B：RIGHT AREA
07：HOME
  07-A0：BASE
  07-A1：MV
  07-A2：CATCH
  07-B：ABOUT
  07-C：SERVICE
  07-C2：SOLUTIONS
  07-D：WORKS
  07-E：RECRUIT
  07-F：NEWS
  07-G：CONTACT
  07-H：CLIENTS
08：WORKS
  08-A：ARCHIVE
  08-B：SINGLE
09：SERVICE
  09-A：ARCHIVE
  09-B：SINGLE
  09-C：SINGLE - bottom
10：RECRUIT
  10-A：RECRUIT-CONTACT
11：NEWS
  11-A：ARCHIVE
  11-B：SINGLE
12：CONTACT
  12-：FORM
  12-：CF7
13：EX PAGES
*/
/*=====================

00：SETTING

=======================*/
:root {
  --ark-font_family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "noto-sans-cjk-jp", "メイリオ", Meiryo, sans-serif;
  --ark-color--header_bg: #0000;
  --ark-line_height:2;
}

.red {
  color: red;
  font-weight: bold;
}

/*----------------------
00-A：KEY FRAMES
-----------------------*/
@-webkit-keyframes skewIn {
  0% {
    opacity: 0;
    -webkit-transform: translateY(110%) skewY(10deg);
            transform: translateY(110%) skewY(10deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0%) skewY(0deg);
            transform: translateY(0%) skewY(0deg);
    -webkit-transform-origin: top left;
            transform-origin: top left;
  }
}
@keyframes skewIn {
  0% {
    opacity: 0;
    -webkit-transform: translateY(110%) skewY(10deg);
            transform: translateY(110%) skewY(10deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0%) skewY(0deg);
            transform: translateY(0%) skewY(0deg);
    -webkit-transform-origin: top left;
            transform-origin: top left;
  }
}
@-webkit-keyframes upFadeIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 20px, 0);
            transform: translate3d(0, 20px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes upFadeIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 20px, 0);
            transform: translate3d(0, 20px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes upFadeInL {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 50px, 0);
            transform: translate3d(0, 50px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes upFadeInL {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 50px, 0);
            transform: translate3d(0, 50px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes animate-scroll-bar {
  0% {
    -webkit-transform: translate3d(0, -110%, 0);
            transform: translate3d(0, -110%, 0);
  }
  to {
    -webkit-transform: translate3d(0, 110%, 0);
            transform: translate3d(0, 110%, 0);
  }
}
@keyframes animate-scroll-bar {
  0% {
    -webkit-transform: translate3d(0, -110%, 0);
            transform: translate3d(0, -110%, 0);
  }
  to {
    -webkit-transform: translate3d(0, 110%, 0);
            transform: translate3d(0, 110%, 0);
  }
}
@-webkit-keyframes infini-rotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes infini-rotate {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@-webkit-keyframes infini-rotate-rev {
  0% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
@keyframes infini-rotate-rev {
  0% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
/*=====================

01：FONTS

=======================*/
.font-rustica {
  font-family: "rustica", sans-serif;
}

/*=====================

02：BASE

=======================*/
html {
  visibility: hidden;
}

html.wf-active,
html.loading-delay {
  visibility: visible;
}

body {
  line-height: 1.8;
}
@media (min-width: 600px) {
  body {
    font-size: 0.875rem;
  }
}

input,
textarea {
  font-size: 16px;
}

body:not(.home) .l-content {
  overflow: hidden;
}

.l-container-fluid {
  max-width: none;
}

.c-pageTitle__main {
  font-size: 1.6rem;
}

.wp-block-image img {
  width: 100%;
}

.l-scrollObserver {
  top: 100px;
}

.no-scroll {
  overflow: hidden;
  height: 100%;
}

.p-postList__link:hover .c-postThumb__img {
  -webkit-transform: scale(1.08);
          transform: scale(1.08);
}

@media (min-width: 1000px) {
  .pc-center-txt {
    text-align: center;
  }
}
@media not all and (min-width: 1000px) {
  .pc-center-txt > br {
    display: none;
  }
}

.google-recapcha-credit {
  font-size: 10px;
  opacity: 0.4;
}

.grecaptcha-badge {
  visibility: hidden;
}

/*=====================

03：PAGE COMMON

=======================*/
.l-content > .logo-mega {
  width: clamp(500px, 40vw, 660px);
  position: absolute;
  top: -4%;
  right: -9%;
  opacity: 0.3;
  z-index: -1;
}

.home .l-content > .logo-mega {
  display: none;
}

.p-topArea__body {
  text-shadow: none;
}
.p-topArea__link {
  text-decoration: none;
}

/*----------------------
03-A：パンくずリスト
-----------------------*/
.p-breadcrumb {
  -webkit-margin-before: 120px;
          margin-block-start: 120px;
  padding: 20px 0;
  background: #fff;
}
@media not all and (min-width: 1000px) {
  .p-breadcrumb {
    -webkit-margin-before: 30px;
            margin-block-start: 30px;
    padding: 16px 0;
  }
}

/*----------------------
03-B：ページネーション
-----------------------*/
.c-pnNav__item.-prev .c-pnNav__link {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
          justify-content: flex-end;
}
.c-pnNav__item.-prev .c-pnNav__svg {
  -webkit-transform: scale(-1, 1) translateY(-50%);
          transform: scale(-1, 1) translateY(-50%);
  left: auto;
  right: 0;
}
.c-pnNav__item.-next .c-pnNav__link {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
          justify-content: flex-start;
}
.c-pnNav__item.-next .c-pnNav__svg {
  -webkit-transform: scale(-1, 1) translateY(-50%);
          transform: scale(-1, 1) translateY(-50%);
  right: auto;
  left: 0;
}

/*----------------------
03-C：再利用ブロック：COMMON CONTACT
-----------------------*/
#contact .wp-block-group__inner-container {
  margin: 0 auto;
  max-width: var(--ark-width--article);
  position: relative;
  width: 100%;
  padding-inline: var(--ark-padding--container, 48px);
}
@media not all and (min-width: 1000px) {
  #contact .wp-block-group__inner-container {
    padding-inline: 4vw;
  }
}
#contact .common-contact .p-sec-front {
  position: relative;
  border-radius: 7px;
  background: #EFF1F5;
  box-shadow: inset 10px 5px 30px rgba(50, 117, 157, 0.08);
  padding-block: 50px 130px;
  /* ボタンアイコン */
  /* /ボタンアイコン */
}
@media (min-width: 1000px) {
  #contact .common-contact .p-sec-front {
    padding-block: 114px;
  }
}
#contact .common-contact .p-sec-front__header {
  -webkit-margin-after: 20px;
          margin-block-end: 20px;
}
#contact .common-contact .p-sec-front__header .p-sec-title__inner {
  text-align: center;
  -webkit-margin-after: 30px;
          margin-block-end: 30px;
  display: block;
  /* 下層ページでの競合回避 */
}
#contact .common-contact .p-sec-front__txt {
  text-align: center;
  font-size: 0.875rem;
}
#contact .common-contact .p-sec-front .p-btn__arrowWrap {
  position: absolute;
  top: 0;
  bottom: 0;
  margin-block: auto;
  right: 90px;
  border-radius: 100%;
  width: 90px;
  height: 90px;
  z-index: 1;
}
@media not all and (min-width: 1000px) {
  #contact .common-contact .p-sec-front .p-btn__arrowWrap {
    width: 60px;
    height: 60px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    bottom: 30px;
    top: auto;
  }
}
#contact .common-contact .p-sec-front .p-btn__arrowWrap::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  background-color: #EFF1F5;
  box-shadow: 5px 6px 17px #cacaca, -3px -4px 17px #fff;
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
#contact .common-contact .p-sec-front .p-btn__arrowWrap:hover::before {
  background-color: #DCE0E3;
}
#contact .common-contact .p-sec-front .p-btn__arrow {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1;
  width: 90px;
  height: 90px;
}
@media not all and (min-width: 1000px) {
  #contact .common-contact .p-sec-front .p-btn__arrow {
    width: 60px;
    height: 60px;
  }
}
#contact .common-contact .p-sec-front .p-btn__arrow::after,
#contact .common-contact .p-sec-front .p-btn__arrow::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 100%;
}
#contact .common-contact .p-sec-front .p-btn__arrowInner {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
  z-index: 1;
  left: 47%;
  width: 14px;
  height: 14px;
  border-top: 2px solid #000;
  border-right: 2px solid #000;
}

/*----------------------
03-D：再利用ブロック：事業内容 投稿リスト
-----------------------*/
/*----------------------
03-E：再利用ブロック：フッター会社情報
-----------------------*/
/*----------------------
03-F：再利用ブロック：ドロワー会社情報
-----------------------*/
#nf-drawer-company {
  opacity: 0.4;
  font-size: 12px;
  line-height: 1.6;
}
#nf-drawer-company .wp-block-heading {
  font-weight: normal;
  letter-spacing: 0.03em;
}
@media not all and (min-width: 1000px) {
  #nf-drawer-company .wp-block-heading {
    font-size: 1rem;
  }
}
@media (min-width: 1000px) {
  #nf-drawer-company p:nth-child(1) {
    display: inline-block;
    margin-right: 1em;
  }
}
@media (min-width: 1000px) {
  #nf-drawer-company p:nth-child(2) {
    display: inline-block;
  }
}
#nf-drawer-company p:last-child {
  margin-top: 20px;
}
@media (min-width: 1000px) {
  #nf-drawer-company p:last-child {
    margin-top: 4px;
  }
}
@media (min-width: 1000px) {
  #nf-drawer-company p > span {
    display: inline-block;
    margin-right: 0.5em;
  }
}
@media (min-width: 1000px) {
  #nf-drawer-company p > br {
    display: none;
  }
}
#nf-drawer-company .fax-number {
  margin-top: 0;
}

/*----------------------
03-G：フォーム
-----------------------*/
.nf-w100 {
  width: 100%;
}

/*----------------------
03-H：INTRO
-----------------------*/
.intro {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: #eef0f3;
  z-index: 999999;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
}
.intro .logo-wrap {
  display: none;
}
.intro .logo-wrap svg {
  width: 14rem;
  -webkit-animation: blurLogo 3s forwards;
          animation: blurLogo 3s forwards;
}
@media not all and (min-width: 600px) {
  .intro .logo-wrap svg {
    width: 10rem;
  }
}

@-webkit-keyframes blurLogo {
  0% {
    -webkit-filter: blur(30px);
            filter: blur(30px);
    -webkit-transform: scale(2.2);
            transform: scale(2.2);
    opacity: 0;
  }
  5% {
    opacity: 0.3;
  }
  50% {
    -webkit-filter: blur(4px);
            filter: blur(4px);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}

@keyframes blurLogo {
  0% {
    -webkit-filter: blur(30px);
            filter: blur(30px);
    -webkit-transform: scale(2.2);
            transform: scale(2.2);
    opacity: 0;
  }
  5% {
    opacity: 0.3;
  }
  50% {
    -webkit-filter: blur(4px);
            filter: blur(4px);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    opacity: 1;
  }
}
/*=====================

04：PARTS COMMON

=======================*/
/*----------------------
04-A：BTN
-----------------------*/
.c-btn {
  position: relative;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: inline-flex;
  box-shadow: 3px 4px 3px #e3e5ea, -3px -3px 5px #fff;
  border-radius: 42px;
  line-height: 1.3;
  color: #f8f8f8;
  letter-spacing: 0.02em;
  text-align: center;
  width: 180px;
  height: 50px;
  font-size: 14px;
  font-weight: 700;
}
.c-btn--sizeAuto {
  width: auto;
  min-width: 174px;
}
.c-btn.is-current .c-btn__inner {
  color: #fff;
  background-color: #333;
}
.c-btn__link {
  position: relative;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  width: 100%;
  height: 100%;
  border-radius: 42px;
  background-color: #eef0f3;
  color: #333;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  overflow: hidden;
  z-index: 1;
  text-decoration: none;
}
.c-btn__link::after {
  content: "";
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  width: 8px;
  height: 8px;
  margin-left: 10px;
  border-top: 2px solid #000;
  border-right: 2px solid #000;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.c-btn__link:hover {
  background: #333;
  color: #fff;
}
.c-btn__link:hover::after {
  border-top-color: #fff;
  border-right-color: #fff;
}
.c-btn__link--sizeAuto {
  padding: 0 42px;
}
.c-btn__gray-lignt {
  background-color: #eef0f3;
}
.c-btn__gray-lignt-2 {
  background-color: #F4F5F7;
}
.c-btn__back-gray {
  background-color: #e9ecef;
}
.c-btn__back-gray-dark {
  background-color: #DCE0E3;
}
.c-btn__txt {
  position: relative;
  z-index: 2;
  margin-bottom: 1px;
  max-height: 100%;
}

#to-home .c-btn__link::after,
#to-newslist .c-btn__link::after {
  content: none;
}

/*----------------------
04-B：TITLE
-----------------------*/
.p-sec-title {
  font-family: "rustica", sans-serif;
  font-weight: 600;
}
.p-sec-title__main {
  color: #000;
  font-size: 4.062rem;
  line-height: 1.3;
  font-weight: 600;
  letter-spacing: 0.04em;
}
@media not all and (min-width: 600px) {
  .p-sec-title__main {
    font-size: 55px;
    font-size: 14.6666666667vw;
  }
}
.p-sec-title__sub {
  color: #9D9D9F;
  font-size: 0.875rem;
  padding-left: 0.1em;
  font-weight: normal;
}
@media not all and (min-width: 600px) {
  .p-sec-title__sub {
    font-size: 14px;
    font-size: 3.7333333333vw;
  }
}

.p-topArea {
  background: transparent !important;
}
@media (min-width: 1000px) {
  .p-topArea {
    padding-block: 10rem 4rem;
  }
}
.p-topArea img {
  display: none !important;
}

.p-topArea__body .p-sec-title__sub {
  font-size: 1.125rem;
  text-shadow: none;
  font-weight: normal;
}
@media not all and (min-width: 600px) {
  .p-topArea__body .p-sec-title__sub {
    font-size: 0.875rem;
  }
}

/*----------------------
04-B2：HEADLINE
-----------------------*/
.headline__en {
  font-family: "rustica", sans-serif;
  font-weight: 600;
  font-size: 34px;
  line-height: 1.3;
}
.headline__ja {
  font-size: 14px;
}

/*----------------------
04-C：Animation parts
-----------------------*/
.text-animation,
.text-animation-auto {
  opacity: 0;
}
.text-animation.show,
.text-animation-auto.show {
  opacity: 1;
}
.text-animation.show .text-animation-span,
.text-animation-auto.show .text-animation-span {
  display: inline-block;
  overflow: hidden;
}
.text-animation.show span,
.text-animation-auto.show span {
  display: inline-block;
  -webkit-animation: showText 0.4s backwards;
          animation: showText 0.4s backwards;
}

@-webkit-keyframes showText {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

@keyframes showText {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
/*----------------------
04-D：CF7
-----------------------*/
.wpcf7-not-valid-tip {
  font-size: 10px !important;
}

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

.wpcf7-spinner {
  margin: 20px 24px;
}

.wpcf7-acceptance input[type=checkbox] {
  display: none;
}
.wpcf7-acceptance input[type=checkbox] + span {
  padding-left: 40px;
  display: inline-block;
  position: relative;
}
.wpcf7-acceptance input[type=checkbox] + span::before, .wpcf7-acceptance input[type=checkbox] + span::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
}
.wpcf7-acceptance input[type=checkbox] + span::before {
  border: 1px solid #aaaaaa;
  background-color: #fff;
  height: 24px;
  width: 24px;
  border-radius: 4px;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.wpcf7-acceptance input[type=checkbox] + span::after {
  display: none;
  opacity: 0;
  border-bottom: 3px solid #32759D;
  border-left: 3px solid #32759D;
  width: 24px;
  height: 12px;
  margin-top: -12px;
  left: 5px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.wpcf7-acceptance input:checked + span::after {
  display: block;
  opacity: 1;
}

/*----------------------
04-E：ウィジェット
-----------------------*/
#nav_menu-4,
#nav_menu-5 {
  margin-top: 0;
}
#nav_menu-4 .c-widget__title,
#nav_menu-5 .c-widget__title {
  text-align: center;
}
#nav_menu-4 .menu,
#nav_menu-5 .menu {
  border: none;
}
@media not all and (min-width: 1000px) {
  #nav_menu-4 .menu,
  #nav_menu-5 .menu {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
  }
}
#nav_menu-4 .menu-item,
#nav_menu-5 .menu-item {
  border-bottom: none;
  -webkit-margin-after: 12px !important;
          margin-block-end: 12px !important;
}
@media not all and (min-width: 1000px) {
  #nav_menu-4 .menu-item,
  #nav_menu-5 .menu-item {
    width: 50%;
    padding: 4px;
    -webkit-margin-after: 4px !important;
            margin-block-end: 4px !important;
  }
}
#nav_menu-4 a,
#nav_menu-5 a {
  background: #fff;
  border-radius: calc(infinity * 1px);
  text-align: center;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
@media (min-width: 1000px) {
  #nav_menu-4 a,
  #nav_menu-5 a {
    /* max-width: 140px;
    margin-left: auto; */
  }
}
#nav_menu-4 a:hover,
#nav_menu-5 a:hover {
  background: #525c64;
  color: #fff;
}

#nav_menu-4 .c-widget__title.-side {
  padding-right: 9px;
}
@media not all and (min-width: 1000px) {
  #nav_menu-4 {
    display: none;
  }
}

@media (min-width: 1000px) {
  #nav_menu-5 {
    display: none;
  }
}

/*----------------------
04-F：エンブレム
-----------------------*/
.emblem-list-wrap {
  overflow: scroll;
  width: 100%;
}

.emblem-list {
  list-style: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-padding-start: 0;
          padding-inline-start: 0;
  -webkit-margin-before: 30px;
          margin-block-start: 30px;
  gap: 10px;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.2em;
  text-indent: 0.2em;
  width: -webkit-max-content;
  width: max-content;
}
@media not all and (min-width: 1000px) {
  .emblem-list {
    gap: 4px;
  }
}
.emblem-list.two_lines {
  -webkit-margin-before: 8px;
          margin-block-start: 8px;
}
.emblem-list li {
  position: relative;
  width: 53px;
  height: 53px;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  background-color: #32759F;
  border: 2px solid #32759F;
  color: #fff;
  box-shadow: 0px 0px 0px 1px #fff inset;
}
.emblem-list li::before {
  content: "";
  position: absolute;
  width: 93%;
  height: 93%;
  background-size: cover;
}
.emblem-list li > span {
  z-index: 1;
}
@media not all and (min-width: 1000px) {
  .emblem-list li {
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
}
.emblem-list li::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  z-index: -1;
  box-shadow: 2px 2px 6px #cacaca, -2px -2px 6px #fff;
}
.emblem-list li.emblem-planning::before {
  background-image: url(../img/emblem/emblem-planning.svg?001);
}
.emblem-list li.emblem-production::before {
  background-image: url(../img/emblem/emblem-production.svg?001);
}
.emblem-list li.emblem-operation::before {
  background-image: url(../img/emblem/emblem-operation.svg);
}
.emblem-list li.emblem-publication {
  /* background-color: $color-beige;
  border: 2px solid $color-beige;
  color: $color-gold;
  box-shadow: 0px 0px 0px 1px #b9ae87 inset,
        0px 0px 0px 1px $color-gold; */
}
.emblem-list li.emblem-publication::before {
  background-image: url(../img/emblem/emblem-publication.svg);
}
.emblem-list li.emblem-lyrics::before {
  background-image: url(../img/emblem/emblem-lyrics.svg);
}
.emblem-list li.emblem-composition::before {
  background-image: url(../img/emblem/emblem-composition.svg);
}
.emblem-list li.emblem-arrangement::before {
  background-image: url(../img/emblem/emblem-arrangement.svg);
}
.emblem-list li.emblem-sing::before {
  background-image: url(../img/emblem/emblem-sing.svg);
}
.emblem-list li.emblem-play::before {
  background-image: url(../img/emblem/emblem-play.svg);
}
.emblem-list li.emblem-narration::before {
  background-image: url(../img/emblem/emblem-narration.svg);
}

/*----------------------
04-G：WORKS
-----------------------*/
.works-link {
  text-decoration: none;
}
.works-link .img-wrap {
  box-shadow: 3px 4px 3px #dadada, -3px -3px 6px #fff;
  -webkit-margin-after: 26px;
          margin-block-end: 26px;
  border-radius: 16px;
  aspect-ratio: 3/2;
}
.works-link .img-wrap img {
  padding: 1%;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.works-link .works-name {
  color: #000;
  font-size: 1rem;
  font-weight: 400;
}
.works-link:hover {
  opacity: 0.8;
}

/* =====================

05：HEADER

=======================*/
/*----------------------
05-A：.l-header
-----------------------*/
@media (min-width: 1000px) {
  .l-header {
    top: 30px;
  }
}
@media (min-width: 1000px) {
  .l-header__body {
    padding-left: var(--ark-padding--container);
    padding-right: var(--ark-padding--container);
  }
}
@media not all and (min-width: 1000px) {
  .l-header__body {
    padding-inline: 5vw 6vw;
    padding-top: 6px;
  }
}
.l-header__body .c-pcNavWrap {
  z-index: 100000;
  width: 500px;
  border-radius: calc(infinity * 1px);
  height: 70px;
  background-color: #eef0f3;
  box-shadow: 5px 6px 17px #DCE0E3, -3px -4px 17px #fff;
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
.l-header__body .c-pcNavWrap.is-minimum:hover {
  background-color: #DCE0E3;
}
.l-header__body .c-pcNavWrap.is-minimum .p-header__navBtn {
  pointer-events: auto;
  opacity: 1;
}
@media not all and (min-width: 1000px) {
  .l-header__center {
    padding: 0;
  }
}
.l-header__center .has-image > .c-headLogo {
  max-width: 400px;
  margin-right: auto;
}
.l-header__right .c-gnav {
  margin: 0;
  padding: 10px 40px;
  overflow: hidden;
  -webkit-transition: opacity 0.2s ease 0.5s;
  transition: opacity 0.2s ease 0.5s;
}
.l-header__right .c-gnav__a {
  font-weight: 600;
}
.l-header__right .c-gnav__a .__mainText {
  font-size: 0.875rem;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.l-header__right .c-gnav__a .__subText {
  font-size: 0.75rem;
  color: #32759D;
  opacity: 0;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  display: block;
  white-space: nowrap;
}
.l-header__right .c-gnav__a:hover .__mainText {
  opacity: 0;
}
.l-header__right .c-gnav__a:hover .__subText {
  opacity: 1;
}
[data-scrolled=true] .l-header__body .c-pcNavWrap {
  width: 70px;
  height: 70px;
  border-radius: calc(infinity * 1px);
}
[data-scrolled=true] .l-header__body .c-gnav {
  opacity: 0;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
}

/*----------------------
05-B：.p-header
-----------------------*/
.p-header__navBtn {
  position: absolute;
  inset: auto;
  width: 70px;
  height: 70px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  opacity: 0;
  cursor: pointer;
  z-index: 10;
  pointer-events: none;
}
.p-header__navBtn.is-opened .p-header__navBtnLineBox .p-header__navBtnLine:nth-child(1) {
  top: 3px;
  -webkit-transform: rotate(30deg);
          transform: rotate(30deg);
}
.p-header__navBtn.is-opened .p-header__navBtnLineBox .p-header__navBtnLine:nth-child(2) {
  bottom: 3px;
  -webkit-transform: rotate(-30deg);
          transform: rotate(-30deg);
}
.p-header__navBtn.is-opened .p-header__navBtnLineBox .p-header__navBtnLineObject {
  -webkit-transform: translate3d(44px, 0, 0);
          transform: translate3d(44px, 0, 0);
}
.p-header__navBtnLineBox {
  position: relative;
  display: block;
  width: 22px;
  height: 8px;
  overflow: hidden;
}
.p-header__navBtnLine {
  position: absolute;
  width: 22px;
  height: 2px;
  display: table;
  overflow: hidden;
}
.p-header__navBtnLine:nth-child(1) {
  top: 0;
}
.p-header__navBtnLine:nth-child(2) {
  bottom: 0;
}
.p-header__navBtnLineObject {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
  display: block;
  background-color: #323b43;
}
.p-header__navBtnLineObject::before {
  position: absolute;
  top: 0;
  left: -44px;
  width: 100%;
  height: 2px;
  content: "";
  background-color: #fff;
  display: block;
}

/*----------------------
05-A：DRAWER(PC) .p-gnav
-----------------------*/
.l-header .c-pcNavWrap.is-switch {
  background-color: #47535f;
  box-shadow: 5px 6px 17px hsl(210, 14%, 25%), -4px -3px 8px hsla(0, 0%, 100%, 0.2);
}
.l-header .c-pcNavWrap.is-switch .p-header__navBtnLineBox {
  width: 30px;
  height: 30px;
}
.l-header .c-pcNavWrap.is-switch .p-header__navBtnLine:nth-child(1) {
  top: 13px;
  -webkit-transform: rotate(30deg);
          transform: rotate(30deg);
  width: 30px;
}
.l-header .c-pcNavWrap.is-switch .p-header__navBtnLine:nth-child(2) {
  bottom: 15px;
  -webkit-transform: rotate(-30deg);
          transform: rotate(-30deg);
  width: 30px;
}
.l-header .c-pcNavWrap.is-switch .p-header__navBtnLineObject {
  background-color: #fff;
}

/* PC LOGO */
.l-header.is-opened .l-header__logo {
  z-index: 2000;
  position: relative;
}
.l-header.is-opened .c-headLogo__img {
  -webkit-filter: brightness(0) invert(1);
          filter: brightness(0) invert(1);
}

/* PC NAV */
.p-gnav {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: #47535f;
  color: #fff;
  z-index: 1090;
  pointer-events: none;
  opacity: 0;
  -webkit-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
}
@media not all and (min-width: 1000px) {
  .p-gnav {
    display: none;
  }
}
.p-gnav__inner {
  position: relative;
  height: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  overflow: hidden;
}
.p-gnav .back-logo {
  width: clamp(500px, 40vw, 660px);
  position: absolute;
  bottom: -4%;
  right: -2%;
  opacity: 0.7;
  z-index: -1;
}
.p-gnav__cont {
  width: 100%;
  margin-inline: auto;
  padding: 30px;
  max-width: 960px;
}
.p-gnav__contBox:nth-child(1) {
  padding-bottom: 80px;
}
.p-gnav__contBox:nth-child(2) {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
          align-items: flex-end;
  padding-top: 50px;
  border-top: var(--ark-menulist_border);
}
.p-gnav__showItem {
  opacity: 0;
  -webkit-animation-name: upFadeIn;
          animation-name: upFadeIn;
  -webkit-animation-duration: 0.6s;
          animation-duration: 0.6s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  width: 25%;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.p-gnav.is-opened {
  opacity: 1;
  pointer-events: auto;
}
.p-gnav.is-opened .p-gnav__contBox:nth-child(1) .p-gnav__showItem:nth-child(1) {
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}
.p-gnav.is-opened .p-gnav__contBox:nth-child(1) .p-gnav__showItem:nth-child(2) {
  -webkit-animation-delay: 0.27s;
          animation-delay: 0.27s;
}
.p-gnav.is-opened .p-gnav__contBox:nth-child(1) .p-gnav__showItem:nth-child(3) {
  -webkit-animation-delay: 0.34s;
          animation-delay: 0.34s;
}
.p-gnav.is-opened .p-gnav__contBox:nth-child(1) .p-gnav__showItem:nth-child(4) {
  -webkit-animation-delay: 0.41s;
          animation-delay: 0.41s;
}
.p-gnav.is-opened .p-gnav__contBox:nth-child(1) .p-gnav__showItem:nth-child(5) {
  -webkit-animation-delay: 0.48s;
          animation-delay: 0.48s;
}
.p-gnav.is-opened .p-gnav__contBox:nth-child(1) .p-gnav__showItem:nth-child(6) {
  -webkit-animation-delay: 0.55s;
          animation-delay: 0.55s;
}
.p-gnav.is-opened .p-gnav__contBox:nth-child(1) .p-gnav__showItem:nth-child(7) {
  -webkit-animation-delay: 0.62s;
          animation-delay: 0.62s;
}
.p-gnav.is-opened .p-gnav__contBox:nth-child(2).p-gnav__showItem {
  -webkit-animation-delay: 0.7s;
          animation-delay: 0.7s;
}

/* メニュー */
.p-gnavList {
  list-style: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  padding: 0;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  row-gap: 40px;
}
.p-gnavList .menu-item + .p-gnavList .menu-item {
  margin-top: 2vw;
}
.p-gnavList .c-gnav__a {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
          justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
          align-items: flex-start;
  padding: 0;
  -webkit-transition: opacity 0.8s, -webkit-transform 0.9s cubic-bezier(0.12, 0.88, 0.33, 1.18);
  transition: opacity 0.8s, -webkit-transform 0.9s cubic-bezier(0.12, 0.88, 0.33, 1.18);
  transition: transform 0.9s cubic-bezier(0.12, 0.88, 0.33, 1.18), opacity 0.8s;
  transition: transform 0.9s cubic-bezier(0.12, 0.88, 0.33, 1.18), opacity 0.8s, -webkit-transform 0.9s cubic-bezier(0.12, 0.88, 0.33, 1.18);
}
.p-gnavList .__mainText {
  font-size: 34px;
  line-height: 1.2;
  font-family: "rustica", sans-serif;
  font-weight: 600;
  letter-spacing: 0.03em;
}
.p-gnavList .__subText {
  font-size: 14px;
  margin-left: 0;
  opacity: 0.4;
}

/* =====================

05-1：DRAWER (SP) - .p-drawer

=======================*/
@media (min-width: 1000px) {
  .p-drawer {
    display: none;
  }
}
@media not all and (min-width: 1000px) {
  [data-btns=rr-rl] .l-header__body {
    grid-template-areas: "left center right search menu";
    grid-template-columns: 0 76% auto var(--ark-searchW) var(--ark-drawerW);
  }
  .p-drawer {
    background: #47535f;
  }
  .p-drawer__body {
    padding: 0 6vw 14vw;
  }
  .p-drawer__close {
    display: none !important;
  }
  .p-drawer .back-logo {
    width: min(98vw, 400px);
    position: absolute;
    bottom: 20%;
    right: -18vw;
    opacity: 0.7;
  }
  .l-header__drawerBtn {
    width: 44px;
    height: 44px;
    padding: 0;
    border-radius: 50%;
    background-color: #eef0f3;
    box-shadow: 5px 6px 17px #DCE0E3, -3px -4px 17px #fff;
  }
  .p-header__navBtn {
    position: static;
    inset: auto;
    opacity: 1;
    pointer-events: auto;
    width: inherit;
    height: inherit;
  }
  .p-header__navBtnLineBox {
    width: 15px;
  }
  .p-header__navBtnLine {
    width: 15px;
  }
  [data-drawer=opened] .l-header__logo {
    z-index: 10;
    position: relative;
  }
  [data-drawer=opened] .l-header__logo .c-headLogo__img {
    -webkit-filter: brightness(0) invert(1);
            filter: brightness(0) invert(1);
  }
  [data-drawer=opened] .l-header__drawerBtn {
    background-color: #47535f;
    box-shadow: 5px 6px 17px hsl(210, 14%, 25%), -2px -2px 8px hsla(0, 0%, 100%, 0.2);
  }
  [data-drawer=opened] .p-drawer .p-header__navBtn {
    position: static;
    inset: auto;
    opacity: 1;
    pointer-events: auto;
    width: inherit;
    height: inherit;
  }
  [data-drawer=opened] .p-header__navBtnLineBox {
    width: 22px;
    height: 22px;
  }
  [data-drawer=opened] .p-header__navBtnLine:nth-child(1) {
    top: 10px;
    -webkit-transform: rotate(30deg);
            transform: rotate(30deg);
    width: 22px;
  }
  [data-drawer=opened] .p-header__navBtnLine:nth-child(2) {
    bottom: 10px;
    -webkit-transform: rotate(-30deg);
            transform: rotate(-30deg);
    width: 22px;
  }
  [data-drawer=opened] .p-header__navBtnLineObject {
    background-color: #fff !important;
  }
  [data-drawer=opened] .c-drawerNav__li {
    opacity: 0;
    -webkit-animation-name: upFadeIn;
            animation-name: upFadeIn;
    -webkit-animation-duration: 0.6s;
            animation-duration: 0.6s;
    -webkit-animation-fill-mode: forwards;
            animation-fill-mode: forwards;
  }
  [data-drawer=opened] .c-drawerNav__li:nth-child(1) {
    -webkit-animation-delay: 0.2s;
            animation-delay: 0.2s;
  }
  [data-drawer=opened] .c-drawerNav__li:nth-child(2) {
    -webkit-animation-delay: 0.27s;
            animation-delay: 0.27s;
  }
  [data-drawer=opened] .c-drawerNav__li:nth-child(3) {
    -webkit-animation-delay: 0.34s;
            animation-delay: 0.34s;
  }
  [data-drawer=opened] .c-drawerNav__li:nth-child(4) {
    -webkit-animation-delay: 0.41s;
            animation-delay: 0.41s;
  }
  [data-drawer=opened] .c-drawerNav__li:nth-child(5) {
    -webkit-animation-delay: 0.48s;
            animation-delay: 0.48s;
  }
  [data-drawer=opened] .c-drawerNav__li:nth-child(6) {
    -webkit-animation-delay: 0.55s;
            animation-delay: 0.55s;
  }
  [data-drawer=opened] .c-drawerNav__li:nth-child(7) {
    -webkit-animation-delay: 0.62s;
            animation-delay: 0.62s;
  }
}
/*----------------------
05-1A：SP MENU
-----------------------*/
@media not all and (min-width: 1000px) {
  .p-drawer__nav {
    margin-bottom: 16px;
  }
  .c-drawerNav {
    border-top: none;
    padding-bottom: 16px;
  }
  .c-drawerNav .menu-item {
    border-bottom: none;
  }
  .c-drawerNav__a {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
            flex-direction: column;
    padding: 0 0 16px;
  }
  .c-drawerNav__a:hover {
    background-color: initial;
  }
  .c-drawerNav .__mainText {
    font-size: 1.625rem;
    line-height: 1.3;
    font-family: "rustica", sans-serif;
    font-weight: 600;
    letter-spacing: 0.03em;
  }
  .c-drawerNav .__subText {
    font-size: 0.75rem;
    margin-left: 0;
    opacity: 0.4;
  }
  .fax-number {
    -webkit-margin-before: 0.5em !important;
            margin-block-start: 0.5em !important;
  }
}
.c-drawer-bottom {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  font-size: 12px;
  gap: 30px;
  margin-top: 20px;
}
.c-drawer-bottom__menu {
  list-style: none;
  padding: 0;
}
.c-drawer-bottom__a {
  color: #fff;
  position: relative;
  padding-bottom: 5px;
  text-decoration: none;
}
.c-drawer-bottom__a::before {
  background: #fff;
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: 0;
  margin: auto;
  -webkit-transform-origin: right top;
          transform-origin: right top;
  -webkit-transform: scale(0, 1);
          transform: scale(0, 1);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.c-drawer-bottom__a:hover::before {
  -webkit-transform-origin: left top;
          transform-origin: left top;
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
}

/* =====================

06：FOOTER

=======================*/
.l-footer {
  /*----------------------
  06-A：LEFT AREA
  -----------------------*/
  /*----------------------
  06-B：RIGHT AREA
  -----------------------*/
  /* フッターメニュー */
  /* copyright */
  /* totop */
}
.l-footer__widgets {
  padding: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
@media not all and (min-width: 1000px) {
  .l-footer__widgets {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
            flex-direction: column;
  }
}
.l-footer .nf-left-area {
  background-color: #323b43;
  width: 45%;
  padding: 100px 0;
}
@media not all and (min-width: 1000px) {
  .l-footer .nf-left-area {
    width: 100%;
    padding: 60px 5%;
  }
}
.l-footer .nf-left-area .-widget1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}
@media (min-width: 1000px) {
  .l-footer .nf-left-area .-widget1 {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
            justify-content: flex-end;
    margin-inline: 30px 80px;
  }
}
@media not all and (min-width: 1000px) {
  .l-footer .nf-left-area .-widget1 {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
            justify-content: flex-start;
  }
}
.l-footer .nf-left-area .company-name {
  margin-bottom: 2rem;
}
.l-footer .nf-left-area .company-name .footer-logo {
  text-align: left;
  max-width: 370px;
  margin-bottom: 0.5em;
}
.l-footer .nf-left-area .company-name .name-ja {
  margin-top: 0;
}
.l-footer .nf-left-area .company-info {
  opacity: 0.4;
  font-size: 0.75rem;
}
@media (min-width: 1000px) {
  .l-footer .nf-left-area .company-info p {
    display: inline-block;
    margin-right: 1em;
    -webkit-margin-before: 0;
            margin-block-start: 0;
  }
}
@media not all and (min-width: 1000px) {
  .l-footer .nf-left-area .company-info > p:last-child {
    margin-top: 20px;
  }
}
@media (min-width: 1000px) {
  .l-footer .nf-left-area .company-info br {
    display: none;
  }
}
@media not all and (min-width: 1000px) {
  .l-footer .nf-left-area .company-info .wp-block-group__inner-container > div {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
            align-items: flex-start;
  }
}
.l-footer .nf-right-area {
  background-color: #47535f;
  width: 55%;
  padding: 80px 5% 100px;
}
@media not all and (min-width: 1000px) {
  .l-footer .nf-right-area {
    width: 100%;
    padding: 40px 5% 80px;
  }
}
@media not all and (min-width: 1000px) {
  .l-footer .nf-right-area .menu-full-container {
    -webkit-margin-after: 46px;
            margin-block-end: 46px;
  }
}
.l-footer .menu {
  border-bottom: none;
  border-top: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  max-width: 400px;
}
@media not all and (min-width: 1000px) {
  .l-footer .menu {
    gap: 18px 0;
  }
}
.l-footer .menu .menu-item {
  border-bottom: none;
  width: 25%;
}
.l-footer .menu .menu-item a {
  font-size: 12px;
}
@media not all and (min-width: 1000px) {
  .l-footer .menu .menu-item a {
    padding: 0;
  }
}
.l-footer .menu .menu-item a::after {
  content: attr(data-desc);
  display: block;
  font-size: 10px;
  position: relative;
  top: 4px;
  opacity: 0.6;
}
.l-footer .menu .nf-w-shorts {
  width: 19%;
}
.l-footer .copyright-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
          justify-content: flex-end;
  gap: 40px;
  -webkit-margin-before: 2rem;
          margin-block-start: 2rem;
}
@media not all and (min-width: 1000px) {
  .l-footer .copyright-wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
            align-items: flex-start;
    gap: 10px;
    -webkit-margin-before: 0;
            margin-block-start: 0;
  }
}
.l-footer .copyright-wrap .menu-footer-sub-container ul {
  padding: 0;
}
.l-footer .copyright-wrap .menu-footer-sub-container li {
  list-style: none;
  width: 100%;
}
.l-footer .copyright-wrap .menu-footer-sub-container li a {
  position: relative;
  padding-bottom: 5px;
  text-decoration: none;
}
.l-footer .copyright-wrap .menu-footer-sub-container li a::before {
  background: #fff;
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: 0;
  margin: auto;
  -webkit-transform-origin: right top;
          transform-origin: right top;
  -webkit-transform: scale(0, 1);
          transform: scale(0, 1);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.l-footer .copyright-wrap .menu-footer-sub-container li a:hover::before {
  -webkit-transform-origin: left top;
          transform-origin: left top;
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
}
.l-footer .copyright-wrap .c-copyright {
  opacity: 0.4;
}
.l-footer .p-fixBtnWrap {
  position: absolute;
  bottom: 30%;
  right: 7%;
}
@media not all and (min-width: 1000px) {
  .l-footer .p-fixBtnWrap {
    bottom: 12%;
    right: 12%;
  }
}
.l-footer .c-fixBtn {
  border-radius: 50%;
  color: #fff;
  cursor: pointer;
  line-height: 1;
  height: 76px;
  width: 76px;
  opacity: 1;
  background-color: #47535f;
  box-shadow: 5px 6px 17px hsl(210, 14%, 25%), -4px -3px 8px hsla(0, 0%, 100%, 0.2);
}
@media not all and (min-width: 1000px) {
  .l-footer .c-fixBtn {
    height: 50px;
    width: 50px;
    box-shadow: 5px 6px 17px hsl(210, 14%, 25%), -2px -2px 8px hsla(0, 0%, 100%, 0.2);
  }
}

/*----------------------
07-A0：BASE
-----------------------*/
@media (min-width: 1000px) {
  .home .p-sec-title__main {
    margin-bottom: -16px;
  }
}

/* =====================

07：HOME

=======================*/
/*----------------------
07-A1：MV
-----------------------*/
.home #mv {
  padding-block: 0 170px;
}
@media not all and (min-width: 1000px) {
  .home #mv {
    padding-block: 0 80px;
  }
}
.home #mv .wp-block-group__inner-container {
  margin: 0 auto;
  max-width: var(--ark-width--article);
  position: relative;
  width: 100%;
  padding-inline: 1.0980966325vw;
}
@media not all and (min-width: 1000px) {
  .home #mv .wp-block-group__inner-container {
    padding-inline: 4vw;
  }
}
@media (min-width: 1000px) {
  .home #mv .p-sec-front {
    padding-bottom: 5.4904831625vw;
  }
}
@media (min-width: 1000px) {
  .home #mv .p-sec-front__inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
            justify-content: center;
  }
}
.home #mv .p-sec-front__keyVis {
  position: relative;
  width: 100%;
  min-height: 0.1px;
}
@media (min-width: 1000px) {
  .home #mv .p-sec-front__keyVis {
    width: min(600px, 50vw);
    height: auto;
  }
}
.home #mv .p-sec-front__keyVisMask {
  overflow: hidden;
}
@media (min-width: 1000px) {
  .home #mv .p-sec-front__keyVisMask {
    position: -webkit-sticky;
    position: sticky;
    /* top: 18%; */
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    left: 6.8814055637vw;
    margin-left: 0;
  }
}
@media not all and (min-width: 1000px) {
  .home #mv .p-sec-front__keyVisMask {
    position: fixed;
    top: 100px;
    left: 5.3333333333vw;
    width: 89.3333333333vw;
  }
}
.home #mv .p-sec-front__keyVisMask.is-endPosi {
  position: absolute;
  margin-left: -8vw;
}
@media (min-width: 1000px) {
  .home #mv .p-sec-front__keyVisMask.is-endPosi {
    margin-left: -2.196193265vw;
  }
}
.home #mv .p-sec-front__keyVisMaskInner {
  position: relative;
  width: 100%;
  z-index: 1;
}
@media not all and (min-width: 1000px) {
  .home #mv .p-sec-front__keyVisMaskInner {
    width: 92%;
    margin-inline: auto;
  }
}
.home #mv .p-sec-front #logo-base {
  overflow: visible;
}
@media (min-width: 1000px) {
  .home #mv .p-sec-front #logo-base {
    max-width: 530px;
    max-height: 520px;
    padding: 24px 24px 0;
  }
}
@media not all and (min-width: 1000px) {
  .home #mv .p-sec-front #logo-base {
    padding: 10px;
    margin-inline: auto;
    display: block;
  }
}
.home #mv .p-sec-front #logo-base .cls-1,
.home #mv .p-sec-front #logo-base .cls-2,
.home #mv .p-sec-front #logo-base .cls-3 {
  fill: #eef0f3;
}
.home #mv .p-sec-front #logo-base .cls-1_bg_w,
.home #mv .p-sec-front #logo-base .cls-2_bg_w,
.home #mv .p-sec-front #logo-base .cls-3_bg_w {
  fill: #fff;
  -webkit-filter: url(#blur);
          filter: url(#blur);
}
.home #mv .p-sec-front #logo-base .cls-1_bg,
.home #mv .p-sec-front #logo-base .cls-2_bg,
.home #mv .p-sec-front #logo-base .cls-3_bg {
  fill: #c3daea;
  -webkit-filter: url(#blur);
          filter: url(#blur);
  opacity: 0.8;
}
.home #mv .p-sec-front__cont {
  position: relative;
  z-index: 10;
}
@media (min-width: 1000px) {
  .home #mv .p-sec-front__cont {
    width: min(600px, 50vw);
  }
}
.home #mv .p-sec-front__mainCont {
  padding-top: 100px;
  margin-top: 84.5333333333vw;
}
@media (min-width: 1000px) {
  .home #mv .p-sec-front__mainCont {
    padding-top: 0;
    margin-top: 0;
  }
}
.home #mv .p-sec-front__scrollArrow {
  position: absolute;
  right: 4%;
}
@media (min-width: 1280px) {
  .home #mv .p-sec-front__scrollArrow {
    right: 0;
  }
}
@media (min-width: 1000px) {
  .home #mv .p-sec-front__scrollArrow {
    top: 80vh;
  }
}
@media not all and (min-width: 1000px) {
  .home #mv .p-sec-front__scrollArrow {
    height: 100vh;
    right: 0;
    left: 0;
    margin-inline: auto;
    top: 173vw;
    bottom: 0;
    z-index: 10;
  }
}
.home #mv .p-sec-front__scrollArrow .p-home-mv__scroll-bar {
  background-color: #9D9D9F;
  margin: auto;
  overflow: hidden;
  position: relative;
  width: 1px;
  height: 80px;
  margin-bottom: 10px;
}
.home #mv .p-sec-front__scrollArrow .p-home-mv__scroll-bar:after {
  -webkit-animation: animate-scroll-bar 2s cubic-bezier(0.16, 0.5, 0.43, 1) 0s infinite;
          animation: animate-scroll-bar 2s cubic-bezier(0.16, 0.5, 0.43, 1) 0s infinite;
  background-color: #32759F;
  content: "";
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  -webkit-transform: translate3d(0, -110%, 0);
          transform: translate3d(0, -110%, 0);
  width: 100%;
}
.home #mv .p-sec-front__scrollArrow .p-home-mv__scroll-text {
  line-height: 1;
  -webkit-writing-mode: vertical-lr;
      -ms-writing-mode: tb-lr;
          writing-mode: vertical-lr;
  margin-left: 3px;
}
@media not all and (min-width: 1000px) {
  .home #mv .p-sec-front__scrollArrow .p-home-mv__scroll-text {
    margin-block: auto;
  }
}

/*----------------------
07-A2：CATCH
-----------------------*/
@media (min-width: 1000px) {
  .home #catch {
    height: 100vh;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
            align-items: center;
  }
}
@media not all and (min-width: 1000px) {
  .home #catch {
    max-width: 97%;
  }
}
.home #catch .p-frontMainHead {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
}
@media (min-width: 1000px) {
  .home #catch .p-frontMainHead__title img {
    width: 520px;
  }
}
.home #catch .p-frontMainHead__title .title-wrap {
  /* @keyframes stop1{
     0% {stop-color:  hsl(218deg 100% 70%);} //1
     25% {stop-color: hsl(250deg 100% 70%);} //2
     50% {stop-color: hsl(278deg 100% 70%);} //3
     75% {stop-color: hsl(299deg 100% 70%);} //4
     100% {stop-color:  hsl(152deg 100% 70%);} //5
  }
  @keyframes stop2{
   0% {stop-color:  hsl(152deg 100% 70%);} //5
   25% {stop-color: hsl(299deg 100% 70%);} //4
   50% {stop-color:  hsl(218deg 100% 70%);} //1
   75% {stop-color: hsl(250deg 100% 70%);} //2
   100% {stop-color: hsl(278deg 100% 70%);} //3
  } */
}
.home #catch .p-frontMainHead__title .title-wrap img {
  width: 100%;
  overflow: visible;
}
@media (min-width: 1000px) {
  .home #catch .p-frontMainHead__title .title-wrap img {
    width: 570px;
  }
}
.home #catch .p-frontMainHead__title .title-wrap svg {
  width: 100%;
  overflow: visible;
}
@media (min-width: 1000px) {
  .home #catch .p-frontMainHead__title .title-wrap svg {
    width: 570px;
  }
}
.home #catch .p-frontMainHead__title .title-wrap path {
  fill: url(#gradient);
}
.home #catch .p-frontMainHead__title .title-wrap #stop1 {
  -webkit-animation: stop1 9s ease-in-out infinite alternate;
          animation: stop1 9s ease-in-out infinite alternate;
}
.home #catch .p-frontMainHead__title .title-wrap #stop2 {
  -webkit-animation: stop2 9s ease-in-out infinite alternate;
          animation: stop2 9s ease-in-out infinite alternate;
}
@-webkit-keyframes stop1 {
  0% {
    stop-color: hsl(200, 100%, 70%);
  }
  25% {
    stop-color: hsl(202, 52%, 41%);
  }
  50% {
    stop-color: hsl(203, 52%, 41%);
  }
  75% {
    stop-color: hsl(220, 100%, 60%);
  }
  100% {
    stop-color: hsl(240, 55%, 20%);
  }
}
@keyframes stop1 {
  0% {
    stop-color: hsl(200, 100%, 70%);
  }
  25% {
    stop-color: hsl(202, 52%, 41%);
  }
  50% {
    stop-color: hsl(203, 52%, 41%);
  }
  75% {
    stop-color: hsl(220, 100%, 60%);
  }
  100% {
    stop-color: hsl(240, 55%, 20%);
  }
}
@-webkit-keyframes stop2 {
  0% {
    stop-color: hsl(220, 100%, 60%);
  }
  25% {
    stop-color: hsl(240, 55%, 20%);
  }
  50% {
    stop-color: hsl(203, 52%, 41%);
  }
  75% {
    stop-color: hsl(202, 52%, 41%);
  }
  100% {
    stop-color: hsl(200, 100%, 70%);
  }
}
@keyframes stop2 {
  0% {
    stop-color: hsl(220, 100%, 60%);
  }
  25% {
    stop-color: hsl(240, 55%, 20%);
  }
  50% {
    stop-color: hsl(203, 52%, 41%);
  }
  75% {
    stop-color: hsl(202, 52%, 41%);
  }
  100% {
    stop-color: hsl(200, 100%, 70%);
  }
}
.home #catch .p-frontMainHead__subTitle {
  font-size: 25px;
  font-size: 6.6666666667vw;
  line-height: 1.7;
  color: #333;
  margin-top: 1.4rem;
}
.home #catch .p-frontMainHead__subTitle::before, .home #catch .p-frontMainHead__subTitle::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
.home #catch .p-frontMainHead__subTitle::before {
  margin-top: calc((1 - 1.7) * 0.5em);
}
.home #catch .p-frontMainHead__subTitle::after {
  margin-bottom: calc((1 - 1.7) * 0.5em);
}
@media (min-width: 1000px) {
  .home #catch .p-frontMainHead__subTitle {
    font-size: 2.312rem;
    margin-bottom: 1.2445095168vw;
  }
}
.home #catch .p-frontMainHead__subTitle.line-02 {
  font-size: 1.625rem;
  margin: 26px calc(50% - 50vw) 0 -4px;
}
@media not all and (min-width: 1000px) {
  .home #catch .p-frontMainHead__subTitle.line-02 {
    font-size: 19px;
    font-size: 5.0666666667vw;
    margin: 12px calc(50% - 50vw) 0 -2px;
  }
}
.home #catch .p-frontMainHead__subTitle.line-03 {
  font-size: 1.625rem;
  margin: 4px calc(50% - 50vw) 0 -4px;
}
@media not all and (min-width: 1000px) {
  .home #catch .p-frontMainHead__subTitle.line-03 {
    font-size: 19px;
    font-size: 5.0666666667vw;
    margin: 3px calc(50% - 50vw) 0 -2px;
  }
}
.home #catch .p-frontMainHead__subTitle.line-03 span:nth-child(9) {
  margin-left: -5px;
}

/*----------------------
07-B：ABOUT
-----------------------*/
@media (min-width: 1000px) {
  .home #about {
    position: relative;
    top: 60px;
  }
}
.home #about .p-sec-title {
  -webkit-margin-after: 30px;
          margin-block-end: 30px;
}
@media not all and (min-width: 600px) {
  .home #about .p-sec-title {
    -webkit-margin-after: 30px;
            margin-block-end: 30px;
  }
}
@media not all and (min-width: 340px) {
  .home #about .p-sec-title {
    -webkit-margin-after: 20px;
            margin-block-end: 20px;
  }
}
.home #about .p-sec-catch {
  position: relative;
  font-size: min(3vw, 3rem);
  line-height: 1.75;
  white-space: nowrap;
  -webkit-margin-after: 40px;
          margin-block-end: 40px;
  letter-spacing: 0.04em;
}
@media (min-width: 1000px) {
  .home #about .p-sec-catch {
    margin-right: calc(50% - 50vw);
  }
}
@media not all and (min-width: 1000px) {
  .home #about .p-sec-catch {
    font-size: 21px;
    font-size: 5.6vw;
  }
}
@media not all and (min-width: 340px) {
  .home #about .p-sec-catch {
    -webkit-margin-after: 30px;
            margin-block-end: 30px;
  }
}
@media not all and (min-width: 1000px) {
  .home #about .p-frontVision {
    margin-top: 240px;
  }
}
.home #about .p-frontVision__desc {
  -webkit-transition-delay: unset;
          transition-delay: unset;
  letter-spacing: -0.01em;
}
@media (min-width: 1000px) {
  .home #about .p-frontVision__desc {
    font-size: 1.25rem;
    line-height: 2.3;
    margin-right: calc(50% - 56vw);
    max-width: 990px;
  }
}
@media not all and (min-width: 1000px) {
  .home #about .p-frontVision__desc {
    font-size: 16px;
    font-size: 4.2666666667vw;
    line-height: 2;
  }
}
.home #about .p-frontVision__desc p::before, .home #about .p-frontVision__desc p::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
.home #about .p-frontVision__desc p::before {
  margin-top: calc((1 - 2) * 0.5em);
}
.home #about .p-frontVision__desc p::after {
  margin-bottom: calc((1 - 2) * 0.5em);
}
@media (min-width: 1000px) {
  .home #about .p-frontVision__desc p::before, .home #about .p-frontVision__desc p::after {
    content: "";
    display: block;
    height: 0;
    width: 0;
  }
  .home #about .p-frontVision__desc p::before {
    margin-top: calc((1 - 1.9) * 0.5em);
  }
  .home #about .p-frontVision__desc p::after {
    margin-bottom: calc((1 - 1.9) * 0.5em);
  }
}
.home #about .p-frontVision__desc p + p {
  margin-top: 25px;
}
@media (min-width: 1000px) {
  .home #about .p-frontVision__desc p + p {
    margin-top: 35px;
  }
}
.home #about .p-frontVision .nf-credit {
  text-align: right;
  margin-top: 70px;
}
@media (min-width: 1000px) {
  .home #about .p-frontVision .nf-credit {
    margin-right: 12px;
  }
}
@media not all and (min-width: 1000px) {
  .home #about .p-frontVision .nf-credit {
    margin-top: 40px;
  }
}
.home #about .p-frontVision .nf-credit > img {
  max-width: 350px;
}
@media not all and (min-width: 1000px) {
  .home #about .p-frontVision .nf-credit > img {
    max-width: 60vw;
  }
}
.home #about .p-frontVision .nf-credit > p {
  font-size: 0.75rem;
  line-height: 1;
}
@media not all and (min-width: 1000px) {
  .home #about .p-frontVision .nf-credit > p {
    line-height: 1.2;
    margin-right: 4px;
  }
}
.home #about .p-frontVision__more {
  padding-top: 28px;
}
@media (min-width: 1000px) {
  .home #about .p-frontVision__more {
    padding-top: 37px;
  }
}

/*----------------------
07-C：SERVICE
-----------------------*/
.home #service {
  background-color: #e9ecef;
  padding-block: 150px 120px;
  overflow: hidden;
}
@media not all and (min-width: 1000px) {
  .home #service {
    padding-block: 70px 90px;
  }
}
.home #service .wp-block-group__inner-container {
  margin: 0 auto;
  max-width: var(--ark-width--article);
  position: relative;
  width: 100%;
  padding-inline: var(--ark-padding--container, 48px);
}
@media not all and (min-width: 1000px) {
  .home #service .wp-block-group__inner-container {
    padding-inline: 4vw;
  }
}
.home #service .p-sec-front {
  position: relative;
}
@media not all and (min-width: 1000px) {
  .home #service .p-sec-front {
    z-index: 1;
  }
}
@media (min-width: 1000px) {
  .home #service .p-sec-front__header {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
            align-items: center;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
            justify-content: space-between;
    -webkit-margin-after: 46px;
            margin-block-end: 46px;
  }
}
@media not all and (min-width: 1000px) {
  .home #service .p-sec-front__header {
    -webkit-margin-after: 40px;
            margin-block-end: 40px;
  }
}
@media not all and (min-width: 1000px) {
  .home #service .p-sec-front__header .p-sec-title {
    -webkit-margin-after: 40px;
            margin-block-end: 40px;
  }
}
.home #service .p-sec-front__header .p-sec-desc {
  max-width: 630px;
}
.home #service .p-sec-front__main {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  gap: 26px;
}
@media not all and (min-width: 1000px) {
  .home #service .p-sec-front__main {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
            flex-direction: column;
    row-gap: 4px;
  }
}
@media (min-width: 1000px) {
  .home #service .p-sec-front__main::after {
    content: "";
    display: block;
    width: calc(33.3333333333% - 26px);
    height: 0;
  }
}
.home #service .p-sec-front__main .service-box {
  margin: 0;
  /* ボタンアイコン */
}
@media (min-width: 1000px) {
  .home #service .p-sec-front__main .service-box {
    width: calc(33.3333333333% - 26px);
  }
}
.home #service .p-sec-front__main .service-box__link {
  color: #000;
  text-decoration: none;
}
@media (min-width: 1000px) {
  .home #service .p-sec-front__main .service-box__link:hover .service-box__img img {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
}
@media (min-width: 1000px) {
  .home #service .p-sec-front__main .service-box__link:hover .p-btn__arrowWrap::before {
    background: #333;
    -webkit-transform: scale(1.4);
            transform: scale(1.4);
  }
}
@media (min-width: 1000px) {
  .home #service .p-sec-front__main .service-box__link:hover .p-btn__arrowInner {
    border-top-color: #fff;
    border-right-color: #fff;
  }
}
.home #service .p-sec-front__main .service-box__img {
  position: relative;
  overflow: hidden;
  color: #fff;
  -webkit-margin-after: 24px;
          margin-block-end: 24px;
  border-radius: 7px;
}
@media (min-width: 1000px) {
  .home #service .p-sec-front__main .service-box__img {
    padding-top: 90%;
  }
}
@media not all and (min-width: 1000px) {
  .home #service .p-sec-front__main .service-box__img {
    -webkit-margin-after: 18px;
            margin-block-end: 18px;
    max-height: 230px;
  }
}
.home #service .p-sec-front__main .service-box__img::after {
  content: "";
  position: absolute;
  inset: 0;
  background: -webkit-linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(82, 92, 100, 0.35) 37.96%, rgba(82, 92, 100, 0.4) 65.68%, #525c64 100%);
  background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(82, 92, 100, 0.35) 37.96%, rgba(82, 92, 100, 0.4) 65.68%, #525c64 100%);
}
@media (min-width: 1000px) {
  .home #service .p-sec-front__main .service-box__img img {
    position: absolute;
    top: 0;
    -webkit-transition: -webkit-transform 0.25s;
    transition: -webkit-transform 0.25s;
    transition: transform 0.25s;
    transition: transform 0.25s, -webkit-transform 0.25s;
  }
}
@media not all and (min-width: 1000px) {
  .home #service .p-sec-front__main .service-box__img img {
    max-height: 230px;
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
  }
}
.home #service .p-sec-front__main .service-box .headline {
  position: absolute;
  left: 7%;
  z-index: 1;
}
.home #service .p-sec-front__main .service-box .headline__en {
  bottom: 14%;
}
@media not all and (min-width: 1000px) {
  .home #service .p-sec-front__main .service-box .headline__en {
    bottom: 17%;
    left: 5%;
  }
}
.home #service .p-sec-front__main .service-box .headline__ja {
  bottom: 6%;
}
@media not all and (min-width: 1000px) {
  .home #service .p-sec-front__main .service-box .headline__ja {
    left: 5%;
  }
}
.home #service .p-sec-front__main .service-box .p-btn__arrowWrap {
  position: absolute;
  bottom: 10%;
  right: 10%;
  border-radius: 100%;
  width: 26px;
  height: 26px;
  z-index: 1;
}
@media not all and (min-width: 1000px) {
  .home #service .p-sec-front__main .service-box .p-btn__arrowWrap {
    right: 6%;
  }
}
.home #service .p-sec-front__main .service-box .p-btn__arrowWrap::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  background: #fff;
  -webkit-transition: -webkit-transform 0.25s;
  transition: -webkit-transform 0.25s;
  transition: transform 0.25s;
  transition: transform 0.25s, -webkit-transform 0.25s;
}
.home #service .p-sec-front__main .service-box .p-btn__arrow {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1;
  width: 26px;
  height: 26px;
}
.home #service .p-sec-front__main .service-box .p-btn__arrow::after,
.home #service .p-sec-front__main .service-box .p-btn__arrow::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 100%;
}
.home #service .p-sec-front__main .service-box .p-btn__arrowInner {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
  z-index: 1;
  left: 47%;
  width: 7px;
  height: 7px;
  border-top: 2px solid #000;
  border-right: 2px solid #000;
}
.home #service .p-sec-front .c-btn-wrap.u-only-sp {
  display: block;
  text-align: end;
  -webkit-margin-before: 20px;
          margin-block-start: 20px;
}
.home #service .back-logo {
  width: clamp(450px, 34vw, 600px);
  position: absolute;
  bottom: -11%;
  left: 76%;
  opacity: 0.5;
  z-index: 1;
}
@media not all and (min-width: 600px) {
  .home #service .back-logo {
    display: none;
    /* width: 88vw;
    left: auto;
    right: -16%;
    bottom: -7%;
    z-index: 0; */
  }
}

/*----------------------
07-C2：SOLUTIONS
-----------------------*/
.home #solutions {
  background-color: #e9ecef;
  padding-block: 150px 120px;
  overflow: hidden;
}
@media not all and (min-width: 1000px) {
  .home #solutions {
    padding-block: 70px 90px;
  }
}
.home #solutions .wp-block-group__inner-container {
  margin: 0 auto;
  max-width: var(--ark-width--article);
  position: relative;
  width: 100%;
  padding-inline: var(--ark-padding--container, 48px);
}
@media not all and (min-width: 1000px) {
  .home #solutions .wp-block-group__inner-container {
    padding-inline: 4vw;
  }
}
.home #solutions .p-sec-front {
  position: relative;
  z-index: 10;
}
@media (min-width: 1000px) {
  .home #solutions .p-sec-front__header {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
            align-items: center;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
            justify-content: space-between;
    -webkit-margin-after: 46px;
            margin-block-end: 46px;
  }
}
@media not all and (min-width: 1000px) {
  .home #solutions .p-sec-front__header {
    -webkit-margin-after: 40px;
            margin-block-end: 40px;
  }
}
@media not all and (min-width: 1000px) {
  .home #solutions .p-sec-front__header .p-sec-title {
    -webkit-margin-after: 40px;
            margin-block-end: 40px;
  }
}
.home #solutions .p-sec-front__header .p-sec-desc {
  max-width: 630px;
}
.home #solutions .p-sec-front__main {
  position: relative;
}
@media (min-width: 1000px) {
  .home #solutions .p-sec-front__main {
    width: 620px;
    height: 620px;
    margin: 200px auto;
  }
}
@media (min-width: 600px) {
  .home #solutions .p-sec-front__main {
    width: min(700px, 86vw);
    height: min(700px, 86vw);
  }
}
@media not all and (min-width: 600px) {
  .home #solutions .p-sec-front__main {
    margin: 0 auto;
  }
}
@media (min-width: 600px) {
  .home #solutions .p-sec-front__main::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 50%;
    border: 26px solid transparent;
    background: -webkit-linear-gradient(352deg, rgb(238, 44, 130) 0%, rgb(240, 251, 98) 16%, rgb(174, 232, 208) 43%, rgb(74, 95, 234) 60%, rgb(132, 120, 219) 80%, rgb(207, 42, 186) 100%) border-box border-box;
    background: linear-gradient(98deg, rgb(238, 44, 130) 0%, rgb(240, 251, 98) 16%, rgb(174, 232, 208) 43%, rgb(74, 95, 234) 60%, rgb(132, 120, 219) 80%, rgb(207, 42, 186) 100%) border-box border-box;
    -webkit-mask: -webkit-linear-gradient(#fff 0 0) padding-box, -webkit-linear-gradient(#fff 0 0) border-box;
    -webkit-mask-composite: destination-out;
    -webkit-mask: -webkit-linear-gradient(#fff 0 0) padding-box, -webkit-linear-gradient(#fff 0 0) border-box;
            mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0) border-box;
    -webkit-mask-composite: xor;
            mask-composite: exclude;
    z-index: -1;
  }
}
@media not all and (min-width: 1000px) {
  .home #solutions .p-sec-front__main::after {
    border: 16px solid transparent;
  }
}
.home #solutions .p-sec-front__main .circle {
  content: "";
  position: absolute;
  border-radius: 50%;
  width: 140vw;
  height: 140vw;
  z-index: -1;
  border: 16px solid transparent;
  background: -webkit-linear-gradient(277deg, rgba(74, 95, 234, 0.3) 0%, rgba(132, 120, 219, 0.3) 20%, rgba(207, 42, 186, 0.3) 40%, rgba(238, 44, 130, 0.3) 60%, rgba(251, 105, 98, 0.3) 80%, rgba(254, 248, 76, 0.3) 100%) border-box border-box;
  background: linear-gradient(173deg, rgba(74, 95, 234, 0.3) 0%, rgba(132, 120, 219, 0.3) 20%, rgba(207, 42, 186, 0.3) 40%, rgba(238, 44, 130, 0.3) 60%, rgba(251, 105, 98, 0.3) 80%, rgba(254, 248, 76, 0.3) 100%) border-box border-box;
  -webkit-mask: -webkit-linear-gradient(#fff 0 0) padding-box, -webkit-linear-gradient(#fff 0 0) border-box;
  -webkit-mask-composite: destination-out;
  -webkit-mask: -webkit-linear-gradient(#fff 0 0) padding-box, -webkit-linear-gradient(#fff 0 0) border-box;
          mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0) border-box;
  -webkit-mask-composite: xor;
          mask-composite: exclude;
}
@media (min-width: 600px) {
  .home #solutions .p-sec-front__main .circle {
    display: none;
  }
}
.home #solutions .p-sec-front__main .circle__01 {
  top: 15%;
  left: 8%;
}
.home #solutions .p-sec-front__main .circle__02 {
  top: 12%;
  right: 6%;
}
.home #solutions .p-sec-front__main .circle__03 {
  top: 35%;
  left: 8%;
}
.home #solutions .p-sec-front__main .circle__04 {
  top: 50%;
  right: 6%;
}
.home #solutions .p-sec-front__main .circle__05 {
  top: 66%;
  left: 8%;
}
.home #solutions .p-sec-front__main .cuddleup-sign {
  margin: 0 auto;
  width: 50vw;
}
@media (min-width: 600px) {
  .home #solutions .p-sec-front__main .cuddleup-sign {
    position: absolute;
    inset: 0;
    margin: auto;
    width: 47%;
    height: 3rem;
  }
}
.home #solutions .p-sec-front__main .accompany-sign {
  margin: 0 auto;
  width: 50vw;
  position: absolute;
  inset: 0;
  margin: auto;
}
@media (min-width: 1000px) {
  .home #solutions .p-sec-front__main .accompany-sign {
    width: 47%;
    height: 17rem;
  }
}
@media not all and (min-width: 1000px) {
  .home #solutions .p-sec-front__main .accompany-sign {
    width: 80%;
    top: 28%;
  }
}
.home #solutions .p-sec-front__main .accompany-sign .title {
  text-align: center;
  font-size: 3.437rem;
}
@media not all and (min-width: 1000px) {
  .home #solutions .p-sec-front__main .accompany-sign .title {
    z-index: 100;
    position: relative;
    font-size: 2.312rem;
  }
}
@media not all and (min-width: 600px) {
  .home #solutions .p-sec-front__main .accompany-sign .title {
    font-size: 7.5vw;
  }
}
.home #solutions .p-sec-front__main .accompany-sign .txt {
  text-align: center;
  font-size: 1.5rem;
  line-height: 1.6;
}
@media not all and (min-width: 1000px) {
  .home #solutions .p-sec-front__main .accompany-sign .txt {
    z-index: 100;
    position: relative;
    font-size: 1.25rem;
  }
}
@media not all and (min-width: 600px) {
  .home #solutions .p-sec-front__main .accompany-sign .txt {
    font-size: min(4vw, 12px);
    margin-top: 4px;
  }
}
.home #solutions .p-sec-front__main .accompany-sign .sign-img__wrap {
  position: relative;
  width: min(230px, 30vw);
  height: min(230px, 30vw);
  margin: 25px auto 0;
  display: block;
}
@media not all and (min-width: 1000px) {
  .home #solutions .p-sec-front__main .accompany-sign .sign-img__wrap {
    z-index: 100;
    margin-top: 14px;
  }
}
@media not all and (min-width: 600px) {
  .home #solutions .p-sec-front__main .accompany-sign .sign-img__wrap {
    max-width: 30vw;
    margin-top: 8px;
  }
}
.home #solutions .p-sec-front__main .accompany-sign .sign-img__wrap img {
  position: absolute;
}
.home #solutions .p-sec-front__main .accompany-sign .sign-img__1 {
  width: 58%;
  top: 0;
  left: 0;
  -webkit-animation: infini-rotate 30s linear 0s infinite;
          animation: infini-rotate 30s linear 0s infinite;
}
.home #solutions .p-sec-front__main .accompany-sign .sign-img__2 {
  width: 42.5%;
  top: 15%;
  right: 0;
  -webkit-animation: infini-rotate-rev 25s linear 2s infinite;
          animation: infini-rotate-rev 25s linear 2s infinite;
}
.home #solutions .p-sec-front__main .accompany-sign .sign-img__3 {
  width: 39%;
  bottom: 9%;
  right: 25%;
  -webkit-animation: infini-rotate 25s linear 4s infinite;
          animation: infini-rotate 25s linear 4s infinite;
}
.home #solutions .p-sec-front__main .accompany-sign .sign-img__4 {
  width: 24%;
  bottom: 18%;
  left: 10%;
  -webkit-animation: infini-rotate-rev 20s linear 6s infinite;
          animation: infini-rotate-rev 20s linear 6s infinite;
}
.home #solutions .p-sec-front__main .solutions-box {
  position: absolute;
  border-radius: 50%;
  background: #EFF1F5;
  box-shadow: inset 0px 0px 20px 15px rgba(50, 117, 157, 0.09);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  /* ボタンアイコン */
}
@media (min-width: 1000px) {
  .home #solutions .p-sec-front__main .solutions-box {
    width: 330px;
  }
}
@media not all and (min-width: 1000px) {
  .home #solutions .p-sec-front__main .solutions-box {
    width: min(290px, 30vw);
    height: min(290px, 30vw);
  }
}
@media not all and (min-width: 600px) {
  .home #solutions .p-sec-front__main .solutions-box {
    position: relative;
    width: min(470px, 70vw);
    height: min(470px, 70vw);
  }
}
.home #solutions .p-sec-front__main .solutions-box:hover {
  background: #fff;
}
.home #solutions .p-sec-front__main .solutions-box.block-01 {
  margin: 20px auto 0 -12%;
}
@media (min-width: 600px) {
  .home #solutions .p-sec-front__main .solutions-box.block-01 {
    top: -13vw;
  }
}
@media (min-width: 1000px) {
  .home #solutions .p-sec-front__main .solutions-box.block-01 {
    margin: 0;
    top: -190px;
    left: 50%;
    -webkit-transform: translate(-50%, 0%);
            transform: translate(-50%, 0%);
  }
}
.home #solutions .p-sec-front__main .solutions-box.block-02 {
  margin: -34px -12% 0 auto;
}
@media (min-width: 600px) {
  .home #solutions .p-sec-front__main .solutions-box.block-02 {
    top: 12%;
    right: -11%;
  }
}
@media (min-width: 1000px) {
  .home #solutions .p-sec-front__main .solutions-box.block-02 {
    margin: 0;
    top: 9%;
    right: -27%;
  }
}
.home #solutions .p-sec-front__main .solutions-box.block-03 {
  margin: -34px auto 0 -12%;
}
@media (min-width: 600px) {
  .home #solutions .p-sec-front__main .solutions-box.block-03 {
    bottom: -9vw;
    right: 0;
  }
}
@media (min-width: 1000px) {
  .home #solutions .p-sec-front__main .solutions-box.block-03 {
    margin: 0;
    bottom: -15%;
    right: -7%;
  }
}
.home #solutions .p-sec-front__main .solutions-box.block-04 {
  margin: -34px -12% 0 auto;
}
@media (min-width: 600px) {
  .home #solutions .p-sec-front__main .solutions-box.block-04 {
    bottom: -9vw;
    left: 0;
  }
}
@media (min-width: 1000px) {
  .home #solutions .p-sec-front__main .solutions-box.block-04 {
    margin: 0;
    bottom: -15%;
    left: -7%;
  }
}
.home #solutions .p-sec-front__main .solutions-box.block-05 {
  margin: -34px auto 0 -12%;
}
@media (min-width: 600px) {
  .home #solutions .p-sec-front__main .solutions-box.block-05 {
    top: 12%;
    left: -11%;
  }
}
@media (min-width: 1000px) {
  .home #solutions .p-sec-front__main .solutions-box.block-05 {
    margin: 0;
    top: 9%;
    left: -27%;
  }
}
.home #solutions .p-sec-front__main .solutions-box__link {
  position: relative;
  color: #000;
  text-decoration: none;
}
@media (min-width: 1000px) {
  .home #solutions .p-sec-front__main .solutions-box__link:hover .service-box__img img {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
  }
}
@media (min-width: 1000px) {
  .home #solutions .p-sec-front__main .solutions-box__link:hover .p-btn__arrowWrap::before {
    background: #333;
    -webkit-transform: scale(1.4);
            transform: scale(1.4);
  }
}
@media (min-width: 1000px) {
  .home #solutions .p-sec-front__main .solutions-box__link:hover .p-btn__arrowInner {
    border-top-color: #fff;
    border-right-color: #fff;
  }
}
.home #solutions .p-sec-front__main .solutions-box__img {
  position: relative;
  -webkit-margin-after: 24px;
          margin-block-end: 24px;
}
@media (min-width: 1000px) {
  .home #solutions .p-sec-front__main .solutions-box__img {
    overflow: hidden;
    padding-top: 90%;
  }
}
@media not all and (min-width: 1000px) {
  .home #solutions .p-sec-front__main .solutions-box__img {
    -webkit-margin-after: 18px;
            margin-block-end: 18px;
    max-height: 230px;
  }
}
.home #solutions .p-sec-front__main .solutions-box__img img {
  padding: 19% 30% 0;
}
@media (min-width: 1000px) {
  .home #solutions .p-sec-front__main .solutions-box__img img {
    position: absolute;
    top: 0;
    -webkit-transition: -webkit-transform 0.25s;
    transition: -webkit-transform 0.25s;
    transition: transform 0.25s;
    transition: transform 0.25s, -webkit-transform 0.25s;
  }
}
@media not all and (min-width: 1000px) {
  .home #solutions .p-sec-front__main .solutions-box__img img {
    max-height: 230px;
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
  }
}
@media not all and (min-width: 600px) {
  .home #solutions .p-sec-front__main .solutions-box__img img {
    padding: 17% 29% 0;
  }
}
.home #solutions .p-sec-front__main .solutions-box .headline {
  text-align: center;
  color: #000;
  position: absolute;
  margin-inline: auto;
  left: 0;
  right: 0;
  z-index: 1;
}
.home #solutions .p-sec-front__main .solutions-box .headline__en {
  bottom: 20%;
}
@media not all and (min-width: 1000px) {
  .home #solutions .p-sec-front__main .solutions-box .headline__en {
    bottom: 17%;
  }
}
@media not all and (min-width: 600px) {
  .home #solutions .p-sec-front__main .solutions-box .headline__en {
    bottom: -14%;
    font-size: 30px;
  }
}
.home #solutions .p-sec-front__main .solutions-box .headline__ja {
  bottom: 10%;
}
@media not all and (min-width: 600px) {
  .home #solutions .p-sec-front__main .solutions-box .headline__ja {
    bottom: -32%;
  }
}
.home #solutions .p-sec-front__main .solutions-box .p-btn__arrowWrap {
  display: none;
  position: absolute;
  bottom: 10%;
  right: 10%;
  border-radius: 100%;
  width: 26px;
  height: 26px;
  z-index: 1;
}
@media not all and (min-width: 1000px) {
  .home #solutions .p-sec-front__main .solutions-box .p-btn__arrowWrap {
    right: 6%;
  }
}
.home #solutions .p-sec-front__main .solutions-box .p-btn__arrowWrap::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  background: #fff;
  -webkit-transition: -webkit-transform 0.25s;
  transition: -webkit-transform 0.25s;
  transition: transform 0.25s;
  transition: transform 0.25s, -webkit-transform 0.25s;
}
.home #solutions .p-sec-front__main .solutions-box .p-btn__arrow {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1;
  width: 26px;
  height: 26px;
}
.home #solutions .p-sec-front__main .solutions-box .p-btn__arrow::after,
.home #solutions .p-sec-front__main .solutions-box .p-btn__arrow::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 100%;
}
.home #solutions .p-sec-front__main .solutions-box .p-btn__arrowInner {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
  z-index: 1;
  left: 47%;
  width: 7px;
  height: 7px;
  border-top: 2px solid #000;
  border-right: 2px solid #000;
}
.home #solutions .p-sec-front__main .solutions-box2 {
  box-shadow: none;
  background: #e9ecef;
  width: 270px;
}
@media not all and (min-width: 1000px) {
  .home #solutions .p-sec-front__main .solutions-box2 {
    width: 190px;
    height: 190px;
  }
}
@media not all and (min-width: 600px) {
  .home #solutions .p-sec-front__main .solutions-box2 {
    width: 30vw;
    height: 37vw;
  }
}
.home #solutions .p-sec-front__main .solutions-box2:hover {
  background: #e9ecef;
}
@media (min-width: 1000px) {
  .home #solutions .p-sec-front__main .solutions-box2:hover {
    background: #fff;
  }
}
.home #solutions .p-sec-front__main .solutions-box2.block-01 {
  margin: 0;
  top: -60px;
  left: 50%;
  -webkit-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
}
@media not all and (min-width: 600px) {
  .home #solutions .p-sec-front__main .solutions-box2.block-01 {
    top: -42px;
    -webkit-transform: translate(-50%, 0%) scale(0.7);
            transform: translate(-50%, 0%) scale(0.7);
  }
}
@media not all and (min-width: 1000px) {
  .home #solutions .p-sec-front__main .solutions-box2.block-01 .solutions-box2__img img {
    padding: 10% 20% 0;
  }
}
.home #solutions .p-sec-front__main .solutions-box2.block-02 {
  top: 28%;
  right: -14%;
}
@media not all and (min-width: 1000px) {
  .home #solutions .p-sec-front__main .solutions-box2.block-02 {
    right: -2%;
  }
}
@media not all and (min-width: 600px) {
  .home #solutions .p-sec-front__main .solutions-box2.block-02 {
    -webkit-transform: scale(0.7);
            transform: scale(0.7);
    margin-top: 0;
    right: -4%;
    top: -26%;
  }
}
.home #solutions .p-sec-front__main .solutions-box2.block-03 {
  right: 0%;
}
@media not all and (min-width: 600px) {
  .home #solutions .p-sec-front__main .solutions-box2.block-03 {
    -webkit-transform: scale(0.7);
            transform: scale(0.7);
    margin: 0 0 0 auto;
    top: -12%;
  }
}
.home #solutions .p-sec-front__main .solutions-box2.block-04 {
  left: 0%;
}
@media not all and (min-width: 600px) {
  .home #solutions .p-sec-front__main .solutions-box2.block-04 {
    -webkit-transform: scale(0.7);
            transform: scale(0.7);
    margin: 0;
    top: -58%;
  }
}
.home #solutions .p-sec-front__main .solutions-box2.block-05 {
  top: 28%;
  left: -14%;
}
@media not all and (min-width: 1000px) {
  .home #solutions .p-sec-front__main .solutions-box2.block-05 {
    left: -2%;
  }
}
@media not all and (min-width: 600px) {
  .home #solutions .p-sec-front__main .solutions-box2.block-05 {
    -webkit-transform: scale(0.7);
            transform: scale(0.7);
    margin-top: 0;
    left: -4%;
    top: -164%;
  }
}
@media not all and (min-width: 1000px) {
  .home #solutions .p-sec-front__main .solutions-box2__img img {
    padding: 10% 23% 0;
  }
}
.home #solutions .p-sec-front__main .solutions-box2 .headline__en {
  white-space: nowrap;
}
@media not all and (min-width: 1000px) {
  .home #solutions .p-sec-front__main .solutions-box2 .headline__en {
    font-size: 1.75rem;
    bottom: -19%;
  }
}
@media not all and (min-width: 600px) {
  .home #solutions .p-sec-front__main .solutions-box2 .headline__en {
    bottom: -22%;
  }
}
@media not all and (min-width: 1000px) {
  .home #solutions .p-sec-front__main .solutions-box2 .headline__ja {
    bottom: -41%;
  }
}
@media not all and (min-width: 600px) {
  .home #solutions .p-sec-front__main .solutions-box2 .headline__ja {
    bottom: -51%;
  }
}
@media not all and (min-width: 340px) {
  .home #solutions .p-sec-front__main .solutions-box2 .headline__ja {
    bottom: -63%;
  }
}
.home #solutions .p-sec-front__main2 {
  margin: 70px auto 200px;
  width: min(800px, 86vw);
  height: min(800px, 86vw);
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-transform: scale(1);
          transform: scale(1);
}
@media not all and (min-width: 1000px) {
  .home #solutions .p-sec-front__main2 {
    width: min(600px, 80vw);
    height: min(600px, 80vw);
  }
}
@media not all and (min-width: 600px) {
  .home #solutions .p-sec-front__main2 {
    margin: 70px auto 80px;
  }
}
.home #solutions .p-sec-front__main2::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #e9ecef;
  -webkit-clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%);
          clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%);
}
.home #solutions .p-sec-front__main2::after {
  content: "";
  position: absolute;
  inset: -6px;
  background: #32759F;
  border-radius: 0;
  border: 5px solid transparent;
  -webkit-clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%);
          clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%);
  -webkit-mask: none;
          mask: none;
  z-index: -1;
}
@media not all and (min-width: 600px) {
  .home #solutions .p-sec-front__main2::after {
    inset: -2px;
  }
}
@media not all and (min-width: 600px) {
  .home #solutions .p-sec-front .txt-area {
    margin-top: 60px;
  }
}
.home #solutions .p-sec-front .txt-area .catch {
  font-size: min(3vw, 3rem);
  line-height: 1.75;
  -webkit-margin-after: 20px;
          margin-block-end: 20px;
}
@media not all and (min-width: 1000px) {
  .home #solutions .p-sec-front .txt-area .catch {
    font-size: 21px;
    font-size: 5.6vw;
    -webkit-margin-after: 10px;
            margin-block-end: 10px;
  }
}
.home #solutions .p-sec-front .txt-area > p + p {
  margin-top: 1rem;
}
.home #solutions .p-sec-front .c-btn-wrap.u-only-sp {
  display: block;
  text-align: end;
  -webkit-margin-before: 20px;
          margin-block-start: 20px;
}
.home #solutions .back-logo {
  width: clamp(450px, 34vw, 600px);
  position: absolute;
  bottom: -7%;
  left: 58%;
  opacity: 0.5;
  z-index: 1;
}
@media not all and (min-width: 600px) {
  .home #solutions .back-logo {
    display: none;
    /* width: 88vw;
    left: auto;
    right: -16%;
    bottom: -7%;
    z-index: 0; */
  }
}

/*----------------------
07-D：WORKS
-----------------------*/
.home #works {
  background-color: #e9ecef;
  padding-block: 170px 120px;
  position: relative;
  overflow: hidden;
}
@media not all and (min-width: 1000px) {
  .home #works {
    background: -webkit-linear-gradient(top, rgb(233, 236, 239) 20%, #e9ecef 0%);
    background: linear-gradient(to bottom, rgb(233, 236, 239) 20%, #e9ecef 0%);
    padding-block: 90px 0;
  }
}
.home #works::before {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  left: -50%;
  aspect-ratio: 1.1/1;
  border-radius: 50% 50% 0 0;
  box-shadow: 0 0.3rem 0.6rem rgba(179, 179, 199, 0.4) inset, 0 0.3rem 2rem rgba(255, 255, 255, 0.56);
  width: 200%;
  background: #eef0f3;
}
@media not all and (min-width: 1000px) {
  .home #works::before {
    box-shadow: 0 0.3rem 0.6rem rgba(179, 179, 199, 0.4) inset, 0 0.3rem 2rem rgba(255, 255, 255, 0);
    background: -webkit-linear-gradient(bottom, rgba(255, 255, 255, 0), #eef0f3 50%);
    background: linear-gradient(0deg, rgba(255, 255, 255, 0), #eef0f3 50%);
  }
}
.home #works .wp-block-group__inner-container {
  margin: 0 auto;
  max-width: var(--ark-width--article);
  position: relative;
  width: 100%;
  padding-inline: var(--ark-padding--container, 48px);
  margin-bottom: 100px;
}
@media not all and (min-width: 1000px) {
  .home #works .wp-block-group__inner-container {
    padding-inline: 4vw;
    margin-bottom: 50px;
  }
}
@media (min-width: 1000px) {
  .home #works .p-sec-front__header {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
            align-items: center;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
            justify-content: space-between;
    -webkit-margin-after: 60px;
            margin-block-end: 60px;
  }
}
@media not all and (min-width: 1000px) {
  .home #works .p-sec-front__header .p-sec-title {
    -webkit-margin-after: 40px;
            margin-block-end: 40px;
  }
}
.home #works .p-sec-front__main {
  /* works-swiper */
}
.home #works .p-sec-front__main .works-cat-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  margin-bottom: 10px;
}
@media not all and (min-width: 600px) {
  .home #works .p-sec-front__main .works-cat-wrap {
    margin-bottom: 0;
  }
}
.home #works .p-sec-front__main .works-cat__main {
  font-family: "rustica", sans-serif;
  font-weight: 600;
  font-size: 2.125rem;
  display: inline-block;
}
@media not all and (min-width: 600px) {
  .home #works .p-sec-front__main .works-cat__main {
    display: block;
    line-height: 1;
  }
}
.home #works .p-sec-front__main .works-cat__sub {
  margin-left: 10px;
  color: #9D9D9F;
}
@media not all and (min-width: 600px) {
  .home #works .p-sec-front__main .works-cat__sub {
    margin-left: 0;
    font-size: 0.75rem;
  }
}
.home #works .p-sec-front__main .c-btn__link {
  width: 102px;
  padding-right: 2px;
  margin-left: 20px;
  border-radius: initial;
  background: transparent;
}
.home #works .p-sec-front__main .c-btn__link:hover {
  background: transparent;
  color: #333;
}
.home #works .p-sec-front__main .c-btn__link:hover::after {
  border-top-color: #333;
  border-right-color: #333;
}
.home #works .p-sec-front__main .c-btn__txt {
  border-bottom: 2px #333 dotted;
}
@media not all and (min-width: 600px) {
  .home #works .p-sec-front__main .c-btn__txt {
    font-size: 0.875rem;
  }
}
.home #works .p-sec-front__main .swiper-wrap {
  margin-bottom: 60px;
}
@media not all and (min-width: 600px) {
  .home #works .p-sec-front__main .swiper-wrap {
    margin-bottom: 30px;
  }
}
.home #works .p-sec-front__main .works-swiper {
  width: 100vw;
  padding: 20px;
  padding-bottom: 3rem !important;
}
@media not all and (min-width: 1000px) {
  .home #works .p-sec-front__main .works-swiper {
    margin-left: -4vw;
  }
}
.home #works .p-sec-front__main .works-swiper-pagination {
  bottom: 30px !important;
  left: 58px !important;
  text-align: left !important;
  width: 100vw !important;
  position: relative;
}
@media not all and (min-width: 1000px) {
  .home #works .p-sec-front__main .works-swiper-pagination {
    /* bottom: 70px !important; */
    left: 3vw !important;
  }
}
.home #works .p-sec-front__main .works-swiper-pagination .swiper-pagination-bullet {
  border-radius: 0;
  margin: 0 !important;
  width: min(15vw, 120px);
  opacity: 1;
  height: 3px;
}
@media not all and (min-width: 1000px) {
  .home #works .p-sec-front__main .works-swiper-pagination .swiper-pagination-bullet {
    width: 40px;
  }
}
.home #works .p-sec-front__main .swiper-pagination-bullet {
  background-color: #D8D8D8 !important;
}
.home #works .p-sec-front__main .swiper-pagination-bullet-active {
  background-color: #32759D !important;
}
.home #works .p-sec-front__main .works-swiper-contr {
  position: relative;
}
@media not all and (min-width: 1000px) {
  .home #works .p-sec-front__main .works-swiper-contr {
    display: none;
  }
}
.home #works .p-sec-front__main .works-swiper-contr .works-swiper-button-prev,
.home #works .p-sec-front__main .works-swiper-contr .works-swiper-button-next {
  padding: 20px;
  top: 108% !important;
  border-radius: 50%;
  /* background: #fff;
  border: 1px solid $color-accent-blue; */
}
@media (min-width: 1000px) {
  .home #works .p-sec-front__main .works-swiper-contr .works-swiper-button-prev,
  .home #works .p-sec-front__main .works-swiper-contr .works-swiper-button-next {
    padding: 20px;
    right: 40px;
  }
}
.home #works .p-sec-front__main .works-swiper-contr .works-swiper-button-prev {
  right: 70px !important;
  left: auto !important;
}
@media (min-width: 1000px) {
  .home #works .p-sec-front__main .works-swiper-contr .works-swiper-button-prev {
    right: 100px !important;
  }
}
.home #works .p-sec-front__main .works-swiper-contr .works-swiper-button-prev:after,
.home #works .p-sec-front__main .works-swiper-contr .works-swiper-button-next:after,
.home #works .p-sec-front__main .works-swiper-contr .swiper-rtl .works-swiper-button-prev:after,
.home #works .p-sec-front__main .works-swiper-contr .swiper-rtl .works-swiper-button-next:after {
  font-size: 16px !important;
  color: #32759D;
}
.home #works .p-sec-front__main .swiper-slide {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
}
.home #works .p-sec-front__main .swiper-slide .works-name__sub {
  color: #323b43;
  font-size: 0.75rem;
}
.home #works .p-sec-front .c-btn-wrap.u-only-sp {
  display: block;
  text-align: end;
}
.home #works .p-sec-front .c-btn-wrap.u-only-sp:before {
  content: "";
  width: 100vw;
  position: absolute;
  height: 80px;
  display: block;
  left: 0;
}

/*----------------------
07-E：RECRUIT
-----------------------*/
.home #recruit {
  padding-block: 0 70px;
  overflow: hidden;
}
@media (min-width: 1000px) {
  .home #recruit {
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 37%, #DCE0E3 0%);
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 37%, #DCE0E3 0%);
  }
}
@media not all and (min-width: 1000px) {
  .home #recruit {
    padding-block: 60px;
    background: -webkit-linear-gradient(top, #eef0f3 70%, #DCE0E3 0%);
    background: linear-gradient(to bottom, #eef0f3 70%, #DCE0E3 0%);
  }
}
@media not all and (min-width: 600px) {
  .home #recruit {
    padding-block: 60px 20px;
  }
}
.home #recruit .wp-block-group__inner-container {
  margin: 0 auto;
  max-width: var(--ark-width--article);
  position: relative;
  width: 100%;
  padding-inline: var(--ark-padding--container, 48px);
}
@media not all and (min-width: 1000px) {
  .home #recruit .wp-block-group__inner-container {
    padding-inline: 4vw;
  }
}
.home #recruit .p-sec-front__header.-outer {
  width: 100vw;
  background: #eef0f3;
  height: 180px;
}
@media not all and (min-width: 1000px) {
  .home #recruit .p-sec-front__header.-outer {
    width: auto;
    background: none;
    height: auto;
  }
}
.home #recruit .p-sec-front__header.-outer .p-sec-title {
  -webkit-margin-after: 60px;
          margin-block-end: 60px;
}
@media not all and (min-width: 1000px) {
  .home #recruit .p-sec-front__header.-outer .p-sec-title {
    -webkit-margin-after: 40px;
            margin-block-end: 40px;
  }
}
@media (min-width: 1000px) {
  .home #recruit .p-sec-front {
    margin-right: calc(50% - 50vw);
  }
}
@media (min-width: 1000px) {
  .home #recruit .p-sec-front__main {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
            justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
            align-items: flex-start;
    gap: 140px;
  }
}
.home #recruit .p-sec-front__left {
  margin-top: -34px;
}
@media not all and (min-width: 1000px) {
  .home #recruit .p-sec-front__left {
    margin-block: 0 60px;
  }
}
@media (min-width: 1000px) {
  .home #recruit .p-sec-front__left .p-sec-desc {
    -webkit-margin-after: 40px;
            margin-block-end: 40px;
    max-width: 310px;
  }
}
@media not all and (min-width: 1000px) {
  .home #recruit .p-sec-front__left .p-sec-desc {
    -webkit-margin-after: 30px;
            margin-block-end: 30px;
  }
}
.home #recruit .p-sec-front__left .catch {
  font-size: 1.5rem;
  line-height: 1.75;
  -webkit-margin-after: 20px;
          margin-block-end: 20px;
  white-space: nowrap;
}
@media not all and (min-width: 1000px) {
  .home #recruit .p-sec-front__left .catch {
    font-size: 20px;
    font-size: 5.3333333333vw;
    -webkit-margin-after: 10px;
            margin-block-end: 10px;
  }
}
@media not all and (min-width: 1000px) {
  .home #recruit .p-sec-front__left .c-btn-wrap {
    display: block;
    text-align: end;
  }
}
.home #recruit .p-sec-front__right {
  /* recruit-swiper */
}
@media (min-width: 1000px) {
  .home #recruit .p-sec-front__right {
    width: 60%;
  }
}
@media not all and (min-width: 1000px) {
  .home #recruit .p-sec-front__right {
    margin-right: calc(50% - 50vw);
  }
}
.home #recruit .p-sec-front__right .recruit-swiper {
  /* display: flex;
  flex-wrap: wrap; */
  margin-top: -190px;
}
@media not all and (min-width: 1000px) {
  .home #recruit .p-sec-front__right .recruit-swiper {
    background: none;
    margin-top: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
            flex-direction: column;
  }
}
.home #recruit .p-sec-front__right .recruit-single {
  /* display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-wrap: wrap;
  max-width: 360px; */
  /* @include pc {
    width: 300px;
  }
  @include wide {
    max-width: 600px;
  } */
  /* ボタンアイコン */
  /* .p-btn__arrowWrap {
    position: absolute;
    bottom: 10%;
    right:0;
    border-radius: 100%;
    width: 60px;
    height: 60px;
    z-index: 1;
    @include mobile {
      bottom: 30%;
      width: 40px;
      height: 40px;
    }
    &::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border-radius: 100%;
      background-color: $color-back-gray-dark;
      box-shadow: $box-shadow-icon;
      transition: all .25s;
    }
  }
  .p-btn__arrow {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
    width: 60px;
    height: 60px;
    @include mobile {
      width: 40px;
      height: 40px;
    }
  }
  .p-btn__arrow::after,
  .p-btn__arrow::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 100%
  }
  .p-btn__arrowInner {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
    z-index: 1;
    left: 47%;
    width: 7px;
    height: 7px;
    border-top: 2px solid $color-black;
    border-right: 2px solid $color-black;
  } */
  /* /ボタンアイコン */
}
.home #recruit .p-sec-front__right .recruit-single__link {
  color: #000;
  text-decoration: none;
}
@media (min-width: 1000px) {
  .home #recruit .p-sec-front__right .recruit-single__link:hover .p-btn__arrowWrap::before {
    background: #333;
  }
}
@media (min-width: 1000px) {
  .home #recruit .p-sec-front__right .recruit-single__link:hover .p-btn__arrowInner {
    border-top-color: #fff;
    border-right-color: #fff;
  }
}
.home #recruit .p-sec-front__right .recruit-single__link .des-txt-under {
  padding-top: 6px;
  font-size: 0.812rem;
  line-height: 1.8;
}
.home #recruit .p-sec-front__right .recruit-single__img {
  position: relative;
  color: #fff;
  border-radius: 7px;
}
@media (min-width: 1000px) {
  .home #recruit .p-sec-front__right .recruit-single__img {
    overflow: hidden;
    padding-top: 120%;
  }
}
@media (min-width: 1000px) {
  .home #recruit .p-sec-front__right .recruit-single__img:hover img {
    -webkit-transform: scale(1.1);
            transform: scale(1.1);
    -webkit-filter: brightness(70%);
            filter: brightness(70%);
  }
}
@media (min-width: 1000px) {
  .home #recruit .p-sec-front__right .recruit-single__img img {
    position: absolute;
    top: 0;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
  }
}
@media not all and (min-width: 1000px) {
  .home #recruit .p-sec-front__right .recruit-single__img img {
    border-radius: 7px;
  }
}
.home #recruit .p-sec-front__right .recruit-single_desc {
  position: relative;
}
@media (min-width: 1000px) {
  .home #recruit .p-sec-front__right .recruit-single_desc {
    -webkit-margin-before: 10px;
            margin-block-start: 10px;
  }
}
.home #recruit .p-sec-front__right .recruit-single .headline__en {
  font-size: 1.75rem;
}
.home #recruit .p-sec-front__right .recruit-single .headline__ja {
  color: #9D9D9F;
  font-size: 0.812rem;
}

/*----------------------
07-F：NEWS
-----------------------*/
.home #news {
  background-color: #F4F5F7;
  padding-block: 150px 90px;
}
@media not all and (min-width: 1000px) {
  .home #news {
    padding-block: 60px 70px;
  }
}
.home #news .wp-block-group__inner-container {
  margin: 0 auto;
  max-width: var(--ark-width--article);
  position: relative;
  width: 100%;
  padding-inline: var(--ark-padding--container, 48px);
}
@media not all and (min-width: 1000px) {
  .home #news .wp-block-group__inner-container {
    padding-inline: 4vw;
  }
}
.home #news .p-sec-front {
  position: relative;
}
@media (min-width: 1000px) {
  .home #news .p-sec-front {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
            justify-content: space-between;
  }
}
.home #news .p-sec-front__header {
  position: relative;
  z-index: 1;
}
@media (min-width: 1000px) {
  .home #news .p-sec-front__header {
    width: 22.0351390922vw;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
            flex-direction: column;
    gap: 30px;
  }
}
.home #news .p-sec-front__main {
  margin-top: 51px;
}
@media (min-width: 1000px) {
  .home #news .p-sec-front__main {
    margin-top: 12px;
    width: 63.3601756955vw;
  }
}
.home #news .p-news-list {
  /* ボタンアイコン */
  /* /ボタンアイコン */
}
@media not all and (min-width: 1000px) {
  .home #news .p-news-list {
    padding-left: 0;
    margin-bottom: 20px;
  }
}
.home #news .p-news-list__item {
  list-style: none;
  margin: 0;
}
.home #news .p-news-list__link {
  position: relative;
  color: #000;
  text-decoration: none;
  padding-block: 20px;
  display: block;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}
@media (min-width: 1000px) {
  .home #news .p-news-list__link:hover {
    opacity: 0.8;
  }
}
@media (min-width: 1000px) {
  .home #news .p-news-list__link:hover .p-btn__arrowWrap::before {
    background-color: #333;
  }
}
@media (min-width: 1000px) {
  .home #news .p-news-list__link:hover .p-btn__arrowInner {
    border-top-color: #fff;
    border-right-color: #fff;
  }
}
@media not all and (min-width: 1000px) {
  .home #news .p-news-list__link {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
            justify-content: space-between;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
  }
}
.home #news .p-news-list__wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
}
@media not all and (min-width: 1000px) {
  .home #news .p-news-list__wrap {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
            align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
            flex-direction: column;
  }
}
.home #news .p-news-list__head {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
}
@media (min-width: 1000px) {
  .home #news .p-news-list__head {
    -webkit-flex-wrap: nowrap;
            flex-wrap: nowrap;
    margin-right: 40px;
    min-width: 184.52px;
  }
}
.home #news .p-news-list__date {
  font-size: 0.875rem;
  line-height: 1;
  color: #9D9D9F;
  margin-top: 7px;
  white-space: nowrap;
  font-weight: 600;
  width: 100px;
}
@media not all and (min-width: 1000px) {
  .home #news .p-news-list__date {
    margin-top: 4px;
    font-size: 12px;
  }
}
@media not all and (min-width: 600px) {
  .home #news .p-news-list__date {
    width: 80px;
  }
}
.home #news .p-news-list__cat {
  font-size: 0.75rem;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  min-width: 100px;
  background-color: #B5B5B9;
  color: #ffffff;
  border-radius: 4px;
  padding: 0 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  letter-spacing: 0.06em;
  line-height: 1.8;
}
@media (min-width: 1000px) {
  .home #news .p-news-list__cat {
    min-width: 104px;
  }
}
.home #news .p-news-list__title {
  margin-top: 20px;
  font-size: 0.875rem;
  font-weight: bold;
  line-height: 1.7;
}
@media (min-width: 1000px) {
  .home #news .p-news-list__title {
    margin-top: 0;
    line-height: 2;
  }
}
@media not all and (min-width: 1000px) {
  .home #news .p-news-list__title {
    margin-top: 6px;
    font-size: 14px;
    font-size: 3.7333333333vw;
  }
}
.home #news .p-news-list .p-btn__arrowWrap {
  display: none;
  position: relative;
  margin-block: auto;
  border-radius: 100%;
  width: 40px;
  height: 40px;
  z-index: 1;
}
@media (min-width: 1000px) {
  .home #news .p-news-list .p-btn__arrowWrap {
    position: absolute;
    bottom: 0;
    top: 0;
    right: 0;
  }
}
.home #news .p-news-list .p-btn__arrowWrap::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  background-color: #F4F5F7;
  box-shadow: 5px 6px 17px #e4e4e4, -3px -4px 17px #fff;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}
@media (min-width: 1000px) {
  .home #news .p-news-list .p-btn__arrowWrap::before {
    top: 0;
    left: 0;
  }
}
.home #news .p-news-list .p-btn__arrow {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 1;
  width: 40px;
  height: 40px;
}
.home #news .p-news-list .p-btn__arrow::after,
.home #news .p-news-list .p-btn__arrow::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 100%;
}
.home #news .p-news-list .p-btn__arrowInner {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
  z-index: 1;
  left: 47%;
  width: 7px;
  height: 7px;
  border-top: 2px solid #000;
  border-right: 2px solid #000;
}
.home #news .c-btn-wrap.u-only-sp {
  display: block;
  text-align: end;
}

/*----------------------
07-G：CONTACT
-----------------------*/
.home #contact {
  background-color: #F4F5F7;
  padding-block: 0 130px;
}
@media not all and (min-width: 1000px) {
  .home #contact {
    padding-block: 0 60px;
  }
}

/*----------------------
07-H：CLIENTS
-----------------------*/
.home #clients {
  background-color: #F4F5F7;
  padding-block: 0 130px;
}
@media not all and (min-width: 1000px) {
  .home #clients {
    padding-block: 0 80px;
  }
}
.home #clients .wp-block-group__inner-container {
  margin: 0 auto;
  max-width: var(--ark-width--article);
  position: relative;
  width: 100%;
  padding-inline: var(--ark-padding--container, 48px);
}
@media not all and (min-width: 1000px) {
  .home #clients .wp-block-group__inner-container {
    padding-inline: 4vw;
  }
}
.home #clients .p-sec-front__header {
  -webkit-margin-after: 50px;
          margin-block-end: 50px;
}
@media not all and (min-width: 600px) {
  .home #clients .p-sec-front__header {
    -webkit-margin-after: 40px;
            margin-block-end: 40px;
  }
}
@media (min-width: 1000px) {
  .home #clients .p-sec-front__header .p-sec-title__inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
            align-items: center;
    gap: 30px;
  }
}
@media (min-width: 1000px) {
  .home #clients .p-sec-front__header .p-sec-title__sub {
    margin-top: 20px;
  }
}
@media not all and (min-width: 600px) {
  .home #clients .p-sec-front__main {
    max-width: 400px;
    margin-inline: auto;
  }
}
.home #clients .p-sec-front__main .our-client-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  list-style: none;
  gap: 4px 24px;
  padding: 0;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
}
@media not all and (min-width: 1000px) {
  .home #clients .p-sec-front__main .our-client-list {
    gap: 0 18px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
            justify-content: center;
  }
}
.home #clients .p-sec-front__main .our-client-list:nth-child(1) {
  margin-bottom: 4px;
}
.home #clients .p-sec-front__main .client-single {
  width: 20%;
  text-align: center;
}
@media not all and (min-width: 1000px) {
  .home #clients .p-sec-front__main .client-single {
    width: 40%;
  }
}
@media not all and (min-width: 600px) {
  .home #clients .p-sec-front__main .client-single {
    padding-inline: 2%;
  }
}
.home #clients .p-sec-front__main .client-single.space {
  margin-left: 40px;
}
@media not all and (min-width: 1000px) {
  .home #clients .p-sec-front__main .client-single.space {
    margin-left: 0px;
  }
}

/* =====================

08：WORKS

=======================*/
[data-sidebar=on] .post-type-archive-works,
[data-sidebar=on] .single-works {
  --ark-width--sidebar: 160px;
}

/*----------------------
08-A：ARCHIVE
-----------------------*/
.post-type-archive-works .l-content__body {
  -webkit-margin-after: 0;
          margin-block-end: 0;
}
.post-type-archive-works .p-breadcrumb {
  -webkit-margin-before: 0;
          margin-block-start: 0;
}
.post-type-archive-works .p-archive__title {
  display: none;
}
.post-type-archive-works .p-postList {
  display: none;
}
.post-type-archive-works .c-postTimes {
  display: none;
}
.post-type-archive-works .l-sidebar #categories-1 {
  display: none;
}
.post-type-archive-works .l-main .wp-block-group {
  padding-block: 90px;
}
@media not all and (min-width: 1000px) {
  .post-type-archive-works .l-main .wp-block-group {
    padding-block: 50px 30px;
  }
}
.post-type-archive-works .l-main .wp-block-group:nth-child(odd) {
  background-color: #e9ecef;
}
.post-type-archive-works .l-main .wp-block-group__inner-container {
  margin: 0 auto;
  max-width: var(--ark-width--article);
  position: relative;
  width: 100%;
  padding-inline: var(--ark-padding--container, 48px);
}
@media not all and (min-width: 1000px) {
  .post-type-archive-works .l-main .wp-block-group__inner-container {
    padding-inline: 4vw;
  }
}
@media not all and (min-width: 1000px) {
  .post-type-archive-works .l-main .wp-block-group .p-sec-title {
    -webkit-margin-after: 40px;
            margin-block-end: 40px;
  }
}
.post-type-archive-works .l-main .wp-block-group .p-sec-title__inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
          align-items: flex-end;
  gap: 16px;
  -webkit-margin-after: 20px;
          margin-block-end: 20px;
}
.post-type-archive-works .l-main .wp-block-group .p-sec-title__main {
  font-size: 2.312rem;
}
@media (min-width: 1000px) {
  .post-type-archive-works .l-main .wp-block-group .p-sec-title__sub {
    padding-bottom: 2px;
  }
}
.post-type-archive-works .l-main .wp-block-group .works-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 40px;
  margin-block: 60px 120px;
  /* .works-swiper-pagination {
      bottom: -20px !important;
      text-align: left !important;
      width: 100vw !important;

      @include sp {
          bottom: 10px !important;
          left: 0 !important;
      }

      .swiper-pagination-bullet {
          border-radius: 0;
          margin: 0 !important;
          width: 220px;
          opacity: 1;
          height: 3px;

          @include sp {
              width: 40px;
          }
      }
  } 
  .swiper-pagination-bullet {
      background-color: #D8D8D8 !important;
  }

  .swiper-pagination-bullet-active {
      background-color: $color-accent-blue !important;
  }  */
}
@media not all and (min-width: 1000px) {
  .post-type-archive-works .l-main .wp-block-group .works-list {
    margin-block: 0;
  }
}
@media not all and (min-width: 1000px) {
  .post-type-archive-works .l-main .wp-block-group .works-list .works-swiper {
    padding: 20px 0;
    max-width: 100%;
  }
}
.post-type-archive-works .l-main .wp-block-group .single {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
}
@media (min-width: 1000px) {
  .post-type-archive-works .l-main .wp-block-group .single {
    width: calc(33.3333333333% - 40px);
    margin-top: 20px;
  }
}
@media not all and (min-width: 1000px) {
  .post-type-archive-works .l-main .wp-block-group .single {
    margin-bottom: 30px;
  }
}
.post-type-archive-works .l-main .wp-block-group .single .works-link {
  max-width: 100%;
}
@media not all and (min-width: 600px) {
  .post-type-archive-works .l-main .wp-block-group .single .img-wrap {
    -webkit-margin-after: 16px;
            margin-block-end: 16px;
  }
}
@media not all and (min-width: 1000px) {
  .post-type-archive-works .l-main .wp-block-group .single .emblem-list {
    -webkit-margin-before: 10px;
            margin-block-start: 10px;
  }
}
.post-type-archive-works .l-main .wp-block-group .single .works-name__sub {
  color: #323b43;
  font-size: 0.75rem;
}
.post-type-archive-works .l-main .wp-block-group .common-contact .p-sec-title__main {
  color: #000;
  font-size: 4.062rem;
  line-height: 1.2;
  font-weight: 600;
  letter-spacing: 0.04em;
}
@media not all and (min-width: 600px) {
  .post-type-archive-works .l-main .wp-block-group .common-contact .p-sec-title__main {
    font-size: 55px;
    font-size: 14.6666666667vw;
    line-height: 1.3;
  }
}
.post-type-archive-works #contact {
  background: #F4F5F7;
}

/*----------------------
08-B：SINGLE
-----------------------*/
@media not all and (min-width: 1000px) {
  .single-works .p-entry__content {
    margin-top: 2rem;
  }
}
.single-works .c-postMetas {
  display: none;
}
.single-works .p-entry__foot .c-pnNav__item {
  width: auto;
}
.single-works .p-entry__foot .c-btn-wrap {
  text-align: center;
}
@media not all and (min-width: 1000px) {
  .single-works .p-entry__foot .c-btn-wrap {
    margin: 50px auto 0;
  }
}
.single-works .p-entry__foot .c-btn-wrap .c-btn__link::after {
  content: none;
}
.single-works .l-sidebar #categories-1 {
  display: none;
}
.single-works .l-sidebar #nav_menu-5 {
  margin-top: 0;
}
.single-works .l-sidebar #nav_menu-5 .menu {
  border: none;
}
.single-works .l-sidebar #nav_menu-5 .menu-item {
  border-bottom: none;
  -webkit-margin-after: 12px !important;
          margin-block-end: 12px !important;
}
.single-works .l-sidebar #nav_menu-5 a {
  max-width: 140px;
  background: #fff;
  border-radius: calc(infinity * 1px);
  text-align: center;
  margin-left: auto;
}

/* =====================

09：SERVICE

=======================*/
/*----------------------
09-：SIDE
-----------------------*/
/*----------------------
09-A：ARCHIVE
-----------------------*/
[data-sidebar=on] .post-type-archive-service .l-sidebar {
  display: none;
}
[data-sidebar=on] .post-type-archive-service .l-main {
  position: static !important;
  width: 100%;
}
[data-sidebar=on] .post-type-archive-service .l-article {
  margin-left: auto;
  margin-right: auto;
}

.post-type-archive-service .p-sec-desc {
  -webkit-margin-after: 100px;
          margin-block-end: 100px;
}
@media not all and (min-width: 1000px) {
  .post-type-archive-service .p-sec-desc {
    -webkit-margin-after: 30px;
            margin-block-end: 30px;
  }
}
.post-type-archive-service .p-archive__title {
  display: none;
}
.post-type-archive-service .p-postList {
  display: none;
}
.post-type-archive-service .c-postTimes {
  display: none;
}
.post-type-archive-service .p-sec {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  gap: 3vw;
}
@media (min-width: 1000px) {
  .post-type-archive-service .p-sec {
    margin-inline: calc(50% - 50vw);
    width: 100vw;
    margin-bottom: 100px;
  }
}
@media not all and (min-width: 1000px) {
  .post-type-archive-service .p-sec {
    padding-block: 0 50px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
.post-type-archive-service .p-sec__content {
  position: relative;
  z-index: 1;
  width: 40vw;
}
@media not all and (min-width: 1000px) {
  .post-type-archive-service .p-sec__content {
    width: 90vw;
  }
}
.post-type-archive-service .p-sec__content .p-sec-title__main {
  font-size: 3.437rem;
  font-family: "rustica", sans-serif;
  font-weight: 600;
}
@media not all and (min-width: 600px) {
  .post-type-archive-service .p-sec__content .p-sec-title__main {
    font-size: 3rem;
  }
}
@media not all and (min-width: 600px) {
  .post-type-archive-service .p-sec__content .p-sec-title__sub {
    font-size: 11px;
  }
}
.post-type-archive-service .p-sec__content .desc {
  max-width: 400px;
  margin-top: 1rem;
}
@media not all and (min-width: 1000px) {
  .post-type-archive-service .p-sec__content .desc {
    font-size: 14px;
    font-size: 3.7333333333vw;
  }
}
.post-type-archive-service .p-sec__content .c-btn-wrap {
  -webkit-margin-before: 40px;
          margin-block-start: 40px;
}
.post-type-archive-service .p-sec__visual {
  max-height: 540px;
  width: 60vw;
}
@media not all and (min-width: 1000px) {
  .post-type-archive-service .p-sec__visual {
    width: 100vw;
  }
}
@media (min-width: 1000px) {
  .post-type-archive-service .p-sec__visual img {
    /* height: 540px; */
    width: 100%;
  }
}
@media not all and (min-width: 1000px) {
  .post-type-archive-service .p-sec__visual img {
    aspect-ratio: 16/9;
    -o-object-fit: cover;
       object-fit: cover;
    width: 100vw;
  }
}
.post-type-archive-service .p-sec.str .p-sec__content {
  margin-right: auto;
}
@media (min-width: 1000px) {
  .post-type-archive-service .p-sec.str .p-sec__content {
    padding-left: 12vw;
  }
}
.post-type-archive-service .p-sec.str .p-sec__visual {
  right: 0;
}
@media (min-width: 1000px) {
  .post-type-archive-service .p-sec.rev {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
            flex-direction: row-reverse;
    gap: 84px;
  }
}
@media not all and (min-width: 1000px) {
  .post-type-archive-service .p-sec.rev {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
.post-type-archive-service .p-sec.rev .p-sec__content {
  margin-left: auto;
}
.post-type-archive-service .p-sec.rev .p-sec__visual {
  left: 0;
}

/*----------------------
09-B：SINGLE
-----------------------*/
[data-sidebar=on] .single-service {
  --ark-width--sidebar: 150px;
  --ark-gap--container: 48px;
}
@media (min-width: 1100px) {
  [data-sidebar=on] .single-service {
    --ark-width--sidebar: 150px;
  }
}
@media (min-width: 1200px) {
  [data-sidebar=on] .single-service {
    --ark-width--sidebar: 150px;
    --ark-gap--container: 48px;
  }
}
@media (min-width: 1000px) {
  [data-sidebar=on] .single-service .l-sidebar {
    width: var(--ark-width--sidebar);
  }
  [data-sidebar=on] .single-service .l-main {
    width: calc(100% - var(--ark-width--sidebar) - var(--ark-gap--container));
  }
}

.single-service .p-entry__head {
  display: none;
}
.single-service .c-pageTitle {
  text-align: left;
}
.single-service .c-postTimes {
  display: none;
}
.single-service .p-entry__foot {
  display: none;
}
.single-service .l-main__body > .c-postContent {
  margin-top: 0;
  line-height: 2.2;
}
.single-service .l-sidebar #categories-1 {
  display: none;
}
.single-service .p-breadcrumb {
  -webkit-margin-before: 0;
          margin-block-start: 0;
}
.single-service .service-blocks {
  -webkit-margin-before: 50px;
          margin-block-start: 50px;
}
.single-service .service-blocks .ark-block-column {
  background: #fff;
  padding: 30px;
  border-radius: 30px;
}
@media not all and (min-width: 600px) {
  .single-service .service-blocks .ark-block-column {
    padding: 20px 10px;
    border-radius: 10px;
  }
}
.single-service .service-blocks .ark-block-column img {
  max-width: 140px;
}
@media not all and (min-width: 600px) {
  .single-service .service-blocks .ark-block-column img {
    max-width: 100px;
  }
}
.single-service .service-blocks .ark-block-column > p {
  font-weight: 600;
  margin-top: 10px;
  line-height: 1.5;
}
@media not all and (min-width: 600px) {
  .single-service .service-blocks .ark-block-column > p {
    font-size: 0.75rem;
  }
}
.single-service .service-blocks .character-design img {
  margin-left: 27px;
}
.single-service .service-etc {
  -webkit-margin-before: 50px;
          margin-block-start: 50px;
}
.single-service .service-etc .ark-block-column {
  max-width: 270px;
}

/*----------------------
09-：SINGLE - bottom
-----------------------*/
.single-service .nf-bottom-area .l-main {
  width: 100%;
}

.single-service .nf-bottom-area-01 {
  padding-bottom: 80px;
}
@media not all and (min-width: 1000px) {
  .single-service .nf-bottom-area-01 .p-sec-title {
    -webkit-margin-after: 40px;
            margin-block-end: 40px;
  }
}
.single-service .nf-bottom-area-01 .p-sec-title__inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
          align-items: flex-end;
  gap: 16px;
}
.single-service .nf-bottom-area-01 .p-sec-title__main {
  font-size: 2.312rem;
  line-height: 1;
}
@media (min-width: 1000px) {
  .single-service .nf-bottom-area-01 .p-sec__header {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
            justify-content: space-between;
    margin-bottom: 20px;
  }
}
.single-service .nf-bottom-area-01 .p-sec .wp-block-group__inner-container {
  margin: 0 auto;
  max-width: var(--ark-width--article);
  position: relative;
  width: 100%;
  padding-inline: var(--ark-padding--container, 48px);
}
@media not all and (min-width: 1000px) {
  .single-service .nf-bottom-area-01 .p-sec .wp-block-group__inner-container {
    padding-inline: 4vw;
    margin-bottom: 50px;
  }
}
.single-service .nf-bottom-area-01 .p-sec__main {
  /* works-swiper */
}
@media not all and (min-width: 1000px) {
  .single-service .nf-bottom-area-01 .p-sec__main {
    /* padding-inline: 4vw; */
  }
}
.single-service .nf-bottom-area-01 .p-sec__main .swiper-wrap {
  position: relative;
}
.single-service .nf-bottom-area-01 .p-sec__main .works-swiper {
  width: 100vw;
  padding: 20px;
  padding-bottom: 3rem !important;
}
@media not all and (min-width: 1000px) {
  .single-service .nf-bottom-area-01 .p-sec__main .works-swiper {
    margin-left: -4vw;
  }
}
.single-service .nf-bottom-area-01 .p-sec__main .works-swiper-pagination {
  bottom: -20px !important;
  text-align: left !important;
  width: 100vw !important;
}
@media not all and (min-width: 1000px) {
  .single-service .nf-bottom-area-01 .p-sec__main .works-swiper-pagination {
    bottom: 10px !important;
    left: 0 !important;
  }
}
.single-service .nf-bottom-area-01 .p-sec__main .works-swiper-pagination .swiper-pagination-bullet {
  border-radius: 0;
  margin: 0 !important;
  width: 220px;
  opacity: 1;
  height: 3px;
}
@media not all and (min-width: 1000px) {
  .single-service .nf-bottom-area-01 .p-sec__main .works-swiper-pagination .swiper-pagination-bullet {
    width: 40px;
  }
}
.single-service .nf-bottom-area-01 .p-sec__main .swiper-pagination-bullet {
  background-color: #D8D8D8 !important;
}
.single-service .nf-bottom-area-01 .p-sec__main .swiper-pagination-bullet-active {
  background-color: #32759D !important;
}
@media not all and (min-width: 1000px) {
  .single-service .nf-bottom-area-01 .p-sec__main .works-swiper-contr {
    display: none;
  }
}
.single-service .nf-bottom-area-01 .p-sec__main .works-swiper-contr .works-swiper-button-prev,
.single-service .nf-bottom-area-01 .p-sec__main .works-swiper-contr .works-swiper-button-next {
  padding: 20px;
  top: 108% !important;
  border-radius: 50%;
  /* background: #fff;
  border: 1px solid $color-accent-blue; */
}
@media (min-width: 1000px) {
  .single-service .nf-bottom-area-01 .p-sec__main .works-swiper-contr .works-swiper-button-prev,
  .single-service .nf-bottom-area-01 .p-sec__main .works-swiper-contr .works-swiper-button-next {
    padding: 20px;
    right: 40px;
  }
}
.single-service .nf-bottom-area-01 .p-sec__main .works-swiper-contr .works-swiper-button-prev {
  right: 70px !important;
  left: auto !important;
}
@media (min-width: 1000px) {
  .single-service .nf-bottom-area-01 .p-sec__main .works-swiper-contr .works-swiper-button-prev {
    right: 100px !important;
  }
}
.single-service .nf-bottom-area-01 .p-sec__main .works-swiper-contr .works-swiper-button-prev:after,
.single-service .nf-bottom-area-01 .p-sec__main .works-swiper-contr .works-swiper-button-next:after,
.single-service .nf-bottom-area-01 .p-sec__main .works-swiper-contr .swiper-rtl .works-swiper-button-prev:after,
.single-service .nf-bottom-area-01 .p-sec__main .works-swiper-contr .swiper-rtl .works-swiper-button-next:after {
  font-size: 16px !important;
  color: #32759D;
}
.single-service .nf-bottom-area-01 .p-sec__main .swiper-slide {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
}
@media (min-width: 1200px) {
  .single-service .nf-bottom-area-01 .p-sec__main .swiper-slide {
    max-width: 600px;
  }
}
.single-service .nf-bottom-area-01 .p-sec__main .works-name__sub {
  color: #525c64;
}
.single-service .nf-bottom-area-01 .p-sec .c-btn-wrap.u-only-sp {
  display: block;
  text-align: end;
}
.single-service .nf-bottom-area-01 .p-sec .c-btn-wrap.u-only-sp:before {
  background: -webkit-linear-gradient(top, #eef0f3, #e9ecef);
  background: linear-gradient(180deg, #eef0f3, #e9ecef);
  content: "";
  width: 100vw;
  position: absolute;
  height: 80px;
  display: block;
  left: 0;
}
.single-service .nf-bottom-area-01 .p-sec .pertner-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  list-style: none;
  gap: 20px;
  padding: 0;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
}
@media not all and (min-width: 600px) {
  .single-service .nf-bottom-area-01 .p-sec .pertner-list {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
            justify-content: space-between;
  }
}
.single-service .nf-bottom-area-01 .p-sec-partner {
  -webkit-margin-before: 100px;
          margin-block-start: 100px;
}
.single-service .nf-bottom-area-01 .p-sec-partner .partner-single {
  width: 20%;
  text-align: center;
}
@media not all and (min-width: 1000px) {
  .single-service .nf-bottom-area-01 .p-sec-partner .partner-single {
    width: 45%;
  }
}
.single-service .nf-bottom-area-01 .p-sec-license {
  -webkit-margin-before: 100px;
          margin-block-start: 100px;
}
.single-service .nf-bottom-area-01 .p-sec-license .p-sec__main .license-img {
  width: 550px;
}

/* FLOW */
.single-service .nf-bottom-area-02 {
  background: #F4F5F7;
  padding-block: 100px;
}
@media not all and (min-width: 1000px) {
  .single-service .nf-bottom-area-02 .p-sec-flow .p-sec-title {
    -webkit-margin-after: 40px;
            margin-block-end: 40px;
  }
}
.single-service .nf-bottom-area-02 .p-sec-flow .p-sec-title__inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
          align-items: flex-end;
  gap: 16px;
  -webkit-margin-after: 20px;
          margin-block-end: 20px;
}
.single-service .nf-bottom-area-02 .p-sec-flow .p-sec-title__main {
  font-size: 2.312rem;
  line-height: 1;
}
.single-service .nf-bottom-area-02 .p-sec-contact {
  -webkit-margin-before: 100px;
          margin-block-start: 100px;
}

.flow-block {
  position: relative;
}
@media not all and (min-width: 1000px) {
  .flow-block {
    margin-top: 70px;
  }
}

.block__steps {
  counter-reset: flow-number 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  padding-inline: 30px;
}

.step {
  counter-increment: flow-number 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
          align-items: flex-start;
}
@media (min-width: 1000px) {
  .step {
    margin-top: 60px;
  }
}
@media not all and (min-width: 1000px) {
  .step {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
            align-items: center;
  }
}
.step__arrow {
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  padding: 19px;
}
@media (min-width: 1000px) {
  .step__arrow {
    height: 63%;
  }
}
@media not all and (min-width: 1000px) {
  .step__arrow {
    margin-inline: auto;
  }
}
.step__arrow .arrow {
  position: relative;
  width: 100%;
}
.step__inner {
  width: 270px;
}
.step__img {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  position: relative;
  aspect-ratio: 1/1;
  border-radius: 16px;
  background: #F4F5F7;
  box-shadow: -0.5rem -0.5rem 1rem #fff, 0.3rem 0.3rem 0.5rem rgba(0, 0, 0, 0.08);
  margin-inline: 20px;
}
.step__img::before {
  content: counter(flow-number, decimal-leading-zero);
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  position: absolute;
  top: -20px;
  left: -20px;
  width: 67px;
  height: 67px;
  border-radius: 50%;
  background: #fff;
  color: #32759D;
  font-family: "rustica", sans-serif;
  font-weight: 600;
  font-size: 1.625rem;
}
.step__img img {
  max-width: 100px;
}
.step__title {
  font-size: 0.875rem;
  margin-top: 16px;
}
.step__txt {
  margin-top: 20px;
  font-size: 12px;
}

/* =====================

10：RECRUIT

=======================*/
.p-page-recruit .timeline {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  list-style-type: none;
  padding: 0;
  width: 470px;
  margin-inline: auto;
  margin-top: 80px;
}
@media not all and (min-width: 1000px) {
  .p-page-recruit .timeline {
    width: 100%;
    margin-top: 50px;
  }
}
.p-page-recruit .timeline li {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1;
          flex: 1 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  position: relative;
  z-index: 1;
  color: #969da3;
  font-size: 0.8em;
}
.p-page-recruit .timeline li.prev,
.p-page-recruit .timeline li.current {
  color: #32759F;
}
.p-page-recruit .timeline li::before {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-bottom: 6px;
  content: "";
  border: 2px solid #707070;
  border-radius: 50%;
  background-color: #fff;
}
.p-page-recruit .timeline li.prev::before,
.p-page-recruit .timeline li.current::before {
  border-color: #32759F;
}
.p-page-recruit .timeline li:not(:last-child)::after {
  position: absolute;
  top: 7px;
  left: 50%;
  z-index: -1;
  width: 100%;
  height: 1px;
  background-color: #47535f;
  content: "";
}
.p-page-recruit .timeline li.current::before,
.p-page-recruit .timeline li.prev::after {
  background-color: #32759F;
}
@media (min-width: 1000px) {
  .p-page-recruit .main-txt {
    text-align: center;
  }
}

/*----------------------
10-：FORM
-----------------------*/
.p-page-recruit .form-wrap {
  max-width: var(--ark-width--article--slim);
  margin-inline: auto;
  -webkit-margin-before: 100px;
          margin-block-start: 100px;
}
@media not all and (min-width: 1000px) {
  .p-page-recruit .form-wrap {
    -webkit-margin-before: 60px;
            margin-block-start: 60px;
  }
}
.p-page-recruit .form-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
          justify-content: flex-start;
  padding: 20px 0;
  border-top: 1px solid #fff;
}
.p-page-recruit .form-row.column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
}
.p-page-recruit .form-row__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
          justify-content: flex-start;
  min-height: 42px;
}
@media not all and (min-width: 1000px) {
  .p-page-recruit .form-row__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
            align-items: flex-start;
    gap: 10px;
  }
}
.p-page-recruit .form-row .add-txt {
  padding: 20px 0 20px 300px;
}
@media not all and (min-width: 1000px) {
  .p-page-recruit .form-row .add-txt {
    padding: 10px 0;
  }
}
.p-page-recruit .form-row__label {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
  font-size: 0.875rem;
}
@media (min-width: 1000px) {
  .p-page-recruit .form-row__label {
    margin-bottom: 0;
    width: 300px;
    padding: 0 30px 0 0;
  }
}
.p-page-recruit .form-row__label .label {
  font-weight: 600;
}
@media not all and (min-width: 1000px) {
  .p-page-recruit .form-row__label .label br {
    display: none;
  }
}
@media (min-width: 1000px) {
  .p-page-recruit .form-row__label .label span {
    display: none;
  }
}
.p-page-recruit .form-row__label .required {
  display: inline-block;
  color: #32759D;
  display: inline-block;
  font-size: 18px;
  letter-spacing: 0.25em;
  text-align: center;
  padding: 0px 6px;
  border-radius: 3px;
}
.p-page-recruit .form-row__input {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
          justify-content: flex-start;
}
@media not all and (min-width: 1000px) {
  .p-page-recruit .form-row__input {
    width: calc(100vw - var(--ark-padding--container) * 2);
  }
}
.p-page-recruit .form-row__input span {
  font-size: 0.875rem;
  padding-right: 0.875rem;
  width: 100%;
  margin: 0;
}
@media not all and (min-width: 1000px) {
  .p-page-recruit .form-row__input span {
    padding-right: 0;
  }
}
@media not all and (min-width: 1000px) {
  .p-page-recruit .form-row .wpcf7-radio > span {
    margin-block: 2px;
  }
}
@media not all and (min-width: 1000px) {
  .p-page-recruit .form-row [data-name=your-recruit-age] {
    padding-right: 10px;
  }
}
.p-page-recruit .form-row input {
  width: 100%;
  border: 1px solid transparent;
  padding: 10px;
}
@media (min-width: 1000px) {
  .p-page-recruit .form-row input {
    font-size: 0.875rem;
  }
}
.p-page-recruit .form-row input[type=radio] {
  width: auto;
  margin-right: 6px;
  display: initial;
}
.p-page-recruit .form-row textarea {
  display: block;
  width: 100%;
  border: 1px solid transparent;
  padding: 10px;
  height: 190px;
}
@media (min-width: 1000px) {
  .p-page-recruit .form-row textarea {
    font-size: 0.875rem;
  }
}
.p-page-recruit .c-btn-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-margin-before: 60px;
          margin-block-start: 60px;
}
.p-page-recruit .c-btn-wrap .c-btn {
  display: block;
}
.p-page-recruit .c-btn-wrap .c-btn__link {
  border: none;
}
/* =====================

11：NEWS

=======================*/
/*----------------------
11-A：ARCHIVE
-----------------------*/
.blog #nav_menu-4,
.archive #nav_menu-4 {
  display: none;
}
@media not all and (min-width: 600px) {
  .blog .p-postList__link,
  .archive .p-postList__link {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
            flex-direction: column;
    gap: 10px;
  }
}
@media not all and (min-width: 600px) {
  .blog .p-postList__thumb,
  .archive .p-postList__thumb {
    max-width: initial !important;
    width: 100% !important;
  }
}
.blog .p-postList__times,
.archive .p-postList__times {
  font-size: 0.875rem;
  line-height: 1;
  color: #9D9D9F;
  white-space: nowrap;
  font-weight: 600;
}
@media not all and (min-width: 1000px) {
  .blog .p-postList__times,
  .archive .p-postList__times {
    margin-top: 4px;
    font-size: 12px;
  }
}
.blog .p-postList__times .c-postMetas__icon,
.archive .p-postList__times .c-postMetas__icon {
  display: none;
}
.blog .p-postList__category,
.archive .p-postList__category {
  font-size: 0.75rem;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  min-width: 100px;
  background-color: #B5B5B9;
  color: #ffffff;
  border-radius: 4px;
  padding: 0 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  letter-spacing: 0.06em;
  line-height: 1.8;
}
@media (min-width: 1000px) {
  .blog .p-postList__category,
  .archive .p-postList__category {
    min-width: 104px;
  }
}
.blog .p-postList__category .c-postMetas__icon,
.archive .p-postList__category .c-postMetas__icon {
  display: none;
}
.blog .p-postList__title,
.archive .p-postList__title {
  margin-top: 10px;
}

/*----------------------
11-B：SINGLE
-----------------------*/
.single-post #nav_menu-4 {
  display: none;
}
@media (min-width: 1000px) {
  .single-post .c-postContent {
    margin-bottom: 12rem;
  }
}
.single-post .p-entry__foot .c-pnNav__item {
  width: auto;
}
.single-post .p-entry__foot .c-btn-wrap {
  text-align: center;
}
@media not all and (min-width: 1000px) {
  .single-post .p-entry__foot .c-btn-wrap {
    margin: 50px auto 0;
  }
}
.single-post .p-entry__foot .c-btn-wrap .c-btn__link::after {
  content: none;
}

/* =====================

12：CONTACT

=======================*/
.p-page-contact .timeline,
.p-page-thanks .timeline,
.p-page-confirm .timeline {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  list-style-type: none;
  padding: 0;
  width: 470px;
  margin-inline: auto;
  margin-top: 80px;
}
@media not all and (min-width: 1000px) {
  .p-page-contact .timeline,
  .p-page-thanks .timeline,
  .p-page-confirm .timeline {
    width: 100%;
    margin-top: 50px;
  }
}
.p-page-contact .timeline li,
.p-page-thanks .timeline li,
.p-page-confirm .timeline li {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1;
          flex: 1 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  position: relative;
  z-index: 1;
  color: #969da3;
  font-size: 0.8em;
}
.p-page-contact .timeline li.prev,
.p-page-contact .timeline li.current,
.p-page-thanks .timeline li.prev,
.p-page-thanks .timeline li.current,
.p-page-confirm .timeline li.prev,
.p-page-confirm .timeline li.current {
  color: #32759F;
}
.p-page-contact .timeline li::before,
.p-page-thanks .timeline li::before,
.p-page-confirm .timeline li::before {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-bottom: 6px;
  content: "";
  border: 2px solid #707070;
  border-radius: 50%;
  background-color: #fff;
}
.p-page-contact .timeline li.prev::before,
.p-page-contact .timeline li.current::before,
.p-page-thanks .timeline li.prev::before,
.p-page-thanks .timeline li.current::before,
.p-page-confirm .timeline li.prev::before,
.p-page-confirm .timeline li.current::before {
  border-color: #32759F;
}
.p-page-contact .timeline li:not(:last-child)::after,
.p-page-thanks .timeline li:not(:last-child)::after,
.p-page-confirm .timeline li:not(:last-child)::after {
  position: absolute;
  top: 7px;
  left: 50%;
  z-index: -1;
  width: 100%;
  height: 1px;
  background-color: #47535f;
  content: "";
}
.p-page-contact .timeline li.current::before,
.p-page-contact .timeline li.prev::after,
.p-page-thanks .timeline li.current::before,
.p-page-thanks .timeline li.prev::after,
.p-page-confirm .timeline li.current::before,
.p-page-confirm .timeline li.prev::after {
  background-color: #32759F;
}
@media (min-width: 1000px) {
  .p-page-contact .main-txt,
  .p-page-thanks .main-txt,
  .p-page-confirm .main-txt {
    text-align: center;
  }
}

/*----------------------
12-：FORM
-----------------------*/
.p-page-contact .form-wrap,
.p-page-thanks .form-wrap,
.p-page-confirm .form-wrap {
  -webkit-margin-before: 100px;
          margin-block-start: 100px;
}
@media not all and (min-width: 1000px) {
  .p-page-contact .form-wrap,
  .p-page-thanks .form-wrap,
  .p-page-confirm .form-wrap {
    -webkit-margin-before: 60px;
            margin-block-start: 60px;
  }
}
.p-page-contact .form-row,
.p-page-thanks .form-row,
.p-page-confirm .form-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
          justify-content: flex-start;
  padding: 20px 0;
  border-top: 1px solid #fff;
}
.p-page-contact .form-row.column,
.p-page-thanks .form-row.column,
.p-page-confirm .form-row.column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
}
.p-page-contact .form-row__item,
.p-page-thanks .form-row__item,
.p-page-confirm .form-row__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
          justify-content: flex-start;
  min-height: 42px;
}
@media not all and (min-width: 1000px) {
  .p-page-contact .form-row__item,
  .p-page-thanks .form-row__item,
  .p-page-confirm .form-row__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
            align-items: flex-start;
    gap: 10px;
  }
}
.p-page-contact .form-row .add-txt,
.p-page-thanks .form-row .add-txt,
.p-page-confirm .form-row .add-txt {
  padding: 20px 0 20px 300px;
}
@media not all and (min-width: 1000px) {
  .p-page-contact .form-row .add-txt,
  .p-page-thanks .form-row .add-txt,
  .p-page-confirm .form-row .add-txt {
    padding: 10px 0;
  }
}
.p-page-contact .form-row__label,
.p-page-thanks .form-row__label,
.p-page-confirm .form-row__label {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-flex-shrink: 0;
          flex-shrink: 0;
  font-size: 0.875rem;
}
@media (min-width: 1000px) {
  .p-page-contact .form-row__label,
  .p-page-thanks .form-row__label,
  .p-page-confirm .form-row__label {
    margin-bottom: 0;
    width: 300px;
    padding: 0 30px 0 0;
  }
}
.p-page-contact .form-row__label .label,
.p-page-thanks .form-row__label .label,
.p-page-confirm .form-row__label .label {
  font-weight: 600;
}
.p-page-contact .form-row__label .required,
.p-page-thanks .form-row__label .required,
.p-page-confirm .form-row__label .required {
  display: inline-block;
  color: #32759D;
  display: inline-block;
  font-size: 18px;
  letter-spacing: 0.25em;
  text-align: center;
  padding: 0px 6px;
  border-radius: 3px;
}
.p-page-contact .form-row__input,
.p-page-thanks .form-row__input,
.p-page-confirm .form-row__input {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
          justify-content: flex-start;
}
@media not all and (min-width: 1000px) {
  .p-page-contact .form-row__input,
  .p-page-thanks .form-row__input,
  .p-page-confirm .form-row__input {
    width: calc(100vw - var(--ark-padding--container) * 2);
  }
}
.p-page-contact .form-row__input span,
.p-page-thanks .form-row__input span,
.p-page-confirm .form-row__input span {
  font-size: 0.875rem;
  padding-right: 0.875rem;
  width: 100%;
  margin: 0;
}
@media not all and (min-width: 1000px) {
  .p-page-contact .form-row__input span,
  .p-page-thanks .form-row__input span,
  .p-page-confirm .form-row__input span {
    padding-right: 0;
  }
}
.p-page-contact .form-row input,
.p-page-thanks .form-row input,
.p-page-confirm .form-row input {
  width: 100%;
  border: 1px solid transparent;
  padding: 10px;
}
@media (min-width: 1000px) {
  .p-page-contact .form-row input,
  .p-page-thanks .form-row input,
  .p-page-confirm .form-row input {
    font-size: 0.875rem;
  }
}
.p-page-contact .form-row textarea,
.p-page-thanks .form-row textarea,
.p-page-confirm .form-row textarea {
  display: block;
  width: 100%;
  border: 1px solid transparent;
  padding: 10px;
  height: 190px;
}
@media (min-width: 1000px) {
  .p-page-contact .form-row textarea,
  .p-page-thanks .form-row textarea,
  .p-page-confirm .form-row textarea {
    font-size: 0.875rem;
  }
}
.p-page-contact .c-btn-wrap,
.p-page-thanks .c-btn-wrap,
.p-page-confirm .c-btn-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
          justify-content: center;
  -webkit-margin-before: 60px;
          margin-block-start: 60px;
  gap: 30px;
}
.p-page-contact .c-btn-wrap .c-btn,
.p-page-thanks .c-btn-wrap .c-btn,
.p-page-confirm .c-btn-wrap .c-btn {
  display: block;
}
.p-page-contact .c-btn-wrap .c-btn__link,
.p-page-thanks .c-btn-wrap .c-btn__link,
.p-page-confirm .c-btn-wrap .c-btn__link {
  border: none;
}
/* =====================

13：EX PAGES

=======================*/
@media not all and (min-width: 600px) {
  .p-page-privacy .p-sec-title__main {
    font-size: 2.312rem;
  }
}
.p-page-privacy .c-postContent .wp-block-heading {
  font-size: 1rem;
}
.p-page-privacy .c-postContent p {
  font-size: 12px;
}

.disp-none {
  display: none !important;
}

@media not all and (min-width: 1000px) {
  .w-55sp {
    width: 55% !important;
  }
}

.img-100 img {
  width: 100% !important;
}/*# sourceMappingURL=style.css.map */