@charset "UTF-8";
@font-face {
	font-family: "Genjyuu";
	src: url("../fonts/GenJyuuGothic-Bold.eot");
	src: url("../fonts/GenJyuuGothic-Bold.woff") format("woff"), url("../fonts/GenJyuuGothic-Bold.woff2") format("woff2");
}
html {
	font-size: 100%;
}
@media (max-width: 1250px) {
	html {
		font-size: 1.28vw;
	}
}
@media (min-width: 376px) and (max-width: 767px) {
	html {
		font-size: 100%;
	}
}
@media (max-width: 375px) {
	html {
		font-size: 4.2666666667vw;
	}
}

/*---------------------------------------
会社概要
---------------------------------------*/
.company__contents__ttl {
	font-weight: 700;
	font-size: 2.25rem;
	color: #5d63a3;
}
@media screen and (max-width: 767px) {
	.company__contents__ttl {
		text-align: center;
		font-size: 1.75rem;
	}
}

.company__box {
	background: #fff;
	border-radius: 20px;
	padding: 3.125rem 3.3125rem 3.8125rem 3rem;
	margin-top: 1.375rem;
}
@media screen and (max-width: 767px) {
	.company__box {
		padding: 1.125rem 1.25rem 2rem;
		margin-top: 0.75rem;
	}
}

.company-info__contents {
	position: relative;
}
.company-info__contents::before {
	position: absolute;
	content: "";
	top: -3.75rem;
	right: 0;
	background: url(../img/note-pen.png) no-repeat center center/contain;
	width: 10.9375rem;
	height: 6.4375rem;
}
@media screen and (max-width: 767px) {
	.company-info__contents {
		position: static;
	}
}

.company-info .row {
	display: grid;
	grid-template-columns: 18% 1fr;
	border-bottom: 3px dotted #5d63a3;
	padding: 0.875rem 0.625rem 0.875rem 0.625rem;
}
@media screen and (max-width: 767px) {
	.company-info .row {
		display: block;
		padding: 0.3125rem 0 0.875rem 0;
	}
}

.company-info .row dt {
	font-weight: 700;
	color: #5d63a3;
	font-size: 1.125rem;
}
@media screen and (max-width: 767px) {
	.company-info .row dt {
		font-size: 1rem;
	}
}

.company-info .row dd {
	overflow-wrap: break-word;
	word-break: keep-all;
	font-weight: 700;
	font-size: 1rem;
}
@media screen and (max-width: 767px) {
	.company-info .row dd {
		font-size: 0.875rem;
		margin-top: 0.3125rem;
		line-height: 1.571;
	}
}

.company-history {
	margin-top: 2.8125rem;
	padding-bottom: 3.75rem;
}
@media screen and (max-width: 767px) {
	.company-history {
		margin-top: 1.375rem;
		padding-bottom: 6.1875rem;
	}
}

.company-history__contents {
	position: relative;
}
.company-history__contents::before {
	position: absolute;
	content: "";
	top: -2.8125rem;
	right: 1.75rem;
	background: url(../img/earth.png) no-repeat center center/contain;
	width: 5.625rem;
	height: 5.625rem;
}
@media screen and (max-width: 767px) {
	.company-history__contents {
		position: static;
		padding-top: 2.375rem;
	}
}

.company-history__item {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	line-height: 1.444;
	padding-left: 2.5rem;
	padding-bottom: 1.5625rem;
}
.company-history__item::before {
	position: absolute;
	content: "";
	width: 20px;
	height: 20px;
	top: 0.7222em;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 0;
	background: #5d63a3;
	border-radius: 50%;
}
.company-history__item::after {
	position: absolute;
	content: "";
	border-left: 3px dotted #5d63a3;
	top: 0.7222em;
	left: 10px;
	-webkit-transform: translate(-50%);
	transform: translate(-50%);
	width: 3px;
	height: 100%;
}
@media screen and (max-width: 767px) {
	.company-history__item {
		padding-left: 1.875rem;
		padding-bottom: 1.25rem;
		display: block;
	}
}

.company-history__item:last-child::after {
	content: none;
}

.company-history__year {
	font-weight: 700;
	color: #5d63a3;
	font-size: 1.125rem;
}

.company-history__detail {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-left: 3.125rem;
}
@media screen and (max-width: 767px) {
	.company-history__detail {
		margin-left: 0;
		margin-top: 0.625rem;
	}
}

.company-history__detail + .company-history__detail {
	margin-top: 0.875rem;
}
@media screen and (max-width: 767px) {
	.company-history__detail + .company-history__detail {
		margin-top: 0.625rem;
	}
}

.company-history__month span {
	background: #edf6fc;
	border-radius: 5px;
	font-weight: 700;
	color: #5d63a3;
	font-size: 1rem;
	display: inline-block;
	padding-left: 1.0625rem;
	padding-right: 1.0625rem;
	line-height: 2;
}
@media screen and (max-width: 767px) {
	.company-history__month span {
		font-size: 0.875rem;
		padding-left: 0.625rem;
		padding-right: 0.625rem;
	}
}

.company-history__text {
	font-weight: 700;
	font-size: 1rem;
	margin-left: 1.4375rem;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	line-height: 2;
}
@media screen and (max-width: 767px) {
	.company-history__text {
		font-size: 0.875rem;
		margin-left: 0.625rem;
		line-height: 1.571;
	}
}

/*---------------------------------------
イベントプログラム
---------------------------------------*/


.event__intro ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
@media screen and (max-width: 767px) {
	.event__intro ul {
		display: block;
	}
}

.event__intro__item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.event__intro__item + .event__intro__item {
	margin-left: 3.125rem;
}
@media screen and (max-width: 767px) {
	.event__intro__item + .event__intro__item {
		margin-left: 0;
		margin-top: 0.4375rem;
	}
}

.mark span {
	display: inline-block;
	font-weight: 700;
	font-size: 14px;
	letter-spacing: 0.1em;
	line-height: 1.428;
	padding: 5px 20px;
	color: #fff;
	border-radius: 50px;
}
@media screen and (max-width: 767px) {
	.mark span {
		font-size: 12px;
	}
}

.mark01 span {
	background: #db4c2d;
}

.mark02 span {
	background: #b3d541;
}

.event__intro__item .text {
	font-size: 14px;
	margin-left: 1.25rem;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}
@media screen and (max-width: 767px) {
	.event__intro__item .text {
		line-height: 1.571;
	}
}

.event__items {
	margin-top: 3.125rem;
}
@media screen and (max-width: 767px) {
	.event__items {
		margin-top: 2.5rem;
	}
}
@media screen and (min-width: 768px) {
	.event__items ul {
		display:flex;
		gap:6.0625rem;
	}

	.event-item {
		position: relative;
		margin-top: 1.9375rem;
		width:20.9375rem;
	}
}
@media screen and (max-width: 767px) {
	.event-item {
		margin-top: 0;
		position: relative;
		margin-bottom:7.8125rem;
	}
	.event-item:last-of-type{
		margin-bottom:3.9375rem;
	}

}
.event-item .img {
	position: absolute;
	width: 70.967%;
	margin-inline: auto;
	margin-bottom: -1.4375rem;
	top:-25%;
	left:50%;
	transform:translate(-50% , 25%)
}
.event-item .img img {
	position: relative;
	z-index: 1;
	
	width: 14.543125rem;
	height:9.25rem;
	border-radius: 10px;
	object-fit:cover;
}



@media screen and (max-width: 1440px) and (min-width: 768px) {
	.event-item .img img {
		border-radius: 0.6944444444vw;
		width: 14.543125em;
		height: 9.25rem;
	}
}
@media screen and (max-width: 767px) {
	.event-item .img img {
		width:15.728125rem;
		height:8.35625rem;
	
	}
}



.event-item .img::before {
	position: absolute;
	content: "";
	top: 61%;
	left: 43%;
	-webkit-transform: rotate(10deg) translate(-50%, -50%);
	transform: rotate(10deg) translate(-50%, -50%);
	width: 100%;
	height: 100%;
	border-radius: 10px;
	background: #5d63a3;
	z-index: 0;
}
@media screen and (max-width: 767px) {
	.event-item .img {
		width: 71.641%;
		margin-bottom: -6.25rem;
	}
}

.event-item__box {
	background: #fff;
	text-align: center;
	border-radius: 10px;
	border: 3px solid #5d63a3;
	padding: 7.75rem 1.0875rem 1.5625rem;
}
@media screen and (max-width: 767px) {
	.event-item__box {
		padding: 7.75rem 1.0625rem 1.875rem;
	}
}

.event-item .ttl {
	font-size: 1.125rem;
	margin-top: 0.5rem;
	color: #5d63a3;
	font-weight: 700;
	letter-spacing: 0.05em;
	line-height: 1.2222222;
}
@media screen and (max-width: 767px) {
	.event-item .ttl {
		font-size:1.125rem;
		line-height: 1.1666666667;
		letter-spacing: 0.02em;
		font-weight: 700;
	}
}
@media screen and (max-width: 767px) {
	.u-event__lead-top {
		color:#fff;
	}
}


.event-item .text {
	margin-top: 1.5rem;
	font-size: 0.875rem;
	font-weight: 700;
	line-height: 1.6833333333;
}
@media screen and (max-width: 767px) {
	.event-item .text {
		font-size: 0.875rem;
		line-height: 1.73333333;
		margin-top: 1.65rem;
	}
}

.event__btn {
	margin-top: 1.9375rem;
}
@media screen and (max-width: 767px) {
	.event__btn {
		margin-top: 1.25rem;
	}
}

/* 追加 */



.btn-line:hover {
	opacity: 1;
}
.event__btn .btn-line {
	position: relative;
	width: 12.5rem;
	padding: 0.64375rem 4.04375rem 0.79375rem 3.08125rem;
}
.event__btn .btn-line::after {
	position: absolute;
	content: "";
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 1.875rem;
	width: 6px;
	height: 10px;
	background: url(../img/class-arrow.png) no-repeat center center/contain;
}
.event__btn .btn-line .line1 {
	right: 2.6875rem;
	left: auto;
}
.event__btn .btn-line .line2 {
	left: 2.6875rem;
	right: auto;
}
@media screen and (max-width: 767px) {
	.event__btn .btn-line {
		min-width: 8.75rem;
		width: 68.5%;
	}
}

.event__benner {
	margin-top: 7.5rem;
	margin-bottom:4.5625rem;
}
@media screen and (max-width: 767px) {
	.event__benner {
		margin-top: 3.95rem;
	}
}

.recruit__benner {
	margin-top: 1.4375rem;
}
@media screen and (max-width: 767px) {
	.recruit__benner {
		margin-top: 1.5rem;
	}
}

.event__benner,
.recruit__benner {
	text-align: center;
}


.recruit__benner a {
	width: 71.666%;
}
.event__benner a
{
	width: 62.5rem;

}


@media screen and (max-width: 767px) {
	.event__benner a,
	.recruit__benner a {
		width: 100%;
	}
}

@media screen and (min-width: 768px) {
	.event__benner a:hover,
	.recruit__benner a:hover {
		opacity: 0.7;
	}
}

/*---------------------------------------
採用情報
---------------------------------------*/
.recruit__contents {
	padding-top: 3.125rem;
}
@media screen and (max-width: 767px) {
	.recruit__contents {
		padding-top: 1.5625rem;
	}
}

.recruit__intro {
	width: 91.666%;
	margin-left: auto;
	margin-right: auto;
}
@media screen and (max-width: 767px) {
	.recruit__intro {
		width: 100%;
	}
}

.recruit-intro__img {
	width: 36%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: -7.5rem;
	position: relative;
}
.recruit-intro__img img {
	position: relative;
	z-index: 3;
}
.recruit-intro__img::before {
	position: absolute;
	content: "";
	top: 61%;
	left: 43%;
	-webkit-transform: rotate(10deg) translate(-50%, -50%);
	transform: rotate(10deg) translate(-50%, -50%);
	width: 100%;
	height: 100%;
	border-radius: 10px;
	background: #b3d541;
	z-index: 2;
}
@media screen and (max-width: 767px) {
	.recruit-intro__img {
		width: 81%;
		margin-bottom: -10.6666666667vw;
	}
}

.recruit-intro__box {
	border-radius: 20px;
	background: #ffffff;
	position: relative;
	padding: 10.5625rem 4.0625rem 4.375rem;
	z-index: 0;
}
.recruit-intro__box::before {
	position: absolute;
	content: "";
	top: -2.9375rem;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 91%;
	height: 100px;
	background: url(../img/recruit-intro-bg.png) no-repeat center center/contain;
	z-index: 1;
}
.recruit-intro__box::after {
	position: absolute;
	content: "";
	bottom: -9.0625rem;
	right: 1.9375rem;
	width: 9.6875rem;
	height: 12.9375rem;
	background: url(../img/recruit-sai.png) no-repeat center center/contain;
	z-index: 1;
}
@media screen and (max-width: 767px) {
	.recruit-intro__box {
		padding: 19.2vw 1rem 6.8125rem;
	}
	.recruit-intro__box::before {
		content: none;
	}
	.recruit-intro__box::after {
		bottom: -3.625rem;
		width: 6.875rem;
		height: 9.1875rem;
	}
}

.recruit-intro__text {
	text-align: center;
	font-size: 1.125rem;
	font-weight: 700;
	letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
	.recruit-intro__text {
		font-size: 1rem;
		line-height: 1.75;
	}
}

.recruit__list {
	margin-top: 14.125rem;
}
@media screen and (max-width: 767px) {
	.recruit__list {
		margin-top: 11.875rem;
	}
}

.recruit__sec-ttl {
	font-weight: 700;
	font-size: 2.375rem;
	color: #5d63a3;
	line-height: 1.4736;
	text-align: center;
	padding-top:1.25rem;
	position: relative;
}
.recruit__sec-ttl::before {
	position: absolute;
	content: "";
	top: -7.625rem;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 6.8125rem;
	height: 7.3125rem;
}
.recruit__sec-ttl span {
	padding: 0.625rem 3.125rem;
	background: #fff;
	border-radius: 10px;
	display: inline-block;
}
@media screen and (max-width: 767px) {
	.recruit__sec-ttl {
		font-size: 1.75rem;
		padding-top: 1.25rem;
	}
	.recruit__sec-ttl span {
		padding: 0.625rem 1.4375rem;
		line-height: 1.357;
	}
}

.recruit__list .recruit__sec-ttl::before {
	background: url(../img/f-light.png) no-repeat center center/contain;
}

.recruit__programing .recruit__sec-ttl::before {
	background: url(../img/f-benzene.png) no-repeat center center/contain;
}

.recruit__list ul {
	margin-top: 3.125rem;
}
@media screen and (max-width: 767px) {
	.recruit__list ul {
		margin-top: 1.875rem;
	}
}

.recruit-listitem {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 2.25rem 1.875rem;
	border-radius: 10px;
	background: #ffffff;
}
@media screen and (max-width: 767px) {
	.recruit-listitem {
		display: block;
		padding: 1.875rem 1.125rem;
	}
}

.recruit-listitem + .recruit-listitem {
	margin-top: 1.875rem;
}
@media screen and (max-width: 767px) {
	.recruit-listitem + .recruit-listitem {
		margin-top: 1.25rem;
	}
}

.recruit-listitem .ttl {
	width: 12.5rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	color: #fff;
	border-radius: 10px;
	font-weight: 700;
	font-size: 1.5rem;
	aspect-ratio: 200/160;
	text-align: center;
}
@media screen and (max-width: 767px) {
	.recruit-listitem .ttl {
		font-size: 1.125rem;
		width: 100%;
		height: 2.5rem;
		aspect-ratio: auto;
	}
}

.recruit-listitem .ttl.red {
	background: #db4c2d;
}

.recruit-listitem .ttl.green {
	background: #b3d541;
}

.recruit-listitem .ttl.yellow {
	background: #ffc400;
}

.recruit-listitem .ttl.blue {
	background: #a1cde0;
}

