/*スマホサイト**********************************************************************/
@media screen and (max-width:767px) {



* {margin: 0;padding: 0}
a {text-decoration : none}
ul, ol {list-style : none}
img {
	vertical-align : middle;
	max-width : 100%;
	height:auto;
}

/*float解除-------------------------------------------------------------------------------------------*/
.floatClear {
	display: block;
	clear: both;
}
/*-------------------------------------------------------------------------------------------float解除*/

html {
	background-color: #090f1f;
	-webkit-text-size-adjust: 100%; /* Safari */
	text-size-adjust: 100%;
	font-size : 14px; /*ブラウザデフォルト16px / 16×0.625=10 / 以降em指定はこれを基準に */
	line-height : 20px;
	margin:0px;
	padding:0px;
	scroll-behavior: smooth;
	color: #e7e4db;
	font-family: "Inter", Arial, sans-serif;
}

p {
	margin:0px 0px 20px 0px;
}

br.br-sp {
}
br.br-pc {
	display: none;
}

.only_sp {
}
.only_pc {
	display: none;
}



footer {
	text-align: center;
	font-size: 14px;
	margin-bottom: 20px;
}



/* ▼ ページトップへ戻るボタン */
#pagetop {
	position:fixed;
	bottom:8vh;
	right:1vh;
}
img#top_button {
	width: 50px;
	height: 64px;
}
/* ▲ ページトップへ戻るボタン */



/*ページ全体のリンクカラー設定*/
a{/*リンクされた文字*/
	color:#e7e4db;
	font-style:normal;
	text-decoration:none;
}
a:link {/*未訪問のリンク*/
	color:#e7e4db;
	font-style:normal;
	text-decoration:none;
}
a:visited {/*訪問後のリンク*/
	color:#e7e4db;
	font-style:normal;
	text-decoration:none;
}
a:hover {/*マウスをのせたとき*/
	color:#e7e4db;
	font-style:normal;
	text-decoration:none;
}
a:active {/*クリック中*/
	color:#e7e4db;
	font-style:normal;
	text-decoration:none;
}



}










/*PCサイト**************************************************************************/
@media screen and (min-width:768px) {



/*defaultCSS------------------------------------------------------------------------------------------*/
html, body, div, span, h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
	border:0;
	outline:0;
}

html {
	overflow-y: scroll;
	scroll-behavior: smooth;
}

img, object, embed {
	vertical-align:bottom;
	border: 0px;
}

p {
	margin:0px 0px 20px 0px;
}

br.br-sp {
	display: none;
}

ul {
	padding: 0;
	margin: 0;
	list-style-position:outside;
}

ol {
	padding: 0;
	margin: 0;
	list-style-position:inside;
}

form, input {
	margin: 0;
	padding: 0;
}
/*------------------------------------------------------------------------------------------defaultCSS*/

/*float解除-------------------------------------------------------------------------------------------*/
.floatClear {
	display: block;
	clear: both;
}
/*-------------------------------------------------------------------------------------------float解除*/

/*body部分--------------------------------------------------------------------------------------------*/
body {
	background-color: #090f1f;
	-webkit-text-size-adjust: 100%;
	font-size: 18px;
	line-height: 28px;
	letter-spacing: 1px;
	color: #e7e4db;
	font-family: "Inter", Arial, sans-serif;
}
/*--------------------------------------------------------------------------------------------body部分*/



br.br-sp {
	display: none;
}
br.br-pc {
}

.only_sp {
    display: none;
}
.only_pc {
}



footer {
	text-align: center;
	font-size: 14px;
	margin-bottom: 20px;
}



/* ▼ ページトップへ戻るボタン */
#pagetop {
    position:fixed;
    bottom:90px;
    right:12px;
}
img#top_button {
    width: 87px;
    height: 89px;
}
/* ▲ ページトップへ戻るボタン */



/*ページ全体のリンクカラー設定*/
a{/*リンクされた文字*/
	color:#e7e4db;
	font-style:normal;
	text-decoration:none;
}
a:link {/*未訪問のリンク*/
	color:#e7e4db;
	font-style:normal;
	text-decoration:none;
}
a:visited {/*訪問後のリンク*/
	color:#e7e4db;
	font-style:normal;
	text-decoration:none;
}
a:hover {/*マウスをのせたとき*/
	color:#e7e4db;
	font-style:normal;
	text-decoration:none;
}
a:active {/*クリック中*/
	color:#e7e4db;
	font-style:normal;
	text-decoration:none;
}



}