@charset "UTF-8";


/* -----------
cmn
----------- */

.wBG01{
    width: 100%;
    background: #FFFFFF;
    padding: 0 40px 100px 40px;
    box-sizing: border-box;
    margin: 0 auto;
}
.wBG02{
    width: 100%;
    background: #FFFFFF;
    padding: 0 0 100px 0;
    box-sizing: border-box;
    margin: 0 auto;
}

@media (min-width: 768px){
    .wBG01{
        width: 1000px;
        background: #FFFFFF;
        padding: 0 100px 100px 100px;
        box-sizing: border-box;
        margin: 0 auto;
    }
    .wBG02{
        width: 1000px;
        background: #FFFFFF;
        padding: 0 0 100px 0;
        box-sizing: border-box;
        margin: 0 auto;
    }
}





@media (min-width: 768px){

}


/* -----------
about
----------- */

.wBG01 .titleArea01{
    width: 100%;
    height: 130px;
    border-bottom: 2px solid #0f77bf;
}

.wBG01 .titleArea01 h1{
    color: #0f77bf;
    width: 100%;
    height: 130px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    font-weight: 700;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
    text-align: center;
}


@media (min-width: 768px){
    .wBG01 .titleArea01{
        width: 100%;
        height: 130px;
        border-bottom: 2px solid #0f77bf;
    }

    .wBG01 .titleArea01 h1{
        color: #0f77bf;
        width: 100%;
        height: 130px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 24px;
        font-weight: 700;
        font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
    }
}

.aboutTableArea01{
    width: 100%;
    padding: 30px 0;
    height: auto;
    border-bottom: 1px solid #cccccc;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.aboutTableArea01 h2{
    width: 70px;
    font-size: 14px;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}
.aboutTableArea01 p{
    width: calc(100% - 70px);
    font-size: 14px;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}

