@charset "utf-8";

/* CSS Document */
/*【320px以下SEに適用スマホ用】*/

@media (max-width:320px) {

	.sitecopy {
	color: black;
	font: 10px "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
	letter-spacing: 1px;
	text-align: left;
	top: 5px;
	white-space: nowrap;
	}
	.topbanner {
		font-size: 9px;
		line-height: 20px;
		text-align: left;
		clear: none;
	}
	#toplogo {
	top: 0px;
	background-color: white;
		padding-left: 10px;
		padding-bottom: 10px;
	}
	.logofield {
		text-align: right;
		margin-top: 10px;
	}
	.ifif {
		height: 390px;
	}
	.btop_bottom {
	background: url(../images/fujihara_ch.png) center no-repeat;
	height: 44px;
	}
	

	.toggle{
		position: absolute;
		left: 280px;
		top: 45px;
		z-index: 5;
		overflow: visible;
	}
	.youtube-box1 {
	margin-top: 10px;
	margin-bottom: 30px;
	transform: scale(1.2,1.2);
	
	}
	.youtube-box2 {
	margin-top: 10px;
	margin-bottom: 30px;
	transform: scale(1.2,1.2);
	}
	h6 {
	position: relative;
	padding: 1.2em 0.8em;
	background-color: rgba(169, 125, 65, 0.99);/*#f0f0f0*/
	}
	.chushaku1 {
	font-size: 10px;
	float: right;
	color: white;
	font-weight: normal;
	margin-left: 120px;
	margin-top: -27px;
	}
	.chushaku2 {
	font-size: 10px;
	float: right;
	color: white;
	font-weight: normal;
	margin-left: 120px;
	margin-top: -27px;
	}
	.chushaku3 {
	font-size: 11px;
	float: right;
	color: white;
	font-weight: normal;
	margin-left: 100px;
	margin-top: -15px;
	}
	#shinkan{
		width: 100%;
		height: 760px;
		background-color: #d0d9d7;
		padding: 10px;
	}
	.utop {

	margin-top: 10px;
   }

	.book{
		margin-right: 10px;
		margin-left: 0px;
	}
	#kazu_tushin{
		border: 1px solid silver;
		width: 100%;
		height: 500px;
		visibility: visible;
		overflow: scroll;
		font-size: 13px;
	}
	.h_banner {
   	width: 100%;
   	padding-top: 0px;
   	padding-bottom: 5px;
   }
   .hanegi_banner {
   	font-size: 12px;
   }

	.school{
			width: 80px;
	
		}
	
	
}

/*【320px以上に適用スマホ用】*/

@media(min-width:321px) and (max-width:479px) {

	.sitecopy {
	color: black;
	font: 10px "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
	letter-spacing: 1px;
	text-align: left;
	position: relative;
	white-space: nowrap;
	top: 0px;
	}
	.topbanner {
		font-size: 10px;
		line-height: 20px;
		text-align: left;
		clear: none;
	}

	#toplogo {
	top: 10px;
	background-color: white;
		padding-left: 10px;
		padding-bottom: 10px;
	}
	.logofield {
		text-align: right;
		margin-top: 10px;
	}
	.ifif {
		height: 390px;
	}
	.toggle{
	position: absolute;
	left: 280px;
	top: 45px;
	z-index: 5;
	overflow: visible;
	}

	.btop_bottom {
	background: url(../images/fujihara_ch.png) center center no-repeat;
	height: 44px;
	}
	.youtube-box1 {
	margin-top: 10px;
	margin-bottom: 10px;
	
	}
	.youtube-box2 {
	margin-top: 10px;
	margin-bottom: 10px;
	}
	h6 {
	position: relative;
	padding: 1.0em 1.0em;
	background-color: rgba(169, 125, 65, 0.99);/*#f0f0f0*/
	}
	.chushaku1 {
	font-size: 11px;
	float: right;
	color: white;
	font-weight: normal;
	margin-left: 130px;
	margin-top: -25px;
	}
	.chushaku2 {
	font-size: 11px;
	float: right;
	color: white;
	font-weight: normal;
	margin-left: 115px;
	margin-top: -25px;
	}
	.chushaku3 {
	font-size: 11px;
	float: right;
	color: white;
	font-weight: normal;
	margin-left: 100px;
	margin-top: 5px;
	}
	
	#shinkan{
		width: 100%;
		height: 680px;
		background-color: #d0d9d7;
		padding: 10px;
	}
	.utop {
	margin-top: 10px;
   }

	.book{
		margin-right: 10px;
		margin-left: 0px;
	}
	#kazu_tushin{
		border: 1px solid silver;
		width: 100%;
		height: 500px;
		visibility: visible;
		overflow: scroll;
		font-size: 13px;
	}
	.h_banner {
   	width: 100%;
   	padding-top: 0px;
   	padding-bottom: 5px;
   }
   .hanegi_banner {
   	font-size: 13px;
   }

	.school{
			width: 80px;
	
		}
	
}
/*【480px以上に適用タブレット用】*/

