#wrap .dream {
    padding: .6rem 5%;
}
#wrap .dream .title {margin: 1.5rem 0;display: flex; align-items: center;}
#wrap .dream .title img {height: 3.5rem;}
#wrap .dream .title h1 {font-size: 2.2rem; margin-left: .5rem; font-weight: 600; font-family: 'Paybooc';}

#wrap .dream1 {background-color: #002848; width: 100%;}
#wrap .dream1 .title h1 {color: white;}
#wrap .dream1 .type-box {display: flex; justify-content: space-evenly; align-items: center; gap: 1rem; padding:1.5rem 0 ;}
#wrap .dream1 .type-box img {width: 100%;}


#wrap .dream2 {margin-bottom: 5rem;}
#wrap .dream2 .type-box {display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
#wrap .dream2 .type-box a {
    display: flex; justify-content: center; align-items: center; flex-direction: column; 
    width: calc(25% - 1px); padding: 1.5rem;
    border: 1px solid #eee;
}
#wrap .dream2 .type-box a img {width: 80%;}
#wrap .dream2 .type-box a p {text-align: center; padding-top: 1rem; font-size: 1.8rem; font-weight: 600;}