@charset "utf-8";



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

br.smp{display: block;}
br.pc{display: none;}
	
	
	
/**************************************************
 wrapper
**************************************************/
#wrapper{
	width: 100%;
	max-width: 100%;
}



/**************************************************
 header
**************************************************/
header{
	width: 100%;
	max-width: 100%;
	padding: 0 20px;
}

header h1{
	height: 60px;
	-webkit-box-pack: start;
	justify-content: flex-start;
}
header h1 img{height: 28px;}

#globalNavi{
	width: 100%;
	max-width: 100%;
	min-height: 100vh;
	top: 0;
	left: 0;
	z-index: 9990;
	visibility: hidden;
	/*opacity: 0;
	pointer-events: none;*/
	/*-webkit-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;*/
}
#globalNavi.open{
	visibility: visible;
	/*opacity: 1.0;
	pointer-events: all;*/
}
#globalNavi .inner{
	width: 100%;
	height: 100%;
	max-height: 100%;
	padding: 0;
	border-radius: 0;
	opacity: 0;
}
#globalNavi.open .inner{
	-webkit-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
	opacity: 1.0;
}
#globalNavi p{font-size: calc(6.0vw);}
#globalNavi p small{font-size: calc(4.0vw);}
#globalNavi ul{width: 80%;}
#globalNavi ul li a{
	font-size: calc(4.0vw);
	padding: 6% 0 6% 25px;
}
	
#menu{display: block;}
	
	
	
/**************************************************
 main
**************************************************/
main{
	width: 100%;
	max-width: 100%;
}
	
.visualHanger{top: 0;}

.tabMenu ul{
	margin-top: 10px;
	padding: 0 10px;
}
.tabMenu ul li{
	width: calc((100% - 30px) / 3);
	margin: 10px 5px 0 5px;
}
.tabMenu ul li:last-of-type{margin: 10px 5px 0 5px;}
.tabMenu ul li a{font-size: calc(3.0vw);}

.majorList dl{
	margin-top: 40px;
	padding: 0 20px;
}
.majorList dl dt{
	font-size: calc(4.5vw);
	line-height: 1.3;
	font-weight: 900;
	text-align: center;
}
.majorList dl dt strong{
	font-size: calc(4.5vw);
	margin-bottom: 10px;
}
.majorList dl dt strong strong{font-size: calc(6.0vw);}
.majorList dl dt strong::before,
.majorList dl dt strong::after{
	width: 2px;
	height: 80%;
	top: 18%;
}
.majorList dl dt strong::before{left: -4%;}
.majorList dl dt strong::after{right: -4%;}
.majorList dl dd{
	padding: 20px 0 0 0;
	-webkit-box-pack: justify;
	justify-content: space-between;
}
.majorList dl dd img{
	width: calc((100% - 20px ) / 3);
	margin: 10px 0 0 0;
}



article{
	margin-top: 40px;
	border-radius: 20px;
	padding: 0 20px 20px 20px
}

article h2{
	width: 90%;
	font-size: calc(5.2vw);
	letter-spacing: 1px;
	padding: 25px 0;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}

article h3{
	margin-top: 45px;
	font-size: 5.0vw;
	letter-spacing: 1px;
	padding-top: 25px;
}
article h3::before{
	width: 60px;
	height: 5px;
	left: calc(50% - 30px);
}
article h3 small{padding-top: 10px;}
article h3 small img{
	width: auto;
	height: 30px;
}

#about p.tab{padding-top: 10px;}
#about p.tab span{
	font-size: calc(2.5vw);
	padding: 5px;
	margin: 5px 3px;
}
#about p.style1{
	padding-top: 15px;
	font-size: calc(3.0vw);
}

.copyHanger{
	margin-top: 40px;
	font-size: calc(4.5vw);
}

.figHanger1{margin-top: 40px;}
.figHanger1.style1{margin-top: 60px;}
.figHanger1.style2{
	margin-top: 25px;
	padding-top: 25px;
}
.figHanger1 img.about1{
	width: 25%;
	top: 22%;
	left: -25px;
}
.figHanger1 img.about2{
	width: 25%;
	top: 20%;
	right: 0;
}

.btn1{margin-top: 40px;}
.btn1 a{
	width: 80%;
	font-size: calc(4.5vw);
}
.btn1 a::before{
	width: 12px;
	height: 12px;
	top: calc(50% - 6px);
	right: 30px;
}
.btn1 a:hover::before{right: 25px;}

#about dl{
	margin-top: 40px;
	padding: 20px;
}
#about dl dt{font-size: calc(5.5vw);}
#about dl dt small{
	font-size: calc(3.2vw);
	padding: 10px 30px;
}
#about dl dd{
	padding-top: 15px;
	font-size: calc(3.0vw);
}

.eventPhoto{margin-top: 30px;}
.eventPhoto img{
	width: calc(50% - 5px);
	border-radius: 5px;
}
.eventPhoto img:first-of-type{margin-right: 10px;}

