@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Shippori+Mincho+B1&display=swap");
:root {
  --wp--preset--color--accent-color: var(--accent-color);
  --dark-accent-color: #d8a601;
  --light-accent-color: #ffeaa6;
  --lighter-accent-color: #fffaeb;
  --lightest-accent-color: #fffefd;
  --sub-accent-color: #99d025;
  --dark-sub-accent-color: #597916;
  --light-sub-accent-color: #c2e675;
  --lighter-sub-accent-color: #dcf1af;
  --lightest-sub-accent-color: #e2f3be;
}

body {
  font-family: "Montserrat", "Noto Sans JP", sans-serif;
  background-color: #F7F7F7;
  font-weight: 400;
}

.l-contents__inner:last-child {
  padding-bottom: 0;
}

p,
a,
li {
  font-weight: 500;
}

.pt_0 {
  padding-top: 0 !important;
}

.pt_10 {
  padding-top: 10px !important;
}

.pb_0 {
  padding-bottom: 0 !important;
}

.pb_10 {
  padding-bottom: 10px !important;
}

.mt_0 {
  margin-top: 0 !important;
}

.mb_0 {
  margin-bottom: 0 !important;
}

.mr_0 {
  margin-right: 0 !important;
}

.ml_0 {
  margin-left: 0 !important;
}

.mt_10 {
  margin-top: 10px !important;
}

.mb_10 {
  margin-bottom: 10px !important;
}

.p_ab {
  position: absolute;
}

.p_rel {
  position: relative;
}

.inline_b {
  display: inline-block;
}

.smb-panels__item__action > a:focus:after {
  outline: none;
  outline-offset: 0px;
}

.tate {
  writing-mode: vertical-rl;
}

svg.svg-inline--fa {
  margin: 0 4px 0 0 !important;
}

#page-top svg {
  margin: 0 !important;
}

.mincho {
  font-family: "Shippori Mincho B1", serif !important;
}

a:hover, a:active, a:focus {
  text-decoration: none !important;
}

.smb-panels.smb-panels--glue,
.smb-panels__item.smb-panels__item--free {
  box-shadow: none;
}

.archive .l-contents__inner:last-child,
.blog .l-contents__inner:last-child,
body.blog-template-default.single.single-blog .l-contents__inner:last-child,
body.error404 .l-contents__body .l-contents__inner:last-child {
  padding-bottom: var(--_padding2);
}

/* 筆者消す */
.c-meta__item--author {
  display: none;
}

/* 投稿(シンプル)のSPレスポンシブ */
@media screen and (max-width: 639px) {
  .c-entries--simple .c-entry-summary__content {
    display: block;
  }
  .c-entries--simple .c-entry-summary__figure {
    float: inherit;
    width: 100%;
    margin-bottom: 20px;
  }
}
table td a[href^="tel:"] {
  color: inherit;
  text-decoration: none;
  pointer-events: none;
}

.single-works .l-contents,
.single-post .l-contents {
  padding-bottom: 100px;
}

.l-header .l-1row-header__branding {
  padding: 8px 0;
}
@media screen and (max-width: 1023px) {
  .l-header .l-1row-header__branding {
    padding: 0;
  }
}
.l-header #menu-g_nav li.header_cta a {
  width: 180px;
  height: 50px;
  border-radius: 50px;
  border: 2px solid #151301;
  background-color: #99D025;
  color: #151301;
  box-shadow: 0 5px 0 #151301;
  transition: 0.3s;
}
.l-header #menu-g_nav li.header_cta a:hover {
  filter: none;
  box-shadow: none;
  transform: translateY(5px);
  background-color: #F3913D;
}
.l-header #menu-g_nav li.header_cta a::after {
  display: none;
}
.l-header #menu-g_nav li.header_cta a span {
  color: #151301;
}

