@charset "UTF-8";
/* CSS Document */



*, *::before, *::after {
  box-sizing: border-box;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom; /* 画像の下に謎の隙間ができるのを防ぐ */
}

a, button {
  -webkit-tap-highlight-color: transparent;
}

html, body {
  overflow-x: hidden;
}


/* このクラスをつけた要素の「前」で強制的に改ページする */
.page-break {
    page-break-before: always; /* 古いブラウザ用互換性 */
    break-before: page;        /* 最新の標準仕様 */
}


/* ここにPC用のスタイルを書く */

/*------------------------------ トップページのスタイルを記述 ------------------------------*/


.custom-message-inner {
	line-height: 4rem;
	font-family: Noto Sans JP,Helvetica, Arial, Sans-Serif, serif;
}
.wp-block {
	margin-bottom: 0;
}
.wp-block-group-blue {
	background: rgba(3, 169, 244, 0.2);
	max-width: initial!important;
	padding-bottom: 1rem;	
}

.siteleads-greeting__card,.wp-block-kubio-copyright {
	display: none;
}


.style-local-158-container {
    margin-bottom: 20px;
	display: block;
    position: relative;
}
.style-wG2vdEvdZxJ-inner {
	display: none !important;
}
.style-nJpox2eRXHV-inner {
		display: block;
    position: relative;
	padding: 0;
}
.style-nJpox2eRXHV-inner::before{
    content: "© 静岡県掛川市の学習進学塾【厂(カン)アカデメイア】";
    text-align: center;
    padding: 0px 0 0px;
    margin: 0 auto;
    display: block;
    top: 0;
    position: relative;
}
/*------------------------------ 小学生コースのスタイルを記述 ------------------------------*/


.PRICE-list {
  margin-top: -5rem;
}


.check-list li {
  text-align: left;
  position: relative;
}

/*----表-----*/

/* テーブル全体の基本設定 */
.wp-block-table.is-style-stripes table {
  width: 100%;
  border-collapse: collapse; /* 枠線を1本にまとめる */
  margin: 20px 0;
  font-size: 15px;
  line-height: 1.5;
  table-layout: fixed; /* 7列の幅を均等、またはテキスト量に合わせて最適化 */
}

/* ヘッダー（1行目・7列分）のスタイリング */
.wp-block-table.is-style-stripes th {
  background-color: #03a9f4; /* ヘッダーの背景色 */
  color: #ffffff; /* 文字色（白） */
  font-weight: bold;
  padding: 12px 8px;
  text-align: center;
  border: 1px solid #cbd5e1;
}

/* データセル（2、3行目）の共通スタイリング */
.wp-block-table.is-style-stripes td {
  padding: 12px 8px;
  text-align: center; /* 時間割なので中央寄せが綺麗です */
  border: 1px solid #cbd5e1; /* 薄いグレーの枠線 */
  color: #333333;
}

/* 「ストライプ」スタイルの設定（奇数行・偶数行の背景色分け） */
/* 2行目（tbodyの1行目：小学6年生 17:00〜） */
.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
  background-color: #ffffff;
}

/* 3行目（tbodyの2行目：〃 18:00〜） */
.wp-block-table.is-style-stripes tbody tr:nth-child(even) {
  background-color: #f8fafc; /* ほんのりグレーベージュ */
}

/* 「小学6年生」や「〃」が入る1列目だけ太字にする場合（アクセント） */
.wp-block-table.is-style-stripes td:first-child {
  font-weight: bold;
  background-color: #f1f5f9; /* 1列目だけ目立たせる */
}

/*----表-----*/

/* テーブル全体の基本設定 */
.wp-block-table2.is-style-stripes table {
  width: 100%;
  border-collapse: collapse; /* 枠線を1本にまとめる */
  margin: 20px 0;
  font-size: 15px;
  line-height: 1.6;
}

/* ヘッダー（1行目・5列分）のスタイリング */
.wp-block-table2.is-style-stripes th {
  background-color: #03a9f4; /* ヘッダーの背景色 */
  color: #ffffff; /* 文字色（白） */
  font-weight: bold;
  padding: 12px 10px;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #cbd5e1;
}

/* データセル（2行目・各料金情報）のスタイリング */
.wp-block-table2.is-style-stripes td {
  padding: 14px 12px;
  text-align: center; /* 改行が多いので、左寄せ（または中央）が見やすいです */
  vertical-align: middle;
  border: 1px solid #cbd5e1;
  color: #333333;
  background-color: #ffffff;
}

/* 1列目（学年）だけ背景色を変えて目立たせる場合（お好みで） */
.wp-block-table2.is-style-stripes td:first-child {
  font-weight: bold;
  background-color: #f8fafc;
  text-align: center;
  vertical-align: middle; /* 学年だけ中央揃え */
}