.supportHanger{
	margin-top: 20px;
	padding: 10px;
	background: #FFFFFF;
	box-shadow: var(--box-shadow1);
	border-radius: 10px;
	-webkit-box-align: center;
	align-items: center;
}
.supportHanger:nth-of-type(2){margin-top: 40px;}
.supportHanger dl{
	width: 60%;
	order: 2;
}
.supportHanger dl dt{font-size: calc(4.5vw);}
.supportHanger dl dt small{font-size: calc(3.0vw);}
.supportHanger dl dd{
	font-size: calc(3.0vw);
	padding-top: 5px;
}
.supportHanger img{
	width: calc(40% - 20px);
	margin-right: 20px;
	border-radius: 10px;
	order: 1;
}

#job ul{margin-top: 40px;}
#job ul li{
	padding-bottom: 14vw;
	padding-right: 10px;
}
#job ul li:nth-of-type(2n){padding-left: 10px;}
#job ul li a{
	width: 80%;
	bottom: 10px;
	left: 10%;
	font-size: calc(2.8vw);
}
#job ul li a::before{
	width: 6px;
	height: 6px;
	top: calc(50% - 4px);
	right: 15px;
}
#job ul li a:hover::before{right: 10px;}

#job p{
	padding-top: 20px;
	font-size: calc(2.8vw);
}

#tuition{padding-bottom: 0;}

#voice{padding: 0 20px;}

#voice section{
	width: 64%;
	order: 2;
}
#voice section h2{font-size: calc(4.0vw);}
#voice section h2 span{
	position: absolute;
	top: -5vw;
	left: -10px;
}
#voice section h2 span img{
	width: 20vw;
	height: auto;
}
#voice section p{
	padding-top: 20px;
	font-size: calc(3.0vw);
}
#voice section p small{
	font-size: calc(2.4vw);
	padding-top: 20px;
}
#voice img.voicePhoto{
	width: calc(36% - 20px);
	border-radius: 10px;
	order: 1;
}

#faq dl{
	margin-top: 30px;
	padding: 30px 20px 20px 20px;
}
#faq dl:nth-of-type(1){margin-top: 40px;}
#faq dl dt{font-size: calc(3.8vw);}
#faq dl dt small{
	font-size: calc(7.0vw);
	top: -12.0vw;
}
#faq dl dt small strong{font-size: calc(9.0vw);}
#faq dl dd{
	font-size: calc(3.0vw);
	padding-top: 15px;
	padding-left: calc(7.0vw + 0px);
}
#faq dl dd span{
	font-size: calc(7.0vw);
	top: 0;
}

.contact{
	width: calc(100% - 40px);
	margin: 40px auto 0 auto;
	padding: 20px;
	border-radius: 15px;
}
#about .contact{
	border-radius: 0;
	width: calc(100% + 40px);
	left: -20px;
}
.contact h4 small{font-size: calc(3.5vw);}
.contact h4 span{
	font-size: calc(5.0vw);
	padding-top: 20px;
}
.contact nav ul{padding-top: 0;}
.contact nav ul li{width: 100%;}
.contact nav ul li a{
	font-size: calc(4.0vw);
	letter-spacing: 0;
}
.contact nav ul li a::before{
	width: 10px;
	height: 10px;
	top: calc(50% - 5px);
	right: 25px;
}
.contact nav ul li a:hover::before{right: 20px;}

.scholarship{
	width: calc(100% - 40px);
	margin: 40px auto 0 auto;
	padding: 20px;
	border-radius: 15px;
	background: url("../img/scholarship_bg1.png") no-repeat left center,url("../img/scholarship_bg2.png") no-repeat right center,#FFFFFF;
	background-size: auto 120%,50% auto;
}
.scholarship h4{font-size: calc(5.0vw);}
.scholarship h4 small{font-size: calc(4.0vw);}
.scholarship nav ul{padding-top: 0;}
.scholarship nav ul li{width: 100%;}
.scholarship nav ul li a{
	font-size: calc(4.0vw);
	letter-spacing: 0;
}
.scholarship nav ul li a::before{
	width: 10px;
	height: 10px;
	top: calc(50% - 5px);
	right: 25px;
}
.scholarship nav ul li a:hover::before{right: 20px;}



/**************************************************
 footer
**************************************************/
footer{
	width: 100%;
	max-width: 100%;
}

dl.snsHanger{margin-top: 40px;}
dl.snsHanger dt span{
	font-size: 4.0vw;
	padding: 15px 30px;
}
dl.snsHanger dd{
	margin-top: 20px;
	padding: 0 15px;
}
dl.snsHanger dd img{
	width: 13%;
	margin: 0 5px;
}

dl.footerInfo{
	margin-top: 40px;
	padding-top: 35px;
}
dl.footerInfo dt{font-size: 4.5vw;}
dl.footerInfo dt img{width: 37%;}
dl.footerInfo dd{
	padding-top: 25px;
	font-size:3.5vw;
}

.copyRight{
	padding: 40px 10px 50px 10px;
	font-size: 2.8vw;
}
	


}