@charset "utf-8";

@media only screen and (min-width: 0px) and (max-width: 1600px) {

.contents .section-title {
    width: calc(100vw * 1080 / 1600);
}
.contents.interview .body p.image {
    width: calc(100vw * 580 / 1600);
}
.contents.interview .body.forward p.image {
    margin-left: calc(100vw * 80 / 1600);
}
.contents.interview .body.reverse p.image {
    margin-right: calc(100vw * 80 / 1600);
}
.contents.interview .body .txt {
    width: calc(100vw * 590 / 1600);
}
.contents.interview .body.center .txt {
    width: calc(100vw * 840 / 1600);
}
.contents.interview p.image-large {
    width: calc(100vw * 1080 / 1600);
}

}

@media only screen and (min-width: 0px) and (max-width: 750px) {

/* ©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤ *
 *                                              *
 * ¥¿¥¤¥È¥ë                                     *
 *                                              *
 * ©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤ */

/* ÒŠ³ö¤· */
#project-title {
    height: 64.0rem;
    padding-bottom: 0;
    padding-top: 15.0rem;
}
.project-jdscom #project-title {
    background: url("/saiyou/image/project/jdscom/mainvisual-sp.jpg") no-repeat center center / cover;
}
.project-mexico #project-title {
    background: url("/saiyou/image/project/mexico/mainvisual-sp.jpg") no-repeat center center / cover;
}
.project-7cc #project-title {
    background: url("/saiyou/image/project/7cc/mainvisual-sp.jpg") no-repeat center center / cover;
}
#project-title .inner {
    width: 100%;
    height: 100%;
}
#project-title .inner h1 {
    font-size: 5.2rem;
}
#project-title .inner p.en {
    font-size: 2.2rem;
    margin-bottom: 1.5rem;
}
.contents.first {
    padding-bottom: 12.0rem;
}
.contents.interview {
    padding: 12.0rem 0 9.0rem;
}

/* ©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤ *
 *                                              *
 * Ëû¤Î¥×¥í¥¸¥§¥¯¥È                             *
 *                                              *
 * ©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤ */

.contents #next-contents {
    padding: 9.0rem 0 11.0rem;
}
.contents #next-contents .inner {
    width: 67.0rem;
}
.contents #next-contents .inner h2 {
    font-size: 7.6rem;
}
.contents #next-contents .inner #next-list {
    display: block;
}
.contents #next-contents .inner #next-list .list {
    width: 100%;
    margin-bottom: 3.0rem;
}
.contents #next-contents .inner #next-list .list:last-of-type {
    margin-bottom: 0;
}
.contents #next-contents .inner #next-list .list p.cname {
    font-size: 2.8rem;
    padding: 0 7.0rem 0 4.0rem;
}
.contents #next-contents .inner #next-list .list p.cname::after {
    border-width: 1.0rem 0 1.0rem 2.0rem;
    right: 3.0rem;
}
.contents #next-contents .inner #next-list .list p.cname span.en {
    font-size: 2.0rem;
}

/* ©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤ *
 *                                              *
 * ¥¤¥ó¥È¥í¥À¥¯¥·¥ç¥ó                           *
 *                                              *
 * ©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤ */

.contents #introduction {
    width: 69.0rem;
    padding: 8.0rem 4.0rem;
    top: -6.0rem;
}
.contents #introduction::after {
    background: url("/saiyou/image/project/bg-introduction-sp@2x.png") no-repeat right top / cover;
    width: 55.8rem;
    height: 6.2rem;
    
}
.contents #introduction dl dt {
    font-size: 4.0rem;
    font-feature-settings: "palt" 1;
}
.contents #introduction dl dd {
    font-size: 2.4rem;
    line-height: 2.083333333333333;
    word-break: break-all;
}

/* ©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤ *
 *                                              *
 * ¥×¥í¥¸¥§¥¯¥È¥á¥ó¥Ð©`                         *
 *                                              *
 * ©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤ */

.contents #member {
    width: 56.0rem;
}
.contents #member h2 {
    font-family: "Manrope", sans-serif;
    font-size: 3.0rem;
    margin: 0 auto 4.0rem;
}
.contents #member .flex {
    display: block;
}
.contents #member .flex .item {
    width: 100%;
    margin: 0 0 2.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.contents #member .flex .item:last-of-type {
    margin: 0;
}
.contents #member .flex .item p.image {
    width: 26.6rem;
    margin-right: 4.0rem;
    margin-bottom: 0;
    flex-shrink: 0;
}
.contents #member .flex .item p.image span.position {
    font-size: 2.4rem;
    padding: 0.875rem;
}
.contents #member .flex .item dl dt {
    font-size: 2.6rem;
    margin-bottom: 1.0rem;
    white-space: nowrap;
}
.contents #member .flex .item dl dt span.join {
    font-size: 2.0rem;
    margin-left: 1.5rem;
}
.contents #member .flex .item dl dd {
    font-size: 2.0rem;
    line-height: 1.5;
    white-space: nowrap;
}

/* ©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤ *
 *                                              *
 * ¥»¥¯¥·¥ç¥óÒŠ³ö¤·                             *
 *                                              *
 * ©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤©¤ */

.contents .section-title {
    width: 62.0rem;
    padding: 0.4rem;
    margin: 0 auto 13.0rem;
}
.contents .section-title::before {
    width: 6.0rem;
    height: 6.0rem;
    bottom: -3.0rem;
}
.contents .section-title::after {
    width: 0.4rem;
    height: 9.0rem;
    bottom: -6.0rem;
}
.contents .section-title .inner {
    padding: 6.0rem 3.0rem 8.0rem;
}
.contents .section-title .inner p.en {
    font-size: 2.6rem;
}
.contents .section-title .inner h2 {
    font-size: 4.0rem;
    line-height: 1.75;
    font-feature-settings: "palt" 1;
}

.contents.interview .body {
    display: block;
}
.contents.interview .body p.image {
    width: 58.0rem;
}
.contents.interview .body.forward p.image {
    margin-left: auto;
}
.contents.interview .body.reverse p.image {
    margin-right: auto;
}
.contents.interview .body .txt {
    width: 62.0rem;
    margin: 0 auto 10.0rem;
}
.contents.interview .body.center .txt {
    width: 62.0rem;
}
.contents.interview .body .txt dl {
    font-size: 2.4rem;
    line-height: 2.083333333333333;
}
.contents.interview .body .txt dl dt {
    width: 11.0rem;
    margin-bottom: 5.0rem;
}
.contents.interview .body .txt dl dd {
    width: calc(100% - 11.0rem);
    margin-bottom: 5.0rem;
    word-break: break-all;
}
.contents.interview p.image-large {
    width: 100%;
}


}