@charset "UTF-8";
/* -----------------------------------------------------------
reset
----------------------------------------------------------- */
* {
	margin: 0;
	padding: 0;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-box-shadow: none;
	box-shadow: none;
	outline: none;
}

div, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, ul, li, form, input, textarea, button, table, tr, th, td, article, aside, footer, header, hgroup, nav, section, a, span {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}

address, caption, cite, code, dfn, em, th, var {
	font-style: normal;
	font-weight: normal;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

q:before, q:after {
	content: '';
}

object,
embed {
	vertical-align: top;
}

hr, legend {
	display: none;
	border: none;
}

abbr, acronym, fieldset {
	border: 0;
}

tr, th, td, caption {
	vertical-align: top;
	font-style: normal;
	font-weight: normal;
	text-align: left;
}

ol, ul {
	list-style: none;
}

h1, h2, h3, h4, h5, h6 {
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
}

img {
	border: 0;
	font-size: 0;
	line-height: 0;
	vertical-align: bottom;
}

body {
	width: 100%;
	color: #1A1A1A;
	line-height: 1.6;
	font-size: 16px;
	font-weight: 500;
	font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","Osaka","ＭＳ Ｐゴシック", "MS P Gothic",Verdana,Arial, Helvetica, sans-serif;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	body {
		font-size: 16px;
		font-size: 1.11188vw;
	}
}

@media only screen and (max-width: 767px) {
	body {
		min-width: 320px;
	}
}

input, textarea {
	font-family: "Noto Sans JP", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","Osaka","ＭＳ Ｐゴシック", "MS P Gothic",Verdana,Arial, Helvetica, sans-serif;
}

a:focus {
	outline: none;
}

a {
	color: #1A1A1A;
	text-decoration: none;
}

img {
	max-width: 100%;
}

/*////////////////////////////////////////

padding, margin

////////////////////////////////////////*/
.padT0 {
	padding-top: 0 !important;
}

.padT1 {
	padding-top: 0.5em !important;
}

.padT2 {
	padding-top: 1em !important;
}

.padT3 {
	padding-top: 1.5em !important;
}

.padT4 {
	padding-top: 2em !important;
}

.padT5 {
	padding-top: 2.5em !important;
}

.padL0 {
	padding-left: 0 !important;
}

.padL1 {
	padding-left: 0.5em !important;
}

.padL2 {
	padding-left: 1em !important;
}

.padL3 {
	padding-left: 1.5em !important;
}

.padL4 {
	padding-left: 2em !important;
}

.padL5 {
	padding-left: 2.5em !important;
}

.padR0 {
	padding-right: 0 !important;
}

.padR1 {
	padding-right: 0.5em !important;
}

.padR2 {
	padding-right: 1em !important;
}

.padR3 {
	padding-right: 1.5em !important;
}

.padR4 {
	padding-right: 2em !important;
}

.padR5 {
	padding-right: 2.5em !important;
}

.padB0 {
	padding-bottom: 0 !important;
}

.padB1 {
	padding-bottom: 0.5em !important;
}

.padB2 {
	padding-bottom: 1em !important;
}

.padB3 {
	padding-bottom: 1.5em !important;
}

.padB4 {
	padding-bottom: 2em !important;
}

.padB5 {
	padding-bottom: 2.5em !important;
}

.marT0 {
	margin-top: 0 !important;
}

.marT1 {
	margin-top: 0.5em !important;
}

.marT2 {
	margin-top: 1em !important;
}

.marT3 {
	margin-top: 1.5em !important;
}

.marT4 {
	margin-top: 2em !important;
}

.marT5 {
	margin-top: 2.5em !important;
}

.marL0 {
	margin-left: 0 !important;
}

.marL1 {
	margin-left: 0.5em !important;
}

.marL2 {
	margin-left: 1em !important;
}

.marL3 {
	margin-left: 1.5em !important;
}

.marL4 {
	margin-left: 2em !important;
}

.marL5 {
	margin-left: 2.5em !important;
}

.marR0 {
	margin-right: 0 !important;
}

.marR1 {
	margin-right: 0.5em !important;
}

.marR2 {
	margin-right: 1em !important;
}

.marR3 {
	margin-right: 1.5em !important;
}

.marR4 {
	margin-right: 2em !important;
}

.marR5 {
	margin-right: 2.5em !important;
}

.marB0 {
	margin-bottom: 0 !important;
}

.marB1 {
	margin-bottom: 0.5em !important;
}

.marB2 {
	margin-bottom: 1em !important;
}

.marB3 {
	margin-bottom: 1.5em !important;
}

.marB4 {
	margin-bottom: 2em !important;
}

.marB5 {
	margin-bottom: 2.5em !important;
}

/*************************************************************
/ pc,sp
/************************************************************/
@media only screen and (min-width: 768px) {
	.SP {
		display: none !important;
	}
}

@media only screen and (max-width: 767px) {
	.PC {
		display: none !important;
	}
}

/*************************************************************
/ #wrap
/************************************************************/
#wrap {
	position: relative;
	z-index: 1;
}

/*************************************************************
/ hum-btn
/************************************************************/
.hum-btn {
	width: 60px;
	height: 60px;
	position: fixed;
	top: 40px;
	right: 40px;
	background-color: #1A1A1A;
	z-index: 102;
	cursor: pointer;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.hum-btn {
		width: 4.16956vw;
		height: 4.16956vw;
		top: 2.77971vw;
		right: 2.77971vw;
	}
}

@media only screen and (max-width: 767px) {
	.hum-btn {
		width: 10.66667vw;
		height: 10.66667vw;
		top: 5.33333vw;
		right: 5.33333vw;
	}
}

.hum-btn .inner {
	width: 24px;
	height: 20px;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.hum-btn .inner {
		width: 1.66782vw;
		height: 1.38985vw;
	}
}

@media only screen and (max-width: 767px) {
	.hum-btn .inner {
		width: 4.26667vw;
		height: 3.46667vw;
	}
}

.hum-btn span {
	width: 100%;
	height: 2px;
	display: block;
	background-color: #fff;
	position: absolute;
	left: 0;
	transition: transform .5s, opacity .3s;
}

@media only screen and (max-width: 767px) {
	.hum-btn span {
		height: 1px;
	}
}

.hum-btn span:nth-child(1) {
	top: 0;
}

.hum-btn span:nth-child(2) {
	top: 0;
	bottom: 0;
	margin: auto;
}

.hum-btn span:nth-child(3) {
	bottom: 0;
}

/*************************************************************
/ g-nav
/************************************************************/
.g-nav {
	width: 567px;
	height: 100%;
	background-color: #1A1A1A;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	position: fixed;
	top: 0;
	right: 0;
	z-index: 101;
	transform: translateX(100%);
	transition: transform 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.g-nav {
		width: 39.40236vw;
	}
}

@media only screen and (max-width: 767px) {
	.g-nav {
		width: 100%;
		right: 0;
		margin-right: 0;
		z-index: 99;
	}
}

.g-nav__logo-useless {
	width: 112px;
	position: absolute;
	top: 40px;
	left: 40px;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.g-nav__logo-useless {
		width: 7.78318vw;
		top: 2.77971vw;
		left: 2.77971vw;
	}
}

@media only screen and (max-width: 767px) {
	.g-nav__logo-useless {
		width: 28.93333vw;
		top: 8vw;
		left: 8vw;
	}
}

@media only screen and (max-width: 767px) {
	.g-nav__content {
		padding: 0;
	}
}

.g-nav__list {
	width: 300px;
	margin: 0 auto;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.g-nav__list {
		width: 20.84781vw;
	}
}

@media only screen and (max-width: 767px) {
	.g-nav__list {
		width: 62.66667vw;
	}
}

.g-nav__list a {
	font-family: "Jost", sans-serif;
	font-size: 28px;
	font-weight: 500;
	color: #fff;
	letter-spacing: .05em;
	line-height: 1;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	position: relative;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.g-nav__list a {
		font-size: 28px;
		font-size: 1.9458vw;
	}
}

@media only screen and (max-width: 767px) {
	.g-nav__list a {
		font-size: 48px;
		font-size: 6.4vw;
	}
}

.g-nav__list > li + li {
	margin-top: 30px;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.g-nav__list > li + li {
		margin-top: 2.08478vw;
	}
}

@media only screen and (max-width: 767px) {
	.g-nav__list > li + li {
		margin-top: 6.66667vw;
	}
}

.g-nav__list > li:nth-last-child(-n+2) a {
	font-size: 20px;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.g-nav__list > li:nth-last-child(-n+2) a {
		font-size: 20px;
		font-size: 1.38985vw;
	}
}

@media only screen and (max-width: 767px) {
	.g-nav__list > li:nth-last-child(-n+2) a {
		font-size: 32px;
		font-size: 4.26667vw;
	}
}

.g-nav__list > li:nth-last-child(2) {
	margin-top: 55px;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.g-nav__list > li:nth-last-child(2) {
		margin-top: 3.8221vw;
	}
}

@media only screen and (max-width: 767px) {
	.g-nav__list > li:nth-last-child(2) {
		margin-top: 10vw;
	}
}

.g-nav__list > li:nth-last-child(2) + li {
	margin-top: 15px;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.g-nav__list > li:nth-last-child(2) + li {
		margin-top: 1.04239vw;
	}
}

@media only screen and (max-width: 767px) {
	.g-nav__list > li:nth-last-child(2) + li {
		margin-top: 4.66667vw;
	}
}

.g-nav__list > li .nest-list {
	margin-top: 20px;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.g-nav__list > li .nest-list {
		margin-top: 1.38985vw;
	}
}

.g-nav__list > li .nest-list li {
	padding-left: 1em;
}

@media only screen and (max-width: 767px) {
	.g-nav__list > li .nest-list li {
		padding-left: 1.7em;
	}
}

.g-nav__list > li .nest-list li a {
	font-size: 20px;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.g-nav__list > li .nest-list li a {
		font-size: 20px;
		font-size: 1.38985vw;
	}
}

@media only screen and (max-width: 767px) {
	.g-nav__list > li .nest-list li a {
		font-size: 32px;
		font-size: 4.26667vw;
	}
}

/*************************************************************
/ gray-layer
/************************************************************/
.gray-layer {
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.7);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	opacity: 0;
	pointer-events: none;
	transition: opacity .3s;
}

@media only screen and (max-width: 767px) {
	.gray-layer {
		z-index: 98;
	}
}

/*************************************************************
/ is-nav-op
/************************************************************/
body.is-nav-op {
	width: 100%;
	overflow: hidden;
	position: fixed;
	top: 0;
	left: 0;
}

body.is-nav-op .hum-btn {
	background-color: #fff;
}

body.is-nav-op .hum-btn span {
	background-color: #000;
}

body.is-nav-op .hum-btn span:nth-child(1) {
	bottom: 0;
	margin: auto;
	transform: rotate(225deg);
}

body.is-nav-op .hum-btn span:nth-child(2) {
	opacity: 0;
}

body.is-nav-op .hum-btn span:nth-child(3) {
	top: 0;
	margin: auto;
	transform: rotate(-225deg);
}

body.is-nav-op .g-nav {
	transform: translateX(0);
}

body.is-nav-op .gray-layer {
	opacity: 1;
	pointer-events: auto;
}

/*************************************************************
/ g-footer
/************************************************************/
.g-footer {
	height: 180px;
	background-color: #1A1A1A;
	color: #fff;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.g-footer {
		height: 12.50869vw;
	}
}

@media only screen and (max-width: 767px) {
	.g-footer {
		height: 46vw;
	}
}

.g-footer a {
	color: #fff;
}

.g-footer .l-inner-wrap {
	position: relative;
}

