#shoukaiPageSection02 {
    height: 1074px;
    background-color: #EAF2F6;
    padding-top: 100px;
}

#shoukaiPageSection02 .title h4 {
    font-size: 46px;
    width: 368px;
    margin-bottom: 40px;
}

#shoukaiPageSection02 .title p.pre-title {
    width: 368px;
}

#shoukaiPageSection02 .sps2-content {
    height: 650px;
    margin: 0 auto;
    width: 1223px;
}

#shoukaiPageSection02 .sps2-content .sps2c-item {
    width: 590px;
    height: 305px;
    float: left;
    background-color: #fff;
    border: 5px solid #85C0DC;
    border-top-left-radius: 40px;
    border-bottom-right-radius: 40px;
}

#shoukaiPageSection02 .sps2-content .sps2c-item.ichi,
#shoukaiPageSection02 .sps2-content .sps2c-item.san {
    margin-right: 43px;
}

#shoukaiPageSection02 .sps2-content .sps2c-item.ichi,
#shoukaiPageSection02 .sps2-content .sps2c-item.ni {
    margin-bottom: 43px;
}

#shoukaiPageSection02 .sps2-content .sps2c-item.ichi,
#shoukaiPageSection02 .sps2-content .sps2c-item.ni,
#shoukaiPageSection02 .sps2-content .sps2c-item.san,
#shoukaiPageSection02 .sps2-content .sps2c-item.yon {
    padding: 0 24px 0 50px;
}

#shoukaiPageSection02 .sps2-content .sps2c-item .sps2ci-title {
    height: 88px;
    line-height: 88px;
}

#shoukaiPageSection02 .sps2-content .sps2c-item .sps2ci-title .sps2cit-left {
    font-size: 28px;
    font-weight: 700;
    color: #1A7BA5;
    width: fit-content;
    float: left;
}

#shoukaiPageSection02 .sps2-content .sps2c-item .sps2ci-title .sps2cit-right {
    float: right;
    width: 253px;
    height: 48px;
    border-radius: 28px;
    background-color: #1A7BA5;
    line-height: 48px;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    margin-top: 20px;
}

#shoukaiPageSection02 .sps2-content .sps2c-item .sps2ci-title .sps2cit-right.next {
    background-color: #1AA571;
}

#shoukaiPageSection02 .sps2-content .sps2c-item .sps2ci-title .sps2cit-left,
#shoukaiPageSection02 .sps2-content .sps2c-item .sps2ci-title .sps2cit-right {
    margin-bottom: 0;
}

#shoukaiPageSection02 .sps2-content .sps2c-item .sps2ci-content p {
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 500;
    color: #333;
    line-height: 30px;
}

#shoukaiPageSection02 .sps2-note {
    margin: 0 400px;
}

#shoukaiPageSection02 .sps2-note p {
    font-size: 16px;
    font-weight: 600;
    color: #333;
    line-height: 36px;
    margin-bottom: 0;
}

@media (max-width: 1902.98px) {
    #shoukaiPageSection02 .sps2-content {
        /* margin: 0 80px 60px 80px; */
    }
}

/* large desktops more than 1200px*/
@media (max-width: 1399.98px) {
    #shoukaiPageSection02 .sps2-content .sps2c-item {
        width: 497px;
    }

    #shoukaiPageSection02 .sps2-content .sps2c-item.ichi,
    #shoukaiPageSection02 .sps2-content .sps2c-item.ni,
    #shoukaiPageSection02 .sps2-content .sps2c-item.san,
    #shoukaiPageSection02 .sps2-content .sps2c-item.yon {
        padding: 0 15px;
    }

    #shoukaiPageSection02 .sps2-content .sps2c-item.ichi,
    #shoukaiPageSection02 .sps2-content .sps2c-item.ni {
        margin-bottom: 30px;
    }

    #shoukaiPageSection02 .sps2-content .sps2c-item.ichi,
    #shoukaiPageSection02 .sps2-content .sps2c-item.san {
        margin-right: 28px;
    }

    #shoukaiPageSection02 .sps2-note {
        margin: 0 160px;
    }

    #shoukaiPageSection02 .sps2-content {
        width: 1022px;
    }
}

