@charset "UTF-8";


/****************
	プライバシーポリシー

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



/* #region Top */
#s_privacypolicy .top {
    display: grid;
    grid-template-columns: 1fr;

}

#s_privacypolicy .top .top_header {
    height: 120px;
    /*overflow: hidden; */

    z-index: 31;

    width: 100%; 
    overflow: hidden; 

	position: relative;

	display: flex;
	justify-content: center;
	align-items: center;

}


@media screen and (max-width: 430px) {
    #s_privacypolicy .top .top_header div.logo {
        position: absolute;
        top: -15%;
        left: 50%;
        transform: translate(-50%, 0%);
        margin: 0;

        text-align: center; /* 子要素を中央揃え */

    }

    #s_privacypolicy .top .top_header div.logo img{
        height: 70px;
        display: block; /* ブロック要素にして中央揃え */
        margin: 0 auto; /* 中央に配置 */
        position: relative; /* 下げるために relative を使用 */
        top: 30px; /* 下に移動 */

    }
    #s_privacypolicy .top .top_header div.logo .title {
        position: relative; /* 画像の上に重ねるために relative を使用 */
        pointer-events: none;
        text-align: center;
        height: 50px;
        margin-top: 0px; /* 画像との間にスペースを追加 */
        
    }
    #s_privacypolicy .top .top_header div.logo .title p.en{
        /*display: block;*/ /* pタグをブロック要素に設定 */
        margin: 0;
        /*height: 32px;*/
        font-size: 19px;
        color: black; /* 文字色を設定 */
        position: relative; /* 下げるために relative を使用 */
        top: 0px; /* 下に移動 */

        font-family: 'Arial Black', 'MS Gothic', sans-serif; /* ゴシックフォントを指定 */
        font-weight: bold; /* 太めに設定 */
        line-height: 1.1;

    }
    #s_privacypolicy .top .top_header div.logo .title p.jp{
        /*display: block;*/ /* pタグをブロック要素に設定 */
        margin: 0 0 0 0;
        /*height: 30px;*/
        font-size: 10px;
        color: black; /* 文字色を設定 */
        position: relative; /* 下げるために relative を使用 */
        top: 0px; /* 下に移動 */

        font-weight: bold; /* 太めに設定 */
    }


}

@media screen and (min-width: 431px) {
    #s_privacypolicy .top .top_header div.logo {
		position: absolute;
		top: -15%;
		left: 50%;
		transform: translate(-50%, 0%);
		margin: 0;

		text-align: center; /* 子要素を中央揃え */

    }

    #s_privacypolicy .top .top_header div.logo img{
		height: 80px;
		display: block; /* ブロック要素にして中央揃え */
		margin: 0 auto; /* 中央に配置 */
		position: relative; /* 下げるために relative を使用 */
		top: 28px; /* 下に移動 */

    }
    #s_privacypolicy .top .top_header div.logo .title {
		position: relative; /* 画像の上に重ねるために relative を使用 */
		pointer-events: none;
		text-align: center;
		height: 50px;
		margin-top: 0px; /* 画像との間にスペースを追加 */
        
    }
    #s_privacypolicy .top .top_header div.logo .title p.en{
		/*display: block;*/ /* pタグをブロック要素に設定 */
		margin: 0;
		/*height: 32px;*/
		font-size: 22px;
		color: black; /* 文字色を設定 */
		position: relative; /* 下げるために relative を使用 */
		top: 0px; /* 下に移動 */

		font-family: 'Arial Black', 'MS Gothic', sans-serif; /* ゴシックフォントを指定 */
		font-weight: bold; /* 太めに設定 */
		line-height: 1.1;

    }
    #s_privacypolicy .top .top_header div.logo .title p.jp{
		/*display: block;*/ /* pタグをブロック要素に設定 */
		margin: 0 0 0 0;
		/*height: 30px;*/
		font-size: 11px;
		color: black; /* 文字色を設定 */
		position: relative; /* 下げるために relative を使用 */
		top: 0px; /* 下に移動 */

		font-weight: bold; /* 太めに設定 */
    }

    
}






#s_privacypolicy ul.listcontentUl{
    /*width: 375px;*/

    margin: 20px 0 50px 30px;
    padding: 0 0 0 0;

}
#s_privacypolicy li.listcontentLi{
    list-style: none;
    display: flex;
    flex-flow: column;

    border-bottom: 1px solid rgba(0, 0, 0, 1);

    margin: 0 20px 0 0;
    padding: 10px 0 10px 0;

}
#s_privacypolicy li.listcontentLi p.title{
    text-align: left;
    vertical-align: middle;
    font-size: 15px;

    /*width: 150px;*/

    margin: 0 0 0 0;
    padding: 0px 0 5px 20px;

}
#s_privacypolicy li.listcontentLi p.content{
    text-align: left;
    vertical-align: middle;
    font-size: 15px;
    line-height: 26px;

    margin: 0 0 0 60px;
    padding: 0px 0 0px 0;

}