.elementor-10 .elementor-element.elementor-element-88b9a6f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-7f42934{width:var( --container-widget-width, 100% );max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-10 .elementor-element.elementor-element-7955bb6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:-2px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-7955bb6:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-7955bb6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F3EDE3;background-image:url("https://bold-payne.163-43-106-169.plesk.page/wp-content/uploads/2025/11/img_01.jpg");background-position:bottom left;background-repeat:no-repeat;background-size:240px auto;}.elementor-10 .elementor-element.elementor-element-801d81b{--display:flex;--gap:60px 60px;--row-gap:60px;--column-gap:60px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-84215b0{width:var( --container-widget-width, 900px );max-width:900px;--container-widget-width:900px;--container-widget-flex-grow:0;}.elementor-10 .elementor-element.elementor-element-84215b0.elementor-element{--align-self:center;}.elementor-10 .elementor-element.elementor-element-84215b0 .elementor-heading-title{font-family:"Afacad", Sans-serif;font-size:60px;font-weight:400;line-height:40px;color:#6065AF;}.elementor-10 .elementor-element.elementor-element-d225538{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-912dce2{width:var( --container-widget-width, 500px );max-width:500px;--container-widget-width:500px;--container-widget-flex-grow:0;text-align:justify;font-family:"Noto Sans JP", Sans-serif;font-size:16px;line-height:30px;letter-spacing:1px;}.elementor-10 .elementor-element.elementor-element-90c0d26{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-fed9f62{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-fd1cc2f{width:var( --container-widget-width, 280px );max-width:280px;--container-widget-width:280px;--container-widget-flex-grow:0;top:-150px;}body:not(.rtl) .elementor-10 .elementor-element.elementor-element-fd1cc2f{right:120px;}body.rtl .elementor-10 .elementor-element.elementor-element-fd1cc2f{left:120px;}.elementor-10 .elementor-element.elementor-element-fd1cc2f img{border-radius:10px 10px 10px 10px;}.elementor-10 .elementor-element.elementor-element-d07c8a7{width:var( --container-widget-width, 170px );max-width:170px;--container-widget-width:170px;--container-widget-flex-grow:0;top:130px;}body:not(.rtl) .elementor-10 .elementor-element.elementor-element-d07c8a7{right:80px;}body.rtl .elementor-10 .elementor-element.elementor-element-d07c8a7{left:80px;}.elementor-10 .elementor-element.elementor-element-d07c8a7 img{border-radius:10px 10px 10px 10px;}.elementor-10 .elementor-element.elementor-element-86d8f2f{width:var( --container-widget-width, 200px );max-width:200px;--container-widget-width:200px;--container-widget-flex-grow:0;bottom:-100px;}body:not(.rtl) .elementor-10 .elementor-element.elementor-element-86d8f2f{right:200px;}body.rtl .elementor-10 .elementor-element.elementor-element-86d8f2f{left:200px;}.elementor-10 .elementor-element.elementor-element-86d8f2f img{border-radius:10px 10px 10px 10px;}.elementor-10 .elementor-element.elementor-element-d111baa{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:60px 60px;--row-gap:60px;--column-gap:60px;--padding-top:0100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-f569202{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-cde8cd4{width:var( --container-widget-width, 36px );max-width:36px;--container-widget-width:36px;--container-widget-flex-grow:0;}.elementor-10 .elementor-element.elementor-element-cde8cd4.elementor-element{--align-self:flex-end;}.elementor-10 .elementor-element.elementor-element-cde8cd4 img{width:100%;}.elementor-10 .elementor-element.elementor-element-65e1bd6{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-4d9df96{width:var( --container-widget-width, 900px );max-width:900px;--container-widget-width:900px;--container-widget-flex-grow:0;text-align:center;}.elementor-10 .elementor-element.elementor-element-4d9df96.elementor-element{--align-self:center;}.elementor-10 .elementor-element.elementor-element-4d9df96 .elementor-heading-title{font-family:"Afacad", Sans-serif;font-size:30px;font-weight:400;line-height:20px;color:#6065AF;}.elementor-10 .elementor-element.elementor-element-4b4cf0d .elementor-heading-title{font-family:"Zen Maru Gothic", Sans-serif;font-size:30px;letter-spacing:2px;color:#333333;}.elementor-10 .elementor-element.elementor-element-fc50b09{width:var( --container-widget-width, 36px );max-width:36px;--container-widget-width:36px;--container-widget-flex-grow:0;}.elementor-10 .elementor-element.elementor-element-fc50b09 img{width:100%;}.elementor-10 .elementor-element.elementor-element-3908fbb{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-3908fbb.e-con{--align-self:center;}.elementor-10 .elementor-element.elementor-element-b369181{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-5f5449a{width:auto;max-width:auto;}.elementor-10 .elementor-element.elementor-element-5f5449a.elementor-element{--align-self:center;}.elementor-10 .elementor-element.elementor-element-2ba42e1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-2ba42e1:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-2ba42e1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://bold-payne.163-43-106-169.plesk.page/wp-content/uploads/2025/11/img_04.jpg");background-position:center right;background-repeat:no-repeat;background-size:contain;}.elementor-10 .elementor-element.elementor-element-863b240{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-61cd3c3{width:100%;max-width:100%;}.elementor-10 .elementor-element.elementor-element-61cd3c3.elementor-element{--align-self:center;}.elementor-10 .elementor-element.elementor-element-61cd3c3 .elementor-heading-title{font-family:"Afacad", Sans-serif;font-size:60px;font-weight:400;text-transform:uppercase;line-height:40px;color:#6065AF;}.elementor-10 .elementor-element.elementor-element-e238b06{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-b4e0ff2 .elementor-heading-title{font-family:"Zen Maru Gothic", Sans-serif;font-size:16px;letter-spacing:2px;color:#333333;}.elementor-10 .elementor-element.elementor-element-d0cf8be .elementor-heading-title{font-family:"Zen Maru Gothic", Sans-serif;font-size:30px;font-weight:500;letter-spacing:2px;color:#333333;}.elementor-10 .elementor-element.elementor-element-50ec2f8 .elementor-icon-list-icon i{color:#6065AF;transition:color 0.3s;}.elementor-10 .elementor-element.elementor-element-50ec2f8 .elementor-icon-list-icon svg{fill:#6065AF;transition:fill 0.3s;}.elementor-10 .elementor-element.elementor-element-50ec2f8{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-10 .elementor-element.elementor-element-50ec2f8 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-10 .elementor-element.elementor-element-50ec2f8 .elementor-icon-list-item > a{letter-spacing:1px;}.elementor-10 .elementor-element.elementor-element-50ec2f8 .elementor-icon-list-text{color:#333333;transition:color 0.3s;}.elementor-10 .elementor-element.elementor-element-bdf4b59{width:var( --container-widget-width, 400px );max-width:400px;--container-widget-width:400px;--container-widget-flex-grow:0;text-align:justify;font-family:"Noto Sans JP", Sans-serif;font-size:16px;line-height:30px;letter-spacing:1px;}.elementor-10 .elementor-element.elementor-element-89e1741{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-89e1741.e-con{--align-self:center;}.elementor-10 .elementor-element.elementor-element-3e0961e{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-5a08a3d{width:auto;max-width:auto;}.elementor-10 .elementor-element.elementor-element-5a08a3d.elementor-element{--align-self:flex-start;}.elementor-10 .elementor-element.elementor-element-2977ab4{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--flex-wrap:nowrap;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-2977ab4:not(.elementor-motion-effects-element-type-background), .elementor-10 .elementor-element.elementor-element-2977ab4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F3EDE3;}.elementor-10 .elementor-element.elementor-element-f896e4c{--display:flex;--gap:80px 80px;--row-gap:80px;--column-gap:80px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-dd22894{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-9050b3e{width:100%;max-width:100%;}.elementor-10 .elementor-element.elementor-element-9050b3e.elementor-element{--align-self:center;}.elementor-10 .elementor-element.elementor-element-9050b3e .elementor-heading-title{font-family:"Afacad", Sans-serif;font-size:60px;font-weight:400;text-transform:uppercase;line-height:40px;color:#6065AF;}.elementor-10 .elementor-element.elementor-element-e12bf9e .elementor-heading-title{font-family:"Zen Maru Gothic", Sans-serif;font-size:18px;font-weight:500;letter-spacing:2px;color:#333333;}.elementor-10 .elementor-element.elementor-element-2507504{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-10 .elementor-element.elementor-element-e47ea2b{width:auto;max-width:auto;}.elementor-10 .elementor-element.elementor-element-e47ea2b.elementor-element{--align-self:flex-start;}.elementor-10 .elementor-element.elementor-element-289c60b{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(min-width:768px){.elementor-10 .elementor-element.elementor-element-fed9f62{--width:500px;}.elementor-10 .elementor-element.elementor-element-65e1bd6{--width:240px;}.elementor-10 .elementor-element.elementor-element-b369181{--width:500px;}.elementor-10 .elementor-element.elementor-element-3e0961e{--width:500px;}.elementor-10 .elementor-element.elementor-element-2977ab4{--content-width:1000px;}.elementor-10 .elementor-element.elementor-element-f896e4c{--width:46%;}}/* Start custom CSS for html, class: .elementor-element-7f42934 *//* =======================
   ベース
   ======================= */

html, body {
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
}

.originalcloud2 {
  position: relative;
  overflow: hidden;
  height: 100vh;              /* 画面高さいっぱい */
  background-color: #7EDFFF;  /* 確認用の空色（不要なら削除） */
}

/* 奥：動く雲 */
.originalcloud2::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 200%;
  height: 100%;
  background: url("/wp-content/uploads/2025/11/cloud_03-1.png") repeat-x;
  background-size: cover;
  opacity: 0.9;
  animation: cloud-animation2 20s linear infinite;
  z-index: 0;
}

/* 手前：下揃えの背景SVG（青） */
.originalcloud2::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: url("/wp-content/uploads/2025/11/back_ground3.svg")
              no-repeat center bottom;
  background-size: 100% auto;
  z-index: 1;
}

