body {
    background-color: #e1ada0
}

.row {
    position: relative
}

.row .gr-txt {
    position: relative;
    width: 68%
}

.row .gr-txt .txt-lead {
    position: absolute;
    z-index: 2;
    background: url("../img/beginner/bg_txt1.png") no-repeat center/100% 100%;
    text-align: center;
    color: #fff;
    font-size: 13px;
    line-height: 1;
    letter-spacing: .1em;
    width: -moz-fit-content;
    width: fit-content;
    padding: 1.5vw 7% 2vw 5%
}

.row .gr-txt .txt-inner {
    position: relative;
    z-index: 1;
    padding: 6vw 8% 10vw 11%;
    letter-spacing: 0;
    box-sizing: border-box
}

.row .gr-txt .txt-inner::before {
    content: "";
    position: absolute;
    background: url("../img/beginner/bg_txt2.png") no-repeat center;
    background-size: 100% 100%;
    inset: 0;
    z-index: -1
}

.row .gr-txt .txt-inner .bg-txt {
    background-color: #0f958a;
    color: #fff;
    padding: 0 2% 2px
}

.row .photo {
    position: absolute
}

@media screen and (min-width: 1000px) {
    .row .gr-txt {
        width: 445px
    }

    .row .gr-txt .txt-lead {
        font-size: 21.1px;
        padding: 7px 36px 12px 26px;
        letter-spacing: .02em
    }

    .row .gr-txt .txt-inner {
        padding: 53px 20px 76px 45px;
        font-size: 26.4px;
        letter-spacing: .02em;
        line-height: 48px
    }

    .row .gr-txt .txt-inner .bg-txt {
        line-height: 1;
        display: inline-block;
        padding: 4px 8px 4px 10px
    }
}

#key {
    height: 134vw
}

#key .banner {
    position: absolute;
    inset: 0;
    z-index: -1
}

#key .banner img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

#key .key-tit {
    text-align: center;
    padding: 44vw 12% 0
}

#key .txt {
    text-align: center;
    font-weight: bold;
    font-size: 3.5vw;
    color: #fff;
    margin-top: 5vw;
    line-height: 2
}

@media screen and (min-width: 1000px) {
    #key {
        height: 1000px
    }

    #key .banner {
        background: url("../img/beginner/key_pc.png") no-repeat center bottom/cover
    }

    #key .key-tit {
        padding: 209px 0 0;
        margin-left: -40px
    }

    #key .txt {
        font-size: 28px;
        margin-top: 80px;
        letter-spacing: .1em;
        line-height: 54px
    }
}

#lead .set1 {
    padding: 10vw 0;
    position: relative
}

#lead .set1::before {
    content: "";
    position: absolute;
    background: #fff;
    inset: -10vw 0 0 0;
    z-index: -1
}

#lead .set1 .txt {
    text-align: center
}

#lead .set2 {
    position: relative;
    z-index: 1;
    padding: 7vw 0 5vw;
    background-color: #f9f6ea
}

#lead .set2::before {
    content: "";
    position: absolute;
    border: 2px solid #957700;
    inset: 9vw 4vw 5vw;
    z-index: -2
}

#lead .set2 h2 {
    font-weight: bold;
    line-height: 1;
    text-align: center;
    font-size: 5vw;
    color: #957700;
    letter-spacing: .1em;
    background-color: #f9f6ea;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
    padding: 0 3% 0
}

#lead .set2 .box {
    display: flex;
    align-items: center
}

#lead .set2 .box .photo {
    width: 34%
}

#lead .set2 .box .info {
    flex: 1
}

#lead .set2 .box .info h3 {
    font-size: 4.5vw;
    border-bottom: 3px dotted #957700;
    font-weight: bold;
    line-height: 1.5;
    padding-bottom: 1vw;
    letter-spacing: .1em
}

#lead .set2 .box .info h3 span {
    font-size: 4vw;
    letter-spacing: .1em
}

#lead .set2 .box .info .txt {
    margin-top: 2vw
}

#lead .set2 .box.box-left {
    padding: 10vw 10% 0 2%
}

#lead .set2 .box.box-left .photo {
    margin-right: 3%
}

#lead .set2 .box.box-right {
    padding: 10vw 2% 0 10%;
    align-items: flex-end
}

