#topWrap {
    position: relative;
    width: 100%;
    overflow: hidden;
    top:80px;
}

@media screen and (max-width: 599px) {
	.system_box{
		box-sizing: content-box;
		background:rgba(0,0,0,0.7);
		position:relative;
		width:100%;
		height:auto;
		overflow:hidden;
		margin:0;
	}
	.system_box_contents, .system_box_contents2{
		width:100%;
		margin:3% auto;
	}
	.system_contents{
		width:98%;
		height:auto;
		overflow:hidden;
		padding:3%;
		margin:2% auto;
		box-sizing: border-box;
		border-radius: 15px;
		box-shadow: 2px 2px 4px #f9e987,
		-2px -2px 4px #ffee7f;
		border:2px #FFF solid;
	}
	.system_contents2{
		width:98%;
		height:auto;
		overflow:hidden;
		box-sizing: border-box;
		border-radius: 15px;
		box-shadow: 2px 2px 4px #f9e987,
		-2px -2px 4px #ffee7f;
		border:2px #FFF solid;
		margin:2% auto;
		padding:1%;
	}
	.system_settime_title{
		width:100%;
		height:auto;
		overflow:hidden;
		font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
		font-size:1.6em;
		color:#FFF;
		font-weight: bold;
		line-height:1.4em;
		text-align:center;
		margin:1% 0 0;
		text-shadow: 2px 2px 4px #f9e987,
		-2px -2px 4px #ffee7f;
	}
	.system_contents_pricebox{
		display:table;
		table-layout:fixed;
		width:98%;
		height:auto;
		overflow:hidden;
		margin:1% auto 0;
	}
	.system_contents_item{
		display:table-cell;
		vertical-align:middle;
		width:40%;
		height:auto;
		overflow:hidden;
		text-align:left;
		line-height:1.4em;
		font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
		font-size:1.6em;
		font-weight:bold;
		color:#FFF;
		text-shadow: 2px 2px 4px #f9e987,
		-2px -2px 4px #ffee7f;
	}
	.system_contents_price{
		display:table-cell;
		vertical-align:middle;
		width:60%;
		height:auto;
		overflow:hidden;
		text-align:right;
		line-height:1.4em;
		font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
		font-size:1.6em;
		font-weight:bold;
		color:#FFF;
		text-shadow: 2px 2px 4px #f9e987,
		-2px -2px 4px #ffee7f;
	}
	.system_card_box{
		width:80%;
		height:auto;
		overflow:hidden;
		margin:1% auto;
		text-align:center;
	}
	.system_contents_text{
		width:100%;
		height:auto;
		overflow:hidden;
		text-align:center;
		line-height:1.4em;
		font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
		font-size:1em;
		color:#FFF;
		text-shadow: 2px 2px 4px #f9e987,
		-2px -2px 4px #ffee7f;
		margin:1% auto 5%;
	}
}

@media screen and (min-width: 600px) and (max-width: 1024px) {
	.system_box{
		box-sizing: content-box;
		background:rgba(0,0,0,0.7);
		position:relative;
		width:100%;
		height:auto;
		overflow:hidden;
		margin:0;
	}
	.system_box_contents{
		width:100%;
		margin:3% auto;
		display:flex;
		justify-content: space-between;
	}
	.system_box_contents2{
		width:100%;
		margin:3% auto;
		display:flex;
		justify-content: center;
	}
	.system_contents{
		width:31%;
		height:auto;
		overflow:hidden;
		padding:1%;
		box-sizing: border-box;
		border-radius: 15px;
		box-shadow: 2px 2px 4px #f9e987,
		-2px -2px 4px #ffee7f;
		border:2px #FFF solid;
	}
	.system_contents2{
		width:45%;
		height:auto;
		overflow:hidden;
		box-sizing: border-box;
		border-radius: 15px;
		box-shadow: 2px 2px 4px #f9e987,
		-2px -2px 4px #ffee7f;
		border:2px #FFF solid;
		margin:0 3%;
		padding:1%;
	}
	.system_settime_title{
		width:100%;
		height:auto;
		overflow:hidden;
		font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
		font-size:1.4em;
		color:#FFF;
		font-weight: bold;
		line-height:1.4em;
		text-align:center;
		margin:3% 0 0;
		text-shadow: 2px 2px 4px #f9e987,
		-2px -2px 4px #ffee7f;
	}
	.system_contents_pricebox{
		display:table;
		table-layout:fixed;
		width:98%;
		height:auto;
		overflow:hidden;
		margin:1% auto 0;
	}
	.system_contents_item{
		display:table-cell;
		vertical-align:middle;
		width:40%;
		height:auto;
		overflow:hidden;
		text-align:left;
		line-height:1.4em;
		font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
		font-size:1.4em;
		font-weight:bold;
		color:#FFF;
		text-shadow: 2px 2px 4px #f9e987,
		-2px -2px 4px #ffee7f;
	}
	.system_contents_price{
		display:table-cell;
		vertical-align:middle;
		width:60%;
		height:auto;
		overflow:hidden;
		text-align:right;
		line-height:1.4em;
		font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
		font-size:1.4em;
		font-weight:bold;
		color:#FFF;
		text-shadow: 2px 2px 4px #f9e987,
		-2px -2px 4px #ffee7f;
	}
	.system_card_box{
		width:80%;
		height:auto;
		overflow:hidden;
		margin:1% auto;
		text-align:center;
	}
	.system_contents_text{
		width:100%;
		height:auto;
		overflow:hidden;
		text-align:center;
		line-height:1.4em;
		font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
		font-size:1em;
		color:#FFF;
		text-shadow: 2px 2px 4px #f9e987,
		-2px -2px 4px #ffee7f;
		margin:1% auto 5%;
	}
}

