/* 20190626 TOPリニューアル */

.catchcopy{
	text-align: center;
}

.top_mv{
	position: relative;
	width: 100%;
	padding-top: 56.25%;
	background: no-repeat center center;
	background-image: url(/images/mv_bg.jpg);
	background-size: cover;
	overflow: hidden;
}
.top_mv video{
	position: absolute;
z-index: 0;287
width: 100%;
height: 100%;
left: 0px;
top: 0px;
overflow: hidden;
opacity: 1;
transition-property: opacity;
transition-duration: 1000ms;
object-fit: cover;
}
.mv_inner{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	background: url(/common/images/overlays/10.png);
}
.mv_bottom{
	height: 100%;
	max-height: none;
}


.att_wrapper {
	width: 100%;
	position: relative;
}

.att_wrapper .title,
.att_wrapper .data,
.att_wrapper > .link a {
	color: #000;
	font-size: 1.4rem;
}

.att_wrapper .data {
	padding: 0 1rem;
}

.att_wrapper > div {
	line-height: 1.8rem;
	display: flex;
	-ms-align-items: center;
	align-items: center;
}




.att_wrapper > div a {
	text-decoration: none;
}

.top_menu{
	position: absolute;
	top: 22%;
	width: 100%;
}
.top_menu .top_menu_box{
	width: 82%;
	margin: 0 auto;
}
.top_menu .top_menu_box img{
	width: 100%;
}
.top_menu .top_menu_box table{
	border-collapse: separate;
  border-spacing: 10px;
	width: 100%;
}
.top_menu .top_menu_box table td{
	position: relative;
	padding: 0;
	border: none;
}
.top_menu .top_menu_box table td a{
	width: auto;
	position: relative;
  display: block;
	text-decoration: none;
	color: #000;
}
.top_menu .top_menu_box table .shadow{
	box-shadow: 3px 3px 2px rgba(0,0,0,0.3);
}

.top_menu .top_menu_box table td a:hover img{
	opacity: 0.8 ;
}

.top_menu .top_menu_box table .top_message,
.top_menu .top_menu_box table .top_company,
.top_menu .top_menu_box table .top_group{
	width: 50%;
}
.top_menu .top_menu_box table .top_message span{
		position: absolute;
		text-align: left;
		top: 15%;
		right: 15%;
		font-size: 18px;
		text-shadow: 1px 2px 3px #808080;
		color: #fff;
}

.top_menu .top_menu_box table .top_company span,
.top_menu .top_menu_box table .top_group span{
	position: absolute;
	text-align: left;
	top:35%;
	left: 10%;
	font-size: 18px;
	text-shadow: 1px 2px 3px #808080;
	color: #fff;
}
.top_menu .top_menu_box table .top_message a::after,
.top_menu .top_menu_box table .top_company a::after,
.top_menu .top_menu_box table .top_group a::after{
	position: absolute;
	right: 15px;
  top: 50%;
	content: '\f054';
	font-family: 'Font Awesome 5 Free';
	font-weight: bold;
	line-height: 0;
	color: #fff;
}
.top_menu .top_menu_box table .top_member,
.top_menu .top_menu_box table .top_csr,
.top_menu .top_menu_box table .top_photo{
	background: #fff;
	width: 30%;
}
.top_menu .top_menu_box table .top_photo{
	line-height: 1.2em;
}
.top_menu .top_menu_box table .top_member a,
.top_menu .top_menu_box table .top_csr a,
.top_menu .top_menu_box table .top_photo a{
	padding: 30px 25px;
}
.top_menu .top_menu_box table .top_member a::after,
.top_menu .top_menu_box table .top_csr a::after,
.top_menu .top_menu_box table .top_photo a::after{
	position: absolute;
	right: 15px;
  top: 50%;
	content: '\f054';
	font-family: 'Font Awesome 5 Free';
	font-weight: bold;
	line-height: 0;
	color: #3DA3E3;
}

