html{
    scroll-behavior: smooth;
}

* {
  outline: none;
}

body {
  background-color: #F5F5F5;
}
.nobr {
  white-space: nowrap;
  display: block;
}


/* sticky table */
.fanc-table thead th {
  /* 縦スクロール時に固定する */
  position: -webkit-sticky;
  position: sticky;
  top: -3.5rem;
  /* tbody内のセルより手前に表示する */
  z-index: 1;
}



/* design */
.lead {
  text-align: center;
}
.fanc-table {
  border-collapse: collapse;
}
.fanc-table th,
.fanc-table td {
  text-align: center;
  padding: 1rem .5rem;
  font-weight: normal;
}
.fanc-table tbody ,
.fanc-table thead th{
  background: #fff;
}
.fanc-table thead{
  background-color: #F5F5F5;
}
.fanc-table thead td{
  border-width: 0 5px 7px;
  border-style: solid;
  border-color: #F5F5F5;
}
.fanc-table thead th{
  height: 3rem;
  width: 6rem;
  overflow: visible;
  border-width: 0 5px 7px;
  border-style: solid;
  border-color: #F5F5F5;
}
.fanc-table thead th span{
  display: inline-block;
  margin: 0 auto;
  position: relative;
  margin-top:-4.5rem;
  width: 100%;
  padding-top:7rem;
  background-position: center top;
  background-size: 100% auto;
  background-repeat: no-repeat;
  white-space: nowrap;
}
.fanc-table thead th span#fhead-01{
  background-image: url('/assets/images/teams/sec-02-1.png');
}
.fanc-table thead th span#fhead-02{
  background-image: url('/assets/images/teams/sec-02-2.png');
}
.fanc-table thead th span#fhead-03{
  background-image: url('/assets/images/teams/sec-02-3.png');
}
.fanc-table thead th span#fhead-04{
  background-image: url('/assets/images/teams/sec-02-4.png');
}
.fanc-table thead th span#fhead-05{
  background-image: url('/assets/images/teams/sec-02-5.png');
}
.fanc-table thead th span#fhead-06{
  background-image: url('/assets/images/teams/sec-02-6.png');
}
.fanc-table tbody th{
  text-align: right;
  font-weight: bold;
}
.fanc-table tbody td span.caution{
  display: block;
  font-size: .8rem;
}
.fanc-table tbody tr{
  border-bottom: 1px solid #707070;
}



@media screen and (min-width: 481px) {
  .lead {
    margin-bottom: 10rem;
    padding:4rem 0;
  }
  .lead p {
    padding:1.75rem 0 0;
  }
  .body {
    width: 100%;
    position: absolute;
    left: 0;
    text-align: center;
    background: #fff;
  }
  .fanc-table {
    margin: -103px auto 0 auto;
    max-width: 900px;
    right:300px;
  }
  .fanc-table thead th{
    width:11%;
  }
}

@media screen and (max-width: 480px) {
  .lead p{
    display: none;
  }
  .lead{
    padding: 2rem 0 4rem;
  }
  .fanc-table thead td{
    padding:0;
  }
  .fanc-table thead th{
    width:16.6666%;
    overflow: visible;
    top: -1.5rem;
  }
  .fanc-table thead th span{
    font-size: .6rem;
    padding-top: 3rem;
  }
  .fanc-table thead td{
    padding:0;
  }
  .fanc-table tbody tr{
    position: relative;
  }
  .fanc-table tbody th{
    font-size: .8rem;
    text-align: right;
    float: left;
    position: absolute;
  }
  .fanc-table tbody td{
    padding-top: 3rem;
  }
}