@media(min-width:480px) and (max-width:767px) {
	
	
	.sitecopy {
		color: black;
		font: 11px "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
		letter-spacing: 0px;
		text-align: left;
		}
	#toplogo{
		padding-right: 10px;
		padding-top: 20px;
		padding-left: 0px;
		position: relative;
		right: 40px;
	}
	.topbanner {
		font-size: 10px;
		line-height: 20px;
		text-align: left;
		clear: none;
	}
	.logofield {
		text-align: right;
		margin-top: 10px;
	}
	.toggle{
		position: absolute;
		left: 280px;
		top: 45px;
		z-index: 5;
		overflow: visible;
	}
	.pleft {
	background: url(../images/paraboraleft.png) no-repeat transparent;
	position: relative;
	-moz-background-size:50% auto;
	-webkit-background-size:50% auto;
	-o-background-size:50% auto;
	-ms-background-size:50% auto;
	top: 400px;
	left:55px;

	}
	.pright {
	background: url(../images/paraboraright.png) top no-repeat;
	position: relative;
	-moz-background-size:50% auto;
	-webkit-background-size:50% auto;
	-o-background-size:50% auto;
	-ms-background-size:50% auto;
	top: 400px;
	left:-30px;
	}
	.btop_bottom {
	background: url(../images/fujihara_ch.png) center center no-repeat transparent;
	height: 44px;
	}
	.youtube-box1 {
	margin-top: 10px;
	margin-bottom: 10px;
	
	}
	.youtube-box2 {
	margin-top: 10px;
	margin-bottom: 10px;
	}
	h6 {
	position: relative;
	padding: .6em .6em;
	background-color: rgba(169, 125, 65, 0.99);/*#f0f0f0*/
	}
	.chushaku1 {
	font-size: 11px;
	float: right;
	color: white;
	font-weight: normal;
	margin-left: 125px;
	margin-top: -20px;
	}
	.chushaku2 {
	font-size: 11px;
	float: right;
	color: white;
	font-weight: normal;
	margin-left: 125px;
	margin-top: -20px;
	}
	.chushaku3 {
	font-size: 11px;
	float: right;
	color: white;
	font-weight: normal;
	margin-left: 190px;
	margin-top: 7px;
	}
	 #shinkan{
	 	width: 100%;
	 	height: 560px;
	 	background-color: #d0d9d7;
	 	padding: 10px;
	 }
	 #shinkan iframe {
	 	padding-top: 10px;
	 }


	 .book{
	 	margin-right: 10px;
	 	margin-left: 10px;
	 	margin-top: 10px;
	 }
	 #kazu_tushin{
	 	border: 1px solid silver;
	 	width: 100%;
	 	height: 500px;
	 	visibility: visible;
	 	overflow: scroll;
	 	font-size: 13px;
	 }
	 .h_banner {
   	width: 100%;
   	padding-top: 0px;
   	padding-bottom: 5px;
   }
   .hanegi_banner {
   	font-size: 13px;
   }

	 .school{
	 		width: 80px;
	 
	 	}
	
}
/*【768px以上に適用PCタブレット用】*/

