@charset "UTF-8";
/* CSS Document */

/* layout-concept */

.layout-concept .box-title h2 {
    font-family: var(--sub-font);
    font-weight: var(--base-weight2);
    color: var(--color-main);
    font-size: 32px;
    line-height: 1.4;
    letter-spacing: 0.15em;
    margin-bottom: 30px;
}


/* layout-flow */

.layout-flowwrap {
    padding: 0px;
}

.layout-flow {
    padding: 50px 60px;
    background-color: var(--color-back02);
}

.layout-flow .layout-contents02:not(:last-child) {
    margin-bottom: 80px;
}

.layout-flow .layout-contents02::after {
    content: "";
    position: absolute;
    left: 0px;
    bottom: 0px;
    display: block;
    background-image: url("../common/images/arrow-flow.svg");
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: auto 100%;
    width: 100%;
    height: 30px;
    margin-bottom: -55px;
}

.layout-flow .layout-contents02:last-child::after {
    display: none;
}

.layout-flow .lc02-inner {
    background-color: #FFF;
}

.layout-flow h4 {
    min-width: 35%;
}

.layout-flow .layout-contents02:nth-child(odd) h4 {
    background-color: var(--color-sub6);
}

.layout-flow .layout-contents02:nth-child(even) h4 {
    background-color: var(--color-sub4);
}

.layout-flow h5 {
    font-family: var(--sub-font);
    font-weight: var(--base-weight2);
    font-size: 34px;
    line-height: 1.4;
    letter-spacing: 0.2em;
    margin-bottom: 17px;
}

.layout-flow .layout-contents02:nth-child(odd) h5 {
    color: var(--color-sub6);
}

.layout-flow .layout-contents02:nth-child(even) h5 {
    color: var(--color-sub4);
}



.sp-view {
    display: none;
}