@charset "UTF-8";
/* ==========================================================================
   Foundation
========================================================================== */
/*

	font settings

**************************************************/
/*

	calculation width

**************************************************/
/*

	boxsizing settings

**************************************************/
/*

	opacity settings

**************************************************/
/*

	border-radius settings

**************************************************/
/*

	drop shadow settings

**************************************************/
/*

	vertical align setting

**************************************************/
/*

	table layout setting

**************************************************/
/*

	flexbox layout setting

**************************************************/
/*

	scaling img

**************************************************/
/*

	clearfix

**************************************************/
/*

	media query

**************************************************/
html {
  scroll-behavior: smooth;
}

main {
  font-family: "Noto Sans JP", sans-serif;
  margin: unset !important;
  color: #004067;
}
main a {
  text-decoration: none;
  transition: 0.2s;
  color: #004067;
}
main a:hover {
  transition: 0.5s;
}

.dispPC {
  display: none;
}
@media only screen and (min-width: 988px) {
  .dispPC {
    display: block;
  }
}

.dispSP {
  display: block;
}
@media only screen and (min-width: 988px) {
  .dispSP {
    display: none;
  }
}

.x2 {
  font-size: 22px;
  border-bottom: 10px solid rgba(255, 135, 9, 0.3215686275);
  letter-spacing: 2px;
  font-style: italic;
  line-height: 0.5;
  padding-bottom: 0;
  display: inline-block;
}
@media only screen and (max-width: 988px) {
  .x2 {
    font-size: 40px;
    letter-spacing: 0.8px;
  }
}

.bold {
  font-weight: bold;
  font-size: 110%;
}

.en {
  font-family: "DRIBBLE_font", "sans-serif" !important;
  font-size: 120%;
}

.section {
  padding: 80px 20px;
  text-align: center;
}

.comingsoon {
  justify-content: center;
}
.comingsoon .guest-photo {
  width: 320px;
}
@media only screen and (max-width: 988px) {
  .comingsoon .guest-photo {
    width: 80%;
  }
}

.kome {
  font-size: 12px;
  line-height: 20px;
}

.kvArea img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}

.contentWrap {
  background: url(/assets/img/academies/glicochallengetour/contents_bg.jpg) center top/100% auto repeat-y;
  padding-bottom: 100px;
}

.leadArea {
  position: relative;
  padding: 140px 0 340px;
  overflow: hidden;
}
@media only screen and (max-width: 988px) {
  .leadArea {
    padding: 60px 0 340px;
  }
}
.leadArea {
  /* 飛行機の軌跡 */
}
.leadArea::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 90px;
  transform: translateX(-50%);
  width: 100%;
  max-width: 1150px;
  height: 180px;
  background: url(/assets/img/academies/glicochallengetour/line.png) center/contain no-repeat;
}
@media only screen and (max-width: 988px) {
  .leadArea::after {
    width: 95%;
    bottom: -10px;
  }
}

.lead_inner {
  width: min(100%, 980px);
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 80px;
  position: relative;
  z-index: 2;
}
@media only screen and (max-width: 988px) {
  .lead_inner {
    display: block;
  }
}
.lead_inner .txt {
  width: 70%;
}
@media only screen and (max-width: 988px) {
  .lead_inner .txt {
    width: 90%;
    margin: auto;
  }
}
.lead_inner .txt_l {
  font-size: 3.8rem;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: 60px;
  color: #004067;
  letter-spacing: 30%;
}
@media only screen and (max-width: 988px) {
  .lead_inner .txt_l {
    font-size: 3rem;
    text-align: center;
    margin-bottom: 50px;
  }
}
.lead_inner .txt p {
  font-size: 1.9rem;
  line-height: 2.2;
  font-weight: 600;
}
@media only screen and (max-width: 988px) {
  .lead_inner .txt p {
    text-align: center;
  }
}
.lead_img {
  width: 40%;
}
@media only screen and (max-width: 988px) {
  .lead_img {
    width: 90%;
    margin: auto;
  }
}
.lead_img .players01 {
  display: block;
  position: absolute;
  top: 0;
  width: 350px;
  right: -60px;
}
@media only screen and (max-width: 988px) {
  .lead_img .players01 {
    bottom: -192px;
    top: unset;
    width: 175px;
    right: 25px;
  }
}
.lead_img .players02 {
  display: block;
  position: absolute;
  width: 230px;
  bottom: -50px;
  right: 160px;
}
@media only screen and (max-width: 988px) {
  .lead_img .players02 {
    bottom: -200px;
    width: 187px;
    left: 20px;
  }
}

