/*--------------------------------------------------------------
# Define
--------------------------------------------------------------*/

/*
/*for xs -575px smartphone
@media(max-width: 575px) {

}

/*for sm 576px-767px smartphone
@media(min-width: 576px) and (max-width: 767px) {

}

/*for md 768px-991px tablet
@media(min-width: 768px) and (max-width: 991px) {

}

/*for lg 992px-1199px pc
@media(min-width: 992px) and (max-width: 1199px) {

}

/*for xl 1200px-1399px pc
@media(min-width: 1200px) and (max-width: 1399px) {

}

/*for xxl 1400px- pc
@media(min-width: 1400px) {

}
*/


/*--------------------------------------------------------------
# Const
--------------------------------------------------------------*/

:root {
	/* Fonts */
	--font-default:"Outfit","Noto Sans JP","Montserrat",sans-serif;
	--font-default-size:17px;
	--font-default-size-sp:17px;

	--font-secound:"Manrope", sans-serif;

	/* Colors */
	--color-default-font:#FFFFFF;
	--color-default-bgcolor:#030b16; /* 青系黒 */

	--color1:#2138d3; /* 明るい青 */
	--color2:#5f50eb; /* 青紫 */
	--color3:#c3c3c3; /* 灰色 */

	--color-error:#FF0000;

	--color-hover-a:#698DBA;
	--color-hover-btn:#F38F32;

	/* 行間 */
	--line-height-base: 1.8;
	--line-height-title: 1.3;
}

/*--------------------------------------------------------------
# Bootstrap Custom
--------------------------------------------------------------*/

.container-fluid {
	margin:0;
	padding:0;
	position:relative;
	z-index:0;
}

.box-center {
	margin:0 auto;
}

/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/

body {
	font-family:var(--font-default);
	font-optical-sizing:auto;
	font-weight:400;
	font-style:normal;
	font-size:var(--font-default-size);
	color:var(--color-default-font);
	background-color:var(--color-default-bgcolor);
	scroll-behavior:smooth;
	position:relative;
}

#wrapper {
	max-width:2160px;
	margin:0 auto;
	position:relative;
}

main {
	position:relative;
	z-index:10;
}

a {
	color:var(--color-default-font);
	text-decoration:none;
}

a:hover {
	color:var(--color-hover-a);
	text-decoration:none;
}

h1 {
	margin:0;
	font-family:var(--font-default);
	font-size:56px;
	font-weight:700;
	line-height:1.3;
}

h2 {
	margin:0;
	font-family:var(--font-default);
	font-size:36px;
	font-weight:700;
	line-height:1.3;
}

h3 {
	margin:0;
	font-family:var(--font-default);
	font-size:18px;
	font-weight:700;
	line-height:1.5;
}

p {
	font-family:var(--font-default);
	font-size:var(--font-default-size);
	line-height:1.8;
}

i {
	font-size:20px;
}

/* スマホ専用改行 */
.sp-only {
	display:none;
}

/* Tablet / Smartphone */
@media(max-width:991px) {
	body {
		font-size:var(--font-default-size-sp);
	}

	h1 {
		font-size:40px;
		font-weight:500;
	}

	h2 {
		font-size:30px;
		font-weight:500;
		line-height:1.4;
	}

	h3 {
		font-size:17px;
		font-weight:500;
	}

	p {
		font-size:var(--font-default-size-sp);
	}
}

/* Smartphone */
@media(max-width:575px) {
	.sp-only {
		display:block;
	}
}

/*--------------------------------------------------------------
# Preloader
--------------------------------------------------------------*/

#preloader {
	width: 100vw;
	height: 100dvh;
	top: 0;

	background-color:#FFFFFF;
	align-items: center;
	justify-content: center;

	position: fixed;
	z-index:3000;

	display: flex;
}


#preloader2 {
	width: 100vw;
	height: 100dvh;
	top: 0;

	background-color:var(--color3);
	align-items: center;
	justify-content: center;

	position: fixed;
	z-index:2999;

	display: flex;
}


/*--------------------------------------------------------------
# PagetopLink
--------------------------------------------------------------*/

#page-top {
	width:50px;
	height:50px;

	right:16px;
	bottom:80px;

	color:#FFFFFF;

	background-color:var(--color1);
	border:none;
	border-radius:5px;

	opacity: 0;

	position: fixed;
	z-index: 1000;

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

}
#page-top:hover{
	background-color:var(--color3);
	cursor:pointer;
}




#page-top.UpMove{
	animation: UpAnime 0.5s forwards;
}
@keyframes UpAnime{
	from {
		opacity: 0;
		transform: translateY(100px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

#page-top.DownMove{
	animation: DownAnime 0.5s forwards;
}
@keyframes DownAnime{
	from {
		opacity: 1;
		transform: translateY(0);
	}
	to {
		opacity: 0;
		transform: translateY(100px);
	}
}

/* for md -991px tablet */
@media(max-width: 991px) {

}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/

header {
	position:relative;
	z-index:100;
	display:flex;
	align-items:center;
	justify-content:space-between;
	width:100%;
	height:68px;
	margin:0;
	padding:0 40px;
}

header #logo {
	width:216px;
	height:54px;
}

header #logo img {
	display:block;
	width:100%;
	height:auto;
}

header #header-buttons {
	display:flex;
	align-items:center;
	gap:12px;
	font-size:14px;
}

header #header-buttons a {
	display:flex;
	align-items:center;
	justify-content:center;
	height:40px;
	padding:0 22px;
	border-radius:5px;
	font-family:var(--font-default);
	font-size:14px;
	font-weight:600;
	text-decoration:none;
	color:#fff;
}

header #header-buttons .login-btn {
	width:130px;
	min-width:130px;
	padding:0;
	background:transparent;
	border:1px solid rgba(255,255,255,.25);
}

header #header-buttons .login-btn:hover {
	background:rgba(255,255,255,.05);
	border-color:rgba(255,255,255,.45);
}

header #header-buttons .start-btn {
	width:130px;
	min-width:130px;
	padding:0;
	background:var(--color1);
	border:1px solid var(--color1);
}

header #header-buttons .start-btn:hover {
	background:#304cff;
	border-color:#304cff;
}

/* SP下部固定バーはPCでは非表示 */
#sp-bottom-bar {
	display:none;
}

@media(max-width:1100px) {
	header {
		height:68px;
		padding:0 20px;
	}

	header #logo {
		width:180px;
		height:auto;
	}

	header #header-buttons {
		display:none;
	}
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

#footer{
	padding:50px 0 70px;
	color:var(--color-default-font);
	background:var(--color-default-bgcolor);
	border-top:1px solid rgba(255,255,255,.08);
}

#footer-logo img{
	display:block;
	width:150px;
	height:auto;
}

#footer .footer-description{
	margin:6px 0 0;
	color:var(--color3);
	font-size:11px;
	line-height:1.4;
}

#footer-menu ul{
	margin:0;
	padding:0;
	list-style:none;
	gap:24px;
}


#footer-menu a{
	color:var(--color-default-font);
	font-size:14px;
	font-weight:400;
	text-decoration:none;
	transition:.25s;
}

#footer-menu a:hover{
	color:var(--color2);
}


#footer .footer-sns{
	gap:18px;
}


#footer .footer-sns a{
	display:flex;
	align-items:center;
	justify-content:center;
	color:var(--color-default-font);
	text-decoration:none;
	opacity:.7;
	transition:.25s;
}


#footer .footer-sns a:hover{
	color:var(--color2);
	opacity:1;
}

#footer .footer-sns i{
	font-size:20px;
}

#footer .footer-copyright{
	margin-top:30px;
	color:var(--color3);
	font-size:14px;
	line-height:1.4;
}


@media (max-width:991px){
	#footer{
		padding-top:50px;
		padding-bottom:100px;
	}
	#footer-logo img{
		width:180px;
		margin:0 auto;
	}
	#footer .footer-description{
		text-align:center;
	}
	#footer-menu ul{
		gap:14px 20px;
	}
	#footer-menu a{
		display:block;
		padding:8px 4px;
		font-size:13px;
	}
	#footer .footer-sns{
		margin-top:4px;
		gap:12px;
	}
	#footer .footer-sns a{
		width:44px;
		height:44px;
	}
	#footer .footer-sns i{
		font-size:22px;
	}
	#footer .footer-copyright{
		margin-top:30px;
	}
}

/*--------------------------------------------------------------
   Top Image
--------------------------------------------------------------*/

#topimage{
	position:relative;
	overflow:hidden;
}

#topimage-inner{
	position:relative;
	width:100%;
	min-height:620px;
}


#topimageTxt{
	position:relative;
	z-index:20;
	width:55%;
	padding-top:110px;
	padding-left:max(100px, calc((100vw - 1440px) / 2));
}

#topimage .topimage-label{
	margin:0 0 18px;
	color:#2b7dff;
	font-family:var(--font-secound);
	font-size:13px;
	font-weight:600;
	letter-spacing:.18em;
}

#topimage h1{
	margin:0;
	color:var(--color-default-font);
}

#topimage .topimage-text{
	margin:24px 0 0;
	color:var(--color-default-font);
	line-height:1.9;
}


#topimage .topimage-actions{
	display:flex;
	align-items:center;
	gap:14px;
	margin-top:30px;
}

#topimage .common-btn{
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	width:210px;
	height:58px;
	border-radius:8px;
	color:#fff;
	text-decoration:none;
	transition:.25s;
}

#topimage .common-btn-primary{
	background:var(--color1);
	border:1px solid var(--color1);
}

#topimage .common-btn-primary:hover{
	background:#304cff;
	border-color:#304cff;
	color:#fff;
}

#topimage .common-btn-outline{
	background:transparent;
	border:1px solid rgba(255,255,255,.25);
}

#topimage .common-btn-outline:hover{
	background:rgba(255,255,255,.05);
	border-color:rgba(255,255,255,.45);
	color:#fff;
}

#topimage .common-btn-title{
	font-size:15px;
	font-weight:600;
}

#topimage .common-btn-note{
	margin-top:2px;
	font-size:11px;
	font-weight:400;
	opacity:.7;
}


#topimageImg{
	position:absolute;
	top:0;
	right:0;
	width:1920px;
	height:620px;
	z-index:10;
}

#topimage .topimage-img-pc{
	display:block;
	width:1920px;
	height:620px;
	object-fit:cover;
	object-position:right center;
}

#topimage .topimage-img-sp{
	display:none;
}


@media(max-width:991px){

	#topimage{
		position:relative;
		overflow:hidden;
		height:700px;
	}


	#topimage-inner{
		position:relative;
		width:100%;
		height:700px;
		padding:0;
	}

	#topimageTxt{
		position:relative;
		z-index:20;
		display:flex;
		flex-direction:column;
		align-items:center;
		justify-content:center;
		width:100%;
		height:700px;
		padding:0 20px;
		text-align:center;
	}

	#topimage .topimage-label{
		margin:0 0 14px;
		font-size:12px;
	}

	#topimage h1{
		margin:0;
		font-size:38px;
	}

	#topimage .topimage-text{
		max-width:600px;
		margin:20px auto 0;
		line-height:1.8;
	}

	#topimageImg{
		position:absolute;
		top:0;
		right:0;
		z-index:10;
		width:991px;
		height:700px;
		margin:0;
	}

	#topimage .topimage-img-pc{
		display:none;
	}

	#topimage .topimage-img-sp{
		display:block;
		width:991px;
		max-width:none;
		height:700px;
		object-fit:cover;
		object-position:right center;
	}

	#topimage .topimage-actions{
		display:flex;
		flex-direction:column;
		align-items:center;
		width:100%;
		gap:20px;
		margin-top:36px;
	}


	#topimage .common-btn{
		width:calc(100% - 40px);
		max-width:480px;
		height:64px;
		flex-shrink:0;
		border-radius:8px;
	}

	#topimage .common-btn-outline{
		background:rgba(3,11,22,.88);
		border:1px solid rgba(255,255,255,.25);
	}

	#topimage .common-btn-outline:hover{
		background:rgba(3,11,22,.98);
		border-color:rgba(255,255,255,.45);
		color:#fff;
	}

}


/*--------------------------------------------------------------
   contents1 信頼企業ロゴ
--------------------------------------------------------------*/


#contents1{
	padding:120px 0 70px;
}

#contents1 .contents1-title{
	margin-bottom:10px !important;
	color:var(--color3);
	font-family:var(--font-default);
	font-size:14px;
	font-weight:600;
	letter-spacing:0.25em;
	text-transform:uppercase;
	text-align:center;
}

#contents1 .contents1-logo-list{
	margin:0;
	padding:0;
	list-style:none;
}

#contents1 .contents1-logo-item{
	display:flex;
	align-items:center;
	justify-content:center;
	min-height:60px;
}

#contents1 .contents1-logo-image{
	display:block;
	max-width:100%;
	height:32px;
	width:auto;
	opacity:0.65;
	transition:0.25s;
}

#contents1 .contents1-logo-item:hover .contents1-logo-image{
	opacity:1;
}


@media (max-width:991px){
	#contents1{
		padding:70px 0;
	}

	#contents1 .contents1-title{
		margin-bottom:6px !important;
		font-size:13px;
	}

	#contents1 .contents1-logo-item{
		min-height:50px;
	}

	#contents1 .contents1-logo-image{
		height:26px;
	}
}


/*--------------------------------------------------------------
   contents2 Quantiaでできること
--------------------------------------------------------------*/

#contents2{
	padding:70px 0 70px;
}

#contents2 .contents2-container {
	max-width:1920px;
	margin:0 auto;
	padding-right:40px;
	padding-left:40px;
}

#contents2 .contents2-subtitle {
	margin: 12px 0 0;
	color: var(--color3);
}

#contents2 .contents2-card h3 {
	margin-bottom: 10px;
	color: var(--color-default-font);
}

#contents2 .contents2-card{
	height:100%;
	padding:24px 22px;

	border:1px solid rgba(255,255,255,.08);
	border-radius:18px;
	background:#0b1322;

	text-align:center;
	transition:.25s;
}

#contents2 .contents2-card:hover{
	transform:translateY(-6px);
	border-color:rgba(255,255,255,.18);
}

#contents2 .contents2-icon{
	display:flex;
	align-items:center;
	justify-content:center;
	height:60px;
	margin-bottom:16px;
}

#contents2 .contents2-icon img{
	width:56px;
	height:56px;
	object-fit:contain;
}

#contents2 h2 span{
	font-family:var(--font-secound);
}

#contents2 .contents2-card p {
	margin: 0;
	color: var(--color3);
	font-size:15px;
	line-height:1.7;
}


