[class^="company-sec"] {
    margin-bottom: 100px
}

@media screen and (min-width: 992px) {
    [class^="company-sec"] {
        margin-bottom:12.51043vw
    }
}

@media screen and (min-width: 1200px) {
    [class^="company-sec"] {
        margin-bottom:150px
    }
}

[class^="company-sec"] .title-st1 {
    margin-bottom: 20px;
    font-size: 26px;
    font-weight: 600;
    line-height: 1.46;
    color: var(--indigo)
}

@media screen and (min-width: 992px) {
    [class^="company-sec"] .title-st1 {
        font-size:2.8768vw
    }
}

@media screen and (min-width: 1600px) {
    [class^="company-sec"] .title-st1 {
        font-size:46px
    }
}

@media screen and (min-width: 992px) {
    [class^="company-sec"] .title-st1 {
        margin-bottom:2.50156vw;
        line-height: 1.41
    }
}

@media screen and (min-width: 1600px) {
    [class^="company-sec"] .title-st1 {
        margin-bottom:40px
    }
}

[class^="company-sec"] .desc-st1 {
    font-size: 15px;
    line-height: 1.6;
    color: var(--lightindigo)
}

@media screen and (min-width: 768px) {
    [class^="company-sec"] .desc-st1 {
        font-size:2.01816vw
    }
}

@media screen and (min-width: 992px) {
    [class^="company-sec"] .desc-st1 {
        font-size:20px
    }
}

@media screen and (min-width: 992px) {
    .company-sec-1 {
        margin-bottom:15.01251vw
    }
}

@media screen and (min-width: 1200px) {
    .company-sec-1 {
        margin-bottom:180px
    }
}

.company-sec-1 .visual-list .item {
    display: flex;
    flex-direction: column;
    align-items: center
}

@media screen and (min-width: 992px) {
    .company-sec-1 .visual-list .item {
        display:grid;
        grid-template-columns: 14.61% auto 45.45%;
        column-gap: 10px;
        padding: 0 1.87617vw
    }
}

@media screen and (min-width: 1600px) {
    .company-sec-1 .visual-list .item {
        padding:0 30px
    }
}

@media screen and (min-width: 992px) {
    .company-sec-1 .visual-list .item:nth-child(1) {
        column-gap:60px
    }

    .company-sec-1 .visual-list .item:nth-child(1) .img-wrap.aniOn::after {
        animation-delay: .1s
    }

    .company-sec-1 .visual-list .item:nth-child(1) .img-wrap.aniOn .img {
        animation-delay: .36s
    }
}

@media screen and (min-width: 992px) {
    .company-sec-1 .visual-list .item:nth-child(2) {
        column-gap:60px
    }

    .company-sec-1 .visual-list .item:nth-child(2) .img-wrap.aniOn::after {
        animation-delay: .2s
    }

    .company-sec-1 .visual-list .item:nth-child(2) .img-wrap.aniOn .img {
        animation-delay: .46s
    }
}

@media screen and (min-width: 992px) {
    .company-sec-1 .visual-list .item:nth-child(3) {
        column-gap:60px
    }

    .company-sec-1 .visual-list .item:nth-child(3) .img-wrap.aniOn::after {
        animation-delay: .3s
    }

    .company-sec-1 .visual-list .item:nth-child(3) .img-wrap.aniOn .img {
        animation-delay: .56s
    }
}

@media screen and (min-width: 992px) {
    .company-sec-1 .visual-list .item:nth-child(4) {
        column-gap:60px
    }

    .company-sec-1 .visual-list .item:nth-child(4) .img-wrap.aniOn::after {
        animation-delay: .4s
    }

    .company-sec-1 .visual-list .item:nth-child(4) .img-wrap.aniOn .img {
        animation-delay: .66s
    }
}

@media screen and (min-width: 992px) {
    .company-sec-1 .visual-list .item:nth-child(5) {
        column-gap:60px
    }

    .company-sec-1 .visual-list .item:nth-child(5) .img-wrap.aniOn::after {
        animation-delay: .5s
    }

    .company-sec-1 .visual-list .item:nth-child(5) .img-wrap.aniOn .img {
        animation-delay: .76s
    }
}

@media screen and (min-width: 992px) {
    .company-sec-1 .visual-list .item:nth-child(6) {
        column-gap:60px
    }

    .company-sec-1 .visual-list .item:nth-child(6) .img-wrap.aniOn::after {
        animation-delay: .6s
    }

    .company-sec-1 .visual-list .item:nth-child(6) .img-wrap.aniOn .img {
        animation-delay: .86s
    }
}

