.section { padding-left: .32rem; padding-right: .32rem;  }
.section>.title { margin-bottom: .68rem; }
.tit { font-size: .48rem; color: #000; font-weight: 500; }
.section { padding: 1.06rem .32rem 0; }
.section>.title { margin-bottom: .8rem; }
.core .wrapper { display: flex; justify-content: space-around; margin-bottom: 1.0667rem; }
.core .wrapper a { display: block; width: 1.46rem; }
.core .wrapper a>img { display: block; width: 1.0667rem; height: 1.0667rem; margin: 0 auto .1333rem; }
.core .wrapper a>span { display: inline-block; font-size: .3733rem; line-height: .4267rem; color: #000; text-align: center; }

.join { background-color: #FFF; }
.join .wrap + .wrap { margin-top: .66rem; }
.join .label { display: inline-block; padding: .1467rem .28rem .16rem .24rem; margin-left: .16rem; margin-bottom: .4133rem; font-size: .4267rem; color: #FFF; background: linear-gradient(0deg, #345AFF 0%, #457AFF 100%); border-radius: .32rem .32rem .32rem 0; }
.join .wrap p { padding-left: .2133rem; font-size: .4rem; }
.join .wrap>p + p { margin-top: .26rem; }
.join .wrap>div>img { width: 100%; display: block; }
.join .wrap .imgs { display: -webkit-flex; display: flex; justify-content: space-between; margin-top: .2667rem; }
.join .wrap .imgs>img { width: calc(50% - .13rem); }
.component .wrapper + .wrapper { margin-top: .2667rem; }
.component .wrapper>img { display: block; width: 100%; }
.component .wrap { padding: .52rem .4533rem .54rem; background-color: #FFF; }
.component .wrap .tit { margin-bottom: .5067rem; }