@charset "utf-8";

/* ---------------------------------------------
*   quality_main
--------------------------------------------- */


/*  item_article
--------------------------------------------- */
.quality_main .item_article {
	background-color: #f5f3f2;
}


/*  item_article_head
--------------------------------------------- */
.quality_main .item_article_head {
	padding-top: 7.73333vw;
	margin-bottom: 7.33333vw;
}

/* item_title */
.quality_main .item_article_head .item_title {
	text-align: center;
	width: 62.26666%;
	margin-right: auto;
	margin-bottom: 4vw;
	margin-left: auto;
}
/* item_text */
.quality_main .item_article_head .item_text {
	text-align: center;
	line-height: 1.8;
	font-size: 3.2vw;
}



/* ---------------------------------------------
*   quality_twocolumns
--------------------------------------------- */
.quality_twocolumns {
	position: relative;
}
.quality_twocolumns:nth-of-type(even) .quality_twocolumns_image .quality_image img {
	right: 0;
	left: auto;
}
.quality_twocolumns:nth-of-type(odd) .quality_twocolumns_contents {
	margin-left: auto;
}
.quality_twocolumns:nth-of-type(even) .quality_twocolumns_contents {
	margin-right: auto;
}


/*  quality_twocolumns_title
--------------------------------------------- */
.quality_twocolumns .quality_twocolumns_title {
	position: absolute;
	z-index: 2;
}


/*  quality_twocolumns_contents
--------------------------------------------- */
.quality_twocolumns .quality_twocolumns_contents {
	width: 68vw;
	box-sizing: border-box;
	padding-top: 6.66667vw;
	padding-right: 5.6%;
	padding-bottom: 6.66667vw;
	padding-left: 5.6%;
	background-color: #fff;
}

/* item_caption */
.quality_twocolumns .quality_twocolumns_contents .item_caption {
	margin-bottom: 2vw;
	line-height: 1;
}

/* item_text */
.quality_twocolumns .quality_twocolumns_contents .item_text {
	line-height: 1.8;
	font-size: 2.93333vw;
}

.quality_twocolumns .quality_twocolumns_contents .item_text .item_narrow {
	letter-spacing: -.05em;
}


/*  quality_twocolumns_image
--------------------------------------------- */
.quality_twocolumns .quality_twocolumns_image {
	padding-top: 48%;
}

/* -- item_names -- */
.quality_twocolumns .quality_twocolumns_image .item_names {
	position: absolute;
	z-index: 1;
	text-align: left;
	line-height: 1.6;
	text-shadow: 0px 0px 7px #ffffff;
}
.quality_twocolumns .quality_twocolumns_image .item_names .item_text {
	display: block;
	height: 0;
	background-position: 0 0;
	background-repeat: no-repeat;
	overflow: hidden;
	-webkit-background-size: auto 100%;
	background-size: auto 100%;
}
.quality_twocolumns .quality_twocolumns_image .item_names .item_name {
	display: block;
	height: 0;
	background-position: 0 0;
	background-repeat: no-repeat;
	overflow: hidden;
	-webkit-background-size: auto 100%;
	background-size: auto 100%;
}

/* -- item_names (skin_num) -- */
.quality_twocolumns .quality_twocolumns_image .item_names.skin_1 {
	left: 15.2vw;
	bottom: 6.13333vw;
}
.quality_twocolumns .quality_twocolumns_image .item_names.skin_1 .item_text {
	width: 32.93333vw;
	padding-top: 4.93333vw;
	background-image: url(/smartphone/health/amicolla/quality/images/title_name1.png);
}
.quality_twocolumns .quality_twocolumns_image .item_names.skin_1 .item_name {
	width: 13.6vw;
	padding-top: 3.06667vw;
	background-image: url(/smartphone/health/amicolla/quality/images/text_name1.png);
}

