@charset "utf-8";
/* CSS Document */

/* price
-------------------------------------------------- */
.price {
}
.price .price_course {
}
.price .price_course_detail {
}
.price .price_course_title {
	font-family: var(--fontNeon_bold);
	color: #fff;
}
.price .price_course_lists {
}
.price .price_course_list {
	display: flex;
	font-family: var(--fontNeon_medium);
	border-bottom-width: 1px;
	border-bottom-style: solid;
}
.price .price_course_min,
.price .price_course_yen {
	color: #fff;
}
.price .price_course_min {
}
.price .price_course_min:after {
	font-family: var(--fontNeon_medium);
	content: "min";
}
.price .price_course_yen {
}
.price .price_course_yen:after {
	font-family: var(--fontNeon_medium);
	content: "yen";
}

.price .price_course_list.pink {
	border-bottom-color: var(--neonColor_pink);
}
.price .price_course_list.pink .price_course_min,
.price .price_course_list.pink .price_course_yen {
	text-shadow: var(--textShadow_pink_weak);
}
.price .price_course_list.blue {
	border-bottom-color: var(--neonColor_blue);
}
.price .price_course_list.blue .price_course_min,
.price .price_course_list.blue .price_course_yen {
	text-shadow: var(--textShadow_blue_weak);
}
.price .price_course_list.yellow {
	border-bottom-color: var(--neonColor_yellow);
}
.price .price_course_list.yellow .price_course_min,
.price .price_course_list.yellow .price_course_yen {
	text-shadow: var(--textShadow_yellow_weak);
}
.price .price_course_list.green {	
	border-bottom-color: var(--neonColor_green);
}
.price .price_course_list.green .price_course_min,
.price .price_course_list.green .price_course_yen {
	text-shadow: var(--textShadow_green_weak);
}

/* price_other
-------------------------------------------------- */
.price_other {
}
.price_other .price_other_lists {
	font-family: var(--fontEn);
	color: #fff;
}
.price_other .price_other_list {
}
.price_other .price_other_title {
}
.price_other .price_other_yen {
}
.price_other .price_other_yen:after {
	content: "yen";
}


@media screen and (min-width: 768px) {

	/* price
	-------------------------------------------------- */
	.price {
		background: rgba(0,0,0,0.9);
		margin-bottom: 50px;
		padding: 40px;
	}
	.price .price_course {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-bottom: 40px;
	}
	.price .price_course_detail {
		width: 48%;
	}
	.price .price_course_title {
		font-size: 60px;
		margin-bottom: 20px;
	}
	.price .price_course_lists {
	}
	.price .price_course_list {
		padding-top: 40px;
		padding-bottom: 5px;
	}
	.price .price_course_list:first-child {
		padding-top: 0;
	}
	.price .price_course_min,
	.price .price_course_yen {
		font-size: 72px;
		line-height: 1.0;
		text-align: center;
	}
	.price .price_course_min {
		width: 40%;
	}
	.price .price_course_yen {
		width: 60%;
	}
	.price .price_course_min:after,
	.price .price_course_yen:after {
		font-size: 42px;
		margin-left: 3px;
	}

	/* otherPrice
	-------------------------------------------------- */
	.price_other {
		width: 100%;
	}
	.price_other .price_other_lists {
	}
	.price_other .price_other_list {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.price_other .price_other_title {
		width: 48%;
		font-size: 32px;
		text-align: right;
	}
	.price_other .price_other_yen {
		width: 48%;
		font-size: 52px;
		text-align: left;
	}
	.price_other .price_other_yen:after {
		font-size: 32px;
		margin-left: 3px;
	}
}

@media all and (max-width: 767px) {

	/* price
	-------------------------------------------------- */
	.price {
		margin-bottom: 5vw;
	}
	.price .price_course {
		margin-bottom: 5vw;
	}
	.price .price_course_detail {
		background: rgba(0,0,0,0.9);
		margin-bottom: 5vw;
		padding: 5vw;
	}
	.price .price_course_detail:last-child {
		margin-bottom: 0;
	}
	.price .price_course_title {
		font-size: 8.5vw;
		margin-bottom: 3vw;
	}
	.price .price_course_lists {
	}
	.price .price_course_list {
		padding-top: 6.5vw;
		padding-bottom: 0.5vw;
	}
	.price .price_course_list:first-child {
		padding-top: 0;
	}
	.price .price_course_min,
	.price .price_course_yen {
		font-size: 10vw;
		line-height: 1.0;
		text-align: center;
	}
	.price .price_course_min {
		width: 40%;
	}
	.price .price_course_yen {
		width: 60%;
	}
	.price .price_course_min:after,
	.price .price_course_yen:after {
		font-size: 6.5vw;
		font-weight: normal;
		margin-left: 0.25vw;
	}

	/* otherPrice
	-------------------------------------------------- */
	.price_other {
		background: rgba(0,0,0,0.9);
		padding: 5vw;
	}
	.price_other .price_other_lists {
	}
	.price_other .price_other_list {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
	}
	.price_other .price_other_title {
		width: 48%;
		font-size: 3.75vw;
		text-align: right;
	}
	.price_other .price_other_yen {
		width: 48%;
		font-size: 6.67vw;
		text-align: left;
	}
	.price_other .price_other_yen:after {
		font-size: 4.5vw;
		font-weight: normal;
		margin-left: 0.25vw;
	}
}
