.tablepress.setting1 tr:first-child td:last-child{
    background-color: #fff!important;
}

/* PCのデザイン */
@media (min-width: 768px) {

    .sp {
        display: none;
    }

    body {
        font-family: sans-serif;
    }

    .serif {
        font-family: serif;
    }

    .post, .page {
        margin: 0;
    }

    ul, li {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    a,
    a:visited ,
    a:hover {
        text-decoration: none;
        color: #333;
    }

    p, h1, h2, h3, h4, h5, h6 {
        margin: 0;
    }

    .bold {
        font-weight: bold;
    }

    .gra {
        /* height: 200px; */
        width: 100%;
        background-image: radial-gradient(circle, rgba(1, 102, 178, 1), rgba(13, 62, 148, 1) 75%)!important;
        color: #fff!important;
    }

    .text-gra{
        background: radial-gradient(circle, rgba(1, 102, 178, 1), rgba(13, 62, 148, 1) 75%);
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    :root {
        --main-color: #173f8c;
    }

    .blue {
        color: var(--main-color)!important;
    }

    .bg-white {
        background-color: #fff!important;
    }

    .midashi1 h3 {
        font-size: 1.2vw;
        letter-spacing: 0.1vw;
    }

    .midashi1 .m-col2{
        border-top: solid 1px #0166b2;
        width: 3vw;
        margin-left: 1vw;
    }

    .midashi1 h2{
        font-size: 1.5vw;
        letter-spacing: 0.3vw;
        margin-top: 0.5vw;
    }

    .midashi2 h2  {
        font-size: 2.8vw;
        letter-spacing: 0.4vw;
    }

    .midashi2 p{
        font-size: 0.9vw;
        letter-spacing: 0.1vw;
    }

    .midashi3 p {
        font-size: 1vw;
        letter-spacing: 0.1vw;
    }

    .midashi3 h2 {
        font-size: 1.5vw;
        letter-spacing: 0.1vw;
        margin-top: 0.7vw;
    }

    .fadeUp{
        animation-name:fadeUpAnimation;
        animation-duration:1s;
        animation-fill-mode:forwards;
        opacity:0;
    }

    @keyframes fadeUpAnimation{
        from {
            opacity: 0;
            transform: translateY(100px);
        }

        to {
            opacity: 1;
            transform: translateY(0);
        }
    }

    .fadeUpClass{
        opacity: 0;
    }


    .more-btn {
        transition: color 0.2s ease;
    }

    .more-btn:hover a p{
        color: var(--main-color)!important;
        z-index: 1;
    }

    .more-btn:hover::after {
        transform: scaleX(1);
        transform-origin: left;
    }

    .more-btn::after {
        position: absolute;
        top: 0;
        left: 0;
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        background: #fff;
        transform: scaleX(0);
        transform-origin: right;
        transition: all 0.2s ease;
        transition-property: transform;
    }

    .more-btn p {
        position: relative;
    }

    /* 固定ページのヘッダー */
    .page-mv {
        margin-top: 6vw;
    }

    .page-mv .on-text{
        top: 12.5vw;
        left: 9vw;
    }

    .page-mv .on-text h2{
        font-size: 3.3vw;
        color: #fff;
        letter-spacing: 0.5vw;
        text-shadow: 3px 3px 6px #000;
    }

    .page-mv .on-text p{
        font-size: 1vw;
        color: #fff;
        letter-spacing: 0.1vw;
        margin-top: 0.8vw;
        text-shadow: 3px 3px 6px #000;
    }

    .page-mv .t {
        margin-top: 2vw;
    }
    
    .page-mv .t p{
        font-size: 0.9vw;
        line-height: 1.5vw;
    }

    /* header */

    .site-header {
        width: 100%;
        padding: 1.5vw 2%;
        background-color: #ffffffb3;
    }

    .logoarea {
        width: 15%;
    }

    .mainmenu {
        font-size: 0.9vw;
        letter-spacing: 0.05vw;
    }

    .mainmenu #Main {
        display: flex;
    }

    .mainmenu #Main > li:not(:last-child){
        margin-right: 0.4vw;
    }

    .mainmenu #Main > li:last-child{
        margin-right: 1.5vw;
    }

    .mainmenu #Main > li > a{
        padding: 1vw;
    }

    .mainmenu .sub-menu {
        display: none;
        margin-left: 0;
        position: absolute;
        width: 9vw;
        left: -0.5vw;
        top: 2.3vw;
    }

    .mainmenu .menu-item-has-children:hover .sub-menu {
        display: block;
    }

    .mainmenu .sub-menu li {
        text-align: center;
        background-color: var(--main-color);
        border-bottom: solid 1px #fff;
    }

    .mainmenu .sub-menu li a{
        color: #fff;
        padding: 0.4vw 0.5vw;
        display: block;
    }

    .site-header .contact-btn {
        width: 10vw;
        padding: 0.85vw 0;
        cursor: pointer;
    }

    .site-header .contact-btn span{
        font-size: 0.9vw;
    }

    .site-header .contact-btn img{
        width: 1.2vw;
        margin-right: 0.5vw;
        margin-top: 0.1vw;
    }

    .paged {
        background-color: #fff;
    }

    /* header end */

    /* top mv */

    .topmv .slide.slide1 {
        background-image: url(../img/MV1.png);
    }

    .topmv .slide.slide2 {
        background-image: url(../img/MV1.png);
    }

    .topmv .slide.slide3 {
        background-image: url(../img/MV1.png);
    }

    .topmv .slide {
        height: 52vw;
        background-size: cover;
    }

    .topmv .on-text {
        top: 20.5vw;
        left: 6vw;
        z-index: 1;
        color: #fff;
    }

    .topmv h1{
        text-shadow: 4px 4px 6px #686868;
        font-size: 2vw;
        letter-spacing: 0.7vw;
        line-height: 3.5vw;
    }

    .topmv p{
        margin-top: 1.5vw;
        font-size: 1vw;
        letter-spacing: 0.3vw;
    }

    /* top mv end */

    /* top aboutus */


    .top-aboutus .top-aboutus-main {
        width: 80%;
        margin: 5vw auto;
    }

    .top-aboutus .col1 .bg-1 {
        background-image: url(../img/about-us1.png);
        background-size: cover;
        height: 27vw;
        width: 40vw;
    }

    .top-aboutus .col2 {
        margin-left: 5vw;
        width: 35vw;
    }

    .top-aboutus-main .t {
        margin-top: 1.5vw;
        font-size: 0.9vw;
        letter-spacing: 0.15vw;
    }

    .top-aboutus-box .aboutus-bg1 {
        background-color: #e0e9ed;
        width: 40vw;
        height: 27vw;
        top: 4vw;
        z-index: -1;
    }

    .top-aboutus-box .aboutus-bg2 {
        background-image: url(../img/bgacc.png);
        width: 33vw;
        height: 30vw;
        top: -11vw;
        right: 0;
        z-index: -1;
    }
    

    /* top aboutus end */


    /* top products */

    .top-products {
        margin: 10vw 0;
    }

    .top-products .t {
        margin-top: 2vw;
        font-size: 0.9vw;
        line-height: 1.5vw;
    }

    .top-products .products{
        margin-top: 2vw;
    }

    .top-products .products .img-box {
        width: 24vw;
        height: 16vw;
        overflow: hidden;
    }

    .top-products .products .img-box img{
        width: 100%;
        transition: .5s;
    }

    .top-products .products .slide:hover .img-box img{
        scale: 1.1;
    }

    .top-products .product-navi{
        bottom: -4vw;
    }

    .swiper-pagination-bullet-active {
        background: var(--main-color);
    }

    .top-products .slide h3 {
        font-size: 1vw;
        border-left: solid 2px #333;
        margin-top: 0.5vw;
        padding: 0.25vw 0.5vw;
    }

    /* top products end */

    /* top project */

    .top-project {
        margin: 10vw 0;
    }

    .top-project .top-project-box {
        margin-top: 2vw;
    }

    .top-project .col1 {
        background-image: url(../img/project1.png);
    }

    .top-project .col2 {
        background-image: url(../img/project2.png);
    }

    .top-project .col3 {
        background-image: url(../img/project3.png);
    }

    .top-project .col {
        background-size: cover;
        color: #fff;
        height: 41.5vw;
    }

    .top-project .top-project-main h2{
        font-size: 1.8vw;
        letter-spacing: 0.2vw;
        margin-bottom: 1.5vw;
    }

    .top-project .top-project-main h3{
        font-size: 1.4vw;
        letter-spacing: 0.2vw;
        margin-bottom: 3.5vw;
    }

    .top-project .top-project-main .t{
        font-size: 0.9vw;
        letter-spacing: 0.1vw;
        margin-bottom: 5vw;
        line-height: 1.5vw;
        height: 7vw;
    }

    .top-project .top-project-main .more-btn{
        width: 12vw;
        margin: auto;
        border: solid 1px #fff;
        /* padding: 1vw; */
    }

    .top-project .top-project-main .more-btn:before {
        content: '';
        position: absolute;
        width: 1.5vw;
        height: 1px;
        border-top: solid 1px #fff;
        right: 0vw;
        top: 1.7vw;
    }

    .top-project .top-project-main .more-btn a{
        display: block;
        padding: 1vw;
    }

    .top-project .top-project-main .more-btn a p{
        color: #fff;
        font-size: 0.9vw;
        letter-spacing: 0.1vw;
    }


    /* top project end */

    /* top company */


    .top-company .top-company-main {
        width: 80%;
        margin: 5vw auto;
    }

    .top-company .col1 {
        margin-left: 5%;
        margin-top: 7vw;
    }

    .top-company .col2 .bg-1 {
        background-image: url(../img/company1.png);
        background-size: cover;
        height: 31vw;
        width: 39vw;
    }

    .top-company .col2 {
        margin-left: 5vw;
        width: 35vw;
    }

    .top-company-main .t {
        margin-top: 1.5vw;
        font-size: 0.9vw;
        letter-spacing: 0.15vw;
    }

    .top-company-box .company-bg1 {
        background-color: #e0e9ed;
        width: 39vw;
        height: 31vw;
        top: 3vw;
        right: 0;
        z-index: -1;
    }

    .top-company-box .company-bg2 {
        background-image: url(../img/bgacc.png);
        width: 33vw;
        height: 30vw;
        bottom: -28vw;
        right: 0;
        z-index: -2;
    }

    .top-company .top-company-main .more-btn2 {
        width: 12vw;
        float: right;
        margin-top: 5vw;
    }

    .top-company .top-company-main .more-btn2:before {
        content: '';
        position: absolute;
        width: 1.5vw;
        height: 1px;
        border-top: solid 1px #fff;
        right: 0vw;
        top: 1.7vw;
    }

    .top-company .top-company-main .more-btn2 a{
        display: block;
        padding: 1vw;
    }

    .top-company .top-company-main .more-btn2 a p{
        color: #fff;
        font-size: 0.9vw;
        letter-spacing: 0.1vw;
    }
    

    /* top company end */

    /* top recruit */

    .top-recruit {
        margin: 10vw 0;
    }

    .top-recruit .top-recruit-box {
        width: 80%;
        margin: auto;
    }

    .top-recruit .top-recruit-bg {
        background-image: url(../img/recruit1.png);
        background-size: cover;
        width: 47vw;
        height: 36vw;
    }

    .top-recruit .top-recruit-on-text{
        width: 35vw;
        height: 26vw;
        right: 1.5vw;
        bottom: -3vw;
    }

    .top-recruit .top-recruit-on-text .m-col2 {
        border-top: solid 1px #fff;
    }

    .top-recruit .top-recruit-on-text .t {
        margin-top: 1.5vw;
    }

    .top-recruit .top-recruit-on-text .t p {
        font-size: 1vw;
        letter-spacing: 0.15vw;
        line-height: 1.8vw;
    }

    .top-recruit .top-recruit-on-text .more-btn{
        width: 12vw;
        border: solid 1px #fff;
        float: right;
        margin-top: 3vw;
    }

    .top-recruit .top-recruit-on-text .more-btn:before {
        content: '';
        position: absolute;
        width: 1.5vw;
        height: 1px;
        border-top: solid 1px #fff;
        right: 0vw;
        top: 1.7vw;
    }

    .top-recruit .top-recruit-on-text .more-btn a{
        display: block;
        padding: 1vw;
    }

    .top-recruit .top-recruit-on-text .more-btn a p{
        color: #fff;
        font-size: 0.9vw;
        letter-spacing: 0.1vw;
    }

    /* top recruit end */

    /* top news */

    .top-news {
        margin: 10vw 0 0;
        padding: 5vw 0;
        background-color: #e0e9ed;
    }

    .top-news .top-news-main{
        width: 80%;
        margin: 2vw auto;
    }

    .top-news .top-news-main .newscol{
        background-color: #fff;
        border-top: solid 1px #bfbfbf;
        border-bottom: solid 1px #bfbfbf;
        padding: 1.3vw 1vw;
        margin-bottom: 1vw;
    }

    .top-news .top-news-main .newscol .day{
        font-size: 0.9vw;
        margin-right: 1vw;
    }

    .top-news .top-news-main .newscol .cate{
        font-size: 0.85vw;
        margin-right: 1.5vw;
        color: #fff;
        border-radius: 0.25vw;
        width: 5vw;
    }

    .top-news .top-news-main .newscol .news-title h3{
        font-size: 0.9vw;
        letter-spacing: 0.1vw;
    }

    .top-news .top-news-main .newscol .cate.news{
        background-color: #173f8c;
    }

    .top-news .top-news-main .newscol .cate.other{
        background-color: #0166b2;
    }

    .top-news .top-news-box .more-btn2 {
        width: 12vw;
        margin: 3vw auto 0;
    }

    .top-news .top-news-box .more-btn2:before {
        content: '';
        position: absolute;
        width: 1.5vw;
        height: 1px;
        border-top: solid 1px #fff;
        right: 0vw;
        top: 1.7vw;
    }

    .top-news .top-news-box .more-btn2 a{
        display: block;
        padding: 1vw;
    }

    .top-news .top-news-box .more-btn2 a p{
        color: #fff;
        font-size: 0.9vw;
        letter-spacing: 0.1vw;
    }

    .top-news .newscol i {
        color: var(--main-color);
        right: 2vw;
        font-size: 1vw;
        top: 1.5vw;
        transition: .5s;
    }

    .top-news .newscol:hover i {
        right: 1.5vw;
    }

    /* top news end */

    /* company */

    .company-mv .mv {
        background-image: url(../img/companymv1.png);
        background-size: cover;
        height: 31.5vw;
    }

    .company-navi .c-menu {
        width: 60%;
        margin: 5vw auto;
    }

    .company-navi .c-menu ul {
        box-shadow: 0px 3px #ccdaf4;
    }

    .company-navi .c-menu li{
        border-right: solid 1px #ccdaf4;
        transition: .5s;
        height: 4.5vw;
    }

    .company-navi .c-menu li:hover{
        background-color: #fbfbfb;
    }

    .company-navi .c-menu li:first-child{
        border-left: solid 1px #ccdaf4;
    }

    .company-navi .c-menu li a{
        padding: 0.8vw 0;
        display: block;
    }

    .company-navi .c-menu li h3{
        font-size: 0.9vw;
    }

    .company-navi .c-menu li i{
        font-size: 0.9vw;
        transition: .5s;
    }

    .company-navi .c-menu li:hover i{
        margin-top: 0.8vw;
    }

    .philo {
        background-color: #eff4f6;
        padding: 4vw 0;

    }

    .philo .acc-bg1 {
        background-image: url(../img/bgacc.png);
        background-size: cover;
        width: 42vw;
        height: 24vw;
        top: 3vw;
        right: -22vw;
        z-index: 0;
    }

    .philo .philo-box {
        width: 55%;
        margin: 2vw auto;
    }

    .philo .philo-bg {
        background-image: url(../img/phi1.png);
        background-size: cover;
        height: 16vw;
        width: 38%;
    }

    .philo .philo-col {
        margin-left: 9%;
        width: 53%;
    }

    .philo .philo-col h2{
        font-size: 1.4vw;
        letter-spacing: 0.1vw;
        margin-bottom: 0.5vw;
    }

    .philo .philo-col p{
        font-size: 0.8vw;
        letter-spacing: 0.1vw;
        margin-bottom: 0.8vw;
        text-wrap: nowrap;
        line-height: 1.5vw;
    }

    .com .acc-bg1 {
        background-image: url(../img/bgacc.png);
        background-size: cover;
        width: 42vw;
        height: 24vw;
        top: -5vw;
        left: -15vw;
        z-index: -1;
        transform: scaleX(-1);
    }

    .company-box {
        width: 70%;
        margin: 8vw auto;
    }

    .company-box .midashi1 {
        margin-bottom: 3vw;
    }

    .company-box .t-col {
        width: 17%;
    }

    .company-box .t-col h3{
        font-size: 1.2vw;
        margin-left: 1.5vw;
    }

    .company-box .c-col h3{
        font-size: 1.2vw;
    }

    .company-box .com-row1{
        padding: 1.5vw 0;
        background-color: #eff4f6;
    }

    .company-box .com-row2{
        padding: 1.5vw 0;
        background-color: #fff;
    }

    .history-box {
        width: 70%;
        margin: 8vw auto;
    }

    .history-box .midashi1 {
        margin-bottom: 3vw;
    }

    .history-box .t-col {
        width: 17%;
    }

    .history-box .t-col h3{
        font-size: 1.2vw;
        margin-left: 1.5vw;
        line-height: 1.8vw;
    }

    .history-box .c-col h3{
        font-size: 1.2vw;
        line-height: 1.8vw;
    }

    .history-box .com-row1{
        padding: 1.5vw 0;
        background-color: #eff4f6;
    }

    .history-box .com-row2{
        padding: 1.5vw 0;
        background-color: #fff;
    }

    .deve {
        padding: 4vw 0;
        background-color: #eff4f6;
    }

    .deve .deve-box{
        width: 70%;
        margin: 5vw auto 0;
    }

    .deve .deve-box .deve-bg {
        background-image: url(../img/history.png);
        background-size: contain;
        background-repeat: no-repeat;
        width: 5%;
        height: 153.7vw;
    }

    .deve .deve-box .deve-col {
        width: 55%;
    }

    .deve .deve-box .deve-col h3{
        letter-spacing: 0.1vw;
        font-size: 1.3vw;
        margin-bottom: 0.8vw;
    }

    .deve .deve-box .deve-col p{
        letter-spacing: 0.1vw;
        font-size: 0.95vw;
    }

    .deve .deve-box .deve-col .col1{
        margin-bottom: 2vw;
    }

    .deve .deve-box .deve-col .col2{
        margin-bottom: 1.5vw;
    }

    .deve .deve-box .deve-col div{
        margin-bottom: 1.515vw;
    }

    .deve .deve-box .deve-img-col {
        width: 30%;
        margin-left: 10%;
    }

    .deve .deve-box .deve-img-col .deve-bg {
        background-image: url(../img/dummy.png);
        background-size: cover;
        width: 21vw;
        height: 17vw;
    }

    .deve .deve-box .deve-img-col .deve-bg:not(:last-child) {
        margin-bottom: 7.2vw;
    }

    .access {
        padding: 4vw 0;
    }

    .access .acc-bg1 {
        background-image: url(../img/bgacc.png);
        background-size: cover;
        width: 40vw;
        height: 30vw;
        top: 3vw;
        right: -19vw;
        z-index: 0;
    }

    .access .acc-bg2 {
        background-image: url(../img/bgacc.png);
        background-size: cover;
        width: 32vw;
        height: 19vw;
        top: 39vw;
        left: -12vw;
        z-index: 0;
        transform: scaleX(-1);
    }

    .access-box,
    .access-box2  {
        width: 53%;
        margin: 4vw auto;
    }

    .access-box .col1 {
        margin-left: 2%;
    }

    .access-box .col1 .access-bg {
        background-image: url(../img/access1.png);
        background-size: cover;
        width: 23vw;
        height: 17vw;
    }

    .access-box .col2 {
        margin-left: 10%;
    }

    .access-box .col2 h2{
        font-size: 1.6vw;
        letter-spacing: 0.1vw;
        margin-bottom: 1.3vw;
    }

    .access-box .col2 p{
        font-size: 1.1vw;
        letter-spacing: 0.1vw;
        line-height: 1.8vw;
    }

    .access-box .col2 .num {
        margin-top: 0.8vw;
    }

    .access-box .col2 .num p{
        line-height: 2.2vw;
    }

    .access-box .access-bg2 {
        background-color: #eff4f6;
        width: 23vw;
        height: 17vw;
        z-index: -1;
        top: 1vw;
    }
    
    .access-map,
    .access-map2  {
        width: 53%;
        margin: 4vw auto;
    }

    .access-map  iframe,
    .access-map2  iframe{
        width: 100%;
        height: 20vw;
    }

    .access-box2 .col1 {
        margin-left: 7%;
    }

    .access-box2 .col1 h2{
        font-size: 1.6vw;
        letter-spacing: 0.1vw;
        margin-bottom: 1.3vw;
    }

    .access-box2 .col1 p{
        font-size: 1.1vw;
        letter-spacing: 0.1vw;
        line-height: 1.8vw;
    }

    .access-box2 .col1 .num {
        margin-top: 0.8vw;
    }

    .access-box2 .col1 .num p{
        line-height: 2.2vw;
    }

    .access-box2 .col2 {
        margin-left: 9%;
    }
    
    .access-box2 .col2 .access-bg {
        background-image: url(../img/access2.png);
        background-size: cover;
        width: 23vw;
        height: 17vw;
    }

    .access-box2 .access-bg2 {
        background-color: #eff4f6;
        width: 23vw;
        height: 17vw;
        z-index: -1;
        top: 1vw;
        right: 0;
    }

    .foreign .fo-bg,
    .foreign .fo-map{
        width: 53%;
        margin: 4vw auto;
    }

    .foreign .fo-bg {
        background-color: var(--main-color);
    }

    .foreign .fo-bg h2 {
        color: #fff;
        font-size: 1.5vw;
        letter-spacing: 0.3vw;
        padding: 1vw 0;
    }

    /* company end */

    /* news */
    .news-mv .mv {
        background-image: url(../img/newsmv1.png);
        background-size: cover;
        height: 31.5vw;
    }

    .sec-news {
        background-color: #e0e9ed;
        padding: 4vw 0 5vw;
        min-height: 32vw;
    }

    .sec-news .news-bg {
        background-image: url(../img/bgacc.png);
        background-size: cover;
        width: 33vw;
        height: 21vw;
        top: 1vw;
        left: -6vw;
        z-index: 0;
        transform: scaleX(-1);
    }

    .sec-news .news-main{
        width: 80%;
        margin: 1vw auto 3vw;
    }

    .sec-news .news-main .newscol{
        background-color: #fff;
        border-top: solid 1px #bfbfbf;
        border-bottom: solid 1px #bfbfbf;
        padding: 1.3vw 1vw;
        margin-bottom: 1vw;
    }

    .sec-news .news-main .newscol .day{
        font-size: 0.9vw;
        margin-right: 1vw;
    }

    .sec-news .news-main .newscol .cate{
        font-size: 0.85vw;
        margin-right: 1.5vw;
        color: #fff;
        border-radius: 0.25vw;
        width: 5vw;
    }

    .sec-news .news-main .newscol .news-title h3{
        font-size: 0.9vw;
        letter-spacing: 0.1vw;
    }

    .sec-news .news-main .newscol .cate.news{
        background-color: #173f8c;
    }

    .sec-news .news-main .newscol .cate.other{
        background-color: #0166b2;
    }

    .sec-news .news-box .more-btn2 {
        width: 12vw;
        margin: 3vw auto 0;
    }

    .sec-news .news-box .more-btn2:before {
        content: '';
        position: absolute;
        width: 1.5vw;
        height: 1px;
        border-top: solid 1px #fff;
        right: 0vw;
        top: 1.7vw;
    }

    .sec-news .news-box .more-btn2 a{
        display: block;
        padding: 1vw;
    }

    .sec-news .news-box .more-btn2 a p{
        color: #fff;
        font-size: 0.9vw;
        letter-spacing: 0.1vw;
    }

    .sec-news .newscol i {
        color: var(--main-color);
        right: 2vw;
        font-size: 1vw;
        top: 1.5vw;
        transition: .5s;
    }

    .sec-news .newscol:hover i {
        right: 1.5vw;
    }

    .sec-news .pagenavi a{
        border: solid 1px var(--main-color);
        padding: 0.2vw 0.6vw;
        font-size: 0.9vw;
        background-color: #fff;
    }

    .sec-news .pagenavi .now{
        border: solid 1px var(--main-color);
        color: #fff;
        padding: 0.2vw 0.6vw;
        font-size: 0.9vw;
        background-color: var(--main-color);
    }

    /* news end */

    /* news detail */

    .news-detail-main {
        width: 65%;
        margin: 5vw auto;
    }

    .news-detail-main .news-title  {
        border-left: solid 3px var(--main-color);
        margin: 3vw 0 1vw;
        padding-left: 2vw;
    }

    .news-detail-main .news-title .news-detail-date {
        font-size: 0.8vw;
        color: #aaa;
    }

    .news-detail-main .news-title .news-detail-title h1{
        font-size: 1.8vw;
        letter-spacing: 0.1vw;
    }

    .news-detail-main .news-detail-content{
        margin: 3vw 0 1vw;
        font-size: 1vw;
    }

    .news-detail-main .returnbtn p{
        background-color: var(--main-color);
        color: #fff;
        border-radius: 2vw;
        padding: 0.7vw 4vw;
        font-size: 0.9vw;
        letter-spacing: 0.1vw;
        margin: 3vw 2vw;
        cursor: pointer;
    }

    .news-detail-main .returnbtn i{
        color: var(--main-color);
        font-size: 1.6vw;
    }

    /* news detail end */

    /* service1 */

    .service1-mv .mv {
        background-image: url(../img/service1mv1.png);
        background-size: cover;
        height: 31.5vw;
    }

    .page-mv.service1-mv .on-text {
        top: 9.5vw;
        left: 9vw;
    }

    .our-strengths2 {
        padding: 4vw 0;
    }

    .our-strengths2 .acc-bg1 {
        background-image: url(../img/bgacc.png);
        background-size: cover;
        width: 31vw;
        height: 21vw;
        top: 3vw;
        left: -6vw;
        z-index: 0;
        transform: scaleX(-1);
    }

    .c-1 .c-1-main {
        width: 60%;
        margin: 5vw auto;
    }

    .c-1 .box1 .col1 {
        width: 49%;
    }

    .c-1 .box1 .col2 {
        margin-left: 8%;
        width: 43%;
    }

    .c-1 .box2 .col1 {
        margin-right: 14%;
        width: 43%;
    }

    .c-1 .box2 .col2 {
        width: 43%;
    }

    .c-1 .box3 .col1 {
        width: 43%;
    }

    .c-1 .box3 .col2 {
        margin-left: 14%;
        width: 43%;
    }

    .c-1 .box1 .col2 .bg-1 {
        background-image: url(../img/service1-1.png);
        background-size: cover;
        height: 18vw;
    }

    .c-1 .box2 .col1 .bg-2 {
        background-image: url(../img/service1-2.png);
        background-size: cover;
        height: 18vw;
    }

    .c-1 .box3 .col2 .bg-3 {
        background-image: url(../img/service1-3.png);
        background-size: cover;
        height: 18vw;
    }

    .c-1-main .t {
        margin-top: 1.5vw;
        font-size: 0.9vw;
        line-height: 1.5vw;
    }

    .c-1-box.box1 .aboutus-bg1,
    .c-1-box.box3 .aboutus-bg1 {
        background-color: #e0e9ed;
        width: 41vw;
        height: 18vw;
        top: 2vw;
        right: 0vw;
        z-index: -1;
    }

    .c-1-box.box2 .aboutus-bg1 {
        background-color: #e0e9ed;
        width: 41vw;
        height: 18vw;
        top: 2vw;
        z-index: -1;
    }

    .c-1 .midashi1 h3 {
        font-size: 1vw;
    }

    .s-products {
        background-color: #eff4f6;
        padding: 4vw 0;
    }

    .s-products .acc-bg1{
        background-image: url(../img/bgacc.png);
        background-size: cover;
        width: 29vw;
        height: 24vw;
        top: 3vw;
        right: -9vw;
        z-index: 0;
    }

    .s-products .t p{
        font-size: 1vw;
        letter-spacing: 0.1vw;
        margin-top: 2vw;
    }

    .s-products .search-form{
        width: 73%;
        margin: 2vw auto;
    }

    .s-products .search-form .input-group-text{
        background-color: #fff;
        border-radius: 2vw;
        padding-left: 3vw;
        border: none;
        box-shadow: 2px 2px 2px #aaa;
    }

    .s-products .search-form input{
        border-left: none;
        padding: 1vw;
        border-radius: 0vw 2vw 2vw 0vw;
        font-size: 1vw;
        letter-spacing: 0.2vw;
        border: none;
        box-shadow: 2px 2px 2px #aaa;
    }

    .s-products .form-control:focus {
        background-color: #fff;
        border-color: #ccc;
        outline: 0;
        /* box-shadow: none; */
    }

    .s-products .keyword {
        width: 42%;
        margin: 0 auto 5vw;
    }

    .s-products .keyword p{
        font-size: 1.2vw;
    }

    .s-products .keyword .c-btn{
        background-color: var(--main-color);
        border-radius: 2vw;
        font-size: 0.9vw;
        width: 6vw;
        margin: 0 0.5vw;
    }

    .s-products .keyword .c-btn p{
        font-size: 0.9vw;
    }

    .s-products .keyword .c-btn a{
        color: #fff;
        padding: 0.4vw 0;
    }

    .s-products .keyword .c-btn p{
        margin-right: 0.5vw;
    }

    .s-products .keyword .c-icon {
        font-size: 0.6vw;
    }

    .products-show {
        width: 80%;
        margin: 0 auto 5vw;
    }

    .products-show .category-t span {
        font-size: 1vw;
        letter-spacing: 0.1vw;
    }

    .products-show .category-t h3{
        font-size: 1.4vw;
        letter-spacing: 0.1vw;
        padding-bottom: 1vw;
        padding-top: 0.5vw;
        border-bottom: solid #aaa 1px;
    }

    .products-show .category-d {
        margin-top: 1vw;
        font-size: 1vw;
        letter-spacing: 0.1vw;
        line-height: 1.8vw;
    }

    .products-show .category-products-not-found h3 {
        font-size: 1.2vw;
        letter-spacing: 0.1vw;
        margin-top: 4vw;
    }

    .s-products .category-row {
        width: 90%;
        margin: 2vw auto;
    }

    .s-products .category-row .category-col {
        width: 16vw;
        margin: 0 1vw;
    }

    .products-show .category-products .category-products-col{
        width: 31.5%;
        margin-top: 2vw;
    }

    .products-show .category-products .category-products-col:nth-of-type(3n-1){
        margin: 2vw 2vw 0;
    }

    .products-show .category-products .category-products-col .category-products-img {
        background-size: cover;
        height: 18.5vw;
        transition: .5s;
    }

    .products-show .category-products .category-products-col:hover .category-products-img {
        scale: 1.1;
    }

    .products-show .category-products .category-products-col h3{
        margin-top: 1vw;
        font-size: 1vw;
        letter-spacing: 0.1vw;
        border-left: solid 2px var(--main-color);
        padding: 0.3vw 1vw;
    }

    .s-products .category-row .c-bg:before {
        content: "";
        background: inherit;
        filter: brightness(0.5);
        width: 100%;
        display: block;
        height: 100%;
    }
