@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:300);
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{
	margin:0;
	padding:0;
	border:0;
	font:inherit;
	vertical-align:
	baseline
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
	display:block
}
body{
	-webkit-text-size-adjust:100%;
	text-size-adjust:100%;
	-webkit-font-smoothing:antialiased;
	/* font-smoothing:antialiased; */
	text-rendering:auto;
	font-size:14px;
	font-family:"游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
	color:#333;
	background-color:#fff;
	line-height:1.9;
	padding-top:48px;
	min-width:320px
}
ol,ul{
	list-style:none
}
blockquote,q{
	quotes:none
}
blockquote:after,blockquote:before,q:after,q:before{
	content:none
}
table{
	border-collapse:collapse;
	border-spacing:0
}
@media (min-width:670px){
	body{
		font-size:14px;letter-spacing:.11em
	}
}
.l-inner{
	margin:0 15px
}
@media (min-width:670px){
	.l-inner{
		width:940px;margin:0 auto
	}
}
.clearfix{
	zoom:1
	}
.clearfix:after,.clearfix:before{
	content:"";display:table
}
.clearfix:after{
	clear:both
}
.header.header-area{
	background:#fff;
	position:fixed;
	height:48px;
	width:100%;
	top:0;
	left:0;
	z-index:1000
}
@media (min-width:670px){
	.header.header-area{
		height:77px;min-width:940px
	}
}
.header.header-logo{
	position:absolute;
	top:8px;
	left:15px
}
@media (min-width:670px){
	.header.header-logo{
		top:10px
	}
}
.header.header-logo img{
	width:125px
	}
@media (min-width:670px){
	.header.header-logo img{
		width:210px
	}
}
.header.header-navi-menu{
	height:18px;
	width:23px;
	background:#000;
	position:absolute;
	top:16px;
	right:15px;
	transition-property:background;
	transition-duration:.2s;
	transition-timing-function:ease-in
}
.header.header-navi-menu:after{
	content:'';
	width:23px;
	height:6px;
	top:2px;
	left:0;
	transition-property:transform background height top
}
.header.header-navi-area,.header.header-navi-menu:after,.header.header-navi-menu:before{
	position:absolute;
	background:#fff;
	transition-duration:.2s;transition-timing-function:ease-in
}
.header.header-navi-menu:before{
	content:'';height:6px;left:0;
	width:23px;
	top:10px;
	transition-property:transform background height top
}
.header.header-navi-area{
	height:calc(100vh - 48px);
	width:280px;
	padding-top:15px;
	box-sizing:border-box;
	top:48px;
	right:-280px;
	transition-property:right
}
@media (min-width:670px){
	.header.header-navi-area{
		right:0;
		width:710px;
		height:77px;
		padding-top:15px;
		top:0
	}
}
.header.header-navi-item{
	margin:0 auto 18px
}
@media (min-width:670px){
	.header.header-navi-item{
		margin:0 15px 0 0;
		float:left
	}
}
.header.is-open .header-navi-menu{
	background:#fff;
}
.header.is-open .header-navi-menu:after{
	background:#000;
	height:2px;
	top:8px;
	transform:rotate(-45deg)
}
.header.is-open .header-navi-menu:before{
	background:#000;
	height:2px;
	top:8px;
	transform:rotate(45deg)
}
.header.is-open .header-navi-area{
	right:0
}
.mainvisual.mainvisual-area{
	height:100%;
	width:100%;
	/* background:url(../images/mainvisual_sp.png); */
	background-size:cover;
	/* position:; */
}
.main-sp {
	max-width: 100%; 
}

@media (min-width:670px){
	.mainvisual.mainvisual-area{
		/*background:url(../images/mainvisual_pc.png) no-repeat top center;
		background-size:cover;
		height:635px;
		min-width:940px;
		width:100%;
		margin:0 auto*/
	}
	.mainvisual.mainvisual-area .main-pc{
		width: 100%; 
	}
	.main-sp {
		display: none;
	}
}
.mainvisual.mainvisual-scroll{
	color:#fff;
	text-align:center;
	position:absolute;
	bottom:30px;
	width:100%
}
@media (min-width:670px){
	.mainvisual.mainvisual-scroll{
		width:44px;
		margin:0 auto;
		left:0;
		right:0;
		bottom:60px
	}
}
.mainvisual.mainvisual-title{
	padding-top:33px
}
@media (min-width:670px){
	.mainvisual.mainvisual-title{
		width:940px;
		margin:0 auto;
		position:relative
	}
}
/* .mainvisual.mainvisual-title img{
	width:228px;
	margin:0 auto;
	display:block
}
@media (min-width:670px){
	.mainvisual.mainvisual-title img{
		width:448px;
		margin:0;
		position:absolute;
		top:275px;
		left:0
	}
} */
.titlestyle.titlestyle-blue{
	font-size:45px;
	font-family:Roboto Condensed;
	text-align:center;
	color:#d2323c;
	font-weight:700;
	margin-bottom:40px;
	padding-top:50px
}
@media (min-width:670px){
	.titlestyle.titlestyle-blue{
		font-weight:400;
		padding-top:84px;
		margin-bottom:50px;
		font-size:55px;
		line-height:50px
	}
}
.titlestyle.titlestyle-blue svg{
	width:40px;
	height:40px;
	display:inline-block;
	fill:#fff;
	margin-right:7px;
	position:relative;
	top:4px;
	left:2px
}
@media (min-width:670px){
	.titlestyle.titlestyle-blue svg{
		width:50px;
		height:50px;
		margin-right:5px;
		top:5px;
		left:0
	}
}
.titlestyle.titlestyle-blue svg circle{
	stroke:#d2323c
}
.titlestyle.titlestyle-blue svg path,.titlestyle.titlestyle-blue svg rect{
	fill:#d2323c
}
.titlestyle.titlestyle-blue .titlestyle-annotation span:before,.titlestyle.titlestyle-blue .titlestyle-main:before{
	background:#fff
}
.titlestyle.titlestyle-blue .titlestyle-annotation span:after,.titlestyle.titlestyle-blue .titlestyle-main:after{
	background:#d2323c
	}
