.team-container {
    position: relative;
    display: block;
    /* padding: 210px 0px 100px; */
    padding: 19.44vh 0px 9.25vh;
    background: #fbfbfb;
}

.team-title {
    position: absolute;
    display: block;
    text-align: right;
    /* width: 710px; */
    width: 36.97vw;
    /* font-size: 82px; */
    font-size: 4.27vw;
    /* font-size: clamp(80px, 4.27vw, 82px); */
    letter-spacing: 0.2px;
    color: #999;
    margin: 0px;
    font-weight: normal;
    /* line-height: 65px; */
    line-height: 6.01vh;
    /* top: 32px; */
    top: calc(19.44vh + 2.96vh);
}

.team-title span {
    position: relative;
    display: block;
    /* font-size: 24px; */
    /* font-size: 1.25vw; */
    font-size: clamp(15px, 1.25vw, 24px);
    letter-spacing: 0.2px;
    color: #b0a967;
    /* line-height: 20px; */
    line-height: 1.85vh;
    /* margin-bottom: 25px; */
    margin-bottom: 2.31vh;
}

.team-desc {
    position: relative;
    display: block;
    /* width: calc(100% - 250px); */
    width: calc(100% - 13.02vw);
    /* padding-left: 790px; */
    padding-left: 41.14vw;
    /* font-size: 16px; */
    /* font-size: 0.83vw; */
    font-size: clamp(13px, 0.83vw, 16px);
    color: #595959;
    /* line-height: 35px; */
    /* line-height: 3.24vh; */
    line-height: clamp(30px, 3.24vh, 35px);
    /* margin-bottom: 48px; */
    margin-bottom: 4.44vh;
}

.team-user-group {
    position: relative;
    display: block;
    width: calc(100vw - (1.51vw * 2));
    left: 1.51vw;
    /* padding: 0px 29px; */
    /* padding: 0px 1.51vw; */
    overflow: hidden;
    white-space: nowrap;
    font-size: 0px;
}

.team-user-group > * {
    font-size: 16px;
}

.team-user-long {
    position: relative;
    display: block;
    font-size: 0px;
}

.team-user-long > * {
    font-size: 16px;
}

.team-user {
    position: relative;
    display: inline-block;
    vertical-align: top;
    /*width: calc(100% - (293px * 6) + (22px * 6));
    *//*width: calc(100vw - (15.26vw * 6) + (1.14vw * 5) + (1.51vw * 2));
    */width: calc((100vw / 6) + 1.14vw - 1.51vw);
    /*margin-right: 1.14vw;
    *//*padding-right: 1.14vw;
    */overflow-wrap: break-word;
    white-space: normal;
    text-align: right;
    background: #fbfbfb;
    cursor: pointer;
}

.team-user-img {
    position: relative;
    display: block;
    width: calc(100% - 1.14vw);

    opacity: 0.5;

        -webkit-transition: opacity 0.4s;
        -moz-transition: opacity 0.4s;
        -o-transition: opacity 0.4s;
        transition: opacity 0.4s;
}

.team-user:hover .team-user-img {
    opacity: 1;

    -webkit-transition: opacity 0.4s;
    -moz-transition: opacity 0.4s;
    -o-transition: opacity 0.4s;
    transition: opacity 0.4s;
}

.team-user-desc {
    position: absolute;
    display: block;
    background: rgba(255, 255, 255, 0.9);
    width: calc(100% - 1.14vw);
    /* height: 200px; */
    /* height: 18.51vh; */
    left: 0px;
    bottom: 0px;
    /* font-size: clamp(14px, 16px, 16px); */
    font-size: clamp(12px, 0.78vw, 16px);
    /* padding: 17px 25px 0px; */
    padding: 2.59vh 1.30vw 2.59vh 0;
    line-height: clamp(20px, 2.03vh, 24px);
    letter-spacing: normal;
    color: #797979;
    opacity: 0;
    bottom: -200px;

    -webkit-transition: 0.4s opacity 0s, 0.4s bottom 0s;
    -moz-transition: 0.4s opacity 0s, 0.4s bottom 0s;
    -o-transition: 0.4s opacity 0s, 0.4s bottom 0s;
    transition: 0.4s opacity 0s, 0.4s bottom 0s;
}

.team-user:hover .team-user-desc {
    opacity: 1;
    bottom: 0px;

    -webkit-transition: 0.4s opacity 0s, 0.4s bottom 0s;
    -moz-transition: 0.4s opacity 0s, 0.4s bottom 0s;
    -o-transition: 0.4s opacity 0s, 0.4s bottom 0s;
    transition: 0.4s opacity 0s, 0.4s bottom 0s;
}

.team-user-desc > * {
    font-weight: normal;
}

