@charset "utf-8";

@media screen and (max-width:1280px) {
    .sub-container .titset .h3 + .desc {
        margin-top:2rem
    }
    .value-p .sec .grid > li .inset .desc {
        font-size:2rem
    }

    .company .grid .text-sec .t-wrap .big-t {
        font-size:6.2rem
    }
    .company .grid .img-sec {
        padding-right: 6rem;
    }
    .company .grid .text-sec .t-wrap .text > p br {
        display: none;
    }

    .mission .titset .bg-text {
        font-size:26rem
    }

    .mission .sec-mission .mission-list li {
        padding: 6rem;
    }

    .mission .sec-mission .mission-list::before{
        width: 12rem;
        height: 12rem;;
    }
    .mission .sec-mission .mission-list::after {
        width: 8rem;
        height: 8rem;
    }

    .core-comp .core-list li .inset .desc .korean {
        padding-right: 4rem;
    }
    .responsibility .sec-top .flex-list > li .inner .text {
        padding-left: 6rem;
        padding-right: 6rem;
    }
    .responsibility .sec-top .flex-list > li .inner .text .desc {
        font-size:1.6rem
    }

    .responsibility .sec-top .flex-list > li .inner .text .num {
        font-size: 1.8rem;
    }
    .responsibility .sec-bot .grid {
        gap: 2rem;
    }
    .system .c-list li .inset .text {
        font-size: 2rem;
    }
    .system .sec2 .wage-wrap .flex .text {
        font-size: 1.8rem;
    }
    .system .sec2 .wage-wrap .flex .diagram .c-list li .inset p {
        font-size: 1.8rem;
    }

    .process .process-list li .figure {
        width: 12rem;;
    }
    .process .process-list li .figure > img {
        max-width:5.2rem;
        aspect-ratio:1/1;
        width:100%
    }
    .process .process-list li .text {
        font-size:1.6rem;
        /* margin-top:2rem; */
    }

    .process .process-list {
        gap: 2.8rem;
    }
    .process .process-list li:not(:last-child)::after {
        right: -50%;
        /* transform: translate(-50%, -50%); */
    }
    .position-desc .cont-wrap .cont-head .flex .cont-tit {
        width: 36rem;
    }
    .position-desc .cont-wrap .cont-list {
        width: calc(100% - 36rem);
    }

    body:has(.history) #fp-nav.left {
        left: 2rem;
    }
    .history .section .text-wrap .inset {
        width: 70%;
        padding-top: 12rem;
    }
    .history .section .text-wrap .inset .history-header .big-t {
        font-size:8rem
    }
    .history .section .text-wrap .inset .history-list li {
        font-size: 1.8rem;
    }
    .history .section .text-wrap .inset .history-list li + li {
        margin-top:1.2rem
    }
    .history .section .text-wrap .inset .history-list li .year {
    max-width: 10rem;
    }
    .history .section .text-wrap .inset .history-list li .desc br {
        display:none
    }
    .history .section .text-wrap .inset.ty2 .big-t {
        font-size: 28rem;
    }
    .history .section .text-wrap .inset.ty2 .desc {
        font-size:2rem

    }
}

