/*===============================================
Drawer.js
===============================================*/

.drawer-hamburger {
    outline: none !important;
    padding: 18px .75rem 22px;
    width: 2.2rem;
}

.drawer--left.drawer-open .drawer-hamburger {
    left: 85%;
}

.drawer-hamburger-icon,
.drawer-hamburger-icon:after,
.drawer-hamburger-icon:before {
    background-color: #fff;
}

.index .drawer-hamburger-icon,
.index .drawer-hamburger-icon:after,
.index .drawer-hamburger-icon:before {
    background-color: #fff;
}

.index .fixed .drawer-hamburger-icon,
.index .fixed .drawer-hamburger-icon:after,
.index .fixed .drawer-hamburger-icon:before {
    background-color: #0c88cc;
}

.index.drawer-open .drawer-hamburger-icon {
    background-color: transparent;
}

.drawer-hamburger-icon {
    margin-top: 3px;
}

.drawer-nav {
    width: 85%;
    background-color: rgba(255, 255, 255, .95);
}

.drawer--left .drawer-nav {
    left: -85%;
}

.drawer-menu-item {
    font-size: 1.6rem;
}

.drawer-overlay {
    z-index: 3;
}

@media(min-width:768px) {
    .drawer--left.drawer-open .drawer-hamburger {
        left: 40%;
    }

    .drawer-nav {
        width: 40%;
    }

    .drawer--left .drawer-nav {
        left: -40%;
    }
}

.drawer-nav .wt_smpnav {
    padding: 0;
}

.drawer-nav .wt_smpnav li {
    padding: 0 10px;
}

.drawer-nav .wt_smpnav li a {
    padding: 8px;
    display: block;
    color: #333;
    border-bottom: 1px solid #ddd;
}

.drawer-nav .wt_smpnav li a:hover {
    text-decoration: none;
}

.wt_smpbtn {
    font-size: 0;
    padding: 0;
}

.wt_smpbtn li {
    display: inline-block;
    width: 50%;
}

.wt_smpbtn li a {
    font-size: 16px;
    font-size: 1.6rem;
    text-align: center;
    padding: 1.4rem 0;
    color: #fff;
    display: block;
}

.wt_smpbtn li .smpbtn_my {
    background: rgba(255, 182, 51, .95);
}

.wt_smpbtn li .smpbtn_reg {
    background: rgba(226, 20, 18, .95);
}


/*===============================================
FontAwesome 調整
===============================================*/



.btn.btn-link {
    box-shadow: none;
}

.anchor {
    display: block;
    position: relative;
    top: -100px;
    visibility: hidden;
}

/*=========================================================
Form - フォーム
=========================================================*/

.wt_form .form-control {
    height: 50px;
    padding: 12px;
}

.wt_form .form-control::-webkit-input-placeholder {
    color: #ccc;
}

.wt_form .form-control::-moz-placeholder {
    color: #ccc;
    opacity: 1;
}

.wt_form .form-control:-ms-input-placeholder {
    color: #ccc;
}

.wt_form textarea.form-control {
    height: 20rem;
}

.wt_form_layer {
    background: rgba(255, 255, 255, .85);
    padding: 20px;
    border-radius: 15px;
    position: relative;
    z-index: 1;
    border: 1px solid #f3f3f3;
}

.wt_form_layer p {
    font-size: 14px;
    font-size: 1.4rem;
}

.wt_termsbox {
    border: 1px solid #ebebeb;
    border-radius: 8px;
    padding: 15px;
    height: 20rem;
    overflow: auto;
    margin-bottom: 5px;
    background: #fff;
    color: ;
}

.wt_termsbox h2 {
    font-size: 18px;
    font-size: 1.8rem;
    background: none;
    margin: 0 0 1em 0;
    padding: 0;
}

.wt_termsbox h3 {
    font-size: 16px;
    font-size: 1.6rem;
}

.wt_termsbox p,
.wt_termsbox li,
.wt_termsbox th,
.wt_termsbox td,
.wt_termsbox div {
    font-size: 14px;
    font-size: 1.4rem;
}

.wt_form label {
    margin-top: 0.5em;
}

@media (min-width: 992px) {
    .wt_form_layer {
        padding: 40px;
    }

    .wt_form_layer p {
        font-size: 16px;
        font-size: 1.6rem;
    }

    .wt_termsbox p {
        font-size: 14px;
        font-size: 1.4rem;
    }
}

.wt_annotation {
    color: #999;
    padding: 0;
}

.wt_annotation li {
    list-style: none;
    font-size: 11px;
    font-size: 1.1rem;
}


/*=========================================================
Section - セクション
=========================================================*/


section h2 {
    padding-bottom: 3.5rem;
    margin-bottom: 2rem;
    background: url("../img/common/bg_hd2.svg") no-repeat center bottom;
}

section.wt_sec_blue h2 {
    background: url("../img/common/bg_hd2_w.svg") no-repeat center bottom;
}

section.wt_bgimg h2 {
    /*color: #fff;
    background: url("../img/common/bg_hd2_w.svg") no-repeat center bottom;*/
    position: relative;
    z-index: 1;
}


.wt_mypages section h2 {
    font-size: 20px;
    font-size: 2rem;
    color: #0c88cc;
    background: none;
    padding-bottom: 0;
    margin-bottom: 0;
}

.wt_mypages section h2 span {
    color: #212529;
    font-size: 13px;
    font-size: 1.3rem;
}

section h3 {
    margin-bottom: 24px;
}

.wt_sec_grey {
    background: #f5f6f8;
}

.wt_sec_blue {
    background: #0c88cc;
}

.wt_sec_coffee {
    background: #fff url("/assets/img/bg/bg_coffee.jpg") no-repeat center center;
    background-size: cover;
}

.wt_sec_blue h1,
.wt_sec_blue h2,
.wt_sec_blue h3,
.wt_sec_blue h4,
.wt_sec_blue h5,
.wt_sec_blue h6,
.wt_sec_blue p,
.wt_sec_blue li {
    color: #fff;
}

.wt_bgimg {
    position: relative;
}

.wt_bgimg:before {
    width: 100%;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: " ";
    margin: auto;
    /*    background-color: rgba(0, 0, 0, .1);*/
    position: absolute;
    /*    backdrop-filter: blur(3px);*/
}

.wt_sec_bg_1 {
    background: #f5f5f5 url("../img/bg/grey.png") repeat left top;
}

.wt_bg_login {
    background: #f5f5f5 url("../img/mypage/bg_login_sp.jpg") no-repeat center top;
    background-size: cover;
    background-attachment: fixed;
}

.wt_bg_register {
    background: #f5f5f5 url("../img/mypage/bg_register_sp.jpg") no-repeat center top;
    background-size: cover;
    background-attachment: fixed;
}

@media (min-width: 768px) {
    .wt_bg_login {
        background: #f5f5f5 url("../img/mypage/bg_login.jpg") no-repeat center top;
        background-size: cover;
        background-attachment: fixed;
        position: relative;
    }

    .wt_bg_register {
        background: #f5f5f5 url("../img/mypage/bg_register.jpg") no-repeat center top;
        background-size: cover;
        background-attachment: fixed;
        position: relative;
    }
}

@media (min-width: 992px) {

    section h2 {
        padding-bottom: 5rem;
        margin-bottom: 3rem;
    }
}

@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution: 2dppx) {
    .wt_sec_bg_1 {
        background: #f5f5f5 url("../img/bg/grey_@2X.png") repeat left top;
        background-size: 397px 322px;
    }
}


/*=========================================================
Header - ヘッダ
=========================================================*/

.wt_header {
    background: #0c88cc;
    height: 45px;
    width: 100%;
    z-index: 1000;
    position: fixed;
    left: 0;
    top: 0;
    transition: all 200ms ease-out;
    -webkit-transition: all 200ms ease-out;
}

.wt_myheader {
    background: #0c88cc;
    height: 45px;
    transition: all 200ms ease-out;
    -webkit-transition: all 200ms ease-out;
    z-index: inherit;
    position: relative;
    left: inherit;
    top: inherit;
}

.wt_myheader_fix {
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1000;
}

.index header {
    background: transparent;
}

.index .wt_header.fixed {
    height: 45px;
    background: #0c88cc;
}

@media (min-width: 992px) {
    .wt_header {
        height: 80px;
    }

    .wt_myheader {
        height: 60px;
    }

    .wt_header.fixed,
    .index .wt_header.fixed {
        height: 60px;
        background: #0c88cc;
    }

    .wt_header.wt_myheader.fixed,
    .index .wt_header.wt_myheader.fixed {
        height: 0px;
        background: #0c88cc;
    }
}

.wt_hdbtn {
    display: flex;
}

.wt_hdbtn li {
    display: inline-block;
    width: 50%;
}

.wt_hdbtn a {
    width: 100%;
    font-weight: 600;
    font-size: 16px;
    height: 80px;
    line-height: 70px;
    border-radius: 0;
    box-shadow: none;
    transition: all 200ms ease-out;
    -webkit-transition: all 200ms ease-out;
}

.wt_header.fixed .wt_hdbtn a {
    height: 60px;
    line-height: 50px;
}




/*=========================================================
Footer - フッター
=========================================================*/

.wt_footer_cont {
    background: #0c88cc;
    padding: 3rem 0;
    margin-bottom: 2rem;
}

.wt_footer_cont h2 {
    color: #fff;
}

.wt_footer_cont h3 {
    color: #fff;
    font-size: 16px;
    font-size: 1.6rem;
}

.wt_footer_cont ul {
    padding: 0;
    margin-bottom: 2rem;
}

.wt_footer_cont li {
    font-size: 14px;
    font-size: 1.4rem;
    list-style-type: none;
    position: relative;
}


ul.wt_check li:before {
    left: -1.5em;
    top: 0;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    display: inline;
    background: none;
    content: '\f00c';
    color: #5bcd26;
}

.wt_footer_cont li:before {
    left: -0.4em;
    top: 3px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    display: inline;
    background: none;
    content: '\f0da';
    padding-right: 10px;
    color: #fff;
    font-size: 1.2rem;
}

.wt_social li:before {
    display: none;
}

.wt_social li {
    display: inline-block;
    padding: 1rem 0 0;
    font-size: 1.8rem;
}

.wt_footer_cont a {
    color: #fff;
    padding: 1rem;
}

.wt_copyright {
    color: #767676;
}


/*=========================================================
Logo - ロゴ
=========================================================*/

.wt_logo {
    line-height: 1;
    height: 45px;
    margin: 0;
}

@media (min-width: 1200px) {
    .wt_logo {
        height: 80px;
    }

    .wt_header.fixed .wt_logo,
    .wt_myheader .wt_logo {
        height: 60px;
    }
}

.wt_logo a {
    padding-top: 45px;
    background: url("../img/common/logo_w.svg") center center no-repeat;
    background-size: contain;
    overflow: hidden;
    display: block;
    font-size: 0;
}

@media (min-width: 992px) {
    .wt_logo a {
        padding-top: 80px;
    }

    .wt_header.fixed .wt_logo a,
    .wt_myheader .wt_logo a {
        padding-top: 60px;
    }
}

@media (min-width: 1600px) {
    .wt_logo a {
        background-size: 80%;
    }
}


/*=========================================================
Nav - ナビゲーション
=========================================================*/

.wt_nav {
    padding: 0;
}

.wt_nav ul {
    padding: 0;
    font-size: 0;
    margin: 0 auto;
    text-align: right;
}

.wt_nav li {
    display: inline-block;
    font-size: 15px;
    font-size: 1.5rem;
    position: relative
}

@media (min-width: 1200px) {
    .wt_nav li {
        font-size: 16px;
        font-size: 1.6rem;
    }
}

.wt_nav a {
    display: block;
    height: 80px;
    line-height: 80px;
    color: #fff;
    position: relative;
    font-weight: 500;
    padding: 0 1rem;
}

.wt_myheader .wt_nav a {
    font-size: 12px;
    padding-top: 16px;
}

@media (min-width: 1200px) {
    .wt_nav a {
        padding: 0 1.7rem;
    }
}

@media (min-width: 1600px) {
    .wt_nav a {
        padding: 0 2rem;
    }
}

.wt_header.fixed .wt_nav a,
.wt_myheader .wt_nav a {
    height: 60px;
    line-height: 60px;
}

.wt_nav a:hover {
    text-decoration: none;
    background: rgba(255, 255, 255, .1);
}

.wt_nav li ul {
    list-style: none;
    position: absolute;
    top: 80%;
    width: 250px;
    left: 50%;
    opacity: 0;
    visibility: hidden;
    box-shadow: 0 0 10px rgba(0, 0, 0, .3);
    background: #fff;
    z-index: 1000;
    margin-left: -125px;
    border: 1px solid #ebebeb;
    border-radius: .6rem;
}

.wt_nav li:hover ul {
    top: 95%;
    visibility: visible;
    opacity: 1;
    transition: .5s linear;
    -webkit-transition: .5s linear;
}

.wt_nav li ul li {
    display: block;
    width: 100%;
    border-bottom: 1px solid #ebebeb;
}

.wt_nav li ul li:last-child {
    border-bottom: none;
}

.wt_nav li ul li a {
    display: block;
    height: 45px;
    line-height: 45px;
    width: 100%;
    font-size: 15px;
    font-size: 1.5rem;
    transition: none;
    -webkit-transition: none;
    color: #454545;
    font-weight: normal;
    transition: all 200ms ease-out;
    -webkit-transition: all 200ms ease-out;
}

.wt_header.fixed .wt_nav li ul li a {
    height: 45px;
    line-height: 45px;
}

.wt_nav li ul li a:hover {
    background: #f6f6f6;
}

.wt_nav li ul li a:before {
    top: 40px;
    left: 0;
    right: 0;
    margin: 0 auto;
    height: 1px;
    width: 160px;
    background: #ebebeb;
}

.wt_nav li ul li a:after {
    display: none;
}

.wt_mynav {
    height: 100px;
    background: #fff;
    box-shadow: 0 3px 6px rgb(0 0 0 / 10%);
}

.wt_mynav ul {
    font-size: 0;
    padding: 0;
}

.wt_mynav ul li {
    display: inline-block;
    width: 16.66666666%;
    font-size: 12px;
    text-align: center;
    position: relative;
}

.wt_mynav ul li:before {
    content: "";
    background-color: #ebebeb;
    width: 1px;
    height: 60px;
    position: absolute;
    top: 20px;
    left: 0;
}

.wt_mynav ul li:last-child :after {
    content: "";
    background-color: #ebebeb;
    width: 1px;
    height: 60px;
    position: absolute;
    top: 20px;
    right: 0;
}

.wt_mynav ul li a {
    display: block;
    height: 100px;
    line-height: 100px;
    padding-top: 25px;
}

.wt_mynav ul li a:hover {
    text-decoration: none;
    background: #f7f7f7;
    color: #0c88cc;
}

/*=========================================================
Mainvis - メインビジュアル
=========================================================*/

.wt_mainvis {
    position: relative;
    text-align: center;
    /*  margin-top: 45px;*/
    padding: 0;
    height: 500px;
}

.wt_catch {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    display: block;
    color: #fff;
    z-index: 500;
    align-items: center;
    justify-content: flex-start;
}

.wt_catch p {
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: 500;
    line-height: 1.45;
    margin-bottom: 10px;
}

.wt_catch p span {
    font-size: 35px;
    font-size: 3.5rem;
}