.team-user-name {
    position: relative;
    display: block;
    /* margin: 0px 0px 27px; */
    padding: 0px 0px 2.77vh;
    /* margin: 0px 0px 50px; */
    margin: 0px 0px 0px;
    bottom: -200px;
    opacity: 0;

    -webkit-transition: 0.4s opacity 0s, 0.4s bottom 0s;
    -moz-transition: 0.4s opacity 0s, 0.4s bottom 0s;
    -o-transition: 0.4s opacity 0s, 0.4s bottom 0s;
    transition: 0.4s opacity 0s, 0.4s bottom 0s;
}

.team-user:hover .team-user-name {
    opacity: 1;
    bottom: 0px;

    -webkit-transition: 0.4s opacity 0.05s, 0.4s bottom 0.05s;
    -moz-transition: 0.4s opacity 0.05s, 0.4s bottom 0.05s;
    -o-transition: 0.4s opacity 0.05s, 0.4s bottom 0.05s;
    transition: 0.4s opacity 0.05s, 0.4s bottom 0.05s;
}

.team-user-name:after {
    content: "";
    position: absolute;
    display: block;
    /* width: 114px; */
    width: 5.93vw;
    height: 1px;
    background: #797979;
    right: 0px;
    bottom: 0px;
}

.team-user-title {
    position: relative;
    display: block;
    padding-top: 4.62vh;

    bottom: -200px;
    opacity: 0;

    -webkit-transition: 0.4s opacity 0s, 0.4s bottom 0s;
    -moz-transition: 0.4s opacity 0s, 0.4s bottom 0s;
    -o-transition: 0.4s opacity 0s, 0.4s bottom 0s;
    transition: 0.4s opacity 0s, 0.4s bottom 0s;
}

.team-user:hover .team-user-title {
    opacity: 1;
    bottom: 0px;

    -webkit-transition: 0.4s opacity 0.1s, 0.4s bottom 0.1s;
    -moz-transition: 0.4s opacity 0.1s, 0.4s bottom 0.1s;
    -o-transition: 0.4s opacity 0.1s, 0.4s bottom 0.1s;
    transition: 0.4s opacity 0.1s, 0.4s bottom 0.1s;
}

.team-nav {
    position: absolute;
    display: block;
    /*width: 37px;
    */width: 1.92vw;
    /*height: 109px;
    */aspect-ratio: 37/109;
    /*background: url('../../img/front/left_arrow_icon.svg') no-repeat;
    *//*background-size: contain !important;
    *//*background-position: center !important;
    */top: calc((100% - 10.09vh) / 2);
    cursor: pointer;
}

.team-nav.left {
    /* left: 56px; */
    left: calc(2.91vw - 1.51vw);
    display: none;
    filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.5));
        -webkit-filter: drop-shadow(2px 2px 4px rgba(0, 0, 0, 0.5));
}

.team-nav.right {
    /*left: 56px;
    */right: calc(2.91vw - 1.51vw);
    transform: rotate(180deg);
    filter: drop-shadow(-2px -2px 4px rgba(0, 0, 0, 0.5));
    -webkit-filter: drop-shadow(-2px -2px 4px rgba(0, 0, 0, 0.5));
}

.team-hide {
    display: none;
}

.team-h-content {
    position: relative;
    display: block;
    width: calc(100% - 40px);
    /* max-width: 978px; */
    max-width: 50.93vw;
    margin: 0px auto;
    overflow: visible;
    background: #fff;
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);
}

.team-h-top {
    position: relative;
    display: block;
    /* width: 1082px; */
    width: 56.35vw;
    font-size: 0px;
    /* left: 104px; */
    left: -5.41vw;
    color: #58585a;
    /* padding-top: 57px; */
    padding-top: 5.27vh;
    /* margin-bottom: 82px; */
    margin-bottom: 7.59vh;
}

.team-h-top > * {
    /* font-size: 18px; */
    font-size: 0.93vw;
}

.team-h-img {
    position: relative;
    display: inline-block;
    vertical-align: top;
    /* width: 370px; */
    width: 19.27vw;
    /* margin-right: 65px; */
    margin-right: 3.38vw;
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);
}

.team-h-desc {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 19.27vw - 3.38vw);
    max-width: 517px;
    /* padding-top: 160px; */
    padding-top: 14.81vh;
}

.team-h-name {
    position: relative;
    display: table;
    font-size: 25px;
    line-height: 36px;
    /* margin-bottom: 62px; */
    margin-bottom: 5.74vh;
}

.team-h-name.no-title {
    margin-bottom: 30px;
}

.team-h-name:before {
    content: "";
    position: absolute;
    display: block;
    /* width: 115px; */
    width: 5.98vw;
    height: 1px;
    background: #58585a;
    right: 0px;
    /* bottom: 70px; */
    bottom: 6.48vh;
}

