/*------------------------------------------------------------
  共通
------------------------------------------------------------*/

html {
	scroll-behavior: smooth;
}

body {
	background-color: #fff;
	font-size: 16px;
	line-height: 1.7;
	font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
	font-feature-settings: "palt";
}

a {
	display: inline-block;
	z-index: 9999;
	text-decoration: none;
	transition: all 0.3s ease;
}

.inner {
	padding-right: 0px;
	padding-left: 0px;
}

.wrapper {
	width: -moz-fit-content;
	width: fit-content;
	margin-inline: auto;
}

/*------------------------------------------------------------
  component
------------------------------------------------------------*/

.c-btn {
	z-index: 3;
	position: absolute;
	top: 0;
	left: 50%;
	width: min(67vw, 656px);
	translate: -50%;
	text-align: center;
}

/*下層ページ*/

/*------------------------------------------------------------
  mv
------------------------------------------------------------*/

/*------------------------------------------------------------
  section
------------------------------------------------------------*/

.l-section {
	overflow: hidden;
}

.l-section:nth-of-type(5) .p-content.u-relative .c-btn:nth-child(2) {
	top: min(117vw, 1172px);
}

.l-section:nth-of-type(5) .p-content.u-relative .c-btn:nth-child(3) {
	top: min(129vw, 1300px);
}

.l-section:nth-of-type(6) .p-content.u-relative .c-btn {
	top: min(98vw, 982px);
}

.l-section:nth-of-type(7) .p-content.u-relative .c-btn {
	top: min(84vw, 833px);
}

.l-section:nth-of-type(8) .p-content.u-relative .c-btn {
	top: auto;
	bottom: 0;
}

/*------------------------------------------------------------
  footer
------------------------------------------------------------*/

.l-footer {
	padding-block: min(10vw, 100px);
}

.p-footer__content {
	text-align: center;
}

.p-footer__content a {
	width: min(20vw, 200px);
}

/*------------------------------------------------------------
  unit
------------------------------------------------------------*/

.u-add__padding-in20 {
	padding-inline: 20px;
}

.u-add__padding-in30 {
	padding-inline: 30px;
}

.u-add__padding-bottom60 {
	padding-bottom: 60px;
}

.u-width50 {
	width: 50%;
}

.u-width75 {
	width: 75%;
}

.u-relative {
	position: relative;
}

@media (any-hover: hover) {

a:hover {
	transform: translate(2px, 2px);
	opacity: 0.6;
}

}