.wt_catch_circle {
    width: 300px;
    height: 300px;
    background: rgba(12, 136, 204, .7);
    border-radius: 50%;
    margin: auto;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.wt_catch h1 {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.6;
    font-weight: normal;
    margin-bottom: 20px;
}

.wt_seal {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 550;
    margin: 0;
    padding: 0;
}

.wt_seal li {
    display: inline-block;
}

.wt_seal li img {
    height: 25px;
}

.wt_seal li a img {
    transition: none;
    -webkit-transition: none;
}

@media(min-width:768px) {
    .wt_seal li img {
        height: 35px;
    }
}

@media(min-width:992px) {
    .wt_mainvis .wt_seal {
        top: 95px;
    }

    .wt_seal li img {
        height: 45px;
    }
}

/*=========================================================
button - ボタン
=========================================================*/

.wt_btn {
    padding: 2.5rem 3.5rem 2.25rem 11rem;
    font-size: 2rem;
    font-weight: 600;
    position: relative;
}

.wt_btn:before {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 1rem;
    background: url("../img/common/mv_btn.png") no-repeat left bottom;
    background-size: contain;
    z-index: 5;
    width: 10.3rem;
    height: 10.3rem;
}


/*=========================================================
PLAN - 料金表
=========================================================*/
.wt_plan_header {
    background-color: #8fc3e9;
    color: #fff;
    font-size: 18px;
    font-size: 1.8rem;
    text-align: center;
    border-radius: 20px 20px 0 0;
    padding: 1em 0;
    margin-top: 0;
    margin-bottom: 0;
}

.wt_plan_header.bg-warning {
    margin-top: 0;
}

.wt_plan ul {
    padding: 1em 0 .2em 0;
    text-align: center;
    font-weight: 600;
    background-color: #eef7fe;
    border-radius: 0 0 20px 20px;
}

.wt_plan ul.bg-warning {
    background-color: #ffe8e8 !important;
}

.wt_plan ul li {
    font-size: 1.5rem;
    padding-bottom: 1em;
    margin-bottom: .8em;
}

.wt_plan ul li strong {
    font-size: 2.3rem;
    margin: 0 .15em;
}

.wt_plan ul li b {
    font-size: 2.1rem;
    margin: 0 .15em;
}

.wt_plan ul li::before {
    border-radius: inherit;
    width: 10rem;
    height: 1px;
    display: block;
    position: absolute;
    left: 0;
    top: inherit;
    right: 0;
    margin: 0 auto;
    bottom: 0;
    content: "";
    background: #8fc3e9;
}

.wt_plan ul.bg-warning li::before {
    background: #e75050;
}

.wt_plan ul li:last-child::before {
    display: none;
}

.wt_planbox {
    padding: 1.5em;
    background-color: #f1f7ee;
    border-radius: 20px;
    margin-bottom: 2.2rem;
}

.wt_planbox h5 {
    font-size: 17px;
    font-size: 1.7rem;
}

.wt_planbox p {
    font-size: 16px;
    font-size: 1.6rem;
}

@media (min-width: 768px) {
    .wt_planbox {
        padding: 2em 1.5em;
        height: 100%;

    }
}

@media (min-width: 992px) {
    .wt_plan_header {
        margin-top: .5em;
    }

    .wt_plan_header.bg-warning {
        padding-top: 1.5em;
        margin-top: 0;
    }

    .wt_plan ul li strong {
        font-size: 2.6rem;
        margin: 0 .15em;
    }

    .wt_plan ul.bg-warning {
        padding-bottom: .8em;
    }

    .wt_planbox p {
        font-size: 15px;
        font-size: 1.5rem;
    }
}



/*=========================================================
badge - バッヂ
=========================================================*/

.wt_badge {
    background: #0c88cc;
    font-size: 14px;
    height: 60px;
    line-height: 60px;
    width: 60px;
    padding: 0;
    border-radius: 50%;
    -webkit-transform: rotate(-15deg);
    -moz-transform: rotate(-15deg);
    rotation: -15deg;
    color: #fff;
    display: inline-block;
    vertical-align: bottom;
}

@media(min-width:992px) {
    .wt_badge {
        font-size: 16px;
        height: 70px;
        line-height: 70px;
        width: 70px;
        padding: 0;
        display: inline-block;
        margin-top: -1em;
        margin-right: 1em;
        vertical-align: bottom;
    }
}


/*=========================================================
Strength - 強み
=========================================================*/

.wt_strength {
    position: relative;
}

.wt_strength .wt_badge {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: -60px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
}

@media(min-width:768px) {
    .wt_strength .wt_badge {
        left: inherit;
        right: inherit;
        top: 0;
        bottom: 0;
        margin: auto;
    }

    .order-md-1 .wt_strength .wt_badge {
        -webkit-transform: rotate(15deg);
        -moz-transform: rotate(15deg);
        right: -45px;
    }

    .order-md-2 .wt_strength .wt_badge {
        -webkit-transform: rotate(-15deg);
        -moz-transform: rotate(-15deg);
        left: -45px;
    }
}

@media(min-width:992px) {
    .wt_strength .wt_badge {
        margin: inherit;
        display: block;
        top: -20px;
        left: 0;
        right: 0;
    }

    .order-md-1 .wt_strength .wt_badge {
        -webkit-transform: rotate(-15deg);
        -moz-transform: rotate(-15deg);
        right: inherit;
    }

    .order-md-2 .wt_strength .wt_badge {
        -webkit-transform: rotate(15deg);
        -moz-transform: rotate(15deg);
        left: inherit;
    }

}

/*=========================================================
FAQ - FAQ
=========================================================*/
.wt_accordion_title {
    background-color: #8fc3e9;
    color: #fff;
    cursor: pointer;
    padding: 1.5rem 3rem 1.5rem 5rem;
    transition: all 0.2s ease 0s;
    margin: 0;
    border-bottom: 1px solid #fff;
    position: relative;
    font-size: 16px;
    font-size: 1.6rem;
}

@media (min-width: 992px) {
    .wt_accordion_title {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 2.6rem;
    }
}

.wt_accordion_item:first-child .wt_accordion_title {
    border-radius: 20px 20px 0 0;
}

.wt_accordion_item:last-child .wt_accordion_title {
    border-radius: 0 0 20px 20px;
    border-bottom: 1px solid transparent;
}

.wt_accordion_item.is-active:last-child .wt_accordion_title {
    border-radius: 0;
}

.wt_accordion_title:hover {
    background-color: #7fb8e1;
}

.wt_accordion_title:before {
    content: "\f067";
    font-family: "Font Awesome 5 Free";
    position: absolute;
    right: 0.7em;
    line-height: 1;
    top: 20px;
    color: #fff;
    text-align: center;
    transition: all 0.2s ease 0s;
}

.wt_accordion_item.is-active .wt_accordion_title:before {
    content: "\f068";
}

.wt_accordion_title span {
    position: absolute;
    left: 0.7em;
    top: 0;
    bottom: 0;
    margin: auto;
    font-weight: 300;
    margin-right: .5em;
    background: #fff;
    color: #8fc3e9;
    display: inline-block;
    width: 2.6rem;
    height: 2.6rem;
    text-align: center;
    border-radius: 1.3rem;
    font-size: 2.2rem;
    vertical-align: middle;
    font-family: 'Comfortaa', cursive;
    line-height: 1.4;
}

.wt_accordion_content {
    padding: 2rem;
    display: none;
    border-left: 1px solid #ebebeb;
    border-right: 1px solid #ebebeb;
}

.wt_accordion_item:last-child .wt_accordion_content {
    border-bottom: 1px solid #ebebeb;
    border-radius: 0 0 20px 20px;
}

.wt_accordion_content.is-open {
    display: block;
}

.wt_accordion_content p {
    font-size: 15px;
    font-size: 1.5rem;
}


/*=========================================================
続きを読む - More
=========================================================*/
.wt_more_container {
    position: relative;
    height: auto;
    max-height: 250px;
    overflow: hidden;
    transition: all 0.2s ease 0s;
}

.wt_morebtn {
    display: inline-block;
    background: none;
    border: none;
    cursor: pointer;
    color: #0c88cc;
    padding: 0;
}

@media (min-width: 768px) {

    .wt_more_container {
        max-height: inherit;
    }

    .wt_morebtn {
        display: none;
    }
}


/*=========================================================
お客様の声 - Voice
=========================================================*/
.wt_balloon {
    position: relative;
    padding: 2rem;
    padding-bottom: 2.5em;
    background-color: #f1f7ee;
    border: 3px solid #cdebbe;
    border-radius: 2rem;
}

.wt_balloon .wt_morebtn {
    font-size: 15px;
    font-size: 1.5rem;
    position: absolute;
    left: 0;
    bottom: 0;
    padding: .5rem;
    color: #5bcd26;
    font-weight: 600;
    display: block;
    text-align: center;
    width: 100%;
    background-color: #cdebbe;
    border-radius: 0 0 10px 10px;
}

.wt_balloon::before {
    content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    left: -15px;
    top: 2.5rem;
    border-right: 15px solid #cdebbe;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
}

.order-1 .wt_balloon::before {
    left: inherit;
    right: -15px;
    border-right: none;
    border-left: 15px solid #cdebbe;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
}

.wt_balloon h3 {
    font-size: 19px;
    font-size: 1.9rem;
    line-height: 1.6;
}

.wt_balloon p {
    font-size: 15px;
    font-size: 1.5rem;
}


@media (min-width: 992px) {

    .wt_balloon {
        padding: 3rem;
    }

    .wt_balloon .wt_morebtn {
        display: none;
    }

    .wt_balloon h3 {
        font-size: 20px;
        font-size: 2rem;
    }

    .wt_balloon p {
        font-size: 15px;
        font-size: 1.5rem;
    }
}


/*=========================================================
Flow - フロー
=========================================================*/

.wt_flow {
    background: #fff;
    height: 100%;
    padding: 20px;
    position: relative;
    border-radius: 10px;
}

.wt_flow::before {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -30px;
    content: "";
    margin-left: auto;
    margin-right: auto;
    width: 0;
    height: 0;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-top: 30px solid #fff;

}

.col-12:last-child .wt_flow::before {
    display: none;
}

.wt_flow h3 {
    text-align: center;
    font-size: 18px;
    font-size: 1.8rem;
}


.wt_flow p {
    font-size: 16px;
    font-size: 1.6rem;
}

.wt_step {
    text-align: center;
    color: #0c88cc;
    font-family: 'Comfortaa', cursive;
    line-height: 1.4;
    margin-bottom: .2em;
}

.wt_step span {
    font-size: 2.8rem;
    margin-left: .2em;
}

@media (min-width: 768px) {
    .wt_flow::before {
        top: 0;
        bottom: 0;
        right: -30px;
        left: inherit;
        margin-top: auto;
        margin-bottom: auto;
        margin-left: inherit;
        margin-right: inherit;
        border-left: 30px solid #fff;
        border-right: none;
        border-top: 30px solid transparent;
        border-bottom: 30px solid transparent;
    }
}

@media (min-width: 992px) {
    .wt_flow p {
        font-size: 15px;
        font-size: 1.5rem;
    }
}

.wt_icobtn {
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 1.5em 1em;
    font-size: 14px;
    font-size: 1.4rem;
    text-align: center;
    display: block;
    width: 100%;
    height: 100%;
    color: #545454;
}

.wt_icobtn:hover {
    text-decoration: none;
    color: #0c88cc;
    box-shadow: 0 1px 5px 3px rgb(12 136 204 / 30%);
    background: rgba(221, 240, 251, .85);
}

.wt_slider {
    height: 500px;
    padding: 0;
    list-style-type: none;
    margin: 0;
}

.wt_slider li {
    height: 500px;
    width: 100%;
    list-style: none;
    background-size: cover;
    position: relative;
    text-align: center;
}

.wt_slider li::after {
    background-color: rgba(0, 0, 0, 0.1);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    content: ' ';
}

.wt_slider01 {
    background: url("/assets/img/index/main_sp_1.jpg?3") no-repeat center center;
    background-size: cover;
}

.wt_slider02 {
    background: url("/assets/img/index/main_sp_2.jpg?3") no-repeat center center;
    background-size: cover;
}

.wt_slider03 {
    background: url("/assets/img/index/main_sp_3.jpg") no-repeat center center;
    background-size: cover;
}

.wt_slider04 {
    background: url("/assets/img/index/main_sp_4.jpg") no-repeat center center;
    background-size: cover;
}

.wt_slider_eiken {
    background: url("/assets/img/eiken/main_eiken_sp.jpg") no-repeat center center;
    background-size: cover;
}

.wt_slider_grammar {
    background: url("/assets/img/grammar/main_grammar_sp.jpg") no-repeat center center;
    background-size: cover;
}

.wt_slider_accent {
    background: url("/assets/img/accent/main_accent_sp.jpg") no-repeat center center;
    background-size: cover;
}

.wt_slider_phonics {
    background: url("/assets/img/phonics/main_phonics_sp.jpg") no-repeat center center;
    background-size: cover;
}

.wt_slider_high {
    background: url("/assets/img/high/main_high_sp.jpg") no-repeat center center;
    background-size: cover;
}

.wt_slider_juniorhigh {
    background: url("/assets/img/juniorhigh/main_juniorhigh_sp.jpg") no-repeat center center;
    background-size: cover;
}

.wt_slider_business {
    background: url("/assets/img/business/main_business_sp.jpg") no-repeat center center;
    background-size: cover;
}

.wt_slider_toeic {
    background: url("/assets/img/toeic/main_toeic_sp.jpg") no-repeat center center;
    background-size: cover;
}

.wt_slider_daily {
    background: url("/assets/img/daily/main_daily_sp.jpg") no-repeat center center;
    background-size: cover;
}

.wt_slider_travel {
    background: url("/assets/img/travel/main_travel_sp.jpg") no-repeat center center;
    background-size: cover;
}

.wt_slider_kids {
    background: url("/assets/img/kids/main_kids_sp.jpg") no-repeat center center;
    background-size: cover;
}

.wt_roundimg {
    border-radius: 10px;
    border: 2px solid #ebebeb;
}

@media(min-width:768px) {
    .wt_mvbtn a {
        font-size: 18px;
        font-size: 1.8rem;
        padding: 2rem 30px 2rem 100px;
    }

    .wt_mvbtn a:before {
        width: 80px;
        height: 80px;
    }

    .wt_mainvis {
        height: 400px;
    }

    .wt_catch p {
        font-size: 36px;
        font-size: 3.6rem;
        margin-bottom: 20px;
    }

    .wt_catch p span {
        font-size: 40px;
        font-size: 4rem;
    }

    .wt_catch h1 {
        font-size: 16px;
        font-size: 1.6rem;
        margin-bottom: 30px
    }

    .wt_slider {
        height: 400px;
    }

    .wt_slider li {
        height: 400px;
    }

    .wt_slider01 {
        background: url("/assets/img/index/main_1.jpg?3") no-repeat center center;
    }

    .wt_slider02 {
        background: url("/assets/img/index/main_2.jpg?3") no-repeat center center;
    }

    .wt_slider03 {
        background: url("/assets/img/index/main_3.jpg") no-repeat center center;
    }

    .wt_slider04 {
        background: url("/assets/img/index/main_4.jpg") no-repeat center center;
    }

    .wt_slider_eiken {
        background: url("/assets/img/eiken/main_eiken.jpg") no-repeat center center;
    }

    .wt_slider_grammar {
        background: url("/assets/img/grammar/main_grammar.jpg") no-repeat center center;
    }

    .wt_slider_accent {
        background: url("/assets/img/accent/main_accent.jpg") no-repeat center center;
    }

    .wt_slider_phonics {
        background: url("/assets/img/phonics/main_phonics.jpg") no-repeat center center;
    }

    .wt_slider_high {
        background: url("/assets/img/high/main_high.jpg") no-repeat center center;
    }

    .wt_slider_juniorhigh {
        background: url("/assets/img/juniorhigh/main_juniorhigh.jpg") no-repeat center center;
    }

    .wt_slider_business {
        background: url("/assets/img/business/main_business.jpg") no-repeat center center;
    }

    .wt_slider_toeic {
        background: url("/assets/img/toeic/main_toeic.jpg") no-repeat center center;
    }

    .wt_slider_daily {
        background: url("/assets/img/daily/main_daily.jpg") no-repeat center center;
    }

    .wt_slider_travel {
        background: url("/assets/img/travel/main_travel.jpg") no-repeat center center;
    }

    .wt_slider_kids {
        background: url("/assets/img/kids/main_kids.jpg") no-repeat center center;
    }
}

@media(min-width:992px) {
    .wt_mainvis {
        /*    margin-top: 80px;*/
        height: 880px;
    }

    .wt_catch p {
        font-size: 40px;
        font-size: 4rem;
    }

    .wt_catch p span {
        font-size: 60px;
        font-size: 6rem;
    }

    .wt_catch_circle {
        width: 550px;
        height: 550px;
    }

    .wt_slider {
        height: 880px;
    }

    .wt_slider li {
        height: 880px;
    }
}


/*=========================================================
Topics - topics
=========================================================*/

.wt_topics {
    margin-top: -50px;
    position: relative;
}

.wt_topics .wt_mbnr {
    z-index: 580;
    padding: 0;
    display: inline-block;
    list-style: none;
}

.wt_topics .wt_mbnr img {
    box-shadow: 0 3px 6px rgb(0 0 0 / 10%);
}

.wt_headline {
    border: 2px solid #f3f3f3;
    padding: 1em;
    border-radius: 10px;
    position: relative;
}

.wt_headline h3 {
    color: #f32200;
    font-size: 12px;
    font-size: 1.2rem;
    position: absolute;
    top: -12px;
    left: 20px;
    display: inline-block;
    background: #fff;
    padding: 0 10px;
}

.wt_headline li {
    font-weight: 600;
    position: relative;
    list-style: none;
}

.wt_headline li,
.wt_headline li a {
    color: #f32200;
}

.wt_headline li::before {
    position: absolute;
    left: -1em;
    font-family: "Font Awesome 5 Free";
    content: "\f0da";
}

@media(min-width:992px) {
    .wt_topics {
        margin-top: -100px;
    }
}


/*=========================================================
Reccomend - オススメ
=========================================================*/

.wt_recguide {
    /*    margin-top: -50px;*/
    position: relative;
}

@media(min-width:992px) {
    .wt_recguide {
        /*        margin-top: -100px;*/
    }
}


/*=========================================================
Copy - コピー
=========================================================*/

.wt_copy {
    font-size: 16px;
    font-size: 1.6rem;
    color: #0c88cc;
    font-weight: 600;
}

@media(min-width:992px) {
    .wt_copy {
        font-size: 20px;
        font-size: 2rem;
        color: #0c88cc;
        font-weight: 600;
    }
}


/*=========================================================
Intro - 導入
=========================================================*/

.wt_intro_list {
    padding: 1rem 0;
}

.wt_bg_intro {
    background: url("/assets/img/index/intro_1.jpg") no-repeat center top;
    background-size: cover;
    padding-top: 56.25%;
}

@media(min-width:992px) {
    .wt_intro_list {
        padding: 6rem 3rem;
    }

    .wt_bg_intro {
        padding-top: 0;
    }
}

.wt_problem {
    background: #ecf8ff;
    padding: 1.5em;
    border-radius: 30px;
}

.wt_problem ul li {
    position: relative;
    list-style: none;
}

.wt_problem ul li .fas {
    color: #0c88cc;
    margin-right: 1em;
}

.wt_note {
    background: #f5f5f5;
    padding: 1.5em;
    border-radius: 30px;
}

.wt_note p,
.wt_note li {
    font-size: 15px;
    font-size: 1.5rem;
    color: #767676;
}

.wt_sec_grey .wt_note,
.wt_sec_blue .wt_note,
.wt_sec_bg_1 .wt_note {
    background: #fff;
    padding: 1.5em 2em;
    border-radius: 30px;
}

.wt_sec_grey .wt_form_layer .wt_note,
.wt_sec_blue .wt_form_layer .wt_note,
.wt_sec_bg_1 .wt_form_layer .wt_note,
.wt_sec_bg_1 .bg-white .wt_note {
    background: #f5f5f5;
}


/*=========================================================
Strength - 強み
=========================================================*/

.wt_strength_list {
    padding: 3rem 0;
}

.wt_bg_strength_1,
.wt_bg_strength_2,
.wt_bg_strength_3 {
    background-size: cover;
    padding-top: 56.25%;
}

.wt_bg_strength_1 {
    background: url("/assets/img/index/strength_1.jpg") no-repeat center center;
    background-size: cover;
}

.wt_bg_strength_2 {
    background: url("/assets/img/index/strength_2.jpg") no-repeat center center;
    background-size: cover;
}

.wt_bg_strength_3 {
    background: url("/assets/img/index/strength_3.jpg") no-repeat center center;
    background-size: cover;
}

@media(min-width:992px) {
    .wt_strength_list {
        padding: 6rem 3rem;
    }

    .wt_bg_strength_1,
    .wt_bg_strength_2,
    .wt_bg_strength_3 {
        padding-top: 0;
    }
}


/*=========================================================
Fitting - ぴったり！
=========================================================*/

.wt_bg_fitting_1,
.wt_bg_fitting_2,
.wt_bg_fitting_3,
.wt_bg_merit_1 {
    background-size: cover;
    padding-top: 56.25%;
}

.wt_bg_fitting_1 {
    background: url("/assets/img/about/fitting_1.jpg") no-repeat center center;
    background-size: cover;
}

.wt_bg_fitting_2 {
    background: url("/assets/img/about/fitting_2.jpg") no-repeat center center;
    background-size: cover;
}

.wt_bg_fitting_3 {
    background: url("/assets/img/about/fitting_3.jpg") no-repeat center center;
    background-size: cover;
}

.wt_bg_merit_1 {
    background: url("/assets/img/merit/merit_1.jpg") no-repeat center center;
    background-size: cover;
}

@media(min-width:992px) {

    .wt_bg_fitting_1,
    .wt_bg_fitting_2,
    .wt_bg_fitting_3,
    .wt_bg_merit_1 {
        padding-top: 0;
    }
}


/*=========================================================
Feature - 特徴
=========================================================*/

.wt_feature {
    position: relative;
    margin-top: 30px;
}

.wt_feature:before {
    position: absolute;
    background: #0c88cc;
    color: #fff;
    display: block;
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 50%;
    text-align: center;
    font-size: 2rem;
    left: 50%;
    margin-left: -30px;
    top: -30px;
}

.wt_feature_1:before {
    content: "1";
}

.wt_feature_2:before {
    content: "2";
}

.wt_feature_3:before {
    content: "3";
}

.wt_feature_4:before {
    content: "4";
}

.wt_feature_5:before {
    content: "5";
}

.wt_feature_6:before {
    content: "6";
}

.wt_feature h3,
.wt_feature p,
.wt_feature img {
    margin-bottom: 30px;
}

.wt_feature h3,
.wt_feature p {
    padding-left: 15px;
    padding-right: 15px;
}

.wt_feature h3 strong {
    color: #0c88cc;
    font-size: 24px;
    font-size: 2.4rem;
    background: linear-gradient(transparent 35%, #ffe31a 0%);
}


/*=========================================================
Strength - 強み
Strength - 強み
=========================================================*/


/*=========================================================
Container
=========================================================*/

.wt_cont {
    background: #fff;
    height: 100%;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .10);
    border-radius: .6rem;
    padding: 25px;
}


.wt_cont h3 {
    font-size: 18px;
    font-size: 1.8rem;
}

.wt_cont h4 {
    font-size: 16px;
    font-size: 1.6rem;
}

.wt_cont.wt_cont_opac {
    background: rgba(255, 255, 255, .85)
}

.wt_cont.wt_cont_shpad {
    padding: 2rem;
}

@media(min-width:992px) {
    .wt_cont {
        padding: 5rem;
    }

    .wt_cont h3 {
        font-size: 24px;
        font-size: 2.4rem;
    }

    .wt_cont h4 {
        font-size: 18px;
        font-size: 1.8rem;
    }
}


/*=========================================================
Card - カード
=========================================================*/

.wt_card {
    background: #fff;
    height: 100%;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .10);
    padding-bottom: 30px;
    border-radius: .6rem;
}

