@charset "utf-8";

/**----------------------------------------------------------
 *CSS information
 *
 * file name	: index.css
 * author		: shintaro tomita
 * style info	: トップページレイアウト
 -----------------------------------------------------------*/

#article{
	width: 100%;
}

/* -------------------------------------------------------- */
/*= #extra
----------------------------------------------------------- */

#extra{
	margin: 24px 0 30px;
	-webkit-box-shadow: 0 0 4px #c0bba6;
	box-shadow: 0 0 4px #c0bba6;
}


/* -------------------------------------------------------- */
/*= #consumers
----------------------------------------------------------- */

#consumers h2{
	padding-bottom: 12px;
	margin-bottom: 26px;
	border-bottom: 1px solid #a0a0a0;
}
#consumers ul{
	text-align: center;
	margin: 0 auto;
}
#consumers ul li{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 5px;
	margin-bottom: 10px;
	display: inline-block;
	width: 24.5%;
	text-align: center;
}


/* -------------------------------------------------------- */
/*= #methods
----------------------------------------------------------- */

#methods{
}

#methods h2{
	text-align: center;
	margin-bottom: 20px;
}
#article #methods .bg_white{
	padding: 30px 23px 34px 36px;
}

#methods #method_left{
	float: left;
	width: 338px;
}
#methods #method_left h3{
	margin-left: -45px;
}

#methods #method_left dt{
	font-size: 15px;
	font-weight: bold;
	color: #00621a;
	margin-top: 20px;
	margin-bottom: 5px;
}
#methods #method_left dd{
	font-size: 13px;
}

#methods #method_right{
	float: right;
}

#methods #method_btn{
	margin-top: 53px;
	margin-right: 5px;
	float: right;
}


/*= #knowhow
----------------------------------------------------------- */

#system_knowhow{
	margin-bottom: 60px;
}

#system_knowhow #system_knowhow__title{
	text-align: center;
	margin-bottom: 33px;
}

#strongPoint__title{
	margin-bottom: 24px;
}
#strongPointList{
	display: flex;
	display: -webkit-flex;
	margin: auto;
	margin-bottom: 23px;
}
#strongPointList .strongPointList--point{
	width: 33.3333%;
	text-align: center;
	padding: 0 25px;
}
#strongPoint #strongPoint__btn{
	margin-bottom: 40px;
	text-align: center;
}

#knowhow{
}

#knowhow__title{
	position: relative;
	margin-bottom: 24px;
}
#knowhow__title #knowhow__title--appeal{
	position: absolute;
	right: 18px;
	top: -17px;
}

#knowhowList{
	background: url(/img/index/bg_knowhow.png) repeat;
	padding: 8px;
}

#knowhowList .knowhow{
	background: #FFF;
	padding: 23px 12px 17px;
	float: left;
	width: 436.5px;
	text-align: center;g

}
#knowhowList .knowhow:first-child{
	margin-right: 8px;
}
#knowhowList .knowhow .knowhow__title{
	text-align: center;
}
.knowhow .knowhow__btn{
	margin-top: 14px;
	text-align: center;
}

/* -------------------------------------------------------- */
/*= #media
----------------------------------------------------------- */

#media{
	position: relative;
	height: 477px;
	margin-bottom: 27px;
}
#media .media__image{
	position: absolute;
	top: -9px;
	z-index: 0;
}
#media .media__title{
	position: absolute;
	right: 11px;
	top: 34px;
	z-index: 10;
}
#media .media__btn{
	position: absolute;
	bottom: 26px;
	z-index: 10;
	right: 0;
}

/* -------------------------------------------------------- */
/*= #faqs
----------------------------------------------------------- */

#faqs{

}

#faqs #faq__title{
	margin-bottom: 20px;
}

#article #faqs .bg_white{
	padding: 37px;
	padding-bottom: 29px;
	margin-bottom: 20px;
}

#faq__list .faq__list--question{
	font-weight: bold;
	font-size: 18px;
	color: #057924;
	background: url(/img/index/faq_icon_q.jpg) 0 1px no-repeat;
	padding-left: 42px;
	padding-top: 5px;
	padding-bottom: 3px;
	margin-bottom: 15px;
}
#faq__list .faq__list--answer{
	font-size: 14px;
	background: url(/img/index/faq_icon_a.jpg) 0 5px no-repeat;
	padding-left: 42px;
	line-height: 23px;
}
#faq__list .faq__list--answer.underline{
	padding-bottom: 18px;
	margin-bottom: 22px;
}
#faq__btn{
	text-align: right;
	margin-bottom: 35px;
}

/* -------------------------------------------------------- */
/*= #utility
----------------------------------------------------------- */

#article .bg_white{
	background: #FFF;
	padding: 24px 23px;
	border: 1px solid #e2decd;
	margin-bottom: 32px
}

#article .underline{
	border-bottom: 1px solid #cdc9b8;
	margin-bottom: 40px;
}