/* メインコンテンツ */

.contents{
  font-family:'Roboto','Yu Gothic Medium', '游ゴシック Medium', YuGothic, '游ゴシック体','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro';
  letter-spacing: 0.08em;
     color: #4D4D4dD;
     font-size: 1.6rem;
     width: 100%;
     margin: 0 auto;
     max-width: 800px;
}

img{
  vertical-align:top;
}

/* トップ */
.pcimg{display: block !important;}
.spimg{display: none !important;}

@media only screen and (max-width: 768px){
	.pcimg{display: none !important;}
	.spimg{display: block !important;}
}

.main_visual{
  padding-bottom: 40px;
}

.section{
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 40px;

}



/* 001 */
.button001 a {
  background: #787878;
  border-radius: 3px;
  position: relative;
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin: 0 auto;
  max-width: 280px;
  padding: 10px 25px;
  color: #fff;
  transition: 0.3s ease-in-out;
  font-weight: bold;
}
.button001 a:hover {
  opacity: 0.8;
}

.button001 a:after {
  content: '';
  width: 5px;
  height: 5px;
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
  transform: rotate(45deg) translateY(-50%);
  position: absolute;
  top: 50%;
  right: 20px;
  border-radius: 1px;
  transition: 0.3s ease-in-out;
}

.button001{
  margin: 30px 0px 50px 0px;
}



.title{
  margin: 0;
  padding: 40px 0px 20px 0px;
  font-weight: bold;
}

.title p{
  margin: 0;
}

.title{
  padding-top: 40px;
  font-weight: bold;
}

#member_status {
  border: 1px solid #999999;
}

table {
  width: 100%;
  border-top: 1px solid #202020;
  border-collapse: collapse;
  border-spacing: 0;
}

#member_status tr th, #member_status tr td {
  font-size: 12px;
  text-align: center;
  padding: 10px 5px;
  border: 1px solid #999999;
  line-height: 120%;
}

table tbody th {
  background-color: #F1F1F1;
  border-bottom: 1px solid #202020;
}

#member_status tr th.status1 {
  background: #917F71;
  color: #ffffff;
}

#member_status tr th.status2 {
  background: #999999;
  color: #ffffff;
}

#member_status tr th.status3 {
  background: #A5A050;
  color: #ffffff;
}

#member_status tr th.status4 {
  background: #829FA8;
  color: #ffffff;
}

#member_status tr th.status5 {
  background: #666666;
  color: #ffffff;
}

@media only screen and (max-width: 768px) {
  table {
    display: block;
    overflow-x: scroll;
    scrollbar-color:#b7b795 #b7b795;
    white-space: nowrap;
  }
}