@charset "utf-8";
@import url(/css/default.css);
@import url(/css/base.css?style=ver20250617);

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

  	WP

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


.alignleft {
	display: inline;
	float: left;
	margin-right: 1.625em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.625em;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
/*
.main{
	overflow-wrap: break-word;
	word-wrap: break-word;
}

.en .main{
	overflow-wrap: normal;
	word-wrap: normal;
}
*/

.main ul{margin-left: 20px;}

.main ol{margin-left: 25px;}

.main blockquote {
	border-left: 4px solid #707070;
	border-left: 4px solid rgba(51, 51, 51, 0.7);
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
	font-size: 18px;
	font-size: 1.8rem;
	font-style: italic;
	line-height: 1.6667;
	margin-bottom: 1.6667em;
	padding-left: 0.7778em;
}

.main a {color:#00f;}

strong{font-weight: bold;}



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

  	HOME

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


/* コンテンツ */


	.mainimage{
		width:100%;
		overflow: hidden;
		height:450px;
		position: relative;
		z-index: 100;
	}

	.mainimage img{
		line-height: 0;
		position: relative;
	}


/* TOP共通 */

		.stdsec h2{
			margin-bottom:30px !important;
			color:#8b0000;
			font-size: 1.8em;
			font-weight: 700;
			text-align: center;
			letter-spacing: 0.03em;
			/*	text-shadow:0 0 15px #fff,0 0 15px #fff,0 0 15px #fff,0 0 15px #fff,0 0 15px #fff,0 0 15px #fff,
				0 0 15px #fff,0 0 15px #fff,0 0 15px #fff,0 0 15px #fff,0 0 15px #fff,0 0 15px #fff;*/
		}

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

		.stdsec h2{
			margin-bottom: 25px;
			font-size: 1.6em;
		}

	}

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

		.stdsec h2{
			margin-bottom: 20px;
			font-size: 1.3em;
		}

	}

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

		.stdsec h2{
			font-size: 1.1em;
		}

	}

/* Index main */

	.index main{
		background-image:url("/images/bg_mainbody.png");
		background-repeat: no-repeat;
		background-position: 50% -100px;
	}

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

	.index main{
		clear: both;
		background-size: 120% auto;
	}
	.index main.ch{padding-top:0;}

}

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

	.index main{
		background-size: 130% auto;
		background-position: 50% -100px
	}
	.index main.en{
		margin-bottom: -30px;
		position:relative;
		top:-30px;		
	}

}

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

	.index main{
		background-size: 140% auto;
	}

}



/* メインバナー */



/* NEWS */

	.topnews{
		padding:65px 0 70px;
		background-color: #faecec;
		position: relative;
		z-index: 100;
	}

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

	.topnews{
		padding:50px 0 60px;
	}

}

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

	.topnews{
		padding:40px 0 50px;
	}

}

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

	.topnews{
		padding:30px 0 50px;
	}

}

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

	.topnews{
		padding:30px 0 40px;
	}

}



		.topnews .inner{
			max-width:850px;
			width:90%;
			margin: 0 auto;
		}


		.topnews h3{
			margin:0 0 5px 5px;
			color:#241681;
			font-weight:700;
			letter-spacing: 0.1em;
		}
				
		.newslist{
			width:100%;
			margin: 0;
			padding-bottom:40px;
			position: relative;
			z-index: 200;
		}

			.newslist ul{
				margin-bottom:15px;
			}


			.newslist li{
				margin: 0;
				padding:12px 1%;
				list-style: none;
				line-height: 1.7em;
				border-bottom: 1px dashed #ccc;
			}
			.newslist li:nth-of-type(1){
				border-top: 1px dashed #ccc;
			}

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

			.newslist li{
				padding:10px 1%;
			}

		}

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

			.newslist li p.date{
				width: 120px;
				margin: 0;
				color:#999;
				font-size:0.9em;
				float:left;
			}


			.newslist li p.title{
				width: calc(100% - 135px);
				margin: 0;
				float:right;
			}
			.en .newslist li p.title{
				line-height: 1.5em;
			}

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

			.newslist li p.title{
				clear: both;
				width: 100%;
				padding-top: 5px;
				float:none;
			}

		}

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

			.newslist li p.title{
				padding-top:0;
				font-size:0.9em;
			}

		}


		.linknews{
			display:block;
			width:300px;
			height:50px;
			margin:0 auto;
			padding-right: 7px;
			color:#08437b;
			font-size: 0.9em;
			font-weight: 700;
			line-height:50px;
			text-align:center;				
			text-decoration:none;
			background-color:#fff;
			border-radius: 25px;
		}

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

		.linknews{
			width:240px;
			height:40px;
			line-height:40px;
			border-radius:25px;
		}

	}

	/* 主要コンテンツリンク */

	.contentslist{
		width: 100%;
		padding: 50px 0 40px;
		position: relative;
		z-index: 90;
		overflow: hidden;
	}

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

	.contentslist{
		padding:40px 0 30px;
	}

}

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

	.contentslist{
		margin-bottom:20px;
		padding:30px 0 0;
	}
	.contentslist .inner{
		max-width: 480px;
		width:90%;
	}
	.en .contentslist{
		margin-bottom:10px;
	}

}

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

	.contentslist{
		margin-bottom:10px;
		padding:20px 0 0;
	}
	.en .contentslist{
		margin-bottom:0;
	}

}



		.contentslist #imgcbox1{
			width: 100px;
			margin-bottom: -100px;
			position:relative;
			top:-80px;
			left:-1%;
		}
		.contentslist #imgcbox1 img{
			width:100%;
			height:auto;
			margin-bottom: -100px;
		}

		.contentslist #imgcbox2{
			width: 90px;
			margin-bottom: -90px;
			position:relative;
			top:-30px;
			left:90%;
		}
		.contentslist #imgcbox2 img{
			width:100%;
			height:auto;
		}

		.contentslist #imgcbox3{
			width: 80px;
			margin-bottom: -80px;
			position:relative;
			top:160px;
			left:20%;
		}
		.contentslist #imgcbox3 img{
			width:100%;
			height:auto;
		}

		.contentslist #imgcbox4{
			width: 70px;
			margin-bottom: -70px;
			position:relative;
			top:140px;
			left:85%;
		}
		.contentslist #imgcbox4 img{
			width:100%;
			height:auto;
		}

		.contentslist #imgcbox5{
			width: 60px;
			margin-bottom: -60px;
			position:relative;
			top:140px;
			left:45%;
		}
		.contentslist #imgcbox6 img{
			width:100%;
			height:auto;
		}

		.contentslist #imgcbox6{
			width: 50px;
			margin-bottom: -50px;
			position:relative;
			top:-30px;
			left:25%;
		}
		.contentslist #imgcbox7 img{
			width:100%;
			height:auto;
		}

		.contentslist #imgcbox7{
			width: 40px;
			margin-bottom: -40px;
			position:relative;
			top:130px;
			left:5%;
		}
		.contentslist #imgcbox7 img{
			width:100%;
			height:auto;
		}

		.contentslist #imgcbox8{
			width: 30px;
			margin-bottom: -30px;
			position:relative;
			top:20px;
			left:70%;
		}
		.contentslist #imgcbox8 img{
			width:100%;
			height:auto;
		}


		.contentslist #imgcbox1A{
			width: 100px;
			margin-bottom: -100px;
			position:relative;
			top:-50px;
			left:101%;
		}
		.contentslist #imgcbox1A img{
			width:100%;
			height:auto;
			margin-bottom: -100px;
		}

		.contentslist #imgcbox2A{
			width: 90px;
			margin-bottom: -90px;
			position:relative;
			top:40px;
			left:10%;
		}
		.contentslist #imgcbox2A img{
			width:100%;
			height:auto;
		}

		.contentslist #imgcbox3A{
			width: 80px;
			margin-bottom: -80px;
			position:relative;
			top:230px;
			left:80%;
		}
		.contentslist #imgcbox3A img{
			width:100%;
			height:auto;
		}

		.contentslist #imgcbox4A{
			width: 70px;
			margin-bottom: -70px;
			position:relative;
			top:210px;
			left:15%;
		}
		.contentslist #imgcbox4A img{
			width:100%;
			height:auto;
		}

		.contentslist #imgcbox5A{
			width: 60px;
			margin-bottom: -60px;
			position:relative;
			top:210px;
			left:55%;
		}
		.contentslist #imgcbox5A img{
			width:100%;
			height:auto;
		}

		.contentslist #imgcbox6A{
			width: 50px;
			margin-bottom: -50px;
			position:relative;
			top:40px;
			left:75%;
		}
		.contentslist #imgcbox6A img{
			width:100%;
			height:auto;
		}

		.contentslist #imgcbox7A{
			width: 40px;
			margin-bottom: -40px;
			position:relative;
			top:200px;
			left:95%;
		}
		.contentslist #imgcbox7A img{
			width:100%;
			height:auto;
		}

		.contentslist #imgcbox8A{
			width: 30px;
			margin-bottom: -30px;
			position:relative;
			top:90px;
			left:30%;
		}
		.contentslist #imgcbox8A img{
			width:100%;
			height:auto;
		}


		.contentslist #imgcbox9{
			width:365px;
			margin-bottom: -454px;
			position:relative;
			top:-150px;
			left:5%;
		}
		.contentslist #imgcbox9 img{
			width:100%;
			height:auto;
		}
		.contentslist #imgcbox10{
			width:343px;
			margin-bottom: -343px;
			position:relative;
			top:-80px;
			left:60%;
		}
		.contentslist #imgcbox10 img{
			width:100%;
			height:auto;
		}



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

		.contentslist #imgcbox9{
			width:200px;
			margin-bottom: -249px;
			position:relative;
			top:50px;
			left:5%;
		}
		.contentslist #imgcbox9 img{
			width:100%;
			height:auto;
		}
		.contentslist #imgcbox10{
			width:200px;
			margin-bottom: -200px;
			position:relative;
			top:30px;
			left:60%;
		}
		.contentslist #imgcbox10 img{
			width:100%;
			height:auto;
		}
		
	}


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

		.contentslist #imgcbox1 img{
			margin-bottom: -70px;
		}
		.contentslist #imgcbox1A img{
			margin-bottom: -70px;
		}
		
	}




	/* コンテントリスト4バナー */

		.contentslist ul{
			max-width:1200px;
			width:96%;
			margin: 0 auto;
		}

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

		.contentslist ul{
			/*max-width:600px;*/
			width:90%;
		}

	}

			.contentslist li{
				float: left;
				width:23%;
				margin-right: calc(8% / 3);
				list-style: none;
				position: relative;
				z-index: 1000;
			}
			.contentslist li:nth-last-of-type(1){
				margin-right: 0;
			}

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

			.contentslist li{
				width:48%;
				height:190px;
				margin-right:4%;
				/*margin-bottom: 15px;*/
				margin-bottom:0;
				list-style: none;
			}
			.contentslist li:nth-of-type(2n){
				margin-right: 0;
			}
			.en .contentslist li{
				height:170px;
				/*margin-bottom: 15px;*/
				margin-bottom:0;
			}

		}

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

			.contentslist li{
				height: auto;
				margin-bottom:5px;
			}
			.en .contentslist li{
				height: auto;
				margin-bottom:15px;
			}

		}




				.contentslist li a{
					text-decoration: none;
				}


				.contentslist li img{
					width:100%;
					height: auto;
					border-radius: 10px;
					line-height: 0;
 					transition:0.5s all;
				}
				.contentslist li img:hover{
					transform:scale(1.1,1.1);
					transition:0.5s all;
				}	

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

				.contentslist li img{
					border-radius:5px;
				}

			}

				.contentslist li p{
					margin:8px 0 3px;
					color:#c58080;
					text-align: center;
					font-weight: 700;
					line-height: 1em;
				}

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

				.contentslist li p{
					margin:3px 0 3px;
				}

			}

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

				.contentslist li p{
					margin:3px 0 1px;
					font-size:0.85em;
					letter-spacing: 0;
				}

			}

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

				.contentslist li p{
					font-size:0.8em;
				}

			}


				.contentslist li h3{
					margin: 0;
					color:#036;
					text-align: center;
					font-weight: 700;
				}

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

				.contentslist li h3{
					font-size:0.9em;
				}

			}

		.index .spmenu{
			display: none;
			margin-bottom: 10px;
			position: relative;
			top:10px;
			z-index: 100;
		}

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

		.index .spmenu{
			display:block;
		}
		
		.index .spmenu{
			padding: 20px 0 10px;
			background-color: #f2f2f2;
		}
		
			.index .spmenu ul{
				max-width:320px;
				width: 80%;
				margin:0 auto;
			}

				.index .spmenu li{
					width:22%;
					margin-right:4%;
					float: left;
					list-style: none;
				}
				.index .spmenu li:nth-last-of-type(1){
					margin-right: 0;
				}

					.index .spmenu li img{
						width:100%;
						height:auto;
					}

	}

		.maincontent{
			margin-bottom: -100px;
			padding-top: 100px;
			background-image: url("/images/bg_maincontent.png");
			background-repeat: no-repeat;
			background-position: 50% 0;
			background-size: 100% auto;
			position: relative;
			top:-100px;
		}

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

		.maincontent{
			margin-bottom: -60px;
			padding-top: 60px;
			background-size: 1600px auto;
			top:-60px;
		}

	}

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

		.maincontent{
			margin-bottom: -50px;
			padding-top: 50px;
			background-size: 1200px auto;
			top:-50px;
		}

	}

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

		.maincontent{
			margin-bottom: -40px;
			padding-top: 40px;
			background-size: 130% auto;
			top:-40px;
		}

	}

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

		.maincontent{
			margin-bottom: 0;
			padding-top: 0;
			background-size: 140% auto;
			background-position: 50% 40px;
			top:0;
		}

	}

			.maincontent .contentbox > .inner{
				max-width: 1200px;
				width:90%;
				margin: 0 auto;
				padding:70px 0;
			}

			.maincontent > .inner{zoom:1;}
			.maincontent > .inner:after{
			  content: ""; 
			  display: block; 
			  clear: both;
			}

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

			.maincontent .contentbox > .inner{
				padding:60px 0;
			}

		}

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

			.maincontent .contentbox > .inner{
				padding:50px 0;
			}

		}

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

			.maincontent .contentbox > .inner{
				padding:40px 0 30px;
			}

		}

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

			.maincontent .contentbox > .inner{
				padding:30px 0 20px;
			}

		}

		.top-access #imgcbox1{
			width: 360px;
			margin-bottom: -360px;
			position:relative;
			top:-100px;
			left:150px;
		}

		.top-access #imgcbox2{
			width: 240px;
			margin-bottom: -240px;
			position:relative;
			top:170px;
			left:600px;
		}

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

		.top-access #imgcbox1{
			width: 300px;
			margin-bottom: -300px;
			top:-100px;
			left:-30px;
		}

		.top-access #imgcbox2{
			width: 200px;
			margin-bottom: -200px;
			top:170px;
			left:400px;
		}

	}

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

		.top-access #imgcbox1{
			top:-100px;
			left:-100px;
		}

		.top-access #imgcbox2{
			top:150px;
			left:360px;
		}

	}

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

		.top-access #imgcbox2{
			top:100px;
			left:300px;
		}

	}

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

		.top-access #imgcbox2{
			width: 160px;
			margin-bottom: -160px;
			top:200px;
			left:70%;
		}

	}


		.top-access #imgcbox1 img{
			width:100%;
			height:auto;
		}

		.top-access #imgcbox2 img{
			width:100%;
			height:auto;
		}


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

   コンテンツ

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

	.content > .stdsec .inner{
		max-width:840px;
		width:90%;
		margin: 0 auto 50px;
	}


	/* コンテンツヘッダー */
	.about .stdsec > header,
	/*.curriculum .stdsec > header,*/
	.admission .stdsec > header,
	/*.qa .stdsec > header,*/
	.contact .stdsec > header{
		height:280px;
	}

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

	.about .stdsec > header,
	/*.curriculum .stdsec > header,*/
	.admission .stdsec > header,
	/*.qa .stdsec > header,*/
	.contact .stdsec > header{
		height:260px;
	}

}

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

	.about .stdsec > header,
	/*.curriculum .stdsec > header,*/
	.admission .stdsec > header,
	/*.qa .stdsec > header,*/
	.contact .stdsec > header{
		height:240px;
		background-size: 540px auto;
	}

}

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

	.about .stdsec > header,
	/*.curriculum .stdsec > header,*/
	.admission .stdsec > header,
	/*.qa .stdsec > header,*/
	.contact .stdsec > header{
		height:220px;
		background-size: 480px auto;
	}

}

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

	.about .stdsec > header,
	/*.curriculum .stdsec > header,*/
	.admission .stdsec > header,
	/*.qa .stdsec > header,*/
	.contact .stdsec > header{
		height:180px;
		background-size: 360px auto;
	}

}

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

	.about .stdsec > header,
	/*.curriculum .stdsec > header,*/
	.admission .stdsec > header,
	/*.qa .stdsec > header,*/
	.contact .stdsec > header{
		height:170px;
		background-size: 300px auto;
	}

}

/* --------------------------------------------------------------------------------- */
/*　　サブメニュー
/* --------------------------------------------------------------------------------- */

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

		.content > .stdsec > header h2{
			padding: 47px 0 15px;
		}

	}

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

		.content > .stdsec > header h2{
			padding: 38px 0 10px;
		}

	}

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

		.content > .stdsec > header h2{
			padding: 30px 0 5px;
		}

	}

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

		.content > .stdsec > header h2{
			padding: 20px 0 0;
		}

	}

		.content > .stdsec > header ul{
			max-width:540px;
			width:96%;
			margin:0 auto 0;
			position: relative;
			z-index: 1000;
		}

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

		.content > .stdsec > header ul{
			max-width:470px;
		}
		
	}

	@media screen and (max-width:640px){
		
		.content > .stdsec > header ul{
			max-width:320px;
		}

	}

	@media screen and (max-width:480px){
		
		.content > .stdsec > header ul{
			max-width:260px;
			width:96%;
		}

	}

	@media screen and (max-width:370px){
		
		.content > .stdsec > header ul{
			max-width:230px;
		}

	}

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

		.content > .stdsec > header li{
			float: left;
			width:170px;
			height:110px;
			margin-right:calc((100% - 510px) / 2);
			color:#fff;
			background-color: #c58080;
			list-style: none;
			border-radius: 5px;
		}

		.content > .stdsec > header li:nth-last-of-type(1){
			margin-right: 0;
		}
		.content > .stdsec > header li:hover{
			background-color: #8b0000;
		}
		.content > .stdsec > header li > span:hover{
			background-color: #c58080;
			border-radius: 5px;
		}

	@media screen and (max-width:770px){
		
		.content > .stdsec > header li{
			width:150px;
			height:90px;
			margin-right:calc((100% - 450px) / 2);
			border-radius:4px;
		}
		.content > .stdsec > header li:nth-last-of-type(1){
			margin-right: 0;
		}
		
	}

	@media screen and (max-width:640px){
		
		.content > .stdsec > header li{
			width:100px;
			height:90px;
			margin-right:calc((100% - 300px) / 2);
			border-radius:4px;
		}
		.content > .stdsec > header li:nth-last-of-type(1){
			margin-right: 0;
		}
		
	}

	@media screen and (max-width:480px){
		
		.content > .stdsec > header li{
			width:80px;
			height:80px;
			margin-right:calc((100% - 240px) / 2);
			border-radius: 3px;
		}
		.content > .stdsec > header li:nth-last-of-type(1){
			margin-right: 0;
		}

	}

	@media screen and (max-width:370px){
		
		.content > .stdsec > header li{
			width:70px;
			height:70px;
			margin-right:calc((100% - 210px) / 2);
		}
		.content > .stdsec > header li:nth-last-of-type(1){
			margin-right: 0;
		}

	}



		.content > .stdsec > header li > a,
		.content > .stdsec > header li > span{
			display:-webkit-flex;
			display:flex;
			justify-content: center;
			-webkit-align-items:center;
			align-items:center;
			width:100%;
			height:100%;
			color:#fff;
			font-size:1.1em;
			font-weight:700;
			border-radius: 5px;
			text-align: center;
			text-decoration: none;
			line-height: 1.4em;
		}
		.en .content > .stdsec > header li > a{
			line-height: 1.2em;
		}

		.content > .stdsec > header li.pt2 > a,
		.content > .stdsec > header li.pt2 > span{
			display:block;
			padding: 32px 0 0;
			height: calc(100% - 25px);
		}
		.content > .stdsec > header li.pt2 > a span,
		.content > .stdsec > header li.pt2 > span > span{
			font-size:0.9em;
		}

		.content > .stdsec > header li > span{
			color:#f3e5e5;
		}

	@media screen and (max-width:770px){
		
		.content > .stdsec > header li > a,
		.content > .stdsec > header li > span{
			font-size: 1.0em;
			border-radius:4px;
			letter-spacing: 0;
		}
		.content > .stdsec > header li.pt2 > a,
		.content > .stdsec > header li.pt2 > span{
			display:block;
			padding: 25px 0 0;
			height: calc(100% - 25px);
		}

	}

	@media screen and (max-width:640px){
		
		.content > .stdsec > header li > a,
		.content > .stdsec > header li > span{
			font-size: 0.9em;
		}
		.content > .stdsec > header li.pt2 > a,
		.content > .stdsec > header li.pt2 > span{
			padding: 10px 0 0;
			height: calc(100% - 10px);
		}
		.content > .stdsec > header li.pt2 > a span,
		.content > .stdsec > header li.pt2 > span span{
			font-size:0.8em;
			line-height: 1.1em;
		}

	}

	@media screen and (max-width:480px){
		
		.content > .stdsec > header li > a,
		.content > .stdsec > header li > span{
			font-size: 0.8em;
			font-weight:400;
			border-radius:3px;
			line-height: 1.3em;
		}

	}

	@media screen and (max-width:370px){
		
		.content > .stdsec > header li > a,
		.content > .stdsec > header li > span{
			font-size: 0.8em;
		}

	}


/* --------------------------------------------------------------------------------- */
/*　　コンテンツタイトル
/* --------------------------------------------------------------------------------- */

	.content > .philosophy.stdsec .inner h3{
		margin-top: 30px;
		
	}



/* --------------------------------------------------------------------------------- */
/*　　学校紹介
/* --------------------------------------------------------------------------------- */

	/*　学校紹介サブメニュー　*/

		.about > .stdsec > header ul{
			max-width:1000px;
		}

	@media screen and (max-width:1200px){
		
		.about > .stdsec > header ul{
			max-width:975px;
		}

	}

	@media screen and (max-width:1000px){
		
		.about > .stdsec > header ul{
			max-width:540px;
		}

	}

	@media screen and (max-width:770px){
		
		.about > .stdsec > header ul{
			max-width:470px;
		}

	}

	@media screen and (max-width:640px){
		
		.about > .stdsec > header ul{
			max-width:320px;
		}

	}

	@media screen and (max-width:480px){
		
		.about > .stdsec > header ul{
			max-width:260px;
			width:96%;
		}

	}

	@media screen and (max-width:370px){
		
		.about > .stdsec > header ul{
			max-width:230px;
		}

	}


		.about > .stdsec > header li{
			width:154px;
			margin-right:calc((100% - 924px) / 5);
		}
		.about > .stdsec > header li:nth-last-of-type(1){margin-right: 0;}

		.about > .stdsec > header li > a,
		.about > .stdsec > header li > span{
			line-height: 1.2em;
		}

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

		.about > .stdsec > header li{
			width:150px;
			margin-right:calc((100% - 900px) / 5);
		}

	}

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

		.about > .stdsec > header li{
			width:170px;
			height: 50px;
			margin-bottom: 10px;
			margin-right:calc((100% - 510px) / 2);
		}
		.about > .stdsec > header li:nth-of-type(3n){margin-right: 0;}

	}

	@media screen and (max-width:770px){
		
		.about > .stdsec > header li{
			width:150px;
			height: 40px;
			margin-right:calc((100% - 450px) / 2);
		}
		.about > .stdsec > header li:nth-last-of-type(1){margin-right: 0;}
		
	}

	@media screen and (max-width:640px){
		
		.about > .stdsec > header li{
			width:100px;
			margin-right:calc((100% - 300px) / 2);
		}
		.about > .stdsec > header li:nth-last-of-type(1){margin-right: 0;}
		
	}

	@media screen and (max-width:480px){
		
		.about > .stdsec > header li{
			width:80px;
			height: 35px;
			margin-right:calc((100% - 240px) / 2);
		}
		.about > .stdsec > header li:nth-last-of-type(1){margin-right: 0;}

	}

	@media screen and (max-width:370px){
		
		.about > .stdsec > header li{
			width:70px;
			height: 30px;
			margin-right:calc((100% - 210px) / 2);
		}
		.about > .stdsec > header li:nth-last-of-type(1){margin-right: 0;}
		
		.about > .stdsec > header li > a,
		.about > .stdsec > header li > span{
			font-size: 0.75em;
		}

	}




/* Googleマップの場合 */

		.gmap{
			max-width: 1200px;
			width:90%;
			height: 600px;
			margin:50px auto;
		}
		.gmapsp{display:none;}

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

		.gmap{display:none;}

		.gmapsp{
			display:block;
			width:90%;
			height: 400px;
			margin:30px auto;
		}

	}

			.gmap iframe{
				widt:100%;
			}




	/* 入試情報サブメニュー */

