.page__about {
    margin-bottom: -.1rem
}

.page__about .page__aboutBg2 {
    background: #3781c0
}

.page__about .page__aboutBg {
    position: relative
}

.page__about .page__aboutBg:before {
    position: fixed;
    top: 0;
    left: 0;
    display: inline-block;
    width: 100%;
    height: 100%;
    content: "";
    background-image: url("../img/page/about/about_bg_1.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    -webkit-transform: translate();
    transform: translate()
}

@media only screen and (max-width: 768px),
only screen and (max-width: 480px) {
    .page__about .page__aboutBg:before {
        height: 100%
    }
}

.page__about .page__aboutMv {
    position: relative;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 6.5rem;
    padding-bottom: 5rem
}

@media only screen and (max-width: 768px),
only screen and (max-width: 480px) {
    .page__about .page__aboutMv {
        padding-top: 1.2rem;
        padding-bottom: .4rem
    }
}

.page__about .page__aboutMv .mv__textbox {
    margin: 0 auto;
    text-align: center;
}

@media only screen and (max-width: 768px),
only screen and (max-width: 480px) {
    .page__about .page__aboutMv .mv__textbox {
    }
}

.page__about .page__aboutMv .mv__textbox .mv__title {
    font-family: "Barlow", sans-serif;
    margin-bottom: 1rem;
    color: #fff;
    font-size: 4.6vw;
    font-style: italic;
    font-weight: 500;
    letter-spacing: .09em
}

@media only screen and (max-width: 768px),
only screen and (max-width: 480px) {
    .page__about .page__aboutMv .mv__textbox .mv__title {
        margin-bottom: 3%;
        font-size: 7.6vw;
    }
}

.page__about .page__aboutMv .mv__textbox .mv__subTitle {
    margin-bottom: 1.3rem;
    color: #fff;
    font-size: 2.4vw;
    letter-spacing: .04em
}

.page__about .page__aboutMv .mv__textbox .mv__leadBlock {
    display: inline-block;
    text-align: center;
}

@media only screen and (max-width: 768px),
only screen and (max-width: 480px) {
    .page__about .page__aboutMv .mv__textbox .mv__subTitle {
        margin-bottom: 1%;
        font-size: 5.3vw;
    }
}

.page__about .page__aboutMv .mv__textbox .mv__subTitle .mv__small {
    font-size: 1.2rem;
    line-height: 2.4;
    vertical-align: top;
    letter-spacing: -0.4em;
    margin-left: -0.2rem
}

@media only screen and (max-width: 768px),
only screen and (max-width: 480px) {
    .page__about .page__aboutMv .mv__textbox .mv__subTitle .mv__small {
        margin-left: -0.3rem
    }
}

.page__about .page__aboutMv .mv__textbox .mv__text {
    color: #fff;
    font-size: 1.45vw;
    letter-spacing: .04em
}

@media only screen and (max-width: 768px),
only screen and (max-width: 480px) {
    .page__about .page__aboutMv .mv__textbox .mv__text {
        font-size: 3.2vw;
        letter-spacing: 0
    }
}

.page__about .page__aboutMv .mv__textbox .mv__text.-small {
    margin-top: 1rem;
    margin-bottom: 7rem;
    color: #fff;
    font-size: 1.2rem;
    letter-spacing: .04em
}

@media only screen and (max-width: 768px),
only screen and (max-width: 480px) {
    .page__about .page__aboutMv .mv__textbox .mv__text.-small {
        margin-bottom: 5.6rem;
        letter-spacing: 0
    }
}

.page__about .page__aboutMv .mv__textbox2 {
    max-width: 95rem;
    margin: 0 auto;
    margin-bottom: 2.3rem;
    color: #fff;
    text-align: center;
    padding-right: 4%;
    padding-left: 4%;
}

.page__about .page__aboutMv .mv__textbox2 .mv__text2 {
    margin-bottom: 1.6rem;
    font-size: 4rem
}

@media only screen and (max-width: 768px),
only screen and (max-width: 480px) {
    .page__about .page__aboutMv .mv__textbox2 .mv__text2 {
        margin-bottom: .3rem;
        font-size: 2.3rem
    }
}

.page__about .page__aboutMv .mv__textbox2 .mv__text3 {
    font-size: 1.6rem;
    letter-spacing: .01em
}

@media only screen and (max-width: 768px),
only screen and (max-width: 480px) {
    .page__about .page__aboutMv .mv__textbox2 .mv__text3 {
        padding: 0 2.4rem;
        font-size: 1.4rem;
        letter-spacing: .01em;
        letter-spacing: 0
    }
}

@media only screen and (max-width: 480px) {
    .page__about .page__aboutMv .mv__textbox2 .mv__text3 {
        margin: auto;
        padding: 0;
    }
}

.page__about .inner.-about,
.page__about .inner.-about2 {
    width: 100%;
    max-width: calc(1280px + 8rem);
    padding-right: 4rem;
    padding-left: 4rem
}

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

    .page__about .inner.-about,
    .page__about .inner.-about2 {
        padding-right: 4%;
        padding-left: 4%
    }
}

.page__about .inner.-about2 {
    padding-right: 2rem;
    padding-bottom: 12rem;
    padding-left: 2rem
}

@media only screen and (max-width: 768px),
only screen and (max-width: 480px) {
    .page__about .inner.-about2 {
        padding-right: 4%;
        padding-bottom: 8.5rem;
        padding-left: 4%
    }
}

.page__about .about__flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    position: relative;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.page__about .about__flex::before {
    position: absolute;
    top: 0;
    right: 0;
    display: none;
    width: 100%;
    height: 2px;
    content: "";
    background-color: #fff
}

@media only screen and (max-width: 768px),
only screen and (max-width: 480px) {
    .page__about .about__flex::before {
        display: none
    }
}

.page__about .about__flex:after {
    position: absolute;
    right: 0;
    bottom: 0;
    display: block;
    width: 100%;
    height: 2px;
    content: "";
    background-color: #fff
}

@media only screen and (max-width: 768px),
only screen and (max-width: 480px) {
    .page__about .about__flex:after {
        height: 2px
    }
}

.page__about .about__flex.-af {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    position: relative;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.page__about .about__flex.-af:after {
    position: absolute;
    right: 0;
    bottom: 0;
    display: block;
    width: 100%;
    height: 2px;
    content: "";
    background-color: #fff
}

@media only screen and (max-width: 768px),
only screen and (max-width: 480px) {
    .page__about .about__flex.-af:after {
        display: none
    }
}

.page__about .about__flex.-be {
    position: relative
}

.page__about .about__flex.-be:before {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 100%;
    height: 2px;
    content: "";
    background-color: #fff
}

@media only screen and (max-width: 768px) {
    .page__about .about__flex.-be:before {
        display: none;
    }
}

.page__about .about__wrap {
    width: 56%
}

@media only screen and (max-width: 768px),
only screen and (max-width: 480px) {
    .page__about .about__wrap {
        width: 100%
    }
}

.page__about .about__content,
.page__about .about__content2,
.page__about .about__content3,
.page__about .about__content4,
.page__about .about__content5,
.page__about .about__content7,
.page__about .about__content8,
.page__about .about__content9,
.page__about .about__content10,
.page__about .about__content11,
.page__about .about__content12,
.page__about .about__content13,
.page__about .about__content14 {
    position: relative
}

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

    .page__about .about__content,
    .page__about .about__content2,
    .page__about .about__content3,
    .page__about .about__content4,
    .page__about .about__content5,
    .page__about .about__content7,
    .page__about .about__content8,
    .page__about .about__content9,
    .page__about .about__content10,
    .page__about .about__content11,
    .page__about .about__content12,
    .page__about .about__content13,
    .page__about .about__content14 {
        width: 100%
    }
}

.page__about .about__content:after,
.page__about .about__content2:after,
.page__about .about__content3:after,
.page__about .about__content4:after,
.page__about .about__content5:after,
.page__about .about__content7:after,
.page__about .about__content8:after,
.page__about .about__content9:after,
.page__about .about__content10:after,
.page__about .about__content11:after,
.page__about .about__content12:after,
.page__about .about__content13:after,
.page__about .about__content14:after {
    position: absolute;
    right: 0;
    bottom: 3%;
    display: block;
    width: 2px;
    height: 95%;
    content: "";
    background-color: #fff
}

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

    .page__about .about__content:after,
    .page__about .about__content2:after,
    .page__about .about__content4:after,
    .page__about .about__content5:after,
    .page__about .about__content7:after,
    .page__about .about__content8:after,
    .page__about .about__content9:after,
    .page__about .about__content10:after,
    .page__about .about__content11:after,
    .page__about .about__content12:after,
    .page__about .about__content13:after,
    .page__about .about__content14:after {
        top: 0;
        width: 100%;
        height: 2px
    }

    .page__about .about__content3:after {
        display: none;
    }
}