@media(min-width:768px) and (max-width:1023px) {
	
	.sitecopy {
		color: black;
		font: 11px "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
		letter-spacing: 0px;
		text-align: left;
	}
	
	.topbanner {
		font-size: 9px;
		line-height: 20px;
		text-align: left;
		clear: none;
	}
	#toplogo{
		padding-right: 0px;
		padding-top: 20px;
		padding-left: 10px;
	}
	.logofield {
		text-align: right;
		margin-top: 5px;
		margin-bottom: 5px;
	}
	.toggle{
		position: absolute;
		left: 280px;
		top: 45px;
		z-index: 5;
		overflow: visible;
	}
	.pleft {
	background: url(../images/paraboraleft.png) no-repeat;
	position: relative;
	-moz-background-size:50% auto;
	-webkit-background-size:50% auto;
	-o-background-size:50% auto;
	-ms-background-size:50% auto;
	top: 390px;
	left:70px;
	}
	.pright {
	background: url(../images/paraboraright.png)  top no-repeat;
	position: relative;
	-moz-background-size:50% auto;
	-webkit-background-size:50% auto;
	-o-background-size:50% auto;
	-ms-background-size:50% auto;
	top: 390px;
	right:40px;
	}
	.btop_bottom {
	background: url(../images/btop_bottom480.png) center center no-repeat;
	height: 31px;
	}
	.youtube-box1 {
	margin-top: 10px;
	margin-bottom: 10px;
	
	}
	.youtube-box2 {
	margin-top: 10px;
	margin-bottom: 10px;
	}
	h6 {
	position: relative;
	padding: .6em .6em;
	background-color: rgba(169, 125, 65, 0.99);/*#f0f0f0*/
	}

	.chushaku1 {
	font-size: 11px;
	float: right;
	color: white;
	font-weight: normal;
	margin-left: 125px;
	margin-top: -20px;
	}
	.chushaku2 {
	font-size: 11px;
	float: right;
	color: white;
	font-weight: normal;
	margin-left: 125px;
	margin-top: -20px;
	}
	.chushaku3 {
	font-size: 11px;
	float: right;
	color: white;
	font-weight: normal;
	margin-left: 190px;
	margin-top: 7px;
	}
		
	 #shinkan{
	 	width: 100%;
	 	height: 560px;
	 	background-color: #d0d9d7;
	 	padding: 10px;
	 }
	 #shinkan iframe {
	 	padding-top: 10px;
	 }


	 #kazu_tushin{
	 	border: 1px solid silver;
	 	width: 100%;
	 	height: 500px;
	 	visibility: visible;
	 	overflow: scroll;
	 	font-size: 13px;
	 }
	 .h_banner {
   	width: 100%;
   	padding-top: 0px;
   	padding-bottom: 5px;
   }
   .hanegi_banner {
   	font-size: 13px;
   }

	 .book{
	 	margin-right: 10px;
	 	margin-left: 10px;
	 	margin-top: 10px;
	 }
	 .school{
	 		width: 80px;
	 
	 	}
	
}
/*【1024px以上に適用PCタブレット用】*/

@media(min-width:1024px) and (max-width:1199px) {
	
	
	.sitecopy {
		color: black;
		font: 11px "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
		letter-spacing: 0px;
		text-align: left;
	}

	.topbanner {
	font-size: 12px;
	float: none;
	line-height: 20px;
	text-align: left;
	}
	#toplogo{
		padding-right: 10px;
		padding-top: 25px;
		padding-left: 10px;
	}
	.toggle{
		position: absolute;
		left: 280px;
		top: 45px;
		z-index: 5;
		overflow: visible;
	}
	.logofield {
		text-align: right;
		margin-top: 5px;
		margin-bottom: 5px;
	}
	.pleft {
	background: url(../images/paraboraleft.png) no-repeat;
	position: relative;
	-moz-background-size:50% auto;
	-webkit-background-size:50% auto;
	-o-background-size:50% auto;
	-ms-background-size:50% auto;
	top: 180px;
	left:80px;
	}
	.pright {
	background: url(../images/paraboraright.png) no-repeat;
	position: relative;
	-moz-background-size:50% auto;
	-webkit-background-size:50% auto;
	-o-background-size:50% auto;
	-ms-background-size:50% auto;
	top: 180px;
	right:0px;
	}
	.btop_bottom {
	background: url(../images/btop_bottom600.png) center center no-repeat;
	height: 38px;
	}
	h6 {
	position: relative;
	padding: .6em .6em;
	background-color: rgba(169, 125, 65, 0.99);/*#f0f0f0*/
	}
	.youtube-box1 {
	margin-top: 10px;
	margin-bottom: 10px;
	
	}
	.youtube-box2 {
	margin-top: 10px;
	margin-bottom: 10px;
	}

	.chushaku1 {
	font-size: 11px;
	float: right;
	color: white;
	font-weight: normal;
	margin-left: 0px;
	margin-top: 3px;
	}
	.chushaku2 {
	font-size: 11px;
	float: right;
	color: white;
	font-weight: normal;
	margin-left: 30px;
	margin-top: 3px;
	}
	.chushaku3 {
	font-size: 11px;
	float: right;
	color: white;
	font-weight: normal;
	margin-left: 190px;
	margin-top: 3px;
	}
	
	 #shinkan{
	 	width: 100%;
	 	height: 560px;
	 	background-color: #d0d9d7;
	 	padding: 10px;
	 }
	 #shinkan iframe {
	 	padding-top: 10px;
	 }


	 #kazu_tushin{
	 	border: 1px solid silver;
	 	width: 100%;
	 	height: 700px;
	 	visibility: visible;
	 	overflow: scroll;
	 	font-size: 13px;
	 }
	 
	 .book{
	 	margin-right: 10px;
	 	margin-left: 10px;
	 	margin-top: 10px;
	 }
	 .h_banner {
   	width: 100%;
   	padding-top: 0px;
   	padding-bottom: 5px;
   }
   .hanegi_banner {
   	font-size: 13px;
   }

	 .school{
	 		width: 80px;
	 
	 	}
	
}


