@charset "utf-8"; /* 〠 */

/*----------------------------------------------*/
/* Obsessiveness CSS [SP]                       */
/*----------------------------------------------*/

h2 {
	margin: 0px 10px 10px;
}

h2 img {
	width: 80%;
}

/*---- 食から学ぶ健康生活 ----*/
.obsessivenessbox1 {
	padding-bottom: 30px;
	
	background-image: url(../images/obsessivenes/pic01.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	
	-webkit-background-size: 160px 170px;
	background-size:         160px 170px;
}


.obsessivenessbox1 p {
	margin: 0px 10px 10px;
}

.obsessivenessbox1 p.narrow {
	width: 50%;
}

/*---- 研究・開発について ----*/
.obsessivenessbox2 {
	padding-top: 20px;
}

.obsessivenessbox2-l {
	float: left;
	width: 30%;
	margin-bottom: 10px;
}

.obsessivenessbox2-l img {
	width: 100%;
}

.obsessivenessbox2-r {
	float: right;
	width: 70%;
}

.obsessivenessbox2-r img {
	width: 90%;
	max-width: 351px;
}

.obsessivenessbox2 p {
	margin: 0px 10px 10px;
}

/*---- 原料について ----*/
.obsessivenessbox3 {
	padding-top: 20px;
}

.obsessivenessbox3-l {
	float: left;
	width: 70%;
}

.obsessivenessbox3-l img {
	width: 90%;
	max-width: 369px;
}

.obsessivenessbox3-r {
	float: right;
	width: 30%;
	margin-bottom: 10px;
}

.obsessivenessbox3-r img {
	width: 100%;
}

.obsessivenessbox3 p {
	margin: 0px 10px 10px;
}

/*---- 安心への取り組み ----*/
.obsessivenessbox4 {
	padding-top: 20px;
}

.obsessivenessbox4-l {
	float: left;
	width: 30%;
	margin-bottom: 10px;
}

.obsessivenessbox4-l img {
	width: 100%;
}

.obsessivenessbox4-r {
	float: right;
	width: 70%;
}

.obsessivenessbox4-r img {
	width: 90%;
	max-width: 356px;
}

.obsessivenessbox4 p {
	margin: 0px 10px 10px;
}

/*---- お客さまの立場で ----*/
.obsessivenessbox5 {
	padding-top: 20px;
}

.obsessivenessbox5-l {
	float: left;
	width: 70%;
}

.obsessivenessbox5-l img {
	width: 90%;
	max-width: 363px;
}

.obsessivenessbox5-r {
	float: right;
	width: 30%;
	margin-bottom: 10px;
}

.obsessivenessbox5-r img {
	width: 100%;
}

.obsessivenessbox5 p {
	margin: 0px 10px 10px;
}

/*---- 私たちがお応えします ----*/
.obsessivenessbox6 {
	padding-top: 20px;
}

.obsessivenessbox6 p {
	margin: 0px 10px 10px;
}

/*---- サプリメントへの考え方 ----*/
.obsessivenessbox7 {
	padding-top: 20px;
}

.obsessivenessbox7 p {
	margin: 0px 10px 10px;
}

.obsessivenessbox7-pic {
	float:right;
	margin-left: 10px;
	width: 50%;
}

.obsessivenessbox7-pic img {

}


/*---- 文字色 ----*/
.fgreen {
	color: #6AAA00;
}

.fgreenline {
	color: #6AAA00;
	border-bottom: 2px solid #6AAA00;
}

.fblue {
	color: #6A99E6;
}

.fblueline {
	color: #6A99E6;
	border-bottom: 2px solid #6A99E6;
}

.fbrown {
	color: #C2893C;
}

.fbrownline {
	color: #C2893C;
	border-bottom: 2px solid #C2893C;
}

.fmossgreen {
	color: #1D7C72;
}

.fred {
	color: #B24C4C;
}

.fredline {
	color: #B24C4C;
	border-bottom: 2px solid #B24C4C;
}

.fyellow {
	color: #B98D26;
}

.fyellowline {
	color: #B98D26;
	border-bottom: 2px solid #B98D26;
}