@charset "UTF-8";



/* ------------------------------
	.head_ttl_box
------------------------------ */
.head_ttl_box{
	background: url(../img/wholesale/head_ttl_img.jpg) no-repeat center center;
	background-size: cover;
}


@media screen and (max-width: 768px) {
	.head_ttl_box{
		background: url(../img/wholesale/head_ttl_img_sp.jpg) no-repeat center center;
		background-size: cover;
	}
}

.manufacturingbtn{
display: flex;
justify-content: center;
	align-items: center;
	margin-top: 80px;
}
.manufacturingbtn li{
	padding: 10px;
}

.manufacturing_ttlbox {
    display: flex;
    width: 100%;
    margin-top: 80px;
    background: url(../img/manufacturing/manufacturing_img01.jpg) no-repeat center center;
        background-size: auto;
	background-size: cover;
	padding: 5%;
	justify-content: right;
	margin-bottom: 80px;
}
.yuan{
    background: url(../img/manufacturing/manufacturing_img06.jpg) no-repeat center center;
}
.manufacturing_ttlbox_txt{
	background: rgba(255,255,255,0.8);
	width: 500px;
	padding: 3%;
}
.manufacturing_ttlbox_txt .txt{
	font-size: 2rem;	
}
.manufacturing_ttlbox_txt p{
	line-height: 2em;	
}
.manufacturing_ttlbox_txt .str_ttl .en {
    margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
.manufacturingbtn {
	display: block;
	margin: 10px;
	}
	.manufacturing_ttlbox {
	margin: 0;
		padding: 10%;	
		margin-bottom: 40px;
	}
	.manufacturing_ttlbox_txt {
    background: rgba(255,255,255,0.8);
	width: 100%;
	padding: 8% 3%;
}
}
/* ------------------------------
	.manufacturing_flex
------------------------------ */

.manufacturing_flex{
	display: flex;
	flex-wrap: wrap;
		margin-bottom: 80px;
}
.mflex01 .manufacturing_flex_right{
	width: 40%;
}
.mflex01 .manufacturing_flex_left,.mflex02 .manufacturing_flex_right{
	width: 60%;
	padding: 0 10%;
	display: flex;
  justify-content: center;
  align-items: center;
}
.mflex02 .manufacturing_flex_left{
	width: 40%;
}
.manufacturing_flex .ttl {
    font-size: 2.1rem;
    font-weight: bold;
    line-height: 1.8;
}
.manufacturing_flex p {
    line-height: 2;
}
.manufacturing_flex .ttl{
	padding-bottom: 5px;
	font-size: 3.0rem;
	line-height: 2.5;
	font-weight: normal;
}
@media screen and (max-width: 768px){
	.manufacturing_flex {
		width: 92%;
	margin: 0 auto;
	padding: 0 0 30px;
}
	.mflex01 .manufacturing_flex_left,
	.mflex01 .manufacturing_flex_right,
	.mflex02 .manufacturing_flex_left,
	.mflex02 .manufacturing_flex_right
	{
	width: 100%;
	padding: 0;
}
.mflex02 .manufacturing_flex_right{
	order: 1;
	display: flex;
}
.mflex02 .manufacturing_flex_left{
	order: 2;
	display: flex;
	}
	.manufacturing_flex .ttl {
	font-size: 2.0rem;
	line-height: 2;
	}
	.manufacturing_ttlbox_txt .txt {
	font-size: 1.7rem;
}
	.mflex01 .manufacturing_flex_left,.mflex02 .manufacturing_flex_right{
	margin-bottom: 15px;
	}
}
/* ------------------------------
	.brand
------------------------------ */

.brandflex{
	display: flex;
	flex-wrap: wrap;
	margin: 40px auto;
	max-width: 80%;
}
.brandflex .container{
	width: 50%;
	padding: 1%;
}
.brandmainimg{
	max-width: 60%;
	margin: 40px auto;
}
.brandflex .container img{
	border: solid 1px #DBDBDB;
}
@media screen and (max-width: 768px){
	.brandflex{
	display: flex;
	flex-wrap: wrap;
	margin: 0px auto;
	max-width: 100%;
}
.brandmainimg {
	max-width: 100%;
	margin: 10px auto 40px 0;
}
		.brandflex .container {
	width: 100%;
	padding: 0;
	margin: 10px auto 20px 0;
	}

}