@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/
/*　　画像の角の丸みを調整　　*/ :root :where(.wp-block-image.is-style-rounded img, .wp-block-image .is-style-rounded img) {
  border-radius: 20px;
}
/*　　背景白で角丸　　*/
.__bg_base {
  background-color: #ffffff;
  border-radius: 20px;
  padding: 32px 34px 32px 34px;
  border: solid 1px rgba(93, 106, 81, 0.1);
}
/*　　 CSSの疑似要素で「透明なリンク」を重ねる　　*/
/* 親コンテナを相対位置に */
.is-clickable {
  position: relative;
}
/* 子のaをブロック全体に広げて「透明リンク」に */
.overlay-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  text-indent: -9999px; /* テキストを隠す */
  white-space: nowrap;
  overflow: hidden;
}
.ttl i {
    display: block !important;
    font-size: 25px !important;
    padding-bottom: 10px !important;
	color: var(--color_main);
}
.c-gnav>.menu-item>a .ttl {
    font-size: 14px;
    padding: 0px;
}
#fix_header .c-gnav>.menu-item>a .ttl {
    padding: 0 0 10px;
}
/* ヘッダー背景画像　子供の画像の所 */
.-parallel-bottom .l-header__inner {
    padding: 10px 0 30px;
    background-color: rgba(242, 249, 214, 0.5);
    background-image: url(https://ogawa-genki.com/wp/wp-content/uploads/2025/08/kodomo3.png);
    background-position: center +80px;
    background-repeat: repeat-x;
    background-size: auto; /* PC用はそのまま */
}

/* タブレット用（例: 幅768px以下） */
@media (max-width: 1024px) {
  .-parallel-bottom .l-header__inner {
    background-size: 90%; /* 画像を少し縮小 */
  }
}

/* スマホ用（例: 幅480px以下） */
@media (max-width: 480px) {
  .-parallel-bottom .l-header__inner {
    background-size: 100%; /* さらに小さく */
  }
}
/* ドットパターン用のレイヤー */
/* 共通（PC用） */
.-parallel-bottom .l-header__inner::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.8) 0.4px, transparent 0px) repeat;
    background-size: 2px 2px;
    z-index: 1;
    pointer-events: none;
}
/* タブレット以下はドットを消す */
@media (max-width: 1024px) {
  .-parallel-bottom .l-header__inner::before {
    background: none;
  }
}
/* 2. ロゴとメニューを前面に */
.l-header__logo, .c-gnav>.menu-item, .w-header {
  position: relative;
  z-index: 2;
}
/* メニューラッパーにだけ背景 */
.c-gnav>.menu-item {
  background-color: rgba(255, 255, 255, 0.9); /* 透過度80%の白 */
  padding: 0.5em 1em;
  border-radius: 4px; /* お好みで */
  display: inline-block; /* 中央寄せなど調整 */
}

