/* ==========================================================================
   Font
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@500&display=swap');


/* ==========================================================================
   Common
   ========================================================================== */

html {
	height: 100%;
}

body {
	height: 100%;
	font: 13px/1.231 'Noto Sans JP', sans-serif;
	background-color: #fff;
	margin: 0;
}

@media ( max-width : 599px) {
	body {
		background-color: #F2F2F2;
	}
}

* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

img {
	max-width: 100%;
}

.clearfix:after {
	visibility: hidden;
	height: 0;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
}


/* ==========================================================================
   Contents
   ========================================================================== */

.contents_wrapper {
	max-width: 1002px;
	min-height: 100%;
	background-color: #F2F2F2;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	margin: 0 auto;
	position: relative;
}

@media ( max-width : 1000px) {
	.contents_wrapper {
		border: none;
	}
}


@media ( max-width : 599px) {
	.contents_wrapper {
		height: 100%;
	}
}


/* ==========================================================================
   Title
   ========================================================================== */

#main_title {
	max-width: 1002px;
	min-height: 100px;
	margin: 0 auto;
	background: url('../img/title-bg.png') no-repeat;
	position: relative;
}

@media ( max-width : 599px) {
	#main_title {
		min-height: 70px;
	}
}

.main_title_txt {
	display: block;
	font-family: 'Noto Serif JP', serif;
	font-size: 277%;
	font-weight: 500;
	color: #262626;
	line-height: 1.1;
	letter-spacing: 2px;
	padding: 5px 15px 7px;
	background: rgba(255,255,255,0.7);
	text-decoration: none;
	cusrol: pointer;
	position: absolute;
	left: 0;
	bottom: 5px;
}

@media ( max-width : 599px) {
	.main_title_txt {
		font-size: 197%;
		letter-spacing: 0;
	}
}

/* ==========================================================================
   Main Contents
   ========================================================================== */

#main_contents {
	position: relative;
}