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




/*.fullWide{
	min-width: 100%;
	max-width: 100%;
	width: 100%;
}
.fullWide img{
	width: 100%;
	object-fit:scale-down;
}*/

h1{
	display: block;
	font-size: 8rem;
	font-weight: bold;
	letter-spacing: 2px;
}

h2{
	display: block;
	font-size: 5rem;
	font-weight: bold;
	letter-spacing: 2px;
}

h3{
	display: block;
	font-size: 3rem;
	font-weight: bold;
}

h4{
	display: block;
	font-size: 1.6rem;
	font-weight: bold;
	letter-spacing: 1px;
}
/*---------------TOP----------------*/

#top{
	background: url("../image/base/top.jpg") no-repeat top center fixed;
	background-size: cover;
	min-height: 1440px;
}


/*--------------TITLE---------------*/
#title *{
	color: #ffffff;
}
#title section{
	min-width: 800px;
	max-width: 1200px;
	margin: 0 auto;
	width: 70%;
	padding: 50px 0 10px;
}
#title h1{
	text-align: center;
	margin: 40% auto 300px;
}


/*----------------NEWS----------------*/
#news *{
	color:#ffffff;
}
#news section{
	min-width: 800px;
	max-width: 1200px;
	margin: 0 auto;
	width: 70%;
	padding: 50px 0 10px;
}
#news h2{
	text-align: center;
	margin: 40% auto 150px;
	font-size: 10rem;
}
#news p{
	margin: 0px auto 150px;
	font-size: 2rem;
	font-weight: bold;
	letter-spacing: 2px;
	line-height: 3rem;
	text-align: center;
}
#news p span{
	display: inline-block;
	margin: 0 auto 30px;
	border-bottom: 4px solid #fff;
}
#news p a{
	text-decoration: none;
}
#news p a:hover{
	color: #adadad;
	text-decoration: underline;
}


/*-------------------STATEMENT-------------*/

#statement {
	background: url("../image/base/statement.jpg") no-repeat top center fixed;
	background-size: cover;
	min-height: 1440px;
	margin: 40% auto 0;
	text-align: left;
}
#statement .wrap{
	background: rgba(255,255,255,1);
	width: 100%;
	margin: 0 auto 150px;
}
#statement section{
	min-width: 800px;
	max-width: 1200px;
	margin: 0 auto;
	width: 70%;
	padding: 100px 0 10px;
}
#statement h2{
	margin: 0 auto 50px;
	font-size: 12rem;
}
#statement p{
	margin: 0px auto 150px;
	padding: 30px 0;
	font-size: 1.6rem;
	letter-spacing: 2px;
	line-height: 4rem;
	color: #000000;
}



/*---------------ABOUT----------------*/

#about{
	background: url("../image/base/about.jpg") no-repeat top center fixed;
	background-size: cover;
	min-height: 2100px;
}
#about .wrap{
	background: rgba(255,255,255,1);
	width: 100%;
	margin: 0 auto 150px;
}
#about .wrap *{
	color: #000;
}
#about section{
	background: rgba(255,255,255,1);
	min-width: 800px;
	max-width: 1200px;
	margin: 0 auto 150px;
	width: 70%;
	padding: 100px 0 10px;
	text-align: left;
	font-size: 1.6rem;
}
#about h2{
	margin: 0 auto 50px;
	font-size: 12rem;
}
#about h3{
	margin: 50px auto 10px;
	font-size: 4rem;
}
#about p{
	margin: 0px auto 50px;
	padding: 30px 0;
	font-size: 1.6rem;
	letter-spacing: 2px;
	line-height: 3rem;
	color: #000000;
}
#about img{
	max-width: 1200px;
	width: 100%;
}



/*--------------LINK SNS------------*/

#link{
	background: rgba(255,255,255,1);
	min-height: 100vh;
}
#link .wrap{
	width: 100%;
	/*min-height: 100%;*/
}
#link section{
	min-width: 800px;
	max-width: 1200px;
	/*min-height: 100vh;*/
	margin: 0 auto 150px;
	width: 70%;
	padding: 150px 0 10px;
	text-align: left;
	font-size: 1.6rem;
}
#link h2{
	margin: 0 auto 50px;
	font-size: 12rem;
}
#link p{
	margin: 50px auto 0;
	font-size: 4rem;
	font-weight: bold;
}
#link a{
	text-decoration: none;
}
#link a:hover{
	color: #adadad;
	text-decoration: underline;
}



/*---------------404----------------*/

#error{
	background: url("../image/base/404.jpg") no-repeat top center fixed;
	background-size: cover;
	width: 100%;
	height: 100vh;
}
#error .wrap{
	width: 100%;
	height: 100%;
}
#error .wrap *{
	color: #fff;
}
#error section{
	width: 100%;
	height: 100%;
	position: relative;
}
#error h1{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	height: 8rem;
	text-align: center;
}



/*-------------------------------------------------------------------------
 responsive 768px
 ------------------------------------------------------------------------*/

@media screen and (max-width:768px){

.wrap{
	min-height: auto;
}

/*---------------TOP----------------*/
#top{
	min-height: auto;
}
#top section{
	min-width: 640px;
	max-width: 768px;
	width: 90%;
}
#top h1{
	font-size: 5rem;
}
/*--------------NEWS-----------------*/
#news h2{
	font-size: 7rem;
}
#news p{
	margin: 0px auto 100px;
	font-size: 1.6rem;
	line-height: 2rem;
}
/*------------statement---------------*/
#statement h2{
	font-size: 7rem;
}
#statement p{
	margin: 0px auto 100px;
	font-size: 1.4rem;
	line-height: 3rem;
}

/*---------------ABOUT----------------*/
#about h2{
	font-size: 7rem;
}
#about h3{
	font-size: 3rem;
}
#about p{
	font-size: 1.4rem;
	line-height: 3rem;
}

/*---------------LINK---------------*/
#link h2{
	margin: 0 auto 50px;
	font-size: 7rem;
}
#link p{
	margin: 100px auto 0;
	font-size: 3rem;
}

/*---------------404----------------*/

#error h1{
	height: 10rem;
	font-size: 4rem;
}


}
/*--------------------------------------------------------------------
 resposive 640px
--------------------------------------------------------------------*/

@media screen and (max-width:640px){
.wrap{
	min-height: auto;
}


/*---------------TOP----------------*/
#top{
	min-height: auto;
}
#top section{
	min-width: 280px;
	max-width: 640px;
	width: 90%;
}
#top h1{
	font-size: 2rem;
}

/*--------------NEWS-----------------*/
#news h2{
	font-size: 4rem;
}
#news p{
	margin: 0px auto 100px;
	font-size: 1.4rem;
	line-height: 2rem;
}
/*------------statement---------------*/
#statement h2{
	font-size: 4rem;
}
#statement p{
	margin: 0px auto 100px;
	font-size: 1.4rem;
	line-height: 3rem;
}

/*---------------ABOUT----------------*/
#about h2{
	font-size: 4rem;
}
#about h3{
	font-size: 2.5rem;
}
#about p{
	font-size: 1.4rem;
}

/*---------------LINK---------------*/
#link h2{
	margin: 0 auto 50px;
	font-size: 4rem;
}
#link p{
	margin: 100px auto 0;
	font-size: 2.5rem;
}

/*---------------404----------------*/

#error h1{
	height: 5rem;
	font-size: 4rem;
}

}