@charset "UTF-8";

/*=================================
title 
================================ */
.title__kojin {
    font-weight: 500;
    font-size: 2.4rem;
    line-height: 1;
    text-align: center;
    color: #FFFFFF;
    white-space: nowrap;
}

.subtitle__sonpo,
.subtitle__seiho {
    font-size: 2rem;
    line-height: 1;
    align-items: center;
    margin: 40px 10px 0;
}

.subtitle__seiho {
    margin-top: 60px;
}

.decoLine {
    display: flex;
    margin-top: 10px;
}

.colorLine {
    width: 116px;
    height: 3px;
    background-color: var(--blue);
    display: block;
}

.colorLine--green {
    width: 116px;
    height: 3px;
    background-color: var(--green);
    display: block;
}

.grayLine {
    width: 220px;
    height: 3px;
    background-color: rgba(35, 35, 35, 0.2);
    display: block;
}

/* title pc */
@media screen and (min-width: 769px) {
    .title__kojin {
        font-size: 6rem;
    }

    .subtitle__sonpo,
    .subtitle__seiho {
        font-size: 3.2rem;
        margin: 60px 0 0;
    }

    .subtitle__seiho {
        margin-top: 150px;
    }

    .decoLine {
        margin-top: 16px;
    }

    .colorLine {
        width: 148px;
    }

    .colorLine--green {
        width: 148px;
    }

    .grayLine {
        width: 330px;
    }
}
/* pc 769px */

/*=================================
article header
================================ */
.article__header {
    background-image: url(../images/background_kojin-sp.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 44px 0px;
}

/* article header pc */
@media screen and (min-width: 769px) {
    .article__header {
        background-image: url(../images/background_kojin-pc.png);
        padding: 170px 0px;
    }
}

/* pc 769px */

/*=================================
sonpo
================================ */
#sonpo {
    padding: 0 var(--contentPadding) 40px;
}

.sonpo__item {
    margin-top: 40px;
}

.item__title {
    display: flex;
    align-items: center;
    gap: 10px;
}

.item__title p {
    font-weight: 700;
    font-size: 1.8rem;
    line-height: 1;
    align-items: center;
    text-align: center;
}

.item__title img {
    width: 48px;
    height: 48px;
}

.item__txt {
    font-size: 1.6rem;
    align-items: center;
}

/* sonpo pc */
@media screen and (min-width: 769px) {
    #sonpo {
        padding: 0 9.7% 30px;
    }

    .sonpo__list {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 30px 90px;
    }

    .sonpo__item {
        margin-top: 90px;
    }

    .item__title {
        gap: 16px;
    }

    .item__title p {
        font-size: 2.8rem;
    }

    .item__title img {
        width: 60px;
        height: 60px;
    }

    .item__txt {
        font-size: 2rem;
        margin-top: 16px;
    }
}
/* pc 769px */

/*=================================
seiho
================================ */
#seiho {
    padding: 0 var(--contentPadding);
}

.seiho__item {
    margin-top: 40px;
}

/* seiho pc */
@media screen and (min-width: 769px) {
    #seiho {
        padding: 0 9.7% 30px;
    }

    .seiho__list {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 30px 90px;
    }

    .seiho__item {
        margin-top: 90px;
    }
}
/* pc 769px */

/*=================================
last txt
================================ */
.last__txt {
    font-size: 1.8rem;
    margin-top: 60px;
    padding: 0 var(--contentPadding);
}

/* last txt pc */
@media screen and (min-width: 769px) {
    .last__txt {
        font-size: 2.4rem;
        align-items: center;
        text-align: center;
        margin-top: 90px;
    }
}
/* pc 769px */

/*=================================
page top btn
================================ */
.btn__arrow {
    margin: 40px 4.2%;
}

/* page top btn pc */
@media screen and (min-width: 769px) {
    .btn__arrow {
        margin: 60px 9.7%;
    }
}
/* pc 769px */