@charset "UTF-8";
html{
  width:100%;
  font-size:14px;
  line-height:1.5;
}
@media (min-width:769px){
  html{
    font-size:16px;
    line-height:1.5;
  }
}

body{
  width:100%;
  margin:0;
  padding:0;
  background:#001602;
  color:#002e16;
  font-family:Noto Sans JP,sans-serif;
  -webkit-text-size-adjust:100%;
     -moz-text-size-adjust:100%;
          text-size-adjust:100%;
}
body.lock{
  overflow-y:hidden;
}

a,button{
  touch-action:manipulation;
}

button{
  box-sizing:border-box;
  width:100%;
  margin:0;
  padding:0;
  border:0;
  outline:none;
  background:none;
  color:inherit;
  font:inherit;
  letter-spacing:inherit;
  cursor:pointer;
}

a{
  text-decoration:none;
}

img{
  width:100%;
}

#wrapper{
  position:relative;
}

.header{
  display:flex;
  z-index:1000;
  position:fixed;
  top:0;
  left:0;
  align-items:center;
  width:100%;
  height:21.3333333333vw;
  background-image:url(../img/h-bg-sp.jpg);
  background-position:top;
  background-size:100% 100%;
  background-repeat:no-repeat;
}
@media (min-width:769px){
  .header{
    justify-content:center;
    height:130px;
    background-image:url(../img/h-bg-pc.jpg);
    background-position:top;
    background-size:100% 100%;
    background-repeat:no-repeat;
  }
}
.header__nav{
  box-sizing:border-box;
  display:none;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100vh;
  overflow-y:auto;
  background:rgba(0,22,2,.9);
  opacity:0;
  transition:opacity .3s;
}
@media (min-width:769px){
  .header__nav{
    display:block;
    top:auto;
    left:auto;
    width:100%;
    max-width:1280px;
    height:auto;
    background:transparent;
    opacity:1;
  }
}
.header__nav.on{
  display:block;
}
.header__nav.show{
  opacity:1;
}
.header__nav-list{
  display:flex;
  flex-direction:column;
  margin:0;
  padding:37.3333333333vw 0 0;
  gap:18.6666666667vw;
}
@media (min-width:769px){
  .header__nav-list{
    flex-direction:row;
    justify-content:flex-end;
    padding:0 90px 0 0;
    gap:40px;
  }
}
.header__nav-item{
  display:flex;
  justify-content:center;
  padding:0;
}
.header__nav-item a{
  color:#fff;
  font-weight:700;
  font-size:8vw;
  font-family:Oswald,sans-serif;
  letter-spacing:0;
  transition:opacity .3s;
}
@media (min-width:769px){
  .header__nav-item a{
    font-size:1.25rem;
  }
}
.header__nav-item a:hover{
  opacity:.7;
}
.header__nav-button{
  display:block;
  position:absolute;
  top:6.1333333333vw;
  right:6.4vw;
  width:9.7333333333vw;
  height:8.5333333333vw;
}
@media (min-width:769px){
  .header__nav-button{
    display:none;
  }
}
.header__nav-button:after,.header__nav-button:before{
  display:block;
  position:absolute;
  left:0;
  width:100%;
  height:.6666666667vw;
  background:#fff;
  content:"";
}
.header__nav-button:before{
  top:.2666666667vw;
}
.header__nav-button:after{
  bottom:.2666666667vw;
}
.header__nav-button span{
  display:block;
  position:absolute;
  top:calc(50% - .33333vw);
  left:0;
  width:100%;
  height:.6666666667vw;
  background:#fff;
}
.header__nav-button.on:before{
  top:calc(50% - .33333vw);
  transform:rotate(40deg);
}
.header__nav-button.on:after{
  bottom:calc(50% - .33333vw);
  transform:rotate(-40deg);
}
.header__nav-button.on span{
  display:none;
}