/* desktop more than 992px */
@media (max-width: 1199.98px) {

    #shoukaiPageSection02 .sps2-content .sps2c-item.ichi,
    #shoukaiPageSection02 .sps2-content .sps2c-item.san {
        margin-right: 0;
    }

    #shoukaiPageSection02 .sps2-content .sps2c-item.ichi,
    #shoukaiPageSection02 .sps2-content .sps2c-item.ni,
    #shoukaiPageSection02 .sps2-content .sps2c-item.san,
    #shoukaiPageSection02 .sps2-content .sps2c-item.yon {
        float: unset;
        margin: 0 auto 30px auto;
    }

    #shoukaiPageSection02 .sps2-content {
        height: auto;
    }

    #shoukaiPageSection02 {
        height: auto;
        padding-bottom: 50px;
    }
}

/* tablets more than 768px */
@media (max-width: 991.98px) {
    #shoukaiPageSection02 .sps2-content {
        width: 497px;
    }
}

/* landscape phones more than 576px */
@media (max-width: 767.98px) {
    #shoukaiPageSection02 .sps2-content {
        /* margin: 0 0 60px 0; */
    }

    #shoukaiPageSection02 .sps2-note {
        margin: 0 50px;
    }
}

/* portrait phones less than 576px */
@media (max-width: 575.98px) {
    #shoukaiPageSection02 {
        padding-top: 50px;
    }

    #shoukaiPageSection02 .title p.pre-title {
        font-size: 16px;
        width: 257px;
    }

    #shoukaiPageSection02 .title h4 {
        font-size: 32px;
        width: 257px;
    }

    #shoukaiPageSection02 .sps2-content .sps2c-item {
        width: 345px;
        height: 305px;
        border-radius: 20px 0 20px 0;
    }

    #shoukaiPageSection02 .sps2-content .sps2c-item .sps2ci-title .sps2cit-left {
        font-size: 22px;
        width: 100%;
        height: 30px;
        line-height: 30px;
        margin-bottom: 15px;
    }

    #shoukaiPageSection02 .sps2-content .sps2c-item.ichi,
    #shoukaiPageSection02 .sps2-content .sps2c-item.ni,
    #shoukaiPageSection02 .sps2-content .sps2c-item.san,
    #shoukaiPageSection02 .sps2-content .sps2c-item.yon {
        padding: 25px 35px 0 34px;
        margin: 0 auto 30px auto;
    }

    #shoukaiPageSection02 .sps2-note {
        /* width: calc(100vw);
        margin: 0 10px; */
        font-size: 16px;
        margin: 0 15px;
    }

    #shoukaiPageSection02 .sps2-content .sps2c-item .sps2ci-title .sps2cit-right {
        margin-top: 0;
        height: 30px;
        line-height: 30px;
        font-size: 14px;
        font-weight: 700;
        line-height: 30px;
        margin-bottom: 15px;
    }

    #shoukaiPageSection02 .sps2-content .sps2c-item .sps2ci-content p{
        font-size: 14px;
        line-height: 23px;
    }

    #shoukaiPageSection02 .sps2-content .sps2c-item.ni{
        height: 230px;
    }

    #shoukaiPageSection02 .sps2-content .sps2c-item.san{
        height: 282px;
    }

    #shoukaiPageSection02 .sps2-content .sps2c-item.yon{
        height: 230px;
    }

    #shoukaiPageSection02 .sps2-content{
        margin: 0;
    }

    #shoukaiPageSection02 .sps2-content .sps2c-item .sps2ci-title .sps2cit-right{
        float: left;
        width: 200px;
    }

    #shoukaiPageSection02 .sps2-content .sps2c-item .sps2ci-content p.dot-before,
    #shoukaiPageSection04 .sps4-content .sps4c-item .sps4ci-content .sps4cic-content.dot-before{
        position: relative;
        padding-left: 15px;
    }

    #shoukaiPageSection02 .sps2-content .sps2c-item .sps2ci-content p.dot-before::before,
    #shoukaiPageSection04 .sps4-content .sps4c-item .sps4ci-content .sps4cic-content.dot-before::before{
        content: "・";
        position: absolute;
        width: 15px;
        height: 20px;
        left: 0;
    }

    #shoukaiPageSection03 .sps3-content .sps3c-item p.sps3ci-title.t-ml{
        padding: 0 11px;
        text-align: left;
        font-size: 12px;
    }

    #shoukaiPageSection02 .sps2-content {
        width: 100vw;
    }
}