@charset "UTF-8";
/*--------------------------
 MATERIAL
----------------------------*/
.material_title {
    font-size: 30px;
    line-height: 48px;
    letter-spacing: 0.1em;
    padding-top: 30px;
    padding-left: 30px;
    text-align: center;
    padding-bottom: 20px;
}
.material_image {
    position: relative;    
}
.material_image::after {
    content: "";
    display: block;
    clear: both;
}
.material_image_left {
    float: left;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: 200px;
    width: 50%;
}
.material_image_right {
    float: right;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: 200px;
	width: 50%;
}
.material_image_mobile01 {
	background-image: url(../images/material_mobile_img01.jpg);
}
.material_image_mobile02 {
	background-image: url(../images/material_mobile_img02.jpg);
}
.material_image_upholstery01 {
	background-image: url(../images/material_upholstery_img01.jpg);
}
.material_image_upholstery02 {
	background-image: url(../images/material_upholstery_img02.jpg);
}
.material_image_tent01 {
	background-image: url(../images/material_tent_img01.jpg);
}
.material_image_tent02 {
	background-image: url(../images/material_tent_img02.jpg);
}
@media screen and (max-width:400px) {
.material_eng {
    position: absolute;
    width: 100%;
    top: 45%;
    text-align: center;
}
}
@media screen and (min-width:374px) and ( max-width:768px) {
.material_eng {
    position: absolute;
    width: 100%;
    top: 40%;
    text-align: center;
}
}

.material_eng img {
    width: 90%;
    height: auto;
    max-width: 900px;
}