.footer{
  display:flex;
  justify-content:center;
  padding:18.6666666667vw 0;
  background:#001602;
}
@media (min-width:769px){
  .footer{
    padding:60px 0 25px;
  }
}
.footer__title{
  color:#fff;
  font-weight:700;
  font-size:5.7333333333vw;
  font-family:Montserrat,sans-serif;
  text-align:center;
}
@media (min-width:769px){
  .footer__title{
    font-size:1.5625rem;
  }
}
.footer__nav{
  display:none;
  justify-content:center;
  margin:0;
  padding:0;
  gap:1em;
  color:#fff;
  font-size:3.2vw;
  font-family:Oswald,sans-serif;
  list-style:none;
}
@media (min-width:769px){
  .footer__nav{
    display:flex;
    margin-top:40px;
    gap:40px;
    font-size:1.25rem;
  }
}
.footer__nav a{
  color:#fff;
}
.footer__nav a:hover{
  opacity:.7;
}
.footer__copyright{
  margin-top:2.6666666667vw;
  color:#fff;
  font-size:2.1333333333vw;
  text-align:center;
}
@media (min-width:769px){
  .footer__copyright{
    margin-top:45px;
    font-size:.75rem;
  }
}

.main{
  width:100%;
  padding-top:21.3333333333vw;
  background:#fff;
  background-image:url(../img/h-bg-sp.jpg);
  background-position:top;
  background-size:100%;
  background-repeat:no-repeat;
}
@media (min-width:769px){
  .main{
    padding-top:130px;
    background-image:url(../img/h-bg-pc.jpg);
    background-position:top;
    background-size:100% 130px;
    background-repeat:no-repeat;
  }
}

.content{
  padding:0 10.6666666667vw;
}
@media (min-width:769px){
  .content{
    box-sizing:border-box;
    max-width:1280px;
    margin:0 auto;
    padding:0 160px;
  }
}

@media (min-width:769px){
  .br--sp{
    display:none;
  }
}
.br--pc{
  display:none;
}
@media (min-width:769px){
  .br--pc{
    display:inline;
  }
}

