@charset "UTF-8";
/* CSS Document */

/* ---------- COMMON ---------- */
.slide img{
    width: 100%;
}

.slide div,
.slide div figure{
    margin: 0;
    padding:0;
}

article h1{
    display: none;
}

article h2{
    color: #4f4f4f;
    font-weight: 900;
}

.company_intro{
    font-weight: 200;
    text-align: center;
}

article section h3{
    font-weight: 700;
}

.lists{
    display: flex;
    flex-wrap: wrap;
}

.lists li{
    list-style: none;
    margin-right: 1em;
}

article dt{
    font-weight: 400;
}

.wp-block-group__inner-container {
  display: contents;
}

/* profile */
.profile h2{
    display: none;
}

.gmaps iframe{
    height: 200px;
    width: 100%;
}

.history dl{
    margin-bottom: 5px;
}

.organization li,
.award li{
    list-style: none;
    margin-bottom: 5px;
}

.award h4{
    margin-bottom: 5px;
}

.award ul li{
    margin-bottom: 5px;
    font-weight: 700;
}

.award ol{
    padding-left: 1em;
}

/* client */
.clients{
    font-weight: 700;
    line-height: 2em;
}

/* ---------- Mobile / Tablet ---------- */
@media(max-width:1030px){
    .company_intro{
        margin-bottom: 30px;
    }

    article section,
    .company_intro{
        padding-left: 20px;
        padding-right: 20px;
    }

    article section{
        margin-bottom: 60px;
    }

    article section h2{
        font-size: 1.5em;
        margin-bottom: 30px;
    }

    article section h3{
        font-size: 1.142em;
        margin-bottom: 10px;
    }
}

/* ---------- Mobile ---------- */
@media(max-width:737px) {
    
    .slide{
        padding-top:45px;
        margin-bottom: 30px;
    }

    /* company info */
    
    .company_info div,
    .company_info figure{
        margin-bottom: 35px;
    }

    .company_info div dl{
        margin-bottom: 10px;
    }

    .company_info figure{
        text-align: center;
    }

    .company_info figure img{
        width: 60%;
    }

    /* profile */
    .profile_contents figure{
        margin-bottom: 35px;
        text-align: center;
    }

    .profile_contents figure img{
        width: 60%;
    }

    .director p,
    .history,
    .organization{
        margin-bottom: 25px;
    }

    .history p{
        padding-top: 15px;
    }

    .award ul,
    .award ol{
        margin-bottom: 15px;
    }
}

/* ---------- Portlate ---------- */
@media(max-width:567px) {}

/* ---------- Tablet / PC ---------- */
@media (min-width: 738px) {
    .company_intro{
        line-height: 2em;
        margin-left: auto;
        margin-right: auto;
    }

/* company info */
    .company_info{
        display: flex;
        justify-content: space-between;
        margin-bottom: 60px;
    }

    .company_info div dl{
        display: table;
        margin-bottom: 10px;
    }

    .company_info div dl dt,
    .company_info div dl dd{
        display: table-cell;
    }

    .company_info figure{
        order: -1;
    }

/* profile */
    .profile_contents{
        display: flex;
    }

/* award */
    .award_list{
        display: flex;
        justify-content: space-between;
    }
}

/* ---------- Tablet ---------- */
@media(max-width:1030px) and (min-width: 737px){
    .slide{
        margin-bottom: 30px;
    }

    .company_intro{
        font-size: 1.285em;
        margin-bottom: 30px;
    }

    /* company info */
    .info_body{
        padding-left: 30px;
        width: 520px;
    }

    .company_info div dl dt{
        width: 75px;
    }
    
    .company_info figure{
        max-width: 400px;
    }

    /* profile */
    .profile_contents figure{
        max-width: 400px;
    }

    .director{
        padding-left: 30px;
        width: 520px;
    }

    .director p,
    .history,
    .organization{
        margin-bottom: 30px;
    }

    .history p{
        padding-top: 10px;
    }

    .award_list ul,
    .award_list div{
        width: 30%;
    }

}

/* ---------- PC ---------- */
@media(min-width:1031px){
    .slide{
        margin-bottom: 100px;
    }

    article section{
        margin-left: auto;
        margin-right: auto;
        max-width: 1170px;
        margin-bottom: 100px;
    }

    article section h2{
        font-size: 1.666em;
        margin-bottom: 35px;
    }

    article section h3{
        font-size: 1.125em;
        margin-bottom: 20px;
    }

    .company_intro{
        font-size: 1.625em;
        line-height: 2em;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 100px;
    }

/* company info */
    .company_info{
        display: flex;
        justify-content: space-between;
        margin-bottom: 60px;
    }

    .info_body{
        padding-left: 30px;
        width: 585px;
    }

    .company_info div dl dt{
        width: 125px;
    }

/* profile */

    .profile_contents figure{
        width: 585px;
    }

    .profile_contents figure img{
        max-width: 400px;
    }

    .director{
        padding-left: 30px;
        width: 585px;
    }

    .director p,
    .history,
    .organization{
        margin-bottom: 40px;
    }

    .history p{
        padding-top: 20px;
    }

    .history dl{
        display: table;
    }

    .history dl dt,
    .history dl dd{
        display: table-cell;
    }

    .history dl dt{
        padding-right:1em;
    }

/* award */
    .award_list ul,
    .award_list div{
        width: 390px;
    }
}