/* CSS Document */


section.header {
	background: linear-gradient( 130deg, rgba(255, 255, 255, .6), rgba(255, 255, 255, .6)),url("../images/bkg-oem.jpg") center/cover no-repeat;
	-webkit-background-size: cover;
}

article.main section.news_list dl {
	margin: 0 0 2rem 2rem;
}
article.main section.news_list dl dt {
	font-weight: normal;
}
article.main section.news_list dl dd {
	
}
article.main section.news_list dl dt a, article.main section.news_list dl dd a {
    color: #333;
}

article.main section.news_list dl + p {
	display: block;
	width:  100%;
	height: auto;
	text-align: right;
	padding: 2rem 0;
	margin: 0;
}
article.main section.news_list dl + p a {
	display: block;
	width:   auto;
	height:  auto;
    color: #063769;
	padding: .5rem;
	margin:  0;
	background: linear-gradient( 180deg, rgba(221, 203, 193, .4), rgba(221, 203, 193, .4));
	-webkit-background-size: cover;
	border-radius: .5rem;
	float: right;
}

div#btm_navi {
	padding: 0 2rem;
}
.nv {
	display: block;
	width: 10rem;
}

article.main section div.first {
	width: 70%;
	min-height: 5rem;
}
article.main section div.second {
	width: 29%;
	border: 3px #ddcbc1 dotted;
	border-radius: .5rem;
	padding: 1rem;
}
article.main section div.second a {
	display: block;
	width:   auto;
	height:  auto;
	text-align: center;
    color: #063769;
	padding: .5rem;
	margin:  .5rem 0 0 0;
	background: linear-gradient( 180deg, rgba(221, 203, 193, .4), rgba(221, 203, 193, .4));
	-webkit-background-size: cover;
	border-radius: .5rem;
}
article.main section div.first p.link_list {
	width: 100%;
	padding: 2rem 0;
}
article.main section div.first p.link_list a {
	display: block;
	width:   auto;
	height:  auto;
    color: #063769;
	padding: .5rem;
	margin:  0;
	background: linear-gradient( 180deg, rgba(221, 203, 193, .4), rgba(221, 203, 193, .4));
	-webkit-background-size: cover;
	border-radius: .5rem;
	float: right;
}

.youtube {
     position: relative;
     padding-bottom: 56.25%;
     height: 0;
     overflow: hidden;
}
 
.youtube iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}

@media (max-width: 768px) {
	article.main section.news_list dl {
		margin: 0 1rem;
	}
	article.main section div.first, article.main section div.second {
		width: 100%;
		height: auto;
		padding: .5rem 1rem .5rem 1rem;
		float: initial;
	}
	article.main section div.second {
		margin-top: 2rem;
	}
}


