header { text-align: center; padding: 1.5rem 0; background: #40afb8; border-bottom:none;}
header img { width: 18rem;}

main .top { background: #50c7c5; padding: 4rem 1.5rem 6rem; display: flex; align-items: center; }
main .top .left { width: 70%;}
main .top .left p { font-size: 1.6rem; line-height: 1.3; color: #fff;}
main .top .left h2 { font-size: 4.5rem; color: #fff; line-height: 1.3;}
main .top img { width: 28%;}

main .bottom { padding: 4rem 1.5rem;margin-top: -3rem; border-radius: 3rem 3rem 0 0 ; box-shadow: rgba(149, 157, 165, 0.4) 0px -8px 14px; background: #fff;}
main .bottom section > p {font-size: 2rem; font-weight: 600; margin-bottom: 1.5rem;}
main .bottom section ul li { margin-bottom: 1.5rem;}
main .bottom section ul li a {  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; border-radius: 1.5rem; padding: 2rem 4rem;background: #fff; display: flex; justify-content: space-between; align-items: center; }
main .bottom section ul li a .left p { line-height: 1.3;}
main .bottom section ul li a .left p:nth-child(1) { font-size: 2rem; font-weight: 600;}
main .bottom section ul li a .left p:nth-child(2) { font-size: 1.6rem; color: #858da0; font-weight:500;}
main .bottom section ul li a > img { width: 2.5rem;}

main .bottom section.scd { margin-top: 5rem;}
main .bottom section.scd ul li:nth-child(1) a { background: #e0f2f2; }
main .bottom section.scd ul li:nth-child(1) a p:nth-child(1) { color: #37b6bd; }
main .bottom section.scd ul li:nth-child(2) a { background: #dce8f8; }
main .bottom section.scd ul li:nth-child(2) a p:nth-child(1) { color: #5798e4; }
main .bottom section.scd ul li:nth-child(3) a { background: #f8e3e8; }
main .bottom section.scd ul li:nth-child(3) a p:nth-child(1) { color: #ed3c56; }
main .bottom section.scd ul li:nth-child(4) a { background: #faefdd; }
main .bottom section.scd ul li:nth-child(4) a p:nth-child(1) { color: #f1ba4e; }
main .bottom section.scd ul li a > img { width: 4rem;}