/* 2025年4月ひとまず3つ　～1627行
		.jp .admission > .stdsec > header ul,
		.en .admission > .stdsec > header ul{
			max-width:725px;
		}

	@media screen and (max-width:770px){
		
		.jp .admission > .stdsec > header ul,
		.en .admission > .stdsec > header ul{
			max-width:630px;
		}

	}

	@media screen and (max-width:640px){
		
		.jp .admission > .stdsec > header ul,
		.en .admission > .stdsec > header ul{
			max-width:430px;
		}

	}

	@media screen and (max-width:480px){
		
		.jp .admission > .stdsec > header ul,
		.en .admission > .stdsec > header ul{
			max-width:350px;
		}

	}

	@media screen and (max-width:370px){
		
		.jp .admission > .stdsec > header ul,
		.en .admission > .stdsec > header ul{
			max-width:310px;
		}

	}
*/
/*
		.jp .admission > .stdsec > header li,
		.en .admission > .stdsec > header li{
			margin-right:calc((100% - 680px) / 3);
		}
		.jp .admission > .stdsec > header li:nth-last-of-type(1){margin-right: 0;}
		.en .admission > .stdsec > header li:nth-last-of-type(1){margin-right: 0;}

	@media screen and (max-width:770px){
		
		.jp .admission > .stdsec > header li,
		.en .admission > .stdsec > header li{
			margin-right:calc((100% - 600px) / 3);
		}
		.jp .admission > .stdsec > header li:nth-last-of-type(1){margin-right: 0;}
		.en .admission > .stdsec > header li:nth-last-of-type(1){margin-right: 0;}
		
	}

	@media screen and (max-width:640px){
		
		.jp .admission > .stdsec > header li,
		.en .admission > .stdsec > header li{
			margin-right:calc((100% - 400px) / 3);
		}
		.jp .admission > .stdsec > header li:nth-last-of-type(1){margin-right: 0;}
		.en .admission > .stdsec > header li:nth-last-of-type(1){margin-right: 0;}
		
	}

	@media screen and (max-width:480px){
		
		.jp .admission > .stdsec > header li,
		.en .admission > .stdsec > header li{
			margin-right:calc((100% - 320px) / 3);
		}
		.jp .admission > .stdsec > header li:nth-last-of-type(1){margin-right: 0;}
		.en .admission > .stdsec > header li:nth-last-of-type(1){margin-right: 0;}

	}

	@media screen and (max-width:370px){
		
		.jp .admission > .stdsec > header li,
		.en .admission > .stdsec > header li{
			margin-right:calc((100% - 280px) / 3);
		}
		.jp .admission > .stdsec > header li:nth-last-of-type(1){margin-right: 0;}
		.en .admission > .stdsec > header li:nth-last-of-type(1){margin-right: 0;}

	}
*/



	/* 入試情報INDEX */

	.content.admission.index > .stdsec > header{
		border-bottom: none;
	}


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

		.admissionindex{
			margin-bottom: -20px;
			position: relative;
			top:-20px;
			
		}
		
	}

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

		.admissionindex{
			margin-bottom: -10px;
			top:-10px;
			
		}
		
	}

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

		.admissionindex{
			margin-bottom:0;
			top:0;
			
		}
		
	}

		.admissionindex > li{
			height:300px;
			list-style: none;
			position: relative;
			background-position: 50% 100%;
		}
		.admissionindex > li:nth-of-type(1){background-image: url("/images/bg_admission1.png");}
		.admissionindex > li:nth-of-type(2){
			top:-50px;
			background-image: url("/images/bg_admission2.png");
		}
		.admissionindex > li:nth-of-type(3){
			top:-100px;
			background-image: url("/images/bg_admission3.png");
		}
		.admissionindex > li:nth-of-type(4){
			top:-150px;
			background-image: url("/images/bg_admission4.png");
		}

.admissionindex > li{zoom:1;}
.admissionindex > li:after{
  content: ""; 
  display: block; 
  clear: both;
}
		
	@media screen and (max-width:1000px){

		.admissionindex > li{
			width:100%;
			height:200px;
			background-size:auto 100%; 
			background-position: 50% 50%;
		}
		.admissionindex > li:nth-of-type(2){
			top:-35px;
		}
		.admissionindex > li:nth-of-type(3){
			top:-70px;
		}
		.admissionindex > li:nth-of-type(4){
			top:-105px;
		}

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

		.admissionindex > li{
			height:160px;
		}
		.admissionindex > li:nth-of-type(2){
			top:-27px;
		}
		.admissionindex > li:nth-of-type(3){
			top:-54px;
		}
		.admissionindex > li:nth-of-type(4){
			top:-81px;
		}

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

		.admissionindex > li{
			height:140px;
		}
		.admissionindex > li:nth-of-type(2){
			top:-27px;
		}
		.admissionindex > li:nth-of-type(3){
			top:-54px;
		}
		.admissionindex > li:nth-of-type(4){
			top:-81px;
		}

	}


		.admissionindex .inner{
			width:1000px;
			height:100%;
			margin:0 auto 0;
		}

			.admissionindex > li .note{
				width:calc(100% - 280px);
				margin-top: 60px;
				float:left;
			}
		
		@media screen and (max-width:1000px){

			.admissionindex > li .note{
				width:calc(100% - 210px);
				margin-top:20px;
			}
		
		}
		
		@media screen and (max-width:770px){

			.admissionindex > li .note{
				width:calc(100% - 210px);
				margin-top:5px;
			}
		
		}
		
		@media screen and (max-width:640px){

			.admissionindex > li .note{
				width:100%;
				float:none;
				position: relative;
				top:-10px;
			}
		
		}

			.admissionindex > li .note h3{
				width:100%;
				color:#8b0000;
				font-size:1.8em;
				text-align: left;
				position: relative;
				top:40px;
			}
		
		@media screen and (max-width:1000px){

			.admissionindex > li .note h3{
				font-size:1.6em;
			}
		
		}
		
		@media screen and (max-width:770px){

			.admissionindex > li .note h3{
				font-size:1.4em;
				top:40px;
			}
		
		}
		
		@media screen and (max-width:640px){

			.admissionindex > li .note h3{
				font-size:1.2em;
				top:35px;
			}
		
		}
		
		@media screen and (max-width:430px){

			.admissionindex > li .note h3{
				font-size:1.1em;
			}
		
		}


			.admissionindex > li .note p{
				width:100%;
				color:#369;
				line-height: 1.3em;
			}
		
		@media screen and (max-width:640px){

			.admissionindex > li .note p{
				font-size:0.9em;
			}
		
		}
		
		@media screen and (max-width:430px){

			.admissionindex > li .note p{
				font-size:0.8em;
			}
		
		}


				.admissionindex .inner .linkbtn{
					width:260px;
					height:48px;
					margin:125px 0 0;
					color:#fff;
					font-size:1.0em;
					font-weight: 700;
					line-height:48px;
					border-radius:24px;
					background-color: #80bdff;
					background-image:url(/shared/img_yajirushi-white3.png);
					background-repeat:no-repeat;
					background-position:90% 50%;
					background-size:5px auto;
					float:right;
				}

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

				.admissionindex .inner .linkbtn{
					width:200px;
					height:40px;
					margin:80px 0 0;
					font-size:0.9em;
					line-height:40px;
					border-radius:20px;
				}

			}

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

				.admissionindex .inner .linkbtn{
					width:160px;
					margin:60px 0 0;
					font-size:0.8em;
				}

			}

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

				.admissionindex .inner .linkbtn{
					height:26px;
					margin: 0 auto -15px;
					border-radius:13px;
					float: none;
					position: relative;
					top:-15px;
				}

			}

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

				.admissionindex .inner .linkbtn{
					top:-10px;
				}

			}



/* --------------------------------------------------------------------------------- */
/*　　Q&Aサブメニュー
/* --------------------------------------------------------------------------------- */


		.qa > .stdsec > header li a{
			background-color: #ffa366;
		}
		.qa > .stdsec > header li a:hover{
			background-color: #f73;
		}



	/* お問い合わせサブメニュー */

		.contact > .stdsec > header li a{
			background-color: #86aaf2;
		}
		.contact > .stdsec > header li a:hover{
			background-color: #37f;
		}





			.contentlabel{
				padding-top:50px;
				color:#036;
				font-size: 2.0em;
				font-weight: 700;
				text-align: center
			}

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

			.contentlabel{
				font-size:1.8em;
			}

		}

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

			.contentlabel{
				padding-top:40px;
				font-size: 1.6em;
			}

		}

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

			.contentlabel{
				padding-top:30px;
				font-size:1.5em;
				text-align: center;
			}

		}

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

			.contentlabel{
				font-size: 1.4em;
			}

		}

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

			.contentlabel{
				font-size:1.3em;
			}

		}



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

			.contentbox{
				}

			/* 学校紹介 */
				.top-about{
				}

			/* カリキュラム */
				.top-information{
					background-image: url("/shared/bg_dot-black5.png");
				}

			/* 学校生活について */
				.top-admission{
					background-color: #f2f2ff;
				}

			/* 入学募集情報 */
				.top-access{
					margin-bottom: -200px;
					padding-top: 200px;
					position: relative;
					top:-200px;
					overflow: hidden;
					/*background-color: #fff;*/
				}

			@media screen and (max-width:770px){
			
				.top-access{
					margin-bottom: -150px;
				}

			}


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

				.contentbox .imagebox{
					width:43%;
				}

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

				.contentbox .imagebox{
					width:35%;
				}

			}

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

				.contentbox .imagebox{
					width:240px;
					margin: 0 auto 30px;
				}

			}

			/* 教育プログラム */
				.contentbox.top-about .imagebox{
					float:left;
				}

			/* 学校紹介 */
				.contentbox.top-information .imagebox{
					float:right;
				}

			/* 入学募集情報 */
				.contentbox.top-admission .imagebox{
					float:left;
				}

			/* 学校生活について */
				.contentbox.top-access .imagebox{
					float:right;
				}

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

				.contentbox.top-about .imagebox,
				.contentbox.top-information .imagebox,
				.contentbox.top-admission .imagebox,
				.contentbox.top-access .imagebox{
					float: none;
				}

			}



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

				.contentbox .note{
					width:50%;
					padding-top: 20px;
				}

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

				.contentbox .note{
					width:60%;
					padding-top: 10px;
				}

			}

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

				.contentbox .note{
					width:100%;
					padding-top: 0;
				}

			}
				
			/* 学校紹介 */
				.contentbox.top-about .note{
					float:right;
				}
				.en .contentbox.top-about .note p{
					line-height: 1.7em;
				}

				.contentbox.top-about .note .guidebook{
					text-align: center;
					position: relative;
					top:20px;
				}

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

				.contentbox.top-about .note .guidebook img{
					width:200px;
					height: auto;
				}

			}

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

				.contentbox.top-about .note .guidebook{
					margin-bottom: 50px;
					font-size:0.9em;
				}

			}

				.contentbox.top-about .note .guidebook a{
					text-decoration: none;
				}



			/* カリキュラム */
				.contentbox.top-information .note{
					float:left;
				}

			/* 入試情報 */
				.contentbox.top-admission .note{
					float:right;
				}

			/* 学校生活 */
				.contentbox.top-access .note{
					float:left;
				}


				.contentbox .note h2{
					color:#8b0000;
					font-size:3.0em;
				}

				.en .contentbox .note h2{
					margin-bottom:40px;
				}

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

				.contentbox .note h2{
					font-size:2.4em;
				}

				.en .contentbox .note h2{
					margin-bottom:36px;
				}

			}

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

				.contentbox .note h2{
					font-size:2.0em;
				}

				.en .contentbox .note h2{
					margin-bottom:30px;
				}

			}

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

				.contentbox .note h2{
					font-size:1.8em;
					text-align: center;
				}

				.en .contentbox .note h2{
					margin-bottom:24px;
				}

			}

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

				.contentbox .note h2{
					font-size:1.5em;
				}

			}

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

				.contentbox .note h2{
					font-size:1.4em;
				}

			}




				.contentbox .note .en-label{
					margin: 15px 0 20px;
					font-size:1.1em;
					color:#c58080;
					font-weight:700;
					position: relative;
					left:3px;
				}

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

				.contentbox .note .en-label{
					margin: 12px 0 18px;
					font-size:1.0em;
				}

			}

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

				.contentbox .note .en-label{
					margin:6px 0 15px;
					font-size:0.9em;
				}

			}

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

				.contentbox .note .en-label{
					margin: 0 0 12px;
					font-size:0.8em;
					text-align: center;
					left:0;
				}

			}

				.contentbox .note .en-label + p{
					margin:0;
				}
				.contentbox .note .en-label + ul{
					margin:0 0 0 20px;
				}

				.en .contentbox .note h2 + p{
					margin:0;
					line-height: 1.5em;
				}
				.en .contentbox .note h2 + ul{
					margin:0 0 0 20px;
					line-height: 1.5em;
				}

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

				.contentbox .note .en-label + p{
					max-width: 470px;
					width:100%;
					margin:0 auto;
					padding-bottom: 15px;
				}
				.contentbox .note .en-label + ul{
					max-width:calc(470px - 20px);
					width:calc(100% - 20px);
					margin:0 auto;
					padding-bottom: 15px;
					position: relative;
					left:20px;
				}

				.en .contentbox .note h2 + p{
					max-width: 470px;
					width:100%;
					margin:0 auto;
					padding-bottom: 15px;
				}
				.en .contentbox .note h2 + ul{
					max-width:calc(470px - 20px);
					width:calc(100% - 20px);
					margin:0 auto;
					padding-bottom: 15px;
					position: relative;
					left:20px;
				}

			}

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

				.contentbox .note .en-label + p,
				.contentbox .note .en-label + ul{
					font-size:0.9em;
				}

				.en .contentbox .note h2 + p,
				.en .contentbox .note h2 + ul{
					font-size:0.9em;
				}

			}




			
			.contentbox .note .linkbtn{
				max-width: 360px;
				width:70%;
				height:48px;
				margin:40px auto 0;
				color:#fff;
				font-size:1.0em;
				font-weight: 700;
				line-height:48px;
				border-radius:24px;
				background-color: #80bdff;
				background-image:url(/shared/img_yajirushi-white3.png);
				background-repeat:no-repeat;
				background-position:90% 50%;
				background-size:5px auto;
				float: none;
			}

		@media screen and (max-width:1000px){
			
			.contentbox .note .linkbtn{
				height:40px;
				margin:35px auto 0;
				font-size:0.9em;
				line-height:40px;
				border-radius:20px;
			}

		}

		@media screen and (max-width:770px){
			
			.contentbox .note .linkbtn{
				margin:20px auto 0;
			}

		}

		@media screen and (max-width:640px){
			
			.contentbox .note .linkbtn{
				margin:20px auto 10px;
			}

		}





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

					.contentbox .imagebox img{
						border:1px solid #fff;
					}

					.contentbox .imagebox img:nth-of-type(1){
						width:75%;
						height: auto;
					}

					.contentbox .imagebox img:nth-of-type(2){
						width:46%;
						height: auto;
						position: relative;
					}


				/* 学校紹介 */
					.contentbox.top-about .imagebox img:nth-of-type(2){
						float: right;
						margin-bottom: -200px;
						top:-200px;
					}

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

					.contentbox.top-about .imagebox img:nth-of-type(2){
						margin-bottom: -150px;
						top:-150px;
					}

				}

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

					.contentbox.top-about .imagebox img:nth-of-type(2){
						margin-bottom: -100px;
						top:-100px;
					}

				}

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

					.contentbox.top-about .imagebox img:nth-of-type(2){
						margin-bottom: -80px;
						top:-100px;
					}

				}


				/* カリキュラム */
					.contentbox.top-information .imagebox img:nth-of-type(2){
						float: right;
						margin-bottom: -320px;
						top:-320px;
					}

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

					.contentbox.top-information .imagebox img:nth-of-type(2){
						margin-bottom: -330px;
						top:-320px;
					}

				}

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

					.contentbox.top-information .imagebox img:nth-of-type(2){
						margin-bottom: -230px;
						top:-230px;
					}

				}

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

					.contentbox.top-information .imagebox img:nth-of-type(2){
						margin-bottom: -180px;
						top:-180px;
					}

				}

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

					.contentbox.top-information .imagebox img:nth-of-type(2){
						margin-bottom: -80px;
						top:-100px;
					}

				}


				/* 入試情報 */

				.contentbox.top-admission{
					position: relative;
					z-index: 100;
				}

				.contentbox.top-admission .inner{
					margin-bottom: -10px;
				}

					.contentbox.top-admission .imagebox img:nth-of-type(1){
						margin-bottom: 20px;
						float: right;
					}

					.contentbox.top-admission .imagebox img:nth-of-type(2){
						margin-bottom: -520px;
						float: left;
						top:-520px;
					}

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

					.contentbox.top-admission .imagebox img:nth-of-type(2){
						margin-bottom: -520px;
						top:-520px;
					}

				}

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

					.contentbox.top-admission .imagebox img:nth-of-type(2){
						margin-bottom: -370px;
						top:-370px;
					}

				}

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

					.contentbox.top-admission .imagebox img:nth-of-type(2){
						margin-bottom: -270px;
						top:-270px;
					}

				}

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

					.contentbox.admission .imagebox img:nth-of-type(2){
						margin-bottom: -100px;
						top:-120px;
					}

				}

				/* 学校生活 */

				.contentbox.top-access .inner{
					margin-bottom: -200px;
					position: relative;
					z-index: 100;
				}

					.contentbox.top-access .imagebox img:nth-of-type(1){
						float: left;
					}

					.contentbox.top-access .imagebox img:nth-of-type(2){
						float:right;
						margin-bottom: -500px;
						top:-500px;
					}

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

				.contentbox.top-access .inner{
					margin-bottom: -100px;
				}

					.contentbox.top-access .imagebox img:nth-of-type(2){
						margin-bottom: -500px;
						top:-500px;
					}

			}

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

				.contentbox.top-access .inner{
					margin-bottom: -100px;
				}

					.contentbox.top-access .imagebox img:nth-of-type(2){
						margin-bottom: -350px;
						top:-350px;
					}

			}

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

					.contentbox.top-access .imagebox img:nth-of-type(2){
						margin-bottom: -250px;
						top:-250px;
					}

			}

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

					.contentbox.top-access .imagebox img:nth-of-type(2){
						margin-bottom: -80px;
						top:-100px;
					}

			}



		/* トップページ教員採用 */

		.top-recruit,
		.top-recruit2{
			max-width: 1200px;
			width: 90%;
			margin: 0 auto 80px;
			padding: 50px 0 45px;
			background-color: #f2f2f2;
			overflow: hidden;
		}

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

		.top-recruit,
		.top-recruit2{
			margin: 0 auto 70px;
			padding: 40px 0 35px;
		}

	}

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

		.top-recruit,
		.top-recruit2{
			margin: 0 auto 70px;
			padding: 35px 0 30px;
		}

	}

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

		.top-recruit,
		.top-recruit2{
			margin: 0 auto 60px;
			padding: 30px 0 25px;
		}

	}

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

		.top-recruit,
		.top-recruit2{
			margin: 0 auto 50px;
		}

	}

			.top-recruit h2,
			.top-recruit2 h2{
				margin-bottom: 30px;
				color:#8b0000;
				font-size: 1.6em;
				font-weight: 700;
				text-align: center;
				letter-spacing: 0.1em;
			}

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

			.top-recruit h2,
			.top-recruit2 h2{
				margin-bottom: 20px;
				font-size: 1.4em;
			}

		}

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

			.top-recruit h2,
			.top-recruit2 h2{
				margin-bottom: 15px;
				font-size: 1.2em;
			}

		}

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

			.top-recruit h2,
			.top-recruit2 h2{
				font-size: 1.1em;
			}

		}

			.top-recruit p,
			.top-recruit2 p{
				width:90%;
				margin: 0 auto 20px;
				text-align: center;
			}

			.top-recruit .linkbtn,
			.top-recruit2 .linkbtn{
				max-width: 360px;
				width:90%;
				height:40px;
				margin:20px auto 0;
				color:#fff;
				font-size:1.0em;
				line-height:40px;
				border-radius: 5px;
				background-color: #369;
				background-image:url(/shared/img_yajirushi-white3.png);
				background-repeat:no-repeat;
				background-position:90% 50%;
				background-size:5px auto;
				float: none;
			}





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

   イベント

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

	.events{
		clear: both;
		padding:0 0 60px;
		position: relative;
	}

		.events .inner{
			max-width:1000px !important;
			width:90% !important;
			margin: 0 auto;
			padding:40px 0 5px;
			background-color: #f7fcfc;
			border-radius: 10px;
		}
		.events.detail .inner{
			background-color: transparent;
		}

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

		.events .inner{
			padding:30px 0 0;
		}

	}

			.events .inner .newslist{
				width:90%;
				margin: 0 auto;
			}

				.events .inner .newslist li{
					background-image:none;
				}


	.events .mainban{
		max-width: 1000px;
		width:90%;
		margin:50px auto 45px;
	}
	.events .mainban img{
		width:100%;
		height:auto;
	}

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

	.events .mainban{
		margin:30px auto 25px;
	}

}

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

	.events .mainban{
		margin:25px auto 20px;
	}

}

	/* 実施報告 */

		.events .reports{
			margin: 0 auto 50px;
			padding:20px 0 0;
			background-color:transparent;
			border-radius: 10px;
		}

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

		.events .reports{
			max-width:720px !important;
			width:90% !important;
			padding:10px 0 0;
		}

	}

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

		.events .reports{
			max-width:440px !important;
			width:96% !important;
			padding:10px 0 0;
		}

	}

			.events .reports li{
				width:22%;
				margin-right:4%;
				margin-bottom:25px;
				padding: 0;
				list-style: none;
				float:left;
				border:none;
			}
			.events .reports li:nth-of-type(4n){margin-right: 0;}

			.events .reports .nolist li{
				width:90%;
				margin: 0 auto;
				padding:10px 0;
				float:none;
				border-top:1px dashed #ccc;
				border-bottom:1px dashed #ccc;
			}

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

			.events .reports li{
				width:30%;
				margin-right:5%;
				margin-bottom:25px;
			}
			.events .reports li:nth-of-type(4n){margin-right:5%;}
			.events .reports li:nth-of-type(3n){margin-right:0;}

		}

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

			.events .reports li{
				width:47%;
				margin-right:6%;
				margin-bottom:25px;
			}
			.events .reports li:nth-of-type(3n){margin-right:5%;}
			.events .reports li:nth-of-type(2n){margin-right:0;}

		}


			.events .reports li img{
				width:100%;
				height:auto;
				border-radius: 10px;
			}

			.events .reports li .date{
				width:100%;
			}

			.events .reports li .title{
				width:100%;
			}

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

			.events .reports li .date{
				font-size: 0.9em;
			}

			.events .reports li .title{
				font-size: 0.9em;
			}

		}
			
				
				

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

   Mainnote

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

	.mainnote{
		max-width: 1200px;
		width:100%;
		margin: 0 auto 50px;
		background-image: url("/shared/bg_clear-red.png");
	}

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

	.mainnote{
		margin: 0 auto 30px;
	}

}

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

	.mainnote{
		margin: 0 auto 20px;
	}

}


	.mainnote .inner{
		width:50%;
		height:calc(100% - 80px);
		padding: 40px 45% 40px 5%;
		background-image: url("/images/bg_mainnote.png");
		background-repeat: no-repeat;
		background-position: 100% 0;
		background-size:50% auto;
	}

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

	.mainnote .inner{
		background-position: 120% 0;
		background-size:auto 100%;
	}

}

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

	.mainnote .inner{
		background-position: 150% 0;
	}

}


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

	.mainnote{
		margin: 0 auto 60px;
	}

	.mainnote .inner{
		padding: 25px 45% 25px 5%;
		background-position: 130% 0;
	}

}

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

	.mainnote .inner{
		background-position: 170% 0;
	}

}

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

	.mainnote .inner{
		background-position: 220% 0;
	}

}

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

	.mainnote{
		margin: 0 auto 40px;
	}

	.mainnote .inner{
		width: 90%;
		padding: 10px 5% 10px 5%;
		background-image:none;
	}

}


		.mainnote .inner p{
			color:#8b0000;
			font-size:1.2em;
			line-height: 2.0em;
			font-family: 'Sawarabi Mincho', Helvetica, Arial, sans-serif;
			text-shadow:0 0 10px #f7eded,0 0 10px #7eded,0 0 10px #f7eded,0 0 10px #f7eded,0 0 10px #f7eded,0 0 10px #f7eded,
			0 0 10px #f7eded,0 0 10px #f7eded,0 0 10px #f7eded,0 0 10px #f7eded,0 0 10px #f7eded,0 0 10px #f7eded,
			0 0 10px #f7eded,0 0 10px #f7eded,0 0 10px #f7eded,0 0 10px #f7eded,0 0 10px #f7eded,0 0 10px #f7eded,
			0 0 10px #f7eded,0 0 10px #f7eded,0 0 10px #f7eded,0 0 10px #f7eded,0 0 10px #f7eded,0 0 10px #f7eded,
			0 0 10px #f7eded,0 0 10px #f7eded,0 0 10px #f7eded,0 0 10px #f7eded,0 0 10px #f7eded,0 0 10px #f7eded;
		}

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

		.mainnote .inner p{
			font-size:1.1em;
			line-height: 1.8em;
		}

	}

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

		.mainnote .inner p{
			padding:10px;
			font-size:1.0em;
			line-height: 1.8em;
		background-image: url("/shared/bg_clear-red.png");
		}

	}


		.mainnote img{
			display:none;
		}

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

		.mainnote img{
			display:inline;
			width:100%;
			height:auto;
			line-height: 0;
		}

	}




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

  	アオバ連携協定

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


	.byaoba{
		margin-bottom:50px;
		padding:50px 0 40px;
		/*background-color: #f8f8f8;*/
	}

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

	.byaoba{
		margin-bottom:20px;
		padding:40px 0;
	}

}

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

	.byaoba{
		padding:30px 0;
	}

}


		.byaoba .inner{
			max-width: 700px;
			width:86%;
			margin: 0 auto;
			line-height: 2.0em;
		}

		@media screen and (max-width:430px){
		
			.byaoba h2{
				line-height: 1.6em;
			}
				
		}

		@media screen and (max-width:370px){
		
			.byaoba h2{
				font-size:0.9em;
				line-height: 1.5em;
			}
				
		}

			.byaoba h3{
				width:100%;
				margin: 0 auto;
			}
			.byaoba h3 img{
				width:100%;
				height:auto;
			}

		.byaoba .linkbtn{
			width:360px;
			height:40px;
			margin:30px auto 0;
			line-height: 40px;
			border-radius: 20px;
			float: none;
			background-color: #d9ecff;
		}

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

		.byaoba .linkbtn{
			width:290px;
			height:36px;
			margin:30px auto 0;
			font-size: 0.8em;
			line-height: 36px;
			border-radius: 18px;
		}

	}

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

		.byaoba .linkbtn{
			width:240px;
			height:auto;
			margin:30px auto 0;
			padding: 5px 0;
			font-size: 0.8em;
			line-height: 1.5em;
			border-radius: 10px;
		}

	}



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

  	学校紹介

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


