@charset "utf-8";

.res_block{display:none;}
.res_none{display:block;}

#navToggle{
	display:none;
	position:absolute;
	right:13px;
	top:18px;
	width:30px;
	height:25px;
	cursor:pointer;
	z-index:1100;
}
#navToggle div {position:relative}
#navToggle span {
	display:block;
	position:absolute;
	width:100%;
	border-bottom:solid 2px #ffffff;
	-webkit-transition: .35s ease-in-out;
	-moz-transition: .35s ease-in-out;
	transition: .35s ease-in-out
}
#navToggle span:nth-child(1) {top:0}
#navToggle span:nth-child(2) {top:11px}
#navToggle span:nth-child(3) {top:22px}
.top_under-sp .top-menu h1,
.top_header-sp .top-menu h1{
	text-align:center;
	font-size:12px;
	font-weight:normal;
	letter-spacing:5px;
	line-height:1.8em;
	margin-bottom:0;
}
.top_under-sp .top-menu h1 span,
.top_header-sp .top-menu h1 span{font-size:22px;}


/*--- 画面幅680px以下 ------*/
@media all and (max-width:1139px) and (min-width:681px){
	header{
		min-width:initial;
		width:100%;
	}
	header .top_under-box h1{width:100%;}
	.slick-prev{
		left:0!important;
		z-index:100;
	}
	.slick-next{right:0!important;}
}

