.recruit-wrap .visual{background: url(../images/samp/vis05-recruit.png) no-repeat center center/cover;}
.fs-small{font-size: 30px;}
em{font-style: normal; font-weight: bold;}
.border-bottom{border-bottom: 1px solid #DBDBDB !important;}

.recruit-wrap h3{margin-top: 10px; margin-bottom: 120px; font-size: 50px; font-weight: bold;}

/* icon */
.ico-step01:after{width: 60px; height: 61px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='61' fill='none'%3E%3Cpath fill='%2333A0F3' d='M47.022 23.01c-1.129 0-2.624-.025-4.485-.025-4.54 0-8.273-3.75-8.273-8.324V6.635c0-.63-.505-1.145-1.131-1.145H19.909c-6.171 0-11.159 5.056-11.159 11.252v26.887c0 6.5 5.226 11.768 11.674 11.768h19.692c6.149 0 11.134-5.023 11.134-11.224v-20.04c0-.634-.502-1.146-1.131-1.143-1.057.007-2.325.02-3.097.02Z'/%3E%3Cpath stroke='%23242424' stroke-width='1.5' d='M40.21 6.906c-.748-.776-2.053-.242-2.053.833v6.58c0 2.76 2.278 5.031 5.043 5.031 1.742.02 4.162.025 6.217.02 1.053-.003 1.588-1.258.858-2.016-2.637-2.738-7.36-7.644-10.065-10.448'/%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M22.435 28.915h8.462a1.86 1.86 0 0 0 1.863-1.856 1.862 1.862 0 0 0-1.863-1.86h-8.462a1.858 1.858 0 1 0 0 3.716Zm0 12.463h13.61a1.86 1.86 0 0 0 1.862-1.857c0-1.026-.834-1.859-1.862-1.859h-13.61a1.858 1.858 0 1 0 0 3.716Z' clip-rule='evenodd'/%3E%3C/svg%3E");}
.ico-step02:after{width: 60px; height: 61px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='61' fill='none'%3E%3Cpath fill='%2333A0F3' d='M49.981 47.796H35.746c-1.39 0-2.519 1.145-2.519 2.554 0 1.41 1.13 2.553 2.519 2.553H49.98c1.39 0 2.519-1.142 2.519-2.553 0-1.409-1.13-2.554-2.519-2.554Z' opacity='.4'/%3E%3Cpath fill='%2333A0F3' d='m25.773 17.729 13.49 10.88c.325.26.38.737.126 1.07l-15.992 20.8a5.253 5.253 0 0 1-4.074 2.038l-8.73.107a.995.995 0 0 1-.98-.778l-1.984-8.61c-.344-1.583 0-3.219 1.006-4.48l16.071-20.898a.749.749 0 0 1 1.067-.13Z'/%3E%3Cpath stroke='%23242424' stroke-width='1.5' d='m45.301 22.124-2.6 3.24a.746.746 0 0 1-1.058.121C38.48 22.932 30.386 16.38 28.14 14.563a.769.769 0 0 1-.109-1.079l2.508-3.109c2.276-2.923 6.244-3.192 9.445-.643l3.677 2.924c1.508 1.18 2.514 2.736 2.857 4.372.397 1.8-.026 3.568-1.217 5.096'/%3E%3C/svg%3E");}
.ico-step03:after{width: 60px; height: 61px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='61' fill='none'%3E%3Cpath fill='%2333A0F3' d='M25.382 14.36c.127.26.211.536.249.821l.696 10.33.346 5.193a5.33 5.33 0 0 0 .249 1.574 2.607 2.607 0 0 0 2.513 1.575l16.643-1.087a2.749 2.749 0 0 1 1.935.748c.432.41.71.944.798 1.52l.03.349c-.689 9.519-7.693 17.459-17.21 19.508-9.517 2.05-19.276-2.28-23.98-10.638a20.47 20.47 0 0 1-2.49-7.85 14.99 14.99 0 0 1-.159-2.462c-.014-10.205 7.267-19.028 17.459-21.155 1.227-.19 2.43.458 2.92 1.575Z'/%3E%3Cpath stroke='%23242424' stroke-width='1.5' d='M32.175 5.49c11.4.29 20.98 8.472 22.825 19.493l-.018.08-.05.12.007.324c-.026.43-.192.844-.479 1.178a2.07 2.07 0 0 1-1.156.677l-.274.038-19.202 1.242a2.295 2.295 0 0 1-1.75-.566 2.204 2.204 0 0 1-.72-1.34L30.069 7.596a.305.305 0 0 1 0-.2c.018-.527.25-1.026.646-1.384a2.04 2.04 0 0 1 1.46-.523Z'/%3E%3C/svg%3E");}
.ico-step04:after{width: 65px; height: 66px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='65' height='66' fill='none'%3E%3Cpath fill='%2333A0F3' d='M32.362 39.807c-9.344 0-17.228 1.524-17.228 7.405 0 5.884 7.935 7.355 17.228 7.355 9.344 0 17.227-1.524 17.227-7.406 0-5.884-7.934-7.354-17.227-7.354Z'/%3E%3Cpath stroke='%23242424' stroke-width='1.5' d='M32.362 34.203c6.327 0 11.4-5.093 11.4-11.444 0-6.354-5.073-11.445-11.4-11.445s-11.4 5.09-11.4 11.445c0 6.351 5.073 11.444 11.4 11.444'/%3E%3Cpath fill='%2333A0F3' d='M57.113 25.424c1.637-6.427-3.162-12.2-9.273-12.2-.665 0-1.3.073-1.92.198-.083.02-.175.06-.224.133-.056.093-.014.217.046.297a15.679 15.679 0 0 1 2.89 9.113c0 3.238-.967 6.256-2.664 8.761a.428.428 0 0 0 .288.66c.427.075.864.114 1.31.127 4.45.117 8.444-2.759 9.547-7.09Z' opacity='.4'/%3E%3Cpath fill='%2333A0F3' d='M61.775 40.556c-.815-1.743-2.781-2.939-5.771-3.525-1.412-.346-5.231-.833-8.784-.767-.053.007-.082.043-.087.068-.008.034.007.092.077.129 1.642.815 7.988 4.363 7.19 11.844-.033.323.226.603.549.555 1.561-.224 5.58-1.091 6.826-3.79a5.188 5.188 0 0 0 0-4.514Z'/%3E%3C/svg%3E");}
.ico-next-step:after{}

.text-info{margin: 70px 0;}

.diagram{border-radius: 500px; border: 1px dashed #DBDBDB; padding: 30px;}
.diagram ul{display: flex; background: #DBDBDB; border-radius: 500px; padding: 25px;}
.diagram ul li{flex: 1; position: relative;}
.diagram ul li img{width: 100%;}
.diagram ul li:after{content: " "; width: 50px; height: 50px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50' fill='none'%3E%3Cpath fill='%2333A0F3' fill-rule='evenodd' d='M45.834 25c0 11.5-9.355 20.833-20.834 20.833l-.583-.008c-11.23-.309-20.25-9.52-20.25-20.825C4.167 13.52 13.5 4.167 25 4.167c11.48 0 20.834 9.354 20.834 20.833Zm-24.959-8.333a1.553 1.553 0 0 0 .021 2.208L27.042 25l-6.146 6.125a1.553 1.553 0 0 0-.02 2.208c.624.625 1.603.625 2.207 0l7.271-7.229a1.561 1.561 0 0 0 0-2.208l-7.27-7.23A1.466 1.466 0 0 0 22 16.209c-.416 0-.812.146-1.125.459Z' clip-rule='evenodd'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-size: 100% auto; position: absolute; top: calc(50% - 25px); right: -25px; z-index: 1;}
.diagram ul li:last-child:after{display: none;}
.diagram ul li > div{display: flex; flex-direction: column; justify-content: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.diagram ul li .ico{margin-bottom: 20px;}
.diagram ul li p{color: #242424 !important; font-weight: 300;}
.diagram ul li p.text-point{font-size: 24px;}

.step-list{margin-top: 90px; margin-bottom: 80px; padding-bottom: 100px; border-bottom: 1px solid #DBDBDB;}
.step-list ul{display: flex; gap: 0 25px;}
.step-list ul li{flex: 1;}
.step-list ul li span{font-weight: bold; border-top: 4px solid #000; padding-top: 5px;}
.step-list ul li p{color: #656565; font-weight: 300;}
.step-list ul li p.title{font-size: 24px !important; margin: 10px 0 20px;}

@media screen and (max-width: 991px) {
    .fs-small{font-size: calc(30px / 2);}

    .ico-step01:after{width: 60px; height: 61px;}
    .ico-step02:after{width: 60px; height: 61px;}
    .ico-step03:after{width: 60px; height: 61px;}
    .ico-step04:after{width: 65px; height: 66px;}
        
    .recruit-wrap h3{margin-bottom: calc(120px / 2); font-size: calc(50px / 2);}
    
    .text-info{margin: calc(80px / 2) 0 calc(130px / 2);}

    .diagram{border: 0; padding: 0 0 calc(120px / 2) 0; border-radius: 0; margin-bottom: calc(60px / 2); border-bottom: 1px solid #DBDBDB;}
    .diagram ul{padding: 0; border-radius: 0; background: none; flex-direction: column; gap: calc(130px / 2) 0;}
    .diagram ul li{}
    .diagram ul li img{display: none;}
    .diagram ul li:after{width: calc(50px / 2); height: calc(50px / 2); transform: rotate(90deg); right: initial; top: calc(-25px / 2); left: calc(50% - 25px / 2);}
    .diagram ul li:first-child:after{display: none;}
    .diagram ul li:last-child:after{display: block;}
    .diagram ul li > div{position: relative;}
    .diagram ul li > div:nth-of-type(1){width: calc(270px / 2); height: calc(270px / 2); margin: auto; background: #F9F9F9; border-radius: 100%; }
    .diagram ul li > div:nth-of-type(2){margin-top: calc(50px / 2);}
    .diagram ul li > div p:nth-of-type(2){margin-top: 5px; color: #656565;}
    .diagram ul li .ico{margin-bottom: calc(15px / 2);}
    .diagram ul li p{}
    .diagram ul li p.text-point{}

}