@import url("wholesale.css");

.areaService .serviceFrame::before {
    /* height: 15.1vh; */
    height: clamp(250px, 19vw, 274px);
}

.areaService .serviceFrame .serviceItem .serviceMain .serviceBanner {
    height: 60.8vh;
    max-height: 500px;
    margin-bottom: 42px;
}

.areaService .serviceFrame .serviceItem .serviceMain .serviceCnt {
    top: 50%;
}
.areaService .serviceFrame .serviceItem .serviceMain .serviceCnt .serviceTitle.green {
	color: #1B5B0F;
}
.areaService .serviceFrame .serviceItem .serviceMain .serviceCnt .serviceTxt br.sp{
	display: none;
}

.areaService .serviceFrame .serviceItem .postMain {
    margin-bottom: 79px;
}

.areaService .postMain .titlePost {
    margin-bottom: 6px;
}

.areaService .serviceFrame .serviceItem .listCertifica {
    display: flex;
    border-top: 1px solid #4D4D4D;
    border-bottom: 1px solid #4D4D4D;
    width: 100%;
    margin: 23px 0 0;
    color: #4D4D4D;
    padding: 26px 4px 32px;
}

.areaService .serviceFrame .serviceItem .listCertifica li {
    display: flex;
    align-items: center;
    margin-right: 91px;
}

.areaService .serviceFrame .serviceItem .listCertifica li:last-child {
    margin-right: 0;
}

.areaService .serviceFrame .serviceItem .listCertifica li .certificaTxt {
    font-size: 20px;
}

.areaService .serviceFrame .serviceItem .listCertifica li .certificaTxt span {
    font-size: 24px;
    font-weight: 500;
    letter-spacing: 5px;
}

.areaService .serviceFrame .serviceItem .listCertifica li .dot {
    margin: 0 14.8px 7px;
    font-size: 21px;
    letter-spacing: 0.5px;
}

.areaService .serviceFrame .serviceItem .listCertifica li .certificaPeople {
    font-size: 29px;
    font-weight: bold;
    color: #1B5B0F;
    letter-spacing: 7px;
}

.areaService .serviceFrame .serviceItem .impressFrame {
    margin-bottom: 147px;
}

.areaService .serviceFrame .serviceItem .impressFrame .impressBox {
    margin-top: 0;
    padding: 33px 40px 72px;
}

.areaService .serviceFrame .serviceItem .impressFrame .impressBox .impressTitle {
    margin-bottom: 47px;
}

.areaService .serviceFrame .serviceItem .impressFrame .impressBox .impressPhoto {
    width: 100%;
    max-width: 897px;
    margin: 0 auto;
    position: relative;
}

.areaService .serviceFrame .serviceItem .servicePost {
    margin-bottom: 111px;
}

.areaService .servicePost .postItem {
    align-items: flex-start;
    flex-wrap: wrap;
}

.areaService .serviceFrame .serviceItem .servicePost .listBusiness {
    max-width: 960px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
}

.areaService .serviceFrame .serviceItem .servicePost .listBusiness li {
    border: 1px solid #009C00;
    border-right: 0;
    width: calc(100% / 3);
    border-top: 0;
}

.areaService .serviceFrame .serviceItem .servicePost .listBusiness li .businessTxt {
    font-size: 18px;
    padding: 18px 27px;
    line-height: 1.7;
    min-height: 128px;
    display: flex;
    align-items: center;
    color: #4d4d4d;
}

/* areaRecruit */


.areaRecruit {
	background: #FFFFFF;/*変更*/
}

.areaRecruit .inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 995px;
}

@media(min-width:1201px) {
    .innerLeft {
        padding-left: calc((100% - 1119px) / 2);
    }

    .areaService .serviceFrame {
        padding: 49px 0 59px;
    }

    .areaService .serviceFrame .serviceItem .servicePost .titleMain {
        margin-bottom: 82px;
    }

    .areaService .servicePost .postItem+.postItem {
        margin-top: 92px;
    }
}


@media(min-width:769px) {
    #main .mainWrap .mainSub {
        padding: 0 2px 0 21px;
    }

    .areaService .serviceFrame .serviceItem .servicePost:last-child .titleMain {
        margin-bottom: 67px;
    }

    .areaService .serviceFrame .serviceItem .servicePost .listBusiness li:nth-child(3n),
    .areaService .serviceFrame .serviceItem .servicePost .listBusiness li:last-child {
        border-right: 1px solid #009C00;
    }

    .areaService .serviceFrame .serviceItem .servicePost .listBusiness li:nth-child(-n+3) {
        border-top: 1px solid #009C00;
    }

    /* areaRecruit */
    .areaRecruit {
        padding: 260px 0 0;/*変更 manufucture*/
    }

    .areaRecruit .recruitMain {
        display: block;
        padding-left: 21px;
        margin-bottom: -12px;
    }

    .areaRecruit .recruitContent {
        width: 51.1%;
        margin: 0;
    }

    .areaRecruit .recruitMain .division {
        margin: 0 0 53px 28px;
    }

    .areaRecruit .recruitContent .recruitItem a .itemBox {
        padding: 22px 27px;
    }

    .areaRecruit .recruitContent .recruitItem a .nameEng {
        margin-bottom: 12px;
    }

    /* contactWrap */
    .contactWrap {
        margin-top: -262px;
    }
}


