@charset "UTF-8";



/* ------------------------------------------

  top

------------------------------------------ */
/* top
-----------------------------------------------------------  */

/* text-indent
----------------------------------------------------------- */
#mainImg p,
h2.head01,
h2.head02,
h2.head03,
h2.head04,
h2.head05,
h2.head06,
h2.head07,
h2.head08
										{ overflow: hidden; text-indent: 100%; white-space: nowrap;}


/* PC タブレット用スタイル */
@media (min-width: 768px) {	
	
/* width
-----------------------------------------------------------  */	
.contentInner
										{ margin: 0 auto; width: 1010px; padding: 70px 0;}

.contentInner02
										{ margin: 0 auto; width: 830px; padding: 0 0 0 0;}

.content01 .inner,
.content02 .inner
										{ background-color: rgba(255,255,255,0.9);}

.content02 .column3Point,
.content02 .txt01,
.content02 .column2Seminar,
.content02 .column2Voice,
.tableBlock,
.qaBlock,
.companyBlock
										{ margin: 0 auto; width: 970px;}


/* gMenu
----------------------------------------------------------- */
#mainImg 								{	position: relative;
											width: 100%;
											height: 0;
											padding-top: calc(590 / 1920 * 100%); /* calc(画像高さ ÷ 画像横幅 × 100%) */
											background: url(../../img/top/mv_bg.jpg) center center / cover no-repeat;
											
										}

#mainImg p 								{	position: absolute;
											top: 50%;
											left: 50%;
											display: block;
											width: 770px;
											height: 144px;
											background: url(../../img/top/mv_txt.png) no-repeat center center;
											margin: -72px 0 0 -385px;
										}


/* head
----------------------------------------------------------- */
h2.head 								{ display: block; width: 1010px; height: 120px; margin-bottom: 50px;}
h2.head01 								{ background: url(../../img/top/h2_01.png) no-repeat center top;}
h2.head02 								{ background: url(../../img/top/h2_02.png) no-repeat center top;}
h2.head03 								{ background: url(../../img/top/h2_03.png) no-repeat center top;}
h2.head04 								{ background: url(../../img/top/h2_04.png) no-repeat center top;}
h2.head05 								{ background: url(../../img/top/h2_05.png) no-repeat center top;}
h2.head06 								{ background: url(../../img/top/h2_06.png) no-repeat center top;}
h2.head07 								{ background: url(../../img/top/h2_07.png) no-repeat center top;}
h2.head08 								{ background: url(../../img/top/h2_08.png) no-repeat center top;}