@keyframes cloud-animation2 {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

/* =======================
   中身レイアウト（左40% / 右60%）
   ======================= */

.hero-inner {
  position: relative;
  z-index: 2;                 /* 背景より前面 */
  height: 100%;
  display: flex;
  align-items: center;
  padding: 0 0 0 6%;          /* 左だけ 6% */
  box-sizing: border-box;
}

/* 左エリア 40% */
.hero-left {
  position: relative;
  flex: 0 0 40%;
  height: 100%;
}

/* タイトルの位置 */
.hero-copy {
  position: absolute;
  top: 20%;
  left: 30%;
  padding-right: 0.5em;  /* 右切れ防止の余白 */
}

/* 縦書きタイトル本体 */
.hero-copy-inner {
  writing-mode: vertical-rl;
  text-orientation: upright;
  font-size: 34px;
  line-height: 1.6;
  font-weight: 600;
  color: #333;
  letter-spacing: 0.18em;
  font-family:
    "Yu Gothic",
    "Noto Sans JP",
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;

  opacity: 0;                  /* 最初は透明に */
  transition: opacity .3s ease;
}

/* JSで準備完了したら付くクラス → 表示に切り替え */
.hero-copy-inner.is-ready {
  opacity: 1;
}

/* 1文字ずつふわっと表示用 */
.hero-copy-inner .hero-char {
  display: inline-block;
  opacity: 0;
  transform: translateY(8px);
  animation: heroCharIn .6s ease forwards;
}

@keyframes heroCharIn {
  0% {
    opacity: 0;
    transform: translateY(8px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

/* =======================
   デコレーション画像
   ======================= */

.hero-bird {
  position: absolute;
  top: 28%;
  left: 8%;
  width: 58px;
  height: auto;
  animation: bird-float 4s ease-in-out infinite;
}

@keyframes bird-float {
  0%   { transform: translateY(0); }
  25%  { transform: translateY(-6px); }
  50%  { transform: translateY(-10px); }
  75%  { transform: translateY(-6px); }
  100% { transform: translateY(0); }
}

.hero-sun {
  position: absolute;
  top: 16%;
  right: -8%;
  width: 130px;
  height: auto;
  transform-origin: 50% 50%;
  animation: sun-spin 24s linear infinite;
}

@keyframes sun-spin {
  0%   { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* 木 共通 */
.hero-tree {
  position: absolute;
  width: 52px;
  height: auto;
  transform-origin: 50% 100%;   /* 根本を支点にゆらす */
}

.hero-tree-left  {
  left: 6%;
  bottom: 24%;
  animation: tree-sway-left 4s ease-in-out infinite;
}

.hero-tree-right {
  left: 68%;
  bottom: 28%;
  animation: tree-sway-right 5s ease-in-out infinite;
}

@keyframes tree-sway-left {
  0%   { transform: rotate(0deg); }
  25%  { transform: rotate(2deg); }
  50%  { transform: rotate(0deg); }
  75%  { transform: rotate(-2deg); }
  100% { transform: rotate(0deg); }
}

@keyframes tree-sway-right {
  0%   { transform: rotate(0deg); }
  20%  { transform: rotate(-1.5deg) translateY(1px); }
  40%  { transform: rotate(1.5deg)  translateY(0); }
  60%  { transform: rotate(-1deg)   translateY(1px); }
  80%  { transform: rotate(1deg)    translateY(0); }
  100% { transform: rotate(0deg); }
}

.hero-people {
  position: absolute;
  bottom: 12%;
  left: 24%;
  width: 220px;
  height: auto;
}

/* =======================
   右側 Ken Burns スライダー（60%）
   ======================= */

.kb-slider {
  position: relative;
  flex: 0 0 60%;
  height: 520px;
  overflow: hidden;
  border-radius: 30px 0 0 30px;   /* 左上下だけ角丸 */
}

/* 各スライド共通 */
.kb-slide {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center center;
  opacity: 0;
  transform: scale(1.05);
  animation: kbFadeZoom 24s ease-in-out infinite;
}

/* 画像設定 */
.kb-slide1 {
  background-image: url("/wp-content/uploads/2025/11/slide1.jpg");
  animation-delay: 0s;
}
.kb-slide2 {
  background-image: url("/wp-content/uploads/2025/11/slide2.jpg");
  animation-delay: 8s;
}
.kb-slide3 {
  background-image: url("/wp-content/uploads/2025/11/slide3.jpg");
  animation-delay: 16s;
}

/* Ken Burns（ゆっくりズーム＋フェード） */
@keyframes kbFadeZoom {
  0% {
    opacity: 0;
    transform: scale(1.05);
  }
  5% {
    opacity: 1;
    transform: scale(1.06);
  }
  30% {
    opacity: 1;
    transform: scale(1.15);
  }
  35% {
    opacity: 0;
    transform: scale(1.16);
  }
  100% {
    opacity: 0;
    transform: scale(1.16);
  }
}

/* =======================
   お知らせ（news）
   ======================= */

.hero-news-area {
  position: absolute;
  bottom: 20px;        /* 上下位置はここで調整 */
  left: 0;             /* 左端に寄せる */
  transform: none;
  width: 700px;        /* ベース幅 */
  max-width: 100%;
  z-index: 5;
}

/* お知らせリスト全体 */
.hero-news-area .sf-news-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
  margin: 0 auto;
}

/* 1件分のボックス（右だけ角丸） */
.sf-news-item {
  display: flex;
  align-items: center;
  gap: 24px;
  padding: 18px 32px;
  background: #ffffff;
  border-radius: 0 999px 999px 0; /* 左直角・右だけ丸 */
  text-decoration: none;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.04);
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}

/* 「お知らせ」ラベル */
.sf-news-label {
  font-size: 14px;
  font-weight: 700;
  color: #4f63c9;
  white-space: nowrap;
}

/* ラベルと本文の仕切り線 */
.sf-news-divider {
  width: 1px;
  height: 26px;
  background: rgba(0,0,0,0.12);
}

/* 日付＋タイトルの塊 */
.sf-news-meta {
  display: flex;
  align-items: center;
  gap: 24px;
}

/* 日付 */
.sf-news-date {
  font-size: 12px;
  letter-spacing: 0.16em;
  color: #999;
  white-space: nowrap;
}

/* タイトル */
.sf-news-title {
  font-size: 16px;
  font-weight: 600;
  color: #333;
}

/* ホバー */
.sf-news-item:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 18px rgba(0,0,0,0.10);
}

/* =======================
   スマホ用レイアウト
   ======================= */

@media screen and (max-width: 600px) {
  .originalcloud2 {
    height: 100vh;
  }

  .originalcloud2::before,
  .originalcloud2::after {
    height: 100%;
  }

  .hero-inner {
    flex-direction: column;
    align-items: center;
    padding: 40px 16px 24px;
  }

  .hero-left {
    flex: 0 0 auto;
    height: auto;
    width: 100%;
  }

  .hero-copy {
    position: static;
    top: auto;
    left: auto;
    padding-right: 0;
    display: flex;
    justify-content: center;
    margin-bottom: 16px;
  }

  /* スマホでも縦書きをキープ */
  .hero-copy-inner {
    font-size: 20px;
    letter-spacing: 0.16em;
  }

  /* デコ画像はスマホで非表示 */
  .hero-bird,
  .hero-sun,
  .hero-tree,
  .hero-people {
    display: none;
  }

  .kb-slider {
    flex: 0 0 auto;
    width: 100%;
    height: 70vw;
    border-radius: 20px;
    margin-top: 12px;
  }

  /* news をカード風に */
  .sf-news-item {
    flex-direction: column;
    align-items: flex-start;
    border-radius: 24px;
    padding: 16px 20px;
    gap: 10px;
  }

  .sf-news-meta {
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
  }

  .sf-news-title {
    font-size: 15px;
  }
}
/* タイトルが右で切れないように、左カラムに余白を追加 */
.hero-left {
  padding-right: 40px;   /* お好みで 30px〜60px くらいに調整 */
  box-sizing: border-box;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e4160da *//* 親セクションのベージュは Elementor 側で指定 */

/* ボタン本体 */
.first-visit-btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 16px;
  padding: 0px 28px 0px 18px;
  border-radius: 999px;
  text-decoration: none;
  color: #333;
  overflow: hidden;                        /* 青がはみ出さないように */
  cursor: pointer;

  /* 丸文字フォント */
  font-family:
    "M PLUS Rounded 1c",
    "Hiragino Maru Gothic ProN",
    "Yu Gothic",
    "Noto Sans JP",
    system-ui,
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    sans-serif;
  font-weight: 600;
}

/* 左の青い丸＋ホバー時に広がる部分 */
.first-visit-btn::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 44px;                 /* 最初は丸の幅だけ */
  height: 44px;
  background: #6065af;         /* 青 */
  border-radius: 50%;          /* 完全な丸 */
  transition:
    width 0.35s ease,
    border-radius 0.35s ease;
  z-index: 0;
}

/* 矢印アイコン（SVG） */
.first-visit-btn__icon {
  position: relative;
  z-index: 1;                  /* 青背景より前面 */
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  margin-left: -16px;           /* 丸の中心付近に来るよう微調整 */
}

.first-visit-btn__icon img {
  display: block;
  width: 18px;                 /* 矢印の大きさはここで調整 */
  height: auto;
}

/* テキスト */
.first-visit-btn__text {
  position: relative;
  z-index: 1;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0.08em;
  transition: color 0.35s ease;
}

/* ホバー時：青い丸がボタン全体を覆うイメージ */
.first-visit-btn:hover::before {
  width: 100%;                 /* 左から全幅に広がる */
  border-radius: 999px;        /* 丸 → カプセル形状に */
}

/* ホバー時：文字も白に */
.first-visit-btn:hover .first-visit-btn__text {
  color: #fff;
}

/* キーボードフォーカス用（お好みで） */
.first-visit-btn:focus-visible {
  outline: 2px solid #4f63c9;
  outline-offset: 3px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7bda8c9 *//* セクション全体背景 */


/* PC：5カラム / SP：横スクロール */
.treatment-slider {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 16px;
  max-width: 1140px;
  margin: 0 auto;
}

/* カード共通 */
.treatment-card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 24px 20px;
  border-radius: 16px;
  background: #f3f6fa;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.04);
  text-decoration: none;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

/* ホバー時の浮き上がり */
.treatment-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.08);
}

/* アイコン */
.treatment-icon {
  margin-bottom: 16px;
}
.treatment-icon img {
  max-width: 72px;
  height: auto;
}

/* テキスト部分 */
.treatment-body {
  margin-bottom: 0;
}

/* タイトル＋矢印を横並びに */
.treatment-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 4px;
}

