@charset "utf-8";
#gHeader {
	position: fixed;
}

/* --------------------
   mv
   -------------------- */
.pageMv {
	background-image: url("../img/system/mv-pc.png");
}

@media screen and (max-width: 768px) {
	.pageMv {
		background-image: url("../img/system/mv-sp.png");
	}
}

/* --------------------
   contents
   -------------------- */
#main{
	background:#232323;
	margin: 0 0 6vw 0;
}

.system_contents{
	width: calc(680/1400 * 100%);
	margin: 5vw auto 4vw auto;
}

@media screen and (max-width: 768px) {
	.system_contents{
		width: 84%;
		margin: 5vw auto 15vw auto;
  }
}

#main .title img{
	width: 95%;
	display: block;
	height: auto;
	margin: 0 auto 3vw auto;
}

#main .lead{
	font-size: 2.4rem;
	line-break: 2;
	text-align: center;
	margin: 0 auto 5vw auto;
	letter-spacing: 3px;
}

#main .price{
	font-size: 1.7rem;
	line-height: 2;
	margin: 5vw 0 1vw 0;
	letter-spacing: 0;
	width: 100%;
}

#main .price th,
#main .price td{
	border-top:1px solid #BB9E79;
	border-bottom:1px solid #BB9E79;
	padding: 1.7vw;
	text-align: center;
}

#main .price td.tl{
	padding-left: 3vw;
}

#main .price td.tr{
	padding-right: 5vw;
}

#main .atten{
	text-align: right;
}

#main .charge-sp{
	display: none;
}

@media screen and (max-width: 768px) {
	#main{
	 margin: 0 0 10vw 0;
  }

	#main .title img{
		width: 90%;
		margin: 0 auto 3vw auto;
	}

	#main .lead{
		font-size: 1.6rem;
		margin: 0 auto 13vw auto;
		letter-spacing: 2px;
	}

	#main .price{
		font-size: 1.3rem;;
		margin: 15vw 0 2vw 0;
	}

	#main .price th{
	 line-height: 1.5;
   vertical-align: middle;
	}

	#main .price th,
	#main .price td{
		padding: 2vw;
	}

	#main .price td.tl{
		padding-left: 4vw;
	}

	#main .charge-sp{
		display: table-row;
	}
	#main .charge-sp td{
		padding:2vw 0;
		vertical-align: middle;
		text-align: center;
	}

	#main .atten{
	 font-size: 1rem;
		margin: 2vw 0 0 0;
	 text-align: left;
	 letter-spacing: 0.1em;
  }

	#main .chargetext span{
		padding: 2vw 0 0 5vw;
	}

	#main .chargetext span.title{
		border-bottom: 1px solid #684e37;
		padding: 0 0 2vw 5vw;
	}

	.charge-pc{
		display: none;
	}
}

/* ====================
 * .contents
 ==================== */
#section_01 .btnarea {
  width: calc(370/679 * 100%);
	margin: 4vw auto 0 auto;
}

#section_01 .text{
	margin: 0 0 2vw 0;
}

@media screen and (max-width: 768px) {
	#section_01 .text{
		margin: 0 0 8vw 0;
	}

	#section_01 .btnarea {
		width: 95%;
		margin: 18vw auto 0 auto;
	}
}

#section_02{
  background: #4d3421;
	padding: 6vw 0;
}

#section_02 dl{
	font-size: 1.7rem;
	line-height: 2;
	margin: 5vw 0 1vw 0;
	display: flex;
	justify-content: space-between;
	flex-flow: row wrap;
	letter-spacing: 0;
	border-bottom:1px solid #BB9E79;
}

#section_02 dt,
#section_02 dd{
	width: 50%;
}

#section_02 dt{
	border-top:2px solid #BB9E79;
	padding: 1.7vw;
}

#section_02 dd{
	border-top:1px solid #BB9E79;
	text-align: right;
	padding: 1.7vw;
}

#section_02 .info{
	border: 1px solid #BB9E79;
	padding: 2vw 3vw;
	margin: 5vw 0 0 0;
}

#section_02 .info .atten{
	text-align: left;
	font-size: 1.2rem;
	line-height: 1.6;
	margin: 0.2vw 0 0 0;
}

@media screen and (max-width: 768px) {
	#section_02{
		padding: 12vw 0;
	}

	#section_02 dl{
		font-size: 1.3rem;
		line-height: 2;
		margin: 5vw 0 1vw 0;
		flex-flow: column;
	}

	#section_02 dt,
	#section_02 dd{
		width: 100%;
	}

	#section_02 dt{
		padding: 3vw 0;
	}

	#section_02 dd{
		text-align: left;
		padding: 3vw 0;
	}

	#section_02 .info{
		padding: 2vw 3vw;
		margin: 5vw 0 0 0;
	}

	#section_02 .info .atten{
		text-align: left;
		font-size: 1.2rem;
		line-height: 1.6;
		margin: 0.2vw 0 0 0;
	}
}

#section_03{
  background:#302823;
	padding: 6vw 0 13vw 0;
}


@media screen and (max-width: 768px) {
	#section_03{
		background:#302823;
	}
}