@media screen and (min-width: 992px) {
    .company-sec-1 .visual-list .item:nth-child(7) {
        column-gap:60px
    }

    .company-sec-1 .visual-list .item:nth-child(7) .img-wrap.aniOn::after {
        animation-delay: .7s
    }

    .company-sec-1 .visual-list .item:nth-child(7) .img-wrap.aniOn .img {
        animation-delay: .96s
    }
}

@media screen and (min-width: 992px) {
    .company-sec-1 .visual-list .item:nth-child(8) {
        column-gap:60px
    }

    .company-sec-1 .visual-list .item:nth-child(8) .img-wrap.aniOn::after {
        animation-delay: .8s
    }

    .company-sec-1 .visual-list .item:nth-child(8) .img-wrap.aniOn .img {
        animation-delay: 1.06s
    }
}

@media screen and (min-width: 992px) {
    .company-sec-1 .visual-list .item:nth-child(9) {
        column-gap:60px
    }

    .company-sec-1 .visual-list .item:nth-child(9) .img-wrap.aniOn::after {
        animation-delay: .9s
    }

    .company-sec-1 .visual-list .item:nth-child(9) .img-wrap.aniOn .img {
        animation-delay: 1.16s
    }
}

@media screen and (min-width: 992px) {
    .company-sec-1 .visual-list .item:nth-child(10) {
        column-gap:60px
    }

    .company-sec-1 .visual-list .item:nth-child(10) .img-wrap.aniOn::after {
        animation-delay: 1s
    }

    .company-sec-1 .visual-list .item:nth-child(10) .img-wrap.aniOn .img {
        animation-delay: 1.26s
    }
}

.company-sec-1 .visual-list .item:not(:last-child) {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #d6d6e3
}

@media screen and (min-width: 992px) {
    .company-sec-1 .visual-list .item:not(:last-child) {
        margin-bottom:2.9191vw;
        padding-bottom: 2.9191vw
    }
}

@media screen and (min-width: 1200px) {
    .company-sec-1 .visual-list .item:not(:last-child) {
        margin-bottom:35px;
        padding-bottom: 35px
    }
}

.company-sec-1 .visual-list .item .title {
    margin-bottom: 5px;
	/*font-family: 'Cinzel', serif;*/
    font-size: 36px;
    font-weight: 600;
    line-height: 1.33;
    /*color: var(--burgundy)*/
}

@media screen and (min-width: 992px) {
    .company-sec-1 .visual-list .item .title {
        font-size:6.77436vw
    }
}

@media screen and (min-width: 1920px) {
    .company-sec-1 .visual-list .item .title {
        font-size:130px
    }
}

@media screen and (min-width: 992px) {
    .company-sec-1 .visual-list .item .title {
        margin-bottom:0;
        line-height: 1.2
    }
}

@media screen and (min-width: 992px) {
    [data-lang="en"] .company-sec-1 .visual-list .item .title {
        font-size:4.16884vw
    }
}

@media screen and (min-width: 1920px) {
    [data-lang="en"] .company-sec-1 .visual-list .item .title {
        font-size:80px
    }
}

.company-sec-1 .visual-list .item .desc {
    margin-bottom: 25px;
    font-size: 16px;
    line-height: 1.75;
    text-align: center;
    color: var(--indigo)
}

@media screen and (min-width: 992px) {
    .company-sec-1 .visual-list .item .desc {
        font-size:1.56348vw
    }
}

@media screen and (min-width: 1600px) {
    .company-sec-1 .visual-list .item .desc {
        font-size:25px
    }
}

@media screen and (min-width: 992px) {
    .company-sec-1 .visual-list .item .desc {
        margin-bottom:0;
        line-height: 1.2;
        text-align: left
    }
}

@media screen and (min-width: 1200px) {
    [data-lang="en"] .company-sec-1 .visual-list .item .desc {
        font-size:1.56348vw
    }
}

@media screen and (min-width: 1600px) {
    [data-lang="en"] .company-sec-1 .visual-list .item .desc {
        font-size:25px
    }
}

@media screen and (min-width: 992px) {
    [data-lang="en"] .company-sec-1 .visual-list .item .desc {
        font-size:18px
    }
}

@media screen and (min-width: 992px) {
    .company-sec-1 .visual-list .item .img-wrap {
        margin-left:auto
    }
}

.company-sec-2 .map-sec {
    position: relative
}

@media screen and (min-width: 768px) {
    .company-sec-2 .map-sec .map-wrap {
        width:75.52%;
        margin-left: auto
    }
}

.company-sec-2 .map-sec .common-sub-title-wrap {
    margin-top: 30px;
    padding: 0 18px
}

@media screen and (min-width: 768px) {
    .company-sec-2 .map-sec .common-sub-title-wrap {
        position:absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 38%;
        margin-top: 0;
        padding: 0 0 0 60px
    }
}

