@charset "UTF-8";
/* CSS Document */
@media screen and (min-width:769px){
	.sp_only {
		display: none;
	}
}

@media screen and (max-width:768px){
	.pc_only {
		display: none;
	}
	.titleWrap {
		padding: 50px 30px 30px;
	}
	.aboutWrap {
		padding: 40px 30px;
	}
	.scTitle {
		margin-bottom: 30px;
	}
	.sc {
		padding: 30px 15px;
	}
	canvas {
		height: 130px;
	}
	.courseMenu {
		display: block;
	}
	.courseMenu li {
		margin-bottom: 10px;
	}
	.courseMenu li:last-child {
		margin-bottom: 0;
	}
	.courseContent .title {
		font-size: 17px;
	}
	.courseContent dt {
		padding-left: 35px;
	}
	.courseContent dt:before {
		width: 25px;
		background-size: 25px;
		bottom: inherit;
		top: 50%;
		transform: translateY(-50%);
	}
	.courseContent .price {
		font-size: 12px;
	}
	.courseContent .imageWrap,
	.courseContent .courseTxt {
		float: none;
		width: 100%;
	}
	.courseContent .imageWrap {
		margin: 0 auto;
	}
	.courseContent .courseTxt {
		padding-left: 0;
	}
	.pointWrap li {
		margin-top: 5px;
	}
	.courseDtl {
		margin-top: 50px;
	}
	.tb th, .tb td {
		display: block;
		width: 100%;
	}
	.tb tr:last-child th {
		border-bottom: 1px solid #e7ebee;
	}
	.courseDtl {
		padding: 20px 30px;
	}
	.btmWave {
		margin-bottom: 0;
	}
	.w60, .w80 {
		width: 100%;
	}
	.faqWrap dt:before,
	.faqWrap dd:before {
		font-size: 32px;
		top: -5px;
	}
	.faqWrap dt {
		padding-left: 40px;
		font-size: 16px;
	}
	.faqWrap dd {
		padding-left: 40px;
	}
	.socialWrap {
		display: block;
	}
	.socialWrap .instagram {
		margin-right: 0;
		margin-bottom: 20px;
	}
	body {
		background: none;
	}
	body::before {
		background: url(../img/main_bg.jpg) no-repeat top center;
    	background-size: 1200px;
		display: block;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100vh;
		content: "";
		z-index: -1;
	}
	#hitode01 {
		left: 0;
		bottom: 0;
	}
	#shell01 {
		right: 25%;
	}
	#shell02 {
		right: 0;
	}
	#sango {
		bottom: 0;
	}
	#course02 .courseContent .price {
		font-size: 12px;
	}
}