@charset "UTF-8";
.txtEx {
	text-indent: 120%;
	white-space: nowrap;
	overflow: hidden;
}
.PC {display: inherit;}
.SP {display: none;}

body {
	margin: 0;
	padding: 0;
}
:where(.lparea) {
	margin: 0 auto;
	font-family: var(--font-default);
}
.mincho {
	font-family: var(--font-Mincho);
}
:where(.lparea) *,
:where(.lparea) *::before,
:where(.lparea) *::after {
  box-sizing: border-box;
	font-family: inherit;
  font-size: 1.333vw;
}
:where(.lparea) body,
:where(.lparea) h1,
:where(.lparea) h2,
:where(.lparea) h3,
:where(.lparea) h4,
:where(.lparea) p,
:where(.lparea) ul,
:where(.lparea) ol,
:where(.lparea) li,
:where(.lparea) figure,
:where(.lparea) figcaption,
:where(.lparea) blockquote,
:where(.lparea) dl,
:where(.lparea) dd {
  margin: 0;
  padding: 0;
	border: none;
	background: none;
}
:where(.lparea) ul[class],
:where(.lparea) ol[class] {
	list-style: none;
}
:where(.lparea) img {
  display: block;
  width: 100%;
}
:where(.lparea) input,
:where(.lparea) button,
:where(.lparea) textarea,
:where(.lparea) select {
  font: inherit;
}
:where(.lparea) button,
:where(.lparea) input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0;
  border: none;
  background: none;
  outline: none;
}
:where(.lparea) input {
    border-radius: 0;
    background: transparent;
}
:where(.lparea) a:where([class]) {
	display: inline-block;
	transition: opacity 0.12s;
}
	:where(.lparea) a:where([class]):hover {
		opacity: 0.8;
	}

:where(.lparea) *[class] > mark {
	color: inherit;
	background: none;
}
/*RESET*/

:root {
	--font-default: 'Noto Sans JP', sans-serif;
	--font-Mincho: 'Noto Serif JP', serif;
}

  /*deviceWidth 750px 以上の時 全体のフォントサイズ 10px に固定*/
  @media screen and (min-width: 750px) {
		:where(.lparea) *,
		:where(.lparea) *::before,
		:where(.lparea) *::after {
      font-size: 10px; /*defaultFontsize*/
		}
  }

.lparea {
	width: 100%;
	max-width: 750px;
	margin: 0 auto;
}

._img {}
	._img .__bg {
		width: 100%;
	}

.fv {
	position: relative;
		z-index: -1;
	margin-bottom: -18em;
}
.fv__video {}
	.fv__video video {
		width: 100%;
	}
.fv__txt {
	position: absolute;
		top: 0;
		right: 7em;
		z-index: 10;
	width: 5.13em;
}

.rz {
	position: relative;
}
.rz__video {
	position: absolute;
		z-index: 10;
		right: 1em;
		bottom: 1em;
	width: 68.8em;
}
	.rz__video video {
		width: 100%;
	}

.cv {
	background: #dabdb6;
	padding-bottom: 8em;
}
.cv__tabs {
	display: flex;
		align-items: flex-end;
		gap: 0 1em;
	width: 65em;
	margin: 0 auto;
}
	.cv__tabs > li {
		cursor: pointer;
		width: 21em;
		height: 17.2em;
			text-indent: 120%;
			white-space: nowrap;
			overflow: hidden;
		background: url("../images/cv__tablist.png") no-repeat;
		background-size: auto 17.3em;
	}
				.cv__tabs > li:hover {
					opacity: 0.8;
				}
				.cv__tabs > li.is-active {
					pointer-events: none;
					height: 19em;
					background-image: url("../images/cv__tablist_on.png");
					background-size: auto 19.1em;
				}
	.cv__tabs .set48 {
		background-position: left top;
	}
	.cv__tabs .set24 {
		background-position: center top;
	}
	.cv__tabs .set12 {
		background-position: right top;
	}
.cv__lists {
	width: 65em;
	margin: 0 auto;
}
	.cv__lists > li {
		display: none;
		border: 0.8em solid #000;
	}
	.cv__lists .set48 {
		border-color: #c93b2c;
	}
	.cv__lists .set24 {
		border-color: #cf6779;
	}
	.cv__lists .set12 {
		border-color: #80807a;
	}
				.cv__lists > li.is-active {
					display: block;
				}
		.cv__lists .btnarea {
			padding: 6em 0 4em 0;
			background: #fff;
		}
			.cv__lists .btnarea a {
				display: block;
				width: 55em;
				height: 17.4em;
				margin: 0 auto;
					text-indent: 120%;
					white-space: nowrap;
					overflow: hidden;
				background: url("../images/cv_btnset.png") no-repeat;
				background-size: auto 100%;
			}
				.cv__lists .set48 .btnarea a {
					background-position: left top;
				}
				.cv__lists .set24 .btnarea a {
					background-position: center top;
				}
				.cv__lists .set12 .btnarea a {
					background-position: right top;
				}