.treatment-title {
  font-family: "M PLUS Rounded 1c", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 20px;
  font-weight: 700;
  color: #333333;
  margin: 0;
}

.treatment-sub {
  font-family: "M PLUS Rounded 1c", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 12px;
  color: #777777;
  margin: 0;
}

/* 矢印丸ボタン */
.treatment-arrow-circle {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: #6065af;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

/* 矢印アイコン画像 */
.treatment-arrow-circle img {
  width: 14px;
  height: 14px;
  transition: transform 0.25s ease;
}

/* ホバー・タップ時に矢印が「スッ」と動く */
.treatment-card:hover .treatment-arrow-circle img,
.treatment-card:active .treatment-arrow-circle img {
  transform: translateX(3px);
}

/* ---- スマホ用：スライド式（横スクロール） ---- */
@media (max-width: 767px) {
  .treatment-slider {
    display: flex;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
    gap: 12px;
    padding-bottom: 8px;
  }

  .treatment-card {
    min-width: 72%;        /* 画面の7割くらいを1枚が占有 */
    scroll-snap-align: center;
  }
}
/* アイコン */
.treatment-icon {
  margin-bottom: 16px;
  display: flex;               /* 横並びレイアウトをflexに */
  align-items: center;         /* 縦方向センター */
  justify-content: center;     /* 横方向センター */
}

.treatment-icon img {
  max-width: 92px;
  height: auto;
  display: block;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-740f9db *//* ===== バナー2枚並びのラッパー ===== */
.info-banners {
  max-width: 1140px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 24px;
}

/* ===== 1枚のバナー ===== */
.info-banner {
  display: flex;
  align-items: stretch;
  border-radius: 24px;
  overflow: hidden;
  text-decoration: none;
  background: #f3f6fa; /* 右側の水色に合わせておく */
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.06);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

/* ホバー時に少し浮く */
.info-banner:hover {
  transform: translateY(-3px);
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.12);
}

/* 左側の画像部分 */
.info-banner__image {
  flex: 0 0 40%;                 /* 左を40%くらいに固定 */
  position: relative;
}
.info-banner__image img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;             /* トリミングしてバナーいっぱいに */
}

