@charset 'utf-8';

/* 和サロンプロジェクト */
#pagetop.wasaron {

}

@media screen and (max-width: 750px) {
}

.wasaronTopArea {
    background: url(../images/wasaron/mv_section_bg.jpg) repeat-x left bottom;
    padding-bottom: 103px;
    color: #000;
}

@media screen and (max-width: 1280px) and (min-width: 751px) {
    .wasaronTopArea {
        padding-bottom: 8.047vw;
    }
}

@media screen and (max-width: 750px) {
    .wasaronTopArea {
        padding-bottom: 21.33vw;
    }
}

.wasaronBottomArea {
    position: relative;
    background: #f6f6f8;
    overflow: hidden;
    color: #000;
}

.wasaronBottomArea-inner {
    position: relative;
    max-width: 1280px;
    padding-top: 149px;
    padding-bottom: 210px;
    margin: 0 auto;
}

@media screen and (max-width: 1280px) and (min-width: 751px) {
    .wasaronBottomArea-inner {
        max-width: 100vw;
        padding-top: 11.641vw;
        padding-bottom: 16.406vw;
    }
}

@media screen and (max-width: 750px) {
    .wasaronBottomArea-inner {
        padding-top: 12.26vw;
        padding-bottom: 38.267vw;
    }
}

/* .wasaron-ito2 {
    position: absolute;
    top: 206px;
    left: -12px;
    z-index: 0;
    width: 1310px;
    height: 3630px;
}

.wasaron-itomix {
    position: absolute;
    top: 40px;
    left: -64px;
    z-index: 0;
    width: 1354px;
    height: 3805px;
} */

.wasaronIto {
    pointer-events: none;
    position: absolute;
    z-index: 2;
    width: 1264px;
}

.wasaronIto.first {
    top: -192px;
    left: -462px;
    height: 1470px;
}

.wasaronIto.second {
    top: 441px;
    left: -212px;
    height: 879px;
}

.wasaronIto.third {
    top: 431px;
    left: -629px;
    height: 790px;
}

.wasaronIto.fourth {
    top: 143px;
    left: -212px;
    height: 679px;
}

@media screen and (max-width: 1280px) and (min-width: 751px) {
    .wasaronIto {
        width: 98.75vw;
    }

    .wasaronIto.first {
        top: -15vw;
        left: -36.094vw;
        height: 114.844vw;
    }

    .wasaronIto.second {
        top: 34.453vw;
        left: -16.563vw;
        height: 68.672vw;
    }

    .wasaronIto.third {
        top: 33.672vw;
        left: -49.141vw;
        height: 61.719vw;
    }

    .wasaronIto.fourth {
        top: 11.172vw;
        left: -16.563vw;
        height: 53.047vw;
    }
}

@media screen and (max-width: 750px) {
    .wasaronIto {
        display: none;
    }
}

.wasaronIto2 {
    pointer-events: none;
    position: absolute;
    z-index: 1;
    width: 1310px;
}

.wasaronIto2.first {
    top: -18px;
    left: -417px;
    height: 1052px;
}

.wasaronIto2.second {
    top: 521px;
    left: -168px;
    height: 780px;
}

.wasaronIto2.third {
    top: 413px;
    left: -585px;
    height: 810px;
}

.wasaronIto2.fourth {
    top: 145px;
    left: -168px;
    height: 676px;
}

@media screen and (max-width: 1280px) and (min-width: 751px) {
    .wasaronIto2 {
        width: 102.344vw;
    }

    .wasaronIto2.first {
        top: -1.406vw;
        left: -32.578vw;
        height: 82.188vw;
    }

    .wasaronIto2.second {
        top: 40.703vw;
        left: -13.125vw;
        height: 60.938vw;
    }

    .wasaronIto2.third {
        top: 32.266vw;
        left: -45.703vw;
        height: 63.281vw;
    }

    .wasaronIto2.fourth {
        top: 11.328vw;
        left: -168px;
        height: 676px;
    }
}