@media (max-width:991px){

	#contents2{
		padding:70px 0;
	}

	#contents2 .contents2-subtitle{
		margin-top:18px;
		font-size:16px;
		line-height:1.7;
	}

	#contents2 .contents2-card{
		padding:32px 24px;
	}

	#contents2 .contents2-icon{
		height:60px;
		margin-bottom:22px;
	}

	#contents2 .contents2-icon img{
		width:48px;
		height:48px;
	}

}


/*--------------------------------------------------------------
   contents3 データソース
--------------------------------------------------------------*/

#contents3{
	padding:70px 0 70px;
}

#contents3 p{
	margin-top:16px;
	color:var(--color3);
	text-align:center;
}

#contents3 ul{
	margin:40px 0 0;
	padding:0;
	list-style:none;
}

#contents3 .contents3-item{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:10px;
	height:58px;
	padding:0 16px;
	background:#0b1322;
	border:1px solid rgba(255,255,255,.08);
	border-radius:12px;
	transition:.25s;
}

#contents3 .contents3-item:hover{
	background:#111c30;
	border-color:rgba(255,255,255,.18);
	transform:translateY(-2px);
}

#contents3 .contents3-item img{
	width:20px;
	height:20px;
	object-fit:contain;
}

#contents3 .contents3-item span{
	color:var(--color-default-font);
	font-size:14px;
	font-weight:500;
	white-space:nowrap;
}

@media (max-width:991px){
	#contents3{
		padding:70px 0;
	}

	#contents3 ul{
		margin-top:30px;
	}

	#contents3 .contents3-item{
		height:54px;
		padding:0 12px;
	}

	#contents3 .contents3-item img{
		width:18px;
		height:18px;
	}

	#contents3 .contents3-item span{
		font-size:13px;
	}

}


/*--------------------------------------------------------------
   contents4 Quantiaの仕組み
--------------------------------------------------------------*/

#contents4 {
	padding:70px 0 70px;
}

#contents4 h2 span{
	font-family:var(--font-secound);
}

#contents4 > .container-xl > .row:first-child p {
	margin: 16px 0 0;
	color: var(--color3);
	text-align: center;
}


#contents4 .contents4-card {
	position: relative;
	height: 100%;
	padding: 30px 24px 26px;

	background: #0b1322;
	border: 1px solid rgba(255, 255, 255, 0.08);
	border-radius: 14px;

	text-align: center;
}

#contents4 .contents4-number {
	position: absolute;
	top: 14px;
	left: 14px;

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

	width: 34px;
	height: 34px;

	color: #fff;
	font-size: 16px;
	font-weight: 700;
	line-height: 1;

	background: var(--color1);
	border-radius: 50%;
}


#contents4 .contents4-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 54px;
	margin-bottom: 14px;
}

#contents4 .contents4-icon img {
	width: 48px;
	height: 48px;
	object-fit: contain;
}

#contents4 .contents4-card h3 {
	margin-bottom: 8px;
	color: var(--color-default-font);
}

#contents4 .contents4-card p {
	margin: 0;
	color: var(--color3);
	font-size: 15px;
	line-height: 1.7;
}

#contents4 .contents4-arrow {
	position: absolute;
	top: 50%;
	right: -14px;
	width: 18px;
	height: auto;
	transform: translate(50%, -50%);
	z-index: 10;
}

.contents4-arrow-sp{
	display:none;
}

@media (max-width: 991px) {

	#contents4 {
		padding: 70px 0;
	}

	#contents4 > .container-xl > .row:first-child p {
		margin-top: 12px;
	}

	#contents4 .contents4-card {
		padding: 28px 20px 24px;
	}

	#contents4 .contents4-number {
		top: 12px;
		left: 12px;
		width: 30px;
		height: 30px;
		font-size: 14px;
	}

	#contents4 .contents4-icon {
		height: 50px;
		margin-bottom: 12px;
	}

	#contents4 .contents4-icon img {
		width: 44px;
		height: 44px;
	}

	#contents4 .contents4-card p {
		font-size: 13px;
	}
}


@media(max-width:575px){

	#contents4 .contents4-card{
		position:relative;
		width:calc(100% - 50px);
		margin:0 auto 4px;
		border-radius:12px;
	}

	#contents4 .contents4-number{
		display:none;
	}

	#contents4 .contents4-arrow-sp{
		display:block;
		position:absolute;
		left:50%;
		bottom:-26px;
		width:18px;
		height:auto;
		transform:translateX(-50%) rotate(90deg);
	}

}


/*--------------------------------------------------------------
   contents5 料金プラン
--------------------------------------------------------------*/

#contents5{
	padding:70px 0 70px;
}

#contents5 > .container-xl > .row:first-child p{
	margin-top:16px;
	color:var(--color3);
	text-align:center;
}


#contents5 .contents5-card{
	position:relative;
	display:flex;
	flex-direction:column;
	height:100%;
	padding:30px;
	background:#0b1322;
	border:1px solid rgba(255,255,255,.08);
	border-radius:14px;
	transition:.25s;
}

#contents5 .contents5-card:hover{
	transform:translateY(-5px);
	border-color:rgba(255,255,255,.18);
}


#contents5 .contents5-card-pro{
	border:2px solid var(--color1);
	box-shadow:0 10px 35px rgba(33,56,211,.18);
}

#contents5 .contents5-recommend{
	position:absolute;
	top:18px;
	right:18px;
	padding:6px 14px;
	background:var(--color1);
	border-radius:20px;
	color:#fff;
	font-size:14px;
	font-weight:700;
}


#contents5 .contents5-card-head{
	margin-bottom:20px;
}

#contents5 .contents5-card-head h3{
	margin-bottom:8px;
	font-family:var(--font-secound);
	font-size:24px;
	font-weight:700;
}

#contents5 .contents5-card-head p{
	margin:0;
	color:var(--color3);
	font-size:14px;
}


#contents5 .contents5-price{
	margin-bottom:24px;
}

#contents5 .contents5-price-main{
	font-family:var(--font-secound);
	font-size:40px;
	font-weight:700;
	color:#fff;
}

#contents5 .contents5-price-unit{
	margin-left:4px;
	font-size:16px;
	font-weight:400;
	color:var(--color3);
}

#contents5 .contents5-price-contact{
	font-size:30px;
	font-weight:700;
	color:#fff;
}


#contents5 ul{
	margin:0 0 30px;
	padding:0;
	list-style:none;
}

#contents5 li{
	display:flex;
	align-items:center;
	margin-bottom:12px;
	font-size:15px;
}

#contents5 li:last-child{
	margin-bottom:0;
}

#contents5 li i{
	margin-right:10px;
	color:#32d583;
	font-size:16px;
}


#contents5 .contents5-button{
	display:flex;
	align-items:center;
	justify-content:center;
	height:56px;
	margin-top:auto;
	border:1px solid rgba(255,255,255,.18);
	border-radius:8px;
	background:transparent;
	color:#fff;
	font-size:15px;
	font-weight:600;
	text-decoration:none;
	transition:.25s;
}

#contents5 .contents5-button:hover{
	background:rgba(255,255,255,.05);
	color:#fff;
}

#contents5 .contents5-button-primary{
	background:var(--color1);
	border-color:var(--color1);
}

#contents5 .contents5-button-primary:hover{
	background:#304cff;
	border-color:#304cff;
}


@media (max-width:991px){
	#contents5{
		padding:70px 0;
	}

	#contents5 > .container-xl > .row:first-child p{
		margin-top:12px;
	}

	#contents5 .contents5-card{
		padding:24px;
	}

	#contents5 .contents5-price-main{
		font-size:34px;
	}

	#contents5 .contents5-price-contact{
		font-size:26px;
	}
}



/*--------------------------------------------------------------
   contents6 CTA
--------------------------------------------------------------*/

#contents6{
	padding:70px 0 100px;
}

#contents6 p{
	margin-top:16px;
	color:var(--color3);
	text-align:center;
}

#contents6 .contents6-buttons{
	margin-top:30px;
	gap:16px;
}

#contents6 .contents6-button{
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction:column;

	width:230px;
	height:56px;

	border-radius:8px;

	color:#fff;
	font-size:15px;
	font-weight:600;
	text-decoration:none;

	transition:.25s;
}


#contents6 .contents6-button-primary{
	background:var(--color1);
	border:1px solid var(--color1);
}


#contents6 .contents6-button-primary:hover{
	background:#304cff;
	border-color:#304cff;
	color:#fff;
}


#contents6 .contents6-button-primary small{
	margin-top:2px;
	font-size:11px;
	font-weight:400;
	opacity:.75;
}


#contents6 .contents6-button-outline{
	background:transparent;
	border:1px solid rgba(255,255,255,.25);
}

#contents6 .contents6-button-outline:hover{
	background:rgba(255,255,255,.05);
	border-color:rgba(255,255,255,.45);
	color:#fff;
}



@media (max-width:991px){
	#contents6{
		padding:70px 0;
	}

	#contents6 p{
		margin-top:12px;
	}

	#contents6 .contents6-buttons{
		margin-top:24px;
		gap:20px;
	}

	#contents6 .contents6-button{
		width:100%;
		max-width:420px;
		height:60px;
		margin:0 auto;
	}
}



/*--------------------------------------------------------------
# Privacy Policy
--------------------------------------------------------------*/

/* 見出し */
#privacy .page-title{
	height:310px;
}

#privacy .page-title-image{
	position:relative;

	width:100%;
	height:310px;

	background:url("/assets/img/common/common_image.webp") no-repeat right center;
	background-size:1920px 310px;
}

#privacy .page-title-text{
	position:absolute;
	top:50%;
	left:50%;

	transform:translate(-50%, -50%);

	width:100%;
	text-align:center;
}

#privacy .page-title-text p{
	margin-bottom:10px;

	color:#4da3ff;

	font-family:var(--font-secound);
	font-size:13px;
	font-weight:600;
	letter-spacing:.18em;
}


/* 本文 */
#privacy .privacy-contents{
	padding:80px 0 100px;
}

#privacy .privacy-contents .container-xl{
	max-width:1200px;
}


/* 最初の説明 */
#privacy .privacy-intro{
	margin-bottom:60px;
}


/* 各項目 */
#privacy .privacy-section{
	margin-bottom:20px;
	padding-bottom:20px;
}

#privacy .privacy-section:last-child{
	margin-bottom:0;
	padding-bottom:0;

	border-bottom:0;
}


/* 箇条書き */
#privacy .privacy-section li::marker{
	color:var(--color1);
}

#privacy .privacy-section li{
	margin-bottom:4px;
}

#privacy .privacy-section li:last-child{
	margin-bottom:0;
}


/* Smartphone */
@media(max-width:575px){

	#privacy .privacy-contents{
		padding:55px 0 70px;
	}

	#privacy .privacy-contents .container-xl{
		padding-left:20px;
		padding-right:20px;
	}

	#privacy .privacy-intro{
		margin-bottom:40px;
	}

	#privacy .privacy-section{
		margin-bottom:35px;
		padding-bottom:35px;
	}

}


/*--------------------------------------------------------------
# Terms of Service
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Page Title
--------------------------------------------------------------*/

#terms .page-title{
	width:100%;
	height:310px;
	overflow:hidden;
}

#terms .page-title-image{
	position:relative;

	width:100%;
	height:310px;

	background:url("/assets/img/common/common_image.webp") no-repeat right center;
	background-size:1920px 310px;
}

#terms .page-title-text{
	position:absolute;
	top:50%;
	left:50%;

	width:100%;

	transform:translate(-50%, -50%);
	text-align:center;
}

#terms .page-title-text p{
	margin:0 0 10px;

	color:#4da3ff;

	font-family:var(--font-secound);
	font-size:13px;
	font-weight:600;
	letter-spacing:.18em;
}

#terms .page-title-text h1{
	margin:0;
}


/*--------------------------------------------------------------
# Terms Contents
--------------------------------------------------------------*/

#terms .terms-contents{
	padding:80px 0 100px;
}

#terms .terms-contents .container-xl{
	max-width:1200px;
}


/* 最初の説明文 */
#terms .terms-intro{
	margin-bottom:60px;
}


/* 各条文 */
#terms .terms-section{
	margin-bottom:50px;
}

#terms .terms-section:last-of-type{
	margin-bottom:50px;
}


/*--------------------------------------------------------------
# Number List
--------------------------------------------------------------*/

#terms .terms-section ol{
	margin:20px 0 0;
	padding:0;

	list-style:none;

	counter-reset:terms-list;
}

#terms .terms-section ol li{
	position:relative;

	padding-left:35px;
	margin-bottom:4px;

	counter-increment:terms-list;
}

#terms .terms-section ol li::before{
	content:"(" counter(terms-list) ")";

	position:absolute;
	left:0;
	top:0;

	color:#fff;
}


/*--------------------------------------------------------------
# Date
--------------------------------------------------------------*/

#terms .terms-date{
	margin-top:60px;
}


/*--------------------------------------------------------------
# Smartphone
--------------------------------------------------------------*/

@media(max-width:575px){

	#terms .terms-contents{
		padding:55px 0 70px;
	}

	#terms .terms-contents .container-xl{
		padding-left:20px;
		padding-right:20px;
	}

	#terms .terms-intro{
		margin-bottom:40px;
	}

	#terms .terms-section{
		margin-bottom:35px;
	}

	#terms .terms-section:last-of-type{
		margin-bottom:35px;
	}

	#terms .terms-date{
		margin-top:45px;
	}

}



/*--------------------------------------------------------------
# Company
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Page Title
--------------------------------------------------------------*/

#company .page-title{
	width:100%;
	height:310px;
	overflow:hidden;
}

#company .page-title-image{
	position:relative;

	width:100%;
	height:310px;

	background:url("/assets/img/common/common_image.webp") no-repeat right center;
	background-size:1920px 310px;
}

#company .page-title-text{
	position:absolute;
	top:50%;
	left:50%;

	width:100%;

	transform:translate(-50%, -50%);

	text-align:center;
}

#company .page-title-text p{
	margin:0 0 10px;

	color:#4da3ff;

	font-family:var(--font-secound);
	font-size:13px;
	font-weight:600;
	letter-spacing:.18em;
}

#company .page-title-text h1{
	margin:0;
}


/*--------------------------------------------------------------
# Company Contents
--------------------------------------------------------------*/

#company .company-contents{
	padding:80px 0 100px;
}


/* 会社情報全体 */
#company .company-info{
	max-width:760px;
	margin:0 auto;
}


/* 各行 */
#company .company-row{
	display:grid;
	grid-template-columns:200px 1fr;
	align-items:center;

	padding:28px 0;

	border-bottom:1px solid #fff;
}


/* 項目名 */
#company .company-label{
	font-weight:600;
}


/* 内容 */
#company .company-value{
	line-height:1.8;
}


/*--------------------------------------------------------------
# Smartphone
--------------------------------------------------------------*/