/* メッセージ */

	.message.stdsec{
		padding-top:60px;
	}

		.message > .inner{
			margin: 0 auto;
		}

		.content > .message.stdsec .inner{
			max-width:1000px !important;
			padding:0 5px 50px;
			/*border-bottom: 1px dashed #ccc;*/
		}


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

		.message .inner{
			padding:40px 0;
		}

		.content > .message.stdsec .inner{
			padding:0 5px 30px;
		}

	}

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

		.message .inner{
			padding:20px 0;
		}

		.content > .message.stdsec .inner{
			padding:0 5px 10px;
		}

	}

.message .inner{zoom:1;}
.message .inner:after{
  content: ""; 
  display: block; 
  clear: both;
}


		.message > .inner img{
			width:24%;
			height:auto;
			float: right;
		}

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

		.message > .inner img{
			display: block;
			width:180px;
			height:auto;
			margin: 0 auto 30px;
			float:none;
		}

	}

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

		.message > .inner img{
			width:150px;
			height:auto;
		}

	}

		.message > .inner .note{
			width:70%;
			line-height:2.0em;
			float:left;
		}

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

		.message > .inner .note{
			width:100%;
			line-height:1.9em;
			float:none;
		}

	}

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

		.message > .inner .note{
			font-size:0.9em;
			line-height:1.8em;
		}

	}

		.message > .inner .note h4{
			margin-bottom: 30px;
			color:#8b0000;
			font-size:1.3em;
			font-weight:700;
			line-height:1.5em;
		}

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

		.message > .inner .note h4{
			margin-bottom: 20px;
			font-size:1.1em;
			text-align:left !important;
		}

	}



		.message > .inner .note .sig{
			font-size:0.9em;
			font-family: 'Sawarabi Mincho', Helvetica, Arial, sans-serif;
			text-align: right;
			line-height: 1.5em;
		}

			.message > .inner .note .sig em{
				display: block;
				margin: 10px 0 0;
				font-size:1.3em;
				font-style: normal;
				letter-spacing: 0.2em;
			}
			.en .message > .inner .note .sig em{margin:0 0 10px;}


		
		.about .stdsec > .inner h4{
			color:#8b0000;
			font-size:1.3em;
			font-weight:700;
			line-height:1.5em;
		}

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

		.about .stdsec > .inner h4{
			font-size:1.1em;
			text-align: center;
		}

	}



/* キリスト教 */

	.christianity.stdsec{
		padding-top:60px;
	}

		.christianity > .inner{
			margin: 0 auto;
		}

		.content > .christianity.stdsec .inner{
			max-width:1000px !important;
			padding:0 5px 50px;
			/*border-bottom: 1px dashed #ccc;*/
		}


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

		.christianity .inner{
			padding:40px 0;
		}

		.content > .christianity.stdsec .inner{
			padding:0 5px 30px;
		}

	}

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

		.message .inner{
			padding:20px 0;
		}

		.content > .christianity.stdsec .inner{
			padding:0 5px 10px;
		}

	}

.christianity .inner{zoom:1;}
.christianity .inner:after{
  content: ""; 
  display: block; 
  clear: both;
}


		.christianity > .inner img{
			width:24%;
			height:auto;
			float: right;
		}

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

		.christianity > .inner img{
			display: block;
			width:180px;
			height:auto;
			margin: 40px auto 30px;
			float:none;
		}

	}

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

		.christianity > .inner img{
			width:150px;
			height:auto;
		}

	}

		.christianity > .inner .note{
			width:70%;
			line-height:2.0em;
			float:left;
		}

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

		.christianity > .inner .note{
			width:100%;
			line-height:1.9em;
			float:none;
		}

	}

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

		.christianity > .inner .note{
			font-size:0.9em;
			line-height:1.8em;
		}

	}

		.christianity > .inner .note h4{
			margin-bottom: 30px;
			color:#8b0000;
			font-size:1.3em;
			font-weight:700;
			line-height:1.5em;
		}

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

		.christianity > .inner .note h4{
			margin-bottom: 20px;
			font-size:1.1em;
			text-align:left !important;
		}

	}



		.christianity > .inner .note .sig{
			font-size:0.9em;
			font-family: 'Sawarabi Mincho', Helvetica, Arial, sans-serif;
			text-align: right;
			line-height: 1.5em;
		}

			.christianity > .inner .note .sig em{
				display: block;
				margin-top: 10px;
				font-size:1.3em;
				font-style: normal;
				letter-spacing: 0.2em;
			}


		
		.about .stdsec > .inner h4{
			color:#8b0000;
			font-size:1.3em;
			font-weight:700;
			line-height:1.5em;
		}

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

		.about .stdsec > .inner h4{
			font-size:1.1em;
			text-align: center;
		}

	}



	/* 教育理念 */

	.philosophy{
		padding-top: 30px;
	}


		.philosophy .inner .note,
		.features .inner .note{
			/*max-width: 1000px;*/
			width:100%;
			margin: 40px auto 0;
			padding-bottom:30px;
			line-height:2.0em;
		}

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

		.philosophy .inner .note,
		.features .inner .note{
			margin: 40px auto 0;
		}

	}

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

		.philosophy .inner .note,
		.features .inner .note{
			margin: 30px auto 0;
			font-size:0.9em;
			line-height:1.9em;
		}

	}

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

		.philosophy .inner .note,
		.features .inner .note{
			margin: 20px auto 0;
			line-height:1.8em;
		}

	}

		.about .stdsec > .inner h4 + .note{
			margin:15px 0 30px;
			padding-bottom:0;
		}

		.about .stdsec > .inner h4 + .note.lastchild{
			margin:15px 0 100px;
		}

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

		.about .stdsec > .inner h4 + .note.lastchild{
			margin:15px 0 90px;
		}

	}

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

		.about .stdsec > .inner h4 + .note.lastchild{
			margin:15px 0 80px;
		}

	}

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

		.about .stdsec > .inner h4 + .note.lastchild{
			margin:15px 0 70px;
		}

	}

		.philosophy .inner + .inner{
			padding-top: 40px;
			color:#000;
			border-top:1px dashed #ccc;
			position: relative;
			top:-40px;
		}
		.philosophy .inner + .inner P{
			margin-bottom:40px;
		}


		.philosophy .en-label,
		.features .en-label{
			margin: 13px 0 20px;
			font-size:1.2em;
			color:#8fadcc;
			font-weight:700;
			text-align: center;
		}

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

		.philosophy .en-label,
		.features .en-label{
			margin: 10px 0 18px;
			font-size:1.1em;
		}

	}

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

		.philosophy .en-label,
		.features .en-label{
			margin: 8px 0 15px;
			font-size:1.0em;
		}

	}

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

		.philosophy .en-label,
		.features .en-label{
			margin: 5px 0 12px;
			font-size:0.9em;
		}

	}

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

		.philosophy .en-label,
		.features .en-label{
			font-size:0.8em;
		}

	}

	/* 学校使命 */

		.motto{
			clear: both;
			width:100%;
			margin: 0 auto 50px;
			color:#036;
			font-size:1.7em;
			font-family: 'Sawarabi Mincho', Helvetica, Arial, sans-serif;
			line-height: 1.7em !important;
			background-color:#fff;
		}


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

		.motto{
			margin: 0 auto 40px;
			font-size:1.6em;
		}

	}

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

		.motto{
			font-size:1.5em;
		}

	}

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

		.motto{
			font-size:1.4em;
		}

	}

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

		.motto{
			margin: 0 auto 30px;
			font-size:1.3em;
		}

	}

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

		.motto{
			font-size:1.2em;
		}

	}

		.motto + .note{
			margin-bottom:0 !important;
		}

		.motto + .note + p{
			margin:10px 0 40px;
			font-weight:700;
		}

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

		.motto + .note + p{
			font-size:0.9em;
		}

	}



	.policies{
		padding-bottom: 100px;
	}

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

	.policies{
		padding-bottom:50px;
	}

}

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

	.policies{
		padding-bottom:30px;
	}

}

		.policies .inner{
			max-width:1000px;
			width:96%;
			margin: 0 auto;
		}

		.policies .inner .policy{
			width:90%;
			margin-top:30px;
			padding: 25px 5%;
			box-shadow:0 0 0 1px #c58080 inset; 
			border-radius: 10px;
			background-repeat: no-repeat;
			background-position: 0 0;
		}
		.policies .inner .policy:nth-of-type(1){background-image:url("/images/bg_policy1.png");}
		.policies .inner .policy:nth-of-type(2){background-image:url("/images/bg_policy2.png");}
		.policies .inner .policy:nth-of-type(3){background-image:url("/images/bg_policy3.png");}

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

		.policies .inner .policy{
			padding: 20px 5%;
			background-size: 120px auto;
		}

	}

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

		.policies .inner .policy{
			margin-top:20px;
			background-size: 100px auto;
		}

	}

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

		.policies.inner .policy{
			margin-top:10px;
			padding: 15px 5%;
			background-size: 80px auto;
		}

	}


			.policies .inner .policy h4{
			}


			.policies .inner .policy h4{
				margin:0 0 20px 30px;
				color:#8b0000;
				font-size:1.6em;
				font-weight:700;
				line-height: 1.5em;
			}

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

			.policies .inner .policy h4{
				margin:0 0 20px 25px;
				font-size:1.4em;
			}

		}

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

			.policies .inner .policy h4{
				margin:0 0 20px 30px; 
				font-size:1.2em;
			}

		}

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

			.policies .inner .policy h4{
				margin:0 0 20px 30px; 
				font-size:1.0em;
			}

		}

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

			.policies .inner .policy h4{
				font-size:0.9em;
			}

		}

			.policies .inner .policy h4 span{
				color:#04497b;
				position: relative;
			}

			.policies .inner ol{
				margin-left:25px;
			}


			.policies .inner ol li{
				margin-bottom: 10px;
				line-height: 1.8em;
			}

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

			.policies .inner ol li{
				font-size:0.9em;
			}

		}

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

			.policies .inner ol li{
				font-size:0.8em;
			}

		}


	/* カリキュラム */

		.tankyu .inner:nth-of-type(1) ul{
			width: 100%;
			margin-top: 30px;
		}

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

		.tankyu .inner:nth-of-type(1) ul{
			margin-top: 15px;
		}

	}


		.tankyu .inner ul{zoom:1;}
		.tankyu .inner ul:after{
		  content: ""; 
		  display: block; 
		  clear: both;
		}


			.tankyu .inner:nth-of-type(1) li{
				width:32%;
				margin-right: calc(4% / 2);
				float: left;
				list-style: none;
			}
			.tankyu .inner:nth-of-type(1) li:nth-last-of-type(1){
				margin-right: 0;
			}

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

			.tankyu .inner:nth-of-type(1) li{
				width: 200px;
				margin:0 auto 5px;
				float:none;
			}
			.tankyu .inner:nth-of-type(1) li:nth-last-of-type(1){
				margin:0 auto;
			}

		}


			.tankyu .inner li img{
				width:100%;
				height:auto;
			}



			.tankyuchart{
				max-width:1200px;
				width:100%;
				margin: 0 auto;
				padding:40px 0 30px;
				background-color: #fff5f5;
			}

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

			.tankyuchart{
				padding:30px 0 20px;
			}

		}

				.tankyuchart h4{
					margin:0 auto 20px;
					color:#8b0000;
					font-weight: 700;
					font-size: 1.5em;
					text-align: center;
					line-height: 1.5em;
				}

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

				.tankyuchart h4{
					font-size: 1.4em;
				}

			}

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

				.tankyuchart h4{
					font-size: 1.2em;
				}

			}

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

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

			}


				.tankyuchart ul{
					max-width:840px;
					width:90%;
					margin: 0 auto;
				}

					.tankyuchart li{
						margin-bottom:20px;
						list-style: none;
						line-height: 1.7em;
					}

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

					.tankyuchart li{
						margin-bottom:10px;
						line-height: 1.5em;
					}

				}

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

					.tankyuchart li{
						margin-bottom:20px;
					}

				}

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

						.tankyuchart li img{
							float: left;
							width:86px;
							height:auto;
						}

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

						.tankyuchart li img{
							width:60px;
						}

					}

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

						.tankyuchart li img{
							width:50px;
						}

					}

						.tankyuchart li .note{
							float:right;
							width:calc(100% - 115px);
							font-family: 'Sawarabi Mincho', Helvetica, Arial, sans-serif;
						}

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

						.tankyuchart li .note{
							width:calc(100% - 90px);
							margin:5px 0 0;
						}

					}

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

						.tankyuchart li .note{
							width:calc(100% - 80px);
							margin:0;
						}

					}

				.tankyuchart .note h5{
					margin: 0;
					color:#369;
					font-family:"M PLUS Rounded 1c","Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "游ゴシック", "Yu Gothic", sans-serif;
					font-weight: 700;
					line-height: 1.5em;
				}

				.tankyuchart .note p{
					margin: 7px 0 0;
					line-height: 1.5em;
				}

			.tankyuchart + .inner{
				padding-top: 20px;
			}


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

			.tankyuchart + .inner{
				margin-bottom:30px !important;
			}
			.en .tankyuchart + .inner{
				margin-bottom:50px !important;
			}

		}

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

			.tankyuchart + .inner{
				margin-bottom:20px !important;
			}
			.en .tankyuchart + .inner{
				margin-bottom:50px !important;
			}

		}


				.tankyuchart + .inner ul{
					width:100%;
				}

					.tankyuchart + .inner ul li{
						width:15%;
						margin-right:2%;
						padding: 5px 0;
						color:#fff;
						font-weight:700;
						text-align: center;
						list-style: none;
						background-color: #369;
						border-radius: 5px;
						float: left;
					}
					.tankyuchart + .inner ul li:nth-last-of-type(1){
						margin-right: 0;
					}
				@media screen and (max-width:640px){
					
					.tankyuchart + .inner ul li{
						font-size:0.9em;
					}

				}
				@media screen and (max-width:480px){
					
					.tankyuchart + .inner ul li{
						width:30%;
						margin-right:5%;
						margin-bottom: 10px;
					}
					.tankyuchart + .inner ul li:nth-of-type(3){
						margin-right: 0;
					}

				}

					.tankyuchart + .inner ul li a{
						display: block;
						width:100%;
						height:100%;
						color:#fff;
						text-decoration: none;
						transition: all 0.5s 0s ease;
					}

					.tankyuchart + .inner ul li a:hover{
						color:#fc0;
					}





		/* エキシビジョン */

			.exhibition .note img{
				width:28%;
				min-width:200px;
				height:auto;
				margin: 7px 0 10px 5%;
				float:right;
			}

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

			.exhibition .note img{
				display: block;
				margin:0 auto 30px;
				float:none;
			}

		}


	/* キャンパス紹介 */






	/* アクセス */

		.map{
			max-width: 1000px;
			width:100%;
			margin:0 auto;
			padding-top: 0;
		}

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

		.map{
			padding-top:20px;
		}

	}

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

		.map + table{
			border-collapse: collapse;
			max-width:1000px;
			width:100%;
			margin:40px auto 0;
		}

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

		.map + table{
			margin:40px auto 0;
		}

	}

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

		.map + table{
			margin:30px auto 0;
		}

	}

			.map + table th{
				padding:15px 10px;
				border:1px solid #ccc;
				white-space: nowrap;
				line-height: 1.5em;
				vertical-align: top;
				background-color: #eee;
			}

			.map + table td{
				padding:15px 15px 10px;
				line-height: 1.5em;
				border:1px solid #ccc;
			}

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

			.map + table th{
				display: block;
				width:100%;
				padding:5px 0;
				border:none;
				line-height: 1.5em;
				text-align: center;
			}

			.map + table td{
				display: block;
				width:100%;
				padding:10px;
				border:none;
			}

		}


				.map + table td ul{
					margin-left: 20px;
				}

					.map + table td li{
						margin-bottom:10px;
					}









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

  	おしらせ

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

	.news .newslist .inner{
		max-width:840px;
		width:90%;
		margin: 0 auto;
		padding-bottom: 80px;
	}

		.news .newslist{
			margin: 0 auto 50px;
		}

			.news .newslist ul{
				width:100%;
			}


				.news .newslist ul li{
					padding: 15px 2%;
					color:#a76775;
					list-style: none;
					line-height: 1.7em;
					border-bottom:1px dashed #ccc;
				}
				.news .newslist ul li:nth-of-type(1){
					border-top:1px dashed #ccc;
				}

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

				.news .newslist ul li{
					padding: 10px 3%;
					font-size: 0.9em;
				}

			}

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

				.news .newslist ul li span{
					display: block;
					width:100px;
					margin-right: 10px;
					float:left;
				}

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

				.news .newslist ul li span{
					width:100%;
					margin-right:0;
					float:none;
				}

			}

				.news .newslist ul li a{
					color:#a76775;
				}




	/* おしらせ詳細 */


	.news.detail .inner{
		max-width:840px;
		width:90%;
		margin: 0 auto 50px;
	}

	.news.detail h4{
		margin-bottom: 5px;
		padding:0 1% 7px;
		color:#326291;
		font-size: 1.3em;
		font-weight:700;
		border-bottom: 1px solid #326291;
		text-align: left;
	}
	.en .news.detail h4{
		line-height: 1.5em;
	}

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

	.news.detail h4{
		font-size: 1.2em;
	}

}

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

	.news.detail h4{
		padding:0 1% 5px;
		font-size:1.0em;
	}

}

		.news.detail .date{
			margin:0 1% 30px;
			color:#666;
		}

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

		.news.detail .date{
			margin:0 1% 20px;
			font-size:0.9em;
		}

	}

		.news.detail .entrybody{
			padding:0 1% 50px;
		}
		.en .news.detail .entrybody{
			line-height: 1.5em;
		}

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

		.news.detail .entrybody{
			font-size:0.9em;
			padding:0 1% 20px;
		}

	}


		/* おしらせの画像設定 */

			.news .imagebox{
				max-width:360px;
				width:50%;
				margin: 5px 0 0 3%;
			}

			.news .imageboxR{
				float: right;
			}

			.news .imageboxL{
				float: left;
			}

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

			.news .imagebox{
				max-width: 300px;
				width:100%;
				margin: 0 auto 20px;
			}

			.news .imageboxR,
			.news .imageboxL{
				float:none;
			}

		}

				.news .imagebox img{
					width: 100%;
					height: auto;
					line-height: 0;
				}

				.news .imagebox p{
					margin:0 0 20px;
					color:#369;
				}


		.news .imagelist{
			max-width: 770px;
			width: 100%;
			margin: 0 auto;
		}

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

		.news .imagelist{
			max-width: 300px;
		}

	}

		.news .imagelist{zoom:1;}
		.news .imagelist:after{
		  content: ""; 
		  display: block; 
		  clear: both;
		}

			.news .imagelist li{
				width:48%;
				margin: 0 1%;
				list-style: none;
				float: left;
			}

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

			.news .imagelist li{
				width:100%;
				margin: 0 0 20px;
				float:none;
			}

		}

				.news .imagelist li img{
					width: 100%;
					height: auto;
					line-height: 0;
				}

				.news .imagelist li p{
					margin:0 0 20px;
					color:#369;
				}


/* 戻る */
	
	.modoru{
		display:block;
		width:60px;
		height:60px;
		margin:0 auto 80px;
		color:#fff;
		font-size:2.2em;
		text-align:center;
		text-decoration:none;
		line-height:66px;
		float: none;
		background-color:#333;
		border-radius:40px;
		cursor:pointer;
		-webkit-transition:opacity 0.5s ease-out;
		-moz-transition:opacity 0.5s ease-out;
		-ms-transition:opacity 0.5s ease-out;
		transition:opacity 0.5s ease-out;
	}

@media screen and (max-width:480px){
	
	.modoru{
		width:50px;
		height:50px;
		margin:0 auto 30px;
		font-size:1.6em;
		line-height:54px;
		border-radius:25px;
	}

}






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

  	アクセス

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

	.access{
		padding-top: 50px;
	}

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

	.access{
		padding:0 0 100px;
	}

}

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

		.access .map{
			max-width: 1000px;
			width:100%;
			padding-top:30px;
		}

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

		.access .map{
			padding:0 0 20px;
		}

	}

		.access .map img{
			width:100%;
			height:auto;
		}

		.access .map + table{
			border-collapse: collapse;
			max-width:1000px;
			width:100%;
			margin:40px auto 100px;
		}

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

		.access .map + table{
			margin:40px auto 100px;
		}

	}

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

		.access .map + table{
			margin:30px auto 50px;
		}

	}

			.access .map + table th{
				padding:15px 10px;
				border:1px solid #ccc;
				white-space: nowrap;
				line-height: 1.5em;
				vertical-align: top;
				background-color: #eee;
			}

			.access .map + table td{
				padding:15px 15px 10px;
				line-height: 1.5em;
				border:1px solid #ccc;
			}

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

			.access .map + table th{
				display: block;
				width:100%;
				padding:5px 0;
				border:none;
				line-height: 1.5em;
				text-align: center;
			}

			.access .map + table td{
				display: block;
				width:calc(100% - 20px);
				padding:10px;
				border:none;
			}

		}

				.access .map + table td ul{
					margin-left: 20px;
				}

					.access .map + table td li{
						margin-bottom:10px;
					}




/* Googleマップの場合 */
		.gmap{
			width:100%;
			height: 600px;
			margin-bottom:70px;
		}

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

		.gmap{
			padding-bottom:40px;
		}

	}

			.gmap iframe{
				widt:100%;
			}

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

		.gmap{
			height:400px;
		}
			.gmap iframe{
				height:400px;
			}
	}









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

  	入試情報

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

	.index .admission{
		padding-bottom: 80px !important;
	}





