@charset "UTF-8";

/***************************************************************/
/*                              mv01                        */
/***************************************************************/
#mv01 {
	background: url("/jpn/consumer/hydrogen/energy-society/demonstration/images/bg.jpg") no-repeat center/cover;
	height: 460px;
}
@media print, screen and (min-width:768px){
}
@media screen and (max-width:767px){
	#mv01 {
		background: url("/jpn/consumer/hydrogen/energy-society/demonstration/images/bg_sp.jpg") no-repeat center/cover;
		height: 69vw;
	}
}
/***************************************************************/
/*                              hy_thum_link_wrap                        */
/***************************************************************/
.hy_thum_link_wrap  {
	margin: 0 auto;
}
@media screen and (max-width:767px){
	.hy_thum_link_wrap .hy_thum_link_box.hy_thum_link_box01 {
		background: url("/jpn/consumer/hydrogen/energy-society/common/images/thumb_link_img03.jpg") no-repeat center/cover !important;
	}
}

/**************************************************************/
/*                            btn_blockhylink                          */
/**************************************************************/
.btn_blockhylink > .btn_hylink a {
	display: table-cell;
	height: 100%;
	overflow: hidden;
	padding: 0 30px;
	color: #222;
	font-size: 14px;
}

@media print, screen and (min-width: 768px) {
	.btn_blockhylink {
		display: flex;
		width: 100%;
		flex-wrap: wrap;
		justify-content: flex-start;
	}
	.btn_blockhylink > .btn_hylink a {
		text-align: left;
		align-content: center;
	}
	.btn_blockhylink > .btn_hylink a:hover {
		color: #1ba1e6;
	}
	.btn_blockhylink > .btn_hylink:first-child {
		border-left: 1px solid #ddd;
	}
	.btn_blockhylink > .btn_hylink:nth-child(5) {
		border-left: 1px solid #ddd;
	}
	.btn_blockhylink > .btn_hylink:nth-child(9) {
		border-left: 1px solid #ddd;
	}
	.btn_blockhylink._col4 > .btn_hylink {
		border-right: 1px solid #ddd;
	}
	.btn_blockhylink._col4 .btn_hylink {
		width: calc(100% / 4);
	}
	.btn_blockhylink > .btn_hylink:not(:nth-of-type(-n+4)) {
		margin-top: 34px;
	}
	.btn_blockhylink .btn_hylink a sub{
		bottom: 1em;
	}
}

@media screen and (max-width: 767px) {
	/* .btn_blockhylink > .btn_hylink:not(:first-child) {
		margin-top: 20px;
	} */
	.btn_blockhylink {
		width: 100%;
		margin: 0 auto;
		padding: 27px 15px;
		border: 1px solid #ddd;
		border-radius: 10px;
		flex-direction: column;
	}
	.btn_blockhylink .btn_hylink:not(:last-child) {
		width: 100%;
		margin-bottom: 14px;
	}
	.btn_blockhylink .btn_hylink a {
		display: block;
		padding: 0 35px;
		border: none;
		background: url("/jpn/consumer/hydrogen/common/images/icon_dot_blue.png") no-repeat left 15px center;
		color: #222;
		align-content: flex-start;
		justify-content: flex-start;
	}
	.btn_blockhylink .btn_hylink a sub{
			bottom: 1.2em;
	}
}