.flex_box_4:before {
	content: "";
	display: block;
	width: 24%;  /* .boxに指定したwidthと同じ幅を指定する */
	height: 0;
	order: 1;  /* 疑似要素beforeの順番を必ず指定する*/
}

.muffler_title{
	position: relative;
	border-bottom: 3px solid #00cc5b;
	font-size:18px;
	padding:0 0 10px;
	margin:0 0 20px;
	font-weight:bold;
	font-family:'ヒラギノ角ゴ Pro W6','Hiragino Kaku Gothic Pro', 'Meiryo', 'メイリオ', "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.muffler_title:before {
	position: absolute;
	bottom: -3px;
	left: 0;
	width: 20%;
	max-width:120px;
	height: 3px;
	content: '';
	background: #009a00;
}


/* catch */
.catch{
	padding-top:0;
	padding-bottom:30px;
}

.catch_mv{
	text-align:center;
	background:url("../img/brand_bg.jpg") no-repeat center center;
	background-attachment:fixed;
	background-size:cover;
	position:relative;
}

.catch_mv:before{
	content:"";
	display:block;
	width:100%;
	height:100%;
	background:url("../img/brand_overlay.png") rgba(0, 0, 0, .6) repeat top center;
	background-attachment:fixed;
	position:absolute;
	top:0;
	left:0;
}

.catch_mv img{
	position:relative;
}

