@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@100;300&family=Open+Sans+Condensed:wght@300&family=Quicksand:wght@300&family=Sawarabi+Gothic&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400&display=swap');
@import url('https://fonts.googleapis.com/css?family=Sawarabi+Mincho');
@import url('https://fonts.googleapis.com/css2?family=Sacramento&display=swap');

#Gothic {
    font-family: "游ゴシック体","Yu Gothic",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
}

#Mincho {
    font-family: 'Sawarabi Mincho', sans-serif;
}

#Numbers {
    font-family: 'M PLUS Rounded 1c', sans-serif;
    font-family: 'Open Sans Condensed', sans-serif;
    font-family: 'Quicksand', sans-serif;
}

#Noto {
    font-family: 'Noto Sans JP', sans-serif;
}

#YuGothic {
    font-family: "游ゴシック体","Yu Gothic",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
}

.breadcrumb {
    height: auto;
    width: 74%;
    color: #323232;
    margin: 0 auto;
    padding: 1.2em 0;
}

.list, .slash {
    line-height: 0.2em;
    font-size: 0.9em;
}

.link-privacy_policy:link, .link-privacy_policy:visited, .link-privacy_policy:active {
    color: #073061;
}

.slash {
    margin: 0 0.4em;;
}


/* メインページ */

.privacy_policy {
    color: #323232;
}

.privacy_policy-header {
    height: auto;
    width: 100%;
}

.privacy_policy-header-inner {
    height: auto;
    width: 74%;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 1.2em 0;
    /* 複数行テキスト上下中央 */
    display: flex; /* 子要素をflexboxで揃える */
    flex-direction: column; /* 子要素をflexboxにより縦方向に揃える */
    justify-content: center; /* 子要素をflexboxにより中央に配置する */
    align-items: left;  /* 子要素をflexboxにより中央に配置する */
}

span.privacy_policy-header-inner-title {
    font-size: 2.4vw;
    font-weight: 200;
}

span.privacy_policy-header-inner-subtitle {
    font-size: 1.6vw;
    color: #b5c1de;
    padding-left: 0.2em;
}

.privacy_policy-container {
    width: 60%;
    margin: 0 auto;
    margin-top: 40px;
}

#contain {
    width: 90%;
    margin: 0 auto;
}

.container-header {
    height: 36px;
    border-bottom: solid 1px #b5c1de;
}

h2.header-title {
    display: inline;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 300;
    font-size: 22px;
    line-height: 36px;
}

span.square {
    color: #b5c1de;
    margin-right: 8px;
}

span.main-text, li.main-list {
    font-family: "游ゴシック体","Yu Gothic",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
    line-height: 1.8;
    text-align: justify;
    color: #252525;
}

li.main-list {
    padding-left: 4px;
}

.container-main {
    padding: 30px 40px 40px;
}

#seven-ul {
    margin: 0;
    padding-left: 20px;
}


/* スマートフォン */
@media screen and (max-width: 600px) {

    .breadcrumb {
        width: 90%;
        padding: 0.6em 0;
    }

    .list, .slash {
        font-size: 0.8em;
    }

    .privacy_policy-header-inner {
        width: 90%;
    }

    span.privacy_policy-header-inner-title {
        font-size: 5.4vw;
        font-weight: 200;
    }

    h2.header-title {
        font-size: 0.9em;
    }

    .container-main {
        padding: 20px 10px;
    }

    #contain {
        width: 86%;
    }

    span.privacy_policy-header-inner-subtitle {
        font-size: 4.2vw;
    }

    .privacy_policy-container {
        width: 100%;
        margin-top: 0;
    }

    span.main-text, li.main-list {
        font-size: 0.8em;
    }

    ul.list-nav {
        padding: 0 0 0 16px;
    }

    #seven-ul {
        margin: 0;
        padding: 0 0 0 16px;
    }
}

/* タブレット */
@media screen and (min-width: 601px) and (max-width: 1024px) {

    .breadcrumb {
        width: 84%;
    }

    .privacy_policy-header-inner {
        height: 12vw;
        width: 84%;
    }

    .privacy_policy-container {
        width: 100%;
        margin-top: 0;
    }

    #contain {
        width: 80%;
        margin: 0 auto;
        padding: 0;
    }

    h2.header-title {
        font-size: 1.1em;
    }

    span.main-text, li.main-list {
        font-size: 1em;
    }

    ul.list-nav {
        padding: 0 0 0 20px;
    }

    #seven-ul {
        margin: 0;
        padding: 0 0 0 20px;
    }
}