.top_menu .top_menu_box table .top_member:hover,
.top_menu .top_menu_box table .top_csr:hover,
.top_menu .top_menu_box table .top_photo:hover{
	background-color: rgba(255, 255, 255, 0.8);
}


.top_menu .top_menu_box table .top_member{
	background-image: url(/common/images/top/icon01.png);
	background-repeat: no-repeat;
	background-position: 90% 80%;
}
.top_menu .top_menu_box table .top_csr{
	background-image: url(/common/images/top/icon02.png);
	background-repeat: no-repeat;
	background-position: 90% 80%;
}
.top_menu .top_menu_box table .top_photo{
	background-image: url(/common/images/top/icon03.png);
	background-repeat: no-repeat;
	background-position: 90% 80%;
}


/* 注目情報 */

.shadow{
	box-shadow: 3px 3px 2px rgba(0,0,0,0.3);
}

.mv_bnr_box {
	max-width: 960px;
	box-sizing: border-box;
	overflow: hidden;
	margin-top: -8rem;
	margin-left: auto;
	margin-right: auto;
	opacity: .9;
}

.mv_bnr_box ul:hover {
	cursor: pointer;
	opacity: 0.85;
  text-decoration: none;
}

.mv_bnr_box ul {
	display: flex;
	border: none;
	margin: 0;
	max-width: none;
	background: #fff;
	border-radius: 0;
	justify-content: space-between;
}

.mv_bnr_box ul:hover {
	cursor: pointer;
}

.mv_bnr_box li div.title{
	font-weight: bold;
	font-size: 1.4rem;
}

.mv_bnr_box li:first-child {
	width: 830px;
}

.mv_bnr_box li div.data {
	font-size: 1.4rem;
	word-wrap: break-word;
}

.mv_bnr_box .link a {
	width: 100%;
	font-weight: bold;
	font-size: 1.4rem;
}

.mv_bnr_box .att_wrapper{
	width: 100%;
	height: 100%;
	display: flex;
	align-content: center;
	padding: 0 1rem;
	flex-wrap: wrap;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.mv_bnr_box .morelink {

}

.morelink {
	padding: 1.8rem 2rem;
	max-width: 130px;
	background-color: #34B3ED;
	box-sizing: border-box;
}

.morelink a {
	color: #fff;
	text-decoration: none;
}

.mv_bnr_box_min {
	display: none;
}

/* sp用 */
@media screen and (max-width: 960px) {

	.mv_bnr_box_min {
		display: block;
		margin-top: 4rem;
	}

	.mv_bnr_box {
		display: none;
	}

	.mv_bnr_box_min .att_wrapper .title,
	.mv_bnr_box_min .att_wrapper .day {
		float: left;
		padding-bottom: ;
		padding-bottom: 1rem;
	}

	.mv_bnr_box_min .att_wrapper .day {
		padding-left: 1rem;
	}

	.att_wrapper .txt {
		clear: both;
		padding-bottom: 2.5rem;
		padding-left: 0;
		font-weight: bold;
		line-height: 1.4;
	}

	.att_wrapper .txt a {
		color: #110F0F;
	}

	.att_wrapper .title {
		font-weight: bold;
	}


	.morelink {
		text-align: center;
	}

	.morelink {
		background-color: transparent;
		min-width: auto;
		width: 100%;
		margin: 0 auto;
		padding: 0;
	}

	.morelink a {
		padding: 1rem;
		display: block;
		background-color: #34B3ED;
	}

	#notice {
		padding: 1.5rem 2.5rem 3rem;
	}

	.mv_bnr_box_min ul {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		-o-flex-direction: column;
		flex-direction: column;
	}

}



@media screen and (max-width: 600px) {
	.slider_wrap {
		padding-bottom: 25%;
	}
	.mv_bnr_box_min {
		margin-top: 4rem;
	}
}