.catch_title{
	font-weight: bold;
	display: block;
	padding: .5em .5em .4em;
	font-size: 24px;
	color: #fff;
	background-color: #009a00;
	text-align: center;
	margin:0 0 30px;
	font-family:'ヒラギノ角ゴ Pro W6','Hiragino Kaku Gothic Pro', 'Meiryo', 'メイリオ', "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.catch_text{
	text-align:center;
	font-size:18px;
	font-family:'ヒラギノ角ゴ Pro W6','Hiragino Kaku Gothic Pro', 'Meiryo', 'メイリオ', "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/* desc */
.desc{
	padding-bottom:0;
}

.desc p{
	margin:0 0 20px;
}

.desc .headline{
	text-align:center;
	padding:0 0 10px;
	font-family:'ヒラギノ角ゴ Pro W6','Hiragino Kaku Gothic Pro', 'Meiryo', 'メイリオ', "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:bold;
	color: #009a00;
	font-size:1.5em;
}

.desc h4{
	margin:0 0 10px;
	font-family:'ヒラギノ角ゴ Pro W6','Hiragino Kaku Gothic Pro', 'Meiryo', 'メイリオ', "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:bold;
}

.desc h4:before {
	content: "";
	width: 12px;
	height: 12px;
	margin: 4px 8px 0 0;
	background-color: #009a00;
	border-radius: 4px;
	display: inline-block;
}

.desc_contact{
	background: #009a00;
}

.desc_contact span{
	font-weight: bold;
	display: block;
	padding: .8em .5em .75em;
	font-size: 24px;
	color: #fff;
	background-color: #009a00;
	text-align: center;
	margin:0 0 30px;
	font-family:'ヒラギノ角ゴ Pro W6','Hiragino Kaku Gothic Pro', 'Meiryo', 'メイリオ', "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background: -webkit-repeating-linear-gradient(-45deg,#007e00 0,#007e00 10px,#026702 10px,#026702 20px);
	background: repeating-linear-gradient(-45deg,#007e00 0,#007e00 10px,#026702 10px,#026702 20px);
}

/* brand */
.brand{
	/*
	background:#f3f3f3;
	background: 
	radial-gradient(#d7d5d5 3px, transparent 4px),
	radial-gradient(#d7d5d5 3px, transparent 4px),
	linear-gradient(#f3f3f3 4px, transparent 0),
	linear-gradient(45deg, transparent 74px, transparent 75px, #e0e0e0 75px, #e0e0e0 76px, transparent 77px, transparent 109px),
	linear-gradient(-45deg, transparent 75px, transparent 76px, #e0e0e0 76px, #e0e0e0 77px, transparent 78px, transparent 109px),
	#f3f3f3;
	background-size: 109px 109px, 109px 109px,100% 6px, 109px 109px, 109px 109px;
	background-position: 54px 55px, 0px 0px, 0px 0px, 0px 0px, 0px 0px;
	*/
	background:url("../img/brand_bg.jpg") no-repeat center center;
	background-attachment:fixed;
	background-size:cover;
	position:relative;
}

.brand.brand_2{
	background-image:url("../img/brand_bg_2.jpg");
}

.brand:before{
	content:"";
	display:block;
	width:100%;
	height:100%;
	background:url("../img/brand_overlay.png") rgba(0, 0, 0, .6) repeat top center;
	background-attachment:fixed;
	position:absolute;
	top:0;
	left:0;
}

.brand a, .brand a:hover{
	opacity:1;
}

.brand .flex_box_item{
	background:#fff;
}

.brand .flex_box_item.no-data{
	height:0;
}

.brand_item_head{
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.brand_item_logo{
	width:50%;
}

.brand_item_thumb{
	width:50%;
}

.brand_item_text{
	font-family:'ヒラギノ角ゴ Pro W6','Hiragino Kaku Gothic Pro', 'Meiryo', 'メイリオ', "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:bold;
	padding:15px;
}

/* price */
.price_catch{
	text-align: center;
	font-size:1.2em;
	margin:0 0 10px;
	color: #009a00;
	font-family:'ヒラギノ角ゴ Pro W6','Hiragino Kaku Gothic Pro', 'Meiryo', 'メイリオ', "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:bold;
}

.price_title{
	border-bottom:1px dotted #dfdfdf;
	padding:0 0 10px;
	margin:0 0 10px;
	font-family:'ヒラギノ角ゴ Pro W6','Hiragino Kaku Gothic Pro', 'Meiryo', 'メイリオ', "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:bold;
}

.price_list{
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin:0 0 10px;
}

.price_list dt{
	width:50%;
	border-bottom:1px dotted #dfdfdf;
	padding:0 0 10px;
	margin:0 0 10px;
}

.price_list dd{
	width:50%;
	text-align:right;
	border-bottom:1px dotted #dfdfdf;
	padding:0 0 10px;
	margin:0 0 10px;
	color: #009a00;
	font-family:'ヒラギノ角ゴ Pro W6','Hiragino Kaku Gothic Pro', 'Meiryo', 'メイリオ', "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:bold;
}

.news_2 .price_list dt{
	padding:6px 0 10px;
}

.news_2 .price_list dd{
	font-size:23px;
}

.price_attention li{
	text-indent:-1em;
	padding-left:1em;
}

.price_attention li:before{
	content:"・";
}

/* news */
.news_box{
	height:350px;
	overflow-y:auto;
}

.news_box dl{
	overflow:hidden;
	padding:0 10px 0 0;
}

.news_box dl dt{
	color:#2a4f06;
	font-weight:bold;
	padding:10px 0 0;
}

.news_box dl dd{
	padding:0 0 10px 0;
	border-bottom:1px dotted #dfdfdf;
}

.news_box dl dd a{
	text-decoration:underline;
}

/* bloglink */
.bloglink{
	background: linear-gradient(270deg, #009a00, #4c8838);
	background:url("../img/bloglink_bg.jpg") no-repeat center center;
	background-size:cover;
}

.bloglink img{
	width:100%;
}

.bloglink a{
	display:block;
	position:relative;
}

.bloglink a:hover{
	opacity:1;
}

.bloglink a p{
	position:absolute;
	bottom:0;
	left:0;
	background:rgba(0, 0, 0, .6);
	width:100%;
	padding:10px;
	color:#fff;
	transition:.3s all;
}

.bloglink a:hover p{
	background:rgba(0, 0, 0, 1);
}

@media screen and (max-width: 767px){

	/* catch */
	.catch_title{
		font-size: 20px;
	}


	/* desc */
	.desc_contact span{
		font-size: 18px;
		line-height:1.4;
	}
	
	/* bloglink */
	.bloglink .flex_box_3 .flex_box_item{
		width:48%;
	}

}