@charset "utf-8";
/* top.css */

/*プロパティ順番
////////////////////////////////////////////////////*//*


	Mozillaが採用している「ボックスモデルによる記述順番」

	01 display
	02 list-style
	03 position
	04 float
	05 clear
	06 width
	07 height
	08 margin
	09 padding
	10 border
	11 background
	12 color
	13 font
	14 text-decoration
	15 text-align
	16 vertical-align
	17 white-space
	18 other text
	19 content


///////////////////////////////////////////////////////*/


/*　トップページ 共通設定
////////////////////////////////////////////////////*/
.mv {
	position: relative;
	width: 100%;
	height: calc(100vh - 102px);
	background: #ccc;
	z-index: -1;
}
.mv_movie {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}
.mv_movie video {
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	width: auto;
	height: auto;
	min-width: 100%;
	min-height: 100%;
	transform: translate(-50%,-50%);
}

.mv_movie video.pcn {
	display:none;
}
.top_business {
	background: #10569B;
}
.top_business-ttl,
.top_news-ttl {
	margin-bottom: 1em;
	font-size: 2.8rem;
	font-weight: 900;
	text-align: center;
}
.top_business-ttl:after,
.top_news-ttl:after {
	display: block;
	font-size: 1.4rem;
	font-weight: 900;
	content: attr(data-subttl);
}
.top_business-ttl {
	color: #fff;
}
.top_news-ttl {
	color: #000;
}

.top_news-ttl:after {
	color: #10569B;
}
.top_business-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	box-sizing: border-box;
}
.top_business-list a {
	display: block;
	margin: 5px;
	text-align: center;
	position: relative;
	box-sizing: border-box;
}
.top_business-list a p {
	background:#fff;
	border-radius: 0 0 10px 10px;
	font-size: 1.8rem;
	padding: .5em 0;
}
.top_business-list a p:before {
	content: "";
	display: inline-block;
	background-image: url("../common/img/icon_arr_bl.svg");
	background-repeat: no-repeat;
	background-size: contain;
	width: 1.6rem;
	height: 1.6rem;
	margin-right: .5em;
	vertical-align: center;
}
.top_business-list a p span {
	color:#10569B;
	font-size: 1.4rem;
}
/*　新着情報設定
////////////////////////////////////////////////////*/
.news_list {
	overflow: hidden;
	max-width: 960px;
	margin: 0 auto 40px;
	border-top: 1px solid #ccc;
	padding-top: 1.5em;
}
.news_list dt {
	float: left;
	padding: 0 0 0 3em;
	width: 16em;
}
.news_list dd {
	border-bottom: 1px solid #ccc;
	margin: 0 0 1.5em;
	padding: 0 3em 1.5em 16em;
}
@media screen and (max-width: 834px) {
	.content_btm ul {
		max-width: 90%;
		margin: 40px auto 0;
		display: flex;
		justify-content:space-between
	}
	.content_btm ul li {
		width: calc(100% - 2%);
		margin: 0 1%;
	}
	.content_btm ul img {
		max-width: 100%;
	}
	.ftr_contact-inr {
		max-width: 95%;
	}
	
	.ftr_corp {
		width: 310px;
	}
	.ftr_nav {
		width: calc(100% - 320px);
	}
}
@media screen and (max-width: 768px) {
	body {
		min-height: 100vh;
		/* mobile viewport bug fix */
		min-height: -webkit-fill-available;
	  }
	.mv {
		position: relative;
		width: 100%;
		height: calc(100vh - 52px);
	}
	.mv_movie video {
		object-fit: cover;
	}
	.mv_movie video.pcn {
		display:block;
		width: 100%;
		min-width: 100%;
		min-height: 100%;
	}
	.mv_movie video.spn {
		display:none;
	}
	.top_business-ttl,
	.top_news-ttl {
		margin-bottom: 1em;
		font-size: 2.2rem;

	}
	.top_business-ttl:after,
	.top_news-ttl:after {
		display: block;
		font-size: 1.2rem;
	}
	.top_business-list {
		display: flex;
		flex-wrap: wrap;
	}
	.top_business-list a {
		display: block;
		width: calc(50% - 10px);
		margin-bottom: 10px;
	}
	.top_business-list a img {
		max-width: 100%;
		height: auto;
	}
	.top_business-list a p {
		background:#fff;
		border-radius: 0 0 5px 5px;
		font-size: 1.4rem;
		padding: .5em 0;
	}
	.top_business-list a p:before {
		width: 1.2rem;
		height: 1.2rem;
		margin-right: .5em;
	}
	.top_business-list a p span {
		font-size: 1.0rem;
	}
	/*　新着情報設定
////////////////////////////////////////////////////*/
.news_list {
	overflow: hidden;
	max-width: 960px;
	margin: 0 auto 20px;
	border-top: 1px solid #ccc;
	padding-top: 1.5em;
}
.news_list dt {
	float: none;
	padding: 0 0 0 1em;
	width: 100%;
}
.news_list dd {
	border-bottom: 1px solid #ccc;
	margin: 0 0 1.5em;
	padding: 0 1em 1.5em 1em;
}
}