@charset "UTF-8"; @media screen and (min-width: 768px),print {
    .seo_bread_list { margin-bottom: 18px; color: #fff; }
    .seo_bread_list a { color: #fff; }
    .seo_bread_list img { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); }
    #rbicon01 { position: absolute; top: 10px; left: 0; }
    #rbicon02 { position: absolute; top: 270px; right: 5.7rem; }
    #rbicon04 { position: absolute; top: 1442px; left: 0; }

    #grbicon01 {position: absolute;top: 850px;right: 0;}
    #grbicon02 {position: absolute;top: 1570px;right: 0;}
    #grbicon03 {position: absolute;top: 1478px;right: 134px;}
    #grbicon04 {position: absolute;top: 2846px;left: 111px;}
    #grbicon05 {position: absolute;top: 2956px;right: 210px;}
    #grbicon06 {position: absolute;top: 3518px;left: 0;}
    #grbicon07 {position: absolute;top: 3798px;right: 57px;}
    #grbicon08 {position: absolute;top: 4088px;left: 50%;margin-left: -710px;}
    #grbicon09 {position: absolute;top: 4637px;left: 0;}
    #grbicon10 {position: absolute;top: 4923px;right: 55px;}
    #grbicon11 {position: absolute;top: 5496px;right: 0;}



    .recruit-main-titlebox { background: url(../images/good-point/h1.jpg)no-repeat top center; }
    
    .circle-graph {transform: rotate(-90deg);transform-origin: center;}
    .data-box {opacity: 0;transition: all 0.3s ease-in-out;position: absolute;aspect-ratio: 1 / 1;width: 100%;height: auto;display: block;top: 0;left: 0;z-index: 4;}
    .data-box.fadein {opacity: 1;}
    .data-box figure{ opacity: 0; transition: all 0.3s ease-in-out;}
    .data-box.fadein figure{ opacity: 1; }
    #contentsdata-01{padding-bottom: 400px;max-width: 1180px;padding: 0 4rem 1.6rem;margin: 0 auto;position: relative;}
    #contentsdata-01 h2.mtext{text-align: center;font-size: 1.6rem;font-weight: 500;padding: 10px 0 0;letter-spacing: 0.32rem;margin-bottom: 59px;line-height: 3;color: #fff;}
    #contentsdata-01 .inner-Box{display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;}  
    
    #contentsdata-01 .inner-Box .datelist1{display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;width: 100%;margin-bottom: 21px;}
    #contentsdata-01 .inner-Box .datelist1 li{height: 205px;border: 2px solid #000000;border-radius: 10px;background: #fff;width: 23.6%;margin-right: 1.8%;text-align: center;padding-top: 2.7rem;}
    #contentsdata-01 .inner-Box .datelist1 li:nth-child(4){margin-right: 0px;}
    #contentsdata-01 .inner-Box .datelist1 li h3{font-size: 1.8rem;font-weight: bold;}
    #contentsdata-01 .inner-Box .datelist1 li .datetext{font-size: 2.5rem;font-weight: bold;letter-spacing: 0.25rem;}
    #contentsdata-01 .inner-Box .datelist1 li .datetext span{font-size: 6rem;font-weight: bold;color: #1788A0;letter-spacing: 0;}
    #contentsdata-01 .inner-Box .datelist1 li .dtext{font-size: 1.6rem;font-weight: 500;letter-spacing: 0.16rem;}
    

    #contentsdata-01 .left-Box {width: 49.1%;margin-right: 2%;background: #fff;padding: 26px 4.8rem 26px;border: 2px solid #000000;border-radius: 10px;height: 430px;margin-bottom: 20px;}
    #contentsdata-01 .right-Box {width: 48.8%;margin-right: 0;height: 430px;}
    .circle-graph svg { aspect-ratio: 1 / 1; width: 100%; height: auto; display: block; /* 余計な隙間対策 */ }
    #contentsdata-01 p.text{font-size: 1.6rem;letter-spacing: 0.16rem;line-height: 1.7;text-align: center;font-weight: 500;}
    #contentsdata-01 .glbox{margin: 0 auto 21px;max-width: 280px;position: relative;}
    #contentsdata-01 .glbox::before{background: #fff;content: "";display: block;width: 133px;height: 133px;border-radius: 50%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 3;}
    #contentsdata-01 .left-Box h2{text-align: center;font-size: 1.8rem;font-weight: bold;margin-bottom: 1.7rem;}
    #contentsdata-01 .left-Box .data-box figure{width: 6.3rem;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 5;}
    #contentsdata-01 .left-Box .data-box figure img{ width: 100%; height: auto;}
    #contentsdata-01 .left-Box .data-box p.dtext{color: #fff;font-weight: bold;font-size: 1.6rem;letter-spacing: 0.16rem;display: inline-block;text-align: center;position: absolute;z-index: 5;}
    #contentsdata-01 .left-Box .data-box p.data1{top: 80%;right: 30%;}
    #contentsdata-01 .left-Box .data-box p.data2{top: 4%;left: 23%;}
    #contentsdata-01 p .data-a {font-size: 3rem;letter-spacing: 0.15rem;display: inline-block;margin: 0 6px 0 0;margin-top: -7px;}
    #contentsdata-01 p .data-a span {font-size: 1.6rem;letter-spacing: 0.1rem;}

    #contentsdata-01 .right-Box.glb{width: 49.1%;margin-right: 0%;background: #fff;padding: 26px 4.8rem 26px;border: 2px solid #000000;border-radius: 10px;height: 430px;margin-bottom: 20px;margin-right: -1%;}
    #contentsdata-01 .right-Box h2{text-align: center;font-size: 1.8rem;font-weight: bold;margin-bottom: 1.7rem;}
    #contentsdata-01 .right-Box .data-box figure{width: 6.3rem;position: absolute;top: 50%;right: 50%;transform: translate(-50%, -50%);z-index: 5;}
    #contentsdata-01 .right-Box .data-box figure img{ width: 100%; height: auto;}
    #contentsdata-01 .right-Box .data-box p.dtext{color: #fff;font-weight: bold;font-size: 1.6rem;letter-spacing: 0.16rem;display: inline-block;text-align: center;position: absolute;z-index: 5;}
    #contentsdata-01 .right-Box .data-box p.data1{top: 80%;right: 30%;}
    #contentsdata-01 .right-Box .data-box p.data2{top: 4%;left: 23%;}


    #contentsdata-01 .inner-Box .datelist2{display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;width: 100%;margin-bottom: 21px;}
    #contentsdata-01 .inner-Box .datelist2 li{height: 205px;border: 2px solid #000000;border-radius: 10px;background: #fff;width: 48%;text-align: center;padding-top: 2.7rem;margin-right: 3.8%;}
    #contentsdata-01 .inner-Box .datelist2 li:nth-child(1){margin-right: 0px;width: 100%;margin-bottom: 20px;position: relative;}
    #contentsdata-01 .inner-Box .datelist2 li:nth-child(2){/* margin-right: 0px; */}
    #contentsdata-01 .inner-Box .datelist2 li:nth-child(3){margin-right: 0px;}
    #contentsdata-01 .inner-Box .datelist2 li h3{font-size: 1.8rem;font-weight: bold;letter-spacing: 1.8px;}
    #contentsdata-01 .inner-Box .datelist2 li .datetext{font-size: 2.5rem;font-weight: bold;letter-spacing: 0.25rem;position: relative;}
    #contentsdata-01 .inner-Box .datelist2 li .datetext span{font-size: 6rem;font-weight: bold;color: #1788A0;letter-spacing: 0;}
    #contentsdata-01 .inner-Box .datelist2 li .dtext{font-size: 1.6rem;font-weight: 500;letter-spacing: 0.16rem;position: relative;}
    #contentsdata-01 .inner-Box .datelist2 li .datet0{display: block;}
    #contentsdata-01 .inner-Box .datelist2 li:nth-child(3) .datetext::before{content: "完全周休";display: block;width: 5rem;position: absolute;top: 17px;left: 14%;font-size: 1.8rem;}
    #contentsdata-01 .inner-Box .datelist2 li:nth-child(3) .datetext{ left: 27px; }

    #contentsdata-01 .inner-Box .datelist2 li:nth-child(1) h3{position: absolute;top: 69px;left: 0;width: 43%;text-align: center;}
    #contentsdata-01 .inner-Box .datelist2 li:nth-child(1) .datetext{top: -6px;left: 6.4rem;}
    #contentsdata-01 .inner-Box .datelist2 li:nth-child(1) .datetext.po1{ top: -37px; left: 11rem; }
    #contentsdata-01 .inner-Box .datelist2 li:nth-child(1) .dtext{position: absolute;top: 107px;left: 0;text-align: center;width: 43.4%;}
    #contentsdata-01 .inner-Box .datelist2 li:nth-child(1) .datetext span{position: relative;display: inline-block;margin: 0 2px 0 12px;}

    #contentsdata-01 .left-Box .data-box.data-bb2 figure{width: 8.3rem;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 5;}
    #contentsdata-01 .left-Box .data-box.data-bb2 figure img{ width: 100%; height: auto;}
    #contentsdata-01 .left-Box .data-box.data-bb2 p.dtext{color: #fff;font-weight: bold;font-size: 1.6rem;letter-spacing: 0.16rem;display: inline-block;text-align: center;position: absolute;z-index: 5;}
    #contentsdata-01 .left-Box .data-box.data-bb2 p.data1{top: 79.4%;right: 27%;}
    #contentsdata-01 .left-Box .data-box.data-bb2 p.data2{top: 24%;left: 4%;}

    #contentsdata-01 .inner-Box .datelist3{display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;width: 100%;margin-bottom: 21px;}
    #contentsdata-01 .inner-Box .datelist3 li{height: 205px;border: 2px solid #000000;border-radius: 10px;background: #fff;width: 100%;text-align: center;padding-top: 2.7rem;}
    #contentsdata-01 .inner-Box .datelist3 li:nth-child(1){margin-right: 0px;width: 100%;margin-bottom: 20px;position: relative;}
    #contentsdata-01 .inner-Box .datelist3 li:nth-child(2){/* margin-right: 0px; */}
    #contentsdata-01 .inner-Box .datelist3 li:nth-child(3){margin-right: 0px;}
    #contentsdata-01 .inner-Box .datelist3 li h3{font-size: 1.8rem;font-weight: bold;letter-spacing: 1.8px;}
    #contentsdata-01 .inner-Box .datelist3 li .datetext{font-size: 2.5rem;font-weight: bold;letter-spacing: 0.25rem;position: relative;}
    #contentsdata-01 .inner-Box .datelist3 li .datetext span{font-size: 6rem;font-weight: bold;color: #1788A0;letter-spacing: 0;}
    #contentsdata-01 .inner-Box .datelist3 li .dtext{font-size: 1.6rem;font-weight: 500;letter-spacing: 0.16rem;position: relative;}
    #contentsdata-01 .inner-Box .datelist3 li .datet0{display: block;}


    #contentsdata-01 .inner-Box .datelist3 li:nth-child(1) h3{position: absolute;top: 54px;left: 0;width: 51%;text-align: center;}
    #contentsdata-01 .inner-Box .datelist3 li:nth-child(1) .datetext{top: 22px;left: 11rem;}
    #contentsdata-01 .inner-Box .datelist3 li:nth-child(1) .datetext.po1{ top: -37px; left: 11rem; }
    #contentsdata-01 .inner-Box .datelist3 li:nth-child(1) .dtext{position: absolute;top: 118px;left: 0;text-align: center;width: 51.2%;}
    #contentsdata-01 .inner-Box .datelist3 li:nth-child(1) .datetext span{position: relative;display: inline-block;margin: 0 2px 0 12px;}

    #contentsdata-01 .inner-Box .datelist3 li:nth-child(2) h3{position: relative;left: 0;text-align: center;margin-bottom: -5px;}

    #contentsdata-01 .inner-Box .datelist3 li:nth-child(2) .datetext{display: inline;margin-right: 2.6rem;}
    #contentsdata-01 .inner-Box .datelist3 li:nth-child(2) .datetext::before{content: "土木";display: block;width: 2rem;position: absolute;top: -14px;left: -3.1rem;font-size: 1.8rem;line-height: 1.4;}
    #contentsdata-01 .inner-Box .datelist3 li:nth-child(2) .datetext::after{content: "（本工事48本・諸口工事121本）";display: block;width: 21.4rem;position: absolute;bottom: -25px;left: -44%;font-size: 1.4rem;letter-spacing: 0.07rem;line-height: 1.4;}
    #contentsdata-01 .inner-Box .datelist3 li:nth-child(2) .datetext.po1::before{content: "建築";display: block;width: 2rem;position: absolute;top: -17px;left: -25%;font-size: 1.8rem;line-height: 1.4;}
    #contentsdata-01 .inner-Box .datelist3 li:nth-child(2) .datetext.po1::after{content: "（本工事15本・諸口工事164本）";display: block;width: 21.4rem;position: absolute;bottom: -26px;left: -45%;font-size: 1.4rem;letter-spacing: 0.07rem;line-height: 1.4;}
    #contentsdata-01 .inner-Box .datelist3 li:nth-child(2) .cupno{ font-size: 5rem; }
    #contentsdata-01 .inner-Box .datelist3 li:nth-child(2) .datetext.po1{margin-left: 3rem;margin-right: 0;position: relative;left: 30px;padding-bottom: 0px;}
    #contentsdata-01 .inner-Box .datelist3 li:nth-child(2) .dtext{position: relative;text-align: center;padding: 20px 0 0;font-size: 1.4rem;}


    #contentsdata-01 .left-Box .data-box.data-bb3 figure{width: 6.2rem;position: absolute;top: 49%;left: 50%;transform: translate(-50%, -50%);z-index: 5;}
    #contentsdata-01 .left-Box .data-box.data-bb3 figure img{ width: 100%; height: auto;}
    #contentsdata-01 .left-Box .data-box.data-bb3 p.dtext{color: #fff;font-weight: bold;font-size: 1.6rem;letter-spacing: 0.16rem;display: inline-block;text-align: center;position: absolute;z-index: 5;}
    #contentsdata-01 .left-Box .data-box.data-bb3 p.data1{top: 34.4%;right: 0%;}
    #contentsdata-01 .left-Box .data-box.data-bb3 p.data2{top: 33.7%;left: 4%;}

    #contentsdata-01 .right-Box .data-box.data-bb4 figure{width: 5.7rem;position: absolute;top: 49.1%;left: 50%;transform: translate(-50%, -50%);z-index: 5;}
    #contentsdata-01 .right-Box .data-box.data-bb4 figure img{ width: 100%; height: auto;}
    #contentsdata-01 .right-Box .data-box.data-bb4 p.dtext{color: #fff;font-weight: bold;font-size: 1.6rem;letter-spacing: 0.16rem;display: inline-block;text-align: center;position: absolute;z-index: 5;}
    #contentsdata-01 .right-Box .data-box.data-bb4 p.data1{top: 28.4%;right: 0%;}
    #contentsdata-01 .right-Box .data-box.data-bb4 p.data2{top: 79.1%;left: 38.1%;}
    #contentsdata-01 .right-Box .data-box.data-bb4 p.data3{top: 43.7%;left: 4%;line-height: 1.3;}
    #contentsdata-01 .right-Box .data-box.data-bb4 p.data4{top: 10%;left: 19%;line-height: 1.4;}


    #contentsdata-01 .inner-Box .datelist4{display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;width: 100%;margin-bottom: 21px;}
    #contentsdata-01 .inner-Box .datelist4 li{height: 205px;border: 2px solid #000000;border-radius: 10px;background: #fff;width: 49.1%;margin-right: 1.8%;text-align: center;padding-top: 5rem;position: relative;}
    #contentsdata-01 .inner-Box .datelist4 li:nth-child(2){margin-right: 0px;}
    #contentsdata-01 .inner-Box .datelist4 li h3{font-size: 1.8rem;font-weight: bold;position: absolute;width: 50.3%;top: 68px;}
    #contentsdata-01 .inner-Box .datelist4 li .datetext{font-size: 2.5rem;font-weight: bold;letter-spacing: 0.25rem;padding-left: 39%;}
    #contentsdata-01 .inner-Box .datelist4 li .datetext span{font-size: 6rem;font-weight: bold;color: #1788A0;letter-spacing: 0;margin-right: 1.1rem;}
    #contentsdata-01 .inner-Box .datelist4 li .dtext{font-size: 1.6rem;font-weight: 500;letter-spacing: 0.16rem;text-align: center;position: absolute;top: 106px;width: 52%;}
    
    #contentsdata-01 .inner-Box .datelist4 li:nth-child(2) h3{top: 55px;}
    #contentsdata-01 .inner-Box .datelist4 li:nth-child(2) .dtext{top: 118px;}

    #contentsdata-02{padding-bottom: 400px;max-width: 1180px;padding: 0 4rem 49rem;margin: 0 auto;position: relative;}
    #contentsdata-02 .kavadas{position: relative;margin-left: 30px;margin-bottom: -54px;}
    #contentsdata-02 .kavadas::before{content: "";width: 308px;height: 71px;display: block;background: url(../images/good-point/kavadas2.svg)no-repeat top center;position: absolute;top: 20px;left: 222px;}
    
    #contentsdata-02 .inner-Box{max-width: 1100px;border: 2px solid #000000;border-radius: 10px;background: #fff;padding: 4.3rem 5rem 2.6rem;z-index: 3;position: relative; margin-bottom: 2rem;}
    #contentsdata-02 .inner-Box h2{font-size: 1.6rem;font-weight: bold;letter-spacing: 0.16rem;position: relative;padding: 0 0 0 3.2rem;margin-bottom: 26px;}
    #contentsdata-02 .inner-Box h2 span{color: #1788A0;position: absolute;top: -9.8px;left: -2.5px;font-size: 2.5rem;}
    #contentsdata-02 .inner-Box ul{ }
    #contentsdata-02 .inner-Box ul li{position: relative;width: 100%;padding: 0 0 0 25rem;min-height: 5rem;margin-bottom: 1.2rem;}
    #contentsdata-02 .inner-Box ul li h3{position: absolute;top: 0;left: 0;padding: 1.4rem 0 0 7.4rem;font-size: 1.6rem;letter-spacing: 0.16rem;font-weight: bold;}
    #contentsdata-02 .inner-Box ul li h3.ptop{padding-top: 0rem;}
    #contentsdata-02 .inner-Box ul li h3 .nott{border-radius: 5px;width: 6.1rem;height: 4.9rem;display: block;color: #fff;position: absolute;top: 0;left: 0;padding-left: 0.8rem;}
    #contentsdata-02 .inner-Box ul li h3 .nott .f-en{font-size: 3.4rem;font-weight: bold;}

    #contentsdata-02 .inner-Box ul li h3 .nott.no1{ background: #EC6B61; }
    #contentsdata-02 .inner-Box ul li h3 .nott.no2{ background: #1788A0; }
    #contentsdata-02 .inner-Box ul li h3 .nott.no3{ background: #3D9BB0; }
    #contentsdata-02 .inner-Box ul li h3 .nott.no4{ background: #73B7C6; }
    #contentsdata-02 .inner-Box ul li h3 .nott.no5{ background: #9CCCD7; }

    #contentsdata-02 .inner-Box ul li p{background: #F6F4F1;border-radius: 5px;font-size: 1.4rem;letter-spacing: 0.14rem;line-height: 1.5;padding: 1.7rem 2rem 1.2rem 2rem;}

}

@media screen and (min-width: 768px) and ( max-width:1919px) {
}

@media screen and (max-width: 767px) {
    .recruit-main-titlebox { background: url(../images/good-point/sp-h1.jpg)no-repeat top center; background-size: 100% auto; height: 86vw; }
    .seo_bread_list { margin-bottom: -15.3vw; color: #fff; z-index: 3; position: relative; top: -0.9vw; }
    .seo_bread_list a { color: #fff; }
    .seo_bread_list img { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); }
    

.circle-graph {transform: rotate(-90deg);transform-origin: center;}
.data-box {opacity: 0;transition: all 0.3s ease-in-out;position: absolute;aspect-ratio: 1 / 1;width: 100%;height: auto;display: block;top: 0;left: 0;z-index: 4;}
.data-box.fadein {opacity: 1;}
.data-box figure{ opacity: 0; transition: all 0.3s ease-in-out;}
.data-box.fadein figure{ opacity: 1; }
#contentsdata-01{padding-bottom: 8.5vw;margin: -3.1vw 5.4vw 0;position: relative;}
#contentsdata-01 h2.mtext{text-align: center;font-size: 3.73vw;font-weight: 500;letter-spacing: 0.75vw;margin-bottom: 8.75vw;line-height: 2.5;color: #fff;}
#contentsdata-01 .inner-Box{display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;}  

#contentsdata-01 .inner-Box .datelist1{display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;width: 100%;}
#contentsdata-01 .inner-Box .datelist1 li{height: 38.62vw;border: 0.48vw solid #000000;border-radius: 2.42vw;background: #fff;width: 49%;margin-right: 2%;text-align: center;padding-top: 3.2vw;margin-bottom: 2.2vw;}
#contentsdata-01 .inner-Box .datelist1 li:nth-child(2n){margin-right: 0.0vw;}
#contentsdata-01 .inner-Box .datelist1 li h3{font-size: 4.35vw;font-weight: bold;margin-bottom: -0.7vw;line-height: 1.2;min-height: 10vw;}
#contentsdata-01 .inner-Box .datelist1 li .datetext{font-size: 4.27vw;font-weight: bold;letter-spacing: 0.6vw;margin-bottom: -0.7vw;}
#contentsdata-01 .inner-Box .datelist1 li .datetext span{font-size: 9.87vw;font-weight: bold;color: #1788A0;letter-spacing: 0;}
#contentsdata-01 .inner-Box .datelist1 li .dtext{font-size: 3.86vw;font-weight: 500;letter-spacing: 0.39vw;}


#contentsdata-01 .left-Box {width: 100%;background: #fff;padding: 4.78vw 7.2vw 3.38vw;border: 0.48vw solid #000000;border-radius: 2.42vw;margin-bottom: 2.23vw;}
#contentsdata-01 .right-Box {width: 100%;margin-right: 0;}
.circle-graph svg { aspect-ratio: 1 / 1; width: 100%; height: auto; display: block; /* 余計な隙間対策 */ }
#contentsdata-01 p.text{font-size: 3.73vw;letter-spacing: 0.39vw;line-height: 1.7;text-align: center;font-weight: 500;}
#contentsdata-01 .glbox{margin: 0 auto 5.07vw;position: relative;}
#contentsdata-01 .glbox::before{background: #fff;content: "";display: block;width: 36.13vw;height: 36.13vw;border-radius: 50%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);z-index: 3;}
#contentsdata-01 .left-Box h2{text-align: center;font-size: 4.27vw;font-weight: bold;margin-bottom: 3.5vw;letter-spacing: 0.43vw;}
#contentsdata-01 .left-Box .data-box figure{width: 17.1vw;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 5;}
#contentsdata-01 .left-Box .data-box figure img{ width: 100%; height: auto;}
#contentsdata-01 .left-Box .data-box p.dtext{color: #fff;font-weight: bold;font-size: 4.27vw;letter-spacing: 0.39vw;display: inline-block;text-align: center;position: absolute;z-index: 5;}
#contentsdata-01 .left-Box .data-box p.data1{top: 78.8%;right: 30%;}
#contentsdata-01 .left-Box .data-box p.data2{top: 6%;left: 26%;line-height: 1.3;}
#contentsdata-01 p .data-a {font-size: 8.00vw;letter-spacing: 0.36vw;display: inline-block;margin: 0 1.45vw 0 0;margin-top: 0vw;}
#contentsdata-01 p .data-a span {font-size: 3.86vw;letter-spacing: 0.24vw;}

#contentsdata-01 .right-Box.glb{background: #fff;padding: 4.08vw 6.8vw 4.28vw;border: 0.48vw solid #000000;border-radius: 2.42vw;margin-bottom: 2.03vw;margin-right: -1%;}
#contentsdata-01 .right-Box h2{text-align: center;font-size: 4.35vw;font-weight: bold;margin-bottom: 1.7rem;}
#contentsdata-01 .right-Box .data-box figure{width: 6.3rem;position: absolute;top: 50%;right: 50%;transform: translate(-50%, -50%);z-index: 5;}
#contentsdata-01 .right-Box .data-box figure img{ width: 100%; height: auto;}
#contentsdata-01 .right-Box .data-box p.dtext{color: #fff;font-weight: bold;font-size: 3.86vw;letter-spacing: 0.39vw;display: inline-block;text-align: center;position: absolute;z-index: 5;}
#contentsdata-01 .right-Box .data-box p.data1{top: 80%;right: 30%;}
#contentsdata-01 .right-Box .data-box p.data2{top: 4%;left: 23%;}


#contentsdata-01 .inner-Box .datelist2{display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;width: 100%;margin-bottom: 2.17vw;}
#contentsdata-01 .inner-Box .datelist2 li{border: 0.48vw solid #000000;border-radius: 2.42vw;background: #fff;width: 48%;text-align: center;padding-top: 4.9vw;margin-right: 3.8%;}
#contentsdata-01 .inner-Box .datelist2 li:nth-child(1){margin-right: 0.0vw;width: 100%;margin-bottom: 1.63vw;position: relative;padding-bottom: 4.7vw;}
#contentsdata-01 .inner-Box .datelist2 li:nth-child(3){margin-right: 0.0vw;padding-top: 3.8vw;}
#contentsdata-01 .inner-Box .datelist2 li h3{font-size: 4.27vw;font-weight: bold;letter-spacing: 0.43vw;}
#contentsdata-01 .inner-Box .datelist2 li .datetext{font-size: 4.27vw;font-weight: bold;letter-spacing: 0.6vw;position: relative;}
#contentsdata-01 .inner-Box .datelist2 li .datetext span{font-size: 9.87vw;font-weight: bold;color: #1788A0;letter-spacing: 0;}
#contentsdata-01 .inner-Box .datelist2 li .dtext{font-size: 3.73vw;font-weight: 500;letter-spacing: 0.39vw;position: relative;}
#contentsdata-01 .inner-Box .datelist2 li .datet0{display: block;}
#contentsdata-01 .inner-Box .datelist2 li:nth-child(3) .datetext::before{content: "完全周休";display: block;width: 10vw;position: absolute;top: 3.21vw;left: 4.9vw;font-size: 4.35vw;line-height: 1.2;}
#contentsdata-01 .inner-Box .datelist2 li:nth-child(3) .datetext{left: 5.32vw;top: -0.7vw;margin-bottom: -1.3vw;}

#contentsdata-01 .inner-Box .datelist2 li:nth-child(2) h3{ line-height: 1.1; }
#contentsdata-01 .inner-Box .datelist2 li:nth-child(2) .datetext{ margin-bottom: -2.5vw; }
#contentsdata-01 .inner-Box .datelist2 li:nth-child(2) .dtext{
    padding-bottom: 4.8vw;
}

#contentsdata-01 .inner-Box .datelist2 li:nth-child(1) h3{position: relative;text-align: center;}
#contentsdata-01 .inner-Box .datelist2 li:nth-child(1) .datetext{top: 0vw;display: inline-block;margin-right: 1vw;}
#contentsdata-01 .inner-Box .datelist2 li:nth-child(1) .datetext.po1{top: 0vw;display: inline-block;left: -1.8vw;}
#contentsdata-01 .inner-Box .datelist2 li:nth-child(1) .dtext{position: relative;left: 0;text-align: center;top: -1vw;}
#contentsdata-01 .inner-Box .datelist2 li:nth-child(1) .datetext span{position: relative;display: inline-block;margin: 0 0.48vw 0 2.9vw;}

#contentsdata-01 .left-Box .data-box.data-bb2 figure{width: 22.3vw;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 5;}
#contentsdata-01 .left-Box .data-box.data-bb2 figure img{ width: 100%; height: auto;}
#contentsdata-01 .left-Box .data-box.data-bb2 p.dtext{color: #fff;font-weight: bold;font-size: 3.86vw;letter-spacing: 0.39vw;display: inline-block;text-align: center;position: absolute;z-index: 5;}
#contentsdata-01 .left-Box .data-box.data-bb2 p.data1{top: 79.4%;right: 27%;}
#contentsdata-01 .left-Box .data-box.data-bb2 p.data2{top: 24%;left: 4%;}

#contentsdata-01 .inner-Box .datelist3{display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;width: 100%;margin-bottom: 5.07vw;}
#contentsdata-01 .inner-Box .datelist3 li{min-height: 38.52vw;border: 0.48vw solid #000000;border-radius: 2.42vw;background: #fff;width: 100%;text-align: center;padding-top: 2.7rem;}
#contentsdata-01 .inner-Box .datelist3 li:nth-child(1){margin-right: 0.0vw;width: 100%;margin-bottom: 1.83vw;position: relative;padding-top: 4.4vw;}
#contentsdata-01 .inner-Box .datelist3 li:nth-child(2){/* margin-right: 0.0vw; */padding-top: 5vw;margin-bottom: -3vw;}
#contentsdata-01 .inner-Box .datelist3 li:nth-child(3){margin-right: 0.0vw;}
#contentsdata-01 .inner-Box .datelist3 li h3{font-size: 4.27vw;font-weight: bold;letter-spacing: 0.43vw;}
#contentsdata-01 .inner-Box .datelist3 li .datetext{font-size: 4.27vw;font-weight: bold;letter-spacing: 0.6vw;position: relative;}
#contentsdata-01 .inner-Box .datelist3 li .datetext span{font-size: 9.87vw;font-weight: bold;color: #1788A0;letter-spacing: 0;}
#contentsdata-01 .inner-Box .datelist3 li .dtext{font-size: 3.86vw;font-weight: 500;letter-spacing: 0.39vw;position: relative;}
#contentsdata-01 .inner-Box .datelist3 li .datet0{display: block;}


#contentsdata-01 .inner-Box .datelist3 li:nth-child(1) h3{position: relative;text-align: center;margin-bottom: -0.4vw;}
#contentsdata-01 .inner-Box .datelist3 li:nth-child(1) .datetext{}
#contentsdata-01 .inner-Box .datelist3 li:nth-child(1) .datetext.po1{ top: 0vw; left: 11rem; }
#contentsdata-01 .inner-Box .datelist3 li:nth-child(1) .dtext{position: relative;left: 0;text-align: center;}
#contentsdata-01 .inner-Box .datelist3 li:nth-child(1) .datetext span{position: relative;display: inline-block;margin: 0 0.48vw 0 0.9vw;}

#contentsdata-01 .inner-Box .datelist3 li:nth-child(2) h3{position: relative;left: 0;text-align: center;margin-bottom: -1.8vw;}

#contentsdata-01 .inner-Box .datelist3 li:nth-child(2) .datetext{display: block;text-align: left;margin: 0 0 -2.8vw 10.9vw;}
#contentsdata-01 .inner-Box .datelist3 li:nth-child(2) .datetext::before{content: "土木";display: block;width: 3vw;position: absolute;top: 2.7vw;left: -5.9vw;font-size: 4.35vw;line-height: 1.2;}
#contentsdata-01 .inner-Box .datelist3 li:nth-child(2) .datetext::after{content: "（本工事48本・諸口工事121本）";display: block;position: absolute;bottom: 5vw;left: 26.8vw;font-size: 3.18vw;letter-spacing: 0.17vw;line-height: 1.4;}
#contentsdata-01 .inner-Box .datelist3 li:nth-child(2) .datetext.po1::before{content: "建築";display: block;width: 2rem;position: absolute;top: 2.8vw;left: -5.9vw;font-size: 4.35vw;line-height: 1.2;}
#contentsdata-01 .inner-Box .datelist3 li:nth-child(2) .datetext.po1::after{content: "（本工事15本・諸口工事164本）";display: block; position: absolute; bottom: 5vw; left: 26.8vw; font-size: 3.18vw; letter-spacing: 0.17vw; line-height: 1.4; }
#contentsdata-01 .inner-Box .datelist3 li:nth-child(2) .cupno{font-size: 9.87vw;margin-right: 2vw;}
#contentsdata-01 .inner-Box .datelist3 li:nth-child(2) .datetext.po1{margin-right: 0;position: relative;padding-bottom: 0vw;display: block;margin-bottom: -5.3vw;}
#contentsdata-01 .inner-Box .datelist3 li:nth-child(2) .dtext{position: relative;text-align: center;padding: 4.83vw 0 4vw;font-size: 3.73vw;}


#contentsdata-01 .left-Box .data-box.data-bb3 figure{width: 17vw;position: absolute;top: 49%;left: 50%;transform: translate(-50%, -50%);z-index: 5;}
#contentsdata-01 .left-Box .data-box.data-bb3 figure img{ width: 100%; height: auto;}
#contentsdata-01 .left-Box .data-box.data-bb3 p.dtext{color: #fff;font-weight: bold;font-size: 3.86vw;letter-spacing: 0.39vw;display: inline-block;text-align: center;position: absolute;z-index: 5;}
#contentsdata-01 .left-Box .data-box.data-bb3 p.data1{top: 35.7%;right: 0.8%;line-height: 1.4;}
#contentsdata-01 .left-Box .data-box.data-bb3 p.data2{top: 35.5%;left: 3%;line-height: 1.4;}

#contentsdata-01 .right-Box .data-box.data-bb4 figure{width: 15.1vw;position: absolute;top: 48.1%;left: 50%;transform: translate(-50%, -50%);z-index: 5;}
#contentsdata-01 .right-Box .data-box.data-bb4 figure img{ width: 100%; height: auto;}
#contentsdata-01 .right-Box .data-box.data-bb4 p.dtext{color: #fff;font-weight: bold;font-size: 4.27vw;letter-spacing: 0.39vw;display: inline-block;text-align: center;position: absolute;z-index: 5;line-height: 1.2;}
#contentsdata-01 .right-Box .data-box.data-bb4 p.data1{top: 22vw;right: 0vw;}
#contentsdata-01 .right-Box .data-box.data-bb4 p.data2{top: 58.4vw;left: 29.8vw;}
#contentsdata-01 .right-Box .data-box.data-bb4 p.data3{top: 32.1vw;left: 4vw;line-height: 1.2;}
#contentsdata-01 .right-Box .data-box.data-bb4 p.data4{top: 7.2vw;left: 15vw;line-height: 1.1;}
#contentsdata-01 .ccc{
    margin-top: -1vw;
}

#contentsdata-01 .inner-Box .datelist4{display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;width: 100%;margin-bottom: 5.07vw;}
#contentsdata-01 .inner-Box .datelist4 li{height: 38.52vw;border: 0.48vw solid #000000;border-radius: 2.42vw;background: #fff;width: 100%;text-align: center;padding-top: 4vw;position: relative;margin-bottom: 2.4vw;}
#contentsdata-01 .inner-Box .datelist4 li:nth-child(2){margin-right: 0.0vw;}
#contentsdata-01 .inner-Box .datelist4 li h3{font-size: 4.27vw;letter-spacing: 0.43vw;font-weight: bold;position: relative;text-align: center;}
#contentsdata-01 .inner-Box .datelist4 li .datetext{font-size: 4.27vw;font-weight: bold;letter-spacing: 0.6vw;}
#contentsdata-01 .inner-Box .datelist4 li .datetext span{font-size: 9.87vw;font-weight: bold;color: #1788A0;letter-spacing: 0;margin-right: 1.1rem;}
#contentsdata-01 .inner-Box .datelist4 li .dtext{font-size: 3.73vw;font-weight: 500;letter-spacing: 0.39vw;text-align: center;position: relative;}

#contentsdata-01 .inner-Box .datelist4 li:nth-child(2) h3{}
#contentsdata-01 .inner-Box .datelist4 li:nth-child(2) .dtext{}

#contentsdata-02{padding-bottom: 26.62vw;margin: 0 4vw;position: relative;}
#contentsdata-02 .kavadas{position: relative;margin-left: 5.65vw;margin-bottom: -10.8vw;width: 39vw;}
#contentsdata-02 .kavadas::before{content: "";width: 59.3vw;height: 17.15vw;display: block;background: url(../images/good-point/kavadas2.svg)no-repeat top center;position: absolute;top: -7.77vw;left: 21.92vw;background-size: 100% auto;}

#contentsdata-02 .inner-Box{border: 0.48vw solid #000000;border-radius: 4.12vw;background: #fff;padding: 6.1vw 4.9vw 2.4vw;z-index: 3;position: relative;margin-bottom: 2vw;}
#contentsdata-02 .inner-Box h2{font-size: 4.27vw;font-weight: bold;letter-spacing: 0.39vw;position: relative;padding: 0 0 0 9.1vw;margin-bottom: 5.28vw;}
#contentsdata-02 .inner-Box h2 span{color: #1788A0;position: absolute;top: -2vw;left: 0vw;font-size: 6.34vw;}
#contentsdata-02 .inner-Box ul{ }
#contentsdata-02 .inner-Box ul li{position: relative;width: 100%;padding: 0 0 0;margin-bottom: 3.7vw;}
#contentsdata-02 .inner-Box ul li h3{position: relative;top: 0;left: 0;padding: 0.9vw 0 0 13.4vw;font-size: 4.27vw;letter-spacing: 0.39vw;font-weight: 500;margin-bottom: 3vw;}
#contentsdata-02 .inner-Box ul li h3.ptop{padding-top: 0rem;}
#contentsdata-02 .inner-Box ul li h3 .nott{border-radius: 1.21vw;width: 10.3vw;height: 7.9vw;display: block;color: #fff;position: absolute;top: 0;left: 0;font-size: 3.20vw;padding: 1vw 0 0 1.9vw;line-height: 1;}
#contentsdata-02 .inner-Box ul li h3 .nott .f-en{font-size: 5.87vw;font-weight: bold;}

#contentsdata-02 .inner-Box ul li h3 .nott.no1{ background: #EC6B61; }
#contentsdata-02 .inner-Box ul li h3 .nott.no2{ background: #1788A0; }
#contentsdata-02 .inner-Box ul li h3 .nott.no3{ background: #3D9BB0; }
#contentsdata-02 .inner-Box ul li h3 .nott.no4{ background: #73B7C6; }
#contentsdata-02 .inner-Box ul li h3 .nott.no5{ background: #9CCCD7; }

#contentsdata-02 .inner-Box ul li p{background: #F6F4F1;border-radius: 1.21vw;font-size: 3.73vw;letter-spacing: 0.34vw;line-height: 1.5;padding: 4.1vw;}

}