#main .first_view {
    width: 100%;
    height: 100vh;
    height: 100svh;
    position: relative;
}
#main .first_view .line_title {
    margin: 50px 50px 0;
    width: calc(100% - 100px);
    position: absolute;
    left: 0;
    top: 0;
}
@media screen and (max-width: 1199px) {
    #main .first_view .line_title {
        margin: 50px 4vw;
        width: calc(100% - 8vw);
    }
}
@media screen and (max-width: 979px) {
    #main .first_view .line_title {
        margin: 45px 4vw;
        width: calc(100% - 8vw);
    }
}
@media screen and (max-width: 779px) {
    #main .first_view .line_title {
        margin: 40px 4vw;
        width: calc(100% - 8vw);
    }
}
@media screen and (max-width: 599px) {
    #main .first_view .line_title {
        margin: 35px 5vw;
        width: calc(100% - 10vw);
    }
}
@media screen and (max-width: 439px) {
    #main .first_view .line_title {
        margin: 30px 5vw;
        width: calc(100% - 10vw);
    }
}
#main .first_view .line_title .line {
    opacity: 0;
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
    width: 50%;
    height: 1px;
    position: absolute;
    top: calc(50% - 1.5px);
}
@media screen and (max-width: 1199px) {
    #main .first_view .line_title .line {
        top: calc(50% - 1.4px);
    }
}
@media screen and (max-width: 599px) {
    #main .first_view .line_title .line {
        top: calc(50% - 1.3px);
    }
}
#main .first_view .line_title .line::before {
    content: "";
    display: inline-block;
    background-color: #000;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
}
#main .first_view .line_title .line_L {
    left: 0;
}
#main .first_view .line_title .line_L::before {
    left: 85%;
}
#main .first_view .line_title .line_R {
    right: 0;
}
#main .first_view .line_title .line_R::before {
    right: 85%;
}
#main .first_view .line_title .svg {
    display: inline-block;
    padding: 0 15px;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
@media screen and (max-width: 1199px) {
    #main .first_view .line_title .svg {
        padding: 0 13px;
    }
}
@media screen and (max-width: 599px) {
    #main .first_view .line_title .svg {
        padding: 0 11px;
    }
}
#main .first_view .line_title .svg svg {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    opacity: 0;
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
}
@media screen and (max-width: 1199px) {
    #main .first_view .line_title .svg svg {
        -webkit-transform: translateY(8px);
                transform: translateY(8px);
    }
}
@media screen and (max-width: 599px) {
    #main .first_view .line_title .svg svg {
        -webkit-transform: translateY(6px);
                transform: translateY(6px);
    }
}
#main .first_view .line_title.fadeIn .line {
    -webkit-transition: all 1.3s cubic-bezier(0.33, 1, 0.68, 1);
    transition: all 1.3s cubic-bezier(0.33, 1, 0.68, 1);
    opacity: 1;
}
#main .first_view .line_title.fadeIn .line::before {
    -webkit-transition: all 1.3s cubic-bezier(0.25, 1, 0.5, 1);
    transition: all 1.3s cubic-bezier(0.25, 1, 0.5, 1);
}
#main .first_view .line_title.fadeIn .line_L::before {
    left: 0;
}
#main .first_view .line_title.fadeIn .line_R::before {
    right: 0;
}
#main .first_view .line_title.fadeIn .svg svg {
    -webkit-transition: opacity 1s cubic-bezier(0.33, 1, 0.68, 1), -webkit-transform 1s cubic-bezier(0.25, 1, 0.5, 1);
    transition: opacity 1s cubic-bezier(0.33, 1, 0.68, 1), -webkit-transform 1s cubic-bezier(0.25, 1, 0.5, 1);
    transition: opacity 1s cubic-bezier(0.33, 1, 0.68, 1), transform 1s cubic-bezier(0.25, 1, 0.5, 1);
    transition: opacity 1s cubic-bezier(0.33, 1, 0.68, 1), transform 1s cubic-bezier(0.25, 1, 0.5, 1), -webkit-transform 1s cubic-bezier(0.25, 1, 0.5, 1);
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
}
#main .first_view .line_title .line {
    width: calc((100% - 30px - 159.13px) / 2);
}
@media screen and (max-width: 1199px) {
    #main .first_view .line_title .line {
        width: calc((100% - 26px - 151.1735px) / 2);
    }
}
@media screen and (max-width: 599px) {
    #main .first_view .line_title .line {
        width: calc((100% - 22px - 143.217px) / 2);
    }
}
#main .first_view .line_title .svg svg {
    width: 159.134px;
    height: auto;
}
@media screen and (max-width: 1199px) {
    #main .first_view .line_title .svg svg {
        width: 151.1773px;
    }
}
@media screen and (max-width: 599px) {
    #main .first_view .line_title .svg svg {
        width: 143.2206px;
    }
}
#main .first_view .container_wrap {
    width: 100%;
    height: calc(100% - 62px - 63px);
    position: relative;
    top: 62px;
}
@media screen and (max-width: 1199px) {
    #main .first_view .container_wrap {
        height: calc(100% - 61.5px - 57px);
        top: 61.5px;
    }
}
@media screen and (max-width: 979px) {
    #main .first_view .container_wrap {
        height: calc(100% - 56.5px - 57px);
        top: 56.5px;
    }
}
@media screen and (max-width: 779px) {
    #main .first_view .container_wrap {
        height: calc(100% - 51.5px - 57px);
        top: 51.5px;
    }
}
@media screen and (max-width: 599px) {
    #main .first_view .container_wrap {
        height: calc(100% - 46px - 51px);
        top: 46px;
    }
}
@media screen and (max-width: 439px) {
    #main .first_view .container_wrap {
        height: calc(100% - 41px - 51px);
        top: 41px;
    }
}
#main .first_view .container_wrap .container {
    max-width: 679px;
    width: 76vw;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
}
@media screen and (max-width: 599px) {
    #main .first_view .container_wrap .container {
        width: 82vw;
    }
}
#main .first_view .container_wrap .container .main {
    opacity: 0;
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
#main .first_view .container_wrap .container .main svg {
    display: inline-block;
    width: 100%;
    height: auto;
}
#main .first_view .container_wrap .container .main.fadeIn {
    -webkit-transition: opacity 1.5s cubic-bezier(0.33, 1, 0.68, 1), -webkit-transform 1.5s cubic-bezier(0.25, 1, 0.5, 1);
    transition: opacity 1.5s cubic-bezier(0.33, 1, 0.68, 1), -webkit-transform 1.5s cubic-bezier(0.25, 1, 0.5, 1);
    transition: opacity 1.5s cubic-bezier(0.33, 1, 0.68, 1), transform 1.5s cubic-bezier(0.25, 1, 0.5, 1);
    transition: opacity 1.5s cubic-bezier(0.33, 1, 0.68, 1), transform 1.5s cubic-bezier(0.25, 1, 0.5, 1), -webkit-transform 1.5s cubic-bezier(0.25, 1, 0.5, 1);
    -webkit-transition-delay: 0.3s;
            transition-delay: 0.3s;
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
}
#main .first_view .container_wrap .container .sub {
    opacity: 0;
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 80px;
    height: 22px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
