.jsSectionIntroduction .introduction{padding:80px 20px}@media screen and (max-width:767px){.jsSectionIntroduction .introduction{padding:100px 15px 80px}}.jsSectionIntroduction .introduction>.content{display:flex;flex-wrap:wrap;justify-content:space-between;max-width:1000px;margin:0 auto}
@media screen and (max-width:767px){.jsSectionIntroduction .introduction>.content{flex-direction:column;gap:30px}}.jsSectionIntroduction .introduction>.content>.left,.jsSectionIntroduction .introduction>.content>.right{width:calc((100% / 2) - 50px)}
@media screen and (max-width:767px){.jsSectionIntroduction .introduction>.content>.left,.jsSectionIntroduction .introduction>.content>.right{width:100%}}.jsSectionIntroduction .introduction>.content h2{margin-bottom:20px;font:bold 36px/1.2 Helvetica,"Helvetica Neue",Arial,sans-serif;color:#11253c}
@media screen and (max-width:767px){.jsSectionIntroduction .introduction>.content h2{font-size:30px;text-align:center}}.jsSectionIntroduction .introduction>.content>.left .text{margin:20px 0}@media screen and (max-width:767px){.jsSectionIntroduction .introduction>.content>.left .text{text-align:center}
}.jsSectionIntroduction .introduction>.content>.left .text p{font:normal 20px/1.4 Helvetica,"Helvetica Neue",Arial,sans-serif;color:#11253c}@media screen and (max-width:767px){.jsSectionIntroduction .introduction>.content>.left .text p{font-size:18px}
}.jsSectionIntroduction .introduction>.content>.left .image{position:relative}.jsSectionIntroduction .introduction>.content>.left .image img{width:100%}.jsSectionIntroduction .introduction>.content>.left .image img.line{position:absolute;top:-20px;right:-20px;width:30%}
@media screen and (max-width:767px){.jsSectionIntroduction .introduction>.content>.left .image img.line{top:-20px;right:10px}}.jsSectionIntroduction .introduction>.content .area-paragraph+.area-paragraph{margin-top:36px}
.jsSectionIntroduction .introduction>.content .area-paragraph h3{display:flex;gap:15px;align-items:center;margin-bottom:15px;font:bold 25px/1.2 Helvetica,"Helvetica Neue",Arial,sans-serif;color:#11253c}
.jsSectionIntroduction .introduction>.content .area-paragraph h3 .icon{width:60px}.jsSectionIntroduction .introduction>.content .area-paragraph .text p{font:normal 20px/1.4 Helvetica,"Helvetica Neue",Arial,sans-serif;color:#11253c}
@media screen and (max-width:767px){.jsSectionIntroduction .introduction>.content .area-paragraph .text p{font-size:18px}}.jsSectionIntroduction .introduction>.content>.end{display:flex;align-items:center;justify-content:space-around;width:100%;padding:24px;margin-top:40px;color:#11253c;background:#fff;border-radius:10px;box-shadow:0 0 6px rgb(0 0 0 / 10%)}
@media screen and (max-width:767px){.jsSectionIntroduction .introduction>.content>.end{flex-direction:column-reverse;gap:30px;width:100%;text-align:center}}.jsSectionIntroduction .introduction>.content>.end .left,.jsSectionIntroduction .introduction>.content>.end .right{width:calc((100% / 2) - 50px)}
@media screen and (max-width:767px){.jsSectionIntroduction .introduction>.content>.end .left,.jsSectionIntroduction .introduction>.content>.end .right{width:100%}}.jsSectionIntroduction .introduction>.content>.end .icon{width:64px;margin-bottom:15px}
@media screen and (max-width:767px){.jsSectionIntroduction .introduction>.content>.end .icon{margin:0 auto 15px}}.jsSectionIntroduction .introduction>.content>.end h3{margin-bottom:15px;font:bold 25px/1.2 Helvetica,"Helvetica Neue",Arial,sans-serif}
.jsSectionIntroduction .introduction>.content>.end .text p{font:normal 20px/1.4 Helvetica,"Helvetica Neue",Arial,sans-serif}.jsSectionIntroduction .introduction>.content>.end .image{text-align:center}
.pdf-download{background-color:#fff;border:1px solid #000;border-radius:10px}