@font-face { font-family: 'BebasKai'; src: url('/skin/fonts/BebasKai_2.ttf'); font-style: normal }
@font-face { font-family: 'IBMPlexSans-Regular'; src: url('/skin/fonts/IBMPlexSans-Regular.ttf'); font-style: normal }


img { max-width: 100%; }
.video { border-style: none; position: relative; width: 100%; height: 100vh; min-height: 600px; background-color: #fff; margin: 0px auto; }
    .video > video { position: relative; width: 100%; height: 100%; border: none; object-fit: cover; border-style: none; background-color: #fff; }
        .video > video:focus { outline: none }

    .video > .text { z-index: 1; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; display: flex; align-items: center; justify-content: center; flex-direction: column; }
        .video > .text > .box { max-width: 1800px; padding: 0px 10%; width: 100%; flex: 1; display: flex; align-items: center; }
            .video > .text > .box > .bl { flex: 1; margin-top: 30%; }
                .video > .text > .box > .bl > p { font-size: 5rem; color: #fff; line-height: 1.15; font-family: BebasKai; }
                    .video > .text > .box > .bl > p > i { font-style: normal; background-color: #e50112; padding: 0px 10px; }
                .video > .text > .box > .bl > a { display: inline-block; font-family: "IBMPlexSans-Regular"; position: relative; margin-top: 2.5rem; border-radius: 2.5rem; height: 2.5rem; line-height: 2.5rem; padding: 0px 5.6rem; color: #000; background-color: #fff; font-size: 1.125rem; }
                    .video > .text > .box > .bl > a > img { position: absolute; right: 1rem; vertical-align: middle; top: calc(50% - 7px); }
            .video > .text > .box > .br { width: 12%; max-width: 181px; padding-bottom: 6rem; }
                .video > .text > .box > .br > img { width: 100%; }
        .video > .text > .down { margin-bottom: 120px; height: 3.75rem; width: 3.75rem; border: 0.625rem solid rgba(255,255,255,0.6); border-radius: 60px; }
            .video > .text > .down > .mouse { position: relative; height: 2.5rem; width: 2.5rem; background-color: #fff; border-radius: 40px; }
                .video > .text > .down > .mouse::before { content: ''; width: 0.625rem; height: 0.625rem; position: absolute; top: 0.625rem; left: 50%; transform: translateX(-50%); background-color: #333; border-radius: 50%; opacity: 1; animation: wheel 1s infinite; -webkit-animation: wheel 1s infinite; }

@media only screen and (max-width:1600px) {
    .video > .text > .box > .bl > p { font-size: 4.4rem; }
    .video > .text > .box > .bl > a { padding: 0px 5rem; }
}

@media only screen and (max-width:1440px) {
    .video > .text > .box > .bl > p { font-size: 4rem; }
    .video > .text > .box > .bl > a { padding: 0px 4.5rem; }
}

@media only screen and (max-width:13660px) {
    .video > .text > .box > .bl > p { font-size: 3.8rem; }
    .video > .text > .box > .bl > a { padding: 0px 4.2rem; }
}

@media only screen and (max-width:1280px) {
    .video > .text > .box > .bl > p { font-size: 3.6rem; }
    .video > .text > .box > .bl > a { padding: 0px 4rem; }
}

@media only screen and (max-width:1024px) {
    .video > .text > .box > .bl > p { font-size: 2.8rem; }
}

@media only screen and (max-width:960px) {
    .video > .text > .box > .bl > p { font-size: 2.6rem; }
}

@media only screen and (max-width:768px) {
    .video { min-height: 500px; }
        .video > .text > .box > .bl > p { font-size: 2.25rem; }
        .video > .text > .box > .br { width: 1%; }
        .video > .text > .box > .bl > p > i { padding: 0px 5px; }
        .video > .text > .down { margin-bottom: 50px; height: 3rem; width: 3rem; border: 0.5rem solid rgba(255,255,255,0.6); border-radius: 50px; }
            .video > .text > .down > .mouse { height: 2rem; width: 2rem; }
}

@media only screen and (max-width:640px) {
    .video > .text > .box > .bl > p { font-size: 1.8rem; }
}

@media only screen and (max-width:480px) {
    .video > .text > .box > .bl > p { font-size: 1.35rem; }
}

@keyframes wheel {
    to { opacity: 0; top: 1.5rem }
}

@-webkit-keyframes wheel {
    to { opacity: 0; top: 1.5rem }
}





.yhtop { width: 100%; max-width: 1920px; transform: translateY(-100px); margin: 0px auto; height: 130px; }
    .yhtop > img { width: 100%; object-fit: cover; }

@media only screen and (max-width:1600px) {
    .yhtop { height: 115px; }
}

@media only screen and (max-width:1440px) {
    .yhtop { height: 100px; }
}

@media only screen and (max-width:1280px) {
    .yhtop { transform: translateY(-80px); height: 90px; }
}

@media only screen and (max-width:1024px) {
    .yhtop { transform: translateY(-60px); height: 75px; }
}

@media only screen and (max-width:768px) {
    .yhtop { transform: translateY(-40px); height: 60px; }
}

@media only screen and (max-width:480px) {
    .yhtop { transform: translateY(-20px); }
}




.bgbig { width: 100%; background-image: linear-gradient(to bottom, #fff, #f8f3ef); z-index: -100; position: relative; }
.reachbig { max-width: 1800px; padding: 0px 2.8%; margin: auto; }
.reachsubtext { text-align: center; margin: 2rem; }
    .reachsubtext > p { max-width: 950px; font-size: 1.625rem; color: #000; font-family: "IBMPlexSans-Regular"; }

@media only screen and (max-width:768px) {
    .reachsubtext { width: 86%; margin: 1rem; }
        .reachsubtext > p { font-size: 18px; }
}

.reachtext { display: flex; width: 100%; max-width: 1400px; margin: 9rem auto; }
    .reachtext > .subtitle { color: #000; width: 30%; margin-right: 5%; text-transform: uppercase; font-family: "BebasKai"; font-size: 3.75rem; line-height: 1; }
        .reachtext > .subtitle > i { position: relative; font-style: normal; }
            .reachtext > .subtitle > i::after { z-index: -99; content: ''; position: absolute; left: 0; bottom: 10px; width: 100%; height: 10px; background: #faa531; }
    .reachtext > .conn { flex: 1; }
        .reachtext > .conn > p { font-size: 1.3rem; line-height: 1.75; color: #000; font-family: 'IBMPlexSans-Regular'; }

@media only screen and (max-width:1600px) {
    .reachtext > .subtitle { font-size: 3.25rem; }
}

@media only screen and (max-width:1440px) {
    .reachtext > .subtitle { font-size: 2.85rem; }
}

@media only screen and (max-width:1366px) {
    .reachtext > .subtitle { font-size: 2.75rem; }
}

@media only screen and (max-width:1280px) {
    .reachtext > .subtitle { font-size: 2.75rem; }
}

@media only screen and (max-width:1024px) {
    .reachtext > .subtitle { font-size: 2rem; }
}

@media only screen and (max-width:960px) {
    .reachtext { margin: 5rem auto; }
        .reachtext > .subtitle { font-size: 1.85rem; line-height: 1.25; }
            .reachtext > .subtitle > i::after { bottom: 5px; height: 5px; }
}

@media only screen and (max-width:768px) {
    .reachtext > .subtitle { width: 35%; margin-right: 2%; }
    .reachtext > .conn > p { font-size: 16px; }
}



.reachimgs { width: 100%; margin: 0px auto; max-width: 1420px; }
    .reachimgs > ul { width: 100%; display: flex; flex-wrap: wrap; }
        .reachimgs > ul > li { width: 31.33%; margin: 1%; }
            .reachimgs > ul > li > .img { width: 100%; overflow: hidden; border-radius: 2rem; }
                .reachimgs > ul > li > .img > img { width: 100%; object-fit: cover; }
            .reachimgs > ul > li > b { display: block; text-align: center; padding: 1rem 0px; font-weight: 400; color: #000; text-transform: uppercase; font-family: "BebasKai"; font-size: 2.25rem; line-height: 1; }
    .reachimgs > .text { padding: 2rem; width: 100%; }
        .reachimgs > .text > p { max-width: 1300px; font-size: 1.625rem; text-align: center; color: #000; font-family: "IBMPlexSans-Regular"; }

    .reachimgs > ul > li > .img > img { -moz-transition: transform, 1s; -webkit-transition: transform, 1s; -o-transition: transform, 1s; transition: transform,1s }
    .reachimgs > ul > li:hover > .img > img { -webkit-transform: scale(1.15); transform: scale(1.15) }



@media only screen and (max-width:1600px) {
    .reachimgs > ul > li > b { font-size: 2rem; }
}

@media only screen and (max-width:1440px) {
    .reachimgs > ul > li > b { font-size: 1.8rem; }
}

@media only screen and (max-width:1366px) {
    .reachimgs > ul > li > b { font-size: 1.7rem; }
}

@media only screen and (max-width:1280px) {
    .reachimgs > ul > li > b { font-size: 1.6rem; }
    .reachimgs > ul > li > .img { border-radius: 1.5rem; }
}

@media only screen and (max-width:768px) {
    .reachimgs > ul > li { width: 48%; }
        .reachimgs > ul > li > .img { border-radius: 1rem; }
        .reachimgs > ul > li > b { font-size: 1.15rem; }
}



.txttitle { position: relative; text-transform: uppercase; font-size: 4.375rem; color: #000; font-family: "BebasKai"; text-align: center; line-height: 1; }
    .txttitle > i { font-style: normal; position: relative; }
        .txttitle > i::after { z-index: -99; content: ''; position: absolute; left: 0; bottom: 0.625rem; width: 100%; height: 0.625rem; background: #1c9dd6; }
    .txttitle.bai { color: #fff; }
.txtsubtitle { padding: 2rem 0px; margin: 0px auto; text-align: center; font-size: 1.25rem; max-width: 1100px; color: #000; font-family: 'IBMPlexSans-Regular'; }
    .txtsubtitle.bai { color: #fff; }

@media only screen and (max-width:1600px) {
    .txttitle { font-size: 3.85rem; }
}

@media only screen and (max-width:1440px) {
    .txttitle { font-size: 3.5rem; }
}

@media only screen and (max-width:1366px) {
    .txttitle { font-size: 3.3rem; }
}

@media only screen and (max-width:1280px) {
    .txttitle { font-size: 3.1rem; }
}

@media only screen and (max-width:1024px) {
    .txttitle { font-size: 2.65rem; }
}

@media only screen and (max-width:960px) {
    .txttitle { font-size: 2.5rem; }
}

@media only screen and (max-width:768px) {
    .txttitle { font-size: 20px; }
        .txttitle > i::after { bottom: 5px; height: 5px; }
    .txtsubtitle { font-size: 16px; }
}





.whobg { width: 100%; background-image: linear-gradient(to bottom, #f8f3ef, #e5e1e0); }
.whobig { width: 100%; max-width: 1500px; padding: 10rem 3%; margin: 0px auto; }
    .whobig > ul { display: flex; flex-wrap: wrap; }
        .whobig > ul > li { cursor: pointer; width: 48%; margin: 5px 1%; background-color: #fff; border-radius: 100px; line-height: 1.8; font-family: 'IBMPlexSans-Regular'; font-size: 1.125rem; color: #000; padding: 5px 2rem; background-image: url('../images/icon/ir7.png'); background-repeat: no-repeat; background-position: center right 20px; }
            .whobig > ul > li:hover { background-color: #293365; color: #fff; background-image: url('../images/icon/id1.png'); }
            .whobig > ul > li.action { background-color: #293365; color: #fff; background-image: url('../images/icon/id1.png'); }
    .whobig > .map { margin-top: 4rem; }
        .whobig > .map > img { max-width: 100% }
    .whobig > .date { margin-top: 2rem; }
        .whobig > .date > img { max-width: 100% }



@media only screen and (max-width:1024px) {
    .whobig { padding-top: 7rem; padding-bottom: 7rem; }
}

@media only screen and (max-width:768px) {
    .whobig { padding-top: 5rem; padding-bottom: 5rem; }
        .whobig > ul > li { width: 98%; }
}



.margintop { margin-top: 5rem; }
.historybg { width: 100%; background-image: linear-gradient(to bottom, #e5e1e0, #fff); z-index: -100; position: relative; }
    .historybg > div { background-color: #010101; border-radius: 3.125rem; max-width: 1800px; margin: 0px auto; z-index: -100; position: relative; }
.historybig { width: 100%; max-width: 1500px; padding: 10rem 3%; margin: 0px auto; }
    .historybig > .img { width: 100%; margin: 2rem auto; }
        .historybig > .img > ul { width: 100%; display: flex; flex-wrap: wrap; justify-content: center; }
            .historybig > .img > ul > li { width: 33.33%; margin-bottom: 5rem; }
                .historybig > .img > ul > li > b { line-height: 1; display: block; font-weight: 400; text-align: center; color: #fff; font-size: 2.8rem; font-family: "BebasKai"; }
                .historybig > .img > ul > li > i { position: relative; display: block; font-style: normal; text-align: center; height: 34px; }
                    .historybig > .img > ul > li > i > img { z-index: 100; position: absolute; left: 0px; right: 0px; margin: 0px auto; }
                    .historybig > .img > ul > li > i::after { z-index: 99; left: 0px; right: 0px; position: absolute; content: ""; height: 2px; background-color: #6f6f6f; top: 16px; }
                .historybig > .img > ul > li > p { text-align: center; color: #fff; font-size: 1.25rem; margin: 1rem auto; }
                .historybig > .img > ul > li > div { width: 100%; display: flex; color: #fff; font-size: 1.25rem; margin: 1rem auto; text-align: center; }
                    .historybig > .img > ul > li > div > span { width: 50%; display: block; text-align: center; }
                .historybig > .img > ul > li > .pic { text-align: center; margin: 0px auto; padding: 0px 1rem; }
                    .historybig > .img > ul > li > .pic > img { border-radius: 1.85rem; margin: 0px auto; }






    .historybig > ul { width: 100%; display: flex; margin-top: 5rem; flex-wrap: wrap; }
        .historybig > ul > li { width: 31.33%; margin: 1%; text-align: center; padding: 0px 1rem; }
            .historybig > ul > li > .img { width: 100%; }
                .historybig > ul > li > .img > img { max-width: 100%; border-radius: 2rem; }
            .historybig > ul > li > b { line-height: 1.5; position: relative; margin: 1rem 0px; font-weight: 400; display: inline-block; font-size: 2.5rem; font-family: "BebasKai"; color: #fff; }
                .historybig > ul > li > b::after { z-index: -99; content: ''; position: absolute; left: 0; right: 0px; bottom: 10px; height: 10px; background: #faa531; }
            .historybig > ul > li:nth-child(2) > b::after { background-color: #0da572 }
            .historybig > ul > li:nth-child(3) > b::after { background-color: #e50014 }
            .historybig > ul > li > p { font-size: 1.375rem; color: #fff; font-family: 'IBMPlexSans-Regular'; }


@media only screen and (max-width:1280px) {
    .historybig > ul > li > b { font-size: 2rem; }
        .historybig > ul > li > b::after { height: 5px; bottom: 5px; }
}

@media only screen and (max-width:1024px) {
    .historybig { padding-top: 7rem; padding-bottom: 7rem; }
}

@media only screen and (max-width:960px) {
    .historybig > ul > li > b { font-size: 1.5rem; }
    .historybig > ul > li > p { font-size: 1.15rem; }
    .historybig > .img > ul > li { width: 50%; }
        .historybig > .img > ul > li > b { font-size: 1.5rem; }
        .historybig > .img > ul > li > .pic { padding: 0px 8px; }
            .historybig > .img > ul > li > .pic > img { border-radius: 10px; }
}

@media only screen and (max-width:768px) {
    .historybig { padding-top: 5rem; padding-bottom: 5rem; }
        .historybig > ul > li { width: 48%; padding: 0px; }
            .historybig > ul > li > .img > img { max-width: 100px; }
            .historybig > ul > li > p { font-size: 14px; }
}

@media only screen and (max-width:540px) {
    .historybig > ul > li { width: 98%; padding: 0px; }
}







.corebg { width: 100%; background-image: linear-gradient(to bottom, #fff, #e9e5e2); z-index: -100; position: relative; }
.corebig { width: 100%; max-width: 1800px; padding: 10rem 3%; margin: 0px auto; }
    .corebig > .list { width: 100%; text-align: center; position: relative; }
        .corebig > .list > img { max-width: 100%; padding: 0px 3%; }
        .corebig > .list > ul { max-width: 1576px; width: 100%; display: flex; margin: 0px auto; align-items: stretch; flex-wrap: wrap; }
            .corebig > .list > ul > li { width: 25%; margin-bottom: 2rem; }
                .corebig > .list > ul > li > .box { background-color: #ebebeb; z-index: -100; position: relative; height: 100%; margin: 0px 3%; width: 92%; border-radius: 1.65rem; padding: 2rem; text-align: left; }
                    .corebig > .list > ul > li > .box > b { position: relative; display: inline-block; color: #000; font-family: "BebasKai"; line-height: 1.25; font-size: 3rem; font-weight: 400; }
                        .corebig > .list > ul > li > .box > b::after { z-index: -99; content: ''; position: absolute; left: 0; right: 0px; bottom: 10px; height: 10px; background: #faa531; }
                    .corebig > .list > ul > li > .box > p { margin: 2rem auto; text-align: left; font-size: 1.25rem; color: #000; font-family: 'IBMPlexSans-Regular'; }

                .corebig > .list > ul > li:nth-child(2) > .box > b::after { background: #d778b3; }
                .corebig > .list > ul > li:nth-child(3) > .box > b::after { background: #addc7f; }
                .corebig > .list > ul > li:nth-child(4) > .box > b::after { background: #81b5df; }
    .corebig > .text { margin: 4rem auto 6rem auto; background-color: #fff; max-width: 860px; text-align: center; border-radius: 2rem; padding: 2rem; font-size: 1.625rem; color: #000; font-family: 'IBMPlexSans-Regular'; }



    .corebig > dl.dla { width: 100%; max-width: 1576px; margin: 0px auto; }
        .corebig > dl.dla > dd { display: flex; flex-wrap: wrap; }
            .corebig > dl.dla > dd > .dleft { flex: 1; margin-right: 5%; }
                .corebig > dl.dla > dd > .dleft > b { position: relative; display: block; color: #000; font-family: "BebasKai"; line-height: 0.7; font-size: 5rem; font-weight: 400; }
                    .corebig > dl.dla > dd > .dleft > b > i { position: relative; font-style: normal; display: inline-block; line-height: 1; }
                        .corebig > dl.dla > dd > .dleft > b > i::after { z-index: -99; content: ''; position: absolute; left: 0; right: 0px; bottom: 10px; height: 10px; background: #f59ca2; }
                .corebig > dl.dla > dd > .dleft > span { margin: 1rem 0px; display: inline-block; background-color: #ee5662; color: #fff; font-size: 1.625rem; padding: 0px 1rem; line-height: 1.8; font-family: 'IBMPlexSans-Regular'; }
                .corebig > dl.dla > dd > .dleft > p { color: #000; font-size: 1.625rem; line-height: 1.5; font-family: 'IBMPlexSans-Regular'; }
            .corebig > dl.dla > dd > .dright { width: 40%; }
                .corebig > dl.dla > dd > .dright > img { max-width: 100%; border-radius: 2rem; }

    .corebig > dl.dlb { margin-top: 5rem; }
        .corebig > dl.dlb > dd > .dleft { margin-right: 0%; margin-left: 5%; }



@media only screen and (max-width:1600px) {
    .corebig > .title { font-size: 3.25rem; }
    .corebig > .list > ul > li > .box > b { font-size: 2.7rem; }
    .corebig > dl.dla > dd > .dleft > b { font-size: 4.25rem; }
}

@media only screen and (max-width:1440px) {
    .corebig > .title { font-size: 2.85rem; }
    .corebig > .list > ul > li > .box > b { font-size: 2.5rem; }
    .corebig > dl.dla > dd > .dleft > b { font-size: 4rem; }
}

@media only screen and (max-width:1366px) {
    .corebig > .title { font-size: 2.75rem; }
    .corebig > .list > ul > li > .box > b { font-size: 2.35rem; }
    .corebig > dl.dla > dd > .dleft > b { font-size: 3.75rem; }
}

@media only screen and (max-width:1280px) {
    .corebig > .title { font-size: 2.75rem; }
    .corebig > .list > ul > li > .box { padding: 1rem; border-radius: 1rem; }
        .corebig > .list > ul > li > .box > b { font-size: 2.15rem; }
        .corebig > .list > ul > li > .box > p { font-size: 1.35rem; }
        .corebig > .list > ul > li > .box > b::after { height: 5px; bottom: 5px; }
    .corebig > .text { font-size: 1.35rem; }
    .corebig > dl.dla > dd > .dleft > b { font-size: 3.5rem; }
        .corebig > dl.dla > dd > .dleft > b > i::after { height: 5px; bottom: 5px; }
    .corebig > dl.dla > dd > .dleft > span { font-size: 1.35rem; }
    .corebig > dl.dla > dd > .dleft > p { font-size: 1.35rem; }
}

@media only screen and (max-width:1024px) {
    .corebig { padding-top: 7rem; padding-bottom: 7rem; }
        .corebig > .title { font-size: 2rem; }
        .corebig > .list > ul > li > .box > b { font-size: 1.75rem; }
        .corebig > .list > ul > li > .box > p { font-size: 1.25rem; }
        .corebig > dl.dla > dd > .dleft > b { font-size: 2.85rem; }
}

@media only screen and (max-width:960px) {
    .corebig > .title { font-size: 1.85rem; line-height: 1.25; }
    .corebig > .list > ul > li > .box > b { font-size: 1.5rem; }
    .corebig > dl.dla > dd > .dleft > b { font-size: 2.65rem; }
}

@media only screen and (max-width:768px) {
    .corebig { padding-top: 5rem; padding-bottom: 5rem; }
        .corebig > .subtitle { font-size: 14px; }
        .corebig > .text { font-size: 14px; margin: 2rem 1rem; }
        .corebig > .list img { display: none; }
        .corebig > .list > ul > li { width: 50%; }
            .corebig > .list > ul > li > .box { margin: 0px 1rem; border-radius: 1rem; }
        .corebig > dl.dla > dd > .dleft > b { font-size: 2.15rem; }
        .corebig > dl.dla > dd > .dleft { width: 100%; flex: none; margin-bottom: 1rem; }
        .corebig > dl.dla > dd > .dright { width: 100%; margin-right: 0%; margin-left: 0%; }
        .corebig > dl.dla > dd > .dleft > span { font-size: 14px; }
        .corebig > dl.dla > dd > .dleft > p { font-size: 14px; }
        .corebig > dl.dlb > dd { flex-direction: column-reverse }
            .corebig > dl.dlb > dd > .dright { margin-bottom: 1rem; }
            .corebig > dl.dlb > dd > .dleft { margin-right: 0%; margin-left: 0%; }
}












.careerbg { width: 100%; background-color: #fff; }
    .careerbg > div { background-color: #010101; border-radius: 0px 0px 3.125rem 3.125rem; max-width: 1800px; margin: 0px auto; }
.careerbig { width: 100%; max-width: 1600px; padding: 10rem 3%; margin: 0px auto; }
    .careerbig > ul { display: flex; margin-top: 3rem; flex-wrap: wrap; }
        .careerbig > ul > li { width: 31.333%; margin: 1%; }
            .careerbig > ul > li > .img { width: 100%; position: relative; border-radius: 1.8rem; overflow: hidden; }
                .careerbig > ul > li > .img > img { max-width: 100%; -moz-transition: transform, 0.5s; -webkit-transition: transform, 0.5s; -o-transition: transform, 0.5s; transition: transform,0.5s }
                .careerbig > ul > li > .img > .icon { position: absolute; right: 1.5rem; top: 1.5rem; }
            .careerbig > ul > li > b { line-height: 1.15; padding: 1rem 0px; font-weight: 400; font-family: 'IBMPlexSans-Regular'; display: block; font-size: 1.675rem; color: #fff; text-align: center; }
            .careerbig > ul > li > a { width: 50%; font-family: 'IBMPlexSans-Regular'; display: block; font-size: 1.125rem; color: #fff; padding: 0.5rem 0px; text-align: center; border: solid 1px #e50012; border-radius: 50px; background-image: url('../images/icon/ir9.png'); background-repeat: no-repeat; background-position: center right 20px; }

            .careerbig > ul > li > .img:hover > img { -webkit-transform: scale(1.15); transform: scale(1.15) }



@media only screen and (max-width:1024px) {
    .careerbig { padding-top: 7rem; padding-bottom: 7rem; }
        .careerbig > ul > li > .img { border-radius: 1.5rem; }
            .careerbig > ul > li > .img > .icon { width: 40px; height: 40px; }
}



@media only screen and (max-width:768px) {
    .careerbig { padding-top: 5rem; padding-bottom: 5rem; }
        .careerbig > ul > li { width: 48%; margin-bottom: 2rem; }
            .careerbig > ul > li > .img { border-radius: 1rem; }
            .careerbig > ul > li > a { width: 100% }
            .careerbig > ul > li > .img > .icon { width: 30px; height: 30px; }
}

@media only screen and (max-width:480px) {
    .careerbig > ul > li { width: 98%; }
}




.blogbig { width: 100%; max-width: 1300px; padding: 10rem 3%; margin: 0px auto; }
    .blogbig > ul { display: flex; margin-top: 3rem; flex-wrap: wrap; }
        .blogbig > ul > li { width: 48%; margin: 1%; }
            .blogbig > ul > li > .img { width: 100%; position: relative; border-radius: 1.8rem; overflow: hidden; }
                .blogbig > ul > li > .img > img { max-width: 100%; -moz-transition: transform, 0.5s; -webkit-transition: transform, 0.5s; -o-transition: transform, 0.5s; transition: transform,0.5s }
                .blogbig > ul > li > .img > .icon { position: absolute; right: 1.5rem; top: 1.5rem; }
            .blogbig > ul > li > b { line-height: 1.15; padding: 1rem 0px; font-weight: 400; font-family: 'IBMPlexSans-Regular'; display: block; font-size: 1.675rem; color: #000; text-align: center; }
            .blogbig > ul > li > a { width: 50%; font-family: 'IBMPlexSans-Regular'; display: block; font-size: 1.125rem; color: #000; padding: 0.5rem 0px; text-align: center; border: solid 1px #e50012; border-radius: 50px; background-image: url('../images/icon/ir9.png'); background-repeat: no-repeat; background-position: center right 20px; }

            .blogbig > ul > li > .img:hover > img { -webkit-transform: scale(1.15); transform: scale(1.15) }


@media only screen and (max-width:1024px) {
    .blogbig { padding-top: 7rem; padding-bottom: 7rem; }
        .blogbig > ul > li > .img { border-radius: 1.5rem; }
            .blogbig > ul > li > .img > .icon { width: 40px; height: 40px; }
}


@media only screen and (max-width:768px) {
    .blogbig { padding-top: 5rem; padding-bottom: 5rem; }
        .blogbig > ul > li > .img { border-radius: 1rem; }
        .blogbig > ul > li > a { width: 100% }
        .blogbig > ul > li > .img > .icon { width: 30px; height: 30px; }
}

@media only screen and (max-width:480px) {
    .blogbig > ul > li { width: 98%; margin-bottom: 2rem; }
}