/* 説明会 */


	.session{
		padding-bottom: 70px;
		background-image: url("/images/bg_session1.png");
		background-repeat: no-repeat;
		background-position: 50% 0;
		background-size: 1920px auto;
	}
	.session2{
		padding-bottom:0;
	}

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

	.session{
		background-size: 1000px auto;
	}

}

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

	.session{
		font-size:0.9em;
		background-size: 720px auto;
	}

}


	.session2 .session{
		padding:50px 0 20px !important;
		background-image: url("/images/bg_session2.png");
	}


		.session h2{
			max-width:640px;
			width:80%;
			margin: 0 auto 30px;
			padding:30px 0 20px;
			border-radius: 10px;
			background-image: url("/shared/bg_clear-white80.png")
		}

		.session2 .session h2{
			padding:20px 0 15px;
		}

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

		.session2 .session h2{
			margin: 0 auto 50px;
		}

	}


		.session h2 img{
			width:78%;
			height: auto;
		}
		.session h2 p{
			width:78%;
			margin:15px auto 0;
			line-height: 1.5em;
			font-size: 0.9em;
		}

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

		.session h2 p{
			font-size: 0.8em;
		}

	}

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

		.session h2{
			padding:20px 0 15px;
		}
		
		.session h2 p{
			font-size: 0.8em;
		}

	}

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

		.session h2 p{
			text-align: left;
		}

	}

		.session h2 + p{
			max-width:750px;
			width:90%;
			margin: 40px auto;
			text-shadow:0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,
			0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,
			0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,
			0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff,0 0 10px #fff;
			color:#c33;
			font-weight:700;
			line-height: 1.8em;
		}

		.en .session h2 + p{
			max-width:850px;
			line-height: 1.8em;
		}

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

		.session h2 + p{
			margin: 0 auto 50px;
			font-size:0.9em;
			line-height: 1.8em;
		}

	}



		.session .linkform{
			display: block;
			max-width: 420px;
			width:80%;
			height:60px;
			margin: 0 auto 30px;
			color:#fff;
			font-size:1.0em !important;
			font-weight:700;
			line-height: 57px;
			background-color: #f60;
			background-image: url("/shared/link_yajirushi-down.png");
			background-repeat: no-repeat;
			background-position: 50% 95%;
			float: none;
		}

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

		.session .linkform{
			height:50px;
			margin: 0 auto 20px;
			font-size:0.9em !important;
			line-height: 45px;
			border-radius: 5px;
		}

	}

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

		.session .linkform{
			margin: 0 auto 10px;
		}

	}


		.session .note{
			clear: both;
			max-width:1200px;
			width:96%;
			margin: 0 auto;
			padding-top:20px;
			line-height: 2.0em;
			background-color:#fff;
		}

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

		.session .note{
			padding-top:0;
		}

	}

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

		.session .note{
			line-height: 1.9em;
		}

	}



			.session .note > .inner{
				max-width: 840px;
				width:94%;
				margin: 30px auto 50px;
				font-family: 'Sawarabi Mincho', Helvetica, Arial, sans-serif;
			}

			.session .note > .inner p.kome + p.kome{
				margin-top:0;
				position: relative;
				top:-10px;
			}


		.session .note h3,
		.stdsec h3{
			margin-bottom:70px; 
			color:#04497b;
			font-size:2.2em;
			font-weight:700;
			text-align: center;
			line-height: 1.5em;
			letter-spacing: 0.07em;
		}
		.en .session .note h3,
		.en .stdsec h3{
			line-height: 1.2em;
			letter-spacing: 00;
		}

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

		.session .note h3,
		.stdsec h3{
			margin-bottom:60px; 
		}

	}

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

		.session .note h3,
		.stdsec h3{
			margin-bottom:50px; 
			font-size:1.8em;
		}

	}

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

		.session .note h3,
		.stdsec h3{
			margin-bottom:40px; 
			font-size:1.6em;
		}

	}

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

		.session .note h3,
		.stdsec h3{
			font-size:1.4em;
		}

	}


			.session .note table{
				max-width: 840px;
				width:94%;
				margin: 0 auto 35px;
				border-top:1px dashed #ccc;
			}

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

			.session .note table{
				border-top:none;
			}

		}

				.session .note th{
					width:110px;
					padding: 10px 5px;
					border-bottom:1px dashed #ccc;
					letter-spacing: 0.5em;
					vertical-align: top;
				}
				.en .session .note th{
					padding-top: 16px;
					letter-spacing: 0.03em;
					line-height: 1.3em;
				}

				.session .note td{
					width:calc(100% - 110px);
					padding: 10px 5px;
					border-bottom:1px dashed #ccc;
				}

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

				.session .note th{
					width:80px;
				}

				.session .note td{
					width:calc(100% - 90px);
				}

			}

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

				.session .note th{
					display: block;
					width:calc(100% - 10px);
					padding: 5px;
					background-color: #eee;
					border:none;
				}
				.en .session .note th{
					padding-top:5px;
				}

				.session .note td{
					display: block;
					width:94%;
					padding: 10px 3%;
					border:none;
				}

			}

					.session .note td ol{
						margin-left: 20px;
					}

						.session .note td ol ol{
							margin-left: 0;
						}


						.session .note td ol > li{
							margin-bottom: 20px;
						}

						.session .note td ol > li:nth-last-of-type(1){
							margin-bottom:10px;
}

						.session .note td ol > li h4{
							color:#036;
							font-weight:700;
						}

					.session2 .note td ul{
						margin-left: 20px;
					}


					.session .note td .linkbtn{
						max-width:300px;
						height:40px;
						width: 100%;
						margin: 10px auto;
						float:none;
						color:#fff;
						background-color: #369;
						border-radius:5px;
						line-height: 40px;
					}

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

					.session .note td .linkbtn{
						top:0;
					}

				}


			.session .note .spbox{
				max-width: 840px;
				width:94%;
				margin: 0 auto 50px;
				padding: 25px 0 20px;
				background-color: #fff2f2;
			}

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

			.session .note .spbox{
				margin: 0 auto 40px;
			}

		}

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

			.session .note .spbox{
				margin: 0 auto 30px;
				padding: 15px 0 10px;
			}

		}


				.session .note .spbox h4{
					color:#c00;
					font-weight:700;
					text-align: center;
				}

				.session .note .spbox p{
					width:90%;
					margin: 10px auto;
				}


			.session .spbox2{
				max-width: 480px;
				width:90%;
				margin: 0 auto 30px;
				padding: 15px;
				color:#f00;
				font-weight:700;
				border:2px solid #f00;
				text-align: center;
			}

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

			.session .spbox2{
				padding: 10px 15px;
			}
			.session .spbox2 br{
				display: none;
			}

		}

		.session .entry{
			padding:50px 0 0;
			border-top:1px dashed #ccc;
		}

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

		.session .entry{
			padding:40px 0 0;
		}

	}

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

		.session .entry{
			padding:30px 0 0;
		}

	}

			.session .entry > .inner{
				max-width: 840px;
				width:90%;
				margin: 0 auto 50px;
			}

			.session .entry .catch{
				width:90%;
				margin: 0 auto 30px;
				color:#f00;
				font-size:2.2em;
				font-family: 'Sawarabi Mincho', Helvetica, Arial, sans-serif;
				text-align: center;
				position: relative;
				left:2%;
			}

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

			.session .entry .catch{
				margin: 0 auto 20px;
				font-size:1.8em;
			}

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

			.session .entry .catch{
				font-size:1.5em;
			}

		}


				.session .entry .catch + p{
					margin-bottom: 30px;
					text-align: center;
				}

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

				.session .entry .catch + p{
					text-align:left;
				}

			}

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

				.session .entry .catch + p{
					margin-bottom: 20px;
				}

			}

			.session .entry .spbox{
				max-width: 840px;
				width:100%;
				margin: 0 auto;
				padding: 25px 0 5px;
				background-color: #fff2dc;
			}

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

			.session .entry .spbox{
				margin: 0 auto;
			}

		}

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

			.session .entry .spbox{
				margin: 0 auto;
				padding: 15px 0 2px;
			}

		}


				.session .entry .spbox h4{
					color:#6b4300;
					font-weight:700;
					text-align: center;
				}

				.session .entry .spbox ol{
					margin: 10px 5% 10px calc(5% + 20px);
				}

				.session .entry .spbox li{
					margin-bottom: 15px;
				}



	/* mailform */

		.session .mailform,
		.session2 .mailform{
			padding:50px 0;
			background-color: #f2f2f2;
		}

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

		.session .mailform,
		.session2 .mailform{
			padding:40px 0;
		}

	}

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

		.session .mailform,
		.session2 .mailform{
			padding:30px 0;
		}

	}

			.session2 .mailform > h3{
				margin-bottom: 30px;
				color:#8b0000;
				font-size:1.5em;
				font-weight:700;
				text-align: center;
				line-height: 1.5em;
			}


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

			.session2 .mailform > h3{
				margin-bottom:20px; 
				font-size:1.3em;
			}

		}

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

			.session2 .mailform > h3{
				margin-bottom:15px; 
				font-size:1.1em;
			}

		}







			.session .mailform > .inner,
			.session2 .mailform > .inner{
				max-width: 840px;
				width:90%;
				margin: 0 auto 50px;
			}

				.session .mailform > .inner ul,
				.session2 .mailform > .inner ul{
					margin-left: 20px;
				}

					.session .mailform > .inner li,
					.session2 .mailform > .inner li{
						margin-bottom: 10px;
					}

			.session .mailform form,
			.session2 .mailform form{
				display: block;
				max-width: 1000px;
				width:100%;
				margin: 0 auto;
				background-image:none;
			}

			.session2 .mailform form > .align-right{
				margin: 0 0 5px;
				text-align: right;
			}

				.session .mailform dl,
				.session2 .mailform dl{
				}


		.contact .mailform dl,
		.session .mailform dl,
		.session2 .mailform dl{
			padding:15px 2% 15px;
			border-bottom:1px dashed #ccc;
			
		}
		.session .mailform dl:nth-of-type(1),
		.session2 .mailform dl:nth-of-type(1){
			border-top:1px dashed #ccc;
		}

		.session .mailform dl,
		.session2 .mailform dl{zoom:1;}
		.contact .mailform dl::after,
		.session .mailform dl::after,
		.session2 .mailform dl::after{
		  content: ""; 
		  display: block; 
		  clear: both;
		}
			
	@media screen and (max-width:540px){
		
		.session .mailform dl,
		.session2 .mailform dl{
			padding:20px 2% 20px;
		}
	}

			.session .mailform dt,
			.session2 .mailform dt{
				width:22%;
				padding-left: 10%;
				padding-top:3px;
				font-weight:400;
				float:left;
				line-height:1.5em;				
			}
			.en .session2 .mailform dt{
				width:95%;
				padding:0 0 7px 5%;
				float: none;
			}


			.session .mailform dl.longttl dt,
			.session2 .mailform dl.longttl dt{
				width:90%;
				padding-bottom:10px;
			}
			
		@media screen and (max-width:1000px){

			.session .mailform dt,
			.session2 .mailform dt{
				width:25%;
				padding-bottom:10px;
				padding-left:5%;
			}
			.en .session2 .mailform dt{
				width:95%;
				padding-left:5%;
			}

			.session .mailform dl.longttl dt,
			.session2 .mailform dl.longttl dt{
				width:95%;
			}
			
		}
			
		@media screen and (max-width:840px){

			.session .mailform dt,
			.session2 .mailform dt{
				width:95%;
				float:none;
			}
			.en .session2 .mailform dt{
				width:95%;
				padding-left:5%;
			}

			.session .mailform dt br,
			.session2 .mailform dt br{display:none;}
			
		}
			
		@media screen and (max-width:770px){

			.session .mailform dt,
			.session .mailform dl.longttl dt,
			.session2 .mailform dt,
			.session2 .mailform dl.longttl dt{
				width:100%;
				padding-bottom:15px;
				padding-left: 0;
			}
			
		}
			
		@media screen and (max-width:540px){

			.session .mailform dt,
			.session .mailform dl.longttl dt,
			.session2 .mailform dt,
			.session2 .mailform dl.longttl dt{
				padding-bottom:0;
			}
			.en .session2 .mailform dt{
				padding:0 !important;
			}

			
		}

			.session .mailform dl dd,
			.session2 .mailform dl dd{
				width:68%;
				color:#369;
				font-weight: 700;
			}
			.en .session2 .mailform dl dd{
				width:93%;
			}

			.session .mailform dl dd .small,
			.session2 .mailform dl dd .small{
				font-size:0.9em;
				font-weight: 400;
				position: relative;
				top:10px;
			}

			.session .mailform dl.longttl dd,
			.session2 .mailform dl.longttl dd{
				width:88%;
				padding-left:12%;
				float: none;
			}
			
		@media screen and (max-width:1000px){

			.session .mailform dl dd,
			.session .mailform dl.longttl dd,
			.session2 .mailform dl dd,
			.session2 .mailform dl.longttl dd{
				width:93%;
				padding-left:7%;
			}
			.en .session2 .mailform dl dd{
				width:92%;
			}
			
		}
			
		@media screen and (max-width:540px){

			.en .session2 .mailform dl dd{
				width:100%;
				padding-left: 0;
			}
			
		}


			.session .mailform input[type=text],
			.session .mailform input[type=number],
			.session .mailform input[type=tel],
			.session .mailform select,
			.session .mailform textarea,
			.session2 .mailform input[type=text],
			.session2 .mailform input[type=number],
			.session2 .mailform input[type=tel],
			.session2 .mailform select,
			.session2 .mailform textarea{
				-webkit-appearance: none;
				border:none;	
				border-radius:5px;
			}
			.session .mailform input,
			.session2 .mailform input{
				border:none;	
			}
		
			.session .mailform dd + dt,
			.session2 .mailform dd + dt{
				position: relative;
				top:10px;
			}
			
			.session .mailform dd + dt + dd,
			.session2 .mailform dd + dt + dd{
				margin-top: 10px;
			}


			.session2 .mailform dt label{
				font-weight: 700;
			}


					#name,#furigana,#gname,#gname2,#tel{
						max-width:300px !important;
						width:90%;
						padding:13px 10px;
					}
					.en #name,.en #furigana,.en #gname,.en #gname2,.en #tel{
						max-width:360px !important;
					}

					#email{
						margin-bottom:0;
					}

					#qmessage{
						width:95%;
					}

					#sremarks{
						width:95%;
						border:1px solid #ccc !important;
					}

					.age{
						width:30px;
						margin-bottom: 5px;
						padding:13px 0 13px 10px;
						border:1px solid #ccc !important;
					}

					.otherage{
						width:20px;
						margin-bottom: 5px;
						padding:13px 10px 13px 10px;
						border:1px solid #ccc !important;
					}

						.othernum{
							width:30px;
							margin-bottom: 5px;
							padding:13px 0 13px 10px;
							border:1px solid #ccc !important;
						}


					.remark{
						margin:0;
						color:#666;
						font-size:0.9em;
						line-height:1.6em;
					}
					.kome.remark{
						width:calc(100% - 15px);
						margin:0;
						position:relative;
						left:15px;
					}







/* summerスクール */

	.summer{
		padding-bottom: 20px;
	}

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

	.summer{
		font-size:0.9em;
	}

}

		.summer h2{
			max-width:1000px;
			width:100%;
			margin:0 auto 50px;
			text-align: center;
		}
		.summer h2 img{
			width:100%;
			height:auto;
			border-radius: 10px;
		}

		.summer h2 + p{
			max-width: 840px;
			width:90%;
			margin:15px auto 0;
			line-height: 1.5em;
		}

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

		.summer h2{
			margin:0 auto 30px;
		}
		.summer h2 img{
			border-radius:0;
		}

		.summer h2 + p{
			font-size: 0.8em;
		}

	}





		.summer .note{
			clear: both;
			max-width:1000px;
			width:96%;
			margin: 0 auto;
			padding:20px 0 50px;
			color:#04497b;
			line-height: 2.0em;
			background-color:#fff;
		}

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

		.summer .note{
			padding:10px 0 40px;
		}

	}

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

		.summer .note{
			padding:0 0 30px;
			line-height: 1.9em;
		}

	}


/* wordpress管理画面用 */
		.summer .linkbtn{
			display:block;
			width:120px;
			height:24px;
			margin:36px 0 0;
			padding-left:5px;
			color:#08437b;
			font-size: 0.9em;
			line-height:24px;
			text-align:center;				
			text-decoration:none;
			background-color:#f0f5ff;
			border-radius:12px;
			float: right;
			position: relative;
			z-index: 1000;
		}

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

		.summer .linkbtn{
			margin:25px 0 0;
		}

	}

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

		.summer .linkbtn{
			width:90px;
		}

	}

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

		.summer .linkbtn{
			width:70px;
			height:20px;
			margin:26px 0 0;
			padding-left:0;
			font-size: 0.8em;
			line-height:20px;
			border-radius:10px;
			position: relative;
			top:-15px;
		}

	}
/* ここまで */

			.summer .note > .inner{
				max-width: 840px;
				width:90%;
				margin:0 auto 50px;
				/*font-family: 'Sawarabi Mincho', Helvetica, Arial, sans-serif;*/
			}

		.summer .note h3,
		.summer .stdsec h3{
			margin-bottom:50px; 
			color:#04497b;
			font-size:2.0em;
			font-weight:700;
			text-align: center;
			letter-spacing: 0.07em;
		}

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

		.summer .note h3,
		.summer .stdsec h3{
			margin-bottom:30px; 
			font-size:1.6em;
		}

	}

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

		.summer .note h3,
		.summer .stdsec h3{
			margin-bottom:30px; 
			font-size:1.4em;
		}

	}

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

		.summer .note h3,
		.summer .stdsec h3{
			margin-bottom:15px; 
			font-size:1.1em;
		}

	}

			.summer .note table{
				max-width: 840px;
				width:96%;
				margin: 0 auto 35px;
				border-top:1px dashed #ccc;
			}

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

			.summer .note table{
				border-top:none;
			}

		}

				.summer .note th{
					width:110px;
					padding: 15px 5px;
					border-bottom:1px dashed #ccc;
					letter-spacing: 0.5em;
					vertical-align: top;
					line-height: 1.4em;
				}
				.summer .note th.sls{letter-spacing: 0.03em;}
				.summer.en .note th{
					padding: 16px 5px;
					letter-spacing: 0.03em;
					line-height: 1.2em;
				}

				.summer .note td{
					width:calc(100% - 120px);
					padding: 10px 5px;
					border-bottom:1px dashed #ccc;
				}

					.summer .note td .spbox{
						padding: 5px 15px;
						margin: 5px 0 10px;
						font-size:0.9em;
						line-height: 1.5em;
						border:1px solid #ccc;
						background-color: #ffc;
						border-radius: 5px:
					}

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

				.summer .note th{
					width:80px;
				}

				.summer .note td{
					width:calc(100% - 90px);
				}

			}

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

				.summer .note th{
					display: block;
					width:calc(100% - 10px);
					padding: 5px;
					background-color: #eee;
					border:none;
				}
				.summer.en .note th{padding: 5px;}
				.summer.en .note th br{display:none;}

				.summer .note td{
					display: block;
					width:94%;
					padding: 10px 3% 15px;
					border:none;
				}

			}

					.summer .note td ol{
						margin-left: 20px;
					}

						.summer .note td ol ol{
							margin-left: 0;
						}


						.summer .note td ol > li{
							margin-bottom: 20px;
						}

						.summer .note td ol > li:nth-last-of-type(1){
							margin-bottom:10px;
						}

						.summer .note td ol > li h4{
							color:#036;
							font-weight:700;
						}

					.summer .note td ul{
						margin-left: 20px;
					}

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


					.summer .note td .linkbtn{
						max-width:300px;
						width: 90%;
						height:40px;
						margin:10px auto 10px;
						float:none;
						color:#fff;
						background-color: #369;
						border-radius:5px;
						line-height: 40px;
					}

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

					.summer .note td .linkbtn{
						margin:10px auto;
						top:0;
					}

				}

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

					.summer .note td .linkbtn{
						font-size:1.1em !important;
					}

				}

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

					.summer .note td .linkbtn{
						font-size:1.0em !important;
					}

				}


					.summer .remark{
						max-width: 840px;
						width:94%;
						margin:0 auto;
						color:#666;
						font-size:1.0em;
						line-height:1.7em;
					}
					.summer .kome.remark{
						width:calc(100% - 15px);
						margin:0;
						position:relative;
						left:15px;
					}
					.summer .remark li{
						margin-bottom: 7px;
					}


	/* linkform */

		.summer .linkform{
			padding:50px 0 30px;
			background-color: #f2f2f2;
		}
		.summer.ch .linkform{
			padding:30px 0 30px;
		}

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

		.summer .linkform{
			padding:30px 0 30px;
		}
		.summer.ch .linkform{
			padding:20px 0 30px;
		}

	}

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

		.summer .linkform{
			padding:20px 0 20px;
		}
		.summer.ch .linkform{
			padding:15px 0 20px;
		}

	}

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

		.summer .linkform{
		}

	}

			.summer .linkform > .inner{
				max-width: 840px;
				width:90%;
				margin: 0 auto 50px;
			}

				.summer .linkform .linkbtn{
					max-width:400px;
					width:90%;
					height:50px;
					margin: 0 auto 5px;
					color:#fff;
					font-size:1.1em;
					background-color: #369;
					border-radius:5px;
					line-height: 50px;
					float:none;
				}

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

				.summer .linkform .linkbtn{
					margin:10px auto 5px;
					top:0;
				}

			}

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

				.summer .linkform .linkbtn{
					top:0;
				}

			}

				.summer .linkform p{
					text-align: center;
					font-weight:700;
					color:#f00;
				}

				.summer.ch .linkform .start{
					margin: 0 0 10px;
					text-align: center;
					font-weight:700;
					color:#f00;
				}

				.summer .linkform p + .linkbtn{
					height:40px;
					color: #369;
					font-size:0.9em;
					border-radius: 20px;
					line-height: 40px;
					background-color: #fff;
				}

				.summer .linkform + p,
				.summer .linkform + p + p{
					text-align: center;
					color:#04497b;
				}


				.summer.ch .linkbtn + .linkbtn{
					height:40px;
					margin: 20px auto 0;
					color: #369;
					font-size:0.9em;
					border-radius: 20px;
					line-height: 40px;
					background-color: #fff;
				}




/* Open Campus */

	.openschool{
		padding-bottom: 20px;
	}

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

	.openschool{
		font-size:0.9em;
	}

}

		.openschool h2{
			max-width:1000px;
			width:100%;
			margin:0 auto 50px;
			text-align: center;
		}
		.openschool h2 img{
			width:100%;
			height:auto;
			border-radius: 10px;
		}

		.openschool h2 + p{
			max-width: 840px;
			width:90%;
			margin:15px auto 0;
			line-height: 1.5em;
		}

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

		.openschool h2{
			margin:0 auto 30px;
		}
		.openschool h2 img{
			border-radius:0;
		}

		.openschool h2 + p{
			font-size: 0.8em;
		}

	}





		.openschool .note{
			clear: both;
			max-width:1000px;
			width:96%;
			margin: 0 auto;
			padding:20px 0 50px;
			color:#04497b;
			line-height: 2.0em;
			background-color:#fff;
		}

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

		.openschool .note{
			padding:10px 0 40px;
		}

	}

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

		.openschool .note{
			padding:0 0 30px;
			line-height: 1.9em;
		}

	}


/* wordpress管理画面用 */
		.openschool .linkbtn{
			display:block;
			width:120px;
			height:24px;
			margin:36px 0 0;
			padding-left:5px;
			color:#08437b;
			font-size: 0.9em;
			line-height:24px;
			text-align:center;				
			text-decoration:none;
			background-color:#f0f5ff;
			border-radius:12px;
			float: right;
			position: relative;
			z-index: 1000;
		}

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

		.openschool .linkbtn{
			margin:25px 0 0;
		}

	}

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

		.openschool .linkbtn{
			width:90px;
		}

	}

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

		.openschool .linkbtn{
			width:70px;
			height:20px;
			margin:26px 0 0;
			padding-left:0;
			font-size: 0.8em;
			line-height:20px;
			border-radius:10px;
			position: relative;
			top:-15px;
		}

	}
