@charset "utf-8";
/* 変数設定 */
:root {
  --color_white: #ffffff;
  --color_black: #252629;
  --color_yellow: #fae900;
}
body {
  /* font-family: "Noto Sans JP", sans-serif; */
  letter-spacing: 1px;
  color: var(--color_black) !important;
}

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

a:hover img {
  opacity: 0.6;
}
a:hover img {
  opacity: 0.6;
  filter: alpha(opacity=60);
  transition: all 0.5s;
}
/*======================= 共通クラス =======================*/
p,
a,
li,
td {
  /* font-family: "Noto Sans JP", sans-serif; */
  font-weight: 400;
}

p {
  /* margin-top: 0 !important;*/
}

h2 {
  margin-top: 0 !important;
  margin-bottom: 30px !important;
  font-size: 3rem;
  line-height: 1.5 !important;
}

h3 {
  font-size: 1.8rem;
}

a {
  text-decoration: none !important;
}

/* padding・margin左右上下リセット */
.p_0 {
  padding: 0 !important;
}

.m_0 {
  margin: 0 !important;
}

.p_20 {
  padding: 20px !important;
}

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

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

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

.pl_0 {
  padding-left: 0 !important;
}

.pr_0 {
  padding-right: 0 !important;
}

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

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

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

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

/* padding・margin 10px・20px */
.pt_10 {
  padding-top: 10px !important;
}

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

.pt_20 {
  padding-top: 20px !important;
}

.pb_20 {
  padding-bottom: 20px !important;
}

.pt_30 {
  padding-top: 30px !important;
}

.pb_30 {
  padding-bottom: 30px !important;
}

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

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

.mt_20 {
  margin-top: 20px !important;
}

.mb_20 {
  margin-bottom: 20px !important;
}

/* br*/
.br-sp {
  display: none;
}
.br-tab {
  display: none;
}
.br-pc {
  display: block;
}

/* FLEX関連 */
.d_flex {
  display: flex;
}

.d_flex.f_wrap {
  flex-wrap: wrap;
}

.inline_b {
  display: inline-block;
}

.jc_ct {
  justify-content: center;
}

.jc_fs {
  justify-content: flex-start !important;
}

.jc_fe {
  justify-content: flex-end !important;
}

.ai_ct {
  align-items: center;
}

.fd_cm {
  flex-direction: column;
}

.fd_rr {
  flex-direction: row-reverse;
}

.gap_0 {
  gap: 0 !important;
}

.gap_10 {
  gap: 10px !important;
}

.gap_20 {
  gap: 20px !important;
}

/* Z-INDEX */
.z_0 {
  z-index: 0;
}

.z_1 {
  z-index: 1;
}

.z_999 {
  z-index: 999;
}

/* POSITION */
.p_ab {
  position: absolute;
}

.p_rel {
  position: relative;
}

.o_hidden {
  overflow: hidden;
}

.maru {
  /* font-family: "Zen Maru Gothic", serif; */
}

.mincho {
  /* font-family: "Shippori Mincho B1", serif; */
  font-weight: 500;
}

.br_20 {
  border-radius: 20px !important;
}

/* アイコン */
svg.svg-inline--fa {
  margin-right: 10px;
}

.p-global-nav--hover-extend-underline .c-navbar__item.cta:hover > a:after {
  width: 0;
}

/*======================= ボタン =======================*/
a.smb-btn {
  align-items: center;
  position: relative;
  z-index: 999;
  width: 300px !important;
  height: 50px;
  border: solid 1px var(--wp--preset--color--sm-accent);
  border-radius: 0;
  background-color: var(--wp--preset--color--sm-accent);
  color: #ffffff !important;
  font-weight: 500 !important;
}

a.smb-btn:hover {
  background-color: var(--color_yellow);
  color: var(--wp--preset--color--sm-accent) !important;
  filter: brightness(100%);
  transition: 0.5s;
}

.yellow a.smb-btn {
  align-items: center;
  position: relative;
  z-index: 999;
  width: 300px !important;
  height: 50px;
  border: solid 1px var(--wp--preset--color--sm-accent);
  border-radius: 0;
  background-color: var(--color_yellow);
  color: var(--wp--preset--color--sm-accent) !important;
  font-weight: 500 !important;
}

.yellow a.smb-btn:hover {
  background-color: #ffffff;
  color: var(--wp--preset--color--sm-accent) !important;
  filter: brightness(100%);
  transition: 0.5s;
}
/*======================= .link アニメーション =======================*/
.link a {
  text-decoration: none !important;
  position: relative;
  display: inline-block;
  padding-bottom: 3px;
}

.link a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: currentColor;
  transform: scaleX(1);
  transform-origin: right top;
  transition: transform 0.3s ease;
}

/* マウスホバー時の動き */
.link a:hover {
  opacity: 0.7;
}

.link a:hover::after {
  transform: scaleX(0);
}
/*======================= リスト =======================*/
.wp-block-snow-monkey-blocks-list.smb-list ul li a {
  text-decoration: none !important;
  position: relative;
  display: inline-block;
  padding-bottom: 3px;
}

.wp-block-snow-monkey-blocks-list.smb-list ul li a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: currentColor;
  transform: scaleX(1);
  transform-origin: right top;
  transition: transform 0.3s ease;
}

/* マウスホバー時の動き */
.wp-block-snow-monkey-blocks-list.smb-list ul li a:hover {
  opacity: 0.7;
}
.wp-block-snow-monkey-blocks-list.smb-list ul li a:hover::after {
  transform: scaleX(0);
}
/*======================= ヘッダー =======================*/
/* g_nav */
.l-header {
  padding: 10px 0;
  background-color: transparent;
  color: #ffffff;
  backdrop-filter: blur(17px) brightness(0.53);
}

.header-contact a {
  height: 45px;
  background-color: #ffffff;
  color: var(--wp--preset--color--sm-accent) !important;
}

.header-contact a:hover {
  background-color: var(--color_yellow);
  color: var(--wp--preset--color--sm-accent) !important;
  filter: brightness(100%);
  transition: 0.5s;
}

.c-row--middle {
  justify-content: center;
  align-items: center;
}

.c-navbar__item.header-contact {
  align-items: center;
}

.p-global-nav .c-navbar__item a:hover {
  color: #0066cc;
}

.p-global-nav .c-navbar__item > a {
  color: #ffffff;
}