.l-footer {
  background-color: #FED241;
  position: relative;
  overflow: visible;
  margin-top: 50px !important;
}
.l-footer::before {
  content: "";
  display: block;
  position: absolute;
  top: -50px;
  left: 0;
  background-image: url(./img/wave.svg);
  height: 50px;
  width: 100vw;
}
.l-footer::after {
  content: "";
  width: 35%;
  max-width: 600px;
  min-width: 340px;
  aspect-ratio: 1/1;
  background-image: url(./img/logomark_wh.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  z-index: 0;
  right: 3%;
  bottom: 24px;
}
@media screen and (max-width: 639px) {
  .l-footer::after {
    bottom: 80px;
    right: 0;
  }
}
.l-footer .l-footer__body {
  border-top: none !important;
  position: relative;
  z-index: 5;
}
.l-footer .l-footer__header {
  padding-bottom: 0 !important;
}
.l-footer .l-footer__footer {
  background-color: #FED241;
}
.l-footer .l-footer__footer .c-row--between {
  justify-content: center;
}

a.smb-btn {
  width: 260px;
  height: 60px;
  display: grid;
  place-items: center;
  border-radius: 50px;
  border: 2px solid #151301;
  background-color: #99D025;
  color: #151301;
  box-shadow: 0 5px 0 #151301;
}
a.smb-btn:hover {
  filter: none;
  box-shadow: none;
  transform: translateY(5px);
  background-color: #F3913D;
}
a.smb-btn span {
  color: #151301;
  font-family: "Montserrat", "Noto Sans JP", sans-serif;
}

@media screen and (max-width: 639px) {
  .wp-block-snow-monkey-blocks-buttons {
    justify-content: center !important;
  }
}

#page-top {
  right: 16px;
  bottom: 16px;
  border: 3px solid #F7F7F7;
  border-radius: 50px;
}

#drawer-nav li.menu-item {
  color: #151301;
}
#drawer-nav .cta_menu {
  background-color: #99D025;
  color: #151301;
  margin: 16px 0;
  display: grid;
  place-items: center;
  border: 3px solid #151301;
  border-radius: 50px;
  height: 60px;
}

.h_text {
  font-size: clamp(32px, 25.9047619048px + 1.9047619048vw, 64px);
  font-family: "Montserrat", "Noto Sans JP", sans-serif;
}
.h_text.en {
  text-transform: uppercase;
  font-weight: 800;
  font-size: clamp(42px, 31.7142857143px + 3.2142857143vw, 96px);
  line-height: 1.1;
}

.h_text_m {
  font-size: clamp(22px, 20.8571428571px + 0.3571428571vw, 28px);
  font-family: "Montserrat", "Noto Sans JP", sans-serif;
}

.h_text_s {
  font-size: clamp(18px, 17.2380952381px + 0.2380952381vw, 22px);
  font-family: "Montserrat", "Noto Sans JP", sans-serif;
}

.h_text_box .circle {
  padding-left: 16px;
  position: relative;
}
.h_text_box .circle::before {
  content: "";
  width: 10px;
  height: 10px;
  background-color: #99D025;
  box-shadow: 2px 2px 0 #FED241;
  display: block;
  position: absolute;
  left: 0;
  top: 49%;
  translate: 0 -50%;
  border-radius: 50px;
}

figure.wp-block-table table tr {
  display: flex;
}
figure.wp-block-table table tr > *:first-child {
  border-bottom: 2px solid #FED241;
  width: 30%;
  min-width: 110px;
}
figure.wp-block-table table tr > *:last-child {
  border-bottom: 2px solid #151301;
  width: 70%;
}
figure.wp-block-table table tr > *:last-child a {
  text-decoration: none;
}
figure.wp-block-table table tr td {
  padding: 16px 8px !important;
}

@media screen and (max-width: 639px) {
  .smb-section__divider svg {
    height: 50px;
  }
}

