.btn a {
    display: block;
    cursor: pointer;
}

#sp-g-nav {
    display: none;
}
.flex-box {
    display: flex;
}
.sec-left-text,
.sec-right-text {
    font-size: 12px;
    font-weight: bold;
}
.home .wrapper .content {
    position: relative;
}
.sec-left-text {
    margin-top: 200px;
    z-index: 2;
    letter-spacing: 0.2em;
    font-size: 12px;
    position: absolute;
    left: 20px;
    font-weight: bold;
    top: 50%;
    transform: translateY(-50%) rotate(-180deg);
    writing-mode: vertical-rl;
    position: sticky;
    transition: 0.7s;
    height: 182px;
    white-space: nowrap;
}

.sec-left-text::after {
    content: "INTRODUCTION";
    font-size: 12px;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.7s;
}

.sec-left-text.for::after {
    content: "FOR THE FUTURE";
    font-size: 12px;
    color: #fff;
}
.sec-left-text.action::after {
    color: #000;
}
.sec-left-text.structure::after {
    color: #fff;
}
.sec-left-text.members::after {
    content: "MEMBERS";
    font-size: 12px;
    color: #000;
}
.sec-left-text.advisory::after {
    content: "ADVISORY BOARD";
    font-size: 12px;
    color: #000;
}
.sec-left-text.advisor::after {
    content: "SPECIAL ADVISOR";
    font-size: 12px;
    color: #000;
}
.sec-left-text.company::after {
    content: "COMPANY OVERVIEW";
    font-size: 12px;
    color: #000;
}
.sec-right-text {
    white-space: nowrap;
    z-index: 2;
    letter-spacing: 0.2em;
    font-size: 15px;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    font-weight: bold;
    writing-mode: vertical-rl;
    position: sticky;
    margin-left: auto;
    margin-right: 20px;
    margin-top: -160px;
    transition: 0.7s;
}
.sec-right-text.for {
    color: #fff;
}
.sec-right-text.action {
    color: #000;
}
.sec-right-text.structure {
    color: #fff;
}
.sec-right-text.members {
    color: #000;
}
.sec-left-text.disnone {
    opacity: 0;
}
.sec-right-text.disnone {
    opacity: 0;
}
.sec-ttl img.sp {
    display: none;
}
@media screen and (max-width: 960px) {
    .sec-ttl img.pc {
        display: none;
    }
    .sec-ttl img.sp {
        display: block;
    }
}
/* =================================
MV
================================= */
.scroll-section {
    overflow: hidden;
    padding-bottom: 200px;
}
/*
.main-slider {
    display: flex;
}
*/
.main-photo {
    font-size: 50px;
    font-weight: bold;
    color: #fff;
}

.main-visual-area {
    width: 100%;
    height: 100svh;
    position: relative;
    position: fixed;
}
.content {
    background-color: #fff;
}
.main-photo img {
    width: 100%;
    /*  height: 790px; */
    height: 100svh;
    object-fit: cover;
}
.main-visual-area .left-text {
    position: absolute;
    writing-mode: vertical-rl;
    left: 20px;
    top: 50%;
    transform: translateY(-50%) rotate(-180deg);
    font-size: 12px;
    color: #fff;
    letter-spacing: 0.2em;
    z-index: 1000;
    font-weight: bold;
}
.main-text-box {
    display: none;
    position: absolute;
    right: 250px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1000;
}
.main-text-box h1 {
    color: #fff;
    font-size: 47px;
    letter-spacing: 0.3em;
}
.main-logo {
    margin-top: 50px;
    max-width: 130px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.main-logo img {
    width: 100%;
}
.dotted {
    margin-top: 20px;
    justify-content: center;
    display: flex;
}
.dot {
    display: block;
    cursor: pointer;
    margin: 0 8px;
    background-color: #fff;
    width: 14px;
    height: 14px;
    border-radius: 50%;
}
.dot.active {
    background-color: #ccc;
}
.main-visual-area .slick-prev, .main-visual-area .slick-next {
    z-index: 12000;
}
.main-visual-area .slick-prev {
    left: 15px;
}
.main-visual-area .slick-next {
    right:15px;
}
.main-visual-area .slick-dots {
    position: absolute;
    bottom: 30px;
    display: block;
    width: auto;
    margin: 0 auto;
    text-align: center;
    left: 50%;
    transform: translateX(-50%);
    padding: 0;
    list-style: none;
    text-align: center;
}
.main-visual-area .slick-dots li {
    margin: 0 8px;
}
.main-visual-area .slick-dots li button:before {
    font-size: 16px;
    line-height: 1;
    opacity: 1;
    color: #ffffff;
}
.main-visual-area .slick-dots li.slick-active button:before {
    opacity: 1;
    color: #3b9ecc;
}
.main-visual-area .slick-prev, .main-visual-area .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: calc(21px * 0.85);
    height:calc(41px * 0.85);
    color:#000;
    padding: 0;
    /* -webkit-transform: translate(0, -50%); */
    -ms-transform: translate(0, -50%);
    /* transform: translate(0, -50%); */
    /* cursor: pointer; */
    /* color: transparent; */
    /* border: none; */
    /* outline: none; */
    /* background: transparent; */
}
.prefecture-name {
    position: absolute;
    right: 20px;
    bottom:20px;
    text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
    color: #fff;
    font-size: 12px;
}
.main-visual-area .slick-arrow:before{
    content:""!important;
    position: absolute;
    top: 0;
    width: calc(21px * 0.85) !important;
    opacity: 1 !important;
    height:calc(41px * 0.85) !important;
    left: 0;
}

.main-visual-area .slick-next:before{
    background: url(../images/mv-arrow-right.svg)!important;
    background-size: contain!important;
}

.main-visual-area .slick-prev:before{
    background: url(../images/mv-arrow-left.svg)!important;
    background-size: contain!important;
}
@media screen and (max-width: 768px) {
    .main-text-box {
        position: absolute;
        left: 50%;
        right: auto;
        top: 150px;
        transform: translateX(-50%);
    }
    .main-visual-area .left-text {
        display: none;
    }
    .main-text-box h1 {
        color: #fff;
        font-size: 43px;
        letter-spacing: 0.3em;
        padding-left:0.3em;
    }
    .main-photo {
        /* height: 750px; */
        width: 100%;
    }
    .main-photo img {
        width: 100%;
        /* height: 750px; */
        object-fit: cover;
    }
    .main-logo {
        margin-top: 57px;
        max-width: 121px;
    }
}

