@charset "UTF-8";
/* CSS Document */
body {
    margin: 0;
    padding: 0;
    /* コンテンツをスクロールさせるために必要 */
    position: relative;
    z-index: 0;
	font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
	font-size: clamp(12px,1.25vw ,16px);
	line-height: 1.5em;
}

/* 疑似要素を使って背景画像を固定 */
body::before {
    content: "";
    /* 背景画像の設定 */
  background-image: url('../img/pc_base_bg.jpg');
  display: flex;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
	
	/* 固定表示の設定 */
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw; /* 画面の幅いっぱい */
    height: 100vh; /* 画面の高さいっぱい */

    /* コンテンツより後ろに配置 */
    z-index: -1;
}
header h1 {
		text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
a {
	text-decoration: none;
}
a:hover img, a:active img {
/*	transition: background-color 1s;*/
	transform: scale(1.025);
	transition: transform .6s ease;
}

@media screen and (max-width: 767px){

}



/* =========================================
loading
========================================= */
#loading{
  position: fixed;
  inset: 0;
  z-index: 99999;
  background: #000;
/*	background: url("../img/pc_base_bg.jpg");*/
  display: flex;
  justify-content: center;
  align-items: center;
  transition: opacity .8s ease;
}

#loading.is-loaded{
  opacity: 0;
  pointer-events: none;
}
@media screen and (max-width: 767px){
	
	
}

/* =========================================
content
========================================= */

.wrap{
  opacity: 1;
  transform: translateY(0);
  transition:
    opacity 1.2s ease,
    transform 1.2s ease;
}

.wrap.is-hide{
  opacity: 0;
  transform: translateY(-30px);
}

.wrap.is-show{
  opacity: 1;
  transform: translateY(0);
}

/* =========================================
img
========================================= */

img{
  -webkit-user-drag: none;
  user-select: none;
  -webkit-touch-callout: none;
}

/* =========================================
コンテンツ
========================================= */
.boxA {
	width: 90%;
	max-width: 1200px;
	margin: auto;
}

#topWrap {
	text-align: center;
	padding: 1em 0;
}
.release {
	  font-family: "Squada One", sans-serif;
  font-weight: 400;
  font-style: normal;
	font-size: clamp(24px, 5.625vw ,72px);
	line-height: 1.5em;

}
h2.epTitleWrap {
	width: 70%;
	max-width: 640px;
	margin: 0 auto 1em;
}
h2.epTitleWrap-2 {
	width: 60%;
	max-width: 480px;
	margin: 0 auto 1em;
}
/* =========================================
フッター
========================================= */
footer {
	width: 100%;
	margin: 5em auto 0;
}
footer .logoWrap {
	width: 50%;
	max-width: 180px;
	margin: auto;
	padding: 2em 0;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
footer .logoWrap img {
	width: 20%;
}
@media screen and (max-width: 767px){
	footer {
	margin: 2.5em auto 0;
}
}