/* ここまで */

			.openschool .note > .inner{
				max-width: 840px;
				width:90%;
				margin:0 auto 50px;
				/*font-family: 'Sawarabi Mincho', Helvetica, Arial, sans-serif;*/
			}

			.openschool .note > table + .inner{
				margin:0 auto;
			}

			.openschool .note > .inner.en{
				word-break: keep-all;
				line-height: 1.5em;
			}
				
				
				
		.openschool .note h3,
		.openschool .stdsec h3{
			margin-bottom:50px; 
			color:#04497b;
			font-size:2.0em;
			font-weight:700;
			text-align: center;
			letter-spacing: 0.07em;
		}

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

		.openschool .note h3,
		.openschool .stdsec h3{
			margin-bottom:30px; 
			font-size:1.6em;
		}

	}

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

		.openschool .note h3,
		.openschool .stdsec h3{
			margin-bottom:30px; 
			font-size:1.4em;
		}

	}

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

		.openschool .note h3,
		.openschool .stdsec h3{
			margin-bottom:15px; 
			font-size:1.1em;
		}

	}

			.openschool .note table{
				max-width: 840px;
				width:96%;
				margin: 0 auto 35px;
				border-top:1px dashed #ccc;
			}

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

			.openschool .note table{
				border-top:none;
			}

		}

				.openschool .note th{
					padding: 5px 5px;
					border-bottom:1px dashed #ccc;
					letter-spacing: 0.5em;
					vertical-align: top;
					line-height: 1.4em;
				}
				.openschool .note th.sls{letter-spacing: 0.03em;}
				.openschool.en .note th{
					padding: 6px 5px;
					letter-spacing: 0.03em;
					line-height: 1.2em;
				}
				.openschool .note th:nth-of-type(1){
					width: 200px;
					background-color: #ddd;
				}
				.openschool .note th:nth-of-type(2){
					width: calc(100% - 210px);
				}

				.openschool .note td{
					padding: 10px 20px;
					border-bottom:1px dashed #ccc;
				}
				.openschool .note td:nth-of-type(1){
					padding: 10px 0;
					text-align: center;
					background-color: #eee;
				}

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

				.openschool .note th{
					width:80px;
				}

				.openschool .note td{
				}

			}

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

				.openschool .note th{
					display: block;
					padding: 5px;
					background-color: #eee;
					border:none;
				}
				.openschool.en .note th{padding: 5px;}
				.openschool.en .note th br{display:none;}

				.openschool .note td{
					display: block;
					padding: 10px 3% 15px;
					border:none;
				}

			}

					.openschool .note td ol{
						margin-left: 20px;
					}

						.openschool .note td ol ol{
							margin-left: 0;
						}


						.openschool .note td ol > li{
							margin-bottom: 20px;
						}

						.openschool .note td ol > li:nth-last-of-type(1){
							margin-bottom:10px;
						}

						.openschool .note td ol > li h4{
							color:#036;
							font-weight:700;
						}

					.openschool .note td ul{
						margin-left: 20px;
					}

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


					.openschool .note td .linkbtn{
						max-width:300px;
						width: 90%;
						height:40px;
						margin:10px auto 10px;
						float:none;
						color:#fff;
						background-color: #369;
						border-radius:5px;
						line-height: 40px;
					}

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

					.openschool .note td .linkbtn{
						margin:10px auto;
						top:0;
					}

				}

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

					.openschool .note td .linkbtn{
						font-size:1.1em !important;
					}

				}

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

					.openschool .note td .linkbtn{
						font-size:1.0em !important;
					}

				}


					.openschool .remark{
						max-width: 840px;
						width:94%;
						margin:0 auto;
						color:#666;
						font-size:1.0em;
						line-height:1.7em;
					}
					.openschool .kome.remark{
						width:calc(100% - 15px);
						margin:0;
						position:relative;
						left:15px;
					}
					.openschool .remark li{
						margin-bottom: 7px;
					}



	/* linkform */

		.openschool .linkform{
			padding:50px 0 30px;
			background-color: #f2f2f2;
		}

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

		.openschool .linkform{
			padding:30px 0 30px;
		}

	}

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

		.openschool .linkform{
			padding:20px 0 20px;
		}

	}

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

		.openschool .linkform{
		}

	}

			.openschool .linkform > .inner{
				max-width: 840px;
				width:90%;
				margin: 0 auto 50px;
			}

				.openschool .linkform .linkbtn{
					max-width:400px;
					width:90%;
					height:50px;
					margin: 0 auto 5px;
					color:#fff;
					font-size:1.1em;
					background-color: #369;
					border-radius:5px;
					line-height: 50px;
					float:none;
				}

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

				.openschool .linkform .linkbtn{
					margin:10px auto 5px;
					top:0;
				}

			}

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

				.openschool .linkform .linkbtn{
					top:0;
				}

			}

				.openschool .linkform p{
					text-align: center;
					font-weight:700;
					color:#f00;
				}

				.openschool .linkform p + .linkbtn{
					height:40px;
					color: #369;
					font-size:0.9em;
					border-radius: 20px;
					line-height: 40px;
					background-color: #fff;
				}

				.openschool .linkform + p,
				.openschool .linkform + p + p{
					text-align: center;
					color:#04497b;
				}




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

  	採用情報

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

	/* 採用情報 */

		.employment .inner{
			max-width: 640px;
			width:90%;
			margin: 0 auto;
			padding:10px 0 100px;
		}

			.employment .inner p{
				margin: 10px auto 30px;
			}
		
		

			.employment .inner ul{
				margin-left: 20px;
				padding-bottom: 30px;
			}

				.employment .inner ul li{
					margin-bottom: 5px;
					font-weight: 700;
				}





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

  	入試情報

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

	/* 募集要項 */

	.guidelines{
		padding-top: 50px;
	}

		.guidelines table{
			border-collapse: collapse;
		}


		.guidelines h3{
			margin-bottom:30px !important;
			font-size:2.2em;
		}

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

		.guidelines h3{
			font-size:1.8em;
		}

	}

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

		.guidelines h3{
			font-size:1.5em;
		}

	}

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

		.guidelines h3{
			font-size:1.4em!important;
		}

	}

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

		.guidelines h3{
			font-size:1.2em !important;
		}

	}

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

		.guidelines h3{
			font-size:1.1em !important;
		}

	}

		.guidelines > .inner > ol{
			font-size:1.2em;			
		}

			.guidelines > .inner > ol > li{
				margin-bottom:50px !important;
			}
			.guidelines > .inner > ol > li:nth-of-type(1){list-style-image:url("/images/num1.png");}
			.guidelines > .inner > ol > li:nth-of-type(2){list-style-image:url("/images/num2.png");}
			.guidelines > .inner > ol > li:nth-of-type(3){list-style-image:url("/images/num3.png");}
			.guidelines > .inner > ol > li:nth-of-type(4){list-style-image:url("/images/num4.png");}
			.guidelines > .inner > ol > li:nth-of-type(5){list-style-image:url("/images/num5.png");}
			.guidelines > .inner > ol > li:nth-of-type(6){list-style-image:url("/images/num6.png");}
			.guidelines > .inner > ol > li:nth-of-type(7){list-style-image:url("/images/num7.png");}
			.guidelines > .inner > ol > li:nth-of-type(8){list-style-image:url("/images/num8.png");}
			.guidelines > .inner > ol > li:nth-of-type(9){list-style-image:url("/images/num9.png");}
			.guidelines > .inner > ol > li:nth-of-type(10){list-style-image:url("/images/num10.png");}
			.guidelines > .inner > ol > li:nth-of-type(11){list-style-image:url("/images/num11.png");}
			.guidelines > .inner > ol > li:nth-of-type(12){list-style-image:url("/images/num12.png");}

			.guidelines > .inner > ol > li ul > li{
				list-style-image:none;
			}

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

		.guidelines > .inner > ol{
			margin-left: 20px;
			font-size:1.1em;
		}

	}

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

		.guidelines > .inner > ol{
			font-size:1.0em;
		}

			.guidelines > .inner > ol > li{
				margin-bottom:40px !important;
			}
	}

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

		.guidelines > .inner > ol{
			margin-left:0;
			font-size:1.0em;
			overflow: hidden;
		}

			.guidelines > .inner > ol > li{
				list-style-position:inside;
			}
			.guidelines > .inner > ol > li ul > li{
				margin-left: 20px;
				list-style-position:outside;
			}

	}


		.guidelines > .inner > ol ol{
			width:calc(100% - 20px);
		}

		.guidelines > .inner > ol ol ol{
			width:100%;
		}


		
			.guidelines > .inner > ol ol > li{
				margin-bottom:7px !important;
			}

				.guidelines > .inner > ol ol > li ol{
					margin-top: 7px;
				}



			.guidelines ol li h4{
				margin-bottom: 8px;
				color:#c00;
				font-size:1.2em;
				font-weight:700;
				position: relative;
				top:-12px;
			}

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

			.guidelines ol li h4{
				margin-bottom: -25px;
				position: relative;
				left:45px;
				top:-38px;
			}

		}


			.guidelines .note{
				margin-top: 0;
				line-height: 1.8em;

			}




		/* 入試日程 */

				.guidelines h5{
					margin-bottom: 5px;
					color:#369;
					font-size:0.9em;
					font-weight:700;
				}

				.guidelines h5 + table{
					width:100%;
					margin-bottom: 20px;
					border-collapse: collapse;
					border:#036 solid 1px;
				}

				.guidelines h5 + table th{
					width: 170px;
					padding:12px 0;
					color:#fff;
					font-weight:400;
					background-color: #036;
					text-align: center;
					line-height: 1.2em;
					border-bottom:#fff solid 1px;
					border-right:#fff solid 1px;
					vertical-align: top;
				}
				.guidelines h5 + table th:nth-last-of-type(1){
					border-right:none;
				}

				.guidelines h5 + table td{
					width: calc(100% - 211px);
					padding: 12px 20px;
					line-height: 1.4em;
					border-bottom:#036 solid 1px;
					border-right:#036 solid 1px;
				}
				.guidelines h5 + table td:nth-last-of-type(1){
					border-right:none;
				}



			@media screen and (max-width:640px){
				
				.guidelines h5 + table th{
					display: block;
					width:100%;
					padding:5px 0;
				}
				.guidelines h5 + table th br{
					display: none;
				}
			
				.guidelines h5 + table td{
					display: block;
					width:calc(100% - 20px);
					padding: 10px 10px;
					text-align: center;
				}
				
			}




		/* 入学試験科目 */

				.guidelines .kamoku table{
					width:100%;
					margin-bottom: 20px;
				}

				.guidelines .kamoku table th,
				.guidelines .kamoku table td{
					padding: 10px;
					text-align: center;
					line-height: 1.4em;
					border-left:#036 solid 1px;
					border-bottom:#036 solid 1px;
				}
				.guidelines .kamoku table td:nth-last-of-type(1){
					border-right:#036 solid 1px;
				}

				.guidelines .kamoku table th{
					font-size: 0.9em;
				}

			@media screen and (max-width:640px){
				
				.guidelines .kamoku table td{
					font-size: 0.9em;
				}
				
			}

			@media screen and (max-width:480px){
				
				.guidelines .kamoku table th,
				.guidelines .kamoku table td{
					padding: 10px 5px;
				}

				.guidelines .kamoku table tr:nth-of-type(1) th{
					font-size: 0.8em !important;
					padding: 5px 0 !important;
				}
				.guidelines .kamoku table tr:nth-of-type(2) th{
					font-size: 0.8em;
					white-space:nowrap;
					padding: 10px 5px;
				}
				
			}


			@media screen and (max-width:370px){
				
				.guidelines .kamoku table th{
					font-size: 0.8em;
				}
				.guidelines .kamoku table td:nth-of-type(1),
				.guidelines .kamoku table td:nth-of-type(2){
					font-size: 0.8em;
				}

			}
					
				.guidelines .kamoku table tr:nth-of-type(1) th{
					width:auto;
					padding: 10px 0;
					color:#fff;
					font-size:0.9em;
					font-weight:400;
					background-color: #036;
					text-align: center;
					line-height: 1.2em;
					border-right:#fff solid 1px;
					border-left:#036 solid 1px;
				}
				.guidelines .kamoku table tr:nth-of-type(1) th:nth-last-of-type(1){
					border-right:#036 solid 1px;
				}

				.guidelines .kamoku table tr td{
					font-weight: 400 !important;
				}

		/* 入試日程 */

				.guidelines .schedule table{
					width:100%;
					margin-bottom: 20px;
					border-collapse: collapse;
				}

					.guidelines .schedule table th,
					.guidelines .schedule table td{
						padding: 10px;
						text-align: center;
						line-height: 1.4em;
						border-left:#036 solid 1px;
						border-bottom:#036 solid 1px;
					}

					.guidelines .schedule table td{
						border-right:#036 solid 1px;
						text-align: left;
					}

					.guidelines .schedule table th{
						color:#fff;
						font-size: 0.9em;
						font-weight: 400;
						background-color: #036;
						border-bottom: 1px solid #fff;
					}
					.guidelines .schedule table tr:nth-last-of-type(1) th{
						border-bottom: 1px solid #036;
					}
					.guidelines .schedule table tr:nth-of-type(1) th{
						border-top: 1px solid #036;
					}
					.guidelines .schedule table tr:nth-of-type(1) td{
						border-top: 1px solid #036;
					}

				@media screen and (max-width:640px){
					
					.guidelines .schedule table th,
					.guidelines .schedule table td{
						display: block;
						border: none;
					}

					.guidelines .schedule table td{
						width:calc(100% - 20px);
						padding: 10px 10px 15px;
					}
					.guidelines .schedule table th{
						width:100%;
						padding: 3px 0;
					}
					.guidelines .schedule table tr:nth-last-of-type(1) td{
						border-bottom: 1px dotted #ccc;
					}

				}

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

					.guidelines .schedule table th,
					.guidelines .schedule table td{
						font-size: 0.9em;
					}

				}


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

					.guidelines .schedule table th{
						font-size: 0.8em;
					}

				}



				.guidelines .kamoku table tr:nth-of-type(1) th{
					width:auto;
					padding: 10px 0;
					color:#fff;
					font-size:0.9em;
					font-weight:400;
					background-color: #036;
					text-align: center;
					line-height: 1.2em;
					border-right:#fff solid 1px;
					border-left:#036 solid 1px;
				}
				.guidelines .kamoku table tr:nth-of-type(1) th:nth-last-of-type(1){
					border-right:#036 solid 1px;
				}

				.guidelines .kamoku table tr td{
					font-weight: 400 !important;
				}


				
				
		.guidelines li h4 + ul{
			margin-left: 20px;
		}

	@media screen and (max-width:480px){
				
		.guidelines li h4 + ul{
			margin-left:0;
		}

	}

				
			.guidelines li h4 + ul > li{
				margin-bottom:7px;
			}




		/* 手続き・学費 */

				.guidelines .tetuduki table,
				.guidelines .gakuhi table{
					/*max-width: 520px;*/
					max-width: 600px;
					width:100%;
					margin-bottom: 20px;
					border:#036 solid 1px;
				}
				.guidelines .gakuhi table{
					margin-bottom: 12px;
				}
			@media screen and (max-width:640px){
				.guidelines .gakuhi table{
					margin-bottom: 10px;
				}
			}

				.guidelines .tetuduki table th,
				.guidelines .gakuhi table th{
					width:160px;
					padding: 5px 10px 5px 20px;
					color:#fff;
					font-size:0.8em;
					font-weight:400;
					background-color: #036;
					text-align:left;
					line-height: 1.2em;
					border-bottom:#fff solid 1px;
				}
				.guidelines .tetuduki table tr:nth-last-of-type(1) th,
				.guidelines .gakuhi table tr:nth-last-of-type(1) th{
					border-bottom:#036 solid 1px;
				}

			@media screen and (max-width:1000px){
				.guidelines .tetuduki table th,
				.guidelines .gakuhi table th{
					width:140px;
					padding: 5px 10px 5px 15px;
				}
			}

			@media screen and (max-width:640px){
				.guidelines .tetuduki table th,
				.guidelines .gakuhi table th{
					display: block;
					width:calc(100% - 30px);
					padding: 5px 15px;
					border: none;
				}
				
				.guidelines .tetuduki table th br,
				.guidelines .gakuhi table th br{
					display: none;
				}
			}
				

				.guidelines .tetuduki table td,
				.guidelines .gakuhi table td{
					padding: 12px 0 10px;
					text-align: center;
					line-height: 1.4em;
					border:#036 solid 1px;
				}

				.guidelines .tetuduki table td.align-left,
				.guidelines .gakuhi table td.align-left{
					padding: 12px 15px 10px;
					text-align: left;
				}

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

				.guidelines .tetuduki table td,
				.guidelines .gakuhi table td{
					display: block;
					width: calc(100% - 30px);
					padding: 12px 15px 10px;
					border: none;
				}

			}

			.guidelines .tetuduki table td ul,
			.guidelines .gakuhi table td  ul{
				margin-left: 20px;
			}
			.guidelines .tetuduki table td ul li,
			.guidelines .gakuhi table td ul li{
				margin-bottom:5px;
			}
			.guidelines .tetuduki table td ul li:nth-last-of-type(1),
			.guidelines .gakuhi table td ul li:nth-last-of-type(1){
				margin-bottom:0;
			}


			.guidelines .gakuhi table + p{
				margin: 0;
				font-size:0.8em;
				line-height: 1.5em;
			}


			.guidelines .spbox{
				width:90%;
				margin:80px 0 0;
				padding: 10px 5% 20px;
				color:#c33;
				border:1px solid #c00;
				text-align: center;
			}
			.guidelines > .inner > ol > li .spbox{/* ch内のボックス */
				margin:20px 0 0;
				padding: 20px 5% 20px;
				color:#333;
				border:1px solid #666;
				text-align:left;
			}

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

			.guidelines .spbox{
				margin:60px 0 0;
				text-align:left;
			}
			.guidelines > .inner > ol > li .spbox{/* ch内のボックス */
				width:calc(90% - 2px);
				margin:20px 0 0;
			}

		}

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

			.guidelines .spbox{
				margin:40px 0 0;
				padding: 5px 5% 15px;
			}
			.guidelines > .inner > ol > li .spbox{/* ch内のボックス */
				margin:20px 0 0;
				padding: 10px 5% 10px;
			}

		}


		.guidelines .linkbtn3,
		.guidelines .linkbtn3_2{
			display:block;
			max-width:400px;
			width:90%;
			height:autox;
			margin:15px auto 5px;
			/*padding-left:5px;*/
			padding: 15px 0 15px 5px;
			color:#08437b;
			font-size: 1.2em;
			font-weight:700;
			/*line-height:50px;*/
			line-height:1.4em;
			text-align:center;				
			text-decoration:none;
			background-color:#f0f5ff;
			border-radius:6px;
		}

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

		.guidelines .linkbtn3,
		.guidelines .linkbtn3_2{
			font-size: 1.1em;
		}

	}

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

		.en .guidelines .linkbtn3,
		.guidelines .linkbtn3_2{
			font-size: 1.0em;
		}

	}

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

		.en .guidelines .linkbtn3,
		.guidelines .linkbtn3_2{
			height: auto;
			padding: 10px 0;
			line-height: 1.3em;
		}

	}



	/* ネット出願 */

	main .exam{
		padding: 50px 0 !important;
	}

		main .exam h3{
			margin-bottom:0;
			color:#04497b;
			font-size:2.2em;
			font-weight:700;
			text-align: center;
			line-height: 1.5em;
		}

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

		main .exam h3{
			font-size:1.8em;
		}

	}

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

		main .exam h3{
			font-size:1.5em;
			margin-bottom:0 !important; 
		}

	}

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

		main .exam h3{
			font-size:1.2em;
			margin-bottom:0 !important; 
		}

	}

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

		main .exam h3{
			font-size:1.1em;
		}

	}

		main .exam h3 + .note{
			padding: 0 5%;
		}



			.exam .spbox,
			.exam.spbox{
				width:100%;
				margin:50px 0 0;
				box-shadow:0 0 0 3px #c00 inset; 
				text-align: center;
				border-radius:10px;
				background-color: #fff;
			}
			.exam.spbox{padding:10px 0 0 !important;}
			.trancefer2024.exam.spbox{padding:20px 0 0 !important;}

			.en .exam .spbox,
			.en .exam.spbox{
				margin: 20px 0 0;
			}

			.examspbox{
				max-width:770px;
				width:90%;
				margin:0 auto 40px;
				text-align: center;
				border-radius:10px;
				background-color: #fff;
				box-shadow:0 0 0 2px #c00 inset; 
				position: relative;
				top:-20px;
			}

			.exam .spbox ul{
				width: 100%;
				margin: 20px auto;
			}

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

			.exam .spbox ul{
				margin: 10px auto;
			}

		}

				.exam .spbox li{
					width:48%;
					height:70px;
					list-style: none;
					float: left;
					border:1px solid #c33;
				}
				.en .exam .spbox li{
					height:90px;
				}

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

				.exam .spbox li{
					height:60px;
				}
				.en .exam .spbox li{
					height:80px;
				}

			}

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

				.exam .spbox li{
					float: none;
					width: 100%;
				}
				.exam .spbox li:nth-of-type(1){
					margin: 10px 0;
				}

			}

				.exam .spbox li:nth-of-type(2){
					float: right;
				}

				.exam .spbox li a{
					display:-webkit-flex;
					display:flex;
					justify-content: center;
					-webkit-align-items:center;
					align-items:center;
					width:100%;
					height: 100%;
					padding: 0 !important;
					font-size: 1.2em;
					font-weight:700;
					text-align: center;
					line-height: 1.3em;
				}

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

				.exam .spbox li a{
					font-size:1.0em;
				}

				.en .exam .spbox li a{
					font-size:0.9em;
				}

			}

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

				.en .exam .spbox li a{
					font-size:1.0em;
				}

			}


			.exam .spbox2{
				width:100%;
				margin:50px 0 0;
				box-shadow:0 0 0 3px #c00 inset; 
				text-align: center;
				border-radius:10px;
				background-color: #fff;
			}


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

			.trancefer2024.exam.spbox{padding:15px 0 0 !important;}
			
		}


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

			.exam .spbox,
			.exam.spbox{
				text-align: left;
			}
			.exam.spbox{width: 100% !important;}

			.examspbox{
				margin:0 auto 30px;
				text-align: left;
				top:-20px;
			}

			.exam .spbox2{
				text-align: left;
			}

		}

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

			.exam .spbox{
				margin:40px auto 0;
				border-radius:5px;
			}
			.exam.spbox{padding:0 !important;}
			.trancefer2024.exam.spbox{padding:0 !important;}
			
			.examspbox{
				margin:0 auto 20px;
				border-radius:5px;
				top:-20px;
			}

			.exam .spbox2{
				margin:40px auto 0;
				border-radius:5px;
			}

		}

			.exam .spbox a,
			.exam .spbox span,
			.exam.spbox a{
				display: block;
				width:90%;
				height:calc(100% - 35px);
				padding:5px 5% 25px;
				color:#c00;
				text-decoration: none !important;
				transition:0.5s;
			}

			.exam .spbox a p{
				text-decoration: underline;
			}

			.exam .spbox2 a{
				display: block;
				width:90%;
				height:calc(100% - 35px);
				padding:5px 5% 25px;
				color:#c00;
				text-decoration: none !important;
				transition:0.5s;
			}

			.exam .spbox2 a p{
				text-decoration: underline;
			}

			.examspbox a{
				display: block;
				width:90%;
				height:calc(100% - 35px);
				padding:5px 5% 25px;
				color:#c00;
				text-decoration: none;
				transition:0.5s;
			}

			.exam .spbox a:hover,
			.exam .spbox2 a:hover,
			.examspbox a:hover{
				color:#c33;
				background-color: #fff2f2;
				opacity:0.80;
				transition: 0.5s;
			}



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

			.examspbox a{
				padding:1px 5% 10px;
			}

		}


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

			.exam .spbox a,
			.exam.spbox a{
				padding:10px 5% 15px;
			}

			.examspbox a{
				padding:1px 5% 7px;
			}

			.exam .spbo2 a{
				padding:10px 5% 15px;
			}

		}

