@charset "utf-8";

/***************************************************************************
*
* COMPANY STYLE
*
***************************************************************************/

body {
    background-color: #fff;
}

.areaTitle .titleJp {
    font-size: 32px;
    color: #2DC2C0;
}

.areaButton {
    display: inline-block;
    width: 248px;
}

.areaButton a {
    display: block;
    position: relative;
    background: linear-gradient(90deg, rgba(80, 212, 199, 1) 0%, rgba(45, 195, 194, 1) 100%);
    color: #fff;
    font-weight: 600;
    padding: 13px 0 14px;
    border-radius: 50px;
    text-align: center;
}

.areaButton a i {
    position: absolute;
    font-size: 10px;
    top: 50%;
    right: 33px;
    transform: translateY(-56%);
}


.bannerCompany {
    position: relative;
    z-index: 2;
}

/*.areaFutures*/
.areaFutures {
    position: relative;
    background-color: #F8F7F6;
    padding-bottom: 6px;
}

.areaFutures:before {
    content: "";
    position: absolute;
    background: url(../../../assets/images/company/future-bottom.png) no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 440px;
    bottom: -385px;
    left: 0;
    z-index: -1;
}

.areaFutures .iframeCompany {
    margin-top: -120px;
    z-index: 3;
    position: relative;
}

.areaFutures .iframeCompany .listTabCompany {
    display: flex;
    padding: 0 5.2vw;
}

/*.areaFutures .iframeCompany.active .listTabCompany {
	position: absolute;
	top: 0;
	left: 0;
}
.areaFutures .iframeCompany .fixTabCompany {
	height: 56px;
	display: none;
}

.areaFutures .iframeCompany.active .fixTabCompany {
	height: 56px;
	display: block;
}*/

.areaFutures .iframeCompany .listTabCompany li {
    width: 96px;
}

.areaFutures .iframeCompany .listTabCompany li a {
    display: block;
    color: #ffffff;
    text-align: center;
    padding: 17.5px 10px;
    font-weight: 600;
    background: rgb(120, 120, 120);
    background: linear-gradient(90deg, rgba(120, 120, 120, 1) 0%, rgba(92, 91, 89, 1) 100%);
}

.areaFutures .iframeCompany .listTabCompany li.active a {
    background: #2DC2C0;
}

.areaFutures .contentFutures {
    margin-top: 0;
    padding-bottom: 53px;
}

/*WRAPFUTURES*/
.areaFutures .wrapFutures {}
.areaFutures .wrapShare {
    display: none;
}
.areaFutures .wrapShare.active {
    display: block;
}

.areaFutures .wrapFutures .itemFutures {
    border-bottom: 1px solid #D8D8D7;
    padding: 0 28px 27px;
    margin-bottom: 25px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.areaFutures .wrapFutures .itemFutures:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}

.areaFutures .wrapFutures .boxDetails {
    width: 55%;
    padding-right: 40px;
}

.areaFutures .wrapFutures .areaTitle {
    margin-bottom: 24px;
}

.areaFutures .wrapFutures .boxDetails .titleBorder {
    padding: 0px 34px 0 30px;
    margin-bottom: 98px;
    line-height: 1.4;
}

.areaFutures .wrapFutures .fieldFutures {
    font-size: 20px;
    font-weight: 500;
    color: #3E3A39;
    margin-bottom: 8px;
}

.areaFutures .wrapFutures .fieldFutures .txtFieldFutures {
    font-weight: bold;
    color: #2DC2C0;
}

.areaFutures .wrapFutures .fieldFutures .dotCol {
    color: #787878;
}

.areaFutures .wrapFutures .updateFutures {
    font-size: 32px;
    font-weight: bold;
    color: #2DC2C0;
    letter-spacing: -2.9px;
    margin-bottom: 23px;
}

.areaFutures .wrapFutures .boxDetails .subFutures {
    line-height: 2;
    margin-bottom: 0;
    width: 85%;
    text-align: justify;
}

.areaFutures .wrapFutures .itemFutures:nth-child(2n) .boxDetails .subFutures {
    width: 95%;
}

.areaFutures .wrapFutures .imageFutures {
    float: right;
    width: 40.3%;
    padding: 0 clamp(0px, 8.3vw, 115px) 0 0;
}

.areaFutures .wrapFutures .itemFutures:nth-child(2n) .boxDetails {
    float: right;
    padding-top: 0;
    padding-right: 0;
    padding-left: clamp(40px, 5.6vw, 78px);
}

.areaFutures .wrapFutures .itemFutures:nth-child(2n) .boxDetails .titleBorder {
    padding: 0 24px 0 28px;
}