/* content01 キッズマネースクールとは
----------------------------------------------------------- */
.content01 								{ background: url(../../img/top/bg_cont1.jpg) no-repeat center center; background-size: cover;}
.content01 .contentInner02 p 			{ line-height: 2; padding-bottom: 30px;}
.content01 .floatBox 					{ margin-bottom: 55px;}
.content01 .floatBox li:nth-of-type(1)	{ float: left; width: 400px;}
.content01 .floatBox li:nth-of-type(2)	{ float:right; width: 400px;}
.content01 .floatBox li:nth-of-type(3)	{ float: left; width: 400px;}
.content01 .floatBox li:nth-of-type(4)	{ float:right; width: 400px;}
.content01 .floatBox li img 			{ border: #ffbaba 3px solid;}
	

/* content02 キッズマネースクール３つのポイント
----------------------------------------------------------- */
.content02								{ background: url(../../img/top/bg_cont2.jpg) no-repeat center center; background-size: cover;}

.content02 .column3Point 				{ padding-bottom: 90px;}
.content02 .column3Point dl 			{ float: left; width: 300px; margin-right: 35px;}	
.content02 .column3Point dl:nth-child(3n) 	
									{ margin-right: 0px;}	
.content02 .column3Point dl dt 			{ margin-bottom: 8px;}	
.content02 .column3Point dl dt div 		{ float: left; width: 78px;}	
.content02 .column3Point dl dt h3 		{ float: right; width: 210px; padding-top: 27px;}	
.content02 .column3Point dl dd .img 		{ margin-bottom: 30px;}
.content02 .column3Point dl dd p 		{ padding-bottom: 10px; line-height: 1.8; font-size: 17px;}


/* 大人向けセミナーについて
----------------------------------------------------------- */
.content02 p.txt01 						{ padding-bottom: 35px; font-size: 18px;}
.column2Seminar 						{ padding-bottom: 40px;}
.column2Seminar dl 						{ float: left; width: 470px; margin-right: 30px;}	
.column2Seminar dl:nth-child(2n)  			{ margin-right: 0px;}	
.column2Seminar dl dt 					{ margin-bottom: 8px;}	
.column2Seminar dl dt div 				{ float: left; width: 78px;}	
.column2Seminar dl dt h3 				{ float: right; width: 380px; padding-top: 27px;}	
.column2Seminar .img 					{ margin-bottom: 30px;}
.column2Seminar p 						{ padding-bottom: 10px; line-height: 1.8; font-size: 18px;}
	

.boxOrange 							{ background-color: #f39800; padding: 20px; color: #333; margin-bottom: 50px;}
.boxOrange h4 							{ padding-bottom: 10px;}


/* セミナー参加者の声
----------------------------------------------------------- */
.column2Voice							{ padding-bottom: 40px;}
.column2Voice dl 						{ float: left; width: 470px; margin-right: 30px;}	
.column2Voice dl:nth-child(2n)  			{ margin-right: 0px;}	
.column2Voice dl dt 					{ margin-bottom: 8px;}	
.column2Voice dl dt div 				{ float: left; width: 78px;}	
.column2Voice dl dt h3 					{ float: right; width: 380px; padding-top: 27px;}	
	

/* content03 セミナースケジュール
----------------------------------------------------------- */
.content03							{ background: url(../../img/top/bg_cont3.jpg) no-repeat center center; background-size: cover;}

table.tableOrange 						{
	width: 100%;
	border-top: #dcdcdc 1px solid;
	border-left: #dcdcdc 1px solid;
	border-right: 0;
	border-bottom: 0;
	color: #333;
	border-collapse: collapse;
	margin-bottom: 25px;
	}

table.tableOrange th					{
	border-top: 0;
	border-left: 0;
	border-right: #dcdcdc 1px solid;
	border-bottom: #dcdcdc 1px solid;
	background-color: #f39800;
	font-weight: bold;
	width: 200px;
	padding: 20px 20px 20px 27px;
	}

table.tableOrange td					{
	border-top: 0;
	border-left: 0;
	border-right: #dcdcdc 1px solid;
	border-bottom: #dcdcdc 1px solid;
	padding: 20px 20px 20px 27px;
	}
	

.content03 p.txt02 						{ padding-bottom: 60px; line-height: 1.8;}	


/* よくある質問
----------------------------------------------------------- */
.qaBlock								{ padding-top: 30px; margin-bottom: 65px;}
.qaBlock dl								{ background-color: #fef4f4; margin-bottom: 35px; border-radius: 15px; padding: 25px;}
.qaBlock dl	dt 							{ min-height: 77px; display: flex; align-items: center; margin-bottom: 20px; }
.qaBlock dl	dd 							{ min-height: 77px; display: flex; align-items: center;}
	
.qaBlock dl	dt .qhead 					{ display: block; width: 77px; height: 77px; line-height: 77px; text-align: center; border-radius: 40px; font-weight: bold; background-color: #f2abc8; color: #fff;}
.qaBlock dl	dt .qtitle 					{ width: 843px; padding-left: 18px; box-sizing: border-box; font-weight: bold;}
.qaBlock dl	dd .ahead					{ display: block; width: 77px; height: 77px; line-height: 77px; text-align: center; border-radius: 40px; font-weight: bold; background-color: #7dbfe4; color: #fff;}
.qaBlock dl	dd .answer					{ width: 843px; padding-left: 18px; box-sizing: border-box; }
	

/* 運営会社
----------------------------------------------------------- */
.companyBlock							{ background-color: #fef4f4; margin-bottom: 10px; border-radius: 15px; padding: 10px;}


/* contentImg
----------------------------------------------------------- */
.contentImg img 						{ width: 100%;}	


/* notes
----------------------------------------------------------- */
.notes p 								{ background-color: #f1f1f1; padding: 30px; margin-bottom: 40px;}
	
	
/* font
----------------------------------------------------------- */
/* basic font-size: 14px; */
.qaBlock dl	dt .qhead,
.qaBlock dl	dd .ahead
										{ font-size: 24px;}
.content01 .contentInner02 p,
.content02 .column3Point dl dt h3,
.column2Seminar dl dt h3,
.boxOrange h4,
.boxOrange p,
.qaBlock dl	dt .qtitle,
.qaBlock dl	dd .answer
										{ font-size: 20px;}
.qaBlock td									{ font-size: 17px;}
.qaBlock .companyBlock								{ font-size: 17px;}

.boxOrange p
										{ font-size: 17px;}

.content02 p.txt01,
table.tableOrange,
.content03 p.txt02
										{ font-size: 16px;}
.column3Point cf p								{ font-size: 16px;}

.notes p
										{ font-size: 14px;}
	
}


/* タブレット用スタイル */
@media (min-width: 768px) and (max-width: 1024px) {

/* width
-----------------------------------------------------------  */	
.contentInner
										{ margin: 0 auto; width: 700px; padding: 70px 0;}

.contentInner02
										{ margin: 0 auto; width: 600px; padding: 0 0 0 0;}

.content02 .column3Point,
.content02 .txt01,
.content02 .column2Seminar,
.content02 .column2Voice,
.tableBlock,
.qaBlock,
.companyBlock
										{ margin: 0 auto; width: 700px;}


/* head
----------------------------------------------------------- */
h2.head 								{ display: block; width: 660px; height: 78px; margin: 0 auto 50px auto;}
h2.head01 								{ background: url(../../img/top/h2_01.png) no-repeat center top; background-size: cover;}
h2.head02 								{ background: url(../../img/top/h2_02.png) no-repeat center top; background-size: cover;}
h2.head03 								{ background: url(../../img/top/h2_03.png) no-repeat center top; background-size: cover;}
h2.head04 								{ background: url(../../img/top/h2_04.png) no-repeat center top; background-size: cover;}
h2.head05 								{ background: url(../../img/top/h2_05.png) no-repeat center top; background-size: cover;}
h2.head06 								{ background: url(../../img/top/h2_06.png) no-repeat center top; background-size: cover;}
h2.head07 								{ background: url(../../img/top/h2_07.png) no-repeat center top; background-size: cover;}
h2.head08 								{ background: url(../../img/top/h2_08.png) no-repeat center top; background-size: cover;}


/* content01 キッズマネースクールとは
----------------------------------------------------------- */
.content01 .floatBox li:nth-of-type(1)	{ float: left; width: 284px;}
.content01 .floatBox li:nth-of-type(2)	{ float:right; width: 284px;}
	

/* content02 キッズマネースクール３つのポイント
----------------------------------------------------------- */
.content02 .column3Point dl 			{ float: left; width: 30%; margin-right: 5%;}
.content02 .column3Point dl dt div 		{ display: block; float: none; width: 60px; margin: 0 auto;}
.content02 .column3Point dl dt h3 		{ float: none; width: auto; padding-top: 0; text-align: center;}


/* 大人向けセミナーについて
----------------------------------------------------------- */
.column2Seminar dl 						{ float: left; width: 48%; margin-right: 4%;}
.column2Seminar dl dt div 				{ display: block; float: none; width: 60px; margin: 0 auto;}
.column2Seminar dl dt h3 				{ float: none; width: auto; padding-top: 0; text-align: center; min-height: 60px;}


/* セミナー参加者の声
----------------------------------------------------------- */
.column2Voice dl 						{ float: left; width: 48%; margin-right: 4%;}
.column2Voice dl dt div 				{ display: block; float: none; width: 60px; margin: 0 auto;}
.column2Voice dl dt h3 					{ float: none; width: auto; padding-top: 0; text-align: center;}
	

/* content03 セミナースケジュール
----------------------------------------------------------- */
table.tableOrange 						{
	width: 640px;
	margin: 0 auto 30px;
	}

table.tableOrange th					{
	width: 160px;
	box-sizing: border-box;
	}

.content03 p.txt02 						{ padding-bottom: 60px; line-height: 1.8;}	
.content03 .btnBox 						{ margin-bottom: 50px;}

/* よくある質問
----------------------------------------------------------- */
.qaBlock dl	dt .qtitle 					{ width: 100%; padding-left: 18px; box-sizing: border-box; font-weight: bold;}
.qaBlock dl	dd .answer					{ width: 100%; padding-left: 18px; box-sizing: border-box; }

/* notes
----------------------------------------------------------- */
.notes p 								{ background-color: #f1f1f1; padding: 30px; margin-bottom: 40px;}
	
	
}
	
/* スマホ用スタイル */
@media screen and (max-width: 767px){

			/* width
			-----------------------------------------------------------  */	
			.contentInner
													{ margin: 0 auto; width: 90%; padding: 2rem 0 3rem 0;}

			.contentInner02
													{ margin: 0 auto; width: 84%; padding: 0 0 0 0;}

			.content01 .inner,
			.content02 .inner
													{ background-color: rgba(255,255,255,0.9);}

			.content02 .column3Point,
			.content02 .txt01,
			.content02 .column2Seminar,
			.content02 .column2Voice,
			.tableBlock,
			
			.companyBlock
													{ margin: 0 auto; width: 96%;}
	
			.qaBlock
													{ margin: 0 auto; width: 100%;}


			/* mainImg
			----------------------------------------------------------- */
			#mainImg 								{   display: flex;
														align-items: center;
														width: 100%;
														min-height: 160px;
														background: url(../../img/top/mv_bg.jpg) center center / cover no-repeat;
													}

			#mainImg p 								{
														display: block;
														margin: 0 auto;
														width: 300px;
														height: 56px;
														background: url(../../img/top/mv_txt.png) no-repeat center center;
														background-size: cover;
													}
	

			/* head
			----------------------------------------------------------- */
			h2.head 								{ 
													width: 100%;
													height: 0;
													padding-top: calc(126 / 570 * 100%); /* calc(画像高さ ÷ 画像横幅 × 100%) */
													margin-bottom: 2rem;
													}
			h2.head01 								{ background: url(../../img/top/h2_01_sp.png) center center / cover no-repeat;}
			h2.head02 								{ background: url(../../img/top/h2_02_sp.png) center center / cover no-repeat;}
			h2.head03 								{ background: url(../../img/top/h2_03_sp.png) center center / cover no-repeat;}
			h2.head04 								{ background: url(../../img/top/h2_04_sp.png) center center / cover no-repeat;}
			h2.head05 								{ background: url(../../img/top/h2_05_sp.png) center center / cover no-repeat;}
			h2.head06 								{ background: url(../../img/top/h2_06_sp.png) center center / cover no-repeat;}
			h2.head07 								{ background: url(../../img/top/h2_07_sp.png) center center / cover no-repeat;}
			h2.head08 								{ background: url(../../img/top/h2_08_sp.png) center center / cover no-repeat;}


			/* content01 キッズマネースクールとは
			----------------------------------------------------------- */
			.content01 								{ background: url(../../img/top/bg_cont1.jpg) no-repeat center center; background-size: cover;}
			.content01 .contentInner02 p 			{ line-height: 1.6; padding-bottom: 2rem;}
			.content01 .floatBox 					{ margin-bottom: 2rem; text-align: center;}
			.content01 .floatBox li					{ margin-bottom: 1rem;}
			.content01 .floatBox li img 			{ border: #ffbaba 3px solid;}


			/* content02 キッズマネースクール３つのポイント
			----------------------------------------------------------- */
			.content02								{ background: url(../../img/top/bg_cont2.jpg) no-repeat center center; background-size: cover;}

			.content02 .column3Point 				{ padding-bottom: 2rem;}
			.content02 .column3Point dl 			{ padding-bottom: 2rem;}	
			.content02 .column3Point dl dt 			{ margin-bottom: 0.5rem;}	
			.content02 .column3Point dl dt div 		{ display: block; width: 60px; margin: 0 auto;}	
			.content02 .column3Point dl dt h3 		{ padding: 1rem 0; text-align: center;}	
			.content02 .column3Point dl dd .img 		{ margin-bottom: 1rem;}
			.content02 .column3Point dl dd p 		{ padding-bottom: 1rem; line-height: 1.6;}


			/* 大人向けセミナーについて
			----------------------------------------------------------- */
			.content02 p.txt01 						{ padding-bottom: 2rem;}
			.column2Seminar 						{ padding-bottom: 2rem;}
			.column2Seminar dl 						{ padding-bottom: 2rem;}
			.column2Seminar dl dt 					{ margin-bottom: 0.5rem;}
			.column2Seminar dl dt div 				{ display: block; width: 60px; margin: 0 auto;}	
			.column2Seminar dl dt h3 				{ padding: 1rem 0; text-align: center;}	
			.column2Seminar .img 					{ margin-bottom: 1rem;}
			.column2Seminar p 						{ padding-bottom: 1rem; line-height: 1.6;}


			.boxOrange 							{ background-color: #f39800; padding: 11px; color: #333; margin-bottom: 20px;}
			.boxOrange h4 							{ padding-bottom: 1rem;}


			/* セミナー参加者の声
			----------------------------------------------------------- */
			.column2Voice							{ padding-bottom: 2rem;}
			.column2Voice dl 						{ padding-bottom: 2rem;}	
			.column2Voice dl dt 					{ margin-bottom: 0.5rem;}
			.column2Voice dl dt div 				{ display: block; width: 60px; margin: 0 auto;}		
			.column2Voice dl dt h3 					{ padding: 1rem 0; text-align: center;}
			.column2Voice dl dd img 				{ width: 100%;}


			/* content03 セミナースケジュール
			----------------------------------------------------------- */
			table.tableOrange 						{
				width: 100%;
				border-top: #dcdcdc 1px solid;
				border-left: #dcdcdc 1px solid;
				border-right: 0;
				border-bottom: 0;
				color: #333;
				border-collapse: collapse;
				margin-bottom: 25px;
				}

			table.tableOrange th					{
				border-top: 0;
				border-left: 0;
				border-right: #dcdcdc 1px solid;
				border-bottom: #dcdcdc 1px solid;
				background-color: #f39800;
				font-weight: bold;
				padding: 1rem;
				display: block;
				}

			table.tableOrange td					{
				border-top: 0;
				border-left: 0;
				border-right: #dcdcdc 1px solid;
				border-bottom: #dcdcdc 1px solid;
				background-color: #fdfdfd;
				padding: 1rem;
				display: block;
				}


			.content03 p.txt02 						{ padding-bottom: 2rem; line-height: 1.6;}
			.content03 .btnBox 						{ margin-bottom: 3rem;}


			/* よくある質問
			----------------------------------------------------------- */
			.qaBlock							{ margin-bottom: 2rem;}
			.qaBlock dl							{ background-color: #fef4f4; margin-bottom: 2rem; border-radius: 15px; padding: 2rem;}
			.qaBlock dl	dt 						{ margin-bottom: 1rem;}

			.qaBlock dl	dt .qhead 					{ display: block; margin: 0 auto 0.5rem auto; width: 60px; height: 60px; line-height: 60px; text-align: center; border-radius: 30px; font-weight: bold; background-color: #f2abc8; color: #fff;}
			.qaBlock dl	dt .qtitle 					{ font-weight: bold;}
			.qaBlock dl	dd .ahead					{ display: block; margin: 0 auto 0.5rem auto; width: 60px; height: 60px; line-height: 60px; text-align: center; border-radius: 30px; font-weight: bold; background-color: #7dbfe4; color: #fff;}


			/* 運営会社
			----------------------------------------------------------- */
			.companyBlock							{ background-color: #fef4f4; margin-bottom: 10px; border-radius: 15px; padding: 1rem;}


			/* contentImg
			----------------------------------------------------------- */
			.contentImg img 						{ width: 100%;}	


			/* notes
			----------------------------------------------------------- */
			.notes p 							{ background-color: #f1f1f1; padding: 1.5rem 2rem; margin-bottom: 2rem;}


			/* font
			----------------------------------------------------------- */
			/* basic font-size: 14px; */
			.qaBlock dl	dt .qhead,
			.qaBlock dl	dd .ahead
/*												{ font-size: 2rem;} */
												{ font-size: 16px;}
			
			.content02 .column3Point dl dt h3,
			.column2Seminar dl dt h3
/*												{ font-size: 1.8rem;} */
												{ font-size: 16px;}

			.boxOrange h4,
			.qaBlock dl	dt .qtitle,
			.qaBlock dl	dd .answer
/*												{ font-size: 1.6rem;} */
												{ font-size: 16px;}

			.content01 .contentInner02 p,
			table.tableOrange th
/*												{ font-size: 1.6rem;} */
												{ font-size: 16px;}
			
			.content02 p.txt01,
			.content02 .column3Point dl dd p,
			.column2Seminar p,
			.boxOrange p,
			.content03 p.txt02
/*												{ font-size: 1.5rem;} */
												{ font-size: 16px;}
	
			table.tableOrange td
/*												{ font-size: 1.6rem;} */
												{ font-size: 16px;}
			.notes a
												{ font-size: 14px; padding-bottom: 1px; text-decoration: none;}
			.notes p
												{ font-size: 14px; text-decoration: none;}

}