@media screen and (max-width: 979px) {
    #main .first_view .container_wrap .container .sub {
        margin-top: 8vw;
        height: 20px;
    }
}
@media screen and (max-width: 779px) {
    #main .first_view .container_wrap .container .sub {
        height: 18px;
    }
}
@media screen and (max-width: 599px) {
    #main .first_view .container_wrap .container .sub {
        height: 16px;
    }
}
@media screen and (max-width: 439px) {
    #main .first_view .container_wrap .container .sub {
        height: 12px;
    }
}
#main .first_view .container_wrap .container .sub .sub_content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
#main .first_view .container_wrap .container .sub .sub_content .svg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
#main .first_view .container_wrap .container .sub .sub_content .svg svg {
    width: 100%;
    height: auto;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
#main .first_view .container_wrap .container .sub .sub_content_L {
    max-width: 289px;
    width: 32.3475699558vw;
}
@media screen and (max-width: 599px) {
    #main .first_view .container_wrap .container .sub .sub_content_L {
        width: calc(34.9013254786vw + 0px);
    }
}
@media screen and (max-width: 439px) {
    #main .first_view .container_wrap .container .sub .sub_content_L {
        width: calc(34.9013254786vw + 0px);
    }
}
#main .first_view .container_wrap .container .sub .sub_content_R {
    max-width: 331px;
    width: 37.0486008837vw;
}
@media screen and (max-width: 599px) {
    #main .first_view .container_wrap .container .sub .sub_content_R {
        width: calc(39.9734904271vw + 0px);
    }
}
@media screen and (max-width: 439px) {
    #main .first_view .container_wrap .container .sub .sub_content_R {
        width: calc(39.9734904271vw + 0px);
    }
}
#main .first_view .container_wrap .container .sub .line {
    width: 1px;
    height: 100%;
    background-color: #000;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
#main .first_view .container_wrap .container .sub.fadeIn {
    -webkit-transition: opacity 1.5s cubic-bezier(0.33, 1, 0.68, 1), -webkit-transform 1.5s cubic-bezier(0.25, 1, 0.5, 1);
    transition: opacity 1.5s cubic-bezier(0.33, 1, 0.68, 1), -webkit-transform 1.5s cubic-bezier(0.25, 1, 0.5, 1);
    transition: opacity 1.5s cubic-bezier(0.33, 1, 0.68, 1), transform 1.5s cubic-bezier(0.25, 1, 0.5, 1);
    transition: opacity 1.5s cubic-bezier(0.33, 1, 0.68, 1), transform 1.5s cubic-bezier(0.25, 1, 0.5, 1), -webkit-transform 1.5s cubic-bezier(0.25, 1, 0.5, 1);
    -webkit-transition-delay: 0.5s;
            transition-delay: 0.5s;
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
}
#main .first_view .scroll {
    position: absolute;
    padding-bottom: 20px;
    left: 50%;
    bottom: 20px;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    cursor: pointer;
}
@media screen and (max-width: 1199px) {
    #main .first_view .scroll {
        bottom: 10px;
    }
}
@media screen and (max-width: 599px) {
    #main .first_view .scroll {
        bottom: 0px;
    }
}
#main .first_view .scroll .scroll_container {
    -webkit-transition-delay: 0.8s;
            transition-delay: 0.8s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
#main .first_view .scroll .scroll_container .svg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
#main .first_view .scroll .scroll_container .svg svg {
    width: 44.899px;
}
@media screen and (max-width: 1199px) {
    #main .first_view .scroll .scroll_container .svg svg {
        width: 42.65405px;
    }
}
@media screen and (max-width: 599px) {
    #main .first_view .scroll .scroll_container .svg svg {
        width: 40.4091px;
    }
}
#main .first_view .scroll .scroll_container .arrow {
    opacity: 0;
    margin-top: 11px;
    width: 8px;
    height: 4px;
    position: relative;
    -webkit-animation: arrowOpacity 2s linear 1.8s infinite, arrowMove 2s cubic-bezier(0.25, 1, 0.5, 1) 1.8s infinite;
            animation: arrowOpacity 2s linear 1.8s infinite, arrowMove 2s cubic-bezier(0.25, 1, 0.5, 1) 1.8s infinite;
}
@media screen and (max-width: 1199px) {
    #main .first_view .scroll .scroll_container .arrow {
        margin-top: 10px;
    }
}
@media screen and (max-width: 599px) {
    #main .first_view .scroll .scroll_container .arrow {
        margin-top: 9px;
    }
}
#main .first_view .scroll .scroll_container .arrow svg {
    fill: #000;
    position: absolute;
    top: 0;
}
#main .clients {
    padding: 200px 0;
    position: relative;
}
@media screen and (max-width: 1199px) {
    #main .clients {
        padding: 150px 0;
    }
}
@media screen and (max-width: 599px) {
    #main .clients {
        padding: 100px 0;
    }
}
#main .clients .bg {
    background-color: #fff;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
