body{
   width: 100%;
    background: #fff;
    color: #434343;
    font-family: "M PLUS 1p", sans-serif;
}
.page_ttl {
    font-size: 400%;
    color: #fff;
    display: flex;
    align-items: center;
    line-height: 1;
    text-shadow: 0px 3px 6px #1C83C4;
}
.main-img-company{
    width: 100%;
    margin: auto;
    background-image: url(../images/common/main.jpg);
    background-size: cover;
    height: 50vh;
    background-position: top center;
    display: block;
    justify-content: flex-start;
    font-family: "M PLUS 1p", sans-serif;
    align-content: center;
}
.mid-cont-bg{
    background-image: url(../images/common/mid_side_bg.png);
    background-position: right center;
    background-repeat: no-repeat;
}
.contains_company{
    margin: 50px auto 130px auto;
}
.company_info {
    width: 100%;
    margin: 50px auto;
}
span.page_ttl_s {
    font-size: 180%;
    color: #fff;
    display: flex;
    align-items: center;
}
.mid_bg_img_box{
    width: 100%;
    margin: 100px auto;
    background-image: url(../images/company/mid_bg_img.jpg);
    background-size: cover;
    height: 50vh;
    background-position: center center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    font-size: 20px;
    color: #fff;
}

.mid_bg_img_box_txt{
    text-align: center;
    margin: auto;
    font-size: 20px;
    font-weight: 700;
}

dl{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    border-collapse: collapse;
/*    border: 1px solid #434343;*/
    border-bottom: none;
    justify-content: center;
}
dt{
    width: 30%;
/*
    min-width: 140px;
    background: #E6E6E6;
*/
    color: #707070;
/*    border-bottom: 1px solid #434343;*/
    border-right: 1px solid #1464A0;
    display: flex;
    justify-content: center;
/*    align-items: center;*/
    padding: 20px 0;
    
}

dd{
    width: 55%;
/*    border-bottom: 1px solid #434343;*/
    padding: 20px;
    color: #707070;
}

.mid_bg_sdgs_box{
    width: 100%;
    margin: auto;
    background: #214F84;
    background-image: url('../images/company/bg_bottom.png'), url('../images/company/bg_top.png');
    background-position: center top, center bottom;
    background-repeat: no-repeat;
    font-family: "M PLUS 1p", sans-serif;
    padding: 150px 0;
}

.sdgs_sengen_box {
    max-width: 1200px;
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    margin: auto;
    background: #fff;
    padding: 50px 0;
}
.sdgs_img_sdgs_txt {
    width: 50%;
    padding: 20px;
}
p.txtCenter {
    margin: 0 auto;
    text-align: center;
}
p.txtWhite {
    color: #fff;
    margin: 80px auto;
    text-align: center;
}
.access_map {
    margin: 100px auto;
    max-width: 1200px;
    width: 100%;
}

@media screen and (max-width: 600px) {
    
/*
    dl{
        display: block;
    }
*/
    dt{
/*        width: 100%;*/
        padding: 10px;
    }
    dd{
/*        width: 100%;*/
        padding: 20px;
        text-align: center;
    }
    .contains_company{
        margin: 20px auto;
    }
    .company_add_box {
        display: block;
        }
    .sdgs_sengen_box{
        width: 90%;
        display: block;
    }
    .mid_bg_sdgs_box{
        background-size: contain;
    }
    .sdgs_img_sdgs_img {
    width: 90%;
    text-align: -webkit-center;
}
    .sdgs_img_sdgs_txt {
    width: 100%;
}
    iframe {
    width: 100%;
}
    .main-img-company{
    height: 65vh;    
}
}