/*----表-----*/



/*------------------------------ 中学生コースのスタイルを記述 ------------------------------*/
/*----表-----*/
/* ① テーブル全体の幅を900pxに固定して中央寄せ */
.wp-block-table3 {
  width: 900px;
  max-width: 100%; /* 万が一の画面はみ出し防止 */
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.5rem;
}

.wp-block-table3 table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed; /* 列幅（%）の指定を強制的に固定 */
  font-family: "Noto Sans JP", sans-serif;
  font-size: 15px;
}

/* ② 4つの列の幅を固定（合計100%） */
/* 1列目を25%、残り3列を均等（各25%）に設定 */
.wp-block-table3 th:nth-child(1), .wp-block-table3 td:nth-child(1) { width: 25%; }
.wp-block-table3 th:nth-child(2), .wp-block-table3 td:nth-child(2) { width: 25%; }
.wp-block-table3 th:nth-child(3), .wp-block-table3 td:nth-child(3) { width: 25%; }
.wp-block-table3 th:nth-child(4), .wp-block-table3 td:nth-child(4) { width: 25%; }

/* ヘッダー（th）のデザイン */
.wp-block-table3 th {
  background-color: #03A9F4;  /* スカイブルー */
  color: #ffffff;             /* 文字色：白 */
  font-weight: bold;
  padding: 12px 8px;
  text-align: center;
  border-left: 1px solid #ffffff;  /* 左右の区切り線を白に */
  border-right: 1px solid #ffffff;
  border-top: none;
  border-bottom: none;
}

/* データセル（td）のデザイン */
.wp-block-table3 td {
  padding: 12px 8px;
  border: 1px solid #e0e0e0;
  text-align: center;
}

/* 1列目のデータセルの背景を薄いグレーにする */
.wp-block-table3 td:nth-child(1) {
  background-color: #f8f9fa;
  font-weight: bold;
}

/* セル内の文字調整（PC・SP共通） */
.wp-block-table3 th,
.wp-block-table3 td {
  word-break: break-all; /* 固定幅を超えたら文字を自動折り返し */
  overflow: hidden;      /* はみ出し防止 */
}

/*----表-----*/
/*----表-----*/

/* ① テーブル全体の幅を900pxに固定して中央寄せ */
.wp-block-table4 {
  width: 900px;
  max-width: 100%; /* 万が一の画面はみ出し防止 */
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.5rem;
}

.wp-block-table4 table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed; /* 列幅（%）の指定を強制的に固定 */
  font-family: "Noto Sans JP", sans-serif;
  font-size: 15px;
}

/* ② 5つの列の幅を固定（合計100%） */
/* 5列均等（各20%）に設定。用途に合わせて数値を変更してください */
.wp-block-table4 th:nth-child(1), .wp-block-table4 td:nth-child(1) { width: 20%; }
.wp-block-table4 th:nth-child(2), .wp-block-table4 td:nth-child(2) { width: 20%; }
.wp-block-table4 th:nth-child(3), .wp-block-table4 td:nth-child(3) { width: 20%; }
.wp-block-table4 th:nth-child(4), .wp-block-table4 td:nth-child(4) { width: 20%; }
.wp-block-table4 th:nth-child(5), .wp-block-table4 td:nth-child(5) { width: 20%; }

/* ヘッダー（th）のデザイン */
.wp-block-table4 th {
  background-color: #03A9F4;  /* スカイブルー */
  color: #ffffff;             /* 文字色：白 */
  font-weight: bold;
  padding: 12px 8px;
  text-align: center;
  border-left: 1px solid #ffffff;  /* 左右の区切り線を白に */
  border-right: 1px solid #ffffff;
  border-top: none;
  border-bottom: none;
}

/* データセル（td）のデザイン */
.wp-block-table4 td {
  padding: 12px 8px;
  border: 1px solid #e0e0e0;
  text-align: center;
}

/* 1列目のデータセルの背景を薄いグレーにする */
.wp-block-table4 td:nth-child(1) {
  background-color: #f8f9fa;
  font-weight: bold;
}

/* セル内の文字調整（PC・SP共通） */
.wp-block-table4 th,
.wp-block-table4 td {
  word-break: break-all; /* 固定幅を超えたら文字を自動折り返し */
  overflow: hidden;      /* はみ出し防止 */
}
/*----表-----*/

/*------------------------------ ABコースのスタイルを記述 ------------------------------*/
/*----表-----*/
/* ==========================================================
   【5列用カスタマイズ】wp-block-table5 スタイル
   ========================================================== */