.wt_card h3,
.wt_card p,
.wt_card img {
    margin-bottom: 30px;
}

.wt_card h3,
.wt_card p,
.wt_card ul,
.wt_card ol {
    margin-left: 25px;
    margin-right: 25px;
}

.wt_card h3 {
    color: #0c88cc;
    font-size: 18px;
    font-size: 1.8rem;
}

.wt_card img {
    border-radius: .6rem .6rem 0 0;
}


@media(min-width:768px) {
    .wt_card h3 {
        font-size: 24px;
        font-size: 2.4rem;
    }

    .wt_card h3,
    .wt_card p,
    .wt_card ul,
    .wt_card ol {
        margin-left: 30px;
        margin-right: 30px;
    }
}


/*=========================================================
Card - ミニカード
=========================================================*/

.wt_card_mini {
    background: #fff;
    height: 100%;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .10);
    padding: 30px;
    border-radius: .6rem;
    position: relative;
    z-index: 1;
    border-radius: .6rem;
    transition: all 200ms ease-out;
    -webkit-transition: all 200ms ease-out;
}

.wt_card_mini:hover {
    box-shadow: 0 1px 5px 3px rgb(12 136 204 / 30%);
    background: rgba(221, 240, 251, .85);
}

.wt_card_mini a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent: -999px;
    z-index: 2;
}

.wt_card_mini h3,
.wt_card_mini p,
.wt_card_mini img {
    margin-bottom: 15px;
}

.wt_card_mini h3 {
    color: #0c88cc;
    font-size: 20px;
    font-size: 2rem;
}

.wt_card_mini p {
    font-size: 14px;
    font-size: 1.4rem;
}

.wt_card_mini ul {
    padding: 0;
    list-style: none;
    margin-bottom: .5em;
}

.wt_card_mini li {
    font-size: 13px;
    font-size: 1.3rem;
    color: #999;
}


/*=========================================================
Card - インタビューカード
=========================================================*/

.wt_card_interview {
    background: #fff;
    height: 100%;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .10);
    padding: 25px;
    border-radius: .6rem;
    position: relative;
    z-index: 1;
    border-radius: .6rem;
    transition: all 200ms ease-out;
    -webkit-transition: all 200ms ease-out;
}

.wt_card_interview h3,
.wt_card_interview p,
.wt_card_interview img {
    margin-bottom: 15px;
}

.wt_card_interview h3 {
    color: #0c88cc;
    font-size: 18px;
    font-size: 1.8rem;
}

.wt_card_interview p {
    font-size: 14px;
    font-size: 1.4rem;
}

@media(min-width:768px) {
    .wt_card_interview {
        padding: 30px;
    }

    .wt_card_interview h3 {
        font-size: 20px;
        font-size: 2rem;
    }
}


/*=========================================================
Voice - 声
=========================================================*/

.wt_voice img {
    box-shadow: 0 3px 6px rgb(0 0 0 / 10%);
}

.wt_voice .wt_card h3 {
    font-size: 18px;
    font-size: 1.8rem;
}

.wt_voice .wt_card p,
.wt_voice .wt_card li {
    font-size: 15px;
    font-size: 1.5rem;
}

.wt_voicename {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 600;
}



/*=========================================================
Carousel - カルーセル
=========================================================*/

.wt_carousel {
    background: rgba(255, 255, 255, .85);
    box-shadow: 0 3px 6px rgba(0, 0, 0, .10);
    position: relative;
    z-index: 1;
    border-radius: .6rem;
    transition: all 200ms ease-out;
    -webkit-transition: all 200ms ease-out;
}

.wt_carousel:hover {
    box-shadow: 0 1px 5px 3px rgb(12 136 204 / 30%);
    background: rgba(221, 240, 251, .85);
}

.wt_carousel a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent: -999px;
    z-index: 2;
}

.wt_carousel p {
    font-size: 14px;
    font-size: 1.4rem;
    color: #767676;
    height: 8rem;
    overflow: hidden;
}

.owl-stage-outer {
    padding-bottom: 10px
}

/*=========================================================
Carousel - カルーセルmini
=========================================================*/

.wt_carousel_mini {
    background: rgba(255, 255, 255, .85);
    box-shadow: 0 3px 6px rgba(0, 0, 0, .10);
    position: relative;
    z-index: 1;
    border-radius: .6rem;
    transition: all 200ms ease-out;
    -webkit-transition: all 200ms ease-out;
    margin-bottom: 30px;
}

.wt_carousel_mini:hover {
    box-shadow: 0 1px 5px 3px rgb(12 136 204 / 30%);
    background: rgba(221, 240, 251, .85);
}

.wt_carousel_mini a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent: -999px;
    z-index: 2;
}

.wt_carousel_mini h4 {
    font-size: 15px;
    font-size: 1.5rem;
    height: 2rem;
    overflow: hidden;
}

.wt_carousel_mini p {
    font-size: 12px;
    font-size: 1.2rem;
    color: #767676;
    height: 4.4rem;
    overflow: hidden;
    line-height: 1.7;
}

.wt_carousel_mini ul {
    padding: 0;
}

.wt_carousel_mini li {
    display: inline-block;
    font-size: 12px;
    font-size: 1.2rem;
    color: #999;
    margin: 0 .1em;
}

.wt_carousel_mini img {
    margin-top: -40px;
}

.wt_carousel_mini .flag-icon {
    box-shadow: 0 1px 3px rgb(0 0 0 / 10%);
    vertical-align: sub;
}

.wt_carousel_mini .flag-icon {
    font-size: 20px;
    font-size: 2rem;
}



/*=========================================================
Carousel - カルーセル(voice)
=========================================================*/

.wt_carousel_voice {
    background: rgba(255, 255, 255, .85);
    box-shadow: 0 3px 6px rgba(0, 0, 0, .10);
    position: relative;
    z-index: 1;
    border-radius: .6rem;
    transition: all 200ms ease-out;
    -webkit-transition: all 200ms ease-out;
    padding-left: 5rem !important;
}

.wt_carousel_voice p {
    font-size: 15px;
    font-size: 1.5rem;
    color: #767676;
}

.owl-carousel .wt_carousel_voice img {
    position: absolute;
    top: -10px;
    left: -10px;
    border: 2px solid #ebebeb;
}

/*=========================================================
ribbon - リボン
=========================================================*/

.wt_ribbon {
    color: #fff;
    background: rgba(12, 136, 204, .8);
    font-size: 16px;
    font-size: 1.6rem;
    height: 4.2rem;
    line-height: 4.2rem;
    display: inline-block;
    position: relative;
    padding: 0 3rem;
    margin: 0 0 -1rem -15px;
    z-index: 20;
    width: 200px;
    position: absolute;
    top: -15px;
}

.wt_ribbon:after {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    z-index: 1;
    top: 0;
    right: -2.1rem;
    border-width: 2.1rem 2.1rem 2.1rem 0;
    border-color: rgba(12, 136, 204, .8) transparent rgba(12, 136, 204, .8) rgba(12, 136, 204, .8);
    border-style: solid;
}

@media(min-width:992px) {
    .wt_ribbon {
        height: 5.6rem;
        line-height: 5.6rem;
    }

    .wt_ribbon:after {
        right: -2.8rem;
        border-width: 2.8rem 2.8rem 2.8rem 0;
    }
}


/*=========================================================
Youtube - 動画埋め込み
=========================================================*/

.wt_youtube_cont {
    padding: 6px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .15);
    border-radius: .6rem;
    background: #fff;
}

.wt_youtube {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
}

.wt_youtube iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
}


/*=========================================================
Information - お知らせ
=========================================================*/

.wt_info_bdr {
    border: 1px solid #ebebeb;
    border-radius: 6px;
    height: 500px;
    padding: 15px;
    overflow: auto;
}

.wt_info_bdr_t {
    border: 1px solid #ebebeb;
    border-radius: 6px;
    height: 500px;
    overflow: hidden;
}

.wt_info_bdr a {
    color: #454545;
    display: block;
    transition: all 200ms ease-out;
    -webkit-transition: all 200ms ease-out;
}

.wt_info_bdr a:hover {
    opacity: .7;
    text-decoration: none;
}

.wt_info_bdr h3 {
    font-size: 14px;
    font-size: 1.4rem;
    margin-bottom: .7em;
    line-height: 1.9;
}

.wt_info_bdr p {
    font-size: 13px;
    font-size: 1.3rem;
    padding-bottom: .8em;
    margin-bottom: .8em;
    border-bottom: 1px solid #ebebeb;
}


/*=========================================================
Marker - マーカー
=========================================================*/

