@charset "utf-8";
/*
///////////////////////////////////////////////////////////////////////////////////
//
//  レイアウトCSS設定
//
///////////////////////////////////////////////////////////////////////////////////
/*
/* [TOP & LAYOUT]
/* [UNDER-MAIN]
/* [REGULAR-LESSON]
/*
///////////////////////////////////////////////////////////////////////////////////
/*
/* [TOP & LAYOUT]
--------------------------------------------------------------------------*/
@-ms-viewport {
	width: device-width;
}
@viewport {
	width: device-width;
}
#main-index {
	display: block;
	background: #fff;
	position: relative;
}
#main-index .bg-wrap {
	position: relative;
	top: 0;
	right: 0;
	left: 0;
	width: 100%;
	height: auto;
}
/***************************************************
 * Generated by SVG Artista on 1/20/2025, 9:20:55 AM
 * MIT license (https://opensource.org/licenses/MIT)
 * W. https://svgartista.net
 **************************************************/

@-webkit-keyframes animate-svg-fill-1 {
  0% {
	fill: transparent;
  }
  100% {
	fill: rgb(255, 255, 255);
  }
}
@keyframes animate-svg-fill-1 {
  0% {
	fill: transparent;
  }
  100% {
	fill: rgb(255, 255, 255);
  }
}
.svg-elem-1 {
  -webkit-animation: animate-svg-fill-1 0.7s ease-in 0.8s both;
		  animation: animate-svg-fill-1 0.7s ease-in 0.8s both;
}
@-webkit-keyframes animate-svg-fill-2 {
  0% {
	fill: transparent;
  }
  100% {
	fill: rgb(255, 255, 255);
  }
}
@keyframes animate-svg-fill-2 {
  0% {
	fill: transparent;
  }
  100% {
	fill: rgb(255, 255, 255);
  }
}
.svg-elem-2 {
  -webkit-animation: animate-svg-fill-2 0.7s ease-in 0.9s both;
		  animation: animate-svg-fill-2 0.7s ease-in 0.9s both;
}
@-webkit-keyframes animate-svg-fill-3 {
  0% {
	fill: transparent;
  }
  100% {
	fill: rgb(255, 255, 255);
  }
}
@keyframes animate-svg-fill-3 {
  0% {
	fill: transparent;
  }
  100% {
	fill: rgb(255, 255, 255);
  }
}
.svg-elem-3 {
  -webkit-animation: animate-svg-fill-3 0.7s ease-in 1s both;
		  animation: animate-svg-fill-3 0.7s ease-in 1s both;
}
@-webkit-keyframes animate-svg-fill-4 {
  0% {
	fill: transparent;
  }
  100% {
	fill: rgb(255, 255, 255);
  }
}
@keyframes animate-svg-fill-4 {
  0% {
	fill: transparent;
  }
  100% {
	fill: rgb(255, 255, 255);
  }
}
.svg-elem-4 {
  -webkit-animation: animate-svg-fill-4 0.7s ease-in 1.1s both;
		  animation: animate-svg-fill-4 0.7s ease-in 1.1s both;
}
@-webkit-keyframes animate-svg-fill-5 {
  0% {
	fill: transparent;
  }
  100% {
	fill: rgb(255, 255, 255);
  }
}
@keyframes animate-svg-fill-5 {
  0% {
	fill: transparent;
  }
  100% {
	fill: rgb(255, 255, 255);
  }
}
.svg-elem-5 {
  -webkit-animation: animate-svg-fill-5 0.7s ease-in 1.2000000000000002s both;
		  animation: animate-svg-fill-5 0.7s ease-in 1.2000000000000002s both;
}
@-webkit-keyframes animate-svg-fill-6 {
  0% {
	fill: transparent;
  }
  100% {
	fill: rgb(255, 255, 255);
  }
}
@keyframes animate-svg-fill-6 {
  0% {
	fill: transparent;
  }
  100% {
	fill: rgb(255, 255, 255);
  }
}
.svg-elem-6 {
  -webkit-animation: animate-svg-fill-6 0.7s ease-in 1.3s both;
		  animation: animate-svg-fill-6 0.7s ease-in 1.3s both;
}
@-webkit-keyframes animate-svg-fill-7 {
  0% {
	fill: transparent;
  }
  100% {
	fill: rgb(255, 255, 255);
  }
}
@keyframes animate-svg-fill-7 {
  0% {
	fill: transparent;
  }
  100% {
	fill: rgb(255, 255, 255);
  }
}
.svg-elem-7 {
  -webkit-animation: animate-svg-fill-7 0.7s ease-in 1.4000000000000001s both;
		  animation: animate-svg-fill-7 0.7s ease-in 1.4000000000000001s both;
}
@-webkit-keyframes animate-svg-fill-8 {
  0% {
	fill: transparent;
  }
  100% {
	fill: rgb(255, 255, 255);
  }
}
@keyframes animate-svg-fill-8 {
  0% {
	fill: transparent;
  }
  100% {
	fill: rgb(255, 255, 255);
  }
}
.svg-elem-8 {
  -webkit-animation: animate-svg-fill-8 0.7s ease-in 1.5s both;
		  animation: animate-svg-fill-8 0.7s ease-in 1.5s both;
}
@-webkit-keyframes animate-svg-fill-9 {
  0% {
	fill: transparent;
  }
  100% {
	fill: rgb(255, 255, 255);
  }
}
@keyframes animate-svg-fill-9 {
  0% {
	fill: transparent;
  }
  100% {
	fill: rgb(255, 255, 255);
  }
}
.svg-elem-9 {
  -webkit-animation: animate-svg-fill-9 0.7s ease-in 1.6s both;
		  animation: animate-svg-fill-9 0.7s ease-in 1.6s both;
}
@-webkit-keyframes animate-svg-fill-10 {
  0% {
	fill: transparent;
  }
  100% {
	fill: rgb(255, 255, 255);
  }
}
@keyframes animate-svg-fill-10 {
  0% {
	fill: transparent;
  }
  100% {
	fill: rgb(255, 255, 255);
  }
}
.svg-elem-10 {
  -webkit-animation: animate-svg-fill-10 0.7s ease-in 1.7000000000000002s both;
		  animation: animate-svg-fill-10 0.7s ease-in 1.7000000000000002s both;
}
@-webkit-keyframes animate-svg-fill-11 {
  0% {
	fill: transparent;
  }
  100% {
	fill: rgb(255, 255, 255);
  }
}