@media (min-width: 1024px) {
  [data-scrolled="true"] .l-header--sticky-overlay-colored-lg {
    box-shadow: none;
    background-color: transparent;
    color: #ffffff;
    backdrop-filter: blur(17px) brightness(0.83);
    -webkit-backdrop-filter: blur(17px) brightness(0.83);
  }
}

/* 下層ページヘッダー */
.c-page-header__title {
  font-size: 2.5rem !important;
}

.l-contents__inner {
  margin-top: 0 !important;
}

.c-page-header {
  padding: 170px 0 50px;
  background-color: var(--wp--preset--color--sm-accent);
  color: #ffffff;
  /* font-family: "Shippori Mincho B1", serif; */
}

.c-page-header[data-has-image="true"] {
  height: unset;
}

.c-page-header[data-has-image="true"] .c-page-header__content {
  color: unset;
}

.c-page-header__bgimage > img,
.c-page-header__bgimage > picture > img {
  display: none;
}

.tel a {
  line-height: 1.1 !important;
}

.tel-num {
  font-size: 1.5rem !important;
}

.tel-num svg {
  font-size: 1.3rem;
}

.l-header span.time {
  padding-top: 10px !important;
  font-size: 14px !important;
  font-weight: 400;
}

/* spヘッダー */
@media (max-width: 1024px) {
  .l-header .c-fluid-container {
    /* padding: 0 5%;*/
  }
}

@media not all and (min-width: 1024px) {
  [data-scrolled="true"] .l-header--sticky-overlay-colored-sm {
    background: #333333;
  }
}

.c-drawer {
  background-color: #132139f2;
}

.c-drawer__item {
  padding-bottom: 20px;
  font-size: 1rem;
  text-align: left;
}

.sp_contact {
  margin-top: 30px !important;
  padding: 13px 0;
  border: solid 1px #ffffff;
  text-align: center;
}

.l-header .c-hamburger-btn__bar {
  background-color: #ffffff;
}

.c-hamburger-btn__bar {
  height: 2px;
}

.c-hamburger-btn__bars {
  width: 45px !important;
}

.c-hamburger-btn__label {
  display: block;
  font-family:
    Arial Narrow,
    Verdana,
    sans-serif;
  font-size: 12px !important;
  line-height: 1;
  font-weight: 900;
}

.c-hamburger-btn__bars {
  height: 24px !important;
}
.c-hamburger-btn__label {
  color: #ffffff !important;
}

.c-drawer__menu {
  padding-top: 50px !important;
}

.sp_contact {
  margin-top: 20px !important;
  border: solid 1px #ffffff;
  text-align: center;
}

.c-ic-angle-right:before {
  border-color: currentcolor;
  border-style: solid;
  border-width: 2px 2px 0 0 !important;
  content: "";
  display: block;
  height: 0.8em !important;
  transform: rotate(45deg);
  width: 0.8em !important;
}

/* TOPへ戻るボタン */
#page-top svg.svg-inline--fa {
  margin-right: 0 !important;
}

/*======================= フッター =======================*/
.l-footer {
  border-top: none;
  background-color: var(--wp--preset--color--sm-accent);
  color: #ffffff;
}

.footer-logo {
  width: 70%;
  margin-bottom: 20px !important;
  margin-left: 0 !important;
}

.l-footer--footer-2 .l-footer__header {
  display: none;
}

.l-footer--footer-2 .l-footer__body {
  border-top: none;
}

.l-footer--footer-2 .l-footer__footer {
  padding: 0 0 20px 0;
  background-color: var(--wp--preset--color--sm-accent);
}

.l-footer-widget-area__item {
  margin-bottom: 0 !important;
}

.l-footer-widget-area__item a,
.l-footer-widget-area__item p {
  font-size: 1rem;
}

#block-7 .footer-btn {
  width: 100% !important;
}

#block-7 .footer-btn a {
  width: 100% !important;
  border: solid 1px #ffffff !important;
}

#block-7 .footer-btn a span {
  color: #ffffff;
}
/* ===================================================
   フッターメニュー
=================================================== */

.l-footer li a {
  text-decoration: none;
  display: inline-block;
  transition: color 0.2s ease;
  font-size: 0.9rem;
}

.l-footer li a:hover {
  color: #0066cc;
}

#menu-item-2588, /* 板金・塗装 */
#menu-item-2592, /* 車検・整備 */
#menu-item-2609, /* コーティング */
#menu-item-2610, /* オークション */
#menu-item-2611  /* マイカーリース */ {
  padding-left: 15px;
}

/* 子メニュー */
#menu-item-2588 > a::before,
#menu-item-2592 > a::before,
#menu-item-2609 > a::before,
#menu-item-2610 > a::before,
#menu-item-2611 > a::before {
  margin-right: 4px;
}

#menu-item-2602, /* 鈑金 */
#menu-item-2604, /* 塗装 */
#menu-item-2605, /* フレーム修正 */
#menu-item-2606, /* 車検説明 */
#menu-item-2607, /* 一般整備 */
#menu-item-2608  /* コンピューター診断 */ {
  padding-left: 35px;
}

/* 孫メニュー*/
#menu-item-2602 > a::before,
#menu-item-2604 > a::before,
#menu-item-2605 > a::before,
#menu-item-2606 > a::before,
#menu-item-2607 > a::before,
#menu-item-2608 > a::before {
  content: "└ ";
  margin-right: 4px;
}
/*======================= TOP =======================*/
/* fv */
#fv .smb-section-with-bgimage__bgimage {
  width: 100% !important;
  height: 80vh !important;
}

#fv .smb-section-with-bgimage__bgimage img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
}
#fv {
  position: relative;
  height: 95vh;
}

#fv .smb-section__inner,
#fv .c-container {
  position: static;
}

.fv_slider {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}

.fv_slider {
  height: 100%;
  margin: 0 !important;
}

.fv_slider img {
  width: 100%;
  height: 95vh;
  clip-path: polygon(49% 24%, 100% 23%, 100% 100%, 25% 100%);
  object-fit: contain !important;
  transform: scale(1.2) !important;
  object-position: 100% 50% !important;
  background-color: transparent !important;
}

.fv_txt-group {
  position: absolute;
  bottom: 5%;
  left: 5%;
  z-index: 2;
  width: 95%;
}

.fv_txt-group figure {
  width: 720px !important; /* ←【重要】ここの数値を変更すると、ロゴ全体のサイズが自由に変えられます！ */
  max-width: 100% !important;
  margin: 0 !important;
}