.wt_marker {
    background: linear-gradient(transparent 35%, #ffe31a 0%);
    font-size: 1.1em;
}

.wt_sec_blue .wt_marker {
    background: linear-gradient(transparent 35%, #ff9c07 0%);
}


/*=========================================================
Breadcrumb - パンくずリスト
=========================================================*/

.wt_breadcrumb {
    list-style: none;
    display: inline-block;
    padding: 0;
    position: relative;
    z-index: 10;
}

.wt_breadcrumb li {
    float: left
}

.wt_breadcrumb li a {
    font-size: 13px;
    font-size: 1.3rem;
    color: #9a9a9a;
    display: block;
    background: #f5f5f5;
    text-decoration: none;
    position: relative;
    height: 32px;
    line-height: 32px;
    padding: 0 5px 0 0;
    text-align: center;
    margin-right: 23px;
}

.wt_breadcrumb li:first-child a {
    padding-left: 10px;
}

.wt_breadcrumb li:first-child a:before {
    border: none
}

.wt_breadcrumb li:last-child a {
    padding-right: 10px;
    -moz-border-radius: 0 4px 4px 0;
    -webkit-border-radius: 0;
    border-radius: 0 4px 4px 0
}

.wt_breadcrumb li:last-child a:after {
    border: none
}

.wt_breadcrumb li a:after,
.wt_breadcrumb li a:before {
    transition: all 200ms ease-out;
    -webkit-transition: all 200ms ease-out;
    content: "";
    position: absolute;
    top: 0;
    border: 0 solid #f5f5f5;
    border-width: 16px 10px;
    width: 0;
    height: 0
}

.wt_breadcrumb li a:before {
    left: -20px;
    border-left-color: transparent
}

.wt_breadcrumb li a:after {
    left: 100%;
    border-color: transparent;
    border-left-color: #f5f5f5
}

.wt_breadcrumb li a:hover {
    background-color: #ebebeb
}

.wt_breadcrumb li a:hover:before {
    border-color: #ebebeb;
    border-left-color: transparent
}

.wt_breadcrumb li a:hover:after {
    border-left-color: #ebebeb
}

.wt_breadcrumb li a:active {
    background-color: #ebebeb
}

.wt_breadcrumb li a:active:before {
    border-color: #ebebeb;
    border-left-color: transparent
}

.wt_breadcrumb li a:active:after {
    border-left-color: #ebebeb
}

.wt_breadcrumb .wt_crumb {
    display: block;
    overflow: hidden;
    height: 0;
    padding-top: 31px;
    width: 26px;
    background: url(/assets/img/common/crumb.svgz) no-repeat left center
}






/*=========================================================
Main - メインコンテンツ
=========================================================*/

.wt_main {
    margin-top: 45px;
}

.index .wt_main {
    margin-top: 0;
}

@media(min-width:992px) {
    .wt_main {
        margin-top: 80px;
    }

    .index .wt_main {
        margin-top: 0;
    }

    .wt_mypages .wt_main {
        margin-top: 160px;
    }
}


/*=========================================================
Headvisual - 下部ページヘッダ
=========================================================*/

.wt_headvis {
    background: url(/assets/img/common/bg_head_default.jpg) no-repeat center center;
    background-size: cover;
    position: relative;
    padding: 30px 0;
}

.wt_head_about {
    background: url(/assets/img/about/bg_head_about.jpg) no-repeat center center;
    background-size: cover;
}

.wt_head_voice {
    background: url(/assets/img/voice/bg_head_voice.jpg) no-repeat center center;
    background-size: cover;
}

.wt_head_contact {
    background: url(/assets/img/contact/bg_head_contact.jpg) no-repeat center center;
    background-size: cover;
}

.wt_head_release {
    background: url(/assets/img/release/bg_head_release.jpg) no-repeat center center;
    background-size: cover;
}

.wt_head_company {
    background: url(/assets/img/company/bg_head_company.jpg) no-repeat center center;
    background-size: cover;
}

.wt_head_transactions {
    background: url(/assets/img/company/bg_head_company.jpg) no-repeat center center;
    background-size: cover;
}

.wt_head_terms {
    background: url(/assets/img/company/bg_head_company.jpg) no-repeat center center;
    background-size: cover;
}

.wt_head_privacy {
    background: url(/assets/img/company/bg_head_company.jpg) no-repeat center center;
    background-size: cover;
}

.wt_head_eiken {
    background: url(/assets/img/eiken/bg_head_eiken.jpg) no-repeat center center;
    background-size: cover;
}

.wt_headvis:before {
    width: 100%;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: " ";
    margin: auto;
    background-color: rgba(0, 0, 0, .1);
    position: absolute;
}

.wt_headvis h1 {
    color: #fff;
    z-index: 3;
    position: relative;
}

@media(min-width:768px) {
    .wt_headvis {
        padding: 45px 0;
    }
}

@media(min-width:992px) {
    .wt_headvis {
        padding: 60px 0;
    }
}


/*=========================================================
Timeline - タイムライン
=========================================================*/


/* Timeline holder */

.wt_timeline {
    list-style-type: none;
    position: relative;
    padding-left: 1.5rem;
}


/* Timeline vertical line */

.wt_timeline:before {
    content: ' ';
    background: #0c88cc;
    display: inline-block;
    position: absolute;
    left: 25px;
    width: 4px;
    height: 100%;
    z-index: 400;
    border-radius: 1rem;
}

.wt_timeline-item {
    margin: 20px 0;
}


/* Timeline item arrow */

.wt_timeline-arrow {
    border-top: 1rem solid transparent;
    border-right: 1rem solid #fff;
    border-bottom: 1rem solid transparent;
    display: block;
    position: absolute;
    left: 3.5rem;
}


/* Timeline item circle marker */

.wt_timeline-item::before {
    content: ' ';
    background: #0c88cc;
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    border: 3px solid #fff;
    left: 20px;
    width: 14px;
    height: 14px;
    z-index: 400;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

.wt_timeline-title {
    position: relative;
}

.wt_timeline-title h3 {
    background: #0c88cc;
    color: #fff;
    text-align: center;
    border-radius: 50%;
    height: 85px;
    line-height: 85px;
    width: 85px;
    font-size: 1.6rem;
    left: -30px;
    position: relative;
    z-index: 450;
}


/*=========================================================
Teacher - 隰帛ｸｫ邏ｹ莉�
=========================================================*/

.wt_search {
    position: relative;
    margin: 2em 0;
    padding: 2em;
    border: solid 2px #0c88cc;
    border-radius: 10px;
    background: #fff;
}

.wt_searchtitle {
    position: absolute;
    display: inline-block;
    top: -10px;
    left: 15px;
    line-height: 1;
    font-size: 19px;
    font-size: 1.9rem;
    background: #fff;
    padding: 0 1em;
    color: #0c88cc;
}

.wt_tag input[type=checkbox].wt_tag_input {
    display: none;
}

.wt_tag .wt_tag_check {
    margin: 0 3px 5px 0;
    padding: 5px 10px 5px 34px;
    color: #fff;
    font-size: 12px;
    font-size: 1.2rem;
    white-space: nowrap;
    border-radius: 18px;
    position: relative;
    transition: all 200ms ease-out;
    -webkit-transition: all 200ms ease-out;
    display: inline-block;
    width: inherit;
    font-weight: 700;
}

.wt_tag_check:hover {
    opacity: .8;
}

.wt_tag_check:before {
    z-index: 1;
    position: absolute;
    top: 12px;
    left: 15px;
    width: 6px;
    height: 10px;
    content: '';
    opacity: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    transition: all 200ms ease-out;
    -webkit-transition: all 200ms ease-out;
}

.wt_tag1 .wt_tag_check {
    background: #0c88cc;
}

.wt_tag1 .wt_tag_check:before {
    border-right: solid 3px #0c88cc;
    border-bottom: solid 3px #0c88cc;
}

.wt_tag2 .wt_tag_check {
    background: #37b4d0;
}

.wt_tag2 .wt_tag_check {
    border-right: solid 3px #37b4d0;
    border-bottom: solid 3px #37b4d0;
}

.wt_tag input[type=checkbox]:checked+.check:before {
    opacity: 1
}

.wt_tag2 .wt_tag_check::before {
    border-right: solid 3px #0c88cc;
    border-bottom: solid 3px #0c88cc;
}

.wt_tag input[type=checkbox]:checked+.wt_tag_check:before {
    opacity: 1
}

.wt_tag_check:after {
    left: 10px;
    top: 10px;
    width: 16px;
    height: 16px;
    border: 1px solid #ddd;
    border-radius: 3px;
    content: '';
    background: #fff;
    z-index: 0;
    position: absolute;
}

.wt_teacherbox {
    box-shadow: 0 3px0 6px rgba(0, 0, 0, .10);
    background: #fff;
}

.wt_teachercont {
    position: relative;
    transition: all 200ms ease-out;
    -webkit-transition: all 200ms ease-out;
    padding-top: 2.5rem!important;
}

.wt_favorite_off {
    border:1px solid #ffa1a9;
    }
.wt_favorite_on {
    border:1px solid #ffa1a9;
background:#ffa1a9;
color:#fff;
font-size:13px;
font-size:1.3rem;
border-radius:15px;
padding:.25em .5em;
}
.wt_favorite_on .fas {margin-right:.5em;}



.wt_teachercont h3 {
    font-size: 19px;
    font-size: 1.9rem;
    margin-bottom: 0.35em;
}

.wt_teachercont h4 {
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: .75em;
    overflow: hidden;
    height: 73px;
}

.wt_teachercont p {
    font-size: 15px;
    font-size: 1.5rem;
    overflow: hidden;
    height: 73px;
}

.wt_teachercont ul {
    padding: 0;
    margin: 0 0 0.3em;
}

.wt_teachercont li {
    color: #767676;
    font-size: 12px;
    font-size: 1.2rem;
    display: inline-block;
    margin-right: 0.3em;
    line-height: 0;
}

.wt_teachercont li::before {
    display: none;
}
.wt_lessonpoint {
    color: #767676;
    font-size: 13px;
    font-size: 1.3rem;
    line-height: 1.6;
}
.wt_lessonpoint strong{
    font-size: 22px;
    font-size: 2.2rem;
}

.wt_teachercont .flag-icon {
    box-shadow: 0 1px 3px rgb(0 0 0 / 10%);
}

.wt_teachercont .flag-icon {
    font-size: 20px;
    font-size: 2rem;
}

.wt_teachercont span {
    margin-left: 8px;
    font-size: 16px;
    font-size: 1.6rem;
    color: #454545;
}

.wt_teachercont li span.fas,
.wt_teachercont li span.fab {
    font-size: 20px;
    font-size: 2rem;
    margin-left: 0;
}

.wt_teachercont li .fa-blog {
    color: #f60;
}

.wt_teachercont li .fa-twitter {
    color: #55acee;
}

.wt_teachercont a.wt_teachlink {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent: -999px;
    z-index: 2;
}

.wt_teachercont .wt_vacant {
    display: inline-block;
    width: 28px;
    height: 28px;
    line-height: 28px;
    margin-left: 0;
    margin-right: .5em;
    text-align: center;
    border-radius: 5px;
    vertical-align: top;
}

@media(min-width:768px) {
    .wt_teachercont h3 {
        font-size: 20px;
        font-size: 2rem;
    }

    .wt_teachercont h4 {
        overflow: inherit;
        height: inherit;
    }

    .wt_teachercont p {
        font-size: 14px;
        font-size: 1.4rem;
        overflow: inherit;
        height: inherit;
    }
    .wt_lessonpoint {
        position: absolute;
        top:.7em;
        right: 2em;
    }
    .wt_lessonpoint strong{
        font-size: 24px;
        font-size: 2.4rem;
    }
}

@media(min-width:992px) {
    .wt_teachercont:hover {
        z-index: 500;
        box-shadow: 0 0 0 2px rgb(0 173 169 / 30%);
    }
    .wt_teachercont h3 {
        font-size: 22px;
        font-size: 2.2rem;
    }
}


.wt_teachersort {
    margin-left: -5px;
    margin-right: -5px;
}

.wt_teachersort .fas,
.wt_teachersort .far,
.wt_teachersort .fab {
    margin-right: 1em;
}

.wt_teachersort a {
    display: inline-block;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 700;
    text-align: center;
    border-bottom: 5px solid;
    padding: 1em 0 1em;
    display: block;
    position: relative;
}

.wt_teachersort a.active {
    z-index: 2;
    border-color: #0c88cc;
    color: #0c88cc;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .10);
}

.wt_teachersort a {
    z-index: 1;
    border-color: #ebebeb;
    color: #656565;
}

.wt_teachersort a:hover {
    z-index: 3;
    border-color: #656565;
    color: #434343;
    background: #f5f6f8;
    text-decoration: none;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .10);
}

@media(min-width:992px) {
    .wt_teachersort a {
        font-size: 14px;
        font-size: 1.4rem;
    }
}

.wt_teacherborder {
    border-bottom: 1px solid #ebebeb;
    padding: .4em;
}


.wt_teacherborder li {
    position: relative;
    z-index: 500;
    line-height: 0;
    font-size: 11px;
    margin-right: .3em;
}

.wt_teacherborder li div {
    font-size: 11px;
    line-height: 1.5;
}

.wt_teacherborder li img {
    width: 40px;
}

@media(min-width:992px) {
    .wt_teacherborder {
        padding: .7em;
    }

    .wt_teacherborder li img {
        width: 50px;
    }

}

.wt_teacherbox .wt_tag_1,
.wt_teacherbox .wt_tag_2 {
    display: inline-block;
    margin: 0.2rem 0.3em 0.3rem 0;
    position: relative;
    z-index: 1000;
}

.wt_tag_1 a,
.wt_tag_2 a {
    color: #fff;
    font-size: 12px;
    font-size: 1.2rem;
    border-radius: 25px;
    /*    padding: 1.2rem 1.5rem 1.2rem 4.5rem;*/
    padding: 1rem 1rem;
    font-weight: 400;
    display: block;
    line-height: 1.2;
    margin: .3rem 0;
}

.wt_tag_1 a {
    background: #51cbc6;
    padding-left:32px;
}

.wt_tag_2 a {
    background: #0c88cc;
}

.wt_tag_1 a:hover,
.wt_tag_2 a:hover {
    text-decoration: none;
    opacity: .8;
}

.wt_tag_1 .tag2 {
    background:#51cbc6 url(/assets/img/icon/icon_grammar.png) no-repeat left 7px top 7px;
    background-size: 20px 20px;
}
.wt_tag_1 .tag3 {
    background:#51cbc6 url(/assets/img/icon/icon_kids.png) no-repeat left 7px top 5px;
    background-size: 20px 20px;
}
.wt_tag_1 .tag4 {
    background:#51cbc6 url(/assets/img/icon/icon_toeic.png) no-repeat left 7px top 7px;
    background-size: 20px 20px;
}
.wt_tag_1 .tag6 {
    background:#51cbc6 url(/assets/img/icon/icon_daily.png) no-repeat left 7px top 7px;
    background-size: 20px 20px;
}
.wt_tag_1 .tag7 {
    background:#51cbc6 url(/assets/img/icon/icon_travel.png) no-repeat left 7px top 7px;
    background-size: 20px 20px;
}
.wt_tag_1 .tag13 {
    background:#51cbc6 url(/assets/img/icon/icon_writing.png) no-repeat left 7px top 7px;
    background-size: 20px 20px;
}
.wt_tag_1 .tag16 {
    background:#51cbc6 url(/assets/img/icon/icon_eiken.png) no-repeat left 7px top 7px;
    background-size: 20px 20px;
}
.wt_tag_1 .tag40 {
    background:#74d364 url(/assets/img/icon/icon_side.png) no-repeat left 7px top 7px;
    background-size: 20px 20px;
}
.wt_tag_1 .tag41 {
    background:#74d364 url(/assets/img/icon/icon_giu.png) no-repeat left 7px top 7px;
    background-size: 20px 20px;
}
.wt_tag_1 .tag42 {
    background:#74d364 url(/assets/img/icon/icon_lets.png) no-repeat left 7px top 7px;
    background-size: 20px 20px;
}

.wt_icotag {}

/*.wt_tag_1 .wt_icotag_1{
  background: #0c88cc url(/assets/img/instructor/ico_pronun.svg) no-repeat left 10px center;
  background-size:30px 30px;
}
.wt_tag_1 .wt_icotag_7{
  background: #0c88cc url(/assets/img/instructor/ico_travel2.svg) no-repeat left 10px center;
  background-size:30px 30px;
}*/

.wt_tag_1 .wt_icotag_40 {
    background: #53b424;
}
.wt_teacher_btn{
    position: relative;
    z-index: 500;
}
.wt_teacher_btn li{
    height:inherit;
}
.wt_teacher_btn li a{
    border:1px solid #ebebeb;
    border-radius:50px;
    padding: 1rem 1rem 1rem 32px;
}

@media(min-width:992px) {
    .wt_teachersort li {
        font-size: 16px;
        font-size: 1.6rem;
    }

    .wt_tag_1 a,
    .wt_tag_2 a {
        padding: 1.2rem 1.5rem;
    }

    .wt_tag_1 a {
        background: #51cbc6;
        padding-left:37px;
    }
    .wt_tag_1 .tag2 {
        background:#51cbc6 url(/assets/img/icon/icon_grammar.png) no-repeat left 10px top 7px;
        background-size: 25px 25px;
    }
    .wt_tag_1 .tag3 {
        background:#51cbc6 url(/assets/img/icon/icon_kids.png) no-repeat left 10px top 5px;
        background-size: 25px 25px;
    }
    .wt_tag_1 .tag4 {
        background:#51cbc6 url(/assets/img/icon/icon_toeic.png) no-repeat left 10px top 7px;
        background-size: 25px 25px;
    }
    .wt_tag_1 .tag6 {
        background:#51cbc6 url(/assets/img/icon/icon_daily.png) no-repeat left 10px top 7px;
        background-size: 25px 25px;
    }
    .wt_tag_1 .tag7 {
        background:#51cbc6 url(/assets/img/icon/icon_travel.png) no-repeat left 10px top 7px;
        background-size: 25px 25px;
    }
    .wt_tag_1 .tag13 {
        background:#51cbc6 url(/assets/img/icon/icon_writing.png) no-repeat left 10px top 7px;
        background-size: 25px 25px;
    }
    .wt_tag_1 .tag16 {
        background:#51cbc6 url(/assets/img/icon/icon_eiken.png) no-repeat left 10px top 7px;
        background-size: 25px 25px;
    }
    .wt_tag_1 .tag40 {
        background:#74d364 url(/assets/img/icon/icon_side.png) no-repeat left 10px top 7px;
        background-size: 25px 25px;
    }
    .wt_tag_1 .tag41 {
        background:#74d364 url(/assets/img/icon/icon_giu.png) no-repeat left 10px top 7px;
        background-size: 25px 25px;
    }
    .wt_tag_1 .tag42 {
        background:#74d364 url(/assets/img/icon/icon_lets.png) no-repeat left 10px top 7px;
        background-size: 25px 25px;
    }
}

.fav_set {
    position: relative;
    display: inline-block;
    text-align: center;
    font-size: 13px;
    font-size: 1.3rem;
    width: 100%;
    margin: 10px 0 0;
    border-radius: 4px;
    z-index: 300;
}

.fav_set.favoff:before {
    font-family: FontAwesome;
    content: '\f006';
    color: #fbc344;
    margin-right: 5px;
}

.fav_set.favoff:hover:before,
.fav_set.favoff:active:before {
    color: #fff;
}

.fav_set.favon:before {
    font-family: FontAwesome;
    content: '\f00c';
    margin-right: 5px;
}

.fav_set,
.fav_set:link,
.fav_set:visited {
    border: 1px solid #e0e0e0;
    color: #666;
    background: #fff;
    text-decoration: none;
}

.fav_set:hover,
.fav_set:active {
    border: 1px solid #fbc344;
    color: #fff;
    background: #fbc344;
    opacity: .8;
    text-decoration: none;
}

.fav_set.favon,
.fav_set.favon:link,
.fav_set.favon:visited {
    border: 1px solid #fbc344;
    color: #fff;
    background: #fbc344;
}

.sch_set {
    position: relative;
    display: inline-block;
    text-align: center;
    font-size: 13px;
    font-size: 1.3rem;
    width: 100%;
    margin: 10px 0 0;
    border-radius: 4px;
    z-index: 300;
}

.sch_set:before {
    font-family: FontAwesome;
    content: '\f073';
    margin-right: 5px;
    color: #5ed350;
}

.sch_set,
.sch_set:link,
.sch_set:visited {
    border: 1px solid #e0e0e0;
    color: #666;
    background: #fff;
    text-decoration: none;
}

.sch_set:hover,
.sch_set:active {
    border: 1px solid #5ed350;
    color: #fff;
    background: #5ed350;
    opacity: .8;
    text-decoration: none;
}

.sch_set:hover:before,
.sch_set:hover:active {
    color: #fff;
}

.aud_set {
    position: relative;
    display: inline-block;
    text-align: center;
    font-size: 13px;
    font-size: 1.3rem;
    width: 100%;
    margin: 10px 0 0;
    border-radius: 4px;
    z-index: 300;
}

.aud_set:before {
    font-family: FontAwesome;
    content: '\f130';
    margin-right: 5px;
    color: #3158a8;
}

.aud_set,
.aud_set:link,
.aud_set:visited {
    border: 1px solid #e0e0e0;
    color: #666;
    background: #fff;
    text-decoration: none;
}

.aud_set:hover,
.aud_set:active {
    border: 1px solid #3158a8;
    color: #fff;
    background: #3158a8;
    opacity: .8;
    text-decoration: none;
}

.aud_set:hover:before,
.aud_set:hover:active {
    color: #fff;
}




/*=========================================================
Teacher
=========================================================*/

.wt_meminfo {
    padding: 0;
    margin-bottom: 0
}

.wt_meminfo li {
    display: inline-block;
    margin-right: 15px;
    font-size: 14px;
    font-size: 1.4rem;
    color: #666;
}

.wt_meminfo li span {
    font-size: 22px;
    font-size: 2.2rem;
    margin-left: 10px;
    font-weight: 700;
}

.wt_meminfo li .flag-icon {
    padding-top: 1em;
    height: 0;
    overflow: hidden;
    vertical-align: sub;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
}

.wt_meminfodet {
    list-style: none;
    padding: 15px 15px 0 0
}

.wt_meminfodet li {
    font-size: 14px;
    font-size: 1.4rem;
    color: #666;
}

.wt_meminfodet li span {
    font-size: 20px;
    font-size: 2rem;
    margin-left: 10px;
    font-weight: 700;
}

.wt_meminfodet li .flag-icon {
    box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
}

/*=========================================================
Teacher
=========================================================*/

input[name="wt_tab_item"] {
    display: none;
}

.wt_tab_item {
    cursor: pointer;
    font-weight: 600;
    text-align: center;
    padding: 1.5rem;
    margin: 0;
    background: #fff;
    border-bottom: 5px solid #ebebeb;
    color: #767676;
    position: relative;
    transition: all 200ms ease-out;
    -webkit-transition: all 200ms ease-out;
}

.wt_tab_item:hover {
    background: #f5f5f5;
}

.wt_tab_item span {
    margin-right: .7rem;
    font-size: 24px;
    font-size: 2.4rem;
    vertical-align: -.2rem;
}

.wt_tab_content {
    display: none;
    transition: all 200ms ease-out;
    -webkit-transition: all 200ms ease-out;
}

@keyframes show {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

#tab_profile:checked~#wt_profile_content,
#tab_voice:checked~#wt_voice_content,
#tab_schedule:checked~#wt_schedule_content,
#tab_course:checked~#wt_course_content {
    display: block;
    animation: show .3s linear 0s;
}

#tab_profile:checked+.wt_tab_item,
#tab_voice:checked+.wt_tab_item,
#tab_schedule:checked+.wt_tab_item,
#tab_course:checked+.wt_tab_item {
    color: #0c88cc;
    border-bottom: 5px solid #0c88cc;
    box-shadow: 0 3px 6px rgb(0 0 0 / 10%);
    z-index: 1;
}

.wt_profile_cont {
    font-size: 14px;
    font-size: 1.4rem;
    word-break: break-all !important;
    white-space: normal !important;
    word-wrap: break-word !important;
}



@media(min-width:992px) {
    .wt_profile_cont {
        padding: 1rem 3rem 3rem 3rem;
        font-size: 15px;
        font-size: 1.5rem;
    }
}


/*=========================================================
Pagination -
=========================================================*/
.wt_pagination {
    padding: 0;
    margin: 2rem 0;
}

.wt_pagination li {
    display: inline-block;
}

.wt_pagination .page-link {
    line-height: 2.1rem;
    text-align: center;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 600;
    color: #0c88cc;
    background-color: transparent;
    border: none;
}

.wt_pagination a.page-link:hover {
    color: #34495e;
    text-decoration: none;
}

.wt_pagination a.page-link::after {
    position: absolute;
    left: 0;
    content: '';
    width: 100%;
    height: 1px;
    background: #34495e;
    bottom: -1px;
    transform: scale(0, 1);
    transform-origin: left top;
    transition: transform 0.3s;
}

a.page-link:hover::after {
    transform: scale(1, 1);
}

.wt_pagination .page-item.active .page-link {
    width: 3rem;
    height: 3rem;
    z-index: 1;
    color: #fff;
    background-color: #0c88cc;
    border-color: #0c88cc;
    border-radius: 50%;
}


.wt_pagination .page-item.disabled .page-link {
    border: none;
    background: none;
    color: #545454;
}



/*=========================================================
event
=========================================================*/

.wt_event10th {
    background: url(/assets/img/event/10th/bg_10th.png) repeat center top;
    background-size: contain;
}

.wt_event10th2 {
    background: url(/assets/img/event/10th/bg_10th2.png) repeat center top;
    background-size: contain;
    background-color: #5fccff;
}

.wt_event10th3 {
    background: url(/assets/img/event/10th/bg_10th3.png) repeat center top;
    background-size: contain;
    background-color: #fdebd0;
}

.wt_event5th {
    background: url(/assets/img/event/5th/bg_5th.png) no-repeat center top;
    background-size: auto;
}

.wt_event5th section.mainvis h1 {
    font-family: 'Dancing Script', cursive;
    text-shadow: 0 2px 4px rgba(0, 0, 0, .15);
    font-weight: 400;
}

.wt_event5th section.mainvis h3 {
    font-family: 'Dancing Script', cursive;
    text-shadow: 0 2px 4px rgba(0, 0, 0, .15);
    font-weight: 400;
}

.wt_event5th section .item h3 {
    color: #F76363;
}

.wt_event5th section .item h3 strong {
    font-family: 'Dancing Script', cursive;
    font-size: 56px;
    font-weight: 400;
}

@media (min-width:992px) {
    .wt_event5th section.mainvis h1 {
        font-size: 72px;
    }
}

.wt_googleform-wrapper {
    position: relative;
    width: 100%;
    height: 1500px;
    overflow-y: auto;
}

.wt_googleform-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.wt_promo2021 {
    background: url(/assets/img/event/2021promo/bg_2021promo.png) repeat center center;
    background-size: auto;
}

.wt_p_promo2021 {
    background: url(/assets/img/event/2021promo/bg_top_2021promo.png) no-repeat center top;
    background-size: auto;
}

.wt_promo2021 .mainvisal {
    height: 370px;
}

@media (max-width:991px) {
    .wt_p_promo2021 {
        background-size: 1200px auto;
    }

    .wt_promo2021 .mainvisal {
        height: 220px;
    }
}

.wt_promo2021 .f-box::before {
    position: absolute;
    background: #e60012;
    color: #fff;
    display: block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 50%;
    text-align: center;
    font-size: 24px;
    left: 50%;
    margin-left: -25px;
    top: -25px;
}

.wt_promo2021 .f-box1::before {
    content: "1";
}

.wt_promo2021 .f-box2::before {
    content: "2";
}

.wt_promo2021 .f-box3::before {
    content: "3";
}

.wt_promo2021 .f-box4::before {
    content: "4";
}

.wt_cam_eikentoeic .f-box::before {
    position: absolute;
    background: #0c88cc;
    color: #fff;
    display: block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 50%;
    text-align: center;
    font-size: 24px;
    left: 0%;
    margin-left: -25px;
    top: -25px;
}

.wt_cam_eikentoeic .f-box1::before {
    content: "1";
}

.wt_cam_eikentoeic .f-box2::before {
    content: "2";
}

.wt_cam_eikentoeic .f-box3::before {
    content: "3";
}

/*=========================================================
eikenspecial/toeicspecial/eikensubimt/toeicsubmit
=========================================================*/

.wt_eikenspecial {
    background: url(/assets/img/event/eikenspecial/bg_eikenspecial.png) repeat center top;
    background-size: contain;
    background-color: #f8e8a6;
}

.wt_toeicspecial {
    background: url(/assets/img/event/toeicspecial/bg_toeicspecial.png) repeat center top;
    background-size: contain;
    background-color: #eeeeee;
}

.wt_white_circle {
    background: #fff;
    border-radius: 50%;
}

.wt_white_circle {
    width: 130px;
    height: 130px;
    margin: 0 auto;
}

.wt_white_circle h4 {
    font-size: 1.2rem;
}

@media (min-width:767px) {
    .wt_white_circle {
        width: 160px;
        height: 160px;
    }
}

@media (max-width:576px) {
    .wt_white_circle {
        width: 100px;
        height: 100px;
        margin: 0 auto;
    }

    .wt_white_circle h4 {
        font-size: 1.1rem;
    }
}

.wt_eikensp_prf .wt_cont {
    padding: 2em 1.5em;
    background: #f5f5f5;
}

.wt_eikensp_prf .wt_cont p {
    font-size: 1.5rem;
}

.wt_eikensp_prf_sec .balloon-left:before {
    content: "";
    position: absolute;
    top: 100px;
    left: -40px;
    border: 30px solid transparent;
    border-right: 30px solid #fff;
}

@media (max-width:991px) {
    .wt_eikensp_prf_sec .balloon-left:before {
        top: 50px;
        left: -5px;
        border: 10px solid transparent;
        border-right: 10px solid #fff;
    }
}

@media (max-width:575px) {
    .wt_eikensp_prf_sec .balloon-left {
        padding-right: 20px;
        padding-left: 20px;
    }

    .wt_eikensp_prf_sec .balloon-left .wt_btn_sm {
        font-size: 1.4rem;
        min-width: 20rem;
    }
}

.wt_eikensp_ttl h3.text-formal {
    line-height: 1.7em;
}

.eiken_prev img,
.eiken_next img {
    width: 60px;
    height: 60px;
    margin-top: -1px;
}

.eiken_prev img {
    border-radius: 2px 0 0 2px;
    margin-right: 2em;
}

.eiken_next img {
    border-radius: 0 2px 2px 0;
    margin-left: 2em;
}

.eiken_prev:link,
.eiken_next:link,
.eiken_prev:visited,
.eiken_next:visited {
    box-shadow: 0px 1px 3px rgb(0 0 0 / 18%);
    border-radius: 2px;
    background: #fff;
    height: 60px;
    line-height: 60px;
    display: block;
    margin-bottom: .5em;
    color: #676767;
    font-size: 14px;
    position: relative;
}

.eiken_prev:before {
    font-family: "FontAwesome";
    content: "\f060";
    color: #ababab;
    position: absolute;
    top: auto;
    bottom: auto;
    right: 1em;
}

.eiken_next:before {
    font-family: "FontAwesome";
    content: "\f061";
    color: #ababab;
    position: absolute;
    top: auto;
    bottom: auto;
    left: 1em;
}

.eiken_prev:hover,
.eiken_next:hover {
    text-decoration: none;
    opacity: .9;
    box-shadow: 0px 5px 3px rgb(0 0 0 / 18%);
}

.eiken_prev {
    text-align: left;
}

.eiken_next {
    text-align: right;

}

/*=========================================================
bestteacher_rslt
=========================================================*/

.wt_bestteacher_rslt .mainvis {
    background: url(/img/bestrslt/bg_main.jpg) repeat center top;
    background-size: cover;
}

.wt_bestteacher_rslt .mainvis .subttl h3 {
    text-align: left;
    font-family: serif;
    margin: 0;
    position: relative;
    left: 5%;
    top: 13%;
    color: #DA8E00;
    background: -webkit-linear-gradient(-90deg, #8a6726, #e8c000, #8a6726);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.wt_bestteacher_rslt .mainvis h1 span.gold {
    ;
    color: #ffc527;
}

.wt_bestteacher_rslt .mainvis h1 span.silver {
    ;
    color: #9f9f9f;
}

.wt_bestteacher_rslt .mainvis h1 strong {
    font-size: 130%;
}

.wt_bestteacher_rslt .mainvis h1.chousei {
    margin-top: -0.4em;
}

.wt_bestteacher_rslt p.info strong {
    font-size: 160%;
}

/*=========================================================
sukima
=========================================================*/
.wt_sukimaeigolp .bgltblue {
    background: #99ebf7;
}

.wt_sukimaeigolp .mainvis {
    background: url("/assets/img/sukima/mainvis.jpg") no-repeat center center;
    background-size: cover;
    margin: 0 calc(50% - 50vw);
    width: 100vw;
}

.wt_sukimaeigolp .mainvis h3 {
    letter-spacing: 0.1em;
    height: 0;
}

.wt_sukimaeigolp .top_text {
    height: 0;
}

.wt_sukimaeigolp .top_text .btn {
    color: #27b9cd;
}

.wt_sukimaeigolp .btn-light:hover {
    color: #fff;
}

.wt_sukimaeigolp .mainvis {
    height: 350px;
}

.wt_sukimaeigolp .mainvis .toplogo {
    width: 300px;
    position: relative;
    bottom: 30px;
}

.wt_sukimaeigolp .mainvis h3 {
    position: relative;
    top: 20px;
    z-index: 100;
}

.wt_sukimaeigolp .top_text {
    position: relative;
    bottom: 130px;
}

@media (min-width:767px) {
    .wt_sukimaeigolp .mainvis {
        height: 550px;
    }

    .wt_sukimaeigolp .mainvis .toplogo {
        width: 500px;
        bottom: 0px;
    }

    .wt_sukimaeigolp .mainvis h3 {
        top: 80px;
    }

    .wt_sukimaeigolp .top_text {
        bottom: 160px;
    }
}

@media (min-width:992px) {
    .wt_sukimaeigolp .mainvis {
        height: 800px;
    }

    .wt_sukimaeigolp .mainvis .toplogo {
        width: 636px;
        bottom: 0px;
    }

    .wt_sukimaeigolp .mainvis h3 {
        top: 105px;
    }

    .wt_sukimaeigolp .top_text {
        bottom: 190px;
    }
}

@media (max-width:767px) {
    .wt_sukimaeigolp .mainvis .catch {
        position: relative;
        bottom: 10px;
    }

    .wt_sukimaeigolp .mainvis h3 {
        font-size: 110%;
    }

    .wt_sukimaeigolp .top_text h4 {
        font-size: 85%;
    }
}

.wt_sukimaeigolp .about h4 {
    line-height: 2;
}

.wt_sukimaeigolp .about h4 span {
    font-size: 130%;
}

@media (min-width:992px) {
    .wt_sukimaeigolp .theme_01 {
        background: url("/assets/img/sukima/bg_theme_01.png") no-repeat center center;
        background-size: contain;
        min-height: 580px;
    }
}

@media (min-width:1200px) {
    .wt_sukimaeigolp .theme_01 {
        min-height: 665px;
    }
}

@media (max-width:991px) {
    .wt_sukimaeigolp .theme_01 {
        max-width: 510px;
        margin-right: auto;
        margin-left: auto;
        background-size: cover;
    }
}

@media (max-width:991px) {
    .wt_sukimaeigolp .theme_01 {
        background-color: #fff;
        border-radius: 56% 70% 70% 55%/50% 65% 60% 65%;
        z-index: 2;
    }

    .wt_sukimaeigolp .theme_01:before {
        position: absolute;
        top: 0.7rem;
        left: 0.7rem;
        width: 100%;
        height: 100%;
        content: '';
        z-index: 1;
        border-radius: 56% 70% 70% 55%/50% 65% 60% 65%;
        border: 2px solid #000;
        z-index: 2;
    }
}

@media (min-width:992px) {
    .wt_sukimaeigolp .theme_02 {
        background: url("/assets/img/sukima/bg_theme_02.png") no-repeat center center;
        background-size: contain;
        min-height: 500px;
        max-height: 500px;
    }
}

@media (min-width:1200px) {
    .wt_sukimaeigolp .theme_02 {
        min-height: 560px;
        max-height: 560px;
    }
}

@media (max-width:991px) {
    .wt_sukimaeigolp .theme_02 {
        max-width: 530px;
        margin-right: auto;
        margin-left: auto;
        background-size: cover;
    }
}

@media (max-width:991px) {
    .wt_sukimaeigolp .theme_02 {
        background-color: #fff;
        border-radius: 58% 75% 70% 65%/60% 65% 70% 65%;
        ;
        z-index: 2;
    }

    .wt_sukimaeigolp .theme_02:before {
        position: absolute;
        top: 0.7rem;
        right: 0.7rem;
        width: 100%;
        height: 100%;
        content: '';
        z-index: 1;
        border-radius: 58% 75% 70% 65%/60% 65% 70% 65%;
        ;
        border: 2px solid #000;
        z-index: 2;
    }
}

.wt_sukimaeigolp .theme_img {
    max-width: 511px;
    margin-right: auto;
    margin-left: auto;
}

.wt_sukimaeigolp .theme_box {
    position: relative;
    z-index: 3;
}

.wt_sukimaeigolp .theme_box h3 {}

/*=========================================================
apply
=========================================================*/

.wt_apply_main {
    background: url(/assets/img/apply/mainvis.jpg) no-repeat center center;
    background-size: cover;
    position: relative;
}

.wt_apply_main_forkids {
    background: url(/assets/img/apply/mainvis_kids.jpg) no-repeat center center;
    background-size: cover;
    position: relative;
}

.wt_apply_main_forstudent {
    background: url(/assets/img/apply/mainvis_student.jpg) no-repeat center center;
    background-size: cover;
    position: relative;
}

.wt_apply_main_fortoeic {
    background: url(/assets/img/apply/mainvis_toeic.jpg) no-repeat center center;
    background-size: cover;
    position: relative;
}

.wt_apply_main_foreiken {
    background: url(/assets/img/apply/mainvis_eiken.jpg) no-repeat center center;
    background-size: cover;
    position: relative;
}

.wt_apply_main_forpronunciation {
    background: url(/assets/img/apply/mainvis_pronunciation.jpg) no-repeat center center;
    background-size: cover;
    position: relative;
}

.wt_apply_main_forbiz {
    background: url(/assets/img/apply/mainvis_business.jpg) no-repeat center center;
    background-size: cover;
    position: relative;
}

.wt_apply_main_staff {
    background: url(/assets/img/apply/mainvis_staff.jpg) no-repeat center top;
    background-size: cover;
    position: relative;
}

.wt_circle_width {
    width: 35%;
    background: #0c88cc;
    border-radius: 50%;
    margin: 0 auto 1em;
}

.wt_circle_height {
    position: relative;
    padding-top: 100%;
    height: 0;
}

.wt_circle_height p {
    position: absolute;
    top: calc((100% - 1em)/2);
    left: 0;
    right: 0;
    margin: 0;
    text-align: center;
    line-height: 1;
    font-weight: bold;
    color: #fff;
}

@media(min-width:768px) {

    .wt_apply_main,
    .wt_apply_main_forkids,
    .wt_apply_main_forstudent,
    .wt_apply_main_fortoeic,
    .wt_apply_main_foreiken,
    .wt_apply_main_forpronunciation,
    .wt_apply_main_forbiz {
        padding: 90px 0 90px 0;
    }
}

.wt_applyform {
    margin-top: -80px;
    padding-top: 80px;
}

/*=========================================================
faq-pop - FAQPOP
=========================================================*/

.wt_faq-pop {
    position: fixed;
    z-index: 99999;
    right: 0;
    bottom: 0;
    border-top-left-radius: 12px;
    box-shadow: 0 0 16px 2px rgba(0, 0, 0, .2);
    text-align: center;
    white-space: nowrap;
    transform: translate3d(0, 0, 2px);
    margin-bottom: -300px;
    transition-duration: .5s;
}


/* 汎用設定 */

.wt_faq-pop p {
    margin: 0;
    padding: 0;
    cursor: default;
    line-height: 32px;
    font-size: 13px;
}

.wt_faq-pop ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.wt_faq-pop li {
    padding: 4px 8px;
    background-color: #f2f2f2;
    color: #0c88cc;
}

.wt_faq-pop .fa-check {
    float: left;
    margin: 0;
    line-height: 40px;
    color: inherit;
}


/* 詳細設定 */

.wt_faq-pop .wt_faq-list-wrap {
    position: relative;
    padding: 4px 0;
    width: 250px;
    background-color: #f2f2f2;
    transition-duration: .5s;
}

.wt_faq-pop h2 {
    position: relative;
    border-top-left-radius: 12px;
    padding: 0;
    padding-right: 50px;
    line-height: 33px;
    height: 33px;
    background-color: #0c88cc;
    color: #fff;
    font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "Helvetica Neue", Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", Arial, sans-serif;
    font-size: 14px;
    font-weight: 500;
    transition-duration: .5s;
    cursor: pointer;
}

.wt_faq-pop h2 .fa-times {
    opacity: 0;
    position: absolute;
    z-index: 0;
    left: 12px;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 1em;
    color: #fff;
    font-size: 18px;
    transition-duration: .5s;
}

.wt_faq-pop.active h2 .fa-times {
    opacity: 1;
}

.wt_faq-pop.active h2 {
    padding-right: 0;
}

.wt_faq-pop h2 {
    font-family: 'Quicksand', sans-serif;
    font-size: 15px;
    margin-bottom: 0;
}

.wt_faq-pop h2 img {
    position: absolute;
    z-index: 1;
    right: 0;
    bottom: 0;
    border-radius: 50%;
    padding: 4px;
    width: 50px;
    height: 50px;
    background-color: #0c88cc;
}

.wt_faq-pop .first-q:before {
    content: "\f00c";
    font-family: FontAwesome;
    float: left;
    margin: 0;
    line-height: 40px;
    color: inherit;
}

.wt_faq-pop .first-q,
.wt_faq-pop a {
    display: block;
    padding-left: 8px;
    padding-right: 26px;
    line-height: 44px;
    background-color: #fff;
    color: #0c88cc;
    font-size: 16px;
    cursor: pointer;
}

.wt_faq-pop .first-q:hover,
.wt_faq-pop a:hover {
    text-decoration: none;
    opacity: .7;
}

.wt_faq-pop.active {
    margin-bottom: 0;
}

.wt_faq-pop.active .wt_faq-list-wrap {
    width: 350px;
}

.wt_faq-pop .wt_faq-list ul {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 100%;
    width: 100%;
    font-size: 14px;
    transition-duration: .5s;
}

.wt_faq-pop .wt_faq-list ul.active {
    left: 0;
}

.wt_faq-pop .wt_faq-list ul a {
    font-size: 15px;
    padding: 0;
}

.wt_faq-pop .back {
    padding: 0;
    padding-top: 4px;
    color: #0c88cc;
    line-height: 32px;
    cursor: pointer;
}

.wt_faq-pop .back:before {
    content: "\f060";
    font-family: FontAwesome;
    margin-right: .5em;
}

.wt_faq-pop .back:hover {
    background-color: #ddd;
}

@media screen and (max-width: 480px) {
    .wt_faq-pop .wt_faq-list-wrap {
        width: 150px
    }

    .worldtalk {
        display: none
    }

    .wt_faq-pop h2 {
        font-size: 13px;
    }

    .wt_faq-pop .first-q,
    .wt_faq-pop a {
        font-size: 14px;
    }

    .wt_faq-pop .wt_faq-list ul a {
        font-size: 13px;
    }

    .wt_faq-pop.active .wt_faq-list-wrap {
        width: 300px;
    }

    .wt_faq-pop p {
        font-size: 11px;
    }

    .wt_faq-pop .first-q,
    .wt_faq-pop a {
        line-height: 36px;
    }

    .wt_faq-pop {
        margin-bottom: -260px;
    }
}


/*=========================================================
eiken
=========================================================*/
.wt_h4_eiken {
    background: #0c88cc;
    color: #fff;
    padding: 1rem;
    border-radius: 10px 10px 0 0;
    margin-bottom: 0;
}

.wt_tb_eiken tr:last-child th {
    border-bottom-left-radius: 10px;

}

.wt_tb_eiken tr:last-child td {
    border-bottom-right-radius: 10px;
}

.wt_tb_eiken td,
.wt_tb_eiken th {
    background: #fff;
    font-size: 13px;
    font-size: 1.3rem;
}

/*=========================================================
feed
=========================================================*/
#wt_feed h3 {
    font-size: 1.7rem;
    margin: 15px 20px;
    margin-bottom: 0.5em;
    line-height: 1.6;
    font-weight: 500;
    height: 81.56px;
    overflow: hidden;
}

#wt_feed p {
    font-size: 1.4rem;
    margin-bottom: 0;
}

