@charset "UTF-8";

section {
	position: relative;
}

section .sec-logo {
	width: 150px;
	position: absolute;
	top: 50%;
	left: 4vw;
	transform: translateY(-50%);
}
section .sec-logo img {
	width: 100%;
}

#mainv {
	color: #000;
	height: 60.6vw;
	background: url(../images/main_p_01.jpg) no-repeat center top;
	background-size: cover;
	padding-top: 6.25vw;
}
#mainv a {
	color: #000;
	text-decoration: none;
}
#mainv nav span {
	color: #000;
}
#mainv h1 {
	color: #000;
	text-align: right;
	margin: 5vw 0 0 auto;
}
#mainv h1 em {
	letter-spacing: -20px;
}
#mainv .h-type1::after {
	left: auto;
	right: 0;
}

#about {
	background: url(../images/about_p_01.jpg) no-repeat center top;
	background-size: cover;
	padding: 4.6vw 0 4.6vw;
	position: relative;
}
#about .subContents {
	color: #fff;
	padding-left: 50%;
}
#about .catch {
	font-size: 2.14rem;
	margin: 0 0 20px;
}
#about p {
	line-height: 2.28;
}
#about .emp {
	margin: 30px 0 0 0;
}
#about .emp span {
	color: #e2d633;
	font-size: 1.28rem;
	border: solid 1px #e2d633;
	padding: 5px 4em;
	display: inline-block;
}

#merit {
	background: url(../images/merit_p_01.jpg) no-repeat center top;
	background-size: cover;
	padding: 4.6vw 0 4.6vw;
	position: relative;
}
#merit .subContents {
	padding-right: 20%;
	padding-left: 13%;
}
#merit .catch {
	font-size: 2.14rem;
	margin: 0 0 20px;
}
#merit p {
	line-height: 2.28;
}

#price {
	padding: 4.6vw 0;
}
#price .subContents {
	padding-left: 13%;
}
#price .subContents h2 {
	font-size: 5.71rem;
	line-height: 1.5;
}
#price .subContents h2 em {
	font-size: 125%;
	font-style: normal;
}
#price .cont {
	display: flex;
	justify-content: space-between;
}
#price .cont .table {
	width: calc(100% - 560px);
}
#price .cont .figure {
	width: 512px;
}

#price .cont .table table {
	width: 100%;
}
#price .cont .table td {
	font-weight: normal;
	text-align: left;
	padding: 5px 0;
}
#price .cont .table td span { background: #fff; padding-right: 1.5em; }
#price .cont .table td em { font-size: 90%; font-style: normal; }
#price .cont .table td:first-child { background: url(../../common/images/s_dotline.png) repeat-x left center; }
#price .cont .table td:last-child { text-align: right; width: 4.5em; }

#price .cont .figure .note {
	text-align: right;
	font-size: .875rem;
	margin: 10px 0 0 0;
}




/* FOR smartphone landscape
***************************************************************************/
@media screen and (max-width:799px) {

	section .sec-logo {
		display: none;
	}

	#mainv {
		height: 136vw;
		background-image: url(../images/main_p_01_sp.jpg);
		padding-top: 5vw;
	}
	#mainv h1 {
		margin: 0;
	}

	#about {
		background: url(../images/about_p_01_sp.jpg) no-repeat center top;
		background-size: cover;
		padding: 5vw 0 72.5vw;
		position: relative;
	}
	#about .subContents {
		padding-left: 4vw;
	}
	#about .catch {
		font-size: 1.6rem;
		margin: 0 0 2vw;
	}
	#about p {
		line-height: 2.1;
	}
	#about .emp {
		margin: 15px 0 0 0;
	}
	#about .emp span {
		font-size: 1.1rem;
		padding: 5px 3em;
	}

	#merit {
		background: url(../images/merit_p_01_sp.jpg) no-repeat center top;
		background-size: cover;
		padding: 8vw 0;
	}
	#merit .subContents {
		padding-right: 4vw;
		padding-left: 4vw;
	}
	#merit .catch {
		font-size: 1.6rem;
		margin: 0 0 2vw;
	}
	#merit p {
		line-height: 2.1;
	}

	#price {
		padding: 5vw 0;
	}
	#price .subContents {
		padding-left: 6vw;
		padding-right: 6vw;
	}
	#price .subContents h2 {
		font-size: 12vw;
		line-height: 1.5;
		text-align: center;
	}
	#price .subContents h2 em {
	}
	#price .cont {
		display: block;
	}
	#price .cont .table {
		width: 100%;
		margin: 0 0 5vw;
	}
	#price .cont .figure {
		width: 90%;
		margin: 0 auto;
	}

	#price .cont .table table {
	}
	#price .cont .table td {
		padding: 2.5px 0;
	}
	#price .cont .table td span { }
	#price .cont .table td em { }
	#price .cont .table td:first-child { }
	#price .cont .table td:last-child { }

	#price .cont .figure .note {
	}




}