.page__about .about__content .content__title,
.page__about .about__content2 .content__title,
.page__about .about__content3 .content__title,
.page__about .about__content4 .content__title,
.page__about .about__content5 .content__title,
.page__about .about__content7 .content__title,
.page__about .about__content8 .content__title,
.page__about .about__content9 .content__title,
.page__about .about__content10 .content__title,
.page__about .about__content11 .content__title,
.page__about .about__content12 .content__title,
.page__about .about__content13 .content__title,
.page__about .about__content14 .content__title {
    display: inline-block;
    padding: 0 1rem;
    margin-bottom: 1rem;
    color: #fff;
    font-size: 1.5vw;
    letter-spacing: .05em;
    background: #000
}

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

    .page__about .about__content .content__title,
    .page__about .about__content2 .content__title,
    .page__about .about__content3 .content__title,
    .page__about .about__content4 .content__title,
    .page__about .about__content5 .content__title,
    .page__about .about__content7 .content__title,
    .page__about .about__content8 .content__title,
    .page__about .about__content9 .content__title,
    .page__about .about__content10 .content__title,
    .page__about .about__content11 .content__title,
    .page__about .about__content12 .content__title,
    .page__about .about__content13 .content__title,
    .page__about .about__content14 .content__title {
        padding: .2rem 1rem;
        font-size: 1.9rem !important
    }
}

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

    .page__about .about__content .content__title,
    .page__about .about__content2 .content__title,
    .page__about .about__content3 .content__title,
    .page__about .about__content4 .content__title,
    .page__about .about__content5 .content__title,
    .page__about .about__content7 .content__title,
    .page__about .about__content8 .content__title,
    .page__about .about__content9 .content__title,
    .page__about .about__content10 .content__title,
    .page__about .about__content11 .content__title,
    .page__about .about__content12 .content__title,
    .page__about .about__content13 .content__title,
    .page__about .about__content14 .content__title {
        padding: 3px .8rem;
        font-size: 2.9vw !important
    }
}

.page__about .about__content .content__numerical,
.page__about .about__content2 .content__numerical,
.page__about .about__content3 .content__numerical,
.page__about .about__content4 .content__numerical,
.page__about .about__content5 .content__numerical,
.page__about .about__content7 .content__numerical,
.page__about .about__content8 .content__numerical,
.page__about .about__content9 .content__numerical,
.page__about .about__content10 .content__numerical,
.page__about .about__content11 .content__numerical,
.page__about .about__content12 .content__numerical,
.page__about .about__content13 .content__numerical,
.page__about .about__content14 .content__numerical {
    font-family: "Barlow", sans-serif;
    margin-bottom: 1rem;
    margin-left: 2%;
    color: #fff;
    font-size: 11.6vw;
    font-weight: 500;
    line-height: 1;
    letter-spacing: .08em
}

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

    .page__about .about__content .content__numerical,
    .page__about .about__content2 .content__numerical,
    .page__about .about__content3 .content__numerical,
    .page__about .about__content4 .content__numerical,
    .page__about .about__content5 .content__numerical,
    .page__about .about__content7 .content__numerical,
    .page__about .about__content8 .content__numerical,
    .page__about .about__content9 .content__numerical,
    .page__about .about__content10 .content__numerical,
    .page__about .about__content11 .content__numerical,
    .page__about .about__content12 .content__numerical,
    .page__about .about__content13 .content__numerical,
    .page__about .about__content14 .content__numerical {
        font-size: 14rem !important
    }
}

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

    .page__about .about__content .content__numerical,
    .page__about .about__content2 .content__numerical,
    .page__about .about__content3 .content__numerical,
    .page__about .about__content4 .content__numerical,
    .page__about .about__content5 .content__numerical,
    .page__about .about__content7 .content__numerical,
    .page__about .about__content8 .content__numerical,
    .page__about .about__content9 .content__numerical,
    .page__about .about__content10 .content__numerical,
    .page__about .about__content11 .content__numerical,
    .page__about .about__content12 .content__numerical,
    .page__about .about__content13 .content__numerical,
    .page__about .about__content14 .content__numerical {
        line-height: 1
    }
}

.page__about .about__content .content__numerical .small,
.page__about .about__content2 .content__numerical .small,
.page__about .about__content3 .content__numerical .small,
.page__about .about__content4 .content__numerical .small,
.page__about .about__content5 .content__numerical .small,
.page__about .about__content7 .content__numerical .small,
.page__about .about__content8 .content__numerical .small,
.page__about .about__content9 .content__numerical .small,
.page__about .about__content10 .content__numerical .small,
.page__about .about__content11 .content__numerical .small,
.page__about .about__content12 .content__numerical .small,
.page__about .about__content13 .content__numerical .small,
.page__about .about__content14 .content__numerical .small {
    margin-right: 3%;
    color: #000;
    font-size: 2.6rem;
    font-weight: 600
}

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

    .page__about .about__content .content__numerical .small,
    .page__about .about__content2 .content__numerical .small,
    .page__about .about__content3 .content__numerical .small,
    .page__about .about__content4 .content__numerical .small,
    .page__about .about__content5 .content__numerical .small,
    .page__about .about__content7 .content__numerical .small,
    .page__about .about__content8 .content__numerical .small,
    .page__about .about__content9 .content__numerical .small,
    .page__about .about__content10 .content__numerical .small,
    .page__about .about__content11 .content__numerical .small,
    .page__about .about__content12 .content__numerical .small,
    .page__about .about__content13 .content__numerical .small,
    .page__about .about__content14 .content__numerical .small {
        font-size: 1.6rem
    }
}

.page__about .about__content .content__numerical .small.-mr,
.page__about .about__content2 .content__numerical .small.-mr,
.page__about .about__content3 .content__numerical .small.-mr,
.page__about .about__content4 .content__numerical .small.-mr,
.page__about .about__content5 .content__numerical .small.-mr,
.page__about .about__content7 .content__numerical .small.-mr,
.page__about .about__content8 .content__numerical .small.-mr,
.page__about .about__content9 .content__numerical .small.-mr,
.page__about .about__content10 .content__numerical .small.-mr,
.page__about .about__content11 .content__numerical .small.-mr,
.page__about .about__content12 .content__numerical .small.-mr,
.page__about .about__content13 .content__numerical .small.-mr,
.page__about .about__content14 .content__numerical .small.-mr {
    margin-right: 0
}

.page__about .about__content .content__numerical .medium,
.page__about .about__content2 .content__numerical .medium,
.page__about .about__content3 .content__numerical .medium,
.page__about .about__content4 .content__numerical .medium,
.page__about .about__content5 .content__numerical .medium,
.page__about .about__content7 .content__numerical .medium,
.page__about .about__content8 .content__numerical .medium,
.page__about .about__content9 .content__numerical .medium,
.page__about .about__content10 .content__numerical .medium,
.page__about .about__content11 .content__numerical .medium,
.page__about .about__content12 .content__numerical .medium,
.page__about .about__content13 .content__numerical .medium,
.page__about .about__content14 .content__numerical .medium {
    color: #000;
    font-size: 4vw;
    font-weight: 500
}

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

    .page__about .about__content .content__numerical .medium,
    .page__about .about__content2 .content__numerical .medium,
    .page__about .about__content3 .content__numerical .medium,
    .page__about .about__content4 .content__numerical .medium,
    .page__about .about__content5 .content__numerical .medium,
    .page__about .about__content7 .content__numerical .medium,
    .page__about .about__content8 .content__numerical .medium,
    .page__about .about__content9 .content__numerical .medium,
    .page__about .about__content10 .content__numerical .medium,
    .page__about .about__content11 .content__numerical .medium,
    .page__about .about__content12 .content__numerical .medium,
    .page__about .about__content13 .content__numerical .medium,
    .page__about .about__content14 .content__numerical .medium {
        font-size: 5.9rem
    }
}

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

    .page__about .about__content .content__numerical .medium,
    .page__about .about__content2 .content__numerical .medium,
    .page__about .about__content3 .content__numerical .medium,
    .page__about .about__content4 .content__numerical .medium,
    .page__about .about__content5 .content__numerical .medium,
    .page__about .about__content7 .content__numerical .medium,
    .page__about .about__content8 .content__numerical .medium,
    .page__about .about__content9 .content__numerical .medium,
    .page__about .about__content10 .content__numerical .medium,
    .page__about .about__content11 .content__numerical .medium,
    .page__about .about__content12 .content__numerical .medium,
    .page__about .about__content13 .content__numerical .medium,
    .page__about .about__content14 .content__numerical .medium {
        font-size: 3.4rem
    }
}

.page__about .about__content .content__numerical .medium .fz,
.page__about .about__content2 .content__numerical .medium .fz,
.page__about .about__content3 .content__numerical .medium .fz,
.page__about .about__content4 .content__numerical .medium .fz,
.page__about .about__content5 .content__numerical .medium .fz,
.page__about .about__content7 .content__numerical .medium .fz,
.page__about .about__content8 .content__numerical .medium .fz,
.page__about .about__content9 .content__numerical .medium .fz,
.page__about .about__content10 .content__numerical .medium .fz,
.page__about .about__content11 .content__numerical .medium .fz,
.page__about .about__content12 .content__numerical .medium .fz,
.page__about .about__content13 .content__numerical .medium .fz,
.page__about .about__content14 .content__numerical .medium .fz {
    font-size: 3.5rem
}

