.serum {
}

.serum .main-img {
	overflow: hidden;
}
.serum .main-img .img {
	float: left;
	width: 236px;
}
.serum .main-img .info {
	float: right;
	width: 691px;
	padding-top: 40px;
}

.serum .caminfo {
	margin-bottom: 40px;
}

.serum .img-style01{
	text-align: center;
	margin-bottom: 30px;
}
.serum .img-style02{
	margin-bottom: 30px;
}

.serum .lead-style01 {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 24px;
	margin-bottom: 20px;
}
.serum .lead-style02 {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 24px;
}
.serum span.info-txt {
	font-size: 18px;
	display: block;
	text-align: right;
}
.serum span.color-txt01 {
	color: #e60012;
}
.serum span.color-txt02 {
	color: #e60012;
	font-size: 40px;
}

.serum .img-right {
	float: right;
	margin-left: 20px;
}

.serum .about {
	margin-bottom: 40px;
}
.serum .about01 {
	margin-bottom: 40px;
}
.serum .about02 {
	margin-bottom: 40px;
}
.serum .about03 {
	margin-bottom: 40px;
}
.serum .about03 ul {
	text-align: center;
	margin-bottom: 20px;
}
.serum .about03 li {
	display: inline-block;
	margin: 0 30px;
}

.serum .story {
	margin-bottom: 20px;
}
.serum .voice {
}
.serum .voice ul {
	overflow: hidden;
	margin-bottom: 10px;
}
.serum .voice li {
	float: left;
	margin-bottom: 5px;
}
.serum .voice li:nth-child(odd) {
	margin-right: 15px;
}
.serum .voice li:nth-child(even) {
}
.serum .voice .voice-txt {
	margin-bottom: 30px;
	text-align: right;
	font-size: 15px;
}

/* ************************************************************************************************ */
@media screen and (max-width: 768px) {
.serum .main-img {
}
.serum .main-img .img {
	float: none;
	width: auto;
	text-align: center;
	padding: 0 15%;
}
.serum .main-img .info {
	float: none;
	width: auto;
	text-align: center;
	padding-top: 15px;
}

.serum .caminfo {
	margin-bottom: 20px;
}

.serum .img-style01{
	text-align: center;
	margin-bottom: 10px;
}
.serum .img-style02{
	margin-bottom: 10px;
}

.serum .lead-style01 {
	font-size: 16px;
	margin-bottom: 10px;
}
.serum .lead-style02 {
	font-size: 16px;
}
.serum span.info-txt {
	font-size: 12px;
}
.serum span.color-txt01 {
	color: #e60012;
}
.serum span.color-txt02 {
	color: #e60012;
	font-size: 22px;
}

.serum .img-right {
	float: right;
	margin-left: 10px;
	width: 45%;
}

.serum .about {
	margin-bottom: 20px;
}
.serum .about01 {
	margin-bottom: 20px;
}
.serum .about02 {
	margin-bottom: 20px;
}
.serum .about03 {
	margin-bottom: 20px;
}
.serum .about03 ul {
	text-align: center;
	margin-bottom: 10px;
}
.serum .about03 li {
	display: inline-block;
	width: 45%;
	margin: 0 0 10px;
}

.serum .story {
	margin-bottom: 10px;
}
.serum .voice {
}
.serum .voice ul {
	margin-bottom: 5px;
}
.serum .voice li {
	float: none;
	margin-bottom: 5px;
	text-align: center;
}
.serum .voice li:nth-child(odd) {
	margin-right: 0;
}
.serum .voice li:nth-child(even) {
}
.serum .voice .voice-txt {
	margin-bottom: 15px;
	text-align: right;
	font-size: 13px;
}
}

/* ************************************************************************************************ */
@media screen and (max-width: 480px) {
.serum .lead-style01 {
	font-size: 15px;
}
.serum span.info-txt {
	font-size: 11px;
}
.serum span.color-txt02 {
	color: #e60012;
	font-size: 18px;
}
}