@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Kaisei+Decol:wght@500;700&family=M+PLUS+1:wght@100..900&display=swap');
/*	font-family: Century, 'Kaisei Decol', '游明朝', 'Yu Mincho', YuMincho, 'Hiragino Mincho Pro', serif;	*/

/* CSS Document */
article, aside, section, nav, header, footer { display: block; }
* { margin: 0; padding: 0; font-size: 100%;}
*, *:after, *::before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body {
	position: relative;
	z-index: 0;
	color: #000;
	font-family: Arial, 'M PLUS 1', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic ProN', 'Osaka', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-weight: 700;
	line-height: 1;
	background-color: #fff;
}
img:not(.nrs) {
	display: block;
	max-width: 100%;
	height: auto;
	border: 0;
}
a.btn {
	display: inine-block;
	padding: 0 0.8rem;
	color: #fff;
	background-color: #32415f;
	height: 40px;
	line-height: 40px;
	text-decoration: none;
	transition: .2s;
}
a.btn:hover {
	background-color: #62e1d8;
}
a img {
	transition: .2s;
}
a:hover:not(.roll) img {
	opacity: .5;
	transition: .2s;
}

.nolink {
    color: #54464f;
    pointer-events: none;
    text-decoration: none;
}

/*///////////////////////////////////////////////////////////////
	common class
/////////////////////////////////////////////////////////////////*/
/* mobile display none */
.mdn { display: none; }
.mdnbr br { display: none; } 
br.nbr { display: none; }
/* mobile display visible */
.mdv { display: block; }
.mdvbr br { display: inline; } 

/*///////////////////////////////////////////////////////////////
	Teaser
/////////////////////////////////////////////////////////////////*/
#wrapper {
	max-width: 2000px;
	margin: 0 auto;
	padding-bottom: 2vw;
}

#mainImgArea {
	position: relative;
	z-index: 0;
}
#mainImg {
	position: relative;
	z-index: 0;
	width: min(95vw, 1500px);
	margin: 2vw auto 0;
}
#logoLink {
	display: block;
	top: 2%;
	right: 2%;
    width: clamp(73px, 12vw, 150px);
}
#ediPromo {
	top: 20%;
	right: 1%;
	z-index: 1;
	width: min(38vw, 400px);
}
#copyTop {
	top: 4%;
	left: 0;
	z-index: 1;
	width: min(40vw, 648px);
}
#copyBottom {
	top: 60%;
	right: 0;
	z-index: 1;
	width: min(55vw, 1000px);
}
.top_img {
	position: absolute;
	
	> img {
		display: block;
		max-width: 100%;
		height: auto;
	}
}

#staffTitleArea {
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	width: min(95vw, 1850px);
	margin: -5.5% auto 0;
}
#staff {
	width: min(80vw, 686px);
}
#titleBox {
	
	> div {
		margin: 3vw auto;
		max-width: 1000px;
	}

	> p {
		font-size: clamp(1.3rem, 0.956rem + 1.72vw, 3rem); /* 2.5vw */
		font-weight: 500;
		text-align: center;
		line-height: 1.3;
		
		> span {
			display: inline-block;
		}
	}
}


/*///////////////////////////////////////////////////////////////
	Footer
/////////////////////////////////////////////////////////////////*/
#footer {
	padding: 5vw 0 1vw;
	text-shadow: none;

	.sns_link {
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 1rem;
	}
	
	> footer {
		margin-top: 1rem;
		color: #999;
		text-align: center;
		font-size: clamp(0.8rem, 0.759rem + 0.2vw, 1rem);
		font-weight: 400;
	}
}

@media(667px <= width < 959px){
/*	Tablet -- 667px ~ 959px	*/

}/*	Tablet -- end */

@media(960px <= width){
/*	PC -- 960px ~	*/
	body {
	}
	/*/////////// ■common class■ ///////////*/
	
	/* mobile display none */
	.mdn { display: block; }
	.mdnbr br { display: inline; } 
	br.nbr { display: inline; }
	.mdnsp { display: inline; }
	/* mobile display visible */
	.mdv { display: none; }
	.mdvbr br { display: none; }
	
	/*/////////// ■Teaser■ ///////////*/
	
	#ediPromo {
		top: 14%;
		right: 8%;
		width: min(25vw, 400px);
	}
	#copyBottom {
		top: 42%;
	}
	
	#staffTitleArea {
		flex-direction: row;
		align-items: flex-start;
		gap: 1vw;
		margin-top: -13%;
	}
	#staff {
		margin-top: 5.8%;
	}
	#titleBox > div {
		margin: 0 0 2%;
/*		margin: 2vw 0;	*/
	}
	
	/*/////////// ■Footer■ ///////////*/
	#footer {
	}
	#footer .sns_link {
	}
	#footer footer {
	}
}/*	PC -- end */