/*
Theme Name: kyugaku
Version: 1.0
*/

@import url("/css/base.css?ver=20210811");


/*####################################################################################

  	HOME

　####################################################################################*/



/* メインタイトル */


	.hs #globalheader h1{
		width:327px;
	}
	.jhs #globalheader h1{
		width:291px;
	}

@media screen and (max-width:770px){

	.hs #globalheader h1{
		width:262px;
	}
	.jhs #globalheader h1{
		width:233px;
	}

	#globalheader h1 img{
		width:100%;
		height:auto;
	}

}

@media screen and (max-width:480px){

	.hs #globalheader h1{
		width:196px;
	}
	.jhs #globalheader h1{
		width:175px;
	}

}
    
    
		.mainimage{
			width:100%;
			height:auto;
			overflow:hidden;
		}

			.mainimage li{
				width:100%;
				list-style:none;
			}

			.mainimage img{
				width:100%;
				height:auto;
			}



	.mainimage{
		max-width:1600px;
		width:100%;
        margin:0 auto;
		position:relative;
	}

		.mainimage ul{
			width:50%;
			margin:0;
			/*position:relative*/
			float: left;
            overflow: hidden;
		}
		#img2023.mainimage ul{width:100%;}

	@media screen and (max-width:770px){

		.mainimage ul{
			width:100%;
			float:none;
		}
		.mainimage :nth-of-type(2){
            display: none;
        }

	}
		
			.mainimage ul li{
				width:100%;
				list-style:none;
				line-height:0;
			}
			.mainimage ul li img{
				width:100%;
				height:auto;
			}

/*		@media screen and (max-width:480px){

			.mainimage ul li{
				width:100%;
				float:none;
			}
			
		}*/


			.mainimage ul li{zoom:1;}
			.mainimage ul li:after{
			  content: ""; 
			  display: block; 
			  clear: both;
			}

													@media screen and (max-width:480px){
													/*.mainimage ul li:nth-of-type(2){display:none;}*/
													}
	



/****************** TOPおしらせ ***********************/






/****************** 共通 ***********************/


　　.stdsec{
		width:90%;
		margin:0 auto;
	}

	.stdsec .inner h3{
		font-weight:700;
		font-size:1.4em;
		text-align:center;
	}

@media screen and (max-width:640px){

	.stdsec .inner h3{
		font-size:1.2em;
	}

}

@media screen and (max-width:480px){

	.stdsec .inner h3{
		font-size:1.1em;
	}

}



/****************** TOPおしらせ ***********************/


	.index .newssec{
		max-width:1200px;
		width:90%;
		margin:0 auto;
		padding:60px 0 50px;
	}

@media screen and (max-width:480px){
	
	.index .newssec{
		padding:30px 0 20px;
	}

}

	.index .newssec > .inner{
		width:calc((100% - 260px) * 0.9);
		float:left;
	}

