@charset "UTF-8";



/*------00 1st configuration--------------------------------------------------------------*/
#collagen_txt01 {font-size:6.5vw;}
section#collagen div#collagen_txt02 h3 {font-size:16px;}
section#collagen ul#collagen_voice li {font-size:15px;}



/*------collagen------------------------------------------------------------------------------*/
.page_collagen section#price {
	padding-bottom:12vw;
}

section#collagen div.box {
	padding-bottom:15%;
}

section#collagen #collagen_txt01 {
	margin-top:4%;
	color:#fb832f;
	text-align:center;
	line-height:1.5em;
}
section#collagen #collagen_txt01 span {
	line-height:1.5em;
	padding-bottom:1vw;
background:-moz-linear-gradient(top,rgba(255,233,224,0) 0%,rgba(255,233,224,0) 50%,rgba(255,233,224,1) 51%,rgba(255,233,224,1) 90%,rgba(255,255,0,0) 91%,rgba(255,255,0,0) 100%);
background:-webkit-linear-gradient(top,rgba(255,233,224,0) 0%,rgba(255,233,224,0) 50%,rgba(255,233,224,1) 51%,rgba(255,233,224,1) 90%,rgba(255,255,0,0) 91%,rgba(255,255,0,0) 100%);
background:linear-gradient(to bottom,rgba(255,233,224,0) 0%,rgba(255,233,224,0) 50%,rgba(255,233,224,1) 51%,rgba(255,233,224,1) 90%,rgba(255,255,0,0) 91%,rgba(255,255,0,0) 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe9e0',endColorstr='#ffe9e0',GradientType=0);
}

section#collagen div#collagen_txt02 {
	margin:4vw auto 0 auto;
	width:92vw;
}
section#collagen div#collagen_txt02 img {
	width:100%;
	height:auto;
}
section#collagen div#collagen_txt02 p {
	text-align:center;
}

section#collagen ul#collagen_voice {
	margin:6vw auto 0 auto;
	width:92vw;

}
section#collagen ul#collagen_voice li {
	float:left;
	width:44.5vw;
	height:42.5vw;
	margin:3vw 3vw 0 0;
	position:relative;
background:linear-gradient(135deg,#ffebda 0%,#ffebda 50%,#ffffff 51%,#ffffff 100%);
	box-shadow:3px 3px 1px #ff791a;
	border-radius:10px;
}
section#collagen ul#collagen_voice li:nth-of-type(2n) {
	margin-right:0;
}
section#collagen ul#collagen_voice li:nth-of-type(6) {
	background:transparent;
	text-align:center;
	box-shadow:none;
}
section#collagen ul#collagen_voice li:nth-of-type(6) img {
	width:43vw;
	height:auto;
	padding-top:8vw;
}
section#collagen ul#collagen_voice li span {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	text-align:center;
}
section#collagen ul#collagen_voice li:nth-child(1) span {top:20%;}
section#collagen ul#collagen_voice li:nth-child(2) span {top:13%;}
section#collagen ul#collagen_voice li:nth-child(3) span {top:13%;}
section#collagen ul#collagen_voice li:nth-child(4) span {top:20%;}
section#collagen ul#collagen_voice li:nth-child(5) span {top:26.9%;}



section#collagen dl#collagen_shikumi01 {
	margin:4vw auto 0px auto;
	width:92vw;
	position:relative;
}
section#collagen dl#collagen_shikumi01 dd {
	margin-top:4vw;
	text-align:right;
}
section#collagen dl#collagen_shikumi01 dd img {
	width:100%;
	height:auto;
}
section#collagen dl#collagen_shikumi02 {
	margin:6vw auto 0 auto;
	width:92vw;
	position:relative;
	background-image:url(../../_common/_pic/sp/bg/bg_collagen_shikumi_arrow.gif);
	background-repeat:no-repeat;
	background-position:50% 0%;
	background-size:30%;
}
section#collagen dl#collagen_shikumi02 dt {
	padding-top:12vw;
}
section#collagen dl#collagen_shikumi02 dd {
	margin-top:4vw;
	text-align:right;
}
section#collagen dl#collagen_shikumi02 dd img {
	width:100%;
	height:auto;
}



section#collagen #collagen_txt03 {
	margin:4vw auto 0 auto;
	width:92vw;
	text-align:left !important;
}



section#collagen div.box_left,
section#collagen div.box_right {
	margin:6vw auto 0 auto;
	width:92vw;
}
section#collagen div.box_left dl dt,
section#collagen div.box_right dl dt {
	text-align:center;
}
section#collagen div.box_left dl dt img,
section#collagen div.box_right dl dt img {
	width:100%;
	height:auto;
}
section#collagen div.box_left dl dd,
section#collagen div.box_right dl dd {
	margin:10px 10px 0px 10px;
}