@media(max-width:575px){

	#company .company-contents{
		padding:55px 0 70px;
	}

	#company .company-info{
		width:100%;
		padding:0 20px;
	}

	#company .company-row{
		grid-template-columns:100px 1fr;

		padding:22px 0;
	}

}


/*--------------------------------------------------------------
# Login
--------------------------------------------------------------*/

#login{
	background:var(--color-default-bgcolor);
}

#login .login-contents{
	padding:80px 0 100px;

	background-image:url("/assets/img/login/login_back.webp");
	background-repeat:no-repeat;
	background-position:right center;
	background-size:1920px auto;
}

#login .login-wrap{
	max-width:520px;
	margin:0 auto;
}


/*--------------------------------------------------------------
# Title
--------------------------------------------------------------*/

#login .login-title{
	margin-bottom:30px;
	text-align:center;
}

#login .login-title p{
	margin:0 0 10px;

	color:#4da3ff;

	font-family:var(--font-secound);
	font-size:13px;
	font-weight:600;
	letter-spacing:.18em;
}

#login .login-title h1{
	margin:0;

	font-family:var(--font-default);
}


/*--------------------------------------------------------------
# Card
--------------------------------------------------------------*/

#login .login-card{
	padding:36px 40px;

	background:#0b1322;
	border:1px solid #3f4a5a;
	border-radius:12px;
}


/*--------------------------------------------------------------
# Form
--------------------------------------------------------------*/

#login .login-form-group{
	margin-bottom:24px;
}

#login .login-form-group label{
	display:block;

	margin-bottom:8px;

	font-weight:600;
}


/* 入力欄全体 */
#login .login-input-wrap{
	position:relative;
}


/* 左アイコン */
#login .login-input-wrap > i{
	position:absolute;

	top:50%;
	left:16px;

	transform:translateY(-50%);

	color:#fff;
	font-size:16px;
}


/* input */
#login .login-input-wrap input{
	width:100%;
	height:52px;

	padding:0 16px;

	color:#fff;

	background:#070d17;
	border:1px solid #667085;
	border-radius:6px;

	outline:none;
}


/* placeholder */
#login .login-input-wrap input::placeholder{
	color:rgba(255,255,255,.55);
}


/* focus */
#login .login-input-wrap input:focus{
	border-color:#4da3ff;
}


/*--------------------------------------------------------------
# Password Toggle
--------------------------------------------------------------*/

#login .password-toggle{
	position:absolute;

	top:50%;
	right:14px;

	transform:translateY(-50%);

	padding:0;

	color:#fff;

	background:transparent;
	border:0;

	cursor:pointer;
}

#login .password-toggle i{
	font-size:18px;
}


/*--------------------------------------------------------------
# Error
--------------------------------------------------------------*/

#login .login-error{
	display:none;

	margin:6px 0 0;

	color:#ff4d4d;

	font-size:13px;
}


/*--------------------------------------------------------------
# Login Button
--------------------------------------------------------------*/

#login .login-submit{
	width:100%;
	height:54px;

	margin-top:4px;

	color:#fff;

	background:var(--color1);
	border:0;
	border-radius:6px;

	font-size:15px;
	font-weight:600;

	cursor:pointer;
}

#login .login-submit:hover{
	background:#304cff;
}


/*--------------------------------------------------------------
# Forgot Password
--------------------------------------------------------------*/

#login .login-forgot{
	margin-top:20px;

	text-align:center;
}

#login .login-forgot a{
	color:#4da3ff;
	text-decoration:none;
}

#login .login-forgot a:hover{
	text-decoration:underline;
}


/*--------------------------------------------------------------
# Separator
--------------------------------------------------------------*/

#login .login-separator{
	display:flex;
	align-items:center;

	gap:16px;

	margin:28px 0;
}

#login .login-separator::before,
#login .login-separator::after{
	content:"";

	flex:1;

	height:1px;

	background:#667085;
}

#login .login-separator span{
	white-space:nowrap;
}


/*--------------------------------------------------------------
# Register
--------------------------------------------------------------*/

#login .login-register{
	text-align:center;
}

#login .login-register p{
	margin-bottom:14px;
}

#login .login-register-button{
	display:flex;
	align-items:center;
	justify-content:center;

	width:100%;
	height:54px;

	color:#4da3ff;

	background:#070d17;
	border:1px solid #4da3ff;
	border-radius:6px;

	font-weight:600;
	text-decoration:none;
}

#login .login-register-button:hover{
	color:#fff;

	background:#304cff;
	border-color:#304cff;
}


/*--------------------------------------------------------------
# Smartphone
--------------------------------------------------------------*/

@media(max-width:575px){

	#login .login-contents{
		padding:55px 0 70px;

	}

	#login .login-wrap{
		width:100%;
		padding:0 20px;
	}

	#login .login-card{
		padding:28px 20px;
	}

}


/*--------------------------------------------------------------
# Start
--------------------------------------------------------------*/

#start{
	background:var(--color-default-bgcolor);
}

#start .start-contents{
	padding:80px 0 100px;

	background-image:url("/assets/img/login/login_back.webp");
	background-repeat:no-repeat;
	background-position:right center;
	background-size:1920px auto;
}

#start .start-wrap{
	max-width:560px;
	margin:0 auto;
}


/* Title
--------------------------------------------------------------*/

#start .start-title{
	margin-bottom:30px;
	text-align:center;
}

#start .start-title > p:first-child{
	margin:0 0 10px;
	color:#4da3ff;
	font-size:13px;
	font-weight:600;
	letter-spacing:.18em;
}

#start .start-title h1{
	margin:0;
}

#start .start-lead{
	margin:14px 0 0;
	color:var(--color3);
}


/* Card
--------------------------------------------------------------*/

#start .start-card{
	padding:36px 40px;
	background:#0b1322;
	border:1px solid #3f4a5a;
	border-radius:12px;
}


/* Form
--------------------------------------------------------------*/

#start .start-form-group{
	margin-bottom:24px;
}

#start .start-form-group label{
	display:block;
	margin-bottom:8px;
	font-weight:600;
}

#start .start-input-wrap{
	position:relative;
}

#start .start-input-wrap > i{
	position:absolute;
	top:50%;
	left:16px;
	transform:translateY(-50%);
}

#start .start-input-wrap input{
	width:100%;
	height:52px;
	padding:0 16px;
	color:#fff;
	background:#070d17;
	border:1px solid #667085;
	border-radius:6px;
	outline:none;
}

#start .start-input-wrap input::placeholder{
	color:rgba(255,255,255,.55);
}

#start .start-input-wrap input:focus{
	border-color:#4da3ff;
}


/* Password
--------------------------------------------------------------*/

#start .password-toggle{
	position:absolute;
	top:50%;
	right:14px;
	transform:translateY(-50%);
	padding:0;
	color:#fff;
	background:transparent;
	border:0;
	cursor:pointer;
}

#start .start-password-note{
	margin:6px 0 0;
	color:var(--color3);
	font-size:13px;
}


/* Error
--------------------------------------------------------------*/

#start .start-error{
	display:none;
	margin:6px 0 0;
	color:var(--color-error);
	font-size:13px;
}


/* Agreement
--------------------------------------------------------------*/

#start .start-agreement{
	margin:4px 0 26px;
}

#start .start-agreement label{
	display:flex;
	align-items:flex-start;
	gap:8px;
}

#start .start-agreement input{
	margin-top:6px;
}

#start .start-agreement a{
	color:#4da3ff;
}


/* Button
--------------------------------------------------------------*/

#start .start-submit{
	width:100%;
	height:56px;
	color:#fff;
	background:var(--color1);
	border:0;
	border-radius:6px;
	font-weight:600;
	cursor:pointer;
}

#start .start-submit:hover{
	background:#304cff;
}


/* Login
--------------------------------------------------------------*/

#start .start-login{
	margin-top:24px;
	text-align:center;
}

#start .start-login p{
	margin:0;
}

#start .start-login a{
	color:#4da3ff;
	font-weight:600;
}


/* Smartphone
--------------------------------------------------------------*/

@media(max-width:575px){

	#start .start-contents{
		padding:55px 0 70px;
	}

	#start .start-wrap{
		padding:0 20px;
	}

	#start .start-card{
		padding:28px 20px;
	}

}


/*--------------------------------------------------------------
# Upgrade
--------------------------------------------------------------*/

#upgrade{
	background:var(--color-default-bgcolor);
}

#upgrade .upgrade-contents{
	padding:80px 0 100px;
}

#upgrade .upgrade-wrap{
	max-width:900px;
	margin:0 auto;
}


/* Title
--------------------------------------------------------------*/

#upgrade .upgrade-title{
	margin-bottom:40px;
	text-align:center;
}

#upgrade .upgrade-title-en{
	margin:0 0 10px;
	color:#4da3ff;
	font-size:13px;
	font-weight:600;
	letter-spacing:.18em;
}

#upgrade .upgrade-title h1{
	margin:0;
}

#upgrade .upgrade-lead{
	margin:14px 0 0;
	color:var(--color3);
}


/* Plans
--------------------------------------------------------------*/

#upgrade .upgrade-plans{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:24px;
	align-items:stretch;
}

#upgrade .upgrade-plan-card{
	display:grid;

	grid-template-rows:72px 92px 1fr 54px;

	min-height:500px;
	padding:32px 28px;

	background:#0b1322;
	border:1px solid #3f4a5a;
	border-radius:12px;
}

#upgrade .upgrade-plan-pro{
	border-color:#4da3ff;
}


/* Plan Head
--------------------------------------------------------------*/

#upgrade .upgrade-plan-head{
	position:relative;
	height:72px;
	text-align:center;
}

#upgrade .upgrade-plan-head h2{
	margin:0;
}

#upgrade .upgrade-current-label{
	position:absolute;
	top:42px;
	left:0;

	width:100%;
	margin:0;

	color:var(--color3);
}


/* Price
--------------------------------------------------------------*/

#upgrade .upgrade-price{
	display:flex;
	align-items:center;
	justify-content:center;

	height:92px;
	margin:0;
}

#upgrade .upgrade-price strong{
	color:#fff;
	font-size:40px;
	font-weight:700;
}

#upgrade .upgrade-price span{
	margin-left:4px;
	color:#fff;
}


/* Features
--------------------------------------------------------------*/

#upgrade .upgrade-features{
	margin:0;
	padding:22px 0 30px;

	list-style:none;
}

#upgrade .upgrade-features li{
	display:flex;
	align-items:center;
	gap:10px;

	margin-bottom:12px;
}

#upgrade .upgrade-features li:last-child{
	margin-bottom:0;
}

#upgrade .upgrade-features i{
	color:#32d583;
}


/* Buttons
--------------------------------------------------------------*/

#upgrade .upgrade-plan-action{
	align-self:end;
}

#upgrade .upgrade-current-button,
#upgrade .upgrade-pro-button,
#upgrade .upgrade-downgrade-button{
	display:flex;
	align-items:center;
	justify-content:center;

	width:100%;
	height:54px;

	border-radius:6px;

	font-weight:600;
	text-decoration:none;
}

#upgrade .upgrade-current-button{
	color:#c3c3c3;
	background:#2f3745;
	border:0;
	cursor:default;
}

#upgrade .upgrade-pro-button{
	color:#fff;
	background:var(--color1);
	border:1px solid var(--color1);
}

#upgrade .upgrade-pro-button:hover{
	color:#fff;
	background:#304cff;
	border-color:#304cff;
}

#upgrade .upgrade-downgrade-button{
	color:#4da3ff;
	background:transparent;
	border:1px solid #4da3ff;
}

#upgrade .upgrade-downgrade-button:hover{
	color:#fff;
	background:#304cff;
	border-color:#304cff;
}


/* Cancel
--------------------------------------------------------------*/

#upgrade .upgrade-cancel{
	margin-top:28px;
	padding:24px 28px;

	background:#0b1322;
	border:1px solid #3f4a5a;
	border-radius:12px;
}

#upgrade .upgrade-cancel h2{
	margin-bottom:8px;
	font-size:20px;
}

#upgrade .upgrade-cancel p{
	margin:0;
	color:var(--color3);
}


/* Smartphone
--------------------------------------------------------------*/

@media(max-width:575px){

	#upgrade .upgrade-contents{
		padding:55px 0 70px;
	}

	#upgrade .upgrade-wrap{
		padding:0 20px;
	}

	#upgrade .upgrade-plans{
		grid-template-columns:1fr;
	}

	#upgrade .upgrade-plan-card{
		grid-template-rows:auto auto auto 54px;
		min-height:auto;
		padding:28px 20px;
	}

	#upgrade .upgrade-plan-head{
		height:auto;
		min-height:72px;
	}

	#upgrade .upgrade-price{
		height:auto;
		min-height:80px;
	}

	#upgrade .upgrade-price strong{
		font-size:34px;
	}

	#upgrade .upgrade-features{
		padding:20px 0 28px;
	}

	#upgrade .upgrade-cancel{
		padding:22px 20px;
	}

}



/*--------------------------------------------------------------
# Contact
--------------------------------------------------------------*/

#contact .contact-contents{
	padding:80px 0 100px;
}

#contact .contact-wrap{
	max-width:900px;
	margin:0 auto;
}


/* Title
--------------------------------------------------------------*/

#contact .contact-title{
	margin-bottom:40px;
	text-align:center;
}

#contact .contact-title-en{
	margin:0 0 10px;
	color:#4da3ff;
	font-size:13px;
	font-weight:600;
	letter-spacing:.18em;
}

#contact .contact-lead{
	margin:14px 0 0;
	color:var(--color3);
}


/* Enterprise
--------------------------------------------------------------*/

#contact .contact-enterprise{
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:40px;

	margin-bottom:28px;
	padding:32px 36px;

	background:#0b1322;
	border:1px solid #3f4a5a;
	border-radius:12px;
}

#contact .contact-enterprise-text{
	padding-right:20px;
	border-right:1px solid #3f4a5a;
}

#contact .contact-enterprise-text h2{
	margin-bottom:18px;
}

#contact .contact-enterprise-text p{
	margin:0 0 18px;
	color:var(--color3);
}

#contact .contact-enterprise-features{
	display:flex;
	align-items:center;
}

#contact .contact-enterprise-features ul{
	width:100%;
	margin:0;
	padding:0;
	list-style:none;
}

#contact .contact-enterprise-features li{
	display:flex;
	align-items:center;
	gap:12px;
	margin-bottom:12px;
}

#contact .contact-enterprise-features li:last-child{
	margin-bottom:0;
}

#contact .contact-enterprise-features i{
	color:#32d583;
}


/* Form
--------------------------------------------------------------*/

#contact .contact-form-card{
	padding:36px 40px;

	background:#0b1322;
	border:1px solid #3f4a5a;
	border-radius:12px;
}

#contact .contact-form-group{
	margin-bottom:24px;
}

