@charset "utf-8";

:root {
	/* base */
	--cts-gutter: clamp(10px, -1.412rem + 8.91vw, 65px);/*375-768*/
	--cts-width: 1506px;

	/* font */
	--dp-font-jp: "M PLUS 1", serif;
	/* Noto Sans JP
	<weight>: Use a value from 100 to 900
	*/

	--cts-font: "urw-din-condensed", sans-serif;
	/* <weight>: Use a value from 100 to 700 */

	--cts-font2: "Noto Sans JP", serif;
	/* <weight>: Use a value from 100 to 900 */

	--dp-h1-size: clamp(24px,calc(1.159rem + 1.45vw),36px);
	--dp-h2-size: clamp(20px,calc(1.023rem + .97vw),28px);
	--dp-h3-size: clamp(18px,calc(.955rem + .73vw),24px);
	--dp-h4-size: clamp(16px,calc(.886rem + .48vw),20px);
	--dp-p-l-size: clamp(14px, 0.806rem + 0.3vw, 16px);/* 本文 Large */
	--dp-p-note-size: clamp(10px,calc(.597rem + .12vw),11px);/* 本文 Notes */
	--dp-price-s-size: clamp(16px,calc(.886rem + .48vw),20px);/* 価格 Small */
	--dp-price-tax-s-size: clamp(12px,calc(.693rem + .24vw),14px);/* 円・税 Small */

	--cts-font-size: clamp(12px, 0.636rem + 0.48vw, 16px);
	--cts-font-ls: .025em;/*letter-spacing*/

	/* color */
	--cts-color1: #FFFFFF;
	--cts-color2: #FF5C92;
	--cts-color3: #D60404;
	--cts-color4: #C4124D;
	--cts-color5: #B70606;
	--cts-color6: #790028;
	--cts-color7: #3EA9D6;
	--cts-color8: #1FA9F9;
	--cts-color9: #064F7A;
	--cts-color10:#032F5A;
	--cts-color11:#091843;
	--cts-color12:#0A1421;
}


