.main { padding: 60px 0 155px; }

.safety-ttl { margin-bottom: 20px; font-size: 3.0rem; font-weight: 700; text-align: center; color: #0d3078; }
@media screen and (max-width: 750px) { .safety-ttl { font-size: 2.0rem; } }

.safety-lead { margin-bottom: 60px; text-align: center; }

.safety-fig { margin-bottom: 60px; text-align: center; }

.safety-txt { text-align: center; }

.safety-list { display: flex; align-items: center; justify-content: center; margin: 30px 0; color: #0d3078; }

.safety-box { position: relative; display: flex; justify-content: space-between; margin-bottom: 85px; padding: 60px 80px; background-color: #f4f8fc; border-radius: 1em; }
@media screen and (max-width: 980px) { .safety-box { padding: 40px; } }
@media screen and (max-width: 750px) { .safety-box { display: block; } }
.safety-box._box01 { margin-top: 100px; }
.safety-box._box02 { flex-direction: row-reverse; }
.safety-box._box03 { margin-bottom: 0; }
.safety-box dl { width: 52.380952381%; }
@media screen and (max-width: 980px) { .safety-box dl { width: 47.619047619%; } }
@media screen and (max-width: 750px) { .safety-box dl { display: block; width: 100%; margin-bottom: 20px; } }
.safety-box dl dt { margin-bottom: 20px; font-size: 3.0rem; font-weight: 700; color: #0d3078; }
@media screen and (max-width: 750px) { .safety-box dl dt { font-size: 2.6rem; } }
.safety-box figure { width: 38.0952380952%; }
@media screen and (max-width: 980px) { .safety-box figure { width: 45.2380952381%; } }
@media screen and (max-width: 750px) { .safety-box figure { width: 100%; margin: 0 auto; } }
.safety-box figure figcaption { margin-top: 10px; font-size: 1.4rem; text-align: center; }

/*# sourceMappingURL=safety.css.map */