@keyframes animate-svg-fill-11 {
  0% {
	fill: transparent;
  }
  100% {
	fill: rgb(255, 255, 255);
  }
}
.svg-elem-11 {
  -webkit-animation: animate-svg-fill-11 0.7s ease-in 1.8s both;
		  animation: animate-svg-fill-11 0.7s ease-in 1.8s both;
}
@-webkit-keyframes animate-svg-fill-12 {
  0% {
	fill: transparent;
  }
  100% {
	fill: rgb(255, 255, 255);
  }
}
@keyframes animate-svg-fill-12 {
  0% {
	fill: transparent;
  }
  100% {
	fill: rgb(255, 255, 255);
  }
}
.svg-elem-12 {
  -webkit-animation: animate-svg-fill-12 0.7s ease-in 1.9000000000000001s both;
		  animation: animate-svg-fill-12 0.7s ease-in 1.9000000000000001s both;
}
@-webkit-keyframes animate-svg-fill-13 {
  0% {
	fill: transparent;
  }
  100% {
	fill: rgb(255, 255, 255);
  }
}
@keyframes animate-svg-fill-13 {
  0% {
	fill: transparent;
  }
  100% {
	fill: rgb(255, 255, 255);
  }
}
.svg-elem-13 {
  -webkit-animation: animate-svg-fill-13 0.7s ease-in 2s both;
		  animation: animate-svg-fill-13 0.7s ease-in 2s both;
}
@-webkit-keyframes animate-svg-fill-14 {
  0% {
	fill: transparent;
  }
  100% {
	fill: rgb(255, 255, 255);
  }
}
@keyframes animate-svg-fill-14 {
  0% {
	fill: transparent;
  }
  100% {
	fill: rgb(255, 255, 255);
  }
}
.svg-elem-14 {
  -webkit-animation: animate-svg-fill-14 0.7s ease-in 2.1s both;
		  animation: animate-svg-fill-14 0.7s ease-in 2.1s both;
}
.kv-ttl-wrap h1 {
	font-size: 14px;
	font-weight: 400;
	text-align: center;
	color: #fff;
	animation: fadeInTxtBox 1s ease-out forwards;
}
.kv-ttl-wrap h1 span {
	display: block;
	font-size: 16px;
	line-height: 120%;
	margin-top: 5px;
}
.kv-ttl-wrap {
	position: absolute;
	width: 100%;
	max-width: 1280px;
	padding: 0 40px;
	top: 25%;
	left: 0;
	right: 0;
	margin: 0 auto;
	z-index: 5;
}
.kv-ttl-wrap .catch {
	display: block;
	text-align: center;
	width: 160px;
	animation: fadeInTxtBox 1s ease-out forwards;
	margin: 0 auto 30px;
}
.kv-ttl-wrap .catch img {
	width: 100%;
	height: auto;
}
/* フェードインアニメーション */
@keyframes fadeInTxtBox {
	0% {
		opacity: 0;
		transform: translateY(30px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}
.main-slide-wrap {
	width: 100%;
	height: auto;
}
.main-slide-wrap:before {
	content: "";
	position: absolute;
	top: 0;
	background-color: rgb(000, 000, 000, 0.2);
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 2;
}
.main-slide-wrap ul li {
	position: relative;
}
.main-slide-wrap ul li img {
	width: 100%;
	height: auto;
}
.swiper-slide-active .slide-img,
.swiper-slide-duplicate-active .slide-img,
.swiper-slide-prev .slide-img {
	animation: zoomUp 12s linear 0s 1 normal both; 
}
@keyframes zoomUp {
  0% {
	transform: scale(1);
  }
  100% {
	transform: scale(1.15);
  }
}
@keyframes animationZoom {
  100% {
	transform:scale(1.1)
  } 
}
@media (min-width:768px) {
	.kv-ttl-wrap .catch {
		font-size: 108px;
	}
	.kv-ttl-wrap h1 {
		font-size: 15px;
	}
}
@media (min-width:1180px) {
	.kv-ttl-wrap {
		top: 34%;
	}
	.kv-ttl-wrap .catch {
		width: 200px;
	}
}
.ttl-wrap {
	margin-bottom: 40px;
}
.ttl-wrap .eng {
	font-size: 40px;
	margin-bottom: 10px;
	display: block;
}
.ttl-wrap .ttl {
	font-size: 14px;
	line-height: 140%;
	font-weight: 400;
}
.new-li {
	margin-bottom: 40px;
}
.new-li li {
	width: 100%;
	height: auto;
	margin-bottom: 30px;
}
.new-li li img {
	width: 100%;
	height: auto;
}
.new-li .thum {
	margin-bottom: 20px;
}
.new-li .date {
	display: block;
	font-size: 13px;
	font-weight: 400;
	line-height: 100%;
	margin-bottom: 10px;
	color: #7a7a7a;
}
.new-li .ttl {
	font-size: 16px;
	font-weight: 500;
}
@media (min-width:768px) {
	.ttl-wrap {
		margin-bottom: 60px;
	}
	.ttl-wrap .eng {
		font-size: 54px;
	}
	.new-li {
		display: flex;
		flex-wrap: wrap;
		width: 100%;
		height: auto;
	}
	.new-li li {
		width: 30%;
		margin-right: 5%;
	}
	.new-li li:nth-child(3n) {
		margin-right: 0;
	}
}
.profile-main-img {
	width: 100%;
	height: auto;
}
.profile-main-img img {
	width: 100%;
	height: auto;
}
.profile-top {
	margin-bottom: 80px;
}
.profile-top .ttl-wrap {
	text-align: center;
	margin-bottom: 60px;
}
.profile-top .ttl-wrap .min-f {
	font-size: 32px;
	line-height: 140%;
	color: #fff;
}
.profile-top .ttl-wrap .min-f span {
	font-size: 22px;
	display: block;
	line-height: 140%;
}
.profile-top .txt-box {
	width: 100%;
	max-width: 640px;
	margin: 0 auto;
	text-align: center;
}
.profile-top .txt-box .sub-ttl {
	font-size: 22px;
	line-height: 140%;
	margin-bottom: 30px;
	color: #fff;
}
.profile-top .txt-box p {
	line-height: 220%;
	margin-bottom: 60px;
	text-align: left;
	color: #fff;
}
.regular-lesson {
	margin-bottom: 60px;
}
.regular-lesson .ttl-wrap .eng {
	color: #fff;
}
.regular-lesson .ttl-wrap .ttl {
	margin-bottom: 40px;
	color: #fff;
}
.regular-lesson .ttl-wrap .dsp {
	color: #fff;
	text-align: left;
}
.lesson-li {
	margin-bottom: 40px;
}
.lesson-li li {
	width: 100%;
	height: auto;
	margin-bottom: 30px;
	text-align: center;
}
.lesson-li li img {
	width: 100%;
	height: auto;
}
.lesson-li .thum {
	margin-bottom: 20px;
}
.lesson-li .ttl {
	font-size: 16px;
	font-weight: 500;
	color: #fff;
}
.other-bnr-wrap {
	background: #fff;
	padding: 40px;
}
.other-bnr-wrap .ttl-wrap {
	text-align: center;
	margin-bottom: 40px;
}
.online-lesson {
	margin-bottom: 20px;
}
.online-lesson img {
	width: 100%;
	height: auto;
}
.online-lesson .img-box {
	margin-bottom: 20px;
}
.online-lesson .txt-box .sub-ttl {
	font-size: 20px;
	font-weight: 400;
	line-height: 140%;
	margin-bottom: 20px;
}
.other-bnr-li {
	width: 100%;
}
.other-bnr-li li {
	width: 100%;
	height: auto;
	margin-bottom: 40px;
}
.other-bnr-li li:last-child {
	margin-bottom: 0;
}
.other-bnr-li li img {
	width: 100%;
	height: auto;
}
.other-bnr-li li .img-box {
	width: 100%;
	margin-bottom: 20px;
}
.other-bnr-li li .txt-box {
	width: 100%;
}
.other-bnr-li li .ttl {
	text-align: center;
	font-size: 18px;
	line-height: 140%;
	margin-bottom: 20px;
}
.other-bnr-li li .btn {
	width: 100%;
}
@media (min-width:768px) {
	.ttl-wrap {
		margin-bottom: 60px;
	}
	.ttl-wrap .eng {
		font-size: 54px;
	}
	.profile-top {
		margin-bottom: 120px;
	}
	.profile-top .ttl-wrap .min-f {
		font-size: 48px;
	}
	.lesson-li {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		width: 100%;
		height: auto;
	}
	.lesson-li li {
		width: 30%;
		margin-right: 5%;
	}
	.lesson-li li:last-child,
	.lesson-li li:nth-child(3n) {
		margin-right: 0;
	}
	.other-bnr-wrap {
		margin: 0 auto;
		padding: 60px;
	}
	.profile-top .txt-box p {
		text-align: center;
	}
	.regular-lesson .ttl-wrap .dsp {
		text-align: center;
	}
	.other-bnr-li {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.other-bnr-li li {
		width: 46%;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
		margin-bottom: 0;
		text-align: center;
	}
}
@media (min-width:1020px) {
	.other-bnr-wrap {
		max-width: 100%;
		padding: 70px;
	}
	.online-lesson {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		width: 100%;
		height: auto;
		margin-bottom: 40px;
	}
	.online-lesson .img-box {
		width: 45%;
		margin-bottom: 0;
	}
	.online-lesson .txt-box {
		width: 50%;
		font-size: 15px;
	}
	.other-bnr-li li .img-box {
		width: 40%;
		margin-bottom: 0;
	}
	.other-bnr-li li .txt-box {
		width: 55%;
	}
	.other-bnr-li li .ttl {
		text-align: left;
	}
	.other-bnr-li li .btn {
		width: 220px;
		line-height: 100%;
	}
}
.event-wrap {
	margin-bottom: 60px;
}
.event-li {
	margin-bottom: 40px;
}
.event-li li {
	width: 100%;
	height: auto;
	margin-bottom: 30px;
}
.event-li li img {
	width: 100%;
	height: auto;
}
.event-li .thum {
	margin-bottom: 20px;
}
.event-li .date {
	display: block;
	font-size: 13px;
	font-weight: 400;
	line-height: 100%;
	margin-bottom: 10px;
	color: #7a7a7a;
}
.event-li .ttl {
	font-size: 16px;
	font-weight: 500;
}
@media (min-width:768px) {
	.event-wrap {
		margin-bottom: 100px;
	}
	.event-li {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		width: 100%;
		height: auto;
		max-width: 540px;
		margin: 0 auto 40px;
	}
	.event-li li {
		width: 45%;
	}
}
@media (min-width:1020px) {
	.event-wrap {
		margin-bottom: 120px;
	}
	.event-li {
		display: flex;
		flex-wrap: wrap;
		max-width: 100%;
		height: auto;
		justify-content: flex-start;
	}
	.event-li li {
		width: 22%;
		margin-right: 4%;
	}
	.event-li li:nth-child(4n) {
		margin-right: 0;
	}
}
.blog-li {
	margin-bottom: 40px;
}
.blog-li li {
	width: 100%;
	height: auto;
	margin-bottom: 30px;
}
.blog-li li img {
	width: 100%;
	height: auto;
}
.blog-li .thum {
	margin-bottom: 20px;
}
.blog-li .date {
	display: block;
	font-size: 13px;
	font-weight: 400;
	line-height: 100%;
	margin-bottom: 10px;
	color: #7a7a7a;
}
.blog-li .ttl {
	font-size: 16px;
	font-weight: 500;
}
@media (min-width:768px) {
	.blog-li {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		width: 100%;
		height: auto;
		max-width: 540px;
		margin: 0 auto 40px;
	}
	.blog-li li {
		width: 45%;
	}
}
@media (min-width:1020px) {
	.blog-li {
		display: flex;
		flex-wrap: wrap;
		max-width: 100%;
		height: auto;
		justify-content: flex-start;
	}
	.blog-li li {
		width: 22%;
		margin-right: 4%;
	}
	.blog-li li:nth-child(4n) {
		margin-right: 0;
	}
}
#video .pkg {
	padding: 0 30px 80px
}
.video-li {
	margin-bottom: 40px;
}
.video-li li {
	width: 100%;
	height: auto;
	margin-bottom: 30px;
}
.video-li li img {
	width: 100%;
	height: auto;
}
.video-li .thum {
	margin-bottom: 20px;
}
.video-li .ttl {
	font-size: 16px;
	font-weight: 500;
	text-align: center;
}
@media (min-width:768px) {
	#video .pkg {
		padding: 0 40px 120px
	}
	.ttl-wrap {
		margin-bottom: 60px;
	}
	.ttl-wrap .eng {
		font-size: 54px;
	}
	.video-li {
		display: flex;
		flex-wrap: wrap;
		width: 100%;
		height: auto;
	}
	.video-li li {
		width: 30%;
		margin-right: 5%;
	}
	.video-li li:nth-child(3n) {
		margin-right: 0;
	}
}
/* [UNDER-MAIN]
--------------------------------------------------------------------------*/
#manivisual-under {
	background: #f8f3eb;
	position: relative;
}
.under-main-wrap {
	width: 100%;
	padding: 80px 30px 0;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	z-index: 20;
}
.under-main-conts {
	padding: 50px 0 90px;
}
.under-ttl-wrap {
	text-align: center;
}
.under-ttl-wrap .eng {
	font-size: 32px;
	line-height: 100%;
	display: block;
	margin-bottom: 10px;
}
.under-ttl-wrap .ttl {
	font-size: 16px;
	line-height: 140%;
	font-weight: 400;
}
@media (min-width:768px) {
	.under-ttl-wrap .eng {
		font-size: 42px;
	}
}
@media (min-width:1020px) {
	.under-main-wrap {
		max-width: 1280px;
		padding: 100px 40px 0;
		margin: 0 auto;
	}
	.under-ttl-wrap .eng {
		font-size: 52px;
	}
}
.normal-ttl {
	font-size: 22px;
	line-height: 140%;
	margin-bottom: 60px;
	font-weight: 400;
}
/* [REGULAR-LESSON]
--------------------------------------------------------------------------*/
.li_sch li {
	padding: 30px;
	border: 1px solid #eee;
	margin-bottom: 20px;
}
.li_sch li img {
	width: 100%;
	height: auto;
}
.li_sch li .img-box {
	margin-bottom: 20px;
}
.li_sch li .limit {
	font-size: 14px;
	line-height: 100%;
	color: #ED5E5E;
	margin-bottom: 15px;
}
.li_sch li .day-time {
	display: flex;
	flex-wrap: wrap;
	height: auto;
	align-items: center;
	margin-bottom: 15px;
}
.li_sch li .day-time .day {
	display: block;
	background: #1D1D1D;
	color: #fff;
	font-size: 13px;
	padding: 6px 10px 7px;
	line-height: 100%;
	margin-right: 10px;
	border-radius: 4px;
}
.li_sch li .day-time .time {
	font-size: 14px;
}
.li_sch li .place-ttl {
	margin-bottom: 20px;
}
.li_sch li .place-ttl .place {
	font-size: 14px;
	line-height: 140%;
	margin-bottom: 5px;
}
.li_sch li .place-ttl .ttl {
	font-size: 22px;
	line-height: 140%;
	font-weight: 600;
}
.li_sch li .dsp {
	font-size: 14px;
	line-height: 140%;
	margin-bottom: 20px;
	display: none;
}
.li_sch li .btn {
	width: 200px;
	padding: 14px;
	margin: 0 auto;
}
@media (min-width:768px) {
	.li_sch {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.li_sch li {
		width: 48%;
		padding: 40px;
		margin-bottom: 4%;
	}
}
@media (min-width:1020px) {
	.li_sch {
		width: 100%;
		display: inherit;
	}
	.li_sch li {
		width: 100%;
		padding: 60px;
		margin-bottom: 30px;
	}
	.li_sch li a {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		width: 100%;
		height: auto;
	}
	.li_sch li a .img-box {
		width: 35%;
		margin-bottom: 0;
	}
	.li_sch li a .txt-box {
		width: 62%;
	}
	.li_sch li .dsp {
		display: block;
	}
	.li_sch li .btn {
		display: none;
	}
}
#single-regular-lesson .pkg {
	padding: 40px 30px 80px;
}
.single-lesson-main {
	margin-bottom: 60px;
}
.single-lesson-main .ttl {
	font-weight: 600;
	font-size: 24px;
	line-height: 140%;
	margin-bottom: 40px
}
.single-lesson-main .ttl span {
	font-size: 16px;
	line-height: 100%;
	margin-bottom: 10px;
	display: block;
}
.single-lesson-main .lesson-wrap {
	margin-bottom: 40px;
}
.single-lesson-main .lesson-wrap .img-box {
	width: 100%;
	margin-bottom: 30px;
}
.single-lesson-main .lesson-wrap img {
	width: 100%;
	height: auto;
}
.single-lesson-main .limit {
	font-size: 14px;
	line-height: 100%;
	color: #ED5E5E;
	margin-bottom: 15px;
}
dl.item {
	margin-bottom: 20px;
}
dl.item dt {
	line-height: 140%;
	background: #fafafa;
	padding: 10px 20px;
	margin-bottom: 10px;
}
.lesson-dsp .ttl {
	font-size: 24px;
	font-weight: 600;
	padding-bottom: 20px;
	margin-bottom: 40px;
	border-bottom: 1px solid #1d1d1d;
}
.lesson-dsp .conts {
	margin-bottom: 40px;
}
#aside-lesson .pkg {
	padding: 20px 30px 80px;
}
.aside-lesson-box .sub-ttl {
	font-size: 22px;
	text-align: center;
	margin-bottom: 50px;
}
@media (min-width:768px) {
	#single-regular-lesson .pkg {
		max-width: 600px;
		margin: 0 auto;
	}
}
@media (min-width:1020px) {
	#single-regular-lesson .pkg {
		max-width: 1280px;
		padding: 60px 40px 120px;
	}
	.single-lesson-main .lesson-wrap {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		width: 100%;
		height: auto;
	}
	.single-lesson-main .lesson-wrap .img-box {
		width: 50%;
	}
	.single-lesson-main .lesson-wrap .txt-box {
		width: 46%;
	}
	#aside-lesson .pkg {
		padding: 20px 40px 120px;
	}
}
#page-profile .normal-ttl {
	font-size: 36px;
}
.normal-ttl .sm {
	font-size: 16px;
	display: block;
	line-height: 100%;
	margin-bottom: 10px;
}
.profile-conts {
	max-width: 840px;
	margin: 0 auto 60px;
}
.info-contact {
	width: 100%;
	max-width: 840px;
	margin: 0 auto;
	padding: 40px;
	border: 1px solid #646464;
}
.info-contact .ttl {
	font-size: 22px;
	line-height: 140%;
	margin-bottom: 20px;
	text-align: center;
}
.info-contact .dsp {
	margin-bottom: 20px;
}
@media (min-width:1020px) {
	.info-contact {
		padding: 70px;
	}
	.info-contact .dsp {
		text-align: center;
	}
}
/* [ARTICLE-LIST]
--------------------------------------------------------------------------*/
.page-article-main .ttl {
	font-size: 24px;
}
.page-article-main .ttl span {
	display: block;
	font-size: 16px;
	margin-top: 8px;
	line-height: 100%;
}
.article-li {
	margin-bottom: 40px;
}
.article-li li {
	width: 100%;
	height: auto;
	margin-bottom: 30px;
}
.article-li li img {
	width: 100%;
	height: auto;
}
.article-li .thum {
	margin-bottom: 20px;
}
.article-li .date {
	display: block;
	font-size: 13px;
	font-weight: 400;
	line-height: 100%;
	margin-bottom: 10px;
	color: #7a7a7a;
}
.event-li .ttl {
	font-size: 16px;
	font-weight: 500;
}
.yoyaku-btn-wrap .btn {
	width: 100%;
	max-width: 480px;
	margin: 0 auto;
}
.yoyaku-btn-wrap .ttl {
	text-align: center;
	font-size: 18px;
	margin-bottom: 15px;
	color: #ED5E5E;
	border-bottom: none;
	padding-bottom: 0;
}
@media (min-width:768px) {
	.article-li {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		width: 100%;
		height: auto;
		max-width: 540px;
		margin: 0 auto 40px;
	}
	.article-li li {
		width: 45%;
	}
}
@media (min-width:1020px) {
	.page-article-main .ttl {
		font-size: 26px;
	}
	.article-li {
		display: flex;
		flex-wrap: wrap;
		max-width: 100%;
		height: auto;
		justify-content: flex-start;
	}
	.article-li li {
		width: 22%;
		margin-right: 4%;
	}
	.article-li li:nth-child(4n) {
		margin-right: 0;
	}
	.yoyaku-btn-wrap .btn:hover {
		color: #fff;
	}
}
.online-conts {
	width: 100%;
	max-width: 840px;
	margin: 0 auto 60px;
}
.online-main-img {
	width: 100%;
	height: auto;
	margin-bottom: 60px;
}
.online-main-img img {
	width: 100%;
	height: auto;
}
/* [SINGLE-INFO]
--------------------------------------------------------------------------*/
.detail-wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
	height: auto;
}
.detail-wrap .left-wrap {
	width: 100%;
	margin-bottom: 60px;
}
.detail-wrap .right-wrap {
	width: 100%;
}
.detail-wrap img {
	width: auto;
	max-width: 100%;
	height: auto;
}
#article-single .pkg {
	padding: 40px 30px 80px;
}
.single-ttl-wrap {
	margin-bottom: 60px;
}
.single-ttl-wrap span.cate {
	display: block;
	line-height: 140%;
	font-size: 15px;
	font-weight: 600;
	color: #ED5E5E;
	margin-bottom: 10px;
}
.single-ttl-wrap h1 {
	font-size: 22px;
	line-height: 140%;
	margin-bottom: 30px;
	font-weight: 400;
}
.single-ttl-wrap h1 span {
	display: block;
	line-height: 140%;
	margin-top: 8px;
	font-size: 14px;
}
.date-sns-wrap {
	width: 100%;
}
.date-sns-wrap .date {
	font-size: 11px;
	color: #767676;
	line-height: 120%;
	margin-bottom: 20px;
	letter-spacing: 0.6px;
}
.date-sns-wrap .date .open {
	margin-right: 10px;
}
.share-sns {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}
.share-sns li {
	margin-right: 15px;
}
.share-sns li a {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: center;
	font-size: 11px;
	letter-spacing: 0;
	line-height: 100%;
}
.share-sns li:last-child {
	margin-right: 0;
}
.share-sns li a .img {
	width: 24px;
	height: auto;
	margin-right: 8px;
}
.share-sns li a .img img {
	width: 100%;
	height: auto;
}
.single-conts {
	margin-bottom: 60px;
}
.single-conts h2 {
	font-size: 22px;
	font-weight: 400;
	padding-bottom: 20px;
	margin-bottom: 40px;
	border-bottom: 1px solid #1d1d1d;
}
.single-conts h3 {
	background: #fafafa;
	padding: 20px;
	font-size: 20px;
	font-weight: 400;
	line-height: 140%;
	margin-bottom: 40px;
}
.single-conts h4 {
	font-size: 18px;
	line-height: 140%;
	margin-bottom: 30px;
	font-weight: 400;
	color: #ED5E5E;
}
.single-conts h5 {
	font-size: 18px;
	line-height: 140%;
	margin-bottom: 20px;
	font-weight: 600;
}
.single-conts p {
	margin-bottom: 40px;
}
.single-conts img {
	width: 100%;
	height: auto;
}
.single-conts iframe {
	width: 100%;
	height: 240px;
}
.single-conts ul,
.single-conts ol {
	margin-bottom: 40px;
	padding-left: 20px;
}
.single-conts ul li {
	list-style: disc;
	margin-bottom: 5px;
}
.single-conts ol li {
	list-style: decimal;
	margin-bottom: 5px;
}
.single-conts ul li:last-child,
.single-conts ol li:last-child {
	margin-bottom: 0;
}
.single-conts ul li::marker,
.single-conts ol li::marker  {
	color: #ED5E5E;
}
.single-conts a {
	color: #ED5E5E;
	text-decoration: underline;	
}
.right-wrap .sub-ttl {
	font-size: 18px;
	font-weight: 400;
	line-height: 140%;
	padding-bottom: 20px;
	margin-bottom: 30px;
	border-bottom: 1px solid #1d1d1d;
}
.side-cate {
	width: 100%;
	max-width: 540px;
	margin: 0 auto 45px;
}
.side-cate-li li {
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px dotted #CCC;
}
.side-cate-li li a {
	line-height: 140%;
	display: block;
}
.side-cate-li li:last-child {
	margin-bottom: 0;
}
.side-article {
	width: 100%;
	max-width: 540px;
	margin: 0 auto;
}
.side-article-li {
	margin-bottom: 40px;
}
.side-article-li li {
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px dotted #CCC;
}
.side-article-li li a {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.side-article-li li a .thum {
	width: 30%;
}
.side-article-li li a .txt-box {
	width: 65%;
}
.side-article-li li a .date {
	font-weight: bold;
	font-size: 10px;
	line-height: 100%;
	color: #767676;
	margin-bottom: 5px;
	display: block;
}
.side-article-li li a .cate {
	font-size: 11px;
	font-weight: 600;
	line-height: 120%;
	color: #ED5E5E;
	margin-bottom: 6px;
	display: block;
}
.side-article-li li a .ttl {
	font-size: 12px;
	line-height: 140%;
	font-weight: 400;
}
.side-article .brd-btn {
	margin: 0 auto;
}
@media (min-width:768px) {
	.detail-wrap .left-wrap {
		max-width: 540px;
		margin: 0 auto 60px;
	}
}
@media (min-width:1024px) {
	#article-single .pkg {
		padding: 60px 40px 120px;
	}
	.detail-wrap .left-wrap {
		width: 69%;
		max-width: 820px;
		margin: 0;
	}
	.detail-wrap .right-wrap {
		width: 27%;
		max-width: 320px;
		margin: 0;
	}
	.single-ttl-wrap span.cate {
		font-size: 13px;
	}
	.single-ttl-wrap h1 {
		font-size: 24px;
		margin-bottom: 35px;
	}
	.date-sns-wrap {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
	}
	.date-sns-wrap .date {
		width: 40%;
		margin-bottom: 0;
	}
	.date-sns-wrap .share-sns {
		width: 60%;
		justify-content: flex-end;
	}
	.date-sns-wrap .share-sns li {
		margin-right: 20px;
	}
	.side-cate-li li {
		font-size: 15px;
	}
	.single-conts h2 {
		font-size: 24px;
	}
	.single-conts h4 {
		font-size: 20px;
	}
}
#weekdays {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
	height: auto;
	margin-bottom: 40px;
}
#weekdays li {
	width: 32%;
	margin-right: 2%;
	text-align: center;
	border: 1px solid #1D1D1D;
	border-radius: 28px;
	margin-bottom: 10px;
}
#weekdays li:nth-child(3n),
#weekdays li:last-child {
	margin-right: 0;
}
#weekdays li a {
	display: block;
	padding: 15px 10px;
	line-height: 140%;
}
@media (min-width:768px) {
	#weekdays {
		justify-content: center;
		margin-bottom: 60px;
	}
	#weekdays li {
		width: 13%;
		margin-right: 1.5%;
		text-align: center;
		border: 1px solid #1D1D1D;
		border-radius: 28px;
		margin-bottom: 0;
	}
	#weekdays li:nth-child(3n) {
		margin-right: 1.5%;
	}
}

