@charset "utf-8";
/* CSS Document */
@media (max-width: 1500px) {

}
/*--------------------------------------------レスポンシブ設定タブレット*/
@media (max-width: 1200px) {
/*--------------------------------------------共通設定*/
	html {
		font-size: 50%;
	}
}
@media (max-width: 1000px) {
	html {
		font-size: 40%;
	}
}

/*--------------------------------------------レスポンシブ設定スマホ*/
@media (max-width: 790px) {
/*--------------------------------------------共通設定*/
	html {
		font-size: 40%;
	}
	body {
		margin-bottom: 5%;
	}
	.spNone {
		display: none;
	}
	.pcNone {
		display: block;
	}
	.mainCover {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 0;
		z-index: 999;
		background-color: rgba(0,0,0,0.6);
		transition: 0.4s;
	}
	.mainCover.click {
		height: 100%;
		transition: 0.4s;
	}
	section {
		width: 90%;
		margin-bottom: 10%;
	}
	/*--------------------------------------------header*/
	header .title {
		width: 35%;
	}
	/*--------------------------------------------navi*/
	header .header .navWrap.scroll.click {
		background-color: transparent;
	}
	header .header .navWrap.click .title img {
		filter: none;
	}
	header .nav {
		position: absolute;
		top: 0;
		left: 50%;
		padding: 3%;
		transition: all 0.8s ease;
		background-color: rgba(255,255,255,0.8);
		z-index: 9999;
		width: 50%;
		border-radius: 20px;
		transform: translateX(-50%);
		opacity: 0;
		visibility: hidden;
	}
	header .nav.click {
		top: 130%;
		opacity: 1;
		visibility: inherit;
	}
	header .nav ul li{
		width: 100%;
		padding: 10% 2%;
		text-align: center;
	}
	header .nav ul li a:link {
		background-image: linear-gradient(transparent 85%, #58b601 85%);
		color: #555;
		font-size: 2rem;
		font-weight: bold;
	}
	
	.navIcon {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		right: 0;
		padding: 5px;
		margin-right: 10px;
	}
	.navButton,.navButton span {
		display: inline-block;
		transition: all .4s;
		box-sizing: border-box;
	}
	.navButton {
		position: relative;
		width: 24px;
		height: 24px;
	}
	.navButton span {
		position: absolute;
		left: 0;
		width: 100%;
		height: 2px;
		background-color: #fff;
		border-radius: 4px;
	}
	.navButton span:nth-of-type(1) {
		top: 0;
	}
	.navButton span:nth-of-type(2) {
		top: 11px;
	}
	.navButton span:nth-of-type(3) {
		bottom: 0;
	}
	.navButton.click span:nth-of-type(1) {
		-webkit-transform: translateY(11px) rotate(-45deg);
		transform: translateY(11px) rotate(-45deg);
		background-color: #fff;
	}
	.navButton.click span:nth-of-type(2) {
		left: 50%;
		opacity: 0;
		-webkit-animation: .8s forwards;
		animation: .8s forwards;
	}
	.navButton.click span:nth-of-type(3) {
		-webkit-transform: translateY(-11px) rotate(45deg);
		transform: translateY(-11px) rotate(45deg);
		background-color: #fff;
	}
	.header.scroll .navButton.click span:nth-of-type(1) {
		background-color: #333;
	}
	.header.scroll .navButton.click span:nth-of-type(3) {
		background-color: #333;
	}
	/*--------------------------------------------Catch*/
	.catchCopy h2 {
		line-height: 1.5;
		padding: 25% 2% 10%;
		font-size: 4.2REM;
	}
	.catchCopy h3 {
		padding: 3% 15%;
	}
	.button a {
		padding: 3% 7%;
		font-size: 3rem;
	}
	/*--------------------------------------------About*/
	section h2.sectionTitle {
		font-size: 3rem;
		background-size: 5%;
		padding-left: 6%;
	}
	.pointItem {
		width: 90%;
		margin: 0 auto 5%;
	}
	.pointItem h3 {
		font-size: 4rem;
	}
	.pointItem p {
		font-size: 2rem;
	}
	/*--------------------------------------------Lesson*/
	.lessonMenu .lessonItem {
		width: 90%;
		margin: 5% auto 5%;
	}
	.lessonMenu p {
		margin-bottom: 5%;
	}
	.check {
		margin-top: 5%;
	}
	.check li {
		font-size: 2.4rem;
		margin-left: 5%;
	}
	.date, .time {
		font-size: 3rem;
	}
	.lessonItem .time dt {
		width: 40%;
	}
	div.study {
		width: 100%;
	}
	.sturdyContant img.studyImg, .sturdyContant p {
		width: 90%;
		margin: 0 auto 1%;
	}
	/*--------------------------------------------coach*/
	div.coach, .coach img, .coach .coachIntro {
		width: 90%;
		margin: 1% auto 5%;
		height: auto;
	}
	.coach h3 {
		text-align: center;
	}
	/*--------------------------------------------faq*/
	.faqContent {
		width: 100%;
	}
	.faqItem {
		margin-bottom: 5%;
	}
	.faqItem dt {
		margin-bottom: 2%;
	}
	/*--------------------------------------------Access*/
	div.footerContent iframe, .footerItem {
		width: 100%;
	}
	div.footerContent iframe {
		height: calc(100vw*0.8);
		margin-bottom: 5%;
	}
	.footerItem>*, .footerItem h3 {
		text-align: center;
		font-size: 3rem;
	}
	.line {
		margin-top: 5%;
	}
	.line p {
		width: 80%;
		text-align: left;
		font-size: 2.4rem;
	}
	/*--------------------------------------------privacy*/
	.privacyWrap main {
		padding-top: 20%;
	}
	.privacyWrap article {
		margin-bottom: 10%;
	}
}
@media (max-width: 580px) {
}