/* テーブル全体の基本設定 */
.wp-block-table5.is-style-stripes table {
  width: 100%;
  border-collapse: collapse; /* 枠線を1本にまとめる */
  margin: 40px 0;
  font-size: 15px;
  line-height: 1.6;
  table-layout: fixed; /* 👈 列の幅をきっちり固定・均等にするために追加 */
}

/* 5つの列の幅を均等に20%ずつに設定（合計100%） */
.wp-block-table5.is-style-stripes th,
.wp-block-table5.is-style-stripes td {
  width: 20%; /* 👈 5列用に均等配分 */
}

/* ヘッダー（1行目・5列分）のスタイリング */
.wp-block-table5.is-style-stripes th {
  background-color: #03a9f4; /* ヘッダーの背景色 */
  color: #ffffff; /* 文字色（白） */
  font-weight: bold;
  padding: 12px 10px;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #cbd5e1;
}

/* データセル（2行目以降・各料金情報）のスタイリング */
.wp-block-table5.is-style-stripes td {
  padding: 14px 12px;
  text-align: center; /* 中央寄せ */
  vertical-align: middle;
  border: 1px solid #cbd5e1;
  color: #333333;
  background-color: #ffffff;
  word-break: break-all; /* 👈 枠線からはみ出さないように自動改行を入れる */
}

/* 1列目（学年）だけ背景色を変えて目立たせる設定 */
.wp-block-table5.is-style-stripes td:first-child {
  font-weight: bold;
  background-color: #f8fafc;
  text-align: center;
  vertical-align: middle; /* 学年だけ中央揃え */
}
/*----表-----*/

.wp-block.wp-block-kubio-heading__text.style-EdOxWS-qDl-text {
    margin-bottom: 3rem!important;
}

/*------------------------------ 代表あいさつのスタイルを記述 ------------------------------*/


.wp-block.wp-block-kubio-heading__text.style-CZdvL-Zcap-text{
	margin-bottom: 3rem!important;
}


/*------------------------------ 塾概要のスタイルを記述 ------------------------------*/

	

/*------------------------------ 卒塾生達の声のスタイルを記述 ------------------------------*/

.voice-title {
    margin-bottom: 3rem!important;
}




/*=================================================================================================================================================== print-css ==================================== トップ ==========*/


.h-navigation{
	display: none;
}

.style-local-38-inner .style-local-39-container, .style-local-38-inner .style-local-46-container, .style-local-38-inner .style-local-53-container {
width: 33% !important;
height: 28rem !important;
}

.wp-container-core-columns-is-layout-d789dd8e{
margin-top: 1rem !important;
}

/*
.style-local-109-container, .style-local-117-container, .style-local-125-container {
width: 33% !important;
height: 28rem !important;
}
*/

.style-55QG9J7o8Uy-frameContainer, .style-55QG9J7o8Uy-image {
display: block; /* ブロック要素にする */
width: 100% !important; /* 横幅を100%にする */
height: 250px !important; /* 縦サイズ（高さ）を好きな大きさに変える */
object-fit: cover !important; /* 画像が歪まないように全体を覆うように表示する */
object-position: center; /* 上部を基準にトリミング（centerやbottomも可） */
}

.style-nxw1T70FmN-inner {
min-height: 250px !important;
}


/*=================================================================================================================================================== print-css ==================================== ab-class ==========*/

.style-C7etV83lAkc-container {
	width: 100% !important;
	height: 350px !important;
}

/*=================================================================================================================================================== print-css ==================================== 中学生 ==========*/

.style-C7etV83lAkc-inner .style-local-81-inner {
	height: 400px !important;
}

.style-qZuHQirAyOz-container {
	width: 100% !important;
	height: 600px !important;
}

.style-K70dnAkwTan-text {
	width: 100% !important;
	
/*=================================================================================================================================================== print-css ==================================== ceo-greeting ==========*/
}
.style-dN2HmfpsT0N-container {
	width: 100% !important;
	height: 150px !important;
}

/*=================================================================================================================================================== print-css ==================================== 代表の声 ==========*/
.style-hE_od57xfb-text {
	width: 100% !important;
}

/*=================================================================================================================================================== print-css ==================================== 卒業生の声 ==========*/




/*=================================================================================================================================================== print-css ==================================== 小学生 ==========*/


.style-1zyXrd6JP-container {
	width: 100% !important;
	height: 550px !important;
}

/*=================================================================================================================================================== print-css ====================================================*/







/* ここにスマホ用のスタイルを書く（画面幅767px以下で適用） */

