@charset "UTF-8";
/*  row
---------------------------------------------*/

.row {
    *zoom: 1;
}
.row:after {
    content: "";
    display: table;
    clear: both;
}
.row .col-l {
    float: left;
}
.row .col-r {
    float: right;
}
.row .col-w-2-1 {
    width: 488px;
}
@media screen and (max-width: 720px) {
    .row .col-w-2-1 {
        width: auto;
    }
    .row .col-w-2-1.col-l,
    .row .col-w-2-1.col-r {
        float: none;
    }
}
/*講師プロフィール詳細*/

.row .col-w-2-1-w720.col-l {
    width: 720px;
}
.row .col-w-2-1-w720.col-r {
    width: 280px;
}
@media screen and (max-width: 720px) {
    .row .col-w-2-1-w720.col-l,
    .row .col-w-2-1-w720.col-r {
        width: auto;
    }
    .row .col-w-2-1-w720.col-l,
    .row .col-w-2-1-w720.col-r {
        float: none;
    }
}
/*cloumn-3-1*/

.row .col-w-3-1 {
    width: 310px;
}
.row .col-w-3-1.col-l {
    margin: 0 0 0 47px;
}
.row .col-w-3-1:first-child {
    margin: 0;
}
@media screen and (max-width: 720px) {
    .row .col-w-3-1 {
        width: auto;
    }
    .row .col-w-3-1.col-l {
        float: none;
        margin: 24px 0 0 0;
    }
    .row .col-w-3-1.col-l:first-child {
        margin: 0 0 0 0;
    }
}
/*cloumn-4*/

.row .col-w-4-1 {
    width: 256px;
}
@media screen and (max-width: 720px) {
    .row .col-w-4-1 {
        width: 50%;
    }
}
.row .col-w-10-1 {
    width: 80px;
}
.row .col-w-10-1.col-l {
    margin: 0 0 0 16px;
}
.row .col-w-10-1.col-l:first-child {
    margin: 0;
}
@media screen and (max-width: 720px) {
    .row .col-w-10-1 {
        width: 32%;
    }
    .row .col-w-10-1.col-l {
        margin: 0 0 2% 2%;
    }
    .row .col-w-10-1.col-l:nth-child(3n+1) {
        margin: 0 0 0 0;
    }
}
/*  align
---------------------------------------------*/

.align-l {
    text-align: left;
}
.align-c {
    text-align: center;
}
.align-r {
    text-align: right;
}
/*  margin plus
---------------------------------------------*/

