@charset "utf-8";

/* PC：style_pc.css
 * ************************************************** */

/* headline */
#content h2 {
  font-size: 4rem;
  font-weight: bold;
  line-height: 1.3;
  text-align: center;
}

#content #adult_tennis h2 {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.3;
  text-align: center;
}

/* catch */
#content .catch {
  padding: 60px 0 55px;
  padding: 4% 0 3.6666%;
  text-align: center;
}

/* mainvisual */
#content .mainvisual {
  background: url(../images/main.jpg) no-repeat center top;
  background-size: 100%;
  padding-top: 58.93%;
  position: relative;
  text-align: center;
}

#content .mainvisual p {
  position: absolute;
  top: 62.21%;
  left: 50%;
  -webkit-transform: translateX(-51.5%);
  -ms-transform: translateX(-51.5%);
  transform: translateX(-51.5%);
  width: 772px;
}

#content .mainvisual p img {
  width: 100%;
}

/* lead */
#content .lead {
  padding: 6% 0;
  text-align: center;
}

#content .lead h2 {
  font-weight: normal;
  margin-left: 0.5em;
}

#content .lead h2 br {
  display: none;
}

#content .lead p {
  font-size: 22px;
  letter-spacing: 0;
  line-height: 1.6;
  margin: 15px 0 0 0;
}

#content .lead p br.sp {
  display: none;
}

/* reasons */
#content .reasons {
  text-align: center;
}

#content .reasons h2 {
  background: #000000;
  color: #ffffff;
  font-size: 4rem;
  height: 155px;
  line-height: 155px;
  letter-spacing: -0.02em;
  margin: 0 auto 110px;
  margin: 0 auto 7.33%;
}

#content .reasons img+img {
  margin-top: 160px;
  margin-top: 10.66%;
}

#content .reasons img+img+img {
  margin-top: 50px;
  margin-top: 3.33%;
}

/* store */
#content .store {
  margin: 110px 0 0 0;
  margin: 7.3% 0 0 0;
  position: relative;
}

#content .store h2 {
  background: #000000;
  color: #ffffff;
  height: 155px;
  line-height: 155px;
}

#content .store #adult_tennis h2 {
  background: #fff;
  color: #000;
  height: auto;
  line-height: normal;
}

#content .store ul {
  list-style: none;
  overflow: hidden;
}

#adult_tennis #adult_schoolList_H .list ul {
  list-style: none;
  overflow: hidden;
}

#adult_tennis #adult_schoolList_H .list ul li {
  padding: 10% 10%;
  text-align: center;
}


#adult_tennis .tabContent div:nth-child(odd) {
  background: #f2f2f2;
}

#adult_tennis .tabContent div:nth-child(even) {
  background: #d9d9d9;
}

#adult_tennis .tabContent div:nth-child(8n+1) {
  background: #d9d9d9;
}

#adult_tennis .tabContent div:nth-child(8n+2) {
  background: #f2f2f2;
}

#adult_tennis .tabContent div:nth-child(8n+3) {
  background: #d9d9d9;
}

#adult_tennis .tabContent div:nth-child(8n+4) {
  background: #f2f2f2;
}


#content .store ul li img {
  width: 100%;
}

#content .store ul li h3 {
  font-size: 24px;
  font-size: 1.6vw;
  font-weight: bold;
  letter-spacing: 0;
  margin: 8px 0 0 0;
  white-space: nowrap;
}

#adult_tennis .list ul li h3 {
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0;
  margin: 8px 0 0 0;
  white-space: nowrap;
}

#content .store ul li .button {
  margin: 15px auto 0;
  text-align: center;
  width: 100%;
}

#adult_tennis .list ul li .button {
  margin: 15px auto 0;
  text-align: center;
  width: 100%;
}

#content .store ul li .button a {
  background: #000000;
  color: #ffffff;
  display: block;
  font-size: 18px;
  height: 45px;
  line-height: 47px;
  position: relative;
}

#adult_tennis .list ul li .button a {
  background: #000000;
  color: #ffffff;
  display: block;
  font-size: 16px;
  height: 45px;
  line-height: 47px;
  position: relative;
}

/* members */
#content .members {
  background: #000000;
  color: #ffffff;
  padding: 140px 0 130px;
  padding: 9.33% 0 8.66%;
  text-align: center;
}

#content .members br.sp {
  display: none;
}

#content .members p.notes {
  letter-spacing: 0;
  margin: 25px 0 0 0;
}

#content .members p.notes br {
  display: none;
}

#content .members h3 {
  font-size: 30px;
  font-weight: bold;
  height: 70px;
  line-height: 72px;
  margin: 0 auto;
  width: 700px;
}

#content .members h3:first-of-type {
  background: #e3007f;
  margin-top: 45px;
}

#content .members h3:nth-of-type(2) {
  background: #1183c7;
  margin-top: 70px;
}

#content .members ul {
  list-style: none;
  margin: 20px 0 0 0;
}

#content .members ul li {
  font-size: 20px;
  letter-spacing: 0;
  line-height: 1.6;
}

#content .members ul li a {
  color: #fff;
}

/* network */
#content .network {
  padding: 75px 0 65px;
  padding: 5% 0 4.33%;
  text-align: center;
}

#content .network h2 {
  margin: 0 0 40px 0;
  margin: 0 0 2.66% 0;
}

@media only screen and (max-width: 1300px) {
  #content .network>img {
    width: 94.6%;
  }
}

/* campaign */
#content .campaign {
  background: url(../images/bg_campaign.jpg) no-repeat center center;
  background-size: cover;
  padding: 205px 0;
  padding: 13.6666% 0;
  position: relative;
  text-align: center;
}

#content .campaign:before,
#content .campaign:after {
  content: '';
  display: block;
  height: 60px;
  position: absolute;
  left: 0;
  width: 100%;
}

#content .campaign:before {
  background: #000000;
  top: 0;
}

#content .campaign p.notes {
  color: #ffffff;
  line-height: 1.3;
  margin: 58px auto 152px;
  margin: 3.86% auto 10.13%;
  text-align: left;
  width: 710px;
}

.mainvisual__copy {
  font-size: 5rem;
  color: #fff;
}

.mainvisual__copy-str {
  font-size: 7rem;
}

.reasons__txt {
  margin: 4rem 0 0 0;
  font-size: 2rem;
  font-weight: bold;
}

.network__txt {
  font-size: 1.6rem;
  font-weight: bold;
  margin: 0 0 3rem 0;
}

.network__map-image {
  width: 100%;
}

.tab .tabBody {
  min-height: 50vmin;
}