@charset "UTF-8";

/*-------------------------------------------
new styles
-------------------------------------------*/
/* main_visual */
.mv {
	background-image: url(/jpn/business/energy/factory/energy-saving/images/mv01.jpg);
}
.mv .mv_ttl{
	text-shadow: 1px 1px 20px rgba(0,0,0,0.35);
}
.mv .mv_btn {
	background-color: rgba(255, 255, 255, 0.9);
}
.mv_btn_col_2 > ul > li a{
	background: none;
	width: 100%;
}
@media print, screen and (min-width:768px){
	.mv {
		padding: 50px 0;
	}

	.mv .mv_ttl {
		margin: 30px auto 56px;
		font-size: 54px;
	}

	.mv .mv_btn {
		margin-bottom: .5rem;
		display: flex;
    justify-content: center;
    align-items: center;
	}

	.mv_btn_col_2 > ul > li a{
		display: flex;
    justify-content: center;
    align-items: center;
		height: 100%;
	}

	.mv .mv_btn li {
		background-color: rgba(255, 255, 255, 0.9);
	}
	
	.d_flex_wrap_custom {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around !important;
	}
	.sec_col5_1 .col5_sub_cont .text_cp01 {
		display: flex;
		align-items: center;
    justify-content: center;
	}
	.d_flex_wrap_3{
		flex-wrap: nowrap;
	}
	.d_flex_wrap_3 > *{
		width: auto;
	}
	.d_flex_wrap_3 > li{
		margin-right: 30px;
	}
	.d_flex_wrap_3 > li:nth-of-type(3n){
		margin-right: 0;
	}
}
@media print, screen and (max-width:1300px) and (min-width:768px){
	.mv .mv_ttl{
		font-size: 47px;
	}
}
@media screen and (max-width: 767px) {
	.mv_btn_col_2 > ul > * {
		width: 100%;
		margin-bottom: 6px;
		}

	.mv_ttl {
		padding: 0 20px;
		margin-bottom: 4%;
		font-size: 28px;
		line-height: 1.3;
		}
	.btn_block_col2 .btn_img_txt01 .btn_txt {
		padding: 3% 46px 2% 20px;
		font-size: 15px;
	}
}
@media screen and (max-width: 410px) {
	.mv_ttl {
		font-size: 24px;
	}
}