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

    body,
    html {
        margin: 0
    }
}

.richbv_container {
    position: relative;
    width: 1300px;
    height: 100%;
    margin: 0 auto;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 0;
    color: #fff
}

@media screen and (max-width:768px) {
    .richbv_container {
        min-width: auto;
        color: #fff
    }
}

.richbv_container * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.richbv_container .pc-oi {
    display: inline !important
}

@media screen and (max-width:768px) {
    .richbv_container .pc-oi {
        display: none !important
    }
}

.richbv_container .sp-oi {
    display: none !important
}

@media screen and (max-width:768px) {
    .richbv_container .sp-oi {
        display: inline !important
    }
}

.richbv_container .pc-ob {
    display: block !important
}

@media screen and (max-width:768px) {
    .richbv_container .pc-ob {
        display: none !important
    }
}

.richbv_container .sp-ob {
    display: none !important
}

@media screen and (max-width:768px) {
    .richbv_container .sp-ob {
        display: block !important
    }
}

.richbv_container .pc-of {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important
}

@media screen and (max-width:768px) {
    .richbv_container .pc-of {
        display: none !important
    }
}

.richbv_container .sp-of {
    display: none !important
}

@media screen and (max-width:768px) {
    .richbv_container .sp-of {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important
    }
}

.richbv_container img {
    max-width: none
}

.richbv_container .richbv-article {
    position: relative;
    overflow: hidden
}

.richbv_container .wrap {
    position: relative;
}

@media screen and (max-width:768px) {
    .richbv_container .wrap {
        padding: 0 20px
    }
}

.richbv_container .wrap-out {
    max-width: 1300px;
    margin: 0 auto
}

@media screen and (max-width:768px) {
    .richbv_container .wrap.ex {
        padding: 0 55px 0 40px
    }
}

.richbv_container .txt-ib>span {
    display: inline-block
}

.richbv_container .article-main {
    position: relative;
    z-index: 20;
    max-width: 1300px;
    margin: 0 auto
}

