@charset "UTF-8";
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, a, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
}

*, *::before, *::after {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    background-repeat: no-repeat;
}

article, aside, footer, header, nav, section, main {
    display: block;
}

address, caption, cite, code, dfn, em, strong, th, var {
    font-style: normal;
    font-weight: normal;
}

html {
    font-size: 10px;
    overflow: auto;
}

body {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    scroll-behavior: smooth;
    text-rendering: optimizeSpeed;
    -webkit-font-feature-settings: "palt" 1;
            font-feature-settings: "palt" 1;
}

a, a:visited {
    text-decoration: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

ol, ul {
    list-style: none;
}

img, video {
    max-width: 100%;
}

img {
    border-style: none;
    width: auto;
    height: auto;
    vertical-align: top;
}

blockquote, q {
    quotes: none;
}

blockquote::after, blockquote::before, q::after, q::before {
    content: "";
    content: none;
}

[hidden] {
    display: none !important;
}

[disabled] {
    cursor: not-allowed;
}

:focus:not(:focus-visible) {
    outline: 0;
}

[hidden] {
    display: none !important;
}

[disabled] {
    cursor: not-allowed;
}

input, button, textarea, select {
    font: inherit;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    outline: 0;
}

select {
    border-radius: 0;
}

select::-ms-expand {
    display: none;
}

textarea {
    resize: vertical;
}

[type=radio], [type=checkbox] {
    margin: 0;
}

[type=text], [type=number], [type=tel], [type=email] {
    border-style: solid;
    border-width: 1px;
    border-radius: 0;
}

[type=number] {
    -moz-appearance: textfield;
}
[type=number]::-webkit-outer-spin-button, [type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

button {
    border: 0;
    padding: 0;
    background: transparent;
    outline: 0;
}

input, select {
    vertical-align: middle;
}

@media (prefers-reduced-motion: reduce) {
    * {
        -webkit-animation-duration: 0.01ms !important;
                animation-duration: 0.01ms !important;
        -webkit-animation-iteration-count: 1 !important;
                animation-iteration-count: 1 !important;
        -webkit-transition-duration: 0.01ms !important;
                transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
}
.header {
    width: 100%;
    padding: 20px 20px 8px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.16);
            box-shadow: 0 0 20px rgba(0, 0, 0, 0.16);
    position: relative;
    z-index: 9999;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}
@media (max-width: 767px) {
    .header {
        height: 60px;
        padding: 0;
        position: fixed;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        display: block;
    }
}
.header--teacher {
    width: 100%;
    height: 75px;
    padding: 0 20px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.16);
            box-shadow: 0 0 20px rgba(0, 0, 0, 0.16);
    position: relative;
    z-index: 9999;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
@media (max-width: 767px) {
    .header--teacher {
        height: 60px;
        padding: 0;
        position: fixed;
        display: block;
    }
}
.header--teacher .header__contents {
    width: calc(100% - 200px);
    margin-top: 0;
}
@media (max-width: 1199px) {
    .header--teacher .header__contents {
        width: calc(100% - 150px);
    }
}
@media (max-width: 991px) {
    .header--teacher .header__contents {
        width: calc(100% - 110px);
    }
}
@media (max-width: 767px) {
    .header--teacher .header__contents {
        max-width: inherit;
        width: 100%;
        height: 100vh;
        margin-top: -60px;
        -webkit-transform: translateX(100%);
                transform: translateX(100%);
        -webkit-transition: 0.6s;
        transition: 0.6s;
    }
}
.header--teacher .header__inner {
    margin-top: 0 !important;
}
.header__logo {
    width: 200px;
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
@media (max-width: 1199px) {
    .header__logo {
        width: 150px;
    }
}
@media (max-width: 991px) {
    .header__logo {
        width: 110px;
    }
}
@media (max-width: 767px) {
    .header__logo {
        width: 140px;
        height: 60px;
        margin-left: 15px;
        position: static;
        z-index: inherit;
    }
}
.header__spBtn {
    width: 60px;
    height: 60px;
    display: inline-block;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 2;
    cursor: pointer;
}
@media (min-width: 768px) {
    .header__spBtn {
        display: none;
    }
}
.header__spBtn.is-open {
    position: absolute;
    background-color: #84bb00;
    border-radius: 0 0 0 20px;
}
.header__spBtn.is-open .header__line {
    background: #fff;
}
.header__spBtn.is-open .header__line:nth-child(1) {
    -webkit-transform: translateY(9px) rotate(-45deg);
            transform: translateY(9px) rotate(-45deg);
}
.header__spBtn.is-open .header__line:nth-child(2) {
    opacity: 0;
}
.header__spBtn.is-open .header__line:nth-child(3) {
    -webkit-transform: translateY(-9px) rotate(45deg);
            transform: translateY(-9px) rotate(45deg);
}
.header__line {
    width: 24px;
    height: 2px;
    margin: auto;
    background: #333;
    border-radius: 3px;
    position: absolute;
    right: 0;
    left: 0;
    display: inline-block;
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.header__line:nth-child(1) {
    top: 20px;
}
.header__line:nth-child(2) {
    top: 0;
    bottom: 0;
}
.header__line:nth-child(3) {
    bottom: 20px;
}
.header__contents {
    width: 100%;
    margin-top: -30px;
}
@media (max-width: 767px) {
    .header__contents {
        max-width: inherit;
        width: 100%;
        height: 100vh;
        margin-top: -60px;
        -webkit-transform: translateX(100%);
                transform: translateX(100%);
        -webkit-transition: 0.6s;
        transition: 0.6s;
    }
    .header__contents.is-open {
        -webkit-transform: translateX(0%);
                transform: translateX(0%);
    }
}
.header__inner {
    margin-top: -13px;
    float: right;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
@media (max-width: 1199px) {
    .header__inner {
        margin-top: 0;
    }
}
@media (max-width: 991px) {
    .header__inner {
        margin-top: 10px;
    }
}
@media (max-width: 767px) {
    .header__inner {
        width: 100%;
        height: 100vh;
        margin-top: 0;
        background-color: #84bb00;
        overflow: auto;
        float: none;
        display: block;
        -webkit-overflow-scrolling: touch;
    }
}
.header__title {
    font-size: 1.6rem;
    font-weight: 700;
    color: #fff;
    margin-top: 40px;
    padding-left: 30px;
    width: calc(100% - 15px * 2);
    max-width: 1160px;
    margin-left: auto;
    margin-right: auto;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Ccircle cx='5' cy='5' r='5' fill='%23fff'/%3E%3Ccircle cx='20' cy='5' r='5' fill='%23fff'/%3E%3Ccircle cx='35' cy='5' r='5' fill='%23fff'/%3E%3Ccircle cx='5' cy='20' r='5' fill='%23fff'/%3E%3Ccircle cx='20' cy='20' r='5' fill='%23fff'/%3E%3Ccircle cx='35' cy='20' r='5' fill='%23fff'/%3E%3Ccircle cx='5' cy='35' r='5' fill='%23fff'/%3E%3Ccircle cx='20' cy='35' r='5' fill='%23fff'/%3E%3Ccircle cx='35' cy='35' r='5' fill='%23fff'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 20px auto;
    background-position: center left;
}

.loginmenu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
}
@media (max-width: 767px) {
    .loginmenu {
        width: calc(100% - 15px * 2);
        max-width: 1160px;
        margin-left: auto;
        margin-right: auto;
        padding: 15px;
        background-color: #fff;
        border-radius: 10px;
        margin-top: 15px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-ordinal-group: inherit;
            -ms-flex-order: inherit;
                order: inherit;
    }
}
@media (max-width: 767px) {
    .loginmenu__item, .loginmenu__item--mypage, .loginmenu__item--register, .loginmenu__item--logout, .loginmenu__item--login {
        width: 100%;
    }
    .loginmenu__item:not(:last-child), .loginmenu__item--mypage:not(:last-child), .loginmenu__item--register:not(:last-child), .loginmenu__item--logout:not(:last-child), .loginmenu__item--login:not(:last-child) {
        margin-bottom: 15px;
    }
}
.loginmenu__item a, .loginmenu__item--mypage a, .loginmenu__item--register a, .loginmenu__item--logout a, .loginmenu__item--login a {
    font-size: 1.7rem;
    color: #fff;
    height: 30px;
    padding: 0 20px;
    border-radius: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
@media (max-width: 1199px) {
    .loginmenu__item a, .loginmenu__item--mypage a, .loginmenu__item--register a, .loginmenu__item--logout a, .loginmenu__item--login a {
        font-size: 1.5rem;
    }
}
@media (max-width: 991px) {
    .loginmenu__item a, .loginmenu__item--mypage a, .loginmenu__item--register a, .loginmenu__item--logout a, .loginmenu__item--login a {
        padding: 0 10px;
    }
}
@media (max-width: 767px) {
    .loginmenu__item a, .loginmenu__item--mypage a, .loginmenu__item--register a, .loginmenu__item--logout a, .loginmenu__item--login a {
        height: 40px;
    }
}
.loginmenu__item--login {
    margin-right: 20px;
}
@media (max-width: 1199px) {
    .loginmenu__item--login {
        margin-right: 10px;
    }
}
@media (max-width: 767px) {
    .loginmenu__item--login {
        margin-right: 0;
    }
}
@media (max-width: 374px) {
    .loginmenu__item--login {
        margin-bottom: 10px;
    }
}
.loginmenu__item--login a {
    background-color: #84bb00;
}
.loginmenu__item--login a span {
    padding-left: 20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21.47' height='26.33' viewBox='0 0 21.47 26.33'%3E%3Cpath d='M16,5.88c0,3.25-2.37,6.23-5.29,6.23s-5.3-3-5.3-6.23A5.61,5.61,0,0,1,10.74,0C13.66,0,16,2.63,16,5.88Z' fill='%23fff'/%3E%3Cpath d='M20.26,26.33h-19A1.21,1.21,0,0,1,0,25.12H0V22.79A10.73,10.73,0,0,1,10.74,12.06h0A10.72,10.72,0,0,1,21.47,22.79v2.33a1.21,1.21,0,0,1-1.21,1.21Z' fill='%23fff'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 12px auto;
    background-position: center left;
}
.loginmenu__item--logout {
    margin-right: 20px;
}
@media (max-width: 1199px) {
    .loginmenu__item--logout {
        margin-right: 10px;
    }
}
@media (max-width: 767px) {
    .loginmenu__item--logout {
        margin-right: 0;
    }
}
@media (max-width: 374px) {
    .loginmenu__item--logout {
        margin-bottom: 10px;
    }
}
.loginmenu__item--logout a {
    background-color: #84bb00;
}
.loginmenu__item--logout a span {
    padding-left: 20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28.86' height='31.5' viewBox='0 0 28.86 31.5'%3E%3Cpath d='M19,26.87H1.14A1.12,1.12,0,0,1,0,25.76V1.14A1.12,1.12,0,0,1,1.11,0H18.93a1.12,1.12,0,0,1,1.13,1.11V8.76a1.14,1.14,0,0,1-2.27.07V2.27H2.27V24.6H17.79V18.7a1.14,1.14,0,0,1,2.27-.06v7.1a1.06,1.06,0,0,1-1,1.13Z' fill='%23fff'/%3E%3Cpath d='M1.13,25.74,9,30.37V6.22L1.13,1.59Z' fill='%23fff'/%3E%3Cpath d='M9,31.5a1.38,1.38,0,0,1-.59-.14L.59,26.74a1.07,1.07,0,0,1-.54-1V1.59a1.17,1.17,0,0,1,.59-1,1.25,1.25,0,0,1,1.13,0L9.62,5.22a1.09,1.09,0,0,1,.55,1V30.37a1.21,1.21,0,0,1-.59,1A1.31,1.31,0,0,1,9,31.5ZM2.27,25.1l5.58,3.27V6.86L2.27,3.59Z' fill='%23fff'/%3E%3Cpath d='M27.14,15H14.21a1.14,1.14,0,0,1,0-2.27H27.14a1.14,1.14,0,0,1,0,2.27Z' fill='%23fff'/%3E%3Cpath d='M22.24,20.38a1.13,1.13,0,0,1-1.12-1.15,1.11,1.11,0,0,1,.35-.8L26.14,14,21.38,9.27A1.12,1.12,0,0,1,23,7.68l5.59,5.58a1.08,1.08,0,0,1,.31.82,1.13,1.13,0,0,1-.36.82L23,20.11A.84.84,0,0,1,22.24,20.38Z' fill='%23fff'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 15px auto;
    background-position: center left;
}
.loginmenu__item--register a {
    background-color: #ff7b22;
}
.loginmenu__item--register a span {
    padding-left: 20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30.56' height='30.56' viewBox='0 0 30.56 30.56'%3E%3Cpath d='M29.68,5.27,25.28.88A3,3,0,0,0,21,.88h0L18.17,3.73,4.25,17.66A5.41,5.41,0,0,0,3,19.7L.13,27.55a2.25,2.25,0,0,0,1.36,2.88,2.21,2.21,0,0,0,1.52,0l7.85-2.82a5.48,5.48,0,0,0,2-1.3L26.08,13.13h0l.75-.74,2.85-2.85h0A3,3,0,0,0,29.68,5.27ZM10.15,25.62l-5,1.8-2-2,1.8-5a1.17,1.17,0,0,1,0-.11l5.27,5.27-.11,0Zm1.26-.8a2.09,2.09,0,0,1-.22.2L5.54,19.37a2.09,2.09,0,0,1,.2-.22L19.56,5.32,25.24,11ZM28.19,8.05l-2.1,2.1-.1.1L20.31,4.57l2.21-2.21a.91.91,0,0,1,1.28,0l4.4,4.4A.9.9,0,0,1,28.2,8h0Z' fill='%23fff'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 15px auto;
    background-position: center left;
}
.loginmenu__item--mypage a {
    background-color: #ff7b22;
}
.loginmenu__item--mypage a span {
    padding-left: 20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27.87' height='29.06' viewBox='0 0 27.87 29.06'%3E%3Cpath d='M26.65,9.15h0L16.6.92a4.3,4.3,0,0,0-5.32,0l-10,8.23A3.21,3.21,0,0,0,0,11.63v14a3.17,3.17,0,0,0,1.14,2.4,4.14,4.14,0,0,0,2.75,1H24a4.16,4.16,0,0,0,2.75-1,3.19,3.19,0,0,0,1.13-2.4v-14A3.2,3.2,0,0,0,26.65,9.15ZM24.78,25.66a.63.63,0,0,1-.24.49.75.75,0,0,1-.55.2H17.38v-6H10.5v6H3.89a.87.87,0,0,1-.56-.2.62.62,0,0,1-.23-.49v-14a.63.63,0,0,1,.25-.5L13.4,2.89a.9.9,0,0,1,1.08,0l10.05,8.24h0a.68.68,0,0,1,.25.5Z' fill='%23fff'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 15px auto;
    background-position: center left;
}

@media (max-width: 767px) {
    .membermenu {
        width: calc(100% - 15px * 2);
        max-width: 1160px;
        margin-left: auto;
        margin-right: auto;
        padding: 15px;
        background-color: #fff;
        border-radius: 10px;
        margin-top: 15px;
    }
}
.membermenu__name {
    margin: 10px 0 20px;
}
.membermenu__name a {
    font-size: 1.8rem;
    font-weight: 700;
    color: #84bb00;
    border-bottom: 1px solid #84bb00;
}
.membermenu__name a span {
    font-size: 1.4rem;
}
.membermenu__number {
    text-align: center;
    font-size: 1.6rem;
    font-weight: 700;
    color: #fff;
    height: 46px;
    margin-bottom: 5px;
    background-color: #ff7b22;
    border-radius: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
@media (max-width: 991px) {
    .membermenu__number {
        font-size: 1.4rem;
        height: 36px;
    }
}
@media (max-width: 767px) {
    .membermenu__number {
        font-size: 1.6rem;
    }
}
.membermenu__number span {
    font-size: 2.9rem;
}
@media (max-width: 991px) {
    .membermenu__number span {
        font-size: 2.2rem;
    }
}
@media (max-width: 767px) {
    .membermenu__number span {
        font-size: 2.9rem;
    }
}
.membermenu__expire {
    font-size: 1.4rem;
    color: #FF3C34;
    margin-bottom: 20px;
}
.membermenu__list {
    margin-top: 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
}
.membermenu__item--home {
    width: 100%;
    height: 60px;
    line-height: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
}
@media (max-width: 767px) {
    .membermenu__item--home {
        width: 48%;
        height: auto;
        margin-bottom: 30px;
        line-height: 1.7;
        display: block;
    }
}
.membermenu__item--home a {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27.87' height='29.06' viewBox='0 0 27.87 29.06'%3E%3Cpath d='M26.65,9.15h0L16.6.92a4.3,4.3,0,0,0-5.32,0l-10,8.23A3.21,3.21,0,0,0,0,11.63v14a3.17,3.17,0,0,0,1.14,2.4,4.14,4.14,0,0,0,2.75,1H24a4.16,4.16,0,0,0,2.75-1,3.19,3.19,0,0,0,1.13-2.4v-14A3.2,3.2,0,0,0,26.65,9.15ZM24.78,25.66a.63.63,0,0,1-.24.49.75.75,0,0,1-.55.2H17.38v-6H10.5v6H3.89a.87.87,0,0,1-.56-.2.62.62,0,0,1-.23-.49v-14a.63.63,0,0,1,.25-.5L13.4,2.89a.9.9,0,0,1,1.08,0l10.05,8.24h0a.68.68,0,0,1,.25.5Z' fill='%23333'/%3E%3C/svg%3E");
    width: 100%;
    font-size: 1.6rem;
    color: #333;
    padding-left: 40px;
    background-repeat: no-repeat;
    background-size: 15px auto;
    background-position: center left 20px;
    border-radius: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
@media (max-width: 767px) {
    .membermenu__item--home a {
        display: block;
        padding-left: 20px;
        background-position: top 5px left;
        border-radius: 0;
    }
}
@media (max-width: 374px) {
    .membermenu__item--home a {
        font-size: 1.5rem;
    }
}
@media (min-width: 768px) {
    .membermenu__item--home a.active {
        background-color: #f2f5f7;
    }
}
.membermenu__item--reserve {
    width: 100%;
    height: 60px;
    line-height: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
}
@media (max-width: 767px) {
    .membermenu__item--reserve {
        width: 48%;
        height: auto;
        margin-bottom: 30px;
        line-height: 1.7;
        display: block;
    }
}
.membermenu__item--reserve a {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Cpath d='M29.13,5.18,24.82.87a3,3,0,0,0-4.18,0l-2.8,2.79L4.17,17.33a5.5,5.5,0,0,0-1.27,2L.13,27.05A2.2,2.2,0,0,0,3,29.87l7.71-2.77a5.37,5.37,0,0,0,2-1.27L25.61,12.89h0l.73-.73,2.79-2.8h0A3,3,0,0,0,29.13,5.18ZM10,25.15,5.05,26.92l-2-2L4.85,20s0-.07,0-.11l5.18,5.18Zm1.25-.78-.22.19L5.44,19c.06-.08.13-.15.19-.22L19.2,5.23l5.57,5.57ZM27.67,7.9,25.61,10l-.11.11L19.93,4.5,22.1,2.33a.89.89,0,0,1,1.26,0l4.31,4.31a.89.89,0,0,1,0,1.26Z' fill='%23333'/%3E%3C/svg%3E");
    width: 100%;
    font-size: 1.6rem;
    color: #333;
    padding-left: 40px;
    background-repeat: no-repeat;
    background-size: 15px auto;
    background-position: center left 20px;
    border-radius: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
@media (max-width: 767px) {
    .membermenu__item--reserve a {
        display: block;
        padding-left: 20px;
        background-position: top 5px left;
        border-radius: 0;
    }
}
@media (max-width: 374px) {
    .membermenu__item--reserve a {
        font-size: 1.5rem;
    }
}
@media (min-width: 768px) {
    .membermenu__item--reserve a.active {
        background-color: #f2f5f7;
    }
}
.membermenu__item--calender {
    width: 100%;
    height: 60px;
    line-height: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
}
@media (max-width: 767px) {
    .membermenu__item--calender {
        width: 48%;
        height: auto;
        margin-bottom: 30px;
        line-height: 1.7;
        display: block;
    }
}
.membermenu__item--calender a {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30.18' height='33.59' viewBox='0 0 30.18 33.59'%3E%3Cpath d='M8.5,3.81h0A.77.77,0,0,0,9.31,3V.79a.79.79,0,1,0-1.58,0V3A.76.76,0,0,0,8.5,3.81Z' fill='none'/%3E%3Cpath d='M1.84,28.94c0,.53.58.95,1.3.95H27.06c.72,0,1.29-.42,1.29-.95V16H1.84Zm6.47-7.41a1.71,1.71,0,0,1,1.91,0L13.52,24l7.08-5.22a1.72,1.72,0,0,1,1.92,0,.84.84,0,0,1,.28,1.14.8.8,0,0,1-.28.27l-8.35,6.17-.65,0H13L12.47,26,8.3,22.94A.83.83,0,0,1,8,21.8a.73.73,0,0,1,.28-.27Z' fill='none'/%3E%3Cpath d='M21.66,3.81h0A.76.76,0,0,0,22.46,3V.79A.78.78,0,0,0,21.65,0a.79.79,0,0,0-.77.76V3a.77.77,0,0,0,.78.77Z' fill='none'/%3E%3Cpath d='M27.06,4.28H25v.27c0,1.27-1.4,2.31-3.13,2.31h-.05c-1.72,0-3.13-1-3.13-2.31V4.28H11.5v.27c0,1.27-1.41,2.31-3.13,2.31h0c-1.72,0-3.13-1-3.13-2.31V4.28H3.14c-.72,0-1.3.43-1.3,1V8H28.35V5.24C28.35,4.71,27.77,4.28,27.06,4.28Z' fill='none'/%3E%3Cpath d='M26.56,3.54h-2v-.2a3,3,0,0,0-6.05,0v.2H11.65v-.2a3,3,0,0,0-6.05,0v.2h-2A3.63,3.63,0,0,0,0,7.17V30a3.63,3.63,0,0,0,3.63,3.62H26.55A3.62,3.62,0,0,0,30.18,30V7.17A3.63,3.63,0,0,0,26.56,3.54Zm-6,2.39V3.34a1,1,0,0,1,2.06,0V6.27a1,1,0,0,1-1,1h0a1,1,0,0,1-1-1ZM7.6,5.93V3.34a1,1,0,0,1,2.06,0V6.27a1,1,0,0,1-1,1h0a1,1,0,0,1-1-1h0ZM27.81,30a1.25,1.25,0,0,1-1.25,1.24H3.64A1.23,1.23,0,0,1,2.4,30V13.1H27.81Zm0-19.25H2.39V7.17A1.24,1.24,0,0,1,3.63,5.93h2v.34a3,3,0,0,0,3,3h0a3,3,0,0,0,3-3V5.93h6.9v.34a3,3,0,0,0,3,3h0a3,3,0,0,0,3-3V5.93h2a1.23,1.23,0,0,1,1.24,1.24Z' fill='%23333'/%3E%3Cpath d='M13.3,23.67l.35.32h.41l.48,0L20.7,17.8a1,1,0,0,0-1.41-1.41l-5.23,5.22-2.42-2.43a1,1,0,1,0-1.42,1.42Z' fill='%23333'/%3E%3C/svg%3E");
    width: 100%;
    font-size: 1.6rem;
    color: #333;
    padding-left: 40px;
    background-repeat: no-repeat;
    background-size: 15px auto;
    background-position: center left 20px;
    border-radius: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
@media (max-width: 767px) {
    .membermenu__item--calender a {
        display: block;
        padding-left: 20px;
        background-position: top 5px left;
        border-radius: 0;
    }
}
@media (max-width: 374px) {
    .membermenu__item--calender a {
        font-size: 1.5rem;
    }
}
@media (min-width: 768px) {
    .membermenu__item--calender a.active {
        background-color: #f2f5f7;
    }
}
.membermenu__item--history {
    width: 100%;
    height: 60px;
    line-height: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
}
@media (max-width: 767px) {
    .membermenu__item--history {
        width: 48%;
        height: auto;
        margin-bottom: 30px;
        line-height: 1.7;
        display: block;
    }
}
.membermenu__item--history a {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29.49' height='29.56' viewBox='0 0 29.49 29.56'%3E%3Cpath d='M14.7,8.92v6l3,3' fill='none' stroke='%23333' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.6'/%3E%3Cpath d='M1.3,13.42a13.47,13.47,0,1,1,.75,6M1.3,26.89V19.41H8.79' fill='none' stroke='%23333' stroke-linecap='round' stroke-linejoin='round' stroke-width='2.6'/%3E%3C/svg%3E");
    width: 100%;
    font-size: 1.6rem;
    color: #333;
    padding-left: 40px;
    background-repeat: no-repeat;
    background-size: 15px auto;
    background-position: center left 20px;
    border-radius: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
@media (max-width: 767px) {
    .membermenu__item--history a {
        display: block;
        padding-left: 20px;
        background-position: top 5px left;
        border-radius: 0;
    }
}
@media (max-width: 374px) {
    .membermenu__item--history a {
        font-size: 1.5rem;
    }
}
@media (min-width: 768px) {
    .membermenu__item--history a.active {
        background-color: #f2f5f7;
    }
}
.membermenu__item--profile {
    width: 100%;
    height: 60px;
    line-height: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
}
@media (max-width: 767px) {
    .membermenu__item--profile {
        width: 48%;
        height: auto;
        margin-bottom: 30px;
        line-height: 1.7;
        display: block;
    }
}
.membermenu__item--profile a {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28.38' height='34.76' viewBox='0 0 28.38 34.76'%3E%3Cpath d='M14.33,15.89A7.85,7.85,0,1,0,6.49,8.05h0A7.84,7.84,0,0,0,14.33,15.89Zm0-13.56A5.72,5.72,0,1,1,8.62,8.05h0a5.72,5.72,0,0,1,5.71-5.72Z' fill='%23333' stroke='%23333' stroke-width='0.4'/%3E%3Cpath d='M1.35,34.56h0L26,34.4c1.4,0,2.17,0,2.16-1.07V25.8a8.36,8.36,0,0,0-2.34-6.24,9.68,9.68,0,0,0-6.41-2.5c-.43.09-.86.2-1.28.32a6.16,6.16,0,0,1-7.87-.09c-.52-.06-1-.13-1.53-.23-6.6,0-8.47,5.87-8.54,9v0c0,.22.09,7.43.09,7.43A1.05,1.05,0,0,0,1.35,34.56Zm1-8.48c0-.28.25-6.9,6.41-6.9a.92.92,0,0,0,.4-.08,8.26,8.26,0,0,0,10.16.07h.15a7.6,7.6,0,0,1,4.89,1.89A6.33,6.33,0,0,1,26,25.79v6.49L2.4,32.43l-.06-5.22c0-.44,0-.81,0-1.12Z' fill='%23333' stroke='%23333' stroke-width='0.4'/%3E%3C/svg%3E");
    width: 100%;
    font-size: 1.6rem;
    color: #333;
    padding-left: 40px;
    background-repeat: no-repeat;
    background-size: 15px auto;
    background-position: center left 20px;
    border-radius: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
@media (max-width: 767px) {
    .membermenu__item--profile a {
        display: block;
        padding-left: 20px;
        background-position: top 5px left;
        border-radius: 0;
    }
}
@media (max-width: 374px) {
    .membermenu__item--profile a {
        font-size: 1.5rem;
    }
}
@media (min-width: 768px) {
    .membermenu__item--profile a.active {
        background-color: #f2f5f7;
    }
}
.membermenu__item--course {
    width: 100%;
    height: 60px;
    line-height: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
}
@media (max-width: 767px) {
    .membermenu__item--course {
        width: 48%;
        height: auto;
        margin-bottom: 30px;
        line-height: 1.7;
        display: block;
    }
}
.membermenu__item--course a {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28.29' height='36' viewBox='0 0 28.29 36'%3E%3Cpath d='M1.3,18.63A.6.6,0,0,1,.7,18,13.42,13.42,0,0,1,14.12,4.59h0a.6.6,0,0,1,.6.6.61.61,0,0,1-.6.6A12.26,12.26,0,0,0,1.9,18a.6.6,0,0,1-.6.6Z' fill='%23333' stroke='%23333' stroke-width='1.4'/%3E%3Cpath d='M1.72,21.92a.6.6,0,0,1-.58-.44c0-.14-.07-.29-.1-.43a.6.6,0,1,1,1.17-.27h0c0,.13.06.26.1.39a.59.59,0,0,1-.42.73.47.47,0,0,1-.16,0Z' fill='%23333' stroke='%23333' stroke-width='1.4'/%3E%3Cpath d='M14.14,31.47a.59.59,0,0,1-.59-.6.6.6,0,0,1,.59-.6A12.25,12.25,0,0,0,26.38,18a.59.59,0,0,1,.61-.59.6.6,0,0,1,.59.59A13.43,13.43,0,0,1,14.16,31.48h0Z' fill='%23333' stroke='%23333' stroke-width='1.4'/%3E%3Cpath d='M26.69,15.91a.6.6,0,0,1-.58-.48L26,15a.6.6,0,1,1,1.16-.29c0,.14.07.28.1.43a.6.6,0,0,1-.45.71h0Z' fill='%23333' stroke='%23333' stroke-width='1.4'/%3E%3Cpath d='M14.14,25.57a.6.6,0,0,1,0-1.2,6.29,6.29,0,0,0,4.49-1.87.59.59,0,0,1,.85,0,.6.6,0,0,1,0,.85,7.56,7.56,0,0,1-5.35,2.22Z' fill='%23333' stroke='%23333' stroke-width='1.4'/%3E%3Cpath d='M9.24,13.73a.6.6,0,0,1-.43-1,7.55,7.55,0,0,1,5.33-2.21.62.62,0,0,1,.6.61.6.6,0,0,1-.6.59,6.34,6.34,0,0,0-4.48,1.86A.6.6,0,0,1,9.24,13.73Z' fill='%23333' stroke='%23333' stroke-width='1.4'/%3E%3Cpath d='M18.87,5.79H14.14a.6.6,0,0,1,0-1.2h4.72a.6.6,0,0,1,.6.6.6.6,0,0,1-.6.6Z' fill='%23333' stroke='%23333' stroke-width='1.4'/%3E%3Cpath d='M18.87,11.7H14.14a.6.6,0,0,1-.59-.61.58.58,0,0,1,.59-.59h4.72a.6.6,0,0,1,.6.6.61.61,0,0,1-.6.6Z' fill='%23333' stroke='%23333' stroke-width='1.4'/%3E%3Cpath d='M18.87,15.58a.6.6,0,0,1-.6-.6h0V11.1a.59.59,0,0,1,.59-.61.61.61,0,0,1,.61.59v2.61l6.58-5.55L19.47,2.6V7.68a.62.62,0,0,1-.6.61.6.6,0,0,1-.6-.6h0V1.3a.59.59,0,0,1,.59-.6.6.6,0,0,1,.39.14l8.12,6.84a.6.6,0,0,1,.07.85l-.07.07-8.12,6.84A.57.57,0,0,1,18.87,15.58Z' fill='%23333' stroke='%23333' stroke-width='1.4'/%3E%3Cpath d='M14,31.5H9.32a.61.61,0,0,1-.61-.6.6.6,0,0,1,.6-.6H14a.6.6,0,0,1,.6.6A.61.61,0,0,1,14,31.5Z' fill='%23333' stroke='%23333' stroke-width='1.4'/%3E%3Cpath d='M14,25.59H9.32A.6.6,0,0,1,8.71,25a.62.62,0,0,1,.6-.61H14a.61.61,0,0,1,.61.6.6.6,0,0,1-.6.6Z' fill='%23333' stroke='%23333' stroke-width='1.4'/%3E%3Cpath d='M9.32,35.3a.62.62,0,0,1-.39-.14l-8-6.76a.6.6,0,0,1-.07-.84l.07-.08,8-6.75a.59.59,0,0,1,.85.07.58.58,0,0,1,.14.39V25a.59.59,0,0,1-.6.59.6.6,0,0,1-.6-.59V22.48L2.24,27.94,8.72,33.4V28.45a.6.6,0,0,1,1.2,0V34.7a.59.59,0,0,1-.35.54A.54.54,0,0,1,9.32,35.3Z' fill='%23333' stroke='%23333' stroke-width='1.4'/%3E%3C/svg%3E");
    width: 100%;
    font-size: 1.6rem;
    color: #333;
    padding-left: 40px;
    background-repeat: no-repeat;
    background-size: 15px auto;
    background-position: center left 20px;
    border-radius: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
@media (max-width: 767px) {
    .membermenu__item--course a {
        display: block;
        padding-left: 20px;
        background-position: top 5px left;
        border-radius: 0;
    }
}
@media (max-width: 374px) {
    .membermenu__item--course a {
        font-size: 1.5rem;
    }
}
@media (min-width: 768px) {
    .membermenu__item--course a.active {
        background-color: #f2f5f7;
    }
}
.membermenu__item--accounts {
    width: 100%;
    height: 60px;
    line-height: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
}
@media (max-width: 767px) {
    .membermenu__item--accounts {
        width: 48%;
        height: auto;
        margin-bottom: 30px;
        line-height: 1.7;
        display: block;
    }
}
.membermenu__item--accounts a {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27.98' height='27.98' viewBox='0 0 27.98 27.98'%3E%3Cpath d='M18.37,13.09h-3l-.33.5v1.2h3.35v1.72H15V19.1H13V16.51H9.61V14.79H13v-1.2l-.32-.51h-3V11.62h2.07L9.92,8.87h1.76L14,12.47l2.31-3.6h1.76l-1.77,2.75h2.08Z' fill='%23333'/%3E%3Cpath d='M14,3.5A10.49,10.49,0,1,1,3.5,14h0A10.51,10.51,0,0,1,14,3.5M14,0A14,14,0,1,0,28,14h0A14,14,0,0,0,14,0Z' fill='%23333'/%3E%3C/svg%3E");
    width: 100%;
    font-size: 1.6rem;
    color: #333;
    padding-left: 40px;
    background-repeat: no-repeat;
    background-size: 15px auto;
    background-position: center left 20px;
    border-radius: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
@media (max-width: 767px) {
    .membermenu__item--accounts a {
        display: block;
        padding-left: 20px;
        background-position: top 5px left;
        border-radius: 0;
    }
}
@media (max-width: 374px) {
    .membermenu__item--accounts a {
        font-size: 1.5rem;
    }
}
@media (min-width: 768px) {
    .membermenu__item--accounts a.active {
        background-color: #f2f5f7;
    }
}
.membermenu__item--cancel {
    width: 100%;
    height: 60px;
    line-height: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
}
@media (max-width: 767px) {
    .membermenu__item--cancel {
        width: 48%;
        height: auto;
        margin-bottom: 30px;
        line-height: 1.7;
        display: block;
    }
}
.membermenu__item--cancel a {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28.86' height='31.5' viewBox='0 0 28.86 31.5'%3E%3Cpath d='M19,26.87H1.14A1.12,1.12,0,0,1,0,25.76V1.14A1.12,1.12,0,0,1,1.11,0H18.93a1.12,1.12,0,0,1,1.13,1.11V8.76a1.14,1.14,0,0,1-2.27.07V2.27H2.27V24.6H17.79V18.7a1.14,1.14,0,0,1,2.27-.06v7.1a1.06,1.06,0,0,1-1,1.13Z' fill='%23333'/%3E%3Cpath d='M1.13,25.74,9,30.37V6.22L1.13,1.59Z' fill='%23333'/%3E%3Cpath d='M9,31.5a1.38,1.38,0,0,1-.59-.14L.59,26.74a1.07,1.07,0,0,1-.54-1V1.59a1.17,1.17,0,0,1,.59-1,1.25,1.25,0,0,1,1.13,0L9.62,5.22a1.09,1.09,0,0,1,.55,1V30.37a1.21,1.21,0,0,1-.59,1A1.31,1.31,0,0,1,9,31.5ZM2.27,25.1l5.58,3.27V6.86L2.27,3.59Z' fill='%23333'/%3E%3Cpath d='M27.14,15H14.21a1.14,1.14,0,0,1,0-2.27H27.14a1.14,1.14,0,0,1,0,2.27Z' fill='%23333'/%3E%3Cpath d='M22.24,20.38a1.13,1.13,0,0,1-1.12-1.15,1.11,1.11,0,0,1,.35-.8L26.14,14,21.38,9.27A1.12,1.12,0,0,1,23,7.68l5.59,5.58a1.08,1.08,0,0,1,.31.82,1.13,1.13,0,0,1-.36.82L23,20.11A.84.84,0,0,1,22.24,20.38Z' fill='%23333'/%3E%3C/svg%3E");
    width: 100%;
    font-size: 1.6rem;
    color: #333;
    padding-left: 40px;
    background-repeat: no-repeat;
    background-size: 15px auto;
    background-position: center left 20px;
    border-radius: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
@media (max-width: 767px) {
    .membermenu__item--cancel a {
        display: block;
        padding-left: 20px;
        background-position: top 5px left;
        border-radius: 0;
    }
}
@media (max-width: 374px) {
    .membermenu__item--cancel a {
        font-size: 1.5rem;
    }
}
@media (min-width: 768px) {
    .membermenu__item--cancel a.active {
        background-color: #f2f5f7;
    }
}
.membermenu__item--news {
    width: 100%;
    height: 60px;
    line-height: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
}
@media (max-width: 767px) {
    .membermenu__item--news {
        width: 48%;
        height: auto;
        margin-bottom: 30px;
        line-height: 1.7;
        display: block;
    }
}
.membermenu__item--news a {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26.76' height='28.53' viewBox='0 0 26.76 28.53'%3E%3Cpath d='M25.69,2.66H22.33V1c0-.61-.15-1-.88-1h-1.9a.92.92,0,0,0-.94,1V2.66H15.24V1c0-.67-.29-1-.92-1H12.65a1.13,1.13,0,0,0-1.13,1.15V2.66H8.15V1.15A1,1,0,0,0,7.12,0H5.44a1,1,0,0,0-1,1.15V2.66H1.07A1.07,1.07,0,0,0,0,3.72V27.47a1.06,1.06,0,0,0,1.07,1.06H18.43l8.33-8.2V3.72A1.07,1.07,0,0,0,25.69,2.66ZM2,4.61H4.43V5.93a.45.45,0,0,0,.14.32.46.46,0,0,0,.32.13H7.75A.4.4,0,0,0,8.15,6V4.61h3.37V5.93a.45.45,0,0,0,.44.45h2.79a.51.51,0,0,0,.49-.47V4.61h3.37V5.93a.45.45,0,0,0,.44.45h2.83a.45.45,0,0,0,.45-.45V4.61h2.48V20.38H19.58a1.14,1.14,0,0,0-1.28,1.15v5.12L2,26.58v-22Z' fill='%23333'/%3E%3Cpath d='M6.45,11.73H20.3a1,1,0,0,0,0-2H6.45a1,1,0,0,0,0,2Z' fill='%23333'/%3E%3Cpath d='M6.45,17H20.3a1,1,0,0,0,0-2H6.45a1,1,0,0,0,0,2Z' fill='%23333'/%3E%3Cpath d='M14.6,20.38H6.27a.77.77,0,0,0-.76.79v.37a.77.77,0,0,0,.76.79H14.6a.77.77,0,0,0,.76-.79v-.37A.77.77,0,0,0,14.6,20.38Z' fill='%23333'/%3E%3C/svg%3E");
    width: 100%;
    font-size: 1.6rem;
    color: #333;
    padding-left: 40px;
    background-repeat: no-repeat;
    background-size: 15px auto;
    background-position: center left 20px;
    border-radius: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
@media (max-width: 767px) {
    .membermenu__item--news a {
        display: block;
        padding-left: 20px;
        background-position: top 5px left;
        border-radius: 0;
    }
}
@media (max-width: 374px) {
    .membermenu__item--news a {
        font-size: 1.5rem;
    }
}
@media (min-width: 768px) {
    .membermenu__item--news a.active {
        background-color: #f2f5f7;
    }
}
.membermenu__item--contact {
    width: 100%;
    height: 60px;
    line-height: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
}
@media (max-width: 767px) {
    .membermenu__item--contact {
        width: 48%;
        height: auto;
        margin-bottom: 30px;
        line-height: 1.7;
        display: block;
    }
}
.membermenu__item--contact a {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='29' height='22.76' viewBox='0 0 29 22.76'%3E%3Cpath d='M28.93,3.24a4.11,4.11,0,0,0-.84-1.76,2.52,2.52,0,0,0-.27-.3A4,4,0,0,0,25,0H4A4,4,0,0,0,1.18,1.18a2.52,2.52,0,0,0-.27.3A4,4,0,0,0,.08,3.24,4,4,0,0,0,0,4V18.74a4.09,4.09,0,0,0,.33,1.6,3.81,3.81,0,0,0,.85,1.24,3.45,3.45,0,0,0,.28.26A4,4,0,0,0,4,22.76H25a4,4,0,0,0,2.56-.93,2.18,2.18,0,0,0,.28-.25,3.81,3.81,0,0,0,.85-1.24h0A4,4,0,0,0,29,18.74V4A5,5,0,0,0,28.93,3.24ZM2.63,2.63A2,2,0,0,1,4,2.06H25a2,2,0,0,1,1.39.57l.17.21-11,9.57a1.58,1.58,0,0,1-1.06.4,1.59,1.59,0,0,1-1.06-.4l-11-9.57ZM2.06,18.74V5l8,6.93L2.06,18.83ZM25,20.7H4a2,2,0,0,1-1-.25l8.38-7.31.78.68a3.51,3.51,0,0,0,2.29.86,3.47,3.47,0,0,0,2.29-.86l.78-.68L26,20.45A2,2,0,0,1,25,20.7Zm2-2v.09L19,11.9l8-6.93Z' fill='%23333'/%3E%3C/svg%3E");
    width: 100%;
    font-size: 1.6rem;
    color: #333;
    padding-left: 40px;
    background-repeat: no-repeat;
    background-size: 15px auto;
    background-position: center left 20px;
    border-radius: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
@media (max-width: 767px) {
    .membermenu__item--contact a {
        display: block;
        padding-left: 20px;
        background-position: top 5px left;
        border-radius: 0;
    }
}
@media (max-width: 374px) {
    .membermenu__item--contact a {
        font-size: 1.5rem;
    }
}
@media (min-width: 768px) {
    .membermenu__item--contact a.active {
        background-color: #f2f5f7;
    }
}

.globalmenu {
    width: 100%;
    margin-top: 25px;
    -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
            order: 4;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
@media (max-width: 991px) {
    .globalmenu {
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
    }
}
@media (max-width: 767px) {
    .globalmenu {
        width: calc(100% - 15px * 2);
        max-width: 1160px;
        margin-left: auto;
        margin-right: auto;
        padding: 15px;
        background-color: #fff;
        border-radius: 10px;
        background-image: url("/images/futaba_sp.png");
        background-repeat: no-repeat;
        background-size: 70px;
        background-position: bottom 0 right 20px;
        -webkit-box-align: stretch;
            -ms-flex-align: stretch;
                align-items: stretch;
        -webkit-box-ordinal-group: inherit;
            -ms-flex-order: inherit;
                order: inherit;
        margin-top: 15px;
    }
}
@media (max-width: 767px) {
    .globalmenu__item {
        width: 100%;
        height: 60px;
        line-height: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -ms-flex-line-pack: stretch;
            align-content: stretch;
        -webkit-box-align: stretch;
            -ms-flex-align: stretch;
                align-items: stretch;
    }
}
@media (max-width: 767px) and (max-width: 767px) {
    .globalmenu__item {
        width: 48%;
        height: auto;
        margin-bottom: 30px;
        line-height: 1.7;
        display: block;
    }
}
.globalmenu__item a {
    font-size: 1.6rem;
    color: #333;
}
@media (min-width: 768px) {
    .globalmenu__item a {
        font-size: 1.4rem;
        position: relative;
        display: inline-block;
        text-decoration: none;
        padding: 0 0 10px 0;
    }
    .globalmenu__item a::after {
        content: "";
        margin: auto;
        position: absolute;
        left: 0;
        right: 0;
        width: 100%;
        height: 4px;
        background: #ff7b22;
        border-radius: 5px;
        bottom: -8px;
        -webkit-transform: scale(0, 1);
                transform: scale(0, 1);
        -webkit-transition: -webkit-transform 0.3s;
        transition: -webkit-transform 0.3s;
        transition: transform 0.3s;
        transition: transform 0.3s, -webkit-transform 0.3s;
        -webkit-transform-origin: center top;
                transform-origin: center top;
    }
    .globalmenu__item a:hover::after {
        -webkit-transform: scale(1, 1);
                transform: scale(1, 1);
    }
    .globalmenu__item a:hover {
        color: #ff7b22;
        opacity: 1;
    }
    .globalmenu__item a.active {
        color: #ff7b22;
    }
    .globalmenu__item a.active::after {
        -webkit-transform: scale(1, 1);
                transform: scale(1, 1);
    }
}
@media (min-width: 992px) {
    .globalmenu__item a {
        font-size: 1.4rem;
        padding: 0 10px 20px 10px;
    }
    .globalmenu__item a::after {
        width: calc(100% - 20px);
    }
}
@media (min-width: 1200px) {
    .globalmenu__item a {
        font-size: 1.7rem;
    }
    .globalmenu__item a::after {
        width: calc(100% - 30px);
    }
}
@media (min-width: 1400px) {
    .globalmenu__item a {
        font-size: 1.8rem;
        padding: 0 20px 20px 20px;
    }
}

.submenu {
    margin-right: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
}
@media (max-width: 1199px) {
    .submenu {
        margin-right: 10px;
    }
}
@media (max-width: 767px) {
    .submenu {
        margin-top: 30px;
        padding: 0 30px;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-ordinal-group: inherit;
            -ms-flex-order: inherit;
                order: inherit;
    }
}
.submenu__item {
    border-right: 1px solid #c2c6c8;
}
@media (max-width: 767px) {
    .submenu__item {
        width: 100%;
        height: 60px;
        line-height: 1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -ms-flex-line-pack: stretch;
            align-content: stretch;
        -webkit-box-align: stretch;
            -ms-flex-align: stretch;
                align-items: stretch;
        border-right: none;
        margin-right: 0;
        padding-right: 0;
    }
}
@media (max-width: 767px) and (max-width: 767px) {
    .submenu__item {
        width: 48%;
        height: auto;
        margin-bottom: 30px;
        line-height: 1.7;
        display: block;
    }
}
.submenu__item a {
    font-size: 1.7rem;
    color: #545f6d;
    padding: 0 20px;
}
@media (max-width: 1199px) {
    .submenu__item a {
        font-size: 1.1rem;
        padding: 0 10px;
    }
}
@media (max-width: 767px) {
    .submenu__item a {
        font-size: 1.5rem;
        color: #fff;
        padding: 0;
    }
}

.langmenu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    margin-right: 20px;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
}
@media (max-width: 1199px) {
    .langmenu {
        margin-right: 10px;
    }
}
@media (max-width: 767px) {
    .langmenu {
        -webkit-box-ordinal-group: inherit;
            -ms-flex-order: inherit;
                order: inherit;
        margin-left: 15px;
    }
}
.langmenu__item:not(:last-child)::after {
    content: "/";
    font-size: 1.4rem;
    color: #c2c6c8;
    display: inline-block;
}
@media (max-width: 1199px) {
    .langmenu__item:not(:last-child)::after {
        display: none;
    }
}
@media (max-width: 767px) {
    .langmenu__item:not(:last-child)::after {
        content: "|";
        font-size: 1.6rem;
        color: #fff;
        display: inline-block;
    }
}
.langmenu__item a {
    font-size: 1.7rem;
    color: #545f6d;
    padding: 0 10px;
}
@media (max-width: 1199px) {
    .langmenu__item a {
        font-size: 1.1rem;
        padding: 0 5px;
    }
}
@media (max-width: 767px) {
    .langmenu__item a {
        font-size: 1.5rem;
        text-align: center;
        color: #fff;
        padding: 5px;
    }
}

.snsmenu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    margin: 25px 0 50px;
}
@media (max-width: 767px) {
    .snsmenu {
        padding: 0 20px;
        margin-top: 15px;
    }
}
.snsmenu--footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    margin: 25px 0 50px;
}
@media (max-width: 767px) {
    .snsmenu--footer {
        margin: 25px 0 40px;
    }
}
.snsmenu__item {
    width: 25px;
}
.snsmenu__item:not(:last-child) {
    margin-right: 25px;
}
@media (max-width: 767px) {
    .snsmenu__item {
        width: 20px;
    }
    .snsmenu__item:not(:last-child) {
        margin-right: 20px;
    }
}
.snsmenu__item a {
    display: block;
}

@media (max-width: 767px) {
    .main {
        margin-top: 60px;
    }
}

.pageMainVisual {
    height: 465px;
    background-size: cover;
    background-position: center;
    position: relative;
}
@media (max-width: 767px) {
    .pageMainVisual {
        height: 180px;
    }
}
.pageMainVisual__title {
    color: #fff;
    font-size: 40px;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
@media (max-width: 767px) {
    .pageMainVisual__title {
        font-size: 20px;
    }
}
.pageMainVisual__title::before {
    content: "";
    width: 278px;
    max-width: 80%;
    height: 8px;
    display: block;
    margin: 0 auto 15px;
    background-color: #fff;
}
@media (max-width: 767px) {
    .pageMainVisual__title::before {
        height: 4px;
    }
}

.breadcrumbs {
    width: calc(100% - 15px * 2);
    max-width: 1160px;
    margin-left: auto;
    margin-right: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
}

.news {
    padding: 8em 0;
}
.news__wrapper {
    width: 1160px;
    max-width: 95%;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
@media (max-width: 767px) {
    .news__wrapper {
        display: block;
    }
}
.news__titlearea {
    position: relative;
    margin-bottom: 30px;
}
.news__titlearea::before {
    content: "";
    width: 40px;
    height: 3px;
    display: block;
    background-color: #3D9A00;
    border-radius: 5px;
    margin-bottom: 15px;
}
.news__title {
    font-size: 30px;
    padding-left: 50px;
    position: relative;
}
.news__title::before {
    content: "";
    width: 50px;
    height: 50px;
    display: block;
    background-image: url(/images/top/futabaLogo.png);
    background-size: contain;
    background-position: center;
    position: absolute;
    left: 0;
    top: 0;
}
.news__list {
    max-width: 100%;
    width: 773px;
}
@media (max-width: 767px) {
    .news__list {
        width: 100%;
    }
}
.news__list--full {
    width: 100%;
}
.news__item--link {
    position: relative;
    border-top: 1px solid #cfd8dd;
}
.news__item--link:last-child {
    border-bottom: 1px solid #cfd8dd;
}
.news__item--link a {
    font-size: 18px;
    padding: 20px 40px 20px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
@media (max-width: 767px) {
    .news__item--link a {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
}
.news__item--link a::before {
    content: "";
    position: absolute;
    top: 25px;
    right: 10px;
    margin: auto;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #1d9bf0;
}
.news__item--link a::after {
    content: "";
    position: absolute;
    top: 32px;
    right: 18px;
    margin: auto;
    vertical-align: middle;
    width: 6px;
    height: 6px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
}
.news__item--text {
    font-size: 18px;
    margin: 20px 0;
}
.news__item--top {
    font-size: 18px;
    padding: 20px 0;
    border-top: 1px solid #cfd8dd;
    border-bottom: 1px solid #cfd8dd;
}
.news__data {
    color: #333;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    margin-right: 20px;
}
@media (max-width: 767px) {
    .news__data {
        width: 100%;
    }
}
.news__text {
    color: #1d9bf0;
    text-decoration: underline;
}
@media (max-width: 767px) {
    .news__text {
        width: 100%;
    }
}
.news__text--em {
    color: #FF3C34;
    font-weight: 700;
}
.news__btn {
    max-width: 200px;
    color: #3D9A00;
    display: block;
    border: 1px solid #3D9A00;
    border-radius: 50px;
    padding: 5px 35px;
    font-size: 18px;
    text-align: center;
    margin: 30px 0 0;
    position: relative;
}
.news__btn::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 10px;
    margin: auto;
    vertical-align: middle;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #3D9A00;
}
.news__btn::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 15px;
    margin: auto;
    vertical-align: middle;
    width: 3px;
    height: 3px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.article {
    max-width: 960px;
    margin: auto;
}
.article__titlearea {
    margin-bottom: 30px;
    padding-bottom: 15px;
    border-bottom: 1px solid #cfd8dd;
}
.article__title {
    font-size: 2.4rem;
    font-weight: 700;
}
@media (max-width: 767px) {
    .article__title {
        font-size: 1.8rem;
    }
}
.article__data {
    font-size: 1.8rem;
    margin-bottom: 10px;
}
@media (max-width: 767px) {
    .article__data {
        font-size: 1.4rem;
    }
}
.article__text {
    font-size: 1.8rem;
    line-height: 2;
}
@media (max-width: 767px) {
    .article__text {
        font-size: 1.6rem;
        line-height: 1.8;
    }
}
.article__btn {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    max-width: 100%;
    font-size: 1.6rem;
    color: #1d9bf0;
    padding: 10px 30px 10px 15px;
    border: 1px solid #1d9bf0;
    border-radius: 5px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    overflow-wrap: break-word;
    word-wrap: break-word;
}
@media (max-width: 767px) {
    .article__btn {
        font-size: 1.6rem;
        padding: 10px 20px 10px 10px;
    }
}
.article__btn::after {
    content: "";
    width: 8px;
    height: 8px;
    margin: auto;
    border-top: 2px solid #1d9bf0;
    border-right: 2px solid #1d9bf0;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    position: absolute;
    top: 0;
    right: 12px;
    bottom: 0;
    left: auto;
}
@media (max-width: 767px) {
    .article__btn::after {
        right: 8px;
    }
}

.footer {
    margin-top: auto;
    padding: 85px 0 80px;
    background-color: #3D9A00;
    border-top: 2px solid #006837;
    position: relative;
}
@media (max-width: 991px) {
    .footer {
        padding: 100px 0 80px;
    }
}
@media (max-width: 767px) {
    .footer {
        padding: 100px 0 60px;
    }
}
.footer__inner {
    width: calc(100% - 15px * 2);
    max-width: 1160px;
    margin-left: auto;
    margin-right: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
}
.footer__block {
    width: 23%;
}
@media (max-width: 767px) {
    .footer__block {
        width: 100%;
    }
}
.footer__logo {
    max-width: 100%;
    width: 200px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.footer__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
}
.footer__item {
    width: 100%;
    margin-bottom: 10px;
}
.footer__item a {
    font-size: 1.7rem;
    color: #fff;
}
@media (max-width: 767px) {
    .footer__item a {
        width: 100%;
        display: block;
    }
}
.footer__copyright {
    font-size: 1.2rem;
    color: #fff;
    margin-top: 70px;
    opacity: 0.7;
}
@media (max-width: 767px) {
    .footer__copyright {
        margin-top: 60px;
    }
}
.footer__pagetop {
    width: 70px;
    height: 70px;
    border: 1px solid #fff;
    border-radius: 50%;
    position: absolute;
    right: 100px;
    bottom: 100px;
}
@media (max-width: 1199px) {
    .footer__pagetop {
        right: 60px;
        bottom: 60px;
    }
}
@media (max-width: 767px) {
    .footer__pagetop {
        width: 60px;
        height: 60px;
        right: 30px;
        bottom: 30px;
    }
}
.footer__pagetop::after {
    content: "";
    width: 15px;
    height: 15px;
    margin: auto;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    position: absolute;
    top: 0;
    right: 0;
    bottom: -5px;
    left: 0;
}
.footer__exlinkbtn {
    color: #3D9A00;
    font-size: 1.8rem;
    font-weight: 700;
    margin-top: 20px;
    padding: 0 30px;
    width: 200px;
    height: 40px;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='17.54' viewBox='0 0 20 17.54'%3E%3Cg id='a'/%3E%3Cg id='b'%3E%3Cg id='c'%3E%3Cg%3E%3Cpolygon points='17.29 7.29 13.47 3.47 10 0 6.53 3.47 2.71 7.29 0 10 1.56 11.56 4.27 8.85 8.09 5.03 10 3.12 11.91 5.03 15.72 8.85 18.44 11.56 20 10 17.29 7.29' fill='%233d9a00'/%3E%3Cpolygon points='3.35 11.68 3.35 17.54 10.73 17.54 10.73 12.89 13.42 12.89 13.42 17.54 16.65 17.54 16.65 11.67 10 5.02 3.35 11.68' fill='%233d9a00'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E"), url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cg id='a'/%3E%3Cg id='b'%3E%3Cg id='c'%3E%3Cg%3E%3Cpath d='M3.75,0V16.25H20V0H3.75Zm14.69,14.69H5.31V1.56h13.12V14.69Z' fill='%233d9a00'/%3E%3Cpolygon points='1.56 18.44 1.56 11.56 1.56 5.31 1.56 3.75 0 3.75 0 20 16.25 20 16.25 18.44 14.69 18.44 1.56 18.44' fill='%233d9a00'/%3E%3Cpolygon points='9.09 12.22 13.7 7.62 13.7 10.93 15.26 10.93 15.26 4.95 9.28 4.95 9.28 6.51 12.59 6.51 7.99 11.12 9.09 12.22' fill='%233d9a00'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat, no-repeat;
    background-position: left 10px center, right 10px center;
    background-color: #fff;
    border-radius: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
@media (max-width: 991px) {
    .footer__exlinkbtn {
        width: 170px;
        font-size: 1.6rem;
    }
}
@media (max-width: 767px) {
    .footer__exlinkbtn {
        width: 200px;
    }
}

.wrapper {
    width: calc(100% - 15px * 2);
    max-width: 1160px;
    margin-left: auto;
    margin-right: auto;
    padding: 60px 0 100px;
}
@media (max-width: 767px) {
    .wrapper {
        padding: 30px 0 60px;
    }
}
.wrapper--mypage {
    width: calc(100% - 15px * 2);
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
    padding: 20px 0 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
}
@media (max-width: 767px) {
    .wrapper--mypage {
        padding: 10px 0 60px;
    }
}

.subtitle {
    height: 150px;
    background-color: #f2f5f7;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
@media (max-width: 767px) {
    .subtitle {
        height: 100px;
    }
}
.subtitle__heading {
    font-size: 2.4rem;
    font-weight: 700;
    min-height: 0%;
}
@media (max-width: 767px) {
    .subtitle__heading {
        font-size: 1.6rem;
    }
}
.subtitle__heading2 {
    font-size: 2.4rem;
    font-weight: 700;
    min-height: 0%;
}
@media (max-width: 767px) {
    .subtitle__heading2 {
        font-size: 1.4rem;
    }
}
.subtitle__lead {
    font-size: 1.2rem;
    color: #BBC1C5;
    min-height: 0%;
}
@media (max-width: 767px) {
    .subtitle__lead {
        font-size: 1rem;
    }
}

.textlink, .textlink--student, .textlink--btn {
    color: #1d9bf0;
    font-size: 1.4rem;
    font-weight: bold;
    border-bottom: 1px solid #1d9bf0;
    position: relative;
}
.textlink::after, .textlink--student::after, .textlink--btn::after {
    content: "";
    width: 6px;
    height: 6px;
    margin: auto;
    border-top: 1px solid #1d9bf0;
    border-right: 1px solid #1d9bf0;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;
    margin: 0 5px 2px 5px;
    position: relative;
    display: inline-block;
}
.textlink--btn {
    font-weight: bold;
    padding: 5px;
    border: 1px solid #1d9bf0;
    border-radius: 5px;
}
.textlink--student {
    font-size: 1.8rem;
}

.checkbox:not(:last-of-type) {
    margin-bottom: 20px;
}
@media (max-width: 767px) {
    .checkbox:not(:last-of-type) {
        margin-bottom: 10px;
    }
}
.checkbox input[type=checkbox] {
    display: none;
}
.checkbox input[type=checkbox]:checked + label::before {
    background-color: #1d9bf0;
    border: 1px solid #1d9bf0;
}
.checkbox input[type=checkbox]:checked + label::after {
    content: "";
    width: 14px;
    height: 13px;
    margin: auto;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='12.45' viewBox='0 0 14 12.45'%3E%3Cpath d='M1,7l5,4L13,1' fill='none' stroke='%23fff' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E");
    background-size: contain;
    display: block;
    position: absolute;
    top: 4px;
    left: 3px;
}
.checkbox__dummy.checked + label::before {
    background-color: #1d9bf0;
    border: 1px solid #1d9bf0;
}
.checkbox__dummy.checked + label::after {
    content: "";
    width: 14px;
    height: 13px;
    margin: auto;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='12.45' viewBox='0 0 14 12.45'%3E%3Cpath d='M1,7l5,4L13,1' fill='none' stroke='%23fff' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E");
    background-size: contain;
    display: block;
    position: absolute;
    top: 4px;
    left: 3px;
}
.checkbox__dummytext {
    font-size: 1.6rem;
    font-weight: 500;
}
.checkbox label {
    height: 20px;
    font-size: 1.6rem;
    font-weight: 500;
    padding-left: 30px;
    position: relative;
    display: inline-block;
}
@media (min-width: 768px) {
    .checkbox label:hover {
        cursor: pointer;
    }
}
.checkbox label::before {
    content: "";
    width: 20px;
    height: 20px;
    margin: auto;
    background-color: #fff;
    border: 1px solid #545f6d;
    border-radius: 2px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.radio:not(:last-of-type) {
    margin-bottom: 20px;
}
@media (max-width: 767px) {
    .radio:not(:last-of-type) {
        margin-bottom: 10px;
    }
}
.radio input[type=radio] {
    display: none;
}
.radio input[type=radio]:checked + label::before {
    border: 1px solid #1d9bf0;
}
.radio input[type=radio]:checked + label::after {
    content: "";
    display: block;
    position: absolute;
    top: 5px;
    left: 5px;
    width: 10px;
    height: 10px;
    background: #1d9bf0;
    border-radius: 50%;
}
.radio label {
    height: 20px;
    font-size: 1.6rem;
    font-weight: 500;
    padding-left: 30px;
    position: relative;
    display: inline-block;
}
@media (min-width: 768px) {
    .radio label:hover {
        cursor: pointer;
    }
}
.radio label::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    border: 1px solid #545f6d;
    border-radius: 50%;
}

.radiocard:not(:last-of-type) {
    margin-bottom: 20px;
}
.radiocard input[type=radio] {
    display: none;
}
.radiocard input[type=radio]:checked + label {
    background-color: #FAFDFF;
    border: 2px solid #1D9BF0;
}
.radiocard input[type=radio]:checked + label .radiocard__parts::before {
    border: 1px solid #1d9bf0;
}
.radiocard input[type=radio]:checked + label .radiocard__parts::after {
    content: "";
    display: block;
    position: absolute;
    top: 5px;
    left: 7px;
    width: 10px;
    height: 10px;
    background: #1d9bf0;
    border-radius: 50%;
}
.radiocard input[type=radio]:checked + label .radiocard__parts .radiocard__select {
    color: #1d9bf0;
}
.radiocard label {
    padding: 30px 30px 30px 125px;
    background-color: #fff;
    border: 1px solid #BBC6CC;
    border-radius: 10px;
    display: block;
    position: relative;
}
@media (min-width: 768px) {
    .radiocard label:hover {
        cursor: pointer;
    }
}
@media (max-width: 767px) {
    .radiocard label {
        padding: 30px 30px 30px 80px;
    }
}
.radiocard__parts {
    width: 25px;
    height: 40px;
    margin: auto;
    padding-bottom: 40px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50px;
}
@media (max-width: 767px) {
    .radiocard__parts {
        left: 30px;
    }
}
.radiocard__parts::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 2px;
    width: 20px;
    height: 20px;
    border: 1px solid #cfd8dd;
    border-radius: 50%;
}
.radiocard__select {
    font-size: 1.2rem;
    font-weight: 500;
    color: #cfd8dd;
    position: absolute;
    bottom: 0;
}
.radiocard__inner {
    font-size: 1.6rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
@media (max-width: 767px) {
    .radiocard__inner {
        display: block;
    }
}
.radiocard__course {
    font-size: 2rem;
    font-weight: bold;
    color: #84bb00;
    width: 60%;
    margin-right: 5%;
    padding-right: 5%;
    border-right: 1px solid #BBC6CC;
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
}
@media (max-width: 767px) {
    .radiocard__course {
        font-size: 1.6rem;
        width: 100%;
        padding-right: 0;
        border-right: none;
    }
}
.radiocard__course--full {
    font-size: 2rem;
    font-weight: bold;
    width: 100%;
    color: #84bb00;
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
}
@media (max-width: 767px) {
    .radiocard__course--full {
        font-size: 1.6rem;
    }
}
.radiocard__price {
    font-size: 2.4rem;
    font-weight: bold;
    color: #FF3C34;
    width: 35%;
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
}
@media (max-width: 767px) {
    .radiocard__price {
        font-size: 2rem;
        width: 100%;
    }
}
.radiocard__extext {
    font-size: 1.6rem;
    margin-top: 10px;
}
.radiocard__about {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 35%;
            flex: 1 1 35%;
}
.radiocard__about__title {
    font-size: 2.4rem;
    color: #1d9bf0;
    margin-bottom: 1rem;
}
.radiocard__about__title small {
    font-size: 2rem;
}
@media (max-width: 767px) {
    .radiocard__about__title {
        font-size: 1.8rem;
    }
    .radiocard__about__title small {
        font-size: 1.4rem;
    }
}
.radiocard__detail {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 65%;
            flex: 1 1 65%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
@media (max-width: 767px) {
    .radiocard__detail {
        display: block;
    }
}
.radiocard__detail__body {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 50%;
            flex: 1 1 50%;
    padding-right: 2rem;
}
.radiocard__detail__title, .radiocard__detail__title--option, .radiocard__detail__title--style {
    margin-bottom: 1rem;
}
@media (max-width: 767px) {
    .radiocard__detail__title, .radiocard__detail__title--option, .radiocard__detail__title--style {
        margin-top: 2rem;
    }
}
.radiocard__detail__title:before, .radiocard__detail__title--option:before, .radiocard__detail__title--style:before {
    vertical-align: middle;
}
.radiocard__detail__title--style::before {
    content: url(/images/book.svg);
    margin-right: 0.5rem;
}
.radiocard__detail__title--option::before {
    content: url(/images/gear.svg);
    margin-right: 0.5rem;
}

.primarybtn, .primarybtn--tl, .primarybtn--LL, .primarybtn--L, .primarybtn--fs {
    font-size: 1.8rem;
    font-weight: 700;
    color: #fff;
    width: 320px;
    height: 60px;
    margin-top: 40px;
    background-color: #ff7b22;
    border-radius: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
}
@media (min-width: 768px) {
    .primarybtn:hover, .primarybtn--tl:hover, .primarybtn--LL:hover, .primarybtn--L:hover, .primarybtn--fs:hover {
        opacity: 0.7;
    }
}
@media (max-width: 767px) {
    .primarybtn, .primarybtn--tl, .primarybtn--LL, .primarybtn--L, .primarybtn--fs {
        font-size: 1.5rem;
        width: 100%;
        height: 48px;
        margin-top: 20px;
    }
}
.primarybtn::before, .primarybtn--tl::before, .primarybtn--LL::before, .primarybtn--L::before, .primarybtn--fs::before {
    content: "";
    width: 30px;
    height: 30px;
    margin: auto;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    top: 0;
    right: 17px;
    bottom: 0;
}
@media (max-width: 767px) {
    .primarybtn::before, .primarybtn--tl::before, .primarybtn--LL::before, .primarybtn--L::before, .primarybtn--fs::before {
        width: 23px;
        height: 23px;
        right: 15px;
    }
}
.primarybtn::after, .primarybtn--tl::after, .primarybtn--LL::after, .primarybtn--L::after, .primarybtn--fs::after {
    content: "";
    width: 8px;
    height: 8px;
    margin: auto;
    border-top: 2px solid #ff7b22;
    border-right: 2px solid #ff7b22;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    position: absolute;
    top: 0;
    right: 28px;
    bottom: 0;
    left: auto;
}
@media (max-width: 767px) {
    .primarybtn::after, .primarybtn--tl::after, .primarybtn--LL::after, .primarybtn--L::after, .primarybtn--fs::after {
        width: 6px;
        height: 6px;
        right: 24px;
    }
}
.primarybtn:disabled, .primarybtn--tl:disabled, .primarybtn--LL:disabled, .primarybtn--L:disabled, .primarybtn--fs:disabled {
    opacity: 0.7;
    cursor: inherit;
}
.primarybtn--fs {
    font-size: 1.6rem;
}
@media (max-width: 767px) {
    .primarybtn--fs {
        font-size: 1.5rem;
    }
}
@media (max-width: 374px) {
    .primarybtn--fs {
        font-size: 1.2rem;
    }
}
.primarybtn--L {
    width: 440px;
}
@media (max-width: 767px) {
    .primarybtn--L {
        width: 100%;
    }
}
.primarybtn--LL {
    width: 515px;
    padding: 0 45px 0 20px;
}
@media (max-width: 767px) {
    .primarybtn--LL {
        width: 100%;
    }
}
.primarybtn--tl {
    width: 440px;
}
@media (max-width: 767px) {
    .primarybtn--tl {
        width: 100%;
        padding: 0 45px 0 20px;
    }
}

.mainbtn {
    font-size: 1.8rem;
    font-weight: 700;
    color: #fff;
    width: 320px;
    height: 60px;
    margin-top: 40px;
    background-color: #3D9A00;
    border-radius: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
}
@media (min-width: 768px) {
    .mainbtn:hover {
        opacity: 0.7;
    }
}
@media (max-width: 767px) {
    .mainbtn {
        font-size: 1.5rem;
        width: 100%;
        height: 48px;
        margin-top: 20px;
    }
}
.mainbtn::before {
    content: "";
    width: 30px;
    height: 30px;
    margin: auto;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    top: 0;
    right: 17px;
    bottom: 0;
}
@media (max-width: 767px) {
    .mainbtn::before {
        width: 23px;
        height: 23px;
        right: 15px;
    }
}
.mainbtn::after {
    content: "";
    width: 8px;
    height: 8px;
    margin: auto;
    border-top: 2px solid #3D9A00;
    border-right: 2px solid #3D9A00;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    position: absolute;
    top: 0;
    right: 28px;
    bottom: 0;
    left: auto;
}
@media (max-width: 767px) {
    .mainbtn::after {
        width: 6px;
        height: 6px;
        right: 24px;
    }
}
.mainbtn:disabled {
    opacity: 0.7;
    cursor: inherit;
}

.cancelbtn {
    font-size: 1.8rem;
    font-weight: 700;
    color: #707070;
    width: 320px;
    height: 60px;
    margin-top: 40px;
    background-color: #ddd;
    border-radius: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
}
@media (min-width: 768px) {
    .cancelbtn:hover {
        opacity: 0.7;
    }
}
@media (max-width: 767px) {
    .cancelbtn {
        font-size: 1.5rem;
        width: 100%;
        height: 48px;
        margin-top: 20px;
    }
}
.cancelbtn::before {
    content: "";
    width: 30px;
    height: 30px;
    margin: auto;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    top: 0;
    right: 17px;
    bottom: 0;
}
@media (max-width: 767px) {
    .cancelbtn::before {
        width: 23px;
        height: 23px;
        right: 15px;
    }
}
.cancelbtn::after {
    content: "";
    width: 8px;
    height: 8px;
    margin: auto;
    border-top: 2px solid #707070;
    border-right: 2px solid #707070;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    position: absolute;
    top: 0;
    right: 28px;
    bottom: 0;
    left: auto;
}
@media (max-width: 767px) {
    .cancelbtn::after {
        width: 6px;
        height: 6px;
        right: 24px;
    }
}
.cancelbtn:disabled {
    opacity: 0.7;
    cursor: inherit;
}

.backbtn {
    font-size: 1.8rem;
    font-weight: 700;
    color: #707070;
    width: 320px;
    height: 60px;
    margin-top: 40px;
    background-color: #ddd;
    border-radius: 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
}
@media (min-width: 768px) {
    .backbtn:hover {
        opacity: 0.7;
    }
}
@media (max-width: 767px) {
    .backbtn {
        font-size: 1.5rem;
        width: 100%;
        height: 48px;
        margin-top: 20px;
    }
}
.backbtn::before {
    content: "";
    width: 30px;
    height: 30px;
    margin: auto;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 17px;
    bottom: 0;
}
@media (max-width: 767px) {
    .backbtn::before {
        width: 23px;
        height: 23px;
        left: 15px;
    }
}
.backbtn::after {
    content: "";
    width: 8px;
    height: 8px;
    margin: auto;
    border-top: 2px solid #707070;
    border-left: 2px solid #707070;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    position: absolute;
    top: 0;
    right: auto;
    bottom: 0;
    left: 28px;
}
@media (max-width: 767px) {
    .backbtn::after {
        width: 6px;
        height: 6px;
        left: 24px;
    }
}
.backbtn:disabled {
    opacity: 0.7;
    cursor: inherit;
}

.form {
    max-width: 540px;
    margin: auto;
}
.form--full {
    width: 100%;
}
.form__title {
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 30px;
}
@media (max-width: 767px) {
    .form__title {
        font-size: 1.6rem;
        margin-bottom: 15px;
    }
}
.form__box {
    padding: 35px;
    background-color: #fff;
    border: 1px solid #cfd8dd;
    border-radius: 10px;
}
@media (max-width: 767px) {
    .form__box {
        padding: 20px 15px;
    }
}
.form__item {
    margin-bottom: 30px;
}
@media (max-width: 767px) {
    .form__item {
        margin-bottom: 15px;
    }
}
.form__item--border {
    margin-bottom: 20px;
    padding-bottom: 18px;
    border-bottom: 1px solid #cfd8dd;
}
@media (max-width: 767px) {
    .form__item--border {
        padding-bottom: 15px;
        margin-bottom: 14px;
    }
}
.form__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
}
@media (max-width: 767px) {
    .form__list {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
}
.form__list .checkbox,
.form__list .radio {
    margin-right: 20px;
}
@media (max-width: 767px) {
    .form__list .checkbox,
.form__list .radio {
        margin-right: 0;
    }
}
.form__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
}
.form__row .selectbox {
    width: 100px;
}
.form__row .selectbox select {
    margin-bottom: 0;
}
.form__row .textinput {
    width: 100px;
    margin-bottom: 0;
}
.form__col {
    margin-right: 20px;
    margin-bottom: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.form__unit {
    font-size: 1.6rem;
    margin-right: 10px;
}
@media (max-width: 767px) {
    .form__unit {
        font-size: 1.4rem;
    }
}
.form__labeltext {
    font-size: 1.6rem;
    font-weight: 700;
    color: #545f6d;
    margin-bottom: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
}
@media (max-width: 767px) {
    .form__labeltext {
        font-size: 1.4rem;
    }
}
.form__labeltext span {
    font-size: 1.4rem;
    font-weight: 500;
    color: #FF3C34;
}
.form__labeltext:not(:last-of-type) {
    margin-bottom: 10px;
}
.form__errortext {
    font-size: 1.4rem;
    color: #FF3C34;
}
.form__errortext:not(:last-of-type) {
    margin-bottom: 10px;
}
.form__desctext {
    font-size: 1.4rem;
}
.form__desctext:not(:last-of-type) {
    margin-bottom: 10px;
}
.form__desctext--indent {
    font-size: 1.4rem;
    padding-left: 1em;
    text-indent: -1em;
}
.form__desctext--indent:not(:last-of-type) {
    margin-bottom: 10px;
}
.form__course {
    font-size: 2.4rem;
    font-weight: 700;
    color: #84bb00;
}
@media (max-width: 767px) {
    .form__course {
        font-size: 1.8rem;
    }
}
.form__free {
    font-size: 2.4rem;
    font-weight: 700;
    color: #FF3C34;
}
@media (max-width: 767px) {
    .form__free {
        font-size: 1.8rem;
    }
}
.form__info {
    font-size: 1.8rem;
    color: #FF3C34;
}
@media (max-width: 767px) {
    .form__info {
        font-size: 1.4rem;
    }
}
.form__alert {
    font-size: 1.8rem;
    text-align: center;
    color: #FF3C34;
    margin-bottom: 30px;
}
@media (max-width: 767px) {
    .form__alert {
        font-size: 1.6rem;
        margin-bottom: 15px;
    }
}
.form__text {
    font-size: 1.6rem;
}
@media (max-width: 767px) {
    .form__text {
        font-size: 1.4rem;
    }
}
.form__text:not(:last-of-type) {
    margin-bottom: 10px;
}

.textinput, .textinput--data {
    width: 100%;
    font-size: 1.6rem;
    margin-bottom: 10px;
    padding: 10px;
    border: 1px solid #cfd8dd;
    border-radius: 10px;
}
.textinput::-webkit-input-placeholder, .textinput--data::-webkit-input-placeholder {
    color: #B9BFC3;
}
.textinput::-moz-placeholder, .textinput--data::-moz-placeholder {
    color: #B9BFC3;
}
.textinput:-ms-input-placeholder, .textinput--data:-ms-input-placeholder {
    color: #B9BFC3;
}
.textinput::-ms-input-placeholder, .textinput--data::-ms-input-placeholder {
    color: #B9BFC3;
}
.textinput::placeholder, .textinput--data::placeholder {
    color: #B9BFC3;
}
.textinput--data {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32.03' height='32.56' viewBox='0 0 32.03 32.56'%3E%3Cpath d='M10.22,5.71a1.6,1.6,0,0,0,1.6-1.6h0V1.6a1.6,1.6,0,0,0-3.2,0V4.11A1.6,1.6,0,0,0,10.22,5.71Z' fill='%23545f6d'/%3E%3Cpath d='M22,5.71a1.6,1.6,0,0,0,1.6-1.6h0V1.6a1.6,1.6,0,0,0-3.2,0V4.11A1.61,1.61,0,0,0,22,5.71Z' fill='%23545f6d'/%3E%3Cpath d='M27.54,2.28H25V4.11a3,3,0,0,1-6,0V2.28H13.23V4.11a3,3,0,0,1-6,0V2.28H4.49A4.49,4.49,0,0,0,0,6.77H0v21.3a4.49,4.49,0,0,0,4.49,4.49h23A4.49,4.49,0,0,0,32,28.07V6.77a4.49,4.49,0,0,0-4.49-4.49Zm2.3,25.8a2.31,2.31,0,0,1-2.3,2.3h-23a2.31,2.31,0,0,1-2.3-2.3V9.6H29.85Z' fill='%23545f6d'/%3E%3Cpath d='M12.88,28a1.64,1.64,0,1,0-1.64-1.64A1.64,1.64,0,0,0,12.88,28Z' fill='%23545f6d'/%3E%3Cpath d='M12.88,21.72a1.64,1.64,0,1,0-1.64-1.64,1.64,1.64,0,0,0,1.64,1.64Z' fill='%23545f6d'/%3E%3Cpath d='M6.61,28A1.64,1.64,0,1,0,5,26.35,1.64,1.64,0,0,0,6.61,28Z' fill='%23545f6d'/%3E%3Cpath d='M6.61,21.72A1.64,1.64,0,1,0,5,20.08a1.64,1.64,0,0,0,1.63,1.64Z' fill='%23545f6d'/%3E%3Cpath d='M25.42,15.45a1.64,1.64,0,1,0-1.64-1.64,1.63,1.63,0,0,0,1.64,1.64Z' fill='%23545f6d'/%3E%3Cpath d='M19.15,15.45a1.64,1.64,0,1,0-1.64-1.64,1.64,1.64,0,0,0,1.64,1.64Z' fill='%23545f6d'/%3E%3Cpath d='M19.15,21.72a1.64,1.64,0,1,0-1.64-1.64,1.65,1.65,0,0,0,1.64,1.64Z' fill='%23545f6d'/%3E%3Cpath d='M25.42,21.72a1.64,1.64,0,1,0-1.64-1.64,1.64,1.64,0,0,0,1.64,1.64Z' fill='%23545f6d'/%3E%3Cpath d='M19.15,28a1.64,1.64,0,1,0-1.64-1.64A1.65,1.65,0,0,0,19.15,28Z' fill='%23545f6d'/%3E%3Cpath d='M12.88,15.45a1.64,1.64,0,1,0-1.64-1.64,1.63,1.63,0,0,0,1.64,1.64Z' fill='%23545f6d'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center right 10px;
    background-size: 18px;
}

.textarea {
    font-size: 1.6rem;
    width: 100%;
    height: 100px;
    padding: 10px;
    border: 1px solid #cfd8dd;
    border-radius: 10px;
    resize: none;
}

.selectbox {
    position: relative;
}
.selectbox select {
    width: 100%;
    font-size: 1.6rem;
    height: 45px;
    margin-bottom: 10px;
    padding: 10px 2.2rem 10px 10px;
    border: 1px solid #cfd8dd;
    border-radius: 10px;
    display: block;
}
.selectbox::after {
    content: "";
    width: 6px;
    height: 6px;
    margin: auto;
    border-right: 1px solid #545f6d;
    border-bottom: 1px solid #545f6d;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    position: absolute;
    top: 0;
    right: 10px;
    bottom: 0;
    left: auto;
}

.flowlist {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    position: relative;
}
.flowlist::after {
    content: "";
    width: 450px;
    height: 1px;
    margin: auto;
    background-color: #8db9d6;
    display: block;
    z-index: -1;
    position: absolute;
    top: 15px;
    right: 0;
    left: 0;
}
@media (max-width: 767px) {
    .flowlist::after {
        top: 10px;
        width: 200px;
    }
}
.flowlist__item {
    width: 150px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
@media (max-width: 767px) {
    .flowlist__item {
        width: 70px;
    }
}
.flowlist__item.active .flowlist__number {
    background-color: #1d9bf0;
}
.flowlist__item.active .flowlist__text {
    color: #1d9bf0;
}
.flowlist__number {
    font-size: 1.7rem;
    color: #fff;
    width: 32px;
    height: 32px;
    background-color: #8db9d6;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
@media (max-width: 767px) {
    .flowlist__number {
        font-size: 1.2rem;
        width: 20px;
        height: 20px;
    }
}
.flowlist__text {
    text-align: center;
    font-size: 1.4rem;
    color: #8db9d6;
    margin-top: 10px;
}
@media (max-width: 767px) {
    .flowlist__text {
        font-size: 1.2rem;
    }
}

.lessontag {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
}
.lessontag__tag--main {
    font-size: 1.6rem;
    font-weight: 700;
    color: #fff;
    margin-right: 15px;
    padding: 5px 15px;
    background-color: #84bb00;
    border-radius: 20px;
    line-height: 1;
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
}
@media (max-width: 767px) {
    .lessontag__tag--main {
        font-size: 1.4rem;
    }
}
.lessontag__tag--alert {
    font-size: 1.6rem;
    font-weight: 700;
    color: #fff;
    margin-right: 15px;
    padding: 5px 15px;
    background-color: #FF3C34;
    border-radius: 20px;
    line-height: 1;
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
}
@media (max-width: 767px) {
    .lessontag__tag--alert {
        font-size: 1.4rem;
    }
}
.lessontag__num {
    font-size: 2.4rem;
    font-weight: 700;
    color: #FF3C34;
}
@media (max-width: 767px) {
    .lessontag__num {
        font-size: 1.8rem;
    }
}
.lessontag__text {
    font-size: 1.6rem;
    font-weight: 700;
    color: #FF3C34;
}
@media (max-width: 767px) {
    .lessontag__text {
        font-size: 1.4rem;
    }
}

.pager {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
}
.pager__item.active .pager__link {
    color: #fff;
    background-color: #84bb00;
}
.pager__item.disabled .pager__link {
    opacity: 0.4;
}
.pager__item:first-child .pager__link, .pager__item:last-child .pager__link {
    background-color: #f2f5f7;
}
.pager__link {
    font-size: 1.6rem;
    color: #333;
    width: 40px;
    height: 40px;
    border-radius: 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.table-striped {
    width: 100%;
    border: 1px solid #cfd8dd;
    border-radius: 10px;
    border-collapse: separate;
    word-wrap: break-word;
    overflow-wrap: break-word;
}
.table-striped.scrollable {
    min-width: 700px;
}
@media (max-width: 767px) {
    .table-striped.scrollable {
        min-width: 600px;
    }
}
.table-striped tr:nth-child(2n-1) {
    background-color: #f2f5f7;
}
.table-striped th,
.table-striped td {
    font-size: 1.6rem;
    padding: 15px;
}
@media (max-width: 767px) {
    .table-striped th,
.table-striped td {
        font-size: 1.4rem;
        padding: 10px;
    }
}
.table-striped th {
    text-align: left;
}
.table-striped .top-left {
    border-radius: 10px 0 0 0;
}
.table-striped .top-right {
    border-radius: 0 10px 0 0;
}
.table-striped .bottom-left {
    border-radius: 0 0 0 10px;
}
.table-striped .bottom-right {
    border-radius: 0 0 10px 0;
}
.table-striped .border-right {
    border-right: 1px solid #cfd8dd;
}

.scrollarea {
    width: 100%;
    overflow: scroll;
}

.btngroup {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
}
.btngroup a, .btngroup button, .btngroup input {
    margin-right: 10px;
}
@media (max-width: 767px) {
    .btngroup a, .btngroup button, .btngroup input {
        margin-right: 0px;
    }
}

.control {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
}
.control .back {
    font-size: 1.6rem;
    color: #545f6d;
    margin-right: 10px;
    padding: 10px 15px 10px 30px;
    border: 1px solid #cfd8dd;
    border-radius: 3px;
    position: relative;
}
@media (max-width: 767px) {
    .control .back {
        font-size: 1.2rem;
        margin-right: 5px;
        padding: 10px 10px 10px 20px;
    }
}
@media (max-width: 374px) {
    .control .back {
        font-size: 1rem;
        padding: 10px 5px 10px 15px;
    }
}
.control .back::after {
    content: "";
    width: 8px;
    height: 8px;
    margin: auto;
    border-top: 2px solid #cfd8dd;
    border-left: 2px solid #cfd8dd;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    position: absolute;
    top: 0;
    right: auto;
    bottom: 0;
    left: 12px;
}
@media (max-width: 767px) {
    .control .back::after {
        left: 8px;
    }
}
.control .back-top-list {
    font-size: 1.6rem;
    color: #545f6d;
    margin-right: 10px;
    padding: 10px 15px;
    border: 1px solid #cfd8dd;
    border-radius: 3px;
}
@media (max-width: 767px) {
    .control .back-top-list {
        font-size: 1.2rem;
        margin-right: 5px;
        padding: 10px;
    }
}
@media (max-width: 374px) {
    .control .back-top-list {
        font-size: 1rem;
        padding: 10px 5px;
    }
}
.control .next {
    font-size: 1.6rem;
    color: #545f6d;
    padding: 10px 30px 10px 15px;
    border: 1px solid #cfd8dd;
    border-radius: 3px;
    position: relative;
}
@media (max-width: 767px) {
    .control .next {
        font-size: 1.2rem;
        padding: 10px 20px 10px 10px;
    }
}
@media (max-width: 374px) {
    .control .next {
        font-size: 1rem;
        padding: 10px 15px 10px 5px;
    }
}
.control .next::after {
    content: "";
    width: 8px;
    height: 8px;
    margin: auto;
    border-top: 2px solid #cfd8dd;
    border-right: 2px solid #cfd8dd;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    position: absolute;
    top: 0;
    right: 12px;
    bottom: 0;
    left: auto;
}
@media (max-width: 767px) {
    .control .next::after {
        right: 8px;
    }
}

.dropzone {
    padding: 20px;
    background: #f2f5f7;
    border-radius: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
}
.dropzone .dz-default {
    width: 100%;
}
.dropzone .dz-button {
    width: 100%;
    color: #B9BFC3;
    text-align: left;
    font-size: 1.6rem;
}
@media (max-width: 767px) {
    .dropzone .dz-button {
        font-size: 1.4rem;
    }
}
.dropzone .dz-preview {
    width: 200px;
    margin-top: 20px;
    margin-right: 20px;
}
.dropzone .dz-image {
    width: 200px;
    height: 200px;
    border-radius: 5px;
    -o-object-fit: contain;
       object-fit: contain;
}
.dropzone .dz-remove {
    color: #333;
    font-size: 1.6rem;
    font-weight: 700;
    width: 100%;
    margin-top: 5px;
    background-color: #fff;
    border-radius: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.free-trial {
    color: #fff;
    padding: 30px;
    background-color: #84bb00;
}
@media (max-width: 767px) {
    .free-trial {
        padding: 15px;
    }
}
.free-trial__wrapper {
    padding: 6em 30px;
    border: 1px solid #fff;
}
@media (max-width: 767px) {
    .free-trial__wrapper {
        padding: 20px;
    }
}
.free-trial__inner {
    width: 1160px;
    max-width: 95%;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: end;
}
.free-trial__imgarea {
    width: 50%;
    text-align: center;
}
.free-trial__imgarea img {
    display: block;
    width: auto;
    height: 280px;
    margin: auto;
}
@media (max-width: 991px) {
    .free-trial__imgarea {
        width: 40%;
    }
}
@media (max-width: 767px) {
    .free-trial__imgarea {
        width: 100%;
    }
}
.free-trial__textarea {
    width: 50%;
}
.free-trial__textarea img {
    max-width: 100%;
    width: 523px;
}
@media (max-width: 991px) {
    .free-trial__textarea {
        width: 60%;
    }
}
@media (max-width: 767px) {
    .free-trial__textarea {
        width: 100%;
        text-align: center;
    }
    .free-trial__textarea img {
        margin: 30px auto;
    }
}
.free-trial__textarea .primarybtn {
    font-size: 2rem;
    text-align: center;
    max-width: 100%;
    width: 440px;
    height: 78px;
    margin-right: auto;
    margin-left: auto;
}
@media (max-width: 991px) {
    .free-trial__textarea .primarybtn {
        font-size: 1.6rem;
        padding-right: 40px;
        padding-left: 40px;
    }
}
@media (max-width: 767px) {
    .free-trial__textarea .primarybtn {
        text-align: left;
        padding-left: 20px;
    }
}
@media (max-width: 374px) {
    .free-trial__textarea .primarybtn {
        font-size: 1.4rem;
    }
}
.free-trial__textarea .primarybtn::before {
    right: 30px;
}
@media (max-width: 767px) {
    .free-trial__textarea .primarybtn::before {
        right: 15px;
    }
}
.free-trial__textarea .primarybtn::after {
    right: 43px;
}
@media (max-width: 767px) {
    .free-trial__textarea .primarybtn::after {
        right: 24px;
    }
}

.overlay {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    z-index: 9999;
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.modal {
    font-size: 1.6rem;
    margin: auto;
    z-index: 9999;
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
@media (min-width: 768px) {
    .modal {
        text-align: center;
    }
}
@media (max-width: 767px) {
    .modal {
        font-size: 1.4rem;
    }
}
.modal__area {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-line-pack: stretch;
        align-content: stretch;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.modal__container {
    max-width: 760px;
    width: calc(100% - 15px * 2);
    padding: 50px 20px;
    background: #fff;
    border-radius: 10px;
    position: relative;
}
@media (max-width: 767px) {
    .modal__container {
        padding: 25px 15px;
    }
}
.modal__title {
    font-size: 1.8rem;
}
@media (max-width: 767px) {
    .modal__title {
        font-size: 1.4rem;
    }
}
.modal__link {
    text-decoration: underline;
}
.modal__close {
    font-size: 3.6rem;
    text-indent: 100%;
    width: 40px;
    height: 40px;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    position: absolute;
    top: -40px;
    right: 0;
}
@media (min-width: 768px) {
    .modal__close {
        -webkit-transition: 0.3s;
        transition: 0.3s;
    }
}
.modal__close:before, .modal__close:after {
    content: "";
    width: 24px;
    height: 2px;
    background: #fff;
    position: absolute;
    top: 7px;
    right: 0;
}
.modal__close:before {
    -webkit-transform: translateY(12px) rotate(-45deg);
            transform: translateY(12px) rotate(-45deg);
}
.modal__close:after {
    -webkit-transform: translateY(12px) rotate(45deg);
            transform: translateY(12px) rotate(45deg);
}
@media (min-width: 768px) {
    .modal__close:hover {
        opacity: 0.7;
    }
}

.youtube {
    max-width: 560px;
    margin: auto;
}
.youtube__inner {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
}
.youtube__iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
}

.indicator {
    width: 100vw;
    height: 100vh;
    background-color: rgba(255, 255, 255, 0.8);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000;
    opacity: 0;
}
.indicator__dot-typing {
    position: relative;
    left: -9999px;
    width: 10px;
    height: 10px;
    border-radius: 5px;
    background-color: #84bb00;
    color: #84bb00;
    -webkit-box-shadow: 9984px 0 0 0 #84bb00, 9999px 0 0 0 #84bb00, 10014px 0 0 0 #84bb00;
            box-shadow: 9984px 0 0 0 #84bb00, 9999px 0 0 0 #84bb00, 10014px 0 0 0 #84bb00;
    -webkit-animation: dot-typing 1.5s infinite linear;
            animation: dot-typing 1.5s infinite linear;
}

@-webkit-keyframes dot-typing {
    0% {
        -webkit-box-shadow: 9984px 0 0 0 #84bb00, 9999px 0 0 0 #84bb00, 10014px 0 0 0 #84bb00;
                box-shadow: 9984px 0 0 0 #84bb00, 9999px 0 0 0 #84bb00, 10014px 0 0 0 #84bb00;
    }
    16.667% {
        -webkit-box-shadow: 9984px -10px 0 0 #84bb00, 9999px 0 0 0 #84bb00, 10014px 0 0 0 #84bb00;
                box-shadow: 9984px -10px 0 0 #84bb00, 9999px 0 0 0 #84bb00, 10014px 0 0 0 #84bb00;
    }
    33.333% {
        -webkit-box-shadow: 9984px 0 0 0 #84bb00, 9999px 0 0 0 #84bb00, 10014px 0 0 0 #84bb00;
                box-shadow: 9984px 0 0 0 #84bb00, 9999px 0 0 0 #84bb00, 10014px 0 0 0 #84bb00;
    }
    50% {
        -webkit-box-shadow: 9984px 0 0 0 #84bb00, 9999px -10px 0 0 #84bb00, 10014px 0 0 0 #84bb00;
                box-shadow: 9984px 0 0 0 #84bb00, 9999px -10px 0 0 #84bb00, 10014px 0 0 0 #84bb00;
    }
    66.667% {
        -webkit-box-shadow: 9984px 0 0 0 #84bb00, 9999px 0 0 0 #84bb00, 10014px 0 0 0 #84bb00;
                box-shadow: 9984px 0 0 0 #84bb00, 9999px 0 0 0 #84bb00, 10014px 0 0 0 #84bb00;
    }
    83.333% {
        -webkit-box-shadow: 9984px 0 0 0 #84bb00, 9999px 0 0 0 #84bb00, 10014px -10px 0 0 #84bb00;
                box-shadow: 9984px 0 0 0 #84bb00, 9999px 0 0 0 #84bb00, 10014px -10px 0 0 #84bb00;
    }
    100% {
        -webkit-box-shadow: 9984px 0 0 0 #84bb00, 9999px 0 0 0 #84bb00, 10014px 0 0 0 #84bb00;
                box-shadow: 9984px 0 0 0 #84bb00, 9999px 0 0 0 #84bb00, 10014px 0 0 0 #84bb00;
    }
}

@keyframes dot-typing {
    0% {
        -webkit-box-shadow: 9984px 0 0 0 #84bb00, 9999px 0 0 0 #84bb00, 10014px 0 0 0 #84bb00;
                box-shadow: 9984px 0 0 0 #84bb00, 9999px 0 0 0 #84bb00, 10014px 0 0 0 #84bb00;
    }
    16.667% {
        -webkit-box-shadow: 9984px -10px 0 0 #84bb00, 9999px 0 0 0 #84bb00, 10014px 0 0 0 #84bb00;
                box-shadow: 9984px -10px 0 0 #84bb00, 9999px 0 0 0 #84bb00, 10014px 0 0 0 #84bb00;
    }
    33.333% {
        -webkit-box-shadow: 9984px 0 0 0 #84bb00, 9999px 0 0 0 #84bb00, 10014px 0 0 0 #84bb00;
                box-shadow: 9984px 0 0 0 #84bb00, 9999px 0 0 0 #84bb00, 10014px 0 0 0 #84bb00;
    }
    50% {
        -webkit-box-shadow: 9984px 0 0 0 #84bb00, 9999px -10px 0 0 #84bb00, 10014px 0 0 0 #84bb00;
                box-shadow: 9984px 0 0 0 #84bb00, 9999px -10px 0 0 #84bb00, 10014px 0 0 0 #84bb00;
    }
    66.667% {
        -webkit-box-shadow: 9984px 0 0 0 #84bb00, 9999px 0 0 0 #84bb00, 10014px 0 0 0 #84bb00;
                box-shadow: 9984px 0 0 0 #84bb00, 9999px 0 0 0 #84bb00, 10014px 0 0 0 #84bb00;
    }
    83.333% {
        -webkit-box-shadow: 9984px 0 0 0 #84bb00, 9999px 0 0 0 #84bb00, 10014px -10px 0 0 #84bb00;
                box-shadow: 9984px 0 0 0 #84bb00, 9999px 0 0 0 #84bb00, 10014px -10px 0 0 #84bb00;
    }
    100% {
        -webkit-box-shadow: 9984px 0 0 0 #84bb00, 9999px 0 0 0 #84bb00, 10014px 0 0 0 #84bb00;
                box-shadow: 9984px 0 0 0 #84bb00, 9999px 0 0 0 #84bb00, 10014px 0 0 0 #84bb00;
    }
}
.fadein {
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateY(50px);
            transform: translateY(50px);
    -webkit-transition: opacity 2s, -webkit-transform 2s;
    transition: opacity 2s, -webkit-transform 2s;
    transition: opacity 2s, transform 2s;
    transition: opacity 2s, transform 2s, -webkit-transform 2s;
}
.fadein.show {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
}

.animate {
    opacity: 0;
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
    -webkit-transition: all 1s;
    transition: all 1s;
}
.animate.show {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
}
.animate.show:nth-of-type(1) {
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
}
.animate.show:nth-of-type(2) {
    -webkit-transition-delay: 0.3s;
            transition-delay: 0.3s;
}
.animate.show:nth-of-type(3) {
    -webkit-transition-delay: 0.6s;
            transition-delay: 0.6s;
}
.animate.show:nth-of-type(4) {
    -webkit-transition-delay: 0.9s;
            transition-delay: 0.9s;
}
.animate.show:nth-of-type(5) {
    -webkit-transition-delay: 1.2s;
            transition-delay: 1.2s;
}
.animate.show:nth-of-type(6) {
    -webkit-transition-delay: 1.5s;
            transition-delay: 1.5s;
}

.exlink {
    color: #3D9A00 !important;
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cg id='a'/%3E%3Cg id='b'%3E%3Cg id='c'%3E%3Cg%3E%3Cpath d='M3.75,0V16.25H20V0H3.75Zm14.69,14.69H5.31V1.56h13.12V14.69Z' fill='%233d9a00'/%3E%3Cpolygon points='1.56 18.44 1.56 11.56 1.56 5.31 1.56 3.75 0 3.75 0 20 16.25 20 16.25 18.44 14.69 18.44 1.56 18.44' fill='%233d9a00'/%3E%3Cpolygon points='9.09 12.22 13.7 7.62 13.7 10.93 15.26 10.93 15.26 4.95 9.28 4.95 9.28 6.51 12.59 6.51 7.99 11.12 9.09 12.22' fill='%233d9a00'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right center;
    background-size: contain;
    padding-right: 25px;
}

body {
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
    font-weight: 500;
    margin: 0;
    padding: 0;
    word-break: normal;
    color: #333;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    min-height: 100vh;
}

p {
    line-height: 1.6;
}

a {
    -webkit-transition: 0.3s;
    transition: 0.3s;
    color: #1d9bf0;
}
@media (min-width: 768px) {
    a:hover {
        opacity: 0.7;
    }
}

@media (min-width: 768px) {
    button,
input[type=submit],
input[type=button] {
        -webkit-transition: 0.3s;
        transition: 0.3s;
    }
    button:hover,
input[type=submit]:hover,
input[type=button]:hover {
        cursor: pointer;
    }
}

@media (max-width: 767px) {
    .pc-only {
        display: none;
    }
}

@media (min-width: 768px) {
    .sp-only {
        display: none;
    }
}

.no-wrap {
    display: inline-block;
}

.-mb-XL {
    margin-bottom: 100px;
}
@media (max-width: 767px) {
    .-mb-XL {
        margin-bottom: 50px;
    }
}

.-mb-L {
    margin-bottom: 80px;
}
@media (max-width: 767px) {
    .-mb-L {
        margin-bottom: 40px;
    }
}

.-mb-M {
    margin-bottom: 60px;
}
@media (max-width: 767px) {
    .-mb-M {
        margin-bottom: 30px;
    }
}

.-mb-S {
    margin-bottom: 30px;
}
@media (max-width: 767px) {
    .-mb-S {
        margin-bottom: 15px;
    }
}

.-mb-XS {
    margin-bottom: 15px;
}
@media (max-width: 767px) {
    .-mb-XS {
        margin-bottom: 10px;
    }
}

.-mt-XL {
    margin-top: 100px;
}
@media (max-width: 767px) {
    .-mt-XL {
        margin-top: 50px;
    }
}

.-mt-L {
    margin-top: 80px;
}
@media (max-width: 767px) {
    .-mt-L {
        margin-top: 40px;
    }
}

.-mt-M {
    margin-top: 60px;
}
@media (max-width: 767px) {
    .-mt-M {
        margin-top: 30px;
    }
}

.-mt-S {
    margin-top: 30px;
}
@media (max-width: 767px) {
    .-mt-S {
        margin-top: 15px;
    }
}

.-mt-XS {
    margin-top: 15px;
}
@media (max-width: 767px) {
    .-mt-XS {
        margin-top: 10px;
    }
}

.-mb-0 {
    margin-bottom: 0 !important;
}

.-mt-0 {
    margin-top: 0 !important;
}

.-bg {
    background-color: #f2f5f7;
}

.-center {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}