@charset "UTF-8";

/*--------------------------------------------------------------
# トップページ
--------------------------------------------------------------*/
.page-ttl {
    padding: 110px 10%;
    background: url(../flow/img/bg_ttl.png) no-repeat 50% 50% / cover;
}

h2 {
    margin: 40px 0;
    font-size: 120%;
    line-height: 1.7em;
    color: #0369d7;
    font-size: 30px;
    text-align: center;
}

.main-wrapper p {
    font-size: 16px;
    line-height: 1.7em;
}



/*--------------------------------------------------------------
# ブレイクポイント
--------------------------------------------------------------*/
@media screen and (max-width: 1180px) {}

/* max-width: 1180px */

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

/* max-width: 1024px */


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


    h2 {
        margin: 40px 0;
        font-size: 20px;
        line-height: 1.4em;
        text-align: center;
    }


}

/*Notice 2025-04-25 */
.notice-tit {
    font-size: 1.6em;
    color: #0369d7;
    line-height: 1.4em;
    border-bottom: 1px dashed #d8d8d8;
    padding: 0.2rem 1rem 0.2rem 1.5rem;
    background-image:
        linear-gradient(#00b4ff 50%, #0369d7 50%);
    background-repeat: no-repeat;
    background-size: 0.5rem 100%;
    letter-spacing: .07;
}

.notice-com {
    padding: 1.2rem 1.6rem;
    margin-bottom: 40px;
}

.notice-btn {
    margin: 10px 0;
    display: inline-block;
    padding: 0.6rem 2rem;
    background-color: #e1f6ff;
    /* border-radius: 4px; */
}

.notice-list {
    /* outline: auto; */
    list-style-position: inside;
    margin: -40px 40px 60px;
}

.notice-list li {
    display: flex;
    align-items: top;
    margin-bottom: 10px;
    line-height: 1.6;
}

.notice-list li::before {
    display: inline-block;
    content: '';
    width: 8px;
    height: 8px;
    background-color: #00b4ff;
    border-radius: 50%;
    margin-right: 10px;
    margin-top: 6px;
    flex-shrink: 0;
    /* サークルのサイズを固定 */
}

.notice-small {
    font-size: 90%;
    line-height: 1.6rem;
    padding-left: 20px;
}

@media screen and (max-width: 768px) {
    .notice-tit {
        line-height: 1em;
        font-size: 20px;
    }

    .notice-com {
        padding: 1.1rem 0rem;
    }

    .notice-list {
        list-style-position: outside;
        margin: -40px 0px 60px;
    }
}