/* LP共通汎用
____________________*/
#container a, #container a span {
    color: inherit;
    text-decoration: none;
}
.pagetop {
	display: none;	
}
#pagetop {
	display: none;
	position: fixed;
	bottom: 30px;
	right: 55px;
}
#pagetop a {
	color: #fff;
	background-color: #333;
	border-radius: 5px;
	display: block;
	font-size: 12px;
	line-height: 1.5em;
	padding: 5px 10px;
	text-align: center;
	text-decoration: none;
}
figure {
	margin: 0;
	text-align: center;
}
img {
	image-rendering: -webkit-optimize-contrast;
}
.l-header {
    width: 100%;
    background: #fff;
    position: relative;
}
.c-breadcrumb--gray {
	display: flex;
	align-items: center;
}
.bnr_link_win11_wrap {
    margin: 0 auto;
}
.bnr_link_win11 img {
    transition: opacity 0.3s;
    width: 300px;
}
.bnr_link_win11 img:hover {
	opacity: 0.75;
}
.BreadcrumbList_wrap {
	background: #fff;
	position: relative;
    z-index: 2;
}
.footer-wrap {
    background: #fff;
    position: relative;
    z-index: 2;
}
@media screen and (min-width: 768px), print and (min-width: 768px) {
	.c-breadcrumb__list.u-pc-width,
	.bnr_link_win11_wrap.u-pc-width {
		padding-inline: 30px;
	}
	.bnr_link_win11_wrap.u-pc-width {
		width: auto;
	}
}
@media screen and (max-width: 1000px) {
	.c-breadcrumb--gray {
		display: inherit;
	}
	.bnr_link_win11_wrap {
		width: 100%;
		margin: 10px auto 0;
		padding-block-end: 10px;
	}
	.bnr_link_win11 {
		width: 100%;
		margin-top: 0;
		text-align: center;
	}
}
.contents__wrap {
	width: 100%;
	margin-inline: auto;
	/* background: var(--cts-bg); */
	font-size: var(--cts-font-size);
	font-family: var(--dp-font-jp);
	color: #fff;
	overflow: hidden;
}
.contents__wrap img {
	max-width: 100%;
}
.contents {
	margin-top: 120px;
	margin-bottom: 120px;
}
.pc {
	display: block !important;
}
.sp {
	display: none !important;
}
.flash:hover {
	animation-name: hover-flash;
	animation-duration: 1s;
	opacity: .85;
}
@keyframes hover-flash {
	0% {
		opacity: .3;
	}
	100% {
		opacity: .85;
	}
}
.contents__inner {
	width: 100%;
	max-width: var(--cts-width);
	margin-inline: auto;
	padding-inline: var(--cts-gutter);
	box-sizing: border-box;
}
.contents__wrap .link__inner {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	padding-block: clamp(5px,0.236rem + 1.38vw,12px);
	padding-inline: clamp(25px,0.737rem + 2vw,40px);
	margin-top: 10px;
	background: var(--dp-color);
	font-size: clamp(15px, 0.545rem + 1.61vw, 18px);
	font-weight: 500;
	color: #fff;
	text-decoration: none;
	letter-spacing: var(--cts-font-ls);
	box-sizing: border-box;
	overflow: hidden;
	z-index: 1;
	width: 100%;
}
.link--over::before {
	animation: link-over ease-out .4s both;
}
.link--out::before {
	animation: link-out ease-in .4s both;
}
@keyframes link-over {
	0% {
		left: -168%;
	}
	100% {
		left: -18%;
	}
}
@keyframes link-out {
	0% {
		left: -18%;
	}
	100% {
		left: 168%;
	}
}
/* コンテンツ
____________________*/
.contents__wrap {
	padding-block-end: 0;
	position: relative;
	z-index: 0;
}
.contents__wrap .link__inner {
	color: var(--cts-color6);
	font-size: clamp(15px, 0.545rem + 1.61vw, 17px);
	font-weight: 700;
	max-height: 56px;
	padding-block:0;
    padding-inline: 0;
	position: relative;
	display: flex;
	justify-content: center;
	border: 2px solid var(--cts-color4);
	box-sizing: border-box;
	filter: brightness(1);
	transition: all 0.4s;
}
.contents__wrap .link__inner:hover {
	filter: brightness(1.3);
	transition: all 0.4s;
}
.contents__wrap .link__inner .inner_txt {
	text-align: center;
	position: relative;
	z-index: +1;
	padding-block: clamp(12px,0.236rem + 1.38vw,16px);
    padding-inline: clamp(6px, -0.737rem + 2vw, 20px);
	width: calc(100% - 55px);
	height: 100%;
	border-right: 2px solid var(--cts-color4);
	box-sizing: border-box;
}
.contents__wrap .link__inner .triangle {
	width: 50px;
	height: 50px;
	position: relative;
	flex: none;
}
.contents__wrap .link__inner .triangle::before {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	width: 0;
	height: 0;
	border-style: solid;
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent;
	border-left: 12px solid #ff5c90;
	border-right: 0;
}
.btn_block {
	width: 100%;
	max-width: 700px;
	background: rgb(2,56,181);
	background: linear-gradient(0deg, rgba(2,56,181,1) 0%, rgba(26,117,230,1) 50%, rgba(2,104,181,1) 100%);
	border: 1px solid var(--cts-color8);
	margin: 120px auto 0;
	box-sizing: border-box;
}
.btn_block .link__inner {
	background: rgb(1,41,151);
	background: linear-gradient(90deg, rgba(1,41,151,1) 0%, rgba(0,112,199,1) 50%, rgba(1,41,151,1) 100%);
	color: var(--cts-color1);
	font-size: clamp(14px, -0.545rem + 3.61vw, 24px);
	width: calc(100% - 6px);
	min-height: 86px;
	max-height: inherit;
	border: 1px solid var(--cts-color8);
	margin: 3px;
}
.btn_block .link__inner .inner_txt {
	padding-block: clamp(5px, 0.236rem + 2.38vw, 27px);
	border-right: 1px solid var(--cts-color8);
}
.btn_block .link__inner .triangle {
	width: 84px;
	height: 84px;
}
.btn_block .link__inner .triangle::before {
	border-left: 17px solid #1FA9F9;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
}
.section-ttl {
	width: 100%;
	margin-inline: auto;
}
/* mv
____________________*/
.contents--mv {
	width: 100%;
	padding: 0;
	position: relative;
	z-index: 2;
	margin-top: 0;
	margin-bottom: 0;
}
.contents--mv img {
	width: 100%;
	padding: 0;
	position: relative;
	vertical-align: bottom;
}
/* read
____________________*/
.contents--read {
	background: url(../../gamepc/img/ff7-rebirth/bg_pc.webp) no-repeat center top/cover;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 80px;
	padding-bottom: 80px;
	position: relative;
	z-index: 1;
}
.contents--read::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	z-index: 1;
	width: 100%;
	height: 100%;
	background: var(--cts-color11);
	mix-blend-mode: multiply;
}
.read-txt {
	color: var(--cts-color1);
	font-size: clamp(18px, 0.545rem + 1.61vw, 30px);
	font-weight: 700;
	letter-spacing: 0.05em;
	line-height: 1.8;
	text-align: center;
	position: relative;
	z-index: +2;
}
.read-note {
	color: var(--cts-color1) ;
	font-size: clamp(14px, 0.545rem + 1.61vw, 17px);
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 1.6;
	text-align: center;
	margin: 1em 0 0;
	position: relative;
	z-index: +2;
}
/* system
____________________*/
.contents--system {
	background: url(../../gamepc/img/ff7-rebirth/bg_pc.webp) no-repeat center top/cover;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 80px;
	padding-bottom: 80px;
	position: relative;
	z-index: 1;
}
/* .contents--system::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	z-index: 1;
	width: 100%;
	height: 150px;
	background: var(--cts-color11);
	mix-blend-mode: multiply;
} */
/* .contents--system::after {
	content: "";
	position: absolute;
	top: 153px;
	left: 0;
	z-index: 1;
	width: 100%;
	border-bottom: 2px solid var(--cts-color3);
} */
.system {
	position: relative;
	z-index: 2;
}
.system .section-ttl {
	max-width: 401px;
}
.ststem_table {
	width: 100%;
	max-width: 1050px;
	margin: 80px auto 0;
}
.ststem_table th,
.ststem_table td {
	color: var(--cts-color1);
	text-align: left;
	vertical-align: middle;
	box-sizing: border-box;
	border: 1px solid var(--cts-color8);
}
.ststem_table tr:nth-of-type(n+2) {
	background: var(--cts-color11);
}
.ststem_table tr:nth-of-type(n+2) th,
.ststem_table tr:nth-of-type(n+2) td {
	padding: 20px;
}
.ststem_table tr:nth-of-type(n+2) th {
	position: relative;
	font-size: clamp(13px, 0.245rem + 1.61vw, 15px);
	font-weight: 500;
	line-height: 1.4;
	letter-spacing: 0.05em;
	text-align: center;
}
.ststem_table tr:nth-of-type(n+2) th:after {
	content: "";
	background: rgba(31, 169, 249, 0.25);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: +1;
}
.ststem_table th .th-inner {
	position: relative;
	z-index: 2;
}
.ststem_table td {
	font-size: 15px;
	font-weight: 500;
	line-height: 1.4;
	letter-spacing: 0.05em;
}
.ststem_table td .td-inner {
	text-align: left;
    width: fit-content;
    display: block;
    margin-inline: auto;
}
.ststem_table .thead {
	background: url(../../gamepc/img/ff7-rebirth/bg_table-head.webp) center center/cover;
}
.ststem_table .thead th {
	font-size: 18px;
	font-weight: 300;
	line-height: 1;
	letter-spacing: 0.05em;
	padding: 3px;
}
.ststem_table .thead th:nth-of-type(1) {
	width: 19.2%;
}
.ststem_table .thead th:nth-of-type(2),
.ststem_table .thead th:nth-of-type(3) {
	width: calc(80.8% / 2);
}
.thead-inner {
	width: 100%;
	text-align: center;
	display: block;
	padding: 10px;
	box-sizing: border-box;
	background: url(../../gamepc/img/ff7-rebirth/bg_table-head-inner.webp) center center/cover;
	border: 1px solid var(--cts-color8);
	box-shadow: 0px 0px 5px 0px rgba(31, 169, 249, 0.9);
}
.urw {
	font-size: clamp(26px,calc(1.159rem + 1.45vw),35px);
	font-family: var(--cts-font);
	line-height: 1;
}
.thead-note {
	font-size: clamp(11px, 0.245rem + 1.61vw, 14px);
	line-height: 1.3;
}
.center {
	text-align: center !important;
}
/* lineup
____________________*/
.contents--lineup {
	background: var(--cts-color12);
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 80px;
    padding-bottom: 110px;
	position: relative;
	z-index: 5;
}
/* .contents--lineup::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	z-index: 1;
	width: 100%;
	height: 150px;
	background: var(--cts-color11);
	mix-blend-mode: multiply;
} */
/* .contents--lineup::after {
	content: "";
	position: absolute;
	top: 153px;
	left: 0;
	z-index: 1;
	width: 100%;
	border-bottom: 2px solid var(--cts-color3);
} */
.lineup {
	max-width: inherit;
	padding-inline: 0;
	position: relative;
	z-index: 2;
}
.lineup .section-ttl {
	max-width: 401px;
}
.category-ttl_wrap {
	width: 100%;
	padding-inline: var(--cts-gutter);
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 50px;
	box-sizing: border-box;
}
.category-ttl_wrap::after {
	content: "";
	width: 100%;
	height: 2px;
	background: var(--cts-color9);
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: -1;
	transform: translate(-50%,-50%);
}
.category-ttl_wrap:nth-of-type(n+2) {
	margin-top: 70px;
}
.category-ttl_wrap .category-ttl {
	background: url(../../gamepc/img/ff7-rebirth/ttl_bg.webp) no-repeat center center/contain;
	color:var(--cts-color1);
	font-size: clamp(21px, 0.245rem + 1.61vw, 30px);
	font-weight: 500;
	line-height: 1.6;
	letter-spacing: 0.05em;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	max-width: 383px;
	min-height: 50px;
	text-align: center;
}
.lineup .lineup--list {
	width: 100%;
	margin: 30px auto 0;
	display: flex;
	justify-content: center;
	align-items: flex-start;
    flex-wrap: wrap;
	gap: 20px;
}
.lineup .lineup--list .lineup--list_item {
	width: 100%;
	max-width: 674px;
	background: var(--cts-color5);
	padding: 3px;
	border-left: 3px solid var(--cts-color7);
	border-right: 3px solid var(--cts-color7);
	box-sizing: border-box;
}
.model__catch_wrap {
	background: rgb(92,3,3);
	background: linear-gradient(0deg, rgba(92,3,3,1) 0%, rgba(171,0,0,1) 50%, rgba(92,3,3,1) 100%);
	border: 2px solid #FD0303;
	padding: 15px 15px;
	box-sizing: border-box;
}
.model__catch_wrap .model__catch {
	color: var(--cts-color1);
	font-size: 19px;
	letter-spacing: 0.05em;
}
.model__detail {
	width: 100%;
	background: url(../../gamepc/img/ff7-rebirth/bg_item.webp) no-repeat center top/cover;
	border: 1px solid var(--cts-color8);
	position: relative;
	z-index: 1;
	margin-top: 4px;
	box-sizing: border-box;
}
.model__name_wrap {
	background: url(../../gamepc/img/ff7-rebirth/bg_item_ttl.webp) no-repeat center top/cover;
	padding: 12px 20px;
	box-sizing: border-box;
}
.model__name_wrap .model__name {
	width: 100%;
	color: var(--cts-color1);
	font-size: clamp(24px, 0.545rem + 1.61vw, 30px);
	font-weight: 500;
	letter-spacing: 0.05em;
	line-height: 1.6;
}
.inner__flex {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 20px;
	padding: 20px;
	box-sizing: border-box;
}
.model_image {
	width: 258px;
	height: 258px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
}
.model_image figure {
	max-width: 258px;
}
.model__txt {
	width: calc(100% - 258px);
	margin-top: 15px;
	text-align: center;
}
.model__spec-list {
	color: var(--cts-color1);
	font-size: clamp(14px, 0.245rem + 1.61vw, 17px);
	font-weight: 500;
	line-height: 1.6;
}
.model__spec-list .model__spec-item {
	display: flex;
	justify-content: flex-start;
}
.model__spec-list .model__spec-item .spec__name {
	display: inline-block;
	width: 7em;
    text-align: left;
}
.model__spec-list .model__spec-item .spec__data {
	width: calc(100% - 7em);
	display: inline-block;
	text-align: left;
}
.model__price_block {
	width: 100%;
	margin-top: 10px;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.model__price {
	color: #fff;
	font-size: 33px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0.05em;
	margin-left: auto;
}
.model__price .model__tax {
	font-weight: 500;
	font-size: 18px;
}
.model__price_block .link__inner {
	color: var(--cts-color1);
	background: var(--cts-color6);
	margin-top: 20px;
	max-height: 56px;
}
.bnr_lineup {
	width: 100%;
	max-width: 970px;
	margin: 60px auto 0;
	display: block;
}
/* about
____________________*/
.contents--about {
	background: url(../../gamepc/img/ff7-rebirth/bg_f_pc.webp) no-repeat center top/cover;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 6vw;
	padding-bottom: 1vw;
	position: relative;
}
.about {
	display: flex;
	flex-direction: column;
}
.contents_logo {
	width: 34.844vw;
	margin: 0 auto;
	display: block;
}
.about .btn_block {
	margin-top: 20vw;
}
.about .btn_block .link__inner .inner_txt {
	width: 100%;
	border: none;
}
.contents_copy {
	font-size: clamp(9px, -1.245rem + 3.61vw, 17px);
	text-align: center;
	text-shadow: 0px 0px 10px rgba(104, 14, 14, 0.6);
	width: 100%;
	margin: 2.25vw auto 0;
}
@media (max-width: 767px) {/*375-768*/
.pc {
	display: none !important;
}
.sp {
	display: block !important;
}
.l-header {
	z-index: 2;
}
#maincontent {
	z-index: 1;
	position: relative;
}
/* コンテンツ
____________________*/
.contents {
	margin-top: 0;
	margin-bottom: 0;
}
.btn_block {
	max-width: 334px;
	margin: 35px auto 0;
}
.btn_block .link__inner {
	min-height: inherit;
	max-height: 48px;
}
.contents__wrap .link__inner .inner_txt {
	width: calc(100% - 44px);
}
.contents__wrap .link__inner .triangle {
	width: 44px;
    height: 44px;
}
.contents__wrap .link__inner .triangle::before {
	border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 11px solid #ff5c90;
}
.btn_block .link__inner .triangle {
	width: 44px;
    height: 44px;
}
.btn_block .link__inner .triangle::before {
	border-left: 11px solid #1FA9F9;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
}
/* mv
____________________*/
.contents--mv .pc {
	display: none !important;
}
.contents--mv .sp {
	display: block !important;
}
/* read
____________________*/
.contents--read {
	padding-top: 40px;
	padding-bottom: 0;
}
.read-txt {
	text-align: left;
}
/* system
____________________*/
.contents--system {
	background: #080000 url(../../gamepc/img/ff7-rebirth/bg_sp.webp) no-repeat center top / cover;
	padding-top: 58px;
	padding-bottom: 50px;
}
/* .contents--system::before {
	height: 93px;
} */
/* .contents--system::after {
	top: 97px;
} */
.system .section-ttl {
    max-width: 224px;
}
.tab_wrap {
	margin-top: 30px;
}
.tab-container {
	display: flex;
	flex-wrap: wrap;
	gap: 3px;
	margin: 0;
	padding: 3px;
	background: var(--cts-color11);
	border: 1px solid var(--cts-color8);
	border-bottom: none;
	box-sizing: border-box;
}
.tab {
	color: var(--cts-color8);
	font-size: 18px;
	font-weight: 500;
	letter-spacing: 0.05em;
	line-height: 1;
	text-align:center;
	width: calc((100% / 2) - 1.5px);
	min-height: 54px;
	padding: 10px;
	background: var(--cts-color1);
	border: 1px solid var(--cts-color8);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	box-sizing: border-box;
}
.urw {
	font-size: 26px;
	margin-top: 5px;
}
.tab.active {
	color: var(--cts-color1);
	background: url(../../gamepc/img/ff7-rebirth/bg_table-head-inner.webp) center center / cover;
    border: 1px solid var(--cts-color8);
    box-shadow: 0px 0px 5px 0px rgba(31, 169, 249, 0.9);
}
.content {
	display: none; /*必須*/
}
.content.show {
	display: block; /*必須*/
}
.ststem_table {
	margin-top: 0;
	border: 1px solid var(--cts-color4);
}
.ststem_table.t1 {
	border-radius: 0 5px 5px 5px;
}
.ststem_table.t2 {
	border-radius: 5px 0 5px 5px;
}
.ststem_table tr {
    background: var(--cts-color11);
}
.ststem_table th {
	font-size: 13px;
	font-weight: 400;
	width: 27.245%;
	text-align: center;
	padding: 10px 5px;
}
.ststem_table td {
	font-size: 15px;
	font-weight: 400;
	width: calc(100% - 27.245%);
	padding: 10px 15px;
}
.ststem_table td .td-inner {
	text-align: left;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.center {
	text-align: center;
}
.f13 {
	font-size: 14px;
	font-weight: 300;
}
.f14 {
	font-size: 14px;
}
.ststem_table td .td-inner.indent {
	text-indent: -1em;
	margin-left: 1em;
}
.ststem_table tr:nth-of-type(n+2) th, .ststem_table tr:nth-of-type(n+2) td {
	padding: 10px 5px;
}
/* lineup
____________________*/
.contents--lineup {
	padding-top: 58px;
	padding-bottom: 50px;
}
/* .contents--lineup::before {
	height: 93px;
} */
/* .contents--lineup::after {
	top: 97px;
} */
.lineup .section-ttl {
	max-width: 227px;
}
.category-ttl_wrap {
	margin-top: 30px;
}
.category-ttl_wrap .category-ttl {
	max-width: 270px;
	min-height: 35px;
}
.lineup .lineup--list {
	gap: 20px;
	margin: 55px auto 0;
}
.lineup .lineup--list .lineup--list_item {
	max-width: 334px;
}
.model__catch_wrap {
	padding: 15px 10px;
}
.model__catch_wrap .model__catch {
	text-align: center;
}
.model__name_wrap {
	padding: 8px 8px;
}
.inner__flex {
	flex-direction: column;
	gap: 0;
	padding: 20px 10px 10px;
}
.model_image {
	width: 200px;
	height: 200px;
}
.model_image figure {
	max-width: 200px;
}
.model__txt {
	width: 100%;
	margin-top: 10px;
}

.model__price_block .link__inner::after {
    width: 7px;
    height: 7px;
	border-right: 1px solid;
    border-bottom: 1px solid;
	top: calc(50% - 2px);
}
.bnr_lineup {
	max-width: 480px;
	margin-top: 40px;
	padding-top: 40px;
}
/* about
____________________*/
.contents--about {
	background: url(../../gamepc/img/ff7-rebirth/bg_f_sp.webp) no-repeat center top / cover;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 10.2vw;
    padding-bottom: 2.2vw;
    position: relative;
}
.about {
	padding-inline: 0;
}
.contents_logo {
	width: 80vw;
}
.about .btn_block {
    margin-top: 60vw;
}
}
@media (max-width: 479px) {
	.contents--mv .pc {
		display: none;
	}
	.contents--mv .sp {
		display: block;
	}
}

/*　アニメーション
____________________*/
.fade-in { opacity: 0; transition: opacity 0.6s ease, transform 0.6s ease; }
.fade-in-center { transform: translate(0, 0); }      /* 位置変更なし */
.fade-in-top { transform: translateY(-50px); }      /* 上から */
.fade-in-bottom { transform: translateY(50px); }    /* 下から */
.fade-in-right { transform: translateX(50px); }     /* 右から */
.fade-in-left { transform: translateX(-50px); }     /* 左から */
.fade-in-zoom-in { transform: scale(0.2); }          /* ズームイン：最初は小さく表示される */
.fade-in-zoom-out { transform: scale(1.3); }         /* ズームアウト：最初は大きく表示される */
.fade-in.is-visible { opacity: 1; transform: translate(0, 0); } /* 元の位置に戻る */