.mt-1 {
    margin-top: 8px !important;
}
@media screen and (max-width: 720px) {
    .mt-1 {
        margin-top: 4px !important;
    }
}
.mt-2 {
    margin-top: 16px !important;
}
@media screen and (max-width: 720px) {
    .mt-2 {
        margin-top: 8px !important;
    }
}
.mt-3 {
    margin-top: 24px !important;
}
@media screen and (max-width: 720px) {
    .mt-3 {
        margin-top: 12px !important;
    }
}
.mt-4 {
    margin-top: 32px !important;
}
@media screen and (max-width: 720px) {
    .mt-4 {
        margin-top: 16px !important;
    }
}
.mt-5 {
    margin-top: 40px !important;
}
@media screen and (max-width: 720px) {
    .mt-5 {
        margin-top: 20px !important;
    }
}
.mt-6 {
    margin-top: 48px !important;
}
@media screen and (max-width: 720px) {
    .mt-6 {
        margin-top: 24px !important;
    }
}
.mt-7 {
    margin-top: 56px !important;
}
@media screen and (max-width: 720px) {
    .mt-7 {
        margin-top: 28px !important;
    }
}
.mt-8 {
    margin-top: 64px !important;
}
@media screen and (max-width: 720px) {
    .mt-8 {
        margin-top: 32px !important;
    }
}
.mt-9 {
    margin-top: 72px !important;
}
@media screen and (max-width: 720px) {
    .mt-9 {
        margin-top: 32px !important;
    }
}
.mt-10 {
    margin-top: 80px !important;
}
@media screen and (max-width: 720px) {
    .mt-10 {
        margin-top: 40px !important;
    }
}
.mt-11 {
    margin-top: 88px !important;
}
@media screen and (max-width: 720px) {
    .mt-11 {
        margin-top: 44px !important;
    }
}
.mt-12 {
    margin-top: 96px !important;
}
@media screen and (max-width: 720px) {
    .mt-12 {
        margin-top: 48px !important;
    }
}
.mt-13 {
    margin-top: 104px !important;
}
@media screen and (max-width: 720px) {
    .mt-13 {
        margin-top: 52px !important;
    }
}
.mt-14 {
    margin-top: 112px !important;
}
@media screen and (max-width: 720px) {
    .mt-14 {
        margin-top: 56px !important;
    }
}
.mt-15 {
    margin-top: 120px !important;
}
@media screen and (max-width: 720px) {
    .mt-15 {
        margin-top: 60px !important;
    }
}
.mt-16 {
    margin-top: 128px !important;
}
@media screen and (max-width: 720px) {
    .mt-16 {
        margin-top: 64px !important;
    }
}
.mt-17 {
    margin-top: 136px !important;
}
@media screen and (max-width: 720px) {
    .mt-17 {
        margin-top: 64px !important;
    }
}
.mt-18 {
    margin-top: 144px !important;
}
@media screen and (max-width: 720px) {
    .mt-18 {
        margin-top: 64px !important;
    }
}
.mt-19 {
    margin-top: 152px !important;
}
@media screen and (max-width: 720px) {
    .mt-19 {
        margin-top: 64px !important;
    }
}
.mt-20 {
    margin-top: 160px !important;
}
@media screen and (max-width: 720px) {
    .mt-20 {
        margin-top: 64px !important;
    }
}
.mt-21 {
    margin-top: 168px !important;
}
@media screen and (max-width: 720px) {
    .mt-21 {
        margin-top: 64px !important;
    }
}
.mt-22 {
    margin-top: 176px !important;
}
@media screen and (max-width: 720px) {
    .mt-22 {
        margin-top: 64px !important;
    }
}
.mt-23 {
    margin-top: 184px !important;
}
@media screen and (max-width: 720px) {
    .mt-23 {
        margin-top: 64px !important;
    }
}
.mt-24 {
    margin-top: 192px !important;
}
@media screen and (max-width: 720px) {
    .mt-24 {
        margin-top: 64px !important;
    }
}
.mt-25 {
    margin-top: 200px !important;
}
@media screen and (max-width: 720px) {
    .mt-25 {
        margin-top: 64px !important;
    }
}
.mt-26 {
    margin-top: 208px !important;
}
@media screen and (max-width: 720px) {
    .mt-26 {
        margin-top: 64px !important;
    }
}
.mt-27 {
    margin-top: 216px !important;
}
@media screen and (max-width: 720px) {
    .mt-27 {
        margin-top: 64px !important;
    }
}
.mt-28 {
    margin-top: 224px !important;
}
@media screen and (max-width: 720px) {
    .mt-28 {
        margin-top: 64px !important;
    }
}
.mt-29 {
    margin-top: 232px !important;
}
@media screen and (max-width: 720px) {
    .mt-29 {
        margin-top: 64px !important;
    }
}
.mt-30 {
    margin-top: 240px !important;
}
@media screen and (max-width: 720px) {
    .mt-30 {
        margin-top: 64px !important;
    }
}
/*  margin minus
---------------------------------------------*/

