@charset "utf-8";

/*==========================================================================================

共通

==========================================================================================*/
.guide{
	background:url(../../images/guide_bg.jpg);
}

	
/*==========================================================================================================

プリントアウト用（PC用CSSと同内容）

=============================================================================================================*/	
.manabi{
	text-align:center;
	padding-bottom:30px;
}
.manabi h2{
	font-size:32px;
	font-weight:bold;
	margin-bottom:90px;
}
.manabi .section01{
	width:auto;
	margin:0 auto;
}
	.manabi .section01 .block01{
		margin-bottom:60px;
	}
	.manabi .section01 .block02{
		margin-bottom:60px;
	}
	.manabi .section01 .block03{
		margin-bottom:60px;
	}

.manabi .section02{
	
}
	.manabi .section02 .block01{
		margin-bottom:100px;
	}
	
.manabi .section03{
	width:auto;
	margin:0 auto;
}
	.manabi .section03 .block01{
		margin-bottom:40px;
	}

.manabi .section04{
	margin-bottom:30px;
}
	.manabi .section04 .block01{
		float:left;
		width:52.5%;
		padding-bottom:20px;
	}
	.manabi .section04 .block02{
		float:right;
		width:42.2%;
		padding-bottom:20px;
	}

	
/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
  Media Queries による切り替え
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

/* スマホ向けのスタイル：0px〜720px（基準は320px）*/
@media only screen and (min-width: 0px) {
.manabi{
	text-align:center;
	padding-bottom:10px;
}
.manabi h2{
	font-size:120%;
	font-weight:bold;
	margin-bottom:30px;
}
.manabi .section01{
	width:100%;
	margin:0 auto;
}
	.manabi .section01 .block01{
		margin-bottom:20px;
	}
	.manabi .section01 .block02{
		margin-bottom:20px;
	}
	.manabi .section01 .block03{
		margin-bottom:20px;
	}

.manabi .section02{
	
}
	.manabi .section02 .block01{
		margin-bottom:40px;
	}
	
.manabi .section03{
	width:100%;
	margin:0 auto;
}
	.manabi .section03 .block01{
		margin-bottom:30px;
	}

.manabi .section04{
	margin-bottom:20px;
}
	.manabi .section04 .block01{
		float:left;
		width:100%;
		padding-bottom:20px;
	}
	.manabi .section04 .block02{
		float:right;
		width:100%;
		padding-bottom:20px;
	}

		
}
	
/* タブレット向けのスタイル：721px ～ 999px */
@media only screen and (min-width: 721px) {
.manabi{
	text-align:center;
	padding-bottom:30px;
}
.manabi h2{
	font-size:32px;
	font-weight:bold;
	margin-bottom:90px;
}
.manabi .section01{
	width:80%;
	margin:0 auto;
}
	.manabi .section01 .block01{
		margin-bottom:60px;
	}
	.manabi .section01 .block02{
		margin-bottom:60px;
	}
	.manabi .section01 .block03{
		margin-bottom:60px;
	}

.manabi .section02{
	
}
	.manabi .section02 .block01{
		margin-bottom:100px;
	}
	
.manabi .section03{
	width:60%;
	margin:0 auto;
}
	.manabi .section03 .block01{
		margin-bottom:40px;
	}

.manabi .section04{
	margin-bottom:30px;
}
	.manabi .section04 .block01{
		float:left;
		width:52.5%;
		padding-bottom:20px;
	}
	.manabi .section04 .block02{
		float:right;
		width:42.2%;
		padding-bottom:20px;
	}

}

/*  PC向けのスタイル：1000px以上*/
@media only screen and (min-width: 1000px) {
.manabi{
	text-align:center;
	padding-bottom:30px;
}
.manabi h2{
	font-size:32px;
	font-weight:bold;
	margin-bottom:90px;
}
.manabi .section01{
	width:auto;
	margin:0 auto;
}
	.manabi .section01 .block01{
		margin-bottom:60px;
	}
	.manabi .section01 .block02{
		margin-bottom:60px;
	}
	.manabi .section01 .block03{
		margin-bottom:60px;
	}

.manabi .section02{
	
}
	.manabi .section02 .block01{
		margin-bottom:100px;
	}
	
.manabi .section03{
	width:auto;
	margin:0 auto;
}
	.manabi .section03 .block01{
		margin-bottom:40px;
	}

.manabi .section04{
	margin-bottom:30px;
}
	.manabi .section04 .block01{
		float:left;
		width:52.5%;
		padding-bottom:20px;
	}
	.manabi .section04 .block02{
		float:right;
		width:42.2%;
		padding-bottom:20px;
	}
	
}