.areaFutures .wrapFutures .itemFutures:nth-child(2n) .imageFutures {
    padding: 0 clamp(0px, 1.9vw, 27px) 0 clamp(0px, 1.9vw, 26px);
}

.clearfix:after {
    display: none;
}

.areaRecruit .wrapTop {
    padding-bottom: 122px;
}

.areaRecruit .wrapTop .areaCt .pageInfo {
    padding: 0;
}

/*END-WRAPFUTURES*/


/*WRAPVMV*/
.areaFutures .iframeCompany .contentFutures .wrapVmv {
    padding-bottom: 34px;
}

.areaFutures .iframeCompany .contentFutures .wrapVmv .wrapTitle {
    margin-bottom: 33px;
}

.areaFutures .iframeCompany .contentFutures .wrapVmv .wrapTitle .areaTitle {
    margin-bottom: 0;
}

.areaFutures .iframeCompany .contentFutures .wrapVmv .contentItemFut {}

.areaFutures .iframeCompany .contentFutures .wrapVmv .contentItemFut .boxVmv {
    padding: 0 19px 44px;
    border-bottom: 1px solid #D8D8D7;
    margin-bottom: 75px;
}

.areaFutures .iframeCompany .contentFutures .wrapVmv .contentItemFut .boxVmv table {}

.areaFutures .iframeCompany .contentFutures .wrapVmv .contentItemFut .boxVmv table tr {}

.areaFutures .iframeCompany .contentFutures .wrapVmv .contentItemFut .boxVmv table th {
    font-size: 24px;
    font-weight: normal;
    color: #9E9C9C;
    text-align: left;
    width: 27%;
    padding: 14px 10px;
    vertical-align: top;
    letter-spacing: -0.3px;
}

.areaFutures .iframeCompany .contentFutures .wrapVmv .contentItemFut .boxVmv table td {
    width: 70%;
    padding: 19px 10px 13px;
    transform: translateY(-1px);
}

.areaFutures .iframeCompany .contentFutures .wrapVmv .contentItemFut .boxVmv table td .txtVision {
    margin-bottom: 5px;
    font-size: 20px;
    font-weight: normal;
    color: #3E3A39;
    text-align: left;
}

.areaFutures .iframeCompany .contentFutures .wrapVmv .contentItemFut .boxVmv table td .txtVision:last-child {
    margin-bottom: 0;
}

.areaFutures .iframeCompany .contentFutures .wrapVmv .contentItemFut .boxVmv table td .txtVision .colGMint {
    font-weight: 600;
    color: #2DC2C0;
    letter-spacing: -0.1px;
}

.areaFutures .iframeCompany .contentFutures .wrapVmv .contentItemFut .boxVmv table td .txtVision .colDotVis {
    color: #787878;
}

.areaFutures .iframeCompany .contentFutures .wrapVmv .contentItemFut .boxHistory {}

.areaFutures .iframeCompany .contentFutures .contentHistory {
    display: flex;
}

.areaFutures .iframeCompany .contentFutures .contentHistory .wrapTitleHis {
    width: 304px;
    margin-right: 69px;
}

.areaFutures .iframeCompany .contentFutures .contentHistory .wrapTitleHis .historyPhoto {
    margin-top: 49px;
}

.areaFutures .iframeCompany .contentFutures .contentHistory .wrapTitleHis .historyPhoto img {
    width: 100%;
    height: 100%;
    aspect-ratio: 304 / 296;
    object-fit: cover;
    object-position: center;
}

.areaFutures .iframeCompany .contentFutures .contentHistory .boxHistoryRight {
    width: calc(100% - 414px);
    margin-top: 11px;
}

.areaFutures .iframeCompany .contentFutures .contentHistory .boxHistoryRight table {
    width: 100%;
}

.areaFutures .iframeCompany .contentFutures .contentHistory .boxHistoryRight table tr {
    border-bottom: 1px solid #D8D8D7;
}

.areaFutures .iframeCompany .contentFutures .contentHistory .boxHistoryRight table tr:first-child {
    border-top: 1px solid #D8D8D7;
}

.areaFutures .iframeCompany .contentFutures .contentHistory .boxHistoryRight table th {
    font-size: 14px;
    font-weight: 600;
    color: #9E9C9C;
    padding: 28px 10px 23px clamp(10px, 5.4vw, 74.5px);
    width: 203px;
    vertical-align: top;
    text-align: left;
}

.areaFutures .iframeCompany .contentFutures .contentHistory .boxHistoryRight table td {
    font-size: 14px;
    color: #3E3A39;
    padding: 25px 8px 26px;
    width: calc(100% - 203px);
    line-height: 1.88;
}