#contact .contact-form-group label{
	display:block;
	margin-bottom:8px;
}

#contact .required{
	color:var(--color-error);
}

#contact .contact-form-group input,
#contact .contact-form-group textarea{
	width:100%;

	color:#fff;
	background:#070d17;
	border:1px solid #667085;
	border-radius:6px;
}

#contact .contact-form-group input{
	height:52px;
	padding:0 16px;
}

#contact .contact-form-group textarea{
	height:180px;
	padding:16px;
}

#contact .contact-form-group input::placeholder,
#contact .contact-form-group textarea::placeholder{
	color:rgba(255,255,255,.55);
}


/* Error
--------------------------------------------------------------*/

#contact .contact-error{
	display:none;
	margin:6px 0 0;
	color:var(--color-error);
	font-size:13px;
}


/* Agreement
--------------------------------------------------------------*/

#contact .contact-agreement{
	margin:0 0 26px;
}

#contact .contact-agreement label{
	display:flex;
	align-items:flex-start;
	gap:8px;
}

#contact .contact-agreement a{
	color:#4da3ff;
}


/* Submit
--------------------------------------------------------------*/

#contact .contact-submit{
	width:100%;
	height:56px;

	color:#fff;
	background:var(--color1);
	border:0;
	border-radius:6px;

	font-weight:600;
	cursor:pointer;
}

#contact .contact-submit:hover{
	background:#304cff;
}


/* Smartphone
--------------------------------------------------------------*/

@media(max-width:575px){

	#contact .contact-contents{
		padding:55px 0 70px;
	}

	#contact .contact-wrap{
		padding:0 20px;
	}

	#contact .contact-enterprise{
		grid-template-columns:1fr;
		gap:24px;
		padding:28px 20px;
	}

	#contact .contact-enterprise-text{
		padding-right:0;
		padding-bottom:24px;

		border-right:0;
		border-bottom:1px solid #3f4a5a;
	}

	#contact .contact-enterprise-features{
		display:block;
	}

	#contact .contact-form-card{
		padding:28px 20px;
	}

}




/* Start Complete Button
--------------------------------------------------------------*/
#start .start-complete-action{
	margin-top:28px;
}

#start .start-complete-button{
	display:flex;
	align-items:center;
	justify-content:center;
	width:100%;
	height:56px;
	color:#fff;
	background:var(--color1);
	border:1px solid var(--color1);
	border-radius:6px;
	font-weight:600;
	text-decoration:none;
	transition:.25s;
}

#start .start-complete-button:hover{
	color:#fff;
	background:#304cff;
	border-color:#304cff;
}


/*--------------------------------------------------------------
# Logout
--------------------------------------------------------------*/

#logout{
	background:var(--color-default-bgcolor);
}

#logout .logout-contents{
	padding:80px 0 100px;

	background-image:url("/assets/img/login/login_back.webp");
	background-repeat:no-repeat;
	background-position:right center;
	background-size:1920px auto;
}

#logout .logout-wrap{
	max-width:520px;
	margin:0 auto;
}


/*--------------------------------------------------------------
# Title
--------------------------------------------------------------*/

#logout .logout-title{
	margin-bottom:30px;
	text-align:center;
}

#logout .logout-title p{
	margin:0 0 10px;

	color:#4da3ff;

	font-family:var(--font-secound);
	font-size:13px;
	font-weight:600;
	letter-spacing:.18em;
}

#logout .logout-title h1{
	margin:0;

	font-family:var(--font-default);
}


/*--------------------------------------------------------------
# Card
--------------------------------------------------------------*/

#logout .logout-card{
	padding:36px 40px;

	background:#0b1322;
	border:1px solid #3f4a5a;
	border-radius:12px;

	text-align:center;
}


/*--------------------------------------------------------------
# Icon
--------------------------------------------------------------*/

#logout .logout-icon{
	display:flex;
	align-items:center;
	justify-content:center;

	width:64px;
	height:64px;
	margin:0 auto 22px;

	color:#fff;

	background:var(--color1);
	border-radius:50%;
}

#logout .logout-icon i{
	font-size:28px;
	line-height:1;
}


/*--------------------------------------------------------------
# Message
--------------------------------------------------------------*/

#logout .logout-card h2{
	margin:0;

	color:#fff;

	font-family:var(--font-default);
	font-size:22px;
	font-weight:600;
	line-height:1.5;
}

#logout .logout-message{
	margin:14px 0 0;

	color:var(--color3);

	font-size:14px;
	line-height:1.8;
}


/*--------------------------------------------------------------
# Actions
--------------------------------------------------------------*/

#logout .logout-actions{
	margin-top:30px;
}

#logout .logout-login-button{
	display:flex;
	align-items:center;
	justify-content:center;

	width:100%;
	height:54px;

	color:#fff;

	background:var(--color1);
	border:1px solid var(--color1);
	border-radius:6px;

	font-size:15px;
	font-weight:600;
	text-decoration:none;
}

#logout .logout-login-button:hover{
	color:#fff;

	background:#304cff;
	border-color:#304cff;
}


/*--------------------------------------------------------------
# Separator
--------------------------------------------------------------*/

#logout .logout-separator{
	display:flex;
	align-items:center;

	gap:16px;

	margin:28px 0;
}

#logout .logout-separator::before,
#logout .logout-separator::after{
	content:"";

	flex:1;

	height:1px;

	background:#667085;
}

#logout .logout-separator span{
	color:#fff;
	white-space:nowrap;
}


/*--------------------------------------------------------------
# Top Button
--------------------------------------------------------------*/

#logout .logout-top-button{
	display:flex;
	align-items:center;
	justify-content:center;

	width:100%;
	height:54px;

	color:#4da3ff;

	background:#070d17;
	border:1px solid #4da3ff;
	border-radius:6px;

	font-weight:600;
	text-decoration:none;
}

#logout .logout-top-button:hover{
	color:#fff;

	background:#304cff;
	border-color:#304cff;
}


/*--------------------------------------------------------------
# Smartphone
--------------------------------------------------------------*/

@media(max-width:575px){

	#logout .logout-contents{
		padding:55px 0 70px;
	}

	#logout .logout-wrap{
		width:100%;
		padding:0 20px;
	}

	#logout .logout-card{
		padding:28px 20px;
	}

	#logout .logout-icon{
		width:58px;
		height:58px;
		margin-bottom:20px;
	}

	#logout .logout-icon i{
		font-size:25px;
	}

	#logout .logout-card h2{
		font-size:20px;
	}

}



















/*--------------------------------------------------------------
# Member Dashboard
--------------------------------------------------------------*/

.member-body{
	background:
		radial-gradient(circle at 72% 8%,rgba(24,74,145,.10),transparent 32%),
		#020914;
	color:#f4f7fb;
	overflow-x:hidden;
}

#member-wrapper{
	min-height:100vh;
	background:linear-gradient(180deg,rgba(3,10,20,.98),rgba(2,9,20,1));
}

#member-sidebar{
	position:fixed;
	top:0;
	left:0;
	z-index:1030;
	flex-direction:column;
	width:258px;
	height:100vh;
	padding:22px 16px 18px;
	background:linear-gradient(180deg,rgba(2,9,19,.99),rgba(1,8,17,.99));
	border-right:1px solid #172234;
}

.member-logo-link{
	display:block;
	width:100%;
	padding:0 14px 18px;
	text-decoration:none;
}

.member-logo-img{
	display:block;
	width:190px;
	max-width:100%;
	height:auto;
}

.member-sidebar-line{
	height:1px;
	margin:0 0 14px;
	background:#172234;
}

.member-nav{
	display:flex;
	flex-direction:column;
	gap:8px;
}

.member-nav-item{
	display:flex;
	align-items:center;
	gap:15px;
	min-height:56px;
	padding:0 16px;
	border-radius:8px;
	color:#e5e8ee;
	font-size:15px;
	font-weight:500;
	text-decoration:none;
	transition:.2s;
}

.member-nav-item:hover{
	color:#fff;
	background:#081729;
}

.member-nav-item i{
	width:24px;
	color:#b4bac5;
	font-size:22px;
	text-align:center;
}

.member-nav-item.is-active{
	color:#5c9aff;
	background:linear-gradient(90deg,#0a367b,#0a2c67);
}

.member-nav-item.is-active i{
	color:#5c9aff;
}

.member-guide{
	margin-top:auto;
	padding:18px 16px 16px;
	background:linear-gradient(180deg,rgba(5,15,28,.96),rgba(3,12,23,.96));
	border:1px solid #1c2a3d;
	border-radius:10px;
}

.member-guide-title{
	display:flex;
	align-items:center;
	gap:10px;
	color:#4f8fff;
	font-size:14px;
	font-weight:600;
}

.member-guide-title i{
	font-size:20px;
}

.member-guide p{
	margin:13px 0 16px;
	color:#b8bec9;
	font-size:12px;
	line-height:1.8;
}

.member-guide-button{
	display:flex;
	align-items:center;
	justify-content:space-between;
	min-height:50px;
	padding:0 14px 0 17px;
	border:1px solid #24354b;
	border-radius:7px;
	color:#fff;
	font-size:13px;
	font-weight:600;
	text-decoration:none;
	transition:.2s;
}

.member-guide-button:hover{
	color:#fff;
	border-color:#42658f;
	background:#071424;
}

.member-offcanvas{
	--bs-offcanvas-width:290px;
	background:#020a14;
	color:#fff;
	border-right:1px solid #1c2a3d !important;
}

.member-offcanvas .offcanvas-header{
	border-bottom:1px solid #172234;
}

.member-offcanvas .member-logo-link{
	width:180px;
	padding:0;
}

.member-offcanvas .offcanvas-body{
	padding:18px 16px;
}

#member-main-area{
	width:calc(100% - 258px);
	min-height:100vh;
	margin-left:258px;
}

#member-mobile-header{
	position:sticky;
	top:0;
	z-index:1020;
	align-items:center;
	justify-content:space-between;
	height:62px;
	padding:0 14px;
	background:rgba(2,9,19,.96);
	border-bottom:1px solid #172234;
	backdrop-filter:blur(12px);
}

.member-menu-button{
	display:flex;
	align-items:center;
	justify-content:center;
	width:42px;
	height:42px;
	padding:0;
	color:#fff;
	background:transparent;
	border:1px solid #263245;
	border-radius:8px;
}

.member-menu-button i{
	font-size:24px;
}

.member-mobile-logo{
	display:block;
	width:145px;
}

.member-mobile-logo img{
	display:block;
	width:100%;
	height:auto;
}

.member-mobile-user{
	display:flex;
	align-items:center;
	justify-content:center;
	width:40px;
	height:40px;
	border-radius:50%;
	background:linear-gradient(145deg,#315fff,#1d46c9);
	color:#fff;
	font-size:15px;
	text-decoration:none;
}

#member-header{
	min-height:110px;
	padding:22px 32px 12px;
}

.member-page-heading h1{
	margin:0;
	font-size:25px;
	font-weight:700;
	line-height:1.4;
}

.member-page-heading p{
	margin:7px 0 0;
	color:#abb2bd;
	font-size:14px;
}

.member-header-tools{
	display:flex;
	flex-direction:column;
	align-items:flex-end;
	gap:15px;
}

.member-header-row{
	display:flex;
	align-items:center;
	gap:12px;
}

.member-tool-pill,
.member-theme-pill,
.member-user{
	color:#fff;
	text-decoration:none;
}

.member-tool-pill,
.member-theme-pill{
	display:flex;
	align-items:center;
	height:44px;
	border:1px solid #263245;
	background:rgba(3,10,19,.65);
	border-radius:23px;
}

.member-tool-pill{
	gap:10px;
	padding:0 15px;
	font-size:14px;
}

.member-theme-pill{
	gap:10px;
	padding:0 12px;
}

.member-tool-pill:hover,
.member-theme-pill:hover{
	color:#fff;
	border-color:#3d516d;
	background:#071424;
}

.member-theme-pill i{
	font-size:17px;
}

.member-theme-pill i:last-child{
	color:#36445a;
}

.member-tool-small{
	font-size:12px !important;
}

.member-user{
	display:flex;
	align-items:center;
	gap:12px;
	padding-left:2px;
}

.member-user:hover{
	color:#fff;
}

.member-avatar{
	display:flex;
	align-items:center;
	justify-content:center;
	width:44px;
	height:44px;
	border-radius:50%;
	background:linear-gradient(145deg,#315fff,#1d46c9);
	font-family:var(--font-secound);
	font-size:18px;
}

.member-user-name{
	font-size:14px;
	white-space:nowrap;
}

.member-last-update{
	display:flex;
	align-items:center;
	gap:12px;
	color:#838b98;
	font-size:12px;
}

.member-last-update i{
	color:#a4acb8;
	font-size:18px;
}

#member-main{
	padding:0 24px;
}

#member-dashboard{
	width:100%;
	max-width:1530px;
	margin:0 auto;
}

.member-panel{
	height:100%;
	background:linear-gradient(180deg,rgba(3,12,23,.92),rgba(3,13,25,.95));
	border:1px solid #263244;
	border-radius:12px;
	overflow:hidden;
}

.panel-title-row{
	display:flex;
	align-items:center;
	justify-content:space-between;
	min-height:56px;
	padding:0 20px;
	border-bottom:1px solid #1b2738;
}

.panel-title-row h2{
	display:flex;
	align-items:center;
	gap:10px;
	margin:0;
	font-size:17px;
	font-weight:600;
}

.panel-title-row h2 i{
	color:#366fff;
	font-size:18px;
}

.panel-info{
	margin-left:10px;
	color:#808997;
	font-size:14px;
}

.market-table-wrap{
	width:100%;
}

.market-table{
	min-width:900px;
	width:100%;
	table-layout:fixed;
	color:#fff;
	--bs-table-bg:transparent;
	--bs-table-color:#fff;
	--bs-table-border-color:#1e2b3e;
}

.market-table th{
	height:40px;
	padding:0 12px;
	color:#d0d4db;
	font-size:13px;
	font-weight:500;
	text-align:center;
	vertical-align:middle;
	border-bottom:1px solid #213044;
	background:transparent;
}

.market-table th:first-child{
	width:210px;
	text-align:left;
}

.market-table td{
	height:84px;
	padding:0 16px;
	color:#fff;
	text-align:center;
	vertical-align:middle;
	background:linear-gradient(90deg,rgba(3,12,23,.70),rgba(6,17,31,.70));
	border-right:1px solid #1e2b3e;
	border-bottom:1px solid #1e2b3e;
}

.market-table td:last-child{
	border-right:0;
}

.market-table tbody tr:last-child td{
	border-bottom:0;
}

.market-table td > strong{
	display:block;
	font-family:var(--font-secound);
	font-size:22px;
	font-weight:500;
}

