@charset "UTF-8";

.case main .kv {
background: url("../../case/case_04/img/img_1.png") no-repeat center center/cover;}

.case main .contents--top .case_flex p {
    width: 300px;
}
.case main .contents--top .case_flex dl {
    width: 530px;
}
.case main .contents .gray .cs_box .cs_box_flex{
    display: flex;
    justify-content: center;
    width: 100%;
} 
.case main .contents .gray .cs_list {
    padding: 20px 90px;
}
.case main .contents .gray .cs_box .cs_box_flex dl {
max-width: 170px;
font-size: 18px;
margin: 0 15px;}
.case main .contents .gray .cs_box .cs_box_flex dl dd {
text-align: center;
margin: 15px 0px 0;
font-size: 13px;
line-height: 1.6;
padding: 0;}
.case main .contents .contents_case .backimg.case01_01 {
background: url("../../case/case_04/img/img_4.png") no-repeat center center/cover; }
.case main .contents .contents_cas4 .backimg.case01_02 {
background: url("../../case/case_04/img/img_5.png") no-repeat center center/cover; }
.case main .contents .contents_case .backimg.case01_03 {
background: url("../../case/case_04/img/img_6.png") no-repeat center center/cover; }
.case main .contents .contents_case--inner .box .imgs.wid100 {
padding-top: 25px;
padding-bottom: 40px;
width: 100%;}
.case main .contents .contents_case--inner .box .imgs.wid100 img{
width: 100%;
height: auto;
}
.case main .contents .outro .box {
display: flex;
flex-wrap: wrap;}
.case main .contents .outro .box .txt {
width: 100%; }
.case main .contents .underimg.back_01 {
background: url("../../case/case_04/img/img_12.png") no-repeat center center/cover; }
.case main .contents .produce .img {
    width: 300px;
}
.case main .contents .produce .box {
    width: 540px;
}
@media screen and (max-width: 767px) {
          .case main .contents--top .ttls_area h3 {
            font-size: 24px;
    letter-spacing: 0.02em;}
    .case main .contents .gray .cs_box .box{
        padding-bottom: 0;
    }
.case main .contents .gray .cs_box .cs_box_flex{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
} 
.case main .contents .gray .cs_box .cs_box_flex dl {
max-width: 140px;
margin: 10px 10px 5px;}
.case main .contents .gray .cs_box .cs_box_flex dl dd {
    font-size: 12px;
    }
.case main .contents .underimg.back_01 {
background: url("../../case/case_04/img/img_12.png") no-repeat left center/cover; }
.case main .contents--top .case_flex dl {
    width: 100%;
}
.case main .contents--top .case_flex p {
    width:100%;
}
.case main .contents .gray .cs_list {
    padding: 20px 30px;
}
.case main .contents .produce .img {
    width: 100%;
}
.case main .contents .produce .box {
    width: 100%;
}
}