@charset "utf-8";

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
header
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
@media screen and (max-width:1220px){
header{
	height:auto;
}

	header div#sitename{
		position:relative;
		top:0;
		left:0;
		margin:22px auto;
		background-color:rgba(255,255,255,0.5);
	}
	
	header div#sitename:hover{
		background-color:rgba(255,255,255,1);
	}
	
	header > ul{
		position:relative;
		top:0;
		left:0;
		width:690px;
		margin:30px auto;
	}
	
	div#pc_nav{
		top:0;
	}
}

@media screen and (max-width:1000px){
		div#pc_nav a{
			min-width:120px;
			font-size:0.75em;
		}
}
@media screen and (max-width:800px){
div#pc_nav{
	display:none;
}

header{
	overflow:hidden;
	height:110px;
}

	header div#sitename{
		width:100%;
		margin:0 auto;
		background-color: #fff;
		background: url('../img/title.svg'),-webkit-linear-gradient(to top, #e7fbff, #fff, #fff);
		background: url('../img/title.svg'),linear-gradient(to top, #e7fbff, #fff, #fff);
		background-size:310px auto,cover;
		background-position:center,center;
		background-repeat:no-repeat,repeat;
		border-top:5px #0b3954 solid;
		height:110px;
		position:fixed;
		left:0;
		top:0;
		animation: logo_animation_2 2.5s ;
		animation-timing-function: ease;
		animation-iteration-count: 1;
		z-index:4;
		
	}
	
		header div#sitename a{
			display:block;
			width:310px;
			height:68px;
			margin:19px auto;
		}
	
		header div#sitename:hover{
			opacity:1.0;
		}

	header > ul{
		display:none;
	}
}

@media screen and (max-width:550px){
	header div#sitename{
		background-position:10px center;
	}
	
		header div#sitename a{
			margin:19px 0 19px 10px;
		}
}

@media screen and (max-width:400px){
header{
	height:80px;
}

	header div#sitename{
		height:80px;
		background-size:200px auto,cover;
	}
	
		header div#sitename a{
			width: 200px;
			height: 40px;
			margin:17px 0 19px 10px;
		}
}


/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆
container
◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
@media screen and (max-width:1500px){
div#left_contents{
	width:calc(100% - 390px);
}
div#right_contents{
	width:390px;
	padding:40px;
}

h1.news,
h1.interview,
h1.knowledge{
	width:calc(100% - 200px);
}

}

@media screen and (max-width:1300px){
.container{
	display:block;
}
div#left_contents{
	width:100%;
}
div#right_contents{
	width:100%;
}

h1.news,
h1.interview,
h1.knowledge{
	padding:20px 260px 20px 0;
}
}

@media screen and (max-width:800px){
h1.news,
h1.interview,
h1.knowledge{
	margin:40px 0 30px 0;
	width:100%;
	padding:20px 0 20px 0;
	font-size:2.0em;
	background-image:none;
}
}

@media screen and (max-width:400px){
h1.news,
h1.interview,
h1.knowledge{
	margin:20px 0 0 0;
	font-size:1.8em;
}
}