.team-h-name.no-title:before {
    bottom: 0px
}

.team-h-name.no-title span {
    padding-top: 20px;
}

.team-h-name span {
    position: relative;
    display: block;
    /* padding-top: 90px; */
    padding-top: 8.33vh;
    text-align: right;
    font-size: 16px;
}

.team-h-story {
    position: relative;
    display: block;
    /* line-height: 35px; */
    line-height: 3.24vh;
    /* padding-right: 100px; */
    padding-right: 5.20vw;
}

.team-h-achievement {
    position: relative;
    display: block;
    font-size: 0px;
    text-align: center;
    padding-bottom: 5.27vh;
}

.team-h-achievement > * {
    /* font-size: 22px; */
    font-size: 1.14vw;
}

.team-h-achievement-title {
    position: relative;
    display: block;
    /* margin-bottom: 45px; */
    margin-bottom: 4.16vh;
    color: #666666;
}

.team-h-img-group {
    position: relative;
    display: block;
    font-size: 0px;
}

.team-h-img-group > * {
    font-size: 16px;
}

.team-h-img-group img {
    position: relative;
    display: inline-block;
    vertical-align: top;
    /* width: calc(((100% / 3) - 44px) - 40px); */
    width: calc(((100% / 3) - 2.29vw) - 2.08vw);
    /* margin: 0px 11px 22px; */
    margin: 0px 0.57vw 2.03vh;
}

.team-h-close {
    position: fixed;
    /* top: 50px; */
    top: calc(10.18vh + 15px);
    right: 50px;
    width: 40px;
    height: 40px;
    cursor: pointer;
}

.team-h-close:before {
    content: "";
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    height: 2px;
    background: #ccc;
    left: 0px;
    top: 19px;

    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.team-h-close:after {
    content: "";
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    height: 2px;
    background: #ccc;
    left: 0px;
    top: 17px;

    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

@media screen and (max-width : 1024px) {
    .team-container {
        padding: 100px 0px 0vh;
    }
}

@media screen and (max-width : 768px) {
    .team-container {
        padding: 80px 0px 0vh;
    }

    .team-title {
        margin: 0px auto 20px;
        line-height: 35px;

        position: relative;
        display: block;
        text-align: center;
        width: calc(100% - 40px);
        top: 0px;
    }

    .team-title span {
        margin-bottom: 5px;
    }

    .team-desc {
        position: relative;
        display: block;
        text-align: center;
        width: calc(100% - 40px);
        top: 0px;
        padding: 0px;
        margin: 0px auto 50px;
        line-height: 24px;
    }

    .team-user {
        width: calc((100vw / 4) + 1.14vw - 1.51vw);
    }

    .team-nav {
        height: 50px;
        width: auto;
        top: calc((100% - 50px) / 2);
    }

    .team-h-content {
        max-width: 500px;
        padding: 50px 20px;
    }

    .team-h-top {
        width: 100%;
        left: 0px;
        padding: 0px;
        margin: 0px;
    }

    .team-h-img {
        width: 100%;
        margin: 0px auto 50px;
    }

    .team-h-desc {
        width: 100%;
        padding: 0px;
        margin: 0px auto 50px;
    }

    .team-h-name {
        display: block;
        /* margin-bottom: 50px; */
        margin-bottom: 30px;
    }

    .team-h-name span {
        padding-top: 80px;
        text-align: left;
    }

    .team-h-name:before {
        bottom: 70px;
        left: 0px;
    }

    .team-h-desc {
        font-size: 16px;
    }

    .team-h-achievement > * {
        font-size: 16px;
    }

    .team-h-img-group {
        font-size: 0px;
        text-align: center;
    }

    .team-h-img-group img {
        width: calc((100% / 2) - 20px);
        margin: 0px 10px 20px;
    }

    .team-h-close {
        right: 15px;
        top: 55px;
    }
}

@media screen and (max-width : 500px) {
    .team-title span {
        font-size: 17px;
    }

    .team-title {
        font-size: 37px;
    }

    .team-title span {
        margin-bottom: 10px;
    }

    .team-desc {
        text-align: left;
    }

    .team-user {
        width: calc((100vw / 2) + 1.14vw - 1.51vw);
    }

    .team-h-name {
        font-size: 20px;
    }

    .team-h-name span {
        padding-top: 50px;
        font-size: 13px;
    }

    .team-h-name:before {
        bottom: 57px;
    }

    .team-h-desc {
        font-size: 13px;
    }

    .team-h-story {
        line-height: 24px;
    }

    .team-h-img-group img {
        width: 100% !important;
        margin: 0px 0px 20px !important;
    }
}