@charset "UTF-8"; 
/***修正済2021-03-31***/

/*Global*/
* { margin: 0; padding: 0; }

html { font-size: 100%; }

body {
	font-family: "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "Yu Mincho Light", YuMincho, "Yu Mincho", 游明朝体, sans-serif;
	line-height: 1.7; 
}

#wrap { width: 100%; overfow: hidden; }

.news-item a, 
.news-contents time,
.news-contents span,
 a { 
	display: block; 
	text-size: 18px; 
	color: black; 
	text-decoration: none; 
}

a:hover,
.navbar a:hover,
.navbar-nav a:hover {
	list-style-type: none; 
	list-style: none !important; 
	text-decoration: none; 
	opacity: 0.5 !important; 
	transition: 1.0s !important;
	z-index: 10; 
}

img { max-width: 100%; object-fit: cover; }

.wrapper { max-width: 1100px; margin: 0 auto; }

/*Header*/
header .wrapper { position: relative; overflow-x: hidden; }

.big-bg {
	background-position: center; 
	background-size: cover; 
	background-repeat: no-repeat; 
	object-fit: cover; 
}

#home { background-image: url('../images/main.png'); min-height: 75vh; } 

.header { background-color: rgba(255,255,255,0); }

header .navbar {
	position: absolute; 
	width: 100%; 
	left: 0; 
	font-size: 18px; 
	background-color: rgba(255,255,255,0); 
}

header h2 {
	position: absolute; 
    left: 32%;
    top: 36%;
	font-size: 48px; 
	white-space: nowrap; 
	margin: 0 auto; 
	text-align: center; 
}
	
nav .navbar-nav { text-align: center; }

nav .navbar-brand { width: 150px; }

/*NEWS*/
.news-wrapper { padding: 10% 15% 5% 15% !important; margin: 0 auto; }

.news-wrapper h3,
.achieve-wrapper h3 { text-align: center; font-size: 38px; }

.news-item {
	margin: 0 auto; 
	max-width: 700px; 
	padding: 5% 5% 3% 0; 
	border-bottom: 1px solid black; 
}

.news-item a { display: block; }

/*Achieve*/
.achieve-wrapper { padding: 5% 10% 5% 10% !important; margin: 0 auto; text-align: center; }

.achieve-contents { margin-top: 8%; display: flex; }

.achieve-contents h3 { font-size: 24px; }

.achieve-item  { 
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.achieve-btn { padding: 4% 0 0 0; }

/*Menu*/
.menu-wrapper { margin: 8% 0 0 0; }

.menu-contents { display: flex; }

/*Footer*/
footer { color: #fff; }

.footer-wrapper { margin: 0 auto; background-color: #000; }

.footer-nav { margin: 0 auto; max-width: 1100px; min-height: 10vh; }

.footer-nav img { width: 95px; height: 40px; }

.footer-nav ul {display: flex; justify-content: space-between; }

@media(max-width:767px) {

	/*Header*/
	header h2 {
		display: none; 
		left: 3%;
		top: 47%;
		font-size: 24px; 
	}
	
	.big-bg { background-size: cover !important; }
	
	#home { background-image: url('../images/main.png'); min-height: 53vh; }
	
	/*NEWS*/
	.news-wrapper { padding: 10% 4% 8% 4% !important; margin: 0 auto; }
	
	.news-wrapper h3,
	.achieve-wrapper h3 { font-size: 24px;}
	
	/*achieve*/
	.achieve-wrapper { padding: 5% 4% 10% 4% !important; margin: 0 auto; }	
	
	.achieve-contents { display: flex; flex-wrap: wrap; }
	
	.achieve-item  { justify-content: column; margin-bottom: 28%;}
	
	/*Menu*/
	.menu-contents { flex-direction: column; }
	
	/*Footer*/
	.footer-nav { min-height: 360px; }
	
	.footer-nav ul {
		position: relative; 
		top: 20px; 
		flex-direction: column; 
		justify-content: center; 
	}
	
}

@media(min-height: 1022px) and (max-height: 1368px) {
	#wrap { overflow: hidden !important; }
	
	#home { min-height: 41vh; }
	
	header h2 { position: relative; left: 3%; top: 268px; }
}

@media(max-width:575px) {
	.achieve-item { margin-bottom: 0; }
}