.c-page-header {
  background-color: #FED241 !important;
  overflow: visible;
  padding: 48px 0 24px !important;
}
.c-page-header::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: -50px;
  background-image: url(./img/wave.svg);
  height: 50px;
  width: 100vw;
  rotate: 180deg;
  z-index: -5;
}
.c-page-header[data-has-image=true] {
  height: 200px;
}
.c-page-header .c-page-header__bgimage {
  display: none;
}
.c-page-header .c-container .c-page-header__content .c-page-header__title {
  color: #151301;
}
.c-page-header .c-container .c-page-header__meta .c-meta {
  color: #151301;
}

.p-breadcrumbs-wrapper .c-breadcrumbs {
  width: -moz-fit-content;
  width: fit-content;
  padding: 4px 16px;
  background-color: #FED241;
  border-radius: 50px;
}

#load {
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  right: 0;
  animation: fadeOut 0.6s ease forwards 1.5s;
  /* 全体をフェードアウト */
}
@keyframes fadeOut {
  from {
    opacity: 1;
    visibility: visible;
  }
  to {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }
}
#load .load_logo {
  opacity: 1;
  transform: scale(0.9);
  animation: logoPoyon 2.4s cubic-bezier(0.55, 1.6, 0.45, 0.8) forwards;
}
@keyframes logoPoyon {
  0% {
    opacity: 0;
    transform: scale(0.9);
  }
  10% {
    opacity: 1;
    transform: scale(1.05);
    /* 少し大きくなる */
  }
  30% {
    transform: scale(0.97);
    /* 軽く戻る */
  }
  60% {
    transform: scale(1);
    /* 安定 */
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: scale(1.1);
    /* 少し膨らみながら消える */
  }
}

#mv {
  border-radius: 16px;
  overflow: hidden;
  min-height: 700px;
}
@media screen and (max-width: 639px) {
  #mv {
    min-height: 800px;
    padding: 16px 0;
  }
}
@media screen and (max-width: 639px) {
  #mv .c-container {
    padding: 3%;
  }
}
#mv #mv_text_box figure {
  max-width: 400px;
}
#mv #mv_text_box p {
  font-weight: 600;
}
#mv #mv_text_box #service_box {
  gap: 16px;
}
@media screen and (max-width: 639px) {
  #mv #mv_text_box #service_box {
    gap: 8px;
  }
}
#mv #mv_text_box #service_box p {
  background-color: #FED241;
  border-radius: 50px;
  font-weight: 600;
  padding: 4px 16px;
}
#mv .banner {
  width: 30%;
  max-width: 450px;
  min-width: 350px;
  transition: 0.3s;
}
#mv .banner:hover {
  opacity: 0.6;
}
@media screen and (max-width: 639px) {
  #mv .banner {
    min-width: 100%;
    width: 100%;
  }
}

@media screen and (min-width: 1024px) {
  #works .spider__canvas .spider__slide {
    max-width: calc(24.8% - var(--entries--carousel--gap) / 1.5);
  }
}
@media screen and (max-width: 1023px) {
  #works .spider__canvas .spider__slide {
    max-width: calc(33.333% - var(--entries--carousel--gap) / 1.5);
  }
}
@media screen and (max-width: 781px) {
  #works .spider__canvas .spider__slide {
    max-width: calc(50.7% - var(--entries--carousel--gap) / 1.5);
  }
}
@media screen and (max-width: 639px) {
  #works .spider__canvas .spider__slide {
    max-width: 100%;
  }
}
#works .spider__canvas .spider__slide .c-entry-summary .c-entry-summary__figure {
  margin-bottom: 8px;
  border-radius: 8px;
}
#works .spider__canvas .spider__slide .c-entry-summary .c-entry-summary__title {
  font-size: clamp(16px, 15.619047619px + 0.119047619vw, 18px);
}