.page__about .about__content .content__numerical .medium.-type2,
.page__about .about__content2 .content__numerical .medium.-type2,
.page__about .about__content3 .content__numerical .medium.-type2,
.page__about .about__content4 .content__numerical .medium.-type2,
.page__about .about__content5 .content__numerical .medium.-type2,
.page__about .about__content7 .content__numerical .medium.-type2,
.page__about .about__content8 .content__numerical .medium.-type2,
.page__about .about__content9 .content__numerical .medium.-type2,
.page__about .about__content10 .content__numerical .medium.-type2,
.page__about .about__content11 .content__numerical .medium.-type2,
.page__about .about__content12 .content__numerical .medium.-type2,
.page__about .about__content13 .content__numerical .medium.-type2,
.page__about .about__content14 .content__numerical .medium.-type2 {
    font-size: 3.5vw
}

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

    .page__about .about__content .content__numerical .medium.-type2,
    .page__about .about__content2 .content__numerical .medium.-type2,
    .page__about .about__content3 .content__numerical .medium.-type2,
    .page__about .about__content4 .content__numerical .medium.-type2,
    .page__about .about__content5 .content__numerical .medium.-type2,
    .page__about .about__content7 .content__numerical .medium.-type2,
    .page__about .about__content8 .content__numerical .medium.-type2,
    .page__about .about__content9 .content__numerical .medium.-type2,
    .page__about .about__content10 .content__numerical .medium.-type2,
    .page__about .about__content11 .content__numerical .medium.-type2,
    .page__about .about__content12 .content__numerical .medium.-type2,
    .page__about .about__content13 .content__numerical .medium.-type2,
    .page__about .about__content14 .content__numerical .medium.-type2 {
        font-size: 4.7rem
    }
}

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

    .page__about .about__content .content__numerical .medium.-type2,
    .page__about .about__content2 .content__numerical .medium.-type2,
    .page__about .about__content3 .content__numerical .medium.-type2,
    .page__about .about__content4 .content__numerical .medium.-type2,
    .page__about .about__content5 .content__numerical .medium.-type2,
    .page__about .about__content7 .content__numerical .medium.-type2,
    .page__about .about__content8 .content__numerical .medium.-type2,
    .page__about .about__content9 .content__numerical .medium.-type2,
    .page__about .about__content10 .content__numerical .medium.-type2,
    .page__about .about__content11 .content__numerical .medium.-type2,
    .page__about .about__content12 .content__numerical .medium.-type2,
    .page__about .about__content13 .content__numerical .medium.-type2,
    .page__about .about__content14 .content__numerical .medium.-type2 {
        font-size: 2.7rem
    }
}

@-moz-document url-prefix() {

    .page__about .about__content .content__numerical .medium.-type2,
    .page__about .about__content2 .content__numerical .medium.-type2,
    .page__about .about__content3 .content__numerical .medium.-type2,
    .page__about .about__content4 .content__numerical .medium.-type2,
    .page__about .about__content5 .content__numerical .medium.-type2,
    .page__about .about__content7 .content__numerical .medium.-type2,
    .page__about .about__content8 .content__numerical .medium.-type2,
    .page__about .about__content9 .content__numerical .medium.-type2,
    .page__about .about__content10 .content__numerical .medium.-type2,
    .page__about .about__content11 .content__numerical .medium.-type2,
    .page__about .about__content12 .content__numerical .medium.-type2,
    .page__about .about__content13 .content__numerical .medium.-type2,
    .page__about .about__content14 .content__numerical .medium.-type2 {
        font-weight: 600
    }
}

.page__about .about__content .content__numerical .medium.-attached,
.page__about .about__content2 .content__numerical .medium.-attached,
.page__about .about__content3 .content__numerical .medium.-attached,
.page__about .about__content4 .content__numerical .medium.-attached,
.page__about .about__content5 .content__numerical .medium.-attached,
.page__about .about__content7 .content__numerical .medium.-attached,
.page__about .about__content8 .content__numerical .medium.-attached,
.page__about .about__content9 .content__numerical .medium.-attached,
.page__about .about__content10 .content__numerical .medium.-attached,
.page__about .about__content11 .content__numerical .medium.-attached,
.page__about .about__content12 .content__numerical .medium.-attached,
.page__about .about__content13 .content__numerical .medium.-attached,
.page__about .about__content14 .content__numerical .medium.-attached {
    position: relative
}

.page__about .about__content .content__numerical .medium.-attached:after,
.page__about .about__content2 .content__numerical .medium.-attached:after,
.page__about .about__content3 .content__numerical .medium.-attached:after,
.page__about .about__content4 .content__numerical .medium.-attached:after,
.page__about .about__content5 .content__numerical .medium.-attached:after,
.page__about .about__content7 .content__numerical .medium.-attached:after,
.page__about .about__content8 .content__numerical .medium.-attached:after,
.page__about .about__content9 .content__numerical .medium.-attached:after,
.page__about .about__content10 .content__numerical .medium.-attached:after,
.page__about .about__content11 .content__numerical .medium.-attached:after,
.page__about .about__content12 .content__numerical .medium.-attached:after,
.page__about .about__content13 .content__numerical .medium.-attached:after,
.page__about .about__content14 .content__numerical .medium.-attached:after {
    font-family: "Barlow", sans-serif;
    position: absolute;
    top: -3px;
    right: 0;
    display: inline-block;
    content: "2";
    font-size: 1.5rem;
    font-weight: 1000;
    -webkit-transform: translate();
    transform: translate()
}

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

    .page__about .about__content .content__numerical .medium.-attached:after,
    .page__about .about__content2 .content__numerical .medium.-attached:after,
    .page__about .about__content3 .content__numerical .medium.-attached:after,
    .page__about .about__content4 .content__numerical .medium.-attached:after,
    .page__about .about__content5 .content__numerical .medium.-attached:after,
    .page__about .about__content7 .content__numerical .medium.-attached:after,
    .page__about .about__content8 .content__numerical .medium.-attached:after,
    .page__about .about__content9 .content__numerical .medium.-attached:after,
    .page__about .about__content10 .content__numerical .medium.-attached:after,
    .page__about .about__content11 .content__numerical .medium.-attached:after,
    .page__about .about__content12 .content__numerical .medium.-attached:after,
    .page__about .about__content13 .content__numerical .medium.-attached:after,
    .page__about .about__content14 .content__numerical .medium.-attached:after {
        font-size: 2rem
    }
}

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

    .page__about .about__content .content__numerical .medium.-attached:after,
    .page__about .about__content2 .content__numerical .medium.-attached:after,
    .page__about .about__content3 .content__numerical .medium.-attached:after,
    .page__about .about__content4 .content__numerical .medium.-attached:after,
    .page__about .about__content5 .content__numerical .medium.-attached:after,
    .page__about .about__content7 .content__numerical .medium.-attached:after,
    .page__about .about__content8 .content__numerical .medium.-attached:after,
    .page__about .about__content9 .content__numerical .medium.-attached:after,
    .page__about .about__content10 .content__numerical .medium.-attached:after,
    .page__about .about__content11 .content__numerical .medium.-attached:after,
    .page__about .about__content12 .content__numerical .medium.-attached:after,
    .page__about .about__content13 .content__numerical .medium.-attached:after,
    .page__about .about__content14 .content__numerical .medium.-attached:after {
        top: -1px;
        font-size: 1.5rem;
        font-weight: 600
    }
}

.page__about .about__content .content__numerical .medium.-attached2,
.page__about .about__content2 .content__numerical .medium.-attached2,
.page__about .about__content3 .content__numerical .medium.-attached2,
.page__about .about__content4 .content__numerical .medium.-attached2,
.page__about .about__content5 .content__numerical .medium.-attached2,
.page__about .about__content7 .content__numerical .medium.-attached2,
.page__about .about__content8 .content__numerical .medium.-attached2,
.page__about .about__content9 .content__numerical .medium.-attached2,
.page__about .about__content10 .content__numerical .medium.-attached2,
.page__about .about__content11 .content__numerical .medium.-attached2,
.page__about .about__content12 .content__numerical .medium.-attached2,
.page__about .about__content13 .content__numerical .medium.-attached2,
.page__about .about__content14 .content__numerical .medium.-attached2 {
    position: relative
}

.page__about .about__content .content__numerical .medium.-attached2:after,
.page__about .about__content2 .content__numerical .medium.-attached2:after,
.page__about .about__content3 .content__numerical .medium.-attached2:after,
.page__about .about__content4 .content__numerical .medium.-attached2:after,
.page__about .about__content5 .content__numerical .medium.-attached2:after,
.page__about .about__content7 .content__numerical .medium.-attached2:after,
.page__about .about__content8 .content__numerical .medium.-attached2:after,
.page__about .about__content9 .content__numerical .medium.-attached2:after,
.page__about .about__content10 .content__numerical .medium.-attached2:after,
.page__about .about__content11 .content__numerical .medium.-attached2:after,
.page__about .about__content12 .content__numerical .medium.-attached2:after,
.page__about .about__content13 .content__numerical .medium.-attached2:after,
.page__about .about__content14 .content__numerical .medium.-attached2:after {
    font-family: "Barlow", sans-serif;
    position: absolute;
    top: -3px;
    right: 0;
    display: inline-block;
    content: "3";
    font-size: 1.5rem;
    font-weight: 1000;
    -webkit-transform: translate();
    transform: translate()
}

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

    .page__about .about__content .content__numerical .medium.-attached2:after,
    .page__about .about__content2 .content__numerical .medium.-attached2:after,
    .page__about .about__content3 .content__numerical .medium.-attached2:after,
    .page__about .about__content4 .content__numerical .medium.-attached2:after,
    .page__about .about__content5 .content__numerical .medium.-attached2:after,
    .page__about .about__content7 .content__numerical .medium.-attached2:after,
    .page__about .about__content8 .content__numerical .medium.-attached2:after,
    .page__about .about__content9 .content__numerical .medium.-attached2:after,
    .page__about .about__content10 .content__numerical .medium.-attached2:after,
    .page__about .about__content11 .content__numerical .medium.-attached2:after,
    .page__about .about__content12 .content__numerical .medium.-attached2:after,
    .page__about .about__content13 .content__numerical .medium.-attached2:after,
    .page__about .about__content14 .content__numerical .medium.-attached2:after {
        font-size: 2rem
    }
}

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

    .page__about .about__content .content__numerical .medium.-attached2:after,
    .page__about .about__content2 .content__numerical .medium.-attached2:after,
    .page__about .about__content3 .content__numerical .medium.-attached2:after,
    .page__about .about__content4 .content__numerical .medium.-attached2:after,
    .page__about .about__content5 .content__numerical .medium.-attached2:after,
    .page__about .about__content7 .content__numerical .medium.-attached2:after,
    .page__about .about__content8 .content__numerical .medium.-attached2:after,
    .page__about .about__content9 .content__numerical .medium.-attached2:after,
    .page__about .about__content10 .content__numerical .medium.-attached2:after,
    .page__about .about__content11 .content__numerical .medium.-attached2:after,
    .page__about .about__content12 .content__numerical .medium.-attached2:after,
    .page__about .about__content13 .content__numerical .medium.-attached2:after,
    .page__about .about__content14 .content__numerical .medium.-attached2:after {
        top: -3px;
        font-size: 1.5rem;
        font-weight: 600
    }
}

