@charset "UTF-8";

/*========================================
	INOS LEGAL
	会員規約 / プライバシーポリシー /
	特定商取引法に基づく表記
========================================*/
main {
    position: relative;
    padding: 0;
}

/*------------------------
	全体
------------------------*/


.page-inos-legal .inos-legal-content {
	line-height: 2;
	letter-spacing: .06em;
}

.page-inos-legal .inos-legal-content a {
	display: inline;
	color: #fff;
	text-decoration: underline;
	text-underline-offset: 3px;
}

.page-inos-legal .inos-legal-content strong {
	font-weight: 500;
}


/*------------------------
	セクション
------------------------*/
.page-inos-legal .legal-section {
	/* border-top: 1px solid rgba(255, 255, 255, .22); */
}

/*------------------------
	h2
------------------------*/
.page-inos-legal .legal-section h2 {
	position: relative;
	margin: 0;
	font-weight: 500;
	line-height: 1.6;
	letter-spacing: .08em;
}

.page-inos-legal .legal-section h2::after {
	content: "";
	display: block;
	width: 36px;
	height: 1px;
	background: var(--red);
}


/*------------------------
	h3
------------------------*/
.page-inos-legal .legal-section h3 {
	margin: 0;
	font-weight: 500;
	line-height: 1.7;
	letter-spacing: .06em;
}

/*------------------------
	リードテキスト
------------------------*/
.page-inos-legal .lead-text {
	margin-bottom:3em!important;
}

/*------------------------
	本文
------------------------*/
.page-inos-legal .legal-section p {
	margin-bottom:1em;
}

.page-inos-legal .legal-section p + p {
	margin-top: 1.5em;
}


/*------------------------
	リスト
	common.cssでlist-style:noneのため戻す
------------------------*/
.page-inos-legal .legal-section ul,
.page-inos-legal .legal-section ol {
	margin: 0;
	padding: 0;
}

.page-inos-legal .legal-section li {
	line-height: 2;
}


/* 通常の番号リスト */
.page-inos-legal .legal-section ol:not(.legal-parentheses) {
	padding-left: 1.8em;
	list-style: decimal;
}

.page-inos-legal .legal-section ol:not(.legal-parentheses) > li {
	padding-left: .3em;
}


/* ・リスト */
.page-inos-legal .legal-section ul {
	list-style: none;
}

.page-inos-legal .legal-section ul > li {
	position: relative;
	padding-left: 1.4em;
}

.page-inos-legal .legal-section ul > li::before {
	content: "・";
	position: absolute;
	top: 0;
	left: 0;
}
.page-inos-legal .legal-section ul.abc {
	counter-reset: abc;
	margin: 0;
	padding: 0;
	list-style: none;
}

.page-inos-legal .legal-section ul.abc > li {
	position: relative;
	counter-increment: abc;
	padding-left: 3em;
}

.page-inos-legal .legal-section ul.abc > li::before {
	content: "■" counter(abc, lower-alpha) ".";
	position: absolute;
	top: 0;
	left: 0;
	white-space: nowrap;
}


/* （1）（2）形式 */
.page-inos-legal .legal-parentheses {
	counter-reset: legal-number;
	list-style: none;
}

.page-inos-legal .legal-parentheses > li {
	position: relative;
	padding-left: 2.7em;
	counter-increment: legal-number;
}

.page-inos-legal .legal-parentheses > li::before {
	content: "（" counter(legal-number) "）";
	position: absolute;
	top: 0;
	left: 0;
	white-space: nowrap;
}


/*------------------------
	文章末尾
------------------------*/
.page-inos-legal .legal-end {
	text-align: right;
}


/*========================================
	特商法テーブル
========================================*/
.page-inos-legal .legal-table {
	width: 100%;
	border-collapse: collapse;
	border-top: 1px solid rgba(255, 255, 255, .3);
}

.page-inos-legal .legal-table th,
.page-inos-legal .legal-table td {
	vertical-align: top;
	border-bottom: 1px solid rgba(255, 255, 255, .3);
	line-height: 1.9;
}

.page-inos-legal .legal-table th {
	font-weight: 500;
	background: rgba(255, 255, 255, .06);
}

.page-inos-legal .legal-table td {
	background: transparent;
}

.page-inos-legal .legal-table a {
	display: inline;
	color: #fff;
	text-decoration: underline;
	text-underline-offset: 3px;
}


