@charset "UTF-8";

/* 
------------------------------------*/
.companyLayout .h2_wrap {
    background-image: url("../img/company/h2.png");
}



            /* 【タブレット用のスタイル記述】 */
            @media screen and (min-width: 760px) {
            }
            /* 【PC用のスタイル記述】 */
            @media screen and (min-width: 960px) {
            }


/* 
------------------------------------*/
.companyLayout #c01 {
    background: url("../img/company/company_bg01.png")no-repeat center center/cover;
}
.companyLayout #c01 .name {
    text-align: right;
    margin-top: 20px;
}
.companyLayout #c01 .name span {
    font-weight: bold;
    font-size: 20px;
    display: inline-block;
    margin-left: 10px;
}


            /* 【タブレット用のスタイル記述】 */
            @media screen and (min-width: 760px) {
                .companyLayout #c01 .name span {
                    font-size: 24px;
                }
            }
            /* 【PC用のスタイル記述】 */
            @media screen and (min-width: 960px) {
            }



/* c02
------------------------------------*/
.companyLayout #c02 .circle_li {
    display: flex;
    flex-wrap: wrap;
}
.companyLayout #c02 .circle_li:not(:last-of-type) {
    margin-bottom: 20px;
}
.companyLayout #c02 .circle_li li {
    width: calc(48% - 20px);
    font-size: 15px;
}
.companyLayout #c02 .circle_li li:nth-child(odd) {
    margin-right: 2%;
}
.companyLayout #c02 .flex_box01 {
    margin-bottom: 0;
}
.companyLayout #c02 h4 {
    color: #2a43b8;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
}
.companyLayout #c02 .t_01 th {
    vertical-align: baseline;
}


            /* 【タブレット用のスタイル記述】 */
            @media screen and (min-width: 760px) {
                .companyLayout #c02 .circle_li li {
                    width: calc(31% - 20px);
                    font-size: 16px;
                }
                .companyLayout #c02 .circle_li li:nth-child(even) {
                    margin-right: 2%;
                }
                .companyLayout #c02 .circle_li li:nth-child(3),
                .companyLayout #c02 .circle_li li:last-child {
                    margin-right: 0;
                }
                .companyLayout #c02 .t_01 th {
                    width: 15%;
                }
                .companyLayout #c02 .t_01 td {
                    width: 85%;
                }
            }
            /* 【PC用のスタイル記述】 */
            @media screen and (min-width: 960px) {
            }



/* c03
------------------------------------*/
.companyLayout #c03 {
    padding: 0;
}
.companyLayout #c03 iframe {
    height: 400px;
}



            /* 【タブレット用のスタイル記述】 */
            @media screen and (min-width: 760px) {
                .companyLayout #c03 iframe {
                    height: 450px;
                }
            }
            /* 【PC用のスタイル記述】 */
            @media screen and (min-width: 960px) {
            }