.market-table td > span:not(.coin){
	display:block;
	margin-top:4px;
	font-size:13px;
}

.currency-cell{
	display:flex;
	align-items:center;
	gap:14px;
	text-align:left !important;
}

.currency-cell div{
	display:flex;
	flex-direction:column;
}

.currency-cell strong{
	font-family:var(--font-secound);
	font-size:19px;
	font-weight:600;
}

.currency-cell strong small{
	color:#c3c9d1;
	font-size:13px;
	font-weight:400;
}

.currency-cell div > span{
	margin-top:2px;
	color:#c0c5cd;
	font-size:12px;
}

.coin{
	display:flex !important;
	align-items:center;
	justify-content:center;
	flex:0 0 48px;
	width:48px;
	height:48px;
	margin:0 !important;
	border-radius:50%;
	color:#fff;
	font-family:var(--font-secound);
	font-size:25px !important;
	font-weight:700;
}

.coin-btc{
	background:linear-gradient(145deg,#ffa72a,#ff8800);
}

.coin-eth{
	background:linear-gradient(145deg,#263454,#11192d);
	color:#889ff8;
	font-size:20px !important;
}

.coin-sol{
	background:#05070e;
	color:#44e6c5;
	font-size:19px !important;
	font-style:italic;
}

.positive{color:#6cff4b !important;}
.negative{color:#ff3f46 !important;}

.panel-link{
	color:#4f8fff;
	font-size:12px;
	text-decoration:none;
}

.panel-link:hover{
	color:#82b2ff;
}

.panel-link i{
	margin-left:7px;
	font-size:13px;
}

.news-list{
	padding:0 16px;
}

.news-item{
	display:grid;
	grid-template-columns:34px 75px minmax(0,1fr) 58px;
	align-items:center;
	gap:9px;
	min-height:68px;
	border-bottom:1px solid #172334;
	color:#fff;
	text-decoration:none;
	transition:.2s;
}

.news-item:last-child{
	border-bottom:0;
}

.news-item:hover{
	color:#fff;
	background:rgba(255,255,255,.025);
}

.news-source-icon{
	display:flex;
	align-items:center;
	justify-content:center;
	width:34px;
	height:34px;
	border-radius:6px;
	background:#172131;
	color:#fff;
	font-family:var(--font-secound);
	font-size:12px;
	font-weight:700;
}

.source-coindesk{color:#ffb62b;}
.source-ct{color:#e8b24a;}
.source-bloomberg{font-size:19px;}
.source-decrypt{font-size:14px;}

.news-source{
	color:#d1d5dc;
	font-size:10px;
	white-space:nowrap;
}

.news-title{
	overflow:hidden;
	color:#e7eaf0;
	font-size:12px;
	white-space:nowrap;
	text-overflow:ellipsis;
}

.news-item time{
	color:#747d8b;
	font-size:10px;
	text-align:right;
	white-space:nowrap;
}

.signal-add-link{
	display:flex;
	align-items:center;
	gap:8px;
	padding:9px 18px;
	border-radius:6px;
	background:linear-gradient(180deg,#1044a6,#0a337f);
	color:#fff;
	font-size:13px;
	text-decoration:none;
}

.signal-add-link:hover{
	color:#fff;
	background:linear-gradient(180deg,#1854c6,#0d3f98);
}

.signal-grid{
	padding:4px 16px 18px;
	margin-right:0;
	margin-left:0;
}

.signal-card{
	min-height:178px;
	padding:16px 18px 14px;
	background:linear-gradient(180deg,#07111d,#07101b);
	border:1px solid #26384b;
	border-radius:11px;
	color:#fff;
	text-decoration:none;
	transition:.2s;
}

.signal-card:hover{
	color:#fff;
	border-color:#3c536c;
	transform:translateY(-1px);
}

.signal-card.is-active{
	border-color:#6cdc39;
	box-shadow:
		0 0 0 1px rgba(102,255,45,.18),
		0 0 20px rgba(79,255,22,.30),
		inset 0 0 22px rgba(61,141,18,.12);
}

.signal-card-head{
	display:flex;
	align-items:center;
	justify-content:space-between;
}

.signal-card-head > i{
	font-size:19px;
}

.signal-type{
	display:flex;
	align-items:center;
	gap:10px;
	color:#e7ebf1;
	font-size:13px;
	font-weight:600;
}

.signal-type > span{
	width:14px;
	height:14px;
	border-radius:50%;
	background:#a8afb8;
}

.signal-type.signal-green{
	color:#7aff48;
}

.signal-type.signal-green > span{
	background:#72ff36;
	box-shadow:0 0 12px rgba(100,255,44,.8);
}

.signal-pair{
	margin-top:16px;
	font-family:var(--font-secound);
	font-size:21px;
	font-weight:600;
}

.signal-pair span{
	display:inline-block;
	margin-left:10px;
	padding:3px 8px;
	border-radius:5px;
	background:#172232;
	color:#f2f4f7;
	font-family:var(--font-default);
	font-size:11px;
	font-weight:500;
	vertical-align:middle;
}

.signal-rule{
	margin-top:6px;
	color:#c1c6cf;
	font-size:15px;
}

.signal-status{
	display:inline-flex;
	align-items:center;
	gap:7px;
	margin-top:13px;
	padding:5px 11px;
	border-radius:17px;
	background:#111b29;
	color:#d0d4da;
	font-size:11px;
}

.signal-status span{
	width:9px;
	height:9px;
	border-radius:50%;
	background:#a0a6af;
}

.signal-status.active{
	background:rgba(54,142,22,.25);
	color:#7cff48;
}

.signal-status.active span{
	background:#70ff38;
	box-shadow:0 0 9px rgba(94,255,45,.65);
}

#member-footer{
	padding:22px 20px 28px;
	text-align:center;
}

#member-footer p{
	margin:0;
	color:#8d95a1;
	font-size:11px;
}

/* Tablet */
@media(max-width:1199px){

	#member-main{
		padding-right:18px;
		padding-left:18px;
	}

	.market-table td > strong{
		font-size:19px;
	}

}

/* Bootstrap lg未満：サイドバーをOffcanvasへ */
@media(max-width:991px){

	#member-main-area{
		width:100%;
		margin-left:0;
	}

	#member-header{
		min-height:auto;
		padding:22px 18px 14px;
	}

	.member-page-heading h1{
		font-size:24px;
	}

	#member-main{
		padding:0 18px;
	}

}

/* Smartphone */
@media(max-width:575px){

	#member-header{
		padding:18px 14px 12px;
	}

	.member-page-heading h1{
		font-size:22px;
	}

	.member-page-heading p{
		margin-top:5px;
		font-size:12px;
	}

	#member-main{
		padding:0 12px;
	}

	.member-panel{
		border-radius:10px;
	}

	.panel-title-row{
		min-height:52px;
		padding:0 14px;
	}

	.panel-title-row h2{
		gap:7px;
		font-size:15px;
	}

	.market-table{
		min-width:760px;
	}

	.market-table th:first-child{
		width:180px;
	}

	.market-table th{
		font-size:11px;
	}

	.market-table td{
		height:72px;
		padding:0 12px;
	}

	.market-table td > strong{
		font-size:17px;
	}

	.currency-cell{
		gap:10px;
	}

	.coin{
		flex-basis:40px;
		width:40px;
		height:40px;
		font-size:21px !important;
	}

	.currency-cell strong{
		font-size:16px;
	}

	.news-list{
		padding:0 12px;
	}

	.news-item{
		grid-template-columns:32px minmax(0,1fr) 48px;
		gap:9px;
		min-height:66px;
	}

	.news-source{
		display:none;
	}

	.news-title{
		font-size:11px;
	}

	.signal-grid{
		padding:4px 12px 14px;
	}

	.signal-card{
		min-height:160px;
		padding:15px 16px;
	}

	.signal-pair{
		font-size:19px;
	}

	.signal-rule{
		font-size:13px;
	}

	#member-footer{
		padding:20px 12px 24px;
	}

}

/*--------------------------------------------------------------
# Member Market - Responsive Card Layout
--------------------------------------------------------------*/

.market-mobile{
	width:100%;
}

.market-mobile-card{
	border-bottom:1px solid #1e2b3e;
	background:linear-gradient(90deg,rgba(3,12,23,.72),rgba(6,17,31,.72));
}

.market-mobile-card:last-child{
	border-bottom:0;
}

.market-mobile-head{
	padding:14px 18px 12px;
	border-bottom:1px solid #172536;
}

.market-mobile-head .currency-cell{
	display:flex;
	align-items:center;
	gap:12px;
}

.market-mobile-prices > .col{
	min-width:0;
	padding:12px 6px 14px;
	text-align:center;
	border-right:1px solid #1e2b3e;
}

.market-mobile-prices > .col:last-child{
	border-right:0;
}

.market-mobile-prices span,
.market-mobile-prices strong{
	display:block;
}

.market-mobile-prices .market-time{
	margin-bottom:7px;
	color:#aeb6c2;
	font-size:11px;
	white-space:nowrap;
}

.market-mobile-prices strong{
	overflow:hidden;
	color:#fff;
	font-family:var(--font-secound);
	font-size:15px;
	font-weight:600;
	white-space:nowrap;
	text-overflow:ellipsis;
}

.market-mobile-prices .positive,
.market-mobile-prices .negative{
	margin-top:4px;
	font-size:11px;
	white-space:nowrap;
}


/* Tablet / Smartphone - 991px以下 */
@media(max-width:991px){

	/* 15分足・1時間足 / 4時間足・日足 の2列×2段 */
	.market-mobile-prices{
		display:grid;
		grid-template-columns:repeat(2,minmax(0,1fr));
	}

	.market-mobile-prices > .col{
		display:block;
		width:auto;
		max-width:none;
		flex:none;
		padding:12px 8px;
		border-right:1px solid #1e2b3e;
		border-bottom:1px solid #1e2b3e;
	}

	/* 右列：1時間足・日足 */
	.market-mobile-prices > .col:nth-child(2n){
		border-right:0;
	}

	/* 下段：4時間足・日足 */
	.market-mobile-prices > .col:nth-child(n+3){
		border-bottom:0;
	}

}


/* Smartphone - 575px以下 */
@media(max-width:575px){

	.market-mobile-head{
		padding:13px 14px 11px;
	}

	.market-mobile-head .coin{
		flex-basis:38px;
		width:38px;
		height:38px;
	}

	.market-mobile-head .currency-cell strong{
		font-size:15px;
	}

	.market-mobile-prices > .col{
		padding:11px 8px 12px;
	}

	.market-mobile-prices strong{
		font-size:16px;
	}

	.market-mobile-prices .market-time{
		font-size:10px;
	}

	.market-mobile-prices .positive,
	.market-mobile-prices .negative{
		font-size:11px;
	}

}

/*--------------------------------------------------------------
# Member User Menu
--------------------------------------------------------------*/

.member-user-menu{
	position:relative;
}

.member-user{
	padding:0;
	background:transparent;
	border:0;
	cursor:pointer;
}

.member-user .member-tool-small{
	transition:transform .2s;
}

.member-user-menu.is-open .member-user .member-tool-small{
	transform:rotate(180deg);
}

.member-avatar{
	overflow:hidden;
	flex:0 0 44px;
}

.member-avatar img,
.member-mobile-user img{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
	border-radius:50%;
}

.member-user-dropdown{
	display:none;
	position:absolute;
	top:calc(100% + 10px);
	right:0;
	z-index:1100;
	width:220px;
	padding:8px;
	background:#07111d;
	border:1px solid #26384b;
	border-radius:10px;
	box-shadow:0 14px 35px rgba(0,0,0,.35);
}

.member-user-menu.is-open .member-user-dropdown{
	display:block;
}

.member-user-dropdown-head{
	padding:10px 12px 12px;
	margin-bottom:5px;
	border-bottom:1px solid #1d2a3b;
}

.member-user-dropdown-head strong,
.member-user-dropdown-head span{
	display:block;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}

.member-user-dropdown-head strong{
	color:#fff;
	font-size:14px;
	font-weight:600;
}

.member-user-dropdown-head span{
	margin-top:3px;
	color:#8791a0;
	font-size:11px;
}

.member-user-dropdown > a{
	display:flex;
	align-items:center;
	gap:10px;
	width:100%;
	padding:10px 12px;
	color:#e6eaf0;
	border-radius:7px;
	font-size:13px;
	text-decoration:none;
	transition:.2s;
}

.member-user-dropdown > a:hover{
	color:#fff;
	background:#101d2d;
}

.member-user-dropdown > a i{
	width:18px;
	color:#9ca7b5;
	font-size:16px;
	text-align:center;
}

.member-user-dropdown > .member-user-logout{
	color:#ff8b8b;
}

.member-user-dropdown > .member-user-logout i{
	color:#ff6d6d;
}

.member-mobile-user{
	padding:0;
	border:0;
	cursor:pointer;
	overflow:hidden;
}

.member-user-menu-mobile .member-user-dropdown{
	top:calc(100% + 8px);
	right:0;
}

@media(max-width:575px){

	.member-user-dropdown{
		width:210px;
	}

}


/*--------------------------------------------------------------
# Signal Card Menu
--------------------------------------------------------------*/

.signal-card-wrap{
	position:relative;
	height:100%;
}

.signal-card-wrap .signal-card{
	position:relative;
	z-index:1;
}

.signal-card-menu{
	position:absolute;
	top:10px;
	right:10px;
	z-index:20;
}

.signal-menu-button{
	display:flex;
	align-items:center;
	justify-content:center;

	width:34px;
	height:34px;
	padding:0;

	color:#aeb6c2;

	background:transparent;
	border:0;
	border-radius:6px;

	cursor:pointer;
	transition:.2s;
}

.signal-menu-button:hover,
.signal-card-menu.is-open .signal-menu-button{
	color:#fff;
	background:#172232;
}

.signal-menu-button i{
	font-size:19px;
	line-height:1;
}

.signal-menu-dropdown{
	display:none;

	position:absolute;
	top:calc(100% + 6px);
	right:0;

	width:120px;
	padding:6px;

	background:#0b1421;
	border:1px solid #2b3b4f;
	border-radius:8px;

	box-shadow:0 12px 30px rgba(0,0,0,.35);
}

.signal-card-menu.is-open .signal-menu-dropdown{
	display:block;
}

.signal-menu-dropdown a{
	display:flex;
	align-items:center;
	gap:9px;

	width:100%;
	padding:10px 11px;

	color:#ff7777;

	border-radius:6px;

	font-size:13px;
	font-weight:500;
	text-decoration:none;

	transition:.2s;
}

.signal-menu-dropdown a:hover{
	color:#fff;
	background:rgba(255,76,76,.15);
}

.signal-menu-dropdown a i{
	width:16px;

	color:#ff6565;

	font-size:15px;
	text-align:center;
}