@media screen and (max-width:1000px){
	
	.index .newssec > .inner{
		width:100%;
		margin-bottom:70px;
		float:none;
	}

}

	.stdsec .inner h3{
		margin-bottom:30px;
	}
	
	.hs .stdsec .inner h3{color:#801842;}
	.jhs .stdsec .inner h3{color:#006ec8;}


		.index .newssec > .inner .splist{display: none;}

	@media screen and (max-width:1000px){
		.index .newssec > .inner .pclist{display: none;}
		.index .newssec > .inner .splist{display: block;}
	}


		.index .newssec > .inner ul{
			margin-bottom:24px;
			
			
		}

			.index .newssec > .inner li{
				padding:15px 1%;
				list-style:none;
				border-bottom:1px dashed #ccc;
			}
			.index .newssec > .inner li:nth-of-type(1){
				border-top:1px dashed #ccc;
			}
	
			.index .newssec > .inner li{zoom:1;}
			.index .newssec > .inner li:after{
			  content: ""; 
			  display: block; 
			  clear: both;
			}
	
		
		@media screen and (max-width:480px){
		
			.index .newssec > .inner li{
				font-size:0.9em;
			}
		
		}
	
			
				.date{
					float:left;
				}
				
				.cat{
					width:60px;
					height:20px;
					margin:2px 10px;
					color:#fff;
					font-size:0.7em;
					text-align:center;
					line-height:20px;
					float:left;
					border-radius:3px;
				}
				.cat.hs{background-color:#801842;}
				.cat.jhs{background-color:#1d66cc;}
				.cat.midori{background-color:#060;}
				.cat.dousou{background-color:#963;}
	
				.title{
					width:calc(100% - 130px);
					float:right;
				}
		
			@media screen and (max-width:1000px){
		
				.title{
					width:100%;
					float:left;
				}
		
			}
	
				.linkbtn{
					display:block;
					width:200px;
					height:30px;
					padding:0;
					color:#fff;
					font-size:0.9em;
					font-weight:700;
					line-height:30px;
					text-align:center;
					background-color:#666;
					border-radius:3px;
				}
				.linkbtn:after{
					content:url(/shared/triangle_gray.png);
					display:block;
					position:relative;
					top:-13px;
				}



/* moreトリガー */

		.moretrigger{
			width:200px;
			height:42px;
			margin:0 auto;
			text-align:center;				
			background-repeat:no-repeat;
			background-size:200px auto;
			cursor:pointer;
		}
	
		.downtrigger{background-image:url(../hs/images/btn_more.png);}	
		.uptrigger{
			display:none;
			margin:20px auto;
			background-image:url(../hs/images/btn_close.png);
		}
	
	
		.downtrigger,
		.uptrigger{
			margin:12px auto -42px;
			
		}
	
		.morelist{
			display:none;
			position:relative;
			z-index:100;
		}
		.uptrigger{display:none;}





		/* バナー */

		.index .newssec .banbox{
			width:260px;
			float:right;
		}

	@media screen and (max-width:1000px){

		.index .newssec .banbox{
			margin:0 auto;
			float:none;
		}

	}

		.index .newssec .banbox li{
			margin-bottom:20px;
			list-style:none;
			line-height:0;
		}

		.index .newssec .banbox li:nth-last-of-type(1){
			font-size:0.85em;
			font-weight:700;
		}

		.index .newssec .banbox li:nth-last-of-type(1) a{
			color:#369;
			text-decoration:none;
		}


		.index .newssec .banbox li .note{
			margin-top:7px;
			font-size: 0.85em;
			line-height: 1.4em;
		}

		.index .newssec .banbox li .note h3{
			margin-bottom: 5px;
			color:#f33;
			font-weight:700;
		}

		.index .newssec .banbox li .kome{
			margin-top:8px;
			margin-bottom:0;
			color:#f00;
			font-size: 0.85em;
			line-height: 1.4em;
		}

		.index .newssec .banbox li .admissioninfo{
			width:100%;
			height:auto;
			padding-bottom: 7px;
			-moz-box-shadow:0 0 0 2px #006ec8 inset;
			-webkit-box-shadow:0 0 0 2px #006ec8 inset;
			box-shadow:0 0 0 2px #006ec8 inset;
		}

			.index .newssec .banbox li .admissioninfo h4{
				padding: 2px 0 7px;
				color:#fff;
				font-weight: 700;
				font-size:0.9em;
				text-align: center;
				line-height: 30px;
				background-color:#006ec8;
				letter-spacing: 0;
			}

			.index .newssec .banbox li .admissioninfo h4 span{
				display: block;
				width:90%;
				margin: 0 auto;
				font-size:0.75em;
				font-weight:400;
				line-height: 1.4em;
				text-align: left;
				letter-spacing: 0.07em;
			}


			.index .newssec .banbox li .admissioninfo h5{
				margin: 18px 0 15px;
				color:#006ec8;
				font-weight:700;
				text-align: center;
			}

			.index .newssec .banbox li .admissioninfo ul{
				width:90%;
				margin: 10px auto 0;
			}

				.index .newssec .banbox li .admissioninfo ul li{
					margin: 0;
					padding: 6px 0 5px;
					font-size: 0.7em;
					line-height: 1.5em;
					border-bottom:1px dashed #ccc;
				}
				.index .newssec .banbox li .admissioninfo ul li:nth-of-type(1){
					border-top:1px dashed #ccc;
				}

				.index .newssec .banbox li .admissioninfo ul li:nth-last-of-type(1){
					font-size: 0.7em;
					font-weight:400;
				}

				.index .newssec .banbox li .admissioninfo ul li:nth-last-of-type(1) a{
					color:#333;
					text-decoration:underline;
				}

				.index .newssec .banbox li .admissioninfo ul + .linkbtn{
					width:200px;
					height:24px;
					margin: 10px auto 5px;
					font-size:0.7em;
					line-height: 24px;
				}
				
				.index .newssec .banbox li .admissioninfo ul + .linkbtn:after{
					top:-8px;
				}

				.admissioninfo ul > li a{color:#00e !important;}
				.admissioninfo ul > li a:hover{color:#c00;}

					.banboxnote{
						margin:8px 0 0 !important;
						color:#c33 !important;
						font-size: 0.7em !important;
						line-height: 1.6em !important;
						position: relative !important;
						top:0 !important;
						letter-spacing: 0.01em !important;
					}

	
					.banboxnote + .kome{
						margin-left:10px !important;
						font-size: 0.7em !important;
						line-height: 1.6em !important;
						list-style:none !important;
						letter-spacing: 0.01em !important;
					}

					.banboxnote + .kome:before{
						content:"※";
						margin-right:-12px;
						position:relative;
						left:-11px;
					}




	.contentlink{
		padding:20px 0;
		background-color:#fff4f9;
	}

		.contentlink ul{
			max-width:1200px;
			width:90%;
			margin:0 auto;
		}
		.contentlink ul:nth-of-type(1){
			width:96%;
			padding-bottom:30px;
		}


	@media screen and (max-width:640px){

		.contentlink ul:nth-of-type(1){
			width:270px;
			margin:0 auto;
		}

	}
	
			.contentlink ul:nth-of-type(1) li{
				width:270px;
				height:50px;
				margin:20px 10px 0;
					display:-webkit-flex;
					display:flex;
					justify-content: center;
					-webkit-align-items:center;
					align-items:center;
				font-weight:700;
				float:left;
			}
			.contentlink ul:nth-of-type(1) li:nth-of-type(1){
				background-color:#807725;
			}
			.contentlink ul:nth-of-type(1) li:nth-of-type(2){
				background-color:#0b6b80;
			}
	
		@media screen and (max-width:640px){
			
			.contentlink ul:nth-of-type(1) li{
				margin:20px auto 0;
				float:none;
				font-size:0.9em;
			}

		}
	
			.contentlink ul:nth-of-type(1) li a{
				color:#fff;
				text-decoration:none;
			}
	
	
	
	

		@media screen and (max-width:640px){
	
			.contentlink ul:nth-of-type(2){
				max-width:300px;
				width:90%;
				margin:0 auto;
				font-size:0.9em;
			}
	
		}
		
			.contentlink ul:nth-of-type(2) li{
				margin:0 30px 10px 20px;
				float:left;
			}
			.contentlink ul:nth-of-type(2) li a{
				color:#330517;
				font-weight:700;
				text-decoration:none;
			}




/****************** 九州学院について ***********************/


	.index .about{
		padding:60px 0 25px;
		background-color:#f2f2f2;
	}

@media screen and (max-width:480px){
	
	.index .about{
		padding:30px 0 20px;
	}

}

		.index .about .inner{
			max-width:960px;
			width:96%;
			margin:0 auto; 
		}

		@media screen and (max-width:770px){

			.index .about .inner ul{
				max-width:640px;
				margin:0 auto; 
			}

		}
		
			.index .about .inner li{
				width:28%;
				margin:0 calc(16% / 6) 10px;
				float:left;
				list-style:none;
			}

		@media screen and (max-width:770px){
			
			.index .about .inner li{
				width:45%;
				margin:0 calc(10% / 4) 10px;
			}

		}

		@media screen and (max-width:480px){
			
			.index .about .inner li{
				font-size:0.9em;
			}

		}
	
				.index .about .inner li img{
					width:100%;
					height:auto;
				}
		
				.index .about .inner li p{
					margin:5px 0;
					color:#801842;
					font-weight:700;
					text-align:center;
				}

			@media screen and (max-width:480px){
				
				.index .about .inner li p{
					margin:0;
					font-size:0.9em;
				}
	
			}

			.index .about .inner li a{
                text-decoration: none;
            }



/****************** 関連リンク ***********************/


	.index .links{
		padding:60px 0 50px;
	}

@media screen and (max-width:480px){
	
	.index .links{
		padding:30px 0 20px;
	}

}

		.index .links .inner{
			max-width:1200px;
			width:96%;
			margin:0 auto; 
		}

		@media screen and (max-width:770px){

			.index .links .inner ul{
				max-width:640px;
				margin:0 auto; 
			}

		}
		
			.index .links .inner li{
				width:22.5%;
				margin:0 calc(10% / 8) 10px;
				float:left;
				list-style:none;
			}

		@media screen and (max-width:770px){
			
			.index .links .inner li{
				width:45%;
				margin:0 calc(10% / 4) 10px;
			}

		}

		@media screen and (max-width:480px){
			
			.index .links .inner li{
				font-size:0.9em;
			}

		}




/****************** 履修クラス ***********************/


	.index.hs .class{
		padding:60px 0 50px;
		background-image:url(/shared/bg_label-pink.png);
		background-repeat:no-repeat;
		background-position:50% -30px;
	}

@media screen and (max-width:480px){
	
	.index.hs .class{
		padding:30px 0 20px;
		background-size:150px auto;
		background-position:50% -30px;
	}

}

		.index.hs .class .inner{
			max-width:1000px;
			width:90%;
			margin:0 auto; 
		}

		.index.hs .class .inner h3{
			margin-bottom:50px;
		}
	
	@media screen and (max-width:480px){

		.index.hs .class .inner h3{
			margin-bottom:20px;
		}
	
	}

			.index.hs .class ul{
				max-width:1000px;
				width:90%;
				margin:30px auto;
			}
			
		@media screen and (max-width:480px){
			
			.index.hs .class ul{
				width:340px;
				margin:10px auto;
			}
			
		}
			
		@media screen and (max-width:370px){
			
			.index.hs .class ul{
				width:150px;
				margin:0 auto;
			}
			
		}
		
				.index.hs .class li{
					width:30%;
					margin-right:5%;
					float:left;
					list-style:none;
				}
				.index.hs .class li:nth-last-of-type(1){
					margin-right:0;
				}
				.index.hs .class li img{
					width:100%;
					height:auto;
				}
			
			@media screen and (max-width:480px){
		
				.index.hs .class li{
					width:150px;
					margin:10px;
				}
		
				.index.hs .class li:nth-last-of-type(1){
					margin:0 auto;
					float:none;
					position:relative;
					top:-30px;
				}
			
			}
			
			@media screen and (max-width:370px){
		
				.index.hs .class li{
					margin:0;
					float:none;
				}
		
				.index.hs .class li:nth-last-of-type(1){
					margin:0;
					top:0;
				}
			
			}


		.index.hs .class .spbox{
			max-width:1000px;
			width:90%;
			margin:0 auto;
			padding:25px 0;
			text-align:center;
            position: relative;
			-moz-box-shadow:0 0 0 1px #663 inset;
			-webkit-box-shadow:0 0 0 1px #663 inset;
			box-shadow:0 0 0 1px #663 inset;
			border-radius:20px;
		}
			
	@media screen and (max-width:640px){

		.index.hs .class .spbox{
			padding:15px 0;
			border-radius:10px;
		}
			
	}
		
			.index.hs .class .spbox h4{
				margin-bottom:20px;
				color:#663;
				font-size:1.2em;
				font-weight:700;
				text-align:center;
			}
			
		@media screen and (max-width:640px){
			
			.index.hs .class .spbox h4{
				margin-bottom:10px;
				font-size:1.0em;
			}
			
		}
			
			.index.hs .class .spbox img{
				width:92%;
				height:auto;
			}
			
			.index.hs .class .spbox p{
				width:90%;
				margin:15px auto 0;
				font-size:0.8em;
				text-align:left;
				line-height:1.7em;
			}
			
		@media screen and (max-width:640px){
			
			.index.hs .class .spbox p{
				margin:10px auto 0;
				font-size:0.6em;
				line-height:1.6em;
			}
			
		}




/****************** 教育の特色 ***********************/

	.index.jhs .class{
		padding:60px 0 50px;
		background-image:url(/shared/bg_label-skyblue.png);
		background-repeat:no-repeat;
		background-position:50% -30px;
	}

@media screen and (max-width:480px){
	
	.index.jhs .class{
		padding:30px 0 0;
		background-size:150px auto;
		background-position:50% -30px;
	}

}

		.index.jhs .class .inner{
			max-width:1000px;
			width:100%;
			margin:0 auto; 
			background-image:url("/jhs/images/img_tree.png");
			background-position: 50% 70px;
			background-repeat: no-repeat;
		}

	@media screen and (max-width:720px){

		.index.jhs .class .inner{
			background-size: 100% auto;
			background-position: 50% 50%;
		}

	}

	@media screen and (max-width:480px){

		.index.jhs .class .inner{
			background-position: 50% 47%;
		}

	}

		
		.index.jhs .class ul{
			max-width:1000px;
			width:90%;
			margin: 100px auto 0;
		}
	
	@media screen and (max-width:430px){
		
		.index.jhs .class ul{
			margin: 80px auto 0;
		}
	
	}
		
			.index.jhs .class li{
				width:45%;
				padding-bottom: 20px;
				color:#000;
				list-style: none;
				background-image: url("/shared/bg_clear-white90.png");
				border-radius:10px;
				position: relative;
				/*opacity: 0;*/
			}
	
		@media screen and (max-width:480px){
		
			.index.jhs .class li{
				width:270px;
			}
	
		}
/*
.animate:nth-child(1) {
	animation: listappear 2.0s ease 0.5s 1 forwards;
}
.animate:nth-child(2) {
	animation: listappear 2.0s ease 1.0s 1 forwards;
}
.animate:nth-child(3) {
	animation: listappear 2.0s ease 1.5s 1 forwards;
}
.animate:nth-child(4) {
	animation: listappear 2.0s ease 2.0s 1 forwards;
}

@keyframes listappear{
	0% {
		opacity: 0;
		transform: translatey(100px);
	}
	100% {
		opacity: 1;
		transform: translatex(0);
	}
}
*/

			.index.jhs .class li:nth-of-type(1){
				margin:0 auto 40px;
			}

			.index.jhs .class li:nth-of-type(2){
				margin:0 0 40px;
				float: left;
			}

			.index.jhs .class li:nth-of-type(3){
				margin:0 0 40px;
				float: right;
			}
		
			.index.jhs .class li:nth-of-type(4){
				clear: both;
				margin:0 auto;
			}
	
		@media screen and (max-width:480px){

			.index.jhs .class li:nth-of-type(1){
				margin:0 auto 10px;
			}

			.index.jhs .class li:nth-of-type(2){
				margin:0 0 10px;
			}

			.index.jhs .class li:nth-of-type(3){
				margin:200px 0 10px;
				top:-100px;
			}

			.index.jhs .class li:nth-of-type(4){
				top:-100px;
				margin-bottom:-80px;
			}
	
		}
	
		@media screen and (max-width:430px){

			.index.jhs .class li:nth-of-type(2){
				margin:0 auto 10px;
				float: none;
			}

			.index.jhs .class li:nth-of-type(3){
				margin:220px auto 10px;
				float: none;
			}
	
		}


				.index.jhs .class li h4{
					display:-webkit-flex;
					display:flex;
					justify-content: center;
					-webkit-align-items:center;
					align-items:center;
					color:#000;
					font-size:1.2em;
					height:50px;
					text-align: center;
					font-weight: 700;
					background-color: #ded6ea;
				}
	
			@media screen and (max-width:770px){

				.index.jhs .class li h4{
					font-size:1.0em;
					height:40px;
				}
	
			}
	
			@media screen and (max-width:640px){

				.index.jhs .class li h4{
					padding-left:20%;
				}
	
			}

				.index.jhs .class li .label{
					display:-webkit-flex;
					display:flex;
					justify-content: center;
					-webkit-align-items:center;
					align-items:center;
					width:100px;
					height:100px;
					margin-bottom: -100px;
					color:#000;
					font-size: 1.1em;
					font-weight: 700;
					background-color: #fc0;
					position: relative;
					border-radius: 50px;
					top:-80px;
					left:-15px;
				}

			@media screen and (max-width:770px){
		
				.index.jhs .class li .label{
					width:80px;
					height:80px;
					margin-bottom: -80px;
					font-size: 1.0em;
					border-radius: 40px;
					top:-60px;
				}

			}

			@media screen and (max-width:640px){
		
				.index.jhs .class li .label{
					width:60px;
					height:60px;
					margin-bottom: -60px;
					border-radius: 30px;
					top:-50px;
				}

			}

				.index.jhs .class li h5{
					margin: 15px 0 0;
					font-sie:1.2em;
					font-weight: 700;
					text-align: center;
				}
		
				.index.jhs .class li p{
					width:90%;
					margin: 5px auto 0;
					font-size:0.9em;
				}

			@media screen and (max-width:770px){
		
				.index.jhs .class li p{
					line-height: 1.7em;
				}

			}
		
		
		
/****************** 教育課程 ***********************/


	.index .katei{
		padding:60px 0 50px;
		background-color:#f2f2e6;
		background-image:url(/shared/bg_label-clear.png);
		background-repeat:no-repeat;
		background-position:50% -30px;
	}

@media screen and (max-width:480px){
	
	.index .katei{
		padding:30px 0 20px;
		background-size:150px auto;
		background-position:50% -30px;
	}

}

		.index .katei .inner{
			max-width:1000px;
			width:90%;
			margin:0 auto; 
		}

		.index .katei .inner h3{
			margin-bottom:50px;
		}
	
	@media screen and (max-width:480px){

		.index .katei .inner h3{
			margin-bottom:20px;
		}
	
	}

		.index .katei ul{
			max-width:890px;
			width:100%;
			margin:0 auto;
		}

			.index .katei li{
				list-style:none;
				border-bottom:1px dashed #ccc;
			}
			.index .katei li:nth-of-type(1){
				border-top:1px dashed #ccc;
			}

			.index .katei li a{
				display:block;
				padding:15px 0 15px 60px;
				font-size:1.1em;
				text-decoration:none;
				background-image:url(/shared/ico_pdf.png);
				background-repeat:no-repeat;
				background-position:20px 50%;
			}
	
		@media screen and (max-width:770px){
	
			.index .katei li a{
				font-size:1.0em;
			}
		
		}
		
		
		
/****************** 生きた英語教育 ***********************/


	.index.jhs .english{
		padding:60px 0 50px;
		background-color:#fffff2;
		background-image:url(/shared/bg_label-clear.png);
		background-repeat:no-repeat;
		background-position:50% -30px;
	}

@media screen and (max-width:480px){
	
	.index.jhs .english{
		padding:30px 0 20px;
		background-size:150px auto;
		background-position:50% -30px;
	}

}

		.index.jhs .english .inner{
			max-width:1000px;
			width:90%;
			margin:0 auto; 
		}

		.index.jhs .english .inner h3{
			margin-bottom:50px;
		}
	
	@media screen and (max-width:480px){

		.index.jhs .english .inner h3{
			margin-bottom:20px;
		}
	
	}


		.index.jhs .english .feature{
			padding: 28px 1% 0;
			border-bottom:1px dashed #ccc;
		}
		.index.jhs .english .feature:nth-of-type(1){
			border-top:1px dashed #ccc;
        }


.index.jhs .english .feature{zoom:1;}
.index.jhs .english .feature:after{
  content: ""; 
  display: block; 
  clear: both;
}


		.index.jhs .english .feature .leftnote{
			width: 48%;
			padding: 0 1%;
			font-size:1.1em;
			line-height: 1.8em;
			float: left;
		}

    @media screen and (max-width:1000px){

		.index.jhs .english .feature .leftnote{
			font-size:1.0em;
		}

    }

    @media screen and (max-width:770px){

		.index.jhs .english .feature .leftnote{
			width: 98%;
			float: none;
		}

    }

            .index.jhs .english .feature h4{
				color:#33a3ff;
				font-size:1.4em;
				font-weight:700;
			}

        @media screen and (max-width:1000px){

			.index.jhs .english .feature h4{
				font-size:1.1em;
			}

        }
 
        @media screen and (max-width:770px){

			.index.jhs .english .feature h4{
                line-height: 1.4em;
			}

        }
                
		.index.jhs .english .feature .rightnote{
			width: 24%;
			padding: 20px 3%;
			background-color: #fff;
			float: right;
		}

        .index.jhs .english .feature:nth-of-type(2) .rightnote{
            margin-top: 30px;
        }

    @media screen and (max-width:770px){

		.index.jhs .english .feature .rightnote{
			width: 64%;
			padding: 20px 3%;
		}
		.index.jhs .english .feature:nth-of-type(2) .rightnote{
            margin-top: 0;
        }

    }

    @media screen and (max-width:480px){

		.index.jhs .english .feature .rightnote{
			width: 60%;
            margin-bottom: 15px;
			padding: 15px 5%;
            font-size: 0.9em;
            line-height: 1.7em;
		}
		.index.jhs .english .feature:nth-of-type(2) .rightnote{
            margin-top: 0;
        }

    }

        .index.jhs .english .feature .rightnote p{
			margin:0;
		}


            .index.jhs .english .feature .leftnote table{
                margin: 20px 0 0;
                border-collapse:collapse;
                width:100%;
            }

                .index.jhs .english .feature .leftnote td{
                    padding: 0;
                    font-size:1.0em;
                    text-align:center;
                    border:1px solid #ccc;
                    line-height: 1.3em;
                }

            @media screen and (max-width:1000px){

                .index.jhs .english .feature .leftnote td{
                    font-size:0.9em;
                }

            }

                .index.jhs .english .feature .leftnote th{
                    padding: 0;
                    font-size:0.9em;
                    font-weight:400;
                    background-color: #fff;
                    border:1px solid #ccc;
               }

                .index.jhs .english .feature .leftnote tr:nth-of-type(1) th{
                    padding: 0;
                    background-color: #ffc;
                }

               /* .index.jhs .english .feature .leftnote tr:nth-of-type(2) th{
                    padding: 5px 0 3px;
                    font-size: 0.8em;
                    line-height: 1.1em;
                    background-color: #ffc;
                }

            @media screen and (max-width:1000px){

                .index.jhs .english .feature .leftnote tr:nth-of-type(2) th{
                    padding: 2px 0 0;
                }

            }*/

            .index.jhs .english .feature .leftnote table + p{
				margin-top: 10px;
				font-size:0.9em;
			}



            .index.jhs .english .feature .featureimg{
                width:19%;
                text-align: center;
                float: left;
            }
            .index.jhs .english .feature:nth-of-type(2) .featureimg{
                margin-top: 30px;
            }
            .index.jhs .english .feature .featureimg img{
                width:75%;
                height:auto;
				position: relative;
            }

        @media screen and (max-width:770px){

            .index.jhs .english .feature .featureimg{
                width:29%;
            }
            .index.jhs .english .feature .featureimg img{
                max-width:120px;
                width:75%;
            }

        }

        .index.jhs .english .feature:nth-of-type(3){
            width:46%;
            padding: 28px 3% 20px 1%;
            float:left;
            border-bottom:none;
        }
 
    @media screen and (max-width:770px){
                
        .index.jhs .english .feature:nth-of-type(3){
            width:98%;
            padding: 28px 1% 20px;
			float: none;
            border-bottom: 1px dashed #ccc;
		}

    }


        .index.jhs .english .feature:nth-of-type(3) .featureimg{
            width:45%;
            margin: 18px 0 0 20px;
            float:right;
        }

    @media screen and (max-width:770px){

        .index.jhs .english .feature:nth-of-type(3) .featureimg{
            margin: 15px 0 0 -8px;
            position: relative;
            left:10px;
        }

    }
            
            .index.jhs .english .feature:nth-of-type(3) .featureimg img{
                width:100%;
            }

			.index.jhs .english .feature h5{
                margin:15px 0 10px;
				font-size:1.1em;
				font-weight:700;
			}
            .index.jhs .english .feature:nth-of-type(3) h5,
            .index.jhs .english .feature:nth-of-type(4) h5{
                color:#006ec8;
            }
     
			.index.jhs .english .feature h5 + p{
				margin-top: 10px;
			}

        @media screen and (max-width:1000px){

			.index.jhs .english .feature h5{
                margin:15px 0 10px;
				font-size:1.0em;
			}

        }

        @media screen and (max-width:770px){

			.index.jhs .english .feature h5{
 				font-size:0.9em;
                line-height: 1.4em;
			}

        }


        .index.jhs .english .feature:nth-of-type(4){
            width:calc(46% - 1px);
            padding: 28px 1% 20px 3%;
            float:right;
            border-left:1px dashed #ccc;
            border-bottom:none;
        }
 
    @media screen and (max-width:770px){
                
        .index.jhs .english .feature:nth-of-type(4){
            width:98%;
            padding: 28px 1% 20px;
			float: none;
            border-left:none;
		}

    }

        .index.jhs .english .feature:nth-of-type(4) ul{
            margin:5px 0 0 20px;
            font-size:0.9em;
        }

        .index.jhs .english .feature:nth-of-type(4) li{
             margin-bottom: 5px;
            line-height: 1.5em;
        }
           
            
        .index.jhs .english .feature:nth-of-type(5){
            clear: both;
			border-top:1px dashed #ccc;
        }
















/*####################################################################################

  	学校生活

　####################################################################################*/


	.life .mainimage{
		max-width:1600px;
		width:100%;
		margin:0 auto;
		line-height:0;
	}

		.life .mainimage img{
			width:100%;
			height:auto;
		}


/****************** クラブ紹介 ***********************/


	.life .club,
	.life .clubdetail{
		padding:60px 0 50px;
		background-repeat:no-repeat;
		background-position:50% -30px;
	}
	.hs.life .club,
	.hs.life .clubdetail{
		background-image:url(/shared/bg_label-pink.png);
	}
	.jhs.life .club,
	.jhs.life .clubdetail{
		background-image:url(/shared/bg_label-skyblue.png);
	}

@media screen and (max-width:480px){

	.life .club,
	.life .clubdetail{
		padding:60px 0 0;
	}

	.life .katei{
		padding:30px 0 20px;
		background-size:150px auto;
		background-position:50% -30px;
	}

}


	.life .club .inner{
		max-width:1000px;
		width:90%;
		margin:0 auto;
	}

		.life .club .catch{
			margin:45px 0 30px;
			font-size:1.4em;
			font-weight:700;
			text-align:center;
		}

	@media screen and (max-width:1000px){

		.life .club .catch{
			margin:45px 0 30px;
			font-size:1.2em;
		}

	}

	@media screen and (max-width:770px){

		.life .club .catch{
			margin:45px 0 30px;
			font-size:1.1em;
		}

	}
	
		.life .club .catch + p{
			max-width:670px;
			margin:0 auto 30px;
		}

	@media screen and (max-width:770px){
	
		.life .club .catch + p{
			font-size:0.9em;
			line-height:1.7em;
		}

	}

		.life .club .inner .clublist{
			width:30%;
			margin-right:5%;
			float:left;
		}
		.life .club .inner .clublist:nth-last-of-type(1){
			margin-right:0;
		}

	@media screen and (max-width:640px){

		.life .club .inner .clublist,
		.life .club .inner .clublist:nth-last-of-type(1){
			max-width:300px;
			width:90%;
			margin:0 auto 15px;
			float:none;
		}

	}
		
			.life .club .inner .clublist h4{
				display:-webkit-flex;
				display:flex;
				justify-content: center;
				-webkit-align-items:center;
				align-items:center;
				width:100%;
				height:100px;
				margin-bottom:35px;
				color:#fff;
				font-size:1.4em;
				font-weight:700;
				border-radius:10px;
				background-image:url(/shared/img_mark.png);
				background-repeat:no-repeat;
				background-position:20px 50%;
				
			}

			.hs.life .club .inner .clublist h4{background-color:#801842;}
			.jhs.life .club .inner .clublist h4{background-color:#006ec8;}

		@media screen and (max-width:1000px){

			.life .club .inner .clublist h4{
				height:80px;
				border-radius:8px;
			}
			
		}

		@media screen and (max-width:770px){

			.life .club .inner .clublist h4{
				height:60px;
				margin-bottom:20px;
				font-size:1.2em;
				border-radius:5px;
				background-size:30px auto;
			}
			
		}

		@media screen and (max-width:640px){

			.life .club .inner .clublist h4{
				height:50px;
				margin-bottom:15px;
				font-size:0.9em;
				border-radius:3px;
			}
			
		}
			
			
			.life .club .inner .clublist ul:before{
				width:35px;
				margin:0 auto;
				display:block;
				position:relative;
				top:-10px;
			}
			.hs.life .club .inner .clublist ul:before{content:url(/shared/img_triangle-hs.png);}
			.jhs.life .club .inner .clublist ul:before{content:url(/shared/img_triangle-jhs.png);}

		@media screen and (max-width:770px){
			
			.life .club .inner .clublist ul:before{
				top:-5px;
			}

		}

		@media screen and (max-width:640px){
			
			.life .club .inner .clublist ul:before{
				display:none;
			}

		}
		
			.life .club .inner .clublist ul li{
				height:50px;
				margin-bottom:15px;
				border-radius:5px;
				list-style:none;
			}
			.hs.life .club .inner .clublist ul li{background-color:#fff0f7;}
			.jhs.life .club .inner .clublist ul li{background-color:#e6f4ff;}

		@media screen and (max-width:770px){

			.life .club .inner .clublist ul li{
				border-radius:3px;
			}

		}

			.life .club .inner .clublist ul li a{
				display:-webkit-flex;
				display:flex;
				justify-content: center;
				-webkit-align-items:center;
				align-items:center;
				width:100%;
				height:100%;
				text-align:center;
				text-decoration:none;
				font-size:1.1em;
				font-weight:700;
				line-height:1.3em;
			}

		@media screen and (max-width:770px){

			.life .club .inner .clublist ul li a{
				font-size:0.9em;
			}

		}


	/* クラブ詳細 */

		.life .clubdetail h3 + a{
			display: block;
			width:130px;
			height:36px;
			margin: 0 auto;
			color:#fff;
			font-weight: 700;
			font-size:0.9em;
			line-height: 36px;
			text-align: center;
			text-decoration: none;
			border-radius:18px;
			background-color: #801842;
		}
		.life.jhs .clubdetail h3 + a{background-color:#006ec8;}


	@media screen and (max-width:480px){

		.life .clubdetail h3 + a{
			width:120px;
			height:30px;
			margin: 0 auto;
			line-height: 30px;
			border-radius:15px;
		}
			
	}

			.life .clubdetail h4{
				width:100%;
				margin:50px 0 30px;
				text-align: center;
				font-size:1.4em;
				font-weight:700;
			}

		@media screen and (max-width:770px){

			.life .clubdetail h4{
				margin:40px 0 20px;
				font-size:1.2em;
			}
			
		}

		@media screen and (max-width:640px){

			.life .clubdetail h4{
				font-size:1.1em;
			}
			
		}

			.life .clubdetail h5{
				width:100%;
				margin:5px 0 0;
				color:#036;
				font-size:1.0em;
				font-weight:700;
			}

			.life .clubdetail h5 + p{
				margin: 5px 0 15px 5%;
			}


		.clubimage{
			max-width: 600px;
			width:90%;
			margin: 0 auto;
		}

		.clubimage2,
		.clubimage3{
			max-width: 1200px;
			width:90%;
			margin: 0 auto;
		}

		.clubimage4{
			max-width: 450px;
			width:90%;
			margin: 0 auto;
		}

		.clubimage_s{
			max-width: 240px;
			width:90%;
			height: auto;
			margin: 0 auto;
		}

		.clubimage_280{
			max-width: 280px;
			width:90%;
			height: auto;
			margin: 0 auto;
		}

		.clubimage_420{
			max-width: 420px;
			width:90%;
			height: auto;
			margin: 0 auto;
		}

		.clubimage img,
		.clubimage3 img,
		.clubimage4 img,
		.clubimage_s img,
		.clubimage_280 img,
		.clubimage_420 img{
			width:100%;
			height:auto;
		}

		.clubimage2 img{
			width:50%;
			height:auto;
		}


		.clubdetail table{
			max-width:840px;
			width:90%;
			margin: 50px auto;
			border-collapse:collapse;
		}

	@media screen and (max-width:480px){

		.clubdetail table{
			margin: 30px auto;
		}

	}

			.clubdetail th{
				width: 150px;
				padding: 15px 2% 12px;
				color:#036;
				font-size: 0.9em;
				font-weight: 400;
				line-height: 1.4em;
				border-top:1px solid #ccc;
				border-bottom:1px solid #ccc;
				background-color: #f2f2f2;
				white-space: nowrap;
				vertical-align: top;
			}

			.clubdetail td{
				width:calc(90% - 150px);
				padding: 10px 0 8px 3%;
				line-height: 1.7em;
				border-top:1px solid #ccc;
				border-bottom:1px solid #ccc;
			}

		@media screen and (max-width:770px){

			.clubdetail th{
				display: block;
				width:100%;
				padding: 10px 0 7px;
				border:none;
				vertical-align:middle;
			}
			.clubdetail th br{display:none;}

			.clubdetail td{
				display: block;
				width:96%;
				padding: 12px 0 15px 2%;
				border:none;
			}

		}


			.clubdetail td ul{
				margin-left: 25px;
			}

			.clubdetail td ol{
				margin-left: 25px;
			}
			.clubdetail td ol.marunum{
				margin-left: 0;
			}

				.clubdetail td ul li{
					margin-bottom: 5px;
				}

				.clubdetail td ol li{
					margin-bottom: 5px;
				}

			.clubdetail td table{
				width:100%;
				margin:5px 0 20px;
				
			}
			.clubdetail td table th{
				width:30px;
				padding: 14px 0 10px;
				text-align: center;
				background-color:transparent !important;
			}
			.clubdetail td table th:nth-last-of-type(2){
				width:40px;
			}

		@media screen and (max-width:640px){
			
			.clubdetail td table th{
				display: inline;
				width:30px;
				padding: 5px 2% ;
				border:none;
			}

			.clubdetail td table td{
				display: block;
				width:96%;
				padding: 12px 2% 15px;
				border:none;
				border-top:1px solid #ccc;
			}
		}


		.resulttable th{
			font-weight:700;
		}





/*####################################################################################

  	入試情報

　####################################################################################*/


	.admission .mainimage{
		max-width:1600px;
		width:100%;
		margin:0 auto;
		line-height:0;
	}

		.admission .mainimage img{
			width:100%;
			height:auto;
		}


/****************** 生徒募集要項 ***********************/

	.admission .netapp.stdsec{
		background-color: #f2f2f2;
	}

	.jhs.admission .youkou.stdsec{
		background-color: #fff;
	}

	.jhs.admission .gansho.stdsec{
		background-color: #f2f2f2 !important;
	}

	.jhs.admission .openschool2.stdsec{
		background-color: #fff !important;
	}

	.jhs.admission .setsumeikai.stdsec{
		background-color: #f2f2f2 !important;
	}



/* インターネット出願 */

	.admission .netapp{
		padding:60px 0 50px;
		background-repeat:no-repeat;
		background-position:50% -30px;
	}
	.admission .netapp{
		background-image:url(/shared/bg_label-clear.png);
	}

@media screen and (max-width:480px){
	
	.admission .netapp{
		padding:30px 0 20px;
		background-size:150px auto;
		background-position:50% -30px;
	}

}


	.admission .netapp .inner{
		
		
		width:90%;
		margin:0 auto;
	}

	.admission .netapp .inner ul{
		max-width:610px;
		width: 100%;
		margin: 0 auto;
	}
	.hs.admission .netapp .inner ul{
		max-width:800px;
	}

	.admission .netapp .inner li{
		list-style: none;			
		float: left;
	}
	.hs.admission .netapp .inner li{
		width:calc(100% / 2);
		list-style: none;			
		float: left;
	}
	.hs.admission .netapp.btn3 .inner li{
		width:calc(100% / 3);
	}

	.jhs.admission .netapp .inner li{
		width: 50%;
	}
	.admission .netapp .inner li:nth-of-type(1),
	.jhs.admission .netapp .inner li:nth-of-type(4),
	.hs.admission .netapp .inner li:nth-of-type(5),
	.admission .netapp.btn3 .inner li:nth-of-type(1),
	.hs.admission .netapp.btn3 .inner li:nth-of-type(5){
		width:100%;
		margin-bottom:-15px;
	}
	.jhs.admission .netapp .inner li:nth-of-type(4),
	.hs.admission .netapp .inner li:nth-of-type(5){
		margin-top: 30px;
	}

	.hs.admission .netapp .inner li:nth-of-type(4){
		font-size:0.8em;
	}
	
	.admission .netapp .inner li p{
		margin-bottom:-5px; 
		font-weight: 700;
		position: relative;
		top:-10px;
	}
	

@media screen and (max-width:770px){
	
	.admission .netapp .inner li{
		max-width: 400px;
		width: 100%;
		margin: 0 auto;
		float:none;
	}
	.admission .netapp .inner li:nth-of-type(1),
	.jhs.admission .netapp .inner li:nth-of-type(4),
	.hs.admission .netapp .inner li:nth-of-type(5){
		margin-bottom:0;
	}
	.jhs.admission .netapp .inner li:nth-of-type(4),
	.hs.admission .netapp .inner li:nth-of-type(5){
		margin-top:50px;
	}
	
	.admission .netapp .inner li p{
		display: block;
		margin-bottom:-5px; 
		text-align: center;
		top:-15px;
	}
	
}
	.admission .netapp .inner li p.align-left{
		text-align: left;
	}

	.admission .netapp .inner li:nth-of-type(2) .btn3,
	.admission .netapp .inner li:nth-of-type(3) .btn3,
	.hs.admission .netapp .inner li:nth-of-type(4) .btn3,
	.jhs.admission .netapp .inner li:nth-of-type(5) .btn3,
	.jhs.admission .netapp .inner li:nth-of-type(6) .btn3{
		max-width:80%;
		height: 50px;
		font-size:1.0em;
		background-color: #666;
	}

@media screen and (max-width:480px){

	.admission .netapp .inner li:nth-of-type(2) .btn3,
	.admission .netapp .inner li:nth-of-type(3) .btn3,
	.admission .netapp .inner li:nth-of-type(5) .btn3,
	.admission .netapp .inner li:nth-of-type(6) .btn3{
		font-size:0.8em;
	}

}

	.jhs.admission .netapp .inner ul + table{
		width:100%;
		margin-top: 50px;
		border-collapse: collapse;
	}

@media screen and (max-width:1000px){

	.jhs.admission .netapp .inner ul + table{
		font-size: 0.9em;
	}

}
@media screen and (max-width:430px){

	.jhs.admission .netapp .inner ul + table{
		font-size: 0.85em;
		margin-top: 30px;
	}

}

	.jhs.admission .netapp .inner ul + table th{
		padding: 10px 5px;
		font-size: 0.9em;
		line-height: 1.3em;
		background-color: #ffe6e6;
		border: 1px solid #ccc;
		white-space: nowrap;
	}

	.jhs.admission .netapp .inner ul + table tr:nth-of-type(1) th{
		padding: 5px 0;
		color:#fff;
		font-weight: 400;
		background-color: #666;
		border: 1px solid #fff;
	}

	.jhs.admission .netapp .inner ul + table td{
		padding: 10px 15px;
		font-weight: 700;
		text-align: center;
		background-color: #fff;
		border: 1px solid #ccc;
	}

@media screen and (max-width:640px){

	.jhs.admission .netapp .inner ul + table td{
		padding: 10px 5px;
	}

}

@media screen and (max-width:430px){

	.jhs.admission .netapp .inner ul + table td{
		font-weight: 400;
	}

}




	.jhs.admission .netapp .inner .spbox{
		width:86%;
	}






/* 募集要項 */

	.admission .youkou{
		padding:60px 0 50px;
		background-repeat:no-repeat;
		background-position:50% -30px;
	}
	.hs.admission .youkou{
		background-image:url(/shared/bg_label-pink.png);
	}
	.jhs.admission .youkou{
		background-image:url(/shared/bg_label-skyblue.png);
	}

@media screen and (max-width:480px){
	
	.admission .youkou{
		padding:30px 0 20px;
		background-size:150px auto;
		background-position:50% -30px;
	}

}


	.admission .youkou .inner{
		max-width:1000px;
		width:90%;
		margin:0 auto;
	}


	.admission .youkou .inner .spbox{
		width:86%;
	}



		.admission .catch{
			margin:45px 0 30px;
			font-size:1.4em;
			font-weight:700;
			text-align:center;
		}
		.admission .catch.time{
			width:340px;
			margin:0;
			line-height: 1.9em;
			position: relative;
			top:-25px;
			left:205px;
		}
		.admission .catch.time2{
			width:230px;
			margin:0 auto;
			line-height: 1.9em;
			position: relative;
			top:-25px;
			left:540px;
		}

	@media screen and (max-width:1000px){

		.admission .catch{
			font-size:1.2em;
		}

		.admission .catch.time{
			width:300px;
			left:215px;
		}
		.admission .catch.time2{
			width:200px;
			left:285px;
		}

}

	@media screen and (max-width:770px){

		.admission .catch{
			font-size:1.1em;
		}

		.admission .catch.time{
			width:270px;
			left:225px;
		}
		.admission .catch.time2{
			width:180px;
			left:290px;
		}

	}

	@media screen and (max-width:640px){

		.admission .catch.time{
			width:100%;
			text-align: center;
			left:0;
		}
		.admission .catch.time2{
			width:100%;
			text-align: center;
			left:0;
		}

	}

	@media screen and (max-width:480px){

		.admission .catch{
			font-size:1.0em;
		}

	}

	@media screen and (max-width:400px){

		.admission .catch{
			position: relative;
		}

	}


		.admission .note{
			max-width: 640px;
			width:100%;
			margin:50px auto 20px;
			text-align: left !important;
		}

	@media screen and (max-width:770px){
	
		.admission .note{
			font-size:0.9em;
			line-height:1.7em;
		}

	}
	
		.admission .note li{
			margin-bottom: 10px;
		}

	@media screen and (max-width:770px){
	
		.admission .note{
		}

	}


	.admission .youkou .inner div.note{
		max-width:480px;
	}

	.gansho .note + .note{
		margin-top: 0;
	}

		.admission .note.align-center{text-align: center !important;}

		.admission .note2{
			max-width: 620px;
			width:100%;
			margin:15px auto;
			text-align: left !important;
		}

	@media screen and (max-width:770px){
	
		.admission .note2{
			font-size:0.9em !important;
			line-height:1.7em;
		}

	}
	
		.admission .note h4{
			margin:30px 0 10px;
			color:#006ec8;
			font-size:1.1em;
			font-weight: 700;
			text-align: left;
		}

	@media screen and (max-width:770px){
	
		.admission .note h4{
			font-size:1.0em;
		}

	}


			.admission .dlbtn{
				display:-webkit-flex;
				display:flex;
				justify-content: center;
				-webkit-align-items:center;
				align-items:center;
				width:540px;
				height:80px;
				margin:20px auto;
				color:#fff;
				font-size:1.2em;
				font-weight:700;
				border-radius:10px;
				text-decoration:none;
				text-align: center;
				line-height:1.4em;
				background-image:url(/shared/img_mark.png);
				background-repeat:no-repeat;
				background-position:20px 50%;
				
			}

			.hs.admission .dlbtn{background-color:#801842;}
			.jhs.admission .dlbtn{background-color:#006ec8;}

			.hs.admission span.dlbtn{background-color:#999;}

			.admission .dlbtn.btn3{
				max-width:400px;
				width: 90%;
				height:60px;
				border-radius:5px;
			}

		@media screen and (max-width:1000px){

			.admission .dlbtn{
				height:70px;
				border-radius:8px;
			}

			.admission .dlbtn.btn3{
				height:60px;
			}
		}

		@media screen and (max-width:770px){

			.admission .dlbtn{
				max-width:480px;
				width:90%;
				height:60px;
				margin:0 auto 20px;
				font-size:1.1em;
				border-radius:5px;
				background-size:30px auto;
			}
			
		}

		@media screen and (max-width:640px){

			.admission .dlbtn.btn2,
			.admission .dlbtn.btn3{
				height:60px;
			}
			
		}

		@media screen and (max-width:480px){

			.admission .dlbtn{
				height:50px;
				margin-bottom:15px;
				font-size:0.9em;
				border-radius:3px;
			}
			
		}

			.admission .dlbtn span{
				font-weight:400;
			}



            .admission .dlbtn.youkoudl{
                margin-bottom: 0;
            }
            .admission .dlbtn.youkoudl + .kome{
                width:calc(100% - 30px);
                margin-bottom: -30px;
                position: relative;
                top:-30px;
                left:20px;
            }


         	   .admission .henkou{
				   display: block;
				   max-width: 480px;
				   width:calc(90% - 60px); 
				   margin: 30px auto 0;
				   padding:20px 30px 15px;
				   color:#c33;
				   text-decoration: none;
				   line-height: 1.5em;
				   background-color: #fff0f5;
				   border-radius: 10px;
				}

			@media screen and (max-width:430px){

         	   .admission .henkou{
				   padding:20px 30px 5px;
				}

			}


	         	   .admission .henkou h4{
					   padding: 5px 0;
					   color: #fff;
					   font-weight:700;
					   text-align: center;
					   background-color: #c33;
					}

	         	   .admission .henkou ol{
					   margin-bottom:20px;
					}

					   .admission .henkou li{
						   margin-bottom: 5px;
						}

	         	   .admission .henkou span.amount{
					   color: #F00 !important;
					   font-size: 1.1em;
					}

					.admission .henkou span.stext{
					   font-size:0.9em;
					}

				.inlinesp1-5.noilsp2{
					display: none;
				}

			@media screen and (max-width:640px){

         	   .admission .henkou{
				   width:calc(90% - 40px); 
				   margin: 20px auto 10px;
				   padding: 20px 20px;
				   font-size: 0.9em;
				}

				   .admission .henkou p{
					   font-size: 0.9em;
					}

	         	   .admission .henkou span.amount{
					   font-size: 1.0em;
					}

				.inlinesp1-5.noilsp2{
					display: inline;
				}

			}

			@media screen and (max-width:430px){

         	   .admission .henkou p span.num{
				   display: block;
				   margin: 15px 0 5px;
				   border-bottom: 2px solid #fff;
				}
				
				.inlinesp1-5.noilsp2{
					display: none;
				}

			}

			@media screen and (max-width:370px){

         	   .admission .henkou{
					font-size: 0.8em;
				}

			}





            .jhs.admission .dlbtn2{
                display: block;
				width:540px;
				margin:20px auto;
                padding: 10px 0;
				color:#fff;
				font-size:1.2em;
				font-weight:700;
				border-radius:10px;
				text-decoration:none;
                text-align: center;
				line-height:1.3em;
                background-color:#006ec8;
				background-image:url(/shared/img_mark.png);
				background-repeat:no-repeat;
				background-position:20px 50%;
			}
			.dlbtn2.entry{background-color:#036 !important;}

			.jhs.admission .dlbtn2 p{
                margin: 5px 0 0;
                font-size:0.8em;
            }

		@media screen and (max-width:1000px){

			.jhs.admission .dlbtn2{
				border-radius:8px;
			}
			
		}

		@media screen and (max-width:770px){

			.jhs.admission .dlbtn2{
				max-width:480px;
				width:90%;
				margin:0 auto 20px;
				font-size:1.1em;
				border-radius:5px;
				background-size:30px auto;
			}
			
		}

		@media screen and (max-width:480px){

			.jhs.admission .dlbtn2{
				margin-bottom:15px;
				font-size:0.9em;
				border-radius:3px;
			}
            .jhs.admission .dlbtn2 p{
                font-size:0.9em;
            }
			
		}




			.admission .btnentry{
				margin: 30px 0;
			}

			.admission .btnentry h4{
				margin-bottom: 20px;
				padding-bottom: 10px;
				color: #801842;
				font-weight: 700;
				font-size:1.2em;
				text-align: center;
				border-bottom:1px dashed #ccc;
			}

				.admission .btnentry li{
					width: 30%;
					height:60px;
					margin-right: 5%;
					list-style: none;
					float: left;
					box-shadow:0 0 0 2px #801842 inset;
					background-color: #fff;
					border-radius: 5px;
				}

			/* 説明会 */
				.admission .setsumeikai .btnentry li{
					max-width: 540px;
					width: 90%;
					height:60px;
					margin:0 auto !important;
					float: none;
				}

			@media screen and (max-width:770px){

				.admission .setsumeikai .btnentry li{
					max-width: 480px;
				}

			}

			@media screen and (max-width:480px){

				.admission .setsumeikai .btnentry li{
					height:50px;
				}

			}


				.admission .btnentry li:nth-last-of-type(1){
					margin-right: 0;
				}

				.admission .btnentry li a,
				.admission .btnentry li span{
					display:block;
					display:-webkit-flex;
					display:flex;
					justify-content: center;
					-webkit-align-items:center;
					align-items:center;
					width: 100%;
					height: 100%;
					color:#801842;
					font-weight:700;
					line-height: 1.3em;
					text-decoration: none;
					text-align: center;
				}





/****************** オープンスクール/入試説明会 ***********************/


	.admission .youkou + section{
        background-color: #f2f2f2;        
    }


	.admission .youkou + section,
	.admission .youkou + section + section{
		padding:60px 0 50px;
		background-repeat:no-repeat;
		background-position:50% -30px;
	}
	.hs.admission .youkou + section{
		background-image:url(/shared/bg_label-white.png);
	}
	.hs.admission .youkou + section + section{
		background-image:url(/shared/bg_label-pink.png);
	}
	.jhs.admission .youkou + section{
		background-image:url(/shared/bg_label-clear.png);
	}
	.jhs.admission .youkou + section + section{
		background-image:url(/shared/bg_label-skyblue.png);
	}

@media screen and (max-width:480px){
	
	.admission .youkou + section,
	.admission .youkou + section + section{
		padding:60px 0 20px;
		background-size:150px auto;
		background-position:50% 0;
	}

}


	.admission .youkou + section .inner,
	.admission .youkou + section + section .inner{
		max-width:620px;
		width:90%;
		margin:0 auto;
		line-height: 2.0em;
	}



		.admission .spbox{
			width: 76%;
			margin: 0 auto 50px;
			padding:20px 5%;
			box-shadow:0 0 0 1px #666 inset;
			border-radius: 6px;
		}
		.admission .openschool .spbox{
			width: 90%;
			padding:15px 5%;
		}

		.admission .linksetsumeikai{
			display: block;
			max-width:800px;
			width:100%;
			margin: 0 auto 10px;
			padding: 15px 0;
			color:#ff0;
			font-size:1.2em;
			font-weight:700;
			text-align: center;
			text-decoration: none;
			background-color:#036;
			background-image:url("../shared/omt_yajirushi-orange.png");
			background-repeat: no-repeat;
			background-position: 95% 50%;
			border-radius: 5px;
		}

	@media screen and (max-width:480px){

		.admission .linksetsumeikai{
			max-width:480px;
			margin: 0 auto 20px;
			padding: 10px 0;
			font-size:1.0em;
		}

	}
		.admission .linksetsumeikai p{
			margin: 0;
			color:#fff;
			font-size: 0.8em;
			font-weight:400;
			line-height: 1.3em;
		}


/* 中学オープンスクール */

	.jhs.admission .openschool2{
		padding:60px 0 50px;
		background-repeat:no-repeat;
		background-position:50% -30px;
        background-color: #f2f2f2;        
    }

	.jhs.admission .openschool2{
		background-image:url(/shared/bg_label-clear.png);
	}

@media screen and (max-width:480px){
	
	.jhs.admission .openschool2{
		background-size:150px auto;
		background-position:50% 0;
	}

}

		.jhs.admission .openschool2 .inner .inner,
		.jhs.admission .setsumeikai .inner .inner{
			max-width:770px;
			width:90%;
			margin: 0 auto;
		}

		.jhs.admission .openschool2 .catch,
		.jhs.admission .setsumeikai .catch{
			margin:45px 0 15px;
			font-size:1.4em;
			font-weight:700;
			/*text-align:center;*/
			/*text-align: left !important;*/
		}

	@media screen and (max-width:1000px){

		.jhs.admission .openschool2 .catch,
		.jhs.admission .setsumeikai .catch{
			font-size:1.2em;
		}

	}

	@media screen and (max-width:770px){

		.jhs.admission .openschool2 .catch,
		.jhs.admission .setsumeikai .catch{
			font-size:1.1em;
		}

	}

		.jhs.admission .openschool2 .catch + p,
		.jhs.admission .setsumeikai .catch + p{
			/*padding-left: 110px;*/
			padding-left: 15px;
			line-height: 1.5em;
		}

	@media screen and (max-width:1000px){

		.jhs.admission .openschool2 .catch + p,
		.jhs.admission .setsumeikai .catch + p{
			/*padding-left: 98px;*/
			
		}

	}

	@media screen and (max-width:770px){

		.jhs.admission .openschool2 .catch + p,
		.jhs.admission .setsumeikai .catch + p{
			/*padding-left: 90px;*/
			
		}

	}


		.jhs.admission .openschool2 .note,
		.jhs.admission .setsumeikai .note{
			max-width: 620px;
			width:90%;
			margin:30px auto 20px;
			text-align: left !important;
		}

	@media screen and (max-width:770px){
	
		.jhs.admission .openschool2 .note,
		.jhs.admission .setsumeikai .note{
			font-size:0.9em;
			line-height:1.7em;
		}

	}


/****************** 入試説明会 ***********************/

	.jhs.admission .setsumeikai{
		padding:60px 0 50px;
		background-repeat:no-repeat;
		background-position:50% -30px;
		background-image:url(/shared/bg_label-clear.png);
	}

	.jhs.admission .setsumeikai.os2023{
        /*background-color: #f2f2f2;*/       
	}

@media screen and (max-width:480px){
	
	.jhs.admission .setsumeikai{
		padding:60px 0 20px;
		background-size:150px auto;
		background-position:50% 0;
	}

}

		.jhs.admission .openschool2 .inner,
		.jhs.admission .setsumeikai .inner{
			max-width:640px;
			width:90%;
			margin: 0 auto;
		}


		.jhs.admission .openschool2 .catch,
		.jhs.admission .setsumeikai .catch{
			margin:45px 0 30px;
			font-size:1.4em;
			font-weight:700;
			text-align:center;
		}

	@media screen and (max-width:1000px){

		.jhs.admission .openschool2 .catch,
		.jhs.admission .setsumeikai .catch{
			margin:45px 0 30px;
			font-size:1.2em;
		}

	}

	@media screen and (max-width:770px){

		.jhs.admission .openschool2 .catch,
		.jhs.admission .setsumeikai .catch{
			margin:45px 0 30px;
			font-size:1.1em;
		}

    }
	
		.jhs.admission .setsumeikai .note{
			max-width: 620px;
			width:90%;
			margin:50px auto 20px;
			text-align: left !important;
		}

	@media screen and (max-width:770px){
	
		.jhs.admission .setsumeikai .note{
			font-size:0.9em;
			line-height:1.7em;
		}

	}

		.jhs.admission .setsumeikai .catch + .note2{
			max-width: 540px;
			width:86%;
			margin: 0 auto 30px;
		}


		.jhs.admission .setsumeikai .spbox{
			max-width: 1000px;
			width:90%;
			margin:50px auto 0;
			background-color: #fff;
			/*border:3px solid #ccc;*/
			box-shadow:none;
		}
		.jhs.admission .setsumeikai .spbox + .spbox{
			display: none;
		}

	@media screen and (max-width:640px){

		.jhs.admission .setsumeikai .spbox:nth-of-type(1){
			display: none;
		}
		.jhs.admission .setsumeikai .spbox + .spbox{
			display: block;
			width:80%;
			margin:30px auto 10px;
			font-size: 0.9em;
			border:2px solid #ccc;
		}

	}

	@media screen and (max-width:480px){

		.jhs.admission .setsumeikai .spbox + .spbox{
			width:90%;
		}

	}

		.jhs.admission .setsumeikai .spbox h4{
			margin-bottom: 10px;
			color:#369;
			font-weight:700;
			font-size: 1.2em;
			text-align: center;
			line-height: 1.5em;
		}

	@media screen and (max-width:640px){

		.jhs.admission .setsumeikai .spbox h4{
			margin-bottom: 15px;
			font-size: 1.1em;
		}

	}

	@media screen and (max-width:370px){

		.jhs.admission .setsumeikai .spbox h4{
			font-size: 1.0em;
		}

	}


			.jhs.admission .setsumeikai .spbox img{
				max-width:240px;
				width:40%;
				height:auto;
				float:right;
				margin: 5px 0 10px 15px;
				line-height: 0;
			}

		@media screen and (max-width:640px){

			.jhs.admission .setsumeikai .spbox img{
				display: block;
				width:180px;
				float: none;
				margin:0 auto 20px;
			}

		}


			.jhs.admission .setsumeikai .spbox p{
				margin: 0;
			}

		@media screen and (max-width:640px){

			.jhs.admission .setsumeikai .spbox p{
				width:94%;
				margin:0 auto;
				line-height: 1.8em;
			}

		}



				.jhs.admission .catch span{
					display: block;
					margin-top: 10px;
					font-weight: 400;
					font-size:0.7em;
					line-height: 1.4em !important;
				}

			@media screen and (max-width:640px){

				.jhs.admission .catch span{
					font-size:0.8em;
				}

				.jhs.admission .catch span.stext{
					font-size:0.7em;
				}

			}



/****************** web説明会 ***********************/

	.jhs.web-setsumeikai .setsumeikai-note{
		padding:30px 0;
		background-color: #f2f2f2;
	}

		.jhs.web-setsumeikai .setsumeikai-note p{
			max-width: 720px;
			width:90%;
			margin: 0 auto;
		}

	.jhs.web-setsumeikai .setsumeikai-note{
		padding:30px 0;
		background-color: #f2f2f2;
	}

	.jhs.web-setsumeikai .stdsec .inner{
		max-width: 720px;
		width:90%;
		margin: 0 auto 50px;
	}

		.jhs.web-setsumeikai .stdsec .inner h3{
			margin: 70px 0 30px;
		}

	@media screen and (max-width:480px){

		.jhs.web-setsumeikai .stdsec .inner h3{
			margin: 50px 0 10px;
		}

	}

	.jhs.web-setsumeikai .stdsec .inner .moviewrapper{
		position: relative;
		height: 0;
		padding-bottom: 56.25%;
		overflow: hidden;
	}

		.jhs.web-setsumeikai .stdsec .inner iframe {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
		}



/*****************************************/

		.jhs.admission .setsumeikai + .note{
			max-width: 620px;
			width:86%;
			margin:50px auto 0;
		}

	@media screen and (max-width:770px){
	
		.jhs.admission .setsumeikai + .note{
			margin:30px auto 0;
			font-size:0.9em;
			line-height:1.7em;
		}

	}


/*****************************************/


	.jhs.admission .others{
		max-width: 1000px;
		width:90%;
		margin: 0 auto;
	}



/*####################################################################################

  	進路状況

　####################################################################################*/


	.shinro .mainimage{
		max-width:1600px;
		width:100%;
		margin:0 auto;
		line-height:0;
	}

		.shinro .mainimage img{
			width:100%;
			height:auto;
		}


/****************** 卒業生進路状況 ***********************/


	.shinro .shinrolist,
	.shinro .kanendolist{
		background-repeat:no-repeat;
	}
@media screen and (max-width:640px){

	.shinro .shinrolist,
	.shinro .kanendolist{
		/*font-size:0.9em;*/
	}

}
@media screen and (max-width:480px){

	.shinro .kanendolist{
		margin-bottom: -39px;
		position: relative;
		top:-39px;
	}

}

	.shinro .shinrolist,
	.shinro .kanendolist{
		background-repeat:no-repeat;
	}

	.shinro .shinrolist{
		padding:60px 0 50px;
		background-position:50% -30px;
	}
	.shinro .kanendolist{
		padding:75px 0 50px;
		background-position:50% 0;
	}

	.hs.shinro .shinrolist,
	.hs.shinro .kanendolist{
		background-image:url(/shared/bg_label-pink.png);
	}
	.jhs.shinro .shinrolist,
	.jhs.shinro .kanendolist{
		background-image:url(/shared/bg_label-skyblue.png);
	}

@media screen and (max-width:480px){
	
	.shinro .shinrolist,
	.shinro .kanendolist{
		padding:30px 0 20px;
		background-size:150px auto;
		background-position:50% -30px;
	}

}


	.shinro .shinrolist .inner,
	.shinro .kanendolist .inner{
		max-width:1000px;
		width:90%;
		margin:0 auto;
	}

		.shinro .shinrolist .catch{
			margin:45px 0 30px;
			font-size:1.4em;
			font-weight:700;
			text-align:center;
		}
		.hs.shinro .shinrolist .catch{
			margin-bottom: 5px;
		}
			
			
	@media screen and (max-width:1000px){

		.shinro .shinrolist .catch{
			margin:45px 0 30px;
			font-size:1.2em;
		}
		.hs.shinro .shinrolist .catch{
			margin-bottom: 5px;
		}

	}

	@media screen and (max-width:770px){

		.shinro .shinrolist .catch{
			margin:45px 0 30px;
			font-size:1.1em;
		}
		.hs.shinro .shinrolist .catch{
			margin-bottom: 5px;
		}

	}
	
		.shinro .shinrolist .note,
		.shinro .kanendolist .note{
			margin:0 auto 30px;
			text-align:center;
		}
		.shinro .shinrolist .catch + .note{
			margin:0 auto 10px;
		}
	@media screen and (max-width:770px){
	
		.shinro .shinrolist .note,
		.shinro .kanendolist .note{
			/*font-size:0.9em;*/
			line-height:1.7em;
		}

	}




		.shinro .shinrolist h4,
		.shinro .kanendolist h4{
			display:-webkit-flex;
			display:flex;
			justify-content: center;
			-webkit-align-items:center;
			align-items:center;
			height:40px;
			margin:50px 0 30px;
			color:#801842;
			font-size:1.2em;
			font-weight:700;
			text-align:center;
			background-color:#fff0f7;
			border-radius:20px;
		}

		.shinro .shinrolist .inner .inner,
		.shinro .kanendolist .inner .inner{
			width:96%;
		}


			.shinro .shinrolist h5,
			.shinro .kanendolist h5{
				margin:30px 0 20px 20px;
				color:#c33;
			}

			.shinro .shinrolist h5 + ul,
			.shinro .kanendolist h5 + ul{
				margin-left:25px;
			}

				.shinro .shinrolist h5 + ul > li > ul > li,
				.shinro .kanendolist h5 ul + ul > li > ul > li{
					list-style: none;
				}

	.shinro .shinrolist + p{
        max-width:720px;
        width:80%;
        margin: 0 auto 30px;
    }
    .shinro .shinrolist + p img{
        width:100%;
        height:auto;
    }




    .shinro .wrapsuisen{
		padding-bottom: 70px;
        background-color: #f2f2f2;
    }

	.hs.shinro .suisen{
		padding:60px 0 0;
		background-position:50% -30px;
		background-repeat:no-repeat;
		background-image:url(/shared/bg_label-pink.png);
	}

@media screen and (max-width:480px){
	
	.hs.shinro .suisen{
		padding:30px 0 20px;
		background-size:150px auto;
		background-position:50% -30px;
	}

}

        .shinro .suisen .inner{
            max-width:1000px;
            width:90%;
            margin:0 auto;
        }


        .shinro .suisen h4{
			display:-webkit-flex;
			display:flex;
			-webkit-align-items:center;
			align-items:center;
			margin:80px 0 30px;
			color:#801842;
			font-size:1.2em;
			font-weight:700;
			border-radius:20px;
            line-height: 1.3em;
		}
        .shinro .suisen h4:nth-of-type(1){
			margin-top: 50px;
		}

    @media screen and (max-width:840px){

        .shinro .suisen h4{
			font-size:1.1em;
		}

    }

    @media screen and (max-width:430px){

        .shinro .suisen h4{
			margin-top: 50px;
		}

    }

        .shinro .suisen dt{
            margin-bottom: 5px;
            font-weight: 700;
        }

        .shinro .suisen dd{
            margin-bottom: 10px;
        }





        .shinro .suisenlist .inner{
            max-width:1000px;
            width:90%;
            margin:0 auto;
			padding-top: 30px;
        }

    @media screen and (max-width:430px){

        .shinro .suisenlist .inner{
			padding-top:0;
		}

    }


        .shinro .suisenlist h4{
			display:-webkit-flex;
			display:flex;
			-webkit-align-items:center;
			align-items:center;
			margin:50px 0 30px;
			color:#801842;
			font-size:1.2em;
			font-weight:700;
			border-radius:20px;
            line-height: 1.3em;
		}


    @media screen and (max-width:840px){

        .shinro .suisenlist h4{
			font-size:1.1em;
		}

    }



        .shinro .suisenlist table{
            width:100%;
            border-collapse: collapse;
        }

        .shinro .suisenlist table th,
        .shinro .suisenlist table td{
            background-color: #fff;
            line-height: 1.3em;
            border: 1px solid #ccc;
        }

    @media screen and (max-width:840px){

        .shinro .suisenlist table th,
        .shinro .suisenlist table td{
            font-size:0.9em;
        }

    }

        .shinro .suisenlist table th{
            padding: 5px 5px;
            color:#369;
            background-color: #e6f2ff;
        }

        .shinro .suisenlist table td{
            padding: 5px 10px;
        }

        .shinro .suisenlist table tr:nth-of-type(1) th{
            color:#fff;
            background-color: #069;
        }

        .shinro .suisenlist table tr:nth-last-of-type(1) th{
            color:#fff;
            background-color: #069;
        }

        .shinro .suisenlist table tr td:nth-of-type(2){
            text-align: right;
            white-space: nowrap;
        }

        .shinro .suisenlist table tr:nth-last-of-type(1) td:nth-last-of-type(1){
            text-align: right;
            white-space: nowrap;
        }

        .label1{
            padding: 10px 0;
            color:#fff;
            text-align: center;
			line-height: 1.3em;
            background-color:#036;
        }

    @media screen and (max-width:430px){

        .label1{
            font-size:0.9em;
        }

	}

	        .label1 + p{
				margin: 20px auto 25px;
			}
	        .label1 + p + div{
				max-width: 940px;
				margin: 0 auto 50px;
			}

		@media screen and (max-width:1000px){

	        .label1 + p + div{
				margin: 0 auto 30px;
			}

		}

		@media screen and (max-width:430px){

	        .label1 + p + div{
				margin: 0 auto ;
			}

		}


	.jhs.shinro .shinrolist table{
		width:100%;
		border-collapse:collapse;
	}
	.jhs.shinro .shinrolist table:nth-of-type(1){
		margin-bottom:30px;
	}

	.jhs.shinro .shinrolist table th{
		padding:0;
		font-weight:400;
		border:1px solid #ccc;
		line-height:1.3em;
		background-color:#f2f2f2;
	}

	.jhs.shinro .shinrolist table th:nth-last-of-type(2){
		width:30px;
	}
	.jhs.shinro .shinrolist table tr:nth-of-type(1) th:nth-last-of-type(2){
		width:25%;
	}
	.jhs.shinro .shinrolist table tr:nth-of-type(1) th{
		padding:12px 0 10px;
		color:#fff;
		background-color:#1788e6;
	}
	.jhs.shinro .shinrolist table th:nth-last-of-type(4){
		background-color:#006ec8;
	}


	.jhs.shinro .shinrolist table td{
		width:25%;
		padding:12px 0 10px;
		text-align:center;
		border:1px solid #ccc;
	}

	.jhs.shinro .shinrolist table:nth-of-type(1) tr:nth-of-type(2),
	.jhs.shinro .shinrolist table:nth-of-type(2) tr:nth-last-of-type(1){
		background-color:#f2f9ff;
	}

	.jhs.shinro .shinrolist table:nth-of-type(1) tr:nth-of-type(2) th,
	.jhs.shinro .shinrolist table:nth-of-type(2) tr:nth-last-of-type(1) th{
		background-color:#e6f3ff;
	}

	.jhs.shinro .shinrolist table:nth-of-type(2) tr:nth-of-type(2) th:nth-of-type(1){
		background-color:#fff;
	}



@media screen and (max-width:640px){

	.jhs.shinro .shinrolist table th,
	.jhs.shinro .shinrolist table td{
		font-size:0.9em;
	}

	.jhs.shinro .shinrolist table th:nth-last-of-type(2){
		width:20px;
	}

}


        .shinro .suisenlist table + .remarks{
			line-height: 1.7em;
		}

	@media screen and (max-width:770px){

        .shinro .suisenlist table + .remarks{
			font-size:0.9em;
		}

	}


/*####################################################################################

  	幼稚園

　####################################################################################*/

.index.midori #wrapper{
    background-color: #daf2da;
}

	.midori #globalheader{
        background-color: #daf2da;
        background-image:url("../midori/images/bg_header.png");
        background-repeat: no-repeat;
        background-position: 50% 0;
        border-bottom: none;
	}

@media screen and (max-width:1200px){

	.midori #globalheader{
        background-size: 1200px auto;
	}

}

@media screen and (max-width:1000px){

	.midori #globalheader{
        background-size: 100% auto;
	}

}

@media screen and (max-width:900px){

	.midori #globalheader{
        background-size: 120% auto;
        background-position: -15px 0;
	}

}

@media screen and (max-width:770px){

	.midori #globalheader{
        background-size: 930px auto;
	}

}

@media screen and (max-width:480px){

	.midori #globalheader{
        background-size: 720px auto;	}

}

@media screen and (max-width:370px){

	.midori #globalheader{
        background-size: 600px auto;	}

}

/* メインタイトル */

	.midori #globalheader h1{
		width:373px;
		height:48px;
		margin:0 0 -48px;
		line-height:0;
        position: relative;
        top:-8px;
	}

@media screen and (max-width:1200px){

	.midori #globalheader h1{
		width:320px;
		height:41px;
		margin:0 0 -41px;
        top:-3px;
	}

}

@media screen and (max-width:1100px){

	.midori #globalheader h1{
		width:299px;
		height:38px;
		margin:0 0 -38px;
        top:-2px;
	}

}

@media screen and (max-width:1000px){

	.midori #globalheader h1{
		width:299px;
		height:38px;
		margin:0 0 -38px;
        top:-2px;
	}

}

@media screen and (max-width:770px){

	.midori #globalheader h1{
		margin:0 0 11px;
	}

}

@media screen and (max-width:480px){

	.midori #globalheader h1{
		width:224px;
		height:29px;
		margin:0 0 13px;
	}

}

@media screen and (max-width:370px){

	.midori #globalheader h1{
		width:190px;
		height:25px;
		margin:0 0 17px;
	}

}




	.midori .menubtn p{
		color:#427e43;
	}

    .midori .menubtn .menu_icon01 span{
      background:#427e43;
    }
	
	.midori .stdsec .inner h3{color:#427e43;}


			.midori #globalheader .menu li{
				width:calc(88% / 3);
				margin:0 2%;
			}


			.midori #globalheader .menu li a,
			.midori #globalheader .menu li span{
				color:#427e43;
				border-bottom:1px solid #427e43;
			}
			.midori #globalheader .menu li span{
				/*border-bottom:2px solid #427e43;*/
			}



			.midori main .menu li span{
			-moz-box-shadow:0 -3px 0 0 #427e43 inset;
			-webkit-box-shadow:0 -3px 0 0 #427e43 inset;
			box-shadow:0 -2px 0 0 #427e43 inset;
			}

	
			.midori main .menu li{
				width:calc(94% / 3);
				margin:0 1%;
			}

            @media screen and (max-width:430px){

                .midori main .menu li:nth-of-type(1){width:35%;}
                .midori main .menu li:nth-of-type(2){width:25%;}
                .midori main .menu li:nth-of-type(3){width:34%;}

            }

                .midori main .menu li a,
                .midori main .menu li span{
                    color:#427e43;
                }

                .midori.index main .menu li a,
                .midori.index main .menu li span{
                    background-color:#fff;
                }

            @media screen and (max-width:430px){

                .midori main .menu li a,
                .midori main .menu li span{
                    font-size:0.75em;
                }

            }

            @media screen and (max-width:370px){

                .midori main .menu li a,
                .midori main .menu li span{
                    line-height: 1.2em;
                    text-align: center;
                }

            }