@media screen and (max-width:905px) {
    .sub-visual {
        height: 400px;
    }
    .sub-container .titset .desc {
        font-size:1.8rem
    }
    .sub-container .titset .h3 + .desc {
        margin-top:1.2rem
    }
    .sub-container {
        padding: 10rem 0;
    }
    .sub-container .titset {
        margin-bottom:6rem
    }
    .value-p .sec .e-wrap .element {
        margin: 4rem 2rem 0;
    }
    .value-p .sec .e-wrap {
        padding:8rem 0
    }
    .value-p .sec .e-wrap .element .flex > li span {
        font-size:2rem
    }
    .value-p .sec.top .grid,
    .value-p .sec .grid {
        grid-template-columns: repeat(3,1fr);
    }

    .value-p .sec.top .grid > li:nth-child(-n+4) {
        grid-column: unset
        ;
    }
    .value-p .sec.top .grid > li:nth-child(n+5) {
        grid-row:unset;
        grid-column: unset
    }
    .value-p .sec + .sec {
        margin-top:12rem
    }
    .value-p .sec .grid > li {
        padding:2.8rem
    }

    /* .sub-navigation .n-list li a {
        font-size:1.4rem;
        text-align: left;
        padding: .8rem 0;
    }
    .sub-navigation .n-list li.active::after {
        display:none
    } */

    .company.intro .grid {
        grid-template-columns: repeat(1,1fr);
    }
    .company .grid .img-sec {
        padding-right: 0;
    }
    .company .grid .text-sec .t-wrap .big-t {
        font-size:5.2rem
    }
    .company .grid .text-sec .t-wrap .text {
        font-size:1.6rem
    }
    .mission .titset .bg-text {
        font-size:20rem
    }

    .mission .sec-mission .mission-list li {
        padding: 4rem;
    }
    .mission .sec-mission .mission-list li .inset > p {
        font-size:1.4rem
    }
    .mission .sec-vision .desc {
        font-size:1.6rem
    }

    .mission .vision-list li .inset > p {
        font-size: 1.4rem;
    }

    .mission .vision-list li:nth-child(1) {
        margin-right: -2rem;
    }
    .mission .vision-list li:nth-child(2) {
        margin-left: -2rem;
    }

    .mission .vision-list li .inset {
        padding: 0 2rem;
    }
    .mission .sec-mission .mission-list li .inset > p br {
        display: none;
    }

    .product .prd-wrap .prd-list li .text {
        padding-left: 4rem;
    }
    .product .prd-wrap .prd-list li .text p {
        font-size: 1.6rem;
    }
    .product .prd-wrap .prd-list li:nth-child(2) .text {
        padding-right: 4rem;
    }

    .global .factory-wrap .factory-list {
        gap: 2rem;
    }
    .global .factory-wrap {
        margin-top: 4rem;
    }
    .global .factory-wrap .factory-list li .inset .t-set {
        padding: 2rem;
        padding-bottom: 2.8rem;
    }

    .core-comp .core-list li .inset {
        flex-direction: column;;
    }
    .core-comp .core-list li .inset .desc {
        width:100%;
        margin-top: 2rem;
        gap: 4rem;
    }

    .core-comp .bullet-list li br {
        display: none;
    }

    .core-comp .core-list {
        margin-top: 10rem;
    }
    .core-comp .core-list li .inset .desc .korean {
        width: 100%;
        padding-right: 0;
        flex: 1;
    }
    .core-comp .core-list li .inset .desc .english {
        width:auto;
        flex:1
    }
    .core-comp .core-list li .inset .tit {
        width:auto
    }

    .responsibility .sec-top .flex-list > li .inner .text {
        padding-left: 4rem;
        padding-right: 4rem;
    }
    .responsibility .sec-bot .grid {
        grid-template-columns: repeat(3,1fr);
    }

    .responsibility .sec-top .flex-list > li {
        padding: 8rem 0;
    }

    .news #bo_gall #gall_ul {
        grid-template-columns: repeat(2,1fr);
        margin-top: 1.2rem;
    }

    .location .grid {
        grid-template-columns: repeat(1,1fr);
        margin-top: 6rem;
        gap: 2.8rem;
    }
    .location .grid .loc-desc .desc-wrap .subtit {
        font-size: 2rem;
    }
    .location .grid .loc-desc .desc-wrap ul > li {
        font-size: 1.6rem;
    }
    .location .map-wrap {
        height: 50rem;
    }

    .talent .grid > li .text {
        padding: 4rem 2rem 2rem 2rem;
    }
    .talent .grid > li .text p,
    .talent .grid > li .text strong {
        font-size: 1.4rem;
    }

    .welfare .wel-list {
        gap: 6rem 1.2rem;
    }
    .welfare .wel-list li .text strong {
        font-size: 2rem;
    }
    .welfare .wel-list li .text .bullet-list > li {
        font-size: 1.4rem;
    }
    .training .training-list {
        grid-template-columns: repeat(2,1fr);
    }

    .training .training-list > li .flex .subtit {
        font-size: 2rem;
    }
    .process .process-list {
        
        white-space: nowrap;
        overflow-x: auto;
        gap: 4rem;
        padding: .8rem;
        padding-bottom: 2rem;
    }
    .process .process-list li:not(:last-child)::after {
        width: 2.8rem;
        height: 2.8rem;
        right: -3.4rem;
    }
    .process .process-desc-list {
        margin-top: 6rem;
        grid-template-columns: repeat(1,1fr);
    }
    .process .process-desc-list li .inset .subtit {
        font-size: 2rem;
        margin: 2rem 0 0.8rem;
    }
    .hiring #bo_list .flex {
        flex-direction: column;
    }
    .hiring #bo_list .flex .tit {
        width:auto
    }
    .hiring #bo_list .flex .hiring-wrap {
        width: 100%;
        padding-left: 0;
        margin-top: 4rem;
    }
    .hiring #bo_list .flex .hiring-wrap .hiring-list > li {
        padding: 4rem;
    }

    .system .c-list {
        gap: 2rem;
    }
    .system .c-list li .inset .text {
        font-size: 1.6rem;
    }
    .system .sec2 .wage-wrap .flex .diagram .c-list li {
        max-width: 16rem;
        width: 100%;
        min-width: 12rem;
    }
    .system .sec2 .wage-wrap .flex .diagram .c-list::after {
        width: 2.8rem;
        height: 2.8rem;
    }
    .system .sec2 .wage-wrap .flex .diagram .c-list {
        gap: 6rem;
    }
    .system .sec2 .wage-wrap .flex .diagram .c-list li .inset .ic::before {
        width: 4rem;
        height: 4rem;
    }
    .system .sec2 .wage-wrap .flex .diagram .c-list li .inset p {
        font-size: 1.6rem;
        margin-top: 0;
    }
    .system .sec2 .wage-wrap .flex .text {
        font-size: 1.6rem;
    }
    .position .position-list {
        grid-template-columns: repeat(2,1fr);
    }
    .position .position-list > li .inset > .text {
        padding: 2.8rem;
    }
    .position .position-list > li .inset .hover-box {
        padding: 2.8rem;
    }
    .position-desc .cont-wrap .cont-head .flex {
        flex-direction: column;
        align-items: flex-start;
        gap: 1.6rem;
    }
    .position-desc .cont-wrap .cont-head .flex .cont-tit,
    .position-desc .cont-wrap .cont-head .flex .cont-desc,
    .position-desc .cont-wrap .cont-list {
        width: auto;
    }
    .position-desc .cont-wrap .cont-head .flex .cont-desc {
        font-size: 1.6rem;
    }
    .position-desc .cont-wrap .cont-list > li .question {
        font-size: 1.8rem;
    }
    .position-desc .cont-wrap .cont-head .flex .cont-desc p > br {
        display: none;
    }
    .view #bo_v_title .bo_v_tit {
        font-size: 2.8rem;
        line-height: 1.3;
    }
    .view .view-header #bo_v_title .bo_v_cate {
        font-size: 1.4rem;
    }
    .view .view-header .header-info .if_date {
        font-size: 1.4rem;
    }

    .history .fullpage-inner-scroll {
        height: auto;
        overflow: unset;
    }
    /* body:has(.history) #fp-nav.left {
        display: none;
    } */
    .history .section .text-wrap .inset {
        width: 95%;
        padding-bottom: 0;
        padding-top: 8rem;
    }
    .history .section .text-wrap .inset .history-header .big-t {
        font-size: 6.8rem;
    }
    .history .section .text-wrap .inset .history-list li {
        font-size: 1.6rem;
    }
    .history .section .text-wrap .inset .history-list {
        margin-top: 2.8rem;
    }
    .history .section .text-wrap .inset .flex {
        flex-direction: column;
        gap: 0;
    }
    .history .section .text-wrap .inset .history-list + .history-list {
        margin-top:1.2rem
    }
    .history .section .text-wrap .inset.ty2 .big-t {
        font-size: 24rem;
    }
    .history .section .text-wrap .inset.ty2 .desc {
        font-size: 1.8rem;
    }
    .history .section.sec6 {
        display:none
    }
    .company .grid .img-sec > img {
        height: auto;;
    }
    .company .grid .text-sec {
        margin-top:2rem

    }
    .responsibility .sec-top .flex-list > li .inner .text .desc br {
        display:none
    }
    .responsibility .sec-top .flex-list > li .inner .text .num {
        font-size:1.6rem
    }
    .responsibility .sec-top .flex-list > li .inner .text .h3 {
        margin-top: 2.8rem;
    }
}