@media screen and (min-width: 1200px) {
    .company-sec-2 .map-sec .common-sub-title-wrap {
        width:39.5%
    }
}

@media screen and (min-width: 1720px) {
    .company-sec-2 .map-sec .common-sub-title-wrap {
        padding-left:calc((100% - 1600px) / 2)
    }
}

.company-sec-3 .video-wrap {
    position: relative;
    padding-top: calc(200 / 375 * 100%);
    overflow: hidden
}

@media screen and (min-width: 992px) {
    .company-sec-3 .video-wrap {
        padding-top:calc(780 / 1920 * 100%)
    }
}

.company-sec-3 .video-wrap .video-img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url(../../images/sub/company-video-img-m.jpg);
    z-index: 50;
    opacity: 1;
    transition: opacity .6s ease-out
}

@media screen and (min-width: 992px) {
    .company-sec-3 .video-wrap .video-img {
        background-image:url(../../images/sub/company-video-img.jpg)
    }
}

.company-sec-3 .video-wrap .vimeo {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 140%;
    height: 140%
}

.company-sec-4 {
    padding-left: 18px;
    padding-right: 18px
}

@media screen and (min-width: 768px) {
    .company-sec-4 {
        padding-left:60px;
        padding-right: 60px
    }
}

@media screen and (min-width: 992px) {
    .company-sec-4 {
        padding-left:0
    }
}

@media screen and (min-width: 1720px) {
    .company-sec-4 {
        padding-right:calc((100% - 1600px) / 2)
    }
}

@media screen and (min-width: 992px) {
    .company-sec-4 {
        display:flex;
        align-items: center;
        justify-content: space-between
    }
}

.company-sec-4 .img-wrap {
    margin-bottom: 50px
}

@media screen and (min-width: 992px) {
    .company-sec-4 .img-wrap {
        width:62%;
        margin-bottom: 0
    }
}

@media screen and (min-width: 1200px) {
    .company-sec-4 .img-wrap {
        width:56.25%
    }
}

.company-sec-4 .img-wrap .img {
    display: block;
    width: 100%;
    max-width: 500px;
    margin: 0 auto
}

@media screen and (min-width: 992px) {
    .company-sec-4 .img-wrap .img {
        max-width:none;
        margin: 0
    }
}

@media screen and (min-width: 992px) {
    .company-sec-4 .common-sub-title-wrap {
        width:37.5%
    }
}

.company-sec-4 .common-sub-title-wrap .desc:not(:first-of-type) {
    margin-top: 10px
}

@media screen and (min-width: 992px) {
    .company-sec-4 .common-sub-title-wrap .desc:not(:first-of-type) {
        margin-top:15px
    }
}

.company-sec-5 { margin-bottom: 0; padding: 0 18px; overflow: hidden; }

@media screen and (max-width: 991.98px) {
    .company-sec-5 {
        display:flex;
        flex-direction: column
    }
}

@media screen and (min-width: 768px) {
    .company-sec-5 {
        padding:0 60px
    }
}

@media screen and (min-width: 992px) {
    .company-sec-5 {
        display:flex;
        padding: 0
    }
}

@media screen and (min-width: 992px) {
    .company-sec-5.img-fixed .img-wrap {
        position:fixed;
        left: 0;
        top: 0;
        transform: translateZ(0);
        -webkit-transform: translateZ(0)
    }
}

.company-sec-5 .img-wrap {
    margin-bottom: 50px
}

@media screen and (max-width: 991.98px) {
    .company-sec-5 .img-wrap {
        order:-1
    }
}

@media screen and (min-width: 992px) {
    .company-sec-5 .img-wrap {
        width:42.44%;
        margin-bottom: 0
    }
}

@media screen and (min-width: 992px) {
    .company-sec-5 .img-wrap .img {
        width: 100%;
        height: 100%;
        background-image: url(../../images/common/nav_bg.jpg);
        background-repeat: no-repeat;
        background-position: center top;
        background-size: contain;
    }
}

@media screen and (min-width: 992px) {
    .company-sec-5 .common-sub-title-wrap {
        flex:1 1 0%;
        /*padding-top: 10.42209vw;
        padding-bottom: 10.42209vw;*/
		padding-top:80px;
        padding-bottom: 0px;
        padding-right: 8.07712vw;
        padding-left: 60px;
        /*background-color: var(--lightmustard)*/
    }
}

@media screen and (min-width: 1720px) {
    .company-sec-5 .common-sub-title-wrap {
        padding-left:calc((100% - 1600px) / 2)
    }
}

@media screen and (min-width: 1920px) {
    .company-sec-5 .common-sub-title-wrap {
        padding-top:80px;
        padding-bottom: 0px;
        padding-right: 155px
    }
}