#wt_feed .wt_feed_date {
    font-size: 1.2rem;
    color: #888;
    margin: 15px;
    text-align: right;
}

.wt_feed_colcont {
    position: relative;
    margin-bottom: 1.5em;
    margin-right: -3px;
    margin-left: -3px;
    border-radius: 2px;
    background: #fff;
    -webkit-box-shadow: 0px 1px 3px rgb(0 0 0 / 18%);
    box-shadow: 0px 1px 3px rgb(0 0 0 / 18%);
    transition: all 300ms ease-out;
    -webkit-transition: all 300ms ease-out;
}

.wt_feed_colcont:hover {
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
    -webkit-box-shadow: 0px 3px 18px 3px rgb(0 0 0 / 8%);
    box-shadow: 0px 3px 18px 3px rgb(0 0 0 / 8%);
}

#wt_feed a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent: -999px;
    z-index: 2;
}

#wt_feed .wt_feed_colcont img {
    width: 100%;
    height: auto;
    transition: all 300ms ease-out;
    -webkit-transition: all 300ms ease-out;
}

.wt_feed_imgcont {
    overflow: hidden;
    padding: 0;
}

.align-middle {
    display: flex;
    justify-content: center;
    align-items: center;
}

/*=========================================================
accordion
=========================================================*/
.wt_acco_text_wrapper {
    position: relative;
    margin-bottom: 45px;
}

