html {
    -webkit-text-size-adjust: none;
}
@media screen and (min-width: 360px) {
    * {
        -webkit-text-size-adjust: none;
    }
}
@media only screen and (max-width: 1366px) {
    .mv-news-wrap .mv-news .mv-news-content .post-title-head {
        left: 235px;
    }
    .mv-news-wrap .mv-news .mv-news-content .post-title-bottom {
        left: 235px;
    }
    .mv-news-wrap .mv-news .mv-news-content .post-date {
        flex-basis: 240px;
        max-width: 240px;
        padding: 21px 20px 18px 20px;
    }
    .mv-news-wrap .mv-news .mv-news-content .post-title {
        flex-basis: calc(100% - 480px);
        max-width: calc(100% - 480px);
        padding: 21px 20px 18px 20px;
    }
    .mv-news-wrap .mv-news .mv-news-content .more-btn {
        flex-basis: 240px;
        max-width: 240px;
        padding: 21px 20px 18px 20px;
    }
    /* ----------------
partners
---------------- */
    .partners-wrap .partners {
        padding: 0px 20px 160px 20px;
    }   
    
    /* ---------------
footer info
---------------- */
    .footer-info-wrap .footer-info .footer-info-content {
        padding: 0px 20px 0px 20px;
        flex-wrap: wrap;
    }
    .footer-info-wrap .footer-info .footer-info-content .twitter {
        flex-basis: 47.3%;
        max-width: 47.3%;
    }
    .footer-info-wrap .footer-info .footer-info-content .contact {
        flex-basis: 48.3%;
        max-width: 47.3%;
    }
    .footer-info-wrap .footer-info .footer-info-content .contact .contact-body .contact-mail a {
        padding: 20px 20px 20px 60px;
    }
    .footer-info-wrap .footer-info .footer-info-content .contact .contact-body .contact-twitter a {
        padding: 20px 20px 20px 60px;
    }
    /* ----------------
footer
---------------- */
    footer .footer-content {
        padding: 60px 20px 20px 20px;
    }
}
@media only screen and (max-width: 1200px) {
    /* ----------------
main visual
---------------- */
    .mv-bg .bg-img-wrap {
        height: 700px;
    }
    .mv-bg .bg-img-wrap img.sp-use {
        display: none;
    }
    .mv-bg .bg-img-wrap img.pc-use {
        display: block;
        object-fit: cover;
        height: 700px;
    }
    .mv-logo-copy-wrap .mv-logo-copy {
        margin-top: 3%;
    }
    .mv-logo-copy-wrap .mv-logo-copy .mv-logo {
        max-width: 222px;
    }
    .mv-logo-copy-wrap .mv-logo-copy .mv-copy {
        max-width: 80%;
        padding: 50px 0px 0px 0px;
    }
    .mv-logo-copy-wrap .mv-logo-copy .mv-copy .en img.sp-use {
        display: none;
    }
    .mv-logo-copy-wrap .mv-logo-copy .mv-copy .en img.pc-use {
        display: block;
    }
    .mv-sns-wrap .mv-sns {
        padding: 10px 10px 0px 0px;
    }
    /* ----------------
movie
---------------- */
    .movie-wrap .movie .movie-content {
        width: calc(100% - 40px);
    }
}
@media only screen and (max-width: 800px) {
    /* ----------------
main visual
---------------- */
    .mv-bg .bg-img-wrap {
        height: 700px;
    }
    .mv-bg .bg-img-wrap img.sp-use {
        display: none;
    }
    .mv-bg .bg-img-wrap img.pc-use {
        display: block;
        object-fit: cover;
        height: 700px;
    }
    .mv-logo-copy-wrap .mv-logo-copy {
        margin-top: -5%;
    }
    .mv-logo-copy-wrap .mv-logo-copy .mv-logo {
        max-width: 222px;
    }
    .mv-logo-copy-wrap .mv-logo-copy .mv-copy {
        max-width: 292px;
        padding: 50px 0px 0px 0px;
    }
    .mv-logo-copy-wrap .mv-logo-copy .mv-copy .en img.sp-use {
        display: block;
    }
    .mv-logo-copy-wrap .mv-logo-copy .mv-copy .en img.pc-use {
        display: none;
    }
    .mv-sns-wrap .mv-sns {
        padding: 10px 10px 0px 0px;
    }
    /* ----------------
mv news
---------------- */
    .mv-news-wrap .mv-news .mv-news-line {
        height: 2px;
    }
    .mv-news-wrap .mv-news .mv-news-line .end-line {
        flex-basis: 60px;
        max-width: 60px;
        height: 2px;
    }
    .mv-news-wrap .mv-news .mv-news-line .center-line {
        flex-basis: calc(100% - 126px);
        max-width: calc(100% - 126px);
        height: 2px;
    }
    .mv-news-wrap .mv-news .mv-news-content {
        flex-wrap: wrap;
        line-height: 1.5;
        padding: 20px 15px 15px 15px;
    }
    .mv-news-wrap .mv-news .mv-news-content .post-title-head {
        display: none;
    }
    .mv-news-wrap .mv-news .mv-news-content .post-title-bottom {
        display: none;
    }
    .mv-news-wrap .mv-news .mv-news-content .post-date {
        flex-basis: 100%;
        max-width: 100%;
        padding: 0px;
        text-align: left;
    }
    .mv-news-wrap .mv-news .mv-news-content .post-date span {
        padding: 0px 0px 0px 25px;
    }
    .mv-news-wrap .mv-news .mv-news-content .post-title {
        flex-basis: 100%;
        max-width: 100%;
        padding: 5px 0px 0px 25px;
        background-image: none;
    }
    .mv-news-wrap .mv-news .mv-news-content .more-btn {
        flex-basis: 100%;
        max-width: 100%;
        padding: 0px;
        text-align: right;
    }
    /* ----------------
content separation
---------------- */
    .content-separation-line {
        height: 2px;
    }
    .content-separation-line .end-line {
        flex-basis: 60px;
        max-width: 60px;
        height: 2px;
    }
    .content-separation-line .center-line {
        flex-basis: calc(100% - 126px);
        max-width: calc(100% - 126px);
        height: 2px;
    }
    /* ----------------
message
---------------- */
    .message-wrap {
        height: 600px;
    }
    .message-object {
        height: 600px;
    }
    .message-bg {
        height: 600px;
    }
    .message-bg img.sp-use {
        display: block;
    }
    .message-bg img.pc-use {
        display: none;
    }
    .message-smoke {
        height: 600px;
    }
    .message-smoke canvas {
        height: 600px;
    }
    .message-text-wrap .message-text {
        margin-top: -3%;
        font-size: 106.25%;
        line-height: 2.6;
    }
    /* ----------------
content title
---------------- */
    .content-title-bg {
        height: 200px;
        text-align: center;
    }
    .content-title-bg img {
        width: 100%;
        max-width: 100%;
        height: 200px;
        object-fit: cover;
    }
    .content-title-bg img.sp-use {
        display: block;
    }
    .content-title-bg img.pc-use {
        display: none;
    }
    .content-title {
        font-size: 212.5%;
    }
    .content-title span.add {
        top: 65%;
        bottom: auto;
        left: calc(50% - 65px);
        max-width: 130px;
    }
    /* ----------------
members
---------------- */
    .members {
        padding: 40px 0px 40px 0px;
    }
    .members-box-wrap {
        padding: 0px 0px 0px 0px;
        max-width: 400px;
        margin: 0 auto;
    }
    .members-box-wrap .members-box {
        flex-basis: 100%;
        max-width: 100%;
    }
    /* ----------------
news
---------------- */
    .news-wrap {
        background-image: url("../images/news-bg-sp.png");
    }
    .news-wrap .news {
        padding: 50px 0px 50px 0px;
    }
    .news-wrap .news .news-content {
        flex-wrap: wrap;
        padding: 0px 0px 60px 0px;
        max-width: 600px;
        margin: 0 auto;
    }
    .news-wrap .news .news-content .news-img-wrap {
        flex-basis: 100%;
        max-width: 100%;
        margin-top: 5%;
        margin-bottom: 10%;
        order: 2;
    }
    .news-wrap .news .news-content .news-img-wrap .news-line01 {
        width: 2px;
    }
    .news-wrap .news .news-content .news-img-wrap .news-line02 {
        width: 2px;
    }
    .news-wrap .news .news-content .news-img-wrap .news-line03 {
        width: 2px;
    }
    .news-wrap .news .news-content .news-desc-wrap {
        flex-basis: 100%;
        max-width: 100%;
        order: 1;
        padding: 0px 0px 50px 0px;
    }
    .news-wrap .news .news-content .news-desc-wrap .news-desc {
        max-width: 600px;
        width: 100%;
        padding: 10px 0px 50px 0px;
    }
    .news-wrap .news .news-content .news-desc-wrap .news-desc .news-main-title {
        font-size: 137.5%;
        padding: 0px 30px 0px 30px;
    }
    .news-wrap .news .news-content .news-desc-wrap .news-desc .news-main-body {
        padding: 10px 30px 10px 30px;
    }
    .news-wrap .news .news-content .news-desc-wrap .news-desc .news-main-date {
        padding: 0px 30px 0px 30px;
    }
    .news-wrap .news .news-content .news-desc-wrap .news-link {
        max-width: 600px;
        width: 100%;
        padding: 20px 30px 0px 30px;
    }
    .swiper-wrapper {
        margin-left: -20px;
    }
    /* ----------------
movie
---------------- */
    .movie-wrap {
        background-position: center top 50px;
    }
    .movie-wrap .movie {
        padding: 0px 0px 50px 0px;
    }
    .movie-wrap .movie .movie-content .movie-line01 {
        height: 100px;
        top: calc(50% - 50px);
    }
    .movie-wrap .movie .movie-content .movie-line01 img {
        height: 100px;
    }
    .movie-wrap .movie .movie-content .movie-line02 {
        height: 100px;
        top: calc(50% - 50px);
    }
    .movie-wrap .movie .movie-content .movie-line02 img {
        height: 100px;
    }
    .movie-wrap .movie .movie-content .movie-line03 {
        height: 4px;
        width: 90px;
        left: calc(50% - 45px);
    }
    /* ----------------
partners
---------------- */
    .partners-wrap .partners {
        padding: 0px 20px 50px 20px;
    }
    .partners-wrap .partners .partners-content {
        padding: 0px 0px 0px 0px;
        flex-wrap: wrap;
    }
    .partners-wrap .partners .partners-content > div {
        flex-basis: 50%;
        max-width: 50%;
        padding: 0px 14px 15px 14px;
        box-sizing: border-box;
    }
    /* ----------------
footer info
---------------- */
    .footer-info-wrap {
        background-image: url("../images/footer-info-bg-sp.png");
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center top;
    }
    .footer-info-wrap .footer-info {
        padding: 60px 0px 60px 0px;
    }
    .footer-info-wrap .footer-info .footer-info-content {
        padding: 0px 20px 0px 20px;
        flex-wrap: wrap;
    }
    .footer-info-wrap .footer-info .footer-info-content .twitter {
        flex-basis: 100%;
        max-width: 100%;
        padding: 0px 0px 30px 0px;
    }
    .footer-info-wrap .footer-info .footer-info-content .twitter .twitter-title {
        padding: 0px 0px 20px 45px;
    }
    .footer-info-wrap .footer-info .footer-info-content .twitter .twitter-title p.main {
        font-size: 175%;
    }
    .footer-info-wrap .footer-info .footer-info-content .contact {
        flex-basis: 100%;
        max-width: 100%;
    }
    .footer-info-wrap .footer-info .footer-info-content .contact .contact-title {
        padding: 0px 0px 20px 45px;
    }
    .footer-info-wrap .footer-info .footer-info-content .contact .contact-title p.main {
        font-size: 175%;
    }
    .footer-info-wrap .footer-info .footer-info-content .contact .contact-body .contact-mail a {
        padding: 20px 20px 20px 60px;
    }
    .footer-info-wrap .footer-info .footer-info-content .contact .contact-body .contact-twitter a {
        padding: 20px 20px 20px 60px;
    }
}
@media only screen and (max-width: 600px) {
    /* ----------------
main visual
---------------- */
    .mv-bg .bg-img-wrap {
        height: auto;
    }
    .mv-bg .bg-img-wrap img.sp-use {
        display: block;
    }
    .mv-bg .bg-img-wrap img.pc-use {
        display: none;
    }
    .mv-logo-copy-wrap .mv-logo-copy {
        margin-top: -15%;
    }
    .mv-logo-copy-wrap .mv-logo-copy .mv-logo {
        max-width: 162px;
    }
    /* ----------------
message
---------------- */
    .message-wrap {
        height: 700px;
    }
    .message-object {
        height: 700px;
    }
    .message-bg {
        height: 700px;
    }
    .message-bg img.sp-use {
        display: block;
    }
    .message-bg img.pc-use {
        display: none;
    }
    .message-smoke {
        height: 700px;
    }
    .message-smoke canvas {
        height: 700px;
    }
    .message-text-wrap .message-text p br.sp-use {
        display: inline-block;
    }
    .message-text-wrap .message-text p br.pc-use {
        display: none;
    }
    /* ----------------
news
---------------- */
    .swiper::after {
        content: none;
    }
    .swiper::before {
        content: none;
    }
    .swiper-button-next, .swiper-button-prev {
        display: none;
    }
    .news-wrap .news .news-content .news-img-wrap {
        margin-top: -5%;
        margin-bottom: 0%;
    }
    /* ----------------
partners
---------------- */
    .partners-wrap .partners .partners-content > div {
        padding: 0px 7px 15px 7px;
    }
    /* ----------------
footer
---------------- */
    footer .footer-content {
        padding: 40px 0px 20px 0px;
    }
    footer .footer-content .footer-content-upper {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: flex-start;
        flex-wrap: wrap;
    }
    footer .footer-content .footer-content-upper .footer-logo {
        flex-basis: 100%;
        max-width: 100%;
        padding: 0px 0px 15px 0px;
    }
    footer .footer-content .footer-content-upper .footer-logo a {
        display: block;
        width: 174px;
        margin: 0 auto;
    }
    footer .footer-content .footer-content-upper .footer-sns-wrap {
        flex-basis: 100%;
        max-width: 100%;
        text-align: center;
    }
    footer .footer-content .footer-content-upper .footer-sns-wrap .footer-sns {
        justify-content: center;
        padding: 0px 0px 0px 0px;
    }
    footer .footer-content .footer-content-lower {
        justify-content: center;
        padding: 20px 0px 0px 0px;
    }
    footer .footer-content .footer-content-lower .official-link {
        padding: 0px 15px 0px 0px;
    }
    footer .footer-content .footer-content-lower .copyright {
        padding: 0px 0px 0px 10px;
    }
}