.quality_twocolumns .quality_twocolumns_image .item_names.skin_2 {
	left: 63.86667vw;
	bottom: 6.13333vw;
}
.quality_twocolumns .quality_twocolumns_image .item_names.skin_2 .item_text {
	width: 33.06667vw;
	padding-top: 4.66667vw;
	background-image: url(/smartphone/health/amicolla/quality/images/title_name2.png);
}
.quality_twocolumns .quality_twocolumns_image .item_names.skin_2 .item_name {
	width: 11.06667vw;
	padding-top: 3.06667vw;
	background-image: url(/smartphone/health/amicolla/quality/images/text_name2.png);
}



/* ---------------------------------------------
*   quality_twocolumns(skin_num)
--------------------------------------------- */
.quality_twocolumns.skin_1 {
	margin-bottom: 8vw;
}
.quality_twocolumns.skin_1 .quality_twocolumns_title {
	top: 43.73333vw;
	right: 5.46667vw;
	width: 72.53333vw;
	height: 7.2vw;
}
.quality_twocolumns.skin_1 .quality_twocolumns_contents .item_caption {
	width: 96.74418%;
}

.quality_twocolumns.skin_2 {
	margin-bottom: 8.4vw;
}
.quality_twocolumns.skin_2 .quality_twocolumns_image {
	margin-left: auto;
}
.quality_twocolumns.skin_2 .quality_twocolumns_title {
	top: 44.26667vw;
	left: 5.2vw;
	width: 44vw;
	height: 6.8vw;
}
.quality_twocolumns.skin_2 .quality_twocolumns_contents .item_caption {
	width: 57.44186%;
}

.quality_twocolumns.skin_3 {
	margin-bottom: 8vw;
}
hr {
	height: 1px;
	border: none;
	border-top: 1px #000000 dashed;
	margin: 0 2vw 8vw;
}
.quality_twocolumns.skin_3 .quality_twocolumns_image {
	margin-left: 100px;
}
.quality_twocolumns.skin_3 .quality_twocolumns_title {
	top: 44.4vw;
	right: 5.33333vw;
	width: 48.93333vw;
	height: 6.8vw;
}
.quality_twocolumns.skin_3 .quality_twocolumns_contents .item_caption {
	width: 100%;
}

.quality_twocolumns.skin_4 {
	padding-bottom: 12vw;
}
.quality_twocolumns.skin_4 .quality_twocolumns_image {
	position: relative;
	margin-left: auto;
}
.quality_twocolumns.skin_4 .quality_twocolumns_title {
	top: 44.53333vw;
	left: 5.33333vw;
	width: 76.53333vw;
	height: 6.8vw;
}
.quality_twocolumns.skin_4 .quality_twocolumns_contents .item_caption {
	width: 48.60465%;
}



/* ---------------------------------------------
*   animation
--------------------------------------------- */
.quality_image img {
	position: absolute;
	width: 90.66777%;
	top: 0;
	left: 0;
}
.quality_image img.spacer {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	z-index: 100;
}
.item_names,
.quality_image img {
	-moz-animation: imgTrans 12s infinite;
	-webkit-animation: imgTrans 12s infinite;
	animation: imgTrans 12s infinite;
}
.item_names,
.quality_photo1 img {
	-webkit-animation-delay: 0s;
	-moz-animation-delay: 0s;
	animation-delay: 0s;
}
.quality_photo2 img {
	-webkit-animation-delay: 6s;
	-moz-animation-delay: 6s;
	animation-delay: 6s;
	opacity: 0;
}
@-webkit-keyframes imgTrans {
	0% {
		opacity: 0;
	}
	12.5% {
		opacity: 1;
	}
	50% {
		opacity: 1;
	}
	62.5% {
		opacity: 0;
	}
	63.5% {
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}
@-moz-keyframes imgTrans {
	0% {
		opacity: 0;
	}
	12.5% {
		opacity: 1;
	}
	50% {
		opacity: 1;
	}
	62.5% {
		opacity: 0;
	}
	63.5% {
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}

@keyframes imgTrans {
	0% {
		opacity: 0;
	}
	12.5% {
		opacity: 1;
	}
	50% {
		opacity: 1;
	}
	62.5% {
		opacity: 0;
	}
	63.5% {
		opacity: 0;
	}
	99.99% {
		opacity: 0;
	}
	100% {
		opacity: 0;
	}
}