.wt_acco_text {
    height: 600px;
    overflow: hidden;
    padding-top: 55px
}

.wt_acco_show_more,
.wt_acco_show_more2 {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    text-align: center;
    font-size: 14px;
    font-size: 1.4rem;
    cursor: pointer;
    font-weight: bold;
    color: #0c88cc;
    border: 1px solid #0c88cc;
    border-radius: 6px;
    background: #fff;
    height: 50px;
    line-height: 50px;
    box-shadow: 0 3px 6px rgb(0 0 0 / 10%);
    transition: all 200ms ease-out;
    -webkit-transition: all 200ms ease-out;
    z-index: 5;
}

.wt_acco_show_more:hover {
    background: #0c88cc;
    color: #fff;
}

.wt_acco_show_more:after {
    content: "";
    position: absolute;
    bottom: 49px;
    left: 0px;
    width: 100%;
    height: 30px;
    padding-top: 100px;
    text-align: center;
    line-height: 30px;
    background: linear-gradient(180deg,
            rgb(255, 255, 255, 0) 0%,
            rgb(255, 255, 255, 1) 70%);
}

.wt_acco_active {
    bottom: -30px;
}

.wt_acco_show_more.wt_acco_active:after {
    opacity: 0;
}

/*=========================================================
bordbox
=========================================================*/
.bordbox {
    background: #fff;
    border-left: 1px solid #ebebeb;
    border-top: 1px solid #ebebeb;
    padding: 2em;
}

.bordbox-r {
    border-right: 1px solid #ebebeb;
}

.bordbox-b {
    border-bottom: 1px solid #ebebeb;
}

.bordbox-r-lt {
    border-radius: 30px 0 0 0;
}

.bordbox-r-rt {
    border-radius: 0 30px 0 0;
}

.bordbox-r-lb {
    border-radius: 0 0 0 30px;
}

.bordbox-r-rb {
    border-radius: 0 0 30px 0;
}

.bordbox-r-rtb {
    border-radius: 0 30px 30px 0;
}

.bordbox-r-ltb {
    border-radius: 30px 0 0 30px;
}


.bordbox h4,
.bordbox p {
    color: rgb(69, 69, 69);
}

.bordbox h4 {
    margin-bottom: .7em;
    font-size: 16px;
    font-size: 1.6rem;
}

.bordbox p {
    margin-bottom: 0;
    font-size: 14px;
    font-size: 1.4rem;
}


/*=========================================================
flag-icon
=========================================================*/

.flag-icon,
.flag-icon-background {
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
}

.flag-icon {
    position: relative;
    display: inline-block;
    width: 1.33333333em;
    line-height: 1em
}

.flag-icon:before {
    content: "\00a0"
}

.flag-icon.flag-icon-squared {
    width: 1em
}

.flag-icon-ad {
    background-image: url(../img/flags/4x3/ad.svg)
}

.flag-icon-ad.flag-icon-squared {
    background-image: url(../img/flags/1x1/ad.svg)
}

.flag-icon-ae {
    background-image: url(../img/flags/4x3/ae.svg)
}

.flag-icon-ae.flag-icon-squared {
    background-image: url(../img/flags/1x1/ae.svg)
}

.flag-icon-af {
    background-image: url(../img/flags/4x3/af.svg)
}

.flag-icon-af.flag-icon-squared {
    background-image: url(../img/flags/1x1/af.svg)
}

.flag-icon-ag {
    background-image: url(../img/flags/4x3/ag.svg)
}

.flag-icon-ag.flag-icon-squared {
    background-image: url(../img/flags/1x1/ag.svg)
}

.flag-icon-ai {
    background-image: url(../img/flags/4x3/ai.svg)
}

.flag-icon-ai.flag-icon-squared {
    background-image: url(../img/flags/1x1/ai.svg)
}

.flag-icon-al {
    background-image: url(../img/flags/4x3/al.svg)
}

.flag-icon-al.flag-icon-squared {
    background-image: url(../img/flags/1x1/al.svg)
}

.flag-icon-am {
    background-image: url(../img/flags/4x3/am.svg)
}

.flag-icon-am.flag-icon-squared {
    background-image: url(../img/flags/1x1/am.svg)
}

.flag-icon-ao {
    background-image: url(../img/flags/4x3/ao.svg)
}

.flag-icon-ao.flag-icon-squared {
    background-image: url(../img/flags/1x1/ao.svg)
}

.flag-icon-aq {
    background-image: url(../img/flags/4x3/aq.svg)
}

.flag-icon-aq.flag-icon-squared {
    background-image: url(../img/flags/1x1/aq.svg)
}

.flag-icon-ar {
    background-image: url(../img/flags/4x3/ar.svg)
}

.flag-icon-ar.flag-icon-squared {
    background-image: url(../img/flags/1x1/ar.svg)
}

.flag-icon-as {
    background-image: url(../img/flags/4x3/as.svg)
}

.flag-icon-as.flag-icon-squared {
    background-image: url(../img/flags/1x1/as.svg)
}

.flag-icon-at {
    background-image: url(../img/flags/4x3/at.svg)
}

.flag-icon-at.flag-icon-squared {
    background-image: url(../img/flags/1x1/at.svg)
}

.flag-icon-au {
    background-image: url(../img/flags/4x3/au.svg)
}

.flag-icon-au.flag-icon-squared {
    background-image: url(../img/flags/1x1/au.svg)
}

.flag-icon-aw {
    background-image: url(../img/flags/4x3/aw.svg)
}

.flag-icon-aw.flag-icon-squared {
    background-image: url(../img/flags/1x1/aw.svg)
}

.flag-icon-ax {
    background-image: url(../img/flags/4x3/ax.svg)
}

.flag-icon-ax.flag-icon-squared {
    background-image: url(../img/flags/1x1/ax.svg)
}

.flag-icon-az {
    background-image: url(../img/flags/4x3/az.svg)
}

.flag-icon-az.flag-icon-squared {
    background-image: url(../img/flags/1x1/az.svg)
}

.flag-icon-ba {
    background-image: url(../img/flags/4x3/ba.svg)
}

.flag-icon-ba.flag-icon-squared {
    background-image: url(../img/flags/1x1/ba.svg)
}

.flag-icon-bb {
    background-image: url(../img/flags/4x3/bb.svg)
}

.flag-icon-bb.flag-icon-squared {
    background-image: url(../img/flags/1x1/bb.svg)
}

.flag-icon-bd {
    background-image: url(../img/flags/4x3/bd.svg)
}

.flag-icon-bd.flag-icon-squared {
    background-image: url(../img/flags/1x1/bd.svg)
}

.flag-icon-be {
    background-image: url(../img/flags/4x3/be.svg)
}

.flag-icon-be.flag-icon-squared {
    background-image: url(../img/flags/1x1/be.svg)
}

.flag-icon-bf {
    background-image: url(../img/flags/4x3/bf.svg)
}

.flag-icon-bf.flag-icon-squared {
    background-image: url(../img/flags/1x1/bf.svg)
}

.flag-icon-bg {
    background-image: url(../img/flags/4x3/bg.svg)
}

.flag-icon-bg.flag-icon-squared {
    background-image: url(../img/flags/1x1/bg.svg)
}

.flag-icon-bh {
    background-image: url(../img/flags/4x3/bh.svg)
}

.flag-icon-bh.flag-icon-squared {
    background-image: url(../img/flags/1x1/bh.svg)
}

.flag-icon-bi {
    background-image: url(../img/flags/4x3/bi.svg)
}

.flag-icon-bi.flag-icon-squared {
    background-image: url(../img/flags/1x1/bi.svg)
}

.flag-icon-bj {
    background-image: url(../img/flags/4x3/bj.svg)
}

.flag-icon-bj.flag-icon-squared {
    background-image: url(../img/flags/1x1/bj.svg)
}

.flag-icon-bl {
    background-image: url(../img/flags/4x3/bl.svg)
}

.flag-icon-bl.flag-icon-squared {
    background-image: url(../img/flags/1x1/bl.svg)
}

.flag-icon-bm {
    background-image: url(../img/flags/4x3/bm.svg)
}

.flag-icon-bm.flag-icon-squared {
    background-image: url(../img/flags/1x1/bm.svg)
}

.flag-icon-bn {
    background-image: url(../img/flags/4x3/bn.svg)
}

.flag-icon-bn.flag-icon-squared {
    background-image: url(../img/flags/1x1/bn.svg)
}

.flag-icon-bo {
    background-image: url(../img/flags/4x3/bo.svg)
}

.flag-icon-bo.flag-icon-squared {
    background-image: url(../img/flags/1x1/bo.svg)
}

.flag-icon-bq {
    background-image: url(../img/flags/4x3/bq.svg)
}

.flag-icon-bq.flag-icon-squared {
    background-image: url(../img/flags/1x1/bq.svg)
}

.flag-icon-br {
    background-image: url(../img/flags/4x3/br.svg)
}

.flag-icon-br.flag-icon-squared {
    background-image: url(../img/flags/1x1/br.svg)
}

.flag-icon-bs {
    background-image: url(../img/flags/4x3/bs.svg)
}

.flag-icon-bs.flag-icon-squared {
    background-image: url(../img/flags/1x1/bs.svg)
}

.flag-icon-bt {
    background-image: url(../img/flags/4x3/bt.svg)
}

.flag-icon-bt.flag-icon-squared {
    background-image: url(../img/flags/1x1/bt.svg)
}

.flag-icon-bv {
    background-image: url(../img/flags/4x3/bv.svg)
}

.flag-icon-bv.flag-icon-squared {
    background-image: url(../img/flags/1x1/bv.svg)
}

.flag-icon-bw {
    background-image: url(../img/flags/4x3/bw.svg)
}

.flag-icon-bw.flag-icon-squared {
    background-image: url(../img/flags/1x1/bw.svg)
}

.flag-icon-by {
    background-image: url(../img/flags/4x3/by.svg)
}

.flag-icon-by.flag-icon-squared {
    background-image: url(../img/flags/1x1/by.svg)
}

.flag-icon-bz {
    background-image: url(../img/flags/4x3/bz.svg)
}

.flag-icon-bz.flag-icon-squared {
    background-image: url(../img/flags/1x1/bz.svg)
}

.flag-icon-ca {
    background-image: url(../img/flags/4x3/ca.svg)
}

.flag-icon-ca.flag-icon-squared {
    background-image: url(../img/flags/1x1/ca.svg)
}

.flag-icon-cc {
    background-image: url(../img/flags/4x3/cc.svg)
}

.flag-icon-cc.flag-icon-squared {
    background-image: url(../img/flags/1x1/cc.svg)
}

.flag-icon-cd {
    background-image: url(../img/flags/4x3/cd.svg)
}

.flag-icon-cd.flag-icon-squared {
    background-image: url(../img/flags/1x1/cd.svg)
}

.flag-icon-cf {
    background-image: url(../img/flags/4x3/cf.svg)
}

.flag-icon-cf.flag-icon-squared {
    background-image: url(../img/flags/1x1/cf.svg)
}

.flag-icon-cg {
    background-image: url(../img/flags/4x3/cg.svg)
}

.flag-icon-cg.flag-icon-squared {
    background-image: url(../img/flags/1x1/cg.svg)
}

.flag-icon-ch {
    background-image: url(../img/flags/4x3/ch.svg)
}

.flag-icon-ch.flag-icon-squared {
    background-image: url(../img/flags/1x1/ch.svg)
}

.flag-icon-ci {
    background-image: url(../img/flags/4x3/ci.svg)
}

.flag-icon-ci.flag-icon-squared {
    background-image: url(../img/flags/1x1/ci.svg)
}

.flag-icon-ck {
    background-image: url(../img/flags/4x3/ck.svg)
}

.flag-icon-ck.flag-icon-squared {
    background-image: url(../img/flags/1x1/ck.svg)
}

.flag-icon-cl {
    background-image: url(../img/flags/4x3/cl.svg)
}

.flag-icon-cl.flag-icon-squared {
    background-image: url(../img/flags/1x1/cl.svg)
}

.flag-icon-cm {
    background-image: url(../img/flags/4x3/cm.svg)
}

.flag-icon-cm.flag-icon-squared {
    background-image: url(../img/flags/1x1/cm.svg)
}

.flag-icon-cn {
    background-image: url(../img/flags/4x3/cn.svg)
}

.flag-icon-cn.flag-icon-squared {
    background-image: url(../img/flags/1x1/cn.svg)
}

.flag-icon-co {
    background-image: url(../img/flags/4x3/co.svg)
}

.flag-icon-co.flag-icon-squared {
    background-image: url(../img/flags/1x1/co.svg)
}

.flag-icon-cr {
    background-image: url(../img/flags/4x3/cr.svg)
}

.flag-icon-cr.flag-icon-squared {
    background-image: url(../img/flags/1x1/cr.svg)
}

.flag-icon-cu {
    background-image: url(../img/flags/4x3/cu.svg)
}

.flag-icon-cu.flag-icon-squared {
    background-image: url(../img/flags/1x1/cu.svg)
}

.flag-icon-cv {
    background-image: url(../img/flags/4x3/cv.svg)
}

.flag-icon-cv.flag-icon-squared {
    background-image: url(../img/flags/1x1/cv.svg)
}

.flag-icon-cw {
    background-image: url(../img/flags/4x3/cw.svg)
}

.flag-icon-cw.flag-icon-squared {
    background-image: url(../img/flags/1x1/cw.svg)
}

.flag-icon-cx {
    background-image: url(../img/flags/4x3/cx.svg)
}

.flag-icon-cx.flag-icon-squared {
    background-image: url(../img/flags/1x1/cx.svg)
}

.flag-icon-cy {
    background-image: url(../img/flags/4x3/cy.svg)
}

.flag-icon-cy.flag-icon-squared {
    background-image: url(../img/flags/1x1/cy.svg)
}

.flag-icon-cz {
    background-image: url(../img/flags/4x3/cz.svg)
}

.flag-icon-cz.flag-icon-squared {
    background-image: url(../img/flags/1x1/cz.svg)
}

.flag-icon-de {
    background-image: url(../img/flags/4x3/de.svg)
}

.flag-icon-de.flag-icon-squared {
    background-image: url(../img/flags/1x1/de.svg)
}

.flag-icon-dj {
    background-image: url(../img/flags/4x3/dj.svg)
}

.flag-icon-dj.flag-icon-squared {
    background-image: url(../img/flags/1x1/dj.svg)
}

.flag-icon-dk {
    background-image: url(../img/flags/4x3/dk.svg)
}

.flag-icon-dk.flag-icon-squared {
    background-image: url(../img/flags/1x1/dk.svg)
}

.flag-icon-dm {
    background-image: url(../img/flags/4x3/dm.svg)
}

.flag-icon-dm.flag-icon-squared {
    background-image: url(../img/flags/1x1/dm.svg)
}

.flag-icon-do {
    background-image: url(../img/flags/4x3/do.svg)
}

.flag-icon-do.flag-icon-squared {
    background-image: url(../img/flags/1x1/do.svg)
}

.flag-icon-dz {
    background-image: url(../img/flags/4x3/dz.svg)
}

.flag-icon-dz.flag-icon-squared {
    background-image: url(../img/flags/1x1/dz.svg)
}

.flag-icon-ec {
    background-image: url(../img/flags/4x3/ec.svg)
}

.flag-icon-ec.flag-icon-squared {
    background-image: url(../img/flags/1x1/ec.svg)
}

.flag-icon-ee {
    background-image: url(../img/flags/4x3/ee.svg)
}

.flag-icon-ee.flag-icon-squared {
    background-image: url(../img/flags/1x1/ee.svg)
}

.flag-icon-eg {
    background-image: url(../img/flags/4x3/eg.svg)
}

.flag-icon-eg.flag-icon-squared {
    background-image: url(../img/flags/1x1/eg.svg)
}

.flag-icon-eh {
    background-image: url(../img/flags/4x3/eh.svg)
}

.flag-icon-eh.flag-icon-squared {
    background-image: url(../img/flags/1x1/eh.svg)
}

.flag-icon-er {
    background-image: url(../img/flags/4x3/er.svg)
}

.flag-icon-er.flag-icon-squared {
    background-image: url(../img/flags/1x1/er.svg)
}

.flag-icon-es {
    background-image: url(../img/flags/4x3/es.svg)
}

.flag-icon-es.flag-icon-squared {
    background-image: url(../img/flags/1x1/es.svg)
}

.flag-icon-et {
    background-image: url(../img/flags/4x3/et.svg)
}

.flag-icon-et.flag-icon-squared {
    background-image: url(../img/flags/1x1/et.svg)
}

.flag-icon-fi {
    background-image: url(../img/flags/4x3/fi.svg)
}

.flag-icon-fi.flag-icon-squared {
    background-image: url(../img/flags/1x1/fi.svg)
}

.flag-icon-fj {
    background-image: url(../img/flags/4x3/fj.svg)
}

.flag-icon-fj.flag-icon-squared {
    background-image: url(../img/flags/1x1/fj.svg)
}

.flag-icon-fk {
    background-image: url(../img/flags/4x3/fk.svg)
}

