@charset "utf-8";
@import url("common.css");
/*======================================================================
||
||   member.css
||
======================================================================*/

.member_main {
	width:650px;
	margin:0 auto;
	padding:80px 0 0;
}
.member_main h1 {
	text-align:center;
}
.member_main ul {
	list-style:none;
	margin:40px 0 0;
}
.member_main ul li {
	float:left;
	width:300px;
}
.member_main ul li:first-child {
	margin-right:50px;
}
.member_main h2 {
	margin:38px 0 0;
}
.member_main h2 img {
	width:80%;
}
.member_main h3 {
	text-align:right;
	margin:10px 0 0;
}
.member_main h3 img {
	max-width:100% !important;
}

#member1 h3 img {
	width:164px;
}
#member2 h3 img {
	width:196px;
}
#member3 h3 img {
	width:350px;
}
#member4 h3 img {
	width:176px;
}
#member5 h3 img {
	width:195px;
}
#member6 h3 img {
	width:196px;
}

.member_main p {
	margin:30px 0 0;
	color:#686D71;
	font-family: Helvetica,Verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
	line-height:180%;
/*	font-weight:bold;*/
	font-size:15px;
}
.member_main p span {
	color:#151A59;
}

#member_bottom {
	width:900px;
	margin:80px auto 100px;
	list-style:none;
}
#member_bottom li {
	float:left;
	width:150px;
}
#member_bottom li a {
	display:block;
	width:150px;
	height:200px;
	background:url(../img/member/member_bottom.jpg?2017) no-repeat;
	text-indent:-9999em;
}

#member_bottom li:nth-of-type(1) a {
	background-position:0 0;
}
#member_bottom li:nth-of-type(1) a:hover,
#member_bottom li:nth-of-type(1) a.current {
	background-position:0 -200px;
}
#member_bottom li:nth-of-type(2) a {
	background-position:-150px 0;
}
#member_bottom li:nth-of-type(2) a:hover,
#member_bottom li:nth-of-type(2) a.current {
	background-position:-150px -200px;
}
#member_bottom li:nth-of-type(3) a {
	background-position:-300px 0;
}
#member_bottom li:nth-of-type(3) a:hover,
#member_bottom li:nth-of-type(3) a.current {
	background-position:-300px -200px;
}
#member_bottom li:nth-of-type(4) a {
	background-position:-450px 0;
}
#member_bottom li:nth-of-type(4) a:hover,
#member_bottom li:nth-of-type(4) a.current {
	background-position:-450px -200px;
}
#member_bottom li:nth-of-type(5) a {
	background-position:-600px 0;
}
#member_bottom li:nth-of-type(5) a:hover,
#member_bottom li:nth-of-type(5) a.current {
	background-position:-600px -200px;
}
#member_bottom li:nth-of-type(6) a {
	background-position:-750px 0;
}
#member_bottom li:nth-of-type(6) a:hover,
#member_bottom li:nth-of-type(6) a.current {
	background-position:-750px -200px;
}


@media screen and (max-width: 768px) {

.member_main {
	width:90%;
	padding:40px 0 0;
}
.member_main h1 img {
	width:95px;
}

.member_main ul li {
	float:left;
	width:45%;
}
.member_main ul li:first-child {
	margin-right:10%;
}
.member_main ul li img {
	width:100%;
}
.member_main h2 img {
	width:100%;
}

#member_bottom {
	width:100%;
	margin:40px auto 50px;
}
#member_bottom li {
	width:calc(100% * 1/3);
}
#member_bottom li a {
	width:100%;
	height:1px;
	padding-top:133.33%;
}
#member_bottom li:nth-of-type(1) a {
	background:url(../img/member/member_bottom1.jpg) no-repeat;
	background-size:cover;
}
#member_bottom li:nth-of-type(2) a {
	background:url(../img/member/member_bottom8.jpg) no-repeat;
	background-size:cover;
}
#member_bottom li:nth-of-type(3) a {
	background:url(../img/member/member_bottom9.jpg) no-repeat;
	background-size:cover;
}
#member_bottom li:nth-of-type(4) a {
	background:url(../img/member/member_bottom4.jpg) no-repeat;
	background-size:cover;
}
#member_bottom li:nth-of-type(5) a {
	background:url(../img/member/member_bottom7.jpg) no-repeat;
	background-size:cover;
}
#member_bottom li:nth-of-type(6) a {
	background:url(../img/member/member_bottom6.jpg) no-repeat;
	background-size:cover;
}
#member_bottom li a.current {
	background-position:right top !important;
}

#member_bottom li a:hover {
	background-position:0 0 !important;
}


}/* eof max-width:768px */