.page__about .about__content .content__numerical .medium.-attached3,
.page__about .about__content2 .content__numerical .medium.-attached3,
.page__about .about__content3 .content__numerical .medium.-attached3,
.page__about .about__content4 .content__numerical .medium.-attached3,
.page__about .about__content5 .content__numerical .medium.-attached3,
.page__about .about__content7 .content__numerical .medium.-attached3,
.page__about .about__content8 .content__numerical .medium.-attached3,
.page__about .about__content9 .content__numerical .medium.-attached3,
.page__about .about__content10 .content__numerical .medium.-attached3,
.page__about .about__content11 .content__numerical .medium.-attached3,
.page__about .about__content12 .content__numerical .medium.-attached3,
.page__about .about__content13 .content__numerical .medium.-attached3,
.page__about .about__content14 .content__numerical .medium.-attached3 {
    position: relative
}

.page__about .about__content .content__numerical .medium.-attached3:after,
.page__about .about__content2 .content__numerical .medium.-attached3:after,
.page__about .about__content3 .content__numerical .medium.-attached3:after,
.page__about .about__content4 .content__numerical .medium.-attached3:after,
.page__about .about__content5 .content__numerical .medium.-attached3:after,
.page__about .about__content7 .content__numerical .medium.-attached3:after,
.page__about .about__content8 .content__numerical .medium.-attached3:after,
.page__about .about__content9 .content__numerical .medium.-attached3:after,
.page__about .about__content10 .content__numerical .medium.-attached3:after,
.page__about .about__content11 .content__numerical .medium.-attached3:after,
.page__about .about__content12 .content__numerical .medium.-attached3:after,
.page__about .about__content13 .content__numerical .medium.-attached3:after,
.page__about .about__content14 .content__numerical .medium.-attached3:after {
    font-family: "Barlow", sans-serif;
    position: absolute;
    top: -3px;
    right: 0;
    display: inline-block;
    content: "3";
    font-size: 1.5rem;
    font-weight: 1000;
    -webkit-transform: translate();
    transform: translate()
}

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

    .page__about .about__content .content__numerical .medium.-attached3:after,
    .page__about .about__content2 .content__numerical .medium.-attached3:after,
    .page__about .about__content3 .content__numerical .medium.-attached3:after,
    .page__about .about__content4 .content__numerical .medium.-attached3:after,
    .page__about .about__content5 .content__numerical .medium.-attached3:after,
    .page__about .about__content7 .content__numerical .medium.-attached3:after,
    .page__about .about__content8 .content__numerical .medium.-attached3:after,
    .page__about .about__content9 .content__numerical .medium.-attached3:after,
    .page__about .about__content10 .content__numerical .medium.-attached3:after,
    .page__about .about__content11 .content__numerical .medium.-attached3:after,
    .page__about .about__content12 .content__numerical .medium.-attached3:after,
    .page__about .about__content13 .content__numerical .medium.-attached3:after,
    .page__about .about__content14 .content__numerical .medium.-attached3:after {
        font-size: 2rem
    }
}

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

    .page__about .about__content .content__numerical .medium.-attached3:after,
    .page__about .about__content2 .content__numerical .medium.-attached3:after,
    .page__about .about__content3 .content__numerical .medium.-attached3:after,
    .page__about .about__content4 .content__numerical .medium.-attached3:after,
    .page__about .about__content5 .content__numerical .medium.-attached3:after,
    .page__about .about__content7 .content__numerical .medium.-attached3:after,
    .page__about .about__content8 .content__numerical .medium.-attached3:after,
    .page__about .about__content9 .content__numerical .medium.-attached3:after,
    .page__about .about__content10 .content__numerical .medium.-attached3:after,
    .page__about .about__content11 .content__numerical .medium.-attached3:after,
    .page__about .about__content12 .content__numerical .medium.-attached3:after,
    .page__about .about__content13 .content__numerical .medium.-attached3:after,
    .page__about .about__content14 .content__numerical .medium.-attached3:after {
        top: -3px;
        font-size: 1.5rem;
        font-weight: 600
    }
}

.page__about .about__content .content__flex,
.page__about .about__content2 .content__flex,
.page__about .about__content3 .content__flex,
.page__about .about__content4 .content__flex,
.page__about .about__content5 .content__flex,
.page__about .about__content7 .content__flex,
.page__about .about__content8 .content__flex,
.page__about .about__content9 .content__flex,
.page__about .about__content10 .content__flex,
.page__about .about__content11 .content__flex,
.page__about .about__content12 .content__flex,
.page__about .about__content13 .content__flex,
.page__about .about__content14 .content__flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    padding-left: 5%
}

.page__about .about__content .content__flex .content__box,
.page__about .about__content2 .content__flex .content__box,
.page__about .about__content3 .content__flex .content__box,
.page__about .about__content4 .content__flex .content__box,
.page__about .about__content5 .content__flex .content__box,
.page__about .about__content7 .content__flex .content__box,
.page__about .about__content8 .content__flex .content__box,
.page__about .about__content9 .content__flex .content__box,
.page__about .about__content10 .content__flex .content__box,
.page__about .about__content11 .content__flex .content__box,
.page__about .about__content12 .content__flex .content__box,
.page__about .about__content13 .content__flex .content__box,
.page__about .about__content14 .content__flex .content__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}

.page__about .about__content .content__flex .content__box .content__text,
.page__about .about__content2 .content__flex .content__box .content__text,
.page__about .about__content3 .content__flex .content__box .content__text,
.page__about .about__content4 .content__flex .content__box .content__text,
.page__about .about__content5 .content__flex .content__box .content__text,
.page__about .about__content7 .content__flex .content__box .content__text,
.page__about .about__content8 .content__flex .content__box .content__text,
.page__about .about__content9 .content__flex .content__box .content__text,
.page__about .about__content10 .content__flex .content__box .content__text,
.page__about .about__content11 .content__flex .content__box .content__text,
.page__about .about__content12 .content__flex .content__box .content__text,
.page__about .about__content13 .content__flex .content__box .content__text,
.page__about .about__content14 .content__flex .content__box .content__text {
    display: inline-block;
    padding: 0 1rem .7rem;
    font-size: 1.4vw;
    letter-spacing: .05em;
    border-bottom: 3px solid #000
}

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

    .page__about .about__content .content__flex .content__box .content__text,
    .page__about .about__content2 .content__flex .content__box .content__text,
    .page__about .about__content3 .content__flex .content__box .content__text,
    .page__about .about__content4 .content__flex .content__box .content__text,
    .page__about .about__content5 .content__flex .content__box .content__text,
    .page__about .about__content7 .content__flex .content__box .content__text,
    .page__about .about__content8 .content__flex .content__box .content__text,
    .page__about .about__content9 .content__flex .content__box .content__text,
    .page__about .about__content10 .content__flex .content__box .content__text,
    .page__about .about__content11 .content__flex .content__box .content__text,
    .page__about .about__content12 .content__flex .content__box .content__text,
    .page__about .about__content13 .content__flex .content__box .content__text,
    .page__about .about__content14 .content__flex .content__box .content__text {
        font-size: 1.8rem
    }
}

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

    .page__about .about__content .content__flex .content__box .content__text,
    .page__about .about__content2 .content__flex .content__box .content__text,
    .page__about .about__content3 .content__flex .content__box .content__text,
    .page__about .about__content4 .content__flex .content__box .content__text,
    .page__about .about__content5 .content__flex .content__box .content__text,
    .page__about .about__content7 .content__flex .content__box .content__text,
    .page__about .about__content8 .content__flex .content__box .content__text,
    .page__about .about__content9 .content__flex .content__box .content__text,
    .page__about .about__content10 .content__flex .content__box .content__text,
    .page__about .about__content11 .content__flex .content__box .content__text,
    .page__about .about__content12 .content__flex .content__box .content__text,
    .page__about .about__content13 .content__flex .content__box .content__text,
    .page__about .about__content14 .content__flex .content__box .content__text {
        font-size: 3.7vw
    }
}