.mtm-1 {
    margin-top: -8px !important;
}
@media screen and (max-width: 720px) {
    .mtm-1 {
        margin-top: 0 !important;
    }
}
.mtm-2 {
    margin-top: -16px !important;
}
@media screen and (max-width: 720px) {
    .mtm-2 {
        margin-top: 0 !important;
    }
}
.mtm-3 {
    margin-top: -24px !important;
}
@media screen and (max-width: 720px) {
    .mtm-3 {
        margin-top: 0 !important;
    }
}
.mtm-4 {
    margin-top: -32px !important;
}
@media screen and (max-width: 720px) {
    .mtm-4 {
        margin-top: 0 !important;
    }
}
.mtm-5 {
    margin-top: -40px !important;
}
@media screen and (max-width: 720px) {
    .mtm-5 {
        margin-top: 0 !important;
    }
}
.mtm-6 {
    margin-top: -48px !important;
}
@media screen and (max-width: 720px) {
    .mtm-6 {
        margin-top: 0 !important;
    }
}
.mtm-7 {
    margin-top: -56px !important;
}
@media screen and (max-width: 720px) {
    .mtm-7 {
        margin-top: 0 !important;
    }
}
.mtm-8 {
    margin-top: -64px !important;
}
@media screen and (max-width: 720px) {
    .mtm-8 {
        margin-top: 0 !important;
    }
}
.mtm-9 {
    margin-top: -72px !important;
}
@media screen and (max-width: 720px) {
    .mtm-9 {
        margin-top: 0 !important;
    }
}
.mtm-10 {
    margin-top: -80px !important;
}
@media screen and (max-width: 720px) {
    .mtm-10 {
        margin-top: 0 !important;
    }
}
.mtm-11 {
    margin-top: -88px !important;
}
@media screen and (max-width: 720px) {
    .mtm-11 {
        margin-top: 0 !important;
    }
}
.mtm-12 {
    margin-top: -96px !important;
}
@media screen and (max-width: 720px) {
    .mtm-12 {
        margin-top: 0 !important;
    }
}
.mtm-13 {
    margin-top: -104px !important;
}
@media screen and (max-width: 720px) {
    .mtm-13 {
        margin-top: 0 !important;
    }
}
.mtm-14 {
    margin-top: -112px !important;
}
@media screen and (max-width: 720px) {
    .mtm-14 {
        margin-top: 0 !important;
    }
}
.mtm-15 {
    margin-top: -120px !important;
}
@media screen and (max-width: 720px) {
    .mtm-15 {
        margin-top: 0 !important;
    }
}
.mtm-16 {
    margin-top: -128px !important;
}
@media screen and (max-width: 720px) {
    .mtm-16 {
        margin-top: 0 !important;
    }
}
.mtm-17 {
    margin-top: -136px !important;
}
@media screen and (max-width: 720px) {
    .mtm-17 {
        margin-top: 0 !important;
    }
}
.mtm-18 {
    margin-top: -144px !important;
}
@media screen and (max-width: 720px) {
    .mtm-18 {
        margin-top: 0 !important;
    }
}
.mtm-19 {
    margin-top: -152px !important;
}
@media screen and (max-width: 720px) {
    .mtm-19 {
        margin-top: 0 !important;
    }
}
.mtm-20 {
    margin-top: -160px !important;
}
@media screen and (max-width: 720px) {
    .mtm-20 {
        margin-top: 0 !important;
    }
}
.mtm-21 {
    margin-top: -168px !important;
}
@media screen and (max-width: 720px) {
    .mtm-21 {
        margin-top: 0 !important;
    }
}
.mtm-22 {
    margin-top: -176px !important;
}
@media screen and (max-width: 720px) {
    .mtm-22 {
        margin-top: 0 !important;
    }
}
.mtm-23 {
    margin-top: -184px !important;
}
@media screen and (max-width: 720px) {
    .mtm-23 {
        margin-top: 0 !important;
    }
}
.mtm-24 {
    margin-top: -192px !important;
}
@media screen and (max-width: 720px) {
    .mtm-24 {
        margin-top: 0 !important;
    }
}
.mtm-25 {
    margin-top: -200px !important;
}
@media screen and (max-width: 720px) {
    .mtm-25 {
        margin-top: 0 !important;
    }
}
.mtm-26 {
    margin-top: -208px !important;
}
@media screen and (max-width: 720px) {
    .mtm-26 {
        margin-top: 0 !important;
    }
}
.mtm-27 {
    margin-top: -216px !important;
}
@media screen and (max-width: 720px) {
    .mtm-27 {
        margin-top: 0 !important;
    }
}
.mtm-28 {
    margin-top: -224px !important;
}
@media screen and (max-width: 720px) {
    .mtm-28 {
        margin-top: 0 !important;
    }
}
.mtm-29 {
    margin-top: -232px !important;
}
@media screen and (max-width: 720px) {
    .mtm-29 {
        margin-top: 0 !important;
    }
}
.mtm-30 {
    margin-top: -240px !important;
}
@media screen and (max-width: 720px) {
    .mtm-30 {
        margin-top: 0 !important;
    }
}
/*  margin-left right
---------------------------------------------*/

.mlm-20 {
    margin-left: -160px !important;
}
/*  width
---------------------------------------------*/

.w-28 {
    width: 28px !important;
}
.w-86 {
    width: 86px !important;
}
.w-108 {
    width: 108px !important;
}
.w-160 {
    width: 160px !important;
}
.w-200 {
    width: 200px !important;
}
.w-340 {
    width: 340px !important;
}
.w-580 {
    width: 580px !important;
}
.w-710 {
    width: 704px !important;
}
@media screen and (max-width: 720px) {
    .w-86 {
        width: 62px !important;
    }
    .w-108 {
        width: 82px !important;
    }
    .w-340 {
        width: 100% !important;
        box-sizing: border-box;
    }
    .w-580 {
        width: 100% !important;
        box-sizing: border-box;
    }
    .w-710 {
        width: 100% !important;
        box-sizing: border-box;
    }
}