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

:root {
	--font-default: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", YuGothic, "Yu Gothic Medium", "Yu Gothic", "メイリオ", Meiryo, Osaka, "sans-serif";
	--font-Mincho:  "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;

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

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

:where(html) {
	scrollbar-width: none; /*Firefox対応のスクロールバー非表示コード*/
	-ms-overflow-style: none;/*Internet Explore対応のスクロールバー非表示コード*/
}
:where(html)::-webkit-scrollbar {
	display: none; /*Google Chrome、Safari、Microsoft Edge対応のスクロールバー非表示コード*/
}
  /*deviceWidth 750px 以上の時 全体のフォントサイズ 10px に固定*/
  @media screen and (min-width: 750px) {
		.lparea,
		.lparea *,
		.lparea *::before,
		.lparea *::after {
      font-size: 10px; /*defaultFontsize*/
		}
  }

.lparea {
	padding-top: 12em;
	background: #000;
	overflow-x: hidden;
}

.lparea .header {
	position: fixed;
		z-index: 1000;
		top: 0;
		right: 0;
		left: 0;
	background: #fff;
}
	.lparea .header .wrap {
		display: flex;
			justify-content: space-between;
			align-items: center;
		max-width: 750px;
		height: 12em;
		margin: 0 auto;
		padding: 0 2.5em 0 2em;
	}
	.lparea .header .logo {
		width: 15.3em;
	}
	.lparea .header .btn01 {
		width: 39em;
	}

.lparea .wbox {
	display: flex;
		justify-content: center;
}
	.lparea .wbox img {
		width: 200em;
	}
.lparea .box {
	max-width: 750px;
	margin: 0 auto;
}
.lparea .col-3 {
	display: flex;
	max-width: 750px;
	margin: 0 auto;
}
	.lparea .col-3 .box {
		width: calc(100% / 3);
	}
.lparea .col-2 {
	display: flex;
	max-width: 750px;
	margin: 0 auto;
}
	.lparea .col-2 .box {
	}

.lparea .btn02area {
	position: relative;
}
	.lparea .btn02area .btn02 {
		position: absolute;
			z-index: 10;
			bottom: 11.2em;
			left: 50%;
			transform: translateX(-50%);
		width: 58em;
		box-shadow: 1em 1em 2em rgba(0,0,0,0.2);
	}

.lparea .btn03area {
	position: relative;
}
	.lparea .btn03area .btn03 {
		position: absolute;
			z-index: 10;
			bottom: 8em;
			left: 50%;
			transform: translateX(-50%);
		width: 58em;
		box-shadow: 1em 1em 2em rgba(0,0,0,0.2);
	}