/*
			.exam .spbox .link{
				margin-bottom:15px;
				padding:3px;
				background-color: #369;
				background-image:url("/shared/link_yajirushi-clear.png");
				background-repeat: no-repeat;
				background-position: 98% 50%;
				background-size: 5% auto;
				border-radius: 10px;
			}

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

			.exam .spbox .link{
				padding:10px 5% 7px;
			}

		}
*/

			.exam .spbox p,
			.exam.spbox p{
				margin-bottom: 0;
				/*color:#fff;*/
				font-weight:700;
				font-size:1.4em;
				text-align: center;
				line-height: 1.7em;
			}
			.exam .spbox p + p{
				margin: 3px 0 0;
			}
			.exam.spbox p{margin: 0;}

			.exam .spbox2 p{
				margin-bottom: 0;
				/*color:#fff;*/
				font-weight:700;
				font-size:1.4em;
				text-align: center;
				line-height: 1.7em;
			}
			.exam .spbox2 p + p{
				margin: 3px 0 10px;
			}

			.examspbox p{
				margin-bottom: 0;
				font-weight:700;
				font-size:1.4em;
				text-align: center;
			}
			.examspbox p + p{
				margin: 10px 0 15px;
			}

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

			.exam .spbox p,
			.examspbox p{
				font-size:1.3em;
			}

			.en .exam .spbox p,
			.en .exam .spbox2 p,
			.en .examspbox p,
			.en .exam.spbox p,
			.ch .exam .spbox p,
			.ch .examspbox p{
				font-size:1.2em;
			}

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

			.exam .spbox p,
			.exam.spbox p{
				margin:10px 0 5px;
				font-size:1.2em;
				position: relative;
			}
			.exam .spbox p + p,
			.exam.spbox p + p{
				margin:0;
			}
			.examspbox p{
				margin:10px 0 5px;
				font-size:1.2em;
				position: relative;
			}

			.exam .spbox2 p{
				margin:10px 0 5px;
				font-size:1.2em;
				position: relative;
			}
			.exam .spbox2 p + p{
				margin:10px 0;
			}

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

			.exam .spbox p,
			.exam.spbox p,
			.examspbox p{
				font-size:1.1em;
			}

			.en .exam .spbox p,
			.en .exam.spbox p,
			.en .exam .spbox2 p,
			.en .examspbox p{
				font-size:1.0em;
				line-height: 1.5em;
			}

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

			.exam .spbox p,
			.exam.spbox p,
			.examspbox p{
				font-size:1.0em;
			}

			.en .exam .spbox p,
			.en .exam.spbox p,
			.en .exam .spbox2 p,
			.en .examspbox p{
				font-size:0.9em;
			}

		}


			.exam .spbox div,
			.exam.spbox div,
			.exam .spbox2 div,
			.examspbox div{
				color:#c00;
				line-height: 1.5em;
			}
			.exam .spbox div + div,
			.exam.spbox div + div,
			.exam .spbox2 div + div,
			.examspbox div + div{
				margin-top:5px;
			}

			.exam .spbox ul + div,
			.exam .spbox ul + div + div{
				text-align: left;
			}


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

			.exam .spbox div,
			.exam.spbox div,
			.exam .spbox2 div,
			.examspbox div{
				text-align: left;
			}
			.exam .spbox div + div,
			.exam.spbox div + div,
			.examspbox div + div{
			}

		}

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

			.exam.spbox div{
				font-size: 0.9em;
			}
			
		}

			.exam .note{
				max-width: 640px;
				width:100%;
				margin:50px auto 0;
			}

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

			.exam .note{
				margin-top:40px;
			}

		}


			.exam.outside p{
				margin:30px 0 0;
				font-size:1.2em;
				text-align: center;
				line-height: 1.7em;
			}

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

			.exam.outside p{
				font-size:1.1em;
			}
			
		}

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

			.exam.outside p{
				margin:20px 0 0;
				font-size:1.0em;
			}
			
		}

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

			.exam.outside p{
				text-align:left;
			}
			
			.exam.outside p br{
				display: none;
			}
			
		}


			.hand{
				width:60px;
				margin-bottom: -100px;
				position: relative;
				top:-75px;
				left:-2%;
				float: right;
			}
			.spbox2 + .hand{
				top:-110px;
				left:-5%;
			}
			.hand img{
				width:100%;
				height:auto;				
			}

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

			.hand{
				width:48px;
				margin-bottom: -80px;
				top:-70px;
				left:-5%;
			}
			.spbox2 + .hand{
				top:-100px;
				left:-4%;
			}

		}

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

			.hand{
				width:42px;
				margin-bottom: -70px;
				top:-90px;
				left:-4%;
			}
			.spbox2 + .hand{
				top:-120px;
				left:-3%;
			}

		}

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

			.hand{
				top:-100px;
				left:-5%;
			}
			.spbox2 + .hand{
				top:-150px;
				left:-8%;
			}

		}

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

			.hand{
				width:36px;
				margin-bottom: -60px;
				top:-50px;
				left:-5%;
			}
			.spbox2 + .hand{
				top:-130px;
				left:-5%;
			}

		}

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

			.hand{
				top:-50px;
				left:-3%;
			}
			.spbox2 + .hand{
				top:-150px;
				left:-3%;
			}

		}

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

			.hand{
				top:-50px;
				left:1%;
			}
			.spbox2 + .hand{
				top:-160px;
				left:-1%;
			}
		}





			.exam .note{
			}

				.exam .note h4{
					margin-bottom:10px;
					font-size:1.4em;
					font-weight: 700;
					text-align: center;
				}

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

				.exam .note h4{
					font-size:1.3em;
				}

			}

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

				.exam .note h4{
					font-size:1.2em;
				}

			}

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

				.exam .note h4{
					font-size:1.1em;
				}

			}

				.exam .note h4 + h4{
					padding-bottom: 20px;
					border-bottom: 1px solid #036;
				}


				.exam .note ol{
					max-width:600px;
					width:100%;
					margin: 30px auto;
				}

					.exam .note ol > li{
						margin:0 0 30px 20px;
						font-size:1.2em;
					}

						.exam .note ol > li h5{
							font-weight: 700;
						}

						.exam .note ol > li ul{
							margin: 12px 0 0 20px;
						}

						.exam .note ol > li ul > li{
							margin-bottom: 5px;
						}

				.exam .note ol + p{
					text-align: center;
				}
				.en .exam .note ol + p{
					line-height: 1.4em;
				}

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

				.exam .note ol + p{
					text-align:left;
				}

			}


		.exam .linkbtn3{
			display:block;
			max-width:400px;
			width:90%;
			height:50px;
			margin:15px auto 5px;
			padding-left:5px;
			color:#08437b;
			font-size: 1.2em;
			font-weight:700;
			line-height:50px;
			text-align:center;				
			text-decoration:none;
			background-color:#f0f5ff;
			border-radius:6px;
		}

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

		.exam .linkbtn3{
			font-size: 1.1em;
		}

	}


	/* 合否バナー */

			.resultsbox{
				max-width:770px;
				width:90%;
				margin:0 auto 40px;
				text-align: center;
				border-radius:10px;
				background-color: #fff;
				box-shadow:0 0 0 2px #f00 inset; 
				position: relative;
				top:-20px;
			}

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

			.resultsbox{
				margin:0 auto 30px;
				text-align: left;
				top:-20px;
			}

		}

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

			.resultsbox{
				margin:0 auto 20px;
				border-radius:5px;
				top:-20px;
			}

		}

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

			.en .resultsbox{
				margin:0 auto 140px;
				top:100px;
			}

		}

			.resultsbox a{
				display: block;
				width:90%;
				height:calc(100% - 35px);
				padding:5px 5% 25px;
				color:#f00;
				text-decoration: none;
				transition:0.5s;
			}

			.resultsbox a:hover{
				color:#c00;
				background-color: #fff0f0;
				opacity:0.80;
				transition: 0.5s;
			}



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

			.resultsbox a{
				padding:1px 5% 10px;
			}

		}


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

			.resultsbox a{
				padding:1px 5% 7px;
			}

		}

			.resultsbox p{
				margin-bottom: 0;
				font-weight:700;
				font-size:1.4em;
				text-align: center;
			}

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

			.resultsbox p{
				font-size:1.3em;
			}

			.en .resultspbox p{
				font-size:1.2em;
			}

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

			.resultsbox p{
				margin:10px 0 5px;
				font-size:1.2em;
				position: relative;
			}

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

			.resultsbox p{
				font-size:1.1em;
			}

			.en .resultsbox p{
				font-size:1.0em;
				line-height: 1.5em;
			}

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

			.resultsbox p{
				font-size:1.0em;
			}

			.en .resultsbox p{
				font-size:0.9em;
			}

		}










	/* Q&A */

	main .qa{
		padding: 50px 0 !important;
	}

		.qa h3{
			padding-bottom: 30px;
			color:#04497b;
			font-size:2.2em;
			font-weight:700;
			text-align: center;
			line-height: 1.5em;
		}

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

		.qa h3{
			font-size:1.8em;
		}

	}

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

		.qa h3{
			font-size:1.5em;
		}

	}

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

		.qa h3{
			font-size:1.2em;
		}

	}

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

		.qa h3{
			font-size:1.1em;
		}

	}




		.qa .note{
			font-size:1.1em;
		}

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

		.qa .note{
			font-size:1.0em;
		}

	}

			.qa .note > p{
				margin-bottom: 50px;
				color:#369;
				font-weight: 700;
			}

			.qa .note dl{
				width:96%;
				margin:0 auto 40px;
			}

				.qa .note dt{
					color:#c25a74;
					font-weight:700;
					margin:0 0 10px 30px;			
				}
				.qa .note dt:before{
					content:"Q";
					color:#c25a74;
					margin-right:-21px;
					font-weight: 300;
					font-size:2.0em;
					position:relative;
					top:5px;
					left:-30px;
				}

				.qa .note dd{
					margin-left:32px;
					margin-bottom:60px;
				}

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

				.qa .note dd{
					margin-bottom:40px;
				}

			}

				.qa .note dd:before{
					content:"A";
					color:#1b7597;
					margin-right:-21px;
					font-weight:300;
					font-size:2.0em;
					position:relative;
					top:5px;
					left:-30px;
				}








	/* カリキュラム */

	.curriculum{
		padding-bottom: 50px;
	}

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

	.curriculum{
		padding-bottom: 30px;
	}

}

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

	.curriculum{
		padding-bottom: 20px;
	}

}


		.curriculum.stdsec h3{
			margin-top:0;
			padding-top:60px;
		}

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

		.curriculum.stdsec h3{
			margin-top:0;
			padding-top:50px;
		}

	}




	.curriculum > .stdsec + .catch{
		width:900px;
		margin:30px auto 0;
		font-size:1.6em;
		font-family: 'Sawarabi Mincho', Helvetica, Arial, sans-serif;
		line-height: 1.7em;
		position: relative;
		top:10px;
	}

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

	.curriculum > .stdsec + .catch{
		width:710px;
		font-size:1.2em;
	}

}

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

	.curriculum > .stdsec + .catch{
		width:400px;
		font-size:1.1em;
		top:0;
	}

}

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

	.curriculum > .stdsec + .catch{
		width:370px;
		font-size:1.0em;
		top:-5px;
	}

}

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

	.curriculum > .stdsec + .catch{
		width:90%;
	}
	.curriculum > .stdsec + .catch br{
		display: none;
	}

}


		
		.curriculum .stdsec > .inner h4{
			padding-top:50px;
		}
		.curriculum .stdsec:nth-of-type(1) > .inner h4{
			padding-top: 0;
		}

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

		.curriculum .stdsec > .inner h4{
			padding-top:40px;
		}
		.curriculum .stdsec:nth-of-type(1) > .inner h4{
			padding-top: 0;
		}
		
	}






	/* IB */

		.curriculum .ib.stdsec h3{
			margin-top:0;
			padding-top:70px;
		}

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

		.curriculum .ib.stdsec h3{
			margin-top:0;
			padding-top:50px;
		}

	}



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

		.curriculum .profile.stdsec .inner{margin-bottom:40px;}
		
	}

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

		.curriculum .profile.stdsec .inner{margin-bottom:30px;}
		
	}

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

		.curriculum .profile.stdsec .inner{margin-bottom:20px;}
		
	}


			.profilechart{
				max-width:1200px;
				width:100%;
				margin: 0 auto 60px;
				background-color: #fff5f5;
			}

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

			.profilechart{
				margin: 0 auto 50px;
			}

		}

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

			.profilechart{
				margin:0 auto 40px;
			}

		}


				.profilechart h4{
					width: 320px;
					height:67px;
					margin: 0 auto -67px;
					font-weight: 700;
					font-size: 1.5em;
					font-family: 'Sawarabi Mincho', Helvetica, Arial, sans-serif;
					text-align: center;
					line-height: 1.5em;
					position: relative;
					top:390px;
				}

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

				.profilechart h4{
					width: 280px;
					font-size: 1.3em;
				}

			}

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

				.profilechart h4{
					width: 260px;
					font-size: 1.2em;
					top:300px;
				}

			}

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

				.profilechart h4{
					width: 220px;
					font-size: 1.0em;
					top:240px;
				}

			}

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

				.profilechart h4{
					width: 170px;
					font-size: 0.9em;
					top:240px;
				}

			}

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

				.profilechart h4{
					width: 130px;
					font-size:0.7em;
				}

			}


				.profilechart ul{
					max-width: 850px;
					width:96%;
					margin: 0 auto;
					padding: 25px 0;
					overflow: hidden;
				}

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

				.profilechart ul{
					width:100%;
					padding: 20px 0;
				}

			}

					.profilechart li{
						width:200px;
						list-style: none;
						position: relative;
						line-height: 0;
					}

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

					.profilechart li{
						width:160px;
					}

				}

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

					.profilechart li{
						width:120px;
					}

				}

					.profilechart li img{
						width:100%;
						height:auto;
					}


					.profilechart li:nth-of-type(1){
						left:26%;
					}

					.profilechart li:nth-of-type(2){
						margin-bottom: -200px;
						float: right;
						right:26%;
						top:-200px;
					}

					.profilechart li:nth-of-type(3){
						left:5%;
						top:-100px;
					}

					.profilechart li:nth-of-type(4){
						margin-bottom: -200px;
						float: right;
						right:5%;
						top:-300px;
					}

					.profilechart li:nth-of-type(5){
						left:0;
						top:-100px;
					}

					.profilechart li:nth-of-type(6){
						margin-bottom: -200px;
						float: right;
						right:0;
						top:-300px;
					}

					.profilechart li:nth-of-type(7){
						left:5%;
						top:-100px;
					}

					.profilechart li:nth-of-type(8){
						margin-bottom: -200px;
						float: right;
						right:5%;
						top:-300px;
					}

					.profilechart li:nth-of-type(9){
						margin-bottom: -200px;
						left:26%;
						top:-200px;
					}

					.profilechart li:nth-of-type(10){
						margin-bottom: -200px;
						float: right;
						right:26%;
						top:-200px;
					}


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

					.profilechart li:nth-of-type(1){
						left:26%;
					}

					.profilechart li:nth-of-type(2){
						margin-bottom: -160px;
						float: right;
						right:26%;
						top:-160px;
					}

					.profilechart li:nth-of-type(3){
						left:5%;
						top:-80px;
					}

					.profilechart li:nth-of-type(4){
						margin-bottom: -160px;
						float: right;
						right:5%;
						top:-240px;
					}

					.profilechart li:nth-of-type(5){
						left:0;
						top:-80px;
					}

					.profilechart li:nth-of-type(6){
						margin-bottom: -160px;
						float: right;
						right:0;
						top:-240px;
					}

					.profilechart li:nth-of-type(7){
						left:5%;
						top:-80px;
					}

					.profilechart li:nth-of-type(8){
						margin-bottom: -160px;
						float: right;
						right:5%;
						top:-240px;
					}

					.profilechart li:nth-of-type(9){
						margin-bottom: -160px;
						left:26%;
						top:-160px;
					}

					.profilechart li:nth-of-type(10){
						margin-bottom: -160px;
						float: right;
						right:26%;
						top:-160px;
					}

				}


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

					.profilechart li:nth-of-type(1){
						left:20%;
					}

					.profilechart li:nth-of-type(2){
						margin-bottom: -120px;
						float: right;
						right:20%;
						top:-120px;
					}

					.profilechart li:nth-of-type(3){
						left:5%;
						top:-30px;
					}

					.profilechart li:nth-of-type(4){
						margin-bottom: -120px;
						float: right;
						right:5%;
						top:-150px;
					}

					.profilechart li:nth-of-type(5){
						left:0;
						top:-50px;
					}

					.profilechart li:nth-of-type(6){
						margin-bottom: -120px;
						float: right;
						right:0;
						top:-170px;
					}

					.profilechart li:nth-of-type(7){
						left:5%;
						top:-70px;
					}

					.profilechart li:nth-of-type(8){
						margin-bottom: -120px;
						float: right;
						right:5%;
						top:-190px;
					}

					.profilechart li:nth-of-type(9){
						margin-bottom: -100px;
						left:20%;
						top:-100px;
					}

					.profilechart li:nth-of-type(10){
						margin-bottom: -120px;
						float: right;
						right:20%;
						top:-120px;
					}

				}


		/* 探求の単元 */

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

		.classschedule .inner{margin-bottom:40px;}
		
	}

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

		.classschedule .inner{margin-bottom:30px;}
		
	}

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

		.classschedule .inner{margin-bottom:20px;}
		
	}




