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

/*******************************
1024
*******************************/
@media screen and (max-width:1024px) {
    #mcareerBox01 {
        display: block;
    }
    #mcareerBox01 h1 {
        width: auto;
    }
    #mcareerBox01 div {
        width: auto;
    }
    #mcareerBox02 {
        display: block;
    }
    #mcareerBox02 h2 {
        width: auto;
        font-size: 2.5vw;
    }
    #mcareerBox02 div.chart {
        width: auto;
        margin-top: 2rem;
    }
    #officeBox01 {
        display: block;
    }
    #officeBox01 .item {
        width: auto;
        margin-bottom: 2rem;
    }
    #officeBox01 .subitem {
        width: auto;
        align-items: center;
        justify-content: center;
    }
    #officeBox01 h2, #officeBox03 h2 {
        font-size: 2.5vw;
    }
    #officeBox01 .subitem h3,
    #officeBox02 section h3 {
        width: 8.5rem;
        height: 8.5rem;
    }
    #officeBox01 .subitem p,
    #officeBox02 section:first-child p,
    #officeBox02 section:last-child p {
        width: 80%;
    }
    #officeBox02 {
        display: block;
        margin-top: 1rem;
    }
    #officeBox02 section {
        align-items: center;
        justify-content: center;
    }
    #officeBox02 section:first-child {
        width: auto;
    }
    #officeBox02 section:last-child {
        width: auto;
        margin-top: 1rem;
    }
    #officeBox03 {
        margin-top: 3rem;
    }
    #officeBox03 figure {
        display: block;
        width: 60%;
        margin: 2rem auto 0;
    }
    #officeBox03 figure img {
        margin-top: 0.5rem;
    }
    #officeBox03 figure:nth-child(odd) img {
        margin-right: 0;
    }
    #officeBox03 figure:nth-child(even) img {
        margin-left: 0;
    }
    #officeBox03 .parallel01 {
        align-items: flex-end;
        justify-content: center;
        width: 60%;
        margin: 0 auto;
        overflow: visible;
    }
    #officeBox03 .parallel01 figure {
        margin: 2rem 0 0;
        width: auto;
    }
    #officeBox03 .parallel01 figure:first-child {
        margin: 0 4% 0 0;
    }
    #officeBox03 .parallel01 figure:nth-child(odd) img {
        margin: 0.5rem 0 0;
        width: auto;
    }
    #officeBox03 .parallel01 figure:nth-child(even) img {
        margin-left: 0;
        width: auto;
    }
    #officeBox03 .parallel01 figure figcaption {
        width: auto;
    }
}

/*******************************
738
*******************************/
@media screen and (max-width:738px) {
    #indexBox01 #engage-contributions-widget-wrapper {
        width: 100%!important;
    }
    #mcareerBox02 h2 {
        font-size: 6vw;
    }
    #mcareerBox02 div.chart {
    }
    #mcareerBox02 div.chart dl {
        display: block;
        padding: 0 0 2em;
        font-size: 3.75vw;
    }
    #mcareerBox02 div.chart dl:nth-child(odd) {
        background: none;
    }
    #mcareerBox02 div.chart dl dt {
        width: auto;
        padding: 0.8em 0.5em;
        background: #f8f8f8;
        margin-bottom: 1.5em;
    }
    #mcareerBox02 div.chart dl dd {
        width: auto;
        padding: 0 0.5em;
    }
    #mcareerBox02 div.chart dl dd .list01 {
        margin: 1.5em 0 0 1.5em;
    }
    #mcareerBox02 div.chart dl dd .list01 li:not(:last-child) {
        margin-bottom: 0.8em;
    }
    #mcareerBox02 div.chart dl dd .txt01 {
        margin-top: 1.5em;
    }
    #officeBox02 section,
    #officeBox01 .subitem {
        display: block;
    }
    #officeBox01 h2, #officeBox03 h2 {
        font-size: 6vw;
    }
    #officeBox01 .subitem h3 strong, #officeBox02 section h3 strong, #officeBox03 section h3 strong {
        margin-top: 9vw;
    }
    #officeBox01 .subitem h3, #officeBox01 .subitem h3, #officeBox02 section h3 {
        margin: 0 auto 0.8rem;
        font-size: 4vw;
        width: 35vw;
        height: 35vw;
    }
    #officeBox01 .subitem p, #officeBox02 section:first-child p, #officeBox02 section:last-child p {
        width: auto;
        font-size: 3.75vw;
    }
    #officeBox02 {
        margin-top: 2rem;
    }
    #officeBox03 figure {
        width: auto;
    }
    #officeBox03 .parallel01 {
        display: block;
        width: auto;
        margin: 2rem auto 0;
    }
    #officeBox02 section:last-child {
        margin-top: 2rem;
    }
    #officeBox03 figure:nth-child(odd) img,
    #officeBox03 figure:nth-child(even) img,
    #officeBox03 .parallel01 figure:nth-child(odd) img,
    #officeBox03 .parallel01 figure:nth-child(even) img {
        max-width: 100%;
        width: auto;
        display: block;
        margin: 0.5rem auto;
    }
}

/*******************************
320
*******************************/
@media screen and (max-width:320px) {
}