/*--- 画面幅680px以下 ------*/
@media all and (max-width:680px){
	.res_block{display:block;}
	.res_none{display:none;}
	.only-block{display:block!important;}
	header{
		width:100%;
		min-width: 0;
		height: auto!important;
		min-height: 0;
		z-index: 1;
	}
	header::before{display:none;}
	header .mainvisual{margin-top:67px;}
	header .mainvisual-under{margin-top:66px;}
	header .top_under-box h1,
	header .top_header-box h1{width:100%!important;}

	.top_under-sp,
	.top_header-sp{
		position:fixed;
		top:0;
		width:100%;
	}
	.top_under-sp .top-menu,
	.top_header-sp .top-menu{
		padding:10px;
	}
	.top_under-sp .top-menu ul,
	.top_header-sp .top-menu ul{
		position:absolute;
		top:-200px;
		left:0;
		width:100%;
		margin:0 auto;
		padding:0;
		display:block;
		overflow:hidden;
	}
	.top_under-sp .top-menu ul li,
	.top_header-sp .top-menu ul li{
		display:block;
		width:50%;
		float:left;
		background:#9b042c;
		border-right:1px solid rgba(0,0,0,0.3);
		border-bottom:1px solid rgba(0,0,0,0.3);
	}
	.top_under-sp .top-menu ul li:nth-of-type(even),
	.top_header-sp .top-menu ul li:nth-of-type(even){border-right:none;}
	/*.top_under-sp .top-menu ul li:last-of-type,
	.top_header-sp .top-menu ul li:last-of-type{border-bottom:none;}
	header .menu ul li:last-of-type{width:100%;}
	header .menu ul li:last-of-type a{background-image:none;}*/
	#navToggle {display:block}
	.openNav #navToggle span:nth-child(1) {
		top: 11px;
		-webkit-transform:rotate(-45deg);
		-moz-transform:rotate(-45deg);
		transform:rotate(-45deg);
	}
	.openNav #navToggle span:nth-child(2),
	.openNav #navToggle span:nth-child(3) {
		top: 11px;
		-webkit-transform:rotate(45deg);
		-moz-transform:rotate(45deg);
		transform:rotate(45deg);
	}
	.openNav .top_under-sp ul {
		-moz-transform: translateY(267px);
		-webkit-transform: translateY(267px);
		transform: translateY(267px);
	}
	.openNav .top_header-sp ul {
		-moz-transform: translateY(267px);
		-webkit-transform: translateY(267px);
		transform: translateY(267px);
	}

	header .top_under-box,
	header .top_header-box{
		position:relative;
		bottom:0;
	}
	header .top_under-box h1,
	header .top_header-box h1{margin-bottom:0;}
	header .top_under-box h1 p:last-of-type,
	header .top_header-box h1 p:last-of-type{font-size:20px;}
	#informationContents{
		background-position:top right;
		padding:30px 10px;
	}
	#informationContents h2{
		margin:0 auto 30px auto;
		text-align:center;
		flex-direction: column;
		font-size:22px;
		text-indent:0;
	}
	#informationContents h2 span:last-of-type{
		display:none;
		/*font-size:15px;
		margin:20px auto;*/
	}
	
	/*#informationContents .list{width:100%;}
	#informationContents .slick-prev, .slick-next{
		top:inherit!important;
		bottom:-14%!important;
	}*/
	#informationContents .slick-prev{
		z-index:100;
		left:-2%;
	}
	#informationContents .slick-next{right:-2%;}
	
	#informationContents .news-button{
		width:65%;
		margin:60px auto 0 auto;
	}
	#informationContents .news-button a{
		width:100%;
		height:100%;
		font-weight:normal;
		background:#333333;
		text-align:center;
		padding:10px 0;
	}
	#informationContents .news-button a:hover{
		background:#aaaaaa;
		color:#333333;
	}
	.company-info h2{font-size:20px;}
	.company-info .button a{font-size:16px;}
	.f-menu{padding:0;}
	.f-menu ul{
		display:block;
		overflow:hidden;
		padding:0;
		margin:0 auto;
	}
	.f-menu ul li{
		display:block;
		width:50%;
		float:left;
		color:#aaaaaa;
		border-right:1px solid #555;
		border-bottom:1px solid #555;
	}
	.f-menu ul li:nth-of-type(even){border-right:none;}
	.f-menu ul li:nth-of-type(3){border-bottom:none;}
	.f-menu ul li:last-of-type{border-bottom:none;}
	.copyright{font-size:12px;}


	.contents-box{width:98%;}
	.news-contents article dl{display:block; padding:0; }
	.news-contents article dl dt{
		font-size:17px;
		padding:0.8em;
		width:auto;
	}
	.news-contents article dl dd{padding:0 0.8em 0.8em 0.8em; width:auto;}
	.news-contents article dl .cont{width:100%;}
	.news-contents article dl .place{width:100%;}
	.next-button-area{width:24%;}

	.flex-box{flex-direction: column;}

	#about .flex-box p:last-of-type{
		margin:0 auto 40px auto;
		width:40%;
	}
	#about .agreement-box{
		padding-left:1rem;
		padding-right:1rem;
	}
	#about .agreement-box ul,
	#about .agreement-box p,
	#about .agreement-box dl{padding-left:0.8em!important;}
	#about .agreement-box ul li{
		margin-left:3em;
		text-indent:-3em;
	}
	#about .agreement-box div:first-of-type ul li:nth-of-type(2){
		margin-left:3em;
		text-indent:-3em;
	}
	#about .agreement-box div:nth-of-type(2) ul li{
		margin-left:5em;
		text-indent:-5em;
	}
	/*#about .agreement-box div:nth-of-type(2) ul li:nth-of-type(2){
		margin-left:5em;
		text-indent:-5em;
	}
	#about .agreement-box div:nth-of-type(2) ul li:last-of-type{
		margin-left:3em;
		text-indent:-3em;
	}*/
	#about .agreement-box dl{width:100%;}
	#about .agreement-box .button a{font-size:1em;}

	#contact form#mailformpro dl{flex-direction: column;}
	#contact form#mailformpro dl .mfp input,
	#contact form#mailformpro dl .mfp textarea{margin-left:1em;}
	#contact form#mailformpro dl dt{
		width:100%;
		padding:10px 0;
		border-right:1px solid #988454;
	}
	#contact form#mailformpro dl dt:last-of-type{border-bottom:none;}
	#contact form#mailformpro dl dd{
		width:100%;
		padding:15px 0;
	}

	#admission form#mailformpro dl{flex-direction: column;}
	#admission form#mailformpro dl .mfp input,
	#admission form#mailformpro dl .mfp textarea{margin-left:1em;}
	#admission form#mailformpro dl dt{
		width:100%;
		padding:10px 0;
		border-right:1px solid #988454;
	}
	#admission form#mailformpro dl dt:last-of-type{border-bottom:none;}
	#admission form#mailformpro dl dd{
		width:100%;
		padding:15px 0;
		/*display:table;*/
	}
	#admission form#mailformpro dl dd span{display:inline-block;}
	#admission form#mailformpro dl dd input[type="text"]{
		/*display:inline-table;*/
		display:inline-block;
		width:85%;
		margin-bottom:0.7em;
	}
	#admission form#mailformpro dl dd select{
		margin-left:1em;
		margin-bottom:0.7em;
	}
	#admission form#mailformpro dl .mfp textarea{
		display:block;
		margin:0 auto;
	}
	#admission form#mailformpro .mfp_buttons button{
		max-width:293px;
		width:90%;
	}
	
	#admission form#mailformpro dl:nth-of-type(6) dd span{display:none!important;}
	#admission form#mailformpro dl:nth-of-type(6) dd p{
		margin-bottom:0.5em!important;
		margin-top:0.5em;
		margin-left:5em;
		text-indent:-5em;
	}
	#admission form#mailformpro dl:nth-of-type(6) dd p:nth-of-type(2){
		margin-left:6em;
		text-indent:-6em;
	}
	#admission form#mailformpro dl:nth-of-type(6) dd p:last-of-type{
		margin-left:4em;
		text-indent:-4em;
	}


}