@charset "UTF-8";

/* common
----------------------------------------------------*/





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

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



/* c01
----------------------------------------------------*/
.companyLayout #c01 .flex {
    gap: 10px 4%;
}
.companyLayout #c01 .flex > div:nth-child(3) {
    margin-top: 20px;
}



        /* 【タブレット用のスタイル記述】 */
        @media screen and (min-width: 760px) {
            .companyLayout #c01 .flex > div:nth-child(1) {
                order: 1;
                width: 60%;
            }
            .companyLayout #c01 .flex > div:nth-child(2) {
                order: 3;
            }
            .companyLayout #c01 .flex > div:nth-child(3) {
                order: 2;
                width: 36%;
                margin-top: 0;
            }
        }

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



/* c02
----------------------------------------------------*/
.companyLayout #c02 th {
    color: #F5A100;
}




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

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



/* c03
----------------------------------------------------*/
.companyLayout #c03.map_cassette {
    display: block;
    background-image: none;
    padding-bottom: 0;
}
.companyLayout #c03 .map {
    margin-top: 40px;
}
.companyLayout #c03 .map iframe {
    height: 230px;
}




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

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



/* c04
----------------------------------------------------*/
.companyLayout #c04 {
    padding-top: 100px;
}
.companyLayout #c04 .mamber_flex > div {
    padding: 40px 20px;
    background-color: #FAFFEB;
    border-radius: 20px;
}
.companyLayout #c04 .img_box {
    text-align: center;
    margin-bottom: 20px;
    gap: 20px 4%;
}
.companyLayout #c04 .img_box .name {
    font-size: 1.3rem;
}
.companyLayout #c04 .img_box .en {
    color: #F5A100;
    font-size: 0.8rem;
}
.companyLayout #c04 .img_box .position {
    background-color: #FF6C6C;
    padding: 2px 0 3px;
    color: #fff;
    max-width: 110px;
    margin: 10px auto 0;
}
.companyLayout #c04 .prof_box:not(:last-of-type) {
    margin-bottom: 20px;
}
.companyLayout #c04 .prof_box .ttl {
    color: #2F9A79;
    font-weight: bold;
    margin-bottom: 3px;
    font-size: 1.1rem;
}


        /* 【タブレット用のスタイル記述】 */
        @media screen and (min-width: 760px) {
            .companyLayout #c04 .mamber_flex > div {
                padding: 40px;
                border-radius: 30px;
                width: calc(96% / 2 - 80px);
            }
            .companyLayout #c04 .img_box {
                align-items: center;
            }
            .companyLayout #c04 .img_box .name {
                font-size: 1.5rem;
            }
            .companyLayout #c04 .img_box .en {
                font-size: 0.9rem;
            }
        }

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