/*** 電子機器開発・製造 ***/
#wrap_service {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
#wrap_service .service {
    width: 49%;
    text-decoration: none;
    align-self: stretch;
    position: relative;
    cursor: pointer;
    background-color: #E6E6E6;
    margin-bottom: 25px;
}
#wrap_service .service h2 {
    color: white;
    font-size: 18px;
    background-color: #ba3538;
    height: 40px;
    line-height: 42px;
    text-align: center;
    margin-bottom: 0;
}
#wrap_service .service .flame {
    width: 100%;
    overflow: hidden;
}
#wrap_service .service .flame img {
    width: 100%;
    transition-duration: 0.3s;
}
#wrap_service .service:hover .flame img {
    transform: scale(1.2, 1.2); /*画像の拡大*/
}
#wrap_service .service p {
    color: #303030;
    padding-top: 10px;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 12px;
}
#wrap_service .service:hover p {
    color: #303030;
}

@media screen and (max-width:560px) {
    #wrap_service .service {
        width: 100%;
    }
}


/*** 受託開発 ***/
#pageColumn p.catch {
    color: #f15a24;
    font-size: 17px;
    font-weight: bold;
    margin-bottom: 20px;
}


/*** 受託製造 ***/
#pageColumn #onestop {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 10px;
}
#pageColumn #onestop p {
    width: 66%;
}
#pageColumn #onestop img {
    width: 32%;
}
@media screen and (max-width:650px) {
    #pageColumn #onestop p {
        width: 100%;
    }
    #pageColumn #onestop img {
        display: block;
        width: 70%;
        margin-left: auto;
        margin-right: auto;
    }
}

#wrap_onestop_fig {
    margin-bottom: 30px;
}
#wrap_onestop_fig #inner {
    width: 100%;
    box-sizing: border-box;
    background-color: #d7e1f3;
    border: 2px solid #0066b5;
}
#wrap_onestop_fig #inner h3 {
    margin-left: 10px;
    line-height: 40px;
}
#wrap_onestop_fig #inner #onestop_fig {
    width: 98%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}
#wrap_onestop_fig #inner #onestop_fig div {
    background-color: #83a0ca;
    align-self: stretch;
    padding-left: 5px;
    padding-right: 5px;
    box-sizing: border-box;
}
#wrap_onestop_fig #inner #onestop_fig div#no1 {
    width: 17%;
    
}
#wrap_onestop_fig #inner #onestop_fig div#no2 {
    width: 22%;
}
#wrap_onestop_fig #inner #onestop_fig div#no3 {
    width: 14%;
}
#wrap_onestop_fig #inner #onestop_fig div#no4 {
    width: 26%;
}
#wrap_onestop_fig #inner #onestop_fig div#no5 {
    width: 16%;
}
#wrap_onestop_fig #inner #onestop_fig div p {
    color: white;
    margin-bottom: 5px;
}
#wrap_onestop_fig #inner #onestop_fig div p.no {
    font-size: 18px;
    text-align: center;
}
#wrap_onestop_fig #inner #onestop_fig div p.title {
    color: #ffff00;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 15px;
}
#wrap_onestop_fig #inner #onestop_fig div p.bg_w {
    color: #0066b5;
    font-weight: bold;
    background-color: white;
    text-align: center;
}
#wrap_onestop_fig #inner #onestop_fig div p.exp {
    font-size: 14px;
    line-height: 18px;
}
@media screen and (max-width:1020px) {
    #wrap_onestop_fig {
        overflow-x: scroll;
    }
    #wrap_onestop_fig #inner {
        width: 760px;
    }
}

#ems_feature {
    font-size: 15px;
    line-height: 22px;
    width: 100%;
    margin-bottom: 40px;
}
#ems_feature th {
    width: 200px;
    text-align: left;
    background-color: #e3e9f5;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 9px;
    
}
#ems_feature td {
    background-color: #F2F2F2;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 9px;
}
@media screen and (max-width:580px) {
    #ems_feature th {
        width: 140px;
        padding-left: 5px;
    }
    #ems_feature th span {
        display: none;
    }
    #ems_feature td {
        padding-left: 5px;
        padding-right: 5px;
    }
}

#pageColumn #odm_list {
    font-size: 15px;
    line-height: 22px;
    margin-left: 15px;
    margin-bottom: 30px;
}
#pageColumn #odm_list dt {
    color: #0066b5;
    width: 70px;
    font-weight: bold;
    padding-top: 3px;
    padding-bottom: 3px;
}
#pageColumn #odm_list dd {
    margin-top: -28px;
    margin-left: 70px;
    padding-top: 3px;
    padding-bottom: 3px;
}