/*####################################################################################
  	HOME
*/

        .midori.index .about{
            background-color:#fff;
        }
				.midori.index .about .inner li p{
					color:#7d5534;
				}


        .midori.index .tokushoku{
            padding:60px 0 50px;
            background-image:url(/shared/bg_label-white.png);
            background-repeat:no-repeat;
            background-position:50% -30px;
        }

    @media screen and (max-width:480px){

        .midori.index .tokushoku{
            padding:30px 0 20px;
            background-size:150px auto;
            background-position:50% -30px;
        }

    }



/* メインタイトル */

        .midori.index .about{
            background-color:#fff;
        }
				.midori.index .about .inner li p{
					color:#7d5534;
				}


        .midori.index .tokushoku{
            padding:60px 0 20px;
            background-image:url(/shared/bg_label-white.png);
            background-repeat:no-repeat;
            background-position:50% -30px;
        }

    @media screen and (max-width:480px){

        .midori.index .tokushoku{
            padding:30px 0 20px;
            background-size:150px auto;
            background-position:50% -30px;
        }

    }

        .midori.index .tokushoku .inner{
            max-width: 1000px;
            width:90%;
            margin: 0 auto 30px;
        }

        .midori.index .tokushoku ol{
            margin-top: 50px;
        }

        .midori.index .tokushoku ol > li{
            min-height:80px;
            margin-bottom: 50px;
            padding-left: 100px;
            list-style: none;
            background-repeat: no-repeat;
            background-position: 0 0;
        }
        .midori.index .tokushoku ol > li:nth-of-type(1){
            background-image: url("../midori/images/lbl_tokushoku1.png");
        }
        .midori.index .tokushoku ol > li:nth-of-type(2){
            background-image: url("../midori/images/lbl_tokushoku2.png");
        }
        .midori.index .tokushoku ol > li:nth-of-type(3){
            background-image: url("../midori/images/lbl_tokushoku3.png");
        }
        .midori.index .tokushoku ol > li:nth-of-type(4){
            background-image: url("../midori/images/lbl_tokushoku4.png");
        }

        .midori.index .tokushoku ol > li:nth-of-type(2) img{
            position: relative;
            top:-80px;
            float: right;
        }

    @media screen and (max-width:770px){

        .midori.index .tokushoku ol > li{
             padding-left: 80px;
           background-size:60px auto;
        }

    }

    @media screen and (max-width:640px){

        .midori.index .tokushoku ol > li:nth-of-type(2) img{
            top:0;
            float: none;
        }

    }

    @media screen and (max-width:480px){

        .midori.index .tokushoku ol > li{
            margin-bottom: 30px;
            padding-top: 65px;
            padding-left: 0;
            background-size:50px auto;
            background-position: 50% 0;
        }

        .midori.index .tokushoku ol > li img{
            display: block;
            width:40%;
            height:auto;
            margin: 0 auto;
        }

    }



        .midori.index .tokushoku ol > li h4{
            margin-bottom: 15px;
            color:#427e43;
            font-size:1.4em;
            font-weight: 700;
            line-height: 1.6em;
        }

    @media screen and (max-width:770px){

        .midori.index .tokushoku ol > li h4{
            font-size:1.2em;
        }

    }

    @media screen and (max-width:480px){

        .midori.index .tokushoku ol > li h4{
            margin-bottom: 12px;
            font-size:1.0em;
            line-height: 1.7em;
        }

    }


        .midori.index .tokushoku ol > li ul{
            margin-left: 5px;
        }

    @media screen and (max-width:480px){

        .midori.index .tokushoku ol > li ul{
            margin-left: 5px;
        }

    }

            .midori.index .tokushoku ol > li ul > li{
                margin: 0 0 10px 15px;
                font-size:1.2em;
                list-style: none;
            }

        @media screen and (max-width:770px){

            .midori.index .tokushoku ol > li ul > li{
                font-size:1.0em;
                line-height: 1.4em;
            }

        }

            .midori.index .tokushoku ol > li ul > li:before{
                content:"●";
                margin-right:-17px;
                color:#de74da;
                position:relative;
                left:-20px;
            }