.fv_txt-group figure img {
  width: 100% !important;
  height: auto !important;
  display: block !important;
  object-fit: contain !important; /* none から contain に変更 */
}

h2.fv_ttl span {
  font-size: clamp(2rem, 0.545rem + 7.27vw, 6rem);
  line-height: 1;
}

h2.fv_ttl {
  color: var(--color_white);
  font-size: clamp(1.4rem, 0.6rem + 4vw, 3.6rem);
  font-weight: 900 !important;
  width: fit-content;
  /* ↓以下を追加 */
  margin-left: 0 !important;
  margin-right: auto !important;
}

.fv_subttl {
  font-size: clamp(1.2rem, 0.545rem + 3.27vw, 3rem);
  font-weight: 900;
  color: var(--color_white);
  width: fit-content;
  /* ↓以下を追加 */
  margin-left: 0 !important;
  margin-right: auto !important;
  margin-bottom: 0.4em !important;
}

.fv_tag-group {
  margin-top: 0 !important;
  flex-wrap: wrap !important;
}

.fv_tag {
  padding: 0 3px 5px;
  border-bottom: dotted 2px;
  color: var(--color_white) !important;
}

.fv_tag a {
  font-size: 15px;
  font-weight: 500;
  color: var(--color_white) !important;
}

#fv .bulldog-illust img {
  width: 200px;
  transform: scaleX(-1);
  position: absolute;
  right: 5%;
  bottom: -380px;
  z-index: 2;
}

.fv_area {
  position: relative;
  z-index: 0;
  width: fit-content;
  margin-bottom: 15px !important;
  margin-left: 0 !important;
  padding: 0.2em 0.7em;
  border-radius: 50px;
  background-color: var(--color_brown);
  color: var(--color_white);
  font-size: 1rem;
  font-weight: 500;
}

.fv_area::before {
  position: absolute;
  bottom: -19px;
  left: 30px;
  z-index: 3;
  border-width: 10px;
  border-style: solid;
  border-color: var(--color_brown) transparent transparent transparent;
  content: "";
}
#fv img {
  width: 100%; /* 横幅を画面いっぱいに */
  height: 100vh; /* 縦幅を画面の90%に固定 */
  object-fit: cover;
}
#fv video {
  filter: brightness(80%);
}

#fv .c-container.alignfull.c-container--no-padding,
#fv .smb-section__inner {
  position: static;
}

.p_m {
  position: absolute;
  bottom: 5%;
  right: 5%;
}

h2 {
  /* font-family: "Shippori Mincho B1", serif; */
  font-weight: 700 !important;
}

#fv .fv-banner:hover {
  transform: scale(1.05);
  transition: 0.5s;
}

.c-site-branding__title .custom-logo {
  width: 580px !important;
}

/* 事業内容 */
#service {
  padding-top: 10rem !important;
}

/* 1. 親カラムのはみ出しを許可 */
#service .right-column {
  overflow: visible !important;
}

/* 2. スライダーの横幅を右端まで伸ばし、全体の「高さ」を制限する */
#service .t-bleft_figure {
  width: calc(100% + (100vw - 100%) / 2) !important;
  max-width: none !important;
  margin-right: calc((100vw - 100%) / -2) !important;

  /* ↓ここで全体の高さを低めにコントロールします */
  height: 600px !important;
}

/* 3. スライダー内部の各パーツも指定した高さ（100% = 400px）に固定 */
#service .t-bleft_figure .spider,
#service .t-bleft_figure .spider__canvas,
#service .t-bleft_figure .spider__slide,
#service .t-bleft_figure .smb-spider-slider__figure-wrapper {
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
}

/* 4. 画像が横伸び・縦潰れしないように中央基準でトリミング */
#service .t-bleft_figure .spider__figure {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
}
.business-column {
  z-index: 999;
  padding: 20px 0;
}

.right-column {
  display: flex;
  justify-content: flex-end;
}

.top-column {
  width: 100% !important;
}

.bottom-column {
  position: absolute;
  top: 50%;
  right: 0;
  z-index: 0;
  transform: translateY(-50%);
  width: 100% !important;
  margin-top: 0 !important;
}

.bottom-column_left {
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 0;
  transform: translateY(-50%);
  width: 100% !important;
  margin-top: 0 !important;
}

.rbusiness-column {
  justify-content: flex-end;
}

.t-bright_column {
  position: absolute;
  top: 50%;
  right: 9%;
  transform: translateY(-50%);
  max-width: 49%;
  min-height: 330px;
  padding: 40px;
  overflow: visible;
}

.t-left_column {
  position: absolute;
  top: 50%;
  left: 9%;
  z-index: 3;
  transform: translateY(-50%);
  max-width: 49%;
  min-height: 330px;
  padding: 40px;
  overflow: visible;
}

.tb_column {
  z-index: revert-layer;
  margin-top: 100px !important;
  padding: 30px 50px !important;
  background-color: #ffffff;
}

.tb_column::before {
  position: absolute;
  top: 5%;
  bottom: 5%;
  left: -3%;
  z-index: -1;
  width: 100%;
  height: 100%;
  border: solid 1px var(--wp--preset--color--sm-accent);
  content: "";
}

.service .smb-panels__item .smb-panels__item__body {
  padding: 0;
}

.service .wp-block-cover {
  min-height: 400px !important;
}

.service .services-cover img {
  transform: scale(1);
  transition: 0.4s ease-in-out;
}

.service .services-cover:hover img {
  transform: scale(1.1);
}

.service .services-subttl,
.service-menu .services-subttl {
  width: fit-content;
  padding: 0.2em 0.5em;
  background-color: var(--wp--preset--color--sm-accent);
  color: var(--color_white);
  text-shadow: none !important;
  font-size: clamp(1.2rem, 1.055rem + 0.73vw, 1.6rem);
  margin-top: 0.4rem !important;
  font-weight: 900;
}
.service .smb-panels__item::after {
  content: "";
  position: absolute;
  bottom: 20px;
  right: 20px;
  z-index: 10;
  width: 50px;
  height: 50px;
  background-color: var(--color_white);
  border-radius: 50%;
  background-image: url("/wp-content/uploads/2026/07/ico-arrow.png");
  background-size: 22px auto;
  background-repeat: no-repeat;
  background-position: center center;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
  transition:
    transform 0.3s ease,
    background-color 0.3s ease;
}
.service .smb-panels__item:hover::after {
  background-color: var(--color_yellow);
}
/* 施工実績 */
/* 背景枠線 */
/* #work,
#greeting,
#mm,
#busi-flow {
    background-image: linear-gradient(0deg, transparent calc(100% - 1px), #f5f5f5 calc(100% - 1px)), linear-gradient(90deg, transparent calc(100% - 1px), #f0f0f0 calc(100% - 1px));
    background-position: center center;
    background-size: 60px 60px;
    background-repeat: repeat;
} */

