.section_content_row{
    align-items: flex-start;
    &.type_1{
        padding: 0 100px;
    }
    &.type_3{
        padding: 0 50px;
    }
}
.section_content_text{
    &.text_1{
        font-size: 18px;
        z-index: 1;
        &.for_top{
            align-self: center;
        }
        a{
            color: rgb(180, 25, 25);
            text-decoration: underline;
        }
    }
    &.text_2{
        font-size: 18px;
        font-weight: bold;
        &.for_link{
            white-space: nowrap;
        }
    }
    &.text_3{
        font-size: 14px;
    }
    &.for_main{
        font-size: 20px;
        font-weight: bold;
        color: rgb(180, 25, 25);
    }
}

.content_box_border{
    width: 20px;
    height: 3px;
    background: linear-gradient(to left, rgb(38, 18, 0) 50%, rgb(180, 25, 25) 50%);
    margin-bottom: 5px;
}
.section_content_box{
    &.box_2{
        align-self: center;
        background: white;
    }
    &.for_top{
        align-items: center;
    }
    &.for_start{
        align-items: flex-start;
    }
    &.box_3{
        align-self: flex-end;
    }
    &.no_border{
        border: none;
        justify-content: center;
    }
}
.section_content_box_row{
    width: 100%;
    &.row_1{
        gap: 12.5px;
        grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
        grid-template-rows: repeat(max-content, max-content);
    }
    &.row_2{
        gap: 12.5px;
        align-items: center;
    }
}
.service_image_box{
    height: 150px;
    padding: 10px;
    img{
        width: auto;
        height: 100%;
        z-index: 1;
    }
}
.service_title_box{
    align-items: center;
    &.box_2{
        justify-content: center;
    }
}
.service_title{
    font-size: 28px;
    font-weight: bold;
}
.service_text_box{
    padding: 10px 15px;
    position: relative;
}
.service_type_text_box{
    width: 100%;
    min-height: 300px;
}

.flow_title_row{
    align-items: stretch;
    gap: 20px;
}
.flow_number_box{
    width: 50px;
    aspect-ratio: 1;
    align-items: center;
    justify-content: center;
    background: rgb(180, 25, 25);
    position: relative;
    &::before{
        content: "";
        position: absolute;
        inset: 3px;
        border: 1px solid white;
    }
}
.flow_number{
    font-size: 32px;
    line-height: 1;
    color: white;
}
.flow_title_box{
    align-items: flex-end;
    justify-content: space-between;
}
.flow_title{
    font-size: 24px;
    letter-spacing: 2px;
}
.flow_title_sub{
    font-size: 14px;
}
.flow_text_row{
    width: 100%;
    gap: 10px;
    align-items: flex-start;
    padding: 10px;
}
@media all and (max-width:1200px){
    .section_content_row{
        &.row_1,&.row_2,&.row_3{
            padding: 0 25px;
        }
    }
    .section_content_text{
        &.text_1,&.text_2{
            font-size: 16px;
        }
    }
}
@media all and (max-width:850px){

}
@media all and (max-width:500px){
    .section_content_row{
        &.row_1,&.row_2,&.row_3{
            padding: 0 10px;
        }
    }
    .section_content_text{
        &.text_1,&.text_2{
            font-size: 14px;
        }
    }
    .section_content_box_row{
        &.row_1{
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 10px;
        }
    }
    .service_text_box{
        padding: 0px;
    }
    .service_image_box{
        height: 80px;
        padding: 0;
    }
}