/* Smartphone */
@media(max-width:575px){

	.signal-card-menu{
		top:8px;
		right:8px;
	}

	.signal-menu-button{
		width:32px;
		height:32px;
	}

	.signal-menu-dropdown{
		width:116px;
	}

}


/*--------------------------------------------------------------
# Member News
--------------------------------------------------------------*/

#member-news{
	width:100%;
	max-width:1530px;
	margin:0 auto;
}

.member-news-panel{
	overflow:hidden;
}

.member-news-head{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:20px;
	min-height:88px;
	padding:18px 24px;
	border-bottom:1px solid #1b2738;
}

.member-news-head h2{
	display:flex;
	align-items:center;
	gap:10px;
	margin:0;
	font-size:19px;
	font-weight:600;
}

.member-news-head h2 i{
	color:#366fff;
	font-size:19px;
}

.member-news-head p{
	margin:6px 0 0;
	color:#8e98a7;
	font-size:12px;
	line-height:1.6;
}

.member-news-count{
	flex:0 0 auto;
	color:#8893a3;
	font-size:12px;
	white-space:nowrap;
}

.member-news-count span{
	color:#fff;
	font-family:var(--font-secound);
	font-size:18px;
	font-weight:600;
}

.member-news-list{
	padding:0 20px;
}

.member-news-item{
	display:grid;
	grid-template-columns:46px minmax(0,1fr) 34px;
	align-items:center;
	gap:16px;
	min-height:88px;
	padding:14px 4px;
	border-bottom:1px solid #172334;
	color:#fff;
	text-decoration:none;
	transition:.2s;
}

.member-news-item:last-child{
	border-bottom:0;
}

.member-news-item:hover{
	color:#fff;
	background:rgba(255,255,255,.025);
}

.member-news-source-icon{
	display:flex;
	align-items:center;
	justify-content:center;
	width:46px;
	height:46px;
	border-radius:9px;
	background:#172131;
	color:#fff;
	font-family:var(--font-secound);
	font-size:13px;
	font-weight:700;
}

.member-news-source-icon.source-coindesk{
	color:#ffb62b;
}

.member-news-source-icon.source-ct{
	color:#e8b24a;
	font-size:11px;
}

.member-news-source-icon.source-bloomberg{
	font-size:20px;
}

.member-news-source-icon.source-decrypt{
	font-size:15px;
}

.member-news-body{
	min-width:0;
}

.member-news-meta{
	display:flex;
	align-items:center;
	gap:12px;
	margin-bottom:7px;
}

.member-news-source{
	color:#8eb1ff;
	font-size:11px;
	font-weight:600;
	white-space:nowrap;
}

.member-news-date,
.member-news-relative{
	color:#747d8b;
	font-size:10px;
	white-space:nowrap;
}

.member-news-relative{
	margin-left:auto;
}

.member-news-title{
	margin:0;
	color:#e7eaf0;
	font-size:15px;
	font-weight:500;
	line-height:1.55;
}

.member-news-link-icon{
	display:flex;
	align-items:center;
	justify-content:center;
	width:34px;
	height:34px;
	color:#687386;
	border-radius:6px;
	transition:.2s;
}

.member-news-link-icon i{
	font-size:15px;
}

.member-news-item:hover .member-news-link-icon{
	color:#fff;
	background:#172232;
}

.member-news-bottom{
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:20px;
	min-height:78px;
	padding:14px 24px;
	border-top:1px solid #1b2738;
}

.member-news-range{
	color:#7f8998;
	font-size:11px;
	white-space:nowrap;
}

.member-news-pagination .pagination{
	gap:6px;
}

.member-news-pagination .page-link{
	display:flex;
	align-items:center;
	justify-content:center;
	min-width:36px;
	height:36px;
	padding:0 10px;
	color:#aab3c0;
	background:#08111d;
	border:1px solid #263244;
	border-radius:7px !important;
	font-size:12px;
	box-shadow:none;
}

.member-news-pagination .page-link:hover{
	color:#fff;
	background:#132039;
	border-color:#3d5270;
}

.member-news-pagination .page-item.active .page-link{
	color:#fff;
	background:#2138d3;
	border-color:#3150f0;
}

.member-news-pagination .page-item.disabled .page-link{
	color:#4d5664;
	background:#07101a;
	border-color:#1b2735;
	opacity:.65;
}

.member-news-pagination .page-link i{
	font-size:12px;
}

.member-news-empty{
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	min-height:330px;
	padding:40px 20px;
	text-align:center;
}

.member-news-empty > i{
	margin-bottom:16px;
	color:#53647c;
	font-size:40px;
}

.member-news-empty strong{
	color:#dce1e8;
	font-size:15px;
}

.member-news-empty span{
	margin-top:8px;
	color:#7e8998;
	font-size:12px;
}


/* Tablet / Smartphone */
@media(max-width:991px){

	.member-news-head{
		min-height:80px;
		padding:16px 18px;
	}

	.member-news-list{
		padding:0 14px;
	}

	.member-news-item{
		grid-template-columns:42px minmax(0,1fr) 30px;
		gap:12px;
		min-height:84px;
	}

	.member-news-source-icon{
		width:42px;
		height:42px;
	}

	.member-news-title{
		font-size:14px;
	}

	.member-news-bottom{
		padding:14px 18px;
	}

}


/* Smartphone */
@media(max-width:575px){

	.member-news-head{
		align-items:flex-start;
		min-height:auto;
		padding:15px 14px;
	}

	.member-news-head h2{
		font-size:17px;
	}

	.member-news-head p{
		margin-top:5px;
		font-size:11px;
	}

	.member-news-count{
		padding-top:2px;
	}

	.member-news-count span{
		font-size:16px;
	}

	.member-news-list{
		padding:0 10px;
	}

	.member-news-item{
		grid-template-columns:38px minmax(0,1fr) 24px;
		gap:10px;
		min-height:92px;
		padding:13px 2px;
	}

	.member-news-source-icon{
		width:38px;
		height:38px;
		border-radius:7px;
		font-size:11px;
	}

	.member-news-meta{
		gap:8px;
		margin-bottom:5px;
	}

	.member-news-source{
		font-size:10px;
	}

	.member-news-relative{
		font-size:9px;
	}

	.member-news-title{
		display:-webkit-box;
		overflow:hidden;
		-webkit-box-orient:vertical;
		-webkit-line-clamp:2;
		font-size:13px;
		line-height:1.5;
	}

	.member-news-link-icon{
		width:24px;
		height:30px;
	}

	.member-news-link-icon i{
		font-size:13px;
	}

	.member-news-bottom{
		flex-direction:column;
		min-height:auto;
		padding:16px 10px 18px;
	}

	.member-news-range{
		order:2;
	}

	.member-news-pagination{
		order:1;
		width:100%;
		overflow-x:auto;
		padding-bottom:2px;
	}

	.member-news-pagination .pagination{
		justify-content:center;
		min-width:max-content;
	}

	.member-news-pagination .page-link{
		min-width:34px;
		height:34px;
		padding:0 9px;
	}

	.member-news-empty{
		min-height:260px;
	}

}


/*--------------------------------------------------------------
# Member Account
--------------------------------------------------------------*/

#member-account{
	width:100%;
	max-width:1530px;
	margin:0 auto;
}

#member-account .account-panel{
	overflow:hidden;
}

#member-account .account-panel-head{
	padding:22px 26px;
	border-bottom:1px solid #1b2738;
}

#member-account .account-panel-head h2{
	display:flex;
	align-items:center;
	gap:10px;
	margin:0;
	font-size:19px;
	font-weight:600;
}

#member-account .account-panel-head h2 i{
	color:#4d7cff;
	font-size:20px;
}

#member-account .account-panel-head p{
	margin:7px 0 0;
	color:#8d97a7;
	font-size:12px;
	line-height:1.7;
}

#member-account .account-current-list,
#member-account .account-check-list{
	padding:4px 26px;
}

#member-account .account-current-row,
#member-account .account-check-row{
	display:grid;
	grid-template-columns:220px minmax(0,1fr);
	align-items:center;
	min-height:76px;
	border-bottom:1px solid #172334;
}

#member-account .account-current-row:last-child,
#member-account .account-check-row:last-child{
	border-bottom:0;
}

#member-account .account-current-label{
	display:flex;
	align-items:center;
	gap:10px;
	color:#8994a5;
	font-size:13px;
}

#member-account .account-current-label i{
	width:20px;
	color:#63738a;
	font-size:15px;
	text-align:center;
}

#member-account .account-current-value,
#member-account .account-check-value{
	color:#eef1f5;
	font-size:14px;
	font-weight:500;
	word-break:break-word;
}

#member-account .account-password-mask{
	letter-spacing:.18em;
}

#member-account .account-muted{
	color:#768191;
	font-weight:400;
}

#member-account .account-read-note,
#member-account .account-form-note{
	display:flex;
	align-items:flex-start;
	gap:12px;
	margin:18px 26px 0;
	padding:15px 17px;
	background:#07111e;
	border:1px solid #21314a;
	border-radius:8px;
}

#member-account .account-read-note > i,
#member-account .account-form-note > i{
	flex:0 0 auto;
	margin-top:1px;
	color:#5a86ff;
	font-size:17px;
}

#member-account .account-read-note div{
	display:flex;
	flex-direction:column;
	gap:3px;
}

#member-account .account-read-note strong{
	color:#dfe5ed;
	font-size:12px;
}

#member-account .account-read-note span,
#member-account .account-form-note span{
	color:#8994a4;
	font-size:11px;
	line-height:1.7;
}

#member-account .account-actions,
#member-account .account-form-actions{
	display:flex;
	align-items:center;
	justify-content:flex-end;
	gap:12px;
	padding:24px 26px 26px;
}

#member-account .account-primary-button,
#member-account .account-secondary-button{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:8px;
	min-width:190px;
	height:46px;
	padding:0 20px;
	border-radius:7px;
	font-size:13px;
	font-weight:600;
	text-decoration:none;
	cursor:pointer;
	transition:.2s;
}

#member-account .account-primary-button{
	color:#fff;
	background:var(--color1);
	border:1px solid var(--color1);
}

#member-account .account-primary-button:hover{
	color:#fff;
	background:#304cff;
	border-color:#304cff;
}

#member-account .account-secondary-button{
	color:#b7c0cd;
	background:transparent;
	border:1px solid #344256;
}

#member-account .account-secondary-button:hover{
	color:#fff;
	background:#111c2c;
	border-color:#53647b;
}

#member-account .account-primary-button i,
#member-account .account-secondary-button i{
	font-size:14px;
}


/* Form */

#member-account .account-form-wrap{
	max-width:760px;
	margin:0 auto;
	padding:28px 26px 4px;
}

#member-account .account-form-group{
	margin-bottom:24px;
}

#member-account .account-form-group label{
	display:flex;
	align-items:center;
	gap:8px;
	margin-bottom:8px;
	color:#dfe4eb;
	font-size:13px;
	font-weight:600;
}

#member-account .account-optional{
	padding:2px 7px;
	color:#8590a0;
	background:#111b29;
	border-radius:4px;
	font-size:9px;
	font-weight:500;
}

#member-account .account-input-wrap{
	position:relative;
}

#member-account .account-input-wrap > i{
	position:absolute;
	top:50%;
	left:15px;
	transform:translateY(-50%);
	color:#6f7d90;
	font-size:15px;
}

#member-account .account-input-wrap input{
	width:100%;
	height:50px;
	padding:0 46px;
	color:#fff;
	background:#07101b;
	border:1px solid #344257;
	border-radius:7px;
	outline:none;
	font-size:14px;
	transition:.2s;
}

#member-account .account-input-wrap input:focus{
	border-color:#4d7cff;
	box-shadow:0 0 0 3px rgba(77,124,255,.08);
}

#member-account .account-input-wrap input::placeholder{
	color:#596577;
}

#member-account .account-password-toggle{
	position:absolute;
	top:50%;
	right:8px;
	transform:translateY(-50%);
	display:flex;
	align-items:center;
	justify-content:center;
	width:36px;
	height:36px;
	padding:0;
	color:#8792a2;
	background:transparent;
	border:0;
	border-radius:5px;
	cursor:pointer;
}

#member-account .account-password-toggle:hover{
	color:#fff;
	background:#121e2e;
}

#member-account .account-password-toggle i{
	font-size:16px;
}

#member-account .account-password-note{
	margin:7px 0 0;
	color:#788394;
	font-size:10px;
	line-height:1.6;
}

#member-account .account-error{
	display:none;
	margin:6px 0 0;
	color:#ff6b6b;
	font-size:11px;
	line-height:1.6;
}

#member-account .account-server-error{
	display:flex;
	align-items:flex-start;
	gap:10px;
	margin-bottom:22px;
	padding:12px 14px;
	color:#ff8585;
	background:rgba(255,77,77,.06);
	border:1px solid rgba(255,88,88,.5);
	border-radius:7px;
	font-size:12px;
	line-height:1.7;
}

#member-account .account-server-error i{
	flex:0 0 auto;
	margin-top:1px;
	font-size:15px;
}

#member-account .account-form-wrap .account-form-note{
	margin:24px 0 0;
}

#member-account .account-form-wrap .account-form-actions{
	padding-right:0;
	padding-left:0;
}


/* Check */

#member-account .account-check-label{
	color:#8994a5;
	font-size:12px;
}

#member-account .account-check-row.is-changed{
	background:linear-gradient(90deg,rgba(33,56,211,.08),transparent 55%);
}

#member-account .account-change-badge{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	margin-left:8px;
	padding:3px 7px;
	color:#85a7ff;
	background:rgba(77,124,255,.1);
	border:1px solid rgba(77,124,255,.25);
	border-radius:4px;
	font-size:9px;
	font-weight:600;
}


/* Complete */

#member-account .account-complete-panel{
	padding:50px 28px 30px;
	text-align:center;
}

#member-account .account-complete-icon{
	display:flex;
	align-items:center;
	justify-content:center;
	width:66px;
	height:66px;
	margin:0 auto 20px;
	color:#6c96ff;
	background:#101c31;
	border:1px solid #29456f;
	border-radius:50%;
}

#member-account .account-complete-icon i{
	font-size:28px;
}

#member-account .account-complete-panel h2{
	margin:0;
	font-size:21px;
	font-weight:600;
}

#member-account .account-complete-panel > p{
	margin:13px 0 0;
	color:#9aa4b3;
	font-size:13px;
	line-height:1.8;
}

#member-account .account-complete-note{
	display:flex;
	flex-direction:column;
	gap:5px;
	max-width:560px;
	margin:24px auto 0;
	padding:15px 18px;
	background:#07111e;
	border:1px solid #21314a;
	border-radius:8px;
}

