@charset "UTF-8";

body {
	font-family: "Meiryo", "メイリオ", "ヒラギノ", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	line-height: 1;
	color: #333;
	word-break: break-all;
}

ul {
	list-style: none;
}

img {
	height: auto;
	vertical-align: bottom;
}

a {
	text-decoration: none;
}

@media screen and (max-width: 640px), screen and (orientation: landscape) and (max-width: 738px) {
	body {
		font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", arial;
		-webkit-text-size-adjust: none;
		font-size: 10px;
	}

	img {
		max-width: 100%;
		height: auto;
	}
}

a:hover, button:hover {
	opacity: 0.7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

/* ----------------------------------------
	parts
---------------------------------------- */
/* clearfix */
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}


.sp-only {
	display: none !important;
}

@media screen and (max-width: 640px), screen and (orientation: landscape) and (max-width: 738px) {
	
	.pc-only {
		display: none !important;
	}

	.sp-only {
		display: block !important;
	}

	br.sp-only {
		display: inline-block;
	}
}




.renewal {
	background: url("../img/renewal.png") no-repeat;
	width: 700px;
	height: 630px;
	margin: 60px auto;
	position: relative;
}
.sche_area {
	position: absolute;
	top: 465px;
	left: 80px;
	overflow: hidden;
}
.sche_area li {
	float: left;
	margin-right: 120px;
}
.sche_area li:last-child { margin-right: 0; }


@media screen and (max-width: 640px), screen and (orientation: landscape) and (max-width: 738px) {
	.container {
		width: auto;
	}
	.renewal {
		/*background: url("../img/renewal.png") no-repeat;*/
		background: none;
		border: 4px solid #000;
		width: 100%;
		height: auto;
		margin: 0;
		padding: 30px;
	}
	.sche_area_sp {
		margin-top: 40px;
	}
	.sche_area_sp li {
		margin-bottom: 20px;
	}
}