@charset "utf-8";
/*==================================================
	スマホのみに適用
==================================================*/
@media only screen and (max-width: 640px){
	body { font-size: 85%; }
	.dsp_hp, .dsp_hpt { display: none; }

	/* コンテナ */
	#wrap, #footer {
		min-width: 320px;
	}
	#container h3.sub {
		margin-bottom: 20px;
		font-size: 20px;
	}
	#container h3.sub .pick {
		font-size: 25px;
	}
	#page_title .sub {
		height: 160px;
	}
	/* フッター */
	#footer .contact .tel a {
		font-size: 30px;
	}
	#footer .box dt img {
		max-width: 250px;
	}
	#copyright {
		height: auto;
		line-height: 1.6;
		padding: 5px 0;
	}
	/* 枠のマージン・パディング */
	.mb { margin-bottom: 30px; }
	.pt { padding-top: 30px; }
	.pb { padding-bottom: 30px; }
	/*--------------------------------------------------
		トップページ
	--------------------------------------------------*/
	#top_features .box+.box {
		margin-top: 20px;
	}
	#top_features .photo {
		width: 43%;
	}
	#top_features dl {
		width: 52%;
	}
	#top_features dt {
		margin-bottom: 10px;
		font-size: 21px;
	}
	/**/
	#top_lesson h3.sub {
		margin-bottom: 60px;
	}
	#top_lesson dl {
		margin-top: 60px;
	}
	#top_lesson dt {
		font-size: 21px;
	}
	#top_lesson dt img {
		width: 200px;
	}
	/* コンテンツ */
	#top_contents .box {
		margin-bottom: 90px;
	}
	#top_contents .box:last-child {
		margin-bottom: 50px;
	}
	#top_contents dt img {
		width: 85%;
	}
	/*--------------------------------------------------
		サービス案内
	--------------------------------------------------*/
	#service .about::before {
		background-size: 60% auto, auto;
	}
	#service .about dl {
		padding: 20px;
		border-radius: 20px;
	}
	#service .about dl+dl {
		margin-top: 30px;
	}
	#service .about dt {
		margin-bottom: 10px;
		font-size: 20px;
	}
	#service .about dt img {
		top: -22px;
		width: 28px;
	}
	/**/
	#service .flow .box_flex_sp {
		padding-top: 10px;
		row-gap: 30px;
	}
	#service .flow dl {
		width: 48%;
		padding: 40px 20px 25px;
		border-radius: 20px;
	}
	#service .flow dl::before {
		border-radius: 19px;
	}
	#service .flow dt {
		margin-bottom: 15px;
	}
	/**/
	#service .schedule dl {
		width: auto;
	}
	#service .schedule dl+dl {
		margin-top: 30px;
	}
	#service .schedule dt {
		font-size: 22px;
		margin-bottom: 5px;
	}
	#service .schedule dd {
		padding: 25px;
		border-radius: 20px;
	}
	#service .schedule dd::before {
		border-radius: 19px;
	}
	#service .schedule dd .image {
		margin-top: 10px;
	}
	#service .schedule .msg {
		font-size: 16px;
	}
	/*--------------------------------------------------
		教室案内・アクセス
	--------------------------------------------------*/
	#school .school .tbl {
		width: 100%;
		margin-bottom: 20px;
	}
	#school .school iframe {
		width: 100%;
		height: 300px;
	}
	/*--------------------------------------------------
		求人募集
	--------------------------------------------------*/

	
/*------------------------------------------------*/
}