#lead .set2 .box.box-right .photo {
    margin-left: 3%
}

#lead .set2 .box.box-right .info {
    padding-bottom: 7vw
}

@media screen and (min-width: 1000px) {
    #lead .set1 {
        position: relative;
        max-width: 800px;
        margin: 0 auto;
        padding: 83px 0 101px
    }

    #lead .set1::before {
        inset: -100px 0 0
    }

    #lead .set1 .txt {
        font-size: 20px;
        line-height: 44px;
        letter-spacing: 0
    }

    #lead .set2 {
        padding: 0
    }

    #lead .set2::before {
        inset: 20px
    }

    #lead .set2:after {
        content: "";
        position: absolute;
        background-color: #f9f6ea;
        width: 647px;
        height: 100%;
        top: 0;
        left: 50%;
        transform: translateX(-50%);
        z-index: -1
    }

    #lead .set2 h2 {
        font-size: 39px;
        background: none;
        width: auto;
        margin: 0;
        padding: 0;
        position: relative;
        top: -15px;
        letter-spacing: .04em
    }

    #lead .set2 .inner {
        max-width: 1000px;
        margin: 0 auto;
        display: flex;
        position: relative
    }

    #lead .set2 .inner::before {
        content: "";
        position: absolute;
        border-bottom: 2px solid #957700;
        inset: auto 0 20px 0
    }

    #lead .set2 .box {
        align-items: flex-start !important;
        padding: 0 !important;
        width: 50%
    }

    #lead .set2 .box .photo {
        width: auto
    }

    #lead .set2 .box .info {
        width: 211px
    }

    #lead .set2 .box .info h3 {
        font-size: 30px;
        line-height: 42px;
        letter-spacing: 0
    }

    #lead .set2 .box .info h3 span {
        font-size: 22px;
        margin-left: -6px;
        letter-spacing: .07em
    }

    #lead .set2 .box .info .txt {
        margin-top: 24px;
        font-size: 18px;
        line-height: 40px
    }

    #lead .set2 .box.box-left .photo {
        margin: -83px 0 0 -138px
    }

    #lead .set2 .box.box-left .info {
        padding: 50px 47px 0 34px
    }

    #lead .set2 .box.box-left .info h3 {
        padding: 0 0 7px 5px
    }

    #lead .set2 .box.box-right .photo {
        margin: -64px -109px 0 -51px
    }

    #lead .set2 .box.box-right .info {
        padding: 48px 92px 0 55px
    }

    #lead .set2 .box.box-right .info h3 {
        padding: 0 0 9px 3px
    }
}

#step h3 span {
    display: block;
    font-weight: bold;
    height: -moz-fit-content;
    height: fit-content;
    background-color: #000;
    color: #fff;
    line-height: 1;
    padding: 2.5vw 4%;
    font-size: 4vw;
    letter-spacing: .1em
}

#step h3 span:nth-child(2) {
    margin-top: 5vw
}

#step .wrap::before {
    content: "";
    position: absolute;
    background-color: #fff;
    inset: 0;
    z-index: -2
}

#step .set1 {
    display: flex;
    padding: 13vw 9% 13vw 0
}

#step .set1 .tit {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 30%
}

#step .set1 .tit h3 {
    margin-top: 2vw
}

#step .set1 .tit h3 span:nth-child(2) {
    margin-top: 5vw
}

#step .set1 .box-img {
    position: relative;
    flex: 1;
    margin-left: 5%
}

#step .set1 .box-img dt {
    position: absolute;
    top: 3vw;
    left: 11%;
    width: 30%;
    z-index: 1
}

#step .set2 {
    margin: 0 -4.5% 0
}

#step .set2 .box-parallax {
    height: 70vw
}

#step .set2 .box-parallax h3 {
    position: absolute;
    top: -5vw;
    right: 8%
}

#step .set3 .box-img {
    margin: -15vw 60% 0 0%;
    position: relative
}

#step .set3 .box-img dt {
    position: absolute;
    top: -5vw;
    right: -20%;
    width: 55%;
    z-index: 1
}

#step .set3 .gr {
    position: relative;
    margin-top: 7vw;
    padding-bottom: 2.3vw
}