.flag-icon-fk.flag-icon-squared {
    background-image: url(../img/flags/1x1/fk.svg)
}

.flag-icon-fm {
    background-image: url(../img/flags/4x3/fm.svg)
}

.flag-icon-fm.flag-icon-squared {
    background-image: url(../img/flags/1x1/fm.svg)
}

.flag-icon-fo {
    background-image: url(../img/flags/4x3/fo.svg)
}

.flag-icon-fo.flag-icon-squared {
    background-image: url(../img/flags/1x1/fo.svg)
}

.flag-icon-fr {
    background-image: url(../img/flags/4x3/fr.svg)
}

.flag-icon-fr.flag-icon-squared {
    background-image: url(../img/flags/1x1/fr.svg)
}

.flag-icon-ga {
    background-image: url(../img/flags/4x3/ga.svg)
}

.flag-icon-ga.flag-icon-squared {
    background-image: url(../img/flags/1x1/ga.svg)
}

.flag-icon-gb {
    background-image: url(../img/flags/4x3/gb.svg)
}

.flag-icon-gb.flag-icon-squared {
    background-image: url(../img/flags/1x1/gb.svg)
}

.flag-icon-gd {
    background-image: url(../img/flags/4x3/gd.svg)
}

.flag-icon-gd.flag-icon-squared {
    background-image: url(../img/flags/1x1/gd.svg)
}

.flag-icon-ge {
    background-image: url(../img/flags/4x3/ge.svg)
}

.flag-icon-ge.flag-icon-squared {
    background-image: url(../img/flags/1x1/ge.svg)
}

.flag-icon-gf {
    background-image: url(../img/flags/4x3/gf.svg)
}

.flag-icon-gf.flag-icon-squared {
    background-image: url(../img/flags/1x1/gf.svg)
}

.flag-icon-gg {
    background-image: url(../img/flags/4x3/gg.svg)
}

.flag-icon-gg.flag-icon-squared {
    background-image: url(../img/flags/1x1/gg.svg)
}

.flag-icon-gh {
    background-image: url(../img/flags/4x3/gh.svg)
}

.flag-icon-gh.flag-icon-squared {
    background-image: url(../img/flags/1x1/gh.svg)
}

.flag-icon-gi {
    background-image: url(../img/flags/4x3/gi.svg)
}

.flag-icon-gi.flag-icon-squared {
    background-image: url(../img/flags/1x1/gi.svg)
}

.flag-icon-gl {
    background-image: url(../img/flags/4x3/gl.svg)
}

.flag-icon-gl.flag-icon-squared {
    background-image: url(../img/flags/1x1/gl.svg)
}

.flag-icon-gm {
    background-image: url(../img/flags/4x3/gm.svg)
}

.flag-icon-gm.flag-icon-squared {
    background-image: url(../img/flags/1x1/gm.svg)
}

.flag-icon-gn {
    background-image: url(../img/flags/4x3/gn.svg)
}

.flag-icon-gn.flag-icon-squared {
    background-image: url(../img/flags/1x1/gn.svg)
}

.flag-icon-gp {
    background-image: url(../img/flags/4x3/gp.svg)
}

.flag-icon-gp.flag-icon-squared {
    background-image: url(../img/flags/1x1/gp.svg)
}

.flag-icon-gq {
    background-image: url(../img/flags/4x3/gq.svg)
}

.flag-icon-gq.flag-icon-squared {
    background-image: url(../img/flags/1x1/gq.svg)
}

.flag-icon-gr {
    background-image: url(../img/flags/4x3/gr.svg)
}

.flag-icon-gr.flag-icon-squared {
    background-image: url(../img/flags/1x1/gr.svg)
}

.flag-icon-gs {
    background-image: url(../img/flags/4x3/gs.svg)
}

.flag-icon-gs.flag-icon-squared {
    background-image: url(../img/flags/1x1/gs.svg)
}

.flag-icon-gt {
    background-image: url(../img/flags/4x3/gt.svg)
}

.flag-icon-gt.flag-icon-squared {
    background-image: url(../img/flags/1x1/gt.svg)
}

.flag-icon-gu {
    background-image: url(../img/flags/4x3/gu.svg)
}

.flag-icon-gu.flag-icon-squared {
    background-image: url(../img/flags/1x1/gu.svg)
}

.flag-icon-gw {
    background-image: url(../img/flags/4x3/gw.svg)
}

.flag-icon-gw.flag-icon-squared {
    background-image: url(../img/flags/1x1/gw.svg)
}

.flag-icon-gy {
    background-image: url(../img/flags/4x3/gy.svg)
}

.flag-icon-gy.flag-icon-squared {
    background-image: url(../img/flags/1x1/gy.svg)
}

.flag-icon-hk {
    background-image: url(../img/flags/4x3/hk.svg)
}

.flag-icon-hk.flag-icon-squared {
    background-image: url(../img/flags/1x1/hk.svg)
}

.flag-icon-hm {
    background-image: url(../img/flags/4x3/hm.svg)
}

.flag-icon-hm.flag-icon-squared {
    background-image: url(../img/flags/1x1/hm.svg)
}

.flag-icon-hn {
    background-image: url(../img/flags/4x3/hn.svg)
}

.flag-icon-hn.flag-icon-squared {
    background-image: url(../img/flags/1x1/hn.svg)
}

.flag-icon-hr {
    background-image: url(../img/flags/4x3/hr.svg)
}

.flag-icon-hr.flag-icon-squared {
    background-image: url(../img/flags/1x1/hr.svg)
}

.flag-icon-ht {
    background-image: url(../img/flags/4x3/ht.svg)
}

.flag-icon-ht.flag-icon-squared {
    background-image: url(../img/flags/1x1/ht.svg)
}

.flag-icon-hu {
    background-image: url(../img/flags/4x3/hu.svg)
}

.flag-icon-hu.flag-icon-squared {
    background-image: url(../img/flags/1x1/hu.svg)
}

.flag-icon-id {
    background-image: url(../img/flags/4x3/id.svg)
}

.flag-icon-id.flag-icon-squared {
    background-image: url(../img/flags/1x1/id.svg)
}

.flag-icon-ie {
    background-image: url(../img/flags/4x3/ie.svg)
}

.flag-icon-ie.flag-icon-squared {
    background-image: url(../img/flags/1x1/ie.svg)
}

.flag-icon-il {
    background-image: url(../img/flags/4x3/il.svg)
}

.flag-icon-il.flag-icon-squared {
    background-image: url(../img/flags/1x1/il.svg)
}

.flag-icon-im {
    background-image: url(../img/flags/4x3/im.svg)
}

.flag-icon-im.flag-icon-squared {
    background-image: url(../img/flags/1x1/im.svg)
}

.flag-icon-in {
    background-image: url(../img/flags/4x3/in.svg)
}

.flag-icon-in.flag-icon-squared {
    background-image: url(../img/flags/1x1/in.svg)
}

.flag-icon-io {
    background-image: url(../img/flags/4x3/io.svg)
}

.flag-icon-io.flag-icon-squared {
    background-image: url(../img/flags/1x1/io.svg)
}

.flag-icon-iq {
    background-image: url(../img/flags/4x3/iq.svg)
}

.flag-icon-iq.flag-icon-squared {
    background-image: url(../img/flags/1x1/iq.svg)
}

.flag-icon-ir {
    background-image: url(../img/flags/4x3/ir.svg)
}

.flag-icon-ir.flag-icon-squared {
    background-image: url(../img/flags/1x1/ir.svg)
}

.flag-icon-is {
    background-image: url(../img/flags/4x3/is.svg)
}

.flag-icon-is.flag-icon-squared {
    background-image: url(../img/flags/1x1/is.svg)
}

.flag-icon-it {
    background-image: url(../img/flags/4x3/it.svg)
}

.flag-icon-it.flag-icon-squared {
    background-image: url(../img/flags/1x1/it.svg)
}

.flag-icon-je {
    background-image: url(../img/flags/4x3/je.svg)
}

.flag-icon-je.flag-icon-squared {
    background-image: url(../img/flags/1x1/je.svg)
}

.flag-icon-jm {
    background-image: url(../img/flags/4x3/jm.svg)
}

.flag-icon-jm.flag-icon-squared {
    background-image: url(../img/flags/1x1/jm.svg)
}

.flag-icon-jo {
    background-image: url(../img/flags/4x3/jo.svg)
}

.flag-icon-jo.flag-icon-squared {
    background-image: url(../img/flags/1x1/jo.svg)
}

.flag-icon-jp {
    background-image: url(../img/flags/4x3/jp.svg)
}

.flag-icon-jp.flag-icon-squared {
    background-image: url(../img/flags/1x1/jp.svg)
}

.flag-icon-ke {
    background-image: url(../img/flags/4x3/ke.svg)
}

.flag-icon-ke.flag-icon-squared {
    background-image: url(../img/flags/1x1/ke.svg)
}

.flag-icon-kg {
    background-image: url(../img/flags/4x3/kg.svg)
}

.flag-icon-kg.flag-icon-squared {
    background-image: url(../img/flags/1x1/kg.svg)
}

.flag-icon-kh {
    background-image: url(../img/flags/4x3/kh.svg)
}

.flag-icon-kh.flag-icon-squared {
    background-image: url(../img/flags/1x1/kh.svg)
}

.flag-icon-ki {
    background-image: url(../img/flags/4x3/ki.svg)
}

.flag-icon-ki.flag-icon-squared {
    background-image: url(../img/flags/1x1/ki.svg)
}

.flag-icon-km {
    background-image: url(../img/flags/4x3/km.svg)
}

.flag-icon-km.flag-icon-squared {
    background-image: url(../img/flags/1x1/km.svg)
}

.flag-icon-kn {
    background-image: url(../img/flags/4x3/kn.svg)
}

.flag-icon-kn.flag-icon-squared {
    background-image: url(../img/flags/1x1/kn.svg)
}

.flag-icon-kp {
    background-image: url(../img/flags/4x3/kp.svg)
}

.flag-icon-kp.flag-icon-squared {
    background-image: url(../img/flags/1x1/kp.svg)
}

.flag-icon-kr {
    background-image: url(../img/flags/4x3/kr.svg)
}

.flag-icon-kr.flag-icon-squared {
    background-image: url(../img/flags/1x1/kr.svg)
}

.flag-icon-kw {
    background-image: url(../img/flags/4x3/kw.svg)
}

.flag-icon-kw.flag-icon-squared {
    background-image: url(../img/flags/1x1/kw.svg)
}

.flag-icon-ky {
    background-image: url(../img/flags/4x3/ky.svg)
}

.flag-icon-ky.flag-icon-squared {
    background-image: url(../img/flags/1x1/ky.svg)
}

.flag-icon-kz {
    background-image: url(../img/flags/4x3/kz.svg)
}

.flag-icon-kz.flag-icon-squared {
    background-image: url(../img/flags/1x1/kz.svg)
}

.flag-icon-la {
    background-image: url(../img/flags/4x3/la.svg)
}

.flag-icon-la.flag-icon-squared {
    background-image: url(../img/flags/1x1/la.svg)
}

.flag-icon-lb {
    background-image: url(../img/flags/4x3/lb.svg)
}

.flag-icon-lb.flag-icon-squared {
    background-image: url(../img/flags/1x1/lb.svg)
}

.flag-icon-lc {
    background-image: url(../img/flags/4x3/lc.svg)
}

.flag-icon-lc.flag-icon-squared {
    background-image: url(../img/flags/1x1/lc.svg)
}

.flag-icon-li {
    background-image: url(../img/flags/4x3/li.svg)
}

.flag-icon-li.flag-icon-squared {
    background-image: url(../img/flags/1x1/li.svg)
}

.flag-icon-lk {
    background-image: url(../img/flags/4x3/lk.svg)
}

.flag-icon-lk.flag-icon-squared {
    background-image: url(../img/flags/1x1/lk.svg)
}

.flag-icon-lr {
    background-image: url(../img/flags/4x3/lr.svg)
}

.flag-icon-lr.flag-icon-squared {
    background-image: url(../img/flags/1x1/lr.svg)
}

.flag-icon-ls {
    background-image: url(../img/flags/4x3/ls.svg)
}

.flag-icon-ls.flag-icon-squared {
    background-image: url(../img/flags/1x1/ls.svg)
}

.flag-icon-lt {
    background-image: url(../img/flags/4x3/lt.svg)
}

.flag-icon-lt.flag-icon-squared {
    background-image: url(../img/flags/1x1/lt.svg)
}

.flag-icon-lu {
    background-image: url(../img/flags/4x3/lu.svg)
}

.flag-icon-lu.flag-icon-squared {
    background-image: url(../img/flags/1x1/lu.svg)
}

.flag-icon-lv {
    background-image: url(../img/flags/4x3/lv.svg)
}

.flag-icon-lv.flag-icon-squared {
    background-image: url(../img/flags/1x1/lv.svg)
}

.flag-icon-ly {
    background-image: url(../img/flags/4x3/ly.svg)
}

.flag-icon-ly.flag-icon-squared {
    background-image: url(../img/flags/1x1/ly.svg)
}

.flag-icon-ma {
    background-image: url(../img/flags/4x3/ma.svg)
}

.flag-icon-ma.flag-icon-squared {
    background-image: url(../img/flags/1x1/ma.svg)
}

.flag-icon-mc {
    background-image: url(../img/flags/4x3/mc.svg)
}

.flag-icon-mc.flag-icon-squared {
    background-image: url(../img/flags/1x1/mc.svg)
}

.flag-icon-md {
    background-image: url(../img/flags/4x3/md.svg)
}

.flag-icon-md.flag-icon-squared {
    background-image: url(../img/flags/1x1/md.svg)
}

.flag-icon-me {
    background-image: url(../img/flags/4x3/me.svg)
}

.flag-icon-me.flag-icon-squared {
    background-image: url(../img/flags/1x1/me.svg)
}

.flag-icon-mf {
    background-image: url(../img/flags/4x3/mf.svg)
}

.flag-icon-mf.flag-icon-squared {
    background-image: url(../img/flags/1x1/mf.svg)
}

.flag-icon-mg {
    background-image: url(../img/flags/4x3/mg.svg)
}

.flag-icon-mg.flag-icon-squared {
    background-image: url(../img/flags/1x1/mg.svg)
}

.flag-icon-mh {
    background-image: url(../img/flags/4x3/mh.svg)
}

.flag-icon-mh.flag-icon-squared {
    background-image: url(../img/flags/1x1/mh.svg)
}

.flag-icon-mk {
    background-image: url(../img/flags/4x3/mk.svg)
}

.flag-icon-mk.flag-icon-squared {
    background-image: url(../img/flags/1x1/mk.svg)
}

.flag-icon-ml {
    background-image: url(../img/flags/4x3/ml.svg)
}

.flag-icon-ml.flag-icon-squared {
    background-image: url(../img/flags/1x1/ml.svg)
}

.flag-icon-mm {
    background-image: url(../img/flags/4x3/mm.svg)
}

.flag-icon-mm.flag-icon-squared {
    background-image: url(../img/flags/1x1/mm.svg)
}

.flag-icon-mn {
    background-image: url(../img/flags/4x3/mn.svg)
}

.flag-icon-mn.flag-icon-squared {
    background-image: url(../img/flags/1x1/mn.svg)
}

.flag-icon-mo {
    background-image: url(../img/flags/4x3/mo.svg)
}

.flag-icon-mo.flag-icon-squared {
    background-image: url(../img/flags/1x1/mo.svg)
}

.flag-icon-mp {
    background-image: url(../img/flags/4x3/mp.svg)
}

.flag-icon-mp.flag-icon-squared {
    background-image: url(../img/flags/1x1/mp.svg)
}

.flag-icon-mq {
    background-image: url(../img/flags/4x3/mq.svg)
}

.flag-icon-mq.flag-icon-squared {
    background-image: url(../img/flags/1x1/mq.svg)
}

.flag-icon-mr {
    background-image: url(../img/flags/4x3/mr.svg)
}

.flag-icon-mr.flag-icon-squared {
    background-image: url(../img/flags/1x1/mr.svg)
}

.flag-icon-ms {
    background-image: url(../img/flags/4x3/ms.svg)
}

.flag-icon-ms.flag-icon-squared {
    background-image: url(../img/flags/1x1/ms.svg)
}

.flag-icon-mt {
    background-image: url(../img/flags/4x3/mt.svg)
}

.flag-icon-mt.flag-icon-squared {
    background-image: url(../img/flags/1x1/mt.svg)
}

.flag-icon-mu {
    background-image: url(../img/flags/4x3/mu.svg)
}

.flag-icon-mu.flag-icon-squared {
    background-image: url(../img/flags/1x1/mu.svg)
}

.flag-icon-mv {
    background-image: url(../img/flags/4x3/mv.svg)
}

.flag-icon-mv.flag-icon-squared {
    background-image: url(../img/flags/1x1/mv.svg)
}

.flag-icon-mw {
    background-image: url(../img/flags/4x3/mw.svg)
}

.flag-icon-mw.flag-icon-squared {
    background-image: url(../img/flags/1x1/mw.svg)
}

.flag-icon-mx {
    background-image: url(../img/flags/4x3/mx.svg)
}

.flag-icon-mx.flag-icon-squared {
    background-image: url(../img/flags/1x1/mx.svg)
}

.flag-icon-my {
    background-image: url(../img/flags/4x3/my.svg)
}

.flag-icon-my.flag-icon-squared {
    background-image: url(../img/flags/1x1/my.svg)
}

.flag-icon-mz {
    background-image: url(../img/flags/4x3/mz.svg)
}

.flag-icon-mz.flag-icon-squared {
    background-image: url(../img/flags/1x1/mz.svg)
}

.flag-icon-na {
    background-image: url(../img/flags/4x3/na.svg)
}

.flag-icon-na.flag-icon-squared {
    background-image: url(../img/flags/1x1/na.svg)
}

.flag-icon-nc {
    background-image: url(../img/flags/4x3/nc.svg)
}

.flag-icon-nc.flag-icon-squared {
    background-image: url(../img/flags/1x1/nc.svg)
}

.flag-icon-ne {
    background-image: url(../img/flags/4x3/ne.svg)
}

.flag-icon-ne.flag-icon-squared {
    background-image: url(../img/flags/1x1/ne.svg)
}

.flag-icon-nf {
    background-image: url(../img/flags/4x3/nf.svg)
}

.flag-icon-nf.flag-icon-squared {
    background-image: url(../img/flags/1x1/nf.svg)
}

.flag-icon-ng {
    background-image: url(../img/flags/4x3/ng.svg)
}

.flag-icon-ng.flag-icon-squared {
    background-image: url(../img/flags/1x1/ng.svg)
}

