@charset "UTF-8";
/* 文字コードの指定 */
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap");

/*-------------------------------------------------------------------------------- 
    プライバシー・ポリシー（privacy)のスタイル
--------------------------------------------------------------------------------*/
main{
    width:100%;
    background-color:  var(--base-color);
    font-size: var(--font-size-m);
}
h3{
    font-size: var(--font-size-h3);
}
h4{
    font-size: var(--font-size-h4);
}
.privacy{
    margin: 5rem 1rem;
    padding: 2rem;
    background-color:  var(--base-color);
    border: .1rem solid var(--main-border-color);
}
.contents_wrap{
    padding: 1rem 0;
    padding-left: 2rem;
}
ol{
    list-style-type: decimal;
    list-style-position: inside;
}
.contents_wrap ol ol ol{
    list-style-type: none;
}
.contents_wrap ol ol li::before{
    content: ") "
}

.contents_wrap ol ol ol li::before{
    content: "・"
}
li{
    padding-left: 1em;
}
.eol{
    text-align: right;
}

/* --------------------------------------------------
	以上が 1300pxを超えるＰＣ端末環境設定
----------------------------------------------------- */
/* --------------------------------------------------
	ここから 1300px以下のタブレッド端末環境設定
----------------------------------------------------- */
@media screen and (max-width:1300px){
    .privacy{
        margin: 5rem 1rem;
        padding: 1rem;
    }
    .contents_wrap{
        padding: .5rem 0;
        padding-left: 1rem;
        text-indent: 1em;
    }
}
/* --------------------------------------------------
	ここから 768px以下のタブレッド端末環境設定
----------------------------------------------------- */
@media screen and (max-width:768px){
    .privacy{
        margin: 3rem 0;
        padding: 1rem;
    }
}
/* --------------------------------------------------
    ここから 480rem以下のモバイル端末環境設定
----------------------------------------------------- */
@media screen and (max-width:480px){
    .privacy{
        margin: 3rem 0;
        padding: .5rem;
    }
}