@media screen and (max-width:600px) {
    .sub-visual .inner {
        padding-top:4rem
    }
    .sub-visual .inner .text-set .depth1 {
        font-size:1.6rem
    }

    .sub-container {
        padding: 8rem 0;
    }

    .sub-container .titset br {
        display:none
    }
    .sub-container .titset .desc {
        font-size:1.6rem
    }
 
    .value-p .sec .e-wrap {
        padding:4.8rem 0
    }
    .value-p .sec.top .grid, .value-p .sec .grid {
        grid-template-columns: repeat(2,1fr);
    }
    .value-p .sec .grid > li .inset .desc {
        font-size:1.6rem;
        line-height:1.3
    }
    .value-p .sec .grid > li .inset .desc br {
        display:none
    }
    .value-p .sec .grid > li .inset .num {
        font-size:1.4rem
    }
    .value-p .sec .e-wrap .element {
        margin: 2rem 1.2rem 0;
    }
    .value-p .sec .e-wrap .element .flex > li span {
        font-size:1.4rem
    }
    .value-p .sec .e-wrap .element .flex > li:nth-child(2) {
        margin: 0 -2rem
        
    }
    .value-p .sec .grid > li .inset {
        min-height: 12rem;
    }
    .value-p .sec .grid > li {
        padding:2rem
    }

    .company .grid .text-sec .t-wrap .big-t {
        font-size:4.2rem
    }
    .company .grid .text-sec .t-wrap .h5 {
        margin: 2.8rem 0 2rem;
    }
    .company .grid .text-sec .t-wrap .h5 br {
        display:none
    }

    .mission .titset .bg-text {
        font-size: 12rem;
    }
    .mission .sec-mission .mission-list {
        grid-template-columns: repeat(1,1fr);
        gap: 1.6rem;
    }
    .sub-container .titset {
        margin-bottom: 4rem;
    }
    .mission .sec-mission .mission-list::before,
    .mission .sec-mission .mission-list::after {
        display: none;;
    }

    .mission section + section {
        margin-top: 8rem;
    }

    .mission .sec-vision .desc p br {
        display: none;
    }
    .mission .sec-vision .desc {
        font-size: 1.4rem;
    }
    .mission .vision-list {
        margin-top: 4rem;
        flex-direction: column;
    }
    .mission .vision-list li {
        width: 100%;
    }
    .mission .vision-list li:nth-child(1) {
        margin-right: 0;
        margin-bottom: -4rem;
    }

    .mission .sec-mission .mission-list li {
        padding: 2.8rem;
    }
    .mission .vision-list li .inset > p br {
        display: none;
    }
    .mission .vision-list li .inset {
        padding: 0 6rem;
    }

    .product .prd-wrap .prd-list li,
    .product .prd-wrap .prd-list li:nth-child(2) {
        flex-direction: column;
    }
    .product .prd-wrap .prd-list li .box {
        width: 100%;
    }
    .product .prd-wrap .prd-list li .text {
        padding-left: 0;
        padding-top: 2rem;
    }
    .product .prd-wrap .prd-list li .text p {
        font-size: 1.4rem;
        margin-top: 1.2rem;
    }

    .product .prd-wrap .prd-list li:nth-child(2) .text {
        text-align: left;
        padding-right: 0;
    }

    .global .factory-wrap .factory-list {
        grid-template-columns: repeat(2,1fr);
        gap: 1.2rem;
        margin-top: 2rem;
    }
    .global .factory-wrap .factory-list li .inset .t-set p {
        font-size: 1.4rem;
    }

    .global .factory-wrap .factory-list li .inset .t-set .h6 {
        margin-top: 1.6rem;
        margin-bottom: .8rem;
    }

    .global .factory-wrap .factory-list li .inset .t-set {
        
        padding: 1.2rem;
        padding-bottom: 2rem;
    }
    .global .factory-wrap .factory-list li .inset .t-set .cat {
        font-size: 1rem;
        padding: .2rem 0.6rem;
    }
    .core-comp .core-list {
        margin-top: 8rem;
    }
    .core-comp .core-list li .inset .desc {
        flex-direction: column;
        gap: 2rem;
    }
    .core-comp .core-list li .inset .desc .english em {
        font-size: 1.4rem;
    }
    .core-comp .core-list > li {
        padding: 4rem 0;
    }

    .responsibility .sec-top .flex-list > li .inner,
    .responsibility .sec-top .flex-list > li:nth-child(2) .inner {
        flex-direction: column;
    }
    .responsibility .sec-top .flex-list > li .inner .img {
        width: 100%;
    }
    .responsibility .sec-top .flex-list > li .inner .text {
        width:100%
    }
    .responsibility .sec-top .flex-list > li .inner .text {
        padding: 0;
        padding-top: 2rem;
    }
    .responsibility .sec-top .flex-list > li {
        padding: 6rem 0;
    }

    .responsibility .sec-top .flex-list > li .inner .text .num {
        font-size: 1.6rem;
    }
    .responsibility .sec-top .flex-list > li .inner .text .h3 {
        margin: 2.8rem 0 1.2rem;
    }
    .responsibility .sec-bot .grid {
        grid-template-columns: repeat(2,1fr);
        gap: 1.2rem;
        margin-top: 2.4rem;
    }
    .responsibility .sec-bot {
        margin-top: 6rem;
    }
    .responsibility .sec-top .flex-list > li .inner .text .desc {
        font-size: 1.4rem;
    }
    .news-wrap #bo_list_total {
        display: none;
    }
    .news-wrap .board-gnb {
        justify-content: center;
    }
    .news-wrap #bo_cate .cat-list {
        justify-content: center;
        gap: 2.4rem;
    }
    #bo_cate ul:after {
        display: none;
    }
    .news-wrap #bo_cate .cat-list li > a {
        font-size: 1.4rem;
    }
    .news #bo_gall .gall_text_href .cat .bo_cate_link {
        font-size: 1rem;
    }
    .news #bo_gall .bo_tit {
        margin: 0 0 .8rem;
    }
    .news #bo_gall .bo_tit .h6 {
        font-size:1.6rem
    }
    .news #bo_gall .gall_info {
        font-size: 1.2rem;
    }
    .news #bo_gall #gall_ul > li .gall_box {
        margin-bottom: 2.8rem;
    }
    .news #bo_gall .gall_text_href {
        margin: 1.2rem 0 0 0;
    }
    .location .grid .loc-desc .desc-wrap .subtit {
        font-size: 1.8rem;
    }
    .location .grid .loc-desc .desc-wrap ul > li {
        font-size: 1.4rem;
    }
    .location .grid .loc-desc .desc-wrap + .desc-wrap {
        margin-top: 4rem;
    }
    .location .grid .loc-desc .desc-wrap .d-list > li > dl > dd {
        font-size: 1.4rem;
    }
    .location .grid .loc-desc .desc-wrap .d-list > li {
        gap: 2rem;
    }
    .location .grid .loc-desc .desc-wrap .d-list > li .ic {
        width: 8rem;
        height: 8rem;
    }
    .location .grid .loc-desc .desc-wrap .d-list > li .ic::before {
        width: 4.4rem;
        height: 4.4rem;
    }
    .location .map-wrap {
        height: 40rem;
    }
    .talent .grid {
        grid-template-columns: repeat(1,1fr);
    }
    .sub-navigation .toggle::after {
        content: '';
        display: inline-block;
        width: 2.4rem;
        height: 2.4rem;
        background: url(../img/common/ic-next.svg) no-repeat center/cover;
        position: absolute;
        transform: rotate(90deg);
        right: 0;
    }

    .sub-navigation .n-list {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        padding: 6px 1.2rem;
        position: absolute;
        top: 100%;
        left: 0;
        /* margin-top: 8px; */
        width: 100%;
        visibility: hidden;
        opacity: 0;
        background: #fff;
        /* border-top: 1px solid #ddd; */
        box-shadow: 0px 0px 1px rgba(0,0,0,0.3);
    }
    .sub-navigation .toggle[area-pressed="true"] + .n-list {
        visibility: visible;
        opacity: 1;
        z-index: 3
        ;
    }
    .sub-navigation .n-list li {
        flex: auto;
    }
    .sub-navigation .toggle {
        /* padding: 0 .8rem; */
    }
    .sub-navigation .n-list li a {
        font-size:1.4rem;
        text-align: left;
        padding: .8rem 0;
    }
    .sub-navigation .n-list li.active::after {
        display:none
    }
    .welfare .titset .h3 br {
        display: none;
    }
    .welfare .wel-list li .text strong {
        font-size: 1.6rem;
    }
    .welfare .wel-list {
        grid-template-columns: repeat(1,1fr);
    }

    .training .training-list {
        grid-template-columns: repeat(1,1fr);
    }
    .training .training-list > li {
        padding: 2.8rem;
    }
    .training .training-list > li .flex .desc {
        font-size : 1.4rem
    }
    .training .training-list > li {
        min-height: 25rem;
    }
    .process .process-list li .figure {
        width: 10rem;
    }
    .process .process-list li .figure > img {
        max-width: 4rem;
    }
    .process .process-list li .text {
        font-size: 1.4rem;
        margin-top: 1.2rem;
    }
    .sub-container .titset .h3 + .desc {
        font-size: 1.4rem;
    }
    .process .process-desc-list > li {
        padding: 2.4rem;
    }
    .process .process-desc-list li .inset .badge {
        font-size: 1.2rem;
        padding: .1rem 0.6rem 0;
    }
    .process .process-desc-list li .inset .subtit {
        font-size: 1.8rem;
    }
    .process .process-desc-list li .inset .desc,
    .process .process-desc-list li .inset .desc .bullet-list > li {
        font-size: 1.4rem;
    }
    .button-box.center > a {
        height: 4rem;
    }
    .button-box.center > a .text {
        font-size: 1.4rem;
    }
    .button-box.center > a .ic {
        width: 4rem;
    }
    .process .button-box > a .ic::before, .view .button-box > a .ic::before {
        width: 2rem;
        height: 2rem;
    }
    .hiring #bo_list .flex .hiring-wrap .hiring-list > li .subject {
        font-size: 2rem;
    }
    .hiring #bo_list .flex .hiring-wrap .hiring-list > li .category,
    .hiring #bo_list .flex .hiring-wrap .hiring-list > li .period {
        font-size: 1.2rem;
    }
    .hiring #bo_list .flex .hiring-wrap .hiring-list > li {
        padding: 2.4rem;
    }

    .system .sec1 .c-list {
        overflow-x: auto;
        padding-bottom: 2rem;
    }
    .system .c-list li {
        min-width: 8rem;
    }
    .system .c-list::after {
        top: calc(50% - 1.4rem);
        /* width: 100%; */
        overflow-x: auto;
        width: 68rem;
    }
    .system .sec2 .wage-wrap .flex {
        flex-direction: column;
        /* align-items: flex-start; */
        gap: 2rem;
    }
    .system .sec2 .wage-wrap .flex .diagram .c-list li {
        /* width: ; */
    }
    .system .sec2 .wage-wrap .flex .diagram .c-list {
        gap: 4rem;
    }
    .system .sec2 .wage-wrap .flex .text br {
        display: none;
    }
    .system .sec2 .wage-wrap .flex .diagram .c-list li .inset p {
        font-size: 1.4rem;
    }
    .system .c-list li .inset .num {
        font-size: 1.2rem;
    }
    .position .position-list {
        grid-template-columns: repeat(1,1fr);
    }
    .position .position-list > li .inset .hover-box .flex .top > .desc {
        font-size: 1.4rem;
    }
    .position-desc .titset > p {
        font-size: 1.4rem;
    }
    .position-desc .cont-wrap .cont-head .flex .cont-tit > p {
        font-size: 1.4rem;
    }

    .view #bo_v_con {
        padding: 4rem 0;
        font-size: 1.4rem;
    }
    .view .bo_v_nb > li {
        padding: 1.6rem 0;
        /* padding-right: 0; */
    }
    .view .bo_v_nb > li a {

        font-size: 1.2rem;

        vertical-align: middle;
    }
    .view .bo_v_nb > li a span {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        word-break: break-all;
        width: 60%;
        display: inline-block;
        vertical-align: middle;
    }
    .bo_v_nb li .nb_tit,
    .bo_v_nb li .nb_date {
        font-size: 1.2rem;
        vertical-align: middle;
    }
    .view .bo_v_nb > li .ic::before {
        width: 1.6rem;
        height: 1.6rem;
        margin-top: -2px;
    }
    .bo_v_nb li .nb_date {
        margin-top:1px
    }
    .hiring.view .period {
        font-size: 1.4rem;
    }
    .system .sec2 .wage-wrap .flex .text {
        text-align:center
    }
    .system .sec2 .wage-wrap .flex .diagram .c-list::after {
        width:2.8rem;
        height:2.8rem
        
    }
    .sub-container .history .titset {
    padding-top: 10rem;
    margin-bottom: 8rem;
    padding-left: 1.2rem;
    padding-right: 1.2rem;
    }
    .history .section .text-wrap .inset .history-header .big-t {
        font-size: 4.4rem;
    }
    .history .section .text-wrap .inset .history-list li {
        font-size:1.4rem
    }
    .history .section .text-wrap .inset .history-list li .year {
        max-width: 6rem;
    }
    .history .section .text-wrap .inset {
        padding-top:6rem
    }
    .history .section .text-wrap .inset.ty2 .big-t {
        font-size: 12rem;
        margin-left: -4rem;
    }
    .history .section .text-wrap .inset.ty2 .desc {
        font-size:1.6rem
    }
    .history .section .text-wrap .inset.ty2 .desc p + p {
        margin-top:0.4rem
    }


    .product .prd-wrap .prd-list li + li {
        margin-top:4rem
    }

    .hiring #bo_list .flex .hiring-wrap {
        margin-top:2.4rem
    }
    .position-desc .cont-wrap .cont-head .flex .cont-desc {
        font-size:1.4rem
    }
    .position-desc .cont-wrap .cont-list > li .answer {
        font-size:1.4rem
    }

    .en-ver .main .section .desc br {
        display: none;
    }
    .en-ver .mission .vision-list li .inset .h6 br {
        display:none
    }

    body:has(.company) .visual-img {
        background-image: url(../img/common/sv-company-mob.jpg);
    }

}