.flag-icon-ni {
    background-image: url(../img/flags/4x3/ni.svg)
}

.flag-icon-ni.flag-icon-squared {
    background-image: url(../img/flags/1x1/ni.svg)
}

.flag-icon-nl {
    background-image: url(../img/flags/4x3/nl.svg)
}

.flag-icon-nl.flag-icon-squared {
    background-image: url(../img/flags/1x1/nl.svg)
}

.flag-icon-no {
    background-image: url(../img/flags/4x3/no.svg)
}

.flag-icon-no.flag-icon-squared {
    background-image: url(../img/flags/1x1/no.svg)
}

.flag-icon-np {
    background-image: url(../img/flags/4x3/np.svg)
}

.flag-icon-np.flag-icon-squared {
    background-image: url(../img/flags/1x1/np.svg)
}

.flag-icon-nr {
    background-image: url(../img/flags/4x3/nr.svg)
}

.flag-icon-nr.flag-icon-squared {
    background-image: url(../img/flags/1x1/nr.svg)
}

.flag-icon-nu {
    background-image: url(../img/flags/4x3/nu.svg)
}

.flag-icon-nu.flag-icon-squared {
    background-image: url(../img/flags/1x1/nu.svg)
}

.flag-icon-nz {
    background-image: url(../img/flags/4x3/nz.svg)
}

.flag-icon-nz.flag-icon-squared {
    background-image: url(../img/flags/1x1/nz.svg)
}

.flag-icon-om {
    background-image: url(../img/flags/4x3/om.svg)
}

.flag-icon-om.flag-icon-squared {
    background-image: url(../img/flags/1x1/om.svg)
}

.flag-icon-pa {
    background-image: url(../img/flags/4x3/pa.svg)
}

.flag-icon-pa.flag-icon-squared {
    background-image: url(../img/flags/1x1/pa.svg)
}

.flag-icon-pe {
    background-image: url(../img/flags/4x3/pe.svg)
}

.flag-icon-pe.flag-icon-squared {
    background-image: url(../img/flags/1x1/pe.svg)
}

.flag-icon-pf {
    background-image: url(../img/flags/4x3/pf.svg)
}

.flag-icon-pf.flag-icon-squared {
    background-image: url(../img/flags/1x1/pf.svg)
}

.flag-icon-pg {
    background-image: url(../img/flags/4x3/pg.svg)
}

.flag-icon-pg.flag-icon-squared {
    background-image: url(../img/flags/1x1/pg.svg)
}

.flag-icon-ph {
    background-image: url(../img/flags/4x3/ph.svg)
}

.flag-icon-ph.flag-icon-squared {
    background-image: url(../img/flags/1x1/ph.svg)
}

.flag-icon-pk {
    background-image: url(../img/flags/4x3/pk.svg)
}

.flag-icon-pk.flag-icon-squared {
    background-image: url(../img/flags/1x1/pk.svg)
}

.flag-icon-pl {
    background-image: url(../img/flags/4x3/pl.svg)
}

.flag-icon-pl.flag-icon-squared {
    background-image: url(../img/flags/1x1/pl.svg)
}

.flag-icon-pm {
    background-image: url(../img/flags/4x3/pm.svg)
}

.flag-icon-pm.flag-icon-squared {
    background-image: url(../img/flags/1x1/pm.svg)
}

.flag-icon-pn {
    background-image: url(../img/flags/4x3/pn.svg)
}

.flag-icon-pn.flag-icon-squared {
    background-image: url(../img/flags/1x1/pn.svg)
}

.flag-icon-pr {
    background-image: url(../img/flags/4x3/pr.svg)
}

.flag-icon-pr.flag-icon-squared {
    background-image: url(../img/flags/1x1/pr.svg)
}

.flag-icon-ps {
    background-image: url(../img/flags/4x3/ps.svg)
}

.flag-icon-ps.flag-icon-squared {
    background-image: url(../img/flags/1x1/ps.svg)
}

.flag-icon-pt {
    background-image: url(../img/flags/4x3/pt.svg)
}

.flag-icon-pt.flag-icon-squared {
    background-image: url(../img/flags/1x1/pt.svg)
}

.flag-icon-pw {
    background-image: url(../img/flags/4x3/pw.svg)
}

.flag-icon-pw.flag-icon-squared {
    background-image: url(../img/flags/1x1/pw.svg)
}

.flag-icon-py {
    background-image: url(../img/flags/4x3/py.svg)
}

.flag-icon-py.flag-icon-squared {
    background-image: url(../img/flags/1x1/py.svg)
}

.flag-icon-qa {
    background-image: url(../img/flags/4x3/qa.svg)
}

.flag-icon-qa.flag-icon-squared {
    background-image: url(../img/flags/1x1/qa.svg)
}

.flag-icon-re {
    background-image: url(../img/flags/4x3/re.svg)
}

.flag-icon-re.flag-icon-squared {
    background-image: url(../img/flags/1x1/re.svg)
}

.flag-icon-ro {
    background-image: url(../img/flags/4x3/ro.svg)
}

.flag-icon-ro.flag-icon-squared {
    background-image: url(../img/flags/1x1/ro.svg)
}

.flag-icon-rs {
    background-image: url(../img/flags/4x3/rs.svg)
}

.flag-icon-rs.flag-icon-squared {
    background-image: url(../img/flags/1x1/rs.svg)
}

.flag-icon-ru {
    background-image: url(../img/flags/4x3/ru.svg)
}

.flag-icon-ru.flag-icon-squared {
    background-image: url(../img/flags/1x1/ru.svg)
}

.flag-icon-rw {
    background-image: url(../img/flags/4x3/rw.svg)
}

.flag-icon-rw.flag-icon-squared {
    background-image: url(../img/flags/1x1/rw.svg)
}

.flag-icon-sa {
    background-image: url(../img/flags/4x3/sa.svg)
}

.flag-icon-sa.flag-icon-squared {
    background-image: url(../img/flags/1x1/sa.svg)
}

.flag-icon-sb {
    background-image: url(../img/flags/4x3/sb.svg)
}

.flag-icon-sb.flag-icon-squared {
    background-image: url(../img/flags/1x1/sb.svg)
}

.flag-icon-sc {
    background-image: url(../img/flags/4x3/sc.svg)
}

.flag-icon-sc.flag-icon-squared {
    background-image: url(../img/flags/1x1/sc.svg)
}

.flag-icon-sd {
    background-image: url(../img/flags/4x3/sd.svg)
}

.flag-icon-sd.flag-icon-squared {
    background-image: url(../img/flags/1x1/sd.svg)
}

.flag-icon-se {
    background-image: url(../img/flags/4x3/se.svg)
}

.flag-icon-se.flag-icon-squared {
    background-image: url(../img/flags/1x1/se.svg)
}

.flag-icon-sg {
    background-image: url(../img/flags/4x3/sg.svg)
}

.flag-icon-sg.flag-icon-squared {
    background-image: url(../img/flags/1x1/sg.svg)
}

.flag-icon-sh {
    background-image: url(../img/flags/4x3/sh.svg)
}

.flag-icon-sh.flag-icon-squared {
    background-image: url(../img/flags/1x1/sh.svg)
}

.flag-icon-si {
    background-image: url(../img/flags/4x3/si.svg)
}

.flag-icon-si.flag-icon-squared {
    background-image: url(../img/flags/1x1/si.svg)
}

.flag-icon-sj {
    background-image: url(../img/flags/4x3/sj.svg)
}

.flag-icon-sj.flag-icon-squared {
    background-image: url(../img/flags/1x1/sj.svg)
}

.flag-icon-sk {
    background-image: url(../img/flags/4x3/sk.svg)
}

.flag-icon-sk.flag-icon-squared {
    background-image: url(../img/flags/1x1/sk.svg)
}

.flag-icon-sl {
    background-image: url(../img/flags/4x3/sl.svg)
}

.flag-icon-sl.flag-icon-squared {
    background-image: url(../img/flags/1x1/sl.svg)
}

.flag-icon-sm {
    background-image: url(../img/flags/4x3/sm.svg)
}

.flag-icon-sm.flag-icon-squared {
    background-image: url(../img/flags/1x1/sm.svg)
}

.flag-icon-sn {
    background-image: url(../img/flags/4x3/sn.svg)
}

.flag-icon-sn.flag-icon-squared {
    background-image: url(../img/flags/1x1/sn.svg)
}

.flag-icon-so {
    background-image: url(../img/flags/4x3/so.svg)
}

.flag-icon-so.flag-icon-squared {
    background-image: url(../img/flags/1x1/so.svg)
}

.flag-icon-sr {
    background-image: url(../img/flags/4x3/sr.svg)
}

.flag-icon-sr.flag-icon-squared {
    background-image: url(../img/flags/1x1/sr.svg)
}

.flag-icon-ss {
    background-image: url(../img/flags/4x3/ss.svg)
}

.flag-icon-ss.flag-icon-squared {
    background-image: url(../img/flags/1x1/ss.svg)
}

.flag-icon-st {
    background-image: url(../img/flags/4x3/st.svg)
}

.flag-icon-st.flag-icon-squared {
    background-image: url(../img/flags/1x1/st.svg)
}

.flag-icon-sv {
    background-image: url(../img/flags/4x3/sv.svg)
}

.flag-icon-sv.flag-icon-squared {
    background-image: url(../img/flags/1x1/sv.svg)
}

.flag-icon-sx {
    background-image: url(../img/flags/4x3/sx.svg)
}

.flag-icon-sx.flag-icon-squared {
    background-image: url(../img/flags/1x1/sx.svg)
}

.flag-icon-sy {
    background-image: url(../img/flags/4x3/sy.svg)
}

.flag-icon-sy.flag-icon-squared {
    background-image: url(../img/flags/1x1/sy.svg)
}

.flag-icon-sz {
    background-image: url(../img/flags/4x3/sz.svg)
}

.flag-icon-sz.flag-icon-squared {
    background-image: url(../img/flags/1x1/sz.svg)
}

.flag-icon-tc {
    background-image: url(../img/flags/4x3/tc.svg)
}

.flag-icon-tc.flag-icon-squared {
    background-image: url(../img/flags/1x1/tc.svg)
}

.flag-icon-td {
    background-image: url(../img/flags/4x3/td.svg)
}

.flag-icon-td.flag-icon-squared {
    background-image: url(../img/flags/1x1/td.svg)
}

.flag-icon-tf {
    background-image: url(../img/flags/4x3/tf.svg)
}

.flag-icon-tf.flag-icon-squared {
    background-image: url(../img/flags/1x1/tf.svg)
}

.flag-icon-tg {
    background-image: url(../img/flags/4x3/tg.svg)
}

.flag-icon-tg.flag-icon-squared {
    background-image: url(../img/flags/1x1/tg.svg)
}

.flag-icon-th {
    background-image: url(../img/flags/4x3/th.svg)
}

.flag-icon-th.flag-icon-squared {
    background-image: url(../img/flags/1x1/th.svg)
}

.flag-icon-tj {
    background-image: url(../img/flags/4x3/tj.svg)
}

.flag-icon-tj.flag-icon-squared {
    background-image: url(../img/flags/1x1/tj.svg)
}

.flag-icon-tk {
    background-image: url(../img/flags/4x3/tk.svg)
}

.flag-icon-tk.flag-icon-squared {
    background-image: url(../img/flags/1x1/tk.svg)
}

.flag-icon-tl {
    background-image: url(../img/flags/4x3/tl.svg)
}

.flag-icon-tl.flag-icon-squared {
    background-image: url(../img/flags/1x1/tl.svg)
}

.flag-icon-tm {
    background-image: url(../img/flags/4x3/tm.svg)
}

.flag-icon-tm.flag-icon-squared {
    background-image: url(../img/flags/1x1/tm.svg)
}

.flag-icon-tn {
    background-image: url(../img/flags/4x3/tn.svg)
}

.flag-icon-tn.flag-icon-squared {
    background-image: url(../img/flags/1x1/tn.svg)
}

.flag-icon-to {
    background-image: url(../img/flags/4x3/to.svg)
}

.flag-icon-to.flag-icon-squared {
    background-image: url(../img/flags/1x1/to.svg)
}

.flag-icon-tr {
    background-image: url(../img/flags/4x3/tr.svg)
}

.flag-icon-tr.flag-icon-squared {
    background-image: url(../img/flags/1x1/tr.svg)
}

.flag-icon-tt {
    background-image: url(../img/flags/4x3/tt.svg)
}

.flag-icon-tt.flag-icon-squared {
    background-image: url(../img/flags/1x1/tt.svg)
}

.flag-icon-tv {
    background-image: url(../img/flags/4x3/tv.svg)
}

.flag-icon-tv.flag-icon-squared {
    background-image: url(../img/flags/1x1/tv.svg)
}

.flag-icon-tw {
    background-image: url(../img/flags/4x3/tw.svg)
}

.flag-icon-tw.flag-icon-squared {
    background-image: url(../img/flags/1x1/tw.svg)
}

.flag-icon-tz {
    background-image: url(../img/flags/4x3/tz.svg)
}

.flag-icon-tz.flag-icon-squared {
    background-image: url(../img/flags/1x1/tz.svg)
}

.flag-icon-ua {
    background-image: url(../img/flags/4x3/ua.svg)
}

.flag-icon-ua.flag-icon-squared {
    background-image: url(../img/flags/1x1/ua.svg)
}

.flag-icon-ug {
    background-image: url(../img/flags/4x3/ug.svg)
}

.flag-icon-ug.flag-icon-squared {
    background-image: url(../img/flags/1x1/ug.svg)
}

.flag-icon-um {
    background-image: url(../img/flags/4x3/um.svg)
}

.flag-icon-um.flag-icon-squared {
    background-image: url(../img/flags/1x1/um.svg)
}

.flag-icon-us {
    background-image: url(../img/flags/4x3/us.svg)
}

.flag-icon-us.flag-icon-squared {
    background-image: url(../img/flags/1x1/us.svg)
}

.flag-icon-uy {
    background-image: url(../img/flags/4x3/uy.svg)
}

.flag-icon-uy.flag-icon-squared {
    background-image: url(../img/flags/1x1/uy.svg)
}

.flag-icon-uz {
    background-image: url(../img/flags/4x3/uz.svg)
}

.flag-icon-uz.flag-icon-squared {
    background-image: url(../img/flags/1x1/uz.svg)
}

.flag-icon-va {
    background-image: url(../img/flags/4x3/va.svg)
}

.flag-icon-va.flag-icon-squared {
    background-image: url(../img/flags/1x1/va.svg)
}

.flag-icon-vc {
    background-image: url(../img/flags/4x3/vc.svg)
}

.flag-icon-vc.flag-icon-squared {
    background-image: url(../img/flags/1x1/vc.svg)
}

.flag-icon-ve {
    background-image: url(../img/flags/4x3/ve.svg)
}

.flag-icon-ve.flag-icon-squared {
    background-image: url(../img/flags/1x1/ve.svg)
}

.flag-icon-vg {
    background-image: url(../img/flags/4x3/vg.svg)
}

.flag-icon-vg.flag-icon-squared {
    background-image: url(../img/flags/1x1/vg.svg)
}

.flag-icon-vi {
    background-image: url(../img/flags/4x3/vi.svg)
}

.flag-icon-vi.flag-icon-squared {
    background-image: url(../img/flags/1x1/vi.svg)
}

.flag-icon-vn {
    background-image: url(../img/flags/4x3/vn.svg)
}

.flag-icon-vn.flag-icon-squared {
    background-image: url(../img/flags/1x1/vn.svg)
}

.flag-icon-vu {
    background-image: url(../img/flags/4x3/vu.svg)
}

.flag-icon-vu.flag-icon-squared {
    background-image: url(../img/flags/1x1/vu.svg)
}

.flag-icon-wf {
    background-image: url(../img/flags/4x3/wf.svg)
}

.flag-icon-wf.flag-icon-squared {
    background-image: url(../img/flags/1x1/wf.svg)
}

.flag-icon-ws {
    background-image: url(../img/flags/4x3/ws.svg)
}

.flag-icon-ws.flag-icon-squared {
    background-image: url(../img/flags/1x1/ws.svg)
}

.flag-icon-ye {
    background-image: url(../img/flags/4x3/ye.svg)
}

.flag-icon-ye.flag-icon-squared {
    background-image: url(../img/flags/1x1/ye.svg)
}

.flag-icon-yt {
    background-image: url(../img/flags/4x3/yt.svg)
}

.flag-icon-yt.flag-icon-squared {
    background-image: url(../img/flags/1x1/yt.svg)
}

.flag-icon-za {
    background-image: url(../img/flags/4x3/za.svg)
}

.flag-icon-za.flag-icon-squared {
    background-image: url(../img/flags/1x1/za.svg)
}

.flag-icon-zm {
    background-image: url(../img/flags/4x3/zm.svg)
}

.flag-icon-zm.flag-icon-squared {
    background-image: url(../img/flags/1x1/zm.svg)
}

.flag-icon-zw {
    background-image: url(../img/flags/4x3/zw.svg)
}

.flag-icon-zw.flag-icon-squared {
    background-image: url(../img/flags/1x1/zw.svg)
}

.flag-icon-eu {
    background-image: url(../img/flags/4x3/eu.svg)
}

.flag-icon-eu.flag-icon-squared {
    background-image: url(../img/flags/1x1/eu.svg)
}

.flag-icon-gb-eng {
    background-image: url(../img/flags/4x3/gb-eng.svg)
}

.flag-icon-gb-eng.flag-icon-squared {
    background-image: url(../img/flags/1x1/gb-eng.svg)
}

.flag-icon-gb-nir {
    background-image: url(../img/flags/4x3/gb-nir.svg)
}

.flag-icon-gb-nir.flag-icon-squared {
    background-image: url(../img/flags/1x1/gb-nir.svg)
}

.flag-icon-gb-sct {
    background-image: url(../img/flags/4x3/gb-sct.svg)
}

.flag-icon-gb-sct.flag-icon-squared {
    background-image: url(../img/flags/1x1/gb-sct.svg)
}

.flag-icon-gb-wls {
    background-image: url(../img/flags/4x3/gb-wls.svg)
}

.flag-icon-gb-wls.flag-icon-squared {
    background-image: url(../img/flags/1x1/gb-wls.svg)
}

.flag-icon-un {
    background-image: url(../img/flags/4x3/un.svg)
}

.flag-icon-un.flag-icon-squared {
    background-image: url(../img/flags/1x1/un.svg)
}

.flag-icon-uk {
    background-image: url(../img/flags/4x3/gb.svg);
}

.flag-icon-uk.flag-icon-squared {
    background-image: url(../img/flags/1x1/gb.svg);
}