._s._design{ width: 100%; position: relative; overflow: hidden; word-break: keep-all; }
._s._design ._cont{ padding-bottom: 0; }
._s._design .subttl{ text-align: center; }
._s._design .subttl dt{ font-size: 26px; letter-spacing: -0.025em; font-weight: 600; }
._s._design .subttl dd{ font-size: 60px; letter-spacing: -0.025em; font-weight: 600; line-height: calc(84 / 60); margin-top: 25px; }
._s._design .subttl dd span{ background: linear-gradient(90deg, #185eed 1%, #000 1%); -webkit-background-clip: text !important; -webkit-text-fill-color: transparent; }

._s._design .flxbx{ display: flex; margin-top: 85px; justify-content: space-between; padding-bottom: 225px; }
._s._design .flxbx .bx{ width: 48%; max-width: 603px; box-sizing: border-box; padding-left: 70px; }
._s._design .flxbx .bx > span{ box-sizing: border-box; font-size: 20px; font-weight: 600; letter-spacing: -0.025em; color: #fff; background-color: #000; border-radius: 22.5px; padding: 10px 0; box-sizing: border-box; display: block; width: 160px; text-align: center; margin: 0 auto; }
._s._design .flxbx .bx .imgset{ margin-top: 100px; position: relative; width: 100%; }
._s._design .flxbx .bx .imgset p{ position: absolute; font-size: 16px; font-weight: 500; letter-spacing: -0.025em; line-height: calc(24 / 16); display: flex; align-items: baseline; }
._s._design .flxbx .bx .imgset p em{ margin-right: 6px; }

._s._design .flxbx .bx .imgset > ul li{ width: 150px; height: 150px; border-radius: 50%; overflow: hidden; border: 1px solid #000; box-sizing: border-box; position: absolute; }

._s._design .flxbx .bx._1 .imgset p._1{ right: 145px; top: -43px; }
._s._design .flxbx .bx._1 .imgset p._2{ left: 50px; bottom: -110px; }
._s._design .flxbx .bx._1 .imgset p._3{ right: -30px; bottom: -74px; }
._s._design .flxbx .bx._1 .imgset > ul li:nth-of-type(1){ right: -17px; top: -67px; }
._s._design .flxbx .bx._1 .imgset > ul li:nth-of-type(2){ left: -73px; bottom: -60px; }
._s._design .flxbx .bx._1 .imgset > ul li:nth-of-type(3){ left: 50%; bottom: -22px; transform: translateX(-50%); }

._s._design .flxbx .bx._2 .imgset p._1{ right: 0; top: -77px; }
._s._design .flxbx .bx._2 .imgset p._2{ right: 10px; bottom: -80px; }
._s._design .flxbx .bx._2 .imgset > ul li:nth-of-type(1){ right: 25px; top: -23px; }
._s._design .flxbx .bx._2 .imgset > ul li:nth-of-type(2){ left: 50%; bottom: -40px; transform: translateX(-50%); }

._s._design .gray{ background-color: #f5f5f5; padding-top: 145px; padding-bottom: 90px; }
._s._design .gray .set{ display: flex; margin-top: 85px; word-break: keep-all; }
._s._design .gray .set li{ padding: 0 37px; box-sizing: border-box; position: relative; border-right: 1px solid #bbbbbb; text-align: center; }
._s._design .gray .set li:first-of-type{ padding-left: 0; }
._s._design .gray .set li:last-child{ padding-right: 0; border-right: none; }
._s._design .gray .set li .icons{ display: flex; gap: 10px; justify-content: center; }
._s._design .gray .set li span{ font-size: 18px; letter-spacing: -0.025em; color: #444444; line-height: 1.3; margin-top: 20px; font-weight: 600; display: block; }
._s._design .gray .set li span br{ display: none; }
._s._design .gray p{ font-size: 20px; font-weight: 600; letter-spacing: -0.025em; line-height: 1.3; margin-top: 75px; text-align: center; }

@media screen and (max-width: 1280px){
    ._s._design .subttl dt{ font-size: 20px; }
    ._s._design .subttl dd{ font-size: 45px; margin-top: 15px; }
    
    ._s._design .flxbx{ margin-top: 40px; }
    ._s._design .flxbx .bx{ padding-left: 30px; }
    ._s._design .flxbx .bx > span{ font-size: 16px; }
    ._s._design .flxbx .bx .imgset p{ font-size: 14px; }

    ._s._design .flxbx .bx .imgset > ul li{ width: 110px; height: 110px; }
    ._s._design .flxbx .bx._1 .imgset > ul li:nth-of-type(2){ left: -30px; }
    ._s._design .flxbx .bx._1 .imgset p._1{ right: 95px; }
    ._s._design .flxbx .bx._1 .imgset p._2{ left: -30px; }
    ._s._design .flxbx .bx._2 .imgset p._2{ bottom: -90px; }

    ._s._design .gray{ padding-top: 100px; padding-bottom: 60px; }
    ._s._design .gray .set{ margin-top: 40px; flex-wrap: wrap; justify-content: center; }
    ._s._design .gray .set li{ padding: 0 30px; min-width: 23%; margin-bottom: 30px; }
    ._s._design .gray .set li .icons{ height: 80px; }
    ._s._design .gray p{ font-size: 16px; }
}

@media screen and (max-width: 820px){
    ._s._design .subttl dt{ font-size: 16px; }
    ._s._design .subttl dd{ font-size: 35px; margin-top: 10px; }

    ._s._design .flxbx{ flex-direction: column; padding-bottom: 0; align-items: center; }
    ._s._design .flxbx .bx{ width: 100%; padding: 0 30px; padding-bottom: 160px; }
    ._s._design .flxbx .bx > span{ font-size: 14px; }
    
    ._s._design .gray .set li{ padding: 15px; border: 1px solid #bbbbbb; border-radius: 10px; margin: 0 5px; min-width: unset; margin-bottom: 10px; }
    ._s._design .gray .set li:first-of-type{ padding-left: 20px; }
    ._s._design .gray .set li:last-of-type{ padding-right: 20px; border-right: 1px solid #bbbbbb; }
    ._s._design .gray .set li .icons{ height: 50px; }
    ._s._design .gray .set li span{ font-size: 16px; margin-top: 10px; }
    ._s._design .gray p{ margin-top: 40px; }
}

@media screen and (max-width: 500px){
    ._s._design .subttl dt{ font-size: 14px; }
    ._s._design .subttl dd{ font-size: 22px; margin-top: 5px; }

    ._s._design .flxbx .bx{ padding: 0; padding-bottom: 160px; }
    ._s._design .flxbx .bx:last-of-type{ padding-bottom: 100px; }
    ._s._design .flxbx .bx .imgset{ margin-top: 60px; }
    ._s._design .flxbx .bx .imgset > ul li{ width: 70px; height: 70px; }
    ._s._design .flxbx .bx._1 .imgset > ul li:nth-of-type(1){ right: -10px; top: -27px; }
    ._s._design .flxbx .bx._1 .imgset > ul li:nth-of-type(2){ left: -10px; bottom: -20px; }

    ._s._design .flxbx .bx._1 .imgset p._1{ right: 0; top: -53px; }
    ._s._design .flxbx .bx._1 .imgset p._2{ left: -10px; bottom: -70px; }
    ._s._design .flxbx .bx._1 .imgset p._3{ right: -10px; bottom: -114px; }

    ._s._design .flxbx .bx._2 .imgset > ul li:nth-of-type(1){ top: 7px; }
    ._s._design .flxbx .bx._2 .imgset > ul li:nth-of-type(2){ bottom: 20px; }
    ._s._design .flxbx .bx._2 .imgset p._1{ top: -47px; right: auto; left: 0; }
    ._s._design .flxbx .bx._2 .imgset p._2{ bottom: -50px; }

    ._s._design .gray{ padding: 70px 0; }
    ._s._design .gray .set{ margin-top: 20px; }
    ._s._design .gray .set li{ padding: 10px; }
    ._s._design .gray .set li:first-of-type{ padding-left: 10px; }
    ._s._design .gray .set li:last-of-type{ padding-right: 10px; }
    ._s._design .gray .set li .icons{ height: 40px; gap: 5px; }
    ._s._design .gray .set li span{ font-size: 14px; }
    ._s._design .gray .set li span br{ display: block; }
    ._s._design .gray p{ font-size: 14px; margin-top: 30px; }
}

