@charset "utf-8";

.forSp {
	display: none;
}

.forPc {
	display: block;
}


/* メインイメージ */
.maimImg {
	margin-top: 3vw;
	margin-bottom: 3vw;
}

.maimImg img {
	vertical-align: bottom;
	height: auto;
	width: 100%;
}

/* タイトル */
h1 {
	font-size: 3.2vw;
	font-weight: 900;
	color: #333;
	font-family: Noto Serif JP, "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	text-align: center;
	letter-spacing: 0.06em;
	margin-bottom: 3vw;
}

.red {
	font-size: 3.2vw;
	font-weight: 900;
	color: #C00;
	font-family: "Noto Serif JP", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	text-align: center;
	letter-spacing: 0.06em;
}

/* 本文 */
.agreeArea {
	width: 80%;
	margin-right: auto;
	margin-left: auto;
}

.agreeTtl {
	font-size: 1.6vw;
	line-height: 130%;
	padding-bottom: 1em;
}

.agreeSubTtl {
	font-size: 1.2vw;
	line-height: 160%;
	font-weight: 400;
	padding-bottom: 1em;
}

.agreeNote {
	font-size: 0.9vw;
	line-height: 170%;
	padding-bottom: 2vw;
	text-indent: -1em;
	padding-left: 1em;
}

.agreeTxt {
	font-size: 0.9vw;
	line-height: 170%;
	padding-bottom: 2vw;
}

.blue {
	color: #00F;
	font-size: 0.8vw;
	vertical-align: text-top;
}

.blueBtm {
	color: #00F;
	font-size: 1vw;
}

/* 規約本文 */
.termsofUse {
	height: 50vh;
	width: 86%;
	margin-right: auto;
	margin-left: auto;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000;
	overflow: auto;
	padding: 2vw;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
	margin-bottom: 2vw;
}

.termsTtlLarg {
	font-size: 1.2vw;
	line-height: 140%;
	padding-bottom: 1vw;
	font-weight: 500;
}

.termsTtl {
	font-size: 1.1vw;
	line-height: 140%;
	padding-bottom: 1vw;
	font-weight: 400;
}

.termsTxt {
	font-size: 0.85vw;
	line-height: 170%;
	padding-bottom: 1.6vw;
	font-weight: 400;
}

/* リスト表示 */
.terms {
	padding-left: 2vw;
	padding-bottom: 1vw;
}

.termsli {
	font-size: 0.85vw;
	line-height: 170%;
	padding-bottom: 0.5em;
	font-weight: 400;
	list-style-type: disc;
}

.termsSub {
	padding-left: 2vw;
}

.termsSubli {
	font-size: 0.85vw;
	line-height: 170%;
	padding-bottom: 0.5em;
	font-weight: 400;
	list-style-type: circle;
}

/* 改訂履歴 */
.revisionTop {
	display: flex;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #666;
	border-bottom-color: #666;
	width: 50%;
}

.revision {
	display: flex;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
	width: 50%;
}

.revisionTop dt,
.revision dt {
	font-size: 0.9vw;
	line-height: 140%;
	width: 50%;
	padding: 0.8em;
}

.revisionTop dd,
.revision dd {
	font-size: 0.9vw;
	line-height: 140%;
	width: 50%;
	padding: 0.8em;
}

/* ボタンエリア */
.btnArea {
	width: 86%;
	margin-right: auto;
	margin-left: auto;
}


@media screen and (max-width: 767.98px){ /*768-992*/

.forSp {
	display: block;
}

.forPc {
	display: none;
}


/* メインイメージ */
.maimImg {
	margin-top: 3vw;
	margin-bottom: 3vw;
}

.maimImg img {
	vertical-align: bottom;
	height: auto;
	width: 100%;
}

/* タイトル */
h1 {
	font-size: 8vw;
	font-weight: 900;
	color: #333;
	font-family: Noto Serif JP, "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	text-align: center;
	letter-spacing: 0.06em;
	margin-bottom: 5vh;
}

.red {
	font-size: 7vw;
	font-weight: 900;
	color: #C00;
	font-family: "Noto Serif JP", "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	text-align: center;
	letter-spacing: 0.06em;
}

/* 本文 */
.agreeArea {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}

.agreeTtl {
	font-size: 3.8vw;
	line-height: 130%;
	padding-bottom: 1em;
}

.agreeSubTtl {
	font-size: 3vw;
	line-height: 160%;
	font-weight: 400;
	padding-bottom: 1em;
}

.agreeNote {
	font-size: 2.6vw;
	line-height: 170%;
	padding-bottom: 10vw;
	text-indent: -1em;
	padding-left: 1em;
}

.agreeTxt {
	font-size: 0.9vw;
	line-height: 170%;
	padding-bottom: 3vw;
}

.blue {
	color: #00F;
	font-size: 2.2vw;
	vertical-align: text-top;
}

.blueBtm {
	color: #00F;
	font-size: 2.6vw;
}

/* 規約本文 */
.termsofUse {
	height: 50vh;
	width: 96%;
	margin-right: auto;
	margin-left: auto;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #000;
	overflow: auto;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
	margin-bottom: 5vw;
	padding-top: 2vw;
	padding-right: 2vw;
	padding-bottom: 6vw;
	padding-left: 2vw;
}

.termsTtlLarg {
	font-size: 2.8vw;
	line-height: 140%;
	padding-bottom: 1vw;
	font-weight: 500;
}

.termsTtl {
	font-size: 2.5vw;
	line-height: 140%;
	padding-bottom: 2vw;
	font-weight: 400;
}

.termsTxt {
	font-size: 2.2vw;
	line-height: 170%;
	padding-bottom: 2vw;
	font-weight: 400;
}

/* リスト表示 */
.terms {
	padding-left: 5vw;
	padding-bottom: 1vw;
}

.termsli {
	font-size: 2.2vw;
	line-height: 170%;
	padding-bottom: 0.5em;
	font-weight: 400;
	list-style-type: disc;
}

.termsSub {
	padding-left: 4.5vw;
}

.termsSubli {
	font-size: 2.2vw;
	line-height: 170%;
	padding-bottom: 0.5em;
	font-weight: 400;
	list-style-type: circle;
}

/* 改訂履歴 */
.revisionTop {
	display: flex;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #666;
	border-bottom-color: #666;
	width: 100%;
}

.revision {
	display: flex;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
	width: 100%;
}

.revisionTop dt,
.revision dt {
	font-size: 2.2vw;
	line-height: 140%;
	width: 50%;
	padding: 1em;
}

.revisionTop dd,
.revision dd {
	font-size: 2.2vw;
	line-height: 140%;
	width: 50%;
	padding: 0.8em;
}

/* ボタンエリア */
.btnArea {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}



}