@charset "utf-8";

/* ●●YAGレーザー溶接機用内部レイアウト●● */

/* YAG原理画像レイアウト*/
#yag_theory {
    display: block;
    margin: 0 auto;
}
/* スマホ用 */
@media screen and (max-width:768px){
    #yag_theory {
        max-width: 100%;
        height: auto;
    }
}

/* YAGメリット、説明文レイアウト */
.yag_table1 th {
    font-size: 85%;
}
.yag_table1 th:first-child {
    width: 24%;
}
.yag_table1 th:nth-of-type(2),
.yag_table1 th:nth-of-type(3),
.yag_table1 th:nth-of-type(4) {
    width: 15%;
}
.yag_table1 td:first-child {
    font-size: 93%;
}
.yag_table1 td:last-child {
    font-size: 77%;
    width: 31%;
}
.yag_table2 th {
    font-size: 116%;    /* 15px */
}
.yag_table2 th:first-child {
    width: 35%;
}
.yag_table2 th:last-child {
    width: 65%;
}
dl {
    margin: 0 0 10px 1em;
}
dt {
    font-size: 116%;
    /* 15px */
    font-weight: bold;
}
dd {
    margin-left: 1em;
}
/* パソコン用 */
@media screen and (min-width:769px){
    #yag_melit_table {
        width: 810px;
        margin: 0 auto;
    }
    .yag_table1 {
        width: 800px;
    }
}
/* スマホ用 */
@media screen and (max-width:768px){
    #yag_melit_table {
        width: 98%;
        margin: 0 auto;
    }
    .table1 {
        margin: 0;
    }
    .yag_table1 {
        width: 100%;
        box-sizing: border-box;
    }
    .yag_table1 th:nth-of-type(2),
    .yag_table1 th:nth-of-type(3),
    .yag_table1 th:nth-of-type(4) {
        font-size: 2vw;
    }
    .center img {
        width: 30vw;
        height: auto;
    }
}

/* YAG機種画像、説明文レイアウト */
/* パソコン用 */
@media screen and (min-width:769px){
    #sry45p {
        float: left;
    }
    #sry45p_table {
        width: 550px;
        float: right;
        margin: 10px 0px 10px auto;
    }
    .yag_table2 {
        width: 540px;
    }
}
/* スマホ用 */
@media screen and (max-width:768px){
    #sry45p {
        width: 45vw;
        height: auto;
    }
    #sry45p_table {
        width: 100%;
    }
    .yag_table2 {
        width: 100%;
    }
}