.top-banner-about{ background: url("../img/about-top-banner.jpg") no-repeat center center; background-size: cover; } .about{ padding: 50px 0; } .about .title{ margin-top: 0; margin-bottom: 50px; text-align: center; color: #cc1e14; font-weight: bold; } .about-description p{ color: #333; line-height: 1.8; margin-bottom: 20px; text-indent: 2em; } .about-description p:last-child{ margin-bottom: 0; } .about-description .about-description-left{ text-align: center; } .about-idea-wrapper{ background: url("../img/about_03.png") no-repeat center center; background-size: cover; } .about-idea .about-idea-img{ text-align: center; margin-top: 80px; margin-bottom: 35px; } .about-idea{ position: relative; max-width: 760px; margin: 0 auto; } .about-idea .about-idea-0 h5{ text-align: center; font-size: 18px; font-weight: bold; } .about-idea .about-idea-1{ position: absolute; top: 0; left: 0; right: 0; max-width: 480px; margin: 0 auto; } .about-idea .about-idea-0 p{ text-indent: 2em; } .about-idea .about-idea-1 h5{ text-align: center; font-size: 18px; font-weight: bold; } .about-idea .about-idea-1 p{ text-indent: 2em; } .about-idea .about-idea-2{ position: absolute; top: 140px; right: 0; max-width: 240px; } .about-idea .about-idea-2 h5{ text-align: left; } .about-idea .about-idea-3{ position: absolute; top: 320px; right: 20px; max-width: 240px; } .about-idea .about-idea-3 h5{ text-align: left; } .about-idea .about-idea-4{ position: absolute; top: 320px; left: 20px; max-width: 240px; } .about-idea .about-idea-4 h5{ text-align: right; } .about-idea .about-idea-5{ position: absolute; top: 130px; left: 20px; max-width: 220px; } .about-idea .about-idea-5 h5{ text-align: right; } .about-good-wrapper .title{ margin-bottom: 15px; } .about-good-wrapper .desc{ text-align: center; margin-bottom: 50px; } .about-good dl{ margin-bottom: 30px; } .about-good dl dt{ font-weight: bold; font-size: 18px; color: #cc1e14; } .about-good dl dd{ padding-left: 50px; text-indent: 2em; line-height: 1.8; } .about-good dl img{ margin-right: 15px; } .about-good .about-good-left{ /*padding: 0 30px;*/ padding-right: 45px; } .about-good .about-good-right{ padding-left: 45px; } .about-good .about-good-center{ margin-top: 130px; padding: 0; }