@media screen and (max-width: 750px) {
    .wasaronIto2 {
        display: none;
    }
}


.wasaronItoSp,
.wasaronIto2Sp {
    display: none;
}

@media screen and (max-width: 750px) {
    .wasaronItoSp {
        display: block;
        pointer-events: none;
        position: absolute;
        z-index: 2;
        width: 119.467vw;
    }

    .wasaronIto2Sp {
        display: block;
        pointer-events: none;
        position: absolute;
        z-index: 1;
        width: 109.333vw;
    }

    .wasaronItoSp.first {
        top: -64.533vw;
        left: -13.733vw;
    }

    .wasaronItoSp.second {
        top: 31.067vw;
        left: -13.733vw;
    }
    .wasaronItoSp.third {
        top: 58.067vw;
        left: -47.933vw;
    }
    .wasaronItoSp.fourth {
        top: 26.067vw;
        left: -35.633vw;
    }

    .wasaronIto2Sp.first {
        top: 0.067vw;
        left: -5.133vw;
    }

    .wasaronIto2Sp.second {
        top: 31.267vw;
        left: -5.033vw;
    }

    .wasaronIto2Sp.third {
        top: 58.267vw;
        left: -39.033vw;
    }

    .wasaronIto2Sp.fourth {
        top: 26.767vw;
        left: -27.033vw;
    }
}


#wasaron .mv {
    padding-top: 30px;
}

#wasaron .logoImg {
    margin-bottom: 40px;
    text-align: center;
}

@media screen and (max-width: 1280px) and (min-width: 751px) {
    #wasaron .mv {
        padding-top: 2.344vw;
    }

    #wasaron .logoImg {
        margin-bottom: 3.125vw;
    }
}


@media screen and (max-width: 750px) {
    #wasaron .mv {
        padding-top: 6.533vw;
    }

    #wasaron .logoImg {
        margin-bottom: 8.933vw;
    }

    #wasaron .logoImg img {
        width: 16vw;
    }
}

#wasaron .visualImg {
    text-align: center;
}

.wasaronSection {
    position: relative;
}