@media (max-width: 1200px) and (min-width: 769px) {

    .areaService .serviceFrame .serviceItem .postMain {
        margin-bottom: 7vw;
    }

    .areaService .serviceFrame .serviceItem .impressFrame {
        margin-bottom: 12vw;
    }

    .areaService .serviceFrame .serviceItem .servicePost {
        margin-bottom: 14vw;
    }

    .areaService .serviceFrame .serviceItem .servicePost:last-child {
        margin-bottom: 0;
    }

    .areaService .serviceFrame .serviceItem .servicePost .listBusiness li .businessTxt {
        font-size: clamp(14px, 1.6vw, 18px);
        padding: 2vw;
        min-height: 96px;
        height: 11vw;
    }

    .areaService .serviceFrame .serviceItem .listCertifica li .certificaTxt {
        font-size: 1.7vw;
    }

    .areaService .serviceFrame .serviceItem .listCertifica li .certificaTxt span {
        font-size: 2.2vw;
    }

    .areaService .serviceFrame .serviceItem .listCertifica li .dot {
        font-size: 1.9vw;
        margin: 0 0.4vw 5px;
    }

    .areaService .serviceFrame .serviceItem .listCertifica li .certificaPeople {
        font-size: 2.5vw;
        transform: none;
    }

    .areaService .serviceFrame .serviceItem .impressFrame .impressBox {
        padding: 4vw 3vw 7vw;
    }

    .areaRecruit .recruitMain .division {
        margin-bottom: 4vw;
    }
}

@media(max-width:768px) {
    .areaService .serviceFrame::before {
        height: clamp(250px, 43vw, 320px);
    }
    .areaService .serviceFrame .serviceItem .postMain {
        margin-bottom: 12vw;
    }

    .areaService .serviceFrame .serviceItem .serviceMain .serviceBanner {
        /* height: 38vh; */
        height: 67.6vw;
        max-height: 674.5px;
        margin-bottom: 8vw;
    }

    .areaService .postMain .titlePost {
        margin-bottom: 4vw;
    }

    .areaService .serviceFrame .serviceItem .impressFrame .impressBox {
        padding: 2vw 4% 5vw;
    }
.areaService .serviceFrame .serviceItem .serviceMain .serviceCnt .serviceTxt br.sp{
	display: block;
}
    .areaService .serviceFrame .serviceItem .impressFrame .impressBox .impressTitle {
        margin-bottom: 3vw; 
    }

    .areaService .serviceFrame .serviceItem .impressFrame {
        margin-bottom: 13vw;
    }

    .areaService .serviceFrame .serviceItem .servicePost {
        margin-bottom: 15vw;
    }

    .areaService .serviceFrame .serviceItem .servicePost:last-child {
        margin-bottom: 0;
    }

    .areaService .serviceFrame .serviceItem .servicePost .listBusiness li {
        width: 50%;
    }

    .areaService .serviceFrame .serviceItem .servicePost .listBusiness li:nth-child(2n),
    .areaService .serviceFrame .serviceItem .servicePost .listBusiness li:last-child {
        border-right: 1px solid #009C00;
    }

    .areaService .serviceFrame .serviceItem .servicePost .listBusiness li:nth-child(-n+2) {
        border-top: 1px solid #009C00;
    }

    .areaService .serviceFrame .serviceItem .servicePost .listBusiness li .businessTxt {
        font-size: clamp(14px, 2.5vw, 18px);
        padding: 3vw;
        min-height: 118px;
        height: 18vw;
    }

    .areaService .serviceFrame .serviceItem .listCertifica {
        display: block;
        padding: 2.5vw 4px;
        margin: 3vw 0 0;
    }

    .areaService .serviceFrame .serviceItem .listCertifica li {
        margin: 0 0 1vw;
    }

    .areaService .serviceFrame .serviceItem .listCertifica li:last-child {
        margin-bottom: 0;
    }

    .areaService .serviceFrame .serviceItem .listCertifica li .certificaTxt {
        font-size: clamp(14px, 2.7vw, 20px);
    }

    .areaService .serviceFrame .serviceItem .listCertifica li .certificaTxt span {
        font-size: clamp(18px, 3.2vw, 24px);
        letter-spacing: 2px;
    }

    .areaService .serviceFrame .serviceItem .listCertifica li .dot {
        margin: 0 1vw 1vw;
        font-size: clamp(14px, 2.7vw, 20px);
        letter-spacing: 0.5px;
    }

    .areaService .serviceFrame .serviceItem .listCertifica li .certificaPeople {
        font-size: clamp(22px, 3.8vw, 29px);
    }

    .areaService .impressBox .impressPhoto img {
        min-width: 138.6vw;
    }

    /* areaRecruit */
    .areaRecruit .inner {
        display: block;
    }
}


@media(max-width:430px) {
    #main .mainWrap .mainSub {
        margin-left: 5vw;
        padding-right: 0;
        padding-left: 4vw;
    }

    .areaService .impressBox .impressPhoto img {
        min-width: 145vw;
    }
}