@charset "UTF-8";

/*================================================================
# section01
================================================================ */
.sub-page .section01 {
    padding: 0;
}

.section01_img01 {
    width: 88%;
}

.section01 .layout01 {
    margin: -10rem 0 0;
}

.section01 .layout01 .row:first-child {
    align-items: flex-end;
    flex-direction: row-reverse;
}

.section01 .layout01 .row:first-child .left {
    width: 60%;
}

.section01 .layout01 .row:first-child .right {
    width: auto;
    padding: 0 6.4rem 0 0;
    flex-shrink: 1;
}

.section01 .layout01 .row:nth-child(2) {
    width: 88%;
    margin: 8rem auto 0;
}

.section01 .layout01 .row:nth-child(2) .left {
    width: 55%;
}

.section01 .layout01 .row:nth-child(2) .right {
    width: 45%;
    padding: 0 0 0 6.4rem;
}

/*================================================================
# section05
================================================================ */
.section05_img01 {
    width: 88%;
    margin: 10rem 0 0;
}

.section05 .row {
    width: 100%;
    margin: -10rem 0 0;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

.section05 .row .left {
    width: calc(40% - .2rem);
    margin: 0 0 0 0.2rem;
}

.section05 .row .right {
    width: calc(50% - .2rem);
    margin: 0.2rem 0 0 0.2rem;
}

/*================================================================
# section06
================================================================ */
.section06 .right {
    position: relative;
}

.section06 .right:before {
    width: 64rem;
    height: 80rem;
    background-color: rgba(24, 44, 83, 0.7);
    position: absolute;
    content: '';
    top: -20rem;
    left: -12rem;
    z-index: -1;
}

.section06 .layout01 {
    margin: 0;
}

.section06 .layout01 .row {
    padding: 0;
    align-items: flex-start;
}

.section06 .layout01 .row .right {
    margin: 10rem 0 0;
    position: relative;
    z-index: 1;
}

.section06 .layout01 .img01 {
    margin: 0;
}

.section06 .layout01 .img02 {
    margin: 6.4rem 0 0 -12rem;
}

.section06 .illust01 {
    width: 40rem;
    position: absolute;
    top: -32rem;
    right: -8rem;
    z-index: 0;
    transition-delay: 1s;
}