/* さくらんぼの会 */

        .midori.index .sakuranbo{
            background-color:#fff;
        }
				.midori.index .sakuranbo .inner li p{
					color:#7d5534;
				}


        .midori.index .sakuranbo{
            padding:40px 0 50px;
            background-image:url(/shared/bg_label-green.png);
            background-repeat:no-repeat;
            background-position:50% -30px;
        }

    @media screen and (max-width:480px){

        .midori.index .sakuranbo{
            padding:20px 0 20px;
            background-size:150px auto;
            background-position:50% -30px;
        }

    }

        .midori.index .sakuranbo .inner{
            max-width: 1000px;
            width:90%;
            margin: 0 auto;
        }

        .midori.index .sakuranbo .inner h3 span{
            display: block;
            font-size: 0.7em;
            font-weight: 400;
        }
            
            
        .midori.index .sakuranbo .inner h3 + p{
            margin: 40px 0;
            color:#7d5534;
            font-size:1.8em;
            font-weight:700;
            text-align: center;
        }

    @media screen and (max-width:770px){
 
        .midori.index .sakuranbo .inner h3 + p{
            margin: 30px 0;
            font-size:1.4em;
        }

   }

    @media screen and (max-width:480px){
  
        .midori.index .sakuranbo .inner h3 + p{
            font-size:1.2em;
        }

   }


        .midori.index .sakuranbo .inner h4{
            margin-bottom: 15px;
            color:#427e43;
            font-size: 1.2em;
            font-weight: 700;
            text-align: center;
        }

        .midori.index .sakuranbo .inner .time{
            color:#427e43;
            font-size: 1.2em;
            font-weight: 700;
            text-align: center;
        }

    @media screen and (max-width:480px){

        .midori.index .sakuranbo .inner h4{
           margin-bottom: 0;
           font-size: 1.1em;
        }

        .midori.index .sakuranbo .inner .time{
            font-size: 1.1em;
        }

    }

        .midori.index .sakuranbo table{
            width:48%;
            margin: 50px auto 20px;
            border-collapse: collapse;
            border-top: 1px dashed #ccc;
			float: left;
        }

        .midori.index .sakuranbo table:nth-of-type(2){
			float: right;
        }

    @media screen and (max-width:480px){

        .midori.index .sakuranbo table{
           width:100%;
           margin: 10px auto 0;
        }
        .midori.index .sakuranbo table + table{
            margin: 0 auto;
            border-top:none;
		}

    }

        .midori.index .sakuranbo table th{
            width:30%;
            padding: 10px 0;
 			text-align: center;
          	border-bottom: 1px dashed #ccc;
			color:#c33;
			background-color: #ffe6e6;
        }

        .midori.index .sakuranbo table td{
			width: calc(70% - 15px);
			padding-left: 15px;
            border-bottom: 1px dashed #ccc;
        }

        .midori.index .sakuranbo .inner + .inner{
			clear:both;
            max-width: 610px !important;
			padding-top: 10px;
		}

        .midori.index .sakuranbo .tel{
            color:#427e43;
            font-size: 1.6em;
            font-weight:700;
            text-align: center;
        }

    @media screen and (max-width:480px){

        .midori.index .sakuranbo .tel{
             font-size: 1.2em;
       }

    }