/*END-WRAPVMV*/

/*WRAPPROFILECOMP*/
.areaFutures .iframeCompany .contentFutures .wrapProfileComp {
    padding-bottom: 30px;
}

.areaFutures .iframeCompany .contentFutures .wrapProfileComp .contentHistory {}

.areaFutures .iframeCompany .contentFutures .wrapProfileComp .contentProComp {
    border-bottom: 1px solid #D8D8D7;
    margin-bottom: 69px;
}

.areaFutures .iframeCompany .contentFutures .wrapProfileComp .contentProComp .wrapTitleHis {
    width: 200px;
    margin-right: 13px;
}

.areaFutures .iframeCompany .contentFutures .wrapProfileComp .contentProComp .wrapTitleHis .areaTitle {
    margin-bottom: 15px;
}

.areaFutures .iframeCompany .contentFutures .wrapProfileComp .contentProComp .boxHistoryRight {
    width: calc(100% - 213px);
}

.areaFutures .iframeCompany .contentFutures .wrapProfileComp .contentProComp .boxHistoryRight table tr {
    border: solid #D8D8D7;
    border-width: 1px 0 0 0;
}

.areaFutures .iframeCompany .contentFutures .wrapProfileComp .contentProComp .boxHistoryRight table th {
    width: 203px;
    text-align: left;
    padding-left: clamp(10px, 5.4vw, 74.5px);
}

.areaFutures .iframeCompany .contentFutures .wrapProfileComp .contentProComp .boxHistoryRight table td {
    width: calc(100% - 203px);
    padding: 26px 20px 25px clamp(20px, 5.2vw, 71.2px);
    line-height: 1.91;
}

.areaFutures .iframeCompany .contentFutures .wrapProfileComp .contentProComp .boxHistoryRight table td a {
    color: #3E3A39;
}

.areaFutures .iframeCompany .contentFutures .wrapProfileComp .contentLocatComp {
    overflow-x: hidden;
}

.areaFutures .iframeCompany .contentFutures .wrapProfileComp .contentLocatComp .wrapTitleHis {
    width: 304px;
    margin-right: 117px;
}

.areaFutures .iframeCompany .contentFutures .wrapProfileComp .contentLocatComp .wrapTitleHis .wrapTitle .areaTitle {
    position: relative;
    margin-bottom: 0;
}

.areaFutures .iframeCompany .contentFutures .wrapProfileComp .contentLocatComp .wrapTitleHis .wrapTitle .areaTitle .titleEn {
    display: inline-block;
    background: #ffffff;
    position: relative;
    z-index: 1;
    padding-right: 27px;
}

.areaFutures .iframeCompany .contentFutures .wrapProfileComp .contentLocatComp .wrapTitleHis .wrapTitle .areaTitle:after {
    content: "";
    position: absolute;
    background: #D8D8D7;
    height: 1px;
    width: calc(100% + 699px);
    top: 65%;
    transform: translateY(-50%);
    left: 0;
    z-index: 0;
}

.areaFutures .iframeCompany .contentFutures .contentHistory .wrapTitleHis .historyPhoto {
    margin-top: 46px;
}

.areaFutures .iframeCompany .contentFutures .wrapProfileComp .contentLocatComp .boxHistoryRight {
    width: calc(100% - 421px);
    margin-top: 14px;
}

.areaFutures .iframeCompany .contentFutures .wrapProfileComp .contentLocatComp .boxHistoryRight table tr:first-child {
    border-top: none;
}

.areaFutures .iframeCompany .contentFutures .wrapProfileComp .contentLocatComp .boxHistoryRight table th {
    padding: 27px 10px 23px clamp(10px, 5.4vw, 74.5px);
    text-align: left;
}

.areaFutures .iframeCompany .contentFutures .wrapProfileComp .contentLocatComp .boxHistoryRight table td {
    padding: 24px 8px 25px;
    line-height: 2;
    position: relative;
}

.areaFutures .iframeCompany .contentFutures .wrapProfileComp .contentLocatComp .boxHistoryRight table td a {
    display: block;
    width: 100%;
}

.areaFutures .iframeCompany .contentFutures .wrapProfileComp .contentLocatComp .boxHistoryRight table td .txtLocation {
    width: 76%;
    color: #3E3A39;
}

.areaFutures .iframeCompany .contentFutures .wrapProfileComp .contentLocatComp .boxHistoryRight table td .iconLocation {
    width: 16px;
    position: absolute;
    right: clamp(0px, 4.6vw, 64px);
    bottom: 25px;
}

