@import url('https://fonts.googleapis.com/css2?family=M+PLUS+1:wght@100..900&display=swap');

html	{
	scroll-behavior:	smooth;
}
body	{
	font-family:	"M PLUS 1", serif;
}
body, h1, h2	{
	margin:	0px;
	padding:	0px;
}
.bg-white	{
	background-color:	#FFFFFF;
}
.area-youtube	{
	width:	100%;
	aspect-ratio:	16 / 9;
}

/*	スマートフォン用	*/
@media screen and (max-width: 768px)	{
	
	.pc	{
		display:	none;
	}
	.parallax-main-visual	{
		height:	100vw;
	}

	.parallax-main-visual::before	{
		background-image:	url("../images/main3.png");
		background-position:	center;
		background-repeat:	no-repeat;
		background-size:	cover;
		content:	"";
		height:	100vw;
		left:	0;
		position:	fixed;
		top:	0;
		width:	100%;
		z-index:	-1;
	}

	.main-restart	{
		position:	absolute;
		top:	31vw;
	}
	
	.page-title	{
		background-color:	#FFFFFF;
		text-align:	center;
		padding:	16px 12px;
	}
	h1{
		font-size:	4.6vw;
	}
	
	.section-title-area	{
		text-align:	center;
		vertical-align:	middle;
		height:	70vw;
	}
	.section-title	{
		position:	relative;
		top:	30vw;
		color:	#FFFFFF;
		font-weight:	bold;
	}
	.img-section-title	{
	}
	.content-area	{
		padding:	12px 12px;
	}
	
	.item	{
		transform:	translateY(20px);
		opacity:	0;
		transition:	.4s;
	}
	.item.show	{
		transform:	translateY(0);
		opacity:	1;
	}
	
	strong	{
		font-weight:	normal;
		text-decoration:	underline;
	}
	.link-area	{
		text-align:	center;
	}
	.link-box	{
		display:	inline-block;
	}
	.link-list	{
		display:	flex;
		list-style-type:	none;
		margin:	24px auto;
		padding:	0px;
	}
	.link-button	{
		width:	64px;
		text-align:	center;
	}
	.link-button a	{
		display:	block;
		width:	32px;
		height:	32px;
		margin-left:	auto;
		margin-right:	auto;
	}
	.button-web	{
		background-image:	url("http://www.shinkanto-junko.jp/assets/img/icon-home_75.svg");
		background-repeat:	no-repeat;
		background-position:	center;
		background-size:	cover;
	}
	.button-instagram	{
		background-image:	url("http://www.shinkanto-junko.jp/assets/img/logo-instagram-black_75.svg");
		background-repeat:	no-repeat;
		background-position:	center;
		background-size:	cover;
	}
	.button-x	{
		background-image:	url("http://www.shinkanto-junko.jp/assets/img/logo-x-black_75.svg");
		background-repeat:	no-repeat;
		background-position:	center;
		background-size:	cover;
	}
	.button-facebook	{
		background-image:	url("http://www.shinkanto-junko.jp/assets/img/logo-facebook-black_75.svg");
		background-repeat:	no-repeat;
		background-position:	center;
		background-size:	cover;
	}
	.button-emergency	{
		background-image:	url("../images/icon_emergency.svg");
		background-repeat:	no-repeat;
		background-position:	center;
		background-size:	cover;
	}
	
	.thanks-area	{
		text-align:	center;
		border-bottom:	solid 1px #CCCCCC;
		padding-top:	18px;
	}
	
	#main-nav	{
		text-align:	center;
		position:	fixed;
		bottom:	0;
		width:	100%;
		height:	20vw;
	}
	#main-nav div	{
		display:	inline-block;
		margin-left:	auto;
		margin-right:	auto;
	}
	#main-nav div ul	{
		display:	flex;
		list-style-type:	none;
		margin:	0px;
		padding:	0px;
	}
	#main-nav div ul li	{
	}
	#main-nav div ul li a	{
		display:	block;
		width:	16vw;
		height:	16vw;
	}
	#nav-re	{
		background-image:	url("../images/button_re.svg");
	}
	#nav-s	{
		background-image:	url("../images/button_s.svg");
	}
	#nav-t1	{
		background-image:	url("../images/button_t1.svg");
	}
	#nav-a	{
		background-image:	url("../images/button_a.svg");
	}
	#nav-r	{
		background-image:	url("../images/button_r.svg");
	}
	#nav-t2	{
		background-image:	url("../images/button_t2.svg");
	}
		
	footer	{
		height:	24vw;
	}
	
	
}