#step .set3 .gr::before {
    content: "";
    position: absolute;
    background: url("../img/beginner/bg01.jpg") repeat center top;
    background-size: 70px auto;
    inset: 0
}

#step .set3 .gr .row.row1 {
    padding: 7vw 0 0 4%
}

#step .set3 .gr .row.row1 .gr-txt .txt-lead {
    inset: -2vw 0 auto 4%
}

#step .set3 .gr .row.row1 .photo {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    width: 46%;
    right: -8%
}

#step .set3 .gr .row.row2 {
    padding-top: 15vw
}

#step .set3 .gr .row.row2 .gr-txt {
    margin-left: auto;
    margin-right: -4%
}

#step .set3 .gr .row.row2 .gr-txt .txt-lead {
    inset: -3vw 0 auto 3%
}

#step .set3 .gr .row.row2 .gr-txt .txt-inner {
    margin-left: auto
}

#step .set3 .gr .row.row2 .photo {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 54%;
    left: -12%;
    z-index: 2
}

#step .set4 h3 {
    margin: 10vw auto
}

@media screen and (min-width: 1000px) {
    #step h3 span {
        line-height: 49px;
        font-size: 24px;
        padding: 24px 0 20px
    }

    #step .wrap {
        max-width: 100%
    }

    #step .wrap::before {
        display: none
    }

    #step .set1 {
        padding: 134px 0 89px 70px;
        max-width: 800px;
        box-sizing: border-box;
        margin: 0 auto;
        background-color: #fff
    }

    #step .set1 .tit {
        align-items: flex-start;
        justify-content: flex-start;
        width: auto
    }

    #step .set1 .tit h3 {
        margin: 18px 13px 0 64px
    }

    #step .set1 .tit h3 span:nth-child(2) {
        margin-top: 29px;
        padding: 20px 0 0
    }

    #step .set1 .box-img {
        margin-left: 74px
    }

    #step .set1 .box-img dt {
        top: 36px;
        left: 48px;
        width: auto
    }

    #step .set2 {
        margin: 0
    }

    #step .set2 .box-parallax {
        height: 700px
    }

    #step .set2 .box-parallax h3 {
        inset: 67px auto auto calc(50% + 298px)
    }

    #step .set2 .box-parallax h3 span {
        padding: 13px 0 17px
    }

    #step .set2 .box-parallax h3 span:nth-child(2) {
        margin-top: 31px;
        padding-top: 18px
    }

    #step .set3 {
        position: relative;
        max-width: 800px;
        margin: 0 auto;
        box-sizing: border-box;
        background: #fff
    }

    #step .set3 .box-img {
        margin: 0;
        position: absolute;
        top: -185px;
        left: -241px;
        z-index: 3
    }

    #step .set3 .box-img dt {
        top: -123px;
        right: 0;
        width: auto
    }

    #step .set3 .gr {
        margin-top: 0;
        padding-bottom: 45px
    }

    #step .set3 .gr::before {
        inset: 30px 30px 0
    }

    #step .set3 .gr .row.row1 {
        padding: 97px 0 0 90px
    }

    #step .set3 .gr .row.row1 .gr-txt .txt-lead {
        inset: -16px 0px auto 20px
    }

    #step .set3 .gr .row.row1 .gr-txt .txt-inner span:nth-child(1) {
        margin-left: -8px
    }

    #step .set3 .gr .row.row1 .gr-txt .txt-inner span:nth-child(3) {
        padding: 4px 5px 4px 7px;
        margin-left: -6px
    }

    #step .set3 .gr .row.row1 .photo {
        width: auto;
        right: 0;
        top: 181px
    }

    #step .set3 .gr .row.row2 {
        padding-top: 111px
    }

    #step .set3 .gr .row.row2 .gr-txt {
        margin-right: 30px
    }

    #step .set3 .gr .row.row2 .gr-txt .txt-lead {
        inset: -16px 0 auto 5px
    }

    #step .set3 .gr .row.row2 .gr-txt .txt-inner {
        letter-spacing: -0.05em;
        padding: 51px 0 75px 65px
    }

    #step .set3 .gr .row.row2 .gr-txt .txt-inner .bg-txt {
        padding: 4px 5px 7px 5px;
        margin-left: -6px
    }

    #step .set3 .gr .row.row2 .photo {
        width: auto;
        left: -26px;
        top: 180px
    }

    #step .set4 {
        display: flex;
        max-width: 800px;
        margin: 0 auto;
        background-color: #fff;
        padding: 58px 0 0 82px;
        box-sizing: border-box
    }

    #step .set4 h3 {
        margin: 60px 44px 0 0
    }

    #step .set4 h3 span {
        padding: 11px 0 16px
    }

    #step .set4 h3 span:nth-child(2) {
        margin-top: 26px;
        padding: 12px 0 13px
    }
}

