/* =========================================================
   Support Page CSS
   Scope: body.support only
========================================================= */
.support .mv {
    background: url(../../img/bg-mv-support.webp);
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: 100%;
    padding: 80px 20px 60px;
    text-align: center;
}
.support .mv .ttl {
    margin-bottom: 10px !important;
    padding: 0;
}
.support .mv .subttl {
    margin-bottom: 30px;
    color: #eb6e8f;
}
.support .mv .note {
    max-width: 740px;
	margin: 0 auto;
	line-height: 1.9;
    font-weight: 400;
    text-align: left;
}
.support .mv .note p {
	margin: 20px 0;
}

@media (max-width: 1440px) {
    .support .mv {
        background-size: auto;
  }
}
@media (max-width: 768px) {
    .support .mv {
        padding: 0;
        background: none;
    }
    .support .mv .inner {
        padding: 80px 0 30px;
        background: url(../../img/bg-mv-support.webp);
        background-position: center top;
        background-repeat: no-repeat;
        background-attachment: fixed;
        background-size: 100%;
    }
    .support .mv .note {
        max-width: 100%;
	    padding: 20px 20px 0;
    }
    .momo-btn-note {
        padding: 12px;
    }
}
@media (max-width: 767px) {
    .support .mv .inner {
        background: url(../../img/bg-mv-support-s.webp);
        padding: calc(40px + 40 * (100vw - 320px) / 447) 0 calc(2px + 28 * (100vw - 320px) / 447);
        background-position: center calc(-92px - 96 * (100vw - 500px) / 267);
		background-size: cover;
    }
    .support .mv .ttl {
        font-size: 1.8rem !important;
    }
    .support .mv .subttl {
        font-size: calc(15.2px + 4 * (100vw - 320px) / 447);
        font-weight: 700;
    }
    .support .c-consultation__tab {
        padding: calc(8px + 12 * (100vw - 320px) / 448) calc(1px + 39 * (100vw - 320px) / 447);
        font-size: calc(16px + 4 * (100vw - 320px) / 448);
    }
}
@media (max-width: 500px) {
    .support .mv .inner {
        background-position: center 590px;
        background-size: auto 346px;
    }
}