/* Q&A */


        .midori.index .qa{
            padding:60px 0 50px;
            background-image:url(/shared/bg_label-white.png);
            background-repeat:no-repeat;
            background-position:50% -30px;
        }

    @media screen and (max-width:480px){

        .midori.index .qa{
            padding:30px 0 20px;
            background-size:150px auto;
            background-position:50% -30px;
        }

    }

        .midori.index .qa .inner{
            max-width: 1000px;
            width:90%;
            margin: 0 auto;
        }

            .midori.index .qa .inner dl{
                margin: 30px 0;
            }

            .midori.index .qa .inner dt{
                padding: 12px 0 12px 65px;
                color:#427e43;
                font-size:1.2em;
                font-weight: 700;
                background-image: url("../midori/images/lbl_q.png");
                background-repeat: no-repeat;
            }

        @media screen and (max-width:480px){

            .midori.index .qa .inner dt{
                font-size:1.1em;
            }

        }

        @media screen and (max-width:370px){

            .midori.index .qa .inner dt{
                font-size:1.0em;
            }

        }

            .midori.index .qa .inner dd{
                padding: 14px 0 0 65px;
                min-height:50px;
                background-image: url("../midori/images/lbl_a.png");
                background-repeat: no-repeat;
                position: relative;
                top:-10px;
            }

                .midori.index .qa .inner dd h4{
                    margin-top: 15px;
                    color:#574d7d;
                    font-weight:700;
                }

                .midori.index .qa .inner dd ul{
                    margin-left: 20px;
                    color:#7d5534;
                }




		.midori.index .outline{
			background-color:#fff;
		}
		.midori.index .outline .inner{
			width:40%;
			padding:30px 5% 0;
			float:left;
			padding-bottom:30px;
		}
		
	@media screen and (max-width:1000px){

		.midori.index .outline .inner{
			width:90%;
			margin:0 auto;
			float:none;
		}
		
	}
		
		
			.midori.index .outline ul{
				margin:30px 0;
			}
					
		@media screen and (max-width:640px){

			.midori.index .outline ul{
				margin:30px 0 40px;
			}
				
		}

				.midori.index .outline li{
					padding:10px 0;
					list-style:none;
					border-bottom:1px dashed #ccc;
				}
				.midori.index .outline li:nth-of-type(1){
					border-top:1px dashed #ccc;
				}
	
				.midori.index .outline li{zoom:1;}
				.midori.index .outline li:after{
				  content: ""; 
				  display: block; 
				  clear: both;
				}
	
				.midori.index .outline li h4{
					width:90px;
					font-weight:700;
					float:left;
				}
	
				.midori.index .outline li p{
					width:calc(100% - 100px);
					margin:0;
					float:right;
				}
					
			@media screen and (max-width:430px){
	
				.midori.index .outline li h4{
					width:94%;
					margin:0 auto 5px;
					float:none;
				}
				.midori.index .outline li h4 br{
					display: none;
				}
				
				.midori.index .outline li p{
					width:94%;
					margin:0 auto;
					float:none;
				}
					
			}



	/****************** アクセス ***********************/

		.midori.index .access{
			color:#fff;
		}
		
			.midori.index .gmap{
				width:50%;
				height:650px;
				margin:0;
				float:right;
			}
			.midori.index .gmap iframe{
				width:100%;
				height:650px;
			}

		@media screen and (max-width:1000px){

			.midori.index .gmap{
				width:100%;
				height:600px;
				float:left;
			}
			.midori.index .gmap iframe{
				height:600px;
			}

		}




