@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');

@media print {
	body {
		display: none !important;
	}
}

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

body {
	width: 100%;
	min-width: 1300px;
	margin: 0;
	padding: 0;
}
	@media screen and (max-width: 619px){
		body {
			min-width: auto;
		}
		#anitvFooter #footerSpBanner {
			padding: 0 !important;
		}
	}

p,img,dl,dt,dd,ul,li,h1,h2,h3 {
	margin: 0;
	padding: 0;
}
img {
	border: 0;
	vertical-align: top;
}
ul,li {
	list-style-type: none;
}
a:link,
a:visited {
	font-weight: 700;
	color: #6464f5;
}
a:hover,
a:active {
	text-decoration: none;
	opacity: 0.7;
	transition: 0.3s;
}
	
/*----------全体----------*/

#wrap {
	width: 100%;
	background: url("../images/bg.png") repeat center top;
}
.wholeBox {
	display: flex;
	width: 1300px;
	margin: 0 auto;
}
#container {
	position: relative;
	width: 980px;
	font-family: "Noto Sans JP", sans-serif;
	color: #000;
	font-size: 16px;
	line-height: 1.8;
	background: url("../images/bg_container.png") no-repeat -160px center / cover;
	background-attachment: fixed;
}
#container::before {
	position: absolute;
	mix-blend-mode: soft-light;
	content: "";
	width: 980px;
	height: 100%;
	left: 0;
	top: 0;
	background: url("../images/bg_container_dot.png") repeat center center / 10px;
	background-attachment: fixed;
}
#container_bg {
	position: relative;
	width: 980px;
	background: url("../images/bg_container_flag.png") no-repeat center top / contain, url("../images/bg_container_baloon.png") no-repeat center bottom / contain;
	z-index: 10;
}
#container_bg > div {
	box-sizing: border-box;
}
	@media screen and (max-width: 1299px){
		#container {
			background: url("../images/bg_container.png") no-repeat center center / cover;
		}
	}
	@media screen and (max-width: 619px){
		#wrap {
			position: relative;
			background: none;
		}
		#wrap::before {
			position: fixed;
			content: "";
			top: 0;
			left: 0;
			width: 100%;
			height: 100vh;
			background: url("../images/bg_container.png") no-repeat center center / cover;
		}
		.wholeBox {
			width: 100%;
		}
		#container {
			width: 100%;
			padding-top: 34px;
			font-size: 14px !important;
			line-height: 1.7;
			background: none;
		}
		#container::before {
			position: fixed;
			width: 100%;
			height: 100vh;
		}
		#container::after {
			position: absolute;
			content: "";
			left: 0;
			top: 0;
			width: 100%;
			height: 34px;
			background: #fff;
		}
		#container_bg {
			width: 100%;
		}
	}

/*----------ロゴ----------*/

h1 {
	padding-top: 90px;
	text-align: center;
	margin-bottom: 20px;
}
	@media screen and (max-width: 619px){
		h1 {
			padding-top: 10% !important;
			margin-bottom: 15px !important;
		}
		h1 img {
			width: 75%;
		}
	}

/*----------コピーライト----------*/

.copyright {
	padding-bottom: 15px;
	font-size: 12px;
	text-align: center;
	line-height: 1.6;
}
	@media screen and (max-width: 619px){
		.copyright {
			padding-bottom: 10px;
			font-size: 10px;
			-webkit-text-stroke: 2px #fff;
			paint-order: stroke;
		}
	}