@media screen and (min-width: 1025px) {
	.system_box{
		box-sizing: content-box;
		position:relative;
		width:800px;
		height:auto;
		overflow:hidden;
		margin:0px auto;
	}
	.system_box_contents{
		width:800px;
		margin:10px auto 15px;
		display:flex;
		justify-content: space-between;
	}
	.system_box_contents2{
		width:800px;
		margin:10px auto 15px;
		display:flex;
		justify-content: center;
	}
	.system_contents{
		width:250px;
		height:auto;
		overflow:hidden;
		padding:5px;
		box-sizing: border-box;
		border-radius: 15px;
		box-shadow: 2px 2px 4px #f9e987,
		-2px -2px 4px #ffee7f;
		border:2px #FFF solid;
	}
	.system_contents2{
		width:350px;
		height:auto;
		overflow:hidden;
		box-sizing: border-box;
		border-radius: 15px;
		box-shadow: 2px 2px 4px #f9e987,
		-2px -2px 4px #ffee7f;
		border:2px #FFF solid;
		margin:0 30px;
		padding:5px;
	}
	.system_settime_title{
		width:250px;
		height:auto;
		overflow:hidden;
		font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
		font-size:1.6em;
		color:#FFF;
		font-weight: bold;
		line-height:1.4em;
		text-align:center;
		margin:5px auto 0;
		text-shadow: 2px 2px 4px #f9e987,
		-2px -2px 4px #ffee7f;
	}
	.system_contents_pricebox{
		display:table;
		table-layout:fixed;
		width:98%;
		height:auto;
		overflow:hidden;
		margin:5px auto 0;
	}
	.system_contents_item{
		display:table-cell;
		vertical-align:middle;
		width:45%;
		height:auto;
		overflow:hidden;
		text-align:left;
		line-height:1.4em;
		font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
		font-size:1.6em;
		font-weight:bold;
		color:#FFF;
		text-shadow: 2px 2px 4px #f9e987,
		-2px -2px 4px #ffee7f;
	}
	.system_contents_price{
		display:table-cell;
		vertical-align:middle;
		width:55%;
		height:auto;
		overflow:hidden;
		text-align:right;
		line-height:1.4em;
		font-family: Goudy Old Style, Garamond, Big Caslon, Times New Roman, serif;
		font-size:1.6em;
		font-weight:bold;
		color:#FFF;
		text-shadow: 2px 2px 4px #f9e987,
		-2px -2px 4px #ffee7f;
	}
	.system_card_box{
		width:500px;
		height:auto;
		overflow:hidden;
		margin:10px auto;
		text-align:center;
	}
	.system_contents_text{
		width:800px;
		height:auto;
		overflow:hidden;
		text-align:center;
		line-height:1.4em;
		font-family: Goudy Old Style, Garamond, Big Caslon, Times New Roman, serif;
		font-size:1.2em;
		color:#FFF;
		text-shadow: 2px 2px 4px #f9e987,
		-2px -2px 4px #ffee7f;
		margin:5px auto 30px;
	}
	footer {
		text-align: center;
		width: 100%;
		height:auto;
		overflow: hidden;
		background-color: #000;
		background-image: url(../img/common/footer_back.jpg?3103);
		background-position: center top;
		background-size:100% auto;
		color:#FFF;
		margin:80px 0;
		z-index:3;
	}
}