/* 幼稚園フッター */


		.midori #globalfooter{
			background-color:#fff !important;
		}
	

		.midori #globalfooter .inner > ul{
			margin:0 auto 20px;
		}

		.midori .footerwrapper{
			padding:0 0 10px;
		}

    @media screen and (max-width:770px){

		.midori .footerwrapper{
			padding:20px 0 10px;
		}

    }





/*####################################################################################
  	入園について
*/
	
		.midori.admission main > h2{
            color:#427e43;
	        font-family:'kozuka-gothic-pro';
            font-weight:700;
		}
	
            .midori.admission main > .menu + p{
                width:230px;
                margin: 10px auto 0;
                text-align: center;
            }
            .midori.admission main > .menu + p img{
                width:100%;
                height:auto;
            }

        @media screen and (max-width:770px){
	
            .midori.admission main > .menu + p{
                max-width:230px;
                width:50%;
                margin: 0 auto 20px;
            }

        }


		.midori .toukoumain{
			margin-bottom: 70px;
		}

	
            .midori .toukoumain h3{
				max-width: 440px;
				width:100%;
				margin-left:auto;
				margin-right:auto;
				padding: 5px 0;
				color:#fff !important;
				background-color: #427e43;
            }

        @media screen and (max-width:370px){
	
            .midori .toukoumain h3{
               font-size:1.1em;
            }

        }

			.midori .toukoumain h3 + p,
			.midori .toukoumain h3 + p + p{
				margin: 0 0 30px;
				text-align: center;
				position: relative;
				top:-15px;
				font-size:1.1em;
				font-weight: 700;
				line-height: 2.0em;
			}
			.midori .toukoumain p span{
				color:#c00;
			}

        @media screen and (max-width:480px){

			.midori .toukoumain h3 + p,
			.midori .toukoumain h3 + p + p{
				font-size:1.0em;
			}
	
		}

        @media screen and (max-width:370px){

			.midori .toukoumain h3 + p,
			.midori .toukoumain h3 + p + p{
				font-size:0.9em;
			}
	
		}

			.midori .toukoumain h3:nth-of-type(1) + p{
				max-width:340px;
				width:90%;
				margin: 20px auto 0;
				text-align: left;
				
			}

			.midori .toukoumain h4{
				max-width:400px;
				width:100%;
				margin: 0 auto 30px;
				padding: 7px 0;
				color:#369;
				font-weight:700;
				font-size:1.1em;
				text-align: center;
				border-top: 1px dashed #ccc;
				border-bottom: 1px dashed #ccc;
			}

		@media screen and (max-width:480px){

			.midori .toukoumain h4{
				font-size:1.0em;
			}

		}

		@media screen and (max-width:370px){

			.midori .toukoumain h4{
				font-size:0.9em;
			}

		}


				.midori .toukoumain table{
					max-width:400px;
					width:100%;
					margin: 0 auto 30px;
					position: relative;
					top:-15px;
					font-size:1.1em;
					font-weight: 700;
					line-height: 2.0em;
				}

			@media screen and (max-width:480px){

				.midori .toukoumain table{
					margin: 0 0 20px;
					font-size:1.0em;
				}
			}

			@media screen and (max-width:370px){

				.midori .toukoumain table{
					font-size:0.9em;
				}
			}


				.midori .toukoumain table th{
					padding: 10px 0;
					vertical-align: top;
				}

				.midori .toukoumain table td{
					padding: 10px 0;
					vertical-align: top;
				}




			.midori .toukoumain ul{
				max-width:340px;
				width:90%;
				margin: 0 auto;
				text-align: left;
				position: relative;
				top:-5px;
			}

			.midori .toukoumain ul + p{
				max-width:340px;
				width:90%;
				margin: 20px auto 50px;
				text-align: left;
				font-size:1.1em;
				font-weight: 700;
				line-height: 2.0em;
			}

				.midori .toukoumain ul li{
					margin-bottom: 10px;
					list-style: none;
					font-size:1.1em;
					font-weight: 700;
				}

        @media screen and (max-width:480px){
 
			.midori .toukoumain h3 + p{
				margin: 0 0 20px;
				font-size:1.0em;
			}
  
			.midori .toukoumain h3:nth-of-type(1) + p{
				max-width:300px;
				width:90%;
			}
         
			.midori .toukoumain ul + p{
				max-width:300px;
				margin: 20px auto 50px;
				font-size:1.0em;
			}

				.midori .toukoumain ul li{
					margin-bottom: 5px;
					font-size:1.0em;
				}

        }



        .midori .youkou .toukoumain + ul{
            position: relative;
            top:-30px;
            
        }

            .midori .youkou .toukoumain + ul li{
                width: 42%;
                height:300px;
                margin: 0 4% 0 0;
                padding: 40px 3% 30px;
                text-align: center;
                list-style: none;
                float: left;
                background-color: #f2f2f2;
            }
            .midori .youkou .toukoumain + ul li:nth-of-type(2){
                margin-right: 0;
            }

        @media screen and (max-width:1000px){
 
            .midori .youkou .toukoumain + ul li{
                height:350px;
                padding-top: 20px;
            }
            
        }

        @media screen and (max-width:770px){
 
            .midori .youkou .toukoumain + ul li{
                 height:300px;
           }
            
        }

        @media screen and (max-width:640px){
 
            .midori .youkou .toukoumain + ul li{
                max-width: 480px;
                width: 86%;
                height:auto;
                margin: 0 auto 15px;
                padding: 40px 5% 30px;
                float: none;
            }
             .midori .youkou .toukoumain + ul li:nth-of-type(2){
                margin: 0 auto;
            }
           
        }

        @media screen and (max-width:370px){
 
            .midori .youkou .toukoumain + ul li{
            }
           
        }


            .midori .youkou .inner li h3{
                margin-bottom: 0;
                color:#7d5534;
            }

        @media screen and (max-width:1000px){
 
            .midori .youkou .inner li h3{
                font-size:1.2em;
            }

       }

        @media screen and (max-width:770px){
 
            .midori .youkou .inner li h3{
                font-size:1.1em;
            }

       }

        @media screen and (max-width:370px){
 
            .midori .youkou .inner li h3{
                font-size:1.0em;

            }

        }


            .midori .youkou li h3 + p,
			 .midori .youkou li h3 + p + p{
                margin: 15px 0;
				text-align: left;
				 line-height: 1.8em;
            }

        @media screen and (max-width:770px){
 
            .midori .youkou li h3 + p,
			.midori .youkou li h3 + p + p{
                 margin: 5px 0 10px;
                font-size:0.9em;
            }

        }

        @media screen and (max-width:370px){
 
            .midori .youkou li h3 + p,
			.midori .youkou li h3 + p + p{
                margin: 0 0 5px;
                font-size:0.8em;
            }

        }

            .midori .youkou li .linkbtn{
                width:240px;
                font-size:0.8em;
                background-color:#574d7d;
            }
            .midori .youkou li .linkbtn:after{
                content: none;
            }

        @media screen and (max-width:770px){

            .midori .youkou li .linkbtn{
                font-size:0.8em;
            }

        }

        @media screen and (max-width:370px){

            .midori .youkou li .linkbtn{
                width:86%;
            }

        }

		.midori .youkou li .linkbtn a{
			color:#fff;
			text-decoration: none;
		}


        .midori.admission .spbox{
            max-width:640px;
            width:80%;
            margin: 0 auto;
            border: 1px #c00 solid;
            border-radius: 5px;
        }

            .midori.admission .spbox .inner{
                max-width:540px;
                width:90%;
                margin: 0 auto;
                padding: 20px 0 10px;
            }

        @media screen and (max-width:400px){

            .midori.admission .spbox .inner{
                width:84%;
            }

        }

            .midori.admission .spbox h3{
                color:#c00;
                font-size:1.1em;
                font-weight: 700;
            }

        @media screen and (max-width:640px){
 
            .midori.admission .spbox h3{
                text-align: center;
            }

        }


            .midori.admission .spbox img{
                float: right;
                margin-top: 15px;
            }

        @media screen and (max-width:640px){
 
            .midori.admission .spbox img{
				
				display: block;
                width: 154px;
                height: auto;
				float: none;
				margin: 0 auto;
            }

        }

        @media screen and (max-width:400px){
 
            .midori.admission .spbox img{
                display: block;
                width: 120px;
                margin: 15px auto 0;
                float: none;
            }

        }


		.midori.admission .akijoho{
			max-width:340px;
			width:100%;
			border-collapse:collapse;
		}

			.midori.admission .akijoho th{
				padding: 5px;
				color:#036;
				font-size:0.9em;
				border:1px solid #ccc;
				line-height: 1.2em;
			}

			.midori.admission .akijoho td{
				padding: 3px 10px;
				color:#000;
				font-weight: 700;
				text-align: center;
				border:1px solid #ccc;
			}




        .midori.admission .reason{
            max-width: calc(1000px - 10%);
            width:80%;
            margin: 50px auto;
            padding: 40px 5% 20px;
            background-color: #f5faf5;
        }

        .midori.admission .reason h3{
            margin-bottom: 30px;
            color:#427e43;
            font-size:1.4em;
            font-weight:700;
            text-align: center;
         }

    @media screen and (max-width:640px){

        .midori.admission .reason h3{
            margin-bottom: 20px;
            font-size:1.3em;
         }

    }

    @media screen and (max-width:480px){

        .midori.admission .reason h3{
            margin-bottom: 15px;
            font-size:1.2em;
         }

    }

        .midori.admission .reason ul{
            margin-left: 20px;
        }

        .midori.admission .reason li{
            margin-bottom: 7px;
            line-height: 1.7em;
        }