.titlestyle.titlestyle-blue .titlestyle-annotation{
	margin-top:-15px;
	font-size:14px;
	display:block
}
@media (min-width:670px){
	.titlestyle.titlestyle-blue .titlestyle-annotation{
		font-size:13px;
		margin-top:-9px
	}
}
.titlestyle.titlestyle-annotation span{
	font-weight:700;
	transition-delay:.3s
	}
.titlestyle.titlestyle-annotation span:after{
	content:"";
	position:absolute;
	width:100%;
	height:20px;
	left:0;
	top:4px;
	transform-origin:right;
	transform:scaleX(1);
	z-index:11;
	transition-delay:.7s
}
@media (min-width:670px){
	.titlestyle.titlestyle-annotation span:after{
		top:15px
	}
}
.titlestyle.titlestyle-annotation span,.titlestyle.titlestyle-annotation span:after,.titlestyle.titlestyle-main,.titlestyle.titlestyle-main:after{
	transition-property:transform;
	transition-duration:.4s;
	transition-timing-function:cubic-bezier(.25,.1,.25,1)
}
.titlestyle.titlestyle-annotation span,.titlestyle.titlestyle-main{
	display:inline-block;
	position:relative;
	transform:scaleX(0);
	transform-origin:left
}
.titlestyle.titlestyle-main:after{
	content:"";
	position:absolute;
	width:100%;
	height:50px;
	left:0;
	top:17px;
	transform-origin:right;
	transform:scaleX(1);
	z-index:11;
	transition-delay:.4s
}@media (min-width:670px){
	.titlestyle.titlestyle-main:after{
		top:5px
	}
}.titlestyle.titlestyle-line{
	font-size:20px;
	color:#d2323c;
	font-weight:700;
	text-align:center;
	margin:20px 0
}
@media (min-width:670px){
	.titlestyle.titlestyle-line{
		font-size:18px;
		margin-top:28px;
		margin-bottom:26px
	}
}
.titlestyle.titlestyle-line span,.titlestyle.titlestyle-line span:after{
	display:inline-block;
	transform:scaleY(0);
	transform-origin:top;
	transition-property:transform;
	transition-duration:.2s;
	transition-timing-function:cubic-bezier(.25,.1,.25,1)
}
.titlestyle.titlestyle-line span:after{
	content:'';
	display:block;
	width:100%;
	height:2px;
	background:#d2323c;
	transform:scaleY(18);
	transform-origin:bottom;
	transition-delay:.2s
}
.titlestyle.titlestyle-line.is-passing span{
	transform:scaleY(1)
}
.titlestyle.titlestyle-line.is-passing span:after{
	transform:scaleY(0)
}
.titlestyle.titlestyle-line .titlestyle-annotation{
	font-size:14px
}
@media (min-width:670px){
	.titlestyle.titlestyle-line .titlestyle-annotation{
		font-size:10px
	}
}
.titlestyle.titlestyle-box{
	text-align:center;
	margin-bottom:10px
}
@media (min-width:670px){
	.titlestyle.titlestyle-box{
		margin:0
	}
}
.titlestyle.titlestyle-box {
	font-size:22px;
	color: #fff;;
	border:1px solid #d2323c;
	background:#D2333C;
	line-height:1.5;
	padding:10px 15px;
	font-weight:700
}
.ctn-price {
	text-align: center;
	padding: 20px 0 10px;
}
.ctn-price .price-emphasis {
	font-size: 26px;
	font-weight: bold;
}
.ctn-price .price-text {
	font-size: 18px;
	font-weight: normal;
}
.titlestyle.is-passing .titlestyle-annotation span,.titlestyle.is-passing .titlestyle-main{
	transform:scaleX(1)
}
.titlestyle.is-passing .titlestyle-annotation span:after,.titlestyle.is-passing .titlestyle-main:after{
	transform:scaleX(0)
}
.price .text-admission {
	margin-top: 60px;
}
.text-admission {
	font-size: 22px;
	font-weight: bold;
	text-align: center;
	margin-top: 20px;
}
.text-admission .text-red {
	color: #d2323c;
}
.trainer-support {
	margin-top: 90px;
}
.trainer-support .title-trainer {
	font-size: 26px;
	font-weight: bold;
	font-family:Roboto Condensed;
	text-align: center;
}
.trainer-support .title-trainer span {
	border-bottom: 5px solid #d2323c;
	line-height: 0.7;
	display: inline-block;
}
.ctn-trainer {
	display: flex;
	justify-content: space-between;
	margin-top: 60px;
}
.item-trainer {
	width: 30%;
}
.item-trainer .ctn-item h3 {
	font-size: 22px;
	font-weight: bold;
	line-height: 1.334;
	text-align: center;
	margin: 25px 0;
}
.item-trainer .ctn-item  p {
	font-size: 15px;
	margin-top: 20px;
	line-height: 1.334;
}
.item-trainer img {
	width: 100%;
}
.btn.btn-normal{
	color:#d2323c;
	border:2px solid #d2323c;
	width:245px;
	height:55px;
	display:block;
	text-decoration:none;
	font-size:16px;
	text-align:center;
	line-height:55px;
	position:relative
}
@media (min-width:670px){
	.btn.btn-normal{
		width:220px;
		height:43px;
		line-height:40px;
		font-size:14px;
		font-weight:700;
		position:relative;
		box-sizing:border-box
	}
	.btn.btn-normal:before{
		content:'';
		display:block;
		position:absolute;
		top:0;
		left:0;
		width:0%;
		height:100%;
		background:rgba(255,255,255,.3);
		transition-property:width;
		transition-duration:.3s;
		transition-timing-function:cubic-bezier(.25,.1,.25,1)
	}
	.btn.btn-normal:hover:before{
		width:100%
	}
}
.btn.btn-normal .btn-arrow{
	position:absolute;
	right:18px;
	top:19px
}
@media (min-width:670px){
	.btn.btn-normal .btn-arrow{
		top:16px;right:10px
	}
}
.btn.btn-emphasis{
	width:230px;
	height:56px;
	border:1px solid #d2323c;
	color:#d2323c;
	background:#fff;
	display:block;
	text-align:center;
	text-decoration:none;
	line-height:56px;
	position:relative
}
@media (min-width:670px){
	.btn.btn-emphasis{width:260px
	}
}
.btn.btn-emphasis:after,.btn.btn-emphasis:before{
	content:'';
	display:block;
	position:absolute;
	background:#d2323c
	}