.top__title{
  margin:0;
  padding:0;
  font-weight:700;
  font-size:10.6666666667vw;
  line-height:1;
  font-family:Oswald,sans-serif;
  text-align:center;
}
@media (min-width:769px){
  .top__title{
    font-size:5rem;
  }
}
.top__title--light{
  color:#fff;
}
.top__coming-soon{
  display:inline-block;
  position:relative;
  margin-top:10.6666666667vw;
  color:#ccc;
  font-weight:700;
  font-size:4.2666666667vw;
  line-height:1;
  font-family:Oswald,sans-serif;
}
@media (min-width:769px){
  .top__coming-soon{
    margin-top:60px;
    font-size:2rem;
  }
}
.top__coming-soon:after,.top__coming-soon:before{
  display:block;
  position:absolute;
  top:50%;
  width:3.2vw;
  width:8.2666666667vw;
  height:.4vw;
  background-color:#ccc;
  content:"";
}
@media (min-width:769px){
  .top__coming-soon:after,.top__coming-soon:before{
    width:62px;
    height:3px;
  }
}
.top__coming-soon:before{
  left:-11.4666666667vw;
}
@media (min-width:769px){
  .top__coming-soon:before{
    left:-86px;
  }
}
.top__coming-soon:after{
  right:-11.4666666667vw;
}
@media (min-width:769px){
  .top__coming-soon:after{
    right:-86px;
  }
}
.top__s1-1{
  margin:0;
  padding:0;
  line-height:0;
}
.top__s2-content{
  display:flex;
  flex-direction:column;
  align-items:center;
  padding:13.3333333333vw 5.3333333333vw 20vw;
}
@media (min-width:769px){
  .top__s2-content{
    padding:135px 160px 160px;
  }
}
.top__s3{
  border-radius:20vw 0 0 0;
  background-image:url(../img/s3-bg-sp.jpg);
  background-position:top;
  background-size:100% 100%;
  background-repeat:no-repeat;
}
@media (min-width:769px){
  .top__s3{
    border-radius:64px 0 0 0;
    background-image:url(../img/s3-bg-pc.jpg);
    background-position:top;
    background-size:100% 100%;
    background-repeat:no-repeat;
  }
}
.top__s3-content{
  padding:13.3333333333vw 5.3333333333vw 20vw;
}
@media (min-width:769px){
  .top__s3-content{
    padding:135px 90px 160px;
  }
}
.top__s3-title{
  margin:9.3333333333vw 0 6.6666666667vw;
  color:#fff;
  font-size:5.3333333333vw;
  line-height:1;
  font-family:Roboto,sans-serif;
  text-align:center;
}
@media (min-width:769px){
  .top__s3-title{
    margin:50px 0;
    font-size:2.5rem;
  }
}
.top__s3-text{
  margin:0;
  color:#fff;
  font-size:3.7333333333vw;
  line-height:1.8928571429;
  text-align:center;
}
@media (min-width:769px){
  .top__s3-text{
    font-size:1.75rem;
  }
}
.top__s3-player{
  margin-top:13.3333333333vw;
  border-radius:9.3333333333vw;
  background:#fff;
}
@media (min-width:769px){
  .top__s3-player{
    margin-top:80px;
    border-radius:85px;
  }
}
.top__s3-player-title{
  margin:0;
  padding:5.3333333333vw 0;
  border-radius:9.3333333333vw 9.3333333333vw 0 0;
  background:#006936;
  color:#fff;
  font-size:5.3333333333vw;
  line-height:1;
  font-family:Roboto,sans-serif;
  text-align:center;
}
@media (min-width:769px){
  .top__s3-player-title{
    padding:20px 0;
    border-radius:85px 85px 0 0;
    font-size:2.5rem;
  }
}
.top__s3-player-content{
  padding:5.3333333333vw;
}
@media (min-width:769px){
  .top__s3-player-content{
    padding:70px;
  }
}
.top__s3-player-row:nth-of-type(n+2){
  position:relative;
  margin-top:16vw;
  padding-top:16vw;
  border-top:.8vw solid #002e16;
}
@media (min-width:769px){
  .top__s3-player-row:nth-of-type(n+2){
    margin-top:70px;
    padding-top:70px;
    border-top:3px solid #002e16;
  }
}
@media (min-width:769px){
  .top__s3-player-row-content{
    position:relative;
    padding-left:44.7916666667%;
  }
}
.top__s3-player-image-block{
  margin-top:5.3333333333vw;
}
@media (min-width:769px){
  .top__s3-player-image-block{
    position:absolute;
    top:0;
    left:0;
    width:39.5833333333%;
    margin-top:0;
  }
}
.top__s3-player-image-block img{
  border-radius:1.3333333333vw;
  width: 100%;
  height: auto;
}
@media (min-width:769px){
  .top__s3-player-image-block img{
    border-radius:6px;
  }
}
.top__s3-player-name{
  font-weight:700;
  font-size:8vw;
  line-height:1;
  text-align:center;
}
@media (min-width:769px){
  .top__s3-player-name{
    font-size:2.5rem;
    text-align:left;
  }
}
.top__s3-player-name-en{
  margin-top:2.6666666667vw;
  font-size:4vw;
  line-height:1;
  text-align:center;
}
@media (min-width:769px){
  .top__s3-player-name-en{
    margin-top:10px;
    font-size:1.125rem;
    text-align:left;
  }
}
.top__s3-player-table{
  margin-top:6.6666666667vw;
  font-size:3.7333333333vw;
}
@media (min-width:769px){
  .top__s3-player-table{
    margin-top:30px;
    font-size:1.125rem;
  }
}
.top__s3-player-table td,.top__s3-player-table th{
  padding-bottom:3.3333333333vw;
  vertical-align:top;
}
@media (min-width:769px){
  .top__s3-player-table td,.top__s3-player-table th{
    padding-bottom:10px;
  }
}
.top__s3-player-table th{
  text-align:justify;
  -moz-text-align-last:justify;
  font-weight:700;
  font-size:3.3333333333vw;
  letter-spacing:.2em;
       text-align-last:justify;
}
@media (min-width:769px){
  .top__s3-player-table th{
    font-size:1rem;
  }
}
.top__s3-player-table td{
  padding-left:8vw;
}
@media (min-width:769px){
  .top__s3-player-table td{
    padding-left:30px;
  }
}
.top__s3-player-profile-title{
  position:relative;
  margin-top:4vw;
  color:#006936;
  font-weight:700;
  font-size:3.3333333333vw;
}
@media (min-width:769px){
  .top__s3-player-profile-title{
    margin-top:20px;
    font-size:1rem;
  }
}
.top__s3-player-profile-title:after{
  display:block;
  position:absolute;
  top:50%;
  right:0;
  width:100%;
  width:calc(100% - 22.66667vw);
  height:.2666666667vw;
  background:#006936;
  content:"";
}
@media (min-width:769px){
  .top__s3-player-profile-title:after{
    width:calc(100% - 110px);
    height:2px;
  }
}
.top__s3-player-profile-text-wrapper p,
.top__s3-player-profile-text{
  font-size:3.7333333333vw;
  line-height:1.7142857143;
}
@media (min-width:769px){
  .top__s3-player-profile-text-wrapper p,
  .top__s3-player-profile-text{
    margin:30px 0 0;
    font-size:1.125rem;
    line-height:1.7777777778;
  }
}
.top__s3-player-profile-text-wrapper p em,
.top__s3-player-profile-text em{
  font-style:normal;
  font-weight:500;
}
.top__s3-player-td-link{
  padding-bottom:6.6666666667vw;
}
@media (min-width:769px){
  .top__s3-player-td-link{
    padding-bottom:30px;
  }
}
.top__s3-player-link{
  display:inline-block;
  margin-top:2.6666666667vw;
  padding:2.6666666667vw 4vw;
  border-radius:.5333333333vw;
  background:#006936;
  color:#fff;
  font-weight:700;
  font-size:3.8666666667vw;
  line-height:1;
}
@media (min-width:769px){
  .top__s3-player-link{
    margin-top:15px;
    padding:10px 20px;
    border-radius:4px;
    font-size:1.1875rem;
    transition:opacity .3s;
  }
}
@media (min-width:769px){
  .top__s3-player-link:hover{
    opacity:.8;
  }
}
.top__s3-player-link:after{
  display:inline-block;
  margin-left:2vw;
  border-top:1.6vw solid #006936;
  border-bottom:1.6vw solid #006936;
  border-left:3.2vw solid #fff;
  content:"";
  vertical-align:bottom;
}
@media (min-width:769px){
  .top__s3-player-link:after{
    margin-left:10px;
    border-top:8px solid #006936;
    border-bottom:8px solid #006936;
    border-left:16px solid #fff;
  }
}
.top__s3-player-th-sns{
  padding-top:1.3333333333vw;
}
@media (min-width:769px){
  .top__s3-player-th-sns{
    padding-top:10px;
  }
}
.top__s3-player-sns{
  display:block;
  width:8.2666666667vw;
}
@media (min-width:769px){
  .top__s3-player-sns{
    width:45px;
    transition:transform .3s;
  }
}
@media (min-width:769px){
  .top__s3-player-sns:hover{
    transform:scale(1.1);
  }
}
.top__s4-content{
  padding-top:13.3333333333vw;
  padding-bottom:20vw;
}
@media (min-width:769px){
  .top__s4-content{
    padding-top:135px;
    padding-bottom:160px;
  }
}
.top__s4-table{
  margin-top:10.6666666667vw;
  font-size:3.7333333333vw;
  line-height:1.4285714286;
}
@media (min-width:769px){
  .top__s4-table{
    margin-top:100px;
    font-size:1.125rem;
    line-height:2.0555555556;
  }
}
.top__s4-table td,.top__s4-table th{
  padding-bottom:4vw;
  vertical-align:top;
}
@media (min-width:769px){
  .top__s4-table td,.top__s4-table th{
    padding-bottom:30px;
  }
}
.top__s4-table th{
  text-align:justify;
  -moz-text-align-last:justify;
  letter-spacing:.05em;
       text-align-last:justify;
  word-break:keep-all;
}
@media (min-width:769px){
  .top__s4-table th{
    letter-spacing:.2em;
  }
}
.top__s4-table td{
  padding-left:4vw;
}
@media (min-width:769px){
  .top__s4-table td{
    padding-left:43px;
  }
}
.top__s4-map{
  height:49.3333333333vw;
  margin-top:8vw;
}
@media (min-width:769px){
  .top__s4-map{
    height:568px;
    margin-top:90px;
  }
}
.top__s5{
  border-radius:0 20vw 0 0;
  background-image:url(../img/s5-bg-sp.jpg);
  background-position:top;
  background-size:100% 100%;
  background-repeat:no-repeat;
}
@media (min-width:769px){
  .top__s5{
    border-radius:0 64px 0 0;
    background-image:url(../img/s5-bg-pc.jpg);
    background-position:top;
    background-size:100% 100%;
    background-repeat:no-repeat;
  }
}
.top__s5-content{
  padding:13.3333333333vw 5.3333333333vw 20vw;
}
@media (min-width:769px){
  .top__s5-content{
    padding:135px 160px 160px;
  }
}
.top__s5-form{
  margin-top:6.6666666667vw;
  text-align:center;
}
@media (min-width:769px){
  .top__s5-form{
    margin-top:60px;
  }
}
.top__s5-form-message{
  display:none;
  color:#fff;
  font-size:3.7333333333vw;
  text-align:center;
}
@media (min-width:769px){
  .top__s5-form-message{
    font-size:1.25rem;
  }
}
.top__s5-form-button{
  display:inline-block;
  width:auto;
  margin-top:4.6666666667vw;
  padding:2.6666666667vw 5.8666666667vw;
  border:1px solid #707070;
  border-radius:4.6666666667vw;
  background:#d2e0d8;
  font-weight:700;
  font-size:3.7333333333vw;
  line-height:1;
  transition:opacity .3s;
}
@media (min-width:769px){
  .top__s5-form-button{
    margin-top:40px;
    padding:15px 44px;
    border-radius:28px;
    font-size:1.25rem;
  }
}
@media (min-width:769px){
  .top__s5-form-button:hover{
    opacity:.8;
  }
}
.top__s5-form-validation-error{
  margin-top:1.3333333333vw;
  color:#f44;
  font-weight:700;
  font-size:3.7333333333vw;
  text-align:left;
}
@media (min-width:769px){
  .top__s5-form-validation-error{
    margin-top:10px;
    font-size:1.25rem;
  }
}
.top__s5-form input,.top__s5-form textarea{
  box-sizing:border-box;
  display:block;
  width:100%;
  margin-top:4.6666666667vw;
  padding:2vw 4vw;
  border:1px solid #707070;
  border-radius:1.3333333333vw;
  background:#d2e0d8;
  font-weight:700;
  font-size:4.2666666667vw;
  line-height:1.5;
  resize:none;
}
@media (min-width:769px){
  .top__s5-form input,.top__s5-form textarea{
    margin-top:35px;
    padding:15px 30px;
    border-radius:10px;
    font-size:1.25rem;
  }
}
.top__s5-form input::-moz-placeholder,.top__s5-form textarea::-moz-placeholder{
  color:#6e8577;
}
.top__s5-form input:-ms-input-placeholder,.top__s5-form textarea:-ms-input-placeholder{
  color:#6e8577;
}
.top__s5-form input::placeholder,.top__s5-form textarea::placeholder{
  color:#6e8577;
}