/*【1200px以上に適用PC用】*/

@media(min-width:1200px) {
	.sitecopy {
	color: black;
	font: 11px "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
	letter-spacing: 10px;
	text-align: left;
	}
	#toplogo{
		padding-right: 10px;
		padding-top: 25px;
		padding-left: 10px;
	}
	.topbanner {
	font-size: 13px;
	float: none;
	line-height: 20px;
	text-align: left;
	}
	.logofield {
		text-align: right;
		margin-top: 5px;
		margin-bottom: 5px;
	}
	.toggle{
		position: absolute;
		left: 280px;
		top: 50px;
		z-index: 5;
		overflow: visible;
	}
	.pleft {
	background: url(../images/paraboraleft.png) right no-repeat;
	position: relative;
	transform: scale(0.6,0.6);
	top: 70px;
	left: 260px;
	transform-origin:100% bottom;

	}
	.pright {
	background: url(../images/paraboraright.png) left bottom no-repeat;
	position: fixed;
	/*-moz-background-size:50% auto;
	-webkit-background-size:50% auto;
	-o-background-size:50% auto;
	-ms-background-size:50% auto;*/
	transform: scale(0.6,0.6);
	top: 30px;
	left: -150px;
	transform-origin:0% bottom;
	}
	.btop_bottom {
	background: url(../images/btop_bottom.png) center center no-repeat;
	height: 44px;
	}
	.youtube-box1 {
	margin-top: 10px;
	margin-bottom: 10px;
	
	}
	.youtube-box2 {
	margin-top: 10px;
	margin-bottom: 10px;
	}
	h6 {
	position: relative;
	padding: .6em .6em;
	background-color: rgba(169, 125, 65, 0.99);/*#f0f0f0*/
	}


	.chushaku1 {
	font-size: 11px;
	float: right;
	color: white;
	font-weight: normal;
	margin-left: 0px;
	margin-top: 3px;
	}
	.chushaku2 {
	font-size: 11px;
	float: right;
	color: white;
	font-weight: normal;
	margin-left: 150px;
	margin-top: 3px;
	}
	.chushaku3 {
	font-size: 11px;
	float: right;
	color: white;
	font-weight: normal;
	margin-left: 150px;
	margin-top: 5px;
	}
	
   #shinkan{
   	width: 100%;
   	height: 550px;
   	background-color: #d0d9d7;
   	padding: 10px;
   }
   #shinkan iframe {
	 	padding-top: 10px;
	 }
      
   #kazu_tushin{
   	border: 1px solid silver;
   	width: 100%;
   	height: 550px;
   	visibility: visible;
   	overflow: scroll;
   	font-size: 13px;
   }
   .h_banner {
   	width: 100%;
   	padding-top: 0px;
	padding-bottom: 5px;
   }
   .hanegi_banner {
   	font-size: 13px;
   }
   .book{
   	margin-right: 10px;
   	margin-left: 10px;
   	
   }
   
   
}