#work .c-entries-carousel .spider__dots {
  margin-top: 0;
}

.spider__dots:not([data-thumbnails="true"]) .spider__dot[aria-current="true"] {
  background-color: #c6c6c6;
}

#work .c-entry-summary__figure {
  margin-bottom: 0;

  aspect-ratio: 5 / 3;
}

#work .c-entry-summary__title {
  padding: 10px;
  background-color: #565656;
  color: #ffffff;
  text-align: center;
}

/* スライダーの矢印を外に出す */
.wp-block-snow-monkey-blocks-spider-contents-slider {
  overflow: visible !important;
}

.spider__arrow[data-direction="prev"] {
  left: -50px !important;
}

.spider__arrow[data-direction="next"] {
  right: -50px !important;
}

/* スライドの矢印の色・太さ */
.spider__arrow[data-direction="prev"]:before,
.spider__arrow[data-direction="next"]:before {
  border-color: #2e2e2e !important;
}

/* .spider__arrow {
    border: 2px solid #ffffff !important;
    border-radius: 50% !important;
} */

.spider__arrow[data-direction="prev"]:before {
  border-bottom: 4px solid var(--spider--arrow-color);
  border-left: 4px solid var(--spider--arrow-color);
}

.spider__arrow[data-direction="next"]:before {
  border-top: 4px solid var(--spider--arrow-color);
  border-right: 4px solid var(--spider--arrow-color);
}

@media screen and (max-width: 1250px) {
  /* スライダーの矢印の位置調整 */
  .spider > .spider__arrows {
    top: 33% !important;
  }

  .spider__arrow[data-direction="prev"] {
    left: -8px !important;
  }

  .spider__arrow[data-direction="next"] {
    right: -8px !important;
  }

  .spider__arrow {
    border: none !important;
  }
}

/* 選ばれる理由 */
#reason h3 {
  margin-bottom: 0 !important;
  font-size: 2rem;
}

.reason_ttl-group {
  margin-bottom: 15px !important;
  border-bottom: solid 1px;
  font-style: italic;
}

#reason .reason_num {
  font-size: 2.5rem;
}

.reason_img {
  z-index: 1;
}

#reason .reason_img::before {
  position: absolute;
  top: 5%;
  right: -3%;
  bottom: 5%;
  z-index: -1;
  width: 100%;
  height: 100%;
  border: solid 1px var(--wp--preset--color--sm-accent);
  content: "";
}

#reason .reason_img-left::before {
  right: inherit;
  left: -3% !important;
}

/* 対応地域 */
#area {
  overflow: hidden;
}

#area h2 {
  z-index: 3;
}

#area .map-img {
  opacity: 0.3;
  position: absolute;
  top: -59%;
  right: 0;
}

.area_name-group {
  gap: 10px;
}

#area .area_name {
  padding: 0.2em 1em;
  background-color: #d9e7f3;
  color: var(--wp--preset--color--sm-accent);
  font-weight: 500 !important;
}

/* 代表挨拶 */
.round_com-img {
  opacity: 0.1;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 50%;
}

/* 採用情報 */
#top-rec .top-rec_group {
  background-size: 180% 180%;
  border-radius: 0 !important;
}

#top-rec h2 {
  margin-bottom: 0 !important;
  font-size: 4.5rem;
  position: relative;
}

#top-rec h2::before {
  position: absolute;
  content: "Recruit";
  bottom: 50%;
  left: 0;
  font-size: 5rem;
  font-weight: 900;
  color: #ffffff52;
}

#top-rec h3 {
  margin-top: 0 !important;
  margin-bottom: 25px !important;
}

.top-rec_group {
  padding: 85px 50px;
}

.top-rec_group:hover {
  transition: 0.5s;
  -webkit-backdrop-filter: blur(17px) brightness(0.43);
}

.rec_tag-group {
  gap: 15px;
}

.rec_tag {
  padding: 0.25em 1em;
  border-radius: 100px;
  background-color: #ffffffe5;
  color: var(--wp--preset--color--sm-sub-accent);
  font-weight: 600;
}

.rec_arrow {
  position: absolute;
  top: 50%;
  right: 5%;
  transform: translateY(-50%);
  width: 9%;
  padding: 35px;
  border: solid 2px;
  border-radius: 50%;
}

#top-rec .top-rec_group:hover + .rec_arrow {
  border: none;
  box-shadow: 0 6px 16px 0 rgb(228 228 228 / 40%);
  background: #359fe6;
}

.rec_arrow:hover {
  border: none;
  box-shadow: 0 6px 16px 0 rgb(228 228 228 / 40%);
  background: #359fe6;
}

.rec_txt1 {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
  margin-left: 0 !important;
  font-size: 1.1rem;
  font-weight: 500;
}

.rec_txt1 strong {
  width: fit-content;
  padding-top: 3px;
  padding-bottom: 1px;
  border-bottom: double 4px;
}
#banner .wp-block-columns .wp-block-column .wp-block-image img {
  width: 100%;
  height: 200px; /* 横一列の基準となる高さを指定 */
  object-fit: contain; /* 切り抜かずに、枠内に画像全体を収める */
  background-color: var(
    --color_white
  ); /* 背景に薄いグレーなどを敷くとバラバラ感が減ります（不要なら削除可） */
}
@media screen and (max-width: 767px) {
  html body #banner .wp-block-columns.is-not-stacked-on-mobile {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 16px 4% !important;
  }

  /* カラムを2列（48%）に変形 */
  html
    body
    #banner
    .wp-block-columns.is-not-stacked-on-mobile
    .wp-block-column {
    flex: 0 0 48% !important;
    min-width: 48% !important;
    max-width: 48% !important;
    margin: 0 !important;
  }

  /* 画像の高さとフィット感を固定 */
  html
    body
    #banner
    .wp-block-columns.is-not-stacked-on-mobile
    .wp-block-column
    .wp-block-image
    img {
    width: 100% !important;
    height: 130px !important;
    object-fit: contain !important;
  }
}
/*======================= CTA =======================*/
#cta p {
  margin-top: 0 !important;
}
#cta .smb-panels__item__body {
  padding: 15px 0 !important;
}

