@charset "UTF-8";

.pageHeader_privacy {
    display: flex;
    background: linear-gradient(to right, #00469B, #3382ED);
    padding: min(30%, 15rem) 16rem 14.225rem 8rem;
    justify-content: space-between;
    min-height: 250px;
}

.title_about {
    margin-top: 1rem;
}

.title_about h2 {
    font-family: roboto;
    color: #fff;
    opacity: 50%;
    font-size: min(10vw, 11rem);
    font-weight: 500;
    white-space: nowrap;
}

.title_about p {
    font-size: 2.3rem;
    color: #fff;
    font-weight: 700;
    margin: -3.5rem 0 0 0;
    letter-spacing: 0.15em;
}

.bgabout01 {
    background-color: #F4F6F8;
}

.bgabout02 {
    background-color: #fff;
}

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

    .pageHeader_privacy {
        padding: 6.8rem 16rem 7.2rem 3rem;
    }

    .title_about h2 {
        font-size: clamp(5.7rem, 10vw, 13rem);
    }

    .title_about p {
        font-size: 1.8rem;
        margin: -2.5rem 0 0 0;
    }

    .title_about {
        margin: 1rem 2rem 0;
    }

}


@media screen and (min-width: 1366px) {
    .pageHeader_privacy {
        padding: min(30%, 15rem) calc(100vw / 3 - 640px) 14.225rem calc(100vw / 3 - 379px);
    }

}



@media screen and (max-width: 570px) {
    .pageHeader_privacy {
        padding: 7rem 16rem 6rem 0;
    }
}

@media screen and (max-width: 410px) {
    .title_about h2 {
        font-size: min(14vw, 5.7rem);
    }

    .pageHeader_privacy {
        min-height: 200px;
    }
}


/***********************:title****************************/
.privacy_title {
    position: relative;
    display: flex;
    /* フレックスボックスを有効化 */
    justify-content: center;
    /* 水平方向の中央寄せ */
    align-items: center;
    /* 垂直方向の中央寄せ */
    font-size: 30px;
    /* 通常テキスト用のフォントサイズ */
    color: #000;
    /* 通常テキストの色 */
    letter-spacing: 0.15em;
    padding-bottom: 35px;
}


.privacy_title_line {
    background-image: linear-gradient(to right, #00469B, #3382ED);
    min-width: 110px;
    text-align: center;
    /* 線の色 */
    background-size: 110px 8px;
    /* 幅(100%=文字の長さ) | 高さ(線の太さ) */
    background-position: bottom;
    /* 下に配置 */
    background-repeat: no-repeat;
    /* 背景を繰り返さない */
    padding-bottom: 27px;
    /* オフセット */
    z-index: 1;
}

@media (max-width: 767px) {
    .privacy_title {
        font-size: 22px;
    }

    .privacy_title_line {
        background-size: 80px 6px;
        /* 幅(100%=文字の長さ) | 高さ(線の太さ) */
        padding-bottom: 12px;
    }
}


/*********************************************************/

.privacy_wrapper {
    width: 100%;
    margin: 0 auto;
    padding-top: 7rem;
    padding-bottom: 15.5rem;

}

.privacy_container {
    max-width: 1020px;
    width: 100%;
    padding: 0 20px;
    margin: 0 auto;
}

.introTxt {
    margin-bottom: 110px;
    font-size: 2rem;
    line-height: 1.8;
    text-align: justify;
}

.privacy_container dl:not(:last-child) {
    margin-bottom: 83px;
    text-align: justify;
}

.privacy_container dt {
    font-size: 2.2rem;
    color: #00469b;
    letter-spacing: 0.03em;
    padding-bottom: 1.1rem;
    margin-bottom: 1.4rem;
    border-bottom: 1px solid #00469b;
}

.privacy_container dd {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.75;
}

.privacy_container ul {
    margin-top: 13px;
    list-style: disc;
    padding-left: 1em;
}

.privacy_container li::marker {
    font-size: 1rem;
}

.privacy_container li span {
    vertical-align: middle;
}

.privacy_contact dd p:last-child {
    font-weight: bold;
    padding-top: 10px;
}

.privacy_contact a {
    color: #808080;

}

.privacy_contact a:hover {
    opacity: 0.5;
    transition: 0.2s ease-out;
}

@media screen and (max-width:1028px) {
    .privacy_wrapper {

        padding-top: 6.3rem;
        padding-bottom: 8rem;

    }

}

@media screen and (min-width:769px) {
    .privacy_contact br {

        display: none;

    }



}

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


    .introTxt {
        font-size: 1.6rem;
        margin-bottom: 60px;
    }

    .privacy_container dt {
        font-size: 1.8rem;
    }

    .privacy_container dd {
        font-size: 1.4rem;
    }

    .privacy_container dl:not(:last-child) {
        margin-bottom: 50px;
    }


}