body {
    color: #fff;
    font-size: 62.5%;
}
h1, h2 {
    margin: 0;
    font-weight: normal;
}
.h2_pip {
    font-size: 3.2em;
}
.section-01 {
    color: #fff;
    padding: 136px 0 70px 0;
    min-height: 639px;
    background: url("../imgs/coo_bg_1.png") no-repeat;
    background-size: cover;
}
.section-01 .container {
    display: flex;
    justify-content: space-between;
}
.section-01 .container .left {
    flex: 1;
    margin-top: 52px;
}
.section-01 .container .left .content {
    /*width: 80%;*/
}
.section-01 .container .right {
    flex: 1;
    text-align: right;
    margin-right: 59px;
}
.section-01 .container .left h2 {
    font-size: 56px;
    letter-spacing: 0.04em;
}
.section-01 .container .left p {
    margin-top: 64px;
    font-size: 1.6em;
    width: 84%;
    line-height: 28px;
}
.section-01 .container .left .left_img {
    width: 27vw;
    text-align: right;
}
.section-02 {
    background-color: #fff;
    height: 100vh;
    color: #100028;
}
.section-02 .container {
    padding-top: 12.24vh;
}
.section-02 .container h2 {
    text-align: center;
    margin-bottom: 9.8vh;
}
.section-02 .container .items {
    height: 58.16vh;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}
.section-02 .container .items .item {
    height: 27.04vh;
    width: 13.96vw;
    background-color: #ECEEFC;
    border-radius: 32px 0px 32px 0px;
}
.section-02 .container .items .item_up,
.section-02 .container .items .item_down {
    display: flex;
    justify-content: space-between;
}
.section-02 .container .items .up {
    border-radius: 32px 0px 0 0px;
    height: 16.94vh;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
}
.section-02 .container .items .down {
    padding-top: 2vh;
    padding-left: 40px;
    font-size: 2.8em;
    font-weight: 400;
    height: calc(100% - 16.94vh);
}
.section-02 .container .items .item_up .item:nth-child(1) .up {
    background-image: url("../imgs/solve_up_1.png");
}
.section-02 .container .items .item_up .item:nth-child(2) .up {
    background-image: url("../imgs/solve_up_2.png");
}
.section-02 .container .items .item_up .item:nth-child(3) .up {
    background-image: url("../imgs/solve_up_3.png");
}
.section-02 .container .items .item_up .item:nth-child(4) .up {
    background-image: url("../imgs/solve_up_4.png");
}
.section-02 .container .items .item_down .item:nth-child(1) .up {
    background-image: url("../imgs/solve_down_1.png");
}
.section-02 .container .items .item_down .item:nth-child(2) .up {
    background-image: url("../imgs/solve_down_2.png");
}
.section-02 .container .items .item_down .item:nth-child(3) .up {
    background-image: url("../imgs/solve_down_3.png");
}
.section-02 .container .items .item_down .item:nth-child(4) .up {
    background-image: url("../imgs/solve_down_4.png");
}
.section-02 .container .items .item:hover {
    background-image: linear-gradient(-30deg, rgba(66, 54, 222, 1) 0%, rgba(75, 87, 239, 1) 100%);
    color: #fff;
}
.section-02 .container .items .item:hover .down {
    background-image: url("../imgs/solve_ud_1.png");
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 100%;
}
.btn-trial {
    background: linear-gradient(-20deg, rgba(70, 142, 239, 1) 0%, rgba(69, 206, 239, 1) 100%);
    box-shadow: 0px 8px 24px 0px rgba(18, 16, 29, 0.12);
    border-radius: 32px;
}
.section .btn-trial:hover img.before, .btn-trial img.after {
    display: none;
}
.section .btn-trial:hover img.after {
    display: inline-block;
}
.section .btn-trial:hover {
    color: #40fdff;
}
.section-03 {
    background: linear-gradient(150deg, rgba(68, 31, 204, 1) 0%, rgba(37, 25, 206, 1) 100%);
    color: #fff;
}
.section-03 .container {
    padding: 12.24vh 0;
    background-image: url("../imgs/solve_ud_2.png");
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: cover;
}
.section-03 .container h2 {
    text-align: center;
    margin-bottom: 8.12vh;
}
.section-03 .container .down {
    text-align: center;
}
.section-03 .container .down .btn-trial {
    width: 220px;
    height: 64px;
    line-height: 64px;
    font-size: 2.2em;
    text-align: center;
    color: #fff;
}
.section-03 .container .down .btn-trial:hover {
    color: #40fdff;
}