#cta .smb-panels__item {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

#cta .panel_left .smb-panels__item {
  box-shadow: none;
}

#cta .panel_right .smb-panels__item {
  background-color: var(--wp--preset--color--sm-accent);
  color: #ffffff;
}

#cta .panel_right .smb-panels__item:hover {
  background-color: var(--color_yellow);
  color: var(--wp--preset--color--sm-accent);
  transition: 0.5s;
}

#cta .panel_left .smb-panels__item {
  border: solid 1px var(--wp--preset--color--sm-accent);
  color: var(--wp--preset--color--sm-accent);
}

#cta .panel_left .smb-panels__item:hover {
  background-color: var(--color_yellow);
  color: var(--wp--preset--color--sm-accent);
  transition: 0.5s;
}

#cta .cta_subttl {
  font-size: 1.5rem;
  font-weight: 600 !important;
}

#cta .cta_subttl.cta_subttl-l {
  font-size: 2.3rem !important;
  line-height: 1.3;
}

#cta .cta_icon {
  display: grid;
  position: absolute;
  top: 50%;
  left: 4%;
  transform: translateY(-50%);
  width: 45px;
  height: 45px;
  padding: 5px;
  border-radius: 100px;
  background-color: #ffffff;
  color: var(--wp--preset--color--sm-accent);

  place-items: center;
}

#cta .smb-panels__item:hover .cta_icon {
  background-color: var(--wp--preset--color--sm-accent);
  color: #ffffff;
}

#cta .cta_icon.cta_icon-left {
  background-color: var(--wp--preset--color--sm-accent) !important;
  color: #ffffff !important;
}

#cta .panel_left:hover .cta_icon.cta_icon-left {
  background-color: #ffffff !important;
  color: var(--wp--preset--color--sm-accent) !important;
}

#cta .cta_icon svg {
  margin-right: 3px !important;
  font-size: 1.3rem;
}

/*======================= 事業内容 =======================*/
.busi-logo {
  opacity: 0.2;
  position: absolute;
  top: -10%;
  left: 0;
  z-index: -1;
  width: 43%;
}

.busi-logo img {
  width: 100% !important;
}

#mm {
  overflow: hidden;
}

#mm h2 {
  padding-bottom: 5px;
  border-bottom: solid 1px;
}

#mm h3,
#recruit2 h3 {
  font-size: 2rem;
}

.mm_column-r {
  z-index: 1;
}

.mm_column-r::before {
  position: absolute;
  top: 5%;
  right: -3%;
  bottom: 5%;
  z-index: -1;
  width: 100%;
  height: 100%;
  border: solid 1px var(--wp--preset--color--sm-accent);
  content: "";
}

#mm .smb-panels__item__body {
  z-index: 1;
  padding: 0;
}

#mm .flow_panel {
  position: relative;
}

#mm .flow_panel:hover .flow_bg {
  filter: brightness(20%);
  transition: 0.5s;
}

#mm .sub-ttl {
  z-index: 1;
  width: fit-content;
  margin-bottom: 20px;
  padding: 0 5px;
  border-bottom: solid 2px #ffffff;
  /* font-family: "Shippori Mincho B1", serif; */
  font-size: 1.8rem;
  font-weight: 600;
}

#mm .flow_panel::before {
  content: "01";
  font-weight: 900;
  position: absolute;
  top: -4%;
  left: 8%;
  font-size: 6rem;
  z-index: 1;
  color: #ffffff6b;
}

#mm .flow_panel_2::before {
  content: "02" !important;
}

#mm .flow_panel_3::before {
  content: "03" !important;
}

#mm .flow_panel_4::before {
  content: "04" !important;
}

#mm .flow_panel_5::before {
  content: "05" !important;
}

#mm .flow_panel_6::before {
  content: "06" !important;
}

#mm .flow_desc {
  font-weight: 500;
}

/* #mm .flow_num {
    opacity: .7;
    position: absolute;
    top: 4%;
    left: 4%;
    z-index: 1;
    width: 40%;
}

#mm .flow_num img {
    width: 100%;
} */

#mm .flow_txt-group {
  display: inline-block;
  position: absolute;
  top: 10%;
  left: 50%;
  z-index: 1;
  transform: translateX(-50%);
  width: 100%;
  padding: 20px;
  color: #ffffff;
}

#mm .flow_bg {
  z-index: 0;
  margin-top: 0;
  filter: brightness(60%);
}

#mm .flow_bg img {
  display: block;
  transition-duration: 0.5s;

  object-fit: cover;
  aspect-ratio: 3 / 3 !important;
}

/*======================= 採用情報 =======================*/

#recruit-top a.smb-btn,
#ctar a.smb-btn {
  height: 55px;
  border: none;
  border-radius: 100px;
  background-color: #ffffffcf;
  color: var(--wp--preset--color--sm-sub-accent) !important;
  font-size: 1.2rem;
}

#recruit-top a.smb-btn:hover,
#ctar a.smb-btn:hover {
  background-color: var(--wp--preset--color--sm-sub-accent);
  color: #ffffff !important;
}

/* 画像付きトピック */
.topic_group {
  display: flex;
  gap: 20px !important;
  margin-top: 40px !important;
}

.rec_topic-group {
  margin: 0 !important;
  padding: 15px 0 15px 0;
  border-radius: 15px;
  box-shadow: 0 6px 16px 0 rgba(234, 234, 234, 0.234);
  background-color: #ffffff;
  color: var(--wp--preset--color--sm-accent);
}

p.rec_topic {
  color: var(--wp--preset--color--sm-sub-accent);
  font-size: 1.2rem;
  font-weight: 600;
  text-align: center;
}