#lesson {
    padding-top: 0
}

#lesson .wrap {
    background-color: #fff;
    padding-top: 10vw
}

#lesson .lesson h2 {
    text-align: center;
    line-height: 1.2;
    background: url("../img/beginner/lesson_border.jpg") repeat-x center bottom/100%;
    padding-bottom: 6vw
}

#lesson .lesson h2 span {
    display: block
}

#lesson .lesson h2 span:nth-child(1) {
    letter-spacing: .01em;
    color: #7e6500;
    font-size: 3.8vw
}

#lesson .lesson h2 span:nth-child(1) .t1 {
    font-size: 8.6vw;
    letter-spacing: .01em
}

#lesson .lesson h2 span:nth-child(1) .t2 {
    letter-spacing: .05em;
    font-size: 13.6vw;
    position: relative;
    top: 1vw;
    left: 1.5%
}

#lesson .lesson h2 span:nth-child(2) {
    font-size: 5.1vw;
    letter-spacing: .1em;
    color: #0f958a
}

#lesson .lesson .txt {
    margin-top: 3vw;
    font-size: 13px;
    text-align: center;
    letter-spacing: -0.1em
}

#lesson .lesson .lesson-js {
    margin-top: 5vw
}

#lesson .lesson .lesson-js .slick-dots {
    position: absolute;
    bottom: 4vw;
    right: 4vw
}

#lesson .lesson.lesson1 .deco {
    margin: -20vw 50% 0 0
}

#lesson .lesson.lesson2 .deco {
    margin: -16vw -2% 0 30%
}

#lesson .lesson.lesson2 .slick-dots {
    right: auto;
    left: 4vw
}

#lesson .lesson+.lesson {
    padding-top: 3vw
}

#lesson .lesson4 {
    position: relative;
    margin-top: 10vw;
    padding-bottom: 7vw
}

#lesson .lesson4::before {
    content: "";
    position: absolute;
    background: url("../img/beginner/bg01.jpg") repeat center;
    background-size: 70px auto;
    inset: 0 -2.5% 0
}

#lesson .lesson4 .row .gr-txt .txt-inner {
    font-size: 11px;
    line-height: 24px;
    letter-spacing: 0
}

#lesson .lesson4 .row.row1 .tit-deco {
    padding: 4vw 6% 0 42%
}

#lesson .lesson4 .row.row1 .gr-txt {
    width: 89%;
    margin-left: auto;
    margin-right: -3%;
    letter-spacing: 0
}

#lesson .lesson4 .row.row1 .gr-txt .txt-lead {
    left: 8%
}

#lesson .lesson4 .row.row1 .gr-txt .txt-inner {
    padding: 8vw 0 11vw 18%
}

#lesson .lesson4 .row.row1 .photo {
    width: 39%;
    top: 56%;
    transform: translateY(-50%);
    left: -2.5%;
    z-index: 2
}

#lesson .lesson4 .row.row2 {
    padding-bottom: 2.5vw
}

#lesson .lesson4 .row.row2 .tit-deco {
    padding: 0vw 35% 0 10%
}

#lesson .lesson4 .row.row2 .gr-txt {
    width: 80%;
    margin-top: 3.5vw
}

#lesson .lesson4 .row.row2 .gr-txt .txt-lead {
    top: -3vw;
    left: 3%
}

#lesson .lesson4 .row.row2 .photo {
    right: 0;
    bottom: 0;
    z-index: 2;
    width: 45%
}

#lesson .lesson4 .row3 {
    position: relative
}

#lesson .lesson4 .row3 .photo {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 36%;
    left: -5%
}