.page__about .about__content .content__flex .content__img,
.page__about .about__content2 .content__flex .content__img,
.page__about .about__content3 .content__flex .content__img,
.page__about .about__content4 .content__flex .content__img,
.page__about .about__content5 .content__flex .content__img,
.page__about .about__content7 .content__flex .content__img,
.page__about .about__content8 .content__flex .content__img,
.page__about .about__content9 .content__flex .content__img,
.page__about .about__content10 .content__flex .content__img,
.page__about .about__content11 .content__flex .content__img,
.page__about .about__content12 .content__flex .content__img,
.page__about .about__content13 .content__flex .content__img,
.page__about .about__content14 .content__flex .content__img {
    margin: 0 auto
}

.page__about .about__content .content__flex .content__img .content__imgChild,
.page__about .about__content2 .content__flex .content__img .content__imgChild,
.page__about .about__content3 .content__flex .content__img .content__imgChild,
.page__about .about__content4 .content__flex .content__img .content__imgChild,
.page__about .about__content5 .content__flex .content__img .content__imgChild,
.page__about .about__content7 .content__flex .content__img .content__imgChild,
.page__about .about__content8 .content__flex .content__img .content__imgChild,
.page__about .about__content9 .content__flex .content__img .content__imgChild,
.page__about .about__content10 .content__flex .content__img .content__imgChild,
.page__about .about__content11 .content__flex .content__img .content__imgChild,
.page__about .about__content12 .content__flex .content__img .content__imgChild,
.page__about .about__content13 .content__flex .content__img .content__imgChild,
.page__about .about__content14 .content__flex .content__img .content__imgChild {
    width: 100%
}

.page__about .about__content {
    position: relative;
    width: 45.5%;
    padding: 4rem 0rem 2.6rem
}

@media only screen and (max-width: 768px),
only screen and (max-width: 480px) {
    .page__about .about__content {
        width: 100%;
        padding: 3rem 0rem 3rem
    }
}

.page__about .about__content:after {
    position: absolute;
    right: 0;
    bottom: 3%;
    display: block;
    width: 2px;
    height: 95%;
    content: "";
    background-color: #fff
}

@media only screen and (max-width: 768px),
only screen and (max-width: 480px) {
    .page__about .about__content:after {
        top: 0;
        width: 100%;
        height: 2px
    }
}

.page__about .about__content .content__wrap {
    padding-left: 15%
}

@media only screen and (max-width: 768px),
only screen and (max-width: 480px) {
    .page__about .about__content .content__wrap {
        padding-left: 20.9%
    }
}

.page__about .about__content .content__title {
    display: inline-block;
    font-size: 1.5vw
}

@media only screen and (max-width: 768px),
only screen and (max-width: 480px) {
    .page__about .about__content .content__title {
        font-size: 2.9vw
    }
}

.page__about .about__content .content__numerical {
    font-size: 11.6vw;
    line-height: 1;
    letter-spacing: .06em
}

@media only screen and (max-width: 768px),
only screen and (max-width: 480px) {
    .page__about .about__content .content__numerical {
        font-size: 22.6vw;
        line-height: 1
    }
}

.page__about .about__content .content__img {
    width: 45%;
    margin: 0 auto
}

@media only screen and (max-width: 768px),
only screen and (max-width: 480px) {
    .page__about .about__content .content__img {
        width: 40%
    }
}

.page__about .about__content2 {
    width: 54%;
    padding: 4rem 0rem 6.6rem
}

@media only screen and (max-width: 768px),
only screen and (max-width: 480px) {
    .page__about .about__content2 {
        width: 100%;
        padding: 3rem 0rem 4.5rem
    }
}

.page__about .about__content2:after {
    position: absolute;
    right: 0;
    bottom: 3%;
    display: none;
    width: 2px;
    height: 95%;
    content: "";
    background-color: #fff
}

@media only screen and (max-width: 768px),
only screen and (max-width: 480px) {
    .page__about .about__content2:after {
        top: 0;
        display: block;
        width: 100%;
        height: 2px
    }
}

.page__about .about__content2 .content__box {
    margin-bottom: 5.6rem;
    text-align: center
}

@media only screen and (max-width: 768px),
only screen and (max-width: 480px) {
    .page__about .about__content2 .content__box {
        margin-bottom: 2.6rem
    }
}

.page__about .about__content2 .content__box .content__text {
    display: inline-block;
    padding: 0 1rem .7rem;
    font-size: 1.4vw;
    border-bottom: 3px solid #000
}

@media screen and (min-width: 1280px) {
    .page__about .about__content2 .content__box .content__text {
        font-size: 1.8rem !important
    }
}

@media only screen and (max-width: 768px),
only screen and (max-width: 480px) {
    .page__about .about__content2 .content__box .content__text {
        padding: 0 1rem .6rem;
        font-size: 3.9vw
    }
}

.page__about .about__content2 .content__wrap {
    padding-left: 29.5%;
    margin-bottom: 1rem
}

@media only screen and (max-width: 768px),
only screen and (max-width: 480px) {
    .page__about .about__content2 .content__wrap {
        padding-left: 23%
    }
}

.page__about .about__content2 .content__numerical {
    margin-bottom: 3rem;
    line-height: 1
}

@media only screen and (max-width: 768px),
only screen and (max-width: 480px) {
    .page__about .about__content2 .content__numerical {
        font-size: 21.6vw
    }
}

.page__about .about__content2 .content__img {
    width: 79%;
    margin: 0 auto
}

.page__about .about__content2 .content__img .content__imgChild {
    width: 100%
}

.page__about .about__content3 .content__flex,
.page__about .about__content4 .content__flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    flex-direction: column-reverse;
    width: 50%;
    padding-left: 3% !important
}

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

    .page__about .about__content3 .content__flex,
    .page__about .about__content4 .content__flex {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: unset;
        -webkit-box-direction: unset;
        -webkit-flex-direction: unset;
        -ms-flex-direction: unset;
        flex-direction: unset;
        width: 100%
    }
}

.page__about .about__content3 .content__img,
.page__about .about__content4 .content__img {
    width: 35%;
    margin: 0 0 1.6rem 33% !important
}

.page__about .about__content3 .content__box,
.page__about .about__content4 .content__box {
    text-align: center
}

.page__about .about__content3 .content__wrap,
.page__about .about__content4 .content__wrap {
    width: 50%;
    padding-top: 8.4%;
    padding-left: 11%
}

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

    .page__about .about__content3 .content__wrap,
    .page__about .about__content4 .content__wrap {
        width: 100%
    }
}

.page__about .about__content3 {
    padding: 5.8rem 0rem 2.6rem
}

@media only screen and (max-width: 768px),
only screen and (max-width: 480px) {
    .page__about .about__content3 {
        padding: 1.3rem 0rem 2.2rem
    }
}

@media only screen and (min-width: 769px) {
    .page__about .about__content3:after {
        right: 3% !important;
        bottom: 0 !important;
        width: 98% !important;
        height: 2px !important
    }
}

.page__about .about__content3 .content__text {
    font-size: 1.5vw
}

@media only screen and (max-width: 768px),
only screen and (max-width: 480px) {
    .page__about .about__content3 .content__text {
        font-size: 3.8vw !important;
        line-height: 1.2;
        text-align: left
    }
}

.page__about .about__content3 .content__wrap {
    padding-top: 3.4%;
    padding-left: 4%
}

@media only screen and (max-width: 768px),
only screen and (max-width: 480px) {
    .page__about .about__content3 .content__wrap {
        padding-left: 31%;
        margin-bottom: 10%
    }
}

@media only screen and (max-width: 768px),
only screen and (max-width: 480px) {
    .page__about .about__content3 .content__numerical {
        font-size: 20.6vw !important
    }
}

.page__about .about__content3 .content__img {
    width: 35%;
    margin: 0 0 1.6rem 33% !important
}

@media only screen and (max-width: 768px),
only screen and (max-width: 480px) {
    .page__about .about__content3 .content__img {
        width: 28%;
        margin: 0 auto !important
    }
}

@media only screen and (max-width: 768px),
only screen and (max-width: 480px) {
    .page__about .about__content3 .content__flex {
        padding-left: 9% !important
    }
}

.page__about .about__content4 {
    padding: 5.8rem 0rem 5.8rem
}

.page__about .about__content4 .content__flex {
    padding-left: 0 !important
}

@media only screen and (max-width: 768px),
only screen and (max-width: 480px) {
    .page__about .about__content4 {
        padding: 3rem 0rem 2.8rem
    }
}

@media only screen and (min-width: 769px) {
    .page__about .about__content4:after {
        display: none !important
    }
}

