@charset "UTF-8";
.quality {}
.quality .container { padding: 100px 0; text-align: center; }

.quality .container h3 { margin-bottom: 50px; font-size: 70px; font-weight: 700; }
.quality .container strong { display: block; margin-bottom: 40px; font-size: 48px; font-weight: 500; }
.quality .container p { margin-bottom: 20px; font-size: 27px; font-weight: 300; }

.quality .container .quality-image { margin-top: 100px; }
.quality .container .quality-image img {}

.quality .container .quality-list { display: flex; justify-content: center; width: 920px; margin: 50px auto; }
.quality .container .quality-list li { width: 33.3333%; text-align: left; }
.quality .container .quality-list li:not(:first-child) { padding-left: 60px; }
.quality .container .quality-list li p { position: relative; padding-left: 25px; font-size: 20px; font-weight: 400; }
.quality .container .quality-list li p::before { position: absolute; top: 50%; left: 0; transform: translateY(-50%); width: 12px; height: 12px; background: #3389CA; border-radius: 100%; content: ""; }
.quality .container .quality-list li:nth-child(2) p::before { background: #4992FF; }
.quality .container .quality-list li:nth-child(3) p::before { background: #C5E6FF; }

.quality .container > p:last-child { padding: 100px 0; font-size: 20px; font-weight: 300; }