@charset "UTF-8";

/**************************************************************/
/*                            mv01                          */
/**************************************************************/
@media print, screen and (min-width: 768px) {
	#mv01 {
		height: 460px;
		background: url("/jpn/consumer/hydrogen/about/value/images/bg.jpg") no-repeat center/cover;
	}
}

@media screen and (max-width: 767px) {
	#mv01 {
		height: 69vw;
    	background: url("/jpn/consumer/hydrogen/about/value/images/bg_sp.jpg") no-repeat center/cover;
	}
}


/**************************************************************/
/*                            hy_thum_link_wrap                          */
/**************************************************************/
@media screen and (max-width: 767px) {
	.hy_thum_link_wrap .hy_thum_link_box.hy_thum_link_box01 {
		background: url("/jpn/consumer/hydrogen/common/images/hy_thum_link_bg2_col3.jpg") no-repeat center/cover;
	}
	.hy_thum_link_wrap .hy_thum_link_box.hy_thum_link_box02 {
		margin: 0;
		background: url("/jpn/consumer/hydrogen/common/images/hy_thum_link_bg3_col3.jpg") no-repeat center/cover;
	}
}


/**************************************************************/
/*                            thumb_col_5_1                          */
/**************************************************************/
.thumb_col_5_1 {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}
.thumb_col_5_1 figcaption {
    margin-top: 10px;
		text-align: left;
}
.thumb_col_5_1 > .col_inner:not(:nth-of-type(-n+5)) {
		margin-top: 30px;
}
@media print, screen and (min-width: 768px) {
	.thumb_col_5_1 > .col_inner {
		display: flex;
		width: calc((100% - 12px) / 5);
		flex-wrap: wrap;
		justify-content: flex-start;
	}
	.thumb_col_5_1 > .col_inner:not(:nth-child(5n)) {
		margin-right: 3px;
	}
}

@media screen and (max-width: 767px) {
	.thumb_col_5_1 > .col_inner {
		width: calc((100% - 12px) / 3);
	}
	.thumb_col_5_1 > .col_inner:not(:nth-child(3n)) {
		margin-right: 6px;
	}
	.thumb_col_5_1 > .col_inner:not(:nth-of-type(-n+3)) {
		margin-top: 20px;
	}
}