/* 
    .s-products .category-row .c-bg.bg1 {
        background-image: url(../img/service1-c1.png);
    }

    .s-products .category-row .c-bg.bg2 {
        background-image: url(../img/service1-c2.png);
    }

    .s-products .category-row .c-bg.bg3 {
        background-image: url(../img/service1-c3.png);
    }

    .s-products .category-row .c-bg.bg4 {
        background-image: url(../img/service1-c4.png);
    }

    .s-products .category-row .c-bg.bg5 {
        background-image: url(../img/service1-c5.png);
    }

    .s-products .category-row .c-bg.bg6 {
        background-image: url(../img/service1-c6.png);
    }

    .s-products .category-row .c-bg.bg7 {
        background-image: url(../img/service1-c7.png);
    }

    .s-products .category-row .c-bg.bg8 {
        background-image: url(../img/service1-c8.png);
    }

    .s-products .category-row .c-bg.bg9 {
        background-image: url(../img/service1-c9.png);
    }

    .s-products .category-row .c-bg.bg10 {
        background-image: url(../img/service1-c10.png);
    }

    .s-products .category-row .c-bg.bg11 {
        background-image: url(../img/service1-c11.png);
    }

    .s-products .category-row .c-bg.bg12 {
        background-image: url(../img/service1-c12.png);
    }

    .s-products .category-row .c-bg.bg13 {
        background-image: url(../img/service1-c13.png);
    } */

    .s-products .category-row .c-bg {
        background-size: cover;
        background-position: center;
        height: 12vw;
    }

    .s-products .category-col .category-num {
        top: 1vw;
        left: 1vw;
    }

    .s-products .category-col .category-num h3{
        font-size: 0.8vw;
        color: #fff;
        letter-spacing: 0.1vw;
        font-style: italic;
    }

    .s-products .category-col .category-name {
        top: 50%;
        left: 50%;
        width: 100%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
    }

    .s-products .category-col .category-name h2 {
        font-size: 1.2vw;
        color: #fff;
        letter-spacing: 0.1vw;
    }

    .s-products .category-col .category-arrow {
        right: 1.5vw;
        bottom: 1vw;
        border-top: solid 1px #fff;
        width: 2vw;
        transition: .5s;
    }

    .s-products .category-col:hover .category-arrow {
        right: 1.2vw;
    }

    .s-products .category-col .category-arrow:before {
        content: "";
        border-top: solid 1px #fff;
        width: 0.3vw;
        display: block;
        transform: rotate(45deg);
        right: -1.7vw;
        top: -0.2vw;
        position: relative;
        transition: .5s;
    }

    .s-products + .faq {
        background-color: #fff;
        padding: 6vw 0;
    }
    
    .s-products + .faq .acc-bg1{
        background-image: url(../img/bgacc.png);
        background-size: cover;
        width: 33vw;
        height: 24vw;
        top: 5vw;
        right: -7vw;
        z-index: 0;
    }

    /* .s-products + .faq .q{
        box-shadow: 1px 1px 5px #00000040;
    } */

    .faq + .work-flow {
        padding: 4vw 0;
        background-color: #eff4f6;
    }

    .faq + .work-flow .t span{
        font-size: 0.85vw;
    }

    .faq + .work-flow .flow-row1 .col3 .t,
    .faq + .work-flow .flow-row2 .col1 .t {
        font-size: 0.86vw;
    }

    .pdf .pdf-box {
        width: 75%;
        margin: 5vw auto;
    }

    .pdf .pdf-box .bg{
       background-image: url(../img/service1-4.png);
       background-size: cover;
       width: 28vw;
       height: 21vw;
    }

    .pdf .pdf-box .pdf-main {
        padding-left: 5vw;
    }

    .pdf .pdf-box .pdf-main.gra {
        width: 63%;
    }

    .pdf .pdf-box .pdf-main h2{
        font-size: 1.5vw;
        letter-spacing: 0.1vw;
        text-decoration: underline;
        text-underline-offset: 0.5vw;
        margin-bottom: 2vw;
        margin-top: 4vw;
    }

    .pdf .pdf-box .pdf-main p{
        font-size: 0.9vw;
        letter-spacing: 0.1vw;
    }

    .pdf .pdf-box .pdf-main p.dl{
        margin-top: 2vw;
        margin-right: 9vw;
    }

    .pdf .pdf-box .pdf-main .pdf-arrow {
        border-top: solid 1px #fff;
        width: 1.5vw;
        right: 6vw;
        bottom: 3.5vw;
        transition: .5s;
    }

    .pdf .pdf-box:hover .pdf-main .pdf-arrow {
        right: 5.5vw;
    }

    .pdf .pdf-box .pdf-main .pdf-arrow:before {
        content: "";
        border-top: solid 1px #fff;
        width: 0.5vw;
        display: block;
        transform: rotate(45deg);
        right: -1.1vw;
        top: -0.2vw;
        position: relative;
        transition: .5s;
    }

    /* service1 end */

    /* service2 */

    .service2-mv .mv {
        background-image: url(../img/service2mv1.png);
        background-size: cover;
        height: 31.5vw;
    }

    .service2-mv .on-text {
        top: 9.5vw;
    }

    .our-service {
        padding: 4vw 0;
        background-color: #eff4f6;
    }

    .our-service .acc-bg1 {
        background-image: url(../img/bgacc.png);
        background-size: cover;
        width: 33vw;
        height: 21vw;
        top: 1vw;
        left: -6vw;
        z-index: 0;
        transform: scaleX(-1);
    }

    .our-service .service-view {
        width: 70%;
        margin: 5vw auto;
    }

    .our-service .service-view .service-bg.bg1 {
        background-image: url(../img/service2-1.png);
    }

    .our-service .service-view .service-bg.bg2 {
        background-image: url(../img/service2-2.png);
    }

    .our-service .service-view .service-bg.bg3 {
        background-image: url(../img/service2-3.png);
    }

    .our-service .service-view .service-bg.bg4 {
        background-image: url(../img/service2-4.png);
    }

    .our-service .service-view .service-bg {
        background-size: cover;
        width: 32vw;
        height: 19vw;
    }

    .our-service .service-view .service-row {
        margin-bottom: 3vw;
    }

    .our-service .service-view .service-row .col2 {
        margin-left: 5%;
    }

    .our-service .service-view .service-row .service-acc {
        background-image: url(../img/service2-midashibg1.png);
        background-size: cover;
        width: 29vw;
        height: 3vw;
        top: 17vw;
        left: -0.5vw;
    }

    .our-service .service-view .service-row .service-acc2 {
        background-image: url(../img/service2-midashibg2.png);
        background-size: cover;
        width: 27vw;
        height: 3vw;
        top: 17vw;
        left: -0.5vw;
    }

    .our-service .service-view .service-row .service-acc h3,
    .our-service .service-view .service-row .service-acc2 h3 {
        font-size: 1.1vw;
        color: #fff;
        margin-top: 1.1vw;
        margin-left: 2vw;
        letter-spacing: 0.1vw;
    }

    .our-service .service-view .service-row .service-content {
        margin-top: 2vw;
    }

    .our-service .service-view .service-row .service-content p {
        font-size: 0.87vw;
        letter-spacing: 0.1vw;
        line-height: 1.7vw;
    }

    .service-products {
        padding: 4vw 0;
    }

    .service-products .t {
        font-size: 1vw;
        margin-top: 2vw;
    }

    .service-products .products-box {
        margin-top: 8vw;
        background-color: #eff4f6;
        padding: 5vw 0 3vw;
    }

    .service-products .products-box .products-row {
        width: 85%;
        margin: 3vw auto;
    }

    .service-products .products-box .products-row:first-child {
        margin: -10vw auto 0;
    }
    

    .service-products .products-box .products-row .p-bg {
        background-size: cover;
        width: 100%;
        height: 16vw;
    }

    .service-products .products-box .products-row .p-bg.bg1 {
        background-image: url(../img/service2-5.png);
    }

    .service-products .products-box .products-row .p-bg.bg2 {
        background-image: url(../img/service2-6.png);
    }

    .service-products .products-box .products-row .p-bg.bg3 {
        background-image: url(../img/service2-7.png);
    }

    .service-products .products-box .products-row .p-bg.bg4 {
        background-image: url(../img/service2-8.png);
    }

    .service-products .products-box .products-row .p-bg.bg5 {
        background-image: url(../img/service2-9.png);
    }

    .service-products .products-box .products-row .p-bg.bg6 {
        background-image: url(../img/service2-10.png);
    }

    .service-products .products-box .products-row .col {
        box-shadow: 2px 2px 7px #edecff;
    }

    .service-products .products-box .products-row .col2 {
        margin: 0 2vw;
    }

    .service-products .products-box .products-row .p-title {
        background-color: #fff;
        padding: 1.5vw 0;
    }

    .service-products .products-box .products-row .p-title h3{
        font-size: 1.2vw;
        letter-spacing: 0.1vw;
        margin-left: 2vw;
    }

    .service-products .products-box .products-row .p-title h3 span{
        font-size: 0.8vw;
        font-style: italic;
        margin-left: 0.5vw;
    }

    .service-products .products-box .products-row .icon{
        border-top: solid 1px var(--main-color);
        width: 3vw;
        top: 50%;
        right: 2vw;
        transition: .5s;
    }

    .service-products .products-box .products-row .icon:before{
        content: "";
        border-top: solid 1px var(--main-color);
        width: 0.5vw;
        display: block;
        transform: rotate(45deg);
        right: -2.6vw;
        top: -0.2vw;
        position: relative;
        transition: .5s;
    }

    .service-products .products-box .products-row .col:hover .icon{
        right: 1.5vw;
    }

    .work-flow .flow-box {
        width: 85%;
        margin: 2vw auto 4vw;
    }

    .work-flow .flow-box .acc-flow {
        background-image: url(../img/flowarrow1.png);
        background-size: cover;
        width: 100%;
        height: 1vw;
        top: 7.5vw;
    }

    .work-flow .flow-box .acc-flow2 {
        background-image: url(../img/flowarrow2.png);
        background-size: cover;
        width: 70%;
        height: 1.6vw;
        top: 36vw;
    }

    .work-flow .flow-row1 {
        width: 93%;
        margin: auto;
    }

    .work-flow .flow-row1 .flow-bg {
        background-size: cover;
        width: 100%;
        height: 16vw;
    }

    .work-flow .flow-row1 .flow-bg.bg1 {
        background-image: url(../img/service2-11.png);
    }

    .work-flow .flow-row1 .flow-bg.bg2 {
        background-image: url(../img/service2-12.png);
    }

    .work-flow .flow-row1 .flow-bg.bg3 {
        background-image: url(../img/service2-13.png);
    }

    .work-flow .flow-row1 .col2 {
        margin: 0 2vw;
    }

    .work-flow .flow-row1 .col h3{
        font-size: 1.2vw;
        margin: 0.5vw 0px;
    }

    .work-flow .flow-row1 .col .t{
        font-size: 0.9vw;
        letter-spacing: 0.1vw;
        line-height: 1.5vw;
    }

    .work-flow .flow-row1 .col .acc-flow2 {
        background-image: url(../img/service2-midashibg3.png);
        background-size: cover;
        width: 8vw;
        height: 1.8vw;
        top: 0;
    }

    .work-flow .flow-row1 .col .acc-flow2 span {
        color: #fff;
        font-size: 0.9vw;
    }

    .work-flow .flow-row2 {
        width: 93%;
        margin: 3vw auto;
    }

    .work-flow .flow-row2 .flow-bg {
        background-size: cover;
        width: 100%;
        height: 16vw;
    }

    .work-flow .flow-row2 .flow-bg.bg4 {
        background-image: url(../img/service2-14.png);
    }

    .work-flow .flow-row2 .flow-bg.bg5 {
        background-image: url(../img/service2-15.png);
    }

    .work-flow .flow-row2 .col2 {
        margin: 0 2vw;
    }

    .work-flow .flow-row2 .col h3{
        font-size: 1.2vw;
        margin: 0.5vw 0px;
    }

    .work-flow .flow-row2 .col3 h3{
        margin-top: 6vw;
        font-size: 1.2vw;
        letter-spacing: 0.3vw;
        line-height: 2vw;
    }


    .work-flow .flow-row2 .col .t{
        font-size: 0.9vw;
        letter-spacing: 0.1vw;
        line-height: 1.5vw;
    }

    .work-flow .flow-row2 .col .acc-flow2 {
        background-image: url(../img/service2-midashibg3.png);
        background-size: cover;
        width: 8vw;
        height: 1.8vw;
        top: 0;
    }

    .work-flow .flow-row2 .col .acc-flow2 span {
        color: #fff;
        font-size: 0.9vw;
    }

    .faq {
        padding: 4vw 0 6vw;
        background-color: #eff4f6;
    }

    .faq .faq-box  {
        width: 65%;
        margin: auto;
    }

    .faq .qa-row {
        margin-top: 2vw;
    }

    .faq .q {
        position: relative;
        background-color: #fff;
        border-radius: 0.5vw;
        box-shadow: 1px 1px 5px #4576b673;
        overflow: hidden;
        cursor: pointer;
    }
    
    .faq .q h3{
        width: 92%;
        margin-left: 8%;
        font-size: 0.9vw;
        padding: 1.3vw 0;
    }
    
    .faq .q .q_mark {
        position: absolute;
        top: 0vw;
        left: 0.7vw;
        z-index: 1;
        color: #fff;
        font-size: 1.5vw;
    }
    
    .faq .q .plus {
        position: absolute;
        top: 0vw;
        right: 2vw;
        font-size: 2.2vw;
        color: #0166b2;
    }
    
    .faq .q .minus {
        position: absolute;
        top: 0.3vw;
        right: 2vw;
        font-size: 1.8vw;
        color: #0166b2;
    }
    
    .faq .q .bgcircle {
        position: absolute;
        top: -2vw;
        left: -2vw;
        width: 5vw;
        height: 5vw;
        border-radius: 2.5vw;
        background-color: #0166b2;
        display: block;
    }
    
    .faq .a {
        border-bottom: solid 1px #eb5e01;
        width: 96%;
        margin-left: 2%;
        display: flex;
        align-items: start;
        margin-top: 1vw;
        margin-bottom: 2vw;
        padding-bottom: 0.5vw;
    }
    
    .faq .a .a_mark {
        color: #fff;
        font-size: 1.3vw;
        background-color: #eb5e01;
        padding: 0vw .6vw;
        border-radius: 0.5vw;
        margin-right: 1vw;
    }
    
    .faq .a .a_mark span{
        display: block;
        line-height: 2vw;
        height: 2.2vw;
    }
    
    .faq .a p {
        font-size: 0.93vw;
        line-height: 1.8vw;
    }

    .faq .faq-box .more-btn2 {
        width: 12vw;
        margin: 3vw auto 0;
    }

    .faq .faq-box .more-btn2:before {
        content: '';
        position: absolute;
        width: 1.5vw;
        height: 1px;
        border-top: solid 1px #fff;
        right: 0vw;
        top: 1.7vw;
    }

    .faq .faq-box .more-btn2 a{
        display: block;
        padding: 1vw;
    }

    .faq .faq-box .more-btn2 a p{
        color: #fff;
        font-size: 0.9vw;
        letter-spacing: 0.1vw;
    }

    /* service2 end */

    /* service2 products */
    .service2-products-mv .mv {
        background-image: url(../img/service2productsmv1.png);
        background-size: cover;
        height: 20.5vw;
    }

    .service2-products-mv .on-text {
        top: 7vw;
    }

    .service2-products {
        padding: 6vw 0 4vw;
        overflow: hidden;
    }

    .service2-products .acc-bg1{
        background-image: url(../img/bgacc.png);
        background-size: cover;
        width: 29vw;
        height: 24vw;
        top: 3vw;
        right: -9vw;
        z-index: -1;
    }

    .service2-products#cat1 .acc-bg2,
    .service2-products#cat3 .acc-bg2,
    .service2-products#cat5 .acc-bg2{
        background-color: #eff4f6;
        width: 88%;
        height: 43vw;
        top: 16vw;
        left: 0vw;
        z-index: -1;
    }

    .service2-products#cat2 .acc-bg2,
    .service2-products#cat4 .acc-bg2{
        background-color: #eff4f6;
        width: 88%;
        height: 43vw;
        top: 16vw;
        right: 0vw;
        z-index: -1;
    }

    .service2-products .products-box {
        margin-top: 8vw;
        padding: 5vw 0 3vw;
    }

    .service2-products .products-box .products-row {
        width: 85%;
        margin: 3vw auto;
    }

    .service2-products .products-box .products-row:first-child {
        margin: -10vw auto 0;
    }

    .service2-products .products-box .products-row .scol{
        width: 24%;
    }
    

    .service2-products .products-box .products-row .p-bg {
        background-size: cover;
        width: 100%;
        height: 16vw;
    }

    .service2-products#cat1 .products-box .products-row .p-bg.bg1 {
        background-image: url(../img/service2products1.png);
    }

    .service2-products#cat1 .products-box .products-row .p-bg.bg2 {
        background-image: url(../img/service2products2.png);
    }

    .service2-products#cat1 .products-box .products-row .p-bg.bg3 {
        background-image: url(../img/service2products3.png);
    }

    .service2-products#cat1 .products-box .products-row .p-bg.bg4 {
        background-image: url(../img/service2products4.png);
    }

    .service2-products#cat1 .products-box .products-row .p-bg.bg5 {
        background-image: url(../img/service2products5.png);
    }

    .service2-products#cat1 .products-box .products-row .p-bg.bg6 {
        background-image: url(../img/service2products6.png);
    }

    .service2-products#cat1 .products-box .products-row .p-bg.bg7 {
        background-image: url(../img/service2products7.png);
    }

    .service2-products#cat2 .products-box .products-row .p-bg.bg1 {
        background-image: url(../img/service2products8.png);
    }

    .service2-products#cat2 .products-box .products-row .p-bg.bg2 {
        background-image: url(../img/service2products9.png);
    }

    .service2-products#cat2 .products-box .products-row .p-bg.bg3 {
        background-image: url(../img/service2products10.png);
    }

    .service2-products#cat2 .products-box .products-row .p-bg.bg4 {
        background-image: url(../img/service2products11.png);
    }

    .service2-products#cat2 .products-box .products-row .p-bg.bg5 {
        background-image: url(../img/service2products12.png);
    }

    .service2-products#cat2 .products-box .products-row .p-bg.bg6 {
        background-image: url(../img/service2products13.png);
    }

    .service2-products#cat2 .products-box .products-row .p-bg.bg7 {
        background-image: url(../img/service2products14.png);
    }

    .service2-products#cat3 .products-box .products-row .p-bg.bg1 {
        background-image: url(../img/service2products15.png);
    }

    .service2-products#cat3 .products-box .products-row .p-bg.bg2 {
        background-image: url(../img/service2products16.png);
    }

    .service2-products#cat3 .products-box .products-row .p-bg.bg3 {
        background-image: url(../img/service2products17.png);
    }

    .service2-products#cat3 .products-box .products-row .p-bg.bg4 {
        background-image: url(../img/service2products18.png);
    }

    .service2-products#cat3 .products-box .products-row .p-bg.bg5 {
        background-image: url(../img/service2products19.png);
    }

    .service2-products#cat3 .products-box .products-row .p-bg.bg6 {
        background-image: url(../img/service2products20.png);
    }

    .service2-products#cat4 .products-box .products-row .p-bg.bg1 {
        background-image: url(../img/service2products21.png);
    }

    .service2-products#cat4 .products-box .products-row .p-bg.bg2 {
        background-image: url(../img/service2products22.png);
    }

    .service2-products#cat4 .products-box .products-row .p-bg.bg3 {
        background-image: url(../img/service2products23.png);
    }

    .service2-products#cat4 .products-box .products-row .p-bg.bg4 {
        background-image: url(../img/service2products24.png);
    }

    .service2-products#cat4 .products-box .products-row .p-bg.bg5 {
        background-image: url(../img/service2products25.png);
    }

    .service2-products#cat4 .products-box .products-row .p-bg.bg6 {
        background-image: url(../img/service2products26.png);
    }

    .service2-products#cat5 .products-box .products-row .p-bg.bg1 {
        background-image: url(../img/service2products27.png);
    }

    .service2-products#cat5 .products-box .products-row .p-bg.bg2 {
        background-image: url(../img/service2products28.png);
    }

    .service2-products#cat5 .products-box .products-row .p-bg.bg3 {
        background-image: url(../img/service2products29.png);
    }

    .service2-products .products-box .products-row .scol:not(.dummy) {
        box-shadow: 2px 2px 7px #aaa;
    }

    .service2-products .products-box .products-row .p-title {
        background-color: #fff;
        padding: 1vw 0;
    }

    .service2-products .products-box .products-row .p-title h3{
        font-size: 1vw;
        letter-spacing: 0.1vw;
        margin-left: 1vw;
    }
    

    .service2-products .products-box .products-row .p-title p{
        font-size: 0.8vw;
        padding: 1vw;
    }

    .service2-products .products-box .products-row .p-title .ex{
        background-color: var(--main-color);
        color: #fff;
        width: 38%;
        border-radius: 2vw;
        margin: 0 1vw;
    }

    .service2-products .products-box .products-row .p-title .ex p{
        padding: 0.5vw 1vw;
        color: #fff;
    }

    .service2-products .products-box .products-row .p-title .ex .icon{
        top: 0.75vw;
        right: 1vw;
        font-size: 0.5vw;
        transition: .5s;
        color: #fff;
    }

    .service2-products .products-box .products-row .p-title .ex:hover .icon{
        right: 0.8vw;
    }

    .service2-products .products-box .products-row .scol.col1{
        height: 21.5vw;
        background: #fff;
    }

    .service2-products .products-box .products-row .scol.col1 p{
        padding: 1vw 1vw 0;
    }

    .service2-products .products-box .products-row .scol.col2{
        height: 19.5vw;
        background: #fff;
    }

    /* service2 products end */


    /* service3 */

    .service3-mv .mv {
        background-image: url(../img/service3mv1.png);
        background-size: cover;
        height: 31.5vw;
    }

    .page-mv.service3-mv .on-text {
        top: 9.5vw;
        left: 9vw;
    }

    .our-strengths {
        padding: 4vw 0;
        background-color: #eff4f6;
    }

    .our-strengths .acc-bg1 {
        background-image: url(../img/bgacc.png);
        background-size: cover;
        width: 33vw;
        height: 21vw;
        top: 3vw;
        left: -6vw;
        z-index: 0;
        transform: scaleX(-1);
    }

    .our-strengths .strengths-box {
        width: 85%;
        margin: 3vw auto 2vw;
        z-index: 1;
        position: relative;
    }

    .our-strengths .strengths-box .s-bg {
        background-size: cover;
        width: 100%;
        height: 18vw;
        margin-bottom: 0.5vw;
    }

    .our-strengths .strengths-box .s-bg.bg1 {
        background-image: url(../img/service3-1.png);
    }

    .our-strengths .strengths-box .s-bg.bg2 {
        background-image: url(../img/service3-2.png);
    }

    .our-strengths .strengths-box .s-bg.bg3 {
        background-image: url(../img/service3-3.png);
    }

    .our-strengths .strengths-box .col2 {
        margin: 0 3vw;
    }

    .our-strengths .strengths-box .strengths-row span {
        font-size: 1vw;
        letter-spacing: 0.1vw;
    }

    .our-strengths .strengths-box .strengths-row h3{
        font-size: 1.5vw;
        letter-spacing: 0.2vw;
        margin: 0.2vw 0 0.7vw;
    }

    .our-strengths .strengths-box .strengths-row .t p{
        font-size: 0.87vw;
        letter-spacing: 0.1vw;
    }

    .our-products {
        padding: 4vw 0 7vw;
        margin-bottom: 4vw;
    }

    .our-products .acc-bg1 {
        background-image: url(../img/bgacc.png);
        background-size: contain;
        background-repeat: no-repeat;
        width: 30vw;
        height: 30vw;
        top: 2vw;
        right: -7vw;
        z-index: -2;
    }

    .our-products .t {
        font-size: 0.9vw;
        margin: 2vw 0 3vw;
    }

    .our-products .our-products-box .our-products-row{
        width: 65%;
        margin: auto;
    }

    .our-products .our-products-box .our-products-row .col{
        box-shadow: 2px 2px 7px #edecff;
    }

    .our-products .our-products-box .our-products-row .col2{
        margin: 0 2vw;
    }

    .our-products .our-products-box .our-products-row .p-bg {
        background-size: cover;
        width: 100%;
        height: 22.5vw;
    }

    .our-products .our-products-box .our-products-row .p-bg.bg1 {
        background-image: url(../img/service3-4.png);
    }

    .our-products .our-products-box .our-products-row .p-bg.bg2 {
        background-image: url(../img/service3-5.png);
    }

    .our-products .our-products-box .our-products-row .p-bg.bg3 {
        background-image: url(../img/service3-6.png);
    }

    .our-products .our-products-box .our-products-row .p-title {
        background-color: #fff;
        padding: 1.5vw;
    }

    .our-products .our-products-box .our-products-row .p-title h3{
        font-size: 1.2vw;
        letter-spacing: 0.1vw;
    }

    .our-products .our-products-box .our-products-row .p-title span{
        font-size: 0.8vw;
        font-style: italic;
        letter-spacing: 0.05vw;
    }

    .our-products .our-products-box .our-products-row .icon{
        border-top: solid 1px var(--main-color);
        width: 3vw;
        bottom: 25%;
        right: 2vw;
        transition: .5s;
    }

    .our-products .our-products-box .our-products-row .icon:before{
        content: "";
        border-top: solid 1px var(--main-color);
        width: 0.5vw;
        display: block;
        transform: rotate(45deg);
        right: -2.6vw;
        top: -0.2vw;
        position: relative;
        transition: .5s;
    }

    .our-products .our-products-box .our-products-row .col:hover .icon{
        right: 1.5vw;
    }

    .our-products .our-products-bg{
        background-color: #eff4f6;
        width: 90vw;
        height: 29vw;
        top: 5vw;
        z-index: -1;
    }

    /* service3 end */

    /* service3 products */
    .service3-products-mv .mv {
        background-image: url(../img/service3productsmv1.png);
        background-size: cover;
        height: 20.5vw;
    }

    .service3-products-mv .on-text {
        top: 7vw;
    }

    .service3-products-top {
        background-color: #eff4f6;
        padding: 4vw 0;
    }

    .service3-products-top .t{
        font-size: 1vw;
        margin-top: 2vw;
        line-height: 1.8vw;
    }

    .service3-products {
        padding: 6vw 0 4vw;
        overflow: hidden;
    }

    .service3-products .acc-bg1{
        background-image: url(../img/bgacc.png);
        background-size: cover;
        width: 29vw;
        height: 24vw;
        top: 3vw;
        right: -9vw;
        z-index: -1;
    }

    .service3-products#cat1 .acc-bg2,
    .service3-products#cat3 .acc-bg2,
    .service3-products#cat5 .acc-bg2{
        background-color: #eff4f6;
        width: 88%;
        height: 43vw;
        top: 16vw;
        left: 0vw;
        z-index: -1;
    }

    .service3-products#cat2 .acc-bg2,
    .service3-products#cat4 .acc-bg2{
        background-color: #eff4f6;
        width: 88%;
        height: 43vw;
        top: 16vw;
        right: 0vw;
        z-index: -1;
    }

    /* .service3-products .products-box {
        padding: 5vw 0 3vw;
    } */

    .service3-products#cat1 .products-box .products-row {
        width: 80%;
        margin: 3vw auto;
    }

    .service3-products#cat2 .products-box .products-row,
    .service3-products#cat3 .products-box .products-row {
        width: 65%;
        margin: 3vw auto;
    }

    /* .service3-products .products-box .products-row:first-child {
        margin: -10vw auto 0;
    } */

    .service3-products#cat1 .products-box .products-row .scol{
        width: 24%;
    }

    .service3-products#cat2 .products-box .products-row .scol,
    .service3-products#cat3 .products-box .products-row .scol{
        width: 32%;
    }
    

    .service3-products .products-box .products-row .p-bg {
        background-size: cover;
        width: 100%;
        height: 15vw;
    }

    .service3-products#cat1 .products-box .products-row .p-bg.bg1 {
        background-image: url(../img/service3products1.png);
    }

    .service3-products#cat1 .products-box .products-row .p-bg.bg2 {
        background-image: url(../img/service3products2.png);
    }

    .service3-products#cat1 .products-box .products-row .p-bg.bg3 {
        background-image: url(../img/service3products3.png);
    }

    .service3-products#cat1 .products-box .products-row .p-bg.bg4 {
        background-image: url(../img/service3products4.png);
    }

    .service3-products#cat2 .products-box .products-row .p-bg.bg5 {
        background-image: url(../img/service3products5.png);
    }

    .service3-products#cat2 .products-box .products-row .p-bg.bg6 {
        background-image: url(../img/service3products6.png);
    }

    .service3-products#cat2 .products-box .products-row .p-bg.bg7 {
        background-image: url(../img/service3products7.png);
    }

    .service3-products#cat2 .products-box .products-row .p-bg.bg8 {
        background-image: url(../img/service3products8.png);
    }

    .service3-products#cat2 .products-box .products-row .p-bg.bg9 {
        background-image: url(../img/service3products9.png);
    }

    .service3-products#cat2 .products-box .products-row .p-bg.bg10 {
        background-image: url(../img/service3products10.png);
    }

    .service3-products#cat3 .products-box .products-row .p-bg.bg11 {
        background-image: url(../img/service3products11.png);
    }

    .service3-products#cat3 .products-box .products-row .p-bg.bg12 {
        background-image: url(../img/service3products12.png);
    }

    .service3-products#cat3 .products-box .products-row .p-bg.bg13 {
        background-image: url(../img/service3products13.png);
    }

    .service3-products#cat3 .products-box .products-row .p-bg.bg14 {
        background-image: url(../img/service3products14.png);
    }

    .service3-products#cat3 .products-box .products-row .p-bg.bg15 {
        background-image: url(../img/service3products15.png);
    }

    .service3-products#cat3 .products-box .products-row .p-bg.bg16 {
        background-image: url(../img/service3products16.png);
    }

    .service3-products#cat3 .products-box .products-row .p-bg.bg17 {
        background-image: url(../img/service3products17.png);
    }

    .service3-products#cat3 .products-box .products-row .p-bg.bg18 {
        background-image: url(../img/service3products18.png);
    }

    .service3-products#cat3 .products-box .products-row .p-bg.bg19 {
        background-image: url(../img/service3products19.png);
    }

    .service3-products#cat3 .products-box .products-row .p-bg.bg20 {
        background-image: url(../img/service3products20.png);
    }

    .service3-products .products-box .products-row .scol:not(.dummy) {
        box-shadow: 2px 2px 7px #aaa;
    }

    .service3-products .products-box .products-row .p-title {
        background-color: #fff;
        padding: 1vw 0;
    }

    .service3-products .products-box .products-row .p-title h3{
        font-size: 1vw;
        letter-spacing: 0.1vw;
        margin-left: 1vw;
    }
    

    .service3-products .products-box .products-row .p-title p{
        font-size: 0.8vw;
        padding: 1vw;
    }

    /* service3 products end */

    /* search */

    .search-detail {
        width: 82%;
        margin: 5vw auto;
    }

    .search-detail .products-col.col1{
        width: 24%;
        position: sticky;
        top: 7vw;
        height: 43vw;
    }

    .search-detail .products-col.col1 .category-view{
        height: 43vw;
        padding-right: 1vw;
        overflow: auto;
    }

    .search-detail .products-col h3 {
        font-size: 1.2vw;
        letter-spacing: 0.1vw;
        margin-bottom: 1vw;
    }

    .search-detail .category-view h4 {
        font-size: 0.9vw;
        letter-spacing: 0.1vw;
        padding-left: 1.5vw;
    }

    .search-detail .category-c {
        background-color: #e3eef2;
        border-radius: 0.8vw;
        margin-bottom: 1vw;
        box-shadow: 2px 2px 3px #aaa;
    }

    .search-detail .category-view .category-c-img {
        background-size: cover;
        background-position: center;
        width: 5.5vw;
        height: 4vw;
        border-radius: 0.8vw 0vw 0vw 0.8vw;
    }

    .search-detail .category-view .category-c-title {
        width: 13vw;
    }

    .search-detail .category-view .category-c-icon {
        top: 35%;
        right: 10%;
        font-size: 0.9vw;
        transition: .5s;
    }

    .search-detail .category-c:hover .category-c-icon {
        right: 8%;
    }

    .search-detail .products-col.col2{
        width: 72%;
        margin-left: 4%;
    }

    .search-detail .products-col.col2 .p-desc{
        margin-top: 1vw;
        font-size: 0.9vw;
        letter-spacing: 0.05vw;
        line-height: 1.8vw;
        margin-bottom: 2.5vw;
    }

    .search-detail .products-col.col2 .product-not-found {
        margin-top: 10vw;
    }

    .search-detail .products-col.col2 ul li{
        margin-right: 1vw;
        font-size: 0.7vw;
        letter-spacing: 0.05vw;
    }

    .search-detail .products-col.col2 .p-title h3{
        color: #0166b2;
        font-size: 1.2vw;
        letter-spacing: 0.1vw;
        padding-top: 0.2vw;
        padding-bottom: 0.7vw;
        border-bottom: solid 1px #aaa;
    }

    .search-detail .products-col.col2 .product {
        background-color: #e3eef2;
        margin-bottom: 2vw;
    }

    .search-detail .products-col.col2 .product .img-box {
        width: 35%;
    }

    .search-detail .products-col.col2 .product .product-img {
        background-size: cover;
        height: 14vw;
        background-position: center;
        transition: .5s;
    }

    .search-detail .products-col.col2 .product:hover .product-img {
        scale: 1.1;
    }

    .search-detail .products-col.col2 .product .product-detail {
        width: 65%;
    }

    .search-detail .products-col.col2 .product .product-detail h3{
        color: var(--main-color);
        padding: 1vw 2vw 1vw;
        font-size: 1.2vw;
        letter-spacing: 0.1vw;
        border-bottom: solid 1px var(--main-color);
    }

    .search-detail .products-col.col2 .product .product-detail .product-keyword{
        padding: 0 2vw 0.5vw;
    }

    .search-detail .products-col.col2 .product .product-detail .product-t{
        font-size: 0.8vw;
        letter-spacing: 0.05vw;
        line-height: 1.5vw;
        padding: 0 2vw;
    }

    .search-detail .products-col.col2 .product .product-detail .more{
        font-size: 0.8vw;
        letter-spacing: 0.05vw;
        right: 3vw;
        bottom: 1vw;
    }

    .search-detail .products-col.col2 .product .product-detail .more .icon {
        border-top: solid 1px var(--main-color);
        width: 1.5vw;
        top: 70%;
        right: -2vw;
        transition: .5s;
    }

    .search-detail .products-col.col2 .product:hover .product-detail .more .icon {
        right: -2.5vw;
    }

    .search-detail .products-col.col2 .product .product-detail .more .icon:before{
        content: "";
        border-top: solid 1px var(--main-color);
        width: 0.3vw;
        display: block;
        transform: rotate(45deg);
        right: -1.2vw;
        top: -0.2vw;
        position: relative;
        transition: .5s;
    }

    /* search end */

    /* products detail */

    .s-products.detail {
        padding: 8vw 0 1vw;
    }

    .s-products.detail .search-form {
        width: 65%;
    }

    .products-detail {
        width: 82%;
        margin: 5vw auto;
    }

    .products-detail .products-col.col1{
        width: 24%;
        position: sticky;
        top: 7vw;
        height: 43vw;
    }

    .products-detail .products-col.col1 .category-view{
        padding-right: 1vw;
        overflow: auto;
        height: 43vw;
    }

    .products-detail .products-col h3 {
        font-size: 1.2vw;
        letter-spacing: 0.1vw;
        margin-bottom: 1vw;
    }

    .products-detail .category-view h4 {
        font-size: 0.9vw;
        letter-spacing: 0.1vw;
        padding-left: 1.5vw;
    }

    .products-detail .category-c {
        background-color: #e3eef2;
        border-radius: 0.8vw;
        margin-bottom: 1vw;
        box-shadow: 2px 2px 3px #aaa;
    }

    .category-view .category-c-img {
        background-size: cover;
        background-position: center;
        width: 5.5vw;
        height: 4vw;
        border-radius: 0.8vw 0vw 0vw 0.8vw;
    }

    .category-view .category-c-title {
        width: 13vw;
    }

    /* .category-view .category-c-img.img1 {
        background-image: url(../img/side-c1.jpeg);
    }

    .category-view .category-c-img.img2 {
        background-image: url(../img/side-c2.jpeg);
    }

    .category-view .category-c-img.img3 {
        background-image: url(../img/side-c3.jpeg);
    }

    .category-view .category-c-img.img4 {
        background-image: url(../img/side-c4.jpeg);
    }

    .category-view .category-c-img.img5 {
        background-image: url(../img/side-c5.jpeg);
    }

    .category-view .category-c-img.img6 {
        background-image: url(../img/side-c6.jpeg);
    }

    .category-view .category-c-img.img7 {
        background-image: url(../img/side-c7.jpeg);
    }

    .category-view .category-c-img.img8 {
        background-image: url(../img/side-c8.jpeg);
    }

    .category-view .category-c-img.img9 {
        background-image: url(../img/side-c9.jpeg);
    }

    .category-view .category-c-img.img10 {
        background-image: url(../img/side-c10.jpeg);
    }

    .category-view .category-c-img.img11 {
        background-image: url(../img/side-c11.jpeg);
    }

    .category-view .category-c-img.img12 {
        background-image: url(../img/side-c12.jpeg);
    }

    .category-view .category-c-img.img13 {
        background-image: url(../img/side-c13.jpeg);
    } */

    .category-view .category-c-icon {
        top: 35%;
        right: 10%;
        font-size: 0.9vw;
        transition: .5s;
    }

    .category-c:hover .category-c-icon {
        right: 8%;
    }

    .products-detail .products-col.col2{
        width: 67%;
        margin-left: 4%;
    }

    .products-detail .products-col.col2 ul li{
        margin-right: 1vw;
        font-size: 0.8vw;
        letter-spacing: 0.05vw;
    }

    .products-detail .products-col.col2 .p-title h3{
        color: #0166b2;
        font-size: 1.8vw;
        letter-spacing: 0.1vw;
        padding-top: 0.2vw;
        padding-bottom: 0.7vw;
        border-bottom: solid 1px #aaa;
    }

    .products-mv {
        margin-top: 2vw;
    }

    .products-mv .products-mv-row > a {
        width: 67%;
    }

    .products-mv .products-mv-main{
        background-size: cover;
        height: 27vw;
    }

    .products-mv .products-mv-sub {
        width: 22%;
        margin-left: 5%;
    }

    .products-mv .products-mv-sub .subimg{
        background-size: cover;
        height: 7.5vw;
        background-position: center;
        margin-bottom: 0.8vw;
    }

    .products-desc,
    .products-size,
    .products-way,
    .products-view,
    .products-relation {
        margin-top: 3vw;
    }

    .products-way table tr:first-child td{
        border-top: none;
    }

    .products-way table tr,
    .products-view table tr{
        font-size: 1vw;
    }

    .tablepress>:where(thead,tfoot)>*>th {
        background-color: #eee!important;
        text-align: center!important;
    }

    .products-desc h2,
    .products-size h2,
    .products-way h2,
    .products-view h2{
        font-size: 1.5vw;
        letter-spacing: 0.1vw;
        border-left: solid 2px var(--main-color);
        padding: 1vw 1.5vw;
        background-color: #e3eef2;
        margin-bottom: 2vw;
    }

    .products-relation h2{
        font-size: 1.5vw;
        letter-spacing: 0.1vw;
        border-top: solid 2px #0166b2;
        border-bottom: solid 2px #0166b2;
        padding: 1vw 0;
        margin-bottom: 2vw;
        color: #0166b2;
    }

    .products-desc p,
    .products-size p,
    .products-way p,
    .products-view p{
        font-size: 0.7vw;
        letter-spacing: 0.1vw;
        line-height: 1.8vw;
    }

    .products-relation .relative-img{
        height: 10vw;
        /* width: 30%; */
        background-size: cover;
    }

    .products-relation li {
        width: 30%;
        margin-right: 1.5vw!important;
    }

    .products-relation li h3 {
        font-size: 0.9vw!important;
        color: #0166b2;
        margin-top: 1vw;
    }

    /* products detail end */

    /* example */

    .example-mv .mv {
        background-image: url(../img/exmv1.png);
        background-size: cover;
        height: 31.5vw;
    }

    .page-mv.example-mv .on-text {
        top: 12.5vw;
        left: 9vw;
    }

    .example-view {
        padding: 4vw 0;
        background-color: #e0e9ed;
    }

    .example-view .category-box {
        width: 65%;
        margin: auto;
    }

    .example-view select {
        width: 20%;
        padding: 0 1vw;
        height: 3vw;
        letter-spacing: 0.2vw;
        font-size: 1vw;
    }

    .example-view .ex-view{
        width: 65%;
        margin: 3vw auto;
    }

    .example-view .ex-view li{
        border-top: solid 1px #aaa;
        padding: 1.5vw 0;
    }

    .example-view .ex-view li:last-child{
        border-bottom: solid 1px #aaa;
    }

    .example-view .ex-view .ex-col .ex-img{
        width: 13vw;
        margin-right: 2vw;
    }

    .example-view .ex-view .ex-col .category-col {
        width: 7vw;
        font-size: 0.8vw;
        letter-spacing: 0.05vw;
        color: #fff;
        padding: 0.2vw 0;
        margin-bottom: 1vw;
    }

    .example-view .ex-view .ex-col .category-col.machine {
        background-color: #0166b2;
    }

    .example-view .ex-view .ex-col .category-col.appliance {
        background-color: #333;
    }

    .example-view .ex-view .ex-col .category-col.heat {
        background-color: #173f8c;
    }

    .example-view .ex-view .ex-col .ex-t {
        font-size: 0.9vw;
        line-height: 1.5vw;
        letter-spacing: 0.05vw;
    }

    .example-view .pagenavi a{
        border: solid 1px var(--main-color);
        padding: 0.2vw 0.6vw;
        font-size: 0.9vw;
        background-color: #fff;
    }

    .example-view .pagenavi .now{
        border: solid 1px var(--main-color);
        color: #fff;
        padding: 0.2vw 0.6vw;
        font-size: 0.9vw;
        background-color: var(--main-color);
    }

    /* example end */

    /* recruit */

    .recruit-mv .mv {
        background-image: url(../img/recruitmv1.png);
        background-size: cover;
        height: 31.5vw;
    }

    .page-mv.recruit-mv .on-text {
        top: 12.5vw;
        left: 9vw;
    }

    .recruit-message {
        padding: 4vw 0;
        background-color: #eff4f6;
    }

    .recruit-message-bg {
        background-image: url(../img/bgacc.png);
        background-size: cover;
        width: 29vw;
        height: 21vw;
        top: -2vw;
        left: -6vw;
        z-index: 0;
        transform: scaleX(-1);
    }

    .recruit-message .recruit-message-main {
        width: 60%;
        margin: 0vw auto;
        z-index: 1;
    }

    .recruit-message .col1 {
        width: 33vw;
    }

    .recruit-message .col2 .bg-1 {
        background-image: url(../img/recruit2.png);
        background-size: cover;
        height: 25vw;
        width: 100%;
    }

    .recruit-message .col2 {
        margin-left: 5vw;
        width: 21vw;
    }

    .recruit-message-main .t {
        margin-top: 1.5vw;
        font-size: 0.9vw;
        letter-spacing: 0.15vw;
    }

    .recruit-message-main .t h3{
        font-size: 1.35vw;
        margin-bottom: 1.5vw;
    }

    .recruit-intro {
        padding: 4vw 0;
    }

    .recruit-intro-box .recruit-intro-main {
        width: 75%;
        margin: 3vw auto;
    }

    .recruit-intro-box .recruit-intro-main .col1 .rec-bg1 {
        background-image: url(../img/recruit3.png);
    }

    .recruit-intro .rec-bg {
        background-size: cover;
        width: 100%;
        height: 24vw;
    }

    .recruit-intro-box .recruit-intro-main .col1 {
        width: 65vw;
    }

    .recruit-intro-box .recruit-intro-main .col2 {
        margin-left: 3vw;
        width: 70vw;
    }

    .recruit-intro-box .recruit-intro-main .col2 h3 {
        font-size: 1vw;
        letter-spacing: 0.1vw;
    }

    .recruit-intro-box .recruit-intro-main .col2 h2 {
        font-size: 1.5vw;
        letter-spacing: 0.1vw;
        margin-top: 1vw;
    }

    .recruit-intro-box .recruit-intro-main .col2 .t{
        font-size: 0.87vw;
        letter-spacing: 0.1vw;
        margin-top: 1vw;
    }

    .recruit-intro-box .recruit-intro-main2 {
        width: 75%;
        margin: 3vw auto;
    }

    .recruit-intro-box .recruit-intro-main2 .col2 .rec-bg2 {
        background-image: url(../img/service1-2.png);
    }

    .recruit-intro-box .recruit-intro-main2 .col2 {
        width: 65vw;
    }

    .recruit-intro-box .recruit-intro-main2 .col1 {
        margin-right: 3vw;
        width: 70vw;
    }

    .recruit-intro-box .recruit-intro-main2 .col1 h3 {
        font-size: 1vw;
        letter-spacing: 0.1vw;
    }

    .recruit-intro-box .recruit-intro-main2 .col1 h2 {
        font-size: 1.5vw;
        letter-spacing: 0.1vw;
        margin-top: 1vw;
    }

    .recruit-intro-box .recruit-intro-main2 .col1 .t{
        font-size: 0.87vw;
        letter-spacing: 0.1vw;
        margin-top: 1vw;
    }

    .recruit-intro-box .recruit-intro-main .col1 .rec-bg3 {
        background-image: url(../img/recruit5.png);
    }

    .recruit-intro-box .recruit-intro-main2 .col2 .rec-bg4 {
        background-image: url(../img/recruit6.png);
    }

    .recruit-intro-box .recruit-intro-main .col1 .rec-bg5 {
        background-image: url(../img/recruit7.png);
    }

    .wanted {
        background-color: #eff4f6;
        padding: 4vw 0;
    }

    .wanted .wanted-box{
        width: 65%;
        margin: 3vw auto;
    }

    .wanted .wanted-box .wanted-col{
        background-color: #fff;
        border-top: solid 1px #aaa;
        border-bottom: solid 1px #aaa;
        padding: 1.5vw;
        margin-bottom: 1.5vw;
    }

    .wanted .wanted-box .wanted-col h3{
        font-size: 1vw;
        letter-spacing: 0.1vw;
        margin-bottom: 0.5vw;
    }

    .wanted .wanted-box .wanted-col h2{
        font-size: 1.5vw;
        letter-spacing: 0.1vw;
    }

    .wanted .wanted-box .wanted-col h2 span{
        font-size: 1.1vw;
        letter-spacing: 0.1vw;
    }

    .wanted .wanted-box .wanted-col h2 span.gray,
    .wanted .wanted-box .wanted-col i.gray{
        color: #aaa;
    }

    .wanted .wanted-box .wanted-col i{
        right: 2vw;
        top: 3vw;
        transition: .5s;
    }

    .wanted .wanted-box .wanted-col:hover i:not(.gray) {
        right: 1.5vw;
    }

    .recruit-faq .acc-bg1 {
        background-image: url(../img/bgacc.png);
        background-size: cover;
        width: 26vw;
        height: 23vw;
        top: 3.5vw;
        left: -3vw;
        transform: scaleX(-1);
    } 
    
    .recruit-entry {
        padding-bottom: 4vw;
    }

    .recruit-entry-box{
        width: 80%;
        margin: 4vw auto;
        background-color: #e0e9ed;
        padding: 5vw 10vw;
    }

    .recruit-entry-box .wpcf7{
        margin-top: 3vw;
    }

    .wpcf7 label {
        width: 100%;
    }

    .wpcf7 .title{
        font-size: 1vw;
        letter-spacing: 0.1vw;
        margin-top: 2vw;
        display: inline-block;
    }

    .wpcf7 input:not([type=checkbox],[type=radio]),
    .wpcf7 select,
    .wpcf7 textarea {
        width: 100%;
        padding: 1.3vw 1vw;
        font-size: 1vw;
        letter-spacing: 0.1vw;
        margin-top: 0.5vw;
        border: solid 1px #fff;
        font-family: "kozuka-mincho-pro", serif;
        font-weight: 400;
        font-style: normal;
    }

    .wpcf7 select {
        -webkit-appearance: none;
        appearance: none;
    }

    .wpcf7 input[type="file"] {
        display: none;
    }

    .wpcf7 label.rireki{
        padding: 1.3vw 1vw;
        font-size: 1vw;
        letter-spacing: 0.1vw;
        background-color: #fff;
        border: solid 1px #fff;
        font-family: "kozuka-mincho-pro", serif;
        font-weight: 400;
        font-style: normal;
    }

    .wpcf7-acceptance > span{
        display: block;
        margin: 3vw 0;
        font-size: 1vw;
        letter-spacing: 0.1vw;
    }

    .wpcf7-acceptance label{
        align-items: center;
        display: flex;
        justify-content: center;
        font-family: "kozuka-mincho-pro", serif;
        font-weight: 400;
        font-style: normal;
        letter-spacing: 0.1vw;
    }

    .wpcf7-acceptance label input[type=checkbox]{
        width: 1.5vw;
        height: 1.5vw;
        margin-right: 2vw;
    }

    .wpcf7-acceptance label a {
        text-decoration: underline;
        text-underline-offset: 0.4vw;
        font-family: "kozuka-mincho-pro", serif;
        font-weight: 400;
        font-style: normal;
        letter-spacing: 0.1vw;
    }

    .recruit-entry-box .submit-btn {
        width: 30% !important;
        margin: 3vw 35% 0;
    }

    .recruit-entry-box .wpcf7-submit {
        margin-top: 0!important;
    }

    .recruit-entry-box .submit-btn:before {
        content: '';
        position: absolute;
        width: 1.5vw;
        height: 1px;
        border-top: solid 1px #fff;
        right: 0vw;
        top: 1.9vw;
    }

    .recruit-entry-box .more-btn2 a{
        display: block;
        padding: 1vw;
    }

    .recruit-entry-box .more-btn2 a p{
        color: #fff;
        font-size: 0.9vw;
        letter-spacing: 0.1vw;
    }

    .wpcf7-spinner{
        display: none;
    }

    /* recruit end */

    /* recruit more */

    .recruit-more {
        margin-top: 6vw;
        background-color: #e3eef2;
        padding: 4vw 0;
    }

    .recruit-more h3 {
        font-size: 1.2vw;
        letter-spacing: 0.1vw;
    }

    .recruit-more h2 {
        font-size: 2.5vw;
        letter-spacing: 0.1vw;
        margin-top: 0.5vw;
    }

    .recruit-more-box {
        padding: 3vw 0 0;
    }

    .recruit-more-box .recruit-more-title h3{
        font-size: 2vw;
        letter-spacing: 0.1vw;
    }

    .recruit-more-box .b-top {
        width: 3vw;
        margin: auto;
        margin-top: 1vw;
        border-top: solid 1px var(--main-color);
    }

    .recruit-more-box .recruit-more-image{
        background-size: cover;
        width: 50vw;
        height: 31vw;
        margin: 3vw auto;
    }

    .recruit-more-detail {
        width: 50vw;
        margin: auto;
    }

    .recruit-more-detail .recruit-more-main .detail-title {
        margin-bottom: 3vw;
    }

    .recruit-more-detail .recruit-more-main .detail-title .b-top2 {
        width: 1vw;
        border-top: solid 1px var(--main-color);
        margin-right: 0.5vw;
    }

    .recruit-more-detail .recruit-more-main .detail-title h3{
        font-size: 1.2vw;
        letter-spacing: 0.1vw;
    }

    .recruit-more-detail .recruit-more-main .recruit-more-row .col1,
    .recruit-more-detail .recruit-more-main .recruit-more-row .col2 {
        padding: 1vw 0;
    }

    .recruit-more-detail .recruit-more-main .recruit-more-row .col1 {
        width: 20%;
        padding-left: 3%;
    }

    .recruit-more-detail .recruit-more-main .recruit-more-row:not(:last-child) .col1{
        border-bottom: solid 1px #585555;
    }

    .recruit-more-detail .recruit-more-main .recruit-more-row .col1 h3{
        font-size: 0.9vw;
        letter-spacing: 0.05vw;
    }

    .recruit-more-detail .recruit-more-main .recruit-more-row .col2 p {
        font-size: 0.9vw;
        letter-spacing: 0.05vw;
    }

    .recruit-more-detail .recruit-more-main .recruit-more-row .col2 {
        width: 80%;
        padding-left: 5%;
    }

    .recruit-more-detail .recruit-more-main .recruit-more-row:not(:last-child) .col2 {
        border-bottom: solid 1px #9c9c9c;
    }

    .about-recruit {
        width: 50vw;
        margin: auto;
    }

    .about-recruit .about-recruit-title {
        margin: 3vw 0;
    }

    .about-recruit .about-recruit-title .b-top2 {
        width: 1vw;
        border-top: solid 1px var(--main-color);
        margin-right: 0.5vw;
    }

    .about-recruit .about-recruit-title h3{
        font-size: 1.2vw;
        letter-spacing: 0.1vw;
    }

    .about-recruit .t p {
        font-size: 0.9vw;
        letter-spacing: 0.05vw;
    }

    .about-recruit .entry-btn {
        width: 65%;
        margin: 5vw auto 0;
        background-color: var(--main-color);
        border-radius: 3vw;
    }

    .about-recruit .entry-btn a {
        color: #fff;
        display: block;
        padding: 1.5vw 2vw;
        font-size: 0.9vw;
        letter-spacing: 0.05vw;
    }

    .about-recruit .entry-btn:before{
        content: "";
        border-top: solid 1px #fff;
        width: 0.7vw;
        top: 50%;
        right: 2vw;
        transition: .5s;
        display: block;
        position: absolute;
    }

    .about-recruit .entry-btn:after{
        content: "";
        border-top: solid 1px #fff;
        width: 0.3vw;
        display: block;
        transform: rotate(45deg);
        right: 2vw;
        top: 2.05vw;
        position: absolute;
        transition: .5s;
    }

    .about-recruit .entry-btn:hover:before {
        right: 1.8vw;
    }

    .about-recruit .entry-btn:hover:after {
        right: 1.8vw;
    }

    .about-recruit .return-recruit-btn{
        width: 65%;
        margin: 4vw auto;
        border: solid 1px var(--main-color);
    }

    .about-recruit .return-recruit-btn a{
        display: block;
        padding: 1.5vw 2vw;
    }

    .about-recruit .return-recruit-btn .circle{
        width: 0.75vw;
        height: 0.75vw;
        background-color: var(--main-color);
        border-radius: 1vw;
        margin-right: 1vw;
    }

    .about-recruit .return-recruit-btn .t{
        font-size: 1vw;
    }

    /* recruit more end */

    /* contact */

    .contact-mv .mv {
        background-image: url(../img/contactmv1.png);
        background-size: cover;
        height: 31.5vw;
    }

    .page-mv.contact-mv .on-text {
        top: 12.5vw;
        left: 9vw;
    }

    .p-contact {
        padding-bottom: 4vw;
    }

    .p-contact-box{
        width: 80%;
        margin: 4vw auto;
        background-color: #e0e9ed;
        padding: 5vw 10vw;
    }

    .p-contact-box .wish {
        background-color: #fff;
        width: 100%;
        padding: 1.3vw 1vw;
        font-size: 1vw;
        letter-spacing: 0.1vw;
        margin-top: 0.5vw;
        border: solid 1px #fff;
        font-family: "kozuka-mincho-pro", serif;
        font-weight: 400;
        font-style: normal;
        border-radius: 3px;
    }

    .p-contact-box .t{
        width: 80%;
        margin: auto;
        font-size: 0.9vw;
        letter-spacing: 0.1vw;
        line-height: 1.5vw;
    }

    .p-contact-box .wpcf7{
        margin-top: 1vw;
    }

    .p-contact-box .submit-btn {
        width: 30% !important;
        margin: 3vw 35% 0;
    }

    .p-contact-box .wpcf7-submit {
        margin-top: 0!important;
    }

    .p-contact-box .submit-btn:before {
        content: '';
        position: absolute;
        width: 1.5vw;
        height: 1px;
        border-top: solid 1px #fff;
        right: 0vw;
        top: 1.9vw;
    }

    .p-contact-box .more-btn2 a{
        display: block;
        padding: 1vw;
    }

    .p-contact-box .more-btn2 a p{
        color: #fff;
        font-size: 0.9vw;
        letter-spacing: 0.1vw;
    }

    .wpcf7-spinner{
        display: none;
    }

    /* contact end */

    /* privacy policy */

    .privacypolicy {
        margin-top: 6vw;
        background-color: #e0e9ed;
    }

    .privacypolicy .p-box{
        width: 65%;
        margin: auto;
        padding-bottom: 5vw;
    }

    .privacypolicy .p-title {
        padding: 4vw 0;
    }

    .privacypolicy .p-title h2{
        font-size: 6vw;
        letter-spacing: 0.3vw;
    }

    .privacypolicy .p-title span{
        font-size: 1.2vw;
        letter-spacing: 0.1vw;
        margin-top: 1vw;
        display: block;
    }

    .privacypolicy .t,
    .privacypolicy .p-col p{
        font-size: 0.79vw;
        letter-spacing: 0.1vw;
        line-height: 1.5vw;
    }

    .privacypolicy .p-col{
        margin-top: 2vw;
    }

    .privacypolicy .p-col h3{
        font-size: 1.3vw;
        letter-spacing: 0.1vw;
        margin-bottom: 1vw;
    }

    .privacypolicy .p-col .b-bottom{
        border-top: solid 2px var(--main-color);
        width: 7vw;
        margin-bottom: 1vw;
    }

    .privacypolicy .p-col a {
        text-decoration: underline;
        text-underline-offset: 0.3vw;
    }

    /* privacy policy end */

    /* faq */

    .faq-mv .mv {
        background-image: url(../img/qamv1.png);
        background-size: cover;
        height: 31.5vw;
    }

    .page-mv.faq-mv .on-text {
        top: 12.5vw;
        left: 9vw;
    }

    .p-faq {
        background-color: #eff4f6;
    }

    .p-faq-box {
        width: 58%;
        margin: auto;
        padding: 5vw 0 0;
    }

    .p-faq-box .col2 {
        margin: 0 2vw;
    }

    .p-faq-box .col {
        border: solid 1px #173f8c;
        border-radius: 0.5vw;
        padding: 1.3vw 1.5vw;
        background-color: #fff;
        cursor: pointer;
    }

    .p-faq-box .col.active {
        border: solid 1px #aaaaaa;
        cursor: default;
    }

    .p-faq-box .col.active p{
        color: #aaaaaa;
    }

    .p-faq-box .col p{
        font-size: 0.9vw;
        letter-spacing: 0.05vw;
        color: var(--main-color);
    }

    .p-faq-box .col .icon {
        top: 35%;
        right: 10%;
    }

    .p-faq-box .col .icon p{
        font-size: 0.8vw;
    }

    /* faq end */

    /* footer contact */

    .recruit-entry + .footer-contact,
    .about-recruit + .footer-contact,
    .p-contact + .footer-contact,
    .pdf + .footer-contact {
        background-color: #e0e9ed;
    }

    .footer-contact {
        padding: 5vw 0 2vw;
    }

    .service2-products + .footer-contact {
        margin-top: 4vw;
    }

    .footer-contact .footer-bg {
        background-image: url(../img/bgacc.png);
        background-size: cover;
        width: 32vw;
        height: 24vw;
        top: 0.5vw;
        left: -3vw;
        transform: scaleX(-1);
    }

    .recruit-entry + .footer-contact .footer-bg,
    .about-recruit + .footer-contact .footer-bg,
    .p-contact + .footer-contact .footer-bg,
    .pdf + .footer-contact .footer-bg{
        background-image: url(../img/bgacc2.png);
        background-size: cover;
        width: 24vw;
        height: 21vw;
        top: 3.5vw;
        left: -1vw;
        transform: scaleX(1);
    }

    .footer-contact .footer-contact-main{
        width: 55%;
        margin: 4vw auto;
    }

    .footer-contact .footer-contact-main .col1{
        width: 45%;
    }

    .footer-contact .footer-contact-main .col1 h3{
        font-size: 1.1vw;
        margin-bottom: 0.5vw;
        letter-spacing: 0.1vw;
    }

    .footer-contact .footer-contact-main .col1 .telcol{
        width: 1.2vw;
        margin-right: 0.5vw;
    }

    .footer-contact .footer-contact-main .col1 .tel-box{
        padding: 0.5vw;
        height: 3vw;
    }

    .footer-contact .footer-contact-main .col1 a{
        font-size: 1.3vw;
        color: #fff;
        letter-spacing: 0.1vw;
        width: 90%;
        margin: auto;
        display: block;
    }

    .footer-contact .footer-contact-main .col1 p {
        font-size: 0.8vw;
        letter-spacing: 0.05vw;
        margin-top: 0.5vw;
    }

    .footer-contact .footer-contact-main .col2{
        width: 45%;
        margin-left: 10%;
    }

    .footer-contact .footer-contact-main .col2 h3{
        font-size: 1.1vw;
        margin-bottom: 0.5vw;
        letter-spacing: 0.1vw;
    }

    .footer-contact .footer-contact-main .col2 .mail-box{
        padding: 0.5vw;
        height: 3vw;
    }

    .footer-contact .footer-contact-main .col2 .mailcol{
        width: 1.7vw;
        margin-right: 0.5vw;
    }

    .footer-contact .footer-contact-main .col2 a{
        font-size: 1.1vw;
        color: #fff;
        letter-spacing: 0.1vw;
        width: 90%;
        margin: auto;
        display: block;
    }

    .footer-contact .footer-contact-main .col2 p {
        font-size: 0.8vw;
        letter-spacing: 0.05vw;
        margin-top: 0.5vw;
    }

    /* footer contact end */

    /* footer */

    footer {
        background-color: #333333;
    }

    footer .f-menu {
        padding: 3vw 0;
    }

    footer #sp1 {
        margin-bottom: 1.5vw;
    }

    footer #sp1,
    footer #sp2 {
        display: flex;
        justify-content: center; 
    }

    footer #sp1 li,
    footer #sp2 li {
        margin-right: 2.5vw;
    }
    
    footer #sp1 a,
    footer #sp2 a {
        color: #fff;
        font-size: 0.8vw;
        letter-spacing: 0.1vw;
    }
    
    footer .f-top,
    footer .f-top-icon {
        color: #fff;
    }

    footer .f-top {
        right: 3vw;
        top: 4vw;
        cursor: pointer;
    }

    footer .f-top p{
        line-height: 1vw;
        font-size: 0.8vw;
    }

    footer .f-logo {
        background-color: #fff;
        padding: 1.5vw 0;
    }

    footer .f-logo img {
        width: 38%;
    }

    footer .copyright {
        background-color: var(--main-color);
        color: #fff;
        padding: 1vw 0;
        font-size: 0.7vw;
        letter-spacing: 0.1vw;
    }

    /* footer end */
}