#service {
  position: relative;
}
#service::before, #service::after {
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  z-index: -1;
  top: 3%;
  right: -5%;
  width: 27%;
  min-width: 110px;
  max-width: 440px;
  aspect-ratio: 1/1;
  rotate: 7deg;
}
#service::before {
  background-image: url(./img/logomark.png);
}
#service::after {
  background-image: url(./img/logomark_02.png);
  animation: closeEye 6s infinite;
}
@keyframes closeEye {
  /* 通常は閉じていない（透明） */
  0%, 10%, 13%, 25%, 28%, 100% {
    opacity: 0;
  }
  /* パチッと閉じるタイミング */
  11%, 12%, 26%, 27% {
    opacity: 1;
  }
}
#service .grid_box {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(3, 280px);
  gap: 16px;
}
@media screen and (max-width: 781px) {
  #service .grid_box {
    display: flex;
    flex-direction: column;
  }
}
#service .grid_box .grid_item {
  margin: 0;
  border-radius: 10px;
  min-height: 280px;
  overflow: hidden;
  transition: 0.3s;
  border: 3px solid transparent;
  display: flex;
  align-items: flex-end;
  width: 100%;
}
#service .grid_box .grid_item::after {
  content: "";
  width: 24px;
  height: 24px;
  display: block;
  position: absolute;
  top: 24px;
  right: 24px;
  background-image: url(./img/arrow.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
#service .grid_box .grid_item:hover {
  border: 3px solid #151301;
}
#service .grid_box .grid_item:hover .smb-box__background {
  scale: 1.05;
}
#service .grid_box .grid_item:hover .smb-box__background::before {
  background-color: #99D025;
}
#service .grid_box .grid_item.grid_item01 {
  grid-area: 1/1/3/3;
}
#service .grid_box .grid_item.grid_item01 .smb-box__background {
  background-image: url(./img/denki.png);
}
#service .grid_box .grid_item.grid_item02 {
  grid-area: 1/3/2/5;
}
#service .grid_box .grid_item.grid_item02 .smb-box__background {
  background-image: url(./img/jakuden.png);
}
#service .grid_box .grid_item.grid_item03 {
  grid-area: 2/3/3/5;
}
#service .grid_box .grid_item.grid_item03 .smb-box__background {
  background-image: url(./img/kucho.png);
}
#service .grid_box .grid_item.grid_item04 {
  grid-area: 3/1/4/3;
}
#service .grid_box .grid_item.grid_item04 .smb-box__background {
  background-image: url(./img/kansen.png);
}
#service .grid_box .grid_item.grid_item05 {
  grid-area: 3/3/4/5;
}
#service .grid_box .grid_item.grid_item05 .smb-box__background {
  background-image: url(./img/hikikomisen.png);
}
#service .grid_box .grid_item .smb-box__background {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  transition: 0.3s;
}
#service .grid_box .grid_item .smb-box__background::before {
  content: "";
  background-color: #FED241;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.85;
  filter: saturate(200%);
  transition: 0.5s;
}
#service .grid_box .grid_item .en {
  display: inline-block;
  font-weight: 600;
  text-transform: uppercase;
  background-color: #151301;
  padding: 4px 8px;
  color: #FED241;
  border-radius: 50px;
  font-size: 14px;
  font-family: "Montserrat", "Noto Sans JP", sans-serif;
}

#area {
  position: relative;
}
#area .map_text_box .area_text_box p {
  padding: 4px 10px !important;
  border-radius: 50px;
}
#area .map_img {
  max-width: 400px;
}
@media screen and (max-width: 781px) {
  #area .map_img {
    max-width: 400px;
    width: 80%;
    position: absolute;
    z-index: -1;
    top: 50%;
    right: 50%;
    opacity: 0.3;
    translate: 50% -50%;
  }
}