/* --------------------------------------------------------------------------------- 
	  教員紹介
   --------------------------------------------------------------------------------- */

		.staff.stdsec h3{
			margin-top:0;
			padding-top:60px;
		}

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

		.staff.stdsec h3{
			padding-top:50px;
		}

	}


			.staff ul{
				max-width: 1000px;
				width:90%;
				margin:0 auto;
			}


				.staff li{
					margin-bottom:15px;
					padding: 0 20px;
					list-style: none;
					background-color: #f2f2f2;
				}

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

				.staff li{
					margin-bottom:10px;
				}

			}

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

				.en .staff li{
					padding: 0 10px;
				}

			}


				.staff li > .inner{
					width:100%;
					padding: 20px 0;
				}

				.staff li .inner{zoom:1;}
				.staff li .inner:after{
				  content: ""; 
				  display: block; 
				  clear: both;
				}


					.staff li img{
						display: block;
						width:180px;
						height:auto;
						margin-top: 5px;
						float: left;
					}

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

					.staff li img{
						width:150px;
						height:auto;
					}

				}

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

					.staff li img{
						display: block;
						width:120px;
						height:auto;
						margin: 0 auto 20px;
						float: none;
					}

				}

					.staff li .note{
						width: calc(100% - 210px);
						float: right;
					}

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

					.staff li .note{
						width: calc(100% - 175px);
					}

				}

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

					.staff li .note{
						width:100%;
						float: none;
					}

				}

					.staff li .position{
						margin:0;
						font-size: 0.9em;
					}

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

					.staff li .position{
						text-align: center;
					}

				}

					.staff li h4{
						color:#369;
						font-size:1.2em;
						font-family: "kozuka-mincho-pro",serif;
						font-weight: 700;
						letter-spacing: 0;
						line-height: 1.4em;
					}
					.staff li h4 span{
						font-size:0.9em;
						position: relative;
						top:-1px;
					}

					.en .staff li h4{
						letter-spacing: 0em;
					}

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

					.staff li h4{
						font-size:1.0em;
						text-align: center;
					}

				}

					.staff li p{
						margin-bottom: 0;
						line-height: 1.7em;
						float: left;
						word-break: break-all;
						overflow-wrap: break-all;
						word-wrap : reak-all;
					}

					.en .staff li p{
						overflow-wrap: normal;
						word-break: normal;
						word-wrap : normal
					}


		.staff ul + p{
			max-width: 1000px;
			width:90%;
			margin:15px auto;
		}




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

  	学校生活

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

	.schoollife{
		padding-bottom:70px;
	}

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

	.schoollife{
		padding-bottom:50px;
	}

}


		.schoollife.stdsec h3{
			margin-top:0;
			padding-top:60px;
		}

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

		.schoollife.stdsec h3{
			padding-top:50px;
		}

	}


	.contentstable{
		max-width:calc(1000px - 10%);
		width:80%;
		margin:50px auto 0;
		padding: 15px 5%;
		background-color: #f8f8f8;
	}

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

	.contentstable{
		margin:30px auto 0;
		padding: 12px 5%;
	}

}

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

	.contentstable{
		margin:20px auto 0;
	}

}


		.classschedule{
			padding-top:70px;
		}

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

		.classschedule{
			padding-top:50px;
		}

	}


	/* 時間割 */

		.schoollife #con1 .inner{
			margin-bottom: 0 !important;
			padding-bottom: 0 !important;;
		}

		.schoollife #con1 .inner .note{margin-bottom:40px;}
		
	@media screen and (max-width:1000px){

		.schoollife #con1 .inner .note{margin-bottom:40px;}
		
	}

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

		.schoollife #con1 .inner .note{margin-bottom:30px;}
		
	}

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

		.schoollife #con1 .inner .note{margin-bottom:20px;}
		
	}


			.schedulechart{
				width:100%;
				margin: 0 0 60px;
				padding:40px 0 50px;
				background-color: #f5faff;
			}

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

			.schedulechart{
				margin: 0 0 40px;
			}

		}

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

			.schedulechart{
				margin:0 auto 40px;
				padding:30px 0 30px;
			}

		}

				.schedulechart h4{
					margin:0 auto 20px;
					color:#369;
					font-weight: 700;
					font-size: 1.5em;
					text-align: center;
					line-height: 1.5em;
				}

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

				.schedulechart h4{
					font-size: 1.4em;
				}

			}

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

				.schedulechart h4{
					font-size: 1.2em;
				}

			}

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

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

			}

			.schedulechart table{
				max-width: 850px;
				width:96%;
				margin: 0 auto 10px;
			}

				.schedulechart table th,
				.schedulechart table td{
					padding: 5px 0;
					text-align: center;
				}

				.schedulechart table th{
					background-color: #fff;
				}
				
				.schedulechart table td{
					font-weight:700;
					background-color: #d4e5e6;
				}
				.schedulechart table td.ylw{
					background-color: #fdfad1;
				}
				.schedulechart table td.trp{
					background-color: transparent;
				}

				.schedulechart table:nth-of-type(2) tr:nth-of-type(1) td{
					width:20%;
				}
					
					
				.schedulechart table:nth-of-type(2) tr:nth-of-type(5) td{
					background-color: transparent;
				}
				
				.schedulechart table:nth-last-of-type(1) tr:nth-of-type(1) td{
					background-color: #fff;
				}
				
				.schedulechart table:nth-last-of-type(1) tr:nth-of-type(2) td,
				.schedulechart table:nth-last-of-type(1) tr:nth-of-type(3) td{
					background-color: #f7c8ce;
				}
				/*.en .schedulechart table:nth-last-of-type(1) tr:nth-of-type(2) td,
				.en .schedulechart table:nth-last-of-type(1) tr:nth-of-type(3) td{
					background-color: #d4e5e6;
				}*/
	
			@media screen and (max-width:640px){

				.schedulechart table th,
				.schedulechart table td{
					height:50px;
					padding:0;
					font-sie:0.8em;
					line-height:1.3em;
				}
	
			}
	
			@media screen and (max-width:480px){

				.schedulechart table th,
				.schedulechart table td{
					height:50px;
					font-sie:0.6em;
				}
				.schedulechart table td span{
					line-height:1.0em !important;
					font-size:0.7em;
				}
				
				.schedulechart table:nth-of-type(1) th,
				.schedulechart table:nth-of-type(1) td{
					height:30px;
				}
				
				.schedulechart table:nth-last-of-type(1) tr:nth-of-type(1) td{
					height:30px;
				}

				.schedulechart table:nth-of-type(2) tr:nth-of-type(5) td{
					height:30px;
				}
	
			}
				
			.schedulechart > ul{
				max-width: 670px;
				width:94%;
				margin:20px auto 70px;
			}
			.en .schedulechart > ul{
				max-width:480px;
				width:94%;
			}
				
				.schedulechart > ul li{
					width:27%;
					list-style: none;
					float: left;
				}
				.schedulechart > ul li:nth-of-type(2){width:29%;}
				.schedulechart > ul li:nth-of-type(3){width:44%;}
				
				.en .schedulechart > ul li{
					width:50%;
					list-style: none;
					float: left;
				}
				.schedulechart > ul li:nth-of-type(2){width:50%;}

				.en .schedulechart > ul li:nth-of-type(3){
					width:100%;
				}

			@media screen and (max-width:700px){
				
				.schedulechart > ul li:nth-of-type(1){
					width:45%;
				}
				.schedulechart > ul li:nth-of-type(2){
					width:55%;
				}
				.schedulechart > ul li:nth-of-type(3){
					width:100%;
					clear:both;
				}

			}

			@media screen and (max-width:540px){
				
				.en .schedulechart > ul li:nth-of-type(1),
				.en .schedulechart > ul li:nth-of-type(2),
				.en .schedulechart > ul li:nth-of-type(3){
					width:100%;
				}

			}

			@media screen and (max-width:430px){
				
				.schedulechart > ul li:nth-of-type(1),
				.schedulechart > ul li:nth-of-type(2){
					width:100%;
				}

			}


					.schedulechart > ul li img{
						margin-right:10px;
						float:left;
						position: relative;
						top:5px;
					}

					.schedulechart > ul li p{
						margin: 0;
						font-size:0.9em;
						float:left;
					}


		/* 年間行事 */

		.schoollife #con2 .inner{
			margin-bottom: 0 !important;
			padding-bottom: 0 !important;;
		}

		.schoollife #con2 .inner .note{margin-bottom:40px;}
		

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

		.schoollife #con2 .inner .note{margin-bottom:40px;}
		
	}

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

		.schoollife #con2 .inner .note{margin-bottom:30px;}
		
	}

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

		.schoollife #con2 .inner .note{margin-bottom:20px;}
		
	}


			.yearlychart{
				max-width:1200px;
				width:94%;
				margin: 15px auto 60px;
				padding:40px 0 50px;
				background-color: #fff5f5;
			}
			.yearlychart{zoom:1;}
			.yearlychart:after{
			  content: ""; 
			  display: block; 
			  clear: both;
			}

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

			.yearlychart{
				margin: 15px auto 40px;
			}

		}

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

			.yearlychart{
				width:90%;
				margin:10px auto 40px;
				padding:30px 0 20px;
			}

		}

			.yearlychart .inner{
				margin-bottom: 0 !important;
				padding-bottom: 0 !important;
			}
			.en .yearlychart .inner{
				max-width:1000px;
			}


			.gakki{
				float: left;
			}
			.gakki:nth-of-type(1){
				width:35%;
			}
			.gakki:nth-of-type(2){
				width:32%;
			}
			.gakki:nth-of-type(3){
				width:33%;
			}

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

			.gakki:nth-of-type(1),
			.gakki:nth-of-type(2),
			.gakki:nth-of-type(3){
				width:100%;
				float:none;
			}

		}

				.gakki h4{
					margin-bottom:20px;
					color:#036;
					font-weight: 700;
					font-size: 1.5em;
				}

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

				.gakki h4{
					font-size: 1.4em;
				}

			}

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

				.gakki h4{
					margin-bottom:15px;
					padding:0 5px 5px;
					font-size: 1.2em;
					border-bottom: 1px solid #036;
				}

			}

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

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

			}


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

				.gakki ul{
					max-width: 290px;
					width:90%;
					margin: 0 auto;
				}

			}


					.gakki li{
						line-height:1.3em;	
						list-style: none;
					}

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

						.gakki li p{
							width: 42px;
							margin: 0;
							font-weight: 700;
							float: left;
						}
						.gakki li span{
							display: block;
							width:calc(100% - 65px);
							margin-bottom:10px;
							padding-left: 23px;
							float: right;
							background-image: url("/shared/img_circle-pink.png");
							background-repeat: no-repeat;
							background-position: 0 3px;
						}


					.yearlychart .imagebox{
						width:200px;
						position: relative;
						top:15px;
					}
					.yearlychart .imagebox img{
						width:100%;
						height:auto;
					}

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

					.yearlychart .imagebox{
						margin:0 auto 10px;
						top:5px;
					}

				}


		/* 児童の声 */

		.voice .note:nth-of-type(2){
			color:#369;
			overflow-wrap:normal;
			word-break:normal;
			word-wrap: normal;
		}

		.voice .note:nth-of-type(3){
			color:#036;
		}

		.voice img{
			width:30%;
			height:auto;
			margin: 5px 0 20px 5%;
			float: right;
		}

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

		.voice img{
			display: block;
			width: 200px;
			height:auto;
			margin:0 auto 30px;
			float:none;
		}

	}



		/* 制服 */

	.schoollife .contentbottom{
		max-width: 1000px;
		width:90%;
		margin:0 auto;
	}

		.uniform{
			background-color: #f5faff;
			margin:0 0 50px !important;
			padding: 50px 0 0 !important;
		}

		.uniform .innerwrapper{
			max-width: 1000px;
			width:90%;
			margin:0 auto !important;
		}

			.uniform img{
				display: block;
				width:40%;
				height:auto;
				float:left;
				position:relative;
				top:-20px;
			}

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

			.uniform img{
				top:0;
			}

		}

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

			.uniform img{
				max-width: 280px;
				width:100%;
				margin: 0 auto;
				float: none;
				top:-30px;
			}

		}


			.uniform .innerwrapper > .inner{
				width: 54% !important;
				float: right;
			}

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

			.uniform .innerwrapper > .inner{
				width:100% !important;
				float:none;
			}

		}

				.uniform .innerwrapper .inner h4{
					color:#8b0000;
					font-size:1.3em;
					font-weight:700;
					line-height:1.5em;
					text-align: left;
				}

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

				.uniform .innerwrapper .inner h4{
					font-size:1.1em;
					text-align:center;
				}

			}
		

				.uniform .innerwrapper .inner p{
					width:100%;
				}


			.lunch{
				width:60%;
				float: left;
			}

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

			.lunch{
				width:100%;
				float:none;
			}

		}

	
			.lunchimage{
				width:40%;
				float:left;
			}

				.lunchimage .spbox{
					width:calc(80% - 20px);
					margin: 0 auto;
					padding: 3px 10px 20px;
					border:1px solid #333;
				}

					.lunchimage .spbox h4{
						font-size:0.8em;
						font-weight:700;
					}

					.lunchimage .spbox p{
						margin: 0;
						font-size:0.7em;
						line-height: 1.3em;
						white-space: 0em;
						overflow-wrap: break-word;
						word-break: break-all;
						word-wrap: break-all;
					}
					.en .lunchimage .spbox p{
						overflow-wrap:normal;
						word-break:normal;
						word-wrap: normal;
					}

				.lunchimage img{
					width:100%;
					height:auto;
					position: relative;
					top:-20px;
				}

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

			.lunchimage{
				width:240px;
				margin: 0 auto 50px;
				float:none;
			}

		}

			.lunch > .inner{
				width: 58% !important;
				float: right;
			}

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

			.lunch > .inner{
				width:100% !important;
				float:none;
			}

		}

			.lunch .inner h4{
				text-align: left;
			}

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

			.lunch .inner h4{
				text-align:center;
			}

		}



		.transportation{
			width: 35%;
			float:right;
		}

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

		.transportation{
			width:100%;
			float:none;
		}

	}


			.transportation .inner h4{
				text-align: left;
			}

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

			.transportation .inner h4{
				text-align:center;
			}

		}

			.transportation .inner ul{
				margin:15px 0 15px 20px;
			}












			.example{
				width:800px;
				margin: 0 auto 10px;
			}

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

			.example{
				width:620px;
			}

		}

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

			.example{
				max-width:540px;
				width:94%;
				margin-bottom:15px;
			}

		}

				.example img{
					float: left;
					margin-right:10px;
					position: relative;
					top:5px;
				}
				.en .example img{
					top:-10px;
					}

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

				.example img{
				}

				.en .example img{
					width:70px;
					height:auto;
				}

			}

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

				.example img{
					width:60px;
					height:auto;
					top:4px;
				}

			}

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

				.example img{
					width:50px;
					height:auto;
				}

			}

				.example p{
					width:calc(100% - 100px);
					margin: 0;
					font-size:1.5em;
					font-family: 'Sawarabi Mincho', Helvetica, Arial, sans-serif;
					font-weight:700;
					line-height: 1.5em;
					float:right;
				}
				.example p:nth-last-of-type(2){
					margin-bottom:10px;
					line-height: 1.4em;
				}

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

				.example p{
					font-size:1.1em;
				}

				.en .example p{
					width:calc(100% - 90px);
				}

			}

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

				.example p{
					width:calc(100% - 75px);
					margin: 0;
					font-size:1.0em;
					float: right;
					letter-spacing: 0;
				}

			}

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

				.example p{
					width:calc(100% - 65px);
				}

			}


			.example + ol{
				width:800px;
				margin: 30px auto 0;
			}

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

			.example + ol{
				width:580px;
			}

		}

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

			.example + ol{
				width:90%;
				margin: 20px auto 0;
			}

		}
				

				.example + ol li{
					width:calc(100% - 58px);
					height:30px;
					margin-left: 20px;
					padding:10px 0 12px 58px;
					font-size:1.4em;
					font-family: 'Sawarabi Mincho', Helvetica, Arial, sans-serif;
					line-height: 1.3em;
					list-style: none;
					background-image: url("/images/bg_num.png");
					background-repeat: no-repeat;
				}
				
				.example + ol li::before{
					margin-right: -13px;
					position: relative;
					left:-39px;
					font-family:"M PLUS Rounded 1c","Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "游ゴシック", "Yu Gothic", sans-serif;
				}
				
				.example + ol li:nth-of-type(1)::before{content: "1";}
				.example + ol li:nth-of-type(2)::before{content: "2";}
				.example + ol li:nth-of-type(3)::before{content: "3";}
				

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

				.example + ol li{
					width:calc(100% - 46px);
					height:21px;
					margin-left: 20px;
					padding:9px 0 12px 46px;
					font-size:1.0em;
					background-size: 40px auto;
				}
				
				.example + ol li::before{
					margin-right: -9px;
					position: relative;
					left:-30px;
					font-family:"M PLUS Rounded 1c","Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "游ゴシック", "Yu Gothic", sans-serif;
				}
				
			}

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

				.example + ol li{
					width:calc(100% - 20px);
					padding:5px 0;
					height:auto;
					margin-left: 20px;
					list-style: decimal;
					background:none;
				}
				.example + ol li::before{content:none;}
				.example + ol li:nth-of-type(1)::before{content:none;}
				.example + ol li:nth-of-type(2)::before{content:none;}
				.example + ol li:nth-of-type(3)::before{content:none;}
				
			}

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

				.example + ol li{
					font-size: 0.9em;
				}
				
			}

			.example + ol + p{
				max-width:760px;
				width:90%;
				margin:30px auto 0;
			}






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

  	Q&A

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


	.qa > .stdsec + .stdsec{
		padding: 50px 0 !important;
	}

		.qa > .stdsec + .stdsec h3{
			padding-bottom: 30px;
			color:#04497b;
			font-size:2.0em;
			font-weight:700;
			text-align: center;
			line-height: 1.5em;
		}

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

		.qa > .stdsec + .stdsec h3{
			font-size:1.6em;
		}

	}

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

		.qa > .stdsec + .stdsec h3{
			font-size:1.4em;
		}

	}

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

		.qa > .stdsec + .stdsec h3{
			font-size:1.1em;
		}

	}

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

		.qa > .stdsec + .stdsec h3{
			font-size:1.0em;
		}

	}




		.qa > .stdsec + .stdsec .note{
			font-size:1.0em;
		}

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

		.qa > .stdsec + .stdsec .note{
			font-size:0.9em;
		}

	}

			.qa > .stdsec + .stdsec .note > p{
				margin-bottom: 50px;
				color:#369;
				font-weight: 700;
			}

			.qa > .stdsec + .stdsec .note dl{
				width:96%;
				margin:0 auto 40px;
			}

				.qa > .stdsec + .stdsec .note dt{
					color:#c25a74;
					font-weight:700;
					margin:0 0 10px 30px;			
				}
				.qa > .stdsec + .stdsec .note dt:before{
					content:"Q";
					color:#c25a74;
					margin-right:-21px;
					font-weight: 300;
					font-size:1.8em;
					position:relative;
					top:5px;
					left:-30px;
				}

				.qa > .stdsec + .stdsec .note dd{
					margin-left:32px;
					margin-bottom:60px;
				}

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

				.qa > .stdsec + .stdsec .note dd{
					margin-bottom:40px;
				}

			}

				.qa > .stdsec + .stdsec .note dd:before{
					content:"A";
					color:#1b7597;
					margin-right:-21px;
					font-weight:300;
					font-size:1.8em;
					position:relative;
					top:5px;
					left:-30px;
				}





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

  	お問い合わせ

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

	.contact{
		padding-bottom: 50px;
	}

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

	.contact{
		padding-bottom: 30px;
	}

}

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

	.contact{
		padding-bottom: 20px;
	}

}

	.contact .index{
		padding-top:50px;
	}

		.contact .index ul{
			max-width: 1000px;
			width:90%;
			margin:30px auto 0;
		}

			.contact .index ul li{
				padding: 35px 0 40px;
				list-style: none;
				float: left;
				text-align: center;
				box-shadow:0 0 1px 3px inset #c2d1f2;
				border-radius: 20px;
			}
			.contact .index ul li:nth-of-type(1){
				padding-bottom: 20px;
			}

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

			.contact .index ul li{
				padding: 30px 0 30px;
				border-radius:10px;
			}
			.contact .index ul li:nth-of-type(1){
				padding-bottom: 20px;
			}

		}

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

			.contact .index ul li{
				padding: 25px 0 20px;
				float:none;
			}

		}

			.contact .index ul li:nth-of-type(1){
				width:100%;
				margin-bottom:40px;
			}

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

			.contact .index ul li:nth-of-type(1){
				margin-bottom:30px;
			}

		}

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

			.contact .index ul li:nth-of-type(1){
				margin-bottom:20px;
			}

		}

			.contact .index ul li:nth-of-type(2){
				width:48%;
			}

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

			.contact .index ul li:nth-of-type(2){
				width:100%;
				margin-bottom:20px;
			}

		}

			.contact .index ul li:nth-of-type(3){
				width:48%;
				float: right;
			}

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

			.contact .index ul li:nth-of-type(3){
				width:100%;
				float:none;
			}

		}

	/* アクセスページのコンタクト */

			.contact .index .contact-access{
				clear: both;
				max-width:640px;
				width:90%;
				height:80px;
				margin :50px auto !important;
				box-shadow:0 0 0 0 inset #36c;
				background-color: #36c;
				border-radius: 10px;
				background-image: url("/shared/img_yajirushi_right.png");
				background-repeat: no-repeat;
				background-position: 97% 50%;
				float:none;
			}
			.contact .index .contact-access a{
				display:-webkit-flex;
				display:flex;
				justify-content: center;
				-webkit-align-items:center;
				align-items:center;
				width: 100%;
				height:100%;
				color:#fff;
				font-size:1.8em;
				font-weight: 700;
				text-decoration: none;
			}

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

			.contact .index .contact-access{
				height:70px;
			}
			.contact .index .contact-access a{
				font-size:1.6em;
			}

		}

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

			.contact .index .contact-access{
				height:60px;
				margin :40px auto !important;
				border-radius: 6px;
			}
			.contact .index .contact-access a{
				font-size:1.4em;
			}

		}

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

			.contact .index .contact-access{
				height:50px;
				margin :40px auto !important;
			}
			.contact .index .contact-access a{
				font-size:1.2em;
			}

		}




			.contact .index ul li h4{
				margin-bottom: 20px;
				color:#369;
				font-size: 1.5em;
				font-weight: 700;
			}

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

			.contact .index ul li h4{
				margin-bottom:15px;
				font-size: 1.3em;
			}

		}

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

			.contact .index ul li h4{
				margin-bottom:12px;
				font-size: 1.2em;
			}

		}


			.contact .index ul li img{
				display: block;
				margin:0 auto 30px;
			}


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

			.contact .index ul li img{
				width:80px;
				height: auto;
				margin:0 auto 25px;
			}

		}

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

			.contact .index ul li img{
				width:70px;
				margin:0 auto 20px;
			}

		}
			
			.telnum{
				margin-bottom:20px;
				color:#036;
				font-size:3.0em;
				font-weight: 700;
			}
	
		@media screen and (max-width:770px){
			
			.telnum{
				margin-bottom:15px;
				font-size:2.4em;
			}
	
		}
	
		@media screen and (max-width:480px){
			
			.telnum{
				display: none;
			}
	
		}

			.linkpage{
				display:-webkit-flex;
				display:flex;
				justify-content: center;
				-webkit-align-items:center;
				align-items:center;
				max-width:360px;
				width:90%;
				height:50px;
				margin: 0 auto;
				color:#fff;
				font-weight:700;
				background-color:#f60;
				text-decoration: none;
				border-radius: 5px;
			}

			.contact .index ul li:nth-of-type(1) .linkpage{
				display: none;
			}
	
		@media screen and (max-width:480px){

			.contact .index ul li:nth-of-type(1) .linkpage{
				display:flex;
				font-size:1.4em;
			}
	
		}

			.linkpage:hover{color:#ff0;}


			.contact .index ul li:nth-of-type(1) .linkpage + p{
				line-height: 1.5em;
			}

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

			.contact .index ul li:nth-of-type(1) .linkpage + p{
				margin: 10px 0 0;
				font-size:0.9em;
			}
				
		}


		.mailform dl{
			padding:30px 2% 30px;
			border-bottom:1px solid #ccc;
			
		}
		.mailform dl:nth-of-type(1){
			border-top:1px solid #ccc;
		}

		.mailform dl{zoom:1;}
		.mailform dl:after{
		  content: ""; 
		  display: block; 
		  clear: both;
		}
			
	@media screen and (max-width:540px){
		
		.mailform dl{
			padding:20px 2% 20px;
		}
	}

			.mailform dt{
				width:30%;
				padding-top:3px;
				font-weight:700;
				float:left;
				line-height:1.5em;
				
			}
			
		@media screen and (max-width:540px){

			.mailform dt{
				width:100%;
				margin-bottom:15px;
				/*font-size:0.9em;*/
				float:none;
			}

			.mailform dt br{display:none;}
			
		}


		
		
			.mailform dd{
				width:70%;
				float:right;
			}
			
		@media screen and (max-width:540px){

			.mailform dd{
				width:100%;
				font-size:0.9em;
				float:none;
			}
			
		}



			.mailform input[type=text],
			.mailform select,
			.mailform textarea{
				-webkit-appearance: none;
				border:1px solid #999;	
				border-radius:5px;
			}
			



					#name,#furigana,#shop,#sfurigana,#tel,#email,#email2{
						max-width:370px;
						width:90%;
						padding:13px 10px;
					}

					.zip{
						width:70px;
						margin-bottom:15px;
						padding:13px 10px;
					}

					#address1{
						margin-bottom:15px;
						padding:13px 10px; 
						background-image:url(/miyazaki/shared/img_yajirushi_down.png);
						background-repeat:no-repeat;
						background-position:90% 50%;
					}


					#address,#address2,#address3,#type,#message{
						max-width:500px;
						width:90%;
						padding:13px 10px;
					}

					#email{
						margin-bottom:15px;
					}

					.remark{
						margin:0;
						color:#666;
						font-size:0.9em;
						line-height:1.6em;
					}
					.kome.remark{
						width:calc(100% - 15px);
						margin:0;
						position:relative;
						left:15px;
					}


			#submit1,
			#submit2{
				-webkit-appearance: none;
				display:block;
				max-width:400px !important;
				width:80% !important;
				height:60px;
				margin:0 auto 40px;
				padding:0 !important;
				color:#fff;
				font-size:1.2em !important;
				font-weight:700;
				text-align:center;
				line-height:55px;
				background-color:#036;
				border-radius:5px;
				border:none;
				cursor:pointer;
				-webkit-transition:opacity 0.3s ease-out;
				-moz-transition:opacity 0.3s ease-out;
				-ms-transition:opacity 0.3s ease-out;
				transition:opacity 0.3s ease-out;
				position: relative;
				top:40px;
			}
			#submit2{
				height:50px;
				margin: 0 auto;
				padding-top:10px !important;
				background-color:#999;
				top:0;
			}
			#submit1 + #submit2{
				top:-50px;
			}

			.check #submit1{
				top:0;
			}
	
			#submit1:hover,
			#submit2:hover{
				filter:alpha(opacity=60);
				-moz-opacity:0.60;
				opacity:0.60;
			}


		@media screen and (max-width:480px){
			
			#submit1,
			#submit2{
				height:40px;
				margin:30px auto 0;
				padding:0 !important;
				font-size:1.0em;
				line-height:35px;
				border-radius:5px;
			}
			#submit2{
				top:0;
			}
			
			#submit1 + #submit2{
				top:-30px;
			}
				
		}

		@media screen and (max-width:370px){
			
			#submit1,
			#submit2{
				width:100%;
				height:40px;
				padding:0 !important;
				line-height:40px;
			}
				
		}
		
		
		.hissu{
			display:inline-block;
			width:44px;
			height:18px;
			margin:3px 0 0 10px;
			padding:0px;
			color:#fff;
			font-size:0.7em;
			font-weight:400;
			text-align:center;
			border-radius:2px;
			line-height:19px;
			background-color:#369;
			
		}
		

		.thanks .mailform h3{
			color:#369;
			font-size:1.2em;
			font-weight:700;
			font-family: 'Sawarabi Mincho', Helvetica, Arial, sans-serif;
			text-align:center;
		}

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

		.thanks .mailform h3{
			font-size:1.0em;
			line-height:1.5em;
		}

	}

	
	.thanksnote{
		max-width:540px;
		width:100%;
		margin:30px auto 0;
		padding-bottom: 120px;
	}




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

  	寄付のお願い

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

	.donation{
		background-image: url("/images/bg_donation.jpg");
		background-repeat: no-repeat;
		background-position: 100% -100px;
		background-size: 50% auto;
	}

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

	.donation{
		background-position: 100% -80px;
	}

}

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

	.donation{
		background-position: 100% -60px;
	}

}

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

	.donation{
		background-position: 100% -40px;
	}

}

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

	.donation{
		background-position: 100% -30px;
	}

}

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

	.donation{
		background-size:320px auto;
		background-position: 100% -20px;
	}

}

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

	.donation{
		background-size:240px auto;
	}

}


		.donation .stdsec h2{
			text-shadow:0 0 15px #fff,0 0 15px #fff,0 0 15px #fff,0 0 15px #fff,0 0 15px #fff,0 0 15px #fff,
			0 0 15px #fff,0 0 15px #fff,0 0 15px #fff,0 0 15px #fff,0 0 15px #fff,0 0 15px #fff,
			0 0 15px #fff,0 0 15px #fff,0 0 15px #fff,0 0 15px #fff,0 0 15px #fff,0 0 15px #fff;
		}



		/* 寄付キャッチ */

		.donation > .stdsec + .catch{
			margin:30px auto 50px;
			font-size:2.2em;
			font-family: 'Sawarabi Mincho', Helvetica, Arial, sans-serif;
			text-align: center;
			line-height: 1.7em;
			position: relative;
			top:10px;
		}


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

		.donation > .stdsec + .catch{
			font-size:1.8em;
		}

	}

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

		.donation > .stdsec + .catch{
			margin:30px auto;
			font-size:1.4em;
			top:0;
		}

	}

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

		.donation > .stdsec + .catch{
			margin:30px auto 20px;
			font-size:1.2em;
			top:-5px;
		}

	}

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

		.donation > .stdsec + .catch{
			width:90%;
			font-size:1.1em;
		}

	}

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

		.donation > .stdsec + .catch{
			width:90%;
			font-size:1.0em;
			line-height: 1.6em;
		}

	}


		/* 寄付あいさつ */

		.donation .donation-message{
			max-width: 1200px;
			width:100%;
			margin: 0 auto;
			padding: 45px 0;
			background-color: #fff6e8;

		}

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

		.donation .donation-message{
			padding:30px 0;
		}

	}


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

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

			.donation .donation-message .inner{
				width:84%;
			}

		}


			.donation .donation-message .inner img{
				display: block;
				float:right;
				margin:5px 0 0; 
			}

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

			.donation .donation-message .inner img{
				width:20%;
				height: auto;
				margin:5px 1% 0 0; 
			}

		}

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

			.donation .donation-message .inner img{
				width:160px;
				margin:5px 2% 0 0; 
			}

		}

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

			.donation .donation-message .inner img{
				margin:0 auto 25px;
				float: none;
			}

		}

			.donation .donation-message .inner .note{
				width: calc(95% - 240px);
				margin: 0;
				font-family: 'Sawarabi Mincho', Helvetica, Arial, sans-serif;
				float: left;
			}

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

			.donation .donation-message .inner .note{
				width: 75%;
			}

		}

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

			.donation .donation-message .inner .note{
				width: calc(95% - 160px);
			}

		}

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

			.donation .donation-message .inner .note{
				width: 100%;
				font-size: 0.9em;
				float: none;
			}

		}

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

			.donation .donation-message .inner .note{
				width: 90%;
				margin: 0 auto
			}

		}

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

			.donation .donation-message .inner .note{
				width: 100%;
			}

		}

			.donation .donation-message .sig{
				margin-top: 20px;
				font-size:0.9em;
				text-align: right;
			}

				.donation .donation-message .sig em{
					display: block;
					font-size:1.3em;
					font-style: normal;
					letter-spacing: 0.2em;
				}


		.donation h3{
			padding-bottom: 30px;
			background-image: url("/shared/img_emblem_s.png");
			background-repeat: no-repeat;
			background-position: 50% 100%;		
		}



	/* 寄付の概要 */

	.donation-outline{
		width:100%;
		padding: 70px 0 30px;
	}

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

	.donation-outline{padding: 60px 0 25px;}

}

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

	.donation-outline{padding: 50px 0 15px;}

}

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

	.donation-outline{padding: 40px 0 0;}

}


		.donation-outline .inner{
			max-width: 1000px !important;
			width:100%;
		}


		.donation-outline table{
			width:100%;
			border-collapse: collapse;
			border-top: 1px dashed #ccc;
		}

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

		.donation-outline table{
			border:none;
		}

	}

		.donation-outline th{
			width:160px;
			height:70px;
			color: #369;
			border-bottom: 1px dashed #ccc;
		}

		.donation-outline td{
			width:calc(100% - 160px);
			line-height: 1.5em;
			border-bottom: 1px dashed #ccc;
		}

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

		.donation-outline th{
			width:130px;
		}

		.donation-outline td{
			width:calc(100% - 130px);
		}

	}

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

		.donation-outline th{
			display: block;
			width:100%;
			height: auto;
			padding: 0;
			font-size:0.9em;
			background-color: #f0f8ff;
			border:none;
		}

		.donation-outline td{
			display: block;
			width:calc(100% - 30px);
			padding: 15px 15px;
			font-size:0.9em;
			border:none;
		}

	}


	/* 寄付の申込方法について */

	.donation .apply{
		padding: 70px 0 30px;
		background-color: #fff7f7;
	}

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

	.donation .apply{padding: 60px 0 25px;}

}

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

	.donation .apply{padding: 50px 0 15px;}

}

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

	.donation .apply{padding: 40px 0 5px;}

}


		.donation .apply h3{
			color:#8b0000;
		}

			.donation .apply > .inner{
				max-width: 1000px;
				width:96%;
			}

			.donation .apply li{
				width:48%;
				padding: 30px 0;
				list-style: none;
				border-radius: 10px;
				-moz-box-shadow:0 0 0 3px #eba68f inset;
				-webkit-box-shadow:0 0 0 3px #eba68f inset;
				box-shadow:0 0 0 3px #eba68f inset;
				background-color: #fff;
				float: left;
			}

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

			.donation .apply li{
				max-width: 480px;
				width:90%;
				margin: 0 auto;
				font-size: 0.9em;
				float:none;
			}
		}


			.donation .apply li + li{
				float:right;
			}

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

			.donation .apply li + li{
				margin-top: 30px;
				float:none;
			}
		}

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

			.donation .apply li + li{
				margin-top:20px;
			}
		}

				.donation .apply li .inner{
					width:84%;
					margin: 0 auto;
				}

					.donation .apply li .inner h4{
						color:#c30;
						font-size:1.7em;
						font-weight: 700;
						text-align: center;
					}

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

					.donation .apply li .inner h4{
						font-size: 1.5em;
					}

				}

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

					.donation .apply li .inner h4{
						font-size: 1.3em;
					}

				}

					.donation .apply li .inner p{
						color:#036;
						font-size: 1.1em;
					}

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

					.donation .apply li .inner p{
						font-size: 1.0em;
					}

				}

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

					.donation .apply li .inner p{
						font-size:0.9em;
					}

				}


					.donation .apply .linkbtn2{
						display: block;
						width: 100%;
						height:60px;
						/*margin: 15px 0;*/
						margin: 15px 0 0;
						color:#fff;
						font-size:1.3em;
						font-weight: 700;
						text-decoration: none;
						text-align: center;
						line-height: 1.2em;
						background-color: #f60;
					}
					.donation .apply .linkbtn2{
						height:52px;
						padding-top:8px;
						border-radius: 6px;
					}
					.donation .apply li + li .linkbtn2{
						height:42px;
						padding-top:18px;
					}

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

					.donation .apply .linkbtn2{
						height:48px;
						padding-top:7px;
						font-size:1.2em;
						border-radius: 6px;
					}
					.donation .apply li + li .linkbtn2{
						height:39px;
						padding-top:16px;
					}

				}

					.donation .apply .linkbtn2 span{
						display:block;
						font-size:0.7em;
						font-weight: 400;
					}



					.donation .apply .linkbtn2 + a{
						display: block;
						text-align: center;

					}

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

					.donation .apply .linkbtn2 + a{
						font-size:0.9em;
					}

				}

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

					.donation .apply .linkbtn2 + a{
						font-size:0.8em;
					}

				}


