@charset "utf-8";
/* CSS Document */

/*サブMV*/
#sub_mv {
background-image: url("../../new-img/common/sub_mv_04.jpg");
background-position: center top;
max-width: 1800px;
width: 100%;
height: 360px;
}

/*メインイメージ*/
.main_img {
max-width: 1200px;
line-height: 0;
margin: 0 auto 40px;
}
.main_img img {
width: 100%;
}

.company_text {
display: flex;
margin-bottom: 20px;
}
.company_text li.img {
max-width: 670px;
line-height: 0;
}
.company_text li.img img {
width: 100%;
}
.company_text li.text {
max-width: 530px;
padding: 0 20px;
box-sizing: border-box;
}
.company_text li.text p {
font-size: 14px;
line-height: 30px;
font-weight: bold;
}
.company_text li.text p.st_tit {
font-size: 24px;
}

ul.produce {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
ul.produce li {
width: 595px;
display: flex;
box-sizing: border-box;
border-right:1px solid #ccc;
margin-bottom: 10px;
}
ul.produce li:nth-child(2n-1) {
margin-right: 5px;
}
ul.produce li:nth-child(2n) {
margin-left: 5px;
}
ul.produce li .pro_img {
max-width: 270px;
line-height: 0;
}
ul.produce li .pro_img img {
width: 100%;
}
ul.produce li .pro_text {
max-width: 325px;
padding: 16px;
font-size: 12px;
line-height: 18px;
}
ul.produce li .pro_text .pro_tit {
font-size: 14px;
font-weight: bold;
margin-bottom: 10px;
}

/*ここからレスポンシブ指定*/
/*アイパッド*/
@media screen and (max-width: 768px) {

.item_text {
display: block;
}
.item_text li.img {
margin: 0 auto 10px;
}

ul.produce {
margin-bottom: 20px;
}
ul.produce li {
margin: 0 auto 10px !important;
border: none;
}

}

/*アイホン678＋*/
@media screen and (max-width: 414px) {

.company_text {
display: block;
}
.company_text li.img {
margin-bottom: 20px;
}

ul.produce li {
display: block;
width: 100%;
}
ul.produce li .pro_img {
max-width: 100%;
}

}