@charset "utf-8";

/*----------------------------------------------------------------
 /member/ under
----------------------------------------------------------------*/
/*----------------------------------------------------------------
 base
----------------------------------------------------------------*/
/*----------------------------------------------------------------
 layout
----------------------------------------------------------------*/
/*----------------------------------------------------------------
 styles
----------------------------------------------------------------*/

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

#member>.container{ background:
url(../images/member_bg01-sp.png) center 50px /contain no-repeat,
url(../images/member_bg02-sp.png) center bottom 75px /contain no-repeat;}
@media screen and (min-width: 769px) {
#member{
	padding: 0 0 40px 0;
}
#member>.container{
	background: url(../images/member_bg-pc.png) center 40px /contain no-repeat;
	min-height: 800px;
}
}
@media screen and (min-width: 1000px) {
#member>.container{
	min-height: 1120px;
}
}


#member .member-list table{
	width: 100%;
	margin: 0 0 50px 0;
}
#member .member-list figcaption{
	color: var(--item-text);
	font-size: 150%;
	margin: 10px 0;
}
#member .member-list table th,
#member .member-list table td{
	padding: 2px 8px;
}
#member .member-list table th:nth-child(1){
	width: 10%;
}
#member .member-list table th:nth-child(2){
	width: 35%;
}
#member .member-list table th:nth-child(3){
	width: 35%;
}
#member .member-list table th:nth-child(4){
	width: 20%;
}
#member .member-list table thead{
	background: var(--textcolor-y);
}
#member .member-list table tbody{
	font-weight: normal;
	color: var(--item-text);
}
#member .member-list table tbody tr:nth-child(even) td{
	background: #ffd900;
}
#member .member-list table tbody td:nth-child(2){
	font-weight: bold;
}
@media screen and (max-width: 768px) {
#member .member-list{
	margin: 0 0 30vw 0;
}
}
@media screen and (min-width: 769px) {
#member .member-list table th,
#member .member-list table td{
	padding: 5px 10px;
}
}



#member .member-list iframe{
	width: 100%;
	height: 300px;
	border: none;
}
@media screen and (min-width: 769px) {
#member .member-list{
	padding: 0 100px;
}
#member .member-list iframe{
	height: 500px;
}
}
@media screen and (min-width: 1000px) {
#member .member-list{
	padding: 0 200px;
}
}

#member .more{
	margin: 120px 0 0 0;
}
@media screen and (min-width: 769px) {
#member .more{
	margin: 40px 0 0 0;
}
}
@media screen and (min-width: 1000px) {
#member .more{
	margin: 80px 0 0 0;
}
}
#member .btn{
	color: var(--textcolor-y);
}