@media only screen and (max-width:960px) {

	html {
		font-size: 6.9px;
	}






	.header-inner {
	  margin: 0 0 0 auto;
	  width: 99%;
	}

	.leftColm {
	  float: left;
	}

	.rightColm {
	  float: right;
	}

	header {
	  background: #fff;
	  position: relative;
	}
	header #copy {
	  padding: 5px 0;
	  font-size: 11px;
	  font-size: 1.1rem;
	  letter-spacing: 0;
	}
	header .leftColm {
	  width: 70%;
	}
	header h1 {
	  float: left;
	  width: 27%;
	}
	header .tell {
	  display: inline-block;
	  padding: 2% 5% 0 0;
	  float: right;
	  font-size: 36px;
	  font-size: 3.6rem;
	  line-height: 1;
	  font-family: "HelveticaNeue-Thin", "Helvetica Neue Thin", "Helvetica Neue", ".HiraKakuInterface-W1";
	  font-weight: bold;
	  color: #004F8A;
	  letter-spacing: 0;
	  position: relative;
	}
	header .tell span {
	  margin: 3px 0 0;
	  display: block;
	  font-size: 11px;
	  font-size: 1.1rem;
	  color: #000;
	}
	header .tell:before {
	  content: '';
	  width: 50px;
	  height: 50px;
	  background: url(../img/icon-tell.svg) no-repeat;
	  background-size: 100%;
	  position: absolute;
	  top: 10px;
	  left: -55px;
	}
	header .tell:before {
		width: 15%;
		height: 70%;
		top: 20%;
		left: -16.5%;
	}
	header .rightColm {
	  width: 30%;
	}
	.formButton {
	  float: right;
	}
	.formButton a {
	  padding: 0 0 0 60px;
	  display: block;
	  max-width: 100%;
	  width: 245px;
	  line-height: 5.8;
	  background: url(../img/bg-webForm.svg) no-repeat;
	  font-size: 25px;
	  font-size: 2.5rem;
	  color: #fff;
	  font-style: italic;
	  position: relative;
	}
	.formButton a:before {
	  content: '';
	  width: 12px;
	  height: 20px;
	  background: url(../img/arrow-webForm.svg) no-repeat;
	  background-size: 100%;
	  position: absolute;
	  top: 50%;
	  left: 45px;
	  -webkit-transform: translateY(-50%);
	  -moz-transform: translateY(-50%);
	  -ms-transform: translateY(-50%);
	  -o-transform: translateY(-50%);
	  transform: translateY(-50%);
	}







	#acodion-wrapper {
		margin: 0 0 30px;
	}

	.contact-button {
		height: auto;
	}

	#acodion-wrapper .content-inner .contents .img-box li:nth-of-type(3),#acodion-wrapper .content-inner .contents .img-box li:nth-of-type(2) {
		width: 48%;
	}

	.contact-button:after {
		bottom: 10%;
	}

	#about .leftColm {
		width: 38%;
	}
	#about .leftColm iframe {
		width: 100%;
	}

	#about figure.rightColm {
		width: 60%;
	}

	#greeting section figure {
		width: 35%;
	}

	#greeting section .rightColm {
		width: 62%;
	}
	.achievement-box p {
		background-size: 100%;
	}

	#question dl dt:before {
		width: 6%;
		height: 66%;
		background-size: 100% 100%;
	}

	#question dl dd:before {
		width: 5.3%;
		height: 58.5%;
		background-size: 100% 100%;
		left: 3.3%;
	}

	#slider {
		margin: 0 0 3%;
	}

	#slider .bx-wrapper .bx-pager {
		bottom: 5%;
	}

	#schedule .inner {
		padding: 0 3%;
	}

	#schedule iframe {
		width: 100%;
	}
}
@media only screen and (max-width:768px) {

	html {
		font-size: 0.9vw;
	}

	#acodion-wrapper .contens-trigger figure {
		width: 40%;
	}
	#acodion-wrapper .contens-trigger .title-box {
		padding: 6% 0 0 5%;
	}

	#about .leftColm iframe {
		height: 250px;
	}

	#about .leftColm,#about figure.rightColm {
		width: 100%;
		float: none;
	}

	#question dl dt {
		margin: 0 0 3%;
		padding: 3% 3% 3% 15%;
	}

	#question dl dd {
		margin: -3% 0 3%;
		padding: 3% 3% 3% 16%;
	}

	#question dl dt:before {
		width: 7%;
		height: 75%;
	}

	#question dl dd:before {
		width: 7%;
		height: 75%;
		left: 5.5%;
	}

	footer .leftColm {
		margin: 0 0 25px;
		padding: 0;
		display: block;
		text-align: center;
	}

	footer #fbuton {
		margin: 0 auto;
		position: static;
		width: 45%;
	}

	footer ul {
		display: none !important;
	}

	.contact-button {
		line-height: 5;
	}

	#contact-box table td,#contact-box table th {
		padding: 3% 2%;
	}

	#contact-box table .preferredDate {
		margin-right: 4%;
	}

	#schedule iframe {
		height: 400px;
	}
	/* ----------------------- */
	/* セカンドページ            */
	/* ----------------------- */
	#common-second p {
		padding:15px;
		font-size: 14px;
	}
	.main-copy {
		padding: 27px 0 20px 0;
		margin-bottom: -25px;
		background: url(../img/second/bg-copy.png) no-repeat center;
		background-size: 100%;
		text-align: center;
		color: #fff;
		font-family: "HelveticaNeue-Thin", "Helvetica Neue Thin", "Helvetica Neue", ".HiraKakuInterface-W1";
		font-size: 1.7rem;
		font-weight: 300;
		line-height: 1.5;
	}
	.main-copy-class07 {
		padding: 27px 0 20px 0;
		margin-bottom: -25px;
		background: url(../img/second/bg-copy-class07.png) no-repeat center;
		background-size: 100%;
		text-align: center;
		color: #fff;
		font-family: "HelveticaNeue-Thin", "Helvetica Neue Thin", "Helvetica Neue", ".HiraKakuInterface-W1";
		font-size: 1.7rem;
		font-weight: 300;
		line-height: 1.5;
	}
	.main-copy-class08 {
		padding: 27px 0 20px 0;
		margin-bottom: -25px;
		background: url(../img/second/bg-copy-class08.png) no-repeat center;
		background-size: 100%;
		text-align: center;
		color: #fff;
		font-family: "HelveticaNeue-Thin", "Helvetica Neue Thin", "Helvetica Neue", ".HiraKakuInterface-W1";
		font-size: 1.7rem;
		font-weight: 300;
		line-height: 1.5;
	}
	.main-copy-class09 {
		padding: 27px 0 20px 0;
		margin-bottom: -25px;
		background: url(../img/second/bg-copy-class09.png) no-repeat center;
		background-size: 100%;
		text-align: center;
		color: #fff;
		font-family: "HelveticaNeue-Thin", "Helvetica Neue Thin", "Helvetica Neue", ".HiraKakuInterface-W1";
		font-size: 1.7rem;
		font-weight: 300;
		line-height: 1.5;
	}
	.main-copy-class10 {
		padding: 22px 0 20px 0;
		margin-bottom: -25px;
		background: url(../img/second/bg-copy-class10.png) no-repeat center;
		background-size: 100%;
		text-align: center;
		color: #fff;
		font-family: "HelveticaNeue-Thin", "Helvetica Neue Thin", "Helvetica Neue", ".HiraKakuInterface-W1";
		font-size: 1.7rem;
		font-weight: 300;
		line-height: 1.5;
	}
	.main-copy-class13 {
		padding: 27px 0 20px 0;
		margin-bottom: -25px;
		background: url(../img/second/bg-copy-class13.png) no-repeat center;
		background-size: 100%;
		text-align: center;
		color: #fff;
		font-family: "HelveticaNeue-Thin", "Helvetica Neue Thin", "Helvetica Neue", ".HiraKakuInterface-W1";
		font-size: 1.7rem;
		font-weight: 300;
		line-height: 1.5;
	}
	.tra-boxl {
	  width: 48.4%;
	  margin: 0 10px 15px 0;
	  float: left;
	}
	.tra-boxl p {
	  font-size: 14px;
	  padding-top: 8px;
	}
	.tra-boxr {
	  width: 48.4%;
	  margin: 0 0 15px 10px;
	  float: left;
	}
	.tra-boxr p {
	  font-size: 14px; 
	  padding-top: 8px;
	}
	#training {
		padding:10px;
	}
	#example {
		padding:10px;		
	}
	#example p {
		font-size: 14px;
	}
	#instructor {
		padding:10px;		
	}
	#instructor p {
		font-size: 14px;
	}
	#instructor .rightColm {
		margin: 10px auto;
		text-align: left;
	}
	.playervoice {
	  width: 48.5%;
	  margin: 10px 10px 0 0;
	  padding: 10px;
	  background-color: #fff;
	  float: left;
	}
	.playervoice-onimg {
	  width: 100%;
	  margin: 10px 10px 0 0;
	  padding: 10px;
	  background-color: #fff;
	  float: left;
	}
	#voice {
		padding:10px;		
	}
	#voice p {
		font-size: 14px;
	}
	#voice .playername {
	  padding: 10px 0;
	  text-align: center;
	  border-bottom: solid 1px #000;
	}
	#voice .playername span {
	  font-size: 20px;
	}
	#voice .playertext {
	  padding: 16px;
	}
	#voice .playerimg-onimg {
	  padding-right: 15px;
	  width: 150px;
	  float: left;
	}
	#voice .playername-onimg {
	  padding: 10px 0;
	  border-bottom: solid 1px #000;
	}
	#voice .playername-onimg span {
	  font-size: 20px;
	}
	#voice .playertext-onimg {
	  padding: 16px;
	}
	#class-info {
		padding:10px;		
	}
	#class-info .classleftColm {
		width: 100%;
	}
	#class-info .classrightColm {
		width: 100%;
	}
	#class-info .class-contents-box {
		width: 100%;
		height: auto;
		margin-bottom: -15px;
	}
	#class-info .class02-contents-box {
		width: 100%;
		height: auto;
		margin-bottom: -15px;
	}
	#class-info .class13-contents-box {
		width: 100%;
		height: auto;
		margin-bottom: -15px;
	}
	#class-info table th{
		font-size: 14px;
	}
	#class-info table td{
		font-size: 13px;
	}
}

