@charset "UTF-8";

.w_auto {
	width: auto !important;
}


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

@media screen and (max-width: 767px) {
	#mv01 {
		height: 69vw;
    	background: url("/jpn/consumer/hydrogen/about/use/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_bg1_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;
	}
}



/**************************************************************/
/*                            field_list                          */
/**************************************************************/
.field_list {
	display:flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}
.field_list > .col_inner {
	width: 100%;
}

@media print, screen and (min-width: 768px) {
	.field_list > .col_inner {
		display: flex;
		width: 100%;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.field_list._col2 > .col_inner {
		width: calc((100% - 27px) / 2);
	}
	.field_list._col2 > .col_inner:not(:nth-child(2n)) {
		margin-right: 27px;
	}
	.field_list._col3 > .col_inner {
		width: calc((100% - 54px) / 3);
	}
	.field_list._col3 > .col_inner:not(:nth-child(3n)) {
		margin-right: 27px;
	}
	.pc_w33p {
		width: 32.51% !important
	}
	.pc_pL27 {
		padding-left: 27px !important;
	}
}

@media screen and (max-width: 767px) {
	.field_list > .col_inner:not(:first-child)) {
		margin-top: 20px;
	}
}


/**************************************************************/
/*                            hy_bl_box                          */
/**************************************************************/
.hy_bl_box {
	padding: 30px 20px;
}
.hy_bl_box._box_small {
	padding: 20px;
}
.field_list._col3 .hy_bl_box._box_small {
	margin-bottom: 0;
}
@media print, screen and (min-width: 768px) {
	.field_list._col3 .col_inner:not(:nth-of-type(-n+3)) .hy_bl_box._box_small {
		margin-top: 20px;
	}
	.field_list._col2 .col_inner .hy_bl_box {
		margin-bottom: 20px;
	}
}
@media screen and (max-width: 767px) {
	.hy_bl_box._box_small {
		padding: 15px 20px;
	}
	.field_list._col3 .col_inner:not(:first-child) .hy_bl_box._box_small {
		margin-top: 30px;
	}
}