.wf-jp,
.wf-pgo {
    font-weight: 500
}

.wf-jp,
.wf-pgo,
.wf-pgoB {
    font-family: sans-serif;
    transform: rotate(0.05deg)
}

.wf-pgoB {
    font-weight: 600
}

.wf-tk {
    font-weight: 500
}

.wf-tk,
.wf-tk6 {
    font-family: sans-serif;
    transform: rotate(0.05deg)
}

.wf-tk6 {
    font-weight: 600
}

.wf-tk7 {
    font-family: sans-serif;
    transform: rotate(0.05deg);
    font-weight: 700
}

.faIcon:before {
    content: '\f002';
    font-family: Font Awesome\ 5 Free;
    font-weight: 900
}

.fa-plus.faIcon:before {
    content: '\f067'
}

.red {
    color: #e30202
}

.text-yellow {
    color: #ff0
}

.f80 {
    font-size: 80%
}

.f90 {
    font-size: 90%
}

.f100 {
    font-size: 100%
}

.f105 {
    font-size: 105%
}

.f110 {
    font-size: 110%
}

.f115 {
    font-size: 115%
}

.f120 {
    font-size: 120%
}

.f130 {
    font-size: 130%
}

.f140 {
    font-size: 140%
}

.f150 {
    font-size: 150%
}

.f160 {
    font-size: 160%
}

.f170 {
    font-size: 170%
}

.f180 {
    font-size: 180%
}

.f190 {
    font-size: 190%
}

.f200 {
    font-size: 200%
}

.f300 {
    font-size: 300%
}

@media(max-width:768px) {

    .f105,
    .f110,
    .f115 {
        font-size: 105%
    }

    .f120,
    .f130 {
        font-size: 110%
    }

    .f140,
    .f150,
    .f160,
    .f170 {
        font-size: 120%
    }
}

.ttl {
    color: #222
}

.ttl .small {
    font-size: 65%
}

.ttl p {
    margin-bottom: 0
}

.title1.ttl .small {
    font-size: 45%
}

.title1 {
    font-size: 2.8rem;
    font-weight: 600;
    line-height: 1.4;
    border: solid 2px #313131;
    border-width: 2px 0;
    padding: 1rem 0
}

.title2 {
    font-size: 2.2rem;
    font-weight: 600;
    line-height: 1
}

.title2 span {
    font-size: 3.8rem;
    display: block;
    letter-spacing: .25rem;
    line-height: 1
}

.title3 {
    font-size: 2.8rem
}

.title3,
.title4 {
    font-weight: 600;
    line-height: 1.4
}

.title4 {
    font-size: 2.2rem;
    position: relative;
    padding: .25em .5em .25em 1.5em
}

.title4:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    background: url(/lib/img/ttl_accent.png);
    background-size: cover;
    width: 1pc;
    height: 100%
}

.title5 {
    font-size: 2.5rem;
    font-weight: 600;
    position: relative;
    padding: 1rem;
    width: 50%;
    margin-left: auto;
    margin-right: auto
}

.title5:after {
    content: '';
    display: block;
    position: absolute;
    bottom: -22px;
    left: 50%;
    height: 0;
    width: 0;
    margin-left: -7px;
    box-shadow: none;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    z-index: 7
}

.title5.bg-green:after {
    border-left: 15px solid #1cba6f
}

.title6 {
    font-size: 2.3rem;
    font-weight: 500;
    line-height: 1
}

.title6 span {
    font-size: 5.5rem;
    display: block;
    letter-spacing: .25rem;
    line-height: 1
}

.title7 {
    font-size: 4rem;
    font-weight: 600;
    line-height: 1.4
}

.title8 {
    font-size: 2.2rem;
    font-weight: 600
}

.title9 {
    font-size: 2.4rem;
    font-weight: 600
}

.title10 {
    font-size: 2rem;
    font-weight: 500;
    line-height: 1
}

.title10 span {
    font-size: 4.5rem;
    display: block;
    letter-spacing: .25rem;
    line-height: 1
}

.ttl .mark {
    padding: 1rem .25em;
    line-height: 2.2
}

.title2.ttl .mark {
    line-height: 2;
    padding: 1rem .35em
}

@media(max-width:992px) {

    .title1,
    .title2 {
        font-size: 3rem
    }

    .title2 span {
        font-size: 2.5rem
    }

    .title3 {
        font-size: 2.8rem
    }

    .title4,
    .title5 {
        font-size: 2.5rem
    }

    .title6 {
        font-size: 2rem;
        font-weight: 600
    }

    .title7 {
        font-size: 3rem
    }
}

@media(max-width:768px) {
    .title5 {
        width: 60%
    }
}

@media(max-width:576px) {
    .ttl .mark {
        line-height: 2.6
    }

    .title1,
    .title7 {
        font-size: 2rem;
        line-height: 1.4
    }

    .title2 {
        font-size: 1.5rem
    }

    .title2 span {
        font-size: 3rem
    }

    .title3,
    .title4,
    .title5 {
        font-size: 1.8rem
    }

    .title6 {
        font-size: 1.4rem
    }

    .title6 span {
        font-size: 4rem
    }

    .title4 {
        padding: .3em .3em .3em 1em
    }

    .title4:before {
        width: 10px
    }

    .title5 {
        padding: .8rem;
        width: 80%
    }
}

.lead {
    font-size: 125%
}

@media(max-width:576px) {
    .lead {
        font-size: 110%;
        font-weight: 600
    }
}

.lineHeight1 {
    line-height: 1
}

.lineHeight15 {
    line-height: 1.5
}

.lineHeight2 {
    line-height: 2
}

.lineHeight25 {
    line-height: 2.5
}

.lineHeight3 {
    line-height: 3
}

@media(max-width:576px) {
    .lineHeight25 {
        line-height: 2
    }
}

