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

/*----------------------------------------------*/
/* Obsessiveness CSS [PC]                       */
/*----------------------------------------------*/

h2 {
	margin-bottom: 40px;
}

/*---- 食から学ぶ健康生活 ----*/
.obsessivenessbox1 {
	width: 100%;
	max-width: 680px;
	line-height: 180%;
	
	background-image: url(../images/obsessivenes/pic01.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}

.obsessivenessbox1 p {
	width: 50%;
	margin-bottom: 30px;
}

.obsessivenessbox1 p.narrow {
}

/*---- 研究・開発について ----*/
.obsessivenessbox2 {
	overflow: hidden;  /* preventing height 0 when float */
	width: 100%;
	max-width: 680px;
	padding-top: 40px;
	line-height: 180%;
}

.obsessivenessbox2-l {
	float: left;
	width: 40%;
	max-width: 270px;
}

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

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

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

.obsessivenessbox2 p {
	margin-bottom: 30px;
}

/*---- 原料について ----*/
.obsessivenessbox3 {
	overflow: hidden;  /* preventing height 0 when float */
	width: 100%;
	max-width: 680px;
	padding-top: 40px;
	line-height: 180%;
}

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

.obsessivenessbox3-l img {
	width: 100%;
	max-width: 269px;
}

.obsessivenessbox3-r {
	float: right;
	width: 55%;
	max-width: 350px;
}

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

.obsessivenessbox3 p {
	margin-bottom: 30px;
}

/*---- 安心への取り組み ----*/
.obsessivenessbox4 {
	overflow: hidden;  /* preventing height 0 when float */
	width: 100%;
	max-width: 680px;
	padding-top: 40px;
	line-height: 180%;
}

.obsessivenessbox4-l {
	float: left;
	width: 40%;
	max-width: 260px;
}

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

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

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

.obsessivenessbox4 p {
	margin-bottom: 30px;
}

/*---- お客さまの立場で ----*/
.obsessivenessbox5 {
	overflow: hidden;  /* preventing height 0 when float */
	width: 100%;
	max-width: 680px;
	padding-top: 40px;
	line-height: 180%;
}

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

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

.obsessivenessbox5-r {
	float: right;
	width: 45%;
	max-width: 290px;
}

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

.obsessivenessbox5 p {
	margin-bottom: 30px;
}

/*---- 私たちがお応えします ----*/
.obsessivenessbox6 {
	overflow: hidden;  /* preventing height 0 when float */
	width: 100%;
	max-width: 680px;
	padding-top: 40px;
	line-height: 180%;
}

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

.obsessivenessbox6 p {
	margin-bottom: 30px;
}

/*---- サプリメントへの考え方 ----*/
.obsessivenessbox7 {
	overflow: hidden;  /* preventing height 0 when float */
	width: 100%;
	max-width: 680px;
	padding-top: 40px;
	line-height: 180%;
}

.obsessivenessbox7-pic {
	float:right;
	margin-left: 20px;
}

.obsessivenessbox7 p {
	margin-bottom: 30px;
}

/*---- 文字色 ----*/
.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;
}