#form-result{
  display:none;
}

.news__s1-content{
  display:flex;
  flex-direction:column;
  align-items:center;
  padding:13.3333333333vw 5.3333333333vw 20vw;
}
@media (min-width:769px){
  .news__s1-content{
    padding:135px 160px 160px;
  }
}
.news__content{
  width:100%;
  margin:9.3333333333vw auto 0;
}
@media (min-width:769px){
  .news__content{
    max-width:690px;
    margin-top:90px;
  }
}
@media (min-width:769px){
  .news__item{
    display:flex;
  }
}
.news__item:nth-of-type(n+2){
  margin-top:6.6666666667vw;
  padding-top:6.6666666667vw;
  border-top:1px solid #000;
}
@media (min-width:769px){
  .news__item:nth-of-type(n+2){
    margin-top:40px;
    padding-top:40px;
  }
}
.news__date{
  box-sizing:border-box;
  position:relative;
  padding-left:12vw;
  font-weight:500;
  font-size:3.3333333333vw;
  line-height:1.44;
}
@media (min-width:769px){
  .news__date{
    flex:0 0 auto;
    width:150px;
    padding-left:60px;
    font-size:1rem;
    line-height:1.8125;
  }
}
.news__date--new:before{
  display:inline-block;
  position:absolute;
  top:0;
  left:0;
  padding:.4vw 1.3333333333vw;
  border:.7px solid #ff642a;
  content:"NEW";
  color:#ff642a;
  font-weight:500;
  font-size:3.3333333333vw;
  line-height:1;
  vertical-align:middle;
}
@media (min-width:769px){
  .news__date--new:before{
    top:4px;
    padding:4px 10px;
    font-size:.75rem;
  }
}
.news__col{
  margin-top:1.3333333333vw;
}
@media (min-width:769px){
  .news__col{
    margin-top:0;
  }
}
.news__title{
  margin:0;
  padding-left:12vw;
  font-weight:500;
  font-size:3.7333333333vw;
  line-height:1.7857142857;
}
@media (min-width:769px){
  .news__title{
    padding-left:0;
    font-size:1rem;
    line-height:1.8125;
  }
}
.news__title:before{
  content:"■";
}
.news__text-wrapper p,
.news__text{
  margin:0;
  margin-bottom: 1.5rem;
  padding-left:calc(12vw + 1em);
  font-weight:500;
  font-size:3.7333333333vw;
  line-height:1.7857142857;
  word-break:break-all;
}
@media (min-width:769px){
  .news__text-wrapper p,
  .news__text{
    padding-left:1em;
    font-size:1rem;
    line-height:1.8125;
  }
}
.news__text-wrapper p a,
.news__text a{
  color:#002e16;
  text-decoration:underline;
}
@media (min-width:769px){
  .news__text-wrapper p a:hover,
  .news__text a:hover{
    text-decoration:none;
  }
}
.news__text-wrapper p img,
.news__text img{
  margin:20px 0 15px;
}
.news__button{
  display:inline-block;
  margin:10vw auto 0;
  padding:1.6vw 6.6666666667vw;
  border-radius:3.7333333333vw;
  background-color:#006936;
  color:#fff;
  font-weight:700;
  font-size:4.6666666667vw;
  line-height:1;
  font-family:Oswald,sans-serif;
  text-align:center;
}
@media (min-width:769px){
  .news__button{
    margin-top:50px;
    padding:6px 30px;
    border-radius:17px;
    font-size:1.375rem;
    transition:opacity .3s ease;
  }
}
@media (min-width:769px){
  .news__button:hover{
    opacity:.8;
  }
}
/*# sourceMappingURL=style.css.map */