#lesson .lesson4 .row3 .gr-txt {
    background: url("../img/beginner/lesson4_deco.png") no-repeat right bottom 2vw/43% #0f958a;
    color: #fff;
    font-weight: bold;
    padding: 8vw 4% 5vw 32%;
    margin: 0 2% 0;
    font-size: 12px;
    line-height: 24px
}

@media screen and (min-width: 1000px) {
    #lesson .wrap {
        max-width: 800px;
        padding: 133px 35px 0;
        box-sizing: border-box
    }

    #lesson .lesson h2 {
        text-align: left;
        line-height: 44px;
        padding: 0 0 7px 10px
    }

    #lesson .lesson h2 span {
        display: inline-block
    }

    #lesson .lesson h2 span:nth-child(1) {
        font-size: 18.5px
    }

    #lesson .lesson h2 span:nth-child(1) .t1 {
        font-size: 45.5px
    }

    #lesson .lesson h2 span:nth-child(1) .t2 {
        font-size: 70px;
        top: 0;
        left: 0
    }

    #lesson .lesson h2 span:nth-child(2) {
        font-size: 36px;
        margin-left: 61px;
        letter-spacing: -0.02em;
        position: relative;
        top: -3px
    }

    #lesson .lesson .txt {
        margin-top: 31px;
        line-height: 30px;
        font-size: 16px;
        letter-spacing: 0
    }

    #lesson .lesson .lesson-js {
        margin-top: 39px
    }

    #lesson .lesson .lesson-js .slick-dots {
        bottom: 26px;
        right: 37px
    }

    #lesson .lesson.lesson1 .deco {
        margin: -185px 0 0 -60px
    }

    #lesson .lesson.lesson2 {
        padding-top: 117px
    }

    #lesson .lesson.lesson2 .deco {
        margin: -112px -52px 0 auto;
        width: -moz-fit-content;
        width: fit-content
    }

    #lesson .lesson.lesson2 h2 span:nth-child(2) {
        margin-left: 45px;
        top: -6px;
        letter-spacing: -0.046em
    }

    #lesson .lesson.lesson2 .slick-dots {
        inset: auto auto 26px 36px
    }

    #lesson .lesson.lesson3 {
        padding: 37px 0 81px
    }

    #lesson .lesson.lesson3 h2 span:nth-child(2) {
        top: -6px;
        margin-left: 46px;
        letter-spacing: -0.08em
    }

    #lesson .lesson4 {
        margin-top: 0;
        padding-bottom: 52px
    }

    #lesson .lesson4::before {
        inset: 0
    }

    #lesson .lesson4 .row .gr-txt .txt-inner {
        font-size: 22px;
        line-height: 40px
    }

    #lesson .lesson4 .row.row1 .tit-deco {
        padding: 0;
        position: absolute;
        top: -31px;
        right: 8px
    }

    #lesson .lesson4 .row.row1 .gr-txt {
        width: 553px;
        margin-right: -8px;
        padding-top: 31px
    }

    #lesson .lesson4 .row.row1 .gr-txt .txt-lead {
        left: 30px;
        padding: 8px 31px 13px 24px
    }

    #lesson .lesson4 .row.row1 .gr-txt .txt-inner {
        padding: 64px 0 100px 89px
    }

    #lesson .lesson4 .row.row1 .gr-txt .txt-inner .bg-txt {
        padding: 3px 3px 9px 5px;
        letter-spacing: .06em
    }

    #lesson .lesson4 .row.row1 .photo {
        width: auto;
        top: 208px;
        left: -73px
    }

    #lesson .lesson4 .row.row2 {
        padding-bottom: 0
    }

    #lesson .lesson4 .row.row2 .tit-deco {
        padding: 0;
        position: absolute;
        top: -1px;
        left: 59px
    }

    #lesson .lesson4 .row.row2 .gr-txt {
        width: 450px;
        margin: 0 0 0 17px;
        padding-top: 56px
    }

    #lesson .lesson4 .row.row2 .gr-txt .txt-lead {
        top: 39px;
        left: 11px;
        padding: 9px 29px 12px 21px
    }

    #lesson .lesson4 .row.row2 .gr-txt .txt-inner {
        padding: 52px 0 75px 75px;
        letter-spacing: -0.03em
    }

    #lesson .lesson4 .row.row2 .gr-txt .txt-inner .bg-txt {
        padding: 6px 7px 8px 8px;
        letter-spacing: .03em
    }

    #lesson .lesson4 .row.row2 .gr-txt .txt-inner .bg-txt:nth-child(1) {
        margin-left: -7px
    }

    #lesson .lesson4 .row.row2 .photo {
        right: -52px;
        bottom: -22px;
        z-index: 2;
        width: auto
    }

    #lesson .lesson4 .row3 {
        margin-top: 56px
    }

    #lesson .lesson4 .row3 .photo {
        width: auto;
        inset: -43px auto auto 0px
    }

    #lesson .lesson4 .row3 .gr-txt {
        background: url("../img/beginner/lesson4_deco.png") no-repeat right bottom/auto #0f958a;
        padding: 54px 43px 46px 230px;
        margin: 0 30px 0;
        font-size: 16px;
        line-height: 36px;
        letter-spacing: 0
    }
}