@media (min-width: 600px) {
    .l-topTitleArea {
        min-height: 440px;
        padding: 1em 0;
    }
}
/* 各ページ見出し */
.post_content h2.is-style-section_ttl {
    font-size: 2.7rem;
    line-height: 1.4;
    margin-bottom: 50px;
	    padding: 0 0 30px;
    position: relative;
    background: url(https://ogawa-genki.com/wp/wp-content/uploads/2025/07/h2_img1_recolor.png) no-repeat center bottom / auto 16px;
}
@media (max-width: 480px) {
.post_content h2.is-style-section_ttl {
    font-size: 2.3rem;
}
.post_content h2.is-style-section_ttl.fons_01 {
    font-size: 2.1rem;
}
}
/* 白背景内のテーブル内余白 */
.__bg_base figure {
  padding: 20px;
}
.__yohaku_0 figure {
  padding: 0px;
}
@media (max-width: 480px) {
.__bg_base {
 padding: 1rem;
}
.page-id-13 .__bg_base figure, .page-id-15 .__bg_base figure, .page-id-17 .__bg_base figure {
  padding: 0px;
}
}
/* テーブルカスタマイズ */
figure.wp-block-table table th, figure.wp-block-table table td {
    border-style: dotted;
    border-color: #8cc223;
}
/* ヘッダーTEL */
    .l-header__logo [class*=is-style-btn_].-size-s {
        --the-min-width: 30px;
		padding: 1em 0 0;
    }
/* =============================================
右側の追従バナー
============================================= */
.follow-banner {
  position: fixed;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  z-index: 20;
}
.follow-banner a {
  display: flex;
  align-items: center;
  gap: 0.5em;
  writing-mode: vertical-rl;
  color: #fff;
  background-color: var(--color_main);
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.1em;
  padding: 1.5em 1em;
  border-radius: 10px 0 0 10px;
  transition: opacity 0.25s;
}
.follow-banner a:hover {
  opacity: 0.7;
}
.follow-banner .swl-inline-icon::after {
  left: 50%;
  transform: translateX(-50%);
}
/* サイド追従バナー重なり具合 */
.follow-banner {
    z-index: 110;
}
/* スマホでは非表示に */
@media screen and (max-width: 599px) {
  .follow-banner {
    display: none;
  }
}
/*=================================================
 * 各ページヘッダー
 * ================================================= */
    .c-pageTitle {
        font-size: 3.0em;
		text-align: center;
    }
/*=================================================
 * フッター
 * ================================================= */
.w-footer__box .c-listMenu a {
    border-bottom: 0px solid var(--color_border);
}
.w-footer__box .c-listMenu a:hover {
    background: none;
}
.w-footer__box .c-listMenu a i {
    color: var(--color_main);
	padding: 0 10px 0 0;
}
/* スマホ */
@media screen and (max-width: 599px) {
.w-beforeFooter {
    margin: 0em auto 0em;
    overflow: hidden;
}
  .custom-html-widget .swell-block-button  a {
    color: #fff;
  }
}
/*=================================================
 * スマホ　ハンバーガーメニュー
 * ================================================= */
#sp_menu .c-listMenu a i {
    color: var(--color_main);
	padding: 0 10px 0 0;
}
/*=================================================
 * プライバシーポリシー
 * ================================================= */
@media (max-width: 480px) {
.page-id-3 .c-pageTitle {
    font-size: 2.3em;
}
}
/*=================================================
 * ContactForm7カスタマイズ
 * ================================================= */
.form-width {
  width: 100%;
}
.red {
  color: #ff0000;
}
.toi_mail {
  margin: 2em 0 0;
}
.wpcf7-submit {
  display: block;
  width: 500px;
  margin: 30px auto;
  height: 60px;
  color: #fff;
  text-align: center;
  font-size: 1.4em;
  line-height: 50px;
  border-radius: 5px;
  background: url("https://ogawa-genki.com/wp/wp-content/uploads/2025/08/yajirushi2.png") no-repeat 95% center;
	background-color: var(--color_main);
  background-size: auto auto;
  background-size: 7px 11px;
  border-top-style: none;
  border-bottom-style: none;
  border-right-style: none;
  border-left-style: none;
}
.form-width2 {
  width: 200px;
}
.form-width4 {
  height: 80px !important;
}
.wpcf7 form .wpcf7-response-output {
  margin: 0em 0.5em 1em;
  padding: 0.2em 1em;
  border: 2px solid #00a0d2;
}
input[type=checkbox] {
  transform: scale(2);
  margin: 0 6px 0 0;
}
@media screen and (max-width:480px) {
  .wpcf7-submit {
    display: block;
    width: 100%;
    margin: 30px auto;
    height: 60px;
    color: #fff;
    text-align: center;
    font-size: 1.4em;
    line-height: 50px;
    border-radius: 5px;
    background: var(--color_main) url("https://ogawa-genki.com/wp/wp-content/uploads/2025/08/yajirushi2.png") no-repeat 95% center;
    background-size: auto auto;
    background-size: 7px 11px;
    border-top-style: none;
    border-bottom-style: none;
    border-right-style: none;
    border-left-style: none;
  }
}
@media screen and (min-width: 320px) {
  .wpcf7-form p {
    margin-bottom: 0px;
  }
}
/*=================================================
 * テーブルレスポンシブ
 * ================================================= */
/* スマホ用（幅767px以下の例） */
@media (max-width: 767px) {
  .demo01 tr {
    display: block;
    margin-bottom: 15px; /* 各項目の間に余白 */
  }
  .demo01 th,
  .demo01 td {
    display: block;
    width: 100%;
  }
  .demo01 th {
    margin-bottom: 5px; /* ラベルと入力欄の間 */
  }
}