#main .clients .bg.fadeIn {
    -webkit-transition: background-color 1.5s cubic-bezier(0.36, 0.04, 0.23, 1);
    transition: background-color 1.5s cubic-bezier(0.36, 0.04, 0.23, 1);
    background-color: #aeff86;
}
#main .clients .clients_content .line_title {
    margin-left: auto;
    margin-right: auto;
    width: 1100px;
    position: relative;
}
@media screen and (max-width: 1199px) {
    #main .clients .clients_content .line_title {
        width: 88vw;
    }
}
@media screen and (max-width: 1199px) {
    #main .clients .clients_content .line_title {
        width: 82vw;
    }
}
#main .clients .clients_content .line_title .line {
    opacity: 0;
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
    width: 50%;
    height: 1px;
    position: absolute;
    top: calc(50% - 1.5px);
}
@media screen and (max-width: 1199px) {
    #main .clients .clients_content .line_title .line {
        top: calc(50% - 1.4px);
    }
}
@media screen and (max-width: 599px) {
    #main .clients .clients_content .line_title .line {
        top: calc(50% - 1.3px);
    }
}
#main .clients .clients_content .line_title .line::before {
    content: "";
    display: inline-block;
    background-color: #000;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
}
#main .clients .clients_content .line_title .line_L {
    left: 0;
}
#main .clients .clients_content .line_title .line_L::before {
    left: 85%;
}
#main .clients .clients_content .line_title .line_R {
    right: 0;
}
#main .clients .clients_content .line_title .line_R::before {
    right: 85%;
}
#main .clients .clients_content .line_title .svg {
    display: inline-block;
    padding: 0 15px;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
@media screen and (max-width: 1199px) {
    #main .clients .clients_content .line_title .svg {
        padding: 0 13px;
    }
}
@media screen and (max-width: 599px) {
    #main .clients .clients_content .line_title .svg {
        padding: 0 11px;
    }
}
#main .clients .clients_content .line_title .svg svg {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    opacity: 0;
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
}
@media screen and (max-width: 1199px) {
    #main .clients .clients_content .line_title .svg svg {
        -webkit-transform: translateY(8px);
                transform: translateY(8px);
    }
}
@media screen and (max-width: 599px) {
    #main .clients .clients_content .line_title .svg svg {
        -webkit-transform: translateY(6px);
                transform: translateY(6px);
    }
}
#main .clients .clients_content .line_title.fadeIn .line {
    -webkit-transition: all 1.3s cubic-bezier(0.33, 1, 0.68, 1);
    transition: all 1.3s cubic-bezier(0.33, 1, 0.68, 1);
    opacity: 1;
}
#main .clients .clients_content .line_title.fadeIn .line::before {
    -webkit-transition: all 1.3s cubic-bezier(0.25, 1, 0.5, 1);
    transition: all 1.3s cubic-bezier(0.25, 1, 0.5, 1);
}
#main .clients .clients_content .line_title.fadeIn .line_L::before {
    left: 0;
}
#main .clients .clients_content .line_title.fadeIn .line_R::before {
    right: 0;
}
#main .clients .clients_content .line_title.fadeIn .svg svg {
    -webkit-transition: opacity 1s cubic-bezier(0.33, 1, 0.68, 1), -webkit-transform 1s cubic-bezier(0.25, 1, 0.5, 1);
    transition: opacity 1s cubic-bezier(0.33, 1, 0.68, 1), -webkit-transform 1s cubic-bezier(0.25, 1, 0.5, 1);
    transition: opacity 1s cubic-bezier(0.33, 1, 0.68, 1), transform 1s cubic-bezier(0.25, 1, 0.5, 1);
    transition: opacity 1s cubic-bezier(0.33, 1, 0.68, 1), transform 1s cubic-bezier(0.25, 1, 0.5, 1), -webkit-transform 1s cubic-bezier(0.25, 1, 0.5, 1);
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
}
#main .clients .clients_content .line_title .line {
    width: calc((100% - 30px - 63.65px) / 2);
}
@media screen and (max-width: 1199px) {
    #main .clients .clients_content .line_title .line {
        width: calc((100% - 26px - 60.4675px) / 2);
    }
}
@media screen and (max-width: 599px) {
    #main .clients .clients_content .line_title .line {
        width: calc((100% - 22px - 57.285px) / 2);
    }
}
#main .clients .clients_content .line_title svg {
    width: 63.649px;
    height: auto;
}
@media screen and (max-width: 1199px) {
    #main .clients .clients_content .line_title svg {
        width: 60.46655px;
    }
}
@media screen and (max-width: 599px) {
    #main .clients .clients_content .line_title svg {
        width: 57.2841px;
    }
}
#main .clients .clients_content .content {
    margin-top: 120px;
    margin-left: auto;
    margin-right: auto;
    width: 1100px;
    position: relative;
}
@media screen and (max-width: 1199px) {
    #main .clients .clients_content .content {
        width: 88vw;
    }
}
@media screen and (max-width: 1199px) {
    #main .clients .clients_content .content {
        margin-top: 100px;
        width: 82vw;
    }
}
@media screen and (max-width: 599px) {
    #main .clients .clients_content .content {
        margin-top: 80px;
        margin-left: 35px;
        margin-right: 35px;
        width: auto;
    }
}
#main .clients .clients_content .content .clients_ul {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 300px 100px 300px 100px 300px;
    grid-template-columns: 300px 300px 300px;
    -webkit-column-gap: 100px;
       -moz-column-gap: 100px;
            column-gap: 100px;
    row-gap: 100px;
}
@media screen and (max-width: 1199px) {
    #main .clients .clients_content .content .clients_ul {
        -ms-grid-columns: 1fr 8vw 1fr 8vw 1fr;
        grid-template-columns: 1fr 1fr 1fr;
        -webkit-column-gap: 8vw;
           -moz-column-gap: 8vw;
                column-gap: 8vw;
        row-gap: 80px;
    }
}
@media screen and (max-width: 979px) {
    #main .clients .clients_content .content .clients_ul {
        -ms-grid-columns: 1fr 2vw 1fr;
        grid-template-columns: 1fr 1fr;
        -webkit-column-gap: 2vw;
           -moz-column-gap: 2vw;
                column-gap: 2vw;
    }
}
@media screen and (max-width: 779px) {
    #main .clients .clients_content .content .clients_ul {
        -webkit-column-gap: 4vw;
           -moz-column-gap: 4vw;
                column-gap: 4vw;
    }
}
@media screen and (max-width: 599px) {
    #main .clients .clients_content .content .clients_ul {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        row-gap: 60px;
    }
}
#main .clients .clients_content .content .clients_ul .clients_li {
    opacity: 0;
    -webkit-transform: translateY(18px);
            transform: translateY(18px);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
