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

/* powerandit.co.jp - company
-----------------------------------------------------*/
main p + p {
    margin-top: 1.2em;
}
main section + section {
    margin-top: 3em;
}
main ol.listNum {
    margin-top: 0.5em;
}

/* ==============================================
    message
============================================== */
#message {
    display: grid;
    grid-template-columns: 484px auto;
    grid-gap: 0 40px;
}
#message #text {
    /* font-size: 1.125em; */
    font-size: 20px;
}
#message #photo {
    text-align: center;
    font-size: 1.125em;
}
#message #photo img:first-of-type {
    width: 100%;
}
#message #photo strong {
    display: block;
    font-size: 1.625em;
    font-weight: 500;
}
@media screen and (max-width: 1200px) {
    #message {
        grid-template-columns: 41% auto;
    }
    #message #text {
        font-size: clamp(1rem, 0.25rem + 1.33vw, 1.25rem);
    }
}
@media screen and (max-width: 900px) {
    #message {
        grid-template-columns: 300px auto;
        grid-gap: 0 30px;
    }
}
@media screen and (max-width: 800px) {
    #message {
        display: block;
    }
    #message #photo {
        margin-bottom: 2em;
    }
    #message img {
        max-width: 400px;
    }
}

/* ==============================================
    about
============================================== */
#outline table {
    margin-bottom: 1em;
}
#outline table a {
    text-decoration: underline;
}
@media screen and (max-width: 700px) {
    #organization img {
        width: 100%;
        max-width: 480px;
    }
}
#group ul {
    margin-top: 2em;
    text-align: center;
}
#group li {
    display: inline-block;
    vertical-align: middle;
}
#group li:last-of-type {
    margin-left: 2em;
}
@media screen and (max-width: 700px) {
    #group li img {
        width: auto;
        height: 10vw;
    }
}
@media screen and (max-width: 500px) {
    #group li {
        display: block;
        margin-bottom: 1em;
    }
    #group li:last-of-type {
        margin-left: 0;
    }
    #group li img {
        height: 50px;
    }
}

/* ==============================================
    announcement
============================================== */
#announcement ul {
    list-style: none;
    margin-left: 0.5em;
}
#announcement li {
    margin-bottom: 1.5em;
}


/* ==============================================
    iso
============================================== */
#policy ol.listNum {
    margin-top: 1.5em;
}
#certification {
    margin-top: 5em;
}
#certification div {
    display: grid;
    grid-template-columns: 150px auto;
    grid-gap: 0 30px;
}
#certification div img {
    max-width: 100%;
}
@media screen and (max-width: 700px) {
    #certification div {
        grid-template-columns: 130px auto;
        grid-gap: 0 15px;
    }
}
@media screen and (max-width: 500px) {
    #certification div {
        grid-template-columns: 100px auto;
        grid-gap: 0 15px;
    }
}

#certification h4 {
    margin-top: 2em;
    margin-bottom: 0.3em;
    font-size: 1.125em;
    font-weight: 500;
    color: var(--point-blue);
}
#certification th {
    text-align: left;
}