/* CSS Document */
/*ページタイトル*/
.page_title .contents_title::after{
	content: "COURSE"
}
/*コースについて*/
.about{
	box-sizing: border-box;
}
body[wc-view-code="sp"] .about{
	padding: var(--headerHeight) 7vw;
}
body[wc-view-code="tb"] .about{
	padding: var(--headerHeight) 5vw;
}
body[wc-view-code="pc"] .about{
	padding: var(--headerHeight) calc((100vw - 1100px) / 2);
}
.about .contents_title::after{
	content: "ABOUT";
}
.about .a_inner{
	display: flex;
}
body[wc-view-code="sp"] .about .a_inner{
	flex-direction: column;
}
body:not([wc-view-code="sp"]) .about .a_inner{
	margin-top: 1.5rem;
}
.about .a_inner .a_text{
	box-sizing: border-box;
}
body[wc-view-code="sp"] .about .a_inner .a_text{
	padding: 1rem 0;
}
body:not([wc-view-code="sp"]) .about .a_inner .a_text{
	width: 50%;
}
body[wc-view-type="tb"] .about .a_inner .a_text{
	padding-right: 1rem;
}
body[wc-view-type="tb-l"] .about .a_inner .a_text{
	padding-right: 1.5rem;
}
body[wc-view-code="pc"] .about .a_inner .a_text{
	padding-right: 2.5rem;
}
.about .a_inner .a_text p{
	line-height: 1.8rem;
	transform: translateY(1.25rem);
	transition: opacity 600ms ease,transform 600ms ease;
	opacity: 0;
}
.about .a_inner .a_text p.wcvisible{
	opacity: 1;
	transform: translateY(0);
}
.about .a_inner .a_text p:not(:first-of-type){
	margin-top: 0.35rem;
}
.about .a_inner figure{
	transform: translateY(1.25rem);
	transition: opacity 600ms ease,transform 600ms ease;
	opacity: 0;
}
.about .a_inner figure.wcvisible{
	opacity: 1;
	transform: translateY(0);
}
body:not([wc-view-code="sp"]) .about .a_inner figure{
	width: 50%;
}
.about .a_inner figure img{
	aspect-ratio:1.414/1;
	border-radius: 1rem;
}
/*コース紹介*/
.course{
	box-sizing: border-box;
	background-color: #f2faff;
}
body[wc-view-code="sp"] .course{
	padding: var(--headerHeight) 7vw;
}
body[wc-view-code="tb"] .course{
	padding: var(--headerHeight) 5vw;
}
body[wc-view-code="pc"] .course{
	padding: var(--headerHeight) calc((100vw - 1100px) / 2);
}
.course .contents_title::after{
	content: "INTRODUCTION";
}
.course > p{
	line-height: 1.8rem;
	margin-bottom: 1rem;
}
.course article{
	display: flex;
	transform: translateY(1.25rem);
	transition: opacity 600ms ease,transform 600ms ease;
	opacity: 0;
	margin-top: calc(var(--headerHeight) * -1);
	position: relative;
}
.course article.wcvisible{
	opacity: 1;
	transform: translateY(0);
}
body[wc-view-code="sp"] .course article{
	padding-top: calc(var(--headerHeight) + 1.5rem);
}
body:not([wc-view-code="sp"]) .course article{
	padding-top: calc(var(--headerHeight) + 2.5rem);
}
body[wc-view-code="sp"] .course article{
	flex-direction: column-reverse;
}
.course article .c_text{
	padding: 2.1rem 1rem 0 1rem;
	box-sizing: border-box;
}
body:not([wc-view-code="sp"]) .course article .c_text{
	width: 50%;
	padding: 1.1rem 1rem 0 1rem;
}
body[wc-view-type="tb"] .course article .c_text{
	padding-right: 1rem;
}
body[wc-view-type="tb-l"] .course article .c_text{
	padding-right: 1.5rem;
}
body[wc-view-code="pc"] .course article .c_text{
	padding-right: 2.5rem;
}
.course .junior{
	z-index: 4;
}
.course .general{
	z-index: 3;
}
.course .gsc{
	z-index: 2;
}
.course article .c_text > h2{
	font-size: 1.15rem;
  font-weight: 700;
  display: flex;
  gap: 0.25rem;
  align-items: center;
  position: relative;
  z-index: 1;
  flex-direction: row-reverse;
  justify-content: flex-end;
}
body[wc-view-code="pc"] .course article .c_text > h2{
	margin-bottom: 1rem;
}
.course article .c_text > h2::before{
	font-family: "Lexend";
	font-size: 0.9rem;
	position: absolute;
	top: -1.1rem;
	left: 0;
	z-index: 2;
	opacity: 0.5;
}
.course .junior .c_text > h2::before{
	color: #769e02;
	content: "JUNIOR COURSE";
}
.course .general .c_text > h2::before{
	color: #00afb9;
	content: "GENERAL COURSE";
}
.course .gsc .c_text > h2::before{
	color: #4b577b;
	content: "PROFESSIONAL COURSE";
}
.course article .c_text > h2::after{
	content: "";
	width: 10px;
	height: 10px;
	border-radius: 50%;
}
.course .junior > .c_text h2::after{
	background-color: #769e02;
}
.course .general > .c_text h2::after{
	background-color: #00afb9;
}
.course .gsc > .c_text h2::after{
	background-color: #4b577b;
}
.course article .c_text > .c_in_text{
	margin-top: 0.5rem;
}
.course article .c_text > .c_in_text p{
}
.course article .c_text > .c_in_text p:not(:first-of-type){
	margin-top: 0.3rem;
}
.course article .c_text .level{
	background-color: #fff;
	padding: 0.5rem;
	box-sizing: border-box;
	margin-top: 0.65rem;
}
.course article .c_text .level > dt{
}
.course article .c_text .level > dt span{
	position: relative;
  z-index: 1;
  color: #fff;
  font-weight: 700;
  height: 30px;
  display: flex;
  padding: 0 1rem 0 0.5rem;
  width: fit-content;
  border-radius: 0 0 1rem 0;
  margin-top: -0.5rem;
  margin-left: -0.5rem;
  align-items: center;
}
.course article .c_text .level > dt span::before,
.course article .c_text .level > dt span::after{
	content: "";
	width: 19px;
	height: 19px;
	background-color: var(--accentColor);
-webkit-mask-image: url("/cp_works/standard/tennis/img/svg/right_up.svg");
  mask-image: url("/cp_works/standard/tennis/img/svg/right_up.svg");
	-webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: cover;
  mask-size: cover;
  position: absolute;
}
.course article .c_text .level > dt span::before{
	top: 0px;
	right: -19px;
}
.course article .c_text .level > dt span::after{
	left: 0px;
	bottom: -19px;
}
.course .junior .c_text .level > dt span::before,
.course .junior .c_text .level > dt span::after,
.course .junior > .c_text .level > dt span{
	background-color: #769e02;
}
.course .general .c_text .level > dt span::before,
.course .general .c_text .level > dt span::after,
.course .general > .c_text .level > dt span{
	background-color: #00afb9;
}
.course .gsc .c_text .level > dt span::before,
.course .gsc .c_text .level > dt span::after,
.course .gsc > .c_text .level > dt span{
	background-color: #4b577b;
}
.course article .c_text .level > dd{
	padding-top: 0.65rem;
	display: flex;
	flex-direction: column;
	gap:0.5rem;
}