.yellow-line {
    background: linear-gradient(transparent 80%, #fff826 0)
}

.mark {
    display: inline;
    line-height: 2;
    padding: .5rem 1rem
}

li {
    list-style: none
}

ol.list,
ul.list {
    padding-left: 0
}

.pageHead {
    margin-top: 166px;
    margin-bottom: 0 !important
}

.container-fluid.index_main.top_bg.pageHead {
    margin-bottom: -2rem !important
}

.top .container-fluid.index_main.top_bg.pageHead {
    margin-bottom: 0 !important
}

@media screen and (max-width:992px) {
    .pageHead {
        margin-top: 70px
    }

    .container-fluid.index_main.top_bg.pageHead {
        padding-top: 0 !important
    }
}

@media(max-width:576px) {
    .pageHead {
        margin-top: 50px
    }
}

.text-box p {
    line-height: 1.8
}

.text-box p:last-child {
    margin-bottom: 0
}

.text-box.rounded {
    border-radius: 2rem !important;
    padding: 5vh 5vw
}

@media screen and (min-width:992px) {

    a.fax,
    a.linkNone,
    a.tel,
    a[href="tel:"] {
        pointer-events: none;
        cursor: text
    }
}

.arrw,
.arwA,
.arwB,
.arwBew,
.icon {
    position: relative;
    display: inline-block;
    padding: 0 0 0 1pc;
    vertical-align: middle;
    text-decoration: none
}

.arwA,
.arwB {
    padding: 0
}

.arrw:before,
.arwA:after,
.arwAW:after,
.arwBew:before {
    position: absolute;
    top: 50%;
    left: 0;
    content: "";
    vertical-align: middle;
    width: 6px;
    height: 6px;
    border-top: 2px solid #333;
    border-right: 2px solid #333;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-top: -3px
}

.arwA:after,
.arwAW:after,
.arwBew:before {
    left: auto;
    right: 0
}

.arwAW:after,
.arwBew:before,
.header .menu .arrw:before,
.indexHead .arwA:after {
    border-top: 2px solid #fff;
    border-right: 2px solid #fff
}

.header .linkGroup .arrw:before {
    left: 8px
}

.header .menu .arrw:before {
    margin-top: -7px
}

.arwB:after {
    position: absolute;
    top: auto;
    left: 50%;
    content: "";
    vertical-align: middle;
    width: 8px;
    height: 8px;
    border-top: 2px solid #333;
    border-right: 2px solid #333;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    margin-top: 0;
    bottom: 10px
}

i.ico {
    display: inline-block;
    position: relative
}

i.ico.arrow {
    height: 7px;
    width: 4px
}

i.ico.arrow:before {
    content: '';
    height: 0;
    width: 0;
    display: block;
    border: 4px transparent solid;
    border-right-width: 0;
    border-left-color: #3e00ff;
    position: absolute;
    top: -2px;
    left: 0
}

.arrow.Tarrow,
.arrow.circle,
.arrow.dot {
    position: relative;
    display: block;
    padding: 0 0 0 1pc;
    vertical-align: middle;
    text-decoration: none
}

.arrow.Tarrow:before {
    margin-top: -3px;
    left: 4px;
    box-sizing: border-box;
    width: 4px;
    height: 4px;
    border: 4px solid transparent;
    border-left: 4px solid #111;
    transform: inherit
}

.arrow.Tarrow:before,
.arrow.circle:before {
    position: absolute;
    top: 50%;
    content: "";
    vertical-align: middle
}

.arrow.circle:before {
    left: 0;
    width: 10px;
    height: 10px;
    margin-top: -5px
}

.arrow.circle:before,
.arrow.dot:before {
    border-top: 2px solid #333;
    border-right: 2px solid #333;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #111
}

.arrow.dot:before {
    position: absolute;
    top: 50%;
    left: 3px;
    content: "";
    vertical-align: middle;
    margin-top: -1px;
    width: 3px;
    height: 3px
}

.iconC:before {
    content: "\f138";
    font-family: Font Awesome\ 5 Free;
    font-weight: 900;
    position: absolute;
    left: 0;
    top: 10px;
    font-size: 1.1rem;
    margin-top: -6px
}

ul.ast li {
    list-style-type: none;
    text-indent: -1em
}

ul.ast li:before {
    display: inline;
    content: "※";
    padding-right: 10px
}

.number {
    counter-reset: a 0
}

.number li:before {
    counter-increment: a 1;
    content: counter(a) ". ";
    padding-right: 10px
}

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

    .toggle.icon:after,
    .toggle.icon:before {
        content: '';
        position: absolute;
        top: 50%;
        right: 0;
        width: 1.5rem;
        height: 2px;
        background: #fff
    }

    .toggle.icon.collapsed:before {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    .toggle.icon.collapsed:after {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    .toggle.icon:before {
        -webkit-transform: rotate(-315deg);
        -moz-transform: rotate(-315deg);
        transform: rotate(-315deg)
    }

    .toggle.icon:after {
        -webkit-transform: rotate(315deg);
        -moz-transform: rotate(315deg);
        transform: rotate(315deg)
    }
}

.btn {
    border: 0;
    font-size: inherit;
    color: inherit;
    cursor: pointer;
    padding: 2vh 1vw;
    display: block;
    letter-spacing: 1px;
    font-weight: 600;
    outline: 0;
    position: relative;
    white-space: normal
}

.btn,
.btn:after {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}

.btn:after {
    content: '';
    position: absolute;
    z-index: -1;
    right: 10%;
    z-index: 2
}

.btn.bg-dark {
    color: #fff;
    font-size: 1.8rem
}

.school .btn.bg-dark {
    font-size: 1.4rem
}

.btn.bg-dark:hover {
    background: #111;
    color: #fff
}

.btn.more,
.btn.moreS {
    font-family: Pathway Gothic One, sans-serif;
    transform: rotate(0.05deg);
    font-weight: 500;
    width: 80%;
    padding: .5rem;
    text-align: center;
    color: #333;
    font-size: 170%;
    background: #fff;
    border: solid 1px #434343;
    margin-left: auto;
    margin-right: auto
}

.btn.moreS {
    width: 50%;
    max-width: 200px;
    padding: .25rem;
    font-size: 150%
}

.btn.more:after,
.btn.moreS:after {
    content: url(/lib/img/arrow01.png);
    display: block;
    position: absolute;
    top: 0;
    right: 10%;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s
}

.btn.moreS:after {
    content: url(/lib/img/arrow02.png)
}

.btn.more:hover:after,
.btn.moreS:hover:after {
    right: 2%
}

.btn.more.wf-jp,
.btn.moreS.wf-jp {
    font-size: inherit;
    padding: 1.5vh 1vw;
    font-size: 110%;
    font-weight: 600
}

.btn.more.wf-jp:after,
.btn.moreS.wf-jp:after {
    top: 20%
}

@media(max-width:576px) {
    .btn.bg-dark.w-75 {
        width: 90% !important
    }

    .btn.bg-dark.w-40,
    .btn.bg-dark.w-75 {
        font-size: 1.4rem
    }

    .btn.moreS {
        width: 70%
    }
}

.btn01 {
    border: 0;
    font-size: inherit;
    color: inherit;
    cursor: pointer;
    padding: 2vh 1vw;
    display: block;
    letter-spacing: 1px;
    font-weight: 600;
    outline: 0;
    position: relative;
    white-space: normal;
    cursor: pointer;
    border-radius: .25rem;
    text-align: center;
    line-height: 1.5;
}

.btn01,
.btn01:after {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}

.btn01:after {
    content: '';
    position: absolute;
    z-index: -1;
    right: 10%;
    z-index: 2
}

.btn01:hover {
    text-decoration: none;
}

.btn01.bg-dark {
    color: #fff;
    font-size: 1.8rem
}

.school .btn01.bg-dark {
    font-size: 1.4rem
}

.btn01.bg-dark:hover {
    background: #111;
    color: #fff
}

.btn01.more,
.btn01.moreS {
    font-family: Pathway Gothic One, sans-serif;
    transform: rotate(0.05deg);
    font-weight: 500;
    width: 80%;
    padding: .5rem;
    text-align: center;
    color: #333;
    font-size: 170%;
    background: #fff;
    border: solid 1px #434343;
    margin-left: auto;
    margin-right: auto
}

.btn01.moreS {
    width: 50%;
    max-width: 200px;
    padding: .25rem;
    font-size: 150%
}

.btn01.more:after,
.btn01.moreS:after {
    content: url(/lib/img/arrow01.png);
    display: block;
    position: absolute;
    top: 0;
    right: 10%;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s
}

.btn01.moreS:after {
    content: url(/lib/img/arrow02.png)
}

.btn01.more:hover:after,
.btn01.moreS:hover:after {
    right: 2%
}

.btn01.more.wf-jp,
.btn01.moreS.wf-jp {
    font-size: inherit;
    padding: 1.5vh 1vw;
    font-size: 110%;
    font-weight: 600
}

.btn01.more.wf-jp:after,
.btn01.moreS.wf-jp:after {
    top: 20%
}

@media(max-width:576px) {
    .btn01.bg-dark.w-75 {
        width: 90% !important
    }

    .btn01.bg-dark.w-40,
    .btn01.bg-dark.w-75 {
        font-size: 1.4rem
    }

    .btn01.moreS {
        width: 70%
    }
}

.btn-YWarrow:before,
.btn-Yarrow:before {
    content: url(/lib/img/arrow.png);
    display: block;
    position: absolute;
    top: 30%;
    right: 10%;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s
}

.btn-YWarrow:before {
    content: url(/lib/img/YWarrow.png)
}

.btn-YWarrow:hover:before,
.btn-Yarrow:hover:before {
    right: 2%
}

.bg-gray {
    background: #e6e6e6 !important
}

.bg-gray02 {
    background: #f6f6f6 !important
}

.bg-dark {
    background: #434343 !important
}

.bg-dark33 {
    background: #333 !important
}

.bg-darkee {
    background: #eee !important
}

.bg-graylight {
    background: #ebebeb !important
}

.bg-graylight02 {
    background: #f8f8f8 !important
}

.bg-navy {
    background: #3439d7 !important
}

.bg-green {
    background: #1cba6f !important
}

.bg-greenLight {
    background: #ddf5ea !important
}

.bg-orange {
    background: #ff8500 !important
}

.bg-orangeLight {
    background: #ffe6ca !important
}

.bg-orangeLight02 {
    background: #ffecda !important
}

.bg-blue {
    background: #1a68b0 !important
}

.bg-blue02 {
    background: #1968af !important
}

.bg-skyblue {
    background: #d3f3ef !important
}

.bg-skyblue02 {
    background: #40c2c0 !important
}

.bg-yellow {
    background: #fff826 !important
}

.bg-yellow02 {
    background: #fffa67 !important
}

.bg-yellow03 {
    background: #feb608 !important
}

.bg-yellow04 {
    background: #ffef6f !important
}

.bg-yellow05 {
    background: #fff6d2 !important
}

.bg-red {
    background: #fb3458 !important
}

.bg-pink {
    background: #fee1e6 !important
}

.bg-purple {
    background: #9058a7 !important
}

.bg-lightpurple {
    background: #eee6f2 !important
}

.star_orange {
    color: #ff8500
}

.star_gray {
    color: #eee
}

.bg-grd01 {
    background: #eee;
    background: -moz-linear-gradient(top, #eee 1%, #eee 50%, #e5e5e5 50%, #e5e5e5 100%);
    background: -webkit-linear-gradient(top, #eee 1%, #eee 50%, #e5e5e5 50%, #e5e5e5 100%);
    background: linear-gradient(to bottom, #eee 1%, #eee 50%, #e5e5e5 50%, #e5e5e5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#e5e5e5', GradientType=0)
}

.stripesG {
    background-color: #eee;
    background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #f3f3f3), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, #f3f3f3), color-stop(.75, #f3f3f3), color-stop(.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(-45deg, #f3f3f3 25%, transparent 25%, transparent 50%, #f3f3f3 50%, #f3f3f3 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(-45deg, #f3f3f3 25%, transparent 25%, transparent 50%, #f3f3f3 50%, #f3f3f3 75%, transparent 75%, transparent);
    background-image: -ms-linear-gradient(-45deg, #f3f3f3 25%, transparent 25%, transparent 50%, #f3f3f3 50%, #f3f3f3 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(-45deg, #f3f3f3 25%, transparent 25%, transparent 50%, #f3f3f3 50%, #f3f3f3 75%, transparent 75%, transparent);
    background-image: linear-gradient(-45deg, #f3f3f3 25%, transparent 25%, transparent 50%, #f3f3f3 50%, #f3f3f3 75%, transparent 75%, transparent)
}

.stripesG,
.stripesG02 {
    -webkit-background-size: 45px 45px;
    -moz-background-size: 45px 45px;
    background-size: 45px 45px
}

.stripesG02 {
    background-color: #f3f6f9;
    background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #eaeef4), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, #eaeef4), color-stop(.75, #feaeef4), color-stop(.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(-45deg, #feaeef4 25%, transparent 25%, transparent 50%, #feaeef4 50%, #feaeef4 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(-45deg, #feaeef4 25%, transparent 25%, transparent 50%, #feaeef4 50%, #eaeef4 75%, transparent 75%, transparent);
    background-image: -ms-linear-gradient(-45deg, #eaeef4 25%, transparent 25%, transparent 50%, #eaeef4 50%, #eaeef4 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(-45deg, #eaeef4 25%, transparent 25%, transparent 50%, #eaeef4 50%, #eaeef4 75%, transparent 75%, transparent);
    background-image: linear-gradient(-45deg, #eaeef4 25%, transparent 25%, transparent 50%, #eaeef4 50%, #eaeef4 75%, transparent 75%, transparent)
}

.stripesOg {
    background-color: #fff5eb;
    background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #ffecda), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, #ffecda), color-stop(.75, #ffecda), color-stop(.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(-45deg, #ffecda 25%, transparent 25%, transparent 50%, #ffecda 50%, #ffecda 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(-45deg, #ffecda 25%, transparent 25%, transparent 50%, #ffecda 50%, #ffecda 75%, transparent 75%, transparent);
    background-image: -ms-linear-gradient(-45deg, #ffecda 25%, transparent 25%, transparent 50%, #ffecda 50%, #ffecda 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(-45deg, #ffecda 25%, transparent 25%, transparent 50%, #ffecda 50%, #ffecda 75%, transparent 75%, transparent);
    background-image: linear-gradient(-45deg, #ffecda 25%, transparent 25%, transparent 50%, #ffecda 50%, #ffecda 75%, transparent 75%, transparent)
}

.stripesGr,
.stripesOg {
    -webkit-background-size: 45px 45px;
    -moz-background-size: 45px 45px;
    background-size: 45px 45px
}

.stripesGr {
    background-color: #ddf5ea;
    background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #ecfaf3), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, #ecfaf3), color-stop(.75, #ecfaf3), color-stop(.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(-45deg, #ecfaf3 25%, transparent 25%, transparent 50%, #ecfaf3 50%, #ecfaf3 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(-45deg, #ecfaf3 25%, transparent 25%, transparent 50%, #ecfaf3 50%, #ecfaf3 75%, transparent 75%, transparent);
    background-image: -ms-linear-gradient(-45deg, #ecfaf3 25%, transparent 25%, transparent 50%, #ecfaf3 50%, #ecfaf3 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(-45deg, #ecfaf3 25%, transparent 25%, transparent 50%, #ecfaf3 50%, #ecfaf3 75%, transparent 75%, transparent);
    background-image: linear-gradient(-45deg, #ecfaf3 25%, transparent 25%, transparent 50%, #ecfaf3 50%, #ecfaf3 75%, transparent 75%, transparent)
}

.stripesYel {
    background-color: #fff4da;
    background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #fff9eb), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, #fff9eb), color-stop(.75, #fff9eb), color-stop(.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(-45deg, #fff9eb 25%, transparent 25%, transparent 50%, #fff9eb 50%, #fff9eb 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(-45deg, #fff9eb 25%, transparent 25%, transparent 50%, #fff9eb 50%, #fff9eb 75%, transparent 75%, transparent);
    background-image: -ms-linear-gradient(-45deg, #fff9eb 25%, transparent 25%, transparent 50%, #fff9eb 50%, #fff9eb 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(-45deg, #fff9eb 25%, transparent 25%, transparent 50%, #fff9eb 50%, #fff9eb 75%, transparent 75%, transparent);
    background-image: linear-gradient(-45deg, #fff9eb 25%, transparent 25%, transparent 50%, #fff9eb 50%, #fff9eb 75%, transparent 75%, transparent)
}

.stripesRed,
.stripesYel {
    -webkit-background-size: 45px 45px;
    -moz-background-size: 45px 45px;
    background-size: 45px 45px
}

.stripesRed {
    background-color: #fce1e6;
    background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #fdeff1), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, #fdeff1), color-stop(.75, #fdeff1), color-stop(.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(-45deg, #fdeff1 25%, transparent 25%, transparent 50%, #fdeff1 50%, #fdeff1 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(-45deg, #fdeff1 25%, transparent 25%, transparent 50%, #fdeff1 50%, #fdeff1 75%, transparent 75%, transparent);
    background-image: -ms-linear-gradient(-45deg, #fdeff1 25%, transparent 25%, transparent 50%, #fdeff1 50%, #fdeff1 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(-45deg, #fdeff1 25%, transparent 25%, transparent 50%, #fdeff1 50%, #fdeff1 75%, transparent 75%, transparent);
    background-image: linear-gradient(-45deg, #fdeff1 25%, transparent 25%, transparent 50%, #fdeff1 50%, #fdeff1 75%, transparent 75%, transparent)
}

.stripesPle {
    -webkit-background-size: 45px 45px;
    -moz-background-size: 45px 45px;
    background-size: 45px 45px;
    background-color: #f6f1f8;
    background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, #eee6f2), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, #eee6f2), color-stop(.75, #eee6f2), color-stop(.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(-45deg, #eee6f2 25%, transparent 25%, transparent 50%, #eee6f2 50%, #eee6f2 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(-45deg, #eee6f2 25%, transparent 25%, transparent 50%, #eee6f2 50%, #eee6f2 75%, transparent 75%, transparent);
    background-image: -ms-linear-gradient(-45deg, #eee6f2 25%, transparent 25%, transparent 50%, #eee6f2 50%, #eee6f2 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(-45deg, #eee6f2 25%, transparent 25%, transparent 50%, #eee6f2 50%, #eee6f2 75%, transparent 75%, transparent);
    background-image: linear-gradient(-45deg, #eee6f2 25%, transparent 25%, transparent 50%, #eee6f2 50%, #eee6f2 75%, transparent 75%, transparent)
}

.p-6 {
    padding: 4rem
}

.p-7 {
    padding: 5rem
}

.p-8 {
    padding: 6rem
}

.p-9 {
    padding: 7rem
}

.p-10 {
    padding: 8rem
}

.p-100 {
    padding: 10rem
}

.px-6 {
    padding: 0 4rem
}

.px-7 {
    padding: 0 5rem
}

.px-8 {
    padding: 0 6rem
}

.px-9 {
    padding: 0 7rem
}

.px-10 {
    padding: 0 8rem
}

.px-100 {
    padding: 0 10rem
}

.py-6 {
    padding: 4rem 0
}

.py-7 {
    padding: 5rem 0
}

.py-8 {
    padding: 6rem 0
}

.py-9 {
    padding: 7rem 0
}

.py-10 {
    padding: 8rem 0
}

.py-100 {
    padding: 10rem 0
}

.pb-6 {
    padding-bottom: 4rem
}

.pb-7 {
    padding-bottom: 5rem
}

.pb-8 {
    padding-bottom: 6rem
}

.pb-9 {
    padding-bottom: 7rem
}

.pb-10 {
    padding-bottom: 8rem
}

.pb-100 {
    padding-bottom: 10rem
}

.pt-6 {
    padding-top: 4rem
}

.pt-7 {
    padding-top: 5rem
}

.pt-8 {
    padding-top: 6rem
}

.pt-9 {
    padding-top: 7rem
}

.pt-10 {
    padding-top: 8rem
}

.pt-100 {
    padding-top: 10rem
}

.m-6 {
    margin: 4rem
}

.m-7 {
    margin: 5rem
}

.m-8 {
    margin: 6rem
}

.m-9 {
    margin: 7rem
}

.m-10 {
    margin: 8rem
}

.m-100 {
    margin: 10rem
}

.mx-6 {
    margin: 0 4rem
}

.mx-7 {
    margin: 0 5rem
}

.mx-8 {
    margin: 0 6rem
}

.mx-9 {
    margin: 0 7rem
}

.mx-10 {
    margin: 0 8rem
}

.mx-100 {
    margin: 0 10rem
}

.mx--25 {
    margin: 0 -.25rem
}

.my-6 {
    margin: 4rem 0
}

.my-7 {
    margin: 5rem 0
}

.my-8 {
    margin: 6rem 0
}

.my-9 {
    margin: 7rem 0
}

.my-10 {
    margin: 8rem 0
}

.my-100 {
    margin: 10rem 0
}

.mb-6 {
    margin-bottom: 4rem
}

.mb-7 {
    margin-bottom: 5rem
}

.mb-8 {
    margin-bottom: 6rem
}

.mb-9 {
    margin-bottom: 7rem
}

.mb-10 {
    margin-bottom: 8rem
}

.mb-100 {
    margin-bottom: 10rem
}

.mt-6 {
    margin-top: 4rem
}

.mt-7 {
    margin-top: 5rem
}

.mt-8 {
    margin-top: 6rem
}

.mt-9 {
    margin-top: 7rem
}

.mt-10 {
    margin-top: 8rem
}

.mt-100 {
    margin-top: 10rem
}

@media(max-width:768px) {
    .p-6 {
        padding: 2rem
    }

    .p-7 {
        padding: 2.5rem
    }

    .p-8 {
        padding: 3rem
    }

    .p-9 {
        padding: 3.5rem
    }

    .p-10 {
        padding: 4rem
    }

    .p-100 {
        padding: 5rem
    }

    .px-6 {
        padding: 0 2rem
    }

    .px-7 {
        padding: 0 2.5rem
    }

    .px-8 {
        padding: 0 3rem
    }

    .px-9 {
        padding: 0 3.5rem
    }

    .px-10 {
        padding: 0 4rem
    }

    .px-100 {
        padding: 0 5rem
    }

    .py-6 {
        padding: 2rem 0
    }

    .py-7 {
        padding: 2.5rem 0
    }

    .py-8 {
        padding: 3rem 0
    }

    .py-9 {
        padding: 3.5rem 0
    }

    .py-10 {
        padding: 4rem 0
    }

    .py-100 {
        padding: 5rem 0
    }

    .pb-6 {
        padding-bottom: 2rem
    }

    .pb-7 {
        padding-bottom: 2.5rem
    }

    .pb-8 {
        padding-bottom: 3rem
    }

    .pb-9 {
        padding-bottom: 3.5rem
    }

    .pb-10 {
        padding-bottom: 4rem
    }

    .pb-100 {
        padding-bottom: 5rem
    }

    .pt-6 {
        padding-top: 2rem
    }

    .pt-7 {
        padding-top: 2.5rem
    }

    .pt-8 {
        padding-top: 3rem
    }

    .pt-9 {
        padding-top: 3.5rem
    }

    .pt-10 {
        padding-top: 4rem
    }

    .pt-100 {
        padding-top: 5rem
    }

    .m-6 {
        margin: 2rem
    }

    .m-7 {
        margin: 2.5rem
    }

    .m-8 {
        margin: 3rem
    }

    .m-9 {
        margin: 3.5rem
    }

    .m-10 {
        margin: 4rem
    }

    .m-100 {
        margin: 5rem
    }

    .mx-6 {
        margin: 0 2rem
    }

    .mx-7 {
        margin: 0 2.5rem
    }

    .mx-8 {
        margin: 0 3rem
    }

    .mx-9 {
        margin: 0 3.5rem
    }

    .mx-10 {
        margin: 0 4rem
    }

    .mx-100 {
        margin: 0 5rem
    }

    .my-6 {
        margin: 2rem 0
    }

    .my-7 {
        margin: 2.5rem 0
    }

    .my-8 {
        margin: 3rem 0
    }

    .my-9 {
        margin: 3.5rem 0
    }

    .my-10 {
        margin: 4rem 0
    }

    .my-100 {
        margin: 5rem 0
    }

    .mb-6 {
        margin-bottom: 2rem
    }

    .mb-7 {
        margin-bottom: 2.5rem
    }

    .mb-8 {
        margin-bottom: 3rem
    }

    .mb-9 {
        margin-bottom: 3.5rem
    }

    .mb-10 {
        margin-bottom: 4rem
    }

    .mb-100 {
        margin-bottom: 5rem
    }

    .mt-6 {
        margin-top: 2rem
    }

    .mt-7 {
        margin-top: 2.5rem
    }

    .mt-8 {
        margin-top: 3rem
    }

    .mt-9 {
        margin-top: 3.5rem
    }

    .mt-10 {
        margin-top: 4rem
    }

    .mt-100 {
        margin-top: 5rem
    }
}

@media(max-width:576px) {

    .p-6,
    .p-7,
    .p-8,
    .p-9,
    .p-10,
    .p-100 {
        padding: 3rem
    }

    .px-6,
    .px-7,
    .px-8,
    .px-9,
    .px-10,
    .px-100 {
        padding: 0 3rem
    }

    .py-6,
    .py-7,
    .py-8,
    .py-9,
    .py-10,
    .py-100 {
        padding: 3rem 0
    }

    .pb-6,
    .pb-7,
    .pb-8,
    .pb-9,
    .pb-10,
    .pb-100 {
        padding-bottom: 3rem
    }

    .pt-6,
    .pt-7,
    .pt-8,
    .pt-9,
    .pt-10,
    .pt-100 {
        padding-top: 3rem
    }

    .p-xs-1 {
        padding: .25rem
    }

    .p-xs-2 {
        padding: .5rem
    }

    .p-xs-3 {
        padding: 1rem
    }

    .p-xs-4 {
        padding: 1.5rem
    }

    .p-xs-5 {
        padding: 3rem
    }

    .px-xs-1 {
        padding: 0 .25rem
    }

    .px-xs-2 {
        padding: 0 .5rem
    }

    .px-xs-3 {
        padding: 0 1rem
    }

    .px-xs-4 {
        padding: 0 1.5rem
    }

    .px-xs-5 {
        padding: 0 3rem
    }

    .py-xs-1 {
        padding: .25rem 0
    }

    .py-xs-2 {
        padding: .5rem 0
    }

    .py-xs-3 {
        padding: 1rem 0
    }

    .py-xs-4 {
        padding: 1.5rem 0
    }

    .py-xs-5 {
        padding: 3rem 0
    }

    .pb-xs-1 {
        padding-bottom: .25rem
    }

    .pb-xs-2 {
        padding-bottom: .5rem
    }

    .pb-xs-3 {
        padding-bottom: 1rem
    }

    .pb-xs-4 {
        padding-bottom: 1.5rem
    }

    .pb-xs-5 {
        padding-bottom: 3rem
    }

    .pt-xs-1 {
        padding-top: .25rem
    }

    .pt-xs-2 {
        padding-top: .5rem
    }

    .pt-xs-3 {
        padding-top: 1rem
    }

    .pt-xs-4 {
        padding-top: 1.5rem
    }

    .pt-xs-5 {
        padding-top: 3rem
    }

    .m-6,
    .m-7,
    .m-8,
    .m-9,
    .m-10,
    .m-100 {
        margin: 3rem
    }

    .mx-6,
    .mx-7,
    .mx-8,
    .mx-9,
    .mx-10,
    .mx-100 {
        margin: 0 3rem
    }

    .my-6,
    .my-7,
    .my-8,
    .my-9,
    .my-10,
    .my-100 {
        margin: 3rem 0
    }

    .mb-6,
    .mb-7,
    .mb-8,
    .mb-9,
    .mb-10,
    .mb-100 {
        margin-bottom: 3rem
    }

    .mt-6,
    .mt-7,
    .mt-8,
    .mt-9,
    .mt-10,
    .mt-100 {
        margin-top: 3rem
    }

    .m-xs-1 {
        margin: .25rem
    }

    .m-xs-2 {
        margin: .5rem
    }

    .m-xs-3 {
        margin: 1rem
    }

    .m-xs-4 {
        margin: 1.5rem
    }

    .m-xs-5 {
        margin: 3rem
    }

    .mx-xs-1 {
        margin: 0 .25rem
    }

    .mx-xs-2 {
        margin: 0 .5rem
    }

    .mx-xs-3 {
        margin: 0 1rem
    }

    .mx-xs-4 {
        margin: 0 1.5rem
    }

    .mx-xs-5 {
        margin: 0 3rem
    }

    .my-xs-1 {
        margin: .25rem 0
    }

    .my-xs-2 {
        margin: .5rem 0
    }

    .my-xs-3 {
        margin: 1rem 0
    }

    .my-xs-4 {
        margin: 1.5rem 0
    }

    .my-xs-5 {
        margin: 3rem 0
    }

    .mb-xs-1 {
        margin-bottom: .25rem
    }

    .mb-xs-2 {
        margin-bottom: .5rem
    }

    .mb-xs-3 {
        margin-bottom: 1rem
    }

    .mb-xs-4 {
        margin-bottom: 1.5rem
    }

    .mb-xs-5 {
        margin-bottom: 3rem
    }

    .mt-xs-1 {
        margin-top: .25rem
    }

    .mt-xs-2 {
        margin-top: .5rem
    }

    .mt-xs-3 {
        margin-top: 1rem
    }

    .mt-xs-4 {
        margin-top: 1.5rem
    }

    .mt-xs-5 {
        margin-top: 3rem
    }
}

.index1 {
    z-index: 1
}

.index2 {
    z-index: 2
}

.index3 {
    z-index: 3
}

.index4 {
    z-index: 4
}

.index5 {
    z-index: 5
}

.index10 {
    z-index: 6
}

.index20 {
    z-index: 7
}

.index30 {
    z-index: 8
}

.index50 {
    z-index: 9
}

.index100 {
    z-index: 10
}

.index999 {
    z-index: 11
}

.gmap {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden
}

.gmap embed,
.gmap iframe,
.gmap object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.mov {
    position: relative;
    height: 0;
    padding: 0 0 56.25%;
    overflow: hidden
}

.mov iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.rounded10 {
    -webkit-border-radius: 10px;
    border-radius: 10px
}

.rounded100 {
    -webkit-border-radius: 500px;
    border-radius: 500px
}

.border2 {
    border-width: 2px !important
}

.border3 {
    border-width: 3px !important
}

.border5 {
    border-width: 5px !important
}

.border-bottom2 {
    border-bottom-width: 2px !important
}

.border-bottom3 {
    border-bottom-width: 3px !important
}

.border-bottom-dot {
    border-bottom: dotted 1px #959595
}

.border-dark02 {
    border-color: #434343 !important
}

.boder-or {
    border-color: #ff8500 !important
}

.table-bordered.border-white td,
.table-bordered.border-white th {
    border-color: #fff
}

.table-bordered.border2 td,
.table-bordered.border2 th {
    border-width: 2px
}

.h-100 {
    height: 100%;
}

.w-100 {
    height: auto
}

.w-80 {
    width: 80%
}

.w-60 {
    width: 60%
}

.w-20 {
    width: 20%
}

.w-15 {
    width: 15%
}

@media(min-width:992px) {
    .w-40 {
        width: 40%
    }
}

@media(max-width:992px) {
    .w-40 {
        width: 80%
    }
}

@media(max-width:768px) {

    .w-40,
    .w-60 {
        width: 90%
    }
}

.trans {
    display: inline-block;
    position: relative;
    z-index: 0;
    font-weight: 700
}

.trans:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    content: ""
}

.transf01 {
    padding: .75vh 0;
    min-width: 230px;
    max-width: 270px;
    line-height: 1.2
}

.transf01:before {
    background-color: #fff826
}

.object-fit img {
    object-position: 0;
    width: 100%;
    aspect-ratio: 3 / 2;
    height: auto
}

.y-shadow {
    box-shadow: 10px 10px #fff823
}

.b-shadow {
    box-shadow: 5px 5px #333
}

.page_anchor {
    padding-top: 75pt;
    margin-top: -75pt;
    display: block
}

@media(max-width:992px) {
    .page_anchor {
        padding-top: 75pt;
        margin-top: -75pt
    }
}

.anc-link-01 {
    margin: 0 -10px;
    overflow: hidden;
    padding: 0
}

.anc-link-01 li {
    float: left;
    padding: 0 10px;
    width: 50%
}

.anc-link-01 li a {
    background-color: #333;
    color: #fff;
    display: block;
    padding: 20px 10px 30px;
    text-align: center
}

.anc-link-01 .arwA:after {
    border-color: #fff;
    top: inherit;
    bottom: 10px;
    left: 0;
    right: 0;
    width: 8px;
    height: 8px;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    margin: auto !important
}

.f_acr {
    color: #fff;
    padding: 0
}

.f_acr div {
    cursor: pointer;
    padding: 15px 10px
}

.f_acr .f_acr_list {
    border-bottom: 1px solid #fff
}

.f_acr .ac_inner {
    display: none;
    padding: 0;
    width: 100%
}

.ac_head {
    background-color: #434343;
    font-size: 14px;
    letter-spacing: 1px
}

.ac_head.color01 {
    background-color: #ed3857
}

.ac_head.color02 {
    background-color: #1a68b0
}

.ac_head.color03 {
    background-color: #1cba6f
}

.ac_head.color04 {
    background-color: #feb609
}

.ac_head.color05 {
    background-color: #9853ff;
}

.ac_btn {
    background-color: #dee2e6;
    color: #333;
    margin-bottom: 1px
}

.ac_content_in {
    background-color: #f8f8f8;
    margin-bottom: 1px;
    padding: 10px 25px
}

.ac_inner_in {
    display: none;
    padding: 0;
    width: 100%
}

.ac_inner_in.current {
    display: block
}

.ac_icon,
.ac_icon span {
    display: inline-block;
    transition: all .4s;
    box-sizing: border-box
}

.ac_icon {
    position: relative;
    width: 30px;
    height: 30px;
    float: right
}

.ac_icon span {
    position: absolute;
    right: 0;
    width: 50%;
    height: 2px;
    background-color: #333;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -ms-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px
}

.ac_head span {
    background-color: #fff
}

.ac_icon span:nth-of-type(1) {
    top: 11px;
    transform: rotate(0);
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0)
}

.ac_icon span:nth-of-type(2) {
    top: 11px;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg)
}

.ac_icon.active span:nth-of-type(1) {
    display: none
}

.ac_icon.active span:nth-of-type(2) {
    top: 11px;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg)
}

.ac_btn .arwA,
.ac_content_in .arwA {
    display: block
}

.ac_btn .arwA:after,
.ac_content_in .arwA:after {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg)
}

.ac_btn .arwA:after {
    right: 10px
}

.ac_content_in .arwA:after {
    right: -10px
}

@media(max-width:768px) {}

@media(max-width:768px) {

    .contents,
    .f_acr {
        width: 100%
    }

    .anc-link-01 {
        margin: 0
    }

    .anc-link-01 li {
        float: none;
        padding: 0 0 10px;
        width: 100%
    }
}

section {
    margin-bottom: 60px
}

section:last-child {
    margin-bottom: 0
}

.wrap {
    width: 100%;
    max-width: 885pt;
    margin: 0 auto
}

.wrap>.row {
    margin: 0
}

.container.row {
    margin-left: auto;
    margin-right: auto
}

ul.row {
    margin-bottom: 0;
    padding-left: 0
}

@media screen and (min-width:992px) {
    .main-col {
        padding: 0 0 0 3%
    }

    .side-col {
        padding: 0
    }
}

@media screen and (max-width:992px) {
    .main-col {
        padding: 0
    }
}

@media screen and (max-width:575px) {
    section.course-field.sec01 {
        margin-bottom: 0 !important
    }
}

.container {
    min-width: 885pt
}

.wrap .container {
    min-width: auto
}

@media screen and (max-width:992px) {
    .wrap .container table {
        display: block;
        overflow-x: scroll;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch
    }

    .wrap .container table td,
    .wrap .container table th {
        padding: 6px
    }
}

.pc_view {
    display: block
}

.sp_view {
    display: none
}

@media screen and (max-width:768px) {
    .pc_view {
        display: none
    }

    .sp_view {
        display: block
    }
}

.wrap .container table,
td,
th {
    border: 1px solid #313131;
    border-collapse: collapse
}

.wrap .container td,
.wrap .container th {
    padding: 6px 5px
}

.wrap .container .p_split {
    width: 5%
}

.wrap .container .p_split02 {
    width: 3%
}

.wrap .container .p_right {
    text-align: right
}

.wrap .container .p_center {
    text-align: center
}

.wrap .container th {
    background: #eee
}

.wrap .container .even {
    background: #fbf8f0
}

.wrap .container .odd {
    background: #fefcf9
}

.container-fluid {
    padding-left: 0;
    padding-right: 0
}

@media(max-width:992px) {
    .container-fluid.index_main {
        padding-top: 0
    }

    .container {
        max-width: none;
        min-width: auto;
        padding-left: 5%;
        padding-right: 5%
    }
}

.headerCV {
    display: none
}

@media(max-width:992px) {
    ul.row {
        margin: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        flex-direction: row;
        justify-content: center
    }

    .headerCV li {
        width: 33.33%;
        border-right: 1px #fff solid
    }

    .headerCV li:last-child {
        border: 0
    }

    .headerCV li a {
        color: #fff;
        display: block;
        font-size: 1.4rem;
        font-weight: 700;
        position: relative;
        padding: 1.5rem 0;
        text-align: center;
        text-decoration: none
    }

    .headerCV li a.doc {
        background-color: #ed3857
    }

    .headerCV li a.tour {
        background-color: #39be7b
    }

    .headerCV li a.lesson {
        background-color: #9158a7
    }

    .headerCV li a.lesson:before {
        background-image: url(https://v.human-yakan.com/lib/img/doc_icon.png);
        background-repeat: no-repeat;
        height: 20px;
        background-image: url(/lib/img/exp_iconW.png);
        background-repeat: no-repeat;
        height: 20px
    }

    .headerCV li a.tour:before {
        background-image: url(/lib/img/shl_iconW.png);
        background-repeat: no-repeat;
        height: 22px
    }
}

.jumbotron {
    max-width: 885pt;
/*    margin: 0 auto;*/
    margin-top: 0;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    border-radius: none;
    background: 0;
    position: relative
}

.jumbotron-fluid {
    min-width: 885pt
}

.campaign_text {
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 5%;
    left: 0;
    z-index: 2
}

@media screen and (max-width:992px) {
    .jumbotron-fluid {
        min-width: auto
    }
}

@media screen and (max-width:768px) {
    .campaign_text p.title3 {
        font-size: 2rem
    }
}

@media(max-width:576px) {
    .jumbotron {
        overflow: hidden
    }

    .campaign_text {
        position: static
    }

    .campaign_text p.title3 {
        font-size: 1.2rem
    }

    .pageHead {
        margin-top: 112px
    }

    .index .jumbotron-fluid.pageHead {
        padding-top: 0
    }
}

.footer section {
    margin-bottom: 0
}

.footer {
    margin-top: 10vh
}

@media(max-width:768px) {
    .footer {
        margin-top: 0
    }
}

.btn-groupCV {
    display: none
}

@media(max-width:768px) {
    .btn-groupCV {
        position: fixed;
        top: 50px;
        width: 100%;
        margin: 0;
        padding-left: 0;
        font-size: 0
    }

    .btn-groupCV li {
        display: inline-block;
        width: 33.33%;
        background: #111;
        border-right: solid 1px #fff
    }

    .btn-groupCV li:last-child {
        border: 0
    }

    .btn-groupCV li a {
        color: #fff;
        display: block;
        font-size: 1.2rem;
        font-weight: 700;
        padding: 1rem 0;
        position: relative;
        text-align: center
    }

    .btn-groupCV li a:hover {
        text-decoration: none
    }

    .btn-groupCV li a:before {
        display: inline-block;
        content: '';
        position: absolute;
        background-size: contain;
        width: 18px;
        height: 18px;
        left: 14px;
        right: 0;
        top: 25%
    }

    .btn-groupCV li a.doc {
        background: #fa1249
    }

    .btn-groupCV li a.tour {
        background: #4ac280
    }

    .btn-groupCV li a.lesson {
        background: #7030a0
    }

    .btn-groupCV li a.doc:before {
        background-image: url(/lib/img/doc_icon.png);
        background-repeat: no-repeat;
        height: 20px
    }

    .btn-groupCV li a.tour:before {
        background-image: url(/lib/img/shl_iconW.png);
        background-repeat: no-repeat;
        height: 22px
    }

    .btn-groupCV li a.lesson:before {
        background-image: url(/lib/img/exp_iconW.png);
        background-repeat: no-repeat;
        height: 20px
    }
}

@media(max-width:576px) {
    .f_bnner.py-5 {
        padding: 3rem 2rem
    }

    .f_bnner li {
        margin-bottom: 1rem
    }

    .f_bnner li:last-child {
        margin-bottom: 0
    }
}

.footerLink,
.footerLink a,
.footerLink a:hover {
    color: #fff
}

.footIndex ul.list {
    padding: 0
}

.footIndex ul.list li {
    line-height: 2.5rem
}

.footIndex>li {
    margin-bottom: 5vh
}

.footIndex .indexHead {
    text-decoration: none;
    font-weight: 600;
    color: #fff;
    display: inline-block;
    font-size: 1.6rem;
    padding: 0 0 10px;
    line-height: 1.2;
    width: 100%;
    border-bottom: 1px solid #fff;
    margin-bottom: 1rem
}

.footIndex ul.list li a {
    position: relative;
    padding: 0 0 0 20px;
    vertical-align: middle;
    text-decoration: none;
    font-size: 1.4rem;
    line-height: 1.2
}

.footIndex ul.list li a:before {
    content: "\f138";
    font-family: Font Awesome\ 5 Free;
    font-weight: 900;
    color: #fff;
    position: absolute;
    left: 0;
    top: 10px;
    font-size: 1.1rem;
    margin-top: -5px
}

@media(max-width:992px) {
    .footIndex>li {
        margin-bottom: 3vh
    }
}

.footer_snsIcon li {
    width: 40px;
    float: left;
    margin-left: 1rem
}

@media(max-width:576px) {
    .footerLink.py-10 {
        padding: 3rem 0
    }

    .footer_snsIcon ul {
        display: flex;
        justify-content: center;
        width: 50%;
        margin: 0 auto;
        padding: 0
    }

    .footer_snsIcon li {
        width: 25%;
        margin-left: 12.333333%
    }

    .footer_snsIcon li:first-child {
        margin-left: 0
    }
}

.copy .float-left {
    width: 40%
}

.copy .float-right {
    margin-top: 2vh
}

small.copyright {
    font-size: 1.2rem;
    letter-spacing: .05rem
}

@media(max-width:992px) {
    .copy .float-left {
        width: 60%
    }
}

@media screen and (max-width:768px) {
    .copy .float-left {
        width: 100%;
        text-align: center
    }

    .copy .float-right {
        display: none
    }
}

.breadcrumb {
    background: #fff
}

li.breadcrumb-item:first-child a {
    text-decoration: underline
}

.breadcrumb-item a,
.breadcrumb-item span {
    font-size: 1.2rem
}

.breadcrumb-item+.breadcrumb-item:before {
    content: "\03e"
}

aside .sideAcc {
    padding: 0;
    font-weight: 500
}

aside .indexHead {
    background: #313131;
    position: relative;
    display: block;
    padding: 1.2rem 1.5rem;
    border-bottom: solid 1px #fff;
    margin-bottom: 0;
    color: #fff;
    font-weight: 600;
    border-bottom-width: 0
}

aside .indexHead:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    width: 6px;
    height: 100%;
    background: #ff8400
}

aside .indexHead span {
    display: block
}

aside .sideAcc ul.list,
aside .sideAcc ul.list .submenu {
    padding: 0
}

aside .sideAcc ul.list {
    border-bottom: solid 1px #bfbfbf
}

aside .sideAcc ul.list li {
    padding: 0;
    border: solid 1px #bfbfbf;
    border-width: 0 1px 1px
}

aside .sideAcc ul.list .submenu li {
    border-width: 1px 1px 0
}

aside .sideAcc ul.list .submenu .submenu li {
    border-width: 1px 0 0
}

aside .sideAcc ul.list li a {
    display: block;
    letter-spacing: -.05rem;
    font-size: 1.6rem;
    line-height: 1.4;
    text-decoration: none;
    position: relative;
    padding: 1.2rem 1rem
}

aside .sideAcc ul.list .submenu .submenu li a {
    padding-left: 2rem
}

aside .sideAcc ul.list li a:before,
aside .sideAcc ul.list li.indexHead02 a:before {
    position: absolute;
    top: 50%;
    right: 1.2rem;
    content: "";
    vertical-align: middle;
    width: 6px;
    height: 6px;
    border-top: 2px solid #333;
    border-right: 2px solid #333;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-top: -3px
}

@media(min-width:992px) {
    aside .indexHead02 {
        background: #313131;
        position: relative;
        display: block;
        padding: 1.2rem 1.5rem;
        border-bottom: solid 1px #fff;
        margin-bottom: 0
    }

    aside .indexHead02 a {
        color: #fff;
        font-weight: 600
    }

    aside .indexHead02:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "";
        width: 6px;
        height: 100%;
        background: #ff8400
    }

    aside .sideAcc ul.list {
        display: block !important
    }

    aside .sideAcc ul.list li.indexHead02 a:before {
        border-top: 2px solid #fff;
        border-right: 2px solid #fff;
        z-index: 1
    }
}

@media(max-width:992px) {
    aside .indexHead a {
        color: #333;
        font-weight: 500
    }

    aside .indexHead span {
        position: relative
    }

    aside .indexHead span:after,
    aside .indexHead span:before {
        content: '';
        position: absolute;
        top: 50%;
        right: 0;
        width: 1.5rem;
        height: 2px;
        background: #fff
    }

    aside .indexHead span:before {
        -webkit-transform: rotate(0);
        -moz-transform: rotate(0);
        transform: rotate(0)
    }

    aside .indexHead span:after {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        transform: rotate(90deg)
    }

    aside .indexHead.active span:before {
        -webkit-transform: rotate(-315deg);
        -moz-transform: rotate(-315deg);
        transform: rotate(-315deg)
    }

    aside .indexHead.active span:after {
        -webkit-transform: rotate(315deg);
        -moz-transform: rotate(315deg);
        transform: rotate(315deg)
    }

    aside .indexHead.active span:after,
    aside .indexHead.active span:before {
        -webkit-transition: .35s ease-in-out;
        -moz-transition: .35s ease-in-out;
        transition: .35s ease-in-out
    }

    aside .indexHead:after {
        border-top: 2px solid #333;
        border-right: 2px solid #333
    }
}

html {
    font-size: 62.5%
}

body {
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.6;
    color: #333;
    font-family: Noto Sans Japanese, Hiragino Kaku Gothic Pro\ 3W, ヒラギノ角ゴ Pro\ 3W, Hiragino Kaku Gothic ProN\ 3W, ヒラギノ角ゴ ProN\ 3W, Meiryo UI, メイリオ UI, Meiryo, メイリオ, YuGothic, 游ゴシック, Arial, Helvetica, MS PGothic, ＭＳ\ Ｐゴシック, Osaka, sans-serif
}

a:focus,
a:hover {
    color: #ed3857;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

* {
    box-sizing: border-box;
    min-height: .01px
}

a {
    color: #333
}

@media screen and (max-width:992px) {
    img {
        max-width: 100%;
        height: auto
    }

    .headerCV li a {
        padding: 1.4rem 0 1.2em 1.5rem
    }

    .headerCV li a:before {
        width: 18px;
        left: 22px;
        top: 31%
    }
}

@media(min-width:577px) {
    .footer .sp-pageTop {
        display: none
    }
}

@media(max-width:576px) {
    .footer {
        padding-bottom: 15px
    }

    .footer .sp-pageTop {
        opacity: 0;
        display: block;
        position: fixed;
        left: 10px;
        bottom: 10px;
        width: 3pc;
        padding: 6px;
        background: #fff;
        text-align: center;
        transition: 1.1s all
    }

    .footer .sp-pageTop.active {
        opacity: 1
    }

    .footer .sp-pageTop a {
        display: block;
        color: #fff;
        text-decoration: none
    }
}

.header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    width: 100%;
    background: #fff;
    transition: .3s;
    padding: 1rem 0
}

.header .inner {
    width: 75pc;
    margin-left: auto;
    margin-right: auto
}

.header ul.inner {
    padding: 0
}

@media screen and (min-width:992px) and (max-width:1200px) {
    .header .inner {
        padding: 0 3%;
        width: 100%
    }
}

@media screen and (max-width:992px) {
    .header {
        padding: 0
    }

    .header .inner {
        max-width: 100%;
        width: 100%;
        height: 70px;
        padding: 0
    }

    .mobileNav {
        position: relative
    }

    .header ul.inner.show-on-mobile {
        padding: 0;
        margin: 0
    }

    .menu>ul {
        position: relative;
        height: 100%;
        overflow-y: auto;
        max-height: 700px;
        min-height: 600px;
        display: block;
        -webkit-overflow-scrolling: touch
    }

    .header nav {
        position: absolute;
        top: 0;
        width: 100%
    }
}

@media(max-width:576px) {
    .header .inner {
        height: 50px
    }

    .header ul.inner.show-on-mobile {
        padding: 0
    }

    .header .mobileNav nav:first-child {
        z-index: 2;
        background-color: #fff
    }
}

.header h1.col-md-6 {
    line-height: 1.2;
    padding: 0;
    margin: 0
}

.header h1 .lead {
    font-size: 1.4rem
}

.header h1 a:focus,
.header h1 a:hover {
    color: #333
}

.header h1 span img {
    display: inline-block;
    width: 100%
}

@media screen and (max-width:992px) {
    .header h1.col-md-6 {
        flex: 0 0 80%;
        max-width: 80%;
        padding: 0 0 0 3%;
        align-items: center;
        display: flex;
        margin: 0
    }

    .header h1 span img {
        width: 65%
    }
}

@media(max-width:576px) {
    .header h1.col-md-6 {
        line-height: 0
    }

    .header h1 span img {
        max-height: 1.8em;
        width: auto;
        padding: 4px 0 0 8px
    }
}

.header .linkGroup {
    margin: 0
}

.header .linkGroup li {
    float: right
}

.header .linkGroup li:nth-child(-n+3) {
    width: 125px;
    margin-left: 7px
}

.header .linkGroup li:nth-child(-n+3) a {
    -webkit-border-radius: 75pt;
    border-radius: 75pt;
    background: #ffed61;
    padding: 5px 20px;
    line-height: 1.2;
    font-size: 90%;
    font-weight: 600;
    display: inline-block;
    vertical-align: middle;
    width: 100%
}

.header .linkGroup li:nth-child(3) a {
    background: #ea2c50;
    color: #fff
}

.header .linkGroup li:nth-child(-n+3) a i {
    margin-right: 5px
}

.header .linkGroup li img {
    width: 18px
}

.header .linkGroup li:last-child li {
    width: auto
}

.header .linkGroup .align-items-center.row {
    margin: 0
}

@media screen and (min-width:992px) and (max-width:1200px) {
    .header .linkGroup {
        flex: 0 0 50%;
        max-width: 50%
    }
}

.header .linkGroup li a.tel {
    font-size: 3rem;
    -webkit-border-radius: 0;
    border-radius: 0;
    background: 0;
    padding: 0 5px 0 0
}

.header .linkGroup li .tel i {
    margin-right: 5px
}

.header .linkGroup li .tel img {
    width: 35px
}

.header .linkGroup li a.arw {
    background: #eee
}

.menu-mobile {
    display: none;
    padding: 9pt 10px
}

.menu {
    margin: 0 auto;
    width: 100%;
    list-style: none;
    padding: 0;
    position: relative;
    box-sizing: border-box
}

.menu .inner {
    margin: 1rem auto 0
}

.menu>ul:after,
.menu>ul:before {
    content: "";
    display: table
}

.menu>ul:after {
    clear: both
}

.menu>ul>li {
    float: left;
    text-align: center;
/*    width: 20%;*/
    width: 25%;
    padding: 0;
    margin: 0;
    border-left: solid 1px #333
}

.menu>ul>li:last-child {
    border-right: solid 1px #333
}

.menu .iconC:before {
    display: none
}

.menu-dropdown-icon p {
    color: #fff;
    display: inline-block;
    font-size: 1.4rem;
    padding: 0 0 10px;
    width: 100%;
    border-bottom: 1px solid #fff
}

.menu-dropdown-icon p,
.menu>ul>li a {
    text-decoration: none;
    font-weight: 600;
    line-height: 1.2
}

.menu>ul>li a {
    display: block
}

.menu ul>li a:hover {
    color: #333
}

.menu>ul>li>ul {
    display: none;
    width: 100%;
    min-width: 75pc;
    background: #000;
    padding: 20px 5%;
    position: absolute;
    z-index: 2;
    left: 0;
    margin: 1.5rem 0 0;
    list-style: none;
    box-sizing: border-box;
    opacity: .8;
    top: 3px;
    border-top: 10px solid #fff
}

.menu>ul>li>ul>ul {
    position: relative;
    width: 100%
}

.menu>ul>li>ul:after,
.menu>ul>li>ul:before {
    content: "";
    display: table
}

.menu>ul>li>ul:after {
    clear: both
}

.menu>ul>li>ul>li {
    margin: 0;
    padding-bottom: 0;
    list-style: none;
    width: 25%;
    background: 0;
    float: left;
    text-align: left;
    padding: 0 1rem
}

.menu>ul>li>ul.pa>li {
    width: 16.6%
}

.menu>ul>li>ul>li a {
    color: #fff;
    width: 100%;
    display: block;
    border-bottom: 1px solid #fff
}

.menu>ul>li>ul>li a:hover {
    color: #fff
}

.menu>ul>li>ul>li>a {
    font-size: 1.4rem;
    padding-bottom: 10px
}

.menu>ul>li>ul>li>ul {
    padding: 0;
    margin: 10px 0 0;
    list-style: none;
    box-sizing: border-box
}

.menu>ul>li>ul>li>ul:after,
.menu>ul>li>ul>li>ul:before {
    content: "";
    display: table
}

.menu>ul>li>ul>li>ul:after {
    clear: both
}

.menu>ul>li>ul>li>ul>li {
    float: left;
    width: 100%;
    padding: 5px 0;
    margin: 0;
    font-size: .8em
}

.menu>ul>li>ul>li>ul>li a {
    border: 0;
    font-size: 1.3rem;
    font-weight: 500
}

.menu>ul>li>ul.normal-sub,
.menu>ul>li>ul.school {
    width: 250px;
    min-width: 200px;
    left: auto;
    padding: 10px 20px
}

.menu>ul>li>ul.school {
    width: 55%;
    min-width: 330px
}

.menu>ul>li>ul.school>li {
    width: 100%
}

.is-animation .menu>ul>li>ul.normal-sub {
    margin-left: -15px
}

.menu>ul>li>ul.normal-sub>li {
    width: 100%
}

.menu>ul>li>ul.normal-sub>li a,
.menu>ul>li>ul.school>li>ul>li a {
    border: 0;
    padding: .5em 0
}

@media only screen and (min-width:992px) {
    .menu-dropdown-icon p {
        min-height: 34px
    }
}

@media only screen and (min-width:993px) {

    .menu>ul>.menu-kengaku,
    .menu>ul>.menu-line,
    .menu>ul>.menu-shiryou,
    .menu>ul>.menu-taiken,
    .menu>ul>.menu-tel {
        display: none
    }
}

@media only screen and (max-width:1200px) {
    .menu>ul>li>ul {
        padding: 20px 3%;
        min-width: auto
    }
}

@media only screen and (max-width:992px) {
    .arw:before {
        display: none
    }

    .menu>ul>li>ul>li a {
        padding-left: 0
    }

    .header {
        width: 100%
    }

    .header h1.col-md-6 {
        flex: 0 0 100%;
        max-width: 100%;
        background: #fff
    }

    .menu-mobile {
        display: block;
        position: relative;
        float: right;
        width: 70px;
        height: 70px;
        cursor: pointer;
        z-index: 11;
        background: #000
    }

    .menu-mobile div {
        position: absolute;
        width: 25px;
        height: 20px;
        top: 50%;
        left: 50%;
        margin: -10px 0 0 -12.5px
    }

    .menu-mobile span {
        display: block;
        position: absolute;
        height: 2px;
        width: 100%;
        background: #fff;
        left: 0;
        -webkit-transition: .35s ease-in-out;
        -moz-transition: .35s ease-in-out;
        transition: .35s ease-in-out
    }

    .menu-mobile span:nth-child(1) {
        top: 0
    }

    .menu-mobile span:nth-child(2) {
        top: 45%
    }

    .menu-mobile span:nth-child(3) {
        bottom: 0
    }

    .menu-mobile.open span:nth-child(1) {
        top: 11px;
        -webkit-transform: rotate(315deg);
        -moz-transform: rotate(315deg);
        transform: rotate(315deg)
    }

    .menu-mobile.open span:nth-child(2) {
        width: 0;
        left: 50%
    }

    .menu-mobile.open span:nth-child(3) {
        top: 11px;
        -webkit-transform: rotate(-315deg);
        -moz-transform: rotate(-315deg);
        transform: rotate(-315deg)
    }

    .menu-dropdown-icon:before {
        display: block
    }

    .menu>ul {
        display: none
    }

    .menu>ul>li {
        width: 100%;
        float: none;
        display: block;
        position: relative
    }

    .menu>ul>li>a {
        display: block;
        width: 100%;
        background: #333;
        color: #fff;
        text-align: left;
        padding: 1.5em
    }

    .menu>ul>.menu-kengaku,
    .menu>ul>.menu-line,
    .menu>ul>.menu-shiryou,
    .menu>ul>.menu-taiken,
    .menu>ul>.menu-tel {
        border-top: 1px solid #fff
    }

    .menu>ul>.menu-kengaku,
    .menu>ul>.menu-shiryou,
    .menu>ul>.menu-taiken {
        border-left: 1px solid #fea708
    }

    .menu>ul>.menu-kengaku a,
    .menu>ul>.menu-shiryou a,
    .menu>ul>.menu-taiken a {
        padding: 1.2em 1.5em;
        background: #fea708
    }

    .menu>ul>.menu-tel a {
        text-align: center;
        font-size: 2.8rem;
        padding: .5em 0
    }

    .menu>ul>.menu-tel i {
        margin-right: 8px
    }

    .menu>ul>.menu-tel i img {
        width: 40px
    }

    .menu>ul>.menu-line a {
        padding: 1em;
        text-align: center
    }

    .menu>ul>.menu-line a img {
        height: 3pc
    }

    .menu-dropdown-icon {
        background: #333
    }

    .menu-dropdown-icon:before {
        content: "\f078";
        font-family: Font Awesome\ 5 Free;
        font-weight: 900;
        color: #fff;
        cursor: pointer;
        float: right;
        display: block;
        padding: 19px 2em
    }

    .menu-dropdown-icon:after {
        clear: both;
        content: "";
        display: table
    }

    .menu>ul>li>a {
        background: #333;
        color: #fff;
        text-align: left
    }

    .menu>ul>li a {
        padding: 1.5em;
        width: 100%;
        display: block
    }

    .menu>ul>li a:hover {
        color: #fff
    }

    .menu>ul>li>ul,
    .menu>ul>li>ul.school {
        position: relative;
        width: 100%;
        min-width: auto;
        padding-top: 3vh;
        margin: 0;
        border: 0
    }

    .menu>ul>li>ul.normal-sub {
        width: 100%
    }

    .menu>ul>li>ul.pa>li,
    .menu>ul>li>ul>li {
        float: none;
        width: 100%;
        margin-top: 20px
    }

    .menu>ul>li>ul.pa>li:first-child,
    .menu>ul>li>ul>li:first-child {
        margin-top: 0
    }

    .menu>ul>li>ul>li:first-child {
        margin: 0
    }

    .menu>ul>li>ul>li>ul {
        position: relative
    }

    .menu>ul>li>ul>li>ul>li {
        float: none;
        padding: 0
    }

    .menu>ul>li>ul>li>ul>li a {
        padding: 1rem
    }

    .menu .show-on-mobile {
        display: block
    }
}

@media(max-width:576px) {
    .menu-mobile {
        width: 50px;
        height: 50px
    }

    .menu-mobile div {
        width: 20px;
        height: 18px;
        margin: -9px 0 0 -9px
    }
}

@media screen and (min-width:992px) {
    .header.is-animation {
        padding: 0
    }

    .is-animation .mobileNav {
        width: 100%;
        position: relative
    }

    .header.is-animation .linkGroup {
        margin: .8rem 0 1rem
    }

    .is-animation .col-md-5 .d-none.d-lg-inline-block,
    .is-animation h1 {
        display: none !important;
        transition-duration: .2s;
        transform: scale(1.05)
    }

    .is-animation .col-md-5 {
        flex: none;
        max-width: none
    }
}

.is-animation .menu {
    margin: 0;
    position: absolute;
    left: 1%;
    top: 18px
}

.is-animation .menu .inner {
    margin: 0 auto
}

.is-animation .menu>ul>li {
    text-align: center;
    width: auto;
    padding: 0 1.5%
}

.is-animation .menu>ul>li>a {
    padding: 0
}

@media screen and (min-width:992px) and (max-width:1200px) {
    .header .inner {
        padding: 0 1%
    }

    .is-animation .menu>ul>li {
        padding: 0 .5rem
    }

    .header .linkGroup li:nth-child(-n+3) a {
        padding: 5px 10px
    }

    .header .linkGroup li:nth-child(-n+3) {
        width: 110px;
        margin-left: 5px
    }
}

.clPlus {
    border-bottom: solid 2px #eee
}

.tag {
    color: #fff;
    text-align: center;
    font-size: 1.4rem
}

.tag01 {
    background: #15bdb1
}

.tag02 {
    background: #ad57da
}

.tag03 {
    background: #fda100
}

.tag04 {
    background: #7074ff
}

.topicsList .tag {
    width: 40%;
    padding: .65vh 0 .75vh;
    line-height: 1;
    margin-left: 1vw
}

.topicsList dl {
    margin-top: 2vh
}

.topicsList dt p {
    margin-bottom: 0
}

@media(max-width:768px) and (max-width:992px) {
    .topicsList .tag {
        width: 50%
    }
}

.aboutList .tag,
.news .tag,
.result .tag,
.topics .tag {
    font-size: 1.2rem;
    padding: .2rem 1rem;
    display: inline;
    line-height: 2.25
}

.aboutList .tag {
    display: inline-block;
    line-height: 1.2;
    padding: .3rem 1rem
}

.news .night.tag,
.news .tabcontentBox .night.tag,
.news .tag01,
.news .topics.tag {
    background: #535353
}

.aboutList .tag.tag_4579,
.aboutList .tag.tag_4580,
.aboutList .tag.tag_4581,
.aboutList .tag.tag_4599,
.aboutList .tag.tag_5159,
.news .pa.tag,
.news .tabcontentBox .pa.tag,
.news .tag02,
.result .tag,
.tag.tag_4600,
.topics .tag {
    background: #ff8400
}

.aboutList .tag.tag_4596,
.aboutList .tag.tag_4597,
.aboutList .tag.tag_4598,
.news .manga.tag,
.news .tabcontentBox .manga.tag,
.news .tag03 {
    background: #1cba6e
}

.aboutList .tag.tag_4585,
.aboutList .tag.tag_4591,
.aboutList .tag.tag_4592,
.aboutList .tag.tag_4593,
.aboutList .tag.tag_4594,
.aboutList .tag.tag_4595,
.aboutList .tag.tag_4810,
.aboutList .tag.tag_4812,
.aboutList .tag.tag_5125,
.news .sports.tag,
.news .tabcontentBox .sports.tag,
.news .tag04 {
    background: #1968af
}

.aboutList .tag.tag_4584,
.aboutList .tag.tag_4585,
.aboutList .tag.tag_4813,
.news .beauty.tag,
.news .tabcontentBox .beauty.tag,
.news .tag05 {
    background: #ed3858
}

.aboutList .tag.tag_4586,
.aboutList .tag.tag_4587,
.aboutList .tag.tag_4588,
.aboutList .tag.tag_4589,
.aboutList .tag.tag_4590,
.aboutList .tag.tag_4843,
.news .game.tag,
.news .tabcontentBox .game.tag,
.news .tag06 {
    background: #f5b316
}

.news .it.tag,
.news .tabcontentBox .it.tag{
    background: #9058a7
}

.news .knowledge.tag,
.news .tabcontentBox .knowledge.tag{
    background: #50abd3
}

.news .cat4811.tag,
.news .tabcontentBox .cat4811.tag{
    background: #e098ba
}

.news .tag07,
.result .tag.result,
.topics .tag.topics {
    background: #e5e5e5;
    color: #333
}

.event .arwBew:before,
.news .arwBew:before,
.result .arwBew:before,
.topics .arwBew:before,
.voice .arwBew:before {
    right: 10%
}

@media(min-width:768px) {
    .news .object-fit img {
        height: 175px
    }
}

.tabcontentBox p {
    text-align: left !important;
    font-size: inherit !important;
    font-weight: 700 !important;
    padding: inherit !important;
    background: 0 0 !important;
    border: 0 0 !important;
    color: #fff !important
}

.tabcontentBox p.a-text,
.tabcontentBox p.q-text {
    color: #333 !important;
    padding-left: 0 !important
}

.voice .userName {
    font-size: 110%;
    margin-bottom: 2rem
}

.course-field .lead {
    font-weight: 500
}

.courselList .index {
    display: none
}

.courselList li {
    margin-bottom: 0
}

.courselList li:nth-last-child(n+3) {
    margin-bottom: 3vh
}

.courselList .card-header {
    padding: 0
}

.courselList .container {
    padding-left: 0;
    padding-right: 0
}

.courselList .card-body {
    padding: 1.25rem 1.25rem 3rem
}

.courselList .card-body p {
    height: 110px
}

.courselList p.tag {
    text-align: center;
    font-size: 1.6rem;
    font-weight: 600;
    padding: 1.5rem 0;
    width: 16%;
    height: 5pc;
    margin-bottom: 0
}

.courselList .tag01 {
    background: #313131
}

.courselList .tag02 {
    background: #9158a7
}

.courseName {
    background: #ff8500;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 1.6;
    padding: 1.5rem .7rem;
    width: 84%;
    height: 5pc
}

@media(min-width:768px) {
    .course-field .courselList .object-fit img {
        height: 200px
    }

    .course .courselList .object-fit img {
        height: 107px
    }

    .courselList .object-fit img {
        height: 125px
    }
}

@media(max-width:576px) {

    .courselList.p-7,
    .schoolList.p-7 {
        padding: 3rem 1.5rem
    }

    .courselList li {
        margin-bottom: 3vh
    }
}

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

.schoolList ul.tab_contents>li {
    display: none
}

.schoolList ul.tab_contents>li.active {
    display: block
}

.schoolList .tabList {
    font-size: 1.5rem;
    padding-bottom: 3vh;
    border-bottom: solid 5px #333;
    position: relative
}

.schoolList .tabList:after {
    content: '';
    display: block;
    position: absolute;
    bottom: -26px;
    left: 50%;
    height: 0;
    width: 0;
    margin-left: -7px;
    box-shadow: none;
    border-left: 15px solid #333f;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    z-index: 7
}

.schoolList .region {
    color: #fff;
    text-align: center;
    line-height: 1.2;
    padding: .8rem
}

.schoolList .tabBT {
    background: 0;
    text-decoration: underline;
    border: 0;
    cursor: pointer
}

.schoolList .tab_contents {
    padding: 0;
    margin: 4vh 0 0
}

.schoolList .container {
    padding-left: 0;
    padding-right: 0
}

.introList li div.shadow {
    -webkit-box-shadow: 0 0 10px 0 #ccc;
    box-shadow: 0 0 10px 0 #ccc
}

.introList div.shadow {
    background: #f6f6f6
}

.introList dt {
    padding: 1.25vh
}

.introList dd {
    padding: 0 2.5vw 5vh
}

.introList dd p {
    font-size: 1.4rem;
    line-height: 1.6;
    margin-bottom: 3vh;
    text-align: left
}

.tabPanel {
    display: none
}

.faq .main-col .card,
.faq .main-col .card-header {
    border: 0
}

.faq .main-col .collapse {
    display: none
}

.faq .main-col .collapse.show {
    display: block
}

.faq .main-col .card-header {
    padding: 2.25rem 1.5rem
}

.faq .main-col .card .card-header a[role="button"] {
    display: block;
    padding: .75rem 2rem .75rem 1.25rem;
    margin: -.75rem -1rem -.75rem -1.25rem
}

.faq .main-col .card .card-header a[role="button"]:active,
.faq .main-col .card .card-header a[role="button"]:focus,
.faq .main-col .card .card-header a[role="button"]:hover {
    text-decoration: none
}

.faq .main-col .card-body {
    padding: 1.25rem 0
}

.faq .main-col .card .card-header h5 {
    position: relative;
    padding-left: 50px
}

.faq .main-col .card .card-header h5:before {
    content: "Q";
    text-align: center;
    color: #fff;
    font-family: Teko, sans-serif;
    font-weight: 700;
    font-size: 3rem;
    line-height: 1;
    display: inline-block;
    position: absolute;
    top: -3px;
    left: 0;
    width: 36px;
    background: #40c2c0;
    padding: .5rem .25rem .25rem;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.faq .main-col .toggle.icon:after,
.faq .main-col .toggle.icon:before {
    content: '';
    position: absolute;
    top: 50%;
    right: 15px;
    width: 1.5rem;
    height: 2px;
    background: #333;
    transition: all .3s linear
}

.faq .main-col .toggle.icon.collapsed:before {
    -webkit-transform: rotate(0);
    transform: rotate(0)
}

.faq .main-col .toggle.icon.collapsed:after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.faq .main-col .toggle.icon:before {
    -webkit-transform: rotate(-315deg);
    transform: rotate(-315deg)
}

.faq .main-col .toggle.icon:after {
    -webkit-transform: rotate(315deg);
    transform: rotate(315deg)
}

@media(max-width:500px) {
    .faq .main-col .card-header {
        padding: 1rem 1rem 1.3rem
    }

    .faq .main-col .card .card-header h5 {
        padding-left: 40px
    }

    .faq .main-col .card .card-header h5:before {
        font-size: 2.5rem;
        top: 0;
        width: 30px;
        padding: .5rem .25rem .1rem
    }

    .faq .main-col .card .card-header a[role="button"] {
        padding: 7px 23px 0 0;
        margin: 0
    }

    .faq .main-col .toggle.icon:after,
    .faq .main-col .toggle.icon:before {
        right: 0
    }
}

.course section.voice {
    width: 100%
}

.top.index .event {
    background-image: url(/img/sec07Bg.png);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 100%;
    background-color: #ebd32f
}

.event .course.top .panel:nth-child(n+2) {
    display: none
}

.event .panel ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
    padding-left: 0
}

.event .course.top .panel ul {
    padding: 0
}

.event .panel li {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

@media(min-width:769px) {
    .event .panel li {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }
}

.event .panel .eventRapper {
    background: #fff;
    border: 1px solid #dee2e6 !important;
    text-align: center;
    position: relative;
    padding-bottom: 4.5rem
}

.event .panel .eventRapper:before {
    content: "more";
    position: absolute;
    bottom: 0;
    left: 0;
    border: 0;
    font-size: 1.8rem;
    color: #fff;
    cursor: pointer;
    padding: .25rem;
    display: block;
    letter-spacing: 1px;
    font-family: Pathway Gothic One, sans-serif;
    font-weight: 600;
    outline: 0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    white-space: normal;
    background: #434343;
    width: 100%
}

.event .bx-wrapper img.eventEntry,
.event img.eventEntry {
    display: none
}

@media(min-width:769px) {
    .event .panel h2 img {
        object-position: 0;
        width: 100%;
        object-fit: cover;
        height: 150px
    }
}

.event .panel dl,
.event .panel h3 {
    text-align: left
}

.event .panel dl,
.event .panel h3 {
    padding: .5rem 1rem 0
}

.event .panel dl {
    margin-bottom: 0
}

.event .panel dt,
.panel dd {
    display: inline-block;
    margin-right: .5rem
}

@media(max-width:576px) {
    .event .panel li {
        flex: 0 0 100%;
        -ms-flex-preferred-size: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%;
        margin-bottom: 3rem
    }
}

@media(min-width:576px) {
    .useful .object-fit img {
        height: 250px
    }
}

.career_support .object-fit img {
    height: 150px
}

.schools .accessList ul.list {
    font-size: 0
}

.schools .accessList .list li {
    margin-left: -1px !important;
    box-sizing: border-box;
    font-size: 1.4rem
}

/* 201911 レビュー追記 */
.review-link-box {
    display: flex;
    justify-content: center;
}

.text-average {
    text-align: center;
    font-size: 150%;
    margin-bottom: 0;
    margin-left: 15px;
}

.star-rating-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 40px;
}

.star-rating {
    font-size: 200%;
    text-align: center;
    position: relative;
}

.star-rating-front {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    color: #ff9a36;
}

.star-rating-back {
    color: #eee;
}

.rate5 {
    width: 100%;
}

.rate4-5 {
    width: 90%;
}

.rate4 {
    width: 80%;
}

.rate3-5 {
    width: 70%;
}

.rate3 {
    width: 60%;
}

.rate2-5 {
    width: 50%;
}

.rate2 {
    width: 40%;
}

.rate1-5 {
    width: 30%;
}

.rate1 {
    width: 20%;
}

.rate0-5 {
    width: 10%;
}

.rate0 {
    width: 0%;
}

.review-link-box .arwAW.arwBtm:after {
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    right: 12px;
}

@media screen and (max-width: 767px) {
    .review-link-box {
        flex-flow: column;
    }

    .star-rating-wrap {
        margin-right: 0;
    }
}

/* Influencer
----------------------------------------------------*/
.ttl-influencer01 {
    background: -moz-linear-gradient(left, #f19732 50%, #e1355d);
    background: -webkit-linear-gradient(left, #f19732 50%, #e1355d);
    background: linear-gradient(to right, #f19732, #e1355d);
    color: #fff;
    border: none;
}

.ttl-influencer02 {
    font-size: 2.2rem;
    position: relative;
    padding: 0.75em 0;
    border-bottom: 2px solid #222;
    font-weight: 700;
}

.btn-influencer {
    background: -moz-linear-gradient(to right, #f19633, #df345e 70%, #6f3083);
    background: -webkit-linear-gradient(to right, #f19633, #df345e 70%, #6f3083);
    background: linear-gradient(to right, #f19633, #df345e 70%, #6f3083);
    border-radius: 68px;
    color: #fff;
    font-size: 1.8rem;
    transition: .3s;
}

.btn-influencer:hover {
    color: #fff;
    opacity: 0.7;
}

.btn-influencer-hover {
    transition: .3s;
}

.btn-influencer-hover:hover {
    opacity: 0.7;
}

.grid-2columns {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
}

.grid-2columns img {
    width: 100%;
}

@media screen and (max-width: 768px) {
    .grid-2columns {
        grid-template-columns: 1fr;
    }
}

.pc-view {
    display: block;
}

.sp-view {
    display: none;
}

@media screen and (max-width: 768px) {
    .pc-view {
        display: none;
    }

    .sp-view {
        display: block;
    }
}

/* 20231019追加 */
.title_two_tone {
    font-size: 2.8rem;
    font-weight: bold;
    position: relative;
    border-bottom: 5px solid #ddd;
    padding: 10px 0;
}

.title_two_tone:before {
    position: absolute;
    left: 0;
    bottom: -5px;
    width: 20%;
    height: 5px;
    content: '';
    background: #1cba6f;
}

@media(max-width:992px) {
    .title_two_tone {
        font-size: 2.2rem;
    }
}

@media(max-width:768px) {
    .title_two_tone {
        font-size: 2rem;
    }
}

/* 20231019追加ここまで */

/* 20231205追加 */
.header .inner {
    width: 83pc;
}

.header ul.inner.show-on-mobile {
    margin-top: 89px;
}

.header .linkGroup li:nth-child(-n+3) {
    width: auto;
    margin: 0 0 5px 7px;
}

.header .linkGroup>li:nth-child(-n+3) a {
    padding: 12px 20px;
}

.header .linkGroup li:last-child li:last-child a {
    padding: 5px 20px;
}

.header .linkGroup li a.tel {
    font-size: 2.6rem;
}

.header .linkGroup>li:nth-child(-n+3) a {
    font-size: 100%;
}

@media screen and (min-width:992px) and (max-width:1200px) {
    .header .linkGroup li:nth-child(-n+3) {
        margin: 0;
    }

    .header .linkGroup>li:nth-child(-n+3) a {
        padding: 12px 10px
    }

    .header .linkGroup li:nth-child(-n+3) {
        width: auto;
    }
}

@media (max-width: 768px) {
    .btn-groupCV li:last-of-type a {
        padding-left: 20px;
    }

    .btn-groupCV li:last-of-type a.lesson:before {
        height: 16px;
    }
}

/* 20231205追加ここまで */
/* 20240509追加 */
.header {
    padding: 24px 0 10px;
}

.header .linkGroup>li:nth-child(-n+3) {
    width: 150px;
    margin-left: 10px;
    margin-bottom: 15px;
    box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, 0.16);
}

.header .linkGroup>li:nth-child(1) {
    width: 180px;
}

.header .linkGroup a {
    transition: .3s;
}

.header .linkGroup>li:nth-child(-n+3) a {
    display: flex;
    align-items: center;
    -webkit-border-radius: 5px;
    border-radius: 3px;
    color: #fff;
    height: 50px;
    padding: 12px;
    line-height: 1;
    font-size: 13px;
    width: 100%;
    background: linear-gradient(to right, #029fe8, #5762f7);
}

.header .linkGroup>li:nth-child(2) a {
    background: linear-gradient(to right, #02a6b9, #12ab4f);
    color: #fff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, .2);
}

.header .linkGroup>li:nth-child(3) a {
    background: linear-gradient(to right, #ef9303, #e0574f);
    color: #fff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, .2);
}

.header .linkGroup>li:nth-child(1) a {
    color: #fff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, .2);
}


.header .linkGroup>li:nth-child(4) a {
    color: #222;
}

.header .linkGroup>li:nth-child(-n+3) a i {
    margin-right: 5px
}

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

.header .linkGroup li img {
    width: 30px;
    margin-right: 8px;
}

.header .linkGroup li a.tel {
    font-size: 3rem;
    -webkit-border-radius: 0;
    border-radius: 0;
    background: 0;
    padding: 0 5px 0 0
}

.header .linkGroup li .tel img {
    width: 35px;
}

.header .linkGroup li a.arw {
    background: #eee
}


@media screen and (max-width: 992px) {
    .header {
        padding: 0;
    }

    .header ul.inner.show-on-mobile {
        margin-top: 112px;
    }
}

@media (max-width: 768px) {
    .sm-cv-btn {
        position: fixed;
        top: 50px;
        width: 100%;
        margin: 0;
        padding-left: 0;
        display: flex;
    }

    .sm-cv-btn li {
        width: calc(100% / 3);
    }

    .shiryou-btn,
    .soudan-btn,
    .taiken-btn {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: start;
        height: 62px;
        padding: 8px 2px;
        font-size: 13px;
        color: #fff;
        font-weight: 700;
        text-shadow: 1px 1px 2px rgba(0, 0, 0, .2);
        background: linear-gradient(to bottom, #029fe8, #5762f7);
    }

    .shiryou-btn img,
    .soudan-btn img,
    .taiken-btn img {
        width: 20px;
        height: 20px;
        flex: none;
        margin-bottom: 4px;
    }

    .sm-cv-btn .shiryou-btn {
        background: linear-gradient(to bottom, #ef9303, #fa5850);
    }

    .sm-cv-btn .soudan-btn {
        background: linear-gradient(to bottom, #01b8cc, #009e84);
    }


    .shiryou-btn:hover,
    .soudan-btn:hover,
    .taiken-btn:hover {
        text-decoration: none;
        color: #fff;
    }
}

.top-event-info {
    background: #f6f6f6;
}

.top-event-info-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 40px;
}

.top-event-info-img {
    width: 100%;
    height: auto;
    max-width: 460px;
}

.top-event-info-text {
    width: 100%;
    height: auto;
    max-width: 650px;
}

.top-event-info-btns {
    display: flex;
    justify-content: space-between;
    gap: 20px 40px;
    padding: 0;
}

.top-event-info-btns li {
    width: 100%;
    padding: 0;
}

.top-event-info-btn {
    display: block;
    filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.2));
    transition: .3s;
}

.top-event-info-btn img {
    width: 100%;
    height: auto;
}


.top-event-info-btn:hover {
    opacity: 0.7;
}

@media screen and (max-width: 992px) {
    .top-event-info-btns {
        flex-wrap: wrap;
    }
}

@media (max-width: 768px) {
    .top-event-info-content {
        flex-direction: column;
        gap: 20px;
    }

    .top-event-info-btns {
        flex-direction: column;
        gap: 20px;
    }

    .top-event-info-btns li .btn {
        font-size: 1.6rem;
    }
}
/* 20240509追加ここまで */

.f_bnner_btn {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    height: 80px;
    border-radius: 6px;
    color: #fff;
    font-size: clamp(16px, 2.2vw, 24px);
    font-weight: 700;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, .2);
    box-shadow: 5px 5px 6px 0px rgba(0, 0, 0, 0.16);
}

.f_bnner_btn:hover {
    color: #fff;
    text-decoration: none;
    opacity: 0.7;
}

.f_bnner_btn.-orange {
    background: linear-gradient(to right, #ef9303, #e0574f);
}

.f_bnner_btn.-green {
    background: linear-gradient(to right, #02a6b9, #12ab4f);
}

.f_bnner_btn.-blue {
    background: linear-gradient(to right, #029fe8, #5762f7);
}

@media screen and (max-width: 767px) {
    .f_bnner_btn {
        margin-bottom: 10px;
        font-size: 24px;
    }
}

/* START OF UPDATE 250515*/
.copy .float-left {
    width: 45%;
}

.footerLogo {
    display: flex;
}

footer .footerLogo-pmark {
    max-width: 80px;
}

@media screen and (max-width: 767px) {
    .copy .float-left {
        width: 100%;
    }

    small.copyright {
        font-size: 1rem;
        text-align: left;
    }

    .footerLogo {
        padding-bottom: 30px;
    }

    .footerLogo-main {
        display: flex;
        flex-direction: column;
        gap: 6px;
        align-items: baseline;
    }
}

/* END OF UPDATE 250515*/

/* START OF UPDATE 250604*/
.event .event_brief {
text-align: center;
}

.event .event_btn{
    max-width: 300px;
    display: block;
    margin: 30px auto 0;
    background: #FFF;
    text-align: center;
    border-color: #000;
}

.event .event_btn::after {
border-color:#000;
}

.event .event_btn:hover {
color:#ebd32f;
}

.event .event_btn:hover::after {
border-color:#ebd32f;
}
/* END OF UPDATE 250604*/