@charset "utf-8";

/* フェーズ */
.phase-title__first {
    color: #fff;
    line-height: 150%;
    font-size: 100%;
    -webkit-clip-path: polygon(0% 0%, 95% 0%, 100% 50%, 95% 100%, 0% 100%);
    clip-path: polygon(0% 0%, 95% 0%, 100% 50%, 95% 100%, 0% 100%);
    background-color: #0350a3;
    position: relative;

    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.phase-title {
    color: #fff;
    line-height: 150%;
    font-size: 95%;
    -webkit-clip-path: polygon(0% 0%, 95% 0%, 100% 50%, 95% 100%, 0% 100%, 3% 50%);
    clip-path: polygon(0% 0%, 95% 0%, 100% 50%, 95% 100%, 0% 100%, 3% 50%);
    background-color: #0350a3;
    position: relative;

    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.phase-section {
    display: flex;
    flex-direction: column;
    width: 48%;
}

.phase-section dd {
    height: 100%;
    display: flex;
    flex-direction: column;
}

@media screen and (max-width: 769px) {


    /* フェーズ */
    .phase-section{
        width: 100%;
    }
    .phase-title__first {
        font-size: 100%;
        height: auto;
    }
    
    .phase-title {
        font-size: 100%;
        height: auto;
    }


}