.btn.btn-emphasis:after{
	right:-56px;
	top:-1px;
	height:58px;
	width:56px
	}
.btn.btn-emphasis:before{
	height:100%;
	width:100%;
	opacity:.2;
	transform:scaleX(0);
	transform-origin:left;
	transition-property:transform;
	transition-duration:.3s;
	transition-timing-function:cubic-bezier(.25,.1,.25,1)
	}
.btn.btn-emphasis:hover:before{
	transform:scaleX(1)
	}
.btn.btn-emphasis .btn-arrow{
	position:absolute;
	right:-35px;
	top:19px;
	width:35px;
	height:12px;
	z-index:5
}
.arrow.arrow-normal{
	display:block;
	width:22px;
	height:10px;
	background-image:url(../images/arrow.png);
	background-size:contain;
	background-repeat:no-repeat
}

.about img{
	width: 100%;
}
.about .recommend {
	text-align: center;
	padding-top: 80px;
	margin-top: 20px;
	background: #fff;
}
.about .recommend img {
	width: 50%;
}
.video {
	margin-top: -80px;
}
.video .wy {
	max-width: 940px;
	margin: 0 auto;
}
.video .youtube {
    position: relative;
    height: 0;
    padding-top: 30px;
    padding-bottom: 56.25%;
    overflow: hidden;
}
.wy p {
	text-align: center;
	color: #000000;
	font-size: 30px;
	font-weight: bold;
}
@media (min-width:670px){
	.about.about-area{
		height:900px;
		padding-top:70px;
		background:url(../images/about_bg_pc.png) no-repeat center center;
		background-size:913px 452px;
		min-width:940px;
		width:100%;
		margin:0 auto
	}
	.about.about-text{
		font-size:16px;
		text-align:center;
		font-weight:700;
		color:#333;
		background:-webkit-linear-gradient(right,#ddd 0%,#ddd 48%,#333 52%,#333 100%);
		-webkit-background-clip:text;
		-webkit-text-fill-color:transparent;
		background-size:300%;
		background-position:100%;
		transition-property:background-position;
		transition-duration:1.8s;
		transition-timing-function:cubic-bezier(.25,.1,.25,1)
	}
	.about.about-text.is-passing{
		background-position:0%
	}
	.point.point-area{
		min-width:940px;
		width:100%;
		margin: 0 auto;
		padding-bottom:60px
	}

}
.point.point-item{
	margin-bottom:65px
}
@media (min-width:670px){
	.point.point-item{
		width:300px;
		min-height:515px;
		margin-right:21px;
		box-sizing:border-box;
		padding-bottom:30px;
		float:left;
		background:#f3f3f3
	}
	.point.point-item:nth-child(1):before{
		background-image:url(../images/point_num01.png);
		width:40px
	}
	.point.point-item:nth-child(1):before{
		background-image:url(../images/point_num01.png);
		height:36px;
		width:39px;
		background-repeat:no-repeat
	}
	.point.point-item:nth-child(2):before{
		background-image:url(../images/point_num02.png);
		height:36px;
		width:39px;
		background-repeat:no-repeat
	}
	.point.point-item:nth-child(3):before{
		background-image:url(../images/point_num03.png);
		height:36px;
		width:39px;
		background-repeat:no-repeat
	}
	.point.point-item:last-child{
		margin-right:0
	}
}
.point.point-item:before{
	content:'';
	display:block;
	background-size:contain;
	margin:-20px auto 17px
}
@media (min-width:670px){
	.point.point-list{
		width:942px;
		margin:0 auto
	}
}
.point.point-list-image{
	width:280px;
	margin:0 auto 25px;
	position:relative
}
@media (min-width:670px){
	.point.point-list-image{
		width:210px;
		margin-bottom:12px
	}
}
.point.point-list-image img{
	width:280px;
	display:block
}
@media (min-width:670px){
	.point.point-list-image img{
		width:210px
	}
}
.point.point-list-title{
	font-size:20px;
	text-align:center;
	margin-bottom:6px;
	font-weight:700;
	line-height:1.5
}
@media (min-width:670px){
	.point.point-list-text,.point.point-list-title{
		line-height:1.3;
		color:#333;
		background:-webkit-linear-gradient(right,#ddd 0%,#ddd 33%,#333 50%,#333 100%);
		-webkit-background-clip:text;
		-webkit-text-fill-color:transparent;
		background-size:300%;
		background-position:100%;
		transition-property:background-position;
		transition-duration:.8s;
		transition-timing-function:cubic-bezier(.25,.1,.25,1)
	}
	.point.point-list-text.is-passing,.point.point-list-title.is-passing{
		background-position:0%
	}
	.point.point-list-text{
		line-height:1.8;
		width:210px;
		margin:0 auto
	}
}
.course.course-area{
	background-color:#f5f3f3;
	color:#333
	}
@media (min-width:670px){
	.course.course-area{
		padding-bottom:100px;
		min-width:940px;
		width:100%;
		margin:0 auto;
		background:linear-gradient(73deg,#f3f3f3 0%,#f3f3f3 50%,#eae8e8 50%,#eae8e8 100%)
	}
.course.course-list{
	background:#fff;
	width:940px;
	position:relative
}
.course.course-list:before{
	content:'';
	position:absolute;
	width:313px;
	height:100%;
	display:block;
	border-left:1px solid #c7d1e3;
	border-right:1px solid #c7d1e3;
	top:0;
	left:312px;
	z-index:1
	}
}
.course.course-item{
	margin-bottom:50px;
	background:#fff;
	position:relative
}
@media (min-width:670px){
	.course.course-item{
		padding:0;
		background:0 0;
		width:313px;
		float:left
	}
}
.course.course-list-image img{
	width:345px;
	display:block;
	margin:0 auto
}
@media (min-width:670px){
	.course.course-list-image img{
		width:313px
	}
}
.course.course-btn{
	margin:0 auto
}
.course.course-list-text{
	padding:0 25px 25px
}
@media (min-width:670px){
	.course.course-list-text{
		padding:0;
		line-height:1.6em;
		margin:0 30px
	}
}
.course.course-decoration{
	font-family:Roboto Condensed;
	position:absolute;
	text-align:center;
	display:inline-block;
	margin:0 auto;
	left:0;
	right:0;
	top:-36px;
	font-size:40px;
	letter-spacing:-.03em;
	color:#d2323c
}
.teacher.teacher-area{
	padding-bottom:75px
}
@media (min-width:670px){
	.teacher.teacher-area{
		min-width:940px;
		width:100%;
		margin:0 auto
	}
}
.teacher.teacher-text{
	margin:20px 15px 35px
}
@media (min-width:670px){
	.teacher.teacher-text{
		width:950px;
		margin:20px auto 25px;
		color:#333;
		background:-webkit-linear-gradient(right,#ddd 0%,#ddd 48%,#333 52%,#333 100%);
		-webkit-background-clip:text;
		-webkit-text-fill-color:transparent;
		background-size:300%;
		background-position:100%;
		transition-property:background-position;
		transition-duration:1.8s;
		transition-timing-function:cubic-bezier(.25,.1,.25,1)
	}
.teacher.teacher-text.is-passing{
	background-position:0%
}
.teacher.teacher-text span{
	font-size:12px
	}
}
.teacher.teacher-item{
	padding-bottom:25px;
	background:#f3f3f3;
	margin:0 15px 50px;
	transform:scaleX(0);
	transform-origin:left;
	transition-property:transform;
	transition-duration:.5s;
	transition-timing-function:cubic-bezier(.25,.1,.25,1);
	position:relative
}
.teacher.teacher-item:last-child{
	margin-bottom:0
}
.teacher.teacher-item:nth-child(1) .teacher-list-title:before{
	width:42px;
	height:39px;
	/* background-image:url(../images/teacher_num01.png); */
	background-repeat:no-repeat
}
.teacher.teacher-item:nth-child(2) .teacher-list-title:before{
	width:52px;
	height:39px;
	/* background-image:url(../images/teacher_num02.png); */
	background-repeat:no-repeat
}
.teacher.teacher-item:nth-child(3) .teacher-list-title:before{
	width:53px;
	height:39px;
	/* background-image:url(../images/teacher_num03.png); */
	background-repeat:no-repeat
}
.teacher.teacher-item:after{
	content:'';
	display:block;
	width:100%;
	height:100%;
	background:#d2323c;
	position:absolute;
	top:0;
	right:0;
	z-index:1;
	transform:scaleX(1);
	transform-origin:right;
	transition-property:transform;
	transition-duration:.5s;
	transition-timing-function:cubic-bezier(.25,.1,.25,1);
	transition-delay:.5s
}
@media (min-width:670px){
	.teacher.teacher-item{
		margin:0;
		width:100%;
		vertical-align:top;
		padding-bottom:0;
		border-bottom:1px solid #faf9f9;
		height:300px;
		overflow:hidden
	}
}
.teacher.teacher-item.is-passing{
	transform:scaleX(1)
}
.teacher.teacher-item.is-passing:after{
	transform:scaleX(0)
}
@media (min-width:670px){
	.teacher.teacher-list{
		overflow:hidden
	}
	.teacher.teacher-list-image{
		position:relative;
		width:690px
	}
	.teacher.teacher-list-image:after{
		content:'';
		position:absolute;
		width:0;
		height:0;
		border-style:solid;
		border-width:0 100px 300px 0;
		border-color:transparent #f3f3f3 transparent transparent;
		top:0;
		right:0
	}
}
.teacher.teacher-list-image img{
	width:345px;
	margin:0 auto;
	display:block
}
@media (min-width:670px){
	.teacher.teacher-list-image img{
		width:690px;
		margin:0
	}
}
.teacher.teacher-list-title{
	margin:15px 25px 25px 25px;
	font-weight:700;
	font-size:18px;
	color:#000;
	position:relative
}
.teacher.teacher-list-title:before{
	content:'';
	display:block;
	position:absolute;
	left:-65px;
	top:0;
	background-size:contain
}
.teacher.teacher-list-title:after{
	content:'';
	display:block;
	position:absolute;
	width:51px;
	height:2px;
	background:#d2323c;
	bottom:-5px;
	left:0
}
.teacher.teacher-list-title span{
	font-size:8px;
	margin-left:8px;
	display:inline-block
}
@media (min-width:670px){
	.teacher.teacher-list-title{
		margin:0;
		line-height:1.4em;
		position:absolute;
		left:707px;
		top:73px
	}
	.teacher.teacher-list-title:after{
		bottom:-10px
	}
	.teacher.teacher-list-title span{
		font-size:12px;
		margin-left:10px
	}
}
.teacher.teacher-list-text{
	margin:0 25px
}
@media (min-width:670px){
	.teacher.teacher-list-text{
		left:706px;
		margin:0;
		position:absolute;
		top:129px;
		width:500px
	}
}

@media (min-width:670px){
	.price.price-area{
		min-width:940px;
		width:100%;
		margin:0 auto;
		min-height:580px;
		position:relative;
		/* background:linear-gradient(73deg,#f3f3f3 0%,#f3f3f3 50%,#eae8e8 50%,#eae8e8 100%) */
	}
	.price.price-caption{
		position:absolute;
		left:0;
		right:0;
		top:453px;
		text-align:center
	}
}
.price.price-emphasis{
	text-align:center;
	margin-bottom:30px
}
@media (min-width:670px){
	.price.price-emphasis{
		margin-bottom:15px
	}
}
.price.price-emphasis em{
	font-family:Arial,'Arial';
	color:#d2323c;
	font-size:30px;
	font-weight:700
}
/* .price .price-bulk{
	padding:0 15px 50px
} */


.price .price-box{
	margin-top: 30px;
	display: flex;
	flex-direction: column;
}

.price .price-box-item{
	width: 100%;
	display: flex;
	flex-direction: column;
	margin-bottom: 15px;
	box-sizing: border-box;
}
@media (min-width:670px){
	/* .price.price-bulk{
		padding:0 110px 0 0;
		position:absolute;
		right:60%;
		width:360px;
		top:200px
	} */

	.price .price-box{
		display: flex;
		flex-direction: inherit;
		align-items: flex-start;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	
	.price .price-box-item{
		width: 18%;
		display: flex;
		flex-direction: column;
		margin: 0px 10px;
		box-shadow: 2px 2px 8px rgb(0 0 0 / 16%);
	}
	
}
/* .price.price-monthly-amount{
	background:#eae8e8;
	padding:35px 15px 50px
} */

.price.price-center{
	text-align:center
}
@media (min-width:670px){
	/* .price.price-monthly-amount{
		background:0 0;
		padding:0 0 0 110px;
		position:absolute;
		left:57%;
		width:360px;
		top:200px
	} */
	.price.price-center{
		text-align:center
	}
	.price.price-title{
		margin-bottom:0
	}
	.price.price-text{
		margin-top:15px
	}
}
.classroom.classroom-area{
	padding-bottom:75px
}
@media (min-width:670px){
	.classroom.classroom-area{
		min-width:940px;
		width:100%;
		margin:0 auto
	}
}
.classroom.classroom-sp-content .swiper-container{
	width:100%;
	padding-bottom:30px
}
.classroom.classroom-sp-content .swiper-pagination{
	bottom:0
}
.classroom.classroom-sp-content .swiper-slide{
	display:flex;
	justify-content:center;
	align-items:center
}
.classroom.classroom-sp-content .swiper-button-next,.classroom.classroom-sp-content .swiper-button-prev{
	width:45px;
	height:45px;
	background:#d2323c
}
.classroom.classroom-sp-content .swiper-button-next{
	right:0
}
.classroom.classroom-sp-content .swiper-button-next:after{
	content:'';
	display:block;
	width:12px;
	height:12px;
	border-right:1px solid #fff;
	border-top:1px solid #fff;
	transform:rotate(45deg);
	margin:0 auto;
	position:relative;
	top:-1px
}
.classroom.classroom-sp-content .swiper-button-next:before{
	border-right:1px solid #fff;
	content:"";
	display:block;
	height:18px;
	left:20px;
	position:relative;
	top:14px;
	width:1px
}
.classroom.classroom-sp-content .swiper-button-prev{
	left:0
}
.classroom.classroom-sp-content .swiper-button-prev:after{
	content:'';
	display:block;
	width:12px;
	height:12px;
	border-left:1px solid #fff;
	border-bottom:1px solid #fff;
	transform:rotate(45deg);
	margin:0 auto;
	position:relative;
	top:-1px
}
.classroom.classroom-sp-content .swiper-button-prev:before{
	border-right:1px solid #fff;
	content:"";
	display:block;
	height:18px;
	left:22px;
	position:relative;
	top:14px;
	width:1px
}
.classroom.classroom-sp-content .swiper-pagination-bullet{
	width:10px;
	height:10px;
	border-radius:0%;
	background:#d2323c;
	opacity:1;
	margin:0 6px
}
.classroom.classroom-sp-content .swiper-pagination-bullet.swiper-pagination-bullet-active{
	position:relative
}
.classroom.classroom-sp-content .swiper-pagination-bullet.swiper-pagination-bullet-active:after{
	content:'';
	display:block;
	width:14px;
	height:14px;
	border:1px solid #d2323c;
	position:absolute;
	top:-3px;
	left:-3px
}
.classroom.classroom-sp-item{
	display:block;
	width:100%;
	padding:0 17px;
	box-sizing:border-box
}
.classroom.classroom-sp-image{
	width:100%
}
.classroom.classroom-pc-content{
	background:#f5f3f3;
	padding-bottom:40px
}
.classroom.classroom-pc-image{
	width:940px
}
.classroom.classroom-pc-text{
	text-align:center;
	margin:25px auto
}
.classroom.classroom-pc-item{
	display:none
}
.classroom.classroom-pc-item.is-active,.is-sp{
	display:block
}
.classroom.classroom-pc-btn{
	width:169px;
	float:left;
	margin-left:4px
}
.classroom.classroom-pc-btn.is-active{
	opacity:.5
}
.classroom.classroom-pc-btn-image{
	width:169px
}
.classroom.classroom-pc-btn-list{
	margin-left:40px
}
.lesson.lesson-area{
	background:#f5f3f3;
	padding-bottom:70px
}
@media (min-width:670px){
	.lesson.lesson-area{
		min-width:940px;
		width:100%;
		margin:0 auto;
		background:linear-gradient(73deg,#f3f3f3 0%,#f3f3f3 50%,#eae8e8 50%,#eae8e8 100%)
	}
}
.lesson.lesson-item{
	margin-bottom:50px;
	background:#fff;
	position:relative
}
.lesson.lesson-item:after{
	content:'';
	width:0;
	height:0;
	border-style:solid;
	border-width:21px 22.5px 0;
	border-color:#d2323c transparent transparent;
	margin:0 auto;
	position:absolute;
	left:0;
	right:0
}
@media (min-width:670px){
	.lesson.lesson-item{
		padding:0;
		background:0 0;
		width:235px;
		float:left
	}
	.lesson.lesson-item:after{
		content:'';
		width:0;
		height:0;
		border-style:solid;
		border-width:22.5px 0 22.5px 21px;
		border-color:transparent transparent transparent #d2323c;
		position:absolute;
		left:auto;
		right:-20px;
		top:158px;
		z-index:5
	}
}
.lesson.lesson-item:last-child:after,.lesson.lesson-item:last-child:before{
	display:none
}
@media (min-width:670px){
	.lesson.lesson-list{
		background:#fff;
		width:940px;
		position:relative
	}
	/* .lesson.lesson-list:before{
		content:'';
		position:absolute;
		width:235px;
		height:100%;
		display:block;
		border-left:1px solid #c7d1e3;
		border-right:1px solid #c7d1e3;
		top:0;
		left:312px;
		z-index:1
	} */
}
.lesson.lesson-list-image img{
	width:345px;
	display:block;
	margin:0 auto
}
@media (min-width:670px){
	.lesson.lesson-list-image img{
		width:235px;
	}
}
.lesson.lesson-list-text{
	margin-bottom:10px;
	padding:0 25px 25px
}
@media (min-width:670px){
	.lesson.lesson-list-text{
		padding:0;
		line-height:1.6em;
		margin:0 30px
	}
}
.lesson.lesson-btn-list{
	margin:0 auto
}
@media (min-width:670px){
	.lesson.lesson-btn-list{
		margin-top:10px;
		width:210px
	}
}
.lesson.lesson-btn-item{
	width:290px;
	margin:10px auto 0
}
@media (min-width:670px){
	.lesson.lesson-btn-item{
		width:auto;
		margin:0;
		float:left
	}
	.lesson.lesson-btn-item:last-child{
		float:right
	}
}

.banner.banner-link{
	display:block;
	height:130px;
	color:#fff;
	text-decoration:none;
	font-size:20px;
	text-align:center;
	box-sizing:border-box;
	padding-top:35px;
	position:relative;
	overflow:hidden;
	font-family:
	Roboto Condensed
}
@media (min-width:670px){
	.banner.banner-link{
		float:left;
		width:50%;
		min-width:470px;
		height:260px;
		font-size:55px;
		padding-top:80px;
		line-height:1.4
	}
}
.banner.banner-link span{
	font-size:12px;
	display:block
}
@media (min-width:670px){
	.banner.banner-link span{
		font-size:14px
	}
}
.banner.banner-link:hover .banner-image{
	transform:scale(1.1)
}
.banner.banner-inquiry .banner-image{
	background-image:url(../images/contact_image01.png)
}
.banner.banner-experience .banner-image{
	background-image:url(../images/contact_image02.png)
}
.banner.banner-image{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	z-index:-1;
	background-size:cover;
	transform:scale(1);
	transition-property:transform;
	transition-duration:.2s;
	transition-timing-function:cubic-bezier(.25,.1,.25,1)
}
.footer.footer-area{
	background:#fff;
	padding-top:70px
}
@media (min-width:670px){
	.footer.footer-area{
		min-width:940px;
		width:100%;
		height:100%;
		overflow:hidden;
		padding-top:35px;
		padding-bottom:10px;
		margin:0 auto;
		position:relative
	}
}
.footer.footer-inner{
	margin:0 15px
}
@media (min-width:670px){
	.footer.footer-inner{
		margin:0;
		min-width:940px;
		width:100%
	}
	.footer.footer-item{
		float:left;
		margin-right:23px;
		margin-left:30px;
	}
}
.footer.footer-text{
	color:#949494;
	width:280px;
	margin:0 auto 20px
}
@media (min-width:670px){
	.footer.footer-text{
		font-size:13px;
		width:100%;
		box-sizing:border-box;
		padding-left:15px;
		margin-bottom:10px
	}
	.footer.footer-list{
		position:relative;
		z-index:1;
		padding-left:15px
	}
}
.footer.footer-link{
	width:300px;
	/* height:60px; */
	/* border:1px solid #949494; */
	display:block;
	margin:0 auto 10px;
	/* padding:10px 15px; */
	box-sizing:border-box;
	text-align:center;
	position:relative
}
.footer.footer-link img{
	width:auto;
	height:auto;
	max-width:100%;
	max-height:100%;
	vertical-align:middle
}
.footer.footer-link:after{
	content:'';
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:0%;
	height:100%;
	background:rgba(255,255,255,.3);
	transition-property:width;
	transition-duration:.3s;
	transition-timing-function:cubic-bezier(.25,.1,.25,1)
}
.footer.footer-link:hover:after{
	width:100%
}
.footer.footer-copyright{
	line-height:50px;
	font-size:9px;
	text-align:center;
	color:#000;
}
@media (min-width:670px){
	.footer.footer-copyright{
		min-width:940px;
		width:100%;
		position:absolute;
		bottom:5px;
		right:65px;
		text-align:right
	}
}
.footer.footer-privacy{
	line-height:10px;
	font-size:9px;
	text-align:center;
	z-index:10
}
.footer.footer-privacy a{
	color:#000;
	display:inline-block;
	text-decoration:none
}
@media (min-width:670px){
	.footer.footer-privacy{
		line-height:50px;
		width:200px;
		position:absolute;
		bottom:5px;
		right:185px;
		text-align:right
	}
}
.footer.terms-text {
    text-align: center;
    margin-top: 10px;
}
.borderstyle.borderstyle-blue,.borderstyle.borderstyle-white{
	position:relative
}
.borderstyle.borderstyle-blue:before{
	content:'';
	display:block;
	width:2px;
	height:0;
	margin:0 auto;
	background:#d2323c;
	position:absolute;
	top:-30px;
	left:0;
	right:0;
	transition:height .2s linear
}
.borderstyle.borderstyle-blue:after{
	background:#fff;
	top:0;
	transition:height .2s linear .2s
}
.borderstyle.borderstyle-blue.is-passing:after,.borderstyle.borderstyle-blue.is-passing:before,.borderstyle.borderstyle-white.is-passing:after,.borderstyle.borderstyle-white.is-passing:before{
	height:30px
}
.borderstyle.borderstyle-blue:after,.borderstyle.borderstyle-white:after,.borderstyle.borderstyle-white:before{
	content:'';
	display:block;
	width:2px;
	height:0;
	margin:0 auto;
	position:absolute;
	left:0;
	right:0
}
.borderstyle.borderstyle-white:before{
	background:#fff;
	top:-30px;
	transition:height .2s linear
}
.borderstyle.borderstyle-white:after{
	background:#d2323c;
	top:0;
	transition:height .2s linear .2s
}
@media (min-width:670px){
	.borderstyle.borderstyle-white.is-long:before{
		top:-50px;
		transition:height .3s linear
	}
	.borderstyle.borderstyle-white.is-long:after{
		transition:height .3s linear .3s
	}
	.borderstyle.borderstyle-white.is-long.is-passing:after,.borderstyle.borderstyle-white.is-long.is-passing:before{
		height:50px
	}
	.is-sp{
		display:none!important
	}
}
.is-pc{
	display:none
}
@media (min-width:670px){
	.is-pc{
		display:block!important
		}
	}



/*追加*/
.price-campaign {
	text-align:center;
}
.price-campaign img{
	width:100%;
}

@media (min-width:670px){
	.price-campaign img{
		width:60%;
	}
}

.lesson-schedule img{
	width: 100%;
}

.lesson-schedule h3{
	font-size:25px;
	font-family:Roboto Condensed;
	text-align:center;
	color:#d2323c;
	font-weight:700;
	margin-bottom:40px;
	padding-top:50px
}
.lesson-cont{
	width: 100%;
	border-spacing: 0;
  }
  	  
  .lesson-cont th{
	border-bottom: solid 2px #fb5144;
	padding: 10px 0;
  }
  
  .lesson-cont td{
	border-bottom: solid 2px #ddd;
	text-align: center;
	padding: 10px 0;
  }
@media (min-width:670px){
	.lesson-schedule {
		text-align:center;
	}
	.lesson-schedule h3{
		font-weight:400;
		padding-top:84px;
		margin-bottom:50px;
		font-size:30px;
		line-height:50px
	}
	.lesson-schedule p{
		width:70%;
		margin:0 auto ;
	}
	.lesson-cont{
		width: 70%;
		border-spacing: 0;
		margin:0 auto;
	  }
	  
	  .lesson-cont th{
		border-bottom: solid 2px #fb5144;
		padding: 10px 0;
	  }
	  
	  .lesson-cont td{
		border-bottom: solid 2px #ddd;
		text-align: center;
		padding: 10px 0;
	  }
}
/*Fixed Menu SP*/
.fixed_menu {
	position: fixed;
	bottom: 0;
	width: 100%;
	height: 85px;
	z-index: 1000;
}
.fixed_menu_top {
	width: 100%;
	background: #d2323c;
	color: #fff;
	text-align: center;
	padding: .3rem 0;
}
.fixed_menu_top a {
	text-decoration: none!important;
	color: #fff;
}
.fixed_menu_top p {
	margin-bottom: 0;
	font-size: 12px;
	white-space: nowrap;
}

.fixed_menu_btm {
	display: flex;
	width: 100%;
	height: 100%;
	background: #fff;
}

.fixed_menu_btm_left {
	width: 50%;
	text-align: center;
	/* margin: 1rem 0; */
}
.fixed_menu_btm .ft_sm {
	font-size: 12px;
	color: grey;
}
.fixed_menu_btm_left p {
	margin-bottom: 0;
}
.fixed_menu .number {
	width: 150px;
	margin: 0 auto;
	font-weight: bold;
	border-style: solid;
}
.fixed_menu .number_w {
	width: 150px;
	margin: 0 auto;
	font-weight: bold;
	border-style: solid;
	color: #fff;
}
.fixed_menu_btm a {
	text-decoration: none!important;
	color: #333;
}
.fixed_menu .bor_left {
	border-left: 1px solid grey;
	height: 50px;
	background-color: #00B900;
	color:#fff;
}

.fixed_menu_btm_right {
	width: 50%;
	text-align: center;
	/* margin: 1rem 0; */
}
.fixed_menu_btm .ft_sm {
	font-size: 12px;
	color:#000;
}
.fixed_menu_btm .ft_sm_w {
	font-size: 12px;
	color:#fff;
}

.fixed_menu_btm_right p {
	margin-bottom: 0;
}

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


@media screen and (max-width: 760px) {
    .about .recommend {
		padding-top: 0;
	}
	.about .recommend img {
		width: 100%;
	}
	.video {
		margin-top: 40px;
	}
	.youtube iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	.wy p {
		font-size: 20px;
	}
	.price .price-box-item {
		box-shadow: 2px 2px 8px rgb(0 0 0 / 16%);
	}
	.text-admission {
		font-size: 20px;
		margin-top: 0;
	}
	.trainer-support {
		margin-top: 40px;
	}
	.trainer-support .title-trainer {
		font-size: 20px;
	}
	.price .text-admission {
		margin-top: 30px;
	}
	.ctn-trainer {
		margin-top: 40px;
		flex-wrap: wrap;
	}
	.item-trainer {
		width: 100%;
	}
	.item-trainer:nth-child(n + 2) {
		margin-top: 20px;
	}
	.item-trainer .ctn-item h3 {
		font-size: 20px;
	}
	.lesson.lesson-item:last-child {
		margin-bottom: 0;
	}
}