.page__about .about__content4 .about__box {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media only screen and (max-width: 768px),
only screen and (max-width: 480px) {
    .page__about .about__content4 .about__box {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.page__about .about__content4 .content__wrap {
    padding-top: .4%;
    padding-left: 4%;
    text-align: center
}

@media only screen and (max-width: 768px),
only screen and (max-width: 480px) {
    .page__about .about__content4 .content__wrap {
        padding-left: 0 !important;
        margin-bottom: 4%
    }
}

.page__about .about__content4 .content__box {
    -webkit-box-align: start !important;
    -webkit-align-items: flex-start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: left
}

.page__about .about__content4 .content__img {
    width: 61%;
    margin: 10.1px 4.4rem 10.1px !important
}

@media only screen and (max-width: 768px),
only screen and (max-width: 480px) {
    .page__about .about__content4 .content__img {
        margin: 3.7rem auto 2.4rem !important
    }
}

.page__about .about__content4 .content__numerical {
    font-size: 9.6vw
}

@media screen and (min-width: 1280px) {
    .page__about .about__content4 .content__numerical {
        font-size: 12.3rem !important
    }
}

@media only screen and (max-width: 768px),
only screen and (max-width: 480px) {
    .page__about .about__content4 .content__numerical {
        font-size: 20.6vw !important
    }
}

.page__about .about__content4 .content__title {
    display: inline-block !important
}

@media only screen and (max-width: 768px),
only screen and (max-width: 480px) {
    .page__about .about__content4 .content__title {
        font-size: 2.9vw
    }
}

.page__about .about__content4 .text__small {
    font-size: 1.2rem
}

.page__about .about__content4 .content__text {
    font-size: 1.46vw;
    font-weight: 600
}

@media screen and (min-width: 1280px) {
    .page__about .about__content4 .content__text {
        font-size: 1.4rem !important
    }
}

@media only screen and (max-width: 768px),
only screen and (max-width: 480px) {
    .page__about .about__content4 .content__text {
        font-size: 1.2vw;
        line-height: 1.4
    }
}

.page__about .about__content4 .content__text2 {
    margin-bottom: 1rem;
    margin-left: 1rem;
    font-size: 1.8rem;
    text-align: left
}

@media only screen and (max-width: 768px),
only screen and (max-width: 480px) {
    .page__about .about__content4 .content__text2 {
        margin-bottom: .2rem
    }
}

.page__about .about__content5 {
    width: 44%;
    padding: 6.9rem 0rem 7.1rem
}

@media only screen and (max-width: 768px),
only screen and (max-width: 480px) {
    .page__about .about__content5 {
        width: 100%;
        padding: 2.6rem 0rem 1.7rem
    }
}

@media only screen and (min-width: 769px) {
    .page__about .about__content5:after {
        left: 0
    }
}

.page__about .about__content5 .content__img {
    width: 89%
}

@media only screen and (max-width: 768px),
only screen and (max-width: 480px) {
    .page__about .about__content5 .content__img {
        width: 68%
    }
}

.page__about .about__content5 .content__flex {
    padding-left: 0
}

.page__about .about__content5 .content__wrap {
    padding-left: 11%
}

@media only screen and (max-width: 768px),
only screen and (max-width: 480px) {
    .page__about .about__content5 .content__wrap {
        padding-left: 13%;
        margin-bottom: 6% !important
    }
}

.page__about .about__content5 .content__numerical {
    font-size: 9.6vw !important;
    letter-spacing: .01em
}

@media screen and (min-width: 1280px) {
    .page__about .about__content5 .content__numerical {
        font-size: 12.3rem !important
    }
}

@media only screen and (max-width: 768px),
only screen and (max-width: 480px) {
    .page__about .about__content5 .content__numerical {
        font-size: 21.6vw !important
    }
}

.page__about .about__content5 .content__wrap {
    margin-bottom: 9%
}

.page__about .about__content6 {
    position: relative;
    padding: 11rem 0 6rem;
    text-align: center;
    border-top: 0px solid #fff
}

@media only screen and (max-width: 768px),
only screen and (max-width: 480px) {
    .page__about .about__content6 {
        padding: 9rem 0 2.8rem;
        border-top: 1px solid #fff border: none;
    }
}

.page__about .about__content6 .content__title.-type2 {
    margin-bottom: 1.4rem;
    color: #fff;
    font-size: 4rem
}

@media only screen and (max-width: 768px),
only screen and (max-width: 480px) {
    .page__about .about__content6 .content__title.-type2 {
        margin-bottom: .5rem;
        font-size: 2.3rem
    }
}

.page__about .about__content6 .content__text.-type2 {
    color: #fff;
    font-size: 1.6rem;
    letter-spacing: .04em
}

@media only screen and (max-width: 768px),
only screen and (max-width: 480px) {
    .page__about .about__content6 .content__text.-type2 {
        font-size: 1.4rem
    }
}

.page__about .about__content6.-pd2 {
    padding: 9rem 0 2.8rem
}

.page__about .about__content7 {
    width: 50%;
    padding: 5rem 0rem 3.6rem
}

@media only screen and (max-width: 768px),
only screen and (max-width: 480px) {
    .page__about .about__content7 {
        width: 100%;
        padding: 2.2rem 0rem 2.6rem
    }
}

.page__about .about__content7 .content__text {
    display: inline-block;
    padding: 0 1rem 1rem !important;
    line-height: 1.2;
    border-bottom: 3px solid #000000
}

@media screen and (min-width: 1280px) {
    .page__about .about__content7 .content__text {
        font-size: 1.8rem !important
    }
}

@media screen and (max-width: 480px) {
    .page__about .about__content7 .content__text {
        padding: 0 0.8rem 1rem !important;
    }
}

.page__about .about__content7 .content__wrap {
    padding-left: 17%
}

@media only screen and (max-width: 768px),
only screen and (max-width: 480px) {
    .page__about .about__content7 .content__wrap {
        padding-left: 20%
    }
}

.page__about .about__content7 .content__box {
    -webkit-box-align: start !important;
    -webkit-align-items: flex-start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 21%
}

@media only screen and (max-width: 768px),
only screen and (max-width: 480px) {
    .page__about .about__content7 .content__box {
        -webkit-box-align: end !important;
        -webkit-align-items: flex-end !important;
        -ms-flex-align: end !important;
        align-items: flex-end !important;
        -webkit-box-pack: end !important;
        -webkit-justify-content: flex-end !important;
        -ms-flex-pack: end !important;
        justify-content: flex-end !important;
        margin-bottom: 0
    }
}

.page__about .about__content7 .content__subText {
    font-size: 1.2rem !important;
    padding-left: 1rem;
}

.page__about .about__content7 .content__numerical {
    margin-bottom: 2.8rem;
    font-size: 9.6vw !important;
    letter-spacing: 0
}

@media only screen and (max-width: 768px),
only screen and (max-width: 480px) {
    .page__about .about__content7 .content__numerical {
        margin-bottom: 1.8rem;
        font-size: 23.5vw !important;
        line-height: 1.1
    }
}

@media screen and (min-width: 1280px) {
    .page__about .about__content7 .content__numerical {
        font-size: 14rem !important
    }
}

.page__about .about__content7 .content__flex {
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-left: 5%;
    margin-bottom: 5.3rem
}

@media only screen and (max-width: 768px),
only screen and (max-width: 480px) {
    .page__about .about__content7 .content__flex {
        margin-bottom: 4.1rem
    }
}

.page__about .about__content7 .content__wrap2 {
    padding-left: 6%;
    margin-bottom: 5.2rem
}

@media only screen and (max-width: 768px),
only screen and (max-width: 480px) {
    .page__about .about__content7 .content__wrap2 {
        padding-left: 8%
    }
}

.page__about .about__content7 .content__wrap2 .content__numerical {
    margin-bottom: 2.6rem
}

@media only screen and (max-width: 768px),
only screen and (max-width: 480px) {
    .page__about .about__content7 .content__wrap2 .content__numerical {
        margin-bottom: .6rem
    }
}

.page__about .about__content7 .content__wrap2 .content__text {
    display: inline-block;
    padding: 0 1rem .7rem;
    font-size: 1.5vw;
    border-bottom: 3px solid #000
}

@media screen and (min-width: 1280px) {
    .page__about .about__content7 .content__wrap2 .content__text {
        font-size: 1.8rem !important
    }
}

@media only screen and (max-width: 768px),
only screen and (max-width: 480px) {
    .page__about .about__content7 .content__wrap2 .content__text {
        font-size: 3.3vw
    }
}

.page__about .about__content7 .content__wrap3 {
    padding-left: 4%;
    margin-bottom: 4.5rem
}

@media only screen and (max-width: 768px),
only screen and (max-width: 480px) {
    .page__about .about__content7 .content__wrap3 {
        padding-left: 8%
    }
}

.page__about .about__content7 .content__wrap3 .content__text {
    display: inline-block;
    padding: 0 1rem .7rem;
    font-size: 1.5vw;
    border-bottom: 3px solid #000
}

@media screen and (min-width: 1280px) {
    .page__about .about__content7 .content__wrap3 .content__text {
        font-size: 1.8rem !important
    }
}

@media only screen and (max-width: 768px),
only screen and (max-width: 480px) {
    .page__about .about__content7 .content__wrap3 .content__text {
        font-size: 3.5vw
    }
}

.page__about .about__content7 .content__wrap3 .ps {
    position: relative
}

.page__about .about__content7 .content__wrap3 .ps .content__numerical {
    margin-bottom: 2rem;
    letter-spacing: .01em
}

.page__about .about__content7 .content__wrap3 .ps .content__subNumerical {
    position: absolute;
    bottom: -26px;
    left: 32%;
    margin-bottom: 1.8rem;
    font-size: 1.2rem
}

@media screen and (min-width: 1280px) {
    .page__about .about__content7 .content__wrap3 .ps .content__subNumerical {
        bottom: -26px;
        left: 34%
    }
}

@media only screen and (max-width: 768px),
only screen and (max-width: 480px) {
    .page__about .about__content7 .content__wrap3 .ps .content__subNumerical {
        bottom: -25px;
        left: 42%
    }
}

@media only screen and (max-width: 480px) {
    .page__about .about__content7 .content__wrap3 .ps .content__subNumerical {
        left: calc(50% - 11rem);
        bottom: -30px;
    }
}

@media only screen and (max-width: 768px),
only screen and (max-width: 480px) {
    .page__about .about__content7 .content__wrap3 .content__text {
        margin-top: .9rem;
        margin-left: -6%
    }
}

.page__about .about__content7 .content__img {
    width: 54%;
    margin: 6.6rem 6rem 0rem -8% !important
}

@media only screen and (max-width: 768px),
only screen and (max-width: 480px) {
    .page__about .about__content7 .content__img {
        width: 40%;
        margin: 1.6rem 1rem 0rem 0rem !important
    }
}

.page__about .about__content8 {
    padding: 5.5rem 0rem 9.1rem
}

@media only screen and (max-width: 768px),
only screen and (max-width: 480px) {
    .page__about .about__content8 {
        padding: 2.6rem 0rem 6.6rem
    }
}

.page__about .about__content8:after {
    width: 98%;
    height: 2px
}

.page__about .about__content8 .content__numerical {
    margin-bottom: 2.3rem;
    font-size: 10vw;
    line-height: 1;
    letter-spacing: .01em
}

@media only screen and (max-width: 768px),
only screen and (max-width: 480px) {
    .page__about .about__content8 .content__numerical {
        font-size: 18.7vw !important
    }
}

.page__about .about__content8 .content__wrap {
    padding-left: 15%;
    margin-bottom: 1rem
}

@media only screen and (max-width: 768px),
only screen and (max-width: 480px) {
    .page__about .about__content8 .content__wrap {
        margin-bottom: 4rem
    }
}

.page__about .about__content8 .content__box {
    padding-left: 4%;
    margin-bottom: 10%;
    text-align: center
}

.page__about .about__content8 .content__box .content__text {
    display: inline-block;
    padding: 0 1rem .7rem;
    font-size: 1.5vw;
    border-bottom: 3px solid #000
}

@media screen and (min-width: 1280px) {
    .page__about .about__content8 .content__box .content__text {
        font-size: 1.8rem !important
    }
}

@media only screen and (max-width: 768px),
only screen and (max-width: 480px) {
    .page__about .about__content8 .content__box .content__text {
        font-size: 3.7vw
    }
}

.page__about .about__content8 .content__img {
    width: 76%;
    margin: auto;
    text-align: center
}

.page__about .about__content9 {
    padding: 7.6rem 0rem 11.4rem
}

@media only screen and (max-width: 768px),
only screen and (max-width: 480px) {
    .page__about .about__content9 {
        padding: 2.6rem 0rem 3.6rem
    }
}

@media only screen and (min-width: 769px) {
    .page__about .about__content9:after {
        display: none
    }
}

.page__about .about__content9 .content__img {
    width: 70%
}

@media only screen and (max-width: 768px),
only screen and (max-width: 480px) {
    .page__about .about__content9 .content__img {
        width: 55%
    }
}

.page__about .about__content9 .content__wrap {
    padding-left: 16%
}

.page__about .about__content9 .content__numerical {
    font-size: 9.6vw !important;
    letter-spacing: .01em
}

@media screen and (min-width: 1280px) {
    .page__about .about__content9 .content__numerical {
        font-size: 12.6rem !important
    }
}

@media only screen and (max-width: 768px),
only screen and (max-width: 480px) {
    .page__about .about__content9 .content__numerical {
        font-size: 18.7vw !important
    }
}

.page__about .about__content9 .content__wrap {
    margin-bottom: 13%
}

.page__about .about__content10:after {
    display: none
}

.page__about .about__content10 .content__flex {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: unset;
    -webkit-justify-content: unset;
    -ms-flex-pack: unset;
    justify-content: unset;
    padding: 5rem 0
}

@media only screen and (max-width: 768px),
only screen and (max-width: 480px) {
    .page__about .about__content10 .content__flex {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 3rem 0 3rem
    }
}

.page__about .about__content10 .content__textbox {
    padding-left: 3%
}

.page__about .about__content10 .content__title {
    font-size: 1.5vw
}

@media only screen and (max-width: 768px),
only screen and (max-width: 480px) {
    .page__about .about__content10 .content__title {
        margin-bottom: 3rem;
        font-size: 2.9vw
    }
}

.page__about .about__content10 .content__wrap {
    padding-left: 2%
}

@media only screen and (max-width: 768px),
only screen and (max-width: 480px) {
    .page__about .about__content10 .content__wrap {
        padding-left: 0
    }
}

.page__about .about__content10 .content__numerical {
    font-size: 11.6vw
}

@media only screen and (max-width: 768px),
only screen and (max-width: 480px) {
    .page__about .about__content10 .content__numerical {
        margin-top: 1rem;
        font-size: 18.6vw
    }
}

.page__about .about__content10 .content__img {
    width: 67%;
    margin: 0 0 0 6.4% !important
}

@media only screen and (max-width: 768px),
only screen and (max-width: 480px) {
    .page__about .about__content10 .content__img {
        width: 47%
    }
}

.page__about .about__content10 .content__text {
    display: inline-block;
    padding: 0 1rem 1rem !important;
    margin-top: 3.7rem;
    margin-left: 1.3%;
    font-size: 1.46vw;
    line-height: 1.2;
    border-bottom: 3px solid #000000
}

@media only screen and (max-width: 768px),
only screen and (max-width: 480px) {
    .page__about .about__content10 .content__text {
        margin-bottom: 4rem;
        font-size: 3.76vw
    }
}

.page__about .about__content11:after {
    display: none
}

.page__about .about__content11 .content__flex {
    -webkit-box-pack: end;
    -webkit-justify-content: end;
    -ms-flex-pack: end;
    justify-content: end;
    padding: 5rem 0;
    padding-left: 2%
}

@media only screen and (max-width: 768px),
only screen and (max-width: 480px) {
    .page__about .about__content11 .content__flex {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        padding: 3rem 0 3rem
    }
}

.page__about .about__content11 .content__block {
    margin-left: 7.7%
}

@media only screen and (max-width: 768px),
only screen and (max-width: 480px) {
    .page__about .about__content11 .content__block {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin-left: 0
    }
}

.page__about .about__content11 .content__text {
    display: inline-block;
    padding: 0 1rem 1rem !important;
    margin-bottom: 4rem;
    font-size: 1.5vw;
    font-size: 1.46vw;
    line-height: 1.2;
    border-bottom: 3px solid #000000
}

@media only screen and (max-width: 768px),
only screen and (max-width: 480px) {
    .page__about .about__content11 .content__text {
        font-size: 3.9vw
    }
}

.page__about .about__content11 .content__textbox {
    margin-bottom: 3.6rem
}

@media only screen and (max-width: 768px),
only screen and (max-width: 480px) {
    .page__about .about__content11 .content__numerical {
        font-size: 21vw
    }
}

.page__about .about__content12:after {
    width: 95%;
    height: 2px
}

@media only screen and (min-width: 769px) {
    .page__about .about__content12:after {
        display: none
    }
}

.page__about .about__content12 .content__flex {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding-bottom: 6.2rem;
    padding-left: 2%
}

.page__about .about__content12 .content__numerical {
    margin-top: 1.4rem;
    margin-bottom: 1.7rem;
    font-size: 7.9vw
}

@media screen and (min-width: 1280px) {
    .page__about .about__content12 .content__numerical {
        font-size: 11rem !important
    }
}

.page__about .about__content12 .content__wrap2:first-child {
    margin-right: 8.3%
}

.page__about .about__content12 .content__text {
    display: inline-block;
    padding: 0 1rem 1rem !important;
    margin-left: 3.7%;
    font-size: 1.4vw;
    line-height: 1.2;
    border-bottom: 3px solid #000000
}

.page__about .about__content13 {
    width: 38%;
    padding-top: 6rem;
    padding-bottom: 5rem
}

@media only screen and (max-width: 768px),
only screen and (max-width: 480px) {
    .page__about .about__content13 {
        width: 100%;
        padding: 2.6rem 0rem 2.6rem
    }
}

.page__about .about__content13:after {
    display: none
}

@media only screen and (max-width: 768px),
only screen and (max-width: 480px) {
    .page__about .about__content13:after {
        top: unset;
        bottom: 0;
        display: block;
        height: 2px
    }
}

.page__about .about__content13 .about__box {
    padding-left: 11%
}

@media only screen and (max-width: 768px),
only screen and (max-width: 480px) {
    .page__about .about__content13 .about__box {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-left: 12%
    }
}

.page__about .about__content13 .content__numerical {
    font-size: 8.1vw !important;
    line-height: 1
}

@media screen and (min-width: 1280px) {
    .page__about .about__content13 .content__numerical {
        font-size: 14rem !important
    }
}

@media only screen and (max-width: 768px),
only screen and (max-width: 480px) {
    .page__about .about__content13 .content__numerical {
        font-size: 18.7vw !important;
        line-height: .9
    }
}

@media only screen and (max-width: 768px),
only screen and (max-width: 480px) {
    .page__about .about__content13 .content__wrap {
        padding-left: 0
    }
}

.page__about .about__content13 .content__wrap .content__text {
    padding: 0 1rem .7rem;
    margin-top: 2rem;
    font-size: 1.3vw
}

@media screen and (min-width: 1280px) {
    .page__about .about__content13 .content__wrap .content__text {
        font-size: 1.8rem
    }
}

@media only screen and (max-width: 768px),
only screen and (max-width: 480px) {
    .page__about .about__content13 .content__wrap .content__text {
        margin-top: 4rem
    }
}

.page__about .about__content13 .content__wrap .content__text.-inline {
    display: inline-block;
    padding: 0 1rem .7rem;
    margin-top: 3.5rem;
    margin-bottom: 7rem;
    font-size: 1.3vw;
    border-bottom: 3px solid #000000
}

@media screen and (min-width: 1280px) {
    .page__about .about__content13 .content__wrap .content__text.-inline {
        font-size: 1.8rem
    }
}

@media only screen and (max-width: 768px),
only screen and (max-width: 480px) {
    .page__about .about__content13 .content__wrap .content__text.-inline {
        margin-top: 5rem;
        margin-bottom: 5rem;
        margin-left: 0;
        font-size: 3.2vw
    }
}

.page__about .about__content13 .content__img {
    width: 78%;
    padding-left: 22%
}

@media only screen and (max-width: 768px),
only screen and (max-width: 480px) {
    .page__about .about__content13 .content__img {
        width: 100.9%;
        padding-left: 0;
        margin-left: 15%
    }
}

.page__about .about__content14 {
    width: 62%;
    padding-top: 6rem;
    padding-bottom: 7rem
}

@media only screen and (max-width: 768px),
only screen and (max-width: 480px) {
    .page__about .about__content14 {
        width: 100%;
        padding: 2.6rem 0rem 2.6rem
    }
}

@media only screen and (max-width: 768px),
only screen and (max-width: 480px) {
    .page__about .about__content14:after {
        display: block
    }
}

.page__about .about__content14::before {
    position: absolute;
    right: 0;
    bottom: 0;
    display: none;
    width: 2px;
    height: 95%;
    content: "";
    background-color: #fff
}

@media only screen and (max-width: 768px),
only screen and (max-width: 480px) {
    .page__about .about__content14::before {
        bottom: 0;
        display: block;
        width: 100%;
        height: 2px
    }
}

.page__about .about__content14 .content__numerical {
    margin-bottom: 0rem;
    font-size: 8.1vw !important
}

@media screen and (min-width: 1280px) {
    .page__about .about__content14 .content__numerical {
        font-size: 14rem !important
    }
}

@media only screen and (max-width: 768px),
only screen and (max-width: 480px) {
    .page__about .about__content14 .content__numerical {
        font-size: 14.7vw !important
    }
}

.page__about .about__content14 .content__subNumerical {
    margin-top: 2rem
}

.page__about .about__content14 .content__subNumerical.-right {
    margin-top: 0rem;
    margin-right: 7%;
    text-align: right
}

.page__about .about__content14 .content__box .content__img {
    width: 75%;
    margin: 0 0 0 3%
}

.page__about .about__content14 .content__box .content__img .content__imgChild {
    width: 100%
}

.page__about .about__content14 .content__wrap {
    padding-left: 3%
}

@media only screen and (max-width: 768px),
only screen and (max-width: 480px) {
    .page__about .about__content14 .content__wrap {
        padding-left: 0
    }
}

.page__about .about__content14 .content__text {
    display: inline-block;
    padding: 0 1rem .8rem 2rem;
    margin-bottom: 5rem;
    font-size: 1.3vw;
    border-bottom: 3px solid #000000
}

@media screen and (min-width: 1280px) {
    .page__about .about__content14 .content__text {
        font-size: 1.8rem !important
    }
}

@media only screen and (max-width: 768px),
only screen and (max-width: 480px) {
    .page__about .about__content14 .content__text {
        margin-bottom: 5rem;
        margin-left: 3%;
        font-size: 3.2vw
    }
}

.page__about .about__content14 .content__img {
    width: 70%;
    margin: 2% 0 0 12%
}

@media only screen and (max-width: 768px),
only screen and (max-width: 480px) {
    .page__about .about__content14 .content__img {
        margin: 0 auto !important
    }
}

.page__about .about__wrap2 {
    width: 50%
}

@media only screen and (max-width: 768px),
only screen and (max-width: 480px) {
    .page__about .about__wrap2 {
        width: 100%
    }
}

.page__about .about__main.-primary {
    margin-top: -.1rem;
    background: #3781c0
}

.page__about .about__box.-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.page__about .about__box.-flex.-reverse {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

@media only screen and (max-width: 768px),
only screen and (max-width: 480px) {
    .page__about .about__box.-flex.-reverse {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.about__project {
    position: relative;
    z-index: 100;
    padding-top: 8rem;
    background: #fff
}

@media only screen and (max-width: 768px),
only screen and (max-width: 480px) {
    .about__project {
        padding-top: 7.5rem
    }
}

.about__project .inner.-project {
    max-width: calc(880px + 40rem);
    padding-right: 15rem;
    padding-bottom: 2rem;
    padding-left: 15rem
}

@media only screen and (max-width: 768px),
only screen and (max-width: 480px) {
    .about__project .inner.-project {
        padding-right: 8%;
        padding-left: 8%
    }
}

.about__project .inner.-project2 {
    max-width: calc(880px + 40rem);
    padding-right: 11rem;
    padding-bottom: 2rem;
    padding-left: 11rem
}

@media only screen and (max-width: 768px),
only screen and (max-width: 480px) {
    .about__project .inner.-project2 {
        padding-right: 6%;
        padding-left: 6%
    }
}

.about__project .project__img {
    width: 100%;
    margin-bottom: 11rem
}

@media only screen and (max-width: 768px),
only screen and (max-width: 480px) {
    .about__project .project__img {
        margin-bottom: 3.3rem
    }
}

.about__project .project__img .project__imgChild {
    width: 100%
}

.about__project .project__imgTitle {
    margin-bottom: 3rem
}

@media only screen and (max-width: 768px),
only screen and (max-width: 480px) {
    .about__project .project__imgTitle {
        margin-bottom: 2rem
    }
}

.about__project .project__mainTitle {
    margin-bottom: 6rem
}

.about__project .project__imgTitle,
.about__project .project__mainTitle {
    display: inline-block;
    padding: 0 1rem;
    color: #fff;
    font-size: 2rem;
    background: #000
}

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

    .about__project .project__imgTitle,
    .about__project .project__mainTitle {
        font-size: 1.6rem
    }
}

.about__project .project__title {
    margin-bottom: 3.5rem;
    font-size: 2rem;
    letter-spacing: .15em;
    font-weight: 600
}

@media only screen and (max-width: 768px),
only screen and (max-width: 480px) {
    .about__project .project__title {
        margin-bottom: 1.1rem;
        font-size: 1.4rem
    }
}

.about__project .project__title.-type2 {
    margin-bottom: 3.5rem;
    font-size: 3.2rem
}

@media only screen and (max-width: 768px),
only screen and (max-width: 480px) {
    .about__project .project__title.-type2 {
        margin-bottom: 1.1rem;
        font-size: 2.1rem
    }
}

@media screen and (max-width: 380px) {
    .about__project .project__title.-type2 {
        font-size: 1.6rem
    }
}

.about__project .project__title.-mb {
    margin-bottom: 3.1rem
}

@media only screen and (max-width: 768px),
only screen and (max-width: 480px) {
    .about__project .project__title.-mb {
        margin-bottom: 2rem
    }
}

.about__project .project__title.-mb2 {
    margin-bottom: .1rem
}

@media only screen and (max-width: 768px),
only screen and (max-width: 480px) {
    .about__project .project__title.-mb2 {
        margin-bottom: .1rem
    }
}

.about__project .small {
    margin-right: .3rem;
    font-size: 1.2rem;
    font-weight: 600;
    vertical-align: middle
}

.about__project .small.-mr {
    margin-right: 0
}

.about__project .project__text {
    padding-left: 3em;
    font-size: 1.6rem;
    line-height: 1.9;
    text-indent: -3em
}

@media only screen and (max-width: 768px),
only screen and (max-width: 480px) {
    .about__project .project__text {
        font-size: 1.4rem;
        line-height: 2.1
    }
}

.about__project .-mgl__space3 {
    margin-left: 1em
}

@media only screen and (max-width: 768px),
only screen and (max-width: 480px) {
    .about__project .-mgl__space3 {
        margin-left: 1em
    }
}

.table {
    margin-bottom: 9rem
}

.table tr {
    height: 150px
}

.table:last-child {
    margin-bottom: 0
}

.table .table__title {
    width: 15%;
    padding: 0;
    font-size: 1.6rem;
    text-align: center;
    vertical-align: middle;
    border: solid 1px #000;
    border-left: none;
    font-weight: 600
}

@media only screen and (max-width: 768px),
only screen and (max-width: 480px) {
    .table .table__title {
        width: 28%;
        font-size: 1.4rem
    }
}

.table .table__text {
    width: 87%;
    padding: 2.5rem 6%;
    font-size: 1.6rem;
    font-weight: 600;
    letter-spacing: .15em;
    border: solid 1px #000;
    border-right: none;
    vertical-align: middle
}

@media only screen and (max-width: 768px),
only screen and (max-width: 480px) {
    .table .table__text {
        font-size: 1.4rem;
        letter-spacing: 0
    }
}

.table .table__inner__list {
    list-style: none;
}

.table .table__inner__list li {
    padding-left: 1.4em;
    text-indent: -1.4em;
}


.fadeInTrigger {
    opacity: 0;
    transform: translateY(150px);
}

.fadeInTrigger .content__img {
    opacity: 0;
    transform: scale(0.8);
}

.fadeInTrigger.fadeIn {
    opacity: 1;
    transform: translateY(0);
    transition: .8s;
}

.fadeInTrigger.fadeIn .content__img {
    animation: imgScale 0.6s linear 0.4s forwards;
}

@keyframes imgScale {
    0% {
        opacity: 0;
        transform: scale(0.87);
    }

    25% {
        transform: scale(1.13);
    }

    50% {
        transform: scale(0.9);
    }

    75% {
        opacity: 1;
        transform: scale(1.05);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}