#main .clients .clients_content .content .clients_ul .clients_li a {
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
#main .clients .clients_content .content .clients_ul .clients_li a .title svg {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    display: inline-block;
    height: auto;
}
#main .clients .clients_content .content .clients_ul .clients_li a .icon {
    margin-top: 20px;
    height: 15px;
}
@media screen and (max-width: 1199px) {
    #main .clients .clients_content .content .clients_ul .clients_li a .icon {
        margin-top: 18px;
        height: 14.25px;
    }
}
@media screen and (max-width: 599px) {
    #main .clients .clients_content .content .clients_ul .clients_li a .icon {
        margin-top: 16px;
        height: 13.5px;
    }
}
#main .clients .clients_content .content .clients_ul .clients_li a .icon svg {
    width: 15px;
    height: auto;
    height: auto;
}
@media screen and (max-width: 1199px) {
    #main .clients .clients_content .content .clients_ul .clients_li a .icon svg {
        width: 14.25px;
    }
}
@media screen and (max-width: 599px) {
    #main .clients .clients_content .content .clients_ul .clients_li a .icon svg {
        width: 13.5px;
    }
}
#main .clients .clients_content .content .clients_ul .clients_li a .icon svg .st0 {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    fill: none;
    stroke: #000000;
    stroke-linecap: round;
    stroke-linejoin: round;
}
#main .clients .clients_content .content .clients_ul .clients_li a:hover .title svg {
    fill: #666;
}
@media screen and (max-width: 979px) {
    #main .clients .clients_content .content .clients_ul .clients_li a:hover .title svg {
        fill: #000;
    }
}
#main .clients .clients_content .content .clients_ul .clients_li a:hover .icon svg .st0 {
    stroke: #666;
}
@media screen and (max-width: 979px) {
    #main .clients .clients_content .content .clients_ul .clients_li a:hover .icon svg .st0 {
        stroke: #000;
    }
}
#main .clients .clients_content .content .clients_ul .clients_li:nth-of-type(3n + 2) {
    -webkit-transition-delay: 0.2s;
            transition-delay: 0.2s;
}
@media screen and (max-width: 979px) {
    #main .clients .clients_content .content .clients_ul .clients_li:nth-of-type(3n + 2) {
        -webkit-transition-delay: 0s;
                transition-delay: 0s;
    }
}
#main .clients .clients_content .content .clients_ul .clients_li:nth-of-type(3n + 3) {
    -webkit-transition-delay: 0.4s;
            transition-delay: 0.4s;
}
@media screen and (max-width: 979px) {
    #main .clients .clients_content .content .clients_ul .clients_li:nth-of-type(3n + 3) {
        -webkit-transition-delay: 0s;
                transition-delay: 0s;
    }
}
@media screen and (max-width: 979px) {
    #main .clients .clients_content .content .clients_ul .clients_li:nth-of-type(2n) {
        -webkit-transition-delay: 0.2s;
                transition-delay: 0.2s;
    }
}
@media screen and (max-width: 599px) {
    #main .clients .clients_content .content .clients_ul .clients_li:nth-of-type(2n) {
        -webkit-transition-delay: 0s;
                transition-delay: 0s;
    }
}
#main .clients .clients_content .content .clients_ul .clients_li:nth-of-type(1) .title svg {
    width: 129.599px;
}
@media screen and (max-width: 1199px) {
    #main .clients .clients_content .content .clients_ul .clients_li:nth-of-type(1) .title svg {
        width: 123.11905px;
    }
}
@media screen and (max-width: 599px) {
    #main .clients .clients_content .content .clients_ul .clients_li:nth-of-type(1) .title svg {
        width: 116.6391px;
    }
}
#main .clients .clients_content .content .clients_ul .clients_li:nth-of-type(2) .title svg {
    width: 62.992px;
}
@media screen and (max-width: 1199px) {
    #main .clients .clients_content .content .clients_ul .clients_li:nth-of-type(2) .title svg {
        width: 59.8424px;
    }
}
@media screen and (max-width: 599px) {
    #main .clients .clients_content .content .clients_ul .clients_li:nth-of-type(2) .title svg {
        width: 56.6928px;
    }
}
#main .clients .clients_content .content .clients_ul .clients_li:nth-of-type(3) .title svg {
    width: 70.2px;
}
@media screen and (max-width: 1199px) {
    #main .clients .clients_content .content .clients_ul .clients_li:nth-of-type(3) .title svg {
        width: 66.69px;
    }
}
@media screen and (max-width: 599px) {
    #main .clients .clients_content .content .clients_ul .clients_li:nth-of-type(3) .title svg {
        width: 63.18px;
    }
}
#main .clients .clients_content .content .clients_ul .clients_li:nth-of-type(4) .title svg {
    width: 187.446px;
}
@media screen and (max-width: 1199px) {
    #main .clients .clients_content .content .clients_ul .clients_li:nth-of-type(4) .title svg {
        width: 178.0737px;
    }
}
@media screen and (max-width: 599px) {
    #main .clients .clients_content .content .clients_ul .clients_li:nth-of-type(4) .title svg {
        width: 168.7014px;
    }
}
#main .clients .clients_content .content .clients_ul .clients_li:nth-of-type(5) .title svg {
    width: 229.901px;
}
@media screen and (max-width: 1199px) {
    #main .clients .clients_content .content .clients_ul .clients_li:nth-of-type(5) .title svg {
        width: 218.40595px;
    }
}
@media screen and (max-width: 599px) {
    #main .clients .clients_content .content .clients_ul .clients_li:nth-of-type(5) .title svg {
        width: 206.9109px;
    }
}
#main .clients .clients_content .content .clients_ul .clients_li:nth-of-type(6) .title svg {
    width: 160.785px;
}
@media screen and (max-width: 1199px) {
    #main .clients .clients_content .content .clients_ul .clients_li:nth-of-type(6) .title svg {
        width: 152.74575px;
    }
}
@media screen and (max-width: 599px) {
    #main .clients .clients_content .content .clients_ul .clients_li:nth-of-type(6) .title svg {
        width: 144.7065px;
    }
}
#main .clients .clients_content .content .clients_ul .clients_li:nth-of-type(7) .title svg {
    width: 121.924px;
}
@media screen and (max-width: 1199px) {
    #main .clients .clients_content .content .clients_ul .clients_li:nth-of-type(7) .title svg {
        width: 115.8278px;
    }
}
@media screen and (max-width: 599px) {
    #main .clients .clients_content .content .clients_ul .clients_li:nth-of-type(7) .title svg {
        width: 109.7316px;
    }
}
#main .clients .clients_content .content .clients_ul .clients_li:nth-of-type(8) .title svg {
    width: 165.4px;
}
@media screen and (max-width: 1199px) {
    #main .clients .clients_content .content .clients_ul .clients_li:nth-of-type(8) .title svg {
        width: 157.13px;
    }
}
@media screen and (max-width: 599px) {
    #main .clients .clients_content .content .clients_ul .clients_li:nth-of-type(8) .title svg {
        width: 148.86px;
    }
}
#main .clients .clients_content .content .clients_ul .clients_li:nth-of-type(9) .title svg {
    width: 135.508px;
}
@media screen and (max-width: 1199px) {
    #main .clients .clients_content .content .clients_ul .clients_li:nth-of-type(9) .title svg {
        width: 128.7326px;
    }
}
@media screen and (max-width: 599px) {
    #main .clients .clients_content .content .clients_ul .clients_li:nth-of-type(9) .title svg {
        width: 121.9572px;
    }
}
#main .clients .clients_content .content .others {
    opacity: 0;
    -webkit-transform: translateY(20px);
            transform: translateY(20px);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 120px;
}
@media screen and (max-width: 1199px) {
    #main .clients .clients_content .content .others {
        margin-top: 100px;
    }
}
@media screen and (max-width: 599px) {
    #main .clients .clients_content .content .others {
        margin-top: 80px;
    }
}
#main .clients .clients_content .content .others svg {
    width: 111.336px;
}
@media screen and (max-width: 1199px) {
    #main .clients .clients_content .content .others svg {
        width: 105.7692px;
    }
}
@media screen and (max-width: 599px) {
    #main .clients .clients_content .content .others svg {
        width: 100.2024px;
    }
}
#main .clients .clients_content.fadeIn .line_title .line {
    -webkit-transition: all 1.3s cubic-bezier(0.33, 1, 0.68, 1);
    transition: all 1.3s cubic-bezier(0.33, 1, 0.68, 1);
    opacity: 1;
}
#main .clients .clients_content.fadeIn .line_title .line::before {
    -webkit-transition: all 1.3s cubic-bezier(0.25, 1, 0.5, 1);
    transition: all 1.3s cubic-bezier(0.25, 1, 0.5, 1);
}
#main .clients .clients_content.fadeIn .line_title .line_L::before {
    left: 0;
}
#main .clients .clients_content.fadeIn .line_title .line_R::before {
    right: 0;
}
#main .clients .clients_content.fadeIn .line_title .svg svg {
    -webkit-transition: opacity 1s cubic-bezier(0.33, 1, 0.68, 1), -webkit-transform 1s cubic-bezier(0.25, 1, 0.5, 1);
    transition: opacity 1s cubic-bezier(0.33, 1, 0.68, 1), -webkit-transform 1s cubic-bezier(0.25, 1, 0.5, 1);
    transition: opacity 1s cubic-bezier(0.33, 1, 0.68, 1), transform 1s cubic-bezier(0.25, 1, 0.5, 1);
    transition: opacity 1s cubic-bezier(0.33, 1, 0.68, 1), transform 1s cubic-bezier(0.25, 1, 0.5, 1), -webkit-transform 1s cubic-bezier(0.25, 1, 0.5, 1);
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
}
#main .clients .clients_content.fadeIn .content .clients_ul .clients_li {
    -webkit-transition: opacity 1s cubic-bezier(0.33, 1, 0.68, 1), -webkit-transform 1s cubic-bezier(0.25, 1, 0.5, 1);
    transition: opacity 1s cubic-bezier(0.33, 1, 0.68, 1), -webkit-transform 1s cubic-bezier(0.25, 1, 0.5, 1);
    transition: opacity 1s cubic-bezier(0.33, 1, 0.68, 1), transform 1s cubic-bezier(0.25, 1, 0.5, 1);
    transition: opacity 1s cubic-bezier(0.33, 1, 0.68, 1), transform 1s cubic-bezier(0.25, 1, 0.5, 1), -webkit-transform 1s cubic-bezier(0.25, 1, 0.5, 1);
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
}
#main .clients .clients_content.fadeIn .content .clients_ul .clients_li:nth-of-type(1) {
    -webkit-transition-delay: calc(0.3s + 0.15s * 0);
            transition-delay: calc(0.3s + 0.15s * 0);
}
#main .clients .clients_content.fadeIn .content .clients_ul .clients_li:nth-of-type(2) {
    -webkit-transition-delay: calc(0.3s + 0.15s * 1);
            transition-delay: calc(0.3s + 0.15s * 1);
}
#main .clients .clients_content.fadeIn .content .clients_ul .clients_li:nth-of-type(3) {
    -webkit-transition-delay: calc(0.3s + 0.15s * 2);
            transition-delay: calc(0.3s + 0.15s * 2);
}
#main .clients .clients_content.fadeIn .content .clients_ul .clients_li:nth-of-type(4) {
    -webkit-transition-delay: calc(0.3s + 0.15s * 3);
            transition-delay: calc(0.3s + 0.15s * 3);
}
#main .clients .clients_content.fadeIn .content .clients_ul .clients_li:nth-of-type(5) {
    -webkit-transition-delay: calc(0.3s + 0.15s * 4);
            transition-delay: calc(0.3s + 0.15s * 4);
}
#main .clients .clients_content.fadeIn .content .clients_ul .clients_li:nth-of-type(6) {
    -webkit-transition-delay: calc(0.3s + 0.15s * 5);
            transition-delay: calc(0.3s + 0.15s * 5);
}
#main .clients .clients_content.fadeIn .content .clients_ul .clients_li:nth-of-type(7) {
    -webkit-transition-delay: calc(0.3s + 0.15s * 6);
            transition-delay: calc(0.3s + 0.15s * 6);
}
#main .clients .clients_content.fadeIn .content .clients_ul .clients_li:nth-of-type(8) {
    -webkit-transition-delay: calc(0.3s + 0.15s * 7);
            transition-delay: calc(0.3s + 0.15s * 7);
}
#main .clients .clients_content.fadeIn .content .clients_ul .clients_li:nth-of-type(9) {
    -webkit-transition-delay: calc(0.3s + 0.15s * 8);
            transition-delay: calc(0.3s + 0.15s * 8);
}
#main .clients .clients_content.fadeIn .content .others {
    -webkit-transition: opacity 1s cubic-bezier(0.33, 1, 0.68, 1), -webkit-transform 1s cubic-bezier(0.25, 1, 0.5, 1);
    transition: opacity 1s cubic-bezier(0.33, 1, 0.68, 1), -webkit-transform 1s cubic-bezier(0.25, 1, 0.5, 1);
    transition: opacity 1s cubic-bezier(0.33, 1, 0.68, 1), transform 1s cubic-bezier(0.25, 1, 0.5, 1);
    transition: opacity 1s cubic-bezier(0.33, 1, 0.68, 1), transform 1s cubic-bezier(0.25, 1, 0.5, 1), -webkit-transform 1s cubic-bezier(0.25, 1, 0.5, 1);
    -webkit-transition-delay: 1.65s;
            transition-delay: 1.65s;
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
}
#main .info {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 50px 1fr 50px 570px;
    grid-template-columns: 1fr 1fr 570px;
    -webkit-column-gap: 50px;
       -moz-column-gap: 50px;
            column-gap: 50px;
    margin-top: 200px;
    margin-left: auto;
    margin-right: auto;
    width: 1100px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