/*####################################################################################
  	おたより
*/
	
		.midori.otayori main > h2{
            color:#427e43;
	        font-family:'kozuka-gothic-pro';
            font-weight:700;
		}
	
		.midori.otayori main .menu + select{
			display: block;
			clear: both;
            width:140px;
			margin: 0 auto 30px;
			padding: 5px 1%;
		}
	
            .midori.otayori main .list{
                max-width: 1000px;
                width: 90%;
                margin: 0 auto 100px;
                border-top:1px dashed #ccc;
            }
		
         @media screen and (max-width:770px){
	
            .midori.otayori main .list{
                margin: 0 auto 70px;
            }
		
        }
		
         @media screen and (max-width:480px){
	
            .midori.otayori main .list{
                margin: 0 auto 50px;
            }
		
        }


                .midori.otayori main .list li{
                    width:23%;
                    margin: 0 1%;
                    list-style: none;
                    float: left;
                    background-image: url("/shared/ico_pdf.png");
                    background-repeat: no-repeat;
                    background-position: 0 50%;
                    border-bottom: 1px dashed #ccc;
                }
	
            @media screen and (max-width:1000px){
	
                .midori.otayori main .list li{
                    width:calc((100% / 3) - 2%);
                }
	
            }
	
            @media screen and (max-width:770px){
	
                .midori.otayori main .list li{
                    width:48%;
                }
	
            }
	
            @media screen and (max-width:480px){
	
                .midori.otayori main .list li{
                    width:98%;
                }
	
            }

                .midori.otayori main .list li a{
			display:-webkit-flex;
			display:flex;
			-webkit-align-items:center;
			align-items:center;
					height: 64px;
                    padding: 0 2% 0 40px;
                    text-decoration: none;
					line-height: 1.2em;
                }

            @media screen and (max-width:770px){

                .midori.otayori main .list li a{
                    padding: 0 2% 0 35px;
                }

            }