.rec_topic span {
  width: fit-content;
  background-image: linear-gradient(transparent 60%, #d8ebffa3 30%);
}

.rec-sub {
  width: fit-content;
  margin-top: 20px !important;
  margin-bottom: 20px !important;
  font-size: 1.3rem;
}

.rec-sub strong {
  padding-bottom: 1px !important;
  border-bottom: double 4px;
}

/* ctar */
.ctar_column {
  position: relative;
  border-radius: 5px;
}
/*======================= 会社概要 =======================*/
/* ページヘッダー */

/* 会社概要 bg-color */
.table-title.wp-block-table tr td:first-child,
.table-title.wp-block-table tr td:first-child {
  width: 30%;
  background-color: var(--wp--preset--color--sm-sub-accent);
  color: #ffffff;
  font-size: 1.1rem;
  font-weight: 400;
  font-weight: 500;
  text-align: center;
  vertical-align: middle;
}

figure.wp-block-table tr td:last-child,
figure.wp-block-table tr td:last-child {
  background-color: #ffffff;
}

.wp-block-table.is-style-stripes tbody tr:nth-child(odd) td {
  background-color: #f0f0f0 !important;
}
@media screen and (max-width: 435px) {
  figure.wp-block-table tr td:first-child,
  figure.wp-block-table tr td:first-child {
    width: 32%;
    font-size: 1rem !important;
  }
}

/* ページトップボタン */
.page-btn {
  padding: 30px;
}

.page-btn .wp-block-cover__inner-container {
  width: 400px;
}
/*===================================== ギャラリー =====================================*/
.gallery-template-default .gallery-wrap {
  padding-left: 2.5em !important;
  padding-right: 0.2em !important;
}
/*======================= 料金表テーブル =======================*/
.tbl__wrapper {
  overflow: hidden !important;
  overflow-x: auto !important;
  margin-top: 1rem !important;
}
.tbl__wrapper table {
  width: 100%;
  min-width: 650px;
}
.scroll {
  display: none;
}
/*======================= お問い合わせ =======================*/
#tel-cta .cta_subttl {
  font-size: 2.5rem;
}

/* placeholder */
.smf-text-control__control::placeholder {
  color: #cccccc !important;
}

.smf-form--letter .smf-item {
  padding: 1.5rem 0;
}

/* 必須の文字 */
.smf-form--letter .smf-item__col--label {
  display: flex;
  gap: 10px;
  align-items: center;
  padding-bottom: 10px;
}

.smf-item__description {
  width: fit-content;
  margin-bottom: 7px;
  padding: 0.1em 0.8em;
  border-radius: 20px;
  background-color: #cd2b43;
  color: #ffffff !important;
  font-size: 14px;
  font-weight: 600;
}

.smf-item__label {
  color: var(--wp--preset--color--sm-accent);
  font-weight: 600;
}

.smf-form .smf-text-control__control,
.smf-form .smf-textarea-control__control {
  border: none !important;
}

/* 確認ボタン */
.smf-action .smf-button-control__control {
  position: relative;
  width: 100%;
  max-width: 400px;
  margin-top: 20px;
  padding-top: 1rem;
  padding-bottom: 1rem;
  border: solid 2px #2d2d2d !important;
  border-radius: 0;
  background: #333333;
  color: #ffffff;
  font-size: 1.1rem;
  font-weight: 600;
  letter-spacing: 3px;
}

.smf-action .smf-button-control__control:hover {
  border: solid 2px #2d2d2d !important;
  background: #ffffff;
  color: #2d2d2d;
}

.smf-action .smf-button-control + .smf-button-control {
  margin-left: 0 !important;
}

.smf-action .smf-button-control__control {
  margin-bottom: 20px;
}

#autozip {
  display: none !important;
}

/* プライバシーポリシー */
#privacy h3 {
  margin-bottom: 10px !important;
  padding-left: 10px;
  border-left: solid 3px var(--wp--preset--color--sm-accent);
  font-weight: 700;
}

/*===================================== お知らせ =====================================*/
.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;
  }
}
/*===================================== スライダー =====================================*/
.car-slide .spider__slide .smb-spider-slider__figure-wrapper {
  position: relative;
  width: 100%;
  padding-top: 66.66%;
  overflow: hidden;
}

.car-slide .spider__slide .spider__figure {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  object-position: center;
}
/*=================================================================================*/
/*=================================== 製品一覧 ===================================*/
/*=================================================================================*/
#products .c-entry-summary__figure > img,
#products .c-entry-summary__figure > picture > img,
.post-type-archive-products .c-entry-summary__figure > img,
.post-type-archive-products .c-entry-summary__figure > picture > img {
  width: auto !important;
  height: 280px !important;
  max-width: 100% !important;
  max-height: 100% !important;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  /* object-fit: none !important;*/
}
#products .c-entry-summary__figure,
.post-type-archive-products .c-entry-summary__figure {
  background-color: #fff !important;
}
.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,
.post-template-default .l-contents__inner:last-child {
  padding-bottom: var(--_padding2);
}

/*=================================================================================*/
/*=================================== レスポンシブ ===================================*/
/*=================================================================================*/
@media screen and (max-width: 1180px) {
  #mm .flow_txt-group {
    top: 0;
  }
}

@media screen and (max-width: 1065px) {
  .rec_arrow {
    padding: 30px;
  }

  #recruit2 .rec2-column {
    display: block;
  }

  .rec2_child {
    margin: 0 10% 30px 10% !important;
  }

  #mm .flow_txt-group {
    top: -6%;
  }
}
@media screen and (max-width: 1024px) {
  .text-left-sp {
    text-align: left !important;
  }
  /* br */
  .br-pc {
    display: none;
  }
  .br-sp {
    display: none;
  }
  .br-tab {
    display: block;
  }
  .fv_slider {
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
  }
  #reason .reason_num {
    position: absolute;
    bottom: -20%;
    z-index: 0;
    color: #b8b8b8a2;
    font-size: 4.5rem;
  }
  #reason h3 {
    z-index: 1;
  }
}
@media screen and (max-width: 1023px) {
  .c-page-header {
    padding: 40px 0 50px !important;
  }

  .c-widget.widget_block .wp-block-columns {
    margin-top: 30px;
  }

  [data-scrolled="true"] .l-header--sticky-overlay-colored-sm {
    box-shadow: none;
    background-color: transparent;
    color: #ffffff;
    backdrop-filter: blur(17px) brightness(0.53);
    -webkit-backdrop-filter: blur(17px) brightness(0.53);
  }

  .l-header {
    box-shadow: none;
    background-color: transparent;
    color: #ffffff;
    backdrop-filter: blur(17px) brightness(0.53);
  }

  /* TOP */
  #fv .fv-banner {
    width: 35%;
  }

  .bottom-column {
    top: 30%;
  }

  .t-bleft_figure img {
    aspect-ratio: 12/9 !important;
  }

  .l-header .c-hamburger-btn__bar {
    background-color: #ffffff;
  }

  .busi-logo {
    top: -3%;
    width: 53%;
  }

  #mm .flow_txt-group {
    top: 2%;
  }
}

