@charset "utf-8";

/* ========================================
  KV
========================================= */
.kv {
  width: 100%;
  text-align: center;
  margin: 0 auto;
}
.kv h1 {
	font-size: 34px;
	position: relative;
	top: 16.53vw;
	left: -17.33vw;
}
.bg_color {
  background: linear-gradient(to top, 
  rgba(255, 255, 255, 0) 0%, 
  #DEEDFF 100%);
  height: 997px;
}
.tab_buttons {
  display: flex;
  justify-content: center;
	margin: 60px 0 40px;
	gap: 16px;
}

.tab_button {
  cursor: pointer;
  border: 1px solid #b3b3b3;
  background: #fff;
  border-radius: 7px;
  color: #808080;
	padding: 26px 0;
	font-size: 16px;
	width: 156px;
}
.tab_button.active {
  background: var(--tryBlue);
  color: white;
	border: none;
}
.tab_content {
  display: none;
  padding-bottom: 60px;
}
.tab_content.active {
  display: block;
}

@media screen and (min-width: 768px) {
  .kv {
		max-width: 1000px;
  }
	.kv h1 {
		position: static;
		font-size: 40px;
		margin-bottom: 24px;
	}
  .tab_buttons {
		margin: 80px 0 60px;
		gap: 60px;
  }
  .tab_button {
		width: 370px;
		padding: 28px 100px;
		font-size: 24px;
  }
  .tab_content {
		padding-bottom: 130px;
  }
}

/* ========================================
	コンテンツ
========================================= */
.cont_header {
  text-align: center;
	padding-top: 174px;
	margin-top: -183px;
	background: linear-gradient(to top, rgba(255, 255, 255, 0) 32%, #DEEDFF 100%);
	margin-bottom: 60px;
}
.cont_header h2 {
  font-size: 28px;
  letter-spacing: 0.05em;
}
.cont_header p {
	font-size: 14px;
	width: 335px;
	margin: 0 auto;
  line-height: 2;
  letter-spacing: 0.06em;
}
.cont_header p:nth-of-type(2) {
  margin-top: 8px;
  font-size: 10px;
  line-height: 2;
}
.cont {
  display: grid;
	grid-template-columns: 1fr;
	gap: 60px;
	margin: 0 auto;
}
#tab_club .cont {
	gap: 30px;
}
.cont_img {
	width: 89.3vw;
	margin: 0 auto;
}
.cont_img p {
	font-size: 14px;
	margin-top: 12px;
  letter-spacing: 0.08em;
  line-height: 1.8;
}
.club_kinds {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
	margin: 60px auto 30px;
}
.club_kinds h2 {
  font-size: 24px;
  font-weight: 900;
  color: var(--tryBlue);
  letter-spacing: 0.05em;
}
.club_kinds::before, .club_kinds::after {
  content: "";
  display: block;
  background: linear-gradient(to right, #2F4CB2, #1C9FE1);
  height: 1px;
	width: 29.86vw;
}



@media screen and (min-width: 768px) {
  .cont_header {
		padding-top: 320px;
		margin-top: -320px;
		margin-bottom: 80px;
		background: linear-gradient(to top, rgba(255, 255, 255, 0) 0%, #DEEDFF 100%);
  }
  .cont_header h2 {
    font-size: 40px;
  }
  .cont_header p {
		font-size: 18px;
		margin-top: 20px;
		width: 100%;
  }
  .cont {
		grid-template-columns: 1fr 1fr;
		gap: 80px 60px;
		max-width: 1000px;
  }
  .cont_img {
		width: 470px;
  }
  .cont_img p {
		font-size: 16px;
		margin-top: 14px;
  }
	.club_kinds {
    margin: 60px auto 60px;
  }
  .club_kinds h2 {
    font-size: 36px;
  }
  .club_kinds::before, .club_kinds::after {
		width: 424px;
  }
  #tab_club .cont {
    gap: 60px 60px;
  }
}