.areaFutures .iframeCompany .contentFutures .wrapProfileComp .contentHistory .wrapTitleHis .historyPhoto img {
    aspect-ratio: 304 / 287;
}


/*END-WRAPPROFILECOMP*/

/*WRAPMESSCOMP*/
.areaFutures .iframeCompany .contentFutures .wrapMessComp {
    padding-bottom: 11px;
}

.areaFutures .iframeCompany .contentFutures .wrapMessComp .wrapTitle {
    margin-bottom: 38px;
}

.areaFutures .iframeCompany .contentFutures .wrapMessComp .wrapTitle .areaTitle {
    margin-bottom: 15px;
}

.areaFutures .iframeCompany .contentFutures .wrapMessComp .contentItemFut {}

.areaFutures .iframeCompany .contentFutures .wrapMessComp .contentItemFut .listMessComp {
    padding-bottom: 3px;
}

.areaFutures .iframeCompany .contentFutures .wrapMessComp .contentItemFut .listMessComp li {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 40px;
    align-items: center;
    padding: 0 29px 39px;
    border-bottom: 1px solid #D8D8D7;
}

.areaFutures .iframeCompany .contentFutures .wrapMessComp .contentItemFut .listMessComp li:nth-child(2n) {}

.areaFutures .iframeCompany .contentFutures .wrapMessComp .contentItemFut .listMessComp li:last-child {
    margin-bottom: 0;
    border-bottom: none;
    padding-bottom: 0;
}