@media screen and (max-width: 767px) {
	
/*------------------------------ トップページのスタイルを記述 ------------------------------*/
	
.custom-message-inner {
	line-height: 2.5rem;
	padding: 0 15px ;
	}
.wp-block-columns .has-text-align-center{
	text-align: left!important;	
	}
.custom-message-inner br {
    display: none;
	}
.wp-block-group .wp-block-columns .custom-message-inner{
	margin-top: auto!important;	
	}
	
	
	
/*------------------------------ 小学生コースのスタイルを記述 ------------------------------*/
	

/*----表-----*/
/* 親要素にスクロールを設定 */
  figure.wp-block-table.is-style-stripes {
    display: block;
    overflow-x: auto;            /* 横スクロールを破綻なく有効化 */
    -webkit-overflow-scrolling: touch; /* スマホでのスクロールを滑らかにする */
  }

  /* テーブル本体が潰れないように最小横幅をキープ */
  figure.wp-block-table.is-style-stripes table {
    min-width: 650px;           /* 7列が綺麗に収まる最小幅（適宜調整してください） */
    table-layout: fixed;        /* 列の幅を固定 */
  }

/*----表-----*/
	
figure.wp-block-table2.is-style-stripes {
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; /* スクロールを滑らかに */
  }

  /* 表が狭い画面で潰れないように最小の横幅を確保 */
figure.wp-block-table2.is-style-stripes table {
    min-width: 750px; /* 5列の文字がはみ出さずに読める幅 */
  }

  /* スマホ用に文字サイズと余白を微調整 */
  .wp-block-table2.is-style-stripes th,
  .wp-block-table2.is-style-stripes td {
    font-size: 14px;
    padding: 10px 8px;
	text-align: center;
    vertical-align: middle;
  }
	
/*----表-----*/

/*------------------------------ 中学生コースのスタイルを記述 ------------------------------*/
/*----表-----*/
	
.wp-block-table3 {
    display: block;
    width: 100%;              /* 親要素の幅いっぱいに広げる */
    overflow-x: auto;        /* はみ出た分を横スクロールさせる */
    -webkit-overflow-scrolling: touch; /* iOSのスクロールを滑らかに */
  }

  .wp-block-table3 table {
    width: 700px;           /* 4列なのでスマホ時は700px程度あればゆったり表示されます */
    max-width: none;        /* 幅制限を解除 */
  }
/*----表-----*/
/*----表-----*/
.wp-block-table4 {
    display: block;
    width: 100%;              /* 親要素の幅いっぱいに広げる */
    overflow-x: auto;         /* はみ出た分を横スクロールさせる */
    -webkit-overflow-scrolling: touch; /* iOSのスクロールを滑らかに */
  }

.wp-block-table4 table {
    width: 800px;             /* 5列がスマホで潰れないよう、横幅を800pxに確保 */
    max-width: none;          /* 幅制限を解除 */
  }
/*----表-----*/
	
/*------------------------------ ABコースのスタイルを記述 ------------------------------*/
/*----表-----*/
	
.wp-block-table5.is-style-stripes {
    display: block;
    width: 100%;             /* 親要素の幅いっぱいに広げる */
    overflow-x: auto;        /* はみ出た分を横スクロールさせる */
    -webkit-overflow-scrolling: touch; /* iOS（iPhoneなど）のスクロールを滑らかに */
  }

.wp-block-table5.is-style-stripes table {
    width: 850px;           /* 👈 スマホ表示時のテーブルの最小横幅（文字が潰れない広さ） */
    max-width: none;        /* 幅制限を解除 */
    table-layout: fixed;
  }
/*----表-----*/

/*------------------------------ 塾概要のスタイルを記述 ------------------------------*/
.background-wrapper .wp-block .wp-block-kubio-section  .position-relative .wp-block-kubio-section__outer .style-S77rqdEoCe-outer .style-local-75-outer .d-flex .h-section-global-spacing .align-items-lg-center .align-items-md-center .align-items-center br {
	display: none!important;
}

	
	
	
}



/* ここにスマホ用のスタイルを書くmobb（画面幅480px以下で適用） */

@media screen and (max-width: 480px) {
	    #kubio .style-NpaNnPGsmG-inner {
        padding-top: 3rem;
        padding-bottom: 3rem;
        padding-left: 0rem !important;
        padding-right: 0rem !important;
    }
	
.style-wG2vdEvdZxJ-inner {
	display: none !important;
}
.style-nJpox2eRXHV-inner {
		display: block;
    position: relative;
	padding: 0;
}
.style-nJpox2eRXHV-inner::before{
    content: "© 静岡県掛川市の学習進学塾【厂(カン)アカデメイア】";
    text-align: center;
    padding: 0px 0 0px;
    margin: 0 auto;
    display: block;
    top: 0;
    position: relative;
	font-size: 12px;
}
	
/*------------------------------トップページのスタイルを記述------------------------------*/
	


	
	
}