.recruit-listitem .text {
	font-weight: 700;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	margin-left: 2.5rem;
	font-size: 1rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
@media screen and (max-width: 767px) {
	.recruit-listitem .text {
		font-size: 0.875rem;
		margin-left: 0;
		margin-top: 1.125rem;
		display: block;
		line-height: 1.714;
	}
}

.recruit__btn {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-left: 2.5rem;
}
@media screen and (max-width: 767px) {
	.recruit__btn {
		margin-left: 0;
		margin-top: 1.25rem;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
}

.recruit__btn .btn-line {
	position: relative;
	width: 12.5rem;
}
.recruit__btn .btn-line::after {
	position: absolute;
	content: "";
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 1.875rem;
	width: 6px;
	height: 10px;
	background: url(../img/class-arrow.png) no-repeat center center/contain;
}
.recruit__btn .btn-line .line1 {
	right: 2.6875rem;
	left: auto;
}
.recruit__btn .btn-line .line2 {
	left: 2.6875rem;
	right: auto;
}
@media screen and (max-width: 767px) {
	.recruit__btn .btn-line {
		min-width: none;
	}
}

.recruit__programing {
	margin-top: 13rem;
}
@media screen and (max-width: 767px) {
	.recruit__programing {
		margin-top: 10.125rem;
	}
}

.recruit-requirements {
	padding-bottom: 4.875rem;
}
@media screen and (max-width: 767px) {
	.recruit-requirements {
		padding-bottom: 3.875rem;
	}
}

.recruit-requirements__box {
	border-radius: 10px;
	background: #fff;
}
.recruit-requirements__ttl {
	text-align: center;
	padding-top: 13px;
	padding-bottom: 13px;
	background: #5d63a3;
	color: #fff;
	font-weight: 700;
	font-size: 1.5rem;
	border-radius: 10px 10px 0px 0px;
	line-height: 1.5;
}
@media screen and (max-width: 767px) {
	.recruit-requirements__ttl {
		font-size: 1.125rem;
	}
}

.recruit-requirements__contents {
	display: grid;
	grid-template-columns: 27.8% 69.36%;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 3.125rem 3.125rem 2.8125rem;
}
@media screen and (max-width: 767px) {
	.recruit-requirements__contents {
		grid-template-columns: 1fr;
		row-gap: 1.25rem;
		padding: 1.25rem 1.25rem 3rem;
	}
}

.recruit-requirements__position .ttl {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	color: #fff;
	border-radius: 10px;
	font-weight: 700;
	font-size: 1.5rem;
	aspect-ratio: 306/178;
	text-align: center;
	padding: 0.625rem;
}
@media screen and (max-width: 767px) {
	.recruit-requirements__position .ttl {
		font-size: 1.125rem;
		width: 100%;
		aspect-ratio: auto;
		padding: 0.625rem;
	}
}

.recruit-requirements__position .red {
	background: #db4c2d;
}

.recruit-requirements__position .green {
	background: #b3d541;
}

.recruit-requirements__position .yellow {
	background: #ffc400;
}

.recruit-requirements__position .blue {
	background: #a1cde0;
}

.recruit-requirements__detail .block + .block {
	margin-top: 3rem;
}
.recruit-requirements__detail .ttl {
	color: #5d63a3;
	font-size: 1.5rem;
	position: relative;
	padding-bottom: 20px;
	margin-bottom: 1.0625rem;
	line-height: 1.5;
}
.recruit-requirements__detail .ttl::before {
	position: absolute;
	content: "";
	bottom: 0;
	left: 0;
	width: 100%;
	height: 10px;
	background: url(../img/recruit-line.png) no-repeat left center/cover;
}
.recruit-requirements__detail .subttl {
	margin-top: 1.6875rem;
	color: #5d63a3;
	font-size: 1.125rem;
	margin-bottom: 1.25rem;
	font-weight: 700;
	line-height: 1.5;
}
.recruit-requirements__detail .fw-b {
	font-size: 1rem;
	line-height: 1.75;
}
.recruit-requirements__detail ul li {
	padding-left: 2.1875rem;
	line-height: 1.5;
	font-size: 1rem;
	position: relative;
}
.recruit-requirements__detail ul li::before {
	position: absolute;
	content: "";
	top: 0.75em;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 0;
	width: 0.9375rem;
	height: 0.9375rem;
	border-radius: 50%;
}
.recruit-requirements__detail ul li + li {
	margin-top: 1.25rem;
}
.recruit-requirements__detail ul.red li::before {
	background: #db4c2d;
}
.recruit-requirements__detail ul.yellow li::before {
	background: #ffc400;
}
.recruit-requirements__detail ul.pink li::before {
	background: #f0b9ce;
}
.recruit-requirements__detail .link {
	color: #5d63a3;
	text-decoration: underline;
}
.recruit-requirements__detail .link:hover {
	opacity: 0.7;
}
.recruit-requirements__detail p:not([class]) {
	font-size: 1rem;
	margin-top: 1.25rem;
	line-height: 1.5;
}
.recruit-requirements__detail .map {
	color: #db4c2d;
	font-weight: 700;
	font-size: 0.875rem;
	padding-left: 1.5625rem;
	position: relative;
	margin-top: 0.25rem;
}
.recruit-requirements__detail .map::before {
	position: absolute;
	content: "";
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 0;
	width: 0.75rem;
	height: 1.125rem;
	background: url(../img/map-icon.png) no-repeat center center/contain;
}
.recruit-requirements__detail .map a:hover {
	opacity: 0.7;
}
.recruit-requirements__detail .btn {
	margin-top: 3.25rem;
	margin-left: 1.875rem;
}
.recruit-requirements__detail .btn .btn-line {
	min-width: 350px;
}
.recruit-requirements__detail .btn .line1 {
	background: #fff;
}
@media screen and (max-width: 767px) {
	.recruit-requirements__detail .block + .block {
		margin-top: 30px;
	}
	.recruit-requirements__detail .ttl {
		font-size: 1.125rem;
	}
	.recruit-requirements__detail .subttl {
		font-size: 1rem;
	}
	.recruit-requirements__detail .fw-b {
		font-size: 0.875rem;
	}
	.recruit-requirements__detail ul li {
		padding-left: 1.5625rem;
		font-size: 0.875rem;
	}
	.recruit-requirements__detail p:not([class]) {
		font-size: 0.875rem;
	}
	.recruit-requirements__detail .map {
		margin-top: 1.25rem;
	}
	.recruit-requirements__detail .btn {
		margin-top: 1.875rem;
		text-align: center;
		margin-left: 0;
	}
	.recruit-requirements__detail .btn .btn-line {
		min-width: auto;
	}
}

/*---------------------------------------
コース一覧
---------------------------------------*/
@media screen and (max-width: 767px) {
	.course__contents {
		padding-bottom: 2.875rem;
	}
}

.course__map,
.course-movie {
	text-align: center;
}
@media screen and (min-width: 768px) {
	.course__map,
	.course-movie {
		margin-bottom: 4.125rem;
	}
}
.course-map__ttl,
.course-movie__ttl {
	color: #5D63A3;
}
@media screen and (min-width: 768px) {
	.course-map__ttl{
		margin-bottom: 1.875rem;
		margin-top:1.375rem;
	}
}
.course-movie__ttl {
	margin-bottom: 1.125rem;
	margin-top:4.4375rem;
}
@media screen and (min-width: 768px) {
	.p-course-movie__pc{
		width:30.5625rem;
		height:17.1875rem;
		margin:0 auto;
	}
}
@media screen and (max-width: 767px) {
	.p-course-movie__sp{
		width:20.5rem;
		height:11.5rem;
		margin:0 auto;
	}
}


@media screen and (min-width: 768px) {
	.course-map__ttl,
	.course-movie__ttl {
		font-size: 1.5rem;
		line-height: 1.2083333333;
		letter-spacing: 0.1em;
		font-weight: 700;
	}
}
@media screen and (max-width: 767px) {
	.course-map__ttl{
		font-size: 1rem;
		line-height: 1.1875;
		letter-spacing: 0.1em;
		font-weight: 700;
		margin: 1.25rem 0 0.875rem;
	}

	.course-movie__ttl {
		margin: 1.875rem 0 0.875rem;
	}
}

@media screen and (min-width: 768px) {
	.course-map__img {
		width: 75rem;
		height: 46.625rem;
	}
}

@media screen and (max-width: 767px) {
	.course-map__img {
		margin: 0 calc(50% - 50vw) ;
		width: 100vw;
		/* 		height:14.5625rem; */
		height: auto;
	}
}


@media screen and (max-width: 767px) {
	.course__map {
		margin: 0 calc(50% - 50vw) 5rem;
		width: 100vw;
		height:14.5625rem;
	}
}
@media screen and (min-width: 768px) {
	.course__lists-wrap{
		width:75rem;
		margin:0 auto;
	}
}

@media screen and (max-width: 767px) {
	.course__lists-wrap{

	}
}

.course__lists {
	margin: 2.075rem auto 0;
	max-width:62.5rem;

}
@media screen and (max-width: 767px) {
	.course__lists {
		margin-top: 2.0625rem;
	}
}

.course__basic {
	padding-top: 2rem;
	position: relative;
}
.course__basic::before {
	position: absolute;
	content: "";
	top: 6rem;
	left: -6.25rem;
	/* 	background: url(../img/basic001.png) no-repeat left top/contain; */
	width: 25rem;
	height: 20.215625rem;
}
@media screen and (max-width: 767px) {
	.course__basic {
		padding-top: 6rem;
	}
	.course__basic::before {
		/* 		background: url(../img/basic001-sp.png) no-repeat center top/contain; */
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		width: 14.6875rem;
		height:11.875rem;
		top: 0;

	}
}

.course__box {
	border-radius: 10px;
	border: 3px solid #5d63a3;
	background: #fff;
	padding: 2.5rem 2.5625rem 2.6875rem;
}
@media screen and (max-width: 767px) {
	.course__box {
		padding: 6.875rem 1.25rem 2.5625rem;
	}
}
@media screen and (min-width: 768px) {
	.course__basic .course__box {
		width: 62.5rem;
		margin:0 auto;
		padding: 4rem 4.0625rem 2.5rem 6.725rem;
	}
}
@media screen and (max-width: 767px) {
	.course__basic .course__box {
		width: 100%;

	}
}


.course__stec .course__box,
.course__exam-science .course__box {
	padding: 11.0375rem 0.875rem 2rem 1.25rem;
}
@media screen and (max-width: 767px) {
	.course__stec .course__box,
	.course__exam-science .course__box {
		padding: 7.5rem 1.25rem 2.75rem;
	}
}


.course__box .ttl {
	color: #5d63a3;
	font-weight: 700;
	font-size: 1.2rem;
	letter-spacing: 0.1em;
}
@media screen and (max-width: 767px) {
	.course__box .ttl {
		margin-left: 0;
		text-align: start;
		line-height: 1.5;

	}
}
@media screen and (min-width: 768px) {
	.course__text-wrap{
		width:37.25rem;
		margin-left: auto;
	}
}
@media screen and (max-width: 767px) {
	.course__text-wrap{
		width:100％;
	}
}

.course__stec .ttl,
.course__exam-science .ttl {
	text-align: start;
}

.course__box .text {
	font-size: 1rem;
	font-weight: 700;
	margin-top: 1.3125rem;
	line-height: 1.75;
}
@media screen and (max-width: 767px) {
	.course__box .text {
		font-size: 0.875rem;
		margin-top: 0.875rem;
		line-height: 2;
	}
}

.course__stec .course__box .text,
.course__exam-science .course__box .text {
	margin-top: 0.625rem;
}
@media screen and (max-width: 767px) {
	.course__stec .course__box .text,
	.course__exam-science .course__box .text {
		margin-top: 1.5625rem;
	}
}

.course__basic .ttl,
.course__basic .text {
	margin-top: -0.4375rem;
}
@media screen and (max-width: 767px) {
	.course__basic .ttl,
	.course__basic .text {
		margin-left: 0;
	}
}
/* -------------------------------------------------------------- */

.p-course__choice__wrap{
	margin:2.0625rem 0 3.5625rem;
}
@media screen and (max-width: 767px) {
	.p-course__choice__wrap{
		margin:0 ;
	}
}
.p-course__choice__wrap .btns {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: center;
	margin: 2.125rem 0 1.9375rem;
	column-gap:1.3125rem;
}
@media screen and (max-width: 767px) {
	.p-course__choice__wrap .btns {

		margin: 0;

	}
}


@media screen and (max-width: 767px) {
	.p-course__choice__wrap .btns {
		column-gap:0.75rem;

		align-items:end;
		flex-wrap:wrap;
	}
}

@media screen and (max-width: 767px) {
	.p-course__choice__wrap .btn {
		text-align: center;

	}
}



.p-course__choice__wrap .btn-line {
	padding-top: 0.875rem;
	padding-bottom: 1.1875rem;
	padding-right: 3.1875rem;
	position: relative;
}
@media screen and (max-width: 767px) {
	.p-course__choice__wrap .btn-line {

		padding:0.43125rem 2.58125rem 0.8rem 2.05625rem;
	}
}
@media screen and (max-width: 767px) {
	.u-btn01 .btn-line {

		padding: 0.43125rem 2.41725rem 0.8rem 1.96875rem;
	}
}


@media screen and (max-width: 767px) {
	.p-course__choice__wrap .btn span {

		font-size:0.875rem;
	}
}
.p-course__choice__wrap .btn-line::after {
	position: absolute;
	content: "";
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 1.875rem;
	width: 6px;
	height: 10px;
	background: url(../img/class-arrow.png) no-repeat center center/contain;
}

@media screen and (max-width: 767px) {
	.p-course__choice__wrap .btn-line::after {

		top: 50%;

		transform: translateY(-50%);
		right: 1.375rem;

	}
}

@media screen and (max-width: 767px) {
	.p-course__choice__wrap .btn + .btn {
		margin-top: 1.4375rem;
	}
}
/* --------------------------------------------- */
@media screen and (min-width: 768px) {
	.course__box .btns {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		margin-top: 1.5rem;
		margin-right: 2.5625rem;
	}
}
@media screen and (max-width: 767px) {
	.course__box .btns {
		display: block;
		margin-top: 2.1875rem;
	}
}

@media screen and (max-width: 767px) {
	.course__box .btn {
		text-align: center;
	}
}

.course__box .btn-line {
	padding-top: 0.875rem;
	padding-bottom: 1.1875rem;
	padding-right: 3.1875rem;
	position: relative;
}
.course__box .btn-line::after {
	position: absolute;
	content: "";
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 1.875rem;
	width: 6px;
	height: 10px;
	background: url(../img/class-arrow.png) no-repeat center center/contain;
}

@media screen and (max-width: 767px) {
	.course__box .btn + .btn {
		margin-top: 1.4375rem;
	}
}

.course__items {
	display:flex;
	column-gap: 2.4375rem;
	margin-top: 5rem;
	justify-content:space-between;
}
@media screen and (max-width: 767px) {
	.course__items {
		display: contents;
	}
}

.course__stec,
.course__exam-science {
	position: relative;
}
@media screen and (min-width: 768px) {
	.course__stec,
	.course__exam-science {
		padding-top: 8.8875rem;

		width:29.25rem;
	}
}

.u-course__stec,
.u-course__exam-science {
	padding-top: 8.8875rem;
	position: relative;
	width:100%;
}




.course__stec::before,
.course__exam-science::before {
	position: absolute;
	content: "";
	top: -0.4375rem;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 23.25rem;
	height: 18.798125rem;
}
@media screen and (max-width: 767px) {
	.course__stec,
	.course__exam-science {
		padding-top: 6.5rem;
		margin-top: 2.3125rem;
	}
	.course__stec::before,
	.course__exam-science::before {
		width: 14.6875rem;
		max-width: 14.6875rem;
		height:11.875rem;
		top: 0.8125rem;
	}
}

/* .course__stec::before {
background: url(../img/stec001.png) no-repeat center top/contain;
}

.course__exam-science::before {
background: url(../img/exam-science001.png) no-repeat center top/contain;
} */

.course__info {

	display: -ms-flexbox;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-top: 1.25rem;
}
@media screen and (max-width: 767px) {
	.course__info {
		display: block;
		margin-top: 1.5625rem;
	}
}

@media screen and (max-width: 767px) {
	.course__info .for {
		max-width: 230px;
		margin-inline: auto;
	}
}

.course__info .for__ttl {
	text-align: center;
	color: #fff;
	background: #5d63a3;
	font-size: 0.75rem;
	font-weight: 700;
	line-height: 1.5;
}

.course__info .for__grade {
	color: #5d63a3;
	font-size: 1rem;
	font-weight: 700;
	/* 	margin-top: 0.3125rem; */
	letter-spacing: 0.1em;
}
@media screen and (max-width: 767px) {
	.course__info .for__grade {
		text-align: center;
		margin-top: 0;
	}
}

.course__info .btn {
	margin-left: 1.375rem;
}
@media screen and (max-width: 767px) {
	.course__info .btn {
		max-width: 230px;
		margin-inline: auto;
		margin-left: auto;
		margin-top: 1.25rem;
	}
}

/*---------------------------------------
コース一覧 - 下層
---------------------------------------*/
.course-detail__ttlwrapper {
	position: relative;
}
.course-detail__ttlwrapper::before {
	position: absolute;
	content: "";
	bottom: -10.9375rem;
	right: 0;
	background: url(../img/coursepage-bg.png) no-repeat right bottom/contain;
	width: 28.75rem;
	height: 15.625rem;
}
@media screen and (max-width: 767px) {
	.course-detail__ttlwrapper::before {
		content: none;
	}
}

.course-detail__ttlwrapper .ttl {
	border-radius: 10px;
	background: #fff;
	padding: 0.625rem 1.875rem;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
}
@media screen and (max-width: 767px) {
	.course-detail__ttlwrapper .ttl {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		width: 100%;
		margin-bottom:13.3333333333vw;
	}
}

@media screen and (max-width: 767px) {
	.page-course-stec .course-detail__ttlwrapper .ttl {
		padding: 0.3125rem 0.9375rem;
	}
}

.course-detail__ttlwrapper .ttl span:nth-child(1) {
	color: #5d63a3;
	font-size: 2.625rem;
	font-weight: 700;
	line-height: 1.47;
}
@media screen and (max-width: 767px) {
	.course-detail__ttlwrapper .ttl span:nth-child(1) {
		font-size: 1.75rem;
		line-height: 1.5;
	}
}

@media screen and (max-width: 767px) {
	.page-course-stec .course-detail__ttlwrapper .ttl span:nth-child(1) {
		font-size: 1.5rem;
	}
}

.page-course-stec .course-detail__ttlwrapper .ttl .small {
	font-size: 1.5rem;
}
@media screen and (max-width: 767px) {
	.page-course-stec .course-detail__ttlwrapper .ttl .small {
		font-size: 0.875rem !important;
	}
}

.course-detail__ttlwrapper .ttl span:nth-child(2) {
	font-weight: 700;
	font-size: 1.5rem;
	margin-left: 1.25rem;
	letter-spacing: 0.1em;
}
@media screen and (max-width: 767px) {
	.course-detail__ttlwrapper .ttl span:nth-child(2) {
		font-size: 1rem;
		margin-left: 0;
		line-height: 1.4375;
	}
}

.page-course-infant .course-detail__ttlwrapper .ttl span:nth-child(2),
.page-course-stec .course-detail__ttlwrapper .ttl span:nth-child(2),
.page-course-exam-science .course-detail__ttlwrapper .ttl span:nth-child(2) {
	color: #db4c2d;
}

.page-course-stec .course-detail__ttlwrapper .ttl span:nth-child(2) {
	text-align: center;
}

.page-course-elementary-lower .course-detail__ttlwrapper .ttl span:nth-child(2) {
	color: #b3d541;
}

.page-course-elementary-upper .course-detail__ttlwrapper .ttl span:nth-child(2) {
	color: #ffc400;
}

.page-course-junior .course-detail__ttlwrapper .ttl span:nth-child(2) {
	color: #a1cde0;
}

.course-detail__links {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-column-gap: 1.4375rem;
	-moz-column-gap: 1.4375rem;
	column-gap: 1.4375rem;
	margin-top: 1.875rem;
}
.course-detail__links .btn-line {
	padding-top: 1rem;
	padding-bottom: 1rem;
	position: relative;
}
.course-detail__links .btn-line::after {
	position: absolute;
	content: "";
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 1.25rem;
	width: 6px;
	height: 10px;
	background: url(../img/class-arrow.png) no-repeat center center/contain;
}
@media screen and (max-width: 767px) {
	.course-detail__links {
		margin-top: 0.8125rem;
	}
	.course-detail__links .btn {
		margin-top: 0.75rem;
	}
	.course-detail__links .btn-line {
		font-size: 0.875rem;
		padding: 0.5rem 2.375rem 0.6875rem 2.0625rem;
	}
}

.page-course-stec .course-detail__lead {
	padding-top: 20.3125rem;
}
.page-course-stec .course-detail__lead::before {
	background: url(../img/stec-lead.png) no-repeat center top/contain;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 36.25rem;
	height: 22.1875rem;
}
@media screen and (max-width: 767px) {
	.page-course-stec .course-detail__lead {
		padding-top: 6rem;
	}
	.page-course-stec .course-detail__lead::before {
		width: 18.4375rem;
		height: 11.25rem;
		top: 0;
	}
}

.course-detail__lead {
	position: relative;
	padding-top: 7.875rem;
	margin-top: 3.125rem;
}
.course-detail__lead::before {
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	width: 45.08%;
	height: 20.6875rem;
}


@media screen and (max-width: 767px) {
	.course-detail__lead {
		padding-top:6rem;
	}
	.course-detail__lead::before {
		width: 88.098%;
		height: 11.25rem;
		top:0.533333vw;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
}

@media screen and (min-width: 768px) {
	.page-course-infant .course-detail__contents .course-detail__lead::after {
		position: absolute;
		content: '';
		display: block;
		background-repeat: no-repeat;
		background-size: contain;
		background-image: url(../img/infant-lead02.png);
		right: 0;
		top: -4.5rem;
		z-index: -1;
		width: 28.75rem;
		height: 15.625rem;
	}
}


.page-course-exam-science .course-detail__lead {
	padding-top: 20.3125rem;
}
.course-detail__contents .course-detail__lead::before {
	background: url(../img/stec-lead01.png) no-repeat center top/contain;
	width: 33.8125rem;
	height: 20.6875rem;
	top: 0.9375rem;
	left: 0;
	border-radius: 1.6875rem;
}

.course-detail__contents .u-detail__lead::before{
	position: absolute;
	content: "";
	top: 1.125rem;
	left: 50%;
	transform: translateX(-50%);
	width: 36.25rem;
	height: 22.211875rem;
}
@media screen and (max-width: 767px) {
	.course-detail__contents .course-detail__lead::before {
		background: url(../img/stec-lead01.png) no-repeat center top/contain;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		width: 18.41rem;
		height: 11.280625rem;
		border-radius:27px;
	}
}
@media screen and (max-width: 767px) {
	.page-course-exam-science .course-detail__lead {
		padding-top: 6rem;
	}
	.page-course-exam-science .course-detail__lead::before {
		width: 18.4375rem;
		height: 11.25rem;
		top: 0;
	}
}

.course-detail__lead-box {
	background: #fff;
}
@media screen and (min-width: 768px) {
	.course-detail__lead-box {
		margin-left: auto;
		border-radius: 1.6875rem;
		width: 68.6875rem;
		padding: 6.09375rem 6.1875rem 3.0625rem 4.625rem;
	}
}
@media screen and (max-width: 767px) {
	.course-detail__lead-box {
		width: 89.3333333333vw;
		border-radius: 1.6875rem;
		padding: 7.125rem 1.875rem 2rem;
	}
}

.page-course-stec .course-detail__lead-box,
.page-course-exam-science .course-detail__lead-box {
	margin-inline: auto;
	width: 100%;
	max-width: 83.3333%;
	padding: 5rem 3.125rem 3.125rem;
	font-size: 1rem;
}
@media screen and (max-width: 767px) {
	.page-course-stec .course-detail__lead-box
	{
		width: 100%;
		max-width: 100%;
		padding: 7.125rem 1.25rem 1.75rem;
	}
}
@media screen and (max-width: 767px) {
	.page-course-exam-science .course-detail__lead-box {
		width: 100%;
		max-width: 100%;
		padding: 7.125rem 1.25rem 2.675rem;
	}
}

.course-detail__lead-box p:nth-child(1) {
	font-weight: 700;
	font-size: 1.5rem;
	color: #5d63a3;
	line-height: 1.5;
	letter-spacing: 0.1rem;
	text-align: center;
	padding-left: 14rem;
}

.course-detail__lead .course-detail__lead-box .u-detail__ttl{
	padding-left: 0;
}
@media screen and (max-width: 767px) {
	.course-detail__lead-box p:nth-child(1) {
		font-size:1.25rem;
		line-height: 1.2222222222;
		letter-spacing: 0em;
		font-weight: 700;
		padding-left: 0;
		margin-bottom:1.6875rem;
	}
}

.course-detail__lead-box p:nth-of-type(1) span 
{
	background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(70%, #ffff8c));
	background-image: linear-gradient(transparent 0% 70%, #ffff8c 70% 100%);
}


.u-course-detail__underline{
	text-align: center;
	font-weight: 500;
	line-height: 1.75;
	font-size: 1.5rem;
	color: #5d63a3;
	letter-spacing: 0.1rem;
}
@media screen and (max-width: 767px) {
	.u-course-detail__underline{
		font-size:1.25rem;
		line-height: 1.2222222222;
		letter-spacing: 0em;
		font-weight: 700;
		margin-bottom:2.0625rem;
		/* 		margin-top:3.2625rem; */
	}
}
.u-course-detail__underline span{
	background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(70%, #ffff8c));
	background-image: linear-gradient(transparent 0% 70%, #ffff8c 70% 100%);
}



@media screen and (max-width: 767px) {
	.course-detail__lead-box p:nth-child(2) {
		font-size: 0.875rem;
		margin-top: 1.5625rem;
		line-height: 1.75;
	}
}

@media screen and (max-width: 767px) {
	.page-course-stec .course-detail__lead-box p:nth-child(2),
	.page-course-exam-science .course-detail__lead-box p:nth-child(2) {
		font-size: 1rem;
	}
}

.page-course-stec .course-detail__lead-box p{
	font-weight: 400;
	line-height: 1.75;
}

.science-message .message-contents p {
	font-weight: 500;
	line-height: 1.75;
}

.page-course-stec .course-detail__lead-box p:nth-child(1),
.page-course-exam-science .course-detail__lead-box p:nth-child(1),
.science-message .message-contents p:nth-child(1) {
	text-align: center;
}
.page-course-stec .course-detail__lead-box .blue,
.page-course-exam-science .course-detail__lead-box .blue,
.science-message .message-contents .blue {
	color: #5d63a3;
	font-weight: 700;
}
.page-course-stec .course-detail__lead-box .small,
.page-course-exam-science .course-detail__lead-box .small,
.science-message .message-contents .small {
	font-size: 0.875rem;
}
.page-course-stec .course-detail__lead-box p + p,
.page-course-stec .course-detail__lead-box ul,
.page-course-stec .course-detail__lead-box ul + p,
.page-course-exam-science .course-detail__lead-box p + p,
.page-course-exam-science .course-detail__lead-box ul,
.page-course-exam-science .course-detail__lead-box ul + p,
.science-message .message-contents p + p,
.science-message .message-contents ul,
.science-message .message-contents ul + p {
	margin-top: 0.875rem;
}
.page-course-exam-science .course-detail__lead-box ul + .u-course-detail__underline {
	margin-top: 3.125rem;
}
/* @media screen and (max-width: 767px) {
.page-course-exam-science .course-detail__lead-box ul + p{
margin-top:3.2625rem;
}
}
*/

.page-course-stec .course-detail__lead-box .link,
.page-course-exam-science .course-detail__lead-box .link,
.science-message .message-contents .link {
	text-decoration: underline;
}

.course-detail__skill {
	margin-top: 2.9375rem;
	max-width: 62.5rem;
	margin-inline: auto;
}
@media screen and (max-width: 767px) {
	.course-detail__skill {
		margin-top: 1.875rem;
	}
}

.page-course-stec .course-detail__skill,
.page-course-exam-science .course-detail__skill {
	margin-top: 0;
}
.course-detail__skill .ttl {
	color: #5d63a3;
	font-size: 1.5rem;
	position: relative;
	padding-bottom: 15px;
	margin-bottom: 1.25rem;
}
.course-detail__skill .ttl::before {
	position: absolute;
	content: "";
	bottom: 0;
	left: 0;
	width: 100%;
	height: 15px;
	background: url(../img/recruit-line.png) no-repeat left center/cover;
}
.course-detail__skill .subttl {
	margin-top: 1.25rem;
	color: #5d63a3;
	font-size: 1.125rem;
	margin-bottom: 1.25rem;
	font-weight: 700;
	line-height: 1.5;
}
.course-detail__skill .red li {
	padding-left: 2.1875rem;
	line-height: 1.5;
	font-size: 1rem;
	position: relative;
}
.course-detail__skill .red li::before {
	position: absolute;
	content: "";
	top: 0.75em;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 0;
	width: 0.9375rem;
	height: 0.9375rem;
	border-radius: 50%;
	background: #db4c2d;
}
.course-detail__skill .red li + li {
	margin-top: 1.25rem;
}

.course-detail__class {
	margin-top: 3.75rem;
}
@media screen and (max-width: 767px) {
	.course-detail__class {
		margin-top: 3.125rem;
	}
}

.course-detail__class__ttl {
	text-align: center;
	background: #5d63a3;
	color: #fff;
	border-radius: 10px 10px 0px 0px;
	font-weight: 700;
	font-size: 1.5rem;
	line-height: 1.5;
	padding-top: 0.5rem;
	padding-bottom: 0.3125rem;
}
.course-detail__class-table {
	background: #fff;
	border-radius: 0px 0px 20px 20px;
	padding: 1.875rem 1.875rem 2.5625rem;
}
@media screen and (max-width: 767px) {
	.course-detail__class-table {
		padding: 1.25rem 0 2.1875rem;
	}
}

.course-detail__class-table.--stecdifference {
	padding: 2.9375rem 3.1875rem 3.3125rem 3.125rem;
}
@media screen and (max-width: 767px) {
	.course-detail__class-table.--stecdifference {
		padding: 1.25rem 0 2.1875rem;
	}
}

.course-detail__class-table .col2,
.course-detail__class-table .col3 {
	display: grid;
}

.course-detail__class-table .col2 {
	grid-template-columns: 1fr 1fr;
	-webkit-column-gap: 1.25rem;
	-moz-column-gap: 1.25rem;
	column-gap: 1.25rem;
}
@media screen and (max-width: 767px) {
	.course-detail__class-table .col2 {
		grid-template-columns: 1fr;
		row-gap: 1.875rem;
	}
}

.course-detail__class-table .col3 {
	grid-template-columns: 1fr 1fr 1fr;
	-webkit-column-gap: 0.46875rem;
	-moz-column-gap: 0.46875rem;
	column-gap: 0.46875rem;
}
@media screen and (max-width: 767px) {
	.course-detail__class-table .col3 {
		grid-template-columns: 1fr;
		row-gap: 1.875rem;
	}
}

.course-detail__class-table .item .ttl {
	text-align: center;
	font-weight: 700;
	font-size: 1.125rem;
	line-height: 1.5;
	letter-spacing: 0.1em;
	padding-top: 0.25rem;
	padding-bottom: 0.25rem;
	border-radius: 10px;
	color: #fff;
}
.course-detail__class-table .item .ttl.ttl--class1 {
	background: #b3d541;
	border: 3px solid #b3d541;
}
@media screen and (max-width: 767px) {
	.course-detail__class-table .item .ttl.ttl--class1 {
		border-radius: 0px;
	}
}

.course-detail__class-table .item .ttl.ttl--class2 {
	background: #a1cde0;
	border: 3px solid #a1cde0;
}
@media screen and (max-width: 767px) {
	.course-detail__class-table .item .ttl.ttl--class2 {
		border-radius: 0px;
	}
}

.course-detail__class-table .item .ttl.ttl--class3 {
	background: #db4c2d;
	border: 3px solid #db4c2d;
}
@media screen and (max-width: 767px) {
	.course-detail__class-table .item .ttl.ttl--class3 {
		border-radius: 0px;
	}
}

.course-detail__class-table .item .ttl.ttl--fee {
	background: #fff;
	border: 3px solid #5d63a3;
	color: #5d63a3;
	margin-top: 1.25rem;
}
@media screen and (max-width: 767px) {
	.course-detail__class-table .item .ttl.ttl--fee {
		margin-left: 1.25rem;
		margin-right: 1.25rem;
	}
}

.course-detail__class-table .item .row {
	border-bottom: 3px dotted #5d63a3;
	padding-top: 0.875rem;
	padding-bottom: 0.875rem;
	display: grid;
	grid-template-columns: 5.625rem 1fr;
}
@media screen and (max-width: 767px) {
	.course-detail__class-table .item .row {
		margin-left: 1.25rem;
		margin-right: 1.25rem;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
	}
}

.course-detail__class-table .item .row dt {
	color: #5d63a3;
	font-weight: 700;
	font-size: 1.125rem;
}

.course-detail__class-table .item .row dd {
	font-weight: 700;
	font-size: 1rem;
}
@media screen and (max-width: 767px) {
	.course-detail__class-table .item .row dd {
		line-height: 1.42;
	}
}

.course-detail__notice {
	margin-top: 0.625rem;
	font-size: 0.875rem;
	line-height: 1.714;
}
.course-detail__notice li {
	margin-top: 0.375rem;
}
@media screen and (max-width: 767px) {
	.course-detail__notice {
		margin-top: 1.25rem;
		padding-left: 1.25rem;
		padding-right: 1.25rem;
	}
}
/* ================================================== */
/* .course-detail__example {
margin-top: 1.5625rem;
padding-top: 0.9375rem;
}
@media screen and (max-width: 767px) {
.course-detail__example {
margin-top: 0.375rem;
}
}

.course-detail__example__ttl {
text-align: center;
color: #5d63a3;
}
.course-detail__example__ttl span {
font-size: 1.125rem;
display: inline-block;
position: relative;
padding-left: 37px;
padding-right: 37px;
}
.course-detail__example__ttl span::before, .course-detail__example__ttl span::after {
position: absolute;
bottom: 8px;
width: 16px;
height: 21px;
content: "";
}
.course-detail__example__ttl span::before {
background: url(../img/class-ttl-l.png) no-repeat center center/contain;
left: 0;
}
.course-detail__example__ttl span::after {
background: url(../img/class-ttl-r.png) no-repeat center center/contain;
right: 0;
}
.course-detail__example-box {
background: #fff;
border-radius: 20px;
position: relative;
margin-top: 0.625rem;
padding: 3.75rem 6.25rem 4.6875rem;
}
.course-detail__example-box::before {
position: absolute;
content: "";
top: -3.75rem;
left: 3.125rem;
width: 0;
height: 0;
border-style: solid;
border-width: 0 2.1875rem 3.75rem 2.1875rem;
border-color: transparent transparent #ffffff transparent;
}
@media screen and (max-width: 767px) {
.course-detail__example-box {
margin-top: 0.3125rem;
padding: 1.875rem 1.25rem 3.125rem;
}
.course-detail__example-box::before {
top: -1.25rem;
left: 1.25rem;
border-width: 0 15px 26px 15px;
}
}

.course-detail__example-box .ttl {
color: #5d63a3;
font-weight: 700;
font-size: 2.25rem;
line-height: 1.5;
text-align: center;
padding-top: calc(14px + 7.3125rem);
position: relative;
}
.course-detail__example-box .ttl::before {
position: absolute;
content: "";
top: 0;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
width: 6.8125rem;
height: 7.3125rem;
background: url(../img/f-kenbikyo.png) no-repeat center center/contain;
}
@media screen and (max-width: 767px) {
.course-detail__example-box .ttl {
padding-top: calc(25px + 7.3125rem);
font-size: 1.5rem;
}
}

.course-detail__example-box .intro {
text-align: center;
font-weight: 700;
font-size: 1rem;
line-height: 1.75;
margin-top: 1.4375rem;
}
@media screen and (max-width: 767px) {
.course-detail__example-box .intro {
font-size: 0.875rem;
margin-top: 1rem;
text-align: left;
line-height: 2;
}
}

.course-detail__example-box .items {
margin-top: 5.0625rem;
}
@media screen and (max-width: 767px) {
.course-detail__example-box .items {
margin-top: 3.5625rem;
}
}

.course-detail__example-box .item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media screen and (max-width: 767px) {
.course-detail__example-box .item {
display: block;
}
}

.course-detail__example-box .item:nth-child(even) {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}

.course-detail__example-box .item + .item {
margin-top: 5.0625rem;
}
@media screen and (max-width: 767px) {
.course-detail__example-box .item + .item {
margin-top: 3.75rem;
}
}

.course-detail__example-box .img {
position: relative;
width: 22.5rem;
}
.course-detail__example-box .img::before {
position: absolute;
color: #db4c2d;
font-weight: 700;
font-size: 3.5rem;
top: -1.9375rem;
left: 0;
line-height: 1;
}
@media screen and (max-width: 767px) {
.course-detail__example-box .img {
width: 100%;
}
}

.course-detail__example-box .item:nth-child(1) .img::before {
content: "01";
}

.course-detail__example-box .item:nth-child(2) .img::before {
content: "02";
}

.course-detail__example-box .item:nth-child(3) .img::before {
content: "03";
}

.course-detail__example-box .item:nth-child(4) .img::before {
content: "04";
}

.course-detail__example-box .item:nth-child(5) .img::before {
content: "05";
}

.course-detail__example-box .texts {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
@media screen and (max-width: 767px) {
.course-detail__example-box .texts {
padding-left: 0;
margin-top: 1rem;
}
}

.course-detail__example-box .item:nth-child(2n+1) .texts {
padding-left: 2.0625rem;
}
@media screen and (max-width: 767px) {
.course-detail__example-box .item:nth-child(2n+1) .texts {
padding-left: 0;
}
}

.course-detail__example-box .item:nth-child(2n) .texts {
padding-right: 1.25rem;
}
@media screen and (max-width: 767px) {
.course-detail__example-box .item:nth-child(2n) .texts {
padding-left: 0;
}
}

.course-detail__example-box .flow-ttl {
color: #5d63a3;
font-size: 1.5rem;
font-weight: 700;
line-height: 1.5;
}
@media screen and (max-width: 767px) {
.course-detail__example-box .flow-ttl {
font-size: 1.125rem;
}
}

.course-detail__example-box .text {
margin-top: 1rem;
font-size: 1rem;
line-height: 1.625;
}
@media screen and (max-width: 767px) {
.course-detail__example-box .text {
font-size: 0.875rem;
line-height: 1.5714;
margin-top: 1.1875rem;
}
} */
/* ================================================== */

.course-detail__example__ttl {
	text-align: center;
	color: #5d63a3;
}

.course-detail__example__ttl span {
	font-size: 1.125rem;
	display: inline-block;
	position: relative;
	padding-left: 2.3125rem;
	padding-right: 2.3125rem;
}

.course-detail__example__ttl span::before, .course-detail__example__ttl span::after {
	position: absolute;
	bottom: 0.5rem;
	width: 1rem;
	height: 1.3125rem;
	content: "";
}
@media screen and (max-width: 767px) {
	.course-detail__example__ttl span::before, .course-detail__example__ttl span::after {
		bottom: 0.1rem;
	}

}

.course-detail__example__ttl span::before {
	background: url(../img/class-ttl-l.png) no-repeat center center/contain;
	left: 0;
}

.course-detail__example__ttl span::after {
	background: url(../img/class-ttl-r.png) no-repeat center center/contain;
	right: 0;
}

.p-course-detail__example__inner {
	margin: 0 auto;
}
@media screen and (min-width: 768px) {
	.p-course-detail__example__inner {
		width: 100vw;
		margin: 0 calc(50% - 50vw);
	}
}

@media screen and (max-width: 767px) {
	.course-detail__example__ttl {
		font-size:1.125rem;
		line-height: 1.2222222222;
		letter-spacing: 0.02em;
		font-weight: 700;
	}
}

.p-course-detail__large-ttl {
	color: #5D63A3;
	text-align: center;
}
@media screen and (min-width: 768px) {
	.p-course-detail__large-ttl {
		margin-bottom: 3rem;
		margin-top: 1.625rem;

	}
}
@media screen and (max-width: 767px) {
	.p-course-detail__large-ttl {
		margin: 5.0666666667vw 0 6.6666666667vw;
	}
}
@media screen and (min-width: 768px) {
	.p-course-detail__large-ttl {
		font-size: 2.375rem;
		line-height: 1.7105263158;
		letter-spacing: 0em;
		font-weight: 700;
	}
}
@media screen and (max-width: 767px) {
	.p-course-detail__large-ttl {
		font-size: 1.5rem;
		line-height: 1.5833333333;
		letter-spacing: 0em;
		font-weight: 700;
	}
}

.p-course-detail__lead {
	text-align: center;
}
@media screen and (min-width: 768px) {
	.p-course-detail__lead {
		margin-bottom: 5.625rem;
	}
}
@media screen and (max-width: 767px) {
	.p-course-detail__lead {
		margin: 0 1.25rem 3.125rem;
		max-width: 89.3333333333vw;
	}
}
@media screen and (min-width: 768px) {
	.p-course-detail__lead {
		font-size: 1rem;
		line-height: 1.5;
		letter-spacing: 0em;
		font-weight: 700;
	}
}
@media screen and (max-width: 767px) {
	.p-course-detail__lead {
		font-size:0.75rem;
		line-height: 1.6666666667;
		letter-spacing: 0em;
		font-weight: 700;
	}
}

.p-course-detail__list {
	margin: 0 auto;
}
@media screen and (min-width: 768px) {
	.p-course-detail__list {
		max-width: 90rem;
		font-size: 16px;
	}
	.flexBox.p-course-detail__list{
		display: flex;
		justify-content: space-between;
		width: 100%;
		max-width: 90rem;
	}
}
@media screen and (max-width: 1440px) and (min-width: 768px) {
	.p-course-detail__list{
		font-size: 1.1111vw;
	}
}
@media screen and (max-width: 767px) {
	.p-course-detail__list {
		margin: 0 calc(50% - 50vw);
		width: 100vw;
	}
}

.p-course-detail__item {
	position: relative;
	display: flex;
}
@media screen and (min-width: 768px) {
	.p-course-detail__item {
		margin-bottom: 5em;
	}
	.flexBox .p-course-detail__item{
		width: 49%;
		margin-bottom: 2em;
	}
}
@media screen and (max-width: 767px) {
	.p-course-detail__item {
		flex-direction: column-reverse;
		background-color: #fff;
		margin-bottom: 10.6666666667vw;
		padding: 5.3333333333vw;
	}
}
@media screen and (min-width: 768px) {
	.p-course-detail__item:nth-child(odd) .p-course-detail__list__wrap {
		order: 2;
	}
}
@media screen and (min-width: 768px) {
	.p-course-detail__item:nth-child(odd) .p-course-detail__list__wrap {
		padding: 3.125em 9.0625em 2.5em 7.5em;
	}
}
@media screen and (min-width: 768px) {
	.p-course-detail__item:nth-child(odd) img {
		right: 7.5em;
	}
}
@media screen and (min-width: 768px) {
	.p-course-detail__item:nth-child(even) {
		flex-direction: row-reverse;
	}
}
@media screen and (min-width: 768px) {
	.p-course-detail__item:nth-child(even) .p-course-detail__list__wrap {
		order: 1;
	}
}
@media screen and (min-width: 768px) {
	.p-course-detail__item:nth-child(even) .p-course-detail__list__wrap {
		padding: 3.125em 7.5em 2.5em 10.25em;
	}
}
@media screen and (min-width: 768px) {
	.p-course-detail__item:nth-child(even) .p-course-detail__list__wrap span {
		left: 8.5rem;
	}
	.flexBox .p-course-detail__item:nth-child(even) .p-course-detail__list__wrap span{
		left: 4rem
	}
}
@media screen and (min-width: 768px) {
	.p-course-detail__item:nth-child(even) img {
		left: 7.5em;
	}
}

@media screen and (min-width: 768px) {
	.p-course-detail__list__wrap {
		position: relative;
		max-width: 54.0625em;
		background-color: #fff;
		border-radius: 1.25rem;
		align-items: center;
	}
	.flexBox .p-course-detail__list__wrap{
		width: 100%;
	}
	.flexBox .p-course-detail__item .p-course-detail__list__wrap{
		padding: 4.625rem !important;
	}
}

.p-course-detail__example__number {
	position: absolute;
	background-color: #5D63A3;
	color: #fff;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}
@media screen and (min-width: 768px) {
	.p-course-detail__example__number {
		width: 3.125rem;
		height: 3.125rem;
		top: -1.625rem;
		left: 5.9375rem;
	}
	.flexBox .p-course-detail__example__number{
		left: 3.9375rem;
	}
}
@media screen and (max-width: 767px) {
	.p-course-detail__example__number {
		width: 13.3333333333vw;
		height: 13.3333333333vw;
		top: -2.6666666667vw;
		left: 2.6666666667vw;
	}
}
@media screen and (min-width: 768px) {
	.p-course-detail__example__number {
		font-size: 2rem;
		line-height: 1.5625;
		letter-spacing: 0em;
		font-weight: 700;
	}
}
@media screen and (max-width: 767px) {
	.p-course-detail__example__number {
		font-size:2rem;
		line-height: 1.5625;
		letter-spacing: 0em;
		font-weight: 700;
	}
}

.p-course-detail__list__ttl {
	color: #5D63A3;
}
@media screen and (min-width: 768px) {
	.p-course-detail__list__ttl {
		margin-bottom: 1.875em;
	}
}
@media screen and (max-width: 767px) {
	.p-course-detail__list__ttl {
		margin-bottom: 7.0666666667vw;
	}
}
@media screen and (min-width: 768px) {
	.p-course-detail__list__ttl {
		font-size: 1.5em;
		line-height: 1.33333;
		letter-spacing: 0em;
		font-weight: 700;
	}
}
@media screen and (max-width: 767px) {
	.p-course-detail__list__ttl {
		font-size: 1em;
		line-height: 1.3125;
		letter-spacing: 0.1em;
		font-weight: 700;
	}
}

@media screen and (min-width: 768px) {
	.p-course-detail__list__text {
		font-size: 1em;
		line-height: 1.5;
		letter-spacing: 0em;
		font-weight: 700;
	}
}
.p-course-detail__img {
	object-fit: cover;
}
@media screen and (min-width: 768px) {
	.p-course-detail__img {
		box-shadow: 2em 2em 0px 0px #ffff8c;
		position: absolute;
		z-index: 1;
		width: 35.78125em;
		height: 22.5em;
		top: -4em;
		border-radius: 0.625em;
	}
	.p-course-detail__item:nth-child(even) img {
		box-shadow: -2em 2em 0px 0px #ffff8c;
	}
}
@media screen and (max-width: 767px) {
	.p-course-detail__img {
		width: 88vw;
		height: 55.2vw;
		box-shadow: 1.3333333333vw 1.3333333333vw #FFFF8C;
		margin-bottom: 5.3333333333vw;
		border-radius: 0.625rem;
	}
}

@media screen and (max-width: 767px) {
	.is-pc {
		display: none;
	}
}

@media screen and (min-width: 768px) {
	.is-sp {
		display: none;
	}
}

/* ====================== */
.course-voice {
	padding-bottom: 8.25rem;
	position: relative;
	margin-top:3.125rem;
}
.course-voice::before {
	position: absolute;
	content: "";
	top: 3.6875rem;
	left: 0;
	width: 100%;
	height: calc( 100% - 3.6875rem );
	background: url(../img/voice-bg.png) no-repeat top center/100% 100%;
	z-index: -1;
}
@media screen and (max-width: 767px) {
	.course-voice {
		padding-bottom: 6.625rem;
	}
	.course-voice::before {
		background: url(../img/voice-bg-sp.png)no-repeat top center/100% 100%;
	}
}

.course-voice__ttl {
	color: #5d63a3;
	text-align: center;
	padding-top: 8.875rem;
	font-size: 2.375rem;
	font-weight: 700;
	position: relative;
}
.course-voice__ttl::before {
	position: absolute;
	content: "";
	background: url(../img/f-voice.png) no-repeat center center/contain;
	width: 6.8125rem;
	height: 7.625rem;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
@media screen and (max-width: 767px) {
	.course-voice__ttl {
		font-size: 1.75rem;
		padding-top: 8.3125rem;
	}
}

.course-voice__subttl {
	color: #db4c2d;
	text-align: center;
	font-size: 0.875rem;
	font-weight: 700;
	margin-top: 0.625rem;
}
@media screen and (max-width: 767px) {
	.course-voice__subttl {
		font-size: 0.75rem;
		margin-top: 0;
	}
}

.course-voice__text {
	text-align: center;
	font-size: 1rem;
	font-weight: 700;
	margin-top: 1.25rem;
}
@media screen and (max-width: 767px) {
	.course-voice__text {
		font-size: 0.875rem;
		margin-top: 1.375rem;
		text-align: left;
	}
}

.course-voice__contents {
	overflow: hidden;
	position: relative;
	padding-bottom: 5.3125rem;
	margin-top: 0.625rem;
}
@media screen and (max-width: 767px) {
	.course-voice__contents {
		margin-top: 1rem;
		padding-bottom: 4.625rem;
	}
}

.voiceSwiper {
	width: 100%;
}

.voiceSwiper .swiper-slide {
	position: relative;
	padding-top: 2rem;
	padding-left: 1.625rem;
	width: 26.8125rem;
}
@media screen and (max-width: 767px) {
	.voiceSwiper .swiper-slide {
		width: 19.6875rem;
		padding-top: 3.75rem;
		padding-left: 0;
	}
}

.voiceSwiper .img {
	position: absolute;
	width: 7.5rem;
	height: 7.5rem;
	border-radius: 50%;
	top: 0;
	left: 0;
	overflow: hidden;
}
.voiceSwiper .img img {
	-o-object-fit: cover;
	object-fit: cover;
	height: 100%;
}
@media screen and (max-width: 767px) {
	.voiceSwiper .img {
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
}

.voiceSwiper .box {
	background: #fff;
	border-radius: 10px;
	border: 1px solid #5d63a3;
	padding: 1.125rem 1.5rem 1.6875rem;
}
@media screen and (max-width: 767px) {
	.voiceSwiper .box {
		padding: 4.6875rem 1.25rem 2rem;
	}
}

.voiceSwiper .cat {
	margin-left: 5.25rem;
}
@media screen and (max-width: 767px) {
	.voiceSwiper .cat {
		margin-left: 0;
		text-align: center;
	}
}

.voiceSwiper .cat span {
	background: #5d63a3;
	color: #fff;
	border-radius: 5px;
	display: inline-block;
	font-weight: 700;
	font-size: 0.875rem;
	padding: 0.3125rem 0.9375rem;
	line-height: 1.428;
}
@media screen and (max-width: 767px) {
	.voiceSwiper .cat span {
		font-size: 0.75rem;
		line-height: 1.416;
	}
}

.voiceSwiper .ttl {
	margin-left: 5.25rem;
	font-weight: 700;
	font-size: 1.125rem;
	margin-top: 0.625rem;
	line-height: 1.444;
}
@media screen and (max-width: 767px) {
	.voiceSwiper .ttl {
		margin-left: 0;
	}
}

.voiceSwiper .text {
	margin-top: 1.25rem;
	font-size: 1rem;
	line-height: 1.625;
}
@media screen and (max-width: 767px) {
	.voiceSwiper .text {
		margin-top: 0.625rem;
		font-size: 0.875rem;
		line-height: 1.857;
	}
}

.course-voice__contents .swiper-button-prev,
.course-voice__contents .swiper-button-next {
	width: 2.75rem;
	height: 2.75rem;
	background: url(../img/arrow.png) no-repeat center center/contain;
}
.course-voice__contents .swiper-button-prev::after,
.course-voice__contents .swiper-button-next::after {
	content: "";
}

.course-voice__contents .swiper-button-prev {
	top: auto;
	bottom: 0;
	left: 50%;
	-webkit-transform: translateX(-90px);
	transform: translateX(-90px);
}

.course-voice__contents .swiper-button-next {
	top: auto;
	bottom: 0;
	right: 50%;
	-webkit-transform: rotate(180deg) translateX(-90px);
	transform: rotate(180deg) translateX(-90px);
}

.course-voice__contents .swiper-pagination {
	bottom: 0;
	font-size: 1.125rem;
	z-index: 1;
}

.course-voice__contents .swiper-pagination-current {
	font-size: 1.5rem;
}

.course-bottomlists {
	padding-bottom: 5rem;
}
@media screen and (max-width: 767px) {
	.course-bottomlists {
		padding-bottom: 2.6875rem;
	}
}

.course-bottomlists__ttl {
	color: #5d63a3;
	text-align: center;
	font-size: 2.375rem;
	font-weight: 700;
}
@media screen and (max-width: 767px) {
	.course-bottomlists__ttl {
		font-size: 1.75rem;
	}
}

.course-bottomlists__subttl {
	color: #db4c2d;
	text-align: center;
	font-size: 0.875rem;
	font-weight: 700;
	margin-top: 0.625rem;
}
@media screen and (max-width: 767px) {
	.course-bottomlists__subttl {
		font-size: 0.75rem;
		margin-top: 0;
	}
}

.course-bottomlists__contents {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	-webkit-column-gap: 1.875rem;
	-moz-column-gap: 1.875rem;
	column-gap: 1.5rem;
	margin-top: 2.9375rem;
}
@media screen and (max-width: 767px) {
	.course-bottomlists__contents {
		grid-template-columns: 1fr;
		row-gap: 0.5625rem;
		margin-top: 1.6875rem;
	}
}
.course-bottomlists__contents .course__basic,
.course-bottomlists__contents .course__stec,
.course-bottomlists__contents .course__exam-science {
	padding-top: 5.75rem;
}
.course-bottomlists__contents .course__basic::before,
.course-bottomlists__contents .course__stec::before,
.course-bottomlists__contents .course__exam-science::before {
	width: 14.6875rem;
	height: 11.875rem;
	top: 0;
}
@media screen and (max-width: 767px) {
	.course-bottomlists__contents .course__basic,
	.course-bottomlists__contents .course__stec,
	.course-bottomlists__contents .course__exam-science {
		padding-top: 6.4375rem;
	}
}
.course-bottomlists__contents .course__box {
	width: 101%;
	margin-left: 0;
	min-height: 31.25rem;
	padding: 7.625rem 1.875rem 2.1875rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
@media screen and (max-width: 767px) {
	.course-bottomlists__contents .course__box {
		min-height: auto;
		padding: 7.25rem 1.875rem 2.1875rem;
	}
}

.u-course__box{
	width: 100%;
}



.course-bottomlists__contents .course__basic::before {
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.course-bottomlists__contents .course__basic .ttl {
	margin-left: 0;
}
.course-bottomlists__contents .btns {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: 1.25rem;
}
@media screen and (max-width: 767px) {
	.course-bottomlists__contents .btns {
		margin-top: 1.375rem;
	}
}
.course-bottomlists__contents .btn {
	margin-left: 0;
	min-width: 13.125rem;
	text-align:center;
}
@media screen and (max-width: 767px) {
	.course-bottomlists__contents .btn {
		min-width: none;
	}
}
.course-bottomlists__contents .btn + .btn {
	margin-top: 1.25rem;
}
/* .course-bottomlists__contents .btn-line {
width: 100%;
} */
.course-bottomlists__contents .course__info {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	margin-top: 0;
}
.course-bottomlists__contents .for {
	margin-top: 1.25rem;
	margin-bottom: 1.25rem;
	width: 100%;
	text-align: center;
}

@media screen and (max-width: 767px) {
	.stec-feature01 picture {
		display: block;
		padding-left: 3.125rem;
	}
}

@media screen and (max-width: 767px) {
	.stec-feature02 {
		padding-left: 1.25rem;
		padding-right: 1.25rem;
	}
}

@media screen and (max-width: 767px) {
	.stec-feature01 .js-scrollable img {
		height: auto;
		width: 278.1333333vw;
		max-width: none;
	}
}

.stec-feature02 {
	display: grid;
	grid-template-columns: 36.3636% 1fr;
	-webkit-column-gap: 1.875rem;
	-moz-column-gap: 1.875rem;
	column-gap: 1.875rem;
}
@media screen and (max-width: 767px) {
	.stec-feature02 {
		grid-template-columns: 1fr;
		row-gap: 1.25rem;
	}
}

.stec-feature02 .text {
	font-size: 1rem;
	line-height: 1.75;
}

.page-course-stec .note {
	font-size: 1rem;
	margin-top: 1.125rem;
	margin-bottom: 1.6875rem;
	line-height: 1.75;
}
@media screen and (max-width: 767px) {
	.page-course-stec .note {
		font-size: 0.875rem;
		padding-left: 1.25rem;
		padding-right: 1.25rem;
		margin-top: 0;
	}
}

.course-detail__qa {
	background: #fff;
	border-radius: 20px;
	padding: 2.625rem 6.4375rem 3.8125rem 6.25rem;
	margin-top: 3.125rem;
}
@media screen and (max-width: 767px) {
	.course-detail__qa {
		border-radius: 10px;
		padding: 1.875rem 1.25rem 2.5rem;
	}
}

.course-detail__qa .ttl {
	color: #5d63a3;
	text-align: center;
	font-size: 2.25rem;
	font-weight: 700;
}
@media screen and (max-width: 767px) {
	.course-detail__qa .ttl {
		font-size: 1.75rem;
	}
}

.course-detail__qacontents {
	margin-top: 2.3125rem;
}
@media screen and (max-width: 767px) {
	.course-detail__qacontents {
		margin-top: 1.25rem;
	}
}

.course-detail__annualcurriculum {
	background: #fff;
	border-radius: 20px;
	padding: 2.4375rem 3.125rem 2.4375rem;
	margin-top: 3.125rem;
}
@media screen and (max-width: 767px) {
	.course-detail__annualcurriculum {
		border-radius: 10px;
		padding: 2.3125rem 1.125rem 1.875rem;
	}
}

.page-course-stec .course-detail__annualcurriculum {
	margin-bottom: 7.8125rem;
}
@media screen and (max-width: 767px) {
	.page-course-stec .course-detail__annualcurriculum {
		margin-bottom: 3.125rem;
	}
}

.course-detail__annualcurriculum .ttl {
	color: #5d63a3;
	text-align: center;
	font-size: 2.25rem;
	font-weight: 700;
}
@media screen and (max-width: 767px) {
	.course-detail__annualcurriculum .ttl {
		font-size: 1.75rem;
	}
}

.course-detail__annualcurriculum .img {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	-webkit-column-gap: 3.125rem;
	-moz-column-gap: 3.125rem;
	column-gap: 3.125rem;
	margin-top: 1.25rem;
	padding-left: 3.125rem;
	padding-right: 3.125rem;
}
@media screen and (max-width: 767px) {
	.course-detail__annualcurriculum .img {
		grid-template-columns: 1fr;
		row-gap: 1.25rem;
		margin-top: 2.25rem;
		padding-left: 0.75rem;
		padding-right: 0.75rem;
	}
}

.annualcurriculum__contents {
	margin-top: 3.125rem;
}
@media screen and (max-width: 767px) {
	.annualcurriculum__contents {
		margin-top: 1.875rem;
	}
}

.annualcurriculum__contents .item:not([open]) {
	margin-bottom: 1.875rem;
}

.annualcurriculum__contents .curriculumfor {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	border-radius: 10px;
	border: 3px solid #5d63a3;
	color: #5d63a3;
	padding: 0.75rem 3.125rem;
	font-weight: 700;
	font-size: 1.125rem;
	line-height: 1.444;
	letter-spacing: 0.05em;
	cursor: pointer;
}
@media screen and (max-width: 767px) {
	.annualcurriculum__contents .curriculumfor {
		padding: 0.75rem 0.625rem 0.75rem 1.25rem;
		font-size: 0.875rem;
	}
}

.annualcurriculum__contents .item .curriculumfor::-webkit-details-marker {
	display: none;
}

.annualcurriculum__contents .item .curriculumfor::after {
	-webkit-transform: rotate(270deg);
	transform: rotate(270deg);
	width: 1.875rem;
	height: 1.875rem;
	content: "";
	-webkit-transition: -webkit-transform 0.3s;
	transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
	transition: transform 0.3s, -webkit-transform 0.3s;
	background: url(../img/arrow.png) no-repeat center center/contain;
}

.annualcurriculum__contents .item[open] .curriculumfor::after {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}

.annualcurriculum__contents .curriculumuear {
	-webkit-transform: translateY(-10px);
	transform: translateY(-10px);
	opacity: 0;
	margin: 0;
	padding: 0 3.125rem;
	-webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
	transition: opacity 0.5s, -webkit-transform 0.5s;
	transition: transform 0.5s, opacity 0.5s;
	transition: transform 0.5s, opacity 0.5s, -webkit-transform 0.5s;
	margin-bottom: 3.125rem;
}
@media screen and (max-width: 767px) {
	.annualcurriculum__contents .curriculumuear {
		margin-bottom: 1.875rem;
		padding: 0;
	}
}

.annualcurriculum__contents .item[open] .curriculumuear {
	-webkit-transform: none;
	transform: none;
	opacity: 1;
}

.annualcurriculum__contents .monthitem {
	border-bottom: 3px dotted #5d63a3;
	padding-top: 1.875rem;
	padding-bottom: 1.875rem;
	display: grid;
	grid-template-columns: 18.5625rem 1fr;
}
@media screen and (max-width: 767px) {
	.annualcurriculum__contents .monthitem {
		grid-template-columns: 1fr;
		padding-top: 1rem;
	}
}

.annualcurriculum__contents .monthinfo {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
@media screen and (max-width: 767px) {
	.annualcurriculum__contents .monthinfo {
		display: block;
	}
}

.annualcurriculum__contents .month span {
	display: inline-block;
	border-radius: 5px;
	background: #5d63a3;
	color: #fff;
	font-weight: 700;
	font-size: 0.875rem;
	padding: 0.3125rem 0.9375rem;
	line-height: 1.428;
}
.annualcurriculum__contents .month span + span {
	margin-left: 0.625rem;
}

.annualcurriculum__contents .name {
	font-weight: 700;
	font-size: 1.125rem;
	margin-top: 0.625rem;
	line-height: 1.444;
	padding-right: 0.625rem;
}
@media screen and (max-width: 767px) {
	.annualcurriculum__contents .name {
		padding-right: 0;
	}
}

.annualcurriculum__contents .name .small {
	font-size: 0.8em;
}

.annualcurriculum__contents .monthdetail {
	font-size: 1rem;
	line-height: 1.625;
}
@media screen and (max-width: 767px) {
	.annualcurriculum__contents .monthdetail {
		font-size: 0.875rem;
		line-height: 1.857;
		margin-top: 1.25rem;
	}
}

.science-feature .course-detail__class-table {
	padding: 3.75rem 5.4375rem 4.8125rem;
}
@media screen and (max-width: 767px) {
	.science-feature .course-detail__class-table {
		padding: 1.875rem 1rem 3.0625rem;
	}
}

.science-feature .items {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	-webkit-column-gap: 1.875rem;
	-moz-column-gap: 1.875rem;
	column-gap: 1.875rem;
}
@media screen and (max-width: 767px) {
	.science-feature .items {
		grid-template-columns: 1fr;
		row-gap: 1.875rem;
	}
}

.science-feature .ttl {
	font-weight: 700;
	font-size: 1.125rem;
	color: #5d63a3;
	line-height: 1.777;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.science-feature .num {
	color: #db4c2d;
	font-size: 1.5rem;
	font-weight: 700;
	margin-right: 0.625rem;
	line-height: 1.333;
}

.science-feature .img {
	margin-top: 0.625rem;
}
.science-feature .text {
	font-size: 1rem;
	margin-top: 0.4375rem;
}

.science-position .course-detail__class-table {
	padding: 1.875rem 3.125rem 4.0625rem;
}
@media screen and (max-width: 767px) {
	.science-position .course-detail__class-table {
		padding: 1.875rem 1.25rem 2.25rem;
	}
}

@media screen and (max-width: 767px) {
	.science-position .js-scrollable {
		height: 61.0625rem;
	}
	.science-position .js-scrollable img {
		height: 100%;
		width: auto;
		max-width: none;
	}
}

.science-position .text {
	font-size: 1rem;
}
@media screen and (max-width: 767px) {
	.science-position .text {
		margin-top: 1.25rem;
		font-size: 0.875rem;
	}
}

.page-course-exam-science .annualcurriculum__contents {
	position: relative;
	overflow: hidden;
	margin-top: 2.4375rem;
}
@media screen and (max-width: 767px) {
	.page-course-exam-science .annualcurriculum__contents {
		margin-top: 0.6875rem;
	}
}

.page-course-exam-science .course-detail__annualcurriculum .for {
	font-size: 1.125rem;
	font-weight: 700;
	color: #5d63a3;
	border-radius: 10px;
	border: 3px solid #5d63a3;
	text-align: center;
	padding-top: 0.875rem;
	padding-bottom: 0.875rem;
	line-height: 1.444;
}

.page-course-exam-science .course-detail__annualcurriculum .list {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	margin-top: 2.3125rem;
}
@media screen and (max-width: 767px) {
	.page-course-exam-science .course-detail__annualcurriculum .list {
		grid-template-columns: 1fr;
		margin-top: 0;
	}
}

.page-course-exam-science .course-detail__annualcurriculum .item:not(:nth-child(4n)) {
	position: relative;
}
.page-course-exam-science .course-detail__annualcurriculum .item:not(:nth-child(4n))::before {
	position: absolute;
	content: "";
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 0;
	width: 3px;
	height: 80%;
	border-right: 3px dotted #5d63a3;
}
@media screen and (max-width: 767px) {
	.page-course-exam-science .course-detail__annualcurriculum .item:not(:nth-child(4n))::before {
		content: none;
	}
}

.page-course-exam-science .course-detail__annualcurriculum .item:not(:nth-child(n+9)) {
	position: relative;
}
.page-course-exam-science .course-detail__annualcurriculum .item:not(:nth-child(n+9))::after {
	position: absolute;
	content: "";
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	bottom: 0;
	height: 3px;
	width: 90%;
	border-bottom: 3px dotted #5d63a3;
}
@media screen and (max-width: 767px) {
	.page-course-exam-science .course-detail__annualcurriculum .item:not(:nth-child(n+9))::after {
		content: none;
	}
}

.page-course-exam-science .course-detail__annualcurriculum .item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	margin-bottom: 0;
	padding: 2.5rem 0.625rem;
}
@media screen and (max-width: 767px) {
	.page-course-exam-science .course-detail__annualcurriculum .item {
		border-bottom: 3px dotted #5d63a3;
		padding: 1.25rem 0.625rem;
	}
}

.page-course-exam-science .course-detail__annualcurriculum .month {
	color: #fff;
	font-size: 0.875rem;
	font-weight: 700;
	border-radius: 5px;
	background: #5d63a3;
	display: inline-block;
	padding: 0.3125rem 0.9375rem;
	line-height: 1.428;
}

.page-course-exam-science .course-detail__annualcurriculum .name {
	font-size: 1.125rem;
	font-weight: 700;
	text-align: center;
}

.science-curriculum .swiper-button-prev,
.science-curriculum .swiper-button-next {
	width: 1.875rem;
	height: 1.875rem;
	background: url(../img/arrow.png) no-repeat center center/contain;
	top: 0.9375rem;
	margin-top: 0;
}
.science-curriculum .swiper-button-prev::after,
.science-curriculum .swiper-button-next::after {
	content: "";
}

.science-curriculum .swiper-button-prev {
	left: 35%;
}
@media screen and (max-width: 767px) {
	.science-curriculum .swiper-button-prev {
		left: 1.75rem;
	}
}

.science-curriculum .swiper-button-next {
	right: 35%;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}
@media screen and (max-width: 767px) {
	.science-curriculum .swiper-button-next {
		right: 1.75rem;
	}
}

.science-message {
	background: #fff;
	border-radius: 20px;
	padding: 3.8125rem 5.71875rem 5.34375rem;
	margin-top: 3.125rem;
}
@media screen and (max-width: 767px) {
	.science-message {
		padding: 1.875rem 1.25rem 3.625rem;
		margin-top: 0;
	}
}

.science-message .ttl {
	font-size: 2.25rem;
	font-weight: 700;
	color: #5d63a3;
	text-align: center;
	line-height: 1.1944444444;
	letter-spacing: 0.1em;
}
@media screen and (max-width: 767px) {
	.science-message .ttl {
		font-size:1.75rem;
		line-height: 1.2142857143;
		letter-spacing: 0.1em;
		font-weight: 700;
	}
}

.science-message .profile {
	margin-top: 3.4375rem;
	display: grid;
	grid-template-columns: 22.5rem 1fr;
	-webkit-column-gap: 2.125rem;
	-moz-column-gap: 2.125rem;
	column-gap: 2.125rem;
}
@media screen and (max-width: 767px) {
	.science-message .profile {
		grid-template-columns: 1fr;
		margin-top: 1.875rem;
		row-gap: 0.625rem;
		padding-left: 0.625rem;
		padding-right: 0.625rem;
	}
}

@media screen and (max-width: 767px) {
	.science-message .img {
		padding-left: 0.625rem;
		padding-right: 0.625rem;
	}
}

.science-message .title span {
	font-size: 0.95rem;
	color: #5d63a3;
	font-weight: 700;
	background: #e9eaf5;
	border-radius: 5px;
	padding: 0.25rem 0.625rem;
}
.science-message .person {
	font-size: 2.25rem;
	color: #5d63a3;
	font-weight: 700;
	margin-top: 1rem;
	margin-bottom: 1.25rem;
	line-height: 1.5;
}
@media screen and (max-width: 767px) {
	.science-message .person {
		margin-top:0.4375rem;
		margin-bottom: 0.8125rem;
	}
}

.science-message .intro {
	font-size: 1rem;
	/* 	margin-top: 1.25rem; */
	line-height: 1.625;
}
/* @media screen and (max-width: 767px) {
.science-message .intro {

margin-top: 0.8125rem;
}
} */
.science-message .message-contents {
	font-size: 1rem;
	line-height: 1.75;
	margin-top: 2.5rem;
	padding-left: 3.125rem;
	padding-right: 3.125rem;
}
.science-message .message-contents .genjyu {
	font-size: 1.5rem;
	line-height: 1.5;
	color: #5d63a3;
	text-align: center;
}
.science-message .message-contents .genjyu span {
	background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(70%, #ffff8c));
	background-image: linear-gradient(transparent 0% 70%, #ffff8c 70% 100%);
}
@media screen and (max-width: 767px) {
	.science-message .message-contents {
		margin-top: 1.875rem;
		padding-left: 0;
		padding-right: 0;
	}
	.science-message .message-contents .genjyu {
		text-align: left !important;
	}
	.science-message .message-contents .genjyu span {
		background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(70%, #ffff8c));
		background-image: linear-gradient(transparent 0% 70%, #ffff8c 70% 100%);
	}
}

.course-detail__class-table .row2 {
	display: grid;
	grid-template-columns: 9.8125rem 1fr;
	border-bottom: 3px dotted #5d63a3;
	padding-top: 1.25rem;
	padding-bottom: 1.25rem;
}
@media screen and (max-width: 767px) {
	.course-detail__class-table .row2 {
		grid-template-columns: 5.625rem 1fr;
		margin-left: 1.25rem;
		margin-right: 1.25rem;
	}
}

.course-detail__class-table .row2-dt {
	font-size: 1.125rem;
	color: #5d63a3;
	font-weight: 700;
}
.course-detail__class-table .row2-dd {
	font-size: 1rem;
	font-weight: 700;
}
@media screen and (max-width: 767px) {
	.course-detail__class-table .row2-dd {
		font-size: 0.875rem;
	}
}

.course-detail__class-table .btn {
	text-align: center;
	margin-top: 1.875rem;
}

/* .page-course-exam-science .course-detail__contents {
padding-bottom: 7.4375rem;
}
@media screen and (max-width: 767px) {
.page-course-exam-science .course-detail__contents {
padding-bottom: 3.125rem;
}
} */

.page-course-stec .course-detail__contents,
.page-course-exam-science .course-detail__contents {
	padding-top: 1.3125rem;
}
@media screen and (max-width: 767px) {
	.page-course-stec .course-detail__contents{
		padding-top: 0;
	}
}
.page-course-stec .course-detail__ttlwrapper::before,
.page-course-exam-science .course-detail__ttlwrapper::before {
	bottom: -8.75rem;
}

.page-course-exam-science .course-detail__lead {
	margin-top: 1.1875rem;
}
.page-course-stec .course-detail__lead{
	margin-top: 1.1875rem;

}

@media screen and (max-width: 767px) {
	.page-course-stec .course-detail__lead,
	.page-course-exam-science .course-detail__lead {
		margin-top: 1.875rem;
	}
}
@media screen and (max-width: 767px) {
	.page-course-stec .course-detail__lead{
		margin-top: 1.875rem;
	}
}


/*---------------------------------------
入会のご案内
---------------------------------------*/

@media screen and (min-width: 768px) {
	.p-membership {
		border-radius: 20px;
	}
}
.membership__campaign {
	margin-bottom: 83px;
}

.membership__contents .box {
	background: #fff;
	border-radius: 20px;
	padding: 2.4375rem 6.25rem 4.625rem;
	margin-top:3.125rem;
}
@media screen and (max-width: 767px) {
	.membership__contents .box {
		border-radius: 10px;
		padding: 1.5625rem 1.25rem 2.4375rem;
	}
}

.membership__contents .box + .box {
	margin-top: 3.125rem;
}
@media screen and (max-width: 767px) {
	.membership__contents .box + .box {
		margin-top: 1.875rem;
	}
}

.membership__contents .ttl {
	font-weight: 700;
	color: #5d63a3;
	font-size: 2.25rem;
	margin-bottom: 2.9375rem;
	text-align: center;
	line-height: 1.777;
	letter-spacing: 0.1em;
}
@media screen and (max-width: 767px) {
	.membership__contents .ttl {
		font-size: 1.75rem;
		margin-bottom: 0.875rem;
	}
}

.membership-flow .text1 {
	border-radius: 25px;
	background: #a1cde0;
	color: #fff;
	font-weight: 700;
	font-size: 1.125rem;
	line-height: 1.7777;
	text-align: center;
	padding-top: 0.5625rem;
	padding-bottom: 0.5625rem;
}
.membership-flow .text1 span {
	color: #ffff8c;
}
@media screen and (max-width: 767px) {
	.membership-flow .text1 {
		border-radius: 10px;
		font-size: 1rem;
		line-height: 1.5;
		padding-top: 1.1875rem;
		padding-bottom: 1.1875rem;
	}
}

.membership-flow__lead {
	display: grid;
	grid-template-columns: 22.5rem 1fr;
	-webkit-column-gap: 1.4375rem;
	-moz-column-gap: 1.4375rem;
	column-gap: 1.4375rem;
	margin-top: 1.75rem;
}
@media screen and (max-width: 767px) {
	.membership-flow__lead {
		grid-template-columns: 1fr;
		row-gap: 0.625rem;
		margin-top: 1.25rem;
	}
}

.membership-flow__lead .text2 {
	font-weight: 700;
	font-size: 1rem;
}
@media screen and (max-width: 767px) {
	.membership-flow__lead .text2 {
		font-size: 0.875rem;
		line-height: 1.571;
	}
}

.membership-flow__lead .small {
	font-size: 1rem;
	margin-top: 1rem;
	font-weight: 500;
}
@media screen and (max-width: 767px) {
	.membership-flow__lead .small {
		font-size: 0.875rem;
		margin-top: 0.625rem;
	}
}

.membership-flow .btn {
	margin-top: 2.25rem;
	text-align: center;
}
.membership-flow .btn .btn-line {
	padding-top: 0.875rem;
	padding-bottom: 1.125rem;
}
.membership-flow .btn .line1 {
	background: #fff;
}
@media screen and (max-width: 767px) {
	.membership-flow .btn .line1 {
		height: 4px;
		top: -4px;
	}
	.membership-flow .btn .line2 {
		height: 4px;
		bottom: 2px;
	}
	.membership-flow .btn .btn-line {
		padding-left: 1.5625rem;
		padding-right: 1.5625rem;
		font-size: 0.875rem;
	}
}

.membership-flow__flow {
	margin-top: 3.4375rem;
}
@media screen and (max-width: 767px) {
	.membership-flow__flow {
		margin-top: 3.25rem;
	}
}

.membership-flow__item {
	position: relative;
}
@media screen and (max-width: 767px) {
	.membership-flow__item {
		padding-top: 5rem;
	}
}

.membership-flow__item:not(:first-child) {
	margin-top: 5.9375rem;
}
.membership-flow__item:not(:first-child)::before {
	position: absolute;
	content: "";
	top: -5.3125rem;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 4.6875rem;
	height: 4.6875rem;
	background: url(../img/flow-arrow.png) no-repeat center center/contain;
}
@media screen and (max-width: 767px) {
	.membership-flow__item:not(:first-child) {
		margin-top: 7.8125rem;
	}
	.membership-flow__item:not(:first-child)::before {
		width: 4.375rem;
		height: 4.375rem;
		top: -7.0625rem;
	}
}

.membership-flow__item .img {
	position: absolute;
	left: 2.6875rem;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 29%;
}
.membership-flow__item .img img {
	position: relative;
	z-index: 3;
	border-radius: 10px;
	overflow: hidden;
	-o-object-fit: cover;
	object-fit: cover;
}
.membership-flow__item .img::before {
	position: absolute;
	content: "";
	top: 36%;
	left: 55%;
	-webkit-transform: rotate(-10deg) translate(-50%, -50%);
	transform: rotate(-10deg) translate(-50%, -50%);
	width: 100%;
	height: 100%;
	border-radius: 10px;
	background: #b3d541;
	z-index: 2;
}
@media screen and (max-width: 767px) {
	.membership-flow__item .img {
		top: 0;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		width: 88.13%;
		max-width: 260px;
	}
}

.membership-flow__item .main {
	background: #fbffed;
	border-radius: 20px;
	width: 82%;
	margin-left: auto;
	padding: 1.625rem 1.9375rem 2.25rem 12.3125rem;
}
@media screen and (max-width: 767px) {
	.membership-flow__item .main {
		width: 100%;
		padding: 6.8125rem 1.25rem 1.75rem 1.25rem;
	}
}

.membership-flow__item .itemttl {
	position: relative;
	font-size: 1.75rem;
	font-weight: 700;
}
.membership-flow__item .itemttl::before {
	position: absolute;
	content: "";
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 4.875rem;
	height: 1.9375rem;
}
.membership-flow__item .itemttl span {
	background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(60%, #ffff8c));
	background-image: linear-gradient(transparent 0% 60%, #ffff8c 60% 100%);
	margin-left: 6.125rem;
}
@media screen and (max-width: 767px) {
	.membership-flow__item .itemttl {
		font-size: 1.125rem;
		padding-top: 2.875rem;
		text-align: center;
	}
	.membership-flow__item .itemttl::before {
		top: 0;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	.membership-flow__item .itemttl span {
		margin-left: 0;
	}
}

.membership-flow__item:nth-child(1) .itemttl::before {
	background: url(../img/flow-step01.png) no-repeat center center/contain;
}

.membership-flow__item:nth-child(2) .itemttl::before {
	background: url(../img/flow-step02.png) no-repeat center center/contain;
}

.membership-flow__item:nth-child(3) .itemttl::before {
	background: url(../img/flow-step03.png) no-repeat center center/contain;
}

.membership-flow__item .itemtext {
	margin-top: 1.25rem;
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.75;
}
@media screen and (max-width: 767px) {
	.membership-flow__item .itemtext {
		margin-top: 0.3125rem;
		font-size: 0.875rem;
	}
}

.membership-flow__item .itemsmall {
	margin-top: 0.375rem;
	font-weight: 500;
	font-size: 1rem;
	display: block;
}
@media screen and (max-width: 767px) {
	.membership-flow__item .itemsmall {
		font-size: 0.875rem;
		margin-top: 0.3125rem;
	}
}

.membership-flow__item .red {
	color: #db4c2d;
}

.membership-fee .item,
.membership-pay .item,
.membership-note .item {
	font-weight: 500;
	font-size: 1rem;
	margin-top: 1.25rem;
	line-height: 1.625;
	letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
	.membership-fee .item,
	.membership-pay .item,
	.membership-note .item {
		font-size: 0.875rem;
	}
}

.membership__contents .dotsgreen {
	display: block;
	padding-left: 1.625rem;
	position: relative;
	font-size: 1rem;
	font-weight: 700;
	margin-top: 0.625rem;
}
.membership__contents .dotsgreen::before {
	position: absolute;
	content: "●";
	left: 0;
	font-size: 1rem;
	color: #b3d541;
}
@media screen and (max-width: 767px) {
	.membership__contents .dotsgreen {
		font-size: 0.875rem;
	}
	.membership__contents .dotsgreen::before {
		font-size: 0.875rem;
	}
}

.membership__contents .dotsgreen + p {
	margin-top: 0.3125rem;
}

.membership-pay .item + .item,
.membership-note .item + .item {
	margin-top: 1.25rem;
}
@media screen and (max-width: 767px) {
	.membership-pay .item + .item,
	.membership-note .item + .item {
		margin-top: 0.625rem;
	}
}

.membership-pay .subttl,
.membership-note .subttl {
	font-size: 1.125rem;
	font-weight: 700;
	color: #5d63a3;
	margin-bottom: 0.625rem;
}
@media screen and (max-width: 767px) {
	.membership-pay .subttl,
	.membership-note .subttl {
		font-size: 1rem;
	}
}

.membership-qa__contents .item {
	border-bottom: 3px dotted #5d63a3;
	margin-bottom: 1.25rem;
}

.membership-qa__contents .item-q {
	margin-bottom: 1.25rem;
	color: #5d63a3;
	padding-left: 1.875rem;
	position: relative;
	line-height: 1.44;
	font-weight: 700;
	font-size: 1.125rem;
}
.membership-qa__contents .item-q::before {
	position: absolute;
	content: "Q";
	font-size: 1.5rem;
	left: 0;
	top: 0.5em;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	color: #b3d541;
}
@media screen and (max-width: 767px) {
	.membership-qa__contents .item-q {
		font-size: 1rem;
	}
}

.membership-qa__contents .item-a {
	margin-bottom: 1.25rem;
	line-height: 1.625;
	position: relative;
	font-weight: 500;
	font-size: 1rem;
	padding-left: 1.875rem;
}
.membership-qa__contents .item-a::before {
	position: absolute;
	content: "A";
	font-size: 1.5rem;
	left: 0;
	top: 0.5em;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	color: #db4c2d;
}
@media screen and (max-width: 767px) {
	.membership-qa__contents .item-a {
		font-size: 0.875rem;
	}
}

.membership-contact {
	margin: 3.125rem 0 3.125rem;
	width: 83.333%;
	padding-right: 10px;
	padding-bottom: 15px;
	margin-inline: auto;
}
@media screen and (max-width: 767px) {
	.membership-contact {
		margin-top: 1.875rem;
		width: 100%;
		padding-right: 5px;
		padding-bottom: 10px;
	}
}

.membership-contact__box {
	background: #fff;
	border-radius: 10px;
	border: 3px solid #5d63a3;
	-webkit-box-shadow: #5d63a3 10px 10px;
	box-shadow: #5d63a3 10px 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding: 1.6875rem 1.375rem 1.4375rem 1.1875rem;
}
@media screen and (max-width: 767px) {
	.membership-contact__box {
		-webkit-box-shadow: #5d63a3 5px 5px;
		box-shadow: #5d63a3 5px 5px;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		padding: 1.875rem 0.625rem 0.9375rem;
	}
}

.membership-contact__box .text {
	padding-left: 5.1875rem;
	position: relative;
}
.membership-contact__box .text::before {
	position: absolute;
	content: "";
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 0;
	background: url(../img/membership-contact.png) no-repeat center center/contain;
	width: 4.5625rem;
	height: 6.5625rem;
}
.membership-contact__box .text p {
	border-radius: 5px;
	background: #5d63a3;
	padding: 0.9375rem 2.5rem;
	text-align: center;
	font-size: 1.125rem;
	font-weight: 700;
	color: #fff;
	line-height: 1.333;
}
@media screen and (max-width: 767px) {
	.membership-contact__box .text {
		padding-left: 0;
	}
	.membership-contact__box .text::before {
		content: none;
	}
	.membership-contact__box .text p {
		padding: 1.125rem 0.9375rem;
		font-size: 1rem;
	}
}

.membership-contact__box .phone {
	padding-left: 3.75rem;
	font-weight: 700;
	font-size: 2.25rem;
	color: #db4c2d;
	background: url(../img/freedial.png) no-repeat center left/contain;
	background-size: 3.125rem;
	font-family: "Arial";
}
@media screen and (max-width: 767px) {
	.membership-contact__box .phone {
		margin-top: 0.625rem;
		line-height: 1.16;
	}
}

@media screen and (max-width: 767px) {
	.membership-contact__box .time {
		margin-top: 0.625rem;
	}
}

.membership-contact__box .openttl {
	font-size: 0.875rem;
	font-weight: 700;
	border-radius: 5px;
	border: 1px solid #707070;
	padding-top: 0.3125rem;
	padding-bottom: 0.3125rem;
	text-align: center;
	line-height: 1.428;
}
.membership-contact__box .date {
	font-weight: 700;
	font-size: 1.125rem;
}
.membership-contact__box .openhour {
	font-weight: 700;
	font-size: 1.375rem;
	margin-left: 0.625rem;
}
/*---------------------------------------
サイエンスキャンプ・クエストプログラム　一覧
---------------------------------------*/
.science-camp__ttlwrapper {
	position: relative;
}
.science-camp__ttlwrapper::before {
	position: absolute;
	content: "";
	bottom: -11.5rem;
	right: 0;
	background: url(../img/coursepage-bg.png) no-repeat right bottom/contain;
	width: 28.75rem;
	height: 15.625rem;
	opacity: 0.7;
}
@media screen and (max-width: 767px) {
	.science-camp__ttlwrapper {
		text-align: center;
	}
	.science-camp__ttlwrapper::before {
		content: none;
	}
}

.science-camp__ttlwrapper .ttl {
	border-radius: 10px;
	background: #fff;
	padding: 0.625rem 1.875rem;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
}
@media screen and (max-width: 767px) {
	.science-camp__ttlwrapper .ttl {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		width: 100%;
	}
}

.science-camp__ttlwrapper .genjyu {
	font-size: 2.625rem;
	color: #5d63a3;
	line-height: 1.5;
}
@media screen and (max-width: 767px) {
	.science-camp__ttlwrapper .genjyu {
		font-size: 1.75rem;
	}
}

.science-camp__ttlwrapper .small {
	font-size: 2.25rem;
}
@media screen and (max-width: 767px) {
	.science-camp__ttlwrapper .small {
		font-size: 1.75rem;
	}
}

.science-camp__ttlwrapper .ttl .en {
	color: #db4c2d;
	margin-left: 1.875rem;
	font-size: 0.875rem;
}
@media screen and (max-width: 767px) {
	.science-camp__ttlwrapper .ttl .en {
		margin-left: 0;
	}
}







@media screen and (max-width: 767px) {
	.science-camp__lead,
	.quest-program__lead {
		margin-top: 1.875rem;
	}
}

.science-camp__lead-box,
.quest-program__lead-box {
	padding-top: 4rem;
	position: relative;
}
.science-camp__lead-box::before,
.quest-program__lead-box::before {
	position: absolute;
	content: "";
	top: 0;
	right: 1.8125rem;
	width: 7.625rem;
	height: 8rem;
	background: url(../img/scope.png) no-repeat center center/contain;
}
@media screen and (max-width: 767px) {
	.science-camp__lead-box,
	.quest-program__lead-box {
		padding-top: 6rem;
	}
	.science-camp__lead-box::before,
	.quest-program__lead-box::before {
		content: none;
	}
}

.science-camp__lead-box .img,
.quest-program__lead-box .img {
	position: absolute;
	top: 2.0625rem;
	left: 1.25rem;
	width: 24.75rem;
}
.science-camp__lead-box .img img,
.quest-program__lead-box .img img {
	position: relative;
	z-index: 1;
	border-radius: 10px;
}
.science-camp__lead-box .img::before,
.quest-program__lead-box .img::before {
	position: absolute;
	content: "";
	top: 61%;
	left: 43%;
	-webkit-transform: rotate(10deg) translate(-50%, -50%);
	transform: rotate(10deg) translate(-50%, -50%);
	width: 100%;
	height: 100%;
	border-radius: 10px;
	background: #5d63a3;
	z-index: 0;
}
@media screen and (max-width: 767px) {
	.science-camp__lead-box .img,
	.quest-program__lead-box .img {
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		top: 1.25rem;
		width: 15rem;
	}
}

.science-camp__lead-box .text,
.quest-program__lead-box .text {
	width: 91.666%;
	margin-left: auto;
	padding: 3.4375rem 1.8125rem 3.6875rem 22.875rem;
	font-size: 1.5rem;
	border-radius: 20px;
	background: #fff;
	line-height: 1.5833;
}
.science-camp__lead-box .text .blue,
.quest-program__lead-box .text .blue {
	color: #5d63a3;
}
@media screen and (max-width: 767px) {
	.science-camp__lead-box .text,
	.quest-program__lead-box .text {
		font-size: 1rem;
		padding: 7.625rem 1.25rem 2.0625rem;
		width: 100%;
		line-height: 1.625;
	}
}

.science-camp__lead2 {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	-webkit-column-gap: 3.125rem;
	-moz-column-gap: 3.125rem;
	column-gap: 3.125rem;
	background: url(../img/w-bg.png) no-repeat left 7.4375rem top -2.4375rem/cover;
	background-size: 89%;
	padding: 5.4375rem 6.25rem 5.25rem;
}
@media screen and (max-width: 767px) {
	.science-camp__lead2 {
		grid-template-columns: 1fr;
		row-gap: 1.875rem;
		background: none;
		padding: 1.875rem 1.0625rem 2.625rem;
	}
}

.science-camp__lead2 .img {
	text-align: center;
}
.science-camp__lead2 .text {
	font-size: 1rem;
	margin-top: 0.6875rem;
	font-weight: 700;
	line-height: 1.75;
}
@media screen and (max-width: 767px) {
	.science-camp__lead2 .text {
		font-size: 0.875rem;
	}
}

.science-camp-video {
	position: relative;
	padding-top: 5.875rem;
	padding-bottom: 8.8125rem;
}
.science-camp-video::before {
	position: absolute;
	content: "";
	bottom: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background: url(../img/campvideo-bg2.png) no-repeat bottom center/cover;
	width: 52.3125rem;
	height: 21.5rem;
}
.science-camp-video::after {
	position: absolute;
	content: "";
	top: 3.75rem;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background: url(../img/campvideo-bg.png) no-repeat bottom center/cover;
	width: 100%;
	height: 35.6944vw;
	z-index: -1;
}
@media screen and (max-width: 767px) {
	.science-camp-video {
		width: 100%;
		padding-top: 2.625rem;
		padding-bottom: 2.8125rem;
	}
	.science-camp-video::before {
		width: 21.125rem;
		height: 8.6875rem;
	}
	.science-camp-video::after {
		background: url(../img/campvideo-bg-sp.png) no-repeat bottom center/cover;
		height: 64.5333vw;
		top: -0.125rem;
	}
}

.science-camp-video .video {
	text-align: center;
	position: relative;
	width: 53.25%;
	height: 0;
	padding-top: 31%;
	margin-inline: auto;
}
.science-camp-video .video iframe {
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	width: 100%;
	height: 100%;
	border: #fff solid 0.8125rem;
	border-radius: 20px;
}
@media screen and (max-width: 767px) {
	.science-camp-video .video {
		width: 95%;
		padding-top: 56%;
	}
	.science-camp-video .video iframe {
		border: #fff solid 0.75rem;
	}
}

.science-camp-cta {
	margin-top: 0.5rem;
}
@media screen and (max-width: 767px) {
	.science-camp-cta {
		margin-top: 1.6875rem;
	}
}

.science-camp-cta__text.archive-class__lead {
	font-weight: 700;
}
.science-camp-cta__text.archive-class__lead span {
	font-size: 1rem;
}

.science-camp-cta .btn {
	text-align: center;
	margin-top: 2.125rem;
}
@media screen and (max-width: 767px) {
	.science-camp-cta .btn {
		margin-top: 1.3125rem;
	}
}

.science-camp-cta .btn .btn-line {
	font-size: 1rem;
	padding-top: 1.5rem;
	padding-bottom: 2rem;
	width: 31.25rem;
	max-width: 100%;
	border-radius: 41px;
}
.science-camp-cta .btn .btn-line::before {
	border-radius: 41px;
}
@media screen and (max-width: 767px) {
	.science-camp-cta .btn .btn-line {
		padding-top: 0.875rem;
		padding-bottom: 1.0625rem;
	}
}

.science-camp-cta .btn .text {
	position: relative;
	padding-left: 4.375rem;
}
.science-camp-cta .btn .text::before {
	position: absolute;
	content: "";
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 0;
	width: 3.125rem;
	height: 3.125rem;
	background: url(../img/guidebook.png) no-repeat center center/contain;
}
@media screen and (max-width: 767px) {
	.science-camp-cta .btn .text {
		padding-left: 3.75rem;
		text-align: left;
	}
}

.science-camp__content,
.quest-program__content {
	padding-top: 10.375rem;
	padding-bottom: 4.0625rem;
}
@media screen and (max-width: 767px) {
	.science-camp__content,
	.quest-program__content {
		padding-top: 4.875rem;
		padding-bottom: 5.1875rem;
	}
}

/*---------------------------------------
サイエンスキャンプ・クエストプログラム　詳細
---------------------------------------*/
.single-eventpost__contents {
	margin-top: 14.5625rem;
	padding-bottom: 6.375rem;
}
@media screen and (max-width: 767px) {
	.single-eventpost__contents {
		margin-top: 1.875rem;
		padding-bottom: 4.9375rem;
	}
}

/*---------------------------------------
プライバシーポリシー
---------------------------------------*/
.privacy-policy__contents {
	font-size: 0.875rem;
	line-height: 1.7;
	border-radius: 20px;
	background: #fff;
	padding: 2.5rem 1.875rem;
	max-width: 56.25rem;
	margin-inline: auto;
	margin-top:6.25rem;
}
@media screen and (max-width: 767px) {
	.privacy-policy__contents {
		margin-top: 1rem;
	}
}
.privacy-policy__contents .about-truste {
	display: grid;
	grid-template-columns: 12.5rem 1fr;
	-webkit-column-gap: 1.25rem;
	-moz-column-gap: 1.25rem;
	column-gap: 1.25rem;
	margin: 1.25rem 0;
}
.privacy-policy__contents .blue {
	color: #5d63a3;
}
.privacy-policy__contents p {
	margin-top: 0.625rem;
}
.privacy-policy__contents .trust-list {
	margin: 0 0 1.25rem 0;
	background-color: #5d63a3;
	border-radius: 10px;
}
.privacy-policy__contents .trust-list ul {
	padding: 1.25rem;
	color: #fff;
}
.privacy-policy__contents .tlbox02 {
	border-radius: 5px;
	border: 3px solid #5d63a3;
	color: #5d63a3;
	font-size: 1.125rem;
	font-weight: 700;
	margin-top: 1.875rem;
	margin-bottom: 1.25rem;
	padding: 0.3125rem 1.5625rem;
}
.privacy-policy__contents .block dl dt {
	margin-top: 0.625rem;
}
.privacy-policy__contents .block dl.ig dt {
	color: #5d63a3;
	font-weight: bold;
}
.privacy-policy__contents .block .pipl-title {
	font-weight: 700;
}
.privacy-policy__contents .block dl.pipl dt {
	color: #5d63a3;
}
.privacy-policy__contents .block .cr {
	margin-top: 0.625rem;
}
@media screen and (max-width: 767px) {
	.privacy-policy__contents {
		padding: 1.25rem 0.625rem;
		max-width: 100%;
	}
	.privacy-policy__contents .about-truste {
		grid-template-columns: 1fr;
		row-gap: 0.625rem;
	}
	.privacy-policy__contents .fLeft {
		text-align: center;
	}
	.privacy-policy__contents .tlbox02 {
		padding: 0.3125rem 0.9375rem;
	}
}

/* ご入会の流れ */


.membership-flow__item .main {
	background: #fbffed;
	border-radius: 20px;
	width: 82%;
	margin-left: auto;
	padding: 1.625rem 1.9375rem 2.25rem 12.3125rem;
}

@media screen and (max-width: 767px) {
	.membership-flow__item .main {
		width: 100%;
		padding: 6.8125rem 1.25rem 1.75rem 1.25rem;
	}
}
.membership-flow__item .itemttl {
	position: relative;
	font-size: 1.75rem;
	font-weight: 700;
}

.membership-flow__item .itemttl::before {
	position: absolute;
	content: "";
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 4.875rem;
	height: 1.9375rem;
}

.membership-flow__item .itemttl span {
	background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(60%, #ffff8c));
	background-image: linear-gradient(transparent 0% 60%, #ffff8c 60% 100%);
	margin-left: 6.125rem;
}

@media screen and (max-width: 767px) {
	.membership-flow__item .itemttl {
		font-size: 1.125rem;
		padding-top: 2.875rem;
		text-align: center;
	}
	.membership-flow__item .itemttl::before {
		top: 0;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	.membership-flow__item .itemttl span {
		margin-left: 0;
	}
}
.membership-flow__item:nth-child(1) .itemttl::before {
	background: url(../img/flow-step01.png) no-repeat center center/contain;
}

.membership-flow__item:nth-child(2) .itemttl::before {
	background: url(../img/flow-step02.png) no-repeat center center/contain;
}

.membership-flow__item:nth-child(3) .itemttl::before {
	background: url(../img/flow-step03.png) no-repeat center center/contain;
}

.membership-flow__item .itemtext {
	margin-top: 1.25rem;
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.75;
}

@media screen and (max-width: 767px) {
	.membership-flow__item .itemtext {
		margin-top: 0.3125rem;
		font-size: 0.875rem;
	}
}
.membership-flow__item .itemsmall {
	margin-top: 0.375rem;
	font-weight: 500;
	font-size: 1rem;
	display: block;
}

@media screen and (max-width: 767px) {
	.membership-flow__item .itemsmall {
		font-size: 0.875rem;
		margin-top: 0.3125rem;
	}
}
@media screen and (min-width: 768px) {
	.p-course-detail__example {
		margin-top: 2.95625rem;
	}
}
@media screen and (max-width: 767px) {
	.p-course-detail__example {
		margin-top: 8vw;
	}
}

.p-class__archive__takes-minutes,
.p-class__archive__station {
	white-space: nowrap;
}
@media screen and (min-width: 768px) {
	.p-class__archive__takes-minutes,
	.p-class__archive__station {
		margin-top: 0.625rem;
	}
}
@media screen and (max-width: 767px) {
	.p-class__archive__takes-minutes,
	.p-class__archive__station {
		margin-top: 2.6666666667vw;
		max-width: 32vw;
	}
}
@media screen and (min-width: 768px) {
	.p-class__archive__takes-minutes,
	.p-class__archive__station {
		font-size: 0.875rem;
		line-height: 1.2142857143;
		letter-spacing: 0.02em;
		font-weight: 700;
	}
}
@media screen and (max-width: 767px) {
	.p-class__archive__takes-minutes,
	.p-class__archive__station {
		font-size:0.625rem;
		line-height: 1.4;
		letter-spacing: 0.02em;
		font-weight: 700;
	}
}

@media screen and (min-width: 768px) {
	.u-front__class__takes-minutes,
	.u-front__class__station {
		font-size: 0.75rem;
		line-height: 1.4166666667;
		letter-spacing: 0.02em;
		font-weight: 700;
	}
}

@media screen and (min-width: 768px) {
	.u-front__class__station {
		margin-top: 0.625rem;
	}
}

@media screen and (min-width: 768px) {
	.u-front__class__takes-minutes .u-front__class__station {
		margin-top: 0.3125rem;
	}
}

.u-class__tokyo {
	color: #5D63A3;
}

.u-class__kanagawa {
	color: #A1CDE0;
}

.u-class__saitama {
	color: #F0B9CE;
}


/* 入会案内 */
@media screen and (min-width: 768px) {
	.p-membership {
		margin-bottom: 3.125rem;
	}
}
.p-membership__inner {
	margin: 0 auto;
	background-color: #fff;
}
@media screen and (min-width: 768px) {
	.p-membership__inner {
		max-width: 73.096875rem;
		padding: 3.125rem 0 3.125rem;
		border-radius: 1.25rem;
	}
}

@media screen and (max-width: 767px) {
	.p-membership__inner {
		padding:2.1875rem 1.25rem 1.25rem;
		border-radius:10px;
		margin-bottom:2.5625rem;
	}
}
@media screen and (max-width: 767px) {
	.p-membership__text1 {
		padding:1.1875rem 3.1875rem;
		font-size:1rem;
		line-height: 1.5;
		letter-spacing: 0em;
		font-weight: 700;
		color:#fff;
		text-align:center;

	}
}
@media screen and (max-width: 767px) {
	.p-membership__text1 span{
		color:#FFFF8C;

	}
}

.p-membership__ttl {
	text-align: center;
	color: #5D63A3;
}
@media screen and (min-width: 768px) {
	.p-membership__ttl {
		font-size: 2.25rem;
		line-height: 1.1944444444;
		letter-spacing: 0.1em;
		font-weight: 700;
	}
}
@media screen and (max-width: 767px) {
	.p-membership__ttl {
		font-size:1.75rem;
		line-height: 1.2142857143;
		letter-spacing: 0.1em;
		font-weight: 700;
		margin-bottom: 1.625rem;
	}
}
@media screen and (max-width: 767px) {
	.p-membership__text-wrap{
		background-color:#A1CDE0;
		border-radius:10px;

	}
}
@media screen and (max-width: 767px) {
	.p-membership__lead{
		margin-top:1.25rem;

	}
}


@media screen and (max-width: 767px) {
	.p-membership__lead__text01{
		font-size:0.875rem;
		line-height: 1.5714285714;
		letter-spacing: 0em;
		font-weight: 700;
	}
}
@media screen and (max-width: 767px) {
	.p-membership__lead__text02{
		font-size:0.875rem;
		line-height: 1.5714285714;
		letter-spacing: 0em;
		font-weight: 400;
		margin-top:1rem;
	}
}
@media screen and (max-width: 767px) {
	.p-membership__course-btn{
		margin:1.625rem 0;
	}
}

@media screen and (max-width: 767px) {
	.p-membership__type__wrap {
		font-size:0.875rem;
		line-height: 1.5714285714;
		letter-spacing: 0em;
		font-weight: 400;
	}
}
@media screen and (max-width: 767px) {
	.p-membership__type__wrap p {
		margin-bottom: 3.2vw;
	}
}

@media screen and (max-width: 767px) {
	.p-membership__type01,
	.p-membership__type02 {
		color: #fff;
		text-align: center;
		padding: 0 2.1333333333vw;
	}
}
@media screen and (max-width: 767px) {
	.p-membership__type01,
	.p-membership__type02 {
		font-size:1rem;
		line-height: 2;
		letter-spacing: 0em;
		font-weight: 700;
	}
}

@media screen and (max-width: 767px) {
	.p-membership__type01 {
		background-color: #F8B353;
	}
}

@media screen and (max-width: 767px) {
	.p-membership__type02 {
		background-color: #DB4C2D;
	}
}

@media screen and (max-width: 767px) {
	.p-membership__type__text {
		font-size:1rem;
		line-height: 2;
		letter-spacing: 0em;
		font-weight: 400;
	}
}

@media screen and (max-width: 767px) {
	.p-membership__type__small-text {
		font-size:0.75rem;
		line-height: 2;
		letter-spacing: 0em;
		font-weight: 400;
	}
}
.p-membership__type__small-text a {
	text-decoration: underline;
}


@media screen and (max-width: 767px) {
	.p-membership__course-link {
		color: #A1CDE0;
		width: 78.4vw;
		height: 13.3333333333vw;
		display: flex;
		align-items: center;
		justify-content: center;
		border: 2px solid #A1CDE0;
		border-radius: 100px;
	}
}
@media screen and (max-width: 767px) {
	.p-membership__course-link {
		font-size:1.125rem;
		line-height: 1.7777777778;
		letter-spacing: 0em;
		font-weight: 700;
	}
}







.p-membership__step01 {
	background-color: #fbffed;
	position: relative;
}
@media screen and (min-width: 768px) {
	.p-membership__step01 {
		width: 51.25rem;
		padding: 35px 30px 30px 200px;
		margin: 3.25rem 6.25rem 2.5rem 15.625rem;
		border-radius: 20px;

	}
}
@media screen and (max-width: 767px) {
	.p-membership__step01 {
		margin:8.625rem 0 1.125rem;
		padding:11.5625rem 1.25rem 1.75rem;
	}
}


@media screen and (min-width: 768px) {
	.p-membership__step__img-wrap {
		position: absolute;
		width: 18.125rem;
		height: 13.09rem;
		top: 2.71875rem;
		left: -9.0625rem;
	}
}

@media screen and (min-width: 768px) {
	.p-membership__step__img-wrap02 {
		position: absolute;
		width: 18.125rem;
		height: 11.0325rem;
		top: 2.71875rem;
		left: -9.0625rem;
	}
}

@media screen and (max-width: 767px) {
	.p-membership__step__img-wrap {
		position:absolute;
		width:16.9075rem;
		height: 12.21125rem;
		border-radius: 2.6666666667vw;
		left: 50%;
		top: -6.1rem;
		transform: translatex(-50%);
		text-align: static;
	}
}

@media screen and (max-width: 767px) {
	.p-membership__step__img-wrap02{
		position:absolute;
		width:16.223125rem;
		height: 9.875rem;
		border-radius: 2.6666666667vw;
		left: 50%;
		top: -6.1rem;
		transform: translatex(-50%);
		text-align: static;
	}
}


@media screen and (min-width: 768px) {
	.p-membership__step__img-wrap02::before {
		position: absolute;
		content: "";
		display: block;
		top: 36%;
		left: 55%;
		transform: rotate(-10deg) translate(-50%, -50%);
		width: 100%;
		height: 100%;
		border-radius: 10px;
		background: #b3d541;
		z-index: 2;
	}
}





@media screen and (min-width: 768px) {
	.p-membership__step__img-wrap::before {
		position: absolute;
		content: "";
		display: block;
		top: 36%;
		left: 55%;
		transform: rotate(-10deg) translate(-50%, -50%);
		width: 100%;
		height: 100%;
		border-radius: 10px;
		background: #b3d541;
		z-index: 2;
	}


}

.p-membership__step__img {
	position: relative;
	z-index: 3;
	left: 50%;
	top: 0;
	transform: translatex(-50%);

}



@media screen and (max-width: 767px) {
	.u-p-membership__step__img{

		width:18.4375rem;
		height:13.31625rem;
	}
}



@media screen and (max-width: 767px) {
	.p-membership__step__img-wrap::before {
		position: absolute;
		content: "";
		display: block;
		left: 55%;
		top: 4.625rem;
		transform: translatex(-50%);
		transform: rotate(-10deg) translate(-50%, -50%);
		width: 16.9075rem;
		height: 12.21125rem;
		border-radius: 10px;
		background: #b3d541;
		z-index: 2;
	}
}

@media screen and (max-width: 767px) {
	.p-membership__step__img-wrap02::before {
		position: absolute;
		content: "";
		display: block;
		left: 54%;
		top: 3.375rem;
		transform: translatex(-50%);
		transform: rotate(-10deg) translate(-50%, -50%);
		width: 16.223125rem;
		height: 9.875rem;
		border-radius: 10px;
		background: #b3d541;
		z-index: 2;
	}
}


.p-membership__step__ttl {
	position: relative;
	display: inline-block;
	background: linear-gradient(transparent 50%, #FFFF8C 50%);
}
@media screen and (min-width: 768px) {
	.p-membership__step__ttl {
		margin: 0 0 1.875rem 6.0625rem;
	}
}
@media screen and (min-width: 768px) {
	.p-membership__step__ttl {
		font-size: 1.75rem;
		line-height: 1.5357142857;
		letter-spacing: 0.02em;
		font-weight: 700;
	}
}
@media screen and (max-width: 767px) {
	.p-membership__step__ttl {
		font-size:1.125rem;
		line-height: 1.2222222222;
		letter-spacing: 0.02em;
		font-weight: 700;
		left: 50%;
		transform: translateX(-50%);
	}
}
.p-membership__step__ttl::before {
	position: absolute;
	content: "";

}
@media screen and (min-width: 768px) {
	.p-membership__step__ttl::before {
		width: 4.91875rem;
		height: 1.928125rem;
		left: -5.875rem;
		top: 50%;
		transform: translateY(-50%);
	}
}

@media screen and (max-width: 767px) {
	.p-membership__step01::before {
		width: 4.91875rem;
		height: 1.928125rem;
		top:8.5625rem;
		/* 		left:6.8125rem; */
		left: 50%;
		transform: translatex(-50%);
		position:absolute;
		content:"";
	}
}
@media screen and (min-width: 768px) {

	.u-step-sp01,
	.u-step-sp02,
	.u-step-sp03,
	.u-step-sp04,
	.u-step-sp05{
		margin-left:6.25rem;
		width:60.6875rem;
		padding-left:2.3125rem;
	}
}

.u-step01::before, .u-step-sp01::before {
	background: url(../img/flow-step01.png) no-repeat center center/contain;
}

.u-step02::before,  .u-step-sp02::before {
	background: url(../img/flow-step02.png) no-repeat center center/contain;
}

.u-step03::before, .u-step-sp03::before {
	background: url(../img/flow-step03.png) no-repeat center center/contain;
}

.u-step04::before, .u-step-sp04::before {
	background: url(../img/flow-step04.png) no-repeat center center/contain;
}

.u-step05::before, .u-step-sp05::before {
	background: url(../img/flow-step05.png) no-repeat center center/contain;
}

@media screen and (max-width: 767px) {
	.u-step02::before,  .u-step-sp02::before {
		top: 5.75rem;
	}
}
@media screen and (max-width: 767px) {
	.u-step03::before, .u-step-sp03::before {
		top:5.6875rem;
	}
}
@media screen and (max-width: 767px) {
	.u-step-sp02{
		margin-top:9.1875rem;
		padding: 8.6875rem 1.09375rem  1rem;
	}
}
@media screen and (max-width: 767px) {
	.u-step-sp03{
		margin-top:9.5rem;
		padding:8.5625rem 1.09375rem 0;
	}
}

@media screen and (max-width: 767px) {
	.u-step-sp01::before,
	.u-step-sp02::before,
	.u-step-sp03::before,
	.u-step-sp04::before,
	.u-step-sp05::before{
		top: 1.5625rem;
	}
}

@media screen and (max-width: 767px) {
	.u-step-sp01,
	.u-step-sp02,
	.u-step-sp03,
	.u-step-sp04,
	.u-step-sp05{
		margin-top:1.75rem;
		padding-top:4.6875rem;
	}
}


@media screen and (min-width: 768px) {
	.p-membership__step__text {
		font-size: 1rem;
		line-height: 1.75;
		letter-spacing: 0.02em;
		font-weight: 700;

	}
}
@media screen and (max-width: 767px) {
	.p-membership__step__text {
		font-size:0.875rem;
		line-height: 1.7142857143;
		letter-spacing: 0em;
		font-weight: 700;

		text-align: start;
		margin-top:0.625rem;
	}
}
@media screen and (max-width: 767px) {
	.u-step__text{
		margin-top:0.625rem;
	}
}

@media screen and (min-width: 768px) {
	.p-membership__step__text-small {
		font-size: 1rem;
		line-height: 1.75;
		letter-spacing: 0.02em;
		font-weight: 400;
	}
}
@media screen and (max-width: 767px) {
	.p-membership .p-membership__step01 .p-membership__step__text-small {
		font-size:0.875rem;
		line-height: 1.7142857143;
		letter-spacing: 0.02em;
		font-weight: 400;
		text-align:start;
		display: inline-block;
	}
}
.u-membership__step__text{
	text-align:start;
}
.p-membership__notes {
	background-color: #F8F8F8;
	margin: 0 auto;
}
@media screen and (min-width: 768px) {
	.p-membership__notes {
		width: 51.25rem;
		border-radius: 1.25rem;
		padding: 0 2.5rem 1.25rem 2.5rem;
	}
}
@media screen and (max-width: 767px) {
	.p-membership__notes {
		padding:1.25rem 1.125rem 2rem;
		margin-bottom:1.125rem;
	}
}

@media screen and (min-width: 768px) {
	.p-membership__notes__ttl {
		padding: 1.25rem 0 0.25rem;
	}
}


@media screen and (max-width: 767px) {
	.p-membership__notes__ttl {
		font-size:1rem;
		line-height: 1.75;
		letter-spacing: 0.02em;
		font-weight: 700;
		margin-bottom:0.625rem;
	}
}


@media screen and (min-width: 768px) {
	.p-membership__notes__ttl {
		font-size: 1rem;
		line-height: 1.75;
		letter-spacing: 0.02em;
		font-weight: 700;
	}
}

@media screen and (max-width: 767px) {
	.p-membership__notes__list {
		margin-bottom:1.125rem;
	}
}

@media screen and (min-width: 768px) {
	.p-membership__notes__item {
		font-size: 0.75rem;
		line-height: 2;
		letter-spacing: 0.02em;
		font-weight: 400;
	}
}
@media screen and (max-width: 767px) {
	.p-membership__notes__item {
		font-size:0.75rem;
		line-height: 2;
		letter-spacing: 0.02em;
		font-weight: 400;

	}
}
@media screen and (min-width: 768px) {
	.p-membership__notes__item:last-of-type {
		margin-bottom: 0;
	}
}
@media screen and (min-width: 768px) {
	.p-membership__notes__text {
		font-size: 0.75rem;
		line-height: 2.8333333333;
		letter-spacing: 0.02em;
		font-weight: 400;
	}
}
@media screen and (max-width: 767px) {
	.p-membership__notes__text {
		font-size:0.75rem;
		line-height: 2;
		letter-spacing: 0.02em;
		font-weight: 400;
	}
}


@media screen and (min-width: 768px) {
	.p-membership__experience {
		margin: 0 auto 3.125rem;
		width: 56.25rem;
	}
}

@media screen and (max-width: 767px) {
	.p-membership__experience {

	}
}
.p-membership__experience__ttl {
	color: #F8B353;
	text-align: center;
	border: 3px solid #F8B353;
}
@media screen and (max-width: 767px) {
	.p-membership__experience__ttl {
		margin-bottom:0.8125rem;
		font-size: 1rem;
		line-height: 1.25;
		letter-spacing: 0.02em;
		font-weight: 700;
		padding: 0.25rem 0;
	}
}
@media screen and (min-width: 768px) {
	.p-membership__experience__ttl {
		margin: 2.25rem 0 1.5625rem;
	}
}

@media screen and (min-width: 768px) {
	.p-membership__experience__ttl {
		font-size: 1.25rem;
		line-height: 1.75;
		letter-spacing: 0.02em;
		font-weight: 900;
		padding: 0.25rem;
	}
}

@media screen and (min-width: 768px) {
	.p-membership__experience__box-wrap01,
	.p-membership__experience__box-wrap02 {
		display: flex;
	}
}



@media screen and (max-width: 767px) {
	.p-membership__experience__box-wrap01,
	.p-membership__experience__box-wrap02 {
		display: flex;
		flex-direction:column-reverse;
		align-items: center;
	}
}

@media screen and (min-width: 768px) {
	.p-membership__experience__box-wrap02 {
		margin-top: 2.0625rem;
	}
}


@media screen and (min-width: 768px) {
	.p-experience__box-ttl {
		margin-bottom: 0.5625rem;
		white-space: nowrap;
	}
}
@media screen and (min-width: 768px) {
	.p-experience__box-ttl {
		font-size: 1rem;
		line-height: 1.75;
		letter-spacing: 0.02em;
		font-weight: 700;
	}
}
@media screen and (max-width: 767px) {
	.p-experience__box-ttl {
		font-size: 1rem;
		line-height: 1.5;
		letter-spacing: 0.02em;
		font-weight: 700;
		text-align:center;
		margin: 0 auto 0.9375rem;
		max-width:18.75rem;
	}
}
@media screen and (max-width: 767px) {
	.u-box__ttl__space{
		display:inline-block;

	}
}

/* @media screen and (max-width: 767px) {
.p-experience__box-ttl span{
margin-bottom:0.625rem;
}
} */

@media screen and (min-width: 768px) {
	.p-experience__box-text {
		margin-right: 4.8125rem;
	}
}
@media screen and (min-width: 768px) {
	.p-experience__box-text {
		font-size: 1rem;
		line-height: 1.75;
		letter-spacing: 0.02em;
		font-weight: 400;
	}
}
@media screen and (max-width: 767px) {
	.p-experience__box-text {
		font-size: 1rem;
		line-height: 1.75;
		letter-spacing: 0.02em;
		font-weight: 400;

	}
}
@media screen and (max-width: 767px) {
	.u-box-text02{
		margin-bottom:2.34375rem;
	}
}
@media screen and (min-width: 768px) {
	.p-membership__experience__img01 {
		width:19.9375rem;
		height: 15.875rem;
		margin-bottom:0.625rem;

	}
}






@media screen and (min-width: 768px) {
	.p-membership__experience__img02 {
		margin-top: 3.1875rem;
		width: 19.6875rem;
		height: 13.125rem;

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

	.p-membership__experience__img01,
	.p-membership__experience__img02
	{
		margin-bottom:1.6875rem;
		width:18.75rem;
	}
}






@media screen and (min-width: 768px) {
	.u-experience__box-ttl {
		margin-top: 1.25rem;
	}
}
.u-step__text-red {
	color: #DB4C2D;
}

.u-step__text__blue {
	color: #5D63A3;
}
@media screen and (min-width: 768px) {
	.u-step__text__blue {
		margin: 0.625rem 0;
	}
}



/* 基礎研究 共通 */

@media screen and (min-width: 768px) {
	.u-course-detail__ttl {
		font-size: 1.5rem;
		line-height: 1.2083333333;
		letter-spacing: 0.1em;
		font-weight: 700;
	}
}
@media screen and (max-width: 767px) {
	.u-course-detail__ttl {
		font-size:1.125rem;
		line-height: 1.2222222222;
		letter-spacing: 0em;
		font-weight: 700;
	}
}

@media screen and (min-width: 768px) {
	.u-course-detail__text {
		margin-top: 7.78125rem;
	}
}
@media screen and (max-width: 767px) {
	.u-course-detail__text {
		margin-top: 7.92vw;
	}
}
@media screen and (min-width: 768px) {
	.u-course-detail__text {
		font-size: 1rem;
		line-height: 1.75;
		letter-spacing: 0em;
		font-weight: 700;
	}
}
@media screen and (max-width: 767px) {
	.u-course-detail__text {
		font-size:0.875rem;
		line-height: 1.7142857143;
		letter-spacing: 0.02em;
		font-weight: 700;
	}
}

/* クラスのまとめ */

@media screen and (min-width: 768px) {
	.course-detail__conclusion {
		margin: 0 auto 3.125rem;
		max-width: 75rem;
	}
}
@media screen and (max-width: 767px) {
	.course-detail__conclusion {
		max-width: 89.3333333333vw;
		margin: 0 auto 13.3333333333vw;
	}
}

.course-detail__conclusion__box {
	background-color: #fff;
}
@media screen and (min-width: 768px) {
	.course-detail__conclusion__box {
		display: flex;
		border-radius: 1.25rem;
		gap: 1.25rem;
		padding: 2.90625rem 6.25rem 2.35rem 6.21875rem;
		margin-top: 1.4375rem;
	}
}
@media screen and (max-width: 767px) {
	.course-detail__conclusion__box {
		border-radius: 5.3333333333vw;
		gap: 5.3333333333vw;
		padding: 6.6666666667vw 2.6666666667vw 8.2666666667vw;
		margin-top: 6.4vw;
		text-align:center;
	}
}

@media screen and (min-width: 768px) {
	.course-detail__conclusion__img {
		width: 7.625rem;
		height: 6.8125rem;
	}
}
@media screen and (max-width: 767px) {
	.course-detail__conclusion__img {
		width: 29.0666666667vw;
		height: 32.5333333333vw;
		margin: 0 auto;
	}
}

@media screen and (min-width: 768px) {
	.course-detail__conclusion__text {
		font-size: 1rem;
		line-height: 1.75;
		letter-spacing: 0em;
		font-weight: 700;
	}
}
@media screen and (max-width: 767px) {
	.course-detail__conclusion__text {
		font-size:1rem;
		line-height: 1.75;
		letter-spacing: 0em;
		font-weight: 700;
		text-align:start;
	}
}

/* 
------------------------------------
bottomlists 追加
----------------------------------- */

.u-bottomlists__ttl {
	position: relative;
}
@media screen and (min-width: 768px) {
	.u-bottomlists__ttl {
		margin-right: auto;
		margin-bottom: 2.125rem;
		font-size: 1.5rem;
		line-height: 1.2083333333;
		letter-spacing: 0.1em;
		font-weight: 700;
	}
}
@media screen and (max-width: 767px) {
	.u-bottomlists__ttl {
		font-size:1.5rem;
		line-height: 1.2083333333;
		letter-spacing: 0.1em;
		font-weight: 700;
	}
}



.u-bottomlists__ttl::before, .u-bottomlists__ttl::after {
	position: absolute;
	content: "";
	display: block;
	margin-right: auto;
	transform: rotate(180deg);
}


/* コース個別ページ */
.u-bottomlists__ttl::before {
	width: 0.625rem;
	height: 0.6125rem;
	top: 2.0125rem;
	left: 1.25rem;
	border-right: 1.375rem solid transparent;
	border-bottom: 0.9375rem solid #5D63A3;
	border-left: 1.375rem solid transparent;
}

.u-bottomlists__ttl::after {
	z-index: 2;
	width: 0.625rem;
	height: 0.6125rem;
	left: 1.25rem;
	top: 1.825rem;
	border-right: 1.375rem solid transparent;
	border-bottom: 0.9375rem solid #fff;
	border-left: 1.375rem solid transparent;
}

/* コース　クラス表 */
.course-detail__class__tablewrap {
	background-color: #fff;
	display: flex;
	/* 	align-items: center; */
	padding: 1rem 1rem 1rem 2.75rem;
	column-gap: 1rem;
}
.course-detail__class__tablewrap.last {
	border-radius: 0 0 1.25rem 1.25rem;
}

@media screen and (min-width: 768px) {
	.course-detail__class__tablewrap.last {
		padding-bottom: 1.5rem;
	}
}
@media screen and (max-width: 767px) {
	.course-detail__class__tablewrap.second,
	.course-detail__class__tablewrap.last {
		padding-top: 3.75rem;
	}

}

@media screen and (max-width: 767px) {
	.course-detail__class__tablewrap {
		flex-direction:column;
		row-gap: 1rem;
		padding: 0.625rem 0 1.25rem;
	}
}
.course-detail__class__tablewrap .table-bg-blue {
	background-color:#EFFAFF;
}
.course-detail__class__tablewrap .table-bg-yellow {
	background-color:#FFFFDE;
}
.course-detail__class__tablewrap .table-bg-pink {
	background-color:#FFF0E8;
}
.course-detail__class__tablettl {
	font-size: 1.125rem;
	font-weight: 700;
	letter-spacing: 0.1em;
	color: #5D63A3;
	text-align: center;
	line-height: 1.3333;

}
@media screen and (min-width: 768px) {
	.course-detail__class__tablettl {
		min-width: 8.6630625rem;
		display: flex;
		align-items: center;
		justify-content: center;
		margin: 4.4rem 0 2.1rem;
	}
}
@media screen and (max-width: 767px) {
	.course-detail__class__tablettl {
		margin: 0 1rem;
		padding: 0.625rem 0;
		border-radius: 1.25rem;
	}
}
.course-detail__class__tablewrap .is-pc {
	flex: 1;
}
.course-detail__class__table {
	width: 100%;
	border-collapse: separate;
	border-spacing: 1rem;
}
.course-detail__class__table thead th {
	font-size: 0.9375rem;
	color: #fff;
	font-weight: 700;
	padding: 0.625rem;
	background-color: #A1CDE0;
	border-radius: 0.625rem;
	line-height: 1.25;
}
.course-detail__class__table thead th.green {
	background-color: #B3D541;
}
.course-detail__class__table thead th.red {
	background-color: #DB4C2D;
}
.course-detail__class__table thead th.orange {
	background-color: #FFA372;
}

.course-detail__class__table thead th:first-of-type {
	background-color: transparent;
}
.course-detail__class__table thead th:not(:first-of-type) {
	width: 50%;
	min-width: 15rem;
}
.course-detail__class__table tbody th {
	color: #5D63A3;
	font-size: 1.125rem;
	font-weight: 700;
	letter-spacing: 0.02em;
	padding: 1rem 0;
	border-radius: 0.625rem;
	border: 0.1875rem solid #5D63A3;
	line-height: 1.25;
	min-width: 9.9875rem;
	width: 9.9875rem;
	vertical-align: middle;
}
.course-detail__class__table tbody th sup,
.course-detail__class__spTable tbody th sup{
	font-size: 0.65em;
	vertical-align: super;
	margin-left: -0.65rem;
}
.page-template-page-stec .course-detail__class__table tbody th sup,
.page-template-page-stec .course-detail__class__spTable tbody th sup,
.page-template-page-exam-science .course-detail__class__table tbody th sup,
.page-template-page-exam-science .course-detail__class__spTable tbody th sup {
	color: #000;
	font-weight: 400;
}
.course-detail__class__table tbody tr {
	position: relative;
}
.course-detail__class__table tbody tr::after {
	position: absolute;
	content: '';
	display: block;
	width: calc( 100% - 12rem );
	height: 0;
	border-bottom: 0.1875rem dotted #5D63A3;
	bottom: -0.55rem;
	right: 0;
}
.course-detail__class__table tbody td {
	font-size: 1rem;
	line-height: 1.5;
	font-weight: 700;
	letter-spacing: 0.02em;
	text-align: center;
	vertical-align: middle;
	padding: 0.6rem 0 0.9rem;
	position: relative;
	width: 15.23rem;
}
.course-detail__class__table tbody .courseDescription td{
	text-align: left;
	vertical-align: top;
	padding-top: 1rem;
	font-weight: 400;
}
.course-detail__class__table tbody .courseDescription td img{
	display: block;
	margin: 0 auto;
	width: 100%;
	max-width: 270px;
	margin-bottom: 0.5rem;
}
.stec .course-detail__class__table tbody td {
	width: auto;
}
.page-template-page-stec .course-detail__class__table tbody td,
.page-template-page-exam-science .course-detail__class__table tbody td{
	width: auto;
}
.course-detail__class__table tbody td.va-t {
	vertical-align: top;
}
.course-detail__class__table tbody td:not(:last-of-type)::after {
	position: absolute;
	content: '';
	display: block;
	width: 0;
	height: 100%;
	border-right: 0.1875rem dotted #5D63A3;
	right: -0.6rem;
	top: 0;
	z-index: 10;
}
.course-detail__class__table tbody td span {
	display: inline-block;
	font-size: 0.75rem;
	line-height: 2;
	font-weight: 400;
}
.course-detail__class__notes {
	font-size: 0.75rem;
	line-height: 1.5;
	margin-left: 13rem;
	margin-right: 0.625rem;
}
@media screen and (min-width: 768px) {
	.page-template-page-stec .course-detail__class__notes,
	.page-template-page-exam-science .course-detail__class__notes {
		margin-left: 1rem;
	}
}

.u-stec__table__top{
	background-color:#fff;
	margin:0;
	text-align:center;
	padding-top:0.625rem;
}
@media screen and (max-width: 767px) {
	.u-stec__table__top{
		text-align:start;
		padding:0.625rem 0.8125rem;
	}
}

.course-detail__class__tablewrap .is-sp {
	width: 100%;
}
.course-detail__class__spItem + .course-detail__class__spItem {
	margin-top: 2rem;
}
.course-detail__class__spTtl {
	background-color: #A1CDE0;
	color: #fff;
	font-size: 1.125rem;
	line-height: 1.333333;
	font-weight: 700;
	letter-spacing: 0.1rem;
	text-align: center;
	padding: 0.375rem 0;
}
.course-detail__class__spTtl.green {
	background-color: #B3D541;
}
.course-detail__class__spTtl.red {
	background-color: #DB4C2D;
}
.course-detail__class__spTtl.orange {
	background-color: #FFA372;
}

.course-detail__class__spTable {
	margin: 0 auto;
	width: calc(100% - 2.5rem);
}
.course-detail__class__spTable tr {
	border-bottom: 3px dotted #5D63A3;
}
.course-detail__class__spTable th {
	font-size: 1.125rem;
	font-weight: 700;
	color: #5D63A3;
	padding: 1rem 0 1rem 0.625rem;
	line-height: 1.25;
	text-align: left;
	white-space: nowrap;
}
.course-detail__class__spTable td {
	font-size: 1rem;
	padding: 1.25rem 0;
	line-height: 1.25;
	font-weight: 700;
}
.course-detail__class__spTable .courseDescription table{
	display: block;
	width: 100%;
}
.course-detail__class__spTable .courseDescription table tr{
	border-bottom: none;
}
.course-detail__class__spTable .courseDescription table th{
	display: block;
	padding-top: 0;
	padding-bottom: 0;
}
.course-detail__class__spTable .courseDescription table td{
	display: block;
	font-weight: 400;
	padding-top: 0.8rem;
	padding-bottom: 0;
	padding-left: 0.625rem;
}
.course-detail__class__spTable .courseDescription table td img{
	display: block;
	margin: 0 auto;
	width: 60vw;
	max-width: 270px;
	margin-bottom: 0.5rem;
}
.course-detail__class__spTable td span {
	font-weight: 400;
	display: inline-block;
	font-size: 0.875rem;
	margin-top: 0.75rem;
}
.course-detail__class__spNotes {
	font-size: 0.75rem;
	margin: 0.625rem 0.625rem 0 0.625rem;
	line-height: 1.7;
	letter-spacing: 0.02em;
}

.u-class__notes__sp{
	margin:0.625rem 1.25rem;
}

.course-detail__class__tablewrap .course-detail__class__table thead .u-orange {
	width: 100%;
	min-width:30rem;
}

/* コース親ページ */
.u-course__arrow::before {
	width: 0.625rem;
	height: 0.6125rem;
	left: 2.0625rem;
	top: 2.1rem;
	border-right: 0.75rem solid transparent;
	border-bottom: 0.75rem solid #5D63A3;
	border-left: 0.75rem solid transparent;

}
@media screen and (max-width: 767px) {
	@media screen and (max-width: 767px) {
		.u-bottomlists__ttl::before {

			top:2.4375rem;
		}
	}
}

.u-course__arrow::after {
	z-index: 2;
	width: 0.625rem;
	height: 0.6125rem;
	left: 2.0625rem;
	top: 1.9125rem;
	border-right: 0.75rem solid transparent;
	border-bottom: 0.75rem solid #fff;
	border-left: 0.75rem solid transparent;

}
@media screen and (max-width: 767px) {
	.u-course__arrow::after {

		top:2.25rem;
	}
}
.u-bottomlists__lead {
	color: #5D63A3;
}
@media screen and (min-width: 768px) {
	.u-bottomlists__lead {
		margin-right: auto;
		font-size: 1rem;
		line-height: 1.75;
		letter-spacing: 0em;
		font-weight: 700;
		margin-bottom:1.125rem;
	}
}
.u-bottomlists__text {
	position: relative;
}


@media screen and (min-width: 768px) {
	.u-bottomlists__text {
		position: relative;
		font-size: 0.875rem;
		line-height: 2;
		letter-spacing: 0em;
		font-weight: 700;
	}
}

.u-bottomlists__text::before {
	border-bottom: 2px solid #5D63A3;
	position: absolute;
	content: "";
	display: block;
	width: 100%;
	height: auto;
	top: -6.25rem;
	left: 0px;


}


@media screen and (min-width: 768px) {
	.p-course__text::before {
		border-bottom: 2px solid #5D63A3;
		position: absolute;
		content: "";
		display: block;
		width: 100%;
		height: auto;
		top: -3.8125rem;
		left: 0px;
	}
}

@media screen and (max-width: 767px) {
	.p-course__text::before {
		top: -6.3125rem;
	}
}


/* よくあるご質問 */
.membership-qa__contents .item .item-a .u-qa__link{
	color:#0000de;
}
/* イベント追加 */
@media screen and (min-width: 768px) {
	.u-event__bread__list{
		margin-top:1.875rem;
	}
}
@media screen and (max-width: 767px) {
	.u-event__bread__list{
		margin-top:0;
	}
}
.u-event__bread{
	margin-bottom:2.25rem;
}
.event-item span{
	font-size: 12px;
	line-height: 1.1666666667;
	letter-spacing: 0.1em;
	font-weight: 700;
}
@media screen and (min-width: 768px) {
	.event-item__box .event__btn .u-event__btn__text{
		font-size: 1rem;
		line-height: 1.5;
		letter-spacing: 0.05em;
		font-weight: 700;
	}
}
@media screen and (max-width: 767px) {
	.event-item__box .event__btn .u-event__btn__text{
		font-size: 1rem;
		line-height: 1.5;
		letter-spacing: 0.05em;
		font-weight: 700;
	}
}

.u-event__lead-top {
	text-align: center;
	color: #5D63A3;
}
@media screen and (min-width: 768px) {
	.u-event__lead-top {
		margin: 2.0625rem 0 1.25rem;
	}
}
@media screen and (max-width: 767px) {
	.u-event__lead-top {
		margin: 13.3333333333vw 0 5.3333333333vw;
	}
}
@media screen and (min-width: 768px) {
	.u-event__lead-top {
		font-size: 1.25rem;
		line-height: 1.4;
		letter-spacing: 0em;
		font-weight: 700;
	}
}
@media screen and (max-width: 767px) {
	.u-event__lead-top {
		font-size:1.125rem;
		line-height: 1.3333333333;
		letter-spacing: 0.05em;
		font-weight: 700;
	}
}

.u-event__lead-bottom {
	margin: 0 auto;
	color: #5D63A3;
	background: #fff;
	border: 1px solid #5d63a3;
}
@media screen and (min-width: 768px) {
	.u-event__lead-bottom {
		margin-bottom: 7.4rem;
		padding: 0.8125rem 3.9375rem;
		width: 68.75rem;
		border-radius: 0.3125rem;
		white-space:nowrap;
	}
}
@media screen and (max-width: 767px) {
	.u-event__lead-bottom {
		text-align:center;
		padding: 1.25rem 0.625rem;
		margin-bottom: 8.75rem;
	}
}
@media screen and (min-width: 768px) {
	.u-event__lead-bottom {
		font-size: 1rem;
		line-height: 1.75;
		letter-spacing: 0em;
		font-weight: 700;
	}
}
@media screen and (max-width: 767px) {
	.u-event__lead-bottom {
		font-size:0.875rem;
		line-height: 1.7142857143;
		letter-spacing: 0em;
		font-weight: 700;
	}
}
.u-event__btn{
	margin-top: 1.2375rem;
}
@media screen and (max-width: 767px) {
	.u-event-inner{
		margin:0 auto;
		/* 		max-width:22.1875rem;
		width:22.1875rem; */

	}
}
@media screen and (max-width: 767px) {
	.event-list{
		max-width:20.9375rem;
		margin:0 auto;

	}
}
@media screen and (max-width: 767px) {
	.u-event__benner{
		margin-bottom: 0;
	}
}

.membership-subttl {
	color: #5D63A3;
	text-align: center;
	background-color: #EDF6FC;
}
@media screen and (min-width: 768px) {
	.membership-subttl {
		margin: 1.5625rem 0 1.75rem;
		padding: 0.35375rem 0 0.40625rem;
	}
}
@media screen and (max-width: 767px) {
	.membership-subttl {
		padding: 1.3333333333vw 0 1.6vw;
		margin: 0.875rem 0 1.5rem;
	}
}
@media screen and (min-width: 768px) {
	.membership-subttl {
		font-size: 1.125rem;
		line-height: 1.4444444444;
		letter-spacing: 0.05em;
		font-weight: 700;
	}
}
@media screen and (max-width: 767px) {
	.membership-subttl {
		font-size:1.125rem;
		line-height: 1.7142857143;
		letter-spacing: 0.05em;
		font-weight: 700;
	}
}

/* コース一覧 */

.p-course__choice {
	color: #fff;
	background-color: #A1CDE0;
	margin: 0 calc(50% - 50vw);
	width: 100vw;
	text-align: center;
}
@media screen and (min-width: 768px) {
	.p-course__choice {
		padding: 1.25rem 0;
	}
}
@media screen and (max-width: 767px) {
	.p-course__choice {
		padding: 2.6666666667vw;
	}
}
@media screen and (min-width: 768px) {
	.p-course__choice {
		font-size: 1.5rem;
		line-height: 1.2083333333;
		letter-spacing: 0.1em;
		font-weight: 700;
	}
}
@media screen and (max-width: 767px) {
	.p-course__choice {
		font-size:1.125rem;
		line-height: 1.2222222222;
		letter-spacing: 0.1em;
		font-weight: 700;
		margin-top:2.175rem;

	}
}
u-choice-year
@media screen and (max-width: 767px) {
	.u-choice-year {

		margin-top:4.175rem;

	}
}
.p-course__lead{
	margin-bottom: 1.1875rem;
	font-size: 1.125rem;
	line-height: 1.2222222222;
	letter-spacing: 0.07em;
	font-weight: 700;
	margin-bottom:1rem;
	white-space: nowrap;

}
@media screen and (max-width: 767px) {
	.p-course__lead{
		font-size: 1rem;
		line-height: 1.625;
		letter-spacing: 0em;
		font-weight: 700;
		margin-top:2.125rem;
		margin-bottom:1.5rem;
	}
}

.p-course__text{
	font-size: 0.875rem;
	line-height: 2;
	letter-spacing: 0em;
	font-weight: 700;
}
@media screen and (max-width: 767px) {
	.p-course__text{
		font-size:0.875rem;
		line-height: 2;
		letter-spacing: 0em;
		font-weight: 700;
	}
}

.p-course__info__wrap{
	margin:0 6.375rem 0 6.0625rem;
}

.u-info__list{
	padding-top:1rem;
}
.u-course__info{
	margin:3rem 0 0 0;
}

.u-info__wrap{
	margin:0 2rem 0 0;
}
.p-course__info__list{
	text-align:center;
}

.u-course__btn-line__stec{


}
@media screen and (min-width: 768px) {
	.course__box .u-course__btn-line__exam-science{
		padding:0.875rem 4.75rem 1.1875rem 4.5rem
			;
	}
}
@media screen and (min-width: 768px) {
	.course__box .u-course__btn-line__stec {
		padding: 0.875rem 5.625rem 1.1875rem 4.625rem;
	}
}
@media screen and (min-width: 768px) {
	.course__info .u-course__btn{
		margin-left:0;
		margin-top:1.5rem;
		text-align:center;
	}
	.course__info .u-course__btn a{
		width: 100%;
	}
}
.bottomlists__inner {
	max-width:67.0625rem;
	width:67.0625rem;
	margin:0 auto;
}
@media screen and (max-width: 767px) {
	.bottomlists__inner {
		max-width:20.9375rem;
		width:20.9375rem;
		margin:0 auto;
	}
}


.course-bottomlists__contents .u-bottomlists__btns{
	margin-right:0;
}

.p-infant__btn{
	margin:3.625rem 0 3.125rem;
}
@media screen and (max-width: 767px) {
	.p-infant__btn{
		margin:2.5rem 0 ;
	}
}

@media screen and (max-width: 767px) {
	.u-bottomlists__arrow::before,
	.u-bottomlists__arrow::after
	{
		width:0;
		height:0;
		border-bottom: 0 solid #5D63A3;
	}
}

.course-detail__movie {
	margin: 5rem 0;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
}
.course-detail__movie video {
	max-width: 100%;
	width: 29.5rem;
	margin: 0;
}
@media screen and (max-width: 767px) {
	.course-detail__movie {
		margin: 1.5rem 0;
	}
	.course-detail__movie video {
		width: 22rem;
	}
}

.u-qa{
	padding:0 50px;
	background: #fff;
}


.p-qa__inner{
	background: #fff;
	border-radius: 20px;
	padding: 2.4375rem 6.25rem 4.625rem;
	margin-top: 3.125rem;
}
.u-qa{
	margin:50px ;
}
.u-qa-inner{
	padding:0;
	margin:50px 0;
}

.page-course-exam-science .course-detail__lead-box .u-course-detail__underline{
	text-align: center;
	font-weight: 700;
	line-height: 1.75;
	font-size: 1.5rem;
	color: #5d63a3;
	letter-spacing: 0.1rem;
	margin-bottom:2.125rem;
}

@media screen and (max-width: 767px) {
	.page-course-exam-science .course-detail__lead-box .u-course-detail__underline {
		font-size:1.25rem;
		line-height: 1.2222222222;
		letter-spacing: 0em;
		font-weight: 700;
		white-space:nowrap;

	}
}

.course-detail__course{
	background-color:#fff;
	max-width: 83.3333%;
	padding: 3.125rem ;
	border-radius: 1.875vw;
	margin:2.5rem auto 0;

}
@media screen and (max-width: 767px) {
	.course-detail__course{
		background-color:#fff;
		max-width: none;
		/* 		width: 22.1875rem; */
		padding: 1.90625rem  1.1875rem 2.88125rem;
		border-radius: 1.6875rem;
		margin:1.875rem auto 0;
	}
}



.u-course-detail__list li{
	padding-left: 2.1875rem;
	line-height: 1.5;
	font-size: 1rem;
	position: relative;
	margin-top: 1.25rem;
}

.u-course-detail__list li::before{
	position: absolute;
	content: "";
	top: 0.75em;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 0;
	width: 0.9375rem;
	height: 0.9375rem;
	border-radius: 50%;
	background: #db4c2d;
}

.u-course-detail__course__small{

	font-size: 0.75rem;
	line-height: 2.3333333333;
	letter-spacing: 0em;
	font-weight: 400;
}


@media screen and (max-width: 767px) {
	.u-course-detail__course__small{
		margin-top:0.625rem;
		font-size: 0.75rem;
		line-height: 2;
		letter-spacing: 0em;
		font-weight: 400;
	}
}

.u-course-detail__course__movie{
	width:29.75rem;
	height:17.1875rem;
	margin:2.4125rem auto 3.1125rem;
}
@media screen and (max-width: 767px) {
	.u-course-detail__course__movie{
		width:21.125rem;
		height:11.9375rem;
		margin:1.9375rem auto ;
	}
}
@media screen and (min-width: 768px) {
	.profile .img {
		width: 22.5rem;
	}
}
.profile .text{
	padding-top:10px;
}
@media screen and (max-width: 767px) {
	.u-course-detail__text02{
		font-size:1rem;
		line-height: 1.75;
		letter-spacing: 0em;
		font-weight: 400;
		margin-bottom:1.75rem;

	}
}

.u-class__btn{
	margin-top:1.4875rem;
}

.u-line{
	border: none;
	border-top: 1px dotted #999;
	margin:0.625rem 0;
}
@media screen and (max-width: 767px) {
	.u-line{
		margin:1.3125rem 0 2rem;
	}
}

/* Sテックコース追加 */
@media screen and (max-width: 767px) {
	.course-detail__contents .course-detail__lead .course-detail__lead-box .u-fw-b{
		margin-top:2.6875rem;
	}
}
@media screen and (max-width: 767px) {
	.u-stec__message{
		margin-top:3.6875rem;
	}
}
@media screen and (max-width: 767px) {
	.u-stec__btn{
		/* 		max-width:21.25rem; */
		margin:2.5625rem auto 0;
	}
}
/* 404 */
.p-404 {
	height: 100vh;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	text-align: center;
	max-width: 41.25rem;
	margin: 0 auto;
}
.p-404__ttl {
	color: #5D63A3;
	font-size: 2.25rem;
	font-weight: 700;
	line-height: 1.33333;
	margin-bottom: 1rem;
}
.p-404__text {
	font-size: 1rem;
	line-height: 1.75;
}
@media screen and (max-width: 767px) {
	.p-404 {
		max-width: 21.4375rem;
	}
	.p-404__ttl {
		font-size: 1.25rem;
		line-height: 1.35;
		margin-bottom: 1.25rem;
	}
	.p-404__text {
		font-size: 0.875rem;
		line-height: 1.714285714285714;
	}
}
/* 404 ここまで */

/* Color */
.fontCPr{
	color: #5d63a3 !important;
}
.fontCBl{
	color: #a1cde0 !important;
}
.borderCBlbefore::before{
	border-bottom-color: #a1cde0 !important;
}
.fontCGr{
	color: #b3d541 !important;
}
.borderCGrbefore::before{
	border-bottom-color: #b3d541 !important;
}
.fontCPn{
	color: #f0b9ce !important;
}