#reason {
  position: relative;
}
#reason::before, #reason::after {
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  z-index: -1;
  top: 0;
  right: -5%;
  width: 27%;
  min-width: 110px;
  max-width: 400px;
  aspect-ratio: 1/1;
  rotate: 7deg;
}
#reason::before {
  background-image: url(./img/logomark.png);
}
#reason::after {
  background-image: url(./img/logomark_02.png);
  animation: closeEye 6s infinite;
}
@keyframes closeEye {
  /* 通常は閉じていない（透明） */
  0%, 10%, 13%, 25%, 28%, 100% {
    opacity: 0;
  }
  /* パチッと閉じるタイミング */
  11%, 12%, 26%, 27% {
    opacity: 1;
  }
}
#reason .en.reason {
  display: inline-block;
  font-weight: 600;
  text-transform: uppercase;
  background-color: #FED241;
  padding: 4px 8px;
  color: #F7F7F7;
  border-radius: 50px;
  font-family: "Montserrat", "Noto Sans JP", sans-serif;
  margin-bottom: 8px !important;
}
#reason #rea_01,
#reason #rea_02,
#reason #rea_03,
#reason #rea_04 {
  overflow: visible;
}
#reason #rea_01 .smb-media-text__figure,
#reason #rea_02 .smb-media-text__figure,
#reason #rea_03 .smb-media-text__figure,
#reason #rea_04 .smb-media-text__figure {
  position: relative;
  z-index: -1;
  overflow: visible;
}
#reason #rea_01 .smb-media-text__figure::before,
#reason #rea_02 .smb-media-text__figure::before,
#reason #rea_03 .smb-media-text__figure::before,
#reason #rea_04 .smb-media-text__figure::before {
  content: "";
  display: block;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  z-index: 1;
  filter: drop-shadow(2px 2px 0 #F7F7F7);
  animation: poyopoyo 2s ease-out infinite;
  opacity: 1;
}
@keyframes poyopoyo {
  0%, 40%, 60%, 80% {
    transform: scale(1);
  }
  50%, 70% {
    transform: scale(0.95);
  }
}
#reason #rea_01 .smb-media-text__figure::before {
  background-image: url(./img/logomark.png);
  aspect-ratio: 1/1;
  width: 30%;
  max-width: 200px;
  bottom: -5%;
  right: 2%;
  rotate: 5deg;
}
#reason #rea_02 .smb-media-text__figure::before {
  background-image: url(./img/logo_e.png);
  aspect-ratio: 1/1;
  width: 27%;
  max-width: 180px;
  bottom: -5%;
  right: 2%;
  rotate: 10deg;
}
#reason #rea_03 .smb-media-text__figure::before {
  background-image: url(./img/logo_l.png);
  aspect-ratio: 1/1;
  width: 27%;
  max-width: 180px;
  bottom: -5%;
  right: 2%;
  rotate: 15deg;
}
#reason #rea_04 .smb-media-text__figure::before {
  background-image: url(./img/logomark.png);
  aspect-ratio: 1/1;
  width: 30%;
  max-width: 200px;
  bottom: -5%;
  right: 2%;
  rotate: 5deg;
}

#message {
  position: relative;
}
#message::before, #message::after {
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  z-index: -20;
  top: 5%;
  left: -5%;
  width: 27%;
  min-width: 110px;
  max-width: 400px;
  aspect-ratio: 1/1;
  rotate: -7deg;
  transform: scale(-1, 1);
  translate: 0 -50%;
}
#message::before {
  background-image: url(./img/logomark.png);
}
#message::after {
  background-image: url(./img/logomark_02.png);
  animation: closeEye 6s infinite;
}
@keyframes closeEye {
  /* 通常は閉じていない（透明） */
  0%, 10%, 13%, 25%, 28%, 100% {
    opacity: 0;
  }
  /* パチッと閉じるタイミング */
  11%, 12%, 26%, 27% {
    opacity: 1;
  }
}
#message .h_text.en {
  text-shadow: 0 2px 0 #F7F7F7, 2px 0 0 #F7F7F7, 0 -2px 0 #F7F7F7, -2px 0 0 #F7F7F7, 2px 2px 0 #F7F7F7, -2px -2px 0 #F7F7F7, 2px -2px 0 #F7F7F7, -2px 2px 0 #F7F7F7;
}