@media screen and (max-width: 910px) {
  .rec_arrow {
    top: inherit;
    right: 4%;
    bottom: 8%;
    transform: inherit;
    padding: 24px;
  }

  .reason_ttl-group {
    gap: 20px;
  }

  #reason .reason_num {
    /*  font-size: 2.1rem; */
  }
}

@media screen and (max-width: 850px) {
  #area .area_name {
    padding: 0.1em 0.5em;
    font-size: 15px !important;
  }
}

@media screen and (max-width: 800px) {
  .rec_arrow {
    padding: 20px;
  }

  .top-rec_group {
    padding: 65px 30px;
  }
}

@media screen and (max-width: 781px) {
  .c-widget.widget_block .wp-block-columns {
    gap: var(--_margin-2);
  }

  #page-btn {
    padding-bottom: 0 !important;
  }

  #page-btn .btn_column {
    gap: 0;
  }

  .page-btn {
    margin-top: 0 !important;
  }

  .round_com-img {
    top: -10%;
    bottom: inherit;
    left: -15%;
    width: 80%;
  }

  .reason2_column {
    flex-direction: column-reverse;
  }
  #products .c-entry-summary__figure > img,
  #products .c-entry-summary__figure > picture > img,
  .post-type-archive-products .c-entry-summary__figure > img,
  .post-type-archive-products .c-entry-summary__figure > picture > img {
    /* 1. 位置の絶対配置を解除し、通常の配置に戻す */
    position: static !important;
    transform: none !important;
    top: auto;
    left: auto;

    /* 2. 画像が枠内に綺麗に収まるように横幅・高さを調整 */
    width: 100% !important;
    height: 280px !important;
    max-width: 100% !important;
    max-height: 100% !important;

    /* 3. 画像全体をトリミングせずに枠内に収める指定（最重要） */
    object-fit: contain !important;
  }

  #products .c-entry-summary__figure,
  .post-type-archive-products .c-entry-summary__figure {
    /* スマホで画像が縦長・横長になっても崩れないよう、外枠（親要素）の高さや余白をリセット */
    height: auto !important;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .wp-block-columns.column-reverse {
    flex-direction: column-reverse !important;
  }
}

@media screen and (max-width: 720px) {
  #mm .flow_txt-group {
    top: -5%;
  }
}

@media screen and (max-width: 700px) {
  .p_m {
    width: 30%;
  }

  .p_m img {
    width: 100%;
  }

  #top-rec h2 {
    font-size: 4rem;
  }

  .rec_arrow {
    bottom: 5%;
    width: 15%;
    padding: 28px;
  }

  .top-rec_group {
    padding: 85px 30px;
  }

  .c-row[data-md-columns="2"] {
    --_item-width: 100%;
  }

  #mm .flow_txt-group {
    top: 2%;
  }
}

@media screen and (max-width: 650px) {
  /* br */
  .br-sp {
    display: inline-block !important;
    width: 100%;
  }
  .br-tab {
    display: none;
  }
  .br-pc {
    display: none;
  }
  h2.fv_ttl {
    /*padding: 0.4em; */
  }
  .fv_slider img {
    width: 100%;
    height: 95vh;
    clip-path: polygon(49% 24%, 100% 23%, 100% 100%, 25% 100%);

    /* 1. 画像の拡大をストップし、枠内に収めるサイズ感にする */
    object-fit: contain !important;

    /* 2. 写真のサイズを少し小さめ（例: 80%）にコントロールする */
    transform: scale(2) !important;

    /* 3. 位置を右寄りに、縦を中央（あるいは少し上など）にする */
    object-position: 100% 50% !important;

    /* 隙間から背景が見えるように背景色を白（または透明）に */
    background-color: transparent !important;
  }
  #fv .smb-section-with-bgimage__bgimage {
  }

  #service {
    padding-top: 0 !important;
  }
  #service .t-bleft_figure {
    height: 200px !important;
  }
  h2 {
    font-size: 2.5rem;
  }
  .service .wp-block-cover {
    min-height: 260px !important;
  }
  .l-header.l-header--1row {
    padding: 0;
  }

  .l-header .c-fluid-container {
    /*   padding-right: 15px;
    padding-left: 15px;*/
  }

  .l-footer--footer-2 .l-footer__widget-area {
    padding-top: 20px !important;
  }

  .l-footer--footer-2 .l-footer__widget-area a,
  .l-footer--footer-2 .l-footer__widget-area p {
    font-size: 15px;
  }

  #fv .fv-banner {
    bottom: -12%;
    width: 55%;
  }
  /* 料金表 */
  .scroll {
    display: block;
  }
}

@media screen and (max-width: 550px) {
  .fv_txt-group {
    bottom: 20%;
  }

  .tb_column {
    margin-top: 200px !important;
  }

  .rec_arrow {
    bottom: 4%;
    width: 15%;
    padding: 22px;
  }

  .busi-logo {
    top: -1%;
    width: 75%;
  }

  #reason .reason_num {
    position: absolute;
    bottom: -35%;
    z-index: 0;
    color: #b8b8b8a2;
    font-size: 4.5rem;
  }
}

@media screen and (max-width: 500px) {
  .btn-center.smb-buttons {
    justify-content: center;
  }

  #recruit-top .wp-block-snow-monkey-blocks-buttons.smb-buttons {
    justify-content: center;
  }

  #recruit-top a.smb-btn,
  #ctar a.smb-btn {
    height: 48px;
  }

  .rec2_child {
    margin: 0 0 35px 0 !important;
  }

  /* CTA */
  #cta .cta_subttl.cta_subttl-l {
    font-size: 1.8rem !important;
  }

  #cta .cta_subttl {
    font-size: 1.2rem;
  }

  .rea_column {
    gap: 10px;
    margin-bottom: 60px !important;
  }
}