#member-account .account-complete-note strong{
	color:#dfe4ec;
	font-size:11px;
}

#member-account .account-complete-note span{
	color:#828d9d;
	font-size:10px;
}

#member-account .account-complete-panel .account-actions{
	justify-content:center;
	padding-bottom:0;
}


/* Smartphone */

@media(max-width:575px){

	#member-account .account-panel-head{
		padding:17px 16px;
	}

	#member-account .account-panel-head h2{
		font-size:17px;
	}

	#member-account .account-panel-head p{
		font-size:11px;
	}

	#member-account .account-current-list,
	#member-account .account-check-list{
		padding:0 16px;
	}

	#member-account .account-current-row,
	#member-account .account-check-row{
		grid-template-columns:1fr;
		gap:5px;
		min-height:auto;
		padding:16px 0;
	}

	#member-account .account-current-label,
	#member-account .account-check-label{
		font-size:11px;
	}

	#member-account .account-current-value,
	#member-account .account-check-value{
		padding-left:30px;
		font-size:13px;
	}

	#member-account .account-check-value{
		padding-left:0;
	}

	#member-account .account-read-note,
	#member-account .account-form-note{
		margin:14px 16px 0;
		padding:13px 14px;
	}

	#member-account .account-actions,
	#member-account .account-form-actions{
		flex-direction:column-reverse;
		padding:20px 16px 22px;
	}

	#member-account .account-primary-button,
	#member-account .account-secondary-button{
		width:100%;
		min-width:0;
		height:48px;
	}

	#member-account .account-form-wrap{
		padding:22px 16px 2px;
	}

	#member-account .account-form-group{
		margin-bottom:21px;
	}

	#member-account .account-form-wrap .account-form-note{
		margin-right:0;
		margin-left:0;
	}

	#member-account .account-form-wrap .account-form-actions{
		padding-right:0;
		padding-left:0;
	}

	#member-account .account-complete-panel{
		padding:38px 18px 24px;
	}

	#member-account .account-complete-panel h2{
		font-size:19px;
	}

}


/*--------------------------------------------------------------
# Account Update Result
--------------------------------------------------------------*/

#account-update-result{
	background:var(--color-default-bgcolor);
}

#account-update-result .account-update-result-contents{
	padding:80px 0 100px;
	background-image:url("/assets/img/login/login_back.webp");
	background-repeat:no-repeat;
	background-position:right center;
	background-size:1920px auto;
}

#account-update-result .account-update-result-wrap{
	max-width:620px;
	margin:0 auto;
}

#account-update-result .account-update-result-card{
	padding:44px 38px;
	background:#0b1322;
	border:1px solid #3f4a5a;
	border-radius:12px;
	text-align:center;
}

#account-update-result .account-update-result-icon{
	display:flex;
	align-items:center;
	justify-content:center;
	width:70px;
	height:70px;
	margin:0 auto 22px;
	border-radius:50%;
}

#account-update-result .account-update-result-icon.is-success{
	color:#55d993;
	background:rgba(51,199,126,.08);
	border:1px solid rgba(51,199,126,.35);
}

#account-update-result .account-update-result-icon.is-error{
	color:#ff7777;
	background:rgba(255,77,77,.07);
	border:1px solid rgba(255,77,77,.3);
}

#account-update-result .account-update-result-icon i{
	font-size:30px;
}

#account-update-result h1{
	margin:0;
	font-size:25px;
	font-weight:600;
}

#account-update-result p{
	margin:14px 0 0;
	color:#9aa4b3;
	font-size:14px;
	line-height:1.8;
}

#account-update-result .account-update-result-button{
	display:flex;
	align-items:center;
	justify-content:center;
	width:100%;
	max-width:360px;
	height:52px;
	margin:30px auto 0;
	color:#fff;
	background:var(--color1);
	border:1px solid var(--color1);
	border-radius:7px;
	font-size:14px;
	font-weight:600;
	text-decoration:none;
}

#account-update-result .account-update-result-button:hover{
	color:#fff;
	background:#304cff;
	border-color:#304cff;
}

@media(max-width:575px){

	#account-update-result .account-update-result-contents{
		padding:55px 0 70px;
	}

	#account-update-result .account-update-result-wrap{
		padding:0 16px;
	}

	#account-update-result .account-update-result-card{
		padding:34px 20px;
	}

	#account-update-result h1{
		font-size:21px;
	}

	#account-update-result p{
		font-size:13px;
	}

}

/*--------------------------------------------------------------
   Member Signal Setup
--------------------------------------------------------------*/

#member-signal-setup .signal-setup-panel {
	padding:0;
	overflow:hidden;
}

#member-signal-setup .signal-setup-heading {
	display:flex;
	align-items:flex-start;
	justify-content:space-between;
	gap:20px;
	padding:26px 28px 22px;
	border-bottom:1px solid rgba(255,255,255,.08);
}

#member-signal-setup .signal-setup-heading h2 {
	margin:0;
	font-size:20px;
	font-weight:650;
}

#member-signal-setup .signal-setup-heading p {
	margin:7px 0 0;
	color:#8f98a8;
	font-size:13px;
	line-height:1.7;
}

#member-signal-setup .signal-setup-kicker {
	display:block;
	margin-bottom:7px;
	color:#6f87ff;
	font-size:12px;
	font-weight:700;
	letter-spacing:.04em;
}

#member-signal-setup .signal-tool-grid {
	padding:24px 28px 28px;
}

#member-signal-setup .signal-tool-card {
	display:flex;
	align-items:center;
	gap:16px;
	min-height:112px;
	height:100%;
	padding:20px;
	background:#0a1220;
	border:1px solid rgba(255,255,255,.09);
	border-radius:10px;
	color:#fff;
	text-decoration:none;
	transition:.2s;
}

#member-signal-setup .signal-tool-card:hover {
	background:#101a2c;
	border-color:rgba(95,80,235,.65);
	color:#fff;
	transform:translateY(-2px);
}

#member-signal-setup .signal-tool-icon {
	display:flex;
	align-items:center;
	justify-content:center;
	width:48px;
	height:48px;
	flex:0 0 48px;
	border-radius:10px;
	background:rgba(33,56,211,.18);
	color:#7387ff;
}

#member-signal-setup .signal-tool-icon i {
	font-size:23px;
}

#member-signal-setup .signal-tool-body {
	min-width:0;
	flex:1;
}

#member-signal-setup .signal-tool-body strong {
	display:block;
	font-size:16px;
	font-weight:650;
}

#member-signal-setup .signal-tool-body span {
	display:block;
	margin-top:5px;
	color:#8f98a8;
	font-size:12px;
	line-height:1.6;
}

#member-signal-setup .signal-tool-arrow {
	color:#697386;
	font-size:16px;
}

#member-signal-setup .signal-empty {
	margin:0 28px 28px;
	padding:24px;
	border:1px solid rgba(255,255,255,.08);
	border-radius:10px;
	color:#8f98a8;
	text-align:center;
}

#member-signal-setup .signal-server-error {
	display:flex;
	align-items:center;
	gap:9px;
	margin:20px 28px 0;
	padding:12px 14px;
	background:rgba(255,64,64,.08);
	border:1px solid rgba(255,80,80,.3);
	border-radius:7px;
	color:#ff9d9d;
	font-size:13px;
}

#member-signal-setup .signal-setting-list {
	padding:0 28px;
}

#member-signal-setup .signal-setting-row {
	display:grid;
	grid-template-columns:220px minmax(0,1fr);
	align-items:center;
	gap:28px;
	padding:22px 0;
	border-bottom:1px solid rgba(255,255,255,.08);
}

#member-signal-setup .signal-setting-label {
	display:flex;
	align-items:center;
	gap:12px;
}

#member-signal-setup .signal-setting-label > i {
	display:flex;
	align-items:center;
	justify-content:center;
	width:34px;
	height:34px;
	flex:0 0 34px;
	border-radius:8px;
	background:rgba(33,56,211,.14);
	color:#7185ff;
	font-size:16px;
}

#member-signal-setup .signal-setting-label strong,
#member-signal-setup .signal-setting-label span {
	display:block;
}

#member-signal-setup .signal-setting-label strong {
	font-size:14px;
	font-weight:650;
}

#member-signal-setup .signal-setting-label span {
	margin-top:2px;
	color:#788396;
	font-size:11px;
}

#member-signal-setup .signal-setting-control {
	max-width:420px;
}

#member-signal-setup .signal-select,
#member-signal-setup .signal-input {
	width:100%;
	height:44px;
	padding:0 13px;
	background:#07101c;
	border:1px solid #2a3545;
	border-radius:6px;
	color:#fff;
	font-family:var(--font-default);
	font-size:14px;
	outline:none;
}

#member-signal-setup .signal-select:focus,
#member-signal-setup .signal-input:focus {
	border-color:#5169f3;
	box-shadow:0 0 0 3px rgba(81,105,243,.12);
}

#member-signal-setup .signal-ma-section {
	padding:24px 0 4px;
}

#member-signal-setup .signal-ma-head {
	margin-bottom:16px;
}

#member-signal-setup .signal-ma-head strong {
	display:block;
	font-size:15px;
	font-weight:650;
}

#member-signal-setup .signal-ma-head span {
	display:block;
	margin-top:4px;
	color:#818b9c;
	font-size:12px;
}

#member-signal-setup .signal-ma-grid {
	display:grid;
	grid-template-columns:repeat(3,minmax(0,1fr));
	gap:12px;
}

#member-signal-setup .signal-ma-card {
	padding:16px;
	background:#08111e;
	border:1px solid rgba(255,255,255,.09);
	border-radius:9px;
}

#member-signal-setup .signal-ma-card-optional:not(.is-enabled) .signal-ma-fields {
	opacity:.38;
	pointer-events:none;
}

#member-signal-setup .signal-ma-card-head {
	display:flex;
	align-items:center;
	gap:10px;
	margin-bottom:14px;
}

#member-signal-setup .signal-ma-number {
	display:flex;
	align-items:center;
	justify-content:center;
	width:28px;
	height:28px;
	flex:0 0 28px;
	border-radius:50%;
	background:#2138d3;
	color:#fff;
	font-size:12px;
	font-weight:700;
}

#member-signal-setup .signal-ma-card-head > div {
	min-width:0;
	flex:1;
}

#member-signal-setup .signal-ma-card-head strong,
#member-signal-setup .signal-ma-card-head small {
	display:block;
}

#member-signal-setup .signal-ma-card-head strong {
	font-size:13px;
	font-weight:650;
}

#member-signal-setup .signal-ma-card-head small {
	margin-top:1px;
	color:#778296;
	font-size:10px;
}

#member-signal-setup .signal-ma-toggle {
	display:flex;
	align-items:center;
	gap:6px;
	margin:0;
	color:#9aa4b5;
	font-size:11px;
	cursor:pointer;
}

#member-signal-setup .signal-ma-toggle input {
	width:16px;
	height:16px;
	accent-color:#5f50eb;
}

#member-signal-setup .signal-ma-fields {
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:9px;
	transition:.2s;
}

#member-signal-setup .signal-ma-fields label {
	margin:0;
}

#member-signal-setup .signal-ma-fields label > span {
	display:block;
	margin-bottom:5px;
	color:#818b9c;
	font-size:10px;
}

#member-signal-setup .signal-ma-fields .signal-select,
#member-signal-setup .signal-ma-fields .signal-input {
	height:40px;
	font-size:13px;
}

#member-signal-setup .signal-ma-note {
	display:flex;
	align-items:center;
	gap:7px;
	margin:13px 0 0;
	color:#788396;
	font-size:11px;
	line-height:1.6;
}

#member-signal-setup .signal-ma-note i {
	font-size:13px;
}

#member-signal-setup .signal-form-error {
	min-height:18px;
	margin:13px 28px 0;
	color:#ff8b8b;
	font-size:12px;
}

#member-signal-setup .signal-actions {
	padding:8px 28px 28px;
}

#member-signal-setup .signal-confirm-list {
	padding:0 28px;
}

#member-signal-setup .signal-confirm-row {
	display:grid;
	grid-template-columns:220px minmax(0,1fr);
	align-items:center;
	gap:28px;
	min-height:64px;
	padding:14px 0;
	border-bottom:1px solid rgba(255,255,255,.08);
}

#member-signal-setup .signal-confirm-row > span {
	color:#8e98a9;
	font-size:12px;
}

#member-signal-setup .signal-confirm-row > strong {
	font-size:14px;
	font-weight:600;
}

#member-signal-setup .signal-confirm-muted {
	color:#737e90;
	font-weight:400 !important;
}

#member-signal-setup .signal-confirm-note {
	margin:20px 28px 0;
}

@media(max-width:991px) {
	#member-signal-setup .signal-ma-grid {
		grid-template-columns:1fr;
	}

	#member-signal-setup .signal-setting-row,
	#member-signal-setup .signal-confirm-row {
		grid-template-columns:180px minmax(0,1fr);
		gap:18px;
	}
}

@media(max-width:575px) {
	#member-signal-setup .signal-setup-heading {
		padding:20px 18px 17px;
	}

	#member-signal-setup .signal-setup-heading h2 {
		font-size:18px;
	}

	#member-signal-setup .signal-tool-grid {
		padding:18px;
	}

	#member-signal-setup .signal-tool-card {
		min-height:96px;
		padding:16px;
	}

	#member-signal-setup .signal-server-error {
		margin:16px 18px 0;
	}

	#member-signal-setup .signal-setting-list {
		padding:0 18px;
	}

	#member-signal-setup .signal-setting-row,
	#member-signal-setup .signal-confirm-row {
		display:block;
		padding:17px 0;
	}

	#member-signal-setup .signal-setting-control {
		max-width:none;
		margin-top:12px;
	}

	#member-signal-setup .signal-ma-section {
		padding-top:20px;
	}

	#member-signal-setup .signal-ma-fields {
		grid-template-columns:1fr 1fr;
	}

	#member-signal-setup .signal-form-error {
		margin-right:18px;
		margin-left:18px;
	}

	#member-signal-setup .signal-actions {
		padding:8px 18px 22px;
	}

	#member-signal-setup .signal-confirm-list {
		padding:0 18px;
	}

	#member-signal-setup .signal-confirm-row > strong {
		display:block;
		margin-top:5px;
	}

	#member-signal-setup .signal-confirm-note {
		margin:18px 18px 0;
	}
}


/*--------------------------------------------------------------
   Member Signal Setup - Account common parts scope fix
--------------------------------------------------------------*/

#member-signal-setup .account-read-note{
	display:flex;
	align-items:flex-start;
	gap:12px;
	margin:18px 28px 0;
	padding:15px 17px;
	background:#07111e;
	border:1px solid #21314a;
	border-radius:8px;
}

#member-signal-setup .account-read-note > i{
	flex:0 0 auto;
	margin-top:1px;
	color:#5a86ff;
	font-size:17px;
}

