#wrap {background-color: #f9fafe;}
.part {padding: 2rem;margin-bottom: 1.5rem;background-color: #fff;}
.part span {display: flex;justify-content: space-between;}
.part h1 {
    color: #000;
    font-size: 2.2rem;
    font-weight: bold;
    line-height: 1.2;
    margin: 2rem 0;
    letter-spacing: -1px;
}


.part1 span img {width: 100%;box-shadow: 0 0 5px rgba(0, 0, 0, .3);border-radius: 1.8rem;display: block;}
.part1 span a {margin-right: .7rem;width: 100%;}
.part1 span a:last-of-type {margin: 0;}
.part1 span:nth-of-type(2) {margin-top: 1.5rem;}



.part2 span img {width: 100%;}
.part2 span a {margin-right: .7rem;}
.part2 span a:last-of-type {margin: 0;}
.part2 .more {
    background-color: #f4f3ff;
    border: 1px solid #bbb2f4;
    border-radius: .5rem;
    font-size: 1.6rem;
    font-weight: bold;
    color: #634ace;
    width: 100%;
    height: 4.5rem;
    margin-top: 2rem;
    display: flex;justify-content: center;align-items: center;
}



.part3 span {flex-wrap: wrap;justify-content: start;}
.part3 span a {
    width: calc(100%/4);height:10rem;
    display: flex;flex-direction: column;align-items: center;
    padding-bottom: 2rem;
}
.part3 span a img {
    width: 4rem;
    margin: 1rem;
    
}
.part3 span a p {
    text-align: center;
    font-size: 1.3rem;
    font-weight: bold;
    line-height: 1.2;
}


.part4 {}
.part4 iframe {
    width: 100%; height: 20rem;
}
.part4 img {
    width: 100%;
}


.part5 {margin-bottom: 3rem;}
.part5 span img {width: 100%;}
.part5 span a {margin-right: .7rem;}
.part5 span a:last-of-type {margin: 0;}