@charset "UTF-8";
/* CSS Document */
.sp-logo{
	z-index: 5;
}
.logo-over{
	position: absolute;
    width: 90px;
    top: 2rem;
    left: 1rem;
    z-index: 10;
}
.kasou-top-pc {
    position: relative;
    z-index: 0;
}
.kasou-ttl-wp {
    margin: 1rem auto;
}
.white-top-back{
	display: none;
}
/*回転*/
#ball{
	width: 40%;
    margin-left: auto;
	animation:6s linear infinite rotation1;
}
@keyframes rotation1{
  0%{ transform:rotate(0);}
  100%{ transform:rotate(360deg); }
}
@keyframes rotation2{
  0%{ transform:rotateX(0);}
  100%{ transform:rotateX(360deg); }
}
@keyframes rotation3{
  0%{ transform:rotateY(0);}
  100%{ transform:rotateY(360deg); }
}
.course-ttl{
	padding-top: 3rem;	
}
.course-ttl h2{
	font-weight: bold;
    font-size: 1.5rem;
}
.course-txt{
	padding-top: 2rem;
}
.course-detail{
	padding-top: 5rem;
}
.course-access-wp .kasou-ttl span {
    position: absolute;
    top: 0;
    right: 0%;
    width: 60%;
}
/*course*/
.course-ttl-txt{
    text-align: center;
    color: white;
    font-weight: 600;
    font-size: 1rem;
    }
.course-item1{
	display: block;
	background: url("../images/course/koreandp-sp.jpg");

    background-size: cover;
    background-repeat: no-repeat;
    background-position: unset;
    padding: 2em 0 2em;
    position: relative;
}.course-item2{
	display: block;
    background: url("../images/course/harajukusd-sp.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: unset;
    padding: 2em 0 2em;
    position: relative;
}.course-item3{
	display: block;
    background: url("../images/course/popkawaii-sp.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: unset;
    padding: 2em 0 2em;
    position: relative;
}.course-item4{
	display: block;
    background: url("../images/course/otona-sp.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: unset;
    padding: 2em 0 2em;
    position: relative;
}
.course-detail-ttl{
	width: 24%;
    margin: auto;
}
/*access*/
.course-access-wp {
    background-color: #fff9d9;
    margin: 15rem 0 10rem;
    padding: 5rem 0;
    position: relative;
}

.course-more{
	font-size: 1.8rem;
    border: solid 1px;
    display: block;
    width: 50%;
    text-align: center;
    padding: 1rem;
    margin: 3rem auto 0;
    font-weight: 500;
}
.course-access-wp .kasou-ttl {
    font-size: 5rem;
    font-weight: 700;
    position: absolute;
    top: -14%;
}
.access-img{
	width: 90%;
	margin: auto;
}
.white-top-back{
	background: #ffdc00;
}
.course-link{
	padding-top: 0!important;
}
@media (min-width: 769px) {
	nav ul li a{
		color: #fff;
		z-index: 2;
	}
	.white-top-back{
	border-bottom: 83px solid #ffdc00;
	}
.kasou-ttl {
    font-size: 5rem;
    font-weight: 700;
    position: relative;
    width: 44%;
}
	.white-top-back{
		display: block;
	}
	.course-harajuku{
    position: absolute;
    bottom: -8.7%;
    width: 65%;
    left: 9%;
	}
	.course-txt {
    line-height: 4;
	}
/*	遷移*/
	.course-detail {
    padding-top: 10rem;
}
	.course-detail-wp{
		position: relative;
	}
	.ball-abso{
		position: absolute;
		region-break-after: 0;
		top:-10%;
	}
	.ball-abso {
    position: absolute;
    right: 10%;
    top: -10%;
    width: 60%;
    z-index: 1;
}
	.course-detail-ttl {
    width: 7%;
    margin: auto;
	}
	.course-s-txt{
	text-align: center;
    padding-top: 2rem;
    color: #fff;
	}

/*course*/
.course-ttl-txt{
    text-align: center;
    color: white;
    font-weight: 600;
    font-size: 1rem;
    }

	.course-access-wp {
    background-color: #fff9d9;
    margin: 15rem 0 0rem;
    padding: 5rem 0 10rem;
    position: relative;
}
.course-item1{
		display: block;
    background: url("../images/course/koreandp-pc.jpg");
	    background-size: 100%;
	background-position: bottom;
    }
.course-item2{
	display: block;
    background: url("../images/course/harajukusd-pc.jpg");
	    background-size: 100%;
	background-position: bottom;
    }
.course-item3{
	display: block;
    background: url("../images/course/popkawaii-pc.jpg");
	    background-size: 100%;
	background-position: bottom;
    }
.course-item4{
	display: block;
    background: url("../images/course/otona-pc.jpg");
	    background-size: 100%;
	background-position: bottom;
    }

	.course-access-wp .kasou-ttl-wp{
		position: inherit;
	}
	.course-access-wp .kasou-ttl{
		position: inherit;
	}
	.kasou-ttl-wp {
    margin: 1rem 0 5rem;
		left: 10%;
	}
	.course-more{
	width: 20%;
    text-align: center;
    padding: 0.8rem;	
		
	}
	.arrow-right{
	width: 8%;
    position: absolute;
    right: 5%;
    top: 40%;
	}

	.access-img{
		width: 80%;
		margin: auto;
	}
}