@media screen and (max-width: 1199px) {
    #main .info {
        width: 88vw;
    }
}
@media screen and (max-width: 1199px) {
    #main .info {
        -ms-grid-columns: 1fr 4vw 1fr 4vw 497px;
        grid-template-columns: 1fr 1fr 497px;
        -webkit-column-gap: 4vw;
           -moz-column-gap: 4vw;
                column-gap: 4vw;
        margin-top: 150px;
    }
}
@media screen and (max-width: 979px) {
    #main .info {
        -ms-grid-columns: 1fr 4vw 1fr;
        grid-template-columns: 1fr 1fr;
        -webkit-column-gap: 4vw;
           -moz-column-gap: 4vw;
                column-gap: 4vw;
        row-gap: 70px;
    }
}
@media screen and (max-width: 599px) {
    #main .info {
        -webkit-column-gap: 25px;
           -moz-column-gap: 25px;
                column-gap: 25px;
        row-gap: 50px;
        margin-top: 100px;
        margin-left: 35px;
        margin-right: 35px;
        width: auto;
    }
}
#main .info .info_box {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
#main .info .info_box .head {
    opacity: 0;
    -webkit-transform: translateY(10px);
            transform: translateY(10px);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
#main .info .info_box .head .svg {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
#main .info .info_box .head .svg svg {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
#main .info .info_box .line {
    margin-top: 10px;
    width: 100%;
    height: 1px;
    position: relative;
}
@media screen and (max-width: 1199px) {
    #main .info .info_box .line {
        margin-top: 8px;
    }
}
@media screen and (max-width: 599px) {
    #main .info .info_box .line {
        margin-top: 6px;
    }
}
#main .info .info_box .line::before {
    opacity: 0;
    content: "";
    display: inline-block;
    background-color: #000;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 80%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