/* =================================
OUR MIND
================================= */
.our-mind-area {
    position: relative;
    padding-top: 40px;
    margin-top: -420px;
    margin-bottom: 0;
    background-color: #fff;
}
.sec-ttl {
    margin-bottom: 68px;
}
.sec-ttl img {
    display: block;
    width: 100%;
    font-size: 0;
    max-width: 283px;
    margin: 0 auto;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.sec-text {
    position: relative;
    line-height: 2.2;
    font-size: 16px;
    letter-spacing: 0.2em;
}
.our-mind-area .grid-inner {
    max-width: 960px;
    border-left: 1px solid #ebebeb;
    border-right: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    margin: 0 auto;
    background-image: linear-gradient(0deg, transparent 31px, #ebebeb 32px),
        linear-gradient(90deg, transparent 31px, #ebebeb 32px);
    background-size: 32px 32px;
}
.text-wrap {
    padding: 72px 72px 55px 93px;
    width: 100%;
}
.catch {
    -ms-writing-mode: tb-rl;
    font-size: 32px;
    letter-spacing: 0.25em;
    writing-mode: vertical-rl;
}
.our-mind-area .flex-box {
    justify-content: space-between;
    width: 100%;
}
.right-box {
    margin-left: auto;
    margin-right: 0;
}
.name {
    text-align: right;
    margin-left: auto;
    margin-right: 0;
    margin-top: 20px;
    letter-spacing: 0.2em;
}
.name .large {
    margin-left: 10px;
    max-width: 160px;
    width: 100%;
    font-size: 32px;
    display: inline-block;
}
.name .large img {
    width: 100%;
}
br.w-900 {
    display: none;
}
@media screen and (max-width: 960px) {
    .content {
        padding-top: 30px;
    }
    .our-mind-area {
        margin-top: -265px;
        margin-bottom: 5px;
        padding: 25px 28px 0;
    }
    .our-mind-area .sec-ttl {
        max-width: 198px;
        margin-bottom: 23px;
        display: block;
        height: auto;
        width: 100%;
    }
    .our-mind-area .sec-ttl span {
        display: block;
        height: 17px;
        width: 100%;
    }
    .our-mind-area .sec-ttl img {
        width: 100%;
        vertical-align: top;
    }
    .our-mind-area .flex-box {
        display: block;
    }
    .our-mind-area .catch {
        margin: 0 auto;
        font-size: 22px;
        white-space: nowrap;
        line-height: 2;
    }
    .our-mind-area .grid-inner {
        max-width: 960px;
        border-left: 1px solid #ebebeb;
        border-right: 1px solid #ebebeb;
        border-bottom: 1px solid #ebebeb;
        margin: 0 auto;
        background-image: linear-gradient(0deg, transparent 15px, #ebebeb 16px),
            linear-gradient(90deg, transparent 15px, #ebebeb 16px);
        background-size: 16px 16px;
    }
    .text-wrap {
        padding: 25px 0;
        width: 100%;
    }
    .sec-left-text {
        left: 7px;
        margin-top: 100px;
        font-size: 11px;
        top: 50%;
        line-height: 1;
    }
    .sec-right-text {
        right: 7px;
        top: 50%;
        margin-top: -180px;
        transform: translateY(-50%);
        line-height: 1;
        font-size: 10px;
        margin-right: 7px;
    }
    .our-mind-area .sec-text {
        line-height: 2.4;
        letter-spacing: 0;
        font-size: 15px;
        text-align: left;
        max-width: 270px;
        width: 100%;
        margin: 0 auto;
    }
    br.w-900 {
        display: block;
    }
    .none-900 {
        display: none;
    }
    .name-box {
        max-width: 270px;
        width: 100%;
        margin: 0 auto;
    }
    .name {
        font-size: 15px;
        text-align: left;
        max-width: 100px;
        margin-top: 17px;
    }
    .name .large {
        display: block;
        margin-left: 0;
        font-size: 20px;
        max-width: 100px;
    }
}
/* =================================
NEWS
================================= */
.news-area {
    padding-top: 40px;
    margin-bottom: 54px;
}
.news-area .sec-ttl {
    margin: 0 auto;
    text-align: center;
    margin-bottom: 68px;
}
.news-area .sec-ttl img {
    max-width: 173px;
}
.grid-inner-top {
    height: 128px;
    max-width: 960px;
    border-left: 1px solid #ebebeb;
    border-right: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    margin: 0 auto 8px;
    background-image: linear-gradient(0deg, transparent 31px, #ebebeb 32px),
        linear-gradient(90deg, transparent 31px, #ebebeb 32px);
    background-size: 32px 32px;
}
.news-area .white-box {
    max-width: 830px;
    width: 100%;
    height: 64px;
    margin: -63px auto 8px;
    background-color: #fff;
}
.grid-inner-bottom {
    max-width: 960px;
    border-left: 1px solid #ebebeb;
    border-right: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    margin: 0 auto;
    background-image: linear-gradient(0deg, transparent 31px, #ebebeb 32px),
        linear-gradient(90deg, transparent 31px, #ebebeb 32px);
    background-size: 32px 32px;
   /* height: 740px; */
   height: 320px;
}
.grid-inner-bottom .text-wrap {
    padding: 32px 30px 41px;
}
.news-area .grid-inner-bottom {
    position: relative;
}
.news-area .grid-inner-bottom .bottom-box ul {
    margin: 0 -10px;
}
.news-area .grid-inner-bottom .bottom-box li {
    width: 33.333%;
    padding: 0 10px;
}
.news-area .grid-inner-bottom .bottom-box .img-box {
    margin-bottom: 15px;
}
.news-area .grid-inner-bottom .bottom-box h3,
.news-area .grid-inner-bottom .bottom-box p {
    word-break: break-all;
}
.news-area .grid-inner-bottom .img-box img {
    width: 100%;
}
.news-area .top-box a {
    display: block;
    cursor: pointer;
    transition: 0.7s;
}
.news-area .top-box a:hover {
    opacity: 0.6;
}
.news-area .grid-inner-bottom .text-wrap {
    background-color: #fff;
    max-width: 830px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    margin: 0 auto 0;
    top: -71px;
}
.right-text {
    margin-left: 26px;
}
.right-text h3,
.bottom-box h3 {
    font-size: 20px;
    margin-bottom: 10px;
}
.right-text p,
.bottom-box p {
    font-size: 14px;
}
.bottom-box {
    margin-top: 48px;
}
.news-area .img-box {
    max-width: 340px;
    width: 100%;
}
.news-area .right-text {
    max-width: 385px;
    width: 100%;
    line-height: 1.8;
}
.bottom-box ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.bottom-box ul li {
    width: calc(50% - 26px);
}
.more-btn {
    font-size: 13px;
    color: #fff;
    max-width: 120px;
    width: 100%;
    margin: 43px auto 0;
    display: table;
    text-align: center;
    background: linear-gradient(
        90deg,
        rgba(59, 158, 204, 1) 0%,
        rgba(0, 77, 141, 1) 100%
    );
}
@media screen and (max-width: 960px) {
    .news-area {
        padding: 25px 28px 0;
    }
    .news-area .sec-ttl {
        max-width: 154px;
        margin: 0 auto;
        text-align: center;
        margin-bottom: 19px;
        height: auto;
    }
    .news-area .sec-ttl span {
        display: block;
    }
    .news-area .sec-ttl img {
        vertical-align: top;
    }
    .news-area .grid-inner-top {
        display: none;
    }
    .news-area .grid-inner-bottom {
        max-width: 960px;
        border-left: 1px solid #ebebeb;
        border-right: 1px solid #ebebeb;
        border-bottom: 1px solid #ebebeb;
        margin: 0 auto;
        padding-top: 17px;
        padding-left: 17px;
        padding-right: 17px;
        padding-bottom: 17px;
        background-image: linear-gradient(0deg, transparent 15px, #ebebeb 16px),
            linear-gradient(90deg, transparent 15px, #ebebeb 16px);
        background-size: 16px 16px;
        height: auto;
    }
    .news-area .grid-inner-bottom .text-wrap {
        background-color: #fff;
        max-width: 100%;
        position: static;
        left: 50%;
        transform: translateX(0);
        margin: 0 auto 0;
        padding: 15px 20px 19px;
    }
    .news-area .top-box {
        max-width: 340px;
        margin: 0 auto;
        width: 100%;
       /* padding-bottom: 28px;
        margin-bottom: 28px;
        border-bottom: 1px solid #000; */
    }
    .news-area .top-box .img-box img {
        width: 100%;
    }
    .news-area .top-box .flex-box {
        display: block;
    }
    .news-area .top-box .right-text {
        margin-left: 0;
        margin-top: 20px;
    }
    .news-area .top-box .right-text p {
        line-height: 2;
    }
    .news-area .bottom-box {
        margin-top: 0;
        max-width: 340px;
        margin: 0 auto;
        width: 100%;
    }
    .news-area .bottom-box ul {
        display: block;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .news-area .bottom-box ul li {
        width: 100%;
    }
    .news-area .bottom-box ul li {
        margin-top: 28px;
    }
    .more-btn {
        font-size: 15px;
        color: #fff;
        max-width: 150px;
        width: 100%;
        margin: 30px auto 0;
    }
    .news-area .grid-inner-bottom .bottom-box ul {
        margin: 0 -10px;
    }
    .news-area .grid-inner-bottom .bottom-box li {
        width: 100%;
        padding: 0;
    }
    .news-area br.pc {
        display: none;
    }
}
@media screen and (max-width: 480px) {
    .news-area .top-box .right-text h3,
    .news-area .top-box .right-text p {
        line-height: 2;
        word-wrap: break-word;
        font-size: 15px;
    }
    .news-area .bottom-box h3,
    .news-area .bottom-box p {
        font-size: 15px;
        line-height: 2;
        word-wrap: break-word;
    }
}
/* =================================
ワクワクする未来づくり
================================= */
.our-logic-area {
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("../images/our-logic-bg.jpg");
    padding: 69px 0 40px;
}
.our-logic-area .sec-left-text {
    color: #fff;
}
.our-logic-area .sec-right-text {
    color: #fff;
}
.our-logic-area .sec-ttl {
    margin-top: 60px;
    margin-bottom: 0;
}
.our-logic-area h3 {
    max-width: 964px;
    margin: 0 auto;
    margin-bottom: 30px;
    padding-left: 32px;
    color: #fff;
    font-size: 32px;
    letter-spacing: 0.3em;
}
.our-logic-area .left-text {
    color: #fff;
    font-size: 16px;
    letter-spacing: 0.2em;
    line-height: 2.2;
}
.our-logic-area .grid-inner {
    max-width: 960px;
    padding: 27px 32px 27px;
    border-left: 1px solid rgba(232, 232, 232, 0.1);
    border-right: 1px solid rgba(232, 232, 232, 0.1);
    border-bottom: 1px solid rgba(232, 232, 232, 0.1);
    margin: 0 auto;
    background-image: linear-gradient(
            0deg,
            transparent 31px,
            rgba(232, 232, 232, 0.1) 32px
        ),
        linear-gradient(90deg, transparent 31px, rgba(232, 232, 232, 0.1) 32px);
    background-size: 32px 32px;
}
.our-logic-area .grid-inner .flex-box {
    justify-content: space-between;
}
.our-logic-img {
    position: relative;
    max-width: 454px;
    width: 100%;
}
.block-w1080 {
    display: none;
}

@media screen and (max-width: 1080px) {
    .our-logic-area {
        padding: 69px 0 40px;
    }
    .our-logic-area .grid-inner .flex-box {
        display: block;
    }
    .our-logic-area h3 {
        text-align: center;
        padding-left: 0;
    }
    .our-logic-area .left-text {
        text-align: left;
        max-width: 273px;
        width: 100%;
        margin: 0 auto 64px;
    }
    .none-w1080 {
        display: none;
    }
    .block-w1080 {
        display: block;
    }
    .our-logic-img {
        margin: 0 auto;
        max-width: 291px;
        width: 100%;
    }
    .our-logic-area .sec-left-text {
        top: 270px;
        transform: translateY(0) rotate(-180deg);
    }
    .our-logic-area .sec-right-text {
        top: 260px;
        transform: translateY(0);
    }
}
@media screen and (max-width: 960px) {
    .our-logic-area .grid-inner {
        max-width: 960px;
        padding: 10px 0 27px;
        border-left: 1px solid rgba(232, 232, 232, 0.1);
        border-right: 1px solid rgba(232, 232, 232, 0.1);
        border-bottom: 1px solid rgba(232, 232, 232, 0.1);
        margin: 0 auto;
        background-image: linear-gradient(
                0deg,
                transparent 15px,
                rgba(232, 232, 232, 0.1) 16px
            ),
            linear-gradient(
                90deg,
                transparent 15px,
                rgba(232, 232, 232, 0.1) 16px
            );
        background-size: 16px 16px;
    }
    .our-logic-area {
        padding: 40px 27px 25px;
    }
}
@media screen and (max-width: 768px) {
    .our-logic-area h3 {
        font-size: 22px;
        margin-bottom: 38px;
    }
    .our-logic-area br.pc {
        display:none;
    }
    .our-logic-area .left-text {
        font-size: 15px;
        font-feature-settings: "palt";
        letter-spacing: 0;
        line-height: 2.4;
    }
    .our-logic-area .sec-ttl {
        font-size: 0;
        max-width: 220px;
        margin: 0 auto;
        text-align: center;
        margin-bottom: 0;
        margin-top: 20px;
    }
}
/* =================================
OUR ACTION
================================= */
.our-action-area {
    padding-top: 40px;
    position: relative;
    margin-bottom: 64px;
}
.our-action-area .sec-left-text {
    top: 326px;
    transform: translateY(0);
}
.our-action-area .sec-right-text {
    top: 290px;
    transform: translateY(0);
}
.our-action-area .sec-ttl {
    margin-bottom: 40px;
}
.our-action-area .sec-ttl img {
    width: 100%;
}
.our-action-area h3 {
    font-size: 32px;
    margin-bottom: 20px;
    font-weight: 500;
    letter-spacing: 0.3em;
    text-align: center;
}
.our-action-area .head-text {
    font-size: 16px;
    text-align: center;
    letter-spacing: 0.2em;
    margin-bottom: 26px;
}
.action-figure {
    max-width: 668px;
    width: 100%;
    margin: 0 auto;
    position: relative;
}
.boder-box {
    padding-top: 87px;
    margin: 0 auto;
}
.boder-box svg {
    margin: 0 auto;
    display: block;
    text-align: center;
}
.center-logo {
    width: 100%;
    position: absolute;
    max-width: 123px;
    left: calc(50% - 5px);
    transform: translateX(-50%);
    top: calc(50% + 26px);
    opacity: 0;
    transition: 0.7s;
}
.circle_01 {
    opacity: 0;
    width: 182px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
.circle_02 {
    opacity: 0;
    width: 182px;
    position: absolute;
    bottom: -7px;
    left: 0;
}
.circle_03 {
    opacity: 0;
    width: 182px;
    position: absolute;
    bottom: -7px;
    right: 0;
}
.animate-text {
    position: absolute;
    width: 262px;
    bottom: -25px;
    left: 50%;
    opacity: 0;
    transform: translateX(-50%);
}
.animate-box {
    /*opacity: 0; */
    margin-top: 80px;
}
.our-action-area .grid-inner {
    max-width: 960px;
    padding: 32px 32px 64px;
    border-left: 1px solid rgba(232, 232, 232);
    border-right: 1px solid rgba(232, 232, 232);
    border-bottom: 1px solid rgba(232, 232, 232);
    margin: 0 auto;
    background-image: linear-gradient(
            0deg,
            transparent 31px,
            rgba(232, 232, 232) 32px
        ),
        linear-gradient(90deg, transparent 31px, rgba(232, 232, 232) 32px);
    background-size: 32px 32px;
}
.topics-box {
    max-width: 830px;
    margin: 0 auto;
    margin-top: 92px;
    background-color: #fff;
    padding: 38px 23px;
}
.topics-box h4 {
    font-size: 26px;
    display: table;
    margin: 0 auto;
    text-align: center;
    font-weight: 500;
    letter-spacing: 0.3em;
    margin-bottom: 32px;
}
.t-ttl {
    margin-bottom: 10px;
    font-weight: bold;
}
.t-ttl,
.t-text {
    font-size: 14px;
}
.topics-img {
    margin-bottom: 15px;
}
.topics-lists {
    max-width: 780px;
    width: 100%;
    margin: 0 auto;
}
.more-btn.topics {
    position: relative;
    max-width: 136px;
    margin: 31px auto 0;
    letter-spacing: 0.2em;
}
.more-btn.topics::after {
    background-image: url("../images/more-white-arrow.svg");
    background-repeat: no-repeat;
    background-position: left center;
    width: 5px;
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    content: "";
    height: 8px;
}
.topics-lists .topics-list {
    width: 260px;
    padding: 0 20px;
}
.topics-lists .topics-list img {
    max-width: 100%;
    height: auto;
}
.topics-lists .slick-prev,
.topics-lists .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 92px;
    display: block;
    width: 15px;
    height: 30px;
    padding: 0;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: 0 0;
}
.slick-arrow:before {
    content: "" !important;
    position: absolute;
    top: 0;
    left: 0;
    width: 32px;
    height: 64px;
}
.topics-lists .slick-prev:before {
    background-image: url(../images/slick-left-arrow.svg) !important;
    width: 32px;
    height: 64px;
    left: -32px;
    background-size: contain !important;
    background-repeat: no-repeat;
}
.topics-lists .slick-next:before {
    background-image: url(../images/slick-right-arrow.svg) !important;
    width: 32px;
    height: 64px;
    right: -32px;
    left: auto;
    background-repeat: no-repeat;
    background-size: contain !important;
}
.our-action-area br.tablet {
    display: none;
}
.action-figure .sp {
    display: none;
}

@keyframes animate-svg-fill-1 {
    0% {
        opacity: 0;
        fill: transparent;
    }

    100% {
        opacity: 1;
        fill: rgb(41, 128, 179);
    }
}
.none {
    opacity: 0;
}
.svg-elem-1 {
    animation: animate-svg-fill-1 0.3s ease 0.3s both;
}

@keyframes animate-svg-fill-2 {
    0% {
        opacity: 0;
        fill: transparent;
    }

    100% {
        opacity: 1;
        fill: rgb(41, 128, 179);
    }
}

.svg-elem-2 {
    animation: animate-svg-fill-2 0.3s ease 0.3s both;
}

@keyframes animate-svg-fill-3 {
    0% {
        opacity: 0;
        fill: transparent;
    }

    100% {
        opacity: 1;
        fill: rgb(41, 128, 179);
    }
}

.svg-elem-3 {
    animation: animate-svg-fill-3 0.5s ease 0.3s both;
}

@keyframes animate-svg-fill-4 {
    0% {
        opacity: 0;
        fill: transparent;
    }

    100% {
        opacity: 1;
        fill: rgb(41, 128, 179);
    }
}

.svg-elem-4 {
    animation: animate-svg-fill-4 0.3s ease 0.3s both;
}

@keyframes animate-svg-fill-5 {
    0% {
        opacity: 0;
        fill: transparent;
    }

    100% {
        opacity: 1;
        fill: url("#SVGID_1_");
    }
}

.svg-elem-5 {
    animation: animate-svg-fill-5 0.3s ease-in 0.3s both;
}

@keyframes animate-svg-fill-6 {
    0% {
        opacity: 0;
        fill: transparent;
    }

    100% {
        opacity: 1;
        fill: url("#SVGID_00000119805940628371896720000015562626200957566381_");
    }
}

.svg-elem-6 {
    animation: animate-svg-fill-6 0.3s ease-in 0.3s both;
}

@keyframes animate-svg-fill-7 {
    0% {
        opacity: 0;
        fill: transparent;
    }

    100% {
        opacity: 1;
        fill: url("#SVGID_00000117659524342188508310000000511237772810138286_");
    }
}

.svg-elem-7 {
    animation: animate-svg-fill-7 0.1s ease-in 0.1s both;
}

@keyframes animate-svg-fill-8 {
    0% {
        opacity: 0;
        fill: transparent;
    }

    100% {
        opacity: 1;
        fill: url("#SVGID_00000178192150139215637860000007523867265443034788_");
    }
}

.svg-elem-8 {
    animation: animate-svg-fill-8 0.1s ease-in 0.1s both;
}

@keyframes animate-svg-fill-9 {
    0% {
        opacity: 0;
        fill: transparent;
    }

    100% {
        opacity: 1;
        fill: rgb(255, 255, 255);
    }
}

.svg-elem-9 {
    animation: animate-svg-fill-9 0.1s ease 0.1s both;
}

@keyframes animate-svg-fill-10 {
    0% {
        opacity: 0;
        fill: transparent;
    }

    100% {
        opacity: 1;
        fill: rgb(255, 255, 255);
    }
}

.svg-elem-10 {
    animation: animate-svg-fill-10 0.1s ease 0.1s both;
}

.st0 {
    fill: #2980b3;
}

.st1 {
    fill: url(#SVGID_1_);
}

.st2 {
    fill: url(#SVGID_00000036228202168882518580000005748573681247400104_);
}

.st3 {
    fill: url(#SVGID_00000023995784464357701840000015481479127398003880_);
}

.st4 {
    fill: url(#SVGID_00000116941194148606985340000006696626235411786387_);
}

.st5 {
    fill: #ffffff;
}
.sp.action-content {
    display: none;
}
@media screen and (max-width: 960px) {
    .our-action-area {
        padding: 25px 27px 0;
        margin-bottom: 16px;
        position: relative;
    }
    .our-action-area .sec-left-text {
        top: 326px;
        transform: translateY(0) rotate(-180deg);
    }
    .our-action-area .sec-right-text {
        top: 290px;
        transform: translateY(0);
    }
    .our-action-area .grid-inner {
        max-width: 960px;
        padding: 16px 32px 32px;
        border-left: 1px solid rgba(232, 232, 232);
        border-right: 1px solid rgba(232, 232, 232);
        border-bottom: 1px solid rgba(232, 232, 232);
        margin: 0 auto;
        background-image: linear-gradient(
                0deg,
                transparent 15px,
                rgba(232, 232, 232) 16px
            ),
            linear-gradient(90deg, transparent 15px, rgba(232, 232, 232) 16px);
        background-size: 16px 16px;
    }
    .topics-box {
        margin: 0 auto;
        margin-top: 92px;
        background-color: #fff;
        padding: 38px 9px;
    }
    .topics-lists {
        width: 220px;
    }
    .topics-lists .topics-list {
        width: 220px;
        padding: 0;
    }
    .more-btn.topics {
        position: relative;
        max-width: 150px;
    }
    .action-figure {
        max-width: 500px;
    }
}
@media screen and (max-width: 768px) {
    .our-action-area .sec-ttl {
        max-width: 220px;
        width: 100%;
        margin-bottom: 40px;
        font-size: 0;
        margin-bottom: 32px;
    }
    .our-action-area .sec-left-text {
        top: 160px;
        transform: translateY(0) rotate(-180deg);
    }
    .our-action-area .sec-right-text {
        top: 150px;
        transform: translateY(0);
    }
    .topics-box h4 {
        font-size: 13px;
        display: table;
        margin: 0 auto;
        text-align: center;
        font-weight: 500;
        letter-spacing: 0.3em;
        margin-bottom: 12px;
    }
    .our-action-area br.tablet {
        display: block;
    }
    .our-action-area h3 {
        font-size: 22px;
        margin-bottom: 30px;
        font-weight: 500;
        text-align: center;
    }
    .our-action-area .head-text {
        font-size: 15px;
        line-height: 2.2;
        text-align: center;
        letter-spacing: 0;
        margin-bottom: 33px;
    }
    .topics-lists .slick-prev {
        left: -41px;
    }
    .topics-lists .slick-next {
        right: -41px;
    }
    .topics-lists .slick-prev:before {
        width: 16px;
        height: 32px;
        left: 0;
    }
    .topics-lists .slick-next:before {
        width: 16px;
        height: 32px;
        right: 0;
    }
    .topics-box {
        margin: 0 auto;
        margin-top: 36px;
        background-color: #fff;
        padding: 22px 9px;
    }
    .action-figure img {
        margin: 0 -28px;
    }
    .action-figure .pc {
        display: none;
    }
    .action-figure .sp {
        display: block;
    }
    .pc.action-content {
        display: none;
    }
    .sp.action-content {
        height: auto;
        max-width: 312px;
        width: 100%;
        display: block;
        margin: 0 auto;
    }
    .sp.action-content img {
        width: 100%;
    }
}
/* =================================
STRUCTURE
================================= */
.structure-area {
    overflow: hidden;
    position: relative;
    padding: 56px 0;
    background-size: cover;
    background-image: url("../images/structure-bg.jpg");
}
.structure-area .sec-ttl {
    margin: 0 auto;
    text-align: center;
    margin-bottom: 38px;
}
.structure-area .sec-ttl img {
    max-width: 300px;
}
.structure-area .sec-left-text {
    top: 326px;
    color: #fff;
    transform: translateY(0);
}
.structure-area .sec-right-text {
    top: 290px;
    transform: translateY(0);
    color: #fff;
}
.structure-area .head-text {
    color: #fff;
    text-align: center;
    font-size: 16px;
    letter-spacing: 0.2em;
    line-height: 1.8;
}
.grid-wrap {
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
    width: 960px;
    top: 210px;
}
.structure-area .grid-inner {
    max-width: 960px;
    height: 1157px;
    padding: 32px 32px 64px;
    border-left: 1px solid rgba(232, 232, 232, 0.11);
    border-right: 1px solid rgba(232, 232, 232, 0.11);
    border-bottom: 1px solid rgba(232, 232, 232, 0.11);
    margin: 0 auto;
    background-image: linear-gradient(
            0deg,
            transparent 31px,
            rgba(232, 232, 232, 0.11) 32px
        ),
        linear-gradient(90deg, transparent 31px, rgba(232, 232, 232, 0.11) 32px);
    background-size: 32px 32px;
}
.structure-area .head-text {
    margin-bottom: 51px;
}
.structure-top-img {
    max-width: 992px;
    margin: 0 auto;
}
.pc.structure-images {
    position: relative;
}
.structure-img_01 {
    opacity: 0;
    position: relative;
    width: 992px;
}
.structure-img_02,
.structure-img_03 {
    opacity: 0;
}
.structure-img_04 {
    opacity: 0;
    position: relative;
    width: 622px;
}
.structure-img_01 img,
.structure-img_04 img {
    width: 100%;
}
.structure-img_02,
.structure-img_04 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
}
.structure-obj img {
    width: 100%;
}
.structure-border-top {
    width: 1px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top:71px;
    display: block;
    mask-image: url('../images/s-border-top-mask.svg');
    mask-size: 26px 150px;
    mask-repeat: no-repeat;
    mask-position: center 150px;
}
.structure-border-left  {
    width: 67px;
    position: absolute;
    left: calc(50% - 175px);
    top:50%;
    transform: translateY(-50%);
    display: block;
    mask-image: url('../images/s-border-left-mask.svg');
    mask-size: 69px 120px;
    mask-repeat: no-repeat;
    mask-position: 69px 0;
}
.structure-border-right  {
    width: 67px;
    position: absolute;
    right: calc(50% - 175px);
    top:50%;
    transform: translateY(-50%);
    display: block;
    mask-image: url('../images/s-border-right-mask.svg');
    mask-size: 68px 176px;
    mask-repeat: no-repeat;
    mask-position: -68px 0;
}
.structure-border-bottom {
    width: 394px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top:320px;
    display: block;
    /*mask-image: linear-gradient(0deg, rgba(0, 0, 0, 1) 30%, rgba(0, 0, 0, 0.4) 45%, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0) 100%);*/
    mask-image: url('../images/s-border-bottom-mask.svg');
    mask-size: 405px 155px;
    mask-repeat: no-repeat;
    mask-position: center -155px;
}
.structure-border-top.fadeIn {
    animation: mask-animation-top 0.3s linear forwards;
}
.structure-border-left.fadeIn {
    animation: mask-animation-left 0.3s linear forwards;
}
.structure-border-right.fadeIn {
    animation: mask-animation-right 0.3s linear forwards;
}
.structure-border-bottom.fadeIn {
    animation: mask-animation-bottom 0.3s linear forwards;
}
.white-box-text-all {
    width: 722px;
    position: absolute;
    left: 50%;
    top:53px;
    opacity: 0;
    transform: translateX(-50%);
}
.white-box-text-all.fadeIn {
    animation-name: fadeUpAnimeX20;
    animation-duration: 0.5s;
    animation-fill-mode: forwards;
    animation-delay: 0.5s;
}
.dotted {
    max-width: 566px;
    width: 100%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top:40px;
    opacity: 0;
}
.dotted.fadeIn {
    animation-name: fadeInAnime;
    animation-duration: 0.4s;
    animation-fill-mode: forwards;
}
@keyframes mask-animation-top {
    0% {
        mask-position: center 150px;
    }
    100% {
        mask-position: center 0;
    }
}
@keyframes mask-animation-left {
    0% {
        mask-position: 69px 0;
    }
    100% {
        mask-position: 0 0;
    }
}
@keyframes mask-animation-right {
    0% {
        mask-position: -68px 0;
    }
    100% {
        mask-position: 0 0;
    }
}
@keyframes mask-animation-bottom {
    0% {
        mask-position: center -155px;
    }
    100% {
        mask-position: center 0;
    }
}
.structure-bottom {
    opacity: 0;
    max-width: 992px;
    width: 100%;
    margin: 37px auto;
    background-repeat: no-repeat;
    background-size: 992px 532px;
    background-image: url("../images/structure-bottom-bg.svg");
}
.structure-bottom.fadeUp250 {
    animation-name: fadeUpAnime;
    animation-duration:0.5s;
    animation-fill-mode: forwards;
    animation-delay: 0.5s;
}
.structure-logo {
    max-width: 332px;
    width: 100%;
    text-align: center;
    margin: 0 auto;
}
.structure-bottom .concept {
    font-size: 22px;
    font-weight: 500;
    text-align: center;
    padding: 28px 0 78px;
    letter-spacing: 0.3em;
}
.structure-bottom-text {
    text-align: center;
    padding-top: 70px;
    letter-spacing: 0.2em;
    padding-bottom: 60px;
}
.structure-area br.tablet {
    display: none;
}
.structure-top-img .sp {
    display: none;
}
.structure-bottom .concept.sp {
    display: none;
}
.fadeIn {
    animation-name: fadeInAnime;
    animation-duration: 0.7s;
    animation-fill-mode: forwards;
}
.center-logo.fadeIn {
    animation-name: fadeInAnime;
    animation-duration: 0.5s;
    animation-fill-mode: forwards;
}
.circle_02.fadeIn,
.circle_03.fadeIn {
    transform: scale(0.5);
    animation-name: fadeInCircleAnime;
}
.circle_01 {
    transform-origin: center left;
    transform: scale(0.5) translateX(-50%);
}
.circle_01.fadeIn {
    animation-name: fadeInCircleAnime1;
    transform: scale(0.5) translateX(-50%);
}
/*
.structure-img_01.fadeIn
.structure-img-logo.fadeIn { 
    animation-duration:1s;
}
.circle_01.fadeIn {
    animation-name: fadeInCircleAnime1;
    transform: scale(0.5) translateX(-50%);
}
.str-text_02.fadeIn {
    animation-delay: 0.2s;
}
.str-text_02.fadeIn {
    animation-delay: 0.4s;
}
.str-text_03.fadeIn,
.str-text_06.fadeIn {
    animation-delay: 0.6s;
}
.str-text_04.fadeIn,
.str-text_07.fadeIn {
    animation-delay: 0.8s;
}
.str-text_05.fadeIn,
.str-text_08.fadeIn {
    animation-delay: 1s;
}
.str-text_09.fadeIn {
    animation-delay: 1.2s;
}
.str-text_10.fadeIn {
    animation-delay: 1.4s;
}
.str-text_11.fadeIn,
.str-text_12.fadeIn {
    animation-delay: 1.6s;
}
.str-text_13.fadeIn,
.str-text_14.fadeIn,
.str-text_15.fadeIn {
    animation-delay: 1.8s;
}
.structure-img_04_border {
    opacity: 0;
}
.structure-img_04_border.fadeIn {
    animation-delay: 2.1s;
}
*/
.white-logo-box {
    position: absolute;
    max-width: 216px;
    transform: translateX(-50%) translateY(-50%);
    width: 100%;
    left: 50%;
    top:50%;
    height: 112px;
}
.white-logo-box-wrap {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.structure-img_01.fadeIn {
    animation-duration: 1s;
}
.structure-img_04.fadeIn {
    animation-duration: 0.5s;
}
.structure-img_02.fadeIn {
    max-width: 216px;
    width: 100%;
}
.structure-img_02.fadeIn {
    animation-name: fadeInAnime;
    animation-duration: 0.7s;
    animation-fill-mode: forwards;
}
.structure-img_03 {
    max-width: 134px;
    width: 100%;
}
.structure-img_03 img {
    width: 100%;
}
.structure-img_03.fadeIn {
    animation-name: fadeUpAnime20;
    animation-duration: 0.5s;
    animation-fill-mode: forwards;
    animation-delay: 0.5s;
}
.white-box-all {
    position: absolute;
    width: 783px;
    top:50px;
    left: 50%;
    transform: translateX(-50%);
    animation-name: fadeIn;
    animation-duration: 0.5s;
    animation-fill-mode: forwards;
    animation-delay: 0.5s;
    opacity: 0;
}
.white-box-all.fadeIn  {
    position: absolute;
    width: 783px;
    top:50px;
    left: 50%;
    transform: translateX(-50%);
    animation-name: fadeInAnime;
    animation-duration: 0.5s;
    animation-fill-mode: forwards;
    animation-delay: 0.5s;
}
@keyframes fadeInAnime {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}
@keyframes fadeInCircleAnime {
    from {
        opacity: 0;
        transform: scale(0.5);
    }

    to {
        opacity: 1;
        transform: scale(1);
    }
}
@keyframes fadeInCircleAnime1 {
    from {
        opacity: 0;
        transform: scale(0.5) translateX(-50%);
    }
    to {
        opacity: 1;
        transform: scale(1) translateX(-50%);

    }
}

.str-text {
    opacity: 0;
    max-width: 218px;
    width: 100%;
}
.str-text_13,
.str-text_14,
.str-text_15 {
    max-width: 195px;
}
.str-text img {
    width: 100%;
}
.structure-img_02 img {
    max-width: 216px;
    width: 100%;
}
/*
.structure-img_03 {
    max-width: 622px;
    width: 100%;
}
*/
.structure-img_03 img {
    max-width: 622px;
    width: 100%;
}
.structure-img_04 {
    max-width: 622px;
    width: 100%;
}
.str-text {
    position: absolute;
    font-size: 0;
}
.str-text img {
    vertical-align: top;
}
.str-text_01 {
    top: 50px;
    left: 50%;
    transform: translateX(-50%);
}
.str-text_02 {
    top: 110px;
    left: 50%;
    transform: translateX(-50%);
}
.str-text_03 {
    left: 105px;
    top: 202px;
}
.str-text_04 {
    left: 105px;
    top: 260px;
}
.str-text_05 {
    left: 105px;
    top: 317px;
}
.str-text_06 {
    right: 104px;
    top: 176px;
}
.str-text_07 {
    right: 104px;
    top: 234px;
}
.str-text_08 {
    right: 104px;
    top: 291px;
}
.str-text_09 {
    right: 104px;
    top: 350px;
}
.str-text_10 {
    top: 372px;
    left: 50%;
    transform: translateX(-50%);
}
.str-text_11 {
    left: 258px;
    top: 421px;
}
.str-text_12 {
    right: 261px;
    top: 420px;
}
.str-text_13 {
    left: 175px;
    top: 470px;
}
.str-text_14 {
    left: 50%;
    transform: translateX(-50%);
    top: 470px;
}
.str-text_15 {
    right: 80px;
    transform: translateX(-50%);
    top: 470px;
}
@media screen and (max-width: 1080px) {
    .structure-bottom {
        max-width: 900px;
        width: 100%;
        padding: 0 20px;
        margin: 37px auto;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: contain;
        background-image: url(../images/structure-bottom-bg.svg);
    }
    .structure-bottom .concept {
        font-size: 22px;
        font-weight: 500;
        text-align: center;
        padding: 28px 0 28px;
        letter-spacing: 0.3em;
    }
    .structure-bottom-text {
        text-align: center;
        padding-top: 30px;
        letter-spacing: 0.2em;
        padding-bottom: 37px;
    }
}
@media screen and (max-width: 960px) {
    .structure-bottom {
        max-width: 700px;
    }
    .structure-logo {
        max-width: 260px;
        width: 100%;
        text-align: center;
        margin: 0 auto;
    }
    .structure-bottom-text {
        text-align: center;
        padding-top: 20px;
        letter-spacing: 0.2em;
        padding-bottom: 37px;
    }
    .structure-area .grid-inner {
        max-width: 960px;
        height: 1157px;
        padding: 32px 32px 64px;
        border-left: 1px solid rgba(232, 232, 232, 0.11);
        border-right: 1px solid rgba(232, 232, 232, 0.11);
        border-bottom: 1px solid rgba(232, 232, 232, 0.11);
        margin: 0 auto;
        background-image: linear-gradient(
                0deg,
                transparent 15px,
                rgba(232, 232, 232, 0.11) 16px
            ),
            linear-gradient(
                90deg,
                transparent 15px,
                rgba(232, 232, 232, 0.11) 16px
            );
        background-size: 16px 16px;
    }
    .grid-wrap {
        padding-left: 27px;
        padding-right: 27px;
        left: 50%;
        transform: translateX(-50%);
        position: absolute;
        width: 100%;
        max-width: 100%;
        top: 250px;
    }
}
@media screen and (max-width: 768px) {
    .structure-img_01 {
        max-width: 316px;
        width: 100%;
    }
    .structure-img_01 img {
        max-width: 316px;
        width: 100%;
    }
    .structure-img_02 img {
        max-width: 89px;
        width: 100%;
    }
    .structure-img_02 {
        top: calc(50% - 20px);
    }
    .structure-img_03 {
        max-width: 215px;
        width: 100%;
    }
    .structure-img_03 img {
        max-width: 215px;
        width: 100%;
    }
    .structure-img_04 {
        max-width: 325px;
        width: 100%;
    }
    .structure-img_04 img {
        max-width: 325px;
        width: 100%;
    }
    .structure-area {
        padding: 26px 27px;
        background-image: url("../images/structure-bg-sp.jpg");
    }
    .structure-area .sec-ttl {
        max-width: 220px;
        font-size: 0;
        margin: 0 auto;
        text-align: center;
        margin-bottom: 31px;
    }
    .grid-wrap {
        top: 230px;
    }
    .structure-area .grid-inner {
        height: 1200px;
    }
    .structure-area .head-text {
        margin-bottom: 30px;
        font-size: 15px;
        letter-spacing: 0;
    }
    .structure-area br.tablet {
        display: block;
    }
    .structure-top-img {
        margin: 0 auto;
        max-width: 325px;
    }
    .structure-top-img .pc {
        display: none;
    }
    .structure-top-img .sp {
        display: block;
        margin: 0 -12px;
    }
    .structure-bottom {
        max-width: 900px;
        width: 100%;
        padding: 0 20px;
        margin: 37px auto 0;
        background-repeat: no-repeat;
        background-position: center center;
        background-size: contain;
        background-image: url(../images/structure-bottom-bg-sp.svg);
    }
    .structure-bottom .concept.sp {
        display: block;
    }
    .structure-bottom .concept.pc {
        display: none;
    }
    .structure-img-sp {
        max-width: 346px;
        width: 100%;
        margin: 0 auto;
    }
}
@media screen and (max-width: 768px) {
    .structure-bottom-text {
        font-size: 15px;
        letter-spacing: 0;
        line-height: 1.8;
    }
}
@media screen and (max-width: 480px) {
    .structure-area .grid-inner {
        height: 900px;
    }
    .structure-logo {
        max-width: 165px;
        width: 100%;
        text-align: center;
        margin: 0 auto;
    }
    .structure-bottom-text {
        font-size: 15px;
        letter-spacing: 0;
        line-height: 1.8;
    }
    .structure-bottom .concept.sp {
        font-size: 15px;
        padding: 22px 0 25px;
        max-width: 96px;
        margin: 0 auto;
    }
    .structure-bottom .concept.sp img {
        width: 100%;
    }
}
/* =================================
MENBERS
================================= */
.menbers-area {
    padding-top: 55px;
    position: relative;
}
.menbers-area .inner {
    overflow: hidden;
}
.menbers-area .sec-ttl {
    margin: 0 auto;
    text-align: center;
    margin-bottom: 45px;
}
.menbers-area .sec-ttl img {
    max-width: 250px;
}
.menbers-area .sec-left-text {
    top: calc(50% + 20px);
}
.menbers-area .sec-right-text {
    top: calc(50% + 20px);
}
.menbers-area .grid-inner {
    max-width: 960px;
    padding: 32px 32px 32px;
    border-left: 1px solid rgba(232, 232, 232);
    border-right: 1px solid rgba(232, 232, 232);
    border-bottom: 1px solid rgba(232, 232, 232);
    margin: 0 auto;
    background-image: linear-gradient(
            0deg,
            transparent 31px,
            rgba(232, 232, 232) 32px
        ),
        linear-gradient(90deg, transparent 31px, rgba(232, 232, 232) 32px);
    background-size: 32px 32px;
}
.menbers-line {
    display: flex;
    position: relative;
}
.menbers-line::after {
    content: "";
    top: 32px;
    position: absolute;
    opacity: 0.37;
    display: block;
    margin: 0 calc(50% - 50vw);
    width: 100vw;
    height: 112px;
    background: linear-gradient(
        90deg,
        rgba(216, 214, 214, 1) 0%,
        rgba(213, 226, 234, 1) 24%,
        rgba(213, 226, 234, 1) 60%,
        rgba(216, 214, 214, 1) 100%
    );
    z-index: 1000;
    mix-blend-mode: multiply;
}
.menbers-list {
    padding: 0;
    margin: 32px 32px 0;
    max-width: 158px;
    width: 100%;
    text-align: center;
    background-color: #fff;
    z-index: 1000;
}
.second .menbers-list,
.third .menbers-list {
    padding-top: 32px;
    margin: 0 32px 0;
}
.third .menbers-list {
    padding-bottom: 17px;
}
.menbers-img {
    position: relative;
    margin-bottom: 7px;
    z-index: 1000;
    max-width: 112px;
    width: 100%;
    margin: 0 auto 7px;
}
.menbers-img img {
    width: 100%;
}
.m-title {
    font-weight: bold;
    font-size: 11px;
    color: #231815;
}
.m-name {
    font-size: 16px;
    font-weight: bold;
    color: #231815;
    margin-bottom: 5px;
}
.menbers-list .occ {
    margin-top: 5px;
    font-size: 11px;
    color: #231815;
    margin: 0 calc(50% - 50vw);
    white-space: nowrap;
}
.company-name {
    font-size: 11px;
    margin: 0 calc(50% - 50vw) 3px;
    color: #231815;
}
.company-name br.tablet {
    display: none;
}
@media screen and (max-width: 960px) {
    .menbers-area {
        padding-top: 55px;
        padding-left: 0;
        padding-right: 0;
    }
    .menbers-area .grid-inner {
        max-width: calc(100% - 54px);
        padding: 32px 32px 32px;
        background-image: linear-gradient(
                0deg,
                transparent 15px,
                rgba(232, 232, 232) 16px
            ),
            linear-gradient(90deg, transparent 15px, rgba(232, 232, 232) 16px);
        background-size: 16px 16px;
    }
}
@media screen and (max-width: 860px) {
    .menbers-area {
        padding-top: 28px;
        padding-left: 0;
        padding-right: 0;
    }
    .menbers-area .sec-ttl {
        max-width: 176px;
        font-size: 0;
        margin: 0 auto;
        text-align: center;
        margin-bottom: 29px;
    }
    .menbers-area .sec-left-text {
        top: 120px;
    }
    .menbers-area .sec-right-text {
        top: 90px;
    }
    .menbers-line {
        max-width: 286px;
        flex-wrap: wrap;
        margin: 0 auto;
    }
    .menbers-area .grid-inner {
        padding: 16px;
    }
    .menbers-list {
        padding: 12px 10px;
        margin: 0;
        max-width: 127px;
        width: 100%;
        text-align: center;
        background-color: #fff;
    }
    .second .menbers-list,
    .third .menbers-list {
        margin: 0;
    }
    .menbers-list:nth-child(even) {
        margin-left: 32px;
    }
    .menbers-line::after {
        content: "";
        top: 12px;
        position: absolute;
        opacity: 0.37;
        display: block;
        margin: 0 calc(50% - 50vw);
        width: 100vw;
        height: 112px;
        background: linear-gradient(
            90deg,
            rgba(216, 214, 214, 1) 0%,
            rgba(213, 226, 234, 1) 24%,
            rgba(213, 226, 234, 1) 60%,
            rgba(216, 214, 214, 1) 100%
        );
    }
    .second.menbers-line::after,
    .third.menbers-line::after {
        content: "";
        top: 32px;
        position: absolute;
        opacity: 0.37;
        display: block;
        margin: 0 calc(50% - 50vw);
        width: 100vw;
        height: 105px;
        background: linear-gradient(
            90deg,
            rgba(216, 214, 214, 1) 0%,
            rgba(213, 226, 234, 1) 24%,
            rgba(213, 226, 234, 1) 60%,
            rgba(216, 214, 214, 1) 100%
        );
    }
    .menbers-line::before {
        content: "";
        top: 254px;
        position: absolute;
        opacity: 0.37;
        display: block;
        margin: 0 calc(50% - 50vw);
        width: 100vw;
        height: 105px;
        background: linear-gradient(
            90deg,
            rgba(216, 214, 214, 1) 0%,
            rgba(213, 226, 234, 1) 24%,
            rgba(213, 226, 234, 1) 60%,
            rgba(216, 214, 214, 1) 100%
        );
        z-index: 1001;
        mix-blend-mode: multiply;
    }
    .second.menbers-line::before {
        content: "";
        top: 311px;
        position: absolute;
        opacity: 0.37;
        display: block;
        margin: 0 calc(50% - 50vw);
        width: 100vw;
        height: 105px;
        background: linear-gradient(
            90deg,
            rgba(216, 214, 214, 1) 0%,
            rgba(213, 226, 234, 1) 24%,
            rgba(213, 226, 234, 1) 60%,
            rgba(216, 214, 214, 1) 100%
        );
    }
    .third.menbers-line::before {
        top: 282px;
    }
    .menbers-line::after {
        height: 105px;
    }
    .menbers-img {
        position: relative;
        max-width: 105px;
        width: 100%;
        margin-bottom: 7px;
        z-index: 100;
        margin: 0 auto;
    }
    .menbers-img img {
        width: 100%;
    }
    .m-title {
        margin-top: 10px;
        line-height: 1;
        font-weight: bold;
        font-size: 12px;
        color: #231815;
    }
    .m-name {
        font-size: 15px;
        font-weight: bold;
        color: #231815;
        margin-bottom: 12px;
        line-height: 1;
        margin-top: 8px;
    }
    .company-name br.tablet,
    .occ br.tablet {
        display: block;
    }
}
/* =================================
ADVISORY
================================= */
.advisory-area {
    padding-top: 55px;
    position: relative;
}
.advisory-area .inner {
    overflow: hidden;
}
.advisory-area .sec-ttl {
    margin: 0 auto;
    text-align: center;
    margin-bottom: 45px;
}
.advisory-area .sec-ttl img {
    width: 426px;
    max-width: 100%;
}
.advisory-area .sec-left-text {
    top: calc(50% + 150px);
}
.advisory-area .sec-right-text {
    top: calc(50% + 150px);
}
.advisory-area .grid-inner {
    max-width: 960px;
    padding: 32px 32px 32px;
    border-left: 1px solid rgba(232, 232, 232);
    border-right: 1px solid rgba(232, 232, 232);
    border-bottom: 1px solid rgba(232, 232, 232);
    margin: 0 auto;
    background-image: linear-gradient(
            0deg,
            transparent 31px,
            rgba(232, 232, 232) 32px
        ),
        linear-gradient(90deg, transparent 31px, rgba(232, 232, 232) 32px);
    background-size: 32px 32px;
}
.advisory-line {
    display: flex;
    position: relative;
}
.advisory-line::after {
    content: "";
    top: 32px;
    position: absolute;
    opacity: 0.37;
    display: block;
    margin: 0 calc(50% - 50vw);
    width: 100vw;
    height: 112px;
    background: linear-gradient(
        90deg,
        rgba(216, 214, 214, 1) 0%,
        rgba(213, 226, 234, 1) 24%,
        rgba(213, 226, 234, 1) 60%,
        rgba(216, 214, 214, 1) 100%
    );
    z-index: 1000;
    mix-blend-mode: multiply;
}
@media screen and (max-width: 960px) {
    .advisory-area {
        padding: 55px 0 0;
    }
    .advisory-area .grid-inner {
        max-width: calc(100% - 54px);
        padding: 16px 16px 16px;
        border-left: 1px solid rgba(232, 232, 232);
        border-right: 1px solid rgba(232, 232, 232);
        border-bottom: 1px solid rgba(232, 232, 232);
        margin: 0 auto;
        background-image: linear-gradient(
                0deg,
                transparent 15px,
                rgba(232, 232, 232) 16px
            ),
            linear-gradient(90deg, transparent 15px, rgba(232, 232, 232) 16px);
        background-size: 16px 16px;
    }
}
@media screen and (max-width: 860px) {
    .advisory-line {
        max-width: 286px;
        flex-wrap: wrap;
        margin: 0 auto;
    }
    .advisory-area .sec-left-text {
        top: 120px;
    }
    .advisory-area .sec-right-text {
        top: 90px;
    }
    .advisory-line::before {
        content: "";
        top: 220px;
        position: absolute;
        opacity: 0.37;
        display: block;
        margin: 0 calc(50% - 50vw);
        width: 100vw;
        height: 105px;
        background: linear-gradient(
            90deg,
            rgba(216, 214, 214, 1) 0%,
            rgba(213, 226, 234, 1) 24%,
            rgba(213, 226, 234, 1) 60%,
            rgba(216, 214, 214, 1) 100%
        );
        z-index: 1001;
        mix-blend-mode: multiply;
    }
    .advisory-area .second.menbers-line::before {
        content: "";
        top: 295px;
        position: absolute;
        opacity: 0.37;
        display: block;
        margin: 0 calc(50% - 50vw);
        width: 100vw;
        height: 105px;
        background: linear-gradient(
            90deg,
            rgba(216, 214, 214, 1) 0%,
            rgba(213, 226, 234, 1) 24%,
            rgba(213, 226, 234, 1) 60%,
            rgba(216, 214, 214, 1) 100%
        );
    }
    .advisory-area .third.menbers-line::before {
        top: 298px;
    }
    .advisory-line::after {
        content: "";
        top: 12px;
        position: absolute;
        opacity: 0.37;
        display: block;
        margin: 0 calc(50% - 50vw);
        width: 100vw;
        height: 105px;
        background: linear-gradient(
            90deg,
            rgba(216, 214, 214, 1) 0%,
            rgba(213, 226, 234, 1) 24%,
            rgba(213, 226, 234, 1) 60%,
            rgba(216, 214, 214, 1) 100%
        );
    }
}
@media screen and (max-width: 768px) {
    .advisory-area {
        padding: 29px 0 0;
    }
    .advisory-area .sec-ttl {
        max-width: 258px;
        font-size: 0;
        margin-bottom: 28px;
    }
}
/* =================================
SPECIAL ADVISOR
================================= */
.advisor-area {
    position: relative;
    padding-top: 60px;
}
.advisor-area .inner {
    overflow: hidden;
}
.advisor-area .sec-ttl {
    max-width: 511px;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 50px;
}
.advisor-area .advisor-line::after {
    content: "";
    top: 32px;
    position: absolute;
    opacity: 0.37;
    display: block;
    margin: 0 calc(50% - 50vw);
    width: 100vw;
    height: 112px;
    background: linear-gradient(
        90deg,
        rgba(216, 214, 214, 1) 0%,
        rgba(213, 226, 234, 1) 24%,
        rgba(213, 226, 234, 1) 60%,
        rgba(216, 214, 214, 1) 100%
    );
    z-index: 1000;
    mix-blend-mode: multiply;
}
.advisor-area .sec-ttl img {
    max-width: 100%;
    width: 439px;
}
.advisor-area .grid-inner {
    padding-top: 1px;
    position: relative;
    max-width: 960px;
    border-left: 1px solid #ebebeb;
    border-right: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    margin: 0 auto;
    background-image: linear-gradient(0deg, transparent 31px, #ebebeb 32px),
        linear-gradient(90deg, transparent 31px, #ebebeb 32px);
    background-size: 32px 32px;
    height: 352px;
}
.advisor-line {
    display: flex;
    justify-content: center;
    position: relative;
}
.advisor-list {
    padding: 0 0 5px;
    margin: 32px 60px 0;
    z-index: 100;
    max-width: 158px;
    width: 100%;
    text-align: center;
    background-color: #fff;
}
.advisor-img {
    position: relative;
    z-index: 1000;
    max-width: 112px;
    width: 100%;
    margin: 0 auto 12px;
}
.advisor-img img {
    width: 100%;
}
.a-title {
    font-weight: bold;
    font-size: 11px;
}
.a-name {
    font-size: 16px;
    font-weight: bold;
    color: #231815;
    margin-bottom: 5px;
}
.advisor-list .occ {
    font-size: 11px;
    color: #231815;
    white-space: nowrap;
    position: relative;
    z-index: 1000;
    margin: 0 calc(50% - 50vw);
}
.bl-960 {
    display: none;
}
@media screen and (max-width: 960px) {
    .advisor-area {
        padding: 0;
        padding-top: 60px;
    }
    .advisor-area .grid-inner {
        padding-top: 1px;
        position: relative;
        max-width: calc(100% - 54px);
        border-left: 1px solid #ebebeb;
        border-right: 1px solid #ebebeb;
        border-bottom: 1px solid #ebebeb;
        margin: 0 auto;
        background-image: linear-gradient(0deg, transparent 15px, #ebebeb 16px),
            linear-gradient(90deg, transparent 15px, #ebebeb 16px);
        background-size: 16px 16px;
        height: 417px;
    }
    .advisor-area .sec-left-text {
        top: 160px;
    }
    .advisor-area .sec-right-text {
        top: 160px;
    }
    .bl-960 {
        display: block;
    }
    .advisor-list .a-title {
        font-size: 11px;
    } 
}
@media screen and (max-width: 860px) {
    .advisor-line {
        max-width: 286px;
        margin: 16px auto 0;
        flex-wrap: wrap;
        justify-content: flex-start;
        background-color: #fff;
    }
    .advisor-area .grid-inner {
        height: 656px;
    }
    .advisor-list {
        padding: 12px 10px 0;
        margin: 0;
        z-index: 100;
        max-width: 127px;
        width: 100%;
        text-align: center;
        background-color: #fff;
    }
    .advisor-list:nth-child(even) {
        margin-left: 32px;
    }
    .advisor-img {
        position: relative;
        z-index: 1000;
        max-width: 105px;
        width: 100%;
        margin: 0 auto 12px;
    }
    .advisor-area .advisor-line::after {
        content: "";
        top: 12px;
        height: 105px;
    }
}
@media screen and (max-width: 768px) {
    .advisor-area {
        padding: 27px 0 0;
    }
    .advisor-area .sec-left-text {
        top: 90px;
    }
    .advisor-area .sec-right-text {
        top: 90px;
    }

    .advisor-area .sec-ttl {
        max-width: 308px;
        font-size: 0;
        width: 100%;
        margin-bottom: 29px;
    }
    .advisor-line {
        margin: 16px auto 0;
        background-color: #fff;
    }
    .advisor-list {
        padding: 16px 0 5px;
        margin: 0;
        background: none;
        max-width: 127px;
    }
    .advisor-img {
        max-width: 105px;
        margin: 0 auto 12px;
    }
    .advisor-img img {
        width: 100%;
    }
    .advisor-area .advisor-line::after {
        content: "";
        top: 16px;
        position: absolute;
        opacity: 0.37;
        display: block;
        margin: 0 calc(50% - 50vw);
        width: 100vw;
        height: 105px;
        background: linear-gradient(
            90deg,
            rgba(216, 214, 214, 1) 0%,
            rgba(213, 226, 234, 1) 24%,
            rgba(213, 226, 234, 1) 60%,
            rgba(216, 214, 214, 1) 100%
        );
    }
    .a-title {
        font-size: 12px;
    }
    .a-name {
        font-size: 15px;
        font-weight: bold;
        color: #231815;
    }
}
/* =================================
PARTNERSHIP
================================= */
.partner-area {
    padding: 105px 0 137px;
}
.partner-area .sec-ttl {
    margin: 0 auto 68px;
}
.partner-area .sec-ttl img {
    width: 360px;
    max-width:100%;
}
.partner-area .inner {
    max-width: 960px;
    width: 100%;
    margin: 0 auto;
}
.partner-area .flex-box {
    justify-content: space-between;
    align-items: center;
}
.partner-area .left-logo {
    max-width: 107px;
    width: 100%;
    transition: 0.7s;
}
.partner-area .right-logo {
    max-width: 136px;
    width: 100%;
    transition: 0.7s;
}
.partner-area .logo_03 {
    max-width: 154px;
    width: 100%;
    transition: 0.7s;
}
.partner-area .logo_04 {
    max-width: 318px;
    width: 100%;
    transition: 0.7s;
}
.partner-area .left-logo a,
.partner-area .right-logo a,
.partner-area .logo_03 a,
.partner-area .logo_04 a {
    transition: 0.7s;
}
.partner-area .left-logo a:hover,
.partner-area .right-logo a:hover,
.partner-area .logo_03 a:hover,
.partner-area .logo_04 a:hover {
    opacity: 0.6;
}
.partner-area img {
    width: 100%;
}
@media screen and (max-width: 960px) {
    .partner-area .flex-box {
        display: block;
    }
    .partner-area .flex-box > div {
        margin: 0 auto;
    }
    .partner-area .flex-box > div + div {
        margin: 36px auto 0;
    }
    .partner-area .left-logo {
        max-width: 88px;
    }
    .partner-area .right-logo {
        max-width: 112px;
        width: 100%;
    }
    .partner-area .logo_03 {
        max-width: 108px;
        width: 100%;
    }
    .partner-area .logo_04 {
        max-width: 226px;
    }
}
@media screen and (max-width: 768px) {
    .partner-area {
        padding: 55px 0;
    }
    .partner-area .sec-ttl {
        max-width: 252px;
        font-size: 0;
        margin: 0 auto 34px;
    }
    .partner-area .left-logo {
        max-width: 88px;
        width: 100%;
    }
    .partner-area .right-logo {
        max-width: 112px;
        width: 100%;
    }
    .partner-area .inner {
        max-width: 245px;
        width: 100%;
        margin: 0 auto;
    }
}

/* =================================
COMPANY OVERVIEW
================================= */

.company-area {
    position: relative;
    background-repeat: no-repeat;
}
.company-wrapper {
    padding-top: 50px;
    padding-bottom: 122px;
}
#companybg {
    content:'';
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
    background-size: cover;
    display: block;
    background-image: url("../images/company-bg.jpg");
}
.company-area .sec-ttl {
    margin: 0 auto;
    text-align: center;
    margin-bottom: 35px;
}
.company-area .sec-ttl img {
    width: 511px;
    max-width: 100%;
}
.company-area .sec-left-text {
    font-size: 12px;
    position: absolute;
    left: 20px;
    letter-spacing: 0.1em;
    font-weight: bold;
    top: 320px;
    transform: translateY(0) rotate(-180deg);
    writing-mode: vertical-rl;
}
.company-area .sec-right-text {
    font-size: 15px;
    position: absolute;
    letter-spacing: 0.1em;
    right: 20px;
    top: 295px;
    transform: translateY(0);
    font-weight: bold;
    writing-mode: vertical-rl;
}
.company-area .grid-inner {
    max-width: 960px;
    border-left: 1px solid #83c6df;
    border-right: 1px solid #83c6df;
    border-bottom: 1px solid #83c6df;
    margin: 0 auto;
    background-image: linear-gradient(0deg, transparent 31px, #83c6df 32px),
        linear-gradient(90deg, transparent 31px, #83c6df 32px);
    background-size: 32px 32px;
    padding-top: 65px;
    padding-bottom: 65px;
}
.company-area .white-box {
    background-color: #fff;
    max-width: 832px;
    margin: 0 auto;
    padding: 40px 54px 73px;
}
.company-table div {
    display: flex;
    margin-bottom: 40px;
}
.company-table div:last-child {
    margin-bottom: 0;
}
.company-table dt {
    width: 100px;
    line-height: 1.8;
}
.company-table dd {
    line-height: 1.8;
    letter-spacing: 0.1em;
    width: calc(100% - 100px);
}
.company-table ol li {
    display: block;
}
.company-table .num {
    width: 37px;
    display: inline-block;
}
.company-table .map {
    margin-top: 15px;
    margin-bottom: 50px;
}
.company-table .map iframe {
    filter: grayscale(100%);
    opacity: 0.7;
}
.company-table .line {
    display: block;
}
br.tablet {
    display: none;
}

@media screen and (max-width: 1000px) {
    .company-area .sec-left-text,
    .company-area .sec-right-text {
        display: none;
    }
    .company-area .grid-inner {
        padding-top: 65px;
        padding-bottom: 65px;
        padding-left: 65px;
        padding-right: 65px;
    }
}
@media screen and (max-width: 768px) {
    .company-area {
        position: relative;
        background-repeat: no-repeat;
        background-size: cover;
        background-image: url("../images/company-bg-sp.jpg");
    }
    .company-wrapper {
        padding-top: 25px;
        padding-bottom: 37px;
    }
    .company-area .sec-ttl {
        max-width: 332px;
        font-size: 0;
        margin: 0 auto;
        text-align: center;
        margin-bottom: 26px;
    }
    .company-area .grid-inner {
        background-image: none;
        border: none;
        padding-top: 0;
        padding-bottom: 0;
        padding-left: 31px;
        padding-right: 31px;
    }
    .company-area .white-box {
        background-color: #fff;
        max-width: 832px;
        margin: 0 auto;
        padding: 20px 22px 22px;
    }
    .company-table div {
        display: block;
        margin-bottom: 40px;
    }
    .company-table dt,
    .company-table dd {
        font-size: 15px;
        line-height: 1.5;
    }
    .company-table .num {
        width: 32px;
    }
    .company-table .right {
        width: calc(100% - 32px);
    }
    .company-table ol {
        margin-top: 18px;
    }
    .company-table ol li {
        font-size: 15px;
        line-height: 1.5;
        margin-bottom: 0;
        display: flex;
        font-feature-settings: "palt";
    }
    .company-table .map {
        margin-top: 18px;
    }
    .company-table dd {
        max-width: 100%;
        width: 100%;
    }
    br.tablet {
        display: block;
    }
    br.tablet-none {
        display: none;
    }
}
@media screen and (max-width: 480px) {
    .company-table .map iframe {
        height: 175px;
    }
}


.white-logo-box {
    top:270px;
}
.structure-border-left  {
    top:270px;
}
.structure-border-right  {
    top:270px;
}


@media screen and (max-width: 960px) {
    .action-content {
        height: 430px;
    }
    .action-wrap {
        width: 668px;
        max-width: 668px;
        position: relative;
        left: 50%;
        transform-origin: top center;
        transform: translateX(-50%) scale(0.6);
    }
    .action-figure {
        max-width: 100%;
    }
}
@media screen and (max-width: 800px) {
    .action-wrap {
        transform-origin: top center;
        transform: translateX(-50%) scale(0.6);
    }
    .action-figure .pc {
        display: block !important;
    }
    .action-figure .sp {
        display: none !important;
    }
    .action-figure img {
        margin: 0;
    }
}
@media screen and (max-width: 480px) {
    .action-content {
        height: 320px;
    }
    .action-wrap {
        transform-origin: top center;
        transform: translateX(-50%) scale(0.45);
    }
    .action-figure .pc {
        display: block !important;
    }
    .action-figure .sp {
        display: none !important;
    }
    .action-figure img {
        margin: 0;
    }
}
@media screen and (max-width: 1000px) {
    .structure-area .grid-wrap {
        top: 200px;
    }
    .structure-area .grid-inner {
        max-width: 960px;
        height: 857px;
    }
    .structure-img_01 {
        left:50%;
        transform: translateX(-50%);
    }
    .structure-top-img {
        height: 350px;
        width: 992px;
    }
    .pc.structure-images {
        transform-origin: top center;
        transform: scale(0.6);
    }
    .structure-top-img {
        margin: 0 auto;
        max-width: 100%;
    }
    .structure-img_01 {
        max-width: 100%;
        width: 992px;
    }
    .structure-img_01 img {
        max-width: 100%;
        width: 992px;
    }
    .structure-img_04 {
       width: 622px;
       max-width: 100%;
    }
    .structure-img_04 img {
        max-width: 100%;
        width: 100%;
    }
    .structure-img_02 {
        top: 50%;
    }
    .structure-img_02 img {
        max-width: 100%;
        width: 100%;
    }
    .structure-img_03 {
        max-width: 134px;
        width: 100%;
    }
    .structure-img_03 img {
        max-width: 622px;
        width: 100%;
    }
}
@media screen and (max-width: 768px) {
    .structure-top-img {
        height: auto;
    }
}
@media screen and (max-width: 660px) {
    .pc.structure-images {
        transform: translateX(-50%)  scale(0.35);
    }

}