@charset "UTF-8";
/*-----------------------------------------------------------------------------------------------------
スマホ用レイアウト（768px以下スクリーン）
-----------------------------------------------------------------------------------------------------*/
@media only screen and (max-width : 768px) {

	/*--------------------------------------------------------
共通設定(スマホ)
-------------------------------------------------------*/
	.sp {
		display: block;
	}

	.pc {
		display: none;
	}

	/*-----------------------------------------------------------------------------------------------------
各エリアの設定(スマホ)
-----------------------------------------------------------------------------------------------------*/
	/*ページ全体*/
	#container {
		padding-top: 0em;
	}

	/*カラム内部のサイズ*/
	.main-contents .contents {
		margin-bottom: 0em;
		padding: 0 15px;
	}

	/*段落タグ*/
	.main-contents p {
		line-height: 1.5;
	}

	/*全体のフォントサイズ*/
	.main-contents {
		font-size: 1.6em;
	}

	/*-----------------------------------------------------------------------------------------------------
ｈタグの設定(スマホ)
-----------------------------------------------------------------------------------------------------*/

	/*-----------------------------------------------------------------------------------------------------
ファーストビュー(ヘッダー画像)
-----------------------------------------------------------------------------------------------------*/
	/*--------------------------------------------------------------------------------------------------
※※※※※※※※※メイン部分(ボディ) ※ここに案件独自のcssを記述していく
-----------------------------------------------------------------------------------------------------*/
	.subhead {
		margin: 0 -15px;
		margin-bottom: 1em;
	}

	.bg_title {
		background-image: none;
		padding-top: 0px;
		padding-bottom: 0px;
		margin-bottom: 2em;
	}

	/*----------------------------------
セクション（何）
------------------------------------*/
	.sec_what {
		padding-top: 4em;
		padding-bottom: 3em;
	}

	.sub_what {
		width: auto;
		margin-bottom: 1em;
	}

	.txt01_what {
		text-align: center;
		margin-bottom: 1em;
	}

	ul.list_what {
		list-style-type: none;
		display: block;
		justify-content: space-between;
		align-items: flex-start;
		margin-bottom: 1em;
	}

	ul.list_what li {
		width: 80%;
		margin: 0 auto;
	}

	.txt02_what {
		text-align: center;
		margin-bottom: 1.5em;
	}

	.box_course {
		padding: 1.2em 1.5em 1.5em;
		position: relative;
	}

	.box_course::after {
		position: absolute;
		content: url("../images/triangle_gold@2x.webp");
		left: 50%;
		bottom: -38px;
		transform: translate(-50%, 0) scale(0.5);
	}

	.img_hosho {
		position: absolute;
		width: 25%;
		left: -15px;
		top: -1.5em;
		transform: translate(0, 0%);
	}

	.txt_course {
		width: auto;
		text-align: center;
		color: #FFFFFF;
	}

	/*----------------------------------
セクション（やり方）
------------------------------------*/
	.sec_yarikata {
		background-image: url("../images/bg_building.webp"), url("../images/bg_gblue.webp");
		background-repeat: no-repeat, repeat;
		background-position: bottom center, center;
		padding-top: 4em;
		padding-bottom: 3em;
	}

	.title_yarikata {
		width: auto;
		margin-bottom: 2em;
	}

	.box01_yarikata {
		position: static;
		margin-bottom: 0em;
	}

	.img_kawashima1 {
		position: static;
		width: 60%;
		margin: 0 auto;
		margin-bottom: -1.5em;
	}

	.txt01_yarikata {
		width: auto;
		padding: 3em 1.5em 1.5em;
	}

	.box02_yarikata {
		position: static;
	}

	.box_book {
		position: relative;
		padding: 1em;
		width: 60%;
		margin: 0 auto;
		margin-bottom: 1em;
		z-index: 1;
	}

	.box_book img {
		width: 30%;
		margin-bottom: 0em;
	}

	.txt02_yarikata {
		width: auto;
		margin: 0 0 0 auto;
		padding: 3em 1.5em 1.5em 1.5em;
	}

	.line_gold {
		height: 20px;
	}

	/*----------------------------------
セクション（嘘ばかり）
------------------------------------*/
	.sec_lie {
		padding-top: 4em;
		padding-bottom: 0px;
	}


	.title_lie {
		width: auto;
		margin-bottom: 1.5em;
	}

	.txt_lie {
		padding: 1.5em;
		margin-bottom: 1em;
	}

	/*スライダー設定*/
	.slider1 li {
		width: 200px;
	}

	/*----------------------------------
セクション（証明済み）
------------------------------------*/
	.sec_evi {
		padding-top: 4em;
		padding-bottom: 0;
	}


	.title_evi {
		width: auto;
		margin-bottom: 1.5em;
	}

	.txt_evi {
		padding: 1.5em;
		margin-bottom: 1em;
	}

	/*スライダー設定*/
	.slider2 li {
		width: 200px;
	}

	/*----------------------------------
セクション（激変）
------------------------------------*/
	.sec_change {
		padding-top: 3em;
		padding-bottom: 0px;
	}

	.txt01_change {
		text-align: center;
		margin-bottom: 0.5em;
	}

	ul.list_change {
		list-style-type: none;
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		margin-bottom: 0.5em;
	}

	ul.list_change li {
		width: 32%;
	}

	.txt02_change {
		text-align: center;
		margin-bottom: 1.5em;
	}

	.w_300 li {
		width: 200px;
	}

	/*----------------------------------
セクション（指導方法）
------------------------------------*/
	.sec_way {
		padding-top: 0em;
		padding-bottom: 3em;
	}

	.title_way img {
		width: 100%;
	}

	.box_wayOtr {
		display: block;
	}

	.box_way {
		width: auto;
		margin: 0 auto;
		padding: 1em;
		margin-bottom: 1.5em;
	}

	.box_way:last-child {
		margin-bottom: 0;
	}

	.sub_way,
	.img_way {
		margin-bottom: 0.7em;
	}

	.txt_way {
		padding: 0 0.5em;
	}

	/*----------------------------------
セクション（指導内容）
------------------------------------*/
	.sec_detail {
		padding-top: 0px;
		padding-bottom: 3em;
	}

	.title_detail img {
		width: 100%;
	}

	.sub01_detail {
		width: 100%;
		margin: 0 auto;
		margin-bottom: 1em;
	}

	.box_list_basic {
		margin-bottom: 1.5em;
	}

	.box_list_basic:last-child {
		margin-bottom: 0;
	}

	.box_list_basicOtr {
		margin-bottom: 1.5em;
	}

	.sub_basic {
		background-color: inherit;
		padding: 0 0;
	}

	.box_basicInr {
		background-color: #FFFFFF;
		padding: 1em 1.5em 1.5em;
	}

	.box_txt_basic {
		display: block;
		margin-bottom: 1em;
	}

	.txt_basic {
		width: auto;
	}

	ul.list_basic {
		background-color: #F5F5F5;
		padding: 1em;
		list-style-type: none;
	}

	ul.list_basic li {
		background-size: 15px;
		background-position: top 0.2em left;
		padding-left: 20px;
		margin-bottom: 0.5em;
		line-height: 1.3;
	}

	ul.list_basic li:last-child {
		margin-bottom: 0;
	}

	.box_whystudy {
		margin-bottom: 3em;
	}

	.sub_whystudy {
		padding: 0;
	}

	.sub_whystudy img {
		width: 100%;
		position: relative
	}

	.box_whystudyInr {
		padding: 1em 1.5em 1em;
	}

	.txt01_whystudy {
		margin-bottom: 0.5em;
	}

	ul.list_whystudy {
		margin-bottom: 0.5em;
	}

	ul.list_whystudy li {
		width: 31%;
	}

	.sub02_detail {
		width: 100%;
		margin: 0 auto;
		margin-bottom: 1em;
	}

	.box_moreOtr {
		display: block;
	}

	dl.box_more {
		width: auto;
		margin: 0em;
		margin-bottom: 1.5em;
	}

	dl.box_more dt {
		font-size: 1.5em;
		font-weight: bold;
		text-align: center;
	}

	dt.sub_more {
		padding-top: 0.4em;
	}

	dl.box_more dd {
		margin: 0;
		padding: 0.5em 1.5em 1em;
	}

	.txt_more {
		padding: 0 1.5em;
	}

	/*----------------------------------
セクション（ハイエンド）
------------------------------------*/

	.txt_yousuruni {
		margin: 0 -15px 7em -15px;
	}

	.box_checklist_lux {
		border: 1px solid #c6a439;
		padding: 5px;
		position: relative;
		margin-bottom: 4em;
	}

	ul.checklist_lux {
		border: 1px solid #c6a439;
		padding: 1.5em 1.5em 1.5em 1em;
		list-style-type: none;
	}

	ul.checklist_lux li {
		width: auto;
		font-size: 1.2em;
		margin-bottom: 0.7em;
		text-indent: -35px;
		margin-left: 35px;
	}

	ul.checklist_lux li:last-child {
		margin-bottom: 0;
	}

	ul.checklist_lux li:before {
		content: "";
		background-image: url("../images/icon_tick.webp");
		background-repeat: no-repeat;
		background-size: 20px;
		background-position: left top 5px;
		padding-left: 35px;
	}

	.img_pc {
		position: absolute;
		width: 60%;
		top: -7.5em;
		right: 50%;
		transform: translate(50%, 0%)
	}

	.box_reject {
		padding: 4em 1em 1em;
		position: relative;
		margin-bottom: 1.5em;
	}

	.txt_reject {
		position: absolute;
		width: 80%;
		padding: 0.5em;
		font-size: 1.2em;
		top: -2em;
		left: 50%;
		transform: translate(-50%, 0)
	}

	.txt_reject::after {
		position: absolute;
		content: url("../images/triangle_gold@2x.webp");
		left: 50%;
		bottom: -38px;
		transform: translate(-50%, 0) scale(0.5);
	}


	ol.step_grow {
		list-style-type: none;
		text-align: center;
	}

	ol.step_grow li {
		font-size: 1.2em;
	}

	li.arrow {
		margin-bottom: 1.5em;
		position: relative
	}

	li.arrow::after {
		position: absolute;
		content: url("../images/triangle_gold@2x.webp");
		left: 50%;
		bottom: -43px;
		transform: translate(-50%, 0) scale(0.3);
	}

	.txt_lux {
		color: #FFFFFF;
		text-align: center;
		margin-bottom: 2em;
	}

	.w_600 li {
		width: 400px;
	}

	/*----------------------------------
セクション（料金）
------------------------------------*/
	.sec_price {
		padding-top: 0px;
		padding-bottom: 3em;
	}

	.title_price img {
		width: 100%;
	}

	.price {
		width: 90%;
		margin: 0 auto;
		margin-bottom: 1em;
	}

	dl.box_price,
	dl.box_price dt,
	dl.box_price dd {
		margin: 0;
	}

	dl.box_price dt {
		display: inline-block;
		color: #FFFFFF;
		font-size: 1.2em;
		padding: 0.3em 0.7em;
		margin-bottom: 0.3em;
	}

	dl.box_price dd {
		padding: 0 1em;
		margin-bottom: 1.5em;
	}

	dl.box_price dd:last-child {
		margin-bottom: 0;
	}

	/*----------------------------------
セクション（CTA）
------------------------------------*/
	.sec_cta {
		padding-top: 2em;
		padding-bottom: 2em;
	}

	.btn_cta {
		width: 90%;
	}

	/*----------------------------------
セクション（メリット）
------------------------------------*/
	.sec_merit {
		padding-top: 0px;
		padding-bottom: 3em;
	}

	.title_merit img {
		width: 100%;
	}

	.txt_merit {
		margin-bottom: 1em;
	}

	.box_merit {
		margin-bottom: 1em;
	}

	.box_merit:last-child {
		margin-bottom: 0;
	}

	.nmb_merit {
		width: 12%;
	}

	.detail_merit {
		padding: 0.5em 0.7em;
		font-size: 1.2em;
	}

	.detail_merit p {
		line-height: 1.3;
	}

	/*----------------------------------
セクション（塾生一覧）
------------------------------------*/
	.sec_student {
		background-image: url("../images/bg_jyukusei.webp"), url("../images/bg_gblue.webp");
		background-repeat: no-repeat, repeat;
		background-position: bottom center, center;
		background-size: 200%, auto;
		padding-top: 4em;
		padding-bottom: 3em;
	}


	.title_student {
		width: 100%;
		margin: 0 auto;
		margin-bottom: 1em;
	}

	.txt_student {
		padding: 0 1em;
		margin-bottom: 1.5em;
	}

	.box_ssOtr,
	.box_sOtr {
		margin: 0 0px;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.box_ssOtr {
		margin-bottom: 1em;
	}

	.box_ss {
		width: 44%;
		background-color: #FFFFFF;
		padding: 0.5em;
		text-align: center;
		margin-bottom: 1em;
	}

	.img_student {
		margin-bottom: 0.2em;
	}

	.name,
	.name_s {
		font-size: 0.8em;
		line-height: 1.3;
	}

	.name_s {
		margin-bottom: 0.2em;
	}

	.label_book {
		color: #FFFFFF;
		font-size: 0.8em;
		letter-spacing: 1em;
		text-indent: 1em;
		margin-bottom: 0.3em;
	}

	.co {
		font-size: 0.7em;
		height: 34px;
		line-height: 1.3;
	}

	.h72_cos {
		height: 48px;
	}

	.h43_cos {
		height: 43px;
	}

	.h23_cos {
		height: 20px;
	}

	.name_book {
		font-size: 0.8em;
		line-height: 1.3;
	}

	.box_s {
		width: 28%;
		background-color: rgba(3, 7, 36, 0.70);
		padding: 0.5em;
		text-align: center;
		margin-bottom: 1em;
		color: #FFFFFF;
	}

	.img_s {
		width: auto;
		margin: 0 auto;
		margin-bottom: 0.5em;
	}

	.co_s {
		font-size: 0.7em;
	}

	.empty {
		background-color: inherit;
	}

	.remark_student {
		font-size: 0.8em;
		padding: 1.5em 1.5em 1.5em 2.5em;
		text-indent: -1em;
	}

	/*------------------------------
セクション（よくある質問）
-------------------------------*/
	.sec_qa {
		padding-top: 0px;
		padding-bottom: 3em;
	}

	.title_qa img {
		width: 100%;
	}

	/* 質問フォーム */
	.cp_qa *,
	.cp_qa *:after,
	.cp_qa *:before {
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	.cp_qa .cp_actab {
		position: relative;
		overflow: hidden;
		width: 100%;
		margin: 0 0 1em 0;
		color: #FFFFFF;
	}

	.cp_qa .cp_actab:last-child {
		margin-bottom: 0em;
	}

	.cp_qa .cp_actab input {
		position: absolute;
		opacity: 0;
	}

	/* 質問 */
	.cp_qa .cp_actab label {
		font-size: 1.1em;
		padding: 0.5em 2.7em 0.8em 3.5em;
	}

	.cp_qa .cp_actab label::before {
		font-size: 1.5em;
	}

	/* --質問の＋アイコン */
	.cp_qa .cp_actab label::after {
		font-size: 1.5em;
	}

	/* 答え */

	.cp_qa .cp_actab .cp_actab-content p {
		margin: 1em 1em 1em 0.2em;
	}

	/* 質問を開いた時の仕様 */
	/* --答えの高さ */
	.cp_qa .cp_actab input:checked~.cp_actab-content {
		max-height: 100em;
	}

	/*----------------------------------
セクション（プロフィール）
------------------------------------*/
	.sec_pro {
		background-image: url("../images/bg_building.webp"), url("../images/bg_gblue.webp");
		background-repeat: no-repeat, repeat;
		background-position: bottom center, center;
		padding-top: 4em;
		padding-bottom: 3em;
	}


	.title_pro {
		width: 100%;
		margin: 0 auto;
		margin-bottom: 1em;
	}

	.box_pro {
		background-color: rgba(3, 7, 36, 0.70);
		color: #FFFFFF;
		margin-bottom: 3em;
	}

	.txt_pro {
		padding: 1.5em;
	}

	.title_book {
		width: 100%;
		margin: 0 auto;
		margin-bottom: 1em;
	}

	.label_toppa {
		width: 70%;
		margin: 0 auto;
		margin-bottom: 1em;
	}

	.box_chosho {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: flex-end;
		margin-bottom: 3em;
	}

	.img_chosho {
		width: 31%;
		margin-bottom: 1em;
	}

	.title_incom {
		width: 100%;
		margin: 0 auto;
		margin-bottom: 1em;
	}

	.box_incomeOtr {
		padding: 1.5em;
	}

	.txt_income {
		margin-bottom: 1em;
	}

	.txt_income small {
		font-size: 0.8em;
	}

	.box_income {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: flex-start;
	}

	.box_incomeInr {
		width: 48%;
		margin-bottom: 1em;
	}

	.img_income {
		margin-bottom: 0.2em;
	}

	.nmb_income {
		padding-left: 0.2em;
		line-height: 1.3;
	}

	.nmb_income small {
		font-size: 0.7em;
	}

	.remark_income {
		text-indent: -1em;
		padding-left: 1em;
	}

	/*-----------------------------------------------------------------------------------------------------
フッター部分
-----------------------------------------------------------------------------------------------------*/
	footer {
		padding: 2em 0em;
		font-size: 1em;
	}

	/*----------------------------------------
ページトップへ戻る
----------------------------------------*/
	.pagetop {
		display: none;
		position: fixed;
		bottom: 30px;
		right: 15px;
	}

	.pagetop a {
		display: block;
		background-color: #ccc;
		text-align: center;
		color: #222;
		font-size: 1.6em;
		text-decoration: none;
		padding: 8px 15px;
		opacity: 0.5;
	}

	.pagetop a:hover {
		display: block;
		background-color: #b2d1fb;
		text-align: center;
		color: #fff;
		font-size: 1.6em;
		text-decoration: none;
		padding: 8px 15px;
		opacity: 0.5;
	}



}