@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;700&display=swap');
/* font-family: 'Noto Sans JP', sans-serif; */
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;600&display=swap');
/* font-family: 'Noto Serif JP', serif; */

/******** header-inner(取り急ぎメディアクエリ用に上書き) *********/
#wrapper{
	display: flex;
	flex-direction: column;
  	min-height: 100vh;
}
.header{	
	width: 100%;
	padding: 0;
}
.header-inner{
	margin: 0 auto;
	padding: 0 10px;
}
@media screen and (min-width:960px){
	.header-inner{
		width: 960px;
		text-align: center;
	}
}
/******** gnav ********/
.gnav{
	width: 100%;
	height: 30px;
	margin: auto;
	color: #fff;
	background: url(https://www.kurosawagakki.com/school/images/wood_bg.jpg);
}
.gnav-inner{
	margin: auto;
	color: #fff;
}
.gnav-inner ul{
	display: flex;
	flex-wrap: wrap;
}
.gnav li{
	width: 20%;
	box-sizing: border-box;
	list-style: none;
	border-right: solid 1px #fff;
}
.gnav li:last-child{
	border-right: none;
	background: url(https://www.kurosawagakki.com/school/images/member_bg.jpg);
}
.gnav li a{
	display: block;
	height: 30px;
	text-align: center;
	line-height: 3;
	text-decoration: none;
	color: #fff;
	font-size: 8px;
}
.gnav li a:hover{
	color: #000;
	background: rgba(255,255,255,0.5)
}
@media screen and (min-width:784px){
	.gnav{
		height: 40px;
	}
	.gnav-inner{
		width: 784px;
	}
	.gnav li a{
		height: 40px;
		font-size: 13px;
		letter-spacing: 1px;
	}
}

/******** container ********/
.container{
	border-bottom: solid 1px #efefef;
}

/******** intro ********/
.intro-attention h1{
	margin-bottom: 24px;
}
.intro-attention p{
	font-weight: 400;
}
@media screen and (min-width:768px){

}

/******** フォームカスタマイズ ********/
input{
	border: solid 1px #777;
	border-radius: 3px;
}
input,textarea{
	font-size: 16px;/*iOSで入力時枠が拡大されるのを防ぐ*/
}
.w50{
	width: 100%;
}
.w100{
	width: 100%;
}
.time-schedule{
	padding: 0.5rem 0 1.5rem;
	margin-left: 5rem;
}
@media screen and (min-width:784px){
	.w50{
		width: 50%;
	}
}

/******** footer ********/
/*ページトップへ*/
.top-btn{
	text-align: center;
	margin: 24px auto;
}
.footer{
	width: 100%;
	background: #000;
	color: #fff;
	font-size: 14px;
	padding: 20px 0;
	margin-top: auto;
}
.footer-inner{
	width: 90%;
	margin: auto;
	line-height: 1.5;
}
.footer-inner a,.footer-inner a:hover {
	color: #fff;
	text-decoration: none;
}
ul.footer-nav{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding-bottom: 20px;
	border-bottom: solid 1px #fff;
}
ul.footer-nav li{
	box-sizing: border-box;
	font-size: 12px;
	margin-right: 1.5em;
	list-style: none;
}
ul.footer-nav li:before{
	content: "■";
	padding-right: 0.3rem;
}
ul.bnr-area{
	text-align: center;
	margin-top: 30px;
}
ul.bnr-area li{
	width: 80%;
	margin: 5px auto;
	list-style: none;
}
ul.bnr-area li.footer-schoolLogo{
	width: 220px;
	margin: 24px auto;
}
ul.inner-list{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
ul.inner-list li{
	display: block;
	width: 40%;
	box-sizing: border-box;
}
address{
	text-align: center;
	font-size: 12px;
	font-style: normal;
}
@media screen and (min-width:784px){
	ul.bnr-area{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	ul.bnr-area li.footer-schoolLogo{
		width: 220px;
	}
	ul.inner-list li{
		display: block;
		width: 20%;
		margin: 0 1.25%;
	}
}
@media screen and (min-width:960px){
	.footer-inner{
		width: 960px;
	}
}