.outlineArea {
  position: relative;
  margin-bottom: 160px;
}
.outlineArea .headline_main {
  text-align: center;
  font-size: 30px;
  margin-bottom: 30px;
}
@media only screen and (max-width: 988px) {
  .outlineArea .headline_main {
    width: 90%;
    margin: 0 auto 20px;
    font-size: 22px;
  }
}
.outlineArea .outline_inner {
  width: 980px;
  margin: 0 auto 60px;
}
@media only screen and (max-width: 988px) {
  .outlineArea .outline_inner {
    width: 90%;
  }
}
.outlineArea .outline_inner .outline_table {
  width: 100%;
  border-top: 1px solid #004067;
}
.outlineArea .outline_inner .outline_table tr {
  border-bottom: 1px solid #004067;
}
.outlineArea .outline_inner .outline_table th {
  width: 30%;
  text-align: center;
  padding: 20px 10px;
}
@media only screen and (max-width: 988px) {
  .outlineArea .outline_inner .outline_table th {
    display: table-cell;
    vertical-align: middle;
  }
}
.outlineArea .outline_inner .outline_table td {
  width: 70%;
  padding: 20px 10px;
  font-weight: 700;
}
.outlineArea .plan_inner {
  width: 980px;
  margin: 0 auto 60px;
}
@media only screen and (max-width: 988px) {
  .outlineArea .plan_inner {
    width: 90%;
  }
}
.outlineArea .plan_inner .headline_sub {
  text-align: center;
  font-size: 26px;
  margin-bottom: 30px;
}
@media only screen and (max-width: 988px) {
  .outlineArea .plan_inner .headline_sub {
    width: 90%;
    margin: 0 auto 20px;
    font-size: 22px;
  }
}
.outlineArea .plan_inner .plan_table {
  width: 80%;
  border: 1px solid #004067;
  margin: auto;
}
@media only screen and (max-width: 988px) {
  .outlineArea .plan_inner .plan_table {
    width: 100%;
  }
}
.outlineArea .plan_inner .plan_table tr {
  border-bottom: 1px solid #004067;
}
.outlineArea .plan_inner .plan_table th {
  width: 30%;
  text-align: center;
  padding: 20px 10px;
  background-color: #004067;
  color: #fff;
  border-bottom: 1px solid #fff;
}
@media only screen and (max-width: 988px) {
  .outlineArea .plan_inner .plan_table th {
    width: 38%;
    display: table-cell;
    vertical-align: middle;
  }
}
.outlineArea .plan_inner .plan_table td {
  width: 70%;
  padding: 20px 30px;
  font-weight: 700;
  background-color: #fff;
}
@media only screen and (max-width: 988px) {
  .outlineArea .plan_inner .plan_table td {
    padding: 20px 10px;
    width: 62%;
  }
}
.outlineArea {
  /* 下のボーダー */
}
.outlineArea::before {
  content: "";
  position: absolute;
  bottom: -90px;
  left: 0;
  width: 100%;
  height: 14px;
  background: url(/assets/img/academies/glicochallengetour/border_airmail.jpg) center/cover no-repeat;
}

.historyArea {
  width: 980px;
  margin: 100px auto;
  position: relative;
  z-index: 10;
  position: sticky;
  top: 100px;
  background-color: #fff;
  border-radius: 18px;
}
@media only screen and (max-width: 988px) {
  .historyArea {
    width: 90%;
    margin: 50px auto;
    top: 76px;
  }
}
.historyArea .textnav {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: repeat(2, auto);
  border: 1px solid #004067;
  border-radius: 16px;
  overflow: hidden;
  list-style: none;
  padding: 0;
  margin: 0;
}
@media only screen and (max-width: 988px) {
  .historyArea .textnav {
    grid-template-columns: repeat(6, 1fr);
  }
}
.historyArea .textnav li {
  border-right: 1px solid #004067;
  border-bottom: 1px solid #004067;
}
.historyArea .textnav li:nth-child(6n) {
  border-right: none;
}
.historyArea .textnav li:nth-child(n+7) {
  border-bottom: none;
}
.historyArea .textnav li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 5px 24px;
  font-size: 16px;
  font-weight: 600;
}
@media only screen and (max-width: 988px) {
  .historyArea .textnav li a {
    padding: 13px 5px;
    justify-content: center;
  }
}
.historyArea .textnav li a::after {
  content: "";
  width: 8px;
  height: 8px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(45deg) translateY(-2px);
}
@media only screen and (max-width: 988px) {
  .historyArea .textnav li a::after {
    content: unset;
  }
}
.historyArea .textnav li a:hover {
  background: #004067;
  color: #fff !important;
}
.historyArea .textnav li a .active {
  background: #EA1200;
  color: #fff;
}

.historyTimeline {
  position: relative;
  padding-left: 50px;
  width: 980px;
  margin: auto;
}
@media only screen and (max-width: 988px) {
  .historyTimeline {
    width: 90%;
    padding-left: 30px;
  }
}
.historyTimeline::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 6px;
  background: #004067;
}