/*	PC用	*/
@media screen and (min-width: 769px) {
	
	.mobile	{
		display:	none;
	}
	.parallax-main-visual	{
		height:	100vh;
	}
	.parallax-main-visual	{
		background-color:	#173b6b;
		position:	relative;
		min-height:	100%;
		background-position:	center;
		background-repeat:	no-repeat;
		background-size:	cover;
		background-attachment:	fixed;
		z-index:	-1;
	}
	.img-bg-main	{
		background-image:	url("../images/main4s.png");
	}
	.main-restart	{
		position:	absolute;
		top:	30vh;
		max-width:	900px;
		left:	0;
		right:	0;
		margin:	0 auto;
		z-index:	10;
	}
	.stadium-name	{
		white-space:	nowrap;
		margin-right:	2em;
	}
	
	.section-title-area	{
		background-color:	#173b6b;
		position:	relative;
		height:	100vh;
		background-position:	center;
		background-repeat:	no-repeat;
		background-size:	cover;
		background-attachment:	fixed;
		z-index:	-1;
	}
	.img-bg-re	{
		background-image:	url("../images/relationship_s.png");
	}
	.img-bg-s	{
		background-image:	url("../images/spread_s.png");
	}
	.img-bg-t1	{
		background-image:	url("../images/try_s.png");
	}
	.img-bg-a	{
		background-image:	url("../images/achieve_s.png");
	}
	.img-bg-r	{
		background-image:	url("../images/rave_s.png");
	}
	.img-bg-t2	{
		background-image:	url("../images/themselves_s.png");
	}
	
	.section-title	{
		position:	absolute;
		top:	50vh;
		max-width:	1000px;
		color:	#FFFFFF;
		font-size:	large;
		text-align:	center;
		left:	0;
		right:	0;
		margin:	0 auto;
	}
	
	.inner-content	{
		max-width:	1000px;
		line-height:	1.6;
		margin-left:	auto;
		margin-right:	auto;
		padding:	2em;
	}
	
	.link-area	{
		text-align:	center;
	}
	.link-box	{
		display:	inline-block;
	}
	.link-list	{
		display:	flex;
		list-style-type:	none;
		margin:	24px auto;
		padding:	0px;
	}
	.link-button	{
		width:	64px;
		text-align:	center;
	}
	.link-button a	{
		display:	block;
		width:	32px;
		height:	32px;
		margin-left:	auto;
		margin-right:	auto;
	}
	.button-web	{
		background-image:	url("http://www.shinkanto-junko.jp/assets/img/icon-home_75.svg");
		background-repeat:	no-repeat;
		background-position:	center;
		background-size:	cover;
	}
	.button-instagram	{
		background-image:	url("http://www.shinkanto-junko.jp/assets/img/logo-instagram-black_75.svg");
		background-repeat:	no-repeat;
		background-position:	center;
		background-size:	cover;
	}
	.button-x	{
		background-image:	url("http://www.shinkanto-junko.jp/assets/img/logo-x-black_75.svg");
		background-repeat:	no-repeat;
		background-position:	center;
		background-size:	cover;
	}
	.button-facebook	{
		background-image:	url("http://www.shinkanto-junko.jp/assets/img/logo-facebook-black_75.svg");
		background-repeat:	no-repeat;
		background-position:	center;
		background-size:	cover;
	}
	.button-emergency	{
		background-image:	url("../images/icon_emergency.svg");
		background-repeat:	no-repeat;
		background-position:	center;
		background-size:	cover;
	}
	.thanks-area	{
		text-align:	center;
		font-size:	large;
		border-bottom:	solid 1px #CCCCCC;
		padding-top:	18px;
	}
	
	#main-nav	{
		position:	fixed;
		right:	0px;
		top:	15vh;
		width:	15vh;
		height:	100%;
		z-index:	5;
	}
	#main-nav div ul	{
		list-style-type:	none;
		margin:	0px;
		padding:	0px;
		height:	70vh;
	}
	#main-nav div ul li	{
	}
	#main-nav div ul li a	{
		display:	block;
		background-repeat:	no-repeat;
		width:	8vh;
		height:	8vh;
		margin:	3vh;
	}
	#nav-re	{
		background-image:	url("../images/button_re.svg");
	}
	#nav-s	{
		background-image:	url("../images/button_s.svg");
	}
	#nav-t1	{
		background-image:	url("../images/button_t1.svg");
	}
	#nav-a	{
		background-image:	url("../images/button_a.svg");
	}
	#nav-r	{
		background-image:	url("../images/button_r.svg");
	}
	#nav-t2	{
		background-image:	url("../images/button_t2.svg");
	}
	
	
	
}