.wasaronSectionHeader {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.wasaronSection .sectionTitle {
    position: relative;
    z-index: 4;
}

.wasaronSection .sectionTitle span {
    display: inline-block;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    background-color: #fff;
    font-size: 32px;
    letter-spacing: .2em;
    padding: 16px 5px 10px 5px;
    line-height: 1.5625;
    white-space: nowrap;
}

@media screen and (max-width: 1280px) and (min-width: 751px) {
    .wasaronSection .sectionTitle span {
        font-size: 2.5vw;
        padding: 1.25vw 0.391vw 0.781vw 0.391vw;
    }
}

@media screen and (max-width: 750px) {
    .wasaronSection .sectionTitle span {
        display: block;
        font-size: 5.86vw;
        letter-spacing: .2em;
        padding: 2.66vw 0.93vw 1.33vw;
        line-height: 1.5625;
        white-space: nowrap;
    }
}

.wasaronSection .sectionImage {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.wasaronSection .sectionImage::after {
    position: absolute;
    top: 0;
    z-index: 0;
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    background-color: #d8dbe1;
}

.wasaronSection .sectionImage .sectionImageWrapper {
    position: relative;
    z-index: 3;
}

.wasaronSection .sectionImage .sectionImageWrapper picture {
    display: block;
}

.wasaronSection-content p {
    font-size: 16px;
    line-height: 2;
    letter-spacing: .02em;
    font-weight: bold;
}

@media screen and (max-width: 1280px) and (min-width: 751px) {
    .wasaronSection-content p {
        font-size: 1.25vw;
    }
}

@media screen and (max-width: 750px) {
    .wasaronSection-content p {
        font-size: 4.256vw;
        line-height: 1.875;
        letter-spacing: -.05em;
    }
}

.wasaronSection-content .moreButton {
    margin-top: 20px;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
}

.wasaronSection-content .moreButton a {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    line-height: 1;
    letter-spacing: .05em;
    width: 140px;
    height: 40px;
    text-align: cneter;
    border: solid 1px #000;
    font-weight: bold;
    color: #000;
}

.wasaronSection-content .moreButton a::before {
    position: absolute;
    top: 50%;
    left: -44px;
    content: "";
    display: block;
    height: 2px;
    width: 60px;
    background-color: #bcc44d;
    transform: translate(0, -50%);
    transition: all .3s ease-in-out;
}

.wasaronSection-content .moreButton a:hover::before {
    transform: translate(8px ,-50%);
}

@media screen and (max-width: 1280px) and (min-width: 751px) {
    .wasaronSection-content .moreButton {
        margin-top: 1.563vw;
    }

    .wasaronSection-content .moreButton a {
        font-size: 1.094vw;
        width: 10.938vw;
        height: 3.125vw;
        border: solid 0.078vw #000;
    }

    .wasaronSection-content .moreButton a::before {
        left: -3.438vw;
        height: 0.156vw;
        width: 4.688vw;
    }

    .wasaronSection-content .moreButton a:hover::before {
        transform: translate(0.625vw ,-50%);
    }
}

@media screen and (max-width: 750px) {
    .wasaronSection-content .moreButton {
        margin-top: 9.06vw;
    }

    .wasaronSection-content .moreButton a {
        font-size: 3.73vw;
        width: 37.33vw;
        height: 10.6vw;
        border: solid 0.26vw #000;
    }

    .wasaronSection-content .moreButton a::before {
        height: 0.533vw;
        width: 16vw;
        left: -11.733vw;
    }

    .wasaronSection-content .moreButton a:hover::before {
        transform: translate(1.25vw ,-50%);
    }
}

/* 和サロン MV */
.wasaronSection.-mv {
    margin-bottom: 89px;
}

@media screen and (max-width: 1280px) and (min-width: 751px) {
    .wasaronSection.-mv {
        margin-bottom: 6.953vw;
    }
}

@media screen and (max-width: 750px) {
    .wasaronSection.-mv {
        margin-bottom: 23.066vw;
    }

    .wasaronSection.-mv .wasaronContainer {
        padding: 0;
    }
}

/* 和サロン About */
.wasaronSection.-about {
}

.wasaronSection.-about .wasaronContainer {
    position: relative;
    /* z-index: 2; */
}

.wasaronSection.-about .wasaronContainer::after {
    position: absolute;
    top: 1px;
    right: 36px;
    z-index: 1;
    display: block;
    content: '';
    width: 320px;
    height: 320px;
    background: url(../images/wasaron/kamon.svg) no-repeat center center;
    background-size: cover;
}

.wasaronSection.-about h2 {
    text-align: center;
    font-size: 28px;
    line-height: 1.142857;
    letter-spacing: .1em;
    font-weight: bold;
}

@media screen and (max-width: 1280px) and (min-width: 751px) {
    .wasaronSection.-about .wasaronContainer::after {
        top: 0.078vw;
        right: 2.813vw;
        width: 25vw;
        height: 25vw;
    }

    .wasaronSection.-about h2 {
        font-size: 2.188vw;
    }
}

@media screen and (max-width: 750px) {
    .wasaronSection.-about h2 {
        font-size: 5.86vw;
        letter-spacing: 0;
    }
}

.wasaronSection.-about .sectionHeader {
    margin-bottom: 65px;
    position: relative;
    z-index: 2;
}

@media screen and (max-width: 1280px) and (min-width: 751px) {
    .wasaronSection.-about .sectionHeader {
        margin-bottom: 5.078vw;
    }
}

@media screen and (max-width: 750px) {
    .wasaronSection.-about .sectionHeader {
        margin-bottom: 16.66vw;
    }
}

.wasaronSection-content.-about {
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 2;
}

.wasaronSection-content.-about p:not(:last-child) {
    margin-bottom: 31px;
}

@media screen and (max-width: 1280px) and (min-width: 751px) {
    .wasaronSection-content.-about {
        max-width: 54.688vw;
    }

    .wasaronSection-content.-about p:not(:last-child) {
        margin-bottom: 2.422vw;
    }
}

@media screen and (max-width: 750px) {
    .wasaronSection-content.-about p:not(:last-child) {
        margin-bottom: 8vw;
    }
}

/* 和サロン きずなレンタル */
.wasaronSection.-rental {
    margin-bottom: 126px;
}

@media screen and (max-width: 1280px) and (min-width: 751px) {
    .wasaronSection.-rental {
        margin-bottom: 9.844vw;
    }
}

@media screen and (max-width: 750px) {
    .wasaronSection.-rental {
        margin-bottom: 34vw;
    }
}

.wasaronSection.-rental .sectionTitle {
    margin-left: 87px;
}

@media screen and (max-width: 750px) {
    .wasaronSection.-rental .sectionTitle {
        margin-left: 15.6vw;
    }
}

@media screen and (max-width: 1280px) and (min-width: 751px) {
    .wasaronSection.-rental .sectionTitle {
        margin-left: 6.797vw;
    }
}

.wasaronSectionHeader.-rental {
    margin-bottom: 98px;
}

@media screen and (max-width: 1280px) and (min-width: 751px) {
    .wasaronSectionHeader.-rental {
        margin-bottom: 7.656vw;
    }
}

@media screen and (max-width: 750px) {
    .wasaronSectionHeader.-rental {
        display: block;
        margin-bottom: 45.6vw;
    }
}

.sectionImage.-rental {
    width: 730px;
    margin-top: 75px;
}

.sectionImage.-rental::after {
    right: -60px;
}

@media screen and (max-width: 1280px) and (min-width: 751px) {
    .sectionImage.-rental {
        width: 57.031vw;
        margin-top: 5.859vw;
    }

    .sectionImage.-rental::after {
        right: -4.688vw;
    }
}

@media screen and (max-width: 750px) {
    .sectionImage.-rental {
        flex-wrap: wrap;
        width: 100%;
        margin-top: 7.46vw;
    }

    .sectionImage.-rental::after {
        left: 21.33vw;
        height: 78.26vw;
    }
}

.sectionImage.-rental .sectionImageWrapper picture,
.sectionImage.-rental .sectionImageWrapper > img {
    width: 230px;
}

.sectionImage.-rental .sectionImageWrapper:nth-child(1) img {
    transform: translate(0, 39px);
}

.sectionImage.-rental .sectionImageWrapper:nth-child(2) img {
    transform: translate(0, -61px);
    margin-left: 20px;
}

.sectionImage.-rental .sectionImageWrapper:nth-child(3) picture {
    display: block;
    margin-left: 20px;
}

.sectionImage.-rental .sectionImageWrapper:nth-child(3) img {
    transform: translate(20px, 109px);
}

@media screen and (max-width: 1280px) and (min-width: 751px) {
    .sectionImage.-rental .sectionImageWrapper picture,
    .sectionImage.-rental .sectionImageWrapper > img {
        display: block;
        width: 17.969vw;
    }

    .sectionImage.-rental .sectionImageWrapper:nth-child(1) img {
        transform: translate(0, 3.047vw);
    }

    .sectionImage.-rental .sectionImageWrapper:nth-child(2) img {
        transform: translate(0, -4.766vw);
        margin-left: 1.563vw;
    }

    .sectionImage.-rental .sectionImageWrapper:nth-child(3) img {
        transform: translate(0, 8.516vw);
        margin-left: 1.563vw;
    }

    .sectionImage.-rental .sectionImageWrapper:nth-child(3) picture {
        margin-left: 1.563vw;
    }
}

@media screen and (max-width: 750px) {
    .sectionImage.-rental .sectionImageWrapper picture,
    .sectionImage.-rental .sectionImageWrapper > img {
        width: 40vw;
    }

    .sectionImage.-rental .sectionImageWrapper img {
        width: 40vw;
    }

    .sectionImage.-rental .sectionImageWrapper:nth-child(1) {
        order: 2;
    }

    .sectionImage.-rental .sectionImageWrapper:nth-child(2) {
        order: 1;
    }

    .sectionImage.-rental .sectionImageWrapper:nth-child(3) {
        order: 3;
    }

    .sectionImage.-rental .sectionImageWrapper:nth-child(1) img {
        transform: translate(0, -24.66vw);
        margin-left: 3vw;
    }

    .sectionImage.-rental .sectionImageWrapper:nth-child(2) img {
        transform: translate(0, 8.933vw);
        margin-left: 0;
    }

    .sectionImage.-rental .sectionImageWrapper:nth-child(3) {
        position: absolute;
        right: -6.53vw;
        top: 22.4vw;
    }

    .sectionImage.-rental .sectionImageWrapper:nth-child(3) img {
transform: translate(0, 14.533vw);
    }
}

.wasaronSection-content.-rental {
    max-width: 598px;
}

@media screen and (max-width: 1280px) and (min-width: 751px) {
    .wasaronSection-content.-rental {
        max-width: 46.719vw;
    }
}

@media screen and (max-width: 750px) {
    .wasaronSection-content.-rental {
        max-width: none;
    }
}

/* 和サロン 記念日フォト */
.wasaronSection.-photo {
    margin-bottom: 146px;
}

@media screen and (max-width: 1280px) and (min-width: 751px) {
    .wasaronSection.-photo {
        margin-bottom: 11.406vw;
    }
}

@media screen and (max-width: 750px) {
    .wasaronSection.-photo {
        margin-bottom: 33.067vw;
    }
}

.wasaronSectionHeader.-photo {
    flex-direction: row-reverse;
    margin-bottom: 98px;
}

@media screen and (max-width: 1280px) and (min-width: 751px) {
    .wasaronSectionHeader.-photo {
        margin-bottom: 7.656vw;
    }
}

@media screen and (max-width: 750px) {
    .wasaronSectionHeader.-photo {
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        margin-bottom: 11.867vw;
    }
}

.wasaronSection.-photo .sectionTitle {
    margin-right: 72px;
}

@media screen and (max-width: 1280px) and (min-width: 751px) {
    .wasaronSection.-photo .sectionTitle {
        margin-right: 5.625vw;
    }
}

@media screen and (max-width: 750px) {
    .wasaronSection.-photo .sectionTitle {
        margin-right: 0;
    }

    .wasaronSection.-photo .sectionTitle span {
        padding: 3.46vw 1.23vw 2.03vw;
        margin-right: 2.26vw;
    }
}

.sectionImage.-photo {
    margin-top: 29px;
}

.sectionImage.-photo picture {
    width: 700px;
}

@media screen and (max-width: 1280px) and (min-width: 751px) {
    .sectionImage.-photo {
        margin-top: 2.266vw;
    }

    .sectionImage.-photo picture {
        width: 54.688vw;
    }
}

@media screen and (max-width: 750px) {
    .sectionImage.-photo {
        margin-top: 13.066vw;
    }

    .sectionImage.-photo picture {
        width: 86.667vw;
    }
}

.sectionImage.-photo::after {
    top: 60px;
    left: 61px;
}

@media screen and (max-width: 1280px) and (min-width: 751px) {
    .sectionImage.-photo::after {
        top: 4.688vw;
        left: 4.766vw;
    }
}

@media screen and (max-width: 750px) {
    .sectionImage.-photo::after {
        width: 87.733vw;
        height: 60.4vw;
        top: 5.067vw;
        left: 5.6vw;
    }
}

.wasaronSection-content.-photo {
    max-width: 500px;
    margin-left: auto;
}

@media screen and (max-width: 1280px) and (min-width: 751px) {
    .wasaronSection-content.-photo {
        max-width: 39.063vw;
        margin-left: auto;
    }
}

@media screen and (max-width: 750px) {
    .wasaronSection-content.-photo {
        max-width: none;
        margin-left: 0;
    }
}

.wasaronSection-content.-photo .moreButton {
    margin-top: 18px;
}

@media screen and (max-width: 750px) {
    .wasaronSection-content.-photo .moreButton {
        margin-top: 10.267vw;
    }
}

/* 和サロン 虎ノ門きものプロジェクト */
.wasaronSection.-toranomon {
    margin-bottom: 130px;
}

@media screen and (max-width: 1280px) and (min-width: 751px) {
    .wasaronSection.-toranomon {
        margin-bottom: 10.156vw;
    }
}

@media screen and (max-width: 750px) {
    .wasaronSection.-toranomon {
        margin-bottom: 21.733vw;
    }
}

.wasaronSectionHeader.-toranomon {
    margin-bottom: 135px;
}

@media screen and (max-width: 1280px) and (min-width: 751px) {
    .wasaronSectionHeader.-toranomon {
        margin-bottom: 10.547vw;
    }
}

@media screen and (max-width: 750px) {
    .wasaronSectionHeader.-toranomon {
        margin-bottom: 43.067vw;
    }
}

.wasaronSection.-toranomon .sectionTitle {
    margin-left: 197px;
}

@media screen and (max-width: 1280px) and (min-width: 751px) {
    .wasaronSection.-toranomon .sectionTitle {
        margin-left: 15.391vw;
    }
}

@media screen and (max-width: 750px) {
    .wasaronSection.-toranomon .sectionTitle {
        margin-left: 14.267vw;
    }

    .wasaronSection.-toranomon .sectionTitle span {
        padding: 4.86vw 1.03vw 3.23vw;
    }
}

.sectionImage.-toranomon {
    flex-direction: row-reverse;
    margin-top: 0;
}

.sectionImage.-toranomon .sectionImageWrapper:nth-child(2) picture {
    margin-right: 41px;
}

.sectionImage.-toranomon .sectionImageWrapper:nth-child(2) img {
    transform: translate(0, 264px);
}

.sectionImage.-toranomon::after {
    width: 433px;
    height: 545px;
    top: 58px;
    right: 26px;
}

@media screen and (max-width: 1280px) and (min-width: 751px) {
    .sectionImage.-toranomon .sectionImageWrapper:nth-child(2) img {
        transform: translate(0, 20.625vw);
        margin-right: 3.203vw;
    }

    .sectionImage.-toranomon::after {
        width: 33.828vw;
        height: 42.578vw;
        top: 4.531vw;
        right: 2.031vw;
    }

    .sectionImage.-toranomon .sectionImageWrapper:nth-child(1) picture {
        width: 25.781vw;
    }

    .sectionImage.-toranomon .sectionImageWrapper:nth-child(2) picture {
        width: 15vw;
        margin-right: 3.203vw;
    }
}

@media screen and (max-width: 750px) {
    .sectionImage.-toranomon::after {
        width: 50.933vw;
        height: 72.667vw;
        top: 20.533vw;
        right: 17.2vw;
    }
}

.wasaronSection-content.-toranomon {
    max-width: 600px;
    margin-right: auto;
}

.wasaronSection-content.-toranomon .moreButton {
    margin-top: 10px;
}

@media screen and (max-width: 1280px) and (min-width: 751px) {
    .wasaronSection-content.-toranomon {
        max-width: 46.875vw;
        margin-right: auto;
    }

    .wasaronSection-content.-toranomon .moreButton {
        margin-top: 0.781vw;
    }
}

@media screen and (max-width: 750px) {
    .wasaronSection-content.-toranomon {
        max-width: none;
        margin-right: 0;
    }

    .wasaronSection-content.-toranomon .moreButton {
        margin-top: 11.867vw;
    }

    .sectionImage.-toranomon {
        margin-top: 38.133vw;
    }

    .sectionImage.-toranomon .sectionImageWrapper:nth-child(1) picture {
        display: block;
        width: 52.66vw;
        transform: translateX(6.8vw);
    }

    .sectionImage.-toranomon .sectionImageWrapper:nth-child(2) {
        position: absolute;
        top: 66.133vw;
        left: -30vw;
    }

    .sectionImage.-toranomon .sectionImageWrapper:nth-child(2) picture {
        display: block;
        width: 30.667vw;
    }

    .sectionImage.-toranomon .sectionImageWrapper:nth-child(2) img {
        transform: none;
    }
}

/* 和サロン 和の企業研修、和の体験コミュニティ */
.wasaronSectionHeader.-community {
    flex-direction: row-reverse;
    margin-bottom: 97px;
}

@media screen and (max-width: 1280px) and (min-width: 751px) {
    .wasaronSectionHeader.-community {
        margin-bottom: 7.578vw;
    }
}

@media screen and (max-width: 750px) {
    .wasaronSectionHeader.-community {
        flex-direction: row;
        margin-bottom: 10.667vw;
    }
}

.sectionTitle.-community {
    display: flex;
    flex-direction: row-reverse;
    align-items: flex-start;
    margin-right: 22px;
}

.sectionTitle.-community span:nth-child(1) {
    position: relative;
    z-index: 0;
}

.sectionTitle.-community span:nth-child(2) {
    position: relative;
    z-index: 1;
    margin-top: 42px;
    transform: translateX(11px);
}

@media screen and (max-width: 1280px) and (min-width: 751px) {
    .sectionTitle.-community {
        margin-right: 1.719vw;
    }

    .sectionTitle.-community span:nth-child(2) {
        margin-top: 3.281vw;
        transform: translateX(0.859vw);
    }
}

@media screen and (max-width: 750px) {
    .sectionTitle.-community {
        /* overflow: hidden; */
        width: 22.033vw;
        margin-right: 0;
    }

    .sectionTitle.-community span:nth-child(1) {
        padding: 2.66vw 0.83vw 4.03vw;
        transform: translateX(-1.733vw);
    }

    .sectionTitle.-community span:nth-child(2) {
        position: relative;
        z-index: 1;
        margin-top: 5.6vw;
        padding: 4.06vw 0.93vw 2.63vw;
        transform: translateX(1.067vw);
    }
}

.sectionImage.-community {
    margin-top: 68px;
}

@media screen and (max-width: 1280px) and (min-width: 751px) {
    .sectionImage.-community {
        margin-top: 5.313vw;
    }

    .sectionImage.-community .sectionImageWrapper:nth-child(1) picture {
        width: 54.688vw;
    }
}

@media screen and (max-width: 750px) {
    .sectionImage.-community {
        margin-top: 56.4vw;
    }

    .sectionImage.-community picture {
        display: block;
        width: 75.333vw;
        /* transform: translateX(-3.733vw); */
        margin-left: -3.733vw;
    }
}

.sectionImage.-community::after {
    top: 60px;
    left: 61px;
}

@media screen and (max-width: 1280px) and (min-width: 751px) {
    .sectionImage.-community::after {
        top: 4.688vw;
        left: 4.766vw;
    }
}

@media screen and (max-width: 750px) {
    .sectionImage.-community::after {
        width: 93.333vw;
        height: 61.333vw;
        top: -22.667vw;
        left: -28.8vw;
    }
}

.wasaronSection-content.-community {
    max-width: 567px;
    margin-left: auto;
}

.wasaronSection-content.-community .moreButton {
    margin-top: 7px;
}

@media screen and (max-width: 1280px) and (min-width: 751px) {
    .wasaronSection-content.-community {
        max-width: 44.297vw;
    }

    .wasaronSection-content.-community .moreButton {
        margin-top: 0.547vw;
    }
}

@media screen and (max-width: 750px) {
    .wasaronSection-content.-community {
        max-width: none;
        margin-left: 0;
    }

    .wasaronSection-content.-community .moreButton {
        margin-top: 7.733vw;
    }
}