@media (min-width: 768px){
    .aboutTableArea01{
        width: 100%;
        padding: 0;
        height: 80px;
        border-bottom: 1px solid #cccccc;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }
    .aboutTableArea01 h2{
        width: 110px;
        font-size: 14px;
        font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
    }
    .aboutTableArea01 p{
        width: auto;
        font-size: 18px;
        font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
    }
}


.aboutTableArea02{
    width: 100%;
    padding: 20px 0;
    height: auto;
    border-bottom: 1px solid #cccccc;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.aboutTableArea02 div{
    width: calc(100% - 70px);
}
.aboutTableArea02 h2{
    width: 70px;
    font-size: 14px;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}
.aboutTableArea02 h3{
    width: 100%;
    font-size: 14px;
    font-weight: 700;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
    white-space: nowrap;
}
.aboutTableArea02 p{
    font-size: 14px;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
    margin: 0 0 20px 0;
}
.aboutTableArea02 p:last-child{
    margin: 0 0 0 0;
}

@media (min-width: 768px){
    .aboutTableArea02{
        width: 100%;
        padding: 20px 0;
        height: auto;
        border-bottom: 1px solid #cccccc;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .aboutTableArea02 h2{
        width: 110px;
        font-size: 14px;
        font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
    }
    .aboutTableArea02 h3{
        width: 110px;
        font-size: 14px;
        font-weight: 700;
        font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
        white-space: nowrap;
    }
    .aboutTableArea02 p{
        font-size: 18px;
        font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
        margin: 0 0 20px 0;
    }
    .aboutTableArea02 p:last-child{
        margin: 0 0 0 0;
    }
}



.aboutTableArea03{
    width: 100%;
    padding: 30px 0;
    height: auto;
}
.aboutTableArea03 p{
    font-size: 18px;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
    margin: 0 0 20px 0;
}
.aboutTableArea04{
    width: 100%;
    padding: 0 0 20px 0;
    height: auto;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}
.aboutTableArea04 p{
    font-size: 18px;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
    margin: 0 0 20px 0;
}
.aboutTableArea05{
    width: 100%;
    padding: 30px 0;
    height: auto;
    text-align: right;
}
.aboutTableArea05 p{
    font-size: 18px;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
    margin: 0 0 20px 0;
}
.aboutTableArea05 p{
    font-size: 14px;
}


@media (min-width: 768px){
    .aboutTableArea03{
        width: 100%;
        padding: 30px 0;
        height: auto;
    }
    .aboutTableArea04{
        width: 100%;
        padding: 0;
        height: 80px;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .aboutTableArea05{
        width: 100%;
        padding: 30px 0;
        height: auto;
        text-align: right;
    }
    .aboutTableArea05 p{
        font-size: 14px;
    }
}

/* -----------
performance
----------- */

.wBG02 .titleArea01{
    width: calc(100% - 80px);
    height: 130px;
    border-bottom: 2px solid #0f77bf;
    margin: 0 auto 40px auto;
}

.wBG02 .titleArea01 h1{
    color: #0f77bf;
    width: 100%;
    height: 130px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    font-weight: 700;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}

.wBG02 .titleArea02{
    width: calc(100% - 80px);
    height: 130px;
    border-bottom: 2px solid #0f77bf;
    margin: 0 auto 40px auto;
}

.wBG02 .titleArea02 h1{
    color: #0f77bf;
    width: 100%;
    height: 130px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    font-weight: 700;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}


@media (min-width: 768px){
    .wBG02 .titleArea01{
        width: 100%;
        height: 130px;
        border-bottom: 2px solid #0f77bf;
        margin: 0 0 40px 0;
    }

    .wBG02 .titleArea01 h1{
        color: #0f77bf;
        width: 100%;
        height: 130px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 24px;
        font-weight: 700;
        font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
    }

    .wBG02 .titleArea02{
        width: 828px;
        height: 130px;
        border-bottom: 2px solid #0f77bf;
        margin: 0 auto 40px auto;
    }

    .wBG02 .titleArea02 h1{
        color: #0f77bf;
        width: 100%;
        height: 130px;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 24px;
        font-weight: 700;
        font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
    }
}


@media (min-width: 768px){

}



.performanceContentArea01{
    width: calc(100% - 80px);
    display: block;
    margin: 0 auto;
}
.performanceContentArea01 .pContentBox01{
    width: 100%;
    margin: 0 auto;
}
.performanceContentArea01 .pContentBox01 h2{
    width: 100%;
    height: 56px;
    background: #00548e;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 0 0 0 30px;
    margin: 80px 0 30px 0;
    box-sizing: border-box;
    font-size: 16px;
    font-weight: 700;
    color: #FFFFFF;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}
.performanceContentArea01 .pContentBox01 .photoArea01{
    width: 100%;
    border-bottom: 1px solid #ccc;
    padding: 0 0 16px 0;
    margin: 0 0 20px 0;
}
.performanceContentArea01 .pContentBox01 .photoArea01 img{
    width: 100%;
    height: auto;
}
.performanceContentArea01 .pContentBox01 .photoArea01 h3{
    font-size: 18px;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}
.performanceContentArea01 .pContentBox01 .photoArea01 p{
    font-size: 14px;
}

.performanceContentArea02{
    width: calc(100% - 80px);
    margin: 0 auto;
}
.performanceContentArea02 ul{
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.performanceContentArea02 ul li{
    width: 100%;
    font-size: 18px;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}


@media (min-width: 768px){

    .performanceContentArea01{
        width: 100%;
        display: flex;
        justify-content: space-between;
        flex-direction: row;
        margin: 0;
    }
    .performanceContentArea01 .pContentBox01{
        width: 312px;
        margin: 0;
    }
    .performanceContentArea01 .pContentBox01 .photoArea01 img{
        width: 312px;
        height: auto;
    }
    .performanceContentArea01 .pContentBox01 h2{
        width: 312px;
        height: 56px;
        background: #00548e;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        padding: 0 0 0 30px;
        margin: 0 0 30px 0;
        box-sizing: border-box;
        font-size: 16px;
        font-weight: 700;
        color: #FFFFFF;
        font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
    }
    .performanceContentArea01 .pContentBox01 .photoArea01{
        width: 312px;
        border-bottom: 1px solid #ccc;
        padding: 0 0 16px 0;
        margin: 0 0 20px 0;
    }
    .performanceContentArea01 .pContentBox01 .photoArea01 h3{
        font-size: 18px;
        font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
    }
    .performanceContentArea01 .pContentBox01 .photoArea01 p{
        font-size: 14px;
    }

    .performanceContentArea02{
        width: 828px;
        margin: 0 auto;
    }
    .performanceContentArea02 ul{
        width: 828px;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .performanceContentArea02 ul li{
        width: 240px;
        font-size: 18px;
        font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
    }

}







/* -----------
contact
----------- */


.contactTableArea01{
    width: 100%;
    height: auto;
    padding: 20px 0;
    border-bottom: 1px solid #cccccc;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.contactTableArea01 h2{
    width: 70px;
    font-size: 14px;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}
.contactTableArea01 p{
    width: calc(100% - 70px);
    font-size: 14px;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}
.contactTableArea01 p a{
    font-size: 20px;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}

@media (min-width: 768px){
    .contactTableArea01{
        width: 100%;
        height: 80px;
        padding: 0;
        border-bottom: 1px solid #cccccc;
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }
    .contactTableArea01 h2{
        width: 160px;
        font-size: 14px;
        font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
    }
    .contactTableArea01 p{
        width: auto;
        font-size: 18px;
        font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
    }
    .contactTableArea01 p a{
        font-size: 24px;
        font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
    }
}


/* -----------
recruit
----------- */


.recruitTableArea01{
    width: 100%;
    padding: 20px 0;
    height: auto;
    border-bottom: 1px solid #cccccc;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}
.recruitTableArea01 h2{
    width: 70px;
    font-size: 14px;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}
.recruitTableArea01 h3{
    width: 100%;
    font-size: 14px;
    font-weight: 700;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
    white-space: nowrap;
}

.recruitTableArea01 p{
    width: calc(100% - 70px);
    font-size: 14px;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
    margin: 0 0 20px 0;
}
.recruitTableArea01 p:last-child{
    margin: 0 0 0 0;
}
.recruitTableArea01 div{
    width: calc(100% - 70px);
}
.recruitTableArea01 div p{
    width: auto;
}


@media (min-width: 768px){
    .recruitTableArea01{
        width: 100%;
        padding: 20px 0;
        height: auto;
        border-bottom: 1px solid #cccccc;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
    }
    .recruitTableArea01 h2{
        width: 110px;
        font-size: 14px;
        font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
    }
    .recruitTableArea01 h3{
        width: 110px;
        font-size: 14px;
        font-weight: 700;
        font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
        white-space: nowrap;
    }
    .recruitTableArea01 p{
        width: auto;
        font-size: 18px;
        font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
        margin: 0 0 20px 0;
    }
    .recruitTableArea01 p:last-child{
        margin: 0 0 0 0;
    }
}