@media screen and (min-width:769px) {
    .richbv_container .article-main {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.richbv_container .article-main img {
    width: 100%;
    height: auto
}

.richbv_container .richbv_wrap {
    position: relative;
    z-index: 30
}

@media screen and (max-width:768px) {
    .richbv_container .richbv_wrap {
        margin: 0;
        background: none
    }
}

.richbv_container .article-head {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 25px;
    padding-top: 70px
}

@media screen and (max-width:768px) {
    .richbv_container .article-head {
        gap: 20px;
        padding-top: 40px
    }
}

.richbv_container .article-head .head-cat {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    gap: 30px;
    color: #fff
}

@media screen and (max-width:768px) {
    .richbv_container .article-head .head-cat {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
        width: 100%;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 20px
    }
}

.richbv_container .article-head .cat-logo {
    width: 188px
}

@media screen and (max-width:768px) {
    .richbv_container .article-head .cat-logo {
        width: 154px
    }
}

.richbv_container .article-head .cat-logo img {
    width: 100%
}

.richbv_container .article-head .cat-txt {
    font-size: 12px
}

.richbv_container .article-head .head-sns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    margin-left: auto
}

@media screen and (max-width:768px) {
    .richbv_container .article-head .head-sns {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        margin: 15px 0 0
    }
}

.richbv_container .article-head .head-sns>div {
    width: 50px
}

@media screen and (max-width:768px) {
    .richbv_container .article-head .head-sns>div {
        width: 60px
    }
}

.richbv_container .article-head .head-sns a {
    display: block;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease
}

@media screen and (min-width:769px) {
    .richbv_container .article-head .head-sns a:hover {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
}

@media screen and (max-width:768px) {
    .richbv_container .article-head .head-tit {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

.richbv_container .article-head .head-tit .tit-h1 {
    font-size: 30px;
    font-weight: 700;
    letter-spacing: 0.05em;
    line-height: 1.53
}

@media screen and (max-width:768px) {
    .richbv_container .article-head .head-tit .tit-h1 {
        font-size: 26px;
        letter-spacing: 0.05em;
        line-height: 1.53
    }
}

.richbv_container .article-head .head-bv {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 16px;
    width: 100%;
    height: 90px;
    padding: 0 16px;
    background-color: #fff;
}

@media screen and (max-width:768px) {
    .richbv_container .article-head .head-bv {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        gap: 10px;
        height: auto;
        padding: 10px;
        margin: 10px 0 0
    }
}

.richbv_container .article-head .head-bv .bv-logo {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 63px
}

@media screen and (max-width:768px) {
    .richbv_container .article-head .head-bv .bv-logo {
        width: 50px
    }
}

.richbv_container .article-head .head-bv .bv-logo img {
    width: 100%
}

.richbv_container .article-head .head-bv .bv-tit>span {
    display: block
}

.richbv_container .article-head .head-bv .bv-tit>span span {
    display: inline-block
}

.richbv_container .article-head .head-bv .bv-tit .bv-tit-en {
    font-size: 16px;
    font-weight: 700;
    color: #333;
    letter-spacing: 0.05em
}

@media screen and (max-width:768px) {
    .richbv_container .article-head .head-bv .bv-tit .bv-tit-en {
        font-size: 14px
    }
}

.richbv_container .article-head .head-bv .bv-tit .bv-tit-jp {
    font-size: 12px;
    color: #000;
    letter-spacing: 0.05em;
    margin: 10px 0 0
}

@media screen and (max-width:768px) {
    .richbv_container .article-head .head-bv .bv-tit .bv-tit-jp {
        font-size: 14px;
        line-height: 1.428;
        margin: 5px 0 0
    }
}

@media screen and (max-width:768px) {
    .richbv_container .article-head .head-read {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }
}

.richbv_container .article-head .head-read .read {
    font-size: 16px;
    line-height: 1.75;
    letter-spacing: 0.08em;
    margin: 2em 0 0
}

@media screen and (max-width:768px) {
    .richbv_container .article-head .head-read .read {
        font-size: 14px;
        text-align: justify;
        text-justify: inter-ideograph;
        margin: 1em 0 0
    }

    .richbv_container .article-head .head-read .read+.read {
        margin: 2em 0 0
    }
}

.richbv_container .txt {
    display: inline-block;
    font-size: 16px;
    line-height: 1.75;
    letter-spacing: 0px
}

@media screen and (max-width:768px) {
    .richbv_container .txt {
        text-align: justify;
        text-justify: inter-ideograph;
        overflow-wrap: break-word;
        word-break: break-all;
        line-height: 1.875
    }
}

.richbv_container .richbv-sec .txt a {
    display: inline;
    color: #27c9d1;
    text-decoration: underline;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease
}

@media screen and (min-width:769px) {
    .richbv_container .richbv-sec .txt a:hover {
        color: #8e8e8e
    }
}

.richbv_container .richbv-sec *+.txt {
    margin: 1.75em 0 0
}

@media screen and (max-width:768px) {
    .richbv_container .richbv-sec *+.txt {
        margin: 1.875em 0 0
    }
}

.richbv_container .richbv-sec .img-box img {
    width: 100%;
    height: auto
}

.richbv_container .richbv-sec .img-box .cap {
    font-size: 12px;
    font-weight: 300;
    color: #999;
    letter-spacing: 0.1em;
    line-height: 1.75;
    margin: 15px 0 0
}

.richbv_container .txt-box .img-box {
    width: 100%;
    margin: 32px 0 0
}

.richbv_container .txt-box+.txt-box {
    margin: 64px 0 0
}

@media screen and (max-width:768px) {
    .richbv_container .txt-box+.txt-box {
        margin: 36px 0 0
    }
}

.richbv_container .richbv_inner {
    background: url("../img/blurry-bg-01.webp") center/200% 200% no-repeat;
    -webkit-animation: bganime 30s ease infinite;
    animation: bganime 30s ease infinite
}

.richbv_container .tit-box-main {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 40px
}

@media screen and (max-width:768px) {
    .richbv_container .tit-box-main {
        margin-bottom: 35px
    }
}

.richbv_container .tit-box-main:after,
.richbv_container .tit-box-main:before {
    position: absolute;
    content: "";
    width: calc(100% + 80px);
    height: 2px;
    left: -40px
}

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

    .richbv_container .tit-box-main:after,
    .richbv_container .tit-box-main:before {
        width: 100%;
        left: 0
    }
}

.richbv_container .tit-box-main:before {
    top: 0
}

.richbv_container .tit-box-main:after {
    bottom: 0
}

.richbv_container .tit-box-main .tit {
    font-size: 28px;
    font-weight: 700;
    letter-spacing: 0.08em;
    line-height: 1.33;
    padding: 27px 0
}

@media screen and (max-width:768px) {
    .richbv_container .tit-box-main .tit {
        font-size: 22px;
        padding: 20px
    }
}

.richbv_container *+.tit-box-main {
    margin-top: 80px
}

@media screen and (max-width:768px) {
    .richbv_container *+.tit-box-main {
        margin-top: 60px
    }
}

.richbv_container .campuscreate-sec-00 {
    margin-top: 50px;
    padding-bottom: 150px
}

@media screen and (max-width:768px) {
    .richbv_container .campuscreate-sec-00 {
        margin-top: 80px;
        padding-bottom: 170px
    }
}

.richbv_container .campuscreate-sec-00 .wh-box {
    position: relative;
    max-width: 1000px;
    margin: 0 auto;
    background: #fff;
    padding: 80px 0 90px
}

@media screen and (max-width:768px) {
    .richbv_container .campuscreate-sec-00 .wh-box {
        padding: 65px 0
    }
}

.richbv_container .campuscreate-sec-00 .wh-box:after,
.richbv_container .campuscreate-sec-00 .wh-box:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 5px;
    background: -webkit-gradient(linear, left top, right top, from(#ffb900), to(#f85cfb));
    background: linear-gradient(90deg, #ffb900 0%, #f85cfb 100%);
    left: 0
}

.richbv_container .campuscreate-sec-00 .wh-box:before {
    top: 0
}

.richbv_container .campuscreate-sec-00 .wh-box:after {
    bottom: 0
}

.richbv_container .campuscreate-sec-00 .tit-box-main:after,
.richbv_container .campuscreate-sec-00 .tit-box-main:before {
    background: -webkit-gradient(linear, left top, right top, from(#ffb900), to(#f85cfb));
    background: linear-gradient(90deg, #ffb900 0%, #f85cfb 100%)
}

@media screen and (min-width:769px) {
    .richbv_container .campuscreate-sec-00 .txt-box-wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

@media screen and (min-width:769px) {
    .richbv_container .campuscreate-sec-00 .txt-box-wrap .txt-box {
        width: 500px
    }
}

@media screen and (min-width:769px) {
    .richbv_container .campuscreate-sec-00 .img-box-wrap {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        width: 292px
    }
}

@media screen and (max-width:768px) {
    .richbv_container .campuscreate-sec-00 .img-box-wrap {
        width: calc(100% + 40px);
        margin: 0 -20px 40px
    }
}

.richbv_container .campuscreate-sec-00 .img-box-wrap .img-box {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 520px
}

@media screen and (max-width:768px) {
    .richbv_container .campuscreate-sec-00 .img-box-wrap .img-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        gap: 20px;
        width: 100%;
        padding-right: 20px
    }

    .richbv_container .campuscreate-sec-00 .img-box-wrap .img-box .img {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        width: 68vw
    }
}

.richbv_container .campuscreate-sec-00 .img-box-wrap .cap {
    text-align: right
}

@media screen and (max-width:768px) {
    .richbv_container .campuscreate-sec-00 .img-box-wrap .cap {
        text-align: left;
        padding-bottom: 20px
    }
}

.richbv_container .js-parallax {
    will-change: transform;
    -webkit-transition: 3s ease;
    transition: 3s ease;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

@media screen and (max-width:768px) {
    .richbv_container .js-parallax {
        opacity: 0.9
    }
}

.richbv_container .blurry-bg-wrap {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.richbv_container .blurry-bg {
    position: absolute;
    width: 2200px;
    min-width: 0;
    height: 100%;
    background: url("../img/blurry-bg-02.webp") top center/contain repeat-y;
    top: 0px;
    left: calc(50% - 1100px)
}

@media screen and (max-width:768px) {
    .richbv_container .blurry-bg {
        width: 260%;
        left: -80%
    }
}

.richbv_container .sec-head-wrap {
    position: relative;
    margin-bottom: 60px
}

@media screen and (max-width:768px) {
    .richbv_container .sec-head-wrap {
        margin-top: -51px
    }
}

@media screen and (min-width:769px) {
    .richbv_container .sec-head {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        max-width: 840px;
        margin: 0 auto
    }
}

@media screen and (min-width:769px) {
    .richbv_container .sec-head .sec-head-l {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
        width: 370px
    }
}

@media screen and (max-width:768px) {
    .richbv_container .sec-head .sec-head-l {
        width: calc(100% + 40px);
        margin: 0 -40px 0;
        padding-right: 20px
    }
}

.richbv_container .sec-head .sec-head-r {
    width: 420px
}

@media screen and (max-width:768px) {
    .richbv_container .sec-head .sec-head-r {
        width: 100%;
        padding: 0 20px;
        margin: 40px 0 0
    }
}

.richbv_container .sec-head .img-box {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 600px;
    margin-top: -156px;
    position: relative
}

@media screen and (max-width:768px) {
    .richbv_container .sec-head .img-box {
        width: 100%;
        margin: 0;
        padding: 0 6px 0 0
    }
}

.richbv_container .sec-head .img-box:before {
    position: absolute;
    content: "";
    width: calc(100% + 10px);
    height: 100%;
    border-radius: 0 40px 40px 0;
    top: 10px;
    left: 0
}

@media screen and (max-width:768px) {
    .richbv_container .sec-head .img-box:before {
        width: 100%;
        top: 6px
    }
}

.richbv_container .sec-head .img {
    position: relative;
    border-radius: 0 40px 40px 0;
    overflow: hidden
}

.richbv_container .sec-head .sub-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.richbv_container .sec-head .comp {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 50px
}

@media screen and (max-width:768px) {
    .richbv_container .sec-head .comp {
        height: 44px
    }
}

.richbv_container .sec-head .comp:before {
    position: absolute;
    content: "";
    width: calc(100% + 80px);
    height: 100%;
    border-radius: 0 999px 999px 0;
    top: 0;
    left: -50px
}

@media screen and (max-width:768px) {
    .richbv_container .sec-head .comp:before {
        width: calc(100% + 40px);
        left: -20px
    }
}

.richbv_container .sec-head .comp span {
    position: relative;
    font-size: 28px;
    font-weight: 700;
    letter-spacing: 0.08em;
    line-height: 1
}

@media screen and (max-width:768px) {
    .richbv_container .sec-head .comp span {
        font-size: 20px
    }
}

@media screen and (min-width:769px) {
    .richbv_container .sec-head .num {
        position: absolute;
        top: -50px;
        left: calc(100% - 150px)
    }
}

.richbv_container .sec-head .num img {
    width: 100%;
    height: auto
}

.richbv_container .sec-head .tit {
    font-size: 28px;
    font-weight: 700;
    letter-spacing: 0.08em;
    line-height: 1.33;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
    margin: 30px 0 0
}

@media screen and (max-width:768px) {
    .richbv_container .sec-head .tit {
        font-size: 22px;
        line-height: 1.54
    }
}

.richbv_container .sec-head .sta-box {
    margin: 20px 0 0
}

@media screen and (max-width:768px) {
    .richbv_container .sec-head .sta-box {
        margin: 10px 0 0
    }
}

.richbv_container .sec-head .sta {
    font-size: 16px;
    letter-spacing: 0.1em;
    line-height: 1.5
}

.richbv_container .sec-head .name {
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 0.1em;
    margin: 10px 0 0
}

@media screen and (max-width:768px) {
    .richbv_container .sec-head .name {
        font-size: 20px
    }
}

.richbv_container .sec-case {
    position: relative;
    border-radius: 40px 40px 0 0;
    -webkit-filter: drop-shadow(0 0 15px rgba(0, 0, 0, 0.1));
    filter: drop-shadow(0 0 15px rgba(0, 0, 0, 0.1));
    padding-top: 100px;
    margin-top: -40px
}

@media screen and (max-width:768px) {
    .richbv_container .sec-case {
        padding-top: 1px;
        border-radius: 0 40px 0 0
    }
}

.richbv_container .sec-case .wrap-out {
    position: relative;
    padding-bottom: 190px
}

@media screen and (max-width:768px) {
    .richbv_container .sec-case .wrap-out {
        padding-bottom: 160px
    }
}

.richbv_container .sec-case .tit-bg {
    position: absolute;
    width: 78px;
    height: 100%;
    top: 45px
}

@media screen and (max-width:768px) {
    .richbv_container .sec-case .tit-bg {
        display: none
    }
}

.richbv_container .sec-case .tit-box-main .tit {
    position: relative
}

.richbv_container .sec-case .tit-box-main .tit:before {
    position: absolute;
    z-index: 10;
    content: "";
    width: calc(100% + 60px);
    height: 4px;
    bottom: 0;
    left: -40px
}

@media screen and (max-width:768px) {
    .richbv_container .sec-case .tit-box-main .tit:before {
        width: 58%;
        left: 0
    }
}

.richbv_container .sec-wh {
    background: #fff
}

.richbv_container .sec-wh .sec-head .img-box:before {
    background: -webkit-gradient(linear, left top, right top, from(#25d2c9), to(#2bbcdd));
    background: linear-gradient(90deg, #25d2c9 0%, #2bbcdd 100%)
}

.richbv_container .sec-wh .sec-head .comp:before {
    background: #27c9d1
}

.richbv_container .sec-wh .sec-head .comp span {
    color: #fff
}

.richbv_container .sec-wh .tit-bg {
    left: 50px;
    background: url("../img/tit-bg-wh.webp") top center/100% auto repeat
}

.richbv_container .sec-wh .tit-box-main:after,
.richbv_container .sec-wh .tit-box-main:before {
    background: -webkit-gradient(linear, left top, right top, from(#2bbcdd), color-stop(50%, #a1ede9), to(#2bbcdd));
    background: linear-gradient(90deg, #2bbcdd 0%, #a1ede9 50%, #2bbcdd 100%)
}

.richbv_container .sec-wh .tit-box-main .tit:before {
    background: -webkit-gradient(linear, left top, right top, from(#25d2c9), to(#2bbcdd));
    background: linear-gradient(90deg, #25d2c9 0%, #2bbcdd 100%)
}

.richbv_container .sec-bl {
    color: #fff;
    background: -webkit-gradient(linear, left top, right top, from(#05c0b6), to(#29bbd9));
    background: linear-gradient(90deg, #05c0b6 0%, #29bbd9 100%)
}

.richbv_container .sec-bl .txt a {
    color: #fff
}

.richbv_container .sec-bl .sec-head .img-box:before {
    background: #8cdfe3
}

.richbv_container .sec-bl .sec-head .comp:before {
    background: #fff
}

.richbv_container .sec-bl .sec-head .comp span {
    color: #2cbcdd
}

.richbv_container .sec-bl .tit-bg {
    right: 50px;
    background: url("../img/tit-bg-bl.webp") top center/100% auto repeat
}

.richbv_container .sec-bl .tit-box-main:after,
.richbv_container .sec-bl .tit-box-main:before {
    background: #c8eef4
}

.richbv_container .sec-bl .tit-box-main .tit:before {
    background: #06ede5
}

.richbv_container .campuscreate-sec-01 .sec-head .num {
    width: 82px
}

@media screen and (max-width:768px) {
    .richbv_container .campuscreate-sec-01 .sec-head .num {
        width: 68px
    }
}

.richbv_container .campuscreate-sec-02 .sec-head .num {
    width: 98px
}

@media screen and (max-width:768px) {
    .richbv_container .campuscreate-sec-02 .sec-head .num {
        width: 81px
    }
}

.richbv_container .campuscreate-sec-03 .sec-head .num {
    width: 98px
}

@media screen and (max-width:768px) {
    .richbv_container .campuscreate-sec-03 .sec-head .num {
        width: 81px
    }
}

.richbv_container .campuscreate-sec-04 .sec-head .num {
    width: 102px
}

@media screen and (max-width:768px) {
    .richbv_container .campuscreate-sec-04 .sec-head .num {
        width: 84px
    }
}

.richbv_container .campuscreate-sec-05 {
    background: #fff url("../img/blurry-bg-03.webp") center/2600px auto no-repeat;
    padding-bottom: 100px
}

@media screen and (max-width:768px) {
    .richbv_container .campuscreate-sec-05 {
        border-radius: 40px 40px 0 0;
        padding-top: 60px
    }
}

.richbv_container .campuscreate-sec-05 .tit-box-main {
    margin: 0 0 20px
}

.richbv_container .campuscreate-sec-05 .tit-box-main:after,
.richbv_container .campuscreate-sec-05 .tit-box-main:before {
    display: none
}

.richbv_container .campuscreate-sec-05 .tit-box-main .tit {
    padding: 0
}

.richbv_container .outh-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 110px;
    margin: 64px 0 0;
    border-top: 1px solid #6a6a6a;
    border-bottom: 1px solid #6a6a6a;
    padding: 30px
}

@media screen and (max-width:768px) {
    .richbv_container .outh-box {
        margin: 46px 0 0;
        padding: 26px 10px
    }
}

.richbv_container .outh-box .outh {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 0 10px;
    text-align: center;
    padding: 0 40px
}

@media screen and (max-width:768px) {
    .richbv_container .outh-box .outh {
        max-width: 420px;
        text-align: center;
        padding: 0 5px
    }
}

.richbv_container .outh-box .outh .ex {
    width: 100%
}

.richbv_container .outh-box .outh span {
    font-size: 15px;
    font-weight: 400;
    line-height: 2
}

@media screen and (max-width:768px) {
    .richbv_container .outh-box .outh span {
        font-size: 12px
    }
}

.richbv_container .outh-box .outh span:after {
    content: "/";
    padding-left: 10px
}

.richbv_container .outh-box .outh span.ex:after,
.richbv_container .outh-box .outh span:last-of-type:after {
    display: none
}

.richbv_container .fade-t {
    -webkit-transform: translateY(50px);
    transform: translateY(50px);
    opacity: 0;
    -webkit-transition: 1s ease;
    transition: 1s ease
}

.richbv_container .fade-t.on {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

@media screen and (min-width:769px) {
    .richbv_container .fade-t-pc {
        -webkit-transform: translateY(50px);
        transform: translateY(50px);
        opacity: 0;
        -webkit-transition: 1s ease;
        transition: 1s ease
    }

    .richbv_container .fade-t-pc.on {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@media screen and (max-width:768px) {
    .richbv_container .fade-t-sp {
        -webkit-transform: translateY(50px);
        transform: translateY(50px);
        opacity: 0;
        -webkit-transition: 1s ease;
        transition: 1s ease
    }

    .richbv_container .fade-t-sp.on {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

.richbv_container .fade-l {
    -webkit-transform: translateX(-50px);
    transform: translateX(-50px);
    opacity: 0;
    -webkit-transition: 1s ease;
    transition: 1s ease
}

.richbv_container .fade-l.on {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1
}

@media screen and (min-width:769px) {
    .richbv_container .fade-l-pc {
        -webkit-transform: translateX(-50px);
        transform: translateX(-50px);
        opacity: 0;
        -webkit-transition: 1s ease;
        transition: 1s ease
    }

    .richbv_container .fade-l-pc.on {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

.richbv_container .fade-r {
    -webkit-transform: translateX(50px);
    transform: translateX(50px);
    opacity: 0;
    -webkit-transition: 1s ease;
    transition: 1s ease
}

.richbv_container .fade-r.on {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1
}

@media screen and (min-width:769px) {
    .richbv_container .fade-r-pc {
        -webkit-transform: translateX(50px);
        transform: translateX(50px);
        opacity: 0;
        -webkit-transition: 1s ease;
        transition: 1s ease
    }

    .richbv_container .fade-r-pc.on {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
}

@media screen and (min-width:769px) {
    .richbv_container .fade-group .txt-box:not(.fade-t) {
        -webkit-transform: translateY(50px);
        transform: translateY(50px);
        opacity: 0;
        -webkit-transition: 1s ease;
        transition: 1s ease
    }

    .richbv_container .fade-group.on .txt-box:not(.fade-t) {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@-webkit-keyframes bganime {
    0% {
        background-position: 0% 50%
    }

    25% {
        background-position: 25% 0%
    }

    50% {
        background-position: 50% 50%
    }

    75% {
        background-position: 25% 100%
    }

    to {
        background-position: 0% 50%
    }
}

@keyframes bganime {
    0% {
        background-position: 0% 50%
    }

    25% {
        background-position: 25% 0%
    }

    50% {
        background-position: 50% 50%
    }

    75% {
        background-position: 25% 100%
    }

    to {
        background-position: 0% 50%
    }
}