.company-sec-5 .common-sub-title-wrap .title { margin-bottom: 20px; font-weight: 300; line-height: 1.2; }
.company-sec-5 .common-sub-title-wrap .words { display: block; margin-bottom: 40px; }

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

	.company-sec-5 .common-sub-title-wrap .title { /* margin-bottom: 5.00313vw; */ font-size: 1.8768vw; }
	.company-sec-5 .common-sub-title-wrap .words { margin-bottom: 5.00313vw; }

}

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

	.company-sec-5 .common-sub-title-wrap .title { /* margin-bottom: 80px; */ font-size: 36px; }
	.company-sec-5 .common-sub-title-wrap .words { margin-bottom: 80px; }

}

@media screen and (min-width: 992px) {
    .company-sec-5 .common-sub-title-wrap .text-list {
		display: flex;
		/*padding-right: 2.50156vw*/
    }
}

@media screen and (min-width: 1600px) {
    .company-sec-5 .common-sub-title-wrap .text-list {
		display:flex; 
        /*padding-right:40px*/
    }
}

.company-sec-5 .common-sub-title-wrap .text-list .item:not(:last-child) { padding-bottom: 50px; margin-right:50px; margin-bottom: 50px; }

.company-sec-5 .common-sub-title-wrap .text-list .item.last-wrap { display: flex; }
.company-sec-5 .common-sub-title-wrap .text-list .item.last-wrap > .img { margin-right: 20px; width: 50%; }
.company-sec-5 .common-sub-title-wrap .text-list .item.last-wrap > .carrior-wrap { width: 50%; }
.company-sec-5 .common-sub-title-wrap .text-list .item.last-wrap > .carrior-wrap .c-title { margin-bottom: 20px; font-size: 24px; font-weight: 600; color: var(--burgundy); }
.company-sec-5 .common-sub-title-wrap .text-list .item.last-wrap > .carrior-wrap p { font-size: 16px; color: var(--indigo); line-height: 1.5; }
.company-sec-5 .common-sub-title-wrap .text-list .item.last-wrap > .carrior-wrap p.last { margin-bottom: 20px; }

.company-sec-5 .pin-spacer { width: 810px; height: 1344px; } 
.company-sec-5 .pin-spacer .img-wrap { max-width: 810.172px; width: 810.172px; max-height: 1344.36px; height: 1344.36px; }

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

	.company-sec-5 .common-sub-title-wrap .text-list .item:not(:last-child) { padding-bottom: 20px; margin-right:0 }

    .company-sec-5 .common-sub-title-wrap .text-list .item.last-wrap { display: block; }
	.company-sec-5 .common-sub-title-wrap .text-list .item.last-wrap > .img { width: 100%; }
	.company-sec-5 .common-sub-title-wrap .text-list .item.last-wrap > .carrior-wrap { width: 100%; margin-top: 30px }

	.company-sec-5 .pin-spacer { width: 100%; height: 100%;  }
	.company-sec-5 .pin-spacer .img-wrap { max-width: 100%; width: 100%; max-height: 100%; height: 100%; }

}

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

    .company-sec-5 .common-sub-title-wrap .text-list .item:not(:last-child) { border-bottom: 1px solid #d6d6e3; }

}

.company-sec-5 .common-sub-title-wrap .text-list .item-title {
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.56;
    color: var(--indigo)
}

@media screen and (min-width: 992px) {
    .company-sec-5 .common-sub-title-wrap .text-list .item-title {
        font-size:2.16847vw
    }
}

@media screen and (min-width: 1200px) {
    .company-sec-5 .common-sub-title-wrap .text-list .item-title {
        font-size:26px
    }
}

@media screen and (min-width: 992px) {
    .company-sec-5 .common-sub-title-wrap .text-list .item-title {
        margin-bottom:1.66806vw;
        font-weight: 600;
        line-height: 1.46
    }
}

@media screen and (min-width: 1200px) {
    .company-sec-5 .common-sub-title-wrap .text-list .item-title {
        margin-bottom:20px
    }
}

.company-sec-5 .common-sub-title-wrap .text-list .item-desc { font-size: 15px; line-height: 1.6; color: var(--lightindigo); }
.company-sec-5 .common-sub-title-wrap .text-list .item-desc:last-child { margin-top: 50px; text-align: right; color: var(--indigo); }

@media screen and (min-width: 992px) {
    .company-sec-5 .common-sub-title-wrap .text-list .item-desc {
        font-size:1.66806vw
    }
}

@media screen and (min-width: 1200px) {
    .company-sec-5 .common-sub-title-wrap .text-list .item-desc {
        font-size:20px
    }
}