@charset "UTF-8";
/* CSS Document */

html{
	overflow: auto; /* for iPhone */
}

#media_query{
	font-family: sp !IMPORTANT;
}

/* logo section */

#logo{
	flex-direction: column;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
	justify-content: center;
		-webkit-justify-content: center;
		-ms-justify-content: center;
	width: 100%;
}

#logo svg{
	width: 80%;
	margin: 30px 0 0;
}

#logo_ps{
	width: 80%;
	margin-top: 25px;
}

#logo p span{
	margin-top: 15px;
}

#downButton{
	display: none;
}

/* header section */

header{
	min-height: 50px;
}

#hamberger{
	display: flex;
		display: -webkit-flex;
	justify-content: center;
		-webkit-justify-content: center;
	align-items: center;
	position: relative;
	width: 50px;
	height: 50px;
	margin: 0 auto;
	cursor: pointer;
}

#hamberger span{
	background-color: #fff;
	display: inline-block;
	transition: all .3s;

	position: absolute;
	left: 10px;
	width: 30px;
	height: 2px;
	border-radius: 1.5px;
}

#hamberger span:nth-of-type(1){
	top: 16px;
}

#hamberger span:nth-of-type(2){
	top: 24px;
}

#hamberger span:nth-of-type(3){
	bottom: 16px;
}

#nav_header.active.fixed{
	opacity: 1;
}

#nav_header.active #hamberger span:nth-of-type(1){
	transform: translateY(8px) rotate(45deg);
		-webkit-transform: translateY(8px) rotate(45deg);
}

#nav_header.active #hamberger span:nth-of-type(2){
	opacity: 0;
}

#nav_header.active #hamberger span:nth-of-type(3){
	transform: translateY(-8px) rotate(-45deg);
		-webkit-transform: translateY(-8px) rotate(-45deg);
}

#nav_header ul{
	flex-direction: column;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
	position: absolute;
	top: 50px;
	left: 0;
	height: 0;
	transition: height .3s ease-in-out;
	overflow: hidden;
	text-align: center;
	background-color: #111;
}

#nav_header.active ul{
	height: 200px;
}

#nav_header ul li{
	width: 100%;
	height: 50px;
	background-color: transparent;
	transition: background-color .3s ease-in-out;
		-webkit-transition: background-color .3s ease-in-out;
}

#nav_header ul li a{
	font-size: 11.5px;
}

/* info section */

#info{
	margin-top: 50px;
}

.title{
	height: 120px;
}

.title .title_on{
	position: absolute;
	top: 50%;
	left: 50%;
	margin: 0;
	color: #fff;
	font-family: 'Muli', sans-serif;
	text-align: center;
	letter-spacing: .2em;
	transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
	z-index: 2;
}

.title .title_on:not(h1){
	font-size: 2em;
	font-weight: bolder;
}

.texts{
	margin: 40px 30px 0;
	font-size: 14px;
	line-height: 25.5px;
}

#info .title{
	margin-top: 50px;
}

.sections{
	margin-bottom: 50px;
}

#nursing_bg_color{
	display: none;
}

/* campus section */

.date{
	font-size: 30px;
	line-height: 120%;
}

.time{
	letter-spacing: .3em;
}

.campus_name{
	font-size: 19px;
}

.address{
	font-size: 12px;
	letter-spacing: .3em;
}

.map{
	margin: 35px auto 0;
	height: 300px;
}

/* footer section */

footer{
	margin-top: 60px;
}