@charset 'utf-8';
/*
 * name:member.css
 * author:Nulo
*/

/* member
------------------------------------------------ */

#pageVisual { background: url(../../img/member/bg_title.jpg) no-repeat top center; background-size: cover; }

/* descscrip */
#descscrip { text-align: center; background: linear-gradient(to top,#EAAC82 5%,#FF8479 40%); padding: 64px 0 70px; }
.descscrip--cmn { color: #fff; font-size: 14px; font-size: 1.4rem; letter-spacing: 0.074em; line-height: 2; }
.descscrip--cmn:before { content: ''; display: block; width: 64px; height: 70px; margin: 0 auto 40px; background: url(../../img/member/icon_member.svg); background-size: 100%; }

/* people */
#people { padding: 80px 0; }
#people .wrap { max-width: 990px; }
.people--lists li { display: table; width: 46.3%; float: left; margin-right: 7.4%; }
.people--lists li:nth-child(2n) { margin-right: 0; }
.people--lists li:not(:nth-child(-n+2)) { margin-top: 78px; }
.people--pic,
.people__desc { display: table-cell; vertical-align: middle; }
.people--pic { width: 140px; }
.people--pic img { width: 100%; }
.people__desc { padding-left: 8.8%; }
.people__desc--name { font-size: 20px; font-size: 2rem; letter-spacing: 0.074em; border-bottom: 1px solid; margin-bottom: 13px; }
.people__desc--cmn { font-size: 14px; font-size: 1.4rem; letter-spacing: 0.074em; line-height: 1.5; }

/* responsive style
------------------------------------------------ */
@media screen and (max-width: 640px) {

	#pageVisual { background: url(../../img/member/bg_title_sp.jpg) no-repeat top center; background-size: cover; }

	/* descscrip */
	#descscrip { padding: 20px 0 23px; }
	.descscrip--cmn { font-size: 11px; font-size: 1.1rem; letter-spacing: 0.037em; line-height: 1.54; }
	.descscrip--cmn:before { width: 37px; height: 41px; margin-bottom: 20px; }

	/* people */
	#people { padding: 40px 0 60px; }
	.people--lists li { width: 100%; float: none; margin-right: 0; }
	.people--lists li:not(:nth-child(-n+2)) { margin-top: 0; }
	.people--lists li:not(:last-child) { margin-bottom: 23px; }
	.people--pic { width: 28.6%; }
	.people__desc { padding-left: 10px; vertical-align: top; }
	.people__desc--name { font-size: 11px; font-size: 1.1rem; letter-spacing: 0.037em; padding-bottom: 3px; margin-bottom: 3px; }
	.people__desc--cmn { font-size: 10px; font-size: 1rem; letter-spacing: 0.037em; line-height: 1.8; }

}