/*========================================
	PC・タブレット
	768px以上
========================================*/
@media screen and (min-width:768px) {
	.page-title .sub-head{
		font-size: 16px;
		margin-bottom:8px;
	}
	.contents-inner{
		width: calc(100% - 80px);
		max-width: 1000px;
		margin-left: auto;
		margin-right: auto;
		padding-bottom: 140px;
	}

	.page-inos-legal .inos-legal-content {
		font-size: 15px;
	}
	.margin-block{
		margin-bottom:40px;
	}


	/*------------------------
		セクション
	------------------------*/
	.page-inos-legal .legal-section {
		padding: 0px 0 55px;
	}


	/*------------------------
		h2
	------------------------*/
	.page-inos-legal .legal-section h2 {
		margin-bottom: 14px;
		font-size: 24px;
	}

	.page-inos-legal .legal-section h2::after {
		margin-top: 14px;
	}


	/*------------------------
		h3
	------------------------*/
	.page-inos-legal .legal-section h3 {
		margin-top: 35px;
		margin-bottom: 15px;
		font-size: 18px;
	}

	.page-inos-legal .legal-section h2 + h3 {
		margin-top: 0;
	}


	/*------------------------
		リスト
	------------------------*/
	.page-inos-legal .legal-section ul,
	.page-inos-legal .legal-section ol {
		margin-top: 20px;
	}

	.page-inos-legal .legal-section li + li {
		margin-top: 6px;
	}


	/*------------------------
		特商法テーブル
	------------------------*/
	.page-inos-legal .legal-table th,
	.page-inos-legal .legal-table td {
		padding: 22px 25px;
	}

	.page-inos-legal .legal-table th {
		width: 30%;
	}

	.page-inos-legal .legal-table td {
		width: 70%;
	}

}


/*========================================
	SP
	375px基準
========================================*/
@media screen and (max-width:767px) {
	.page-title .sub-head{
		margin-bottom: 2.67vw;
	}
	.contents-inner{
		width: 100%;
		padding-right: 5.33vw;
		padding-left: 5.33vw;
		padding-bottom: 17.33vw;
	}

	.page-inos-legal .inos-legal-content {
		font-size: 3.73vw;
		line-height: 2;
	}
    .page-title .head {
			font-size:6.933vw;
		}
	.margin-block{
		margin-bottom: 6.4vw;
	}
	/*------------------------
		セクション
	------------------------*/
	.page-inos-legal .legal-section {
		padding: 0 0 12vw;
	}

	/*------------------------
		h2
	------------------------*/
	.page-inos-legal .legal-section h2 {
		margin-bottom: 4vw;
		font-size: 4.8vw;
		line-height: 1.7;
	}

	.page-inos-legal .legal-section h2::after {
		width: 9.6vw;
		margin-top: 3.2vw;
	}


	/*------------------------
		h3
	------------------------*/
	.page-inos-legal .legal-section h3 {
		margin-top: 8vw;
		margin-bottom: 3.47vw;
		font-size: 4.27vw;
	}

	.page-inos-legal .legal-section h2 + h3 {
		margin-top: 0;
	}


	/*------------------------
		リスト
	------------------------*/
	.page-inos-legal .legal-section ul,
	.page-inos-legal .legal-section ol {
		margin-top: 5.33vw;
	}

	.page-inos-legal .legal-section li + li {
		margin-top: 3.2vw;
	}

	.page-inos-legal .legal-parentheses > li {
		padding-left: 3em;
	}


	/*------------------------
		特商法テーブル
		SPは縦積み
	------------------------*/
	.page-inos-legal .legal-table,
	.page-inos-legal .legal-table tbody,
	.page-inos-legal .legal-table tr,
	.page-inos-legal .legal-table th,
	.page-inos-legal .legal-table td {
		display: block;
		width: 100%;
	}

	.page-inos-legal .legal-table {
		border-top: 0;
	}

	.page-inos-legal .legal-table tr {
		border-top: 1px solid rgba(255, 255, 255, .3);
	}

	.page-inos-legal .legal-table tr:last-child {
		border-bottom: 1px solid rgba(255, 255, 255, .3);
	}

	.page-inos-legal .legal-table th {
		padding: 1.67vw 4vw;
		border-bottom: 0;
		font-size: 3.73vw;
		background: rgba(255, 255, 255, .08);
	}

	.page-inos-legal .legal-table td {
		padding: 4vw 4vw 4.8vw;
		border-bottom: 0;
		font-size: 3.73vw;
	}

}