@charset "UTF-8";

@media only screen and (max-width : 768px) {
	/*-----------------------
スマホ・タブレット用レイアウト（768px以下スクリーン）
----------------------*/

	/*------------------
共通設定(スマホ)
-------------------*/

	/* はみ出した領域は非表示にする*/
	html {
		overflow-y: scroll;
		overflow-x: hidden;
	}

	html,
	body {
		width: 100%;
		-webkit-text-size-adjust: 100%;
		-ms-text-size-adjust: 100%;
	}

	/*画像サイズの調整*/
	img {
		height: auto;
		max-width: 100%;
	}

	/*H2タグ*/
	h2 {
		margin: 0.5em 0 0.5em;
		font-size: 1.4em;
		font-weight: bold;
		text-align: center;
	}


	/*--------------------------------------------------------
全体レイアウト/背景設定(スマホ・タブレット)
--------------------------------------------------------*/

	/*全体エリア(全体背景の設定はここ)*/
	.main {
		background-color: #fff;
	}

	/*記事(ボディ)エリア*/
	.article {
		background-color: #fff;
		/*スマホの場合はカラムの線を消す*/
		border-left: none;
		border-right: none;
	}

	/*記事(ボディ)エリアの行間*/
	.article p {
		line-height: 1.8em;
	}

	/*記事(ボディ)エリアのフォントサイズ*/
	.article {
		font-size: 1.6em;
	}

	/*カラム全体の幅はスマホの場合固定*/
	.header_inr,
	.article,
	.top_image_in {
		width: 100%;
		margin: 0 auto
	}

	/*PC画面とスマホ画面の切り替え*/

	.gamen_pc {
		display: none;
	}

	.gamen_rps {
		display: block;
	}

	/*--------------------------------------------------------
上部固定ヘッダー設定
--------------------------------------------------------*/

	/*上部固定ヘッダー全体*/
	.header {
		position: sticky;
		position: -webkit-sticky;
		top: 0;
		background-color: #fff;
		border-bottom: 1px;
		overflow: auto;
	}

	/*ヘッダーロゴ*/
	.header_logo {
		float: left;
		width: 9%;
		margin-top: 2px;
		margin-left: 0px;
	}

	/*ヘッダー 電話ボタン*/
	.header_tel {
		width: 35%;
		float: right;
		margin: 0.9em 0.5em 0em;
	}

	/*ヘッダー 問い合わせボタン*/
	.header_mail {
		width: 30%;
		float: right;
		margin: 0.8em 0.3em 0em;
	}

	/*ヘッダー内の画像はエリア幅に合わせる*/
	.header_logo img,
	.header_tel img,
	.header_mail img {
		width: 100%;
	}

	/*-----------------------------------------------------------------------------------------------------
ファーストビュー設定
-----------------------------------------------------------------------------------------------------*/

	.top_image {
		/*スマホの際はファーストビューの背景を非表示*/
		background-image: none;
	}


	.cta_in {
		background-color: #fff;
		max-width: 700px;
		margin: 1.5em auto;
		padding: 1em;
		border-radius: 10px;
		box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
	}

	/*--------------------------------------------------------------------------------------------------
※※※※※※※※※メイン部分(ボディ) ※ここに案件独自のcssを記述していく
-----------------------------------------------------------------------------------------------------*/

	/*以下、PCでのcssをコピペして調整すると効率的※重複プロパティは消すと見やすい*/


	/*------ アクティブキッズラボとは ---------*/
	.kids_lab_kaisetu01_text {
		padding: 0em 1em 0em;
	}

	/* -------設備 ----------*/
	.sec04_1_setubi_inr {
		grid-template-columns: repeat(2, 1fr);
		/* スマホ: 横2つ */
	}

	/*------- ゴールデンエイジ ------*/
	.golden_eiji_text {
		padding: 1em 1em 1em;
		font-size: 1.2em;
	}

	.golden_eiji_gazou02 {
		text-align: center;
		padding-bottom: 2em;
	}

	.golden_eiji_text02_strg {
		font-size: 1.3em;
	}

	.golden_eiji_gazou02 img {
		width: 60%;
		margin: 0 auto;
	}

	/*----- 3つのポイント -----*/
	.point_daihyou {
		position: relative;
		bottom: 0em;
	}

	.daihyou_mds img {
		width: 30%;
		/* ロゴを20%の大きさに縮小 */
		margin-right: 15px;
		/* ロゴとテキストの間に余白 */
	}

	/*----- 2つのクラス -------*/
	.lab_kidsclass,
	.lab_sxptclass {
		margin: 0 auto !important;
	}

	.lab_kidsclass img,
.lab_sxptclass img {
	max-width: 400px;
}

	/*----- アクセス -------*/
	
	.access_info {
		flex-direction: column;
		align-items: center;
	  }
	
	  .map iframe, .details {
		width: 100%;
	  }
	
	  .details {
		text-align: left; /* スマホでも左揃え */
	  }

	/*--------------------------------------------------------
段落・リスト・テーブル設定
--------------------------------------------------------*/

	/*よくある質問(アコーディオンver.)*/

	.faq {
		max-width: 900px;
		margin: 0 auto;
		font-size: 1.6em;
		padding: 0em 1.5em 0em;
	}


	/*-----------------------------------------------------------------------------------------------------
フッター部分
-----------------------------------------------------------------------------------------------------*/

	.footer {
		padding: 2em 0em 3em;
		font-size: 1em;
	}
}