@charset "UTF-8";

* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}

#panel{
  text-align: center;
  background: url(../images/member/bg_panel.png) no-repeat center center;
  background-size: cover;
}
section#member {
  background: #232323;
}
.block{
  background: #232323;
}



/*----------------------------------------------------
  PC
----------------------------------------------------*/

@media screen and (min-width: 761px) {
  section#member #panel {
    padding: 120px 0;
  }
  section#member #panel .mark {
    width: 180px;
  }
  section#member .block {
    padding: 80px 0;
  }
  section#member .block h2 {
    margin: 0 0 30px 0;
    text-align: center;
  }
  section#member .block .block1 {
    margin: 0 0 70px 0;
    color: #fff;
    font-size: 20px;
    text-align: center;
  }
  section#member .block .block1 p {
    margin: 0 0 40px 0;
  }
  section#member .block .block1 .img {
    width: 100%;
  }
  section#member .block .block2 {
    width: 1000px;
    margin: 0 auto 50px;
  }
  section#member .block .block2 h3 {
    margin: 0 0 30px 0;
    text-align: center;
  }
  section#member .block .block2 ul li {
    margin: 0 0 2px 0;
    padding: 25px;
    font-size: 20px;
    background: #c0b393;
  }
  section#member .block .block3 {
    width: 1000px;
    margin: 0 auto 50px;
  }
  section#member .block .block3 h3 {
    margin: 0 0 30px 0;
    text-align: center;
  }
  section#member .block .block3 ul li {
    color: #fff;
    font-size: 20px;
  }
  section#member .block .block4 {
    width: 1000px;
    margin: 0 auto 50px;
  }
  section#member .block .block4 h3 {
    margin: 0 0 30px 0;
    text-align: center;
  }
  section#member .block .block4 table {
    width: 100%;
    font-size: 20px;
  }
  section#member .block .block4 table tr {
    margin: 0 0 2px 0;
  }
  section#member .block .block4 table th {
    width: 160px;
    padding: 25px;
    vertical-align: middle;
    border-bottom: 2px solid #232323;
    background: #c0b393;
  }
  section#member .block .block4 table td {
    padding: 25px;
    border-bottom: 2px solid #232323;
    background: #ded7c7;
  }
}

/*----------------------------------------------------
  SP
----------------------------------------------------*/

@media screen and (max-width: 760px) {
  section#member #panel {
    padding: 30px 0;
  }
  section#member #panel .mark {
    width: 100px;
  }
  section#member .block {
    padding: 30px 0;
  }
  section#member .block h2 {
    margin: 0 0 20px 0;
    text-align: center;
  }
  section#member .block h2 img {
    width: 100%;
  }
  section#member .block .block1 {
    margin: 0 0 40px 0;
    color: #fff;
    text-align: center;
  }
  section#member .block .block1 p {
    margin: 0 15px 30px 15px;
  }
  section#member .block .block1 .img {
    width: 100%;
  }
  section#member .block .block2 {
    margin: 0 15px 40px;
  }
  section#member .block .block2 h3 {
    margin: 0 0 30px 0;
    text-align: center;
  }
  section#member .block .block2 h3 img {
    width: 100%;
  }
  section#member .block .block2 ul li {
    margin: 0 0 2px 0;
    padding: 15px;
    background: #c0b393;
  }
  section#member .block .block3 {
    margin: 0 15px 40px;
  }
  section#member .block .block3 h3 {
    margin: 0 0 30px 0;
    text-align: center;
  }
  section#member .block .block3 h3 img {
    width: 100%;
  }
  section#member .block .block3 ul li {
    color: #fff;
  }
  section#member .block .block4 {
    margin: 0 15px 40px;
  }
  section#member .block .block4 h3 {
    margin: 0 0 30px 0;
    text-align: center;
  }
  section#member .block .block4 h3 img {
    width: 100%;
  }
  section#member .block .block4 table {
    width: 100%;
  }
  section#member .block .block4 table tr {
    margin: 0 0 2px 0;
  }
  section#member .block .block4 table th {
    width: 90px;
    padding: 15px;
    vertical-align: middle;
    border-bottom: 2px solid #232323;
    background: #c0b393;
  }
  section#member .block .block4 table td {
    padding: 15px;
    border-bottom: 2px solid #232323;
    background: #ded7c7;
  }


}