@charset "utf-8";

.companyInfoWrap {
    margin: 60px 0 0 0;
}

.innerContents {
    width: 1140px;
    margin: 60px auto 0;
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
}

.companyInfo {
    width: 670px;
    text-align: left;
}

.companyInfo th {
    width: 130px;
    font-size: 1.2rem;
    line-height: 1.75rem;
    background-color: #000;
    color: #FFF;
    padding: 20px;
    border-bottom: 1px solid #FFF;
    vertical-align: middle;
}

.companyInfo td {
    width: 540px;
    padding: 20px 0 20px 20px;
    font-size: 1.2rem;
    line-height: 1.75rem;
    border-bottom: 1px solid #FFF;
    vertical-align: middle;
}

.bnrSet {
    display: flex;
    flex-wrap: wrap;
    gap: 20px 4%;
}

.bnrSet .bnr {
    margin: 0 0 0 0;
	width: 48%;
}

.exText {
    padding: 0px 0 0 0;
    font-size: 1.0rem;
    line-height: 1.5rem;
}

.exText span {
	display: block;
    font-size: 0.8rem;
    line-height: 1.2rem;
}

.accessMapWrap {
    margin: 60px 0 0 0;
}

.map {
    margin: 40px 0 0 0;
}

.map iframe {
    width: 100%;
    height: 500px;
}

.companyPresidentContents{
    display:flex;
    justify-content: space-between;
    width: 1140px;
    margin: 60px auto 0;
}

.companyPresidentImg{
    width: calc(100% - 785px);
}

.companyPresidentImg img{
    max-width: 100%;
    width:100%;
    height:auto;
}

.companyPresidentText{
    width: 705px;
    text-align:left;
    font-size: 19px;
}

.companyPresidentText p{
    line-height: 2;
}

.companyPresidentText p:not(:first-child){
    margin-top: 1.5em;
}

.companyPresidentText p.companyPresidentName{
    text-align:right;
    margin-top: 2.25em;
}

/*-- mobile style --*/
@media screen and (max-width: 768px) {
    .companyInfoWrap {
        margin: 40px 0 0 0;
    }
    
    .innerContents {
        width: 90%;
        margin: 30px auto 0;
        display: inherit;
    }

    .companyImg img {
        width: 80%;
    }

    .companyInfo {
        width: 100%;
        margin: 40px auto 0;
        text-align: left;
    }
    
    .companyInfo th {
        width: 98%;
        display: block;
        padding: 10px 0 10px 10px;
    }
    
    .companyInfo td {
        width: 98%;
        display: block;
        padding: 10px 0 10px 10px;
    }

    .bnrSet {
        flex-wrap: wrap;
        gap: 20px 4%;
    }

    .bnrSet .bnr{
        width: 48%;
        margin: 0 0 0 0;
    }

    .bnrSet .bnr img {
        width: 100%;
    }

    .accessMapWrap {
        margin: 40px 0 0 0;
    }

    .map iframe {
        height: 300px;
    }

    .companyPresidentContents{
        display:block;
        width:100%;
        padding:0 20px;
        margin-top: 30px;
        box-sizing: border-box;
    }

    .companyPresidentImg{
        width: 60%;
        margin:0 auto 30px;
    }

    .companyPresidentText{
        width:100%;
    }
}