.areaFutures .iframeCompany .contentFutures .wrapMessComp .contentItemFut .listMessComp li .messPhoto {
    width: 440px;
    display: block;
    position: relative;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.areaFutures .iframeCompany .contentFutures .wrapMessComp .contentItemFut .listMessComp li .messPhoto>p {
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.areaFutures .iframeCompany .contentFutures .wrapMessComp .contentItemFut .listMessComp li .messPhoto>p>span {
    display: block;
    width: 100%;
    height: 500px;
    background-repeat: none;
    background-size: cover;
    background-position: top center;
}

.areaFutures .iframeCompany .contentFutures .wrapMessComp .contentItemFut .listMessComp li .messPhoto img {
    width: 100%;
    height: 100%;
    aspect-ratio: 440 / 300;
    object-fit: cover;
    object-position: center;
}

.areaFutures .iframeCompany .contentFutures .wrapMessComp .contentItemFut .listMessComp li .itemMessComp {
    width: calc(100% - 491px);
    padding-right: clamp(0px, 2.5vw, 34px);
}

.areaFutures .iframeCompany .contentFutures .wrapMessComp .contentItemFut .listMessComp li:nth-child(2n) .itemMessComp {
    padding-left: clamp(0px, 2.5vw, 33px);
    padding-right: 0;
}

.areaFutures .iframeCompany .contentFutures .wrapMessComp .contentItemFut .listMessComp li .itemMessComp .subMessComp {
    font-size: 16px;
    font-weight: 500;
    color: #3E3A39;
    margin-bottom: 11px;
}

.areaFutures .iframeCompany .contentFutures .wrapMessComp .contentItemFut .listMessComp li .itemMessComp .titleMessComp {
    font-size: 28px;
    font-weight: bold;
    color: #2DC2C0;
    margin-bottom: 29px;
}

.areaFutures .iframeCompany .contentFutures .wrapMessComp .contentItemFut .listMessComp li .itemMessComp .txtMessComp {
    font-size: 14px;
    font-weight: normal;
    color: #3E3A39;
    text-align: justify;
    line-height: 2;
}

/*END-WRAPMESSCOMP*/

@media (max-width: 1180px) and (min-width: 851px) {
    .areaFutures .iframeCompany .contentFutures .wrapProfileComp .contentLocatComp .wrapTitleHis {
        margin-right: 87px;
    }
}

@media (max-width: 1177px) {
    .inner {
        width: 100%;
    }
}

@media (max-width: 1150px) and (min-width: 851px) {
    .areaFutures .iframeCompany .contentFutures .wrapProfileComp .contentLocatComp .wrapTitleHis {
        margin-right: 69px;
    }

    .areaFutures .iframeCompany .contentFutures .wrapMessComp .contentItemFut .listMessComp li {
        padding: 0 20px 39px;
    }

    .areaFutures .iframeCompany .contentFutures .wrapMessComp .contentItemFut .listMessComp li .itemMessComp {
        padding-right: 0;
    }

    .areaFutures .iframeCompany .contentFutures .wrapMessComp .contentItemFut .listMessComp li:nth-child(2n) .itemMessComp {
        padding-left: 0;
    }
}

@media (max-width: 1120px) and (min-width: 851px) {
    .areaFutures .iframeCompany .contentFutures .contentHistory .boxHistoryRight table th {
        padding: 28px 10px 23px clamp(10px, 3.4vw, 74.5px);
        width: 153px;
    }

    .areaFutures .iframeCompany .contentFutures .contentHistory .boxHistoryRight table td {
        width: calc(100% - 153px);
    }

    .areaFutures .iframeCompany .contentFutures .wrapProfileComp .contentLocatComp .boxHistoryRight table th {
        padding: 27px 10px 23px clamp(10px, 3.4vw, 74.5px);
        width: 135px;
    }

    .areaFutures .iframeCompany .contentFutures .wrapProfileComp .contentLocatComp .boxHistoryRight table td {
        width: calc(100% - 135px);
    }

    .areaFutures .iframeCompany .contentFutures .wrapProfileComp .contentLocatComp .boxHistoryRight table td .iconLocation {
        right: 2.6vw;
    }

    .areaFutures .iframeCompany .contentFutures .wrapProfileComp .contentProComp .boxHistoryRight table th {
        width: 153px;
    }

    .areaFutures .iframeCompany .contentFutures .wrapProfileComp .contentProComp .boxHistoryRight table td {
        width: calc(100% - 153px);
    }
}

@media (max-width: 1100) and (min-width: 851px) {
    .areaFutures .iframeCompany .contentFutures .contentHistory .boxHistoryRight {
        width: calc(100% - 373px);
    }

    .areaFutures .iframeCompany .contentFutures .contentHistory .boxHistoryRight table th {
        width: 33%;
    }

    .areaFutures .iframeCompany .contentFutures .contentHistory .boxHistoryRight table td {
        width: 67%;
    }
}

@media (max-width: 1050px) and (min-width: 851px) {
    .areaFutures .iframeCompany .contentFutures .wrapMessComp .contentItemFut .listMessComp li .messPhoto {
        width: 46%;
        min-width: 300px;
    }

    .areaFutures .iframeCompany .contentFutures .wrapMessComp .contentItemFut .listMessComp li .itemMessComp {
        width: 49%;
    }

    .areaFutures .iframeCompany .contentFutures .wrapMessComp .contentItemFut .listMessComp li .itemMessComp .subMessComp {
        margin-bottom: 0;
    }

    .areaFutures .iframeCompany .contentFutures .wrapMessComp .contentItemFut .listMessComp li .itemMessComp .titleMessComp {
        margin-bottom: 20px;
    }
}

@media (max-width: 1000px) and (min-width: 851px) {
    .areaFutures .iframeCompany .contentFutures .contentHistory .wrapTitleHis {
        width: 290px;
        margin-right: 40px;
    }

    .areaFutures .iframeCompany .contentFutures .contentHistory .boxHistoryRight {
        width: calc(100% - 330px);
    }

    .areaFutures .wrapFutures .imageFutures {
        padding: 0 clamp(0px, 1.9vw, 115px) 0 0;
        width: 38%;
    }

    .areaFutures .wrapFutures .itemFutures:nth-child(2n) .imageFutures {
        padding: 0 0 0 clamp(0px, 1.9vw, 26px);
    }


    .areaFutures .wrapFutures .boxDetails {
        padding-right: 30px;
        width: 61%;
    }

    .areaFutures .wrapFutures .itemFutures:nth-child(2n) .boxDetails {
        padding-left: clamp(30px, 3.6vw, 78px);
    }

    .areaFutures .wrapFutures .boxDetails .subFutures,
    .areaFutures .wrapFutures .itemFutures:nth-child(2n) .boxDetails .subFutures {
        width: 100%;
    }

    .areaFutures .iframeCompany .contentFutures .wrapProfileComp .contentLocatComp .wrapTitleHis {
        width: 290px;
        margin-right: 40px;
    }

    .areaFutures .iframeCompany .contentFutures .wrapProfileComp .contentLocatComp .boxHistoryRight {
        width: calc(100% - 330px);
    }

    .areaFutures .iframeCompany .contentFutures .wrapProfileComp .contentLocatComp .boxHistoryRight table td .txtLocation {
        width: 85%;
    }

    .areaFutures .iframeCompany .contentFutures .wrapProfileComp .contentLocatComp .boxHistoryRight table td .iconLocation {
        right: 2.6vw;
    }
}

@media (max-width: 960px) and (min-width: 851px) {
    .areaFutures .iframeCompany .contentFutures .wrapVmv .contentItemFut .boxVmv table th {
        width: 24%;
    }
}

@media (max-width: 900px) and (min-width: 851px) {
    .areaFutures .iframeCompany .contentFutures .contentHistory .wrapTitleHis {
        width: 260px;
        margin-right: 40px;
    }

    .areaFutures .iframeCompany .contentFutures .contentHistory .boxHistoryRight {
        width: calc(100% - 300px);
    }

    .areaFutures .iframeCompany .contentFutures .contentHistory .boxHistoryRight table th {
        width: 120px;
        padding: 28px 10px 23px clamp(10px, 1.9vw, 74.5px);
    }

    .areaFutures .iframeCompany .contentFutures .contentHistory .boxHistoryRight table td {
        width: calc(100% - 120px);
    }

    .areaFutures .iframeCompany .contentFutures .wrapProfileComp .contentLocatComp .boxHistoryRight table th {
        width: 120px;
        padding: 27px 10px 23px clamp(10px, 1.9vw, 74.5px);
    }

    .areaFutures .iframeCompany .contentFutures .wrapProfileComp .contentLocatComp .boxHistoryRight table td {
        width: calc(100% - 120px);
    }
}

@media (min-width: 851px) {
    .areaFutures .iframeCompany .listTabCompany li a:hover {
        background: #2DC2C0;
    }

    .areaFutures .iframeCompany .contentFutures .wrapProfileComp .contentProComp .boxHistoryRight table td a:hover {
        color: #2DC2C0;
    }

    .areaFutures .iframeCompany .contentFutures .wrapProfileComp .contentProComp .boxHistoryRight table td a.telComp {
        pointer-events: none;
    }

    .areaFutures .iframeCompany .contentFutures .wrapProfileComp .contentLocatComp .boxHistoryRight table td a:hover .txtLocation {
        color: #2DC2C0;
    }

    .areaFutures .iframeCompany .contentFutures .wrapProfileComp .contentLocatComp .boxHistoryRight table td a:hover .iconLocation {
        opacity: 0.7;
    }
}

@media (max-width: 850px) {
    .pageInfo {
        background: #F8F7F6;
        padding: 44px 0 40px;
    }

    /*AREAFUTURES*/
    .areaFutures {
        margin-bottom: 0;
        padding-bottom: 25px;
    }

    .areaFutures:before {
        background: url(../../../assets/images/company/future-bottom-sp.png) no-repeat;
        background-size: 100% 100%;
        width: 100%;
        height: 105px;
        bottom: -105px;
    }

    .areaFutures .inner {
        padding: 0 6.5%;
    }

    .areaFutures .iframeCompany {
        margin-top: -15vw;
    }

    .areaFutures .iframeCompany .listTabCompany li a {
        padding: 10px 8px 9px;
        font-size: 12px;
    }

    .areaFutures .contentFutures {
        padding: 20px 4% 20px;
    }

    .areaFutures .wrapFutures {
        padding: 0;
    }

    /*WRAPFUTURES*/
    .areaFutures .wrapFutures .areaTitle {
        margin-bottom: 7px;
    }

    .areaFutures .wrapFutures .boxDetails .titleBorder {
        line-height: 1.5;
    }

    .areaFutures .wrapFutures .itemFutures:nth-child(2n) .areaTitle {
        margin-bottom: 12px;
    }

    .areaFutures .wrapFutures .itemFutures {
        padding: 0 0 15px;
        margin-bottom: 40px;
        flex-direction: column;
    }

    .areaFutures .wrapFutures .imageFutures {
        float: none;
        text-align: center;
        width: 200px;
        margin: 0 auto 23px;
        padding: 0;
    }

    .areaFutures .wrapFutures .itemFutures:nth-child(2n) .imageFutures {
        width: 240px;
        margin: 0 auto 13px;
    }

    .areaFutures .wrapFutures .fieldFutures {
        font-size: 16px;
        margin-bottom: 8px;
    }

    .areaFutures .wrapFutures .updateFutures {
        font-size: 20px;
        letter-spacing: 0;
        margin-bottom: 15px;
    }

    .areaFutures .wrapFutures .itemFutures:nth-child(2n) .boxDetails,
    .areaFutures .wrapFutures .boxDetails {
        width: 100%;
        padding: 0;
    }

    .areaFutures .wrapFutures .boxDetails .titleBorder {
        padding: 0 0 0 16px;
        margin-bottom: 29px;
    }

    .areaFutures .wrapFutures .itemFutures:nth-child(2n) .boxDetails .titleBorder {
        margin-bottom: 25px;
    }

    .areaRecruit .wrapTop {
        padding-bottom: 0;
    }

    .areaRecruit .wrapTop .areaCt .pageInfo {
        background: #ffffff;
    }

    .areaFutures .wrapFutures .boxDetails .subFutures {
        margin-bottom: 0;
        width: 100%;
    }

    /*END-WRAPFUTURES*/

    /*WRAPVMV*/
    .areaFutures .iframeCompany .contentFutures .wrapVmv {
        padding-bottom: 0;
    }

    .areaFutures .iframeCompany .contentFutures .wrapVmv .wrapTitle {
        margin-bottom: 15px;
    }

    .areaFutures .iframeCompany .contentFutures .wrapVmv .contentItemFut .boxVmv {
        margin-bottom: 40px;
        padding: 0 0 35px;
    }

    .areaFutures .iframeCompany .contentFutures .wrapVmv .contentItemFut .boxVmv table tr {
        display: block;
        padding-bottom: 20px;
    }

    .areaFutures .iframeCompany .contentFutures .wrapVmv .contentItemFut .boxVmv table tr:last-child {
        padding-bottom: 0;
    }

    .areaFutures .iframeCompany .contentFutures .wrapVmv .contentItemFut .boxVmv table th {
        font-size: 16px;
        width: 100%;
        letter-spacing: 0;
        display: block;
        padding: 0px 0 5px;
    }

    .areaFutures .iframeCompany .contentFutures .wrapVmv .contentItemFut .boxVmv table td {
        width: 100%;
        transform: none;
        display: block;
        padding: 0;
    }

    .areaFutures .iframeCompany .contentFutures .wrapVmv .contentItemFut .boxVmv table td .txtVision {
        margin-bottom: 8px;
        font-size: 14px;
    }

    .areaFutures .iframeCompany .contentFutures .contentHistory {
        flex-direction: column;
    }

    .areaFutures .iframeCompany .contentFutures .contentHistory .wrapTitleHis {
        width: 100%;
        margin-right: 0;
    }

    .areaFutures .iframeCompany .contentFutures .wrapVmv .boxHistory .wrapTitle {
        margin-bottom: 25px;
    }

    .areaFutures .iframeCompany .contentFutures .contentHistory .wrapTitleHis .historyPhoto {
        margin-top: 0;
    }

    .areaFutures .iframeCompany .contentFutures .contentHistory .boxHistoryRight {
        width: 100%;
        margin-top: 0;
    }

    .areaFutures .iframeCompany .contentFutures .wrapVmv .contentItemFut .boxHistory {
        padding-bottom: 0;
    }

    .areaFutures .iframeCompany .contentFutures .contentHistory .boxHistoryRight table tr:first-child {
        border-top: none;
    }

    .areaFutures .iframeCompany .contentFutures .contentHistory .boxHistoryRight table th {
        padding: 23px 10px 5px;
        width: 100%;
        display: block;
    }

    .areaFutures .iframeCompany .contentFutures .contentHistory .boxHistoryRight table td {
        font-size: 14px;
        padding: 0 10px 23px;
        width: 100%;
        display: block;
    }

    /*END-WRAPVMV*/

    /*WRAPPROFILECOMP*/
    .areaFutures .iframeCompany .contentFutures .wrapProfileComp {
        padding-bottom: 0;
    }

    .areaFutures .iframeCompany .contentFutures .wrapProfileComp .contentLocatComp {
        padding-bottom: 0;
    }

    .areaFutures .iframeCompany .contentFutures .wrapProfileComp .contentProComp .wrapTitleHis {
        width: 100%;
        margin-right: 0;
    }

    .areaFutures .iframeCompany .contentFutures .wrapProfileComp .contentProComp .wrapTitleHis .wrapTitle {
        margin-bottom: 15px;
    }

    .areaFutures .iframeCompany .contentFutures .wrapProfileComp .contentProComp .wrapTitleHis .areaTitle {
        margin-bottom: 7px;
    }

    .areaFutures .iframeCompany .contentFutures .wrapProfileComp .contentProComp .boxHistoryRight {
        width: 100%;
        margin-top: 0;
    }

    .areaFutures .iframeCompany .contentFutures .wrapProfileComp .contentProComp .boxHistoryRight table th {
        width: 100%;
        padding: 23px 10px 5px;
    }

    .areaFutures .iframeCompany .contentFutures .wrapProfileComp .contentProComp .boxHistoryRight table tr:first-child th {
        padding-top: 0;
    }

    .areaFutures .iframeCompany .contentFutures .wrapProfileComp .contentProComp .boxHistoryRight table td {
        width: 100%;
        padding: 0 10px 23px;
    }

    .areaFutures .iframeCompany .contentFutures .wrapProfileComp .contentLocatComp .wrapTitleHis {
        width: 100%;
        margin-right: 0;
    }

    .areaFutures .iframeCompany .contentFutures .wrapProfileComp .contentLocatComp .boxHistoryRight {
        width: 100%;
        margin-top: 0;
    }

    .areaFutures .iframeCompany .contentFutures .wrapProfileComp .contentLocatComp .boxHistoryRight table th {
        padding: 23px 10px 5px;
        width: 100%;
        display: block;
    }

    .areaFutures .iframeCompany .contentFutures .wrapProfileComp .contentLocatComp .boxHistoryRight table td {
        padding: 0 10px 23px;
        width: 100%;
        display: block;
    }

    .areaFutures .iframeCompany .contentFutures .wrapProfileComp .contentLocatComp .boxHistoryRight table td .txtLocation {
        width: 89%;
    }

    .areaFutures .iframeCompany .contentFutures .wrapProfileComp .contentLocatComp .boxHistoryRight table td .iconLocation {
        right: 4.6vw;
        bottom: 23px;
    }

    /*END-WRAPPROFILECOMP*/

    /*WRAPMESSCOMP*/
    .areaFutures .iframeCompany .contentFutures .wrapMessComp {
    	padding-bottom: 0;
    }
    .areaFutures .iframeCompany .contentFutures .wrapMessComp .wrapTitle {
        margin-bottom: 25px;
    }

    .areaFutures .iframeCompany .contentFutures .wrapMessComp .wrapTitle .areaTitle {
        margin-bottom: 7px;
    }

    .areaFutures .iframeCompany .contentFutures .wrapMessComp .contentItemFut .listMessComp li {
        flex-direction: column;
        padding: 0 0 30px;
        margin-bottom: 30px;
    }

    .areaFutures .iframeCompany .contentFutures .wrapMessComp .contentItemFut .listMessComp li:nth-child(2n) {
        flex-direction: column-reverse;
    }

    .areaFutures .iframeCompany .contentFutures .wrapMessComp .contentItemFut .listMessComp li .messPhoto {
        width: 100%;
        margin-bottom: 15px;
    }

    .areaFutures .iframeCompany .contentFutures .wrapMessComp .contentItemFut .listMessComp li .itemMessComp {
        width: 100%;
        padding: 0;
    }

    .areaFutures .iframeCompany .contentFutures .wrapMessComp .contentItemFut .listMessComp li:nth-child(2n) .itemMessComp {
        padding: 0;
    }

    .areaFutures .iframeCompany .contentFutures .wrapMessComp .contentItemFut .listMessComp li .itemMessComp .subMessComp {
        margin-bottom: 0;
    }

    .areaFutures .iframeCompany .contentFutures .wrapMessComp .contentItemFut .listMessComp li .itemMessComp .titleMessComp {
        font-size: 22px;
        margin-bottom: 9px;
    }

    .areaFutures .iframeCompany .contentFutures .wrapMessComp .contentItemFut .listMessComp li .itemMessComp .txtMessComp {}

    /*END-WRAPMESSCOMP*/
}

@media (max-width: 500px) {
    .areaFutures .iframeCompany .listTabCompany {
        padding: 0;
    }

    .areaFutures .iframeCompany .listTabCompany li {
        width: calc(100% / 4);
    }
}

@media (max-width: 414px) {
    .areaFutures .wrapFutures .itemFutures:nth-child(2n) .imageFutures {
        margin: 0 0 29px 13px;
    }
}

/*IE FIX*/
@media all and (-ms-high-contrast:none) {

    .areaFutures .wrapFutures .boxDetails .areaButton a {
        padding: 14px 0 13px;
    }
}



/*.lax {
    -webkit-transition: -webkit-transform 2s cubic-bezier(.11,1.21,0,.97);
    transition: -webkit-transform 2s cubic-bezier(.11,1.21,0,.97);
    transition: transform 2s cubic-bezier(.11,1.21,0,.97);
    transition: transform 2s cubic-bezier(.11,1.21,0,.97), -webkit-transform 2s cubic-bezier(.11,1.21,0,.97);
}


.messPhoto {
    width: 33%;
    display: block;
    position: relative;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.messPhoto>div {
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.messPhoto>div>span {
    display: block;
    width: 100%;
    height: 500px;
    background-repeat: none;
    background-size: cover;
    background-position: top center;
}

.messPhoto>div>span img {
    display: block;
    width: 101%;
    height: auto;
    position: relative;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}*/