#cta .cta_box {
  position: relative;
}
#cta .cta_box::before {
  content: "";
  display: block;
  background-image: url(./img/logo_l.png);
  background-position: bottom;
  background-size: contain;
  background-repeat: no-repeat;
  transform-origin: bottom center;
  width: 15%;
  max-width: 120px;
  min-width: 45px;
  aspect-ratio: 361/462;
  position: absolute;
  top: -50%;
  right: 3%;
  rotate: 10deg;
  filter: drop-shadow(4px 4px 0 #F7F7F7);
  animation: poyopoyo 2s ease-out infinite;
  opacity: 1;
}
@keyframes poyopoyo {
  0%, 40%, 60%, 80% {
    transform: scale(1);
  }
  50%, 70% {
    transform: scale(0.95);
  }
}
@media screen and (max-width: 781px) {
  #cta .cta_box::before {
    top: -20%;
  }
}
@media screen and (max-width: 639px) {
  #cta .cta_box::before {
    top: -100px;
  }
}
@media screen and (max-width: 639px) {
  #cta .cta_box {
    padding: 24px 4px !important;
  }
}
#cta .wp-block-snow-monkey-blocks-btn.smb-btn-wrapper {
  width: 80%;
}
#cta a.smb-btn {
  width: 100%;
  min-width: 260px;
  height: 70px;
}
@media screen and (max-width: 639px) {
  #cta a.smb-btn {
    min-width: 225px;
    height: 60px;
    font-size: 14px;
  }
}

#news {
  position: relative;
  z-index: 1;
}
#news .smb-section__inner {
  z-index: 20;
}
#news::before, #news::after {
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  content: "";
  display: block;
  max-width: 400px;
  width: 35%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  aspect-ratio: 321/462;
  position: absolute;
  left: 7%;
  top: 50%;
  translate: -50% -50%;
}
@media screen and (max-width: 1023px) {
  #news::before, #news::after {
    width: 40%;
    max-width: 400px;
    left: initial;
    right: 8%;
    top: 50%;
    transform: scale(-1, 1);
    translate: 50% -50%;
  }
}
#news::before {
  background-image: url(./img/logo_e.png);
}
#news::after {
  background-image: url(./img/logo_e_gray.png);
  animation: closeEye 6s infinite;
}
@keyframes closeEye {
  /* 通常は閉じていない（透明） */
  0%, 10%, 13%, 25%, 28%, 100% {
    opacity: 0;
  }
  /* パチッと閉じるタイミング */
  11%, 12%, 26%, 27% {
    opacity: 1;
  }
}

#service_2 .service_btn .c-row.c-row--between {
  gap: 10px;
}
#service_2 .service_btn .c-row.c-row--between .wp-block-snow-monkey-blocks-items-banner.c-row__col {
  border-radius: 8px !important;
  border: 3px solid transparent;
  margin-bottom: 0 !important;
  overflow: hidden;
  transition: 0.3s;
  position: relative;
}
#service_2 .service_btn .c-row.c-row--between .wp-block-snow-monkey-blocks-items-banner.c-row__col::before {
  content: "";
  display: block;
  position: absolute;
  top: 16px;
  right: 16px;
  width: 15px;
  height: 15px;
  background-image: url(./img/arrow.png);
  z-index: 10;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  rotate: 90deg;
}
#service_2 .service_btn .c-row.c-row--between .wp-block-snow-monkey-blocks-items-banner.c-row__col .smb-items__banner {
  transition: 0.3s;
  min-height: 115px;
}
#service_2 .service_btn .c-row.c-row--between .wp-block-snow-monkey-blocks-items-banner.c-row__col .smb-items__banner .smb-items__banner__figure__mask {
  transition: 0.3s;
}
#service_2 .service_btn .c-row.c-row--between .wp-block-snow-monkey-blocks-items-banner.c-row__col:hover {
  border: 3px solid #151301;
}
#service_2 .service_btn .c-row.c-row--between .wp-block-snow-monkey-blocks-items-banner.c-row__col:hover .smb-items__banner__figure__mask {
  background-color: #99D025;
}
#service_2 .service_btn .c-row.c-row--between .wp-block-snow-monkey-blocks-items-banner.c-row__col .smb-items__banner__body {
  padding: 16px;
}
#service_2 .service_btn .c-row.c-row--between .wp-block-snow-monkey-blocks-items-banner.c-row__col .smb-items__banner__body span.sme-font-size.has-sm-l-font-size {
  font-weight: 600;
  transition: 0.3s;
}
#service_2 .service_btn .c-row.c-row--between .wp-block-snow-monkey-blocks-items-banner.c-row__col .smb-items__banner__body .smb-items__banner__lede {
  margin-top: 4px !important;
  transition: 0.3s;
}