@media only screen and (min-width: 768px) {
	.g-footer .l-inner-wrap {
		display: flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		-webkit-align-items: center;
		align-items: center;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
}

.g-footer .share-list {
	display: flex;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-items: center;
	align-items: center;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

@media only screen and (max-width: 767px) {
	.g-footer .share-list {
		margin-top: 2.66667vw;
	}
}

.g-footer .share-list li:nth-child(n+2) {
	margin-left: 18px;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.g-footer .share-list li:nth-child(n+2) {
		margin-left: 1.25087vw;
	}
}

@media only screen and (max-width: 767px) {
	.g-footer .share-list li:nth-child(n+2) {
		margin-left: 4.53333vw;
	}
}

.g-footer .share-list li.facebook {
	width: 26px;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.g-footer .share-list li.facebook {
		width: 1.80681vw;
	}
}

@media only screen and (max-width: 767px) {
	.g-footer .share-list li.facebook {
		width: 6.13333vw;
	}
}

.g-footer .share-list li.twitter {
	width: 30px;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.g-footer .share-list li.twitter {
		width: 2.08478vw;
	}
}

@media only screen and (max-width: 767px) {
	.g-footer .share-list li.twitter {
		width: 7.33333vw;
	}
}

.g-footer .share-list li.line {
	width: 25px;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.g-footer .share-list li.line {
		width: 1.73732vw;
	}
}

@media only screen and (max-width: 767px) {
	.g-footer .share-list li.line {
		width: 6.26667vw;
	}
}

.g-footer .share-list li.hatena {
	width: 24px;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.g-footer .share-list li.hatena {
		width: 1.66782vw;
	}
}

@media only screen and (max-width: 767px) {
	.g-footer .share-list li.hatena {
		width: 5.86667vw;
	}
}

.g-footer .share-list li img {
	display: block;
}

.g-footer .copy {
	margin-right: 150px;
	font-family: "Jost", sans-serif;
	font-size: 12px;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.g-footer .copy {
		margin-right: 10.42391vw;
		font-size: 12px;
		font-size: 0.83391vw;
	}
}

@media only screen and (max-width: 767px) {
	.g-footer .copy {
		margin-right: 0;
		margin-top: 9.33333vw;
		font-size: 24px;
		font-size: 3.2vw;
		letter-spacing: 0.05em;
		text-align: center;
	}
}

.g-footer .page-top {
	position: absolute;
}

@media only screen and (min-width: 1440px) {
	.g-footer .page-top {
		width: 60px;
		height: 60px;
		top: 0;
		bottom: 0;
		right: 0;
		margin: auto;
	}
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.g-footer .page-top {
		width: 4.16956vw;
		height: 4.16956vw;
		top: 0;
		bottom: 0;
		right: 0;
		margin: auto;
	}
}

@media only screen and (max-width: 767px) {
	.g-footer .page-top {
		width: 13.33333vw;
		height: 13.33333vw;
		top: -1.33333vw;
		right: 0;
	}
}

.g-footer .page-top a {
	width: 100%;
	height: 100%;
	border: 2px solid #fff;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	background: #1A1A1A;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.g-footer .page-top a {
		border-width: 0.13899vw;
	}
}

.g-footer .page-top a::before {
	content: '';
	display: block;
	width: 8px;
	height: 8px;
	margin-top: 3px;
	box-sizing: border-box;
	border-top: 2px solid #fff;
	border-left: 2px solid #fff;
	transform: rotate(45deg);
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.g-footer .page-top a::before {
		width: 0.55594vw;
		height: 0.55594vw;
		margin-top: 0.20848vw;
		border-width: 0.13899vw;
	}
}

@media only screen and (max-width: 767px) {
	.g-footer .page-top a::before {
		width: 2vw;
		height: 2vw;
		margin-top: 1.33333vw;
	}
}

/*************************************************************
/ body-parts
/************************************************************/
.body-parts {
	width: 1px;
	height: 100%;
	background-color: #fff;
	opacity: 0.8;
	position: fixed;
	z-index: 0;
	top: 0;
	left: 50%;
}

.body-parts:nth-child(1) {
	margin-left: -620px;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.body-parts:nth-child(1) {
		margin-left: -43.08548vw;
	}
}

@media only screen and (max-width: 767px) {
	.body-parts:nth-child(1) {
		margin-left: 0;
		left: 10.66667vw;
	}
}

.body-parts:nth-child(2) {
	margin-left: -310px;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.body-parts:nth-child(2) {
		margin-left: -21.54274vw;
	}
}

@media only screen and (max-width: 767px) {
	.body-parts:nth-child(2) {
		display: none;
	}
}

.body-parts:nth-child(3) {
	margin-left: 465px;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.body-parts:nth-child(3) {
		margin-left: 32.31411vw;
	}
}

@media only screen and (max-width: 767px) {
	.body-parts:nth-child(3) {
		display: none;
	}
}

.body-parts:nth-child(4) {
	margin-left: 620px;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.body-parts:nth-child(4) {
		margin-left: 43.08548vw;
	}
}

@media only screen and (max-width: 767px) {
	.body-parts:nth-child(4) {
		display: none;
	}
}

.js-bgImgSet {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.js-bgImgSet img {
	display: none !important;
}

/*************************************************************
/ common
/************************************************************/
.c-en {
	font-family: "Jost", sans-serif;
}

.c-bold {
	font-weight: 700;
}

.c-hidden {
	display: none !important;
}

.c-no-click {
	pointer-events: none;
}

.c-base-fit {
	width: 100%;
}

.c-mincho {
	font-family: "Noto Serif JP", sans-serif;
}

.c-jost {
	font-family: "Jost", sans-serif;
}

.c-forum {
	font-family: "Forum", "Noto Serif JP", sans-serif;
}

.c-hv-o {
	display: block;
}

.is-pc .c-hv-o {
	transition: opacity .3s;
}

.is-pc .c-hv-o:hover {
	opacity: 0.7;
}

.is-pc .c-hv-under:hover {
	text-decoration: underline;
}

/*************************************************************
/ layout
/************************************************************/
.l-inner-wrap {
	width: 1240px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.l-inner-wrap {
		width: 86.17095vw;
	}
}

@media only screen and (max-width: 767px) {
	.l-inner-wrap {
		width: 78.66667vw;
	}
}

.l-flex {
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: stretch;
	align-items: stretch;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

@media only screen and (min-width: 768px) {
	.l-flex_pc {
		display: flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		-webkit-align-items: stretch;
		align-items: stretch;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
}

/*************************************************************
/ parts
/************************************************************/
.p-btn--bd-bk a {
	width: 100%;
	height: 100%;
	padding-left: 25px;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	border: 2px solid #1A1A1A;
	background-color: #fff;
	font-size: 14px;
	position: relative;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.p-btn--bd-bk a {
		padding-left: 1.73732vw;
		font-size: 14px;
		font-size: 0.9729vw;
	}
}

@media only screen and (max-width: 767px) {
	.p-btn--bd-bk a {
		border-width: 1px;
		padding-left: 4vw;
		font-size: 26px;
		font-size: 3.46667vw;
	}
}

.p-btn--bd-bk a::before {
	content: '';
	display: block;
	width: 7px;
	height: 7px;
	border-top: 2px solid #1A1A1A;
	border-right: 2px solid #1A1A1A;
	box-sizing: border-box;
	transform: rotate(45deg);
	position: absolute;
	top: 0;
	bottom: 0;
	right: 20px;
	margin: auto;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.p-btn--bd-bk a::before {
		width: 0.48645vw;
		height: 0.48645vw;
		right: 1.38985vw;
	}
}

@media only screen and (max-width: 767px) {
	.p-btn--bd-bk a::before {
		width: 2vw;
		height: 2vw;
		right: 4vw;
	}
}

.is-pc .p-btn--bd-bk a {
	transition: background .3s, color .3s;
}

.is-pc .p-btn--bd-bk a::before {
	transition: border .3s;
}

.is-pc .p-btn--bd-bk a:hover {
	color: #fff;
	background-color: #1A1A1A;
}

.is-pc .p-btn--bd-bk a:hover::before {
	border-color: #fff;
}

/* video-modal-list
----------------------------------------------------------- */
.video-modal-list, .img-modal-list, .audio-list, .content-modal-list {
	display: none;
}

.is-modal-op {
	width: 100%;
	overflow: hidden;
	position: fixed;
	left: 0;
}

.modal-content-video, .modal-content-yt {
	opacity: 0;
	width: 100%;
	height: 100%;
	margin-top: 0;
	color: #000;
	position: fixed;
	top: 0;
	left: 0;
	overflow: scroll;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
	z-index: 2002;
	pointer-events: none;
	background-color: rgba(51, 51, 51, 0.8);
	border-radius: 0;
	border: none;
}

@media only screen and (max-width: 767px) {
	.modal-content-video, .modal-content-yt {
		width: 100%;
		left: 0;
		margin-left: 0;
	}
}

.modal-content-video.active, .modal-content-yt.active {
	pointer-events: auto;
}

.modal-content-video .btn-close, .modal-content-yt .btn-close {
	width: 50px;
	height: 50px;
	position: fixed;
	top: -50px;
	right: -50px;
	z-index: 1011;
	cursor: pointer;
	background-size: contain;
	background-repeat: no-repeat;
}

@media only screen and (max-width: 767px) {
	.modal-content-video .btn-close, .modal-content-yt .btn-close {
		width: 10.66667vw;
		height: 10.66667vw;
		top: -13.33333vw;
		right: 0vw;
	}
}

.modal-content-video > .inner, .modal-content-yt > .inner {
	padding: 50px 0;
	position: absolute;
	top: 50px;
	left: 50%;
	transform: translateX(-50%);
}

@media only screen and (max-width: 767px) {
	.modal-content-video > .inner, .modal-content-yt > .inner {
		padding: 6.66667vw 0;
		width: 92vw;
	}
}

.modal-content-video > .inner .video-content, .modal-content-yt > .inner .video-content {
	width: 768px;
}

@media only screen and (max-width: 1439px) {
	.modal-content-video > .inner .video-content, .modal-content-yt > .inner .video-content {
		width: 53.3704vw;
	}
}

@media only screen and (max-width: 767px) {
	.modal-content-video > .inner .video-content, .modal-content-yt > .inner .video-content {
		width: 92vw;
	}
}

.modal-content-video > .inner video, .modal-content-yt > .inner video {
	width: 100%;
}

.modal-content-video > .inner .des-block, .modal-content-yt > .inner .des-block {
	background-color: #fff;
	text-align: center;
	padding: 30px;
	font-size: 16px;
	line-height: 1.8;
}

.modal-content-video > .inner .des-block .ttl, .modal-content-yt > .inner .des-block .ttl {
	font-weight: 700;
	margin-bottom: 15px;
	font-size: 20px;
}

.modal-content-yt .inner {
	padding: 0;
}

.modal-content-yt .inner .iframe-wrap {
	width: 100%;
	padding-top: 56.25%;
	position: relative;
}

.modal-content-yt .inner .iframe-wrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.modal-content-other {
	opacity: 0;
	width: 100%;
	height: 100%;
	margin-top: 0;
	color: #000;
	position: fixed;
	top: 0;
	left: 0;
	overflow: scroll;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
	z-index: 2001;
	pointer-events: none;
	background-color: rgba(51, 51, 51, 0.8);
}

@media only screen and (max-width: 767px) {
	.modal-content-other {
		background-color: rgba(51, 51, 51, 0.8);
	}
}

.modal-content-other.active {
	pointer-events: auto;
}

.modal-content-other > .inner {
	padding: 50px 0;
	position: absolute;
	top: 50px;
	left: 50%;
	transform: translateX(-50%);
}

.modal-content-other .inner {
	width: auto;
}

/*************************************************************
/ modal-content__profile
/************************************************************/
.modal-content__profile {
	position: relative;
}

.modal-content__profile .green-box {
	width: 900px;
	height: 500px;
	background-size: 450px;
	background-repeat: repeat;
	background-position: center;
	padding: 0 70px 0 76px;
}

@media only screen and (min-width: 768px) {
	.modal-content__profile .green-box {
		display: flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		-webkit-align-items: center;
		align-items: center;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
}

@media only screen and (max-width: 767px) {
	.modal-content__profile .green-box {
		width: 81.33333vw;
		height: auto;
		padding: 8.66667vw 0;
	}
}

.modal-content__profile .photo {
	width: 317px;
}

@media only screen and (max-width: 767px) {
	.modal-content__profile .photo {
		width: 53.33333vw;
		margin: 0 auto;
	}
}

@media only screen and (max-width: 767px) {
	.modal-content__profile .txt-block {
		margin-top: -5.33333vw;
	}
}

.modal-content__profile .txt-block .name {
	height: 70px;
	margin: 0 auto;
	color: #fff;
	font-size: 34px;
	font-weight: 700;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	position: relative;
}

@media only screen and (max-width: 767px) {
	.modal-content__profile .txt-block .name {
		height: 10.66667vw;
		font-size: 38px;
		font-size: 5.06667vw;
	}
}

.modal-content__profile .txt-block .name .fz_s {
	margin-left: 0.5em;
	display: inline-block;
	font-size: 20px;
	font-weight: 500;
}

@media only screen and (max-width: 767px) {
	.modal-content__profile .txt-block .name .fz_s {
		font-size: 23px;
		font-size: 3.06667vw;
	}
}

.modal-content__profile .txt-block .wh-box {
	width: 400px;
	min-height: 276px;
	margin-top: -35px;
	padding: 50px 20px 30px;
	background-color: #fff;
	text-align: center;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.8;
}

@media only screen and (max-width: 767px) {
	.modal-content__profile .txt-block .wh-box {
		width: 72vw;
		height: auto;
		margin: -5.33333vw auto 0;
		padding: 8vw 3.33333vw 4vw;
		font-size: 24px;
		font-size: 3.2vw;
		line-height: 1.6;
	}
}

.modal-content__profile#profile-amaki .green-box {
	background-color: #44CC82;
}

.modal-content__profile#profile-amaki .txt-block .name {
	width: 315px;
	background-repeat: no-repeat;
	background-size: contain;
}

@media only screen and (max-width: 767px) {
	.modal-content__profile#profile-amaki .txt-block .name {
		width: 47.6vw;
	}
}

@media only screen and (max-width: 767px) {
	.modal-content__profile#profile-amaki .txt-block .wh-box {
		font-size: 22px;
		font-size: 2.93333vw;
	}
}

.modal-content__profile#profile-chitose .green-box {
	background-color: #93E785;
}

.modal-content__profile#profile-chitose .txt-block .name {
	width: 342px;
	background-repeat: no-repeat;
	background-size: contain;
}

@media only screen and (max-width: 767px) {
	.modal-content__profile#profile-chitose .txt-block .name {
		width: 52.13333vw;
	}
}

.modal-content__profile .modal-close-btn.top {
	width: 50px;
	position: absolute;
	top: -25px;
	right: -25px;
	cursor: pointer;
}

@media only screen and (max-width: 767px) {
	.modal-content__profile .modal-close-btn.top {
		width: 10.66667vw;
		height: 10.66667vw;
		top: -5.33333vw;
		right: -5.33333vw;
	}
}

.modal-content__profile .modal-close-btn.bottom {
	width: 350px;
	height: 76px;
	margin: 30px auto 0;
}

@media only screen and (max-width: 767px) {
	.modal-content__profile .modal-close-btn.bottom {
		width: 60vw;
		height: 13.33333vw;
		margin-top: 6.66667vw;
	}
}

.modal-content__profile .modal-close-btn.bottom .inner {
	width: 100%;
	height: 100%;
	background-size: contain;
	background-repeat: no-repeat;
	color: #fff;
	font-size: 22px;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	position: relative;
	cursor: pointer;
}

@media only screen and (max-width: 767px) {
	.modal-content__profile .modal-close-btn.bottom .inner {
		font-size: 30px;
		font-size: 4vw;
	}
}

/*************************************************************
/ global-animation
/************************************************************/
.stagger_fade {
	opacity: 0;
	transition: opacity .3s;
}

.stagger_fade.outback {
	transform: translateY(40px);
	transition: opacity 0.3s, transform 0.7s cubic-bezier(0.085, 0.86, 0.32, 1.65);
}

.stagger_fade.to-up {
	transform: translateY(20px);
	transition: opacity .3s, transform .3s;
}

.stagger_fade.to-down {
	transform: translateY(-20px);
	transition: opacity .3s, transform .3s;
}