/* 右側の水色背景部分 */
.info-banner__content {
  flex: 1;
  background: #f3f6fa;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 24px 28px 24px 32px;
}

/* テキスト側 */
.info-banner__text {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

/* 日本語タイトル */
.info-banner__title {
  margin: 0;
  font-family: "M PLUS Rounded 1c", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: #333333;
}

/* 英語サブタイトル（ピンク） */
.info-banner__sub {
  margin: 0;
  font-family: "M PLUS Rounded 1c", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.18em;
  color: #d67fc1;  /* 好みで微調整OKなピンク */
}

/* 矢印エリア */
.info-banner__arrow {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* 丸い矢印ボタン（青：6065af） */
.info-banner__arrow-circle {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: #6065af;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

/* 矢印アイコン画像 */
.info-banner__arrow-circle img {
  width: 16px;
  height: 16px;
  transition: transform 0.25s ease;
}

/* ホバー時：矢印がスッと右に動く */
.info-banner:hover .info-banner__arrow-circle img,
.info-banner:active .info-banner__arrow-circle img {
  transform: translateX(3px);
}

/* ===== スマホ（縦並び） ===== */
@media (max-width: 767px) {
  .info-banners {
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .info-banner {
    flex-direction: column;
  }

  .info-banner__image {
    flex: 0 0 auto;
  }

  .info-banner__content {
    padding: 20px 20px 20px 20px;
  }
}
/* 英語サブタイトル（ピンク） */
.info-banner__sub {
  margin: 0;
  font-family: "Afacad", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.18em;
  color: #d67fc1;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f0bc18e *//* アーカイブ用ニュース一覧（背景は透明） */
.sf-news-list--archive {
  background: transparent;
}

/* 1行分 */
.sf-news-list--archive .sf-news-item {
  display: grid;
  grid-template-columns: 120px 1fr;
  align-items: center;
  padding: 20px 0;
  border-bottom: 1px solid rgba(0,0,0,0.12);
  text-decoration: none;
  background: transparent;
  border-radius: 0;          /* ★ 角丸なし */
  box-shadow: none;          /* 念のためシャドウなし */
}

/* ホバー時：シャドウなし＋背景変化もなし */
.sf-news-list--archive .sf-news-item:hover {
  box-shadow: none;
  background: transparent;
  text-decoration: none;
}

/* 日付 */
.sf-news-list--archive .sf-news-date {
  font-family: "Afacad", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 14px;
  letter-spacing: 0.1em;
  color: #8d7f6b;
  transition: color 0.2s ease;
}

/* タイトル */
.sf-news-list--archive .sf-news-title {
  font-family: "M PLUS Rounded 1c", "Yu Gothic", "Noto Sans JP", sans-serif;
  font-size: 18px;
  color: #333333;
  transition: color 0.2s ease;
}

/* ホバー時：文字色だけ少しグレーに */
.sf-news-list--archive .sf-news-item:hover .sf-news-title {
  color: #666666;  /* ★ 少し薄いグレー */
}/* End custom CSS */