#main .info .info_box .body {
    margin-top: 30px;
}
@media screen and (max-width: 1199px) {
    #main .info .info_box .body {
        margin-top: 25px;
    }
}
@media screen and (max-width: 599px) {
    #main .info .info_box .body {
        margin-top: 20px;
    }
}
#main .info .info_box .body .content {
    opacity: 0;
    -webkit-transform: translateY(13px);
            transform: translateY(13px);
    margin-top: 25px;
    height: 16px;
}
@media screen and (max-width: 1199px) {
    #main .info .info_box .body .content {
        height: 14px;
    }
}
@media screen and (max-width: 599px) {
    #main .info .info_box .body .content {
        height: auto;
    }
}
#main .info .info_box .body .content a {
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
}
#main .info .info_box .body .content a .icon svg .st0 {
    -webkit-transition: stroke 0.3s;
    transition: stroke 0.3s;
}
#main .info .info_box .body .content a .svg svg {
    -webkit-transition: fill 0.3s;
    transition: fill 0.3s;
}
#main .info .info_box .body .content a:hover .icon svg .st0 {
    stroke: #666;
}
@media screen and (max-width: 979px) {
    #main .info .info_box .body .content a:hover .icon svg .st0 {
        stroke: #000;
    }
}
#main .info .info_box .body .content a:hover .svg svg {
    fill: #666;
}
@media screen and (max-width: 979px) {
    #main .info .info_box .body .content a:hover .svg svg {
        fill: #000;
    }
}
#main .info .info_box .body .content .icon {
    width: 20px;
    height: 16px;
}
@media screen and (max-width: 1199px) {
    #main .info .info_box .body .content .icon {
        width: 19px;
    }
}
@media screen and (max-width: 599px) {
    #main .info .info_box .body .content .icon {
        width: 18px;
    }
}
#main .info .info_box .body .content .icon svg .st0 {
    fill: none;
    stroke: #000000;
    stroke-linecap: round;
    stroke-linejoin: round;
}
@media screen and (max-width: 599px) {
    #main .info .info_box .body .content_address_pc {
        display: none;
    }
}
#main .info .info_box .body .content_address_mb {
    display: none;
}
@media screen and (max-width: 599px) {
    #main .info .info_box .body .content_address_mb {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
    }
}
#main .info .info_box .body .content_address_mb .svg:nth-of-type(2) {
    margin-top: 8px;
}
@media screen and (max-width: 1199px) {
    #main .info .info_box .body .content_address_mb .svg:nth-of-type(2) {
        margin-top: 7px;
    }
}
@media screen and (max-width: 599px) {
    #main .info .info_box .body .content_address_mb .svg:nth-of-type(2) {
        margin-top: 6px;
    }
}
#main .info .info_box .body .content_tel .content_tel_container {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 20px 15px 1fr;
    grid-template-columns: 20px 1fr;
    -webkit-column-gap: 15px;
       -moz-column-gap: 15px;
            column-gap: 15px;
}
@media screen and (max-width: 1199px) {
    #main .info .info_box .body .content_tel .content_tel_container {
        -ms-grid-columns: 19px 14px 1fr;
        grid-template-columns: 19px 1fr;
        -webkit-column-gap: 14px;
           -moz-column-gap: 14px;
                column-gap: 14px;
    }
}
@media screen and (max-width: 599px) {
    #main .info .info_box .body .content_tel .content_tel_container {
        -ms-grid-columns: 18px 13px 1fr;
        grid-template-columns: 18px 1fr;
        -webkit-column-gap: 13px;
           -moz-column-gap: 13px;
                column-gap: 13px;
    }
}
#main .info .info_box .body .content_tel .content_tel_container .svg svg {
    position: relative;
    top: 1px;
}
@media screen and (max-width: 599px) {
    #main .info .info_box .body .content_tel .content_tel_container .svg svg {
        top: 2px;
    }
}
#main .info .info_box .body .content_mail a {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 20px 15px 1fr;
    grid-template-columns: 20px 1fr;
    -webkit-column-gap: 15px;
       -moz-column-gap: 15px;
            column-gap: 15px;
}
@media screen and (max-width: 1199px) {
    #main .info .info_box .body .content_mail a {
        -ms-grid-columns: 19px 14px 1fr;
        grid-template-columns: 19px 1fr;
        -webkit-column-gap: 14px;
           -moz-column-gap: 14px;
                column-gap: 14px;
    }
}
@media screen and (max-width: 599px) {
    #main .info .info_box .body .content_mail a {
        -ms-grid-columns: 18px 13px 1fr;
        grid-template-columns: 18px 1fr;
        -webkit-column-gap: 13px;
           -moz-column-gap: 13px;
                column-gap: 13px;
    }
}
#main .info .info_box .body .content_mail a .icon svg {
    position: relative;
    left: 1px;
    top: 1.5px;
}
#main .info .info_box .body .content_mail a .svg {
    display: inline-block;
}
#main .info .info_box .body .content_mail a .svg svg {
    position: relative;
    top: 2px;
}
@media screen and (max-width: 599px) {
    #main .info .info_box .body .content_mail a .svg svg {
        top: 2.5px;
    }
}
#main .info .info_box.fadeIn .head {
    -webkit-transition: opacity 1s cubic-bezier(0.33, 1, 0.68, 1), -webkit-transform 1s cubic-bezier(0.25, 1, 0.5, 1);
    transition: opacity 1s cubic-bezier(0.33, 1, 0.68, 1), -webkit-transform 1s cubic-bezier(0.25, 1, 0.5, 1);
    transition: opacity 1s cubic-bezier(0.33, 1, 0.68, 1), transform 1s cubic-bezier(0.25, 1, 0.5, 1);
    transition: opacity 1s cubic-bezier(0.33, 1, 0.68, 1), transform 1s cubic-bezier(0.25, 1, 0.5, 1), -webkit-transform 1s cubic-bezier(0.25, 1, 0.5, 1);
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
}
#main .info .info_box.fadeIn .line::before {
    -webkit-transition: opacity 1s cubic-bezier(0.33, 1, 0.68, 1), right 1s cubic-bezier(0.25, 1, 0.5, 1);
    transition: opacity 1s cubic-bezier(0.33, 1, 0.68, 1), right 1s cubic-bezier(0.25, 1, 0.5, 1);
    opacity: 1;
    right: 0;
}
#main .info .info_box.fadeIn .body .content {
    -webkit-transition: opacity 1s cubic-bezier(0.33, 1, 0.68, 1), -webkit-transform 1s cubic-bezier(0.25, 1, 0.5, 1);
    transition: opacity 1s cubic-bezier(0.33, 1, 0.68, 1), -webkit-transform 1s cubic-bezier(0.25, 1, 0.5, 1);
    transition: opacity 1s cubic-bezier(0.33, 1, 0.68, 1), transform 1s cubic-bezier(0.25, 1, 0.5, 1);
    transition: opacity 1s cubic-bezier(0.33, 1, 0.68, 1), transform 1s cubic-bezier(0.25, 1, 0.5, 1), -webkit-transform 1s cubic-bezier(0.25, 1, 0.5, 1);
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
}
@media screen and (max-width: 979px) {
    #main .info .info_box_established {
        -ms-grid-column: 1;
        -ms-grid-column-span: 1;
        grid-column: 1/2;
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        grid-row: 1/2;
    }
}
#main .info .info_box_established .head svg {
    width: 100.06px;
}
@media screen and (max-width: 1199px) {
    #main .info .info_box_established .head svg {
        width: 95.057px;
    }
}
@media screen and (max-width: 599px) {
    #main .info .info_box_established .head svg {
        width: 90.054px;
    }
}
#main .info .info_box_established .body .content .svg svg {
    width: 98.474px;
}
@media screen and (max-width: 1199px) {
    #main .info .info_box_established .body .content .svg svg {
        width: 93.5503px;
    }
}
@media screen and (max-width: 599px) {
    #main .info .info_box_established .body .content .svg svg {
        width: 88.6266px;
    }
}
@media screen and (max-width: 979px) {
    #main .info .info_box_founder {
        -ms-grid-column: 2;
        -ms-grid-column-span: 1;
        grid-column: 2/3;
        -ms-grid-row: 1;
        -ms-grid-row-span: 1;
        grid-row: 1/2;
    }
}
#main .info .info_box_founder .head svg {
    width: 70.453px;
}
@media screen and (max-width: 1199px) {
    #main .info .info_box_founder .head svg {
        width: 66.93035px;
    }
}
@media screen and (max-width: 599px) {
    #main .info .info_box_founder .head svg {
        width: 63.4077px;
    }
}
#main .info .info_box_founder .body .content .svg svg {
    width: 85.378px;
}
@media screen and (max-width: 1199px) {
    #main .info .info_box_founder .body .content .svg svg {
        width: 81.1091px;
    }
}
@media screen and (max-width: 599px) {
    #main .info .info_box_founder .body .content .svg svg {
        width: 76.8402px;
    }
}
#main .info .info_box_contact {
    margin-left: 47px;
}
@media screen and (max-width: 1199px) {
    #main .info .info_box_contact {
        margin-left: 0;
    }
}
@media screen and (max-width: 979px) {
    #main .info .info_box_contact {
        -ms-grid-column: 1;
        -ms-grid-column-span: 2;
        grid-column: 1/3;
        -ms-grid-row: 2;
        -ms-grid-row-span: 1;
        grid-row: 2/3;
        margin-left: 0;
    }
}
#main .info .info_box_contact .head svg {
    width: 76.023px;
}
@media screen and (max-width: 1199px) {
    #main .info .info_box_contact .head svg {
        width: 72.22185px;
    }
}
@media screen and (max-width: 599px) {
    #main .info .info_box_contact .head svg {
        width: 68.4207px;
    }
}
#main .info .info_box_contact .line::before {
    right: 40%;
}
#main .info .info_box_contact .body .content_address_pc .svg svg {
    width: 522.696px;
}
@media screen and (max-width: 1199px) {
    #main .info .info_box_contact .body .content_address_pc .svg svg {
        width: 496.5612px;
    }
}
@media screen and (max-width: 599px) {
    #main .info .info_box_contact .body .content_address_pc .svg svg {
        width: 470.4264px;
    }
}
#main .info .info_box_contact .body .content_address_mb .svg svg:nth-of-type(1) {
    width: 257.1px;
}
@media screen and (max-width: 1199px) {
    #main .info .info_box_contact .body .content_address_mb .svg svg:nth-of-type(1) {
        width: 244.245px;
    }
}
@media screen and (max-width: 599px) {
    #main .info .info_box_contact .body .content_address_mb .svg svg:nth-of-type(1) {
        width: 231.39px;
    }
}
#main .info .info_box_contact .body .content_address_mb .svg svg:nth-of-type(2) {
    width: 259.267px;
}
@media screen and (max-width: 1199px) {
    #main .info .info_box_contact .body .content_address_mb .svg svg:nth-of-type(2) {
        width: 246.30365px;
    }
}
@media screen and (max-width: 599px) {
    #main .info .info_box_contact .body .content_address_mb .svg svg:nth-of-type(2) {
        width: 233.3403px;
    }
}
#main .info .info_box_contact .body .content_tel .icon svg {
    width: 20px;
}
@media screen and (max-width: 1199px) {
    #main .info .info_box_contact .body .content_tel .icon svg {
        width: 19px;
    }
}
@media screen and (max-width: 599px) {
    #main .info .info_box_contact .body .content_tel .icon svg {
        width: 18px;
    }
}
#main .info .info_box_contact .body .content_tel .svg svg {
    width: 141.887px;
}
@media screen and (max-width: 1199px) {
    #main .info .info_box_contact .body .content_tel .svg svg {
        width: 134.79265px;
    }
}
@media screen and (max-width: 599px) {
    #main .info .info_box_contact .body .content_tel .svg svg {
        width: 127.6983px;
    }
}
#main .info .info_box_contact .body .content_mail .icon svg {
    width: 18px;
}
@media screen and (max-width: 1199px) {
    #main .info .info_box_contact .body .content_mail .icon svg {
        width: 17.1px;
    }
}
@media screen and (max-width: 599px) {
    #main .info .info_box_contact .body .content_mail .icon svg {
        width: 16.2px;
    }
}
#main .info .info_box_contact .body .content_mail .svg svg {
    width: 227.821px;
}
@media screen and (max-width: 1199px) {
    #main .info .info_box_contact .body .content_mail .svg svg {
        width: 216.42995px;
    }
}
@media screen and (max-width: 599px) {
    #main .info .info_box_contact .body .content_mail .svg svg {
        width: 205.0389px;
    }
}
#main .info .info_box_established.fadeIn .head {
    -webkit-transition-delay: 0.2s;
            transition-delay: 0.2s;
}
#main .info .info_box_established.fadeIn .line::before {
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
}
#main .info .info_box_established.fadeIn .body .content {
    -webkit-transition-delay: 0.4s;
            transition-delay: 0.4s;
}
#main .info .info_box_founder.fadeIn .head {
    -webkit-transition-delay: 0.4s;
            transition-delay: 0.4s;
}
@media screen and (max-width: 979px) {
    #main .info .info_box_founder.fadeIn .head {
        -webkit-transition-delay: 0.2s;
                transition-delay: 0.2s;
    }
}
#main .info .info_box_founder.fadeIn .line::before {
    -webkit-transition-delay: 0.2s;
            transition-delay: 0.2s;
}
@media screen and (max-width: 979px) {
    #main .info .info_box_founder.fadeIn .line::before {
        -webkit-transition-delay: 0s;
                transition-delay: 0s;
    }
}
#main .info .info_box_founder.fadeIn .body .content {
    -webkit-transition-delay: 0.6s;
            transition-delay: 0.6s;
}
@media screen and (max-width: 979px) {
    #main .info .info_box_founder.fadeIn .body .content {
        -webkit-transition-delay: 0.4s;
                transition-delay: 0.4s;
    }
}
#main .info .info_box_contact.fadeIn .head {
    -webkit-transition-delay: 0.6s;
            transition-delay: 0.6s;
}
@media screen and (max-width: 979px) {
    #main .info .info_box_contact.fadeIn .head {
        -webkit-transition-delay: 0.4s;
                transition-delay: 0.4s;
    }
}
#main .info .info_box_contact.fadeIn .line::before {
    -webkit-transition-delay: 0.4s;
            transition-delay: 0.4s;
}
@media screen and (max-width: 979px) {
    #main .info .info_box_contact.fadeIn .line::before {
        -webkit-transition-delay: 0.2s;
                transition-delay: 0.2s;
    }
}
#main .info .info_box_contact.fadeIn .body .content_address {
    -webkit-transition-delay: 0.8s;
            transition-delay: 0.8s;
}
@media screen and (max-width: 979px) {
    #main .info .info_box_contact.fadeIn .body .content_address {
        -webkit-transition-delay: 0.6s;
                transition-delay: 0.6s;
    }
}
#main .info .info_box_contact.fadeIn .body .content_tel {
    -webkit-transition-delay: 1s;
            transition-delay: 1s;
}
@media screen and (max-width: 979px) {
    #main .info .info_box_contact.fadeIn .body .content_tel {
        -webkit-transition-delay: 0.8s;
                transition-delay: 0.8s;
    }
}
#main .info .info_box_contact.fadeIn .body .content_mail {
    -webkit-transition-delay: 1.2s;
            transition-delay: 1.2s;
}
@media screen and (max-width: 979px) {
    #main .info .info_box_contact.fadeIn .body .content_mail {
        -webkit-transition-delay: 1s;
                transition-delay: 1s;
    }
}

@-webkit-keyframes arrowOpacity {
    0% {
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    15% {
        opacity: 1;
    }
    40% {
        opacity: 0;
    }
}

@keyframes arrowOpacity {
    0% {
        opacity: 0;
    }
    10% {
        opacity: 1;
    }
    15% {
        opacity: 1;
    }
    40% {
        opacity: 0;
    }
}
@-webkit-keyframes arrowMove {
    0% {
        -webkit-transform: translateY(0px);
                transform: translateY(0px);
    }
    40% {
        -webkit-transform: translateY(7px);
                transform: translateY(7px);
    }
}
@keyframes arrowMove {
    0% {
        -webkit-transform: translateY(0px);
                transform: translateY(0px);
    }
    40% {
        -webkit-transform: translateY(7px);
                transform: translateY(7px);
    }
}
@-webkit-keyframes opacityIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes opacityIn {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@-webkit-keyframes transformUp {
    0% {
        top: 20px;
    }
    100% {
        top: 0px;
    }
}
@keyframes transformUp {
    0% {
        top: 20px;
    }
    100% {
        top: 0px;
    }
}
/*# sourceMappingURL=style.css.map */