.stagger_fade.to-down4 {
	transform: translateY(-40px);
	transition: opacity 0.3s, transform 1s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.stagger_fade.scale-down {
	transform: translateY(0) scale(1.3);
	transition: opacity .5s, transform .5s;
}

.stagger_fade.scale-up {
	transform: translateY(0) scale(0);
	transition: opacity .2s, transform .3s;
}

.stagger_fade.is-active {
	opacity: 1;
	transform: translateY(0) scale(1);
}

.single_fade {
	opacity: 0;
	transition: opacity .3s;
}

.single_fade.outback {
	transform: translateY(40px);
	transition: opacity 0.3s, transform 0.7s cubic-bezier(0.085, 0.86, 0.32, 1.65);
}

.single_fade.to-up {
	transform: translateY(20px);
	transition: opacity .3s, transform .3s;
}

.single_fade.to-down {
	transform: translateY(-20px);
	transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.single_fade.to-down4 {
	transform: translateY(-40px);
	transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	transition-duration: .7s;
}

.single_fade.scale {
	transform: translateY(0) scale(1.3);
	transition: opacity .5s, transform .5s;
}

.single_fade.is-active {
	opacity: 1;
	transform: translateY(0) scale(1);
}

.slick-slider.done-slick .stagger_fade-to-up,
.slick-slider.done-slick .single_fade-to-up,
.slick-slider.done-slick .single_fade {
	opacity: 1;
	transform: translate(0px, 0px);
}

.is-pc.is-safari .stagger_fade-to-up.outback {
	transition: none;
}

.is-pc.is-safari .stagger_fade-to-up.outback.is-active {
	animation: fade-up_safari ease-out .7s;
}

.is-pc.is-safari .single_fade-to-up.outback {
	transition: none;
}

.is-pc.is-safari .single_fade-to-up.outback.is-active {
	animation: fade-up_safari ease-out .7s;
}

@keyframes fade-up_safari {
	0% {
		opacity: 0;
		transform: translateY(0px);
	}
	30% {
		opacity: 1;
		transform: translateY(-10px);
		animation-timing-function: ease-in;
	}
	50% {
		opacity: 1;
	}
	100% {
		transform: translateY(0px);
	}
}

.hv-o,
.hv-up,
.hv-slide {
	display: block;
}

.is-pc .hv-o {
	transition: opacity .3s;
}

.is-pc .hv-o:hover {
	opacity: 0.8;
}

.is-pc .hv-up {
	transition: transform .3s;
}

.is-pc .hv-up:hover {
	transform: translateY(-10px);
}

.is-pc .g-nav .nav-list a .off {
	transition: opacity .3s;
}

.is-pc .g-nav .nav-list a:hover .off {
	opacity: 0;
}

.is-pc .footer-nav a:hover {
	text-decoration: underline;
}

.top-page {
	background-image: url(/assets/img/common/bg-body.jpg);
	background-position: center 0;
	background-repeat: repeat;
}

.top-page .main-wrap {
	width: 100%;
	overflow: hidden;
	position: relative;
}

.top-page .loading-wrap {
	width: 100%;
	height: 100%;
	background-color: #fff;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
}

.top-page .header-logo {
	display: none;
}

.top-page .kv .l-inner-wrap {
	height: 100%;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.top-page .kv__copy {
	width: 514px;
	height: 400px;
	margin-left: 310px;
	overflow: hidden;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.top-page .kv__copy {
		width: 35.71925vw;
		height: 27.79708vw;
		margin-left: 21.54274vw;
	}
}

@media only screen and (max-width: 767px) {
	.top-page .kv__copy {
		width: 68.53333vw;
		height: 57.33333vw;
		margin-left: 0;
	}
}

.top-page .kv__copy .line {
	display: block;
	overflow: hidden;
	display: inline-flex;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-items: center;
	align-items: center;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	position: relative;
}

.top-page .kv__copy .wh, .top-page .kv__copy .bk {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.top-page .kv__copy .wh {
	background-color: #fff;
	display: block;
}

.top-page .kv__copy .bk {
	background-color: #1A1A1A;
}

.top-page .kv__copy .txt {
	display: block;
	overflow: hidden;
	position: relative;
	letter-spacing: 0.02em;
}

.top-page .kv__copy .txt .split {
	display: inline-block;
}

.top-page .kv__copy .txt span {
	display: inline-block;
}

.top-page .kv__copy .c-mincho {
	font-weight: 500;
}

.top-page .kv__copy .c-jost {
	font-weight: 500;
}

.top-page .kv__copy .line-1 {
	width: 342px;
	height: 120px;
	padding-left: 29px;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.top-page .kv__copy .line-1 {
		width: 23.7665vw;
		height: 8.33912vw;
		padding-left: 2.01529vw;
	}
}

@media only screen and (max-width: 767px) {
	.top-page .kv__copy .line-1 {
		width: 45.6vw;
		height: 16vw;
		padding-left: 3.86667vw;
	}
}

.top-page .kv__copy .line-1 .txt {
	font-size: 0;
}

.top-page .kv__copy .line-1 .txt img {
	display: inline-block;
}

.top-page .kv__copy .line-1 .txt img:nth-child(n+2) {
	margin-left: 6px;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.top-page .kv__copy .line-1 .txt img:nth-child(n+2) {
		margin-left: 0.41696vw;
	}
}

@media only screen and (max-width: 767px) {
	.top-page .kv__copy .line-1 .txt img:nth-child(n+2) {
		margin-left: 0.8vw;
	}
}

.top-page .kv__copy .line-1 .txt img:nth-child(1) {
	width: 52px;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.top-page .kv__copy .line-1 .txt img:nth-child(1) {
		width: 3.61362vw;
	}
}

@media only screen and (max-width: 767px) {
	.top-page .kv__copy .line-1 .txt img:nth-child(1) {
		width: 6.93333vw;
	}
}

.top-page .kv__copy .line-1 .txt img:nth-child(2) {
	width: 33px;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.top-page .kv__copy .line-1 .txt img:nth-child(2) {
		width: 2.29326vw;
	}
}

@media only screen and (max-width: 767px) {
	.top-page .kv__copy .line-1 .txt img:nth-child(2) {
		width: 4.4vw;
	}
}

.top-page .kv__copy .line-1 .txt img:nth-child(3) {
	width: 44px;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.top-page .kv__copy .line-1 .txt img:nth-child(3) {
		width: 3.05768vw;
	}
}

@media only screen and (max-width: 767px) {
	.top-page .kv__copy .line-1 .txt img:nth-child(3) {
		width: 5.86667vw;
	}
}

.top-page .kv__copy .line-1 .txt img:nth-child(4) {
	width: 13px;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.top-page .kv__copy .line-1 .txt img:nth-child(4) {
		width: 0.90341vw;
	}
}

@media only screen and (max-width: 767px) {
	.top-page .kv__copy .line-1 .txt img:nth-child(4) {
		width: 1.73333vw;
	}
}

.top-page .kv__copy .line-1 .txt img:nth-child(5) {
	width: 44px;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.top-page .kv__copy .line-1 .txt img:nth-child(5) {
		width: 3.05768vw;
	}
}

@media only screen and (max-width: 767px) {
	.top-page .kv__copy .line-1 .txt img:nth-child(5) {
		width: 5.86667vw;
	}
}

.top-page .kv__copy .line-1 .txt img:nth-child(6) {
	width: 33px;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.top-page .kv__copy .line-1 .txt img:nth-child(6) {
		width: 2.29326vw;
	}
}

@media only screen and (max-width: 767px) {
	.top-page .kv__copy .line-1 .txt img:nth-child(6) {
		width: 4.4vw;
	}
}

.top-page .kv__copy .line-1 .txt img:nth-child(7) {
	width: 33px;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.top-page .kv__copy .line-1 .txt img:nth-child(7) {
		width: 2.29326vw;
	}
}

@media only screen and (max-width: 767px) {
	.top-page .kv__copy .line-1 .txt img:nth-child(7) {
		width: 4.4vw;
	}
}

.top-page .kv__copy .line-2 {
	width: 514px;
	height: 129px;
	padding-left: 30px;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.top-page .kv__copy .line-2 {
		width: 35.71925vw;
		height: 8.96456vw;
		padding-left: 2.08478vw;
	}
}

@media only screen and (max-width: 767px) {
	.top-page .kv__copy .line-2 {
		width: 68.53333vw;
		height: 17.2vw;
		padding-left: 4vw;
	}
}

.top-page .kv__copy .line-2 img {
	width: 454px;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.top-page .kv__copy .line-2 img {
		width: 31.54969vw;
	}
}

@media only screen and (max-width: 767px) {
	.top-page .kv__copy .line-2 img {
		width: 60.53333vw;
	}
}

.top-page .kv__copy .line-3 {
	width: 301px;
	height: 113px;
	margin-top: -20px;
	padding-left: 20px;
	display: block;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.top-page .kv__copy .line-3 {
		width: 20.9173vw;
		height: 7.85268vw;
		margin-top: -1.38985vw;
		padding-left: 1.38985vw;
	}
}

@media only screen and (max-width: 767px) {
	.top-page .kv__copy .line-3 {
		width: 40.13333vw;
		height: 15.06667vw;
		margin-top: -2.66667vw;
		padding-left: 2.66667vw;
	}
}

.top-page .kv__copy .line-3 img {
	width: 257px;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.top-page .kv__copy .line-3 img {
		width: 17.85962vw;
	}
}

@media only screen and (max-width: 767px) {
	.top-page .kv__copy .line-3 img {
		width: 34.26667vw;
	}
}

.top-page .kv__copy .line-4 {
	height: 60px;
	padding: 0 30px;
	color: #fff;
	font-size: 20px;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.top-page .kv__copy .line-4 {
		height: 4.16956vw;
		padding: 0 2.08478vw;
		font-size: 20px;
		font-size: 1.38985vw;
	}
}

@media only screen and (max-width: 767px) {
	.top-page .kv__copy .line-4 {
		height: 11.73333vw;
		padding: 0 4vw;
		font-size: 32px;
		font-size: 4.26667vw;
	}
	.top-page .kv__copy .line-4 .txt {
		letter-spacing: -0.02em;
	}
}

.top-page .kv .parts {
	position: absolute;
	z-index: 50;
	pointer-events: none;
	top: 50%;
}

@media only screen and (min-width: 768px) {
	.top-page .kv .parts_01 {
		width: 63px;
		height: 63px;
		background-color: #fff;
		left: 0;
		margin-top: -136px;
	}
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.top-page .kv .parts_01 {
		width: 4.37804vw;
		height: 4.37804vw;
		margin-top: -9.45101vw;
	}
}

@media only screen and (max-width: 767px) {
	.top-page .kv .parts_01 {
		width: 8.4vw;
		height: 3.33333vw;
		background-color: #1A1A1A;
		left: 6.26667vw;
		margin-top: -62.66667vw;
	}
}

@media only screen and (min-width: 768px) {
	.top-page .kv .parts_02 {
		width: 63px;
		height: 25px;
		background-color: #1A1A1A;
		left: 143px;
		margin-top: 50px;
	}
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.top-page .kv .parts_02 {
		width: 4.37804vw;
		height: 1.73732vw;
		left: 9.93746vw;
		margin-top: 3.47464vw;
	}
}

@media only screen and (max-width: 767px) {
	.top-page .kv .parts_02 {
		width: 8.4vw;
		height: 3.33333vw;
		background-color: #fff;
		left: 15.46667vw;
		margin-top: -50.66667vw;
	}
}

@media only screen and (min-width: 768px) {
	.top-page .kv .parts_04 {
		width: 34px;
		height: 34px;
		background-color: #fff;
		right: 276px;
		margin-top: -245px;
	}
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.top-page .kv .parts_04 {
		width: 2.36275vw;
		height: 2.36275vw;
		right: 19.17999vw;
		margin-top: -17.02571vw;
	}
}

@media only screen and (max-width: 767px) {
	.top-page .kv .parts_04 {
		width: 12.26667vw;
		height: 1.6vw;
		background-color: #fff;
		right: 5.46667vw;
		margin-top: -46.66667vw;
	}
}

@media only screen and (min-width: 768px) {
	.top-page .kv .parts_05 {
		width: 63px;
		height: 25px;
		background-color: #1A1A1A;
		right: 91px;
		margin-top: -201px;
	}
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.top-page .kv .parts_05 {
		width: 4.37804vw;
		height: 1.73732vw;
		right: 6.32384vw;
		margin-top: -13.96803vw;
	}
}

@media only screen and (max-width: 767px) {
	.top-page .kv .parts_05 {
		width: 8.4vw;
		height: 8.4vw;
		background-color: #1A1A1A;
		right: 0;
		margin-top: -29.33333vw;
	}
}

@media only screen and (min-width: 768px) {
	.top-page .kv .parts_06 {
		width: 63px;
		height: 63px;
		background-color: #1A1A1A;
		right: -31px;
		margin-top: -66px;
	}
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.top-page .kv .parts_06 {
		width: 4.37804vw;
		height: 4.37804vw;
		right: -2.15427vw;
		margin-top: -4.58652vw;
	}
}

@media only screen and (max-width: 767px) {
	.top-page .kv .parts_06 {
		width: 5.46667vw;
		height: 3.06667vw;
		background-color: #1A1A1A;
		left: 34.4vw;
		margin-top: 46.66667vw;
	}
}

@media only screen and (min-width: 768px) {
	.top-page .kv .parts_07 {
		width: 96px;
		height: 23px;
		background-color: #fff;
		right: 81px;
		margin-top: 40px;
	}
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.top-page .kv .parts_07 {
		width: 6.6713vw;
		height: 1.59833vw;
		right: 5.62891vw;
		margin-top: 2.77971vw;
	}
}

@media only screen and (max-width: 767px) {
	.top-page .kv .parts_07 {
		width: 3.06667vw;
		height: 7.46667vw;
		background-color: #fff;
		left: 0;
		margin-top: 50.66667vw;
	}
}

@media only screen and (min-width: 768px) {
	.top-page .kv .parts_08 {
		width: 92px;
		height: 12px;
		background-color: #1A1A1A;
		right: 116px;
		margin-top: 190px;
	}
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.top-page .kv .parts_08 {
		width: 6.39333vw;
		height: 0.83391vw;
		right: 8.06115vw;
		margin-top: 13.20361vw;
	}
}

.top-page .section .sec-ttl {
	font-size: 28px;
	font-weight: 500;
	font-family: "Jost", sans-serif;
	letter-spacing: .05em;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.top-page .section .sec-ttl {
		font-size: 28px;
		font-size: 1.9458vw;
	}
}

@media only screen and (max-width: 767px) {
	.top-page .section .sec-ttl {
		font-size: 42px;
		font-size: 5.6vw;
		line-height: 1;
	}
}

.top-page .section .l-inner-wrap {
	position: relative;
}

.top-page .section .sec-copy {
	position: absolute;
	z-index: 3;
}

.top-page .section .sec-copy .copy {
	overflow: hidden;
}

.top-page .section .sec-copy .copy .line {
	display: block;
	overflow: hidden;
	display: inline-flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	position: absolute;
}

.top-page .section .sec-copy .copy .wh, .top-page .section .sec-copy .copy .bk {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.top-page .section .sec-copy .copy .wh {
	background-color: #fff;
	display: block;
}

.top-page .section .sec-copy .copy .bk {
	background-color: #1A1A1A;
}

.top-page .section .sec-copy .copy .txt {
	display: block;
	overflow: hidden;
	position: relative;
	letter-spacing: 0.02em;
}

.top-page .section .sec-copy .copy .txt .split {
	display: inline-block;
}

.top-page .section .sec-copy .copy .c-mincho {
	font-weight: 500;
}

.top-page .section .sec-copy .copy .c-jost {
	font-weight: 500;
}

.top-page .section .sec-des {
	font-size: 16px;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.top-page .section .sec-des {
		font-size: 16px;
		font-size: 1.11188vw;
	}
}

@media only screen and (max-width: 767px) {
	.top-page .section .sec-des {
		font-size: 28px;
		font-size: 3.73333vw;
		line-height: 2;
	}
}

.top-page .section .black-check-box {
	background-image: url(/assets/img/common/bg-pat_01.gif);
	background-size: 26px;
	background-repeat: repeat;
	color: #fff;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.top-page .section .black-check-box {
		background-size: 1.80681vw;
	}
}

@media only screen and (max-width: 767px) {
	.top-page .section .black-check-box {
		background-size: 5.33333vw;
	}
}

.top-page .sec-intro {
	margin-top: -150px;
	padding-top: 150px;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.top-page .sec-intro {
		margin-top: -10.42391vw;
		padding-top: 10.42391vw;
	}
}

@media only screen and (max-width: 767px) {
	.top-page .sec-intro {
		margin-top: -20vw;
		padding-top: 20vw;
	}
}

.top-page .sec-intro .sec-copy {
	width: 460px;
	height: 258px;
	top: 167px;
	left: 78px;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.top-page .sec-intro .sec-copy {
		width: 31.96664vw;
		height: 17.92912vw;
		top: 11.60528vw;
		left: 5.42043vw;
	}
}

@media only screen and (max-width: 767px) {
	.top-page .sec-intro .sec-copy {
		width: 64.8vw;
		height: 34.53333vw;
		top: 10.66667vw;
		left: 0vw;
	}
}

.top-page .sec-intro .sec-copy .line-1,
.top-page .sec-intro .sec-copy .line-2 {
	padding-left: 25px;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.top-page .sec-intro .sec-copy .line-1,
	.top-page .sec-intro .sec-copy .line-2 {
		padding-left: 1.73732vw;
	}
}

@media only screen and (max-width: 767px) {
	.top-page .sec-intro .sec-copy .line-1,
	.top-page .sec-intro .sec-copy .line-2 {
		padding-left: 3.33333vw;
	}
}

.top-page .sec-intro .sec-copy .line-1 {
	height: 96px;
	font-size: 40px;
	top: 0;
	left: 0;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.top-page .sec-intro .sec-copy .line-1 {
		height: 6.6713vw;
		font-size: 40px;
		font-size: 2.77971vw;
	}
}

@media only screen and (max-width: 767px) {
	.top-page .sec-intro .sec-copy .line-1 {
		height: 12.8vw;
		font-size: 40px;
		font-size: 5.33333vw;
	}
}

.top-page .sec-intro .sec-copy .line-2 {
	height: 96px;
	font-size: 40px;
	right: 0;
	top: 76px;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.top-page .sec-intro .sec-copy .line-2 {
		height: 6.6713vw;
		font-size: 40px;
		font-size: 2.77971vw;
		top: 5.28145vw;
	}
}

@media only screen and (max-width: 767px) {
	.top-page .sec-intro .sec-copy .line-2 {
		height: 12.8vw;
		font-size: 40px;
		font-size: 5.33333vw;
		top: 10.13333vw;
		left: 0;
		right: auto;
	}
}

.top-page .sec-intro .sec-copy .line-3 {
	height: 56px;
	padding: 0 20px;
	color: #fff;
	bottom: 0;
	left: 112px;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.top-page .sec-intro .sec-copy .line-3 {
		height: 3.89159vw;
		padding: 0 2.66667vw;
		font-size: 16px;
		font-size: 1.11188vw;
		left: 7.78318vw;
	}
}

@media only screen and (max-width: 767px) {
	.top-page .sec-intro .sec-copy .line-3 {
		height: 11.46667vw;
		font-size: 28px;
		font-size: 3.73333vw;
		left: 0;
	}
}

.top-page .sec-intro .black-check-box {
	width: 850px;
	margin: -28px 0 0 310px;
	padding: 75px 0 75px 310px;
	font-size: 16px;
	line-height: 2.3;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.top-page .sec-intro .black-check-box {
		width: 59.0688vw;
		margin: -1.9458vw 0 0 21.54274vw;
		padding: 5.21195vw 0 5.21195vw 21.54274vw;
		font-size: 16px;
		font-size: 1.11188vw;
	}
}

@media only screen and (max-width: 767px) {
	.top-page .sec-intro .black-check-box {
		width: 100vw;
		margin: 9.33333vw 0 0 -10.66667vw;
		padding: 40vw 10.66667vw 20vw;
		font-size: 28px;
		font-size: 3.73333vw;
		font-feature-settings: "palt";
		letter-spacing: 0.03em;
	}
}

.top-page .sec-intro .black-check-box p + p {
	margin-top: 20px;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.top-page .sec-intro .black-check-box p + p {
		margin-top: 1.38985vw;
	}
}

@media only screen and (max-width: 767px) {
	.top-page .sec-intro .black-check-box p + p {
		margin-top: 4.66667vw;
	}
}

.top-page .sec-intro .parts {
	position: absolute;
	z-index: 50;
	pointer-events: none;
}

@media only screen and (min-width: 768px) {
	.top-page .sec-intro .parts_01 {
		width: 92px;
		height: 12px;
		background-color: #fff;
		top: 175px;
		right: 29px;
	}
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.top-page .sec-intro .parts_01 {
		width: 6.39333vw;
		height: 0.83391vw;
		top: 12.16122vw;
		right: 2.01529vw;
	}
}

@media only screen and (max-width: 767px) {
	.top-page .sec-intro .parts_01 {
		width: 12.26667vw;
		height: 1.6vw;
		background-color: #fff;
		top: -8.53333vw;
		right: 16vw;
	}
}

@media only screen and (min-width: 768px) {
	.top-page .sec-intro .parts_02 {
		width: 34px;
		height: 34px;
		background-color: #fff;
		top: 473px;
		right: 59px;
	}
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.top-page .sec-intro .parts_02 {
		width: 2.36275vw;
		height: 2.36275vw;
		top: 32.87005vw;
		right: 4.10007vw;
	}
}

@media only screen and (max-width: 767px) {
	.top-page .sec-intro .parts_02 {
		width: 10vw;
		height: 3.06667vw;
		background-color: #1A1A1A;
		top: 0.66667vw;
		right: 5.06667vw;
	}
}

@media only screen and (min-width: 751px) {
	.top-page .sec-intro .parts_03 {
		width: 92px;
		height: 12px;
		background-color: #fff;
		top: 634px;
		left: 78px;
	}
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.top-page .sec-intro .parts_03 {
		width: 6.39333vw;
		height: 0.83391vw;
		top: 44.05837vw;
		left: 5.42043vw;
	}
}

@media only screen and (max-width: 767px) {
	.top-page .sec-intro .parts_03 {
		width: 2.8vw;
		height: 4.26667vw;
		background-color: #fff;
		top: 12.66667vw;
		right: 0;
	}
}

@media only screen and (min-width: 768px) {
	.top-page .sec-intro .parts_05 {
		width: 75px;
		height: 25px;
		background-color: #1A1A1A;
		top: 720px;
		left: 273px;
	}
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.top-page .sec-intro .parts_05 {
		width: -5.21195vw;
		height: 1.73732vw;
		top: 50.03475vw;
		left: 18.97151vw;
	}
}

.top-page .sec-background {
	padding-top: 260px;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.top-page .sec-background {
		padding-top: 18.0681vw;
	}
}

@media only screen and (max-width: 767px) {
	.top-page .sec-background {
		padding-top: 20vw;
	}
}

.top-page .sec-background .sec-copy {
	width: 577px;
	height: 216px;
	top: -100px;
	right: 0;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.top-page .sec-background .sec-copy {
		width: 40.09729vw;
		height: 15.01042vw;
		top: -6.94927vw;
	}
}

@media only screen and (max-width: 767px) {
	.top-page .sec-background .sec-copy {
		width: 80vw;
		height: 30.8vw;
		top: 12vw;
		left: 0;
		right: auto;
	}
}

@media only screen and (max-width: 767px) {
	.top-page .sec-background .sec-copy .copy .txt {
		letter-spacing: -.02em;
	}
}

.top-page .sec-background .sec-copy .line-1 {
	height: 63px;
	padding: 0 20px 0 15px;
	font-size: 20px;
	top: 0;
	right: 0;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.top-page .sec-background .sec-copy .line-1 {
		height: 4.37804vw;
		padding: 0 1.38985vw 0 1.04239vw;
		font-size: 20px;
		font-size: 1.38985vw;
	}
}

@media only screen and (max-width: 767px) {
	.top-page .sec-background .sec-copy .line-1 {
		height: 10.66667vw;
		padding: 0 2.66667vw 0 0;
		font-size: 24px;
		font-size: 3.2vw;
		right: auto;
		left: 0;
	}
}

.top-page .sec-background .sec-copy .line-2 {
	height: 84px;
	padding: 0 5px 0 25px;
	font-size: 28px;
	color: #fff;
	left: 0;
	top: 63px;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.top-page .sec-background .sec-copy .line-2 {
		height: 5.83739vw;
		padding: 0 0.34746vw 0 1.73732vw;
		font-size: 28px;
		font-size: 1.9458vw;
		top: 4.37804vw;
	}
}

@media only screen and (max-width: 767px) {
	.top-page .sec-background .sec-copy .line-2 {
		height: 11.2vw;
		padding: 0 0.66667vw 0 3.33333vw;
		font-size: 32px;
		font-size: 4.26667vw;
		top: 10.13333vw;
		left: 0;
		right: auto;
	}
}

@media only screen and (max-width: 767px) {
	.top-page .sec-background .sec-copy .line-2 .split:nth-child(9) {
		letter-spacing: -0.4em;
	}
}

@media only screen and (max-width: 767px) {
	.top-page .sec-background .sec-copy .line-2 .split:nth-child(16) {
		letter-spacing: -0.3em;
	}
}

.top-page .sec-background .sec-copy .line-3 {
	height: 84px;
	padding: 0 15px 0 25px;
	font-size: 28px;
	color: #fff;
	bottom: 0;
	right: 0;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.top-page .sec-background .sec-copy .line-3 {
		height: 5.83739vw;
		padding: 0 1.04239vw 0 1.73732vw;
		font-size: 28px;
		font-size: 1.9458vw;
	}
}

@media only screen and (max-width: 767px) {
	.top-page .sec-background .sec-copy .line-3 {
		height: 11.2vw;
		padding: 0 2vw 0 3.33333vw;
		font-size: 32px;
		font-size: 4.26667vw;
		left: 0;
		right: auto;
	}
}

.top-page .sec-background .bd-box {
	width: 776px;
	margin: -28px 0 0 310px;
	padding: 70px 220px 70px 0;
	border-top: 3px solid #1A1A1A;
	border-bottom: 3px solid #1A1A1A;
	font-size: 14px;
	line-height: 2.1;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.top-page .sec-background .bd-box {
		width: 53.92634vw;
		margin: -1.9458vw 0 0 21.54274vw;
		padding: 4.86449vw 15.28839vw 4.86449vw 0;
		font-size: 14px;
		font-size: 0.9729vw;
	}
}

@media only screen and (max-width: 767px) {
	.top-page .sec-background .bd-box {
		width: 100%;
		margin: 45.33333vw auto 0;
		padding: 0;
		border: none;
		font-size: 26px;
		font-size: 3.46667vw;
	}
}

.top-page .sec-background .bd-box p + p {
	margin-top: 20px;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.top-page .sec-background .bd-box p + p {
		margin-top: 1.38985vw;
	}
}

@media only screen and (max-width: 767px) {
	.top-page .sec-background .bd-box p + p {
		margin-top: 2.66667vw;
	}
}

.top-page .sec-background .parts {
	position: absolute;
	z-index: 50;
	pointer-events: none;
}

@media only screen and (min-width: 768px) {
	.top-page .sec-background .parts_01 {
		width: 92px;
		height: 12px;
		background-color: #fff;
		top: 305px;
		left: 29px;
	}
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.top-page .sec-background .parts_01 {
		width: 6.39333vw;
		height: 0.83391vw;
		top: 21.19527vw;
		left: 2.01529vw;
	}
}

@media only screen and (min-width: 768px) {
	.top-page .sec-background .parts_02 {
		width: 58px;
		height: 23px;
		background-color: #1A1A1A;
		top: 482px;
		left: 72px;
	}
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.top-page .sec-background .parts_02 {
		width: 4.03058vw;
		height: 1.59833vw;
		top: 33.49548vw;
		left: 5.00347vw;
	}
}

@media only screen and (min-width: 751px) {
	.top-page .sec-background .parts_03 {
		width: 21px;
		height: 32px;
		background-color: #fff;
		top: 580px;
		left: 184px;
	}
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.top-page .sec-background .parts_03 {
		width: 1.45935vw;
		height: 2.22377vw;
		top: 40.30577vw;
		left: 12.78666vw;
	}
}

@media only screen and (max-width: 767px) {
	.top-page .sec-background .parts_03 {
		width: 8.4vw;
		height: 3.33333vw;
		background-color: #fff;
		bottom: -33.06667vw;
		left: 0;
	}
}

@media only screen and (max-width: 767px) {
	.top-page .sec-background .parts_04 {
		width: 9.6vw;
		height: 3.06667vw;
		background-color: #1A1A1A;
		bottom: -27.73333vw;
		left: 33.46667vw;
	}
}

@media only screen and (max-width: 767px) {
	.top-page .sec-background .parts_05 {
		width: 8.26667vw;
		height: 3.06667vw;
		background-color: #1A1A1A;
		bottom: -20.13333vw;
		right: 4.53333vw;
	}
}

@media only screen and (min-width: 768px) {
	.top-page .sec-background .parts_06 {
		width: 93px;
		height: 23px;
		background-color: #1A1A1A;
		top: 335px;
		right: 31px;
	}
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.top-page .sec-background .parts_06 {
		width: 6.46282vw;
		height: 1.59833vw;
		top: 23.28006vw;
		right: 2.15427vw;
	}
}

@media only screen and (min-width: 768px) {
	.top-page .sec-background .parts_07 {
		width: 63px;
		height: 25px;
		background-color: #1A1A1A;
		top: 445px;
		right: 22px;
	}
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.top-page .sec-background .parts_07 {
		width: 4.37804vw;
		height: 1.73732vw;
		top: 30.92425vw;
		right: 1.52884vw;
	}
}

.top-page .sec-method {
	margin-top: 160px;
	padding: 107px 0 120px;
	background-image: url(/assets/img/common/bg-pat_01.gif);
	background-size: 30px;
	background-position: 12px 0;
	background-repeat: repeat;
	color: #fff;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.top-page .sec-method {
		margin-top: 11.11883vw;
		padding: 7.43572vw 0 8.33912vw;
		background-size: 2.08478vw;
		background-position: 0.83391vw 0;
	}
}

@media only screen and (max-width: 767px) {
	.top-page .sec-method {
		margin-top: 38.66667vw;
		padding: 21.33333vw 0;
		background-size: 5.33333vw;
		background-position: 0.4vw 0;
	}
}

.top-page .sec-method .sec-des {
	margin: -30px 0 0 310px;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.top-page .sec-method .sec-des {
		margin: -2.08478vw 0 0 21.54274vw;
	}
}

@media only screen and (max-width: 767px) {
	.top-page .sec-method .sec-des {
		margin: 5.33333vw 0 0 0;
	}
}

.top-page .sec-method .bd-box {
	margin-top: 80px;
	border: 1px solid #fff;
	padding: 60px 0 64px;
	background-color: #1A1A1A;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.top-page .sec-method .bd-box {
		margin-top: 5.55942vw;
		padding: 4.16956vw 0 4.44753vw;
	}
}

@media only screen and (max-width: 767px) {
	.top-page .sec-method .bd-box {
		margin-top: 8.66667vw;
		padding: 7.33333vw 7.33333vw;
	}
}

.top-page .sec-method .bd-box .box-ttl {
	padding-left: 80px;
	font-size: 24px;
	font-family: "Jost", sans-serif;
	font-weight: 500;
	letter-spacing: .05em;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.top-page .sec-method .bd-box .box-ttl {
		padding-left: 5.55942vw;
		font-size: 24px;
		font-size: 1.66782vw;
	}
}

@media only screen and (max-width: 767px) {
	.top-page .sec-method .bd-box .box-ttl {
		padding: 0;
		font-size: 40px;
		font-size: 5.33333vw;
	}
}

@media only screen and (min-width: 768px) {
	.top-page .sec-method .method-list {
		margin-top: 60px;
		display: flex;
		-webkit-justify-content: flex-start;
		justify-content: flex-start;
		-webkit-align-items: stretch;
		align-items: stretch;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.top-page .sec-method .method-list {
		margin-top: 4.16956vw;
	}
}

@media only screen and (max-width: 767px) {
	.top-page .sec-method .method-list {
		margin-top: 6.66667vw;
	}
}

.top-page .sec-method .method-list__item {
	width: 33.33333%;
	padding: 0 80px;
	position: relative;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.top-page .sec-method .method-list__item {
		padding: 0 5.55942vw;
	}
}

@media only screen and (max-width: 767px) {
	.top-page .sec-method .method-list__item {
		width: 100%;
		padding: 9.33333vw 0 12.66667vw;
		border-top: 2px dotted #e8e8e8;
	}
}

@media only screen and (min-width: 768px) {
	.top-page .sec-method .method-list__item:nth-child(n+2) {
		border-left: 2px dotted #e8e8e8;
	}
}

.top-page .sec-method .method-list__item-step {
	font-size: 16px;
	font-family: "Jost", sans-serif;
	font-weight: 500;
	letter-spacing: .05em;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.top-page .sec-method .method-list__item-step {
		font-size: 16px;
		font-size: 1.11188vw;
	}
}

@media only screen and (max-width: 767px) {
	.top-page .sec-method .method-list__item-step {
		font-size: 26px;
		font-size: 3.46667vw;
	}
}

.top-page .sec-method .method-list__item-ttl {
	margin-top: 30px;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.top-page .sec-method .method-list__item-ttl {
		margin-top: 2.08478vw;
	}
}

@media only screen and (max-width: 767px) {
	.top-page .sec-method .method-list__item-ttl {
		margin-top: 5.33333vw;
	}
}

.top-page .sec-method .method-list__item-ttl span {
	display: block;
}

.top-page .sec-method .method-list__item-ttl .en {
	color: #b8b8b8;
	font-size: 20px;
	font-family: "Jost", sans-serif;
	font-weight: 500;
	letter-spacing: .05em;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.top-page .sec-method .method-list__item-ttl .en {
		font-size: 20px;
		font-size: 1.38985vw;
	}
}

@media only screen and (max-width: 767px) {
	.top-page .sec-method .method-list__item-ttl .en {
		font-size: 36px;
		font-size: 4.8vw;
	}
}

.top-page .sec-method .method-list__item-ttl .ja {
	line-height: 1.3;
	font-family: "Noto Serif JP", sans-serif;
	font-size: 40px;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.top-page .sec-method .method-list__item-ttl .ja {
		font-size: 40px;
		font-size: 2.77971vw;
	}
}

@media only screen and (max-width: 767px) {
	.top-page .sec-method .method-list__item-ttl .ja {
		font-size: 48px;
		font-size: 6.4vw;
	}
}

.top-page .sec-method .method-list__item-des {
	margin-top: 13px;
	font-size: 14px;
	line-height: 2;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.top-page .sec-method .method-list__item-des {
		margin-top: 0.90341vw;
		font-size: 14px;
		font-size: 0.9729vw;
	}
}

@media only screen and (max-width: 767px) {
	.top-page .sec-method .method-list__item-des {
		margin-top: 3.33333vw;
		font-size: 26px;
		font-size: 3.46667vw;
	}
}

.top-page .sec-method .method-list__item-bottom-block {
	height: 130px;
	margin-top: 30px;
	padding: 16px 20px;
	border: 1px solid #5c5c5c;
	font-size: 14px;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.top-page .sec-method .method-list__item-bottom-block {
		height: 9.03405vw;
		margin-top: 2.08478vw;
		padding: 1.11188vw 1.38985vw;
		font-size: 14px;
		font-size: 0.9729vw;
	}
}

@media only screen and (max-width: 767px) {
	.top-page .sec-method .method-list__item-bottom-block {
		height: auto;
		margin-top: 6.66667vw;
		padding: 3.33333vw 4.66667vw 4.66667vw;
	}
}

.top-page .sec-method .method-list__item-bottom-block .ttl {
	color: #b8b8b8;
	font-size: 14px;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.top-page .sec-method .method-list__item-bottom-block .ttl {
		font-size: 14px;
		font-size: 0.9729vw;
	}
}

@media only screen and (max-width: 767px) {
	.top-page .sec-method .method-list__item-bottom-block .ttl {
		font-size: 25px;
		font-size: 3.33333vw;
	}
}

@media only screen and (min-width: 768px) {
	.top-page .sec-method .method-list__item-bottom-block .img-block {
		height: 90px;
		margin-top: -5px;
		display: flex;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-align-items: center;
		align-items: center;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.top-page .sec-method .method-list__item-bottom-block .img-block {
		height: 6.25434vw;
		margin-top: -0.34746vw;
	}
}

@media only screen and (max-width: 767px) {
	.top-page .sec-method .method-list__item-bottom-block .img-block {
		height: auto;
		margin-top: 1.33333vw;
	}
}

.top-page .sec-method .method-list__item-bottom-block .img-block .txt {
	margin-left: 15px;
	line-height: 1.4;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.top-page .sec-method .method-list__item-bottom-block .img-block .txt {
		margin-left: 1.04239vw;
	}
}

@media only screen and (max-width: 767px) {
	.top-page .sec-method .method-list__item-bottom-block .img-block .txt {
		font-size: 26px;
		font-size: 3.46667vw;
	}
}

.top-page .sec-method .method-list__item:nth-child(1) .method-list__item-bottom-block .img-block img {
	width: 98px;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.top-page .sec-method .method-list__item:nth-child(1) .method-list__item-bottom-block .img-block img {
		width: 6.81028vw;
	}
}

@media only screen and (max-width: 767px) {
	.top-page .sec-method .method-list__item:nth-child(1) .method-list__item-bottom-block .img-block img {
		width: 27.06667vw;
	}
}

.top-page .sec-method .method-list__item:nth-child(2) .method-list__item-bottom-block .img-block img {
	width: 180px;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.top-page .sec-method .method-list__item:nth-child(2) .method-list__item-bottom-block .img-block img {
		width: 12.50869vw;
	}
}

@media only screen and (max-width: 767px) {
	.top-page .sec-method .method-list__item:nth-child(2) .method-list__item-bottom-block .img-block img {
		width: 100%;
	}
}

@media only screen and (max-width: 767px) {
	.top-page .sec-method .method-list__item:nth-child(3) {
		padding-bottom: 0;
	}
}

.top-page .sec-method .method-list__item:nth-child(3) .method-list__item-bottom-block .img-block {
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.top-page .sec-method .method-list__item:nth-child(3) .method-list__item-bottom-block .img-block img {
	width: 49px;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.top-page .sec-method .method-list__item:nth-child(3) .method-list__item-bottom-block .img-block img {
		width: 3.40514vw;
	}
}

@media only screen and (max-width: 767px) {
	.top-page .sec-method .method-list__item:nth-child(3) .method-list__item-bottom-block .img-block img {
		width: 13.06667vw;
	}
}

.top-page .sec-method .method-list__item .arrow {
	width: 40px;
	height: 40px;
	border: 1px solid #fff;
	border-radius: 100%;
	background-color: #1A1A1A;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	position: absolute;
	top: 0;
	bottom: 0;
	left: -20px;
	margin: auto;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.top-page .sec-method .method-list__item .arrow {
		width: 2.77971vw;
		height: 2.77971vw;
		left: -1.38985vw;
	}
}

@media only screen and (max-width: 767px) {
	.top-page .sec-method .method-list__item .arrow {
		width: 10.66667vw;
		height: 10.66667vw;
		top: -5.33333vw;
		left: 0;
		right: 0;
		bottom: auto;
	}
}

.top-page .sec-method .method-list__item .arrow::before {
	content: '';
	display: block;
	width: 8px;
	height: 8px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	box-sizing: border-box;
	transform: rotate(45deg);
	margin-right: 3px;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.top-page .sec-method .method-list__item .arrow::before {
		width: 0.55594vw;
		height: 0.55594vw;
		margin-right: 0.20848vw;
	}
}

@media only screen and (max-width: 767px) {
	.top-page .sec-method .method-list__item .arrow::before {
		transform: rotate(135deg);
		margin: 0 0 0.66667vw 0;
	}
}

.top-page .sec-method .parts {
	position: absolute;
	z-index: 50;
	pointer-events: none;
}

@media only screen and (min-width: 768px) {
	.top-page .sec-method .parts_01 {
		width: 63px;
		height: 63px;
		background-color: #fff;
		top: -160px;
		right: 93px;
	}
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.top-page .sec-method .parts_01 {
		width: 4.37804vw;
		height: 4.37804vw;
		top: -11.11883vw;
		right: 6.46282vw;
	}
}

@media only screen and (max-width: 767px) {
	.top-page .sec-method .parts_01 {
		width: 8.4vw;
		height: 8.4vw;
		background-color: #fff;
		top: -26.66667vw;
		right: 17.2vw;
	}
}

@media only screen and (min-width: 768px) {
	.top-page .sec-method .parts_05 {
		width: 44px;
		height: 12px;
		background-color: #fff;
		bottom: -190px;
		left: 132px;
	}
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.top-page .sec-method .parts_05 {
		width: 3.05768vw;
		height: 0.83391vw;
		bottom: -13.20361vw;
		left: 9.17304vw;
	}
}

.top-page .sec-project {
	padding-top: 160px;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.top-page .sec-project {
		padding-top: 11.11883vw;
	}
}

@media only screen and (max-width: 767px) {
	.top-page .sec-project {
		padding-top: 20vw;
	}
}

.top-page .sec-project .sec-des {
	margin: -30px 0 0 310px;
	font-feature-settings: "palt";
	letter-spacing: .04em;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.top-page .sec-project .sec-des {
		margin: -2.08478vw 0 0 21.54274vw;
	}
}

@media only screen and (max-width: 767px) {
	.top-page .sec-project .sec-des {
		margin: 4vw 0 0 0;
	}
}

.top-page .sec-project .sec-copy {
	width: 550px;
	height: 212px;
	top: 80px;
	left: 175px;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.top-page .sec-project .sec-copy {
		width: 38.22099vw;
		height: 14.73245vw;
		top: 5.55942vw;
		left: 12.16122vw;
	}
}

@media only screen and (max-width: 767px) {
	.top-page .sec-project .sec-copy {
		width: 63.2vw;
		height: 23.46667vw;
		top: 41.33333vw;
		left: 0;
	}
}

@media only screen and (max-width: 767px) {
	.top-page .sec-project .sec-copy .copy .txt {
		letter-spacing: 0;
	}
}

.top-page .sec-project .sec-copy .line-1 {
	line-height: 1;
	font-size: 40px;
	top: 0;
	left: 70px;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.top-page .sec-project .sec-copy .line-1 {
		font-size: 40px;
		font-size: 2.77971vw;
		left: 4.86449vw;
	}
}

@media only screen and (max-width: 767px) {
	.top-page .sec-project .sec-copy .line-1 {
		font-size: 40px;
		font-size: 5.33333vw;
		left: 0;
	}
}

.top-page .sec-project .sec-copy .line-1 .split:nth-child(4) {
	margin-left: 10px;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.top-page .sec-project .sec-copy .line-1 .split:nth-child(4) {
		margin-left: 0.69493vw;
	}
}

@media only screen and (max-width: 767px) {
	.top-page .sec-project .sec-copy .line-1 .split:nth-child(4) {
		margin-left: 1.33333vw;
	}
}

.top-page .sec-project .sec-copy .line-2 {
	height: 88px;
	padding: 0 5px 0 20px;
	font-size: 40px;
	color: #fff;
	left: 70px;
	top: 36px;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.top-page .sec-project .sec-copy .line-2 {
		height: 6.11536vw;
		padding: 0 0.34746vw 0 1.38985vw;
		font-size: 40px;
		font-size: 2.77971vw;
		left: 4.86449vw;
		top: 2.50174vw;
	}
}

@media only screen and (max-width: 767px) {
	.top-page .sec-project .sec-copy .line-2 {
		height: 11.73333vw;
		padding: 0 0.66667vw 0 3.33333vw;
		font-size: 40px;
		font-size: 5.33333vw;
		top: 0vw;
		left: 0;
	}
}

.top-page .sec-project .sec-copy .line-3 {
	height: 88px;
	padding: 0 12px 0 20px;
	font-size: 40px;
	bottom: 0;
	left: 0;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.top-page .sec-project .sec-copy .line-3 {
		height: 6.11536vw;
		padding: 0 0.83391vw 0 1.38985vw;
		font-size: 40px;
		font-size: 2.77971vw;
	}
}

@media only screen and (max-width: 767px) {
	.top-page .sec-project .sec-copy .line-3 {
		height: 11.73333vw;
		padding: 0 2vw 0 3.33333vw;
		font-size: 40px;
		font-size: 5.33333vw;
		left: 0;
		right: auto;
	}
}

.top-page .sec-project .img-block {
	width: 775px;
	margin: 120px 0 0 310px;
	position: relative;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.top-page .sec-project .img-block {
		width: 53.85685vw;
		margin: 8.33912vw 0 0 21.54274vw;
	}
}

@media only screen and (max-width: 767px) {
	.top-page .sec-project .img-block {
		width: 100vw;
		margin: 26.66667vw 0 0 -10.66667vw;
	}
}

.top-page .sec-project .img-block .comingsoon {
	color: #fff;
	font-family: "Jost", sans-serif;
	font-size: 32px;
	letter-spacing: 0.1em;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.top-page .sec-project .img-block .comingsoon {
		font-size: 32px;
		font-size: 2.22377vw;
	}
}

@media only screen and (max-width: 767px) {
	.top-page .sec-project .img-block .comingsoon {
		font-size: 32px;
		font-size: 4.26667vw;
	}
}

.top-page .sec-project .black-block {
	width: 620px;
	margin: -100px 0 0 auto;
	padding: 55px 58px;
	background-color: #1A1A1A;
	color: #fff;
	position: relative;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.top-page .sec-project .black-block {
		width: 43.08548vw;
		margin: -6.94927vw 0 0 auto;
		padding: 3.8221vw 4.03058vw;
	}
}

@media only screen and (max-width: 767px) {
	.top-page .sec-project .black-block {
		width: 78.93333vw;
		margin: -9.33333vw auto 0;
		padding: 7.33333vw;
	}
}

.top-page .sec-project .black-block .num-label {
	font-size: 20px;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.top-page .sec-project .black-block .num-label {
		font-size: 20px;
		font-size: 1.38985vw;
	}
}

@media only screen and (max-width: 767px) {
	.top-page .sec-project .black-block .num-label {
		font-size: 28px;
		font-size: 3.73333vw;
	}
}

.top-page .sec-project .black-block .ttl {
	font-size: 38px;
	font-weight: 500;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.top-page .sec-project .black-block .ttl {
		font-size: 38px;
		font-size: 2.64072vw;
	}
}

@media only screen and (max-width: 767px) {
	.top-page .sec-project .black-block .ttl {
		font-size: 44px;
		font-size: 5.86667vw;
	}
}

.top-page .sec-project .black-block .txt {
	margin-top: 20px;
	font-size: 16px;
	font-feature-settings: "palt";
	line-height: 2;
	letter-spacing: .03em;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.top-page .sec-project .black-block .txt {
		margin-top: 1.38985vw;
		font-size: 16px;
		font-size: 1.11188vw;
	}
}

@media only screen and (max-width: 767px) {
	.top-page .sec-project .black-block .txt {
		margin-top: 3.33333vw;
		font-size: 24px;
		font-size: 3.2vw;
	}
}

.top-page .sec-project .black-block .link {
	margin-top: 20px;
	font-size: 14px;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.top-page .sec-project .black-block .link {
		margin-top: 1.38985vw;
		font-size: 14px;
		font-size: 0.9729vw;
	}
}

@media only screen and (max-width: 767px) {
	.top-page .sec-project .black-block .link {
		margin-top: 5.33333vw;
		font-size: 24px;
		font-size: 3.2vw;
	}
}

.top-page .sec-project .black-block .link a {
	color: #fff;
}

.top-page .sec-project .black-block .link a::after {
	content: '';
	display: inline-block;
	width: 7px;
	height: 7px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	box-sizing: border-box;
	transform: rotate(45deg);
	margin: 0 0 1px .5em;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.top-page .sec-project .black-block .link a::after {
		width: 0.48645vw;
		height: 0.48645vw;
	}
}

.top-page .sec-project .parts {
	position: absolute;
	z-index: 50;
	pointer-events: none;
}

@media only screen and (max-width: 767px) {
	.top-page .sec-project .parts_02 {
		width: 12.26667vw;
		height: 1.6vw;
		background-color: #1A1A1A;
		top: -10.8vw;
		right: 22.66667vw;
	}
}

@media only screen and (min-width: 751px) {
	.top-page .sec-project .parts_03 {
		width: 63px;
		height: 25px;
		background-color: #fff;
		top: 582px;
		left: 50px;
	}
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.top-page .sec-project .parts_03 {
		width: 4.37804vw;
		height: 1.73732vw;
		top: 40.44475vw;
		left: 3.47464vw;
	}
}

@media only screen and (max-width: 767px) {
	.top-page .sec-project .parts_03 {
		width: 8.4vw;
		height: 8.4vw;
		background-color: #fff;
		top: -4.93333vw;
		right: -4.66667vw;
	}
}

@media only screen and (max-width: 767px) {
	.top-page .sec-project .parts_04 {
		width: 5.33333vw;
		height: 1.6vw;
		background-color: #fff;
		bottom: 6.4vw;
		left: -6vw;
	}
}

@media only screen and (min-width: 768px) {
	.top-page .sec-project .parts_05 {
		width: 63px;
		height: 63px;
		background-color: #1A1A1A;
		bottom: 0px;
		left: 220px;
	}
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.top-page .sec-project .parts_05 {
		width: 4.37804vw;
		height: 4.37804vw;
		left: 15.28839vw;
	}
}

@media only screen and (max-width: 767px) {
	.top-page .sec-project .parts_05 {
		width: 2.8vw;
		height: 4.26667vw;
		background-color: #fff;
		bottom: -14.26667vw;
		left: 13.06667vw;
	}
}

@media only screen and (min-width: 768px) {
	.top-page .sec-project .parts_06 {
		width: 91px;
		height: 23px;
		background-color: #fff;
		bottom: -75px;
		left: 50px;
	}
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.top-page .sec-project .parts_06 {
		width: 6.32384vw;
		height: 1.59833vw;
		bottom: -5.21195vw;
		left: 3.47464vw;
	}
}

@media only screen and (max-width: 767px) {
	.top-page .sec-project .parts_06 {
		width: 3.06667vw;
		height: 7.46667vw;
		background-color: #1A1A1A;
		bottom: -25.46667vw;
		right: 9.46667vw;
	}
}

@media only screen and (min-width: 768px) {
	.top-page .sec-project .parts_07 {
		width: 11px;
		height: 26px;
		background-color: #fff;
		top: 31px;
		right: 0px;
	}
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.top-page .sec-project .parts_07 {
		width: 0.76442vw;
		height: 1.80681vw;
		top: 2.15427vw;
	}
}

@media only screen and (max-width: 767px) {
	.top-page .sec-project .parts_07 {
		width: 5.46667vw;
		height: 3.06667vw;
		background-color: #1A1A1A;
		bottom: -15.2vw;
		right: -4.13333vw;
	}
}

@media only screen and (min-width: 768px) {
	.top-page .sec-project .parts_08 {
		width: 72px;
		height: 23px;
		background-color: #1A1A1A;
		top: 115px;
		right: 50px;
	}
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.top-page .sec-project .parts_08 {
		width: 5.00347vw;
		height: 1.59833vw;
		top: 7.99166vw;
		right: 3.47464vw;
	}
}

@media only screen and (min-width: 768px) {
	.top-page .sec-project .parts_09 {
		width: 63px;
		height: 25px;
		background-color: #fff;
		top: 315px;
		right: -25px;
	}
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.top-page .sec-project .parts_09 {
		width: 4.37804vw;
		height: 1.73732vw;
		top: 21.8902vw;
		right: -1.73732vw;
	}
}

@media only screen and (min-width: 768px) {
	.top-page .sec-project .parts_11 {
		width: 63px;
		height: 63px;
		background-color: #1A1A1A;
		bottom: -184px;
		right: 155px;
	}
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.top-page .sec-project .parts_11 {
		width: 4.37804vw;
		height: 4.37804vw;
		bottom: -12.78666vw;
		right: 10.77137vw;
	}
}

.top-page .wh-bg-block {
	margin-top: 160px;
	padding: 0 0 120px;
	background-color: #fff;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.top-page .wh-bg-block {
		margin-top: 11.11883vw;
		padding: 0 0 8.33912vw;
	}
}

@media only screen and (max-width: 767px) {
	.top-page .wh-bg-block {
		margin-top: 21.33333vw;
		padding-bottom: 21.33333vw;
	}
}

.top-page .sec-about {
	padding-top: 160px;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.top-page .sec-about {
		padding-top: 11.11883vw;
	}
}

@media only screen and (max-width: 767px) {
	.top-page .sec-about {
		padding-top: 13.33333vw;
	}
}

.top-page .sec-about .content-block {
	width: 930px;
	margin: -25px 0 0 310px;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.top-page .sec-about .content-block {
		width: 64.62821vw;
		margin: -1.73732vw 0 0 21.54274vw;
	}
}

@media only screen and (max-width: 767px) {
	.top-page .sec-about .content-block {
		width: 100%;
		margin: 6.66667vw 0 0 0;
	}
}

.top-page .sec-about .bd-top-block {
	padding-top: 50px;
	border-top: 2px solid #1A1A1A;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.top-page .sec-about .bd-top-block {
		padding-top: 3.47464vw;
	}
}

@media only screen and (max-width: 767px) {
	.top-page .sec-about .bd-top-block {
		padding: 7.33333vw 0 0;
	}
}

.top-page .sec-about .bd-top-block + .bd-top-block {
	margin-top: 85px;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.top-page .sec-about .bd-top-block + .bd-top-block {
		margin-top: 5.90688vw;
	}
}

@media only screen and (max-width: 767px) {
	.top-page .sec-about .bd-top-block + .bd-top-block {
		margin-top: 8.66667vw;
	}
}

@media only screen and (min-width: 768px) {
	.top-page .sec-about .bd-top-block.items-block {
		display: flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		-webkit-align-items: stretch;
		align-items: stretch;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
}

.top-page .sec-about .bd-top-block.items-block .logo {
	width: 204px;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.top-page .sec-about .bd-top-block.items-block .logo {
		width: 14.17651vw;
	}
}

@media only screen and (max-width: 767px) {
	.top-page .sec-about .bd-top-block.items-block .logo {
		width: 39.33333vw;
	}
}

.top-page .sec-about .bd-top-block.items-block .txt-block {
	width: 475px;
	margin-right: 145px;
	line-height: 1.9;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.top-page .sec-about .bd-top-block.items-block .txt-block {
		width: 33.00903vw;
		margin-right: 10.07644vw;
	}
}

@media only screen and (max-width: 767px) {
	.top-page .sec-about .bd-top-block.items-block .txt-block {
		width: 100%;
		margin: 6vw 0 0 0;
		font-size: 28px;
		font-size: 3.73333vw;
		font-feature-settings: "palt";
	}
}

.top-page .sec-about .bd-top-block.items-block .txt-block .txt {
	text-align: justify;
}

.top-page .sec-about .bd-top-block.items-block .txt-block .link {
	margin-top: 20px;
	text-align: right;
	font-size: 14px;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.top-page .sec-about .bd-top-block.items-block .txt-block .link {
		margin-top: 1.38985vw;
		font-size: 14px;
		font-size: 0.9729vw;
	}
}

@media only screen and (max-width: 767px) {
	.top-page .sec-about .bd-top-block.items-block .txt-block .link {
		margin-top: 2.93333vw;
		font-size: 26px;
		font-size: 3.46667vw;
	}
}

.top-page .sec-about .bd-top-block.items-block .txt-block .link a::after {
	content: '';
	display: inline-block;
	width: 7px;
	height: 7px;
	border-top: 2px solid #1A1A1A;
	border-right: 2px solid #1A1A1A;
	box-sizing: border-box;
	transform: rotate(45deg);
	margin: 0 0 1px .3em;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.top-page .sec-about .bd-top-block.items-block .txt-block .link a::after {
		width: 0.48645vw;
		height: 0.48645vw;
		border-width: 1px;
	}
}

@media only screen and (max-width: 767px) {
	.top-page .sec-about .bd-top-block.items-block .txt-block .link a::after {
		width: 1.6vw;
		height: 1.6vw;
	}
}

.top-page .sec-about .bd-top-block.project-member-block .ttl {
	font-size: 20px;
	font-family: "Jost", sans-serif;
	font-weight: 500;
	letter-spacing: .05em;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.top-page .sec-about .bd-top-block.project-member-block .ttl {
		font-size: 20px;
		font-size: 1.38985vw;
	}
}

@media only screen and (max-width: 767px) {
	.top-page .sec-about .bd-top-block.project-member-block .ttl {
		font-size: 36px;
		font-size: 4.8vw;
	}
}

.top-page .sec-about .bd-top-block.project-member-block .member-list {
	margin-top: 55px;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: stretch;
	align-items: stretch;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.top-page .sec-about .bd-top-block.project-member-block .member-list {
		margin-top: 3.8221vw;
	}
}

@media only screen and (max-width: 767px) {
	.top-page .sec-about .bd-top-block.project-member-block .member-list {
		margin-top: 10.66667vw;
	}
}

.top-page .sec-about .bd-top-block.project-member-block .member-list__item {
	width: 400px;
	font-feature-settings: "palt";
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.top-page .sec-about .bd-top-block.project-member-block .member-list__item {
		width: 27.79708vw;
	}
}

@media only screen and (max-width: 767px) {
	.top-page .sec-about .bd-top-block.project-member-block .member-list__item {
		width: 100%;
	}
}

@media only screen and (max-width: 767px) {
	.top-page .sec-about .bd-top-block.project-member-block .member-list__item:nth-child(n+2) {
		margin-top: 13.33333vw;
	}
}

@media only screen and (min-width: 768px) {
	.top-page .sec-about .bd-top-block.project-member-block .member-list__item .logo {
		height: 102px;
		margin: 0 auto;
		text-align: center;
		display: flex;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-align-items: center;
		align-items: center;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.top-page .sec-about .bd-top-block.project-member-block .member-list__item .logo {
		height: 7.08826vw;
	}
}

@media only screen and (min-width: 768px) {
	.top-page .sec-about .bd-top-block.project-member-block .member-list__item .logo img {
		max-height: 100%;
	}
}

.top-page .sec-about .bd-top-block.project-member-block .member-list__item .txt {
	margin-top: 30px;
	font-size: 14px;
	line-height: 2;
	letter-spacing: 0.01em;
	text-align: justify;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.top-page .sec-about .bd-top-block.project-member-block .member-list__item .txt {
		margin-top: 2.08478vw;
		font-size: 14px;
		font-size: 0.9729vw;
	}
}

@media only screen and (max-width: 767px) {
	.top-page .sec-about .bd-top-block.project-member-block .member-list__item .txt {
		height: auto !important;
		margin-top: 7.33333vw;
		font-size: 28px;
		font-size: 3.73333vw;
	}
}

.top-page .sec-about .bd-top-block.project-member-block .member-list__item .link {
	margin-top: 10px;
	text-align: right;
	font-size: 14px;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.top-page .sec-about .bd-top-block.project-member-block .member-list__item .link {
		margin-top: 0.69493vw;
		font-size: 14px;
		font-size: 0.9729vw;
	}
}

@media only screen and (max-width: 767px) {
	.top-page .sec-about .bd-top-block.project-member-block .member-list__item .link {
		margin-top: 2.93333vw;
		font-size: 26px;
		font-size: 3.46667vw;
	}
}

.top-page .sec-about .bd-top-block.project-member-block .member-list__item .link a::after {
	content: '';
	display: inline-block;
	width: 7px;
	height: 7px;
	border-top: 2px solid #1A1A1A;
	border-right: 2px solid #1A1A1A;
	box-sizing: border-box;
	transform: rotate(45deg);
	margin: 0 0 1px .3em;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.top-page .sec-about .bd-top-block.project-member-block .member-list__item .link a::after {
		width: 0.48645vw;
		height: 0.48645vw;
		border-width: 1px;
	}
}

@media only screen and (max-width: 767px) {
	.top-page .sec-about .bd-top-block.project-member-block .member-list__item .link a::after {
		width: 1.6vw;
		height: 1.6vw;
	}
}

@media only screen and (max-width: 767px) {
	.top-page .sec-about .bd-top-block.project-member-block .member-list__item:nth-child(1) .logo {
		width: 40vw;
	}
}

.top-page .sec-about .bd-top-block.project-member-block .member-list__item:nth-child(2) .logo {
	width: 125px;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.top-page .sec-about .bd-top-block.project-member-block .member-list__item:nth-child(2) .logo {
		width: 8.68659vw;
	}
}

@media only screen and (max-width: 767px) {
	.top-page .sec-about .bd-top-block.project-member-block .member-list__item:nth-child(2) .logo {
		width: 32vw;
	}
}

.top-page .sec-about .bd-top-block.project-member-block .member-list__item:nth-child(3) .logo {
	width: 250px;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.top-page .sec-about .bd-top-block.project-member-block .member-list__item:nth-child(3) .logo {
		width: 17.37318vw;
	}
}

@media only screen and (max-width: 767px) {
	.top-page .sec-about .bd-top-block.project-member-block .member-list__item:nth-child(3) .logo {
		width: 66.66667vw;
	}
}

.top-page .sec-about .note {
	margin-top: 45px;
	font-size: 12px;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.top-page .sec-about .note {
		margin-top: 3.12717vw;
		font-size: 12px;
		font-size: 0.83391vw;
	}
}

@media only screen and (max-width: 767px) {
	.top-page .sec-about .note {
		margin-top: 4.66667vw;
		font-size: 24px;
		font-size: 3.2vw;
	}
}

.top-page .sec-information {
	padding-top: 55px;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.top-page .sec-information {
		padding-top: 3.8221vw;
	}
}

@media only screen and (max-width: 767px) {
	.top-page .sec-information {
		padding-top: 16.66667vw;
	}
}

.top-page .sec-information .content-block {
	width: 930px;
	margin: -25px 0 0 310px;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: stretch;
	align-items: stretch;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.top-page .sec-information .content-block {
		width: 64.62821vw;
		margin: -1.73732vw 0 0 21.54274vw;
	}
}

@media only screen and (max-width: 767px) {
	.top-page .sec-information .content-block {
		width: 100%;
		margin: 6vw 0 0 0;
	}
}

.top-page .sec-information .bd-top-block {
	width: 400px;
	padding-top: 50px;
	padding-right: 90px;
	border-top: 2px solid #1A1A1A;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.top-page .sec-information .bd-top-block {
		width: 27.79708vw;
		padding: 3.47464vw 6.25434vw 0 0;
	}
}

@media only screen and (max-width: 767px) {
	.top-page .sec-information .bd-top-block {
		padding: 8.66667vw 0 0 0;
	}
}

@media only screen and (max-width: 767px) {
	.top-page .sec-information .bd-top-block:nth-child(n+2) {
		margin-top: 10.66667vw;
	}
}

.top-page .sec-information .bd-top-block .ttl {
	margin-bottom: 25px;
	font-size: 20px;
	font-family: "Jost", sans-serif;
	font-weight: 500;
	letter-spacing: .05em;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.top-page .sec-information .bd-top-block .ttl {
		margin-bottom: 1.73732vw;
		font-size: 20px;
		font-size: 1.38985vw;
	}
}

@media only screen and (max-width: 767px) {
	.top-page .sec-information .bd-top-block .ttl {
		margin-bottom: 5.33333vw;
		font-size: 36px;
		font-size: 4.8vw;
	}
}

.top-page .sec-information .bd-top-block .book-ttl {
	font-size: 16px;
	font-feature-settings: "palt";
	line-height: 1.5;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.top-page .sec-information .bd-top-block .book-ttl {
		font-size: 16px;
		font-size: 1.11188vw;
	}
}

@media only screen and (max-width: 767px) {
	.top-page .sec-information .bd-top-block .book-ttl {
		font-size: 26px;
		font-size: 3.46667vw;
		line-height: 1.7;
	}
}

.top-page .sec-information .bd-top-block .book-ttl .fz_s {
	font-size: 12px;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.top-page .sec-information .bd-top-block .book-ttl .fz_s {
		font-size: 12px;
		font-size: 0.83391vw;
	}
}

@media only screen and (max-width: 767px) {
	.top-page .sec-information .bd-top-block .book-ttl .fz_s {
		font-size: 24px;
		font-size: 3.2vw;
	}
}

.top-page .sec-information .bd-top-block .img {
	width: 220px;
	margin-top: 20px;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.top-page .sec-information .bd-top-block .img {
		width: 15.28839vw;
		margin-top: 1.38985vw;
	}
}

@media only screen and (max-width: 767px) {
	.top-page .sec-information .bd-top-block .img {
		width: 29.33333vw;
		margin-top: 4vw;
	}
}

.top-page .sec-information .bd-top-block .des {
	margin-top: 30px;
	font-size: 14px;
	font-feature-settings: "palt";
	line-height: 2;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.top-page .sec-information .bd-top-block .des {
		margin-top: 2.08478vw;
		font-size: 14px;
		font-size: 0.9729vw;
	}
}

@media only screen and (max-width: 767px) {
	.top-page .sec-information .bd-top-block .des {
		margin-top: 4vw;
		font-size: 26px;
		font-size: 3.46667vw;
	}
}

.top-page .sec-information .bd-top-block .p-btn--bd-bk {
	height: 60px;
	margin-top: 30px;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.top-page .sec-information .bd-top-block .p-btn--bd-bk {
		height: 4.16956vw;
		margin-top: 2.08478vw;
	}
}

@media only screen and (max-width: 767px) {
	.top-page .sec-information .bd-top-block .p-btn--bd-bk {
		height: 13.33333vw;
		margin-top: 6vw;
	}
}

.top-page .loading-wrap {
	transition: opacity .5s;
}

body.top-page.is-load .loading-wrap {
	opacity: 0;
}

.top-page .kv__copy .line .wh, .top-page .kv__copy .line .bk {
	transform: translateY(102%);
}

.top-page .kv__copy .line img {
	transform: translateY(105%);
}

.top-page .kv__copy .line .txt span {
	transform: translateY(100%);
}

.top-page .kv .parts {
	opacity: 0;
}

.top-page .hum-btn {
	opacity: 0;
}

.top-page .sec-copy .wh, .top-page .sec-copy .bk {
	transform: translateY(100%);
}

.top-page .sec-copy .split {
	transform: translateY(100%);
	opacity: 0;
}

@media only screen and (max-width: 767px) {
	.top-page .sec-intro .parts:nth-child(-n+3) {
		opacity: 0;
	}
}

/*************************************************************
/ .blackholerecorder-page
/************************************************************/
html {
	height: 100%;
}

.blackholerecorder-page {
	height: 100%;
	color: #989898;
	background-color: #000;
	font-size: 14px;
	font-family: 'Noto Serif JP', serif;
	line-height: 1.8;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.blackholerecorder-page {
		font-size: 14px;
		font-size: 0.9729vw;
	}
}

@media only screen and (max-width: 767px) {
	.blackholerecorder-page {
		font-size: 28px;
		font-size: 3.73333vw;
	}
}

.blackholerecorder-page ::selection {
	background: #7d7d7d;
	color: #2d2d2d;
}

.blackholerecorder-page ::-moz-selection {
	background: #7d7d7d;
	color: #2d2d2d;
}

.blackholerecorder-page #wrap {
	width: 100%;
	height: 100%;
	position: relative;
}

.blackholerecorder-page .op1 {
	width: 100%;
	height: 100%;
	background: #000;
	color: #686868;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 2000;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

@media only screen and (max-width: 767px) {
	.blackholerecorder-page .op1__inner {
		padding-top: 29.33333vw;
	}
}

.blackholerecorder-page .op1__des {
	margin-left: 1em;
	font-size: 20px;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.blackholerecorder-page .op1__des {
		font-size: 20px;
		font-size: 1.38985vw;
	}
}

@media only screen and (max-width: 767px) {
	.blackholerecorder-page .op1__des {
		font-size: 28px;
		font-size: 3.73333vw;
	}
}

.blackholerecorder-page .op1__logo {
	width: 113px;
	margin: 120px auto 0 auto;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.blackholerecorder-page .op1__logo {
		width: 7.85268vw;
		margin: 8.33912vw auto 0 auto;
	}
}

@media only screen and (max-width: 767px) {
	.blackholerecorder-page .op1__logo {
		width: 26.66667vw;
		margin: 24vw auto 0;
	}
}

.blackholerecorder-page .op1__skip-btn {
	width: 50px;
	height: 25px;
	padding-top: 4px;
	background-image: url(/assets/img/blackholerecorder/gallery-arrow_next.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center right;
	font-size: 16px;
	line-height: 1;
	position: absolute;
	bottom: 40px;
	right: 40px;
	cursor: pointer;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.blackholerecorder-page .op1__skip-btn {
		width: 3.47464vw;
		height: 1.73732vw;
		padding-top: 0.27797vw;
		font-size: 16px;
		font-size: 1.11188vw;
		bottom: 2.77971vw;
		right: 2.77971vw;
	}
}

@media only screen and (max-width: 767px) {
	.blackholerecorder-page .op1__skip-btn {
		width: 12.26667vw;
		height: 6.66667vw;
		right: 8vw;
		bottom: 6vw;
		font-size: 32px;
		font-size: 4.26667vw;
		padding-top: 1.06667vw;
	}
}

.blackholerecorder-page .kv, .blackholerecorder-page .kv-parts, .blackholerecorder-page .sec-first, .blackholerecorder-page .sec-second, .blackholerecorder-page .sec-third {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
}

.blackholerecorder-page .kv {
	z-index: 3;
	pointer-events: none;
}

@media only screen and (max-width: 767px) {
	.blackholerecorder-page .kv {
		z-index: 1;
	}
}

.blackholerecorder-page .kv__img {
	width: 1360px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 1;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.blackholerecorder-page .kv__img {
		width: 94.51008vw;
	}
}

.blackholerecorder-page .kv__img img {
	width: 100%;
	display: block;
}

@media only screen and (max-width: 767px) {
	.blackholerecorder-page .kv__img {
		width: 100%;
		height: 100%;
		margin: 0;
		background-image: url(/assets/img/blackholerecorder/kv_img_sp.png);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center;
	}
}

.blackholerecorder-page .grad-layer {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10;
	pointer-events: none;
}

.blackholerecorder-page .grad-layer__1 {
	width: 100%;
	height: 150%;
	position: absolute;
	bottom: -50%;
	left: 0;
}

.blackholerecorder-page .grad-layer__2 {
	width: 100%;
	height: 100%;
}

.blackholerecorder-page .sec-first {
	z-index: 2;
	pointer-events: none;
}

.blackholerecorder-page .sec-first.is-active {
	pointer-events: auto;
}

.blackholerecorder-page .sec-first__inner {
	width: 1117px;
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 50%;
	transform: translateX(-50%);
	margin-top: 20px;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.blackholerecorder-page .sec-first__inner {
		width: 77.62335vw;
		margin-top: 1.38985vw;
	}
}

@media only screen and (max-width: 767px) {
	.blackholerecorder-page .sec-first__inner {
		width: 63.06667vw;
		left: 28.93333vw;
		margin-top: -5.33333vw;
		transform: translateX(0);
	}
}

.blackholerecorder-page .sec-first__label {
	width: 166px;
	margin-bottom: 13px;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.blackholerecorder-page .sec-first__label {
		width: 11.53579vw;
		margin-bottom: 0.90341vw;
	}
}

@media only screen and (max-width: 767px) {
	.blackholerecorder-page .sec-first__label {
		width: 19.73333vw;
		margin-bottom: 4.8vw;
	}
}

.blackholerecorder-page .sec-first__des {
	margin-top: 20px;
	color: #888;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.blackholerecorder-page .sec-first__des {
		margin-top: 1.38985vw;
	}
}

@media only screen and (max-width: 767px) {
	.blackholerecorder-page .sec-first__des {
		font-size: 24px;
		font-size: 3.2vw;
		letter-spacing: -.07em;
	}
}

.blackholerecorder-page .sec-second {
	z-index: 4;
	pointer-events: none;
}

.blackholerecorder-page .sec-second.is-active {
	pointer-events: auto;
}

.blackholerecorder-page .sec-second__outer {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.blackholerecorder-page .sec-second__inner {
	width: 1360px;
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 50%;
	transform: translateX(-50%);
	margin-top: 50px;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: stretch;
	align-items: stretch;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.blackholerecorder-page .sec-second__inner {
		width: 94.51008vw;
		margin-top: 3.47464vw;
	}
}

@media only screen and (max-width: 767px) {
	.blackholerecorder-page .sec-second__inner {
		width: 63.06667vw;
		left: 28.93333vw;
		margin-top: -5.33333vw;
		transform: translateX(0);
	}
}

.blackholerecorder-page .sec-second .txt-block, .blackholerecorder-page .sec-second .nav-block {
	width: 570px;
	padding-left: 115px;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.blackholerecorder-page .sec-second .txt-block, .blackholerecorder-page .sec-second .nav-block {
		width: 39.61084vw;
		padding-left: 7.99166vw;
	}
}

@media only screen and (max-width: 767px) {
	.blackholerecorder-page .sec-second .txt-block, .blackholerecorder-page .sec-second .nav-block {
		width: 100%;
		padding-left: 0;
	}
}

.blackholerecorder-page .sec-second .txt-block .sec-ttl {
	font-size: 20px;
	font-weight: 500;
	line-height: 1.6;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.blackholerecorder-page .sec-second .txt-block .sec-ttl {
		font-size: 20px;
		font-size: 1.38985vw;
	}
}

.blackholerecorder-page .sec-second .txt-block .des {
	font-size: 16px;
	margin-top: 10px;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.blackholerecorder-page .sec-second .txt-block .des {
		font-size: 16px;
		font-size: 1.11188vw;
		margin-top: 0.69493vw;
	}
}

@media only screen and (max-width: 767px) {
	.blackholerecorder-page .sec-second .txt-block .des {
		font-size: 26px;
		font-size: 3.46667vw;
		letter-spacing: -.05em;
	}
}

.blackholerecorder-page .sec-second .nav-block .nav-list {
	display: flex;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-items: stretch;
	align-items: stretch;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.blackholerecorder-page .sec-second .nav-block .nav-list li {
	width: 200px;
	height: 38px;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.blackholerecorder-page .sec-second .nav-block .nav-list li {
		width: 13.89854vw;
		height: 2.64072vw;
	}
}

.blackholerecorder-page .sec-second .nav-block .nav-list li:nth-child(n+3) {
	margin-top: 22px;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.blackholerecorder-page .sec-second .nav-block .nav-list li:nth-child(n+3) {
		margin-top: 1.52884vw;
	}
}

.blackholerecorder-page .sec-second .nav-block .nav-list li a {
	width: 180px;
	height: 100%;
	display: flex;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-items: stretch;
	align-items: stretch;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.blackholerecorder-page .sec-second .nav-block .nav-list li a {
		width: 12.50869vw;
	}
}

.blackholerecorder-page .sec-second .nav-block .nav-list li a .side-line {
	width: 22px;
	margin: 13px 10px 0 0;
	display: block;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.blackholerecorder-page .sec-second .nav-block .nav-list li a .side-line {
		width: 1.52884vw;
		margin: 0.90341vw 0.69493vw 0 0;
	}
}

.blackholerecorder-page .sec-second .nav-block .nav-list li a .side-line::before {
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background-color: #989898;
}

.blackholerecorder-page .sec-second .nav-block .nav-list li a .img {
	display: block;
	max-height: 100%;
}

.blackholerecorder-page .sec-second .nav-block .nav-list li .nav-theory .img {
	width: 142px;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.blackholerecorder-page .sec-second .nav-block .nav-list li .nav-theory .img {
		width: 9.86796vw;
	}
}

.blackholerecorder-page .sec-second .nav-block .nav-list li .nav-function .img {
	width: 134px;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.blackholerecorder-page .sec-second .nav-block .nav-list li .nav-function .img {
		width: 9.31202vw;
	}
}

.blackholerecorder-page .sec-second .nav-block .nav-list li .nav-commentary .img {
	width: 134px;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.blackholerecorder-page .sec-second .nav-block .nav-list li .nav-commentary .img {
		width: 9.31202vw;
	}
}

.blackholerecorder-page .sec-second .nav-block .nav-list li .nav-collaboration .img {
	width: 136px;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.blackholerecorder-page .sec-second .nav-block .nav-list li .nav-collaboration .img {
		width: 9.45101vw;
	}
}

.blackholerecorder-page .sec-second .nav-block .nav-list li .nav-gallery .img {
	width: 97px;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.blackholerecorder-page .sec-second .nav-block .nav-list li .nav-gallery .img {
		width: 6.74079vw;
	}
}

.blackholerecorder-page .sec-second .nav-block .nav-list li .nav-overview .img {
	width: 126px;
	height: 30px;
	margin-top: 8px;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.blackholerecorder-page .sec-second .nav-block .nav-list li .nav-overview .img {
		width: 8.75608vw;
		height: 2.08478vw;
		margin-top: 0.55594vw;
	}
}

.blackholerecorder-page .sec-third {
	z-index: 4;
	pointer-events: none;
}

.blackholerecorder-page .sec-third.is-active {
	pointer-events: auto;
}

.blackholerecorder-page .sec-third__inner {
	position: absolute;
	z-index: 1;
	top: 50%;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: stretch;
	align-items: stretch;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

@media only screen and (max-width: 767px) {
	.blackholerecorder-page .sec-third__inner {
		width: 63.06667vw;
		left: 28.93333vw;
		transform: translateY(-50%);
		margin-top: 2.66667vw;
	}
}

.blackholerecorder-page .sec-third .nav-block .nav-list li {
	height: 11.33333vw;
}

.blackholerecorder-page .sec-third .nav-block .nav-list li:nth-child(n+2) {
	margin-top: 5.33333vw;
}

.blackholerecorder-page .sec-third .nav-block .nav-list li a {
	height: 100%;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: stretch;
	align-items: stretch;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.blackholerecorder-page .sec-third .nav-block .nav-list li a .side-line {
	display: block;
	width: 5.06667vw;
	height: 1px;
	background-color: #989898;
	margin-top: 2.93333vw;
}

.blackholerecorder-page .sec-third .nav-block .nav-list .nav-theory {
	width: 51.6vw;
}

.blackholerecorder-page .sec-third .nav-block .nav-list .nav-theory .img {
	width: 43.73333vw;
}

.blackholerecorder-page .sec-third .nav-block .nav-list .nav-function {
	width: 48.8vw;
}

.blackholerecorder-page .sec-third .nav-block .nav-list .nav-function .img {
	width: 40.93333vw;
}

.blackholerecorder-page .sec-third .nav-block .nav-list .nav-commentary {
	width: 48.93333vw;
}

.blackholerecorder-page .sec-third .nav-block .nav-list .nav-commentary .img {
	width: 41.06667vw;
}

.blackholerecorder-page .sec-third .nav-block .nav-list .nav-collaboration {
	width: 49.33333vw;
}

.blackholerecorder-page .sec-third .nav-block .nav-list .nav-collaboration .img {
	width: 41.46667vw;
}

.blackholerecorder-page .sec-third .nav-block .nav-list .nav-gallery {
	width: 38.13333vw;
}

.blackholerecorder-page .sec-third .nav-block .nav-list .nav-gallery .img {
	width: 30.13333vw;
}

.blackholerecorder-page .sec-third .nav-block .nav-list .nav-overview {
	width: 41.33333vw;
}

.blackholerecorder-page .sec-third .nav-block .nav-list .nav-overview .img {
	width: 33.33333vw;
}

.blackholerecorder-page .sec-third .g-footer {
	position: absolute;
	left: 0;
	bottom: 0;
	opacity: 1;
	filter: blur(0);
	display: block;
}

.blackholerecorder-page .bhr-modal-close {
	width: 60px;
	height: 60px;
	position: fixed;
	top: 32px;
	right: 32px;
	z-index: 1001;
	cursor: pointer;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.blackholerecorder-page .bhr-modal-close {
		width: 4.16956vw;
		height: 4.16956vw;
		top: 2.22377vw;
		right: 2.22377vw;
	}
}

@media only screen and (max-width: 767px) {
	.blackholerecorder-page .bhr-modal-close {
		width: 11.86667vw;
		height: 11.86667vw;
		top: 6.26667vw;
		right: 6.26667vw;
	}
}

.blackholerecorder-page .bhr-modal-close span {
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	transform: rotate(45deg);
}

.blackholerecorder-page .bhr-modal-close span::before, .blackholerecorder-page .bhr-modal-close span::after {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background-color: #989898;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
}

.blackholerecorder-page .bhr-modal-close span::before {
	width: 1px;
}

.blackholerecorder-page .bhr-modal-close span::after {
	height: 1px;
}

.blackholerecorder-page .bhr-modal {
	width: 50%;
	height: 100%;
	background-color: #000;
	border-left: 1px solid rgba(152, 152, 152, 0.5);
	position: fixed;
	right: 0;
	top: 0;
	z-index: 1000;
	overflow: hidden;
}

@media only screen and (max-width: 767px) {
	.blackholerecorder-page .bhr-modal {
		width: 100%;
		overflow-y: scroll;
		border: none;
	}
}

.blackholerecorder-page .bhr-modal .ls-min {
	letter-spacing: -0.5em;
}

.blackholerecorder-page .bhr-modal__inner {
	width: 520px;
	margin: 0 auto;
	padding: 115px 0 100px;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.blackholerecorder-page .bhr-modal__inner {
		width: 36.13621vw;
		padding: 7.99166vw 0 6.94927vw;
	}
}

@media only screen and (max-width: 767px) {
	.blackholerecorder-page .bhr-modal__inner {
		width: 84vw;
		min-height: calc(100% + 1px);
		padding: 20vw 0 28vw;
	}
}

.blackholerecorder-page .bhr-modal__des {
	margin-top: 30px;
	font-size: 14px;
	font-feature-settings: "palt";
	line-height: 1.7;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.blackholerecorder-page .bhr-modal__des {
		margin-top: 2.08478vw;
		font-size: 14px;
		font-size: 0.9729vw;
	}
}

@media only screen and (max-width: 767px) {
	.blackholerecorder-page .bhr-modal__des {
		margin-top: 6.66667vw;
		font-size: 28px;
		font-size: 3.73333vw;
		letter-spacing: -0.05em;
	}
}

.blackholerecorder-page .bhr-modal__contents {
	margin-top: 50px;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.blackholerecorder-page .bhr-modal__contents {
		margin-top: 3.47464vw;
	}
}

@media only screen and (max-width: 767px) {
	.blackholerecorder-page .bhr-modal__contents {
		margin-top: 10vw;
	}
}

.blackholerecorder-page .bhr-modal__section:nth-child(n+2) {
	margin-top: 60px;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.blackholerecorder-page .bhr-modal__section:nth-child(n+2) {
		margin-top: 4.16956vw;
	}
}

@media only screen and (max-width: 767px) {
	.blackholerecorder-page .bhr-modal__section:nth-child(n+2) {
		margin-top: 21.33333vw;
	}
}

.blackholerecorder-page .bhr-modal__section-ttl {
	margin-bottom: 18px;
	padding: 0px 0 10px;
	font-size: 20px;
	position: relative;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.blackholerecorder-page .bhr-modal__section-ttl {
		margin-bottom: 1.25087vw;
		padding: 0 0 0.69493vw;
		font-size: 20px;
		font-size: 1.38985vw;
	}
}

@media only screen and (max-width: 767px) {
	.blackholerecorder-page .bhr-modal__section-ttl {
		margin-bottom: 4.53333vw;
		padding: 0 0 2vw;
		font-size: 36px;
		font-size: 4.8vw;
	}
}

.blackholerecorder-page .bhr-modal__section-ttl::after {
	content: '';
	display: block;
	width: 22px;
	height: 1px;
	background-color: #989898;
	position: absolute;
	left: 0;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.blackholerecorder-page .bhr-modal__section-ttl::after {
		width: 1.52884vw;
	}
}

@media only screen and (max-width: 767px) {
	.blackholerecorder-page .bhr-modal__section-ttl::after {
		width: 5.86667vw;
	}
}

.blackholerecorder-page .bhr-modal__section-ttl::before {
	top: 0;
}

.blackholerecorder-page .bhr-modal__section-ttl::after {
	bottom: 0;
}

.blackholerecorder-page .bhr-modal__section-sub-ttl {
	font-size: 16px;
	margin-bottom: 5px;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.blackholerecorder-page .bhr-modal__section-sub-ttl {
		font-size: 16px;
		font-size: 1.11188vw;
		margin-bottom: 0.34746vw;
	}
}

@media only screen and (max-width: 767px) {
	.blackholerecorder-page .bhr-modal__section-sub-ttl {
		font-size: 30px;
		font-size: 4vw;
	}
}

@media only screen and (max-width: 767px) {
	.blackholerecorder-page .bhr-modal__section-des {
		font-size: 28px;
		font-size: 3.73333vw;
	}
}

.blackholerecorder-page .bhr-modal__section-des + .bhr-modal__section-des {
	margin-top: 10px;
}

.blackholerecorder-page .bhr-modal__note {
	font-size: 13px;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.blackholerecorder-page .bhr-modal__note {
		font-size: 13px;
		font-size: 0.90341vw;
	}
}

@media only screen and (max-width: 767px) {
	.blackholerecorder-page .bhr-modal__note {
		font-size: 21px;
		font-size: 2.8vw;
	}
}

.blackholerecorder-page .bhr-modal__txt-link {
	margin-top: 15px;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.blackholerecorder-page .bhr-modal__txt-link {
		margin-top: 1.04239vw;
	}
}

@media only screen and (max-width: 767px) {
	.blackholerecorder-page .bhr-modal__txt-link {
		margin-top: 2.66667vw;
	}
}

.blackholerecorder-page .bhr-modal__txt-link a {
	display: inline-flex;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-items: center;
	align-items: center;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	color: #989898;
	position: relative;
}

.blackholerecorder-page .bhr-modal__txt-link a::before {
	content: '';
	display: block;
	width: 98%;
	height: 1px;
	background-color: #989898;
	position: absolute;
	left: 1%;
	bottom: 2px;
}

.blackholerecorder-page .bhr-modal a.link-underline {
	display: inline-block;
	color: #989898;
	position: relative;
}

.blackholerecorder-page .bhr-modal a.link-underline::before {
	content: '';
	display: block;
	width: 98%;
	height: 1px;
	background-color: #989898;
	position: absolute;
	left: 1%;
	bottom: 2px;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.blackholerecorder-page .bhr-modal a.link-underline::before {
		height: 0.06949vw;
		bottom: 0.13899vw;
	}
}

.blackholerecorder-page .bhr-modal__section-img {
	width: 722px;
	margin-left: -101px;
	margin-top: 30px;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.blackholerecorder-page .bhr-modal__section-img {
		width: 50.17373vw;
		margin-left: -7.01876vw;
		margin-top: 2.08478vw;
	}
}

@media only screen and (max-width: 767px) {
	.blackholerecorder-page .bhr-modal__section-img {
		width: 100%;
		margin-left: 0;
		margin-top: 4vw;
	}
}

.blackholerecorder-page .bhr-modal__section-img img {
	width: 100%;
}

.blackholerecorder-page .bhr-modal__movie {
	width: 722px;
	margin-left: -101px;
	margin-top: 25px;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.blackholerecorder-page .bhr-modal__movie {
		width: 50.17373vw;
		margin-left: -7.01876vw;
		margin-top: 1.73732vw;
	}
}

@media only screen and (max-width: 767px) {
	.blackholerecorder-page .bhr-modal__movie {
		width: 100%;
		margin-left: 0;
	}
}

.blackholerecorder-page .bhr-modal__movie .movie-wrap {
	width: 100%;
	padding-top: 56.25%;
	position: relative;
}

.blackholerecorder-page .bhr-modal__movie .movie-wrap iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

@media only screen and (max-width: 767px) {
	.blackholerecorder-page .modal-theory {
		background-image: url(/assets/img/blackholerecorder/modal-theory_bg.png);
		background-position: center;
		background-size: 100%;
		background-repeat: no-repeat;
	}
}

.blackholerecorder-page .modal-theory .bhr-modal__ttl {
	width: 258px;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.blackholerecorder-page .modal-theory .bhr-modal__ttl {
		width: 17.92912vw;
	}
}

@media only screen and (max-width: 767px) {
	.blackholerecorder-page .modal-theory .bhr-modal__ttl {
		width: 42.4vw;
	}
}

.blackholerecorder-page .modal-theory .bhr-modal__note {
	margin-top: 0.5em;
}

@media only screen and (max-width: 767px) {
	.blackholerecorder-page .modal-theory .bhr-modal__note {
		letter-spacing: -.05em;
	}
}

@media only screen and (max-width: 767px) {
	.blackholerecorder-page .modal-function {
		background-image: url(/assets/img/blackholerecorder/modal-function_bg.png);
		background-position: center;
		background-size: 100%;
		background-repeat: no-repeat;
	}
}

.blackholerecorder-page .modal-function .bhr-modal__ttl {
	width: 312px;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.blackholerecorder-page .modal-function .bhr-modal__ttl {
		width: 21.68172vw;
	}
}

@media only screen and (max-width: 767px) {
	.blackholerecorder-page .modal-function .bhr-modal__ttl {
		width: 49.86667vw;
	}
}

@media only screen and (max-width: 767px) {
	.blackholerecorder-page .modal-commentary {
		background-image: url(/assets/img/blackholerecorder/modal-commentary_bg.png);
		background-position: center;
		background-size: 100%;
		background-repeat: no-repeat;
	}
}

.blackholerecorder-page .modal-commentary .bhr-modal__ttl {
	width: 461px;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.blackholerecorder-page .modal-commentary .bhr-modal__ttl {
		width: 32.03614vw;
	}
}

@media only screen and (max-width: 767px) {
	.blackholerecorder-page .modal-commentary .bhr-modal__ttl {
		width: 75.86667vw;
	}
}

@media only screen and (max-width: 767px) {
	.blackholerecorder-page .modal-collaboration {
		background-image: url(/assets/img/blackholerecorder/modal-collaboration_bg.png);
		background-position: center;
		background-size: 100%;
		background-repeat: no-repeat;
	}
}

.blackholerecorder-page .modal-collaboration .bhr-modal__ttl {
	width: 472px;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.blackholerecorder-page .modal-collaboration .bhr-modal__ttl {
		width: 32.80056vw;
	}
}

@media only screen and (max-width: 767px) {
	.blackholerecorder-page .modal-collaboration .bhr-modal__ttl {
		width: 74.4vw;
	}
}

.blackholerecorder-page .modal-collaboration .bhr-modal__header .wh-bd-btn {
	margin-top: 20px;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.blackholerecorder-page .modal-collaboration .bhr-modal__header .wh-bd-btn {
		margin-top: 1.38985vw;
	}
}

@media only screen and (max-width: 767px) {
	.blackholerecorder-page .modal-collaboration .bhr-modal__header .wh-bd-btn {
		margin-top: 4.66667vw;
	}
}

.blackholerecorder-page .modal-collaboration .flow-list__item {
	position: relative;
}

.blackholerecorder-page .modal-collaboration .flow-list__item:nth-child(n+2) {
	margin-top: 70px;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.blackholerecorder-page .modal-collaboration .flow-list__item:nth-child(n+2) {
		margin-top: 4.86449vw;
	}
}

@media only screen and (max-width: 767px) {
	.blackholerecorder-page .modal-collaboration .flow-list__item:nth-child(n+2) {
		margin-top: 16vw;
	}
}

.blackholerecorder-page .modal-collaboration .flow-list__item:nth-child(n+2)::before {
	content: '';
	display: block;
	width: 25px;
	height: 30px;
	background-image: url(/assets/img/blackholerecorder/arrow_gray.png);
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	top: -45px;
	left: 50%;
	margin-left: -13px;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.blackholerecorder-page .modal-collaboration .flow-list__item:nth-child(n+2)::before {
		width: 1.73732vw;
		height: 2.08478vw;
		top: -3.12717vw;
		margin-left: -0.90341vw;
	}
}

@media only screen and (max-width: 767px) {
	.blackholerecorder-page .modal-collaboration .flow-list__item:nth-child(n+2)::before {
		width: 6.66667vw;
		height: 7.73333vw;
		top: -11.33333vw;
		margin-left: -3.33333vw;
	}
}

.blackholerecorder-page .modal-collaboration .flow-list .ttl-label {
	margin-bottom: 10px;
	font-size: 20px;
	line-height: 1.1;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.blackholerecorder-page .modal-collaboration .flow-list .ttl-label {
		margin-bottom: 0.34746vw;
		font-size: 20px;
		font-size: 1.38985vw;
	}
}

@media only screen and (max-width: 767px) {
	.blackholerecorder-page .modal-collaboration .flow-list .ttl-label {
		margin-bottom: 0.66667vw;
		font-size: 32px;
		font-size: 4.26667vw;
	}
}

.blackholerecorder-page .modal-collaboration .flow-list .ttl-label .c-forum {
	margin-right: 0.3em;
	font-size: 30px;
	display: inline-block;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.blackholerecorder-page .modal-collaboration .flow-list .ttl-label .c-forum {
		font-size: 30px;
		font-size: 2.08478vw;
	}
}

@media only screen and (max-width: 767px) {
	.blackholerecorder-page .modal-collaboration .flow-list .ttl-label .c-forum {
		font-size: 44px;
		font-size: 5.86667vw;
	}
}

.blackholerecorder-page .modal-collaboration .flow-list .ttl {
	font-size: 16px;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.blackholerecorder-page .modal-collaboration .flow-list .ttl {
		font-size: 16px;
		font-size: 1.11188vw;
	}
}

@media only screen and (max-width: 767px) {
	.blackholerecorder-page .modal-collaboration .flow-list .ttl {
		font-size: 30px;
		font-size: 4vw;
	}
}

.blackholerecorder-page .modal-collaboration .flow-list .ttl .box {
	margin-left: 0.5em;
	padding: 2px 3px;
	border: 1px solid #989898;
	display: inline-block;
	line-height: 1;
	font-size: 11px;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.blackholerecorder-page .modal-collaboration .flow-list .ttl .box {
		padding: 0.13899vw 0.20848vw;
		font-size: 11px;
		font-size: 0.76442vw;
	}
}

@media only screen and (max-width: 767px) {
	.blackholerecorder-page .modal-collaboration .flow-list .ttl .box {
		padding: 0.26667vw 0.53333vw 0.4vw;
		font-size: 24px;
		font-size: 3.2vw;
	}
}

.blackholerecorder-page .modal-collaboration .flow-list .txt {
	margin-top: 10px;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.blackholerecorder-page .modal-collaboration .flow-list .txt {
		margin-top: 0.69493vw;
	}
}

@media only screen and (max-width: 767px) {
	.blackholerecorder-page .modal-collaboration .flow-list .txt {
		margin-top: 2vw;
	}
}

.blackholerecorder-page .modal-collaboration .flow-list .bhr-modal__txt-link {
	margin-top: 10px;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.blackholerecorder-page .modal-collaboration .flow-list .bhr-modal__txt-link {
		margin-top: 0.69493vw;
	}
}

@media only screen and (max-width: 767px) {
	.blackholerecorder-page .modal-collaboration .flow-list .bhr-modal__txt-link {
		margin-top: 2.4vw;
	}
}

.blackholerecorder-page .modal-collaboration .flow-list .bd-box {
	border: 1px solid rgba(152, 152, 152, 0.5);
	text-align: center;
	padding: 30px 0 35px;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.blackholerecorder-page .modal-collaboration .flow-list .bd-box {
		padding: 2.08478vw 0 2.43224vw;
	}
}

@media only screen and (max-width: 767px) {
	.blackholerecorder-page .modal-collaboration .flow-list .bd-box {
		padding: 4vw 0;
	}
}

@media only screen and (max-width: 767px) {
	.blackholerecorder-page .modal-collaboration .flow-list .bd-box .ttl {
		font-size: 28px;
		font-size: 3.73333vw;
	}
}

.blackholerecorder-page .modal-collaboration .flow-list .bd-box .txt {
	margin-top: 0;
}

@media only screen and (max-width: 767px) {
	.blackholerecorder-page .modal-collaboration .flow-list .bd-box .txt {
		font-size: 24px;
		font-size: 3.2vw;
	}
}

.blackholerecorder-page .modal-collaboration .step-flow {
	margin-top: 20px;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.blackholerecorder-page .modal-collaboration .step-flow {
		margin-top: 1.38985vw;
	}
}

@media only screen and (max-width: 767px) {
	.blackholerecorder-page .modal-collaboration .step-flow {
		margin-top: 4vw;
	}
}

@media only screen and (max-width: 767px) {
	.blackholerecorder-page .modal-collaboration .step-flow {
		font-size: 24px;
		font-size: 3.2vw;
	}
}

.blackholerecorder-page .modal-collaboration .step-flow__item:nth-child(n+2) {
	margin-top: 20px;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.blackholerecorder-page .modal-collaboration .step-flow__item:nth-child(n+2) {
		margin-top: 1.38985vw;
	}
}

@media only screen and (max-width: 767px) {
	.blackholerecorder-page .modal-collaboration .step-flow__item:nth-child(n+2) {
		margin-top: 3.33333vw;
	}
}

.blackholerecorder-page .modal-collaboration .step-flow .ttl-label {
	margin-bottom: 4px;
	font-size: 20px;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.blackholerecorder-page .modal-collaboration .step-flow .ttl-label {
		margin-bottom: 0.27797vw;
		font-size: 20px;
		font-size: 1.38985vw;
	}
}

@media only screen and (max-width: 767px) {
	.blackholerecorder-page .modal-collaboration .step-flow .ttl-label {
		margin-bottom: 0.26667vw;
		font-size: 28px;
		font-size: 3.73333vw;
	}
}

.blackholerecorder-page .modal-collaboration .step-flow .fz_s {
	font-size: 12px;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.blackholerecorder-page .modal-collaboration .step-flow .fz_s {
		font-size: 12px;
		font-size: 0.83391vw;
	}
}

@media only screen and (max-width: 767px) {
	.blackholerecorder-page .modal-collaboration .step-flow .fz_s {
		font-size: 24px;
		font-size: 3.2vw;
	}
}

.blackholerecorder-page .modal-collaboration .member-block {
	font-size: 12px;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.blackholerecorder-page .modal-collaboration .member-block {
		font-size: 12px;
		font-size: 0.83391vw;
	}
}

@media only screen and (max-width: 767px) {
	.blackholerecorder-page .modal-collaboration .member-block {
		font-size: 24px;
		font-size: 3.2vw;
	}
}

.blackholerecorder-page .modal-collaboration .member-block .main-list {
	margin-bottom: 5px;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.blackholerecorder-page .modal-collaboration .member-block .main-list {
		margin-bottom: 0.34746vw;
	}
}

@media only screen and (max-width: 767px) {
	.blackholerecorder-page .modal-collaboration .member-block .main-list {
		margin-bottom: 1.33333vw;
	}
}

.blackholerecorder-page .modal-collaboration .member-block .note {
	margin-top: 5px;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.blackholerecorder-page .modal-collaboration .member-block .note {
		margin-top: 0.34746vw;
	}
}

@media only screen and (max-width: 767px) {
	.blackholerecorder-page .modal-collaboration .member-block .note {
		margin-top: 1.33333vw;
	}
}

.blackholerecorder-page .modal-gallery {
	width: 100%;
	height: 100%;
	border: none;
}

.blackholerecorder-page .modal-gallery .bhr-modal__inner {
	width: 1000px;
	height: 100%;
	padding: 0;
	position: relative;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.blackholerecorder-page .modal-gallery .bhr-modal__inner {
		width: 69.4927vw;
	}
}

@media only screen and (max-width: 767px) {
	.blackholerecorder-page .modal-gallery .bhr-modal__inner {
		width: 84vw;
	}
}

.blackholerecorder-page .modal-gallery .slider-block {
	width: 100%;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

.blackholerecorder-page .modal-gallery .gallery-slide__item-inner {
	padding-top: 66.7333%;
	position: relative;
}

.blackholerecorder-page .modal-gallery .gallery-slide__item img {
	max-width: 100%;
	max-height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	margin: auto;
}

.blackholerecorder-page .modal-gallery .gallery-pager {
	width: 88px;
	height: 25px;
	margin: 24px auto 0;
	position: relative;
	font-family: "Forum", "Noto Serif JP", sans-serif;
}

@media only screen and (max-width: 767px) {
	.blackholerecorder-page .modal-gallery .gallery-pager {
		width: 21.06667vw;
		height: 6.66667vw;
		margin-top: 4vw;
	}
}

.blackholerecorder-page .modal-gallery .gallery-pager .page-num {
	text-align: center;
}

@media only screen and (max-width: 767px) {
	.blackholerecorder-page .modal-gallery .gallery-pager .page-num {
		font-size: 24px;
		font-size: 3.2vw;
	}
}

.blackholerecorder-page .modal-gallery .gallery-pager .page-num span {
	display: inline-block;
}

.blackholerecorder-page .modal-gallery .gallery-pager .page-num .slash {
	margin: 0 0.5em;
}

.blackholerecorder-page .modal-gallery .gallery-pager .slick-arrow {
	width: 10px;
	position: absolute;
	top: 0;
	cursor: pointer;
}

@media only screen and (max-width: 767px) {
	.blackholerecorder-page .modal-gallery .gallery-pager .slick-arrow {
		width: 2.53333vw;
	}
}

.blackholerecorder-page .modal-gallery .gallery-pager .slider-prev {
	left: 0;
}

.blackholerecorder-page .modal-gallery .gallery-pager .slider-next {
	right: 0;
}

.blackholerecorder-page .wh-bd-btn {
	width: 100%;
	height: 80px;
	background-color: #000;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.blackholerecorder-page .wh-bd-btn {
		height: 5.55942vw;
	}
}

@media only screen and (max-width: 767px) {
	.blackholerecorder-page .wh-bd-btn {
		height: 13.33333vw;
	}
}

.blackholerecorder-page .wh-bd-btn a {
	width: 100%;
	height: 100%;
	font-weight: 600;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	border: 1px solid #989898;
	color: #989898;
	position: relative;
}

.blackholerecorder-page .wh-bd-btn a::before {
	content: '';
	display: block;
	width: 22px;
	height: 1px;
	background-color: #989898;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 30px;
	margin: auto;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.blackholerecorder-page .wh-bd-btn a::before {
		width: 1.52884vw;
		margin-right: 0.34746vw;
	}
}

.blackholerecorder-page.is-tb .bhr-modal, .blackholerecorder-page.is-ie11 .bhr-modal {
	overflow-y: scroll;
}

.blackholerecorder-page .side-indicator {
	width: 18px;
	height: 62px;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 40px;
	margin: auto;
	z-index: 50;
	font-family: "Forum", "Noto Serif JP", sans-serif;
	font-size: 14px;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.blackholerecorder-page .side-indicator {
		width: 1.25087vw;
		height: 4.30855vw;
		left: 2.77971vw;
		font-size: 14px;
		font-size: 0.9729vw;
	}
}

@media only screen and (max-width: 767px) {
	.blackholerecorder-page .side-indicator {
		width: 4vw;
		height: 9.86667vw;
		left: 8vw;
		bottom: 8vw;
		top: auto;
		margin: 0;
		font-size: 24px;
		font-size: 3.2vw;
	}
}

.blackholerecorder-page .side-indicator span {
	width: 100%;
	text-align: center;
	display: block;
	position: absolute;
	margin: auto;
	line-height: 1;
	color: #686868;
}

.blackholerecorder-page .side-indicator .slash {
	width: 12px;
	height: 1px;
	background-color: #5f5f5f;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.blackholerecorder-page .side-indicator .slash {
		width: 0.83391vw;
	}
}

@media only screen and (max-width: 767px) {
	.blackholerecorder-page .side-indicator .slash {
		width: 3.46667vw;
	}
}

.blackholerecorder-page .side-indicator .current-num {
	top: 0;
}

.blackholerecorder-page .side-indicator .max-num {
	bottom: 0;
}

.blackholerecorder-page .paging-btn {
	width: 50px;
	height: 19px;
	position: fixed;
	right: 40px;
	bottom: 36px;
	z-index: 60;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.blackholerecorder-page .paging-btn {
		width: 3.47464vw;
		height: 1.32036vw;
		right: 2.77971vw;
		bottom: 2.50174vw;
	}
}

@media only screen and (max-width: 767px) {
	.blackholerecorder-page .paging-btn {
		width: 9.86667vw;
		height: 3.86667vw;
		right: 8vw;
		bottom: 8vw;
	}
}

.blackholerecorder-page .paging-btn__arrow {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer;
	transition: transform .5s;
}

.blackholerecorder-page .paging-btn.second-to-first .paging-btn__arrow {
	transform: rotate(180deg);
}

.blackholerecorder-page .paging-btn.third-to-first .paging-btn__arrow {
	transform: rotate(180deg);
}

.blackholerecorder-page .header-logo {
	width: 112px;
	position: fixed;
	top: 40px;
	left: 40px;
	z-index: 50;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.blackholerecorder-page .header-logo {
		width: 7.78318vw;
		top: 2.77971vw;
		height: 2.77971vw;
	}
}

@media only screen and (max-width: 767px) {
	.blackholerecorder-page .header-logo {
		width: 28.93333vw;
		top: 8vw;
		left: 8vw;
	}
}

.blackholerecorder-page .hum-btn {
	width: 50px;
	height: 23px;
	background-color: transparent;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.blackholerecorder-page .hum-btn {
		width: 3.47464vw;
		height: 1.59833vw;
	}
}

@media only screen and (max-width: 767px) {
	.blackholerecorder-page .hum-btn {
		width: 11.6vw;
		height: 6.13333vw;
		top: 9.06667vw;
		right: 7.6vw;
	}
}

.blackholerecorder-page .hum-btn .inner {
	width: 100%;
	height: 100%;
}

.blackholerecorder-page .hum-btn span {
	height: 1px;
	background-color: #686868;
}

.blackholerecorder-page .g-nav {
	background-color: #000;
}

.blackholerecorder-page .g-nav__list a {
	color: #989898;
}

.blackholerecorder-page .g-nav__list a.to-blackhole {
	color: #e0e0e0;
}

.blackholerecorder-page.is-nav-op .hum-btn {
	background-color: transparent;
}

.blackholerecorder-page.is-nav-op .hum-btn span {
	background-color: #989898;
}

.blackholerecorder-page .g-footer {
	width: 100%;
	height: 80px;
	background-color: transparent;
	color: #989898;
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 50;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.blackholerecorder-page .g-footer {
		height: 5.55942vw;
	}
}

@media only screen and (max-width: 767px) {
	.blackholerecorder-page .g-footer {
		height: 17.6vw;
	}
}

@media only screen and (min-width: 768px) {
	.blackholerecorder-page .g-footer .l-inner-wrap {
		width: 100%;
		padding: 0 120px 0 40px;
	}
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.blackholerecorder-page .g-footer .l-inner-wrap {
		padding: 0 8.33912vw 0 2.77971vw;
	}
}

.blackholerecorder-page .g-footer .copy {
	margin-right: 0;
	color: #686868;
}

@media only screen and (max-width: 767px) {
	.blackholerecorder-page .g-footer .copy {
		text-align: center;
		margin-top: 2.66667vw;
		font-size: 20px;
		font-size: 2.66667vw;
		font-family: 'Forum', serif;
	}
}

@media only screen and (max-width: 767px) {
	.blackholerecorder-page .g-footer .share-list {
		justify-content: center;
	}
}

.blackholerecorder-page .g-footer .share-list li.facebook {
	width: 16px;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.blackholerecorder-page .g-footer .share-list li.facebook {
		width: 1.11188vw;
	}
}

@media only screen and (max-width: 767px) {
	.blackholerecorder-page .g-footer .share-list li.facebook {
		width: 5.06667vw;
	}
}

.blackholerecorder-page .g-footer .share-list li.twitter {
	width: 19px;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.blackholerecorder-page .g-footer .share-list li.twitter {
		width: 1.32036vw;
	}
}

@media only screen and (max-width: 767px) {
	.blackholerecorder-page .g-footer .share-list li.twitter {
		width: 5.73333vw;
	}
}

.blackholerecorder-page .g-footer .share-list li.line {
	width: 16px;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.blackholerecorder-page .g-footer .share-list li.line {
		width: 1.11188vw;
	}
}

@media only screen and (max-width: 767px) {
	.blackholerecorder-page .g-footer .share-list li.line {
		width: 5.2vw;
	}
}

.blackholerecorder-page .g-footer .share-list li.hatena {
	width: 15px;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.blackholerecorder-page .g-footer .share-list li.hatena {
		width: 1.04239vw;
	}
}

@media only screen and (max-width: 767px) {
	.blackholerecorder-page .g-footer .share-list li.hatena {
		width: 4.93333vw;
	}
}

.blackholerecorder-page .g-footer .share-list li:nth-child(n+2) {
	margin-left: 10px;
}

@media only screen and (max-width: 1439px) and (min-width: 768px) {
	.blackholerecorder-page .g-footer .share-list li:nth-child(n+2) {
		margin-left: 0.69493vw;
	}
}

@media only screen and (max-width: 767px) {
	.blackholerecorder-page .g-footer .share-list li:nth-child(n+2) {
		margin-left: 3.33333vw;
	}
}

.blackholerecorder-page .g-footer .page-top {
	display: none;
}

.blackholerecorder-page .hum-btn span {
	transition: transform 1.0s, opacity .2s .5s;
}

.blackholerecorder-page .g-nav {
	transition: transform 1.5s cubic-bezier(0.77, 0, 0.175, 1);
}

.blackholerecorder-page .gray-layer {
	transition: opacity 1.5s cubic-bezier(0.77, 0, 0.175, 1);
}

.blackholerecorder-page.is-nav-op .hum-btn span {
	transition: transform 1.0s, opacity .2s 0s;
}

.blackholerecorder-page .op1.is-none {
	opacity: 0;
	filter: blur(100px);
	transition: filter 3.0s, opacity 3s 1s;
	pointer-events: none;
}

.blackholerecorder-page .op1__des {
	opacity: 0;
	filter: blur(50px);
	transition: filter 1.5s, opacity .3s;
}

.blackholerecorder-page .op1__des.is-active {
	opacity: 1;
	filter: blur(0);
}

@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
	.blackholerecorder-page .op1__des.is-active {
		filter: blur(0.04px);
	}
}

.blackholerecorder-page .op1__logo {
	opacity: 0;
	filter: blur(50px);
	transition: filter 1.5s, opacity .3s;
}

.blackholerecorder-page .op1__logo.is-active {
	opacity: 1;
	filter: blur(0);
}

@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
	.blackholerecorder-page .op1__logo.is-active {
		filter: blur(0.04px);
	}
}

.blackholerecorder-page .grad-layer__1 {
	background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 20%, rgba(0, 0, 0, 0.9) 100%);
	transform: scale(2, 1);
	transition: transform 4s 2s, opacity 4s 1s;
}

.blackholerecorder-page .grad-layer__2 {
	background-color: #000;
	opacity: 0.9;
	transition: opacity 3s;
}

.blackholerecorder-page .grad-layer.is-active .grad-layer__1 {
	transform: scale(5);
	opacity: 0;
}

.blackholerecorder-page .grad-layer.is-active .grad-layer__2 {
	opacity: 0;
}

.blackholerecorder-page .sec-first__logo img {
	display: block;
	opacity: 0;
	filter: blur(50px);
	transition: filter 1.5s 2.8s, opacity 0.3s 2.8s;
}

.blackholerecorder-page .sec-first__logo img.is-active {
	opacity: 1;
	filter: blur(0px);
}

@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
	.blackholerecorder-page .sec-first__logo img.is-active {
		filter: blur(0.04px);
	}
}

.blackholerecorder-page .sec-first__label img {
	display: block;
	opacity: 0;
	filter: blur(50px);
	transition: filter 1.5s 3.3s, opacity 0.3s 3.3s;
}

.blackholerecorder-page .sec-first__label img.is-active {
	opacity: 1;
	filter: blur(0px);
}

@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
	.blackholerecorder-page .sec-first__label img.is-active {
		filter: blur(0.04px);
	}
}

.blackholerecorder-page .sec-first__des p {
	opacity: 0;
	filter: blur(50px);
	transition: filter 1.5s 3.3s, opacity 0.3s 3.3s;
}

.blackholerecorder-page .sec-first__des p.is-active {
	opacity: 1;
	filter: blur(0px);
}

@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
	.blackholerecorder-page .sec-first__des p.is-active {
		filter: blur(0.04px);
	}
}

.blackholerecorder-page .side-indicator,
.blackholerecorder-page .paging-btn,
.blackholerecorder-page .header-logo,
.blackholerecorder-page .hum-btn,
.blackholerecorder-page .g-footer {
	filter: blur(50px);
	opacity: 0;
	transition: filter 1.5s 3.3s, opacity 0.3s 3.3s;
}

.blackholerecorder-page .side-indicator.is-active,
.blackholerecorder-page .paging-btn.is-active,
.blackholerecorder-page .header-logo.is-active,
.blackholerecorder-page .hum-btn.is-active,
.blackholerecorder-page .g-footer.is-active {
	opacity: 1;
	filter: blur(0px);
}

@media screen and (-webkit-min-device-pixel-ratio: 0) and (min-resolution: 0.001dpcm) {
	.blackholerecorder-page .side-indicator.is-active,
	.blackholerecorder-page .paging-btn.is-active,
	.blackholerecorder-page .header-logo.is-active,
	.blackholerecorder-page .hum-btn.is-active,
	.blackholerecorder-page .g-footer.is-active {
		filter: blur(0.04px);
	}
}

.blackholerecorder-page .sec-second {
	opacity: 0;
}

.blackholerecorder-page .kv__img img {
	transition: transform 1.5s 0s cubic-bezier(0.77, 0, 0.175, 1);
}

.blackholerecorder-page .bhr-modal-close {
	opacity: 0;
	transform: rotate(315deg);
	transition: opacity .5s, transform 1s;
	pointer-events: none;
}

.blackholerecorder-page .bhr-modal {
	transform: translateX(105%);
	transition: transform 1.5s cubic-bezier(0.77, 0, 0.175, 1);
}

.blackholerecorder-page .sec-second__inner {
	transition: transform 1.5s 0s cubic-bezier(0.77, 0, 0.175, 1);
}

.blackholerecorder-page .sec-second .txt-block {
	transition: opacity .5s;
}

.blackholerecorder-page .bhr-modal__movie .movie-wrap::after {
	transition: transform .8s;
}

.blackholerecorder-page .bhr-modal__movie .movie-wrap:hover::after {
	transform: scale(1.1);
}

.blackholerecorder-page.is-bhr-modal-op .bhr-modal-close {
	transition: opacity .5s .5s, transform 1s 0.5s;
	opacity: 1;
	transform: rotate(0);
	pointer-events: auto;
}

.blackholerecorder-page.is-bhr-modal-op .bhr-modal.is-active {
	transform: translateX(0);
}

.blackholerecorder-page.is-bhr-modal-op .kv__img img {
	transform: translateX(-25%);
}

.blackholerecorder-page.is-bhr-modal-op .sec-second__inner {
	transform: translateX(-105%);
}

.blackholerecorder-page.is-bhr-modal-op .sec-second .txt-block {
	opacity: 0;
}

.blackholerecorder-page.is-pc .sec-second .nav-list a:hover .side-line::before {
	animation: hv_side_bd .7s;
}

.blackholerecorder-page.is-pc .bhr-modal__txt-link a:hover::before {
	animation: hv_side_bd_2 1s;
}

.blackholerecorder-page.is-pc .wh-bd-btn a {
	transition: background .5s, color .5s;
}

.blackholerecorder-page.is-pc .wh-bd-btn a:hover {
	color: #000;
	background-color: #989898;
}

.blackholerecorder-page.is-pc .wh-bd-btn a:hover::before {
	background-color: #000;
}

.blackholerecorder-page.is-pc a.link-underline:hover::before {
	animation: hv_side_bd_2 1s;
}

@keyframes hv_side_bd {
	0% {
		width: 0;
	}
	100% {
		width: 100%;
	}
}

@keyframes hv_side_bd_2 {
	0% {
		width: 0;
	}
	100% {
		width: 98%;
	}
}

/*# sourceMappingURL=main.css.map */