#reserve .wrap {
    padding: 12vw 2%;
    background-color: #fff
}

#reserve .inner {
    background: url("../img/beginner/reserve_bg.jpg") no-repeat center top/cover #fff;
    padding: 2vw 0
}

#reserve .inner .gr-txt {
    background: #cc573a;
    width: 50vw;
    height: 50vw;
    border-radius: 50%;
    text-align: center;
    box-sizing: border-box;
    margin: 0 auto;
    line-height: 1;
    color: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

#reserve .inner .gr-txt .txt1 {
    background-color: #fff;
    letter-spacing: .075em;
    border-radius: 17px;
    color: #cc573a;
    font-size: 2.7vw;
    display: inline-block;
    padding: 1.5vw 2%
}

#reserve .inner .gr-txt .txt2 {
    letter-spacing: .1em;
    font-size: 3.5vw;
    margin: 2vw 0
}

#reserve .inner .gr-txt .txt3 {
    color: #812711;
    background-color: #ffc9bb;
    font-size: 2.4vw;
    display: inline-block;
    border-radius: 17px;
    padding: 1vw 2%
}

#reserve .inner .gr-txt .txt4 {
    font-size: 4.7vw;
    padding: 2vw 0 2.5vw;
    font-weight: bold;
    font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}

#reserve .inner .gr-txt .txt4 span {
    font-size: 2.7vw;
    letter-spacing: .1em
}

#reserve .inner .gr-txt .bnr-shared {
    width: 65%
}

#reserve .inner .gr-txt .bnr-shared a {
    padding: 3.5vw 0 4vw
}

#reserve .inner .gr-txt .bnr-shared a span {
    font-size: 2.7vw
}

#reserve .inner .gr-txt .bnr-shared a span::before {
    width: 6px;
    height: 6px
}

@media screen and (min-width: 1000px) {
    #reserve .wrap {
        padding: 65px 35px 140px;
        max-width: 800px;
        box-sizing: border-box;
        border-bottom: 1px solid #b6b6b6
    }

    #reserve .inner {
        padding: 10px 0 8px
    }

    #reserve .inner .gr-txt {
        padding: 8px 0 0;
        width: 338px;
        height: 338px
    }

    #reserve .inner .gr-txt .txt1 {
        font-size: 20px;
        padding: 5px 13px 8px 15px;
        text-align: left;
        letter-spacing: -0.02em
    }

    #reserve .inner .gr-txt .txt2 {
        font-size: 24px;
        margin: 16px 0 18px;
        letter-spacing: .07em
    }

    #reserve .inner .gr-txt .txt3 {
        font-size: 18px;
        padding: 3px 10px 5px 11px;
        letter-spacing: .01em
    }

    #reserve .inner .gr-txt .txt4 {
        font-size: 30px;
        padding: 18px 0 0;
        letter-spacing: .075em
    }

    #reserve .inner .gr-txt .txt4 span {
        font-size: 20px
    }

    #reserve .inner .gr-txt .bnr-shared {
        width: 206px;
        margin: 19px 0 0
    }

    #reserve .inner .gr-txt .bnr-shared a {
        padding: 4px 0 8px
    }

    #reserve .inner .gr-txt .bnr-shared a::after {
        inset: 3px
    }

    #reserve .inner .gr-txt .bnr-shared a span {
        font-size: 16px
    }
}