/*####################################################################################
  	園の一日/年間行事
*/
	
		.midori.events main{
            background-image: url("/midori/images/bg_day.png");
            background-repeat: no-repeat;
            background-position: 50% 0;
            background-size: 100% auto;
		}
	
		.midori.events main > h2{
            color:#427e43;
	        font-family:'kozuka-gothic-pro';
            font-weight:700;
		}
	
		    .midori.events main .day .inner{
                max-width: 840px;
                width: 90%;
                margin: 0 auto 50px;
            }
                	
                .midori.events main .day img{
                    width: 100%;
                    height: auto;
                }
  
		
.midori.events main .day img{
  animation: rotate-anime1 2s ease-in-out;
}
@keyframes rotate-anime1 {
  0%  {transform: rotate(0);}
  100%  {transform: rotate(360deg);}
}


	
        .midori .schedule{
            background-color: #f3f0ff;

        }
	
		.midori.events main .schedule > h2{
	        font-family:'kozuka-gothic-pro';
            font-weight:700;
		}
	
		.midori.events main .schedule > h2{
			padding:35px 0;
            color:#427e43;
			font-size:2.4em;
	        font-family:'kozuka-gothic-pro';
            font-weight:700;			text-align:center;
			line-height: 1.4em;
		}

	@media screen and (max-width:1000px){	
		
		.midori.events main .schedule > h2{
			padding:30px 0;
			font-size:2.0em;
		}

	}

	@media screen and (max-width:770px){	
		
		.midori.events main .schedule > h2{
			padding:25px 0;
			font-size:1.6em;
		}

	}

	@media screen and (max-width:480px){	
		
		.midori.events main .schedule > h2{
			padding:15px 0;
			font-size:1.2em;
		}

	}
	

        .midori.events .schedule .inner{
            max-width: 800px;
            width:90%;
            margin: 0 auto;
            padding: 0 0 100px;
        }

     @media screen and (max-width:1000px){

        .midori.events .schedule .inner{
            margin-bottom:20px;
        }

     }

     @media screen and (max-width:770px){

        .midori.events .schedule .inner{
            margin-bottom:0;
        }

     }

     @media screen and (max-width:480px){

        .midori.events .schedule .inner{
           margin-bottom:0;
           padding: 0 0 50px;
        }

     }

            .midori.events .schedule .inner > ul > li{
                padding: 10px 0;
                list-style: none;
                border-bottom: 1px dashed #ccc;
            }
            .midori.events .schedule .inner > ul > li:nth-of-type(1){border-top: 1px dashed #ccc;}


            .midori.events .schedule .inner > ul > li{zoom:1;}
            .midori.events .schedule .inner > ul > li:after{
              content: ""; 
              display: block; 
              clear: both;
            }


            .midori.events .schedule .inner > ul > li h3{
					display:-webkit-flex;
					display:flex;
					justify-content: center;
					-webkit-align-items:center;
					align-items:center;
                width:60px;
                height:60px;
                margin: 0;
                color:#fff;
                font-size:1.4em;
                font-weight: 700;
                background-color: #ffae00;
                border-radius: 5px;
                float: left;
            }
            .midori.events .schedule .inner > ul > li:nth-of-type(2n) h3{
                background-color: #427e43;
            }


            .midori.events .schedule .inner > ul > li h3 + ul{
                width:calc(100% - 100px);
                margin: 3px 0;
                float: right;
            }

                .midori.events .schedule .inner > ul > li h3 + ul li{
                    padding-right: 40px;
                    float: left;
                    white-space: nowrap;
                }

            @media screen and (max-width:480px){

                .midori.events .schedule .inner > ul > li h3 + ul li{
                    margin-bottom: 7px;
                    padding-right:0;
                    line-height: 1.5em;
                    float: none;
                    white-space:normal;
                }

            }






		/* 一覧リストページリンク */


		.pagelinks{
			margin:20px auto;
			width:470px;
			text-align:center;
		}
	
	@media screen and (max-width:500px){

		.pagelinks{
			width:100%;
		}
	
	}

			.prevpage,
			.nextpage{
				width:30px;
				/*float:left;*/
				display:-moz-inline-box;  
				display:inline-block;  
			}

			.link_before,
			.link_next{
				display:block;
				width:30px;
				font-size:0.8em;
				text-align:center;
				text-decoration:none;
				height:21px;
				padding-top:2px;
			}
	
		@media screen and (max-width:540px){

			.link_before,
			.link_next{
				font-size:1.0em;
				font-weight: 700;
			}
	
		}

				.link_before:hover,
				.link_next:hover{
					color:#c33
				}

			.current_page,
			.link_page{
				display:block;
				display:-moz-inline-box;  
				display:inline-block;  
				width:22px;
				height:16px;
				border:1px solid #ccc;
				text-decoration:none;
				text-align:center;
				padding:0 0 10px;
				background:#666;
				color:#fff;
			}
	
		@media screen and (max-width:540px){

			.current_page,
			.link_page{
				display:none;
			}
	
		}

				.link_page{background:#fff;color:#444;}
				.link_page:hover{
					background:#fff;
					color:#c33;
				}


		/* MT Newマーク */
	
				span.new {
					display:none;
					color:#f00;
					font-weight:bold;
				}



	
	.hs.guide iframe{
		height:700px;
	}
	
	.jhs.guide iframe{
		height:auto;
	}
	
@media screen and (max-width:480px){
	
	.jhs.guide iframe{
		margin-bottom: -28px;
		position: relative;
		top:-28px;
	}
	
}



	.osnote,
	.osnote2{
		max-width:540px;
		margin: 15px auto;
		font-size:1.4em;
		font-weight: 700;
		line-height: 1.7em;
	}
@media screen and (max-width:1000px){
	.osnote,
	.osnote2{
		max-width: 460px;
		font-size:1.2em;
	}
}
@media screen and (max-width:770px){
	.osnote,
	.osnote2{
		max-width: 420px;
		font-size:1.1em;
	}
}
	.osnote span{
		font-size: 0.7em;
		font-weight: 400;
	}
	.osnote + div,
	.osnote + div + div{
		font-size: 0.9em;
		line-height: 1.8em;
	}
.pdflink{
	display: block;
	max-width:200px;
	width:60%;
	margin:30px auto 0;
}
.openschool2 .pdflink{
	border:1px solid #ccc;
}
.pdflink img{
	width:100%;
	height: auto;
}



		.spbox2{
			width:calc(100% - 60px);
			margin:0 auto 30px;
			padding:20px 30px 15px;
            position: relative;
			border:2px solid #e60012;
			border-radius:10px;
		}

			.spbox2 h4{
				color:#e60012;
				font-weight:700;
				font-size:1.1em;
				text-align:center;
			}
		@media screen and (max-width:480px){

			.spbox2 h4{
				font-size:1.0em;
			}

		}
		@media screen and (max-width:370px){

			.spbox2 h4{
				line-height: 1.5em;
			}

		}


			.spbox2 p{
				margin: 10px 0 0;
			}
		@media screen and (max-width:480px){

			.spbox2 p{
				font-size:0.9em;
			}

		}
			.spbox2 p + p{
				margin: 10px 0 5px;
				color:#369;
				font-size:1.1em;
				text-align: center;
			}
		@media screen and (max-width:480px){

			.spbox2 p + p{
				font-size:1.0em;
			}

		}