@charset "utf-8";

/*
 * File    : sub-usecases.css
 * Author  : STUDIO-JT
 *
 * SUMMARY :
 * DEFENSE
 * HOVER
 */

 

/* **************************************** *
 * DEFENSE
 * **************************************** */
/* OUTCOMES */
.usecases-outcomes { padding: 120rem 0; }
.usecases-outcomes__rate { display: flex; background: var(--color-white); margin-top: 40rem; }
.usecases-outcomes__rate > li { flex: 1; display: flex; align-items: flex-end; padding: 50rem 40rem; gap: 20rem; }
.usecases-outcomes__rate-number { display: flex; align-items: baseline; }

/* ACHIEVEMENT */
.usecases-achievement { padding: 120rem 0; }

/* SOLUTIONS */
.usecases-solutions { padding: 160rem 0 0; }

/* RESOURCES */
.usecases-resources { padding: 120rem 0 160rem; }

/* FEATURE */
.usecases-feature { padding: 120rem 0 0; }



/* **************************************** *
 * HOVER
 * **************************************** */
@media (hover: hover) and (pointer: fine) {

}