.donation .apply .linkbtn2:hover{
	filter:alpha(opacity=60);
	-moz-opacity:0.60;
	opacity:0.60;
}
.donation .apply .linkbtn2{
	-webkit-transition:opacity 0.3s ease-out;
	-moz-transition:opacity 0.3s ease-out;
	-ms-transition:opacity 0.3s ease-out;
	transition:opacity 0.3s ease-out;
}


			.donation .apply .remark{
				margin-top:30px;
			}
			.donation .apply .remark p{
				margin-top: 10px;
				margin-bottom: 0;
				color:#369;
				font-size: 1.1em;
			}

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

			.donation .apply .remark p{
				width:90%;
			}

		}

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

			.donation .apply .remark p{
				font-size: 1.0em;
			}

		}

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

			.donation .apply .remark p{
				font-size: 0.9em;
			}

		}


	/* 税制上の優遇措 */

	.donation .yugu{padding: 70px 0 30px;}

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

	.donation .yugu{padding: 60px 0 25px;}

}

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

	.donation .yugu{padding: 50px 0 15px;}

}

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

	.donation .yugu{padding: 40px 0 0;}

}

		.yugu.stdsec > .inner{
			max-width: 1000px;
			width:90%;
		}

		.yugu.stdsec > .inner h3{
		}



			.modeselect li{
				width:48%;
				height:50px;
				color:#c30;
				font-size:1.3em;
				font-weight:700;
				list-style: none;
				text-align: center;
				line-height: 50px;
				border-radius: 8px;
				-moz-box-shadow:0 0 0 3px #eba68f inset;
				-webkit-box-shadow:0 0 0 3px #eba68f inset;
				box-shadow:0 0 0 3px #eba68f inset;
				background-color: #fff;
				float: left;
			}

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

			.modeselect li{font-size:1.2em;}

		}

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

			.modeselect li{font-size:1.1em;}

		}

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

			.modeselect li{font-size:1.0em;}

		}


			.modeselect li:nth-of-type(2){
				color:#000;
				-moz-box-shadow:0 0 0 0 #f2f2f2 inset;
				-webkit-box-shadow:0 0 0 0 #f2f2f2 inset;
				box-shadow:0 0 0 0 #f2f2f2 inset;
				background-color: #f2f2f2;
				float: right;
				cursor: pointer;
			}

			.modeselect li.changebtn{
				color:#c30;
				-moz-box-shadow:0 0 0 3px #eba68f inset;
				-webkit-box-shadow:0 0 0 3px #eba68f inset;
				box-shadow:0 0 0 3px #eba68f inset;
				background-color: #fff;
				cursor: auto;
			}

			.modeselect li.changebtn2{
				color:#000;
				-moz-box-shadow:0 0 0 0 #f2f2f2 inset;
				-webkit-box-shadow:0 0 0 0 #f2f2f2 inset;
				box-shadow:0 0 0 0 #f2f2f2 inset;
				background-color: #f2f2f2;
				cursor: pointer;
			}


	.yugu.stdsec > .inner .yugunote .inner{
		max-width: 1000px;
		width:100%;
		padding:0 0 30px;
	}

		.yugunote .inner{


		}

		.yugunote .inner.hide{
			display: none;
		}

			.yugunote .inner h4{
				margin-top: 40px;
				color:#369;
				font-size:1.2em;
				font-weight:700;
			}

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

			.yugunote .inner h4{
				margin-top:30px;
				font-size:1.2em;
			}

		}

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

			.yugunote .inner h4{
				font-size:1.1em;
			}

		}

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

			.yugunote .inner h4{
				font-size:1.0em;
				letter-spacing: 0;
			}

		}

			.yugunote .inner h4::before{
				content:url("/shared/img_circle-pink.png");
				margin-right: 9px;
				line-height: 1.2em
			}

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

			.yugunote .inner h4::before{
				margin-right: 7px;				
				position: relative;
				top:1px;
			}

		}

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

			.yugunote .inner h4::before{
				margin-right: 5px;
				position: relative;
				top:2px;
			}

		}


			.yugunote .inner h4 + p{
				margin-left: 25px;
			}

			.yugunote .inner h4 + p + p{
				margin-left: 25px;
			}

			.yugunote .inner h4 + p + ol{
				margin-left: 25px;
			}

			.yugunote .inner h4 + ul{
				margin: 15px 0 15px 40px;
			}

				.yugunote .inner h4 + ul li{
					margin-bottom:7px;
				}

				.yugunote .inner h4 + ul + p{
					margin-left: 25px;
				}


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

			.yugunote .inner h4 + p{
				margin-right: 15px;
				margin-left:15px;
			}

			.yugunote .inner h4 + p + p{
				margin-right: 15px;
				margin-left:15px;
			}

			.yugunote .inner h4 + p + ol{
				margin-right: 15px;
				margin-left:15px;
			}

			.yugunote .inner h4 + ul{
				margin-right: 15px;
				margin-left:30px;
			}

				.yugunote .inner h4 + ul + p{
					margin-right: 15px;
					margin-left:15px;
				}

		}

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

			.yugunote .inner h4 + p{
				font-size: 0.9em;
			}

			.yugunote .inner h4 + p + ol{
				font-size: 0.9em;
			}

			.yugunote .inner h4 + ul{
				font-size: 0.9em;
			}

				.yugunote .inner h4 + ul + p{
					margin-right: 15px;
					margin-left:15px;
				}

		}

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

			.yugunote .inner h4 + p{
				margin-right: 0;
				margin-left: 0;
			}

			.yugunote .inner h4 + p + p{
				margin-right: 0;
				margin-left: 0;
			}

			.yugunote .inner h4 + p + ol{
				margin-right: 0;
				font-size: 0.9em;
			}

			.yugunote .inner h4 + ul{
				margin-right: 0;
				margin-left:15px;
			}

				.yugunote .inner h4 + ul + p{
					margin-right: 0;
					margin-left:0;
				}

		}

			.openlink{
				cursor:pointer;
				text-decoration: underline;
			}

		.yugunote .spbox{
			width: 100%;
			margin-top: 20px;
			padding: 15px 0;
			color:#c33;
			text-align: center;
			background-color:#fff7f7;
		}




	/* 振込でのご寄付 */

	.furikomi{padding: 70px 0 30px;}

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

	.furikomi{padding: 60px 0 25px;}

}

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

	.furikomi{padding: 50px 0 15px;}

}

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

	.furikomi{padding: 40px 0 0;}

}

		.linkselect{
			max-width:880px;
			width:100%;
			margin: 0 auto;
		}

			.linkselect li{
				width:48%;
				height:50px;
				color:#fff;
				font-size:1.3em;
				font-weight:700;
				list-style: none;
				text-align: center;
				line-height: 50px;
				border-radius: 8px;
				background-color: #8b0000;
				background-image: url("/shared/img_yajirushi_left.png");
				background-repeat: no-repeat;
				background-position: 3% 50%;
				float: left;
			}

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

			.linkselect li{
				font-size:1.2em;
				background-size: 12px auto;
			}

		}

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

			.linkselect li{
				font-size:1.1em;
				border-radius: 5px;
			}

		}

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

			.linkselect li{
				font-size:1.0em;
			}

		}

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

			.linkselect li{
				font-size:0.9em;
				background-size: 8px auto;
			}

		}


			.linkselect li:nth-of-type(2){
				color:#000;
				float: right;
				background-color: #f60;
				background-image: url("/shared/img_yajirushi_right.png");
				background-position: 97% 50%;
			}

			.linkselect li a{
				color:#fff;
				text-decoration: none;
			}


		
			.furikominote .inner h4{
				margin-top: 40px;
				color:#369;
				font-size:1.2em;
				font-weight:700;
			}

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

			.furikominote .inner h4{
				margin-top:30px;
				font-size:1.2em;
				text-align: center;
			}

		}

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

			.furikominote .inner h4{
				font-size:1.1em;
			}

		}

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

			.furikominote .inner h4{
				font-size:1.0em;
				letter-spacing: 0;
			}

		}


			.furikominote .inner h4 + p{
				margin-bottom:50px;
			}
			
		@media screen and (max-width:640px){

			.furikominote .inner h4 + p{
				margin-bottom:30px;
				font-size:0.9em;
			}
			
		}

			.furikominote h5{
				color:#036;
				font-weight: 700;
			}

			.furikominote table{
				width:100%;
				margin:5px 0 20px;
				border-collapse: collapse;
			}

				.furikominote th{
					padding: 2px 0;
					color:#8b0000;
					line-height: 1.3em;
					background-color:#f9f2f2;
					border:1px solid #ccc;
				}

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

				.furikominote th{
					font-size:0.9em;
				}

			}

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

				.furikominote th{
					font-size:0.8em;
				}

			}

				.furikominote td{
					padding: 10px 2%;
					text-align: center;
					line-height: 1.3em;
					border:1px solid #ccc;
					white-space: nowrap;
				}
				.furikominote tr td:nth-of-type(1){
					text-align:left;
				}

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

				.furikominote td{
					padding:7px 1%;
					font-size:0.9em;
				}
				.furikominote tr td:nth-of-type(1){
					text-align: center;
				}

			}


			.furikominote .linkbtn{
				max-width: 480px;
				width:80%;
				height:50px;
				color:#fff;
				margin:50px auto 0;
				font-size:1.3em;
				font-weight:700;
				list-style: none;
				text-align: center;
				line-height: 50px;
				border-radius: 8px;
				background-color: #f60;
				background-image: url("/shared/img_yajirushi_right.png");
				background-repeat: no-repeat;
				background-position: 97% 50%;
				float: none;
			}

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

			.furikominote .linkbtn{
				font-size:1.2em;
			}

		}

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

			.furikominote .linkbtn{
				margin-top:40px;
				font-size:1.1em;
			}

		}

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

			.furikominote .linkbtn{
				font-size:1.0em;
			}

		}

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

			.furikominote .linkbtn{
				margin-top:30px;
				font-size:0.9em;
			}

		}


	/* 申込フォーム */

	main.entryform{
		padding-bottom: 70px;
	}

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

	main.entryform{
		padding-bottom: 30px;
	}

}

		.applyform h4{
			margin-bottom:20px; 
			color:#8b0000;
			font-size:2.0em;
			font-weight:700;
			text-align: center;
			line-height: 1.5em;
			letter-spacing: 0.07em;
		}
		.applyform.donationnote h4{
			color:#036;
		}

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

		.applyform h4{
			margin-bottom:20px; 
		}

	}

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

		.applyform h4{
			margin-bottom:15px; 
			font-size:1.6em;
		}

	}

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

		.applyform h4{
			margin-bottom:10px; 
			font-size:1.4em;
		}

	}

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

		.applyform h4{
			font-size:1.5em;
		}

	}


		.applyform.donationnote{
			max-width: 1200px;
			width:96%;
			margin: 0 auto 50px;
			padding:0 0 10px;
			background-color:transparent;
			border:1px solid #b2b2b2;
			border-radius: 10px;
		}
		.applyform.entrynote{
			max-width: 1200px;
			width:100%;
			margin:0 auto 30px !important;
			background-color: #fff6e8;
			position: relative;
			top:-30px;
		}

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

		.applyform.donationnote{
			width:100%;
			margin: 0 auto;
			border:none;
			border-radius:0;
		}
		.applyform.entrynote{
			margin: 0 0 -20px !important;
		}

	}

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

		.applyform.donationnote{
			padding:0;
		}

	}



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

		.applyform.donationnote{
			margin: 0 auto 30px;
		}

	}



		.applyform .inner{
			max-width: 1000px;
			width:90%;
			margin: 0 auto;
			padding: 45px 0;
		}

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

		.applyform .inner{
			padding-bottom:0;
		}

	}

			.applyorm .inner h4{
				text-align: center;
				color:#369;
				font-size:1.5em;
				font-weight: 700;
			}

			.applyform .inner h4 + p{
				margin: 5px 0;
				color:#f00;
				font-size:0.9em;
				text-align: right;
			}


	.applyform table{
		width:100%;
	}

		.applyform table th{
			width:160px;
			padding: 24px 0 10px 25px;
			color:#369;
			font-size:0.9em;
			font-weight:700;
			border-bottom:1px dashed #b1ceec;
			vertical-align: top;
			text-align: left;
			line-height: 1.2em;
		}
		.applyform table th:before{
			content:url("/donations/shared/img_box-red.png");
			margin-right:-7px;
			position: relative;
			top:-4px;
			left:-20px;
		}

		.applyform table th.long{padding: 11px 0 10px 25px;}

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

		.applyform table th{
			padding: 7px 0 7px 20px;
			display: block;
			width:calc(100% - 20px);
			color:#fff;
			font-size: 0.9em !important;
			border:none;
			background-color:#369;
			left:0;			
		}
		.applyform table th:before{
			content:"";
		}
		
		.applyform table th.long{padding: 7px 0 7px 20px;}	
		
	}


		.applyform table td{
			padding: 15px 0 16px;
			border-bottom:1px dashed #b1ceec;
		}

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

		.applyform table td{
			display: block;
			width:100%;
			padding: 15px 0 25px;
			border:none;
		}

	}

		.applyform table tr:nth-of-type(1) th,
		.applyform table tr:nth-of-type(1) td{
			border-top:1px dashed #b1ceec;
		}

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

		.applyform table tr:nth-of-type(1) th,
		.applyform table tr:nth-of-type(1) td{
			border-top:none;
		}

	}



	.applyform .entryblock td{
		/*min-height: 300px !important;*/
	}
		
		.applyform .entryblock td input,
		.applyform .entryblock td select,
		.applyform .entryblock td textarea{
			padding:10px 15px;
			font-weight:400;
			border:none;
			border-radius:5px;
		}

		.applyform.donationnote .entryblock td input,
		.applyform.donationnote .entryblock td select,
		.applyform.donationnote .entryblock td textarea{
			border:1px solid #b2b2b2;
		}
		
	@media screen and (max-width:480px){
		
		.applyform .entryblock td input,
		.applyform .entryblock td select,
		.applyform .entryblock td textarea{
			padding:10px 10px;
		}
		
	}
					
		
	@media screen and (max-width:840px){

		.applyform .entryblock input#email{margin-bottom:0;}
					
	}

		.applyform .entryblock .listitems td textarea{
			width:91%;
			margin-bottom:10px;
			padding:10px 2%;
			font-weight:400;
			border:none;
			border-radius:5px;
		}	
			#email,#email2{ime-mode:disabled;}
	
			#tel{
				max-width:240px;
				width:90%;
			}
	
			#email,#email2{
				max-width:380px;
				width:90%;
			}

			#address1{
				margin-bottom: 10px;
			}
	
			#address2{
				max-width:530px;
				width:calc(90% - 110px);
				margin-bottom: 10px;
			}
	
			#address3{
				max-width:640px;
				width:90%;
			}
			#email{margin-bottom: 10px !important;}
		
		@media screen and (max-width:640px){
	
			#email,#email2,#address2,#address3{
				width:80%;
			}
	
			#address2,
			#address3,
			#email,
			#email2,
			#tel{
				width:90% !important;
			}
		
		}
	
			#message{
				max-width:720px;
				width:90%;
				line-height: 1.5em;
			}
		
		@media screen and (max-width:640px){
	
			#message{
				width:90% !important;
			}
		
		}

			#amount{
				width:120px;
				padding:5px;
				text-align: right;
				font-size:1.3em;
				font-weight: 700;
				letter-spacing: 0.05em;
			}
	
			#name1,#name2,#furigana1,#furigana2{
				max-width:70px;
				width:34%;
				min-width:100px;
			}
			
	
			#zip1,#zip2{
				width:40px;
				padding:10px 15px;
				text-align:center;
				ime-mode:disabled;
			}
		
		@media screen and (max-width:480px){
	
			#zip1,#zip2{
				width:30px;
				padding:10px 10px;
			}
	
		}

		#zip1,#zip2{margin-bottom: 10px;}
		
		.applyform .formnote{
			color:#369;
			font-size:0.9em;
		}

		.applyform.donationnote .formnote{
			margin: 0;
			line-height: 1.3em;
			position: relative;
			top:8px;
		}


			#amount + .formnote{
				width:calc(100% - 20px);
				position: relative;
				left:20px;
			}




		.applyform.donationnote .payments{
			max-width:720px;
			width:100%;
		}

			.applyform.donationnote .payments li{
				width:24%;
				margin-right: 1%;
				list-style: none;
				float: left;
			}

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

			.applyform.donationnote .payments li{
				width:48%;
				margin-right: 2%;
			}
			.applyform.donationnote .payments li:nth-of-type(1),
			.applyform.donationnote .payments li:nth-of-type(2){
				margin-bottom:8px;
			}

		}

				.applyform.donationnote .payments li input[type="radio"] {
					display: none;
				}
				.applyform.donationnote .payments li input:checked + label {
					color: #000;
					background-color: #fc0;
				}
				.applyform.donationnote .payments li label{
					width:100%;
					display: inline-block;
					height:40px;
					color: #666;
					font-size:0.9em;
					background-color: #eee;
					text-align: center;
					line-height:40px;
					border-radius: 5px;
					cursor: pointer;
					float: left;
				}


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

				.applyform.donationnote .payments li label{
					font-size:0.8em;
				}

			}


		.applyform + .privacy{
			max-width: 1000px;
			width: 90%;
			margin: 0 auto 50px;
			padding: 25px 0 15px;
			background-color: #f2f2f2;
		}

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

		.applyform + .privacy{
			padding: 25px 0 5px;
			margin-bottom: 30px;
		}

	}

			.applyform + .privacy h4{
				font-size:1.5em;
				font-weight:700;
				text-align: center;
			}

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

			.applyform + .privacy h4{
				font-size:1.4em;
			}

		}

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

			.applyform + .privacy h4{
				font-size:1.2em;
			}

		}

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

			.applyform + .privacy h4{
				font-size:1.1em;
			}

		}

			.applyform + .privacy p{
				width:90%;
				margin: 15px auto;
			}

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

			.applyform + .privacy p{
				font-size:0.9em;
				line-height: 1.9em;
			}

	}


	.linkbtn4{
		display:block;
		max-width:420px;
		width:90%;
		height:60px;
		color:#fff;
		font-weight: 700;
		line-height:61px;
		text-align:center;
		text-decoration:none;
		background-image: url("/shared/img_yajirushi_right.png");
		background-repeat:no-repeat;
		background-position:90% 50%;
		background-size:16px auto;
		border-radius:10px;
		cursor: pointer;
		float: none !important;
	}
	.linkbtn4:hover{
		color:#fc0;
	}

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

	.linkbtn4{
		height:50px;
		width:80%;
		line-height:51px;
		background-position:90% 50%;
		background-size:14px auto;
		border-radius:5px;
	}

}

		.contact #submit1{
			display:-webkit-flex;
			display:flex;
			justify-content: center;
			-webkit-align-items:center;
			align-items:center;
			max-width:480px;
			width:80%;
			font-size:1.5em;
			margin:0 auto 80px;
			padding: 5px 0;
			border:none;
			line-height: 1.3em;
			background-color:#f90;
			background-position:98% 50%;
		}
		.mailform a{text-decoration: none;}

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

		.contact #submit1{
			margin:0 auto 65px;
			font-size:1.3em !important;
			line-height:30px;
		}

	}

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

		.contact #submit1{
			margin:0 auto 50px;
			font-size:1.0em !important;
		}

	}

		#submit2{
			max-width:500px;
			width:90%;
			font-size:1.0em;
			padding: 5px 0;
			border:none;
			line-height:40px;
			background-color:#036;
			background-image:url(/donations/shared/img_yajirushi-yellow2.png);
			background-position:2% 50%;
		}

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

		#submit1{
			font-size:0.9em;
			line-height:30px;
		}

	}

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

		#submit1{
			font-size:0.8em;
		}

	}

		.privacy + .linkselect,
		.applyform + .linkselect{
			max-width:880px;
			width:90%;
			margin: 0 auto 100px;
		}

		.applyform + .linkselect li:nth-of-type(1){
			background-color: #999;
		}

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

		.privacy + .linkselect,
		.applyform + .linkselect{
			margin: 0 auto 70px;
		}

	}

		.donation #submit{
			max-width: 480px;
			width:80%;
			height: 50px;
			margin: 0 auto 100px;
			border:none;
			line-height: 50px;
		}
		.donation #submit a{
			display:-webkit-flex;
			display:flex;
			justify-content: center;
			-webkit-align-items:center;
			align-items:center;
			width:100%;
			height: 100%;
			color:#fff;
			font-size:1.5em;
			font-weight:700;
			text-align: center;
			border-radius: 8px;
			background-color: #999;
			background-image: url("/shared/img_yajirushi_left.png");
			background-repeat: no-repeat;
			background-position: 3% 50%;
			cursor: pointer;
		}

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

		.donation #submit a{
			font-size:1.3em !important;
		}

	}

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

		.donation #submit a{
			font-size:1.0em !important;
		}

	}



		#submit3{
			display:-webkit-flex;
			display:flex;
			justify-content: center;
			-webkit-align-items:center;
			align-items:center;
			width:100%;
			height: 100%;
			color:#fff;
			font-size:1.0em;
			font-weight:700;
			float: right;
			background-color: #f60;
			background-image: url("/shared/img_yajirushi_right.png");
			background-position: 97% 50%;
			background-repeat: no-repeat;
			border:none;
			border-radius: 8px;
			cursor: pointer;
		}







		.donation .thanks{
			max-width:600px;
			width: 90%;
			margin: 0 auto 50px;
			padding: 25px 0 15px;
			background-color: #f2f2f2;
		}

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

		.donation .thanks{
			padding: 25px 0 5px;
			margin-bottom: 30px;
		}

	}

			.donation .thanks h4{
				font-size:1.5em;
				font-weight:700;
				text-align: center;
			}

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

			.donation .thanks h4{
				font-size:1.4em;
			}

		}

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

			.donation .thanks h4{
				font-size:1.2em;
			}

		}

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

			.donation .thanks h4{
				font-size:1.1em;
			}

		}

			.donation .thanks p{
				width:90%;
				margin: 15px auto;
				text-align: center;
			}

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

			.donation .thanks p{
				font-size:0.9em;
				line-height: 1.8em;
			}

	}

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

			.donation .thanks p{
				text-align:left;
			}

	}





		.urgent{
			clear:both;
			max-width:1200px;
			width:94%;
			height:50px;
			margin:0 auto -50px;
			background-color:#fff;
			box-shadow: 1px 1px 1px 0 #ccc;
			border-radius: 3px;
			position: relative;
			top:-65px;
			z-index: 100;
			overflow: hidden;
		}

	@media screen and (max-width:1000px){
	
		.urgent{
			height:40px;
			margin-bottom: -40px;
			border-radius:0;
			top:-55px;
overflow: hidden;
		}

	}

	@media screen and (max-width:640px){
	
		.urgent{
			width:100%;
			height:70px;
			margin-bottom:0;
			top:0;
			box-shadow: 0 1px 1px 0 #ccc;
		}

	}
		
	@media screen and (max-width:480px){
	
		.urgent{
			height:50px;
			box-shadow: 0 0 0 0;
		}

	}
		
		.urgen{zoom:1;}
		.urgen:after{
			content: ""; 
			display: block; 
			clear: both;
		}


			.urgent .inner{
				/*max-width:1600px;*/
				width:100%;
				height:100%;
				margin:0 auto;

			}

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

			.urgent .inner{
				width:100%;
			}

		}
		
			.urgent h3{
				width:120px;
				margin-left: 2%;
				padding-top:9px;
				font-weight:700;
				color:#b30049;
				float:left;
			}

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

			.urgent h3{
				width:110px;
				padding-top:5px;
				font-size:0.9em;
			}

		}

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

			.urgent h3{
				display:-webkit-flex;
				display:flex;
				justify-content: center;
				-webkit-align-items:center;
				align-items:center;
				width:100%;
				height:24px;
				float:none;
				font-size:0.8em;
				margin: 0;
				padding:0 0 1px;
				background-color:#f1d7df;
			}

		}

             
			.urgent ul{
				width: calc(96% - 110px);
				float: right;
                position: relative;
                top:-6px;
            }
            
       @media screen and (max-width:1000px){
            
			.urgent ul{
				width: calc(96% - 100px);
                top:-1px;
            }
            
        }
            
       @media screen and (max-width:640px){
            
			.urgent ul{
				width:96%;
				margin:0 auto;
                top:8px;
            }
            
        }
            
       @media screen and (max-width:480px){
            
			.urgent ul{
                top:4px;
            }
            
        }


                .urgent li{
                    width:100%;
                    height:100%;
                    margin:16px 0 0;
                    list-style:none;
                    float:left;
                    overflow:hidden;
                }

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

                .urgent li{
                    margin:7px 0 0;
                    font-size:0.9em;
                }

            }

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

                .urgent li{
                    height:29px;
                    margin:0;
                    padding:0;
                    float:none;
                }

            }

        /************************* ティッカー *************************/

                .urgent li iframe{
                    display:block;
                    width:calc(100% + 17px);
                    height:28px;
                    margin: 0;
                    text-align:left;
                    overflow:clip;
                    white-space: nowrap;
                    border:none;
                    position: relative;
                }

            @media screen and (max-width:640px){
                .urgent li iframe{
                    width:calc(100% + 27px);
                }
            }

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


ul.slick-dots{
	position:absolute;
	bottom:80px;
	/*top:-500px;*/
	z-index: 12000 !important;
}

@media screen and (max-width:1000px){
ul.slick-dots{
	bottom:65px;
}
}

@media screen and (max-width:640px){
ul.slick-dots{
	bottom:10px;
}
}

@media screen and (max-width:480px){
ul.slick-dots{
	bottom:5px;
}
}

ul.slick-dots li button:before{
	color:#8b0000 !important;
	font-size:27px!important;
	opacity:0.3;
	/*text-shadow:0 0 15px #202d39,0 0 15px #202d39;*/
}
ul.slick-dots li.slick-active button:before{
	color:#fff !important;
	opacity:1;
}






/* 採用情報の非表示 */

/*.top-recruit{display:none;}*/