@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: #fff;
	height: 60.5vw;
	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;
	margin: 15vw 0 0 13%;
}
#intro {
	height: 40vw;
	background: url(../images/intro_p_01.jpg) no-repeat center top;
	background-size: cover;
	padding-top: 12vw;
	position: relative;
}
#intro::after {
	content: "";
	width: 258px;
	height: 486px;
	background: url(../images/s_02.png) no-repeat;
	position: absolute;
	bottom: -250px;
	right: 2vw;
}

#intro .symbol {
	mix-blend-mode: multiply;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, -90px);
}
#intro .subContents {
	text-align: center;
}
#intro .catch {
	font-size: 1.57rem;
	margin: 0 0 20px;
}
#intro p {
	line-height: 2.43;
}

#tokucho {
	padding: 5vw 0;
}
#tokucho .photos {
	display: none;
}
#tokucho .subContents {
	width: 62.5vw;
}
#tokucho ul.tokucholist > li {
	margin: 0 0 60px;
}
#tokucho ul.tokucholist > li h2 {
	line-height: 1.2;
	margin: 0;
}
#tokucho ul.tokucholist > li h2 span {
	font-size: 428%;
}
#tokucho ul.tokucholist > li div {
	display: flex;
	justify-content: space-between;
	position: relative;
}
#tokucho ul.tokucholist > li div .text {
	width: calc(100% - 434px);
	padding-top: 20px;
}
#tokucho ul.tokucholist > li div figure {
	width: 384px;
}
#tokucho ul.tokucholist > li div figure img {
	width: 269px;
}
#tokucho .sign {
	margin: 0 40px;
	display: flex;
	justify-content: space-between;
}
#tokucho .sign figure {
	width: 335px;
	text-align: center;
}
#tokucho .sign figure img {
	width: 100%;
}
#tokucho .sign .text {
	width: calc(100% - 405px);
}
#tokucho .sign .text li {
}
#tokucho .sign .text li + li {
	border-top: solid 1px #606060;
	margin: 1em 0 0;
	padding: 1em 0 0;
}

#price {
	background: url(../images/price_p_01.png) no-repeat center bottom, linear-gradient(to right,  rgba(255,230,254,1) 0%,rgba(231,237,238,1) 100%);
	padding: 4vw 0 4vw;
}
#price .subContents {
	text-align: center;
}
#price h2 {
	font-size: 4.28rem;
	line-height: 1.4;
}
#price p {
	font-size: 1.36rem;
}





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

	section .sec-logo {
		display: none;
	}

	#mainv {
		height: 135vw;
		background-image: url(../images/main_p_01_sp.jpg);
		padding-top: 5vw;
	}
	#mainv h1 {
		margin: 30vw 0 0 0;
	}
	#intro {
		height: auto;
		background: url(../images/intro_p_01_sp.jpg) no-repeat center top;
		background-size: 100vw auto;
		padding-top: 67vw;
		position: relative;
	}
	#intro::after {
		width: 25vw;
		height: 47vw;
		background-size: 100% auto;
		bottom: auto;
		top: 35vw;
		right: 1vw;
	}
	#intro .symbol {
		width: 35vw;
		height: 36.2vw;
		transform: translate(-50%, -20vw);
	}
	#intro .subContents {
		text-align: left;
	}
	#intro .catch {
		font-size: 5vw;
		line-height: 1.5;
		margin: 0 0 15px;
	}
	#intro p {
		line-height: 2;
	}

	#tokucho {
		padding: 10vw 0 5vw;
	}
	#tokucho .photos {
		margin: 0 0 6vw;
		display: flex;
		justify-content: space-between;
	}
	#tokucho .photos figure {
		width: 48%;
	}
	#tokucho .subContents {
		width: 92vw;
	}
	#tokucho ul.tokucholist > li {
		margin: 0 0 6vw;
	}
	#tokucho ul.tokucholist > li h2 {
		margin: 0 0 10px;
	}
	#tokucho ul.tokucholist > li h2 span {
		font-size: 250%;
	}
	#tokucho ul.tokucholist > li div {
		display: block;
		position: static;
	}
	#tokucho ul.tokucholist > li div .text {
		width: 100%;
		padding-top: 0;
	}
	#tokucho ul.tokucholist > li div figure {
		display: none;
	}
	#tokucho .sign {
		margin: 0;
		display: block;
	}
	#tokucho .sign figure {
		width: 50vw;
		margin: 0 auto;
	}
	#tokucho .sign .text {
		display: none;
	}

	#price {
		background-size: 90vw auto, 100% auto;
	}
	#price .subContents {
	}
	#price h2 {
		font-size: 3rem;
	}
	#price p {
		font-size: 1.1rem;
	}


}