#service_contents_01 .ser_item_box,
#service_contents_02 .ser_item_box,
#service_contents_03 .ser_item_box,
#service_contents_04 .ser_item_box,
#service_contents_05 .ser_item_box {
  gap: 16px;
}
@media screen and (max-width: 639px) {
  #service_contents_01 .ser_item_box,
  #service_contents_02 .ser_item_box,
  #service_contents_03 .ser_item_box,
  #service_contents_04 .ser_item_box,
  #service_contents_05 .ser_item_box {
    gap: 8px;
  }
}
#service_contents_01 .ser_item_box p,
#service_contents_02 .ser_item_box p,
#service_contents_03 .ser_item_box p,
#service_contents_04 .ser_item_box p,
#service_contents_05 .ser_item_box p {
  padding: 4px 16px;
  border-radius: 50px;
  background-color: #FED241;
  font-size: clamp(14px, 13.619047619px + 0.119047619vw, 16px);
}

#form .snow-monkey-form .smf-item__col--label {
  display: flex;
  align-items: center;
}
#form .snow-monkey-form .smf-item__label {
  display: inline-block;
  margin-right: 8px;
  font-size: 18px;
  font-weight: 700;
}
#form .snow-monkey-form .smf-item__description {
  display: inline-block;
  margin: 0 !important;
  padding: 0 8px;
  background-color: #99D025;
  border-radius: 15px;
  color: #F7F7F7;
  font-weight: 700;
}
#form .snow-monkey-form .smf-action {
  display: grid;
  place-items: center;
  gap: 16px;
}
#form .snow-monkey-form .smf-action .smf-button-control {
  margin: 0 !important;
}
#form .snow-monkey-form button.smf-button-control__control {
  width: 260px;
  height: 60px;
  display: grid;
  place-items: center;
  border-radius: 50px;
  border: 2px solid #151301;
  background-color: #99D025;
  color: #151301;
  box-shadow: 0 5px 0 #151301;
  transition: 0.3s;
}
#form .snow-monkey-form button.smf-button-control__control[data-action=back] {
  background-color: #F7F7F7;
}
#form .snow-monkey-form button.smf-button-control__control:hover {
  filter: none;
  box-shadow: none;
  transform: translateY(5px);
  background-color: #F3913D;
}

#job_description .bg_wh {
  background-color: rgba(247, 247, 247, 0.7803921569);
  max-width: 1024px;
}
#job_description #job_table,
#job_description #job_flow {
  position: relative;
}
#job_description #job_table::before, #job_description #job_table::after,
#job_description #job_flow::before,
#job_description #job_flow::after {
  content: "";
  display: block;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  z-index: -1;
  max-width: 250px;
  width: 20%;
  animation: poyopoyo 2s ease-out infinite;
  opacity: 1;
}
@keyframes poyopoyo {
  0%, 40%, 60%, 80% {
    transform: scale(1);
  }
  50%, 70% {
    transform: scale(0.95);
  }
}
#job_description #job_table::before,
#job_description #job_flow::before {
  background-image: url(./img/logo_e.png);
  aspect-ratio: 321/463;
  top: 5%;
  left: -2%;
  rotate: -15deg;
}
#job_description #job_table::after,
#job_description #job_flow::after {
  background-image: url(./img/logo_l.png);
  aspect-ratio: 361/462;
  bottom: 5%;
  right: -2%;
  rotate: 15deg;
}/*# sourceMappingURL=style.css.map */