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

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

body {
	width: 100%;
	min-width: 1300px;
	margin: 0;
	padding: 0;
	font-size: 16px;
	line-height: 1.7;
}
	@media screen and (max-width: 619px){
		body {
			min-width: auto;
			
		}
	}
	
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: blue;
}
a:hover,
a:active {
	text-decoration: none;
	filter: brightness(1.3);
	transition: 0.3s;
}
	
/*----------全体----------*/

#wrap {
	width: 100%;
	background: url("../images/bg.jpg") repeat center top;
	box-sizing: border-box;
}
.wholeBox {
	width: 1300px;
	margin: 0 auto;
}
#container {
	position: relative;
	width: 980px;
	float: left;
	padding: 25px 0 15px;
	color: #000;
	font-size: 16px;
	line-height: 1.7;
	font-family: "Noto Sans JP", sans-serif;
	background: url("../images/contents_bg_top_pc.png") no-repeat center top, url("../images/contents_bg_bottom_pc.png") no-repeat center bottom #fff;
}
#container > div {
	box-sizing: border-box;
}
	@media screen and (max-width: 619px){
		#wrap {
			padding: 10px;
			background-size: 130px;
		}
		.wholeBox {
			width: 100%;
			margin: 0;
		}
		#container {
			width: 100%;
			float: none;
			padding: 20px 15px 10px;
			font-size: 14px !important;
			line-height: 1.5 !important;
			background: url("../images/contents_bg_top_sp.png") no-repeat center top / contain, url("../images/contents_bg_bottom_sp.png") no-repeat center bottom / contain #fff;
			box-sizing: border-box;
		}
	}

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

.copyright {
	text-align: center;
	font-size: 14px;
}
	@media screen and (max-width: 619px){
		u.copyright {
			font-size: 12px;
		}
	}