@charset "utf-8";


/*----------------------------------------------------
 トップページ
----------------------------------------------------*/
/* mv */
.topPage .mv {
	margin: 0 auto var(--50px);
	width: 88%;
}
	.topPage .mv .leftBox {
		padding-top: var(--30px);
		text-align: center;
	}
		.topPage .mv .subTitle {
			font-size: 3.9vw;
			font-weight: 500;
			line-height: 1;
		}
			.topPage .mv .subTitle strong {
				color: var(--color-green);
			}
		.topPage .mv .logo {
			width: 100%;
		}
	.topPage .mv .rightBox {
	}
		.topPage .mv .rightBox .bgText {
			background-color: var(--color-red);
			color: var(--color-white);
			font-size: 4.6vw;
			font-weight: 500;
			text-align: center;
			display: block;
			padding: var(--04px);
			border-radius: 30px;
		}
			.topPage .mv .rightBox .bgText strong span {
				position: relative; /* 基準値とする */
			}
				.topPage .mv .rightBox .bgText strong span::before {
					content: "・";       /* 文字の上に置くものを指定 */
					position: absolute; /* 相対位置とする */
					top: -1.1em;          /* 縦方向の表示位置を調整（-1emくらいがちょうどいいかんじ） */
					left: 0;            /* 横方向の表示位置を調整 */
					font-size: var(--22px);
					letter-spacing: -5px;
					-webkit-text-stroke: 2px var(--color-red);
					text-stroke: 2px var(--color-red);
				}
		.topPage .mv .rightBox .kakaku {
			display: flex;
			align-items: center;
			width: 340px;
			margin: 0 auto;
		}
			.topPage .mv .rightBox .kakaku dt ul {
				display: flex;
			}
				.topPage .mv .rightBox .kakaku dt ul li {
					border: 1px solid var(--color-black);
					background-color: var(--color-white);
					padding: var(--20px) var(--05px);
					font-size: var(--14px);
					font-weight: 500;
					line-height: 1.1;
					border-radius: 5px;
					margin-left: var(--05px);
				}
					.topPage .mv .rightBox .kakaku dt ul li.tate {
						writing-mode: vertical-rl;
						text-align: center;
						padding: var(--20px) var(--05px) var(--22px) var(--04px);
					}
			.topPage .mv .rightBox .kakaku dd {
				color: var(--color-red);
				font-weight: 500;
				line-height: 1;
				margin-left: var(--05px);
			}
				.topPage .mv .rightBox .kakaku dd .num {
					font-family: "Oswald", serif;
					font-size: 100px;
				}
				.topPage .mv .rightBox .kakaku dd .man {
					font-size: 56px;
				}
				.topPage .mv .rightBox .kakaku dd .en {
					font-size: 42px;
				}
					.topPage .mv .rightBox .kakaku dd .en rt {
						font-size: var(--16px);
						color: var(--text-color);
						text-align: center;
					}
	.topPage .mv .rightBox .annotation li {
		margin-top: var(--10px);
	}
		.topPage .mv .rightBox .annotation li a {
			display: block;
			background-color: var(--color-white);
			padding: var(--04px) 0 var(--04px) var(--50px);
			border-radius: 30px;
			font-size: var(--12px);
			color: var(--text-color);
			position: relative;
		}
		.topPage .mv .rightBox .annotation li a::after {
			content: "＋";
			position: absolute;
			top: 2px;
			left: 28px;
			font-size: var(--14px);
			font-weight: 500;
		}

/* 820px以下 */
@media screen and (max-width:820px) {
	.topPage .mv {
		display: block;
	}
		.topPage .mv .leftBox {
			margin-left: auto;
			margin-right: auto;
			margin-bottom: var(--50px);
		}
		.topPage .mv .rightBox {
			margin-left: auto;
			margin-right: auto;
		}
}

/* 年末年始 */
.year-end-new a {
	max-width: 800px;
	width: 90%;
	margin: 0 auto var(--30px);
	border-radius: 10px;
	border: 1px solid var(--color-red);
	background-color: #FDEFF0;
	overflow: hidden;
	display: block;
	padding: var(--20px) 0;
	color: var(--text-color);
	font-size: var(--20px);
	font-weight: 700;
	display: flex;
	justify-content: center;
}
	.year-end-new a .title {
		color: var(--color-red);
		font-size: var(--20px);
		padding-left: var(--30px);
		padding-right: var(--50px);
		position: relative;
	}
		.year-end-new .title:before {
			content: url(../img/common/icon_exclamation_red.svg);
			width: 24px;
			height: 24px;
			position: absolute;
			top: 3px;
			left: 0;
		}
	.year-end-new a p {
		position: relative;
		padding-left: var(--20px);
	}
		.year-end-new a p:after {
			content: '';
			width: 8px;
			height: 8px;
			border: 0;
			border-top: solid 2px var(--text-color);
			border-right: solid 2px var(--text-color);
			position: absolute;
			top: 50%;
			left: 0;
			margin-top: -4px;
			transform: rotate(45deg);
		}

/*----------------------------------------------------
 個人情報の取り扱いについて
----------------------------------------------------*/
.privacyPage h2 {
	font-size: 6vw;
}
.privacyPage .text {
	background-color: var(--color-white);
	border-radius: var(--30px);
	padding: var(--20px);
	margin-bottom: var(--30px);
}