#pageColumn #odm_list2 {
    font-size: 15px;
    line-height: 22px;
    margin-left: 15px;
    margin-bottom: 30px;
}
#pageColumn #odm_list2 dt {
    color: #0066b5;
    width: 170px;
    font-weight: bold;
    padding-top: 3px;
    padding-bottom: 3px;
}
#pageColumn #odm_list2 dd {
    margin-top: -28px;
    margin-left: 170px;
    padding-top: 3px;
    padding-bottom: 3px;
}

#pageColumn #odm_list3 {
    font-size: 15px;
    line-height: 22px;
    margin-left: 15px;
    margin-bottom: 30px;
}
#pageColumn #odm_list3 dt {
    color: #0066b5;
    width: 190px;
    font-weight: bold;
    padding-top: 3px;
    padding-bottom: 3px;
}
#pageColumn #odm_list3 dd {
    margin-top: -28px;
    margin-left: 190px;
    padding-top: 3px;
    padding-bottom: 3px;
}

@media screen and (max-width:600px) {
    #pageColumn #odm_list,
    #pageColumn #odm_list2,
    #pageColumn #odm_list3 {
        margin-left: 10px;
    }
    #pageColumn #odm_list dd,
    #pageColumn #odm_list2 dd,
    #pageColumn #odm_list3 dd {
        margin-top: 0px;
        margin-left: 0px;
        padding-top: 1px;
        padding-bottom: 5px;
    }

}


/*** 開発実績 ***/
#pageColumn p.scroll_exp {
    display: none;
}
#pageColumn #odm_cs_list {
    width: 100%;
}
#pageColumn #odm_cs_list table {
    width: 100%;
    border-collapse: collapse;
}
#pageColumn #odm_cs_list table th {
    font-size: 15px;
    line-height: 34px;
    height: 32px;
    padding-left: 5px;
    box-sizing: border-box;
    background-color: #F2F2F2;
    border: 1px solid #808080;
}
#pageColumn #odm_cs_list table td {
    font-size: 15px;
    line-height: 21px;
    height: 30px;
    padding-top: 7px;
    padding-bottom: 6px;
    padding-left: 5px;
    padding-right: 5px;
    box-sizing: border-box;
    border: 1px solid #808080;
}
#pageColumn #odm_cs_list table .no {
    width: 45px;
    text-align: center;
}
#pageColumn #odm_cs_list table .industry {
    width: 45px;
    text-align: center;
}
#pageColumn #odm_cs_list table .feature {
    width: 250px;
}
#pageColumn #odm_cs_list table .year_mth {
    width: 70px;
}
@media screen and (max-width:695px) {
    #pageColumn p.scroll_exp {
        display: block;
    }
    #pageColumn #odm_cs_list {
        overflow-x: scroll;
    }
    #pageColumn #odm_cs_list table {
        width: 670px;
    }
}


/*** 基板実装工程 ***/
#smt_process {
    width: 98%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 40px;
}
#smt_process .process {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    background-color: #F2F2F2;
}
#smt_process .process h4 {
    font-size: 15px;
    width: 24%;
    margin-top: 10px;
    margin-left: 10px;
}
#smt_process .process img {
    width: 22%;
    align-self: center;
}
#smt_process .process p {
    width: 48%;
    margin-top: 10px;
    padding-right: 10px;
}
.mark_ems_arrow {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
@media screen and (max-width:670px) {
    #smt_process .process h4 {
        width: 100%;
        margin-bottom: 10px;
    }
    #smt_process .process h4 br {
        display: none;
    }
    #smt_process .process img {
        width: 50%;
        margin-left: auto;
        margin-right: auto;
    }
    #smt_process .process p {
        width: 96%;
        padding-right: 0;
        margin-left: 2%;
        margin-right: 2%;
    }
}
@media screen and (max-width:460px) {
    #smt_process .process img {
        width: 70%;
    }
}


/*** 挿入部品実装工程 ***/
#pic_dip_qc {
    width: 70%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
}
#pic_dip_qc img {
    width: 46%;
    margin-bottom: 20px;
}
@media screen and (max-width:580px) {
    #pic_dip_qc {
        width: 80%;
    }
    #pic_dip_qc img {
        width: 100%;
    }
}












