@charset "utf-8";
/*==================================================
	タブレットのみ適応
==================================================*/
@media only screen and (max-width: 1100px) and (min-width: 641px){
	.dsp_smt { display: none; }
	.cen_pc { text-align: center; }
}
/*==================================================
	タブレット・スマホに適応
==================================================*/
@media only screen and (max-width: 1100px) {
	.dsp_hp { display: none; }

	/* ヘッダ */
	#header {
		position: fixed;
		height: 50px;
		padding: 0;
		background: #043682;
	}
	#header h1.title {
		width: calc(100% - 110px);
		height: 50px;
		padding-left: 10px;
	}
	#header h1.title img {
		width: auto;
		max-height: 30px;
	}
	/* お問い合わせ */
	#header .contact .tel a,
	#header .contact .btn a {
		display: block;
		width: 46px;
		height: 50px;
		padding: 0 11px;
		box-sizing: border-box;
		/* 縦方向中央揃え */
		display: flex;
		align-items: center;
		justify-content: center;
	}
	#header .contact .btn {
		padding-right: 44px;
	}
	#header .contact .btn span {
		display: none;
	}
	/* コンテナ */
	#container {
		padding-top: 50px;
	}
	#container h3.sub {
		margin-bottom: 30px;
	}
	.main {
		padding-left: 15px;
		padding-right: 15px;
	}
	#main, #navi {
		clear: both;
		padding-bottom: 30px;
	}
	/* フッター */
	#footer .footer_banner {
		min-height: 280px;
	}
	#footer .box dt {
		margin-bottom: 20px;
	}
	#footer .contact .in {
		width: 500px;
		margin: auto;
	}
	#footer .contact .btn {
		margin: 8px 0;
	}
	#footer .contact .btn a {
		line-height: 50px;
	}
	#copyright {
		height: 30px;
		line-height: 30px;
		font-size: 10px;
	}
	/* パンくずリスト */
	#page_navi {
		margin-bottom: 20px;
		padding-top: 15px;
		font-size: 11px;
	}
	/* 枠のマージン・パディング */
	.mb { margin-bottom: 50px; }
	.pt { padding-top: 50px; }
	.pb { padding-bottom: 50px; }
	/* アンカーリンク用上部スペース */
	.pad_anchor {
		margin-top: -50px;
		padding-top: 50px;
	}
	/*--------------------------------------------------
		トップページ
	--------------------------------------------------*/
	/* 挨拶 */
	#top_msg {
		background-size: 150px auto, 100px auto;
	}
	/**/
	#top_point::before {
		top: auto;
		bottom: 0;
		height: 70%;
		background: url("../img/top/bg_about.jpg") no-repeat center top / cover;
	}
	#top_point .box {
		position: relative;
		width: 100%;
		padding: 20px;
		padding-left: 100px;
		border-radius: 15px;
	}
	#top_point .box p {
		text-align: left;
	}
	#top_point .box .pick {
		position: absolute;
		top: 20px;
		left: 25px;
		text-align: center;
	}
	#top_point .box .ttl {
		margin-bottom: 15px;
	}
	#top_point .txt {
		margin-top: 15px;
	}
	/* お知らせ */
	#top_info dl {
		padding: 15px 20px;
	}
	/* アクセス */
	#top_access {
		background-size: 150px auto;
	}
	/* コンテンツ */
	#top_contents {
		background-size: 90px auto;
	}
	@media print, screen and (min-width: 641px){ /* PC用 */
		#top_contents li {
			width: 32%;
		}
		#top_contents li:nth-last-child(2) {
			margin-left: 17%;
		}
		#top_contents li:last-child {
			margin-right: 17%;
		}
	}
	/* リンク */
	#top_link a {
		font-size: 20px;
		line-height: 70px;
	}
	#top_link a img {
		width: 44px;
	}
	@media print, screen and (min-width: 641px){ /* PC用 */
		#top_link li {
			width: 100%;
			margin-bottom: 15px;
		}
	}
	/*--------------------------------------------------
		入室について・アクセス・お問い合わせ
	--------------------------------------------------*/
	#thx h3 {
		font-size: 30px;
	}
	#system .photo {
		top: 52px;
		right: 30px;
		width: 100px;
	}
	#system .sub_box .kaisei {
		padding-left: 3em;
		text-indent: -3em;
	}
	#contact .txt {
		text-align: left;
	}
	/*--------------------------------------------------
		クラス案内
	--------------------------------------------------*/
	#class .class_name {
		height: 110px;
	}
	#class .class_name .class {
		left: 100px;
	}
	#class .class_name .photo {
		left: 15px;
	}
	#class .class_name .photo img  {
		height: 86px
	}
	#class .class_name .class h3 {
		font-size: 30px;
	}
	#class .class_detail {
		padding: 20px;
	}
	#class .class_detail .aim h4 {
		font-size: 23px;
		padding: 0 20px;
	}
	#class .class_detail .pr {
		align-items: flex-start;
	}
	#class .class_detail .pr .photo {
		width: 33%;
	}
	#class .class_detail .pr .text {
		width: 65%;
	}
	#class .class_detail .pr .text .b {
		line-height: 35px;
	}
	#class .class_detail .reading h5 {
		font-size: 25px;
		top: -25px;
	}
	#class .class_detail .time h6 {
		font-size: 25px;
	}
	#class .class_detail .time {
		background: url(../img/about/leaf01.png) no-repeat top left / 48px auto,
		url(../img/about/leaf02.png) no-repeat top right / 48px auto;
	}
	#class .class_detail .reading .box .point {
		padding-left: 2.5em;
		text-indent: -2.5em;
	}
	#class .class_detail .reading .box .point .mp {
		text-indent: 0;
	}
	#class .class_detail .reading .photo {
		width: 60px;
	}
	#advanced_class .class_name .photo, #high-level_class .class_name .photo {
		left: 15px;
	}
	#students h3.sub {
		margin-bottom: 0;
		font-size: 28px;
	}
	#students .program {
		font-size: 18px;
	}
	#students .more_box {
		padding: 20px;
		width: auto;
	}
	#students .more_box dl {
		margin-bottom: 15px;
	}
	#students .more_box .photo {
		top: 10px;
		right: 10px;
		transform: none;
		-webkit-transform: none;
		-ms-transform: none;
	}
	#students .more_box .photo img {
		height: 94px;
	}
	#students h4 {
		font-size: 20px;
		text-align: center;
		bottom: -35px
	}
	/*--------------------------------------------------
		お問い合せ
	--------------------------------------------------*/
	#mailform .tbl {
		border-bottom: 1px solid #cccccc;
	}
	#mailform .tbl th,
	#mailform .tbl td {
		display: block;
		width: auto;
		border-bottom: none;
	}
	#mailform .tbl input[type="text"],
	#mailform .tbl textarea {
		font-size: 120%;
	}
	#mailform .btn input {
		width: 120px;
	}

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