.course article .c_text .level > dd > .l_list{
}
.course article .c_text .level > dd > .l_list > dt{
	background-color: #eeeff2;
	padding: 0.65rem 0.5rem;
	box-sizing: border-box;
	border-radius: 0.75rem;
}
.course article .c_text .level > dd > .l_list > dd{
}
.course article .c_text .level > dd > .l_list > dd > p{
	padding: 0.5rem;
	box-sizing: border-box;
}
.course article .c_text .level > dd > .l_list > dd ul{
	padding: 0.5rem;
	box-sizing: border-box;
	padding-left: 1.5rem;
	list-style-position: outside;
	display: flex;
	flex-direction: column;
	gap:0.5rem;
}
.course article .c_text .level > dd > .l_list > dd ul li{
}
.course article .c_text .level > dd > .l_list > dd ul li .l_in_udl{
}
.course article .c_text .level > dd > .l_list > dd ul li .l_in_udl > dt{
	font-weight: 700;
}
.course article figure{
}
body:not([wc-view-code="sp"]) .course article figure{
	width: 50%;
}
.course article figure img{
	border-radius: 1rem;
	aspect-ratio:1.414/1;
}
body[wc-view-code="sp"] .course article figure img{
	aspect-ratio:2/1;
}
/*料金*/
.price{
	padding: var(--headerHeight) 0;
	box-sizing: border-box;
}
body[wc-view-code="tb"] .price{
	padding: var(--headerHeight) 5vw;
}
body[wc-view-code="pc"] .price{
	padding: var(--headerHeight) calc((100vw - 1100px) / 2);
}
.price .contents_title::after{
	content: "PRICE";
}
.price > p{
	line-height: 1.8rem;
	margin: 1rem 0;
	transform: translateY(1.25rem);
	transition: opacity 600ms ease,transform 600ms ease;
	opacity: 0;
}
.price > p.wcvisible{
	opacity: 1;
	transform: translateY(0);
}
body[wc-view-code="sp"] .price > p{
	width: 86vw;
	margin: 1rem auto;
}
body:not([wc-view-code="sp"]) .price > p{
	text-align: center;
}
.price article{
	overflow: hidden;
}
body[wc-view-code="sp"] .price article{
	width: 93vw;
	margin-left: auto;
}
.price article:not(:first-of-type){
	margin-top: 1.5rem;
}
.price article h2{
	font-weight: 700;
	font-size: 1.1rem;
  margin-bottom: 0.35rem;
}
.price .junior h2{
	color: #769e02;
}
.price .general h2{
	color: #00afb9;
}
.price .gsc h2{
	color: #4b577b;
}
.price_table{
}
body[wc-view-code="sp"] .price_table{
	overflow-x: auto !important;
  -ms-overflow-style: none;
  box-sizing: border-box;
}

.price_table .p_in_table{
	display: flex;
	position: relative;
	z-index: 1;
}
.p_in_table.in_table_top > div{
	border-top: 1px solid #dcdee1;
	font-weight: 700;
}
.price_table .p_in_table .p_sticky{
	position: sticky;
	top: 0;
	left: 0;
	z-index: 3;
	background-color: #fff;
	width: 90px;
	border-right: none !important;
	border-left: 1px solid #dcdee1;
	font-weight: 700;
}

body:not([wc-view-code="sp"]) .price_table .p_in_table .p_sticky{
	width: 160px;
}
.price_table .p_in_table div:not(.p_sticky){
	text-align: center;
}
.price_table .p_in_table > div{
	flex: none;
  padding: 0.75rem;
  width: 115px;
  box-sizing: border-box;
	border-right: 1px solid #dcdee1;
	border-bottom: 1px solid #dcdee1;
}
body[wc-view-code="tb"] .price_table .p_in_table > div{
	width: calc((100% - 160px) / 3);
}
body[wc-view-code="pc"] .price_table .p_in_table > div{
	width: 313px;
}
.price_table .p_in_table > div .unit{
	font-size: 0.8rem;
}
.price_table .p_in_table > .left_border{
	border-left: 1px solid #dcdee1;
}