#member-signal-setup .account-read-note div{
	display:flex;
	flex-direction:column;
	gap:3px;
}

#member-signal-setup .account-read-note strong{
	color:#dfe5ed;
	font-size:12px;
}

#member-signal-setup .account-read-note span{
	color:#8994a4;
	font-size:11px;
	line-height:1.7;
}

#member-signal-setup .account-actions{
	display:flex;
	align-items:center;
	justify-content:flex-start;
	gap:12px;
	padding:24px 28px 28px;
}

#member-signal-setup .account-primary-button,
#member-signal-setup .account-secondary-button{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:8px;
	min-width:190px;
	height:46px;
	padding:0 20px;
	border-radius:7px;
	font-family:var(--font-default);
	font-size:13px;
	font-weight:600;
	line-height:1;
	text-decoration:none;
	cursor:pointer;
	transition:.2s;
}

#member-signal-setup button.account-primary-button{
	appearance:none;
	-webkit-appearance:none;
}

#member-signal-setup .account-primary-button{
	color:#fff;
	background:var(--color1);
	border:1px solid var(--color1);
}

#member-signal-setup .account-primary-button:hover{
	color:#fff;
	background:#304cff;
	border-color:#304cff;
}

#member-signal-setup .account-primary-button:disabled{
	opacity:.55;
	cursor:not-allowed;
}

#member-signal-setup .account-secondary-button{
	color:#b7c0cd;
	background:transparent;
	border:1px solid #344256;
}

#member-signal-setup .account-secondary-button:hover{
	color:#fff;
	background:#111c2c;
	border-color:#53647b;
}

#member-signal-setup .account-primary-button i,
#member-signal-setup .account-secondary-button i{
	font-size:14px;
}

@media(max-width:575px){
	#member-signal-setup .account-read-note{
		margin-right:18px;
		margin-left:18px;
	}

	#member-signal-setup .account-actions{
		flex-direction:column;
		align-items:stretch;
		padding-right:18px;
		padding-left:18px;
	}

	#member-signal-setup .account-primary-button,
	#member-signal-setup .account-secondary-button{
		width:100%;
		min-width:0;
	}
}


/*--------------------------------------------------------------
   Member Signal Complete
--------------------------------------------------------------*/

#member-signal-setup .signal-complete-panel{
	width:100%;
	max-width:760px;
	margin:0 auto;
	padding:48px 40px 38px;
	text-align:center;
}

#member-signal-setup .signal-complete-icon{
	display:flex;
	align-items:center;
	justify-content:center;
	width:68px;
	height:68px;
	margin:0 auto 22px;
	color:#fff;
	background:rgba(33,56,211,.18);
	border:1px solid rgba(77,163,255,.45);
	border-radius:50%;
}

#member-signal-setup .signal-complete-icon i{
	font-size:30px;
	line-height:1;
}

#member-signal-setup .signal-complete-panel h2{
	margin:0;
	color:#fff;
	font-size:24px;
	font-weight:650;
	line-height:1.4;
}

#member-signal-setup .signal-complete-lead{
	margin:12px 0 0;
	color:#9aa4b3;
	font-size:13px;
	line-height:1.9;
}

#member-signal-setup .signal-complete-note{
	display:flex;
	align-items:flex-start;
	gap:12px;
	max-width:560px;
	margin:26px auto 0;
	padding:16px 18px;
	background:#07111e;
	border:1px solid #21314a;
	border-radius:8px;
	text-align:left;
}

#member-signal-setup .signal-complete-note > i{
	flex:0 0 auto;
	margin-top:1px;
	color:#5a86ff;
	font-size:17px;
}

#member-signal-setup .signal-complete-note > div{
	display:flex;
	flex-direction:column;
	gap:4px;
}

#member-signal-setup .signal-complete-note strong{
	color:#dfe5ed;
	font-size:12px;
	font-weight:600;
	line-height:1.6;
}

#member-signal-setup .signal-complete-note span{
	color:#8994a4;
	font-size:11px;
	line-height:1.7;
}

#member-signal-setup .signal-complete-actions{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:12px;
	margin-top:28px;
}

#member-signal-setup .signal-complete-primary,
#member-signal-setup .signal-complete-secondary{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:8px;
	width:190px;
	height:46px;
	padding:0 18px;
	border-radius:7px;
	font-family:var(--font-default);
	font-size:13px;
	font-weight:600;
	line-height:1;
	text-decoration:none;
	transition:.2s;
}

#member-signal-setup .signal-complete-primary{
	color:#fff;
	background:var(--color1);
	border:1px solid var(--color1);
}

#member-signal-setup .signal-complete-primary:hover{
	color:#fff;
	background:#304cff;
	border-color:#304cff;
}

#member-signal-setup .signal-complete-secondary{
	color:#b7c0cd;
	background:transparent;
	border:1px solid #344256;
}

#member-signal-setup .signal-complete-secondary:hover{
	color:#fff;
	background:#111c2c;
	border-color:#53647b;
}

#member-signal-setup .signal-complete-primary i,
#member-signal-setup .signal-complete-secondary i{
	font-size:14px;
}

@media(max-width:575px){

	#member-signal-setup .signal-complete-panel{
		padding:38px 18px 28px;
	}

	#member-signal-setup .signal-complete-icon{
		width:60px;
		height:60px;
		margin-bottom:18px;
	}

	#member-signal-setup .signal-complete-icon i{
		font-size:26px;
	}

	#member-signal-setup .signal-complete-panel h2{
		font-size:20px;
	}

	#member-signal-setup .signal-complete-lead{
		font-size:12px;
	}

	#member-signal-setup .signal-complete-note{
		margin-top:22px;
		padding:14px 15px;
	}

	#member-signal-setup .signal-complete-actions{
		flex-direction:column;
		align-items:stretch;
		margin-top:24px;
	}

	#member-signal-setup .signal-complete-primary,
	#member-signal-setup .signal-complete-secondary{
		width:100%;
	}
}

/*--------------------------------------------------------------
# Dashboard Signal Empty
--------------------------------------------------------------*/

.signal-dashboard-empty{
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	min-height:190px;
	padding:30px 20px;
	color:#8f98a8;
	border:1px dashed #26384b;
	border-radius:11px;
	text-align:center;
}

.signal-dashboard-empty i{
	margin-bottom:10px;
	color:#59687b;
	font-size:28px;
}

.signal-dashboard-empty strong{
	color:#cbd1d9;
	font-size:13px;
	font-weight:600;
}

.signal-dashboard-empty span{
	margin-top:5px;
	font-size:11px;
}


/*--------------------------------------------------------------
# Member Signal Delete
--------------------------------------------------------------*/

#member-signal-delete .signal-delete-panel{
	width:100%;
	max-width:760px;
	margin:0 auto;
	padding:0;
	overflow:hidden;
}

#member-signal-delete .signal-delete-heading{
	display:flex;
	align-items:flex-start;
	gap:16px;
	padding:26px 28px 22px;
	border-bottom:1px solid rgba(255,255,255,.08);
}

#member-signal-delete .signal-delete-icon{
	display:flex;
	align-items:center;
	justify-content:center;
	width:44px;
	height:44px;
	flex:0 0 44px;
	color:#ff7b7b;
	background:rgba(255,76,76,.08);
	border:1px solid rgba(255,92,92,.25);
	border-radius:9px;
}

#member-signal-delete .signal-delete-icon i{
	font-size:19px;
}

#member-signal-delete .signal-delete-heading h2{
	margin:0;
	color:#fff;
	font-size:20px;
	font-weight:650;
}

#member-signal-delete .signal-delete-heading p{
	margin:7px 0 0;
	color:#8f98a8;
	font-size:12px;
	line-height:1.7;
}

#member-signal-delete .signal-delete-list{
	padding:0 28px;
}

#member-signal-delete .signal-delete-row{
	display:grid;
	grid-template-columns:190px minmax(0,1fr);
	align-items:center;
	gap:24px;
	min-height:62px;
	padding:13px 0;
	border-bottom:1px solid rgba(255,255,255,.08);
}

#member-signal-delete .signal-delete-row > span{
	color:#8e98a9;
	font-size:12px;
}

#member-signal-delete .signal-delete-row > strong{
	color:#fff;
	font-size:14px;
	font-weight:600;
}

#member-signal-delete .signal-delete-warning{
	display:flex;
	align-items:flex-start;
	gap:11px;
	margin:20px 28px 0;
	padding:14px 16px;
	background:rgba(255,79,79,.06);
	border:1px solid rgba(255,91,91,.24);
	border-radius:8px;
}

#member-signal-delete .signal-delete-warning > i{
	flex:0 0 auto;
	margin-top:1px;
	color:#ff8585;
	font-size:16px;
}

#member-signal-delete .signal-delete-warning > div{
	display:flex;
	flex-direction:column;
	gap:3px;
}

#member-signal-delete .signal-delete-warning strong{
	color:#ffb0b0;
	font-size:12px;
	font-weight:600;
}

#member-signal-delete .signal-delete-warning span{
	color:#9a8287;
	font-size:11px;
	line-height:1.7;
}

#member-signal-delete .signal-delete-actions{
	display:flex;
	align-items:center;
	justify-content:flex-start;
	gap:12px;
	padding:24px 28px 28px;
}

#member-signal-delete .signal-delete-button,
#member-signal-delete .signal-delete-cancel{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:8px;
	height:46px;
	padding:0 20px;
	border-radius:7px;
	font-family:var(--font-default);
	font-size:13px;
	font-weight:600;
	line-height:1;
	text-decoration:none;
	transition:.2s;
}

#member-signal-delete .signal-delete-button{
	min-width:210px;
	color:#fff;
	background:#b83232;
	border:1px solid #c64444;
	cursor:pointer;
}

#member-signal-delete .signal-delete-button:hover{
	background:#cc3b3b;
	border-color:#dc5555;
}

#member-signal-delete .signal-delete-cancel{
	min-width:120px;
	color:#b7c0cd;
	background:transparent;
	border:1px solid #344256;
}

#member-signal-delete .signal-delete-cancel:hover{
	color:#fff;
	background:#111c2c;
	border-color:#53647b;
}

#member-signal-delete .signal-delete-button i,
#member-signal-delete .signal-delete-cancel i{
	font-size:14px;
}


/* Complete */

#member-signal-delete .signal-delete-complete-panel{
	width:100%;
	max-width:760px;
	margin:0 auto;
	padding:48px 40px 38px;
	text-align:center;
}

#member-signal-delete .signal-delete-complete-icon{
	display:flex;
	align-items:center;
	justify-content:center;
	width:68px;
	height:68px;
	margin:0 auto 22px;
	color:#fff;
	background:rgba(33,56,211,.18);
	border:1px solid rgba(77,163,255,.45);
	border-radius:50%;
}

#member-signal-delete .signal-delete-complete-icon i{
	font-size:30px;
	line-height:1;
}

#member-signal-delete .signal-delete-complete-panel h2{
	margin:0;
	color:#fff;
	font-size:24px;
	font-weight:650;
	line-height:1.4;
}

#member-signal-delete .signal-delete-complete-panel > p{
	margin:12px 0 0;
	color:#9aa4b3;
	font-size:13px;
	line-height:1.9;
}

#member-signal-delete .signal-delete-complete-note{
	display:flex;
	align-items:flex-start;
	gap:12px;
	max-width:560px;
	margin:26px auto 0;
	padding:16px 18px;
	background:#07111e;
	border:1px solid #21314a;
	border-radius:8px;
	text-align:left;
}

#member-signal-delete .signal-delete-complete-note > i{
	flex:0 0 auto;
	margin-top:1px;
	color:#5a86ff;
	font-size:17px;
}

#member-signal-delete .signal-delete-complete-note > div{
	display:flex;
	flex-direction:column;
	gap:4px;
}

#member-signal-delete .signal-delete-complete-note strong{
	color:#dfe5ed;
	font-size:12px;
	font-weight:600;
}

#member-signal-delete .signal-delete-complete-note span{
	color:#8994a4;
	font-size:11px;
	line-height:1.7;
}

#member-signal-delete .signal-delete-complete-actions{
	display:flex;
	align-items:center;
	justify-content:center;
	gap:12px;
	margin-top:28px;
}

#member-signal-delete .signal-delete-complete-primary,
#member-signal-delete .signal-delete-complete-secondary{
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:8px;
	width:190px;
	height:46px;
	padding:0 18px;
	border-radius:7px;
	font-family:var(--font-default);
	font-size:13px;
	font-weight:600;
	line-height:1;
	text-decoration:none;
	transition:.2s;
}

#member-signal-delete .signal-delete-complete-primary{
	color:#fff;
	background:var(--color1);
	border:1px solid var(--color1);
}

#member-signal-delete .signal-delete-complete-primary:hover{
	color:#fff;
	background:#304cff;
	border-color:#304cff;
}

#member-signal-delete .signal-delete-complete-secondary{
	color:#b7c0cd;
	background:transparent;
	border:1px solid #344256;
}

#member-signal-delete .signal-delete-complete-secondary:hover{
	color:#fff;
	background:#111c2c;
	border-color:#53647b;
}

@media(max-width:575px){

	#member-signal-delete .signal-delete-heading{
		padding:20px 18px 18px;
	}

	#member-signal-delete .signal-delete-heading h2{
		font-size:18px;
	}

	#member-signal-delete .signal-delete-list{
		padding:0 18px;
	}

	#member-signal-delete .signal-delete-row{
		display:block;
		padding:16px 0;
	}

	#member-signal-delete .signal-delete-row > strong{
		display:block;
		margin-top:5px;
	}

	#member-signal-delete .signal-delete-warning{
		margin:18px 18px 0;
	}

	#member-signal-delete .signal-delete-actions{
		flex-direction:column;
		align-items:stretch;
		padding:22px 18px 24px;
	}

	#member-signal-delete .signal-delete-button,
	#member-signal-delete .signal-delete-cancel{
		width:100%;
		min-width:0;
	}

	#member-signal-delete .signal-delete-complete-panel{
		padding:38px 18px 28px;
	}

	#member-signal-delete .signal-delete-complete-icon{
		width:60px;
		height:60px;
		margin-bottom:18px;
	}

	#member-signal-delete .signal-delete-complete-icon i{
		font-size:26px;
	}

	#member-signal-delete .signal-delete-complete-panel h2{
		font-size:20px;
	}

	#member-signal-delete .signal-delete-complete-panel > p{
		font-size:12px;
	}

	#member-signal-delete .signal-delete-complete-actions{
		flex-direction:column;
		align-items:stretch;
		margin-top:24px;
	}

	#member-signal-delete .signal-delete-complete-primary,
	#member-signal-delete .signal-delete-complete-secondary{
		width:100%;
	}
}