@charset "utf-8";

.sp {
	display: none;
}

.tablet {
	display: none;
}
/*MV*/

#mvWrap{
	position: relative;
	width: 100%;
	overflow: hidden;
	box-sizing: border-box;
	padding-top: 136px;
	border-bottom: 15px solid #0d3576;
}

#mv{
	opacity: 0;
	position: relative;
	width: 100%;
}
#mv img{
	width: 100%;
	height: auto;
}

/*Section01*/

#secNews{
	width: 100%;
	position: relative;
}

.secNewsW{
	padding-top: 80px;
	padding-bottom: 80px;
	position: relative;
	font-weight: 500;
}
.newsL{
	float: left;
	display: inline-block;
	width: 876px;
}
.newsImgs{
	margin-bottom: 60px;
	letter-spacing: -0.4em;
}
.newsImg{
	display: inline-block;
	margin-right: 20px;
}
.newsImg:last-child{
	margin-right: 0;
}
.newsTtl{
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	float: left;
	width: 124px;
	height: 660px;
	box-sizing: border-box;
	border-left: 1px solid rgba(204,204,204,0.5);
	border-right: 1px solid rgba(204,204,204,0.5); 
	position: relative;
	font-size: 2.7rem;
	letter-spacing: 0.3em;
	color: #4e4d4d;
	padding: 80px 40px 0 0;
	margin-right: 30px;
}
.newsTtl:before{
	content: "";
	position: absolute;
	width: 114px;
	height: 660px;
	top: 0;
	left: 5px;
	border-left: 3px solid #e6e6e5;
	border-right: 3px solid #e6e6e5;
	box-sizing: border-box;
}
.newsTtl:after{
	content: url("../img/news_after.png");
	position: absolute;
	bottom: 60px;
	right: 38px;
}

.newsListW{
	height: 660px;
	overflow-x: hidden;
	overflow-y: scroll;
}

.newsLists{
	border-bottom: 1px solid rgba(204,204,204,0.5);
	font-size: 1.6rem;
	width: 703px;
	float: right;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
.newsLists:last-child{
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
}

.newsDate{
	display: inline-block;
	vertical-align: top;
}
.newsLabel{
	margin-left: 20px;
	margin-right: 20px;
	display: inline-block;
	color: #fff !important;
	letter-spacing: 0.12em;
	width: 75px;
	text-align: center;
}
.label01{
	background: #0d3576;
}
.label02{
	background: #d7000f;
}
.newsTxt{
	display: inline-block;
	vertical-align: top;
	width: 66%;
}

.newsR{
	float: right;
}
.newsBn{
	display: block;
	margin-bottom: 25px;
}
.newsBn:last-child{
	margin-bottom: 0;
}

#secAbout{
	background: url("../img/bg_01.jpg");
}
.secAboutW{
	max-width: 1500px;
	margin: 0 auto;
	display: table;
	overflow-x: hidden;
}

.aboutL{
	display: table-cell;
	background: url("../img/yurai_img.jpg") no-repeat;
	background-size: cover;
	background-position: center;
	width: 53vw;
	min-width: 645px;
	height: 486px;
}
.aboutR{
	display: table-cell;
	vertical-align: middle;
	width: 554px;
	color: #fff;
	padding-left: 60px;
}
.aboutTtl{
	font-size: 2.7rem;
	letter-spacing: 0.33em;
	margin-bottom: 10px;
}
.accessTtl{
	font-size: 4.2rem;
	letter-spacing: 0.33em;
	margin-bottom: 25px;
}

.aboutTxt{
	font-size: 1.6rem;
	line-height: 2.8rem;
	margin-bottom: 55px;
}

#secMaterials{
	
}
.secMaterialsW{
	padding: 80px 0;
}
.lists01{
	width: 75vw;
	min-width: 1200px;
	margin: 0 auto;
	letter-spacing: -0.4em;
	text-align: center;
	margin-bottom: 40px;
}
.list01{
	display: inline-block;
	letter-spacing: normal;
	width: 15.7vw;
	max-width: 300px;
	min-width: 251px;
	vertical-align: top;
	text-align: left;
	padding-right: 2vw;
	margin-right: 2vw;
	border-right: 1px solid #cccccc;
}
.list01:nth-child(4n){
	margin-right: 0;
	padding-right: 0;
	border-right: 0;
	box-sizing: border-box;
}

.materialsImg{
	width: 15.7vw;
	max-width: 300px;
	min-width: 251px;
	margin-bottom: 25px;
}

.materialsImg img{
	width: 100%;
	height: auto;
}
.matBtn{
	letter-spacing: 0.4em;
}