.historyItem {
  position: relative;
  padding-bottom: 120px;
}
@media only screen and (max-width: 988px) {
  .historyItem:last-child {
    padding-bottom: 0;
  }
}
.historyItem::before {
  content: "";
  position: absolute;
  top: 25px;
  left: -60px;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #FF8709;
  border: 6px solid #004067;
}
@media only screen and (max-width: 988px) {
  .historyItem::before {
    left: -40px;
  }
}
.historyItem .historyYear {
  font-family: "DRIBBLE_font";
  font-size: 72px;
  line-height: normal;
  scroll-margin-top: 220px;
}
.historyItem .anchorOffset {
  display: block;
  position: relative;
  top: -220px;
  /* header + stickyタブ高さ */
  visibility: hidden;
  pointer-events: none;
}
.historyItem .historyContent {
  display: flex;
  gap: 40px;
  margin-top: 40px;
}
@media only screen and (max-width: 988px) {
  .historyItem .historyContent {
    display: block;
  }
}
.historyItem .historyContent_txt {
  display: flex;
  gap: 20px;
  align-items: center;
}
@media only screen and (max-width: 988px) {
  .historyItem .historyContent_txt {
    display: block;
  }
}
.historyItem .historyContent_txt p {
  font-weight: 600;
}
@media only screen and (max-width: 988px) {
  .historyItem .historyContent_txt p {
    font-size: 18px;
    margin-bottom: 10px;
  }
}
.historyItem .historyContent_txt a {
  background-color: #004067;
  color: #fff;
  font-weight: 600;
  padding: 5px 15px;
  border-radius: 5px;
  font-size: 18px;
}
.historyItem .historyLeft {
  width: 50%;
}
@media only screen and (max-width: 988px) {
  .historyItem .historyLeft {
    width: 100%;
    margin-bottom: 40px;
  }
}
.historyItem .historyLeft .historySlider {
  width: 100%;
  height: auto;
  margin-bottom: 40px;
}
.historyItem .historyLeft .historyMovie iframe {
  width: 100%;
  aspect-ratio: 16/9;
}
.historyItem .historyMatch {
  width: 50%;
}
@media only screen and (max-width: 988px) {
  .historyItem .historyMatch {
    width: 100%;
  }
}
.historyItem .historyMatch .match_list {
  margin-bottom: 40px;
}
.historyItem .historyMatch .match_item {
  height: auto;
  border-top: 1px solid #ABABAB;
  padding: 20px 0;
}
.historyItem .historyMatch .match_item:last-child {
  border-bottom: 1px solid #ABABAB;
}
.historyItem .historyMatch .match_item figure {
  display: flex;
  gap: 16px;
  align-items: center;
}
.historyItem .historyMatch .match_item figure img {
  width: 110px;
  height: -moz-max-content;
  height: max-content;
  border-radius: 10px;
  margin-bottom: unset;
  border: unset;
}
.historyItem .historyMatch .match_item figure figcaption {
  width: 100%;
  margin-bottom: unset;
}
.historyItem .historyMatch .match_item figure figcaption .date {
  font-size: 12px;
}
.historyItem .historyMatch .match_item figure figcaption .league {
  font-size: 14px;
}
.historyItem .historyMatch .match_item figure figcaption .result {
  font-size: 20px;
  font-weight: 600;
  padding-right: 10px;
}
.historyItem .historyMatch .match_item a {
  display: flex;
  align-items: center;
  position: relative;
}
.historyItem .historyMatch .match_item a::after {
  content: "";
  display: block;
  top: 50%;
  width: 8px;
  height: 8px;
  margin-top: -4px;
  border-top: solid 2px #004067;
  border-right: solid 2px #004067;
  transform: rotate(45deg);
  position: absolute;
  right: 0;
}
.historyItem .historyMatch .historyPlayer {
  background-color: #fff;
  border-radius: 10px;
}
.historyItem .historyMatch .historyPlayer .playerTitle {
  font-size: 16px;
  font-weight: 600;
  background-color: #FF8709;
  color: #fff;
  text-align: center;
  border-radius: 10px 10px 0 0;
  padding: 5px 0;
}
.historyItem .historyMatch .historyPlayer p {
  font-size: 16px;
  padding: 20px;
  font-weight: 600;
}

.sliderMain {
  width: 100%;
  aspect-ratio: 4/3;
  overflow: hidden;
  border-radius: 20px;
}
.sliderMain img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.sliderThumb {
  margin-top: 16px;
}

.sliderThumb .swiper-slide {
  aspect-ratio: 4/3;
  opacity: 0.5;
  cursor: pointer;
  transition: 0.3s;
}
.sliderThumb .swiper-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 7px;
}

/* 選択中 */
.sliderThumb .swiper-slide-thumb-active {
  opacity: 1;
  border: 3px solid #FF8709;
  border-radius: 10px;
}