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

.pc {
	display: none !important;
}

body {
-webkit-text-size-adjust: 100%;
}

p, li, dt, dd {
	/*Androidブラウザフォントバグ対策*/
	 max-height: 999999px;
}

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

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

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

.secNewsW{
	padding-top: 40px;
	padding-bottom: 40px;
	position: relative;
}
.newsL{
	display: block;
	width: 100%;
	margin-bottom: 20px;
}
.newsImgs{
	margin-bottom: 30px;
	letter-spacing: -0.4em;
}
.newsImg{
	display: inline-block;
	width: 25%;
}
.newsImg img{
	width: 100%;
	height: auto;
}
.newsImg:last-child{
	margin-right: 0;
}
.newsTtl{
	width: 100%;
	height: 60px;
	box-sizing: border-box;
	border-top: 1px solid rgba(204,204,204,0.5);
	border-bottom: 1px solid rgba(204,204,204,0.5); 
	position: relative;
	font-size: 2.0rem;
	letter-spacing: 0.3em;
	color: #4e4d4d;
	padding: 13px 0px 0 15px;
	margin-bottom: 30px;
}
.newsTtl:before{
	content: "";
	position: absolute;
	width: 100%;
	height: 50px;
	top: 4px;
	left: 0;
	border-top: 3px solid #e6e6e5;
	border-bottom: 3px solid #e6e6e5;
	box-sizing: border-box;
}
.newsTtl:after{
	content: url("../img/news_after.png");
	position: absolute;
	top: -10px;
	right: 40px;
	transform: rotate(-90deg);
}

.newsListW{
	height: 410px;
	overflow-x: hidden;
	overflow-y: scroll;
	width: 95%;
	margin: 0 auto;
}

.newsLists{
	border-bottom: 1px solid rgba(204,204,204,0.5);
	font-size: 1.4rem;
	width: 100%;
	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;
	margin-bottom: 15px;
}
.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;
}

.newsR{
	text-align: center;
}
.newsBn{
	display: block;
	margin-bottom: 20px;
}
.newsBn:last-child{
	margin-bottom: 0;
}

#secAbout{
	background: url("../img/bg_01.jpg");
	padding-top: 10px;
	padding-bottom: 30px;
}
.secAboutW{
	width: 95%;
	margin: 0 auto;
	display: block;
	overflow-x: hidden;
}

.aboutL{
	display: block;
	background: url("../img/yurai_img.jpg") no-repeat;
	background-size: cover;
	background-position: center;
	width: 100%;
	height: 40vw;
}
.aboutL img{
	width: 100%;
	height: auto;
}
.aboutR{
	display: block;
	width: 100%;
	color: #fff;
	text-align: center;
	padding-top: 30px;
}
.aboutTtl{
		font-size: 1.8rem;
	letter-spacing: 0.2em;
	line-height: 2.6rem;
	margin-bottom: 10px;
}
.aboutTxt{
	font-size: 1.2rem;
	line-height: 2.8rem;
	margin-bottom: 30px;
}

#secMaterials{
	
}
.secMaterialsW{
	padding: 40px 0;
}
.lists01{
	width: 100%;
	margin: 0 auto;
	letter-spacing: -0.4em;
	text-align: center;
	margin-bottom: 40px;
}
.list01{
	display: inline-block;
	letter-spacing: normal;
	width: 300px;
	vertical-align: top;
	margin-bottom: 20px;
	text-align: center;
}
.list01:last-child{
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: 0;
	box-sizing: border-box;
}

.materialsImg{
	margin-bottom: 20px;
}

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

.accessTtl{
	font-size: 2.6rem;
	letter-spacing: 0.33em;
	margin-bottom: 25px;
}