/* [PAGE-ACCESS]
--------------------------------------------------------------------------*/
.access-conts {
	margin-bottom: 100px;
}
.access-conts .normal-ttl {
	font-size: 24px;
}
.access-conts .comment {
	margin-bottom: 40px;
}
.access-conts .map {
	width: 100%;
	margin-bottom: 40px;
}
.access-conts .map iframe {
	width: 100%;
	height: 300px;
}
.address .ttl {
	font-size: 20px;
	line-height: 140%;
	margin-bottom: 30px;
}
.access-li {
	width: 100%;
}
.access-li li {
	padding-bottom: 25px;
	margin-bottom: 25px;
	border-bottom: 1px solid #ccc;
}
.access-li li .item {
	margin-bottom: 15px;
	font-weight: 600;
	line-height: 140%;
}
.access-li li .txt {
	line-height: 140%;
}
.access-li li .btn {
	width: 100%;
}
.studio-img-li li {
	width: 100%;
	height: auto;
	margin-bottom: 20px;
	text-align: center;
	line-height: 140%;
	font-size: 14px;
}
.studio-img-li li img {
	width: 100%;
	height: auto;
	margin-bottom: 15px;
}
.studio-conts {
	margin-bottom: 60px;
}
.studio-conts:last-child {
	margin-bottom: 0;
}
.studio-conts .normal-ttl {
	margin-bottom: 40px;
}
.studio-conts .dsp {
	margin-bottom: 40px;
	line-height: 140%;
}
@media (min-width:768px) {
	.access-conts {
		margin-bottom: 120px;
	}
	.access-conts .normal-ttl {
		font-size: 32px;
	}
	.access-conts .comment {
		text-align: center;
	}
	.access-conts .map {
		margin-bottom: 60px;
	}
	.access-conts .map iframe {
		width: 100%;
		height: 400px;
	}
	.access-li li {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
		width: 100%;
		height: auto;
	}
	.access-li li .item {
		width: 20%;
		margin-bottom: 0;
	}
	.access-li li .txt {
		width: 78%;
	}
	.access-li li .btn {
		width: 300px;
	}
	.studio-img-li {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		width: 100%;
		height: auto;
	}
	.studio-img-li li {
		width: 30%;
		margin-right: 5%;
		margin-bottom: 5%;
	}
	.studio-img-li li:nth-child(3n),
	.studio-img-li li:last-child {
		margin-right: 0;
	}
	.studio-conts .dsp {
		text-align: center;
	}
}
/* [PAGE-CONCEPT]
--------------------------------------------------------------------------*/
.concept-conts {
	width: 100%;
	max-width: 840px;
	margin: 0 auto;
}
.concept-conts .normal-ttl {
	font-size: 24px;
}
.concept-conts .img-box {
	width: 100%;
	height: auto;
	margin-bottom: 40px;
}
.concept-conts .img-box img {
	width: 100%;
	height: auto;
}
@media (min-width:768px) {
	.concept-conts .normal-ttl {
		font-size: 32px;
	}
}
/* [PAGE-PRICE]
--------------------------------------------------------------------------*/
.price-caution {
	margin-bottom: 60px;
}
#taiken,
#drop-in,
#monthly-fee {
	margin-bottom: 100px;
}
.price-box {
	padding: 40px 30px;
	border: 1px solid #1A1A1A;
	width: 100%;
	max-width: 640px;
	margin: 0 auto;
	text-align: center;
}
.price-box .price {
	font-weight: 600;
	font-size: 24px;
	line-height: 140%;
	margin-bottom: 20px;
}
.price-box .price .item {
	width: 100%;
	font-size: 24px;
	margin-bottom: 20px;
}
.price-box .price .num {
	width: 100%;
	font-size: 42px;
	color: #8f7228;
}
.price-box .price .num span {
	font-size: 16px;
}
.price-box .alpha {
	width: 100%;
	font-size: 16px;
	line-height: 140%;
}
.price-box .dsp {
	width: 100%;
	font-size: 16px;
	line-height: 140%;
}
.price-box .admission span {
	color: #ED5E5E;
	font-weight: 600;
	font-size: 18px;
}
.belongings-box {
	padding: 40px;
	border: 1px solid #1A1A1A;
	max-width: 640px;
	margin: 0 auto;
}
@media (min-width:768px) {
	.price-caution {
		text-align: center;
	}
	.price-box {
		padding: 60px;
	}
	.price-box .price {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
	}
	.price-box .price .item {
		width: auto;
		margin-bottom: 0;
	}
	.price-box .price .num {
		width: auto;
		padding-left: 20px;
	}
}
/* [PAGE-INSTRUCTOR]
--------------------------------------------------------------------------*/
.instructor-li {
	width: 100%;
	height: auto;
}
.instructor-li img {
	width: 100%;
	height: auto;
}
.instructor-li li {
	width: 100%;
	height: auto;
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #eee;
}
.instructor-li li article {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
	height: auto;
}
.instructor-li li .img-box {
	width: 40%;
	height: auto;
}
.instructor-li li .txt-box {
	width: 55%;
}
.instructor-li li .name {
	font-size: 20px;
	line-height: 140%;
	margin-bottom: 10px;
}
.instructor-li li .posi {
	font-size: 11px;
	line-height: 140%;
	margin-bottom: 15px;
}
.sns-btn-li {
	display: flex;
	flex-wrap: wrap;
	justify-content:flex-start;
	width: 100%;
	height: auto;
	margin-bottom: 20px;
}
.sns-btn-li li,
.instructor-li .sns-btn-li li {
	width: 24px;
	height: auto;
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: none;
	margin-right: 10px;
}
.sns-btn-li li img {
	width: 100%;
	height: auto;
}
.sns-btn-li li:last-child {
	margin-right: 0;
}
.instructor-li li .btn {
	width: 100%;
	padding: 10px;
	display: none;
}
@media (min-width:768px) {
	.instructor-li {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.instructor-li li {
		width: 48%;
	}
}
@media (min-width:1024px) {
	.instructor-li li {
		margin-bottom: 40px;
		padding-bottom: 0;
		border-bottom: none;
	}
	.instructor-li li article {
		align-items: center;
	}
	.instructor-li li .btn {
		display: block;
		width: 160px;
	}
}
/* [SINGLE-INSTRUCTOR]
--------------------------------------------------------------------------*/
#instructor-article .pkg {
	padding: 40px 30px 80px; 
}
.instructor-info {
	width: 100%;
	max-width: 540px;
	margin: 0 auto 60px;
}
.instructor-info .ttl-wrap {
	margin-bottom: 40px;
	padding-bottom: 40px;
	border-bottom: 1px solid #eee;
}
.instructor-info .ttl-wrap .eng {
	display: block;
	text-align: center;
	font-size: 18px;
	margin-bottom: 20px;
	color: #8f7228;
}
.instructor-info .ttl-wrap .name {
	font-size: 32px;
	text-align: center;
	line-height: 140%;
	margin-bottom: 20px;
}
.instructor-info .ttl-wrap .poji {
	font-size: 12px;
	text-align: center;
	line-height: 120%;
}
.personal-date {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
	height: auto;
	margin-bottom: 40px;
}
.personal-date .img-box {
	width: 100%;
	height: auto;
	margin-bottom: 30px;
}
.personal-date img {
	width: 100%;
	height: auto;
}
.personal-date .txt-box .ttl {
	font-size: 20px;
	margin-bottom: 20px;
}
.personal-date .txt-box .dsp {
	margin-bottom: 30px;
}
.personal-date .sns-btn-li {
	justify-content: center;
	margin-bottom: 0;
}
.personal-date .sns-btn-li li {
	width: 30px;
}
.instructor-info .btn {
	width: 100%;
}
.instructor-dsp {
	width: 100%;
	max-width: 540px;
	margin: 0 auto;
}
@media (min-width:1024px) {
	#instructor-article .pkg {
		padding: 60px 40px 120px; 
	}
	.instructor-info,
	.instructor-dsp {
		max-width: 1100px;
	}
	.personal-date {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		width: 100%;
		height: auto;
	}
	.personal-date .img-box {
		width: 48%;
		margin-bottom: 0;
	}
	.personal-date .txt-box {
		width: 48%;
	}
	.personal-date .txt-box .dsp {
		font-size: 15px;
	}
	.personal-date .sns-btn-li {
		justify-content: flex-start;
	}
	.instructor-info .btn {
		width: 320px;
		margin: 0 auto;
	}
}
/* Retina-specific styles. */
@media print,
(-o-min-device-pixel-ratio: 5/4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi) {
}
@media print {
}

/* Edge */
_:host-context(x)::-ms-clear,


/* IE */
_:-ms-lang(x), 
.logo {
	transition:transform 0.8s;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
}