.firstview {
    background: url(/ja/img/affiliate/fv.png) center center no-repeat;
    background-size: cover;
    height: 420px;
}

.affiliate .inner {
    max-width: 1200px;
    width: 90%;
    margin: 0 auto;
}

.affiliate .firstview .inner .title {
    text-align: left;
}

.affiliate .firstview .inner .title p {
    text-align: left;
    max-width: 620px;
}

.affiliate .section:nth-child(even) {
    background: #F3F5F8;
}

.affiliate .section.now{
    background: #2B2D42 !important;
}

.affiliate .section>div {
    max-width: 900px;
    width: 90%;
    margin: 0 auto;
}

.affiliate h2 {
    padding: 0.3em 0.8em;
    border-bottom: 3px solid #D90429;
    display: inline-block;
    font-size: 2.3em;
    margin-bottom: 1em;
}

.affiliate .title p {
    text-align: center;
}

.affiliate .aps-rogo {
    margin: 3em auto;
    justify-content: center;
}

.affiliate .aps-rogo li {
    max-width: 250px;
    margin: 0 1em;
}

.affiliate .conditions {
    margin: 3em 0;
}

.affiliate .conditions p {
    margin: 1em 0;
}

.affiliate .conditions .title {
    font-weight: bold;
    font-size: 1.2em;
}

.affiliate .content-box .box {
    margin: 1em 0;
}

.affiliate .content-box .box .text {
    width: 46%;
    margin: 1%;
    text-align: left;
}

.affiliate .content-box .box .img {
    width: 50%;
    margin: 1%;
}

.affiliate .content-box .list {
    width: 90%;
    margin: 0 auto;
    position: relative;
}

.affiliate .content-box .list .title {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    padding: 0.5em 1em;
    font-size: 1.2em;
    width: 60%;
    font-weight: bold;
    min-width: 200px;
}

.affiliate .content-box .list ul {
    border: 1px solid #707070;
    width: 100%;
    padding: 2em 1em 1em;
}

.affiliate .content-box .list li {
    padding: 0.5em 0;
    color: #707070;
    margin-bottom: 0;
}

.affiliate .content-box .list .supplement {
    text-align: right;
    color: #707070;
}

.affiliate .now {
    margin-top: 0;
}

@media screen and (max-width: 479px) {
    .firstview {
        text-align: center;
        height: auto;
    }

    .affiliate .firstview .inner .title,
    .affiliate .firstview .inner .title p {
        text-align: center;
    }

    .affiliate h2 {
        font-size: 1.8em;
    }

    .affiliate .content-box .box .text,
    .affiliate .content-box .box .img {
        width: 100%;
        margin: 1em 0 4em;
    }

    .affiliate .aps-rogo {
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .affiliate .aps-rogo li {
        width: 48%;
        margin: 5% 1%;
    }

    .affiliate .aps-text {
        text-align: left;
    }
}