@charset "UTF-8";

#top-main {
  margin: min(10vw, 120px) auto min(10vw, 120px);
}

.main-con {
  width: min(88%, 1080px);
  /*margin: 0 auto min(10cqw, 120px);*/
  margin: 0 auto 0;
}

.title-img01 {
  width: 100%;
  margin: 0 auto 0;
}

.title-img02 {
  width: 100%;
  margin: 2cqw auto 0;
}

html:lang(en) .title-img02 {
  display: none;
}

.date-img {
  width: 100%;
  margin: 4cqw auto 0;
}

.title-img01 img,
.title-img02 img,
.date-img img {
  width: 100%;
}



#top-about {
  /*margin: 0 auto min(5vw, 60px);*/
  margin: 0 auto min(10vw, 120px);
  color: var(--text01-c);
}

.about-tit {
  width: 100%;
  margin: 0 auto 0;
  background-color: rgba(242, 242, 242, 1);
  border-radius: 8px;
}

.about-tit h2 {
  padding: 0.25em 0.25em;
  /*360–1264px：400px≈22px、1264px≈48px*/
  font-size: clamp(1.300rem, calc(0.623rem + 3.009vw), 3rem);
  font-weight: 900;
  line-height: 1.5;
  color: var(--base-c);
  text-align: center;
}

.about-btn-con {
  /*margin: min(6cqw, 72px) auto 0;*/
  margin: 2.5em auto 0;
  padding: 0 1.25em;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: min(5cqw, 60px);
}

.about-btn-con .about-btn {
  width: min(90%, 520px);
  display: flex;
  justify-content: center;
}

.about-btn-con .announce-btn {
  min-width: 0;
  inline-size: 100%;
  max-width: none;
}




#top-competition {
  /*margin: 0 auto min(5vw, 60px);*/
  margin: 0 auto min(10vw, 120px);
  color: var(--text01-c);
}


.compe-tit {
  width: min(82%, 520px);
  margin: 0 auto 0;
  /*background-color: rgba(242, 242, 242, 1);
  border-radius: 8px;*/
}

.compe-tit h2 {
  padding: 0.25em 0.25em;
  /*360–834px：400px≈24px、834px≈48px*/
  font-size: clamp(1.362rem, calc(0.118rem + 5.53vw), 3rem);
  font-weight: 900;
  line-height: 1.5;
  color: var(--text01-c);
  text-align: center;
}

.main-btn {
  margin: min(5cqw, 60px) auto min(10cqw, 120px);
}

.main-btn .btn01-con {
  width: min(82%, 520px);
  margin: 0 auto;
  text-align: left;
}

.main-btn .announce-link {
  inline-size: 100%;
  min-width: 0;
  justify-content: space-between;
  text-align: left;
  margin-inline: 0;
  padding-inline: min(1cqw, 10px);
  border-top: none;
  border-bottom: 3px solid var(--text01-c);
}

.main-btn .announce-link::before {
  display: none;
}

.main-btn .btn01-con:first-child .announce-link {
  border-top: 3px solid var(--text01-c);
}






@media print,
screen and (min-width: 835px) {
  #top-main {
    margin: min(5vw, 60px) auto min(5vw, 60px);
  }

  .main-con {
    /*margin: 0 auto min(10cqw, 120px);*/
    margin: 0 auto 0;
  }

  .title-img02 {
    margin: min(1.5cqw, 18px) auto 0;
  }

  .date-img {
    margin: min(3cqw, 36px) auto 0;
  }

  .about-btn-con {
    margin: min(6cqw, 72px) auto 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 640px));
    justify-content: center;
    align-items: stretch;
  }

  .about-btn-con .about-btn {
    width: 100%;
    max-width: none;
  }

  .compe-tit {
    width: min(100%, 960px);
  }



  .main-btn {
    margin: min(2.5cqw, 30px) auto min(5cqw, 60px);
  }

  .main-btn .btn01-con {
    width: min(100%, 640px);
  }

  .main-btn .announce-link {
    border-bottom: 4px solid var(--text01-c);
  }

  .main-btn .btn01-con:first-child .announce-link {
    border-top: 4px solid var(--text01-c);
  }


}