/*=================================== SPレスポンシブ ===================================*/
@media screen and (max-width: 435px) {
  .c-container {
    /* padding: 0 5%;*/
  }

  h2 {
    font-size: 2rem;
  }

  .sp_none {
    display: none;
  }

  .c-page-header__title {
    font-size: 2rem !important;
  }

  .c-page-header {
    padding: 40px 0 40px !important;
  }

  /* TOP */
  .c-site-branding__title .custom-logo {
    /* width: 240px !important;*/
  }

  #fv .fv-banner {
    bottom: -8%;
    width: 63%;
  }

  .bottom-column {
    top: 20%;
  }

  .tb_column {
    padding: 30px !important;
  }

  #service .smb-buttons {
    justify-content: center;
  }

  #area .map-img {
    opacity: 0.2;
  }

  .rec_img-ttl {
    top: -35%;
    width: 80%;
  }

  #top-rec h2 {
    font-size: 3.5rem;
  }

  .top-rec_group {
    padding: 85px 20px;
  }

  .rec_tag {
    padding: 0.1em 1em;
  }

  .rec_arrow {
    bottom: 3%;
    width: 17%;
    padding: 17px;
  }

  #area .map-img {
    top: 0;
  }

  /* ボタン */
  a.smb-btn {
    width: 270px !important;
  }

  /* 事業内容 */
  .page-id-21 .c-page-header {
    background-position: 40% 11%;
  }

  .busi-logo {
    top: -1%;
    width: 85%;
  }

  #mm .mm_column-r img {
    aspect-ratio: 16/9 !important;
    object-position: 30% 37%;
  }

  #mm .sub-ttl {
    margin-bottom: 15px;
    font-size: 1.5rem;
  }

  #mm .flow_txt-group {
    top: 2%;
  }

  #reason h3 {
    font-size: 1.3rem;
  }

  /* 会社概要 */
  .page-id-19 .c-page-header {
    background-position: 88% 24%;
  }

  /* 採用情報 */
  .page-id-101 .c-page-header {
    background-position: 45% 34%;
  }

  #members h2 {
    font-size: 1.8rem;
  }

  /* お問い合わせ */
  .smf-form--letter .smf-item {
    padding: 1rem 0;
  }

  #cta .cta_icon {
    width: 35px;
    height: 35px;
  }

  #cta .cta_icon svg {
    font-size: 1rem;
  }

  #cta .cta_subttl.cta_subttl-l {
    font-size: 1.7rem !important;
  }

  #cta .cta_subttl {
    font-size: 1.1rem;
  }

  #cta .cta_txt {
    font-size: 15px;
  }

  /* フッター */
  .l-footer .c-container {
    padding: 0 5%;
  }

  .footer-logo {
    width: 70%;
    margin-bottom: 10px !important;
    margin-top: 15px !important;
  }

  .c-row__col.c-row__col--1-1.c-row__col--lg-fit {
    margin-bottom: 10px;
  }

  .l-footer--footer-2 .c-copyright {
    font-size: 12px;
    text-align: center;
  }

  .banner-e {
    width: 25%;
  }

  .round_com-img {
    width: 100%;
  }
}

@media screen and (max-width: 350px) {
  #mm .flow_txt-group {
    top: -5%;
  }

  #mm .sub-ttl {
    margin-bottom: 10px;
  }
}
/* ==========================================================================
 スマホ専用FVスタイル（650px以下）
   ========================================================================== */
@media screen and (max-width: 650px) {
  #fv {
    position: relative !important;
    height: 400px !important;
    overflow: visible !important;
    margin-bottom: 80px !important;
  }

  #fv .smb-section__inner,
  #fv .c-container,
  #fv .smb-section__contents-wrapper,
  #fv .smb-section__body {
    position: static !important;
    width: 100% !important;
    overflow: visible !important;
  }

  #fv .smb-section-with-bgimage__bgimage {
    width: 100% !important;
    height: 100% !important;
    position: absolute !important;
    top: 0;
    left: 0;
    overflow: hidden !important;
  }

  #fv .smb-section-with-bgimage__bgimage img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
  }

  .fv_slider {
    position: absolute !important;
    top: 80% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    overflow: visible !important;
  }

  .fv_slider img {
    width: 100% !important;
    height: 460px !important;
    clip-path: polygon(49% 24%, 100% 23%, 100% 100%, 25% 100%) !important;
    -webkit-clip-path: polygon(
      49% 24%,
      100% 23%,
      100% 100%,
      25% 100%
    ) !important;
    object-fit: contain !important;
    transform: scale(1.2) !important;
    object-position: 100% 50% !important;
    background-color: transparent !important;
  }

  .fv_slider img {
    height: 340px !important;
    clip-path: polygon(49% 24%, 100% 23%, 100% 100%, 25% 100%) !important;
    -webkit-clip-path: polygon(
      49% 24%,
      100% 23%,
      100% 100%,
      25% 100%
    ) !important;
    object-fit: contain !important;
    transform: scale(1.6) !important;
    object-position: 100% 50% !important;
    background-color: transparent !important;
  }
}
/* ==========================================
 * 1300px未満のとき：PCナビを消してハンバーガーを出す
 * ========================================== */
@media (max-width: 1392px) {
  /* 1. PC用のグローバルナビを強制非表示 */
  .l-header .u-invisible-md-down {
    display: none !important;
    visibility: hidden !important;
  }

  /* 2. スマホ・タブレット用のハンバーガーボタンを強制表示 */
  .l-header .u-invisible-lg-up {
    display: block !important;
    visibility: visible !important;
  }
}

/* ==========================================
 * 1300px以上のとき：ハンバーガーを消してPCナビを出す
 * ========================================== */
@media (min-width: 1393px) {
  /* 3. ハンバーガーボタンを確実に非表示 */
  .l-header .u-invisible-lg-up {
    display: none !important;
    visibility: hidden !important;
  }

  /* 4. PC用のグローバルナビを確実に表示 */
  .l-header .u-invisible-md-down {
    display: block !important;
    visibility: visible !important;
  }
}

/* ロゴ下にURLとアドレス配置*/

.c-header-sub-info {
  margin-top: 4px;
  font-size: 12px;
  line-height: 1.6;
}
.c-header-sub-info a {
  color: inherit;
  text-decoration: none;
}

.c-header-sub-info {
  margin-top: 4px;
  font-size: 12px;
  line-height: 1.6;
}
.c-header-sub-info a {
  color: inherit;
  text-decoration: none;
}

@media (max-width: 600px) {
  .c-header-sub-info {
    font-size: 10px;
    margin-top: 2px;
  }
}