@media only screen and (max-width:640px) {

	.pc {
		display: none !important;
	}
	.sp {
		display: block !important;
	}

	html {
		font-size: 2vw;
	}

	#wrapper {
		letter-spacing: -0.5px;
	}

	.inner {
		padding: 0 2%;
	}

	header {
		padding: 1% 1% 2%;
	}

	header #copy {
		margin: 0 0 2%;
		padding: 1% 0;
		line-height: 1;
	}

	header .rightColm {
		display: none;
	}

	header h1 {
		width: 25%;
	}

	header .leftColm {
		width: 100%;
	}

	header .tell {
		padding: 1% 0 0 11%;
		float: left;
		font-size: 5.5vw;
	}
	header .tell span {
		display: none;
	}
	header .sp_time {
		font-size: 10px;
	}

	header .tell:before {
		top: 55%;
		left: 6%;
		width: 10%;
		height: 80%;
		-webkit-transform: translateY(-50%);
		   -moz-transform: translateY(-50%);
		    -ms-transform: translateY(-50%);
		     -o-transform: translateY(-50%);
		        transform: translateY(-50%);
	}

	nav {
		display: none;
	}

	#hbg {
		display: block;
	}

	#acodion-wrapper {
		margin: 0 0 10%;
	}

	#acodion-wrapper .content-inner {
		padding: 2%;
	}

	#acodion-wrapper .content-inner .contents {
		padding: 5%;
	}

	#acodion-wrapper .aco-boxs {
		margin: 0 0 5% !important;
	}

	#acodion-wrapper .contens-trigger .title-box {
		padding: 3%;
		width: 100%;
		float: none;
	}

	#acodion-wrapper .contens-trigger .title-box h2 {
		font-size: 4rem;
	}
	#acodion-wrapper .contens-trigger .title-box h2 span {
		font-size: 2rem;
		letter-spacing: -0.5px;
	}

	#acodion-wrapper .contens-trigger figure {
		width: 100%;
		float: none;
	}

	#news dl dt {
		letter-spacing: 0;
		font-size: 2rem;
	}

	#news dl dd a {
		font-size: 2.3rem;
	}

	#acodion-wrapper .contens-trigger .title-box p {
		font-size: 2.8rem;
		line-height: 1.3;
	}

	#acodion-wrapper .content-inner .contents .leftColm,#acodion-wrapper .content-inner .contents .rightColm {
		width: 100%;
		float: none;
	}
	#acodion-wrapper .content-inner .contents .leftColm {
		margin: 0 0 5%;
	}
	#acodion-wrapper .content-inner .contents .rightColm {
		max-width: none;
	}
	#acodion-wrapper .content-inner .contents .rightColm .contact-button {
		margin: 0 auto;
	}
	#acodion-wrapper .content-inner .contents .img-box li img {
		width: 100%;
	}
	.contact-button:after {
		display: none;
	}
	#news,#sns {
		margin: 0 0 10%;
		width: 100%;
		float: none;
	}

	#about table th,#about table td {
		display: block;
		width: 100%;
		font-size: 2rem;
	}

	#greeting p strong {
		font-size: 2.4rem;
	}

	#greeting p em {
		font-size: 2rem;
		line-height: 1.2;
	}

	#greeting section figure {
		margin: 0 0 3%;
		text-align: center;
		width: 100%;
	}

	#greeting section .rightColm {
		width: 100%;
	}

	#greeting section .rightColm #nameCopy {
		padding: 5px 10px;
		line-height: 1.5;
	}

	#greeting section .rightColm section p {
		padding: 0 0 10px;
	}

	.achievement-box p {
		background: none;
	}

	#question dl dt,#question dl dd {
		padding: 10% 5% 10% 25%;
		line-height: 1.5;
	}

	#question dl dt:after {
		display: none;
	}

	#question dl dd {
		font-size: 2rem;
	}
	#question dl dt:before,#question dl dd:before {
		width: 45px;
		height: 50px;
		left: 3%;
		line-height: 3;
	}

	footer #fbuton {
		text-align: center;
		width: 100%;
	}

	footer #fbuton .contact-button {
		padding: 0;
	}

	#thmbnail ul {
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-o-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack:start;/*--- Androidブラウザ用 ---*/
	    -ms-flex-pack: start;/*--- IE10 ---*/
		-webkit-justify-content: flex-start;
		-moz-justify-content: flex-start;
		-ms-justify-content: flex-start;
		-o-justify-content: flex-start;
		justify-content: flex-start;
	}
	#thmbnail li {
		width: 25%;
	}

	#contact-box table .innerTable th {
		width: 100%;
	}
	#contact-box table th,#contact-box table td,#contact-box table .innerTable td {
		display: block;
		width: 100%;
	}
	#contact-box table .preferredDate {
		display: block;
	}
	#contact-box table th {
		padding-bottom: 5%;
		font-size: 2.5rem;
	}
	#contact-box table td {
		padding-bottom: 5%;
		font-size: 2rem;
	}
	#contact-box table .innerTable td {
		padding: 1% 0;
	}
	.ui-widget {
		font-size: 2.5rem !important;
	}

	#schedule iframe {
		height: 300px;
	}

	#contact-box table .innerTable tr {
		margin: 0 0 3%;
		padding-bottom: 3%;
		display: block;
		border-bottom: 1px solid #B5B5B6;
	}

	#contact-box table .innerTable .jaku-border {
		border: none;
	}
	#contact-box table .innerTable .jaku-border:last-child {
		border-top: 1px solid #B5B5B6;
	}

	#contact-box table .innerTable td.hope-number:before {
		content: '第一希望';
		display: block;
	}
	#contact-box table .innerTable td.hope-number + td:before {
		content: '第二希望';
		display: block;
	}

	.resetButton {
		margin: 0 auto;
		display: block;
	}
	/* ----------------------- */
	/* セカンドページ            */
	/* ----------------------- */
	.main-copy {
		margin-top: -10px;
		padding: 22px 0 25px 0;
		margin-bottom: -40px;
		background: url(../img/second/bg-copy.png) no-repeat center;
		background-size: 100%;
		text-align: center;
		color: #fff;
		font-family: "HelveticaNeue-Thin", "Helvetica Neue Thin", "Helvetica Neue", ".HiraKakuInterface-W1";
		font-size: 1.7rem;
		font-weight: 300;
		line-height: 1.5;
	}
	.main-copy-class07 {
		margin-top: -10px;
		padding: 22px 0 25px 0;
		margin-bottom: -40px;
		background: url(../img/second/bg-copy-class07.png) no-repeat center;
		background-size: 100%;
		text-align: center;
		color: #fff;
		font-family: "HelveticaNeue-Thin", "Helvetica Neue Thin", "Helvetica Neue", ".HiraKakuInterface-W1";
		font-size: 1.7rem;
		font-weight: 300;
		line-height: 1.5;
	}
	.main-copy-class08 {
		margin-top: -10px;
		padding: 22px 0 25px 0;
		margin-bottom: -40px;
		background: url(../img/second/bg-copy-class08.png) no-repeat center;
		background-size: 100%;
		text-align: center;
		color: #fff;
		font-family: "HelveticaNeue-Thin", "Helvetica Neue Thin", "Helvetica Neue", ".HiraKakuInterface-W1";
		font-size: 1.7rem;
		font-weight: 300;
		line-height: 1.5;
	}
	.main-copy-class09 {
		margin-top: -10px;
		padding: 22px 0 25px 0;
		margin-bottom: -40px;
		background: url(../img/second/bg-copy-class09.png) no-repeat center;
		background-size: 100%;
		text-align: center;
		color: #fff;
		font-family: "HelveticaNeue-Thin", "Helvetica Neue Thin", "Helvetica Neue", ".HiraKakuInterface-W1";
		font-size: 1.7rem;
		font-weight: 300;
		line-height: 1.5;
	}
	.tra-boxl {
	  width: 100%;
	  margin: 0 auto 15px;
	  float: left;
	}
	.tra-boxr {
	  width: 100%;
	  margin: 0 auto 15px;
	  float: left;
	}
	#class-info table th,#class-info table td {
		display: block;
		width: 100%;
		font-size: 2rem;
	}
	.playervoice {
	  width: 100%;
	  margin: 10px 10px 0 0;
	  padding: 10px;
	  background-color: #fff;
	}
	.playervoice-onimg {
	  width: 100%;
	  margin: 10px 10px 0 0;
	  padding: 10px;
	  background-color: #fff;
	}
	#voice {
		padding:10px;		
	}
	#voice p {
		font-size: 14px;
	}
	#voice .playername {
	  padding: 10px 0;
	  text-align: center;
	  border-bottom: solid 1px #000;
	}
	#voice .playername span {
	  font-size: 20px;
	}
	#voice .playertext {
	  padding: 16px;
	}
	#voice .playerimg-onimg {
	  padding-right: 15px;
	  width: 150px;
	  float: left;
	}
	#voice .playername-onimg {
	  padding: 10px 0;
	  border-bottom: solid 1px #000;
	}
	#voice .playername-onimg span {
	  font-size: 20px;
	}
	#voice .playertext-onimg {
	  padding: 16px;
	}
}

@media only screen and (max-width:320px) {

}