@charset "UTF-8";

.hd-top-sp {
	display: none;
}
.show-on-pc {
	display: inline;
}
.show-on-sp {
	display: none;
}
@media screen and (max-width: 768px) {
	* {
		padding: 0;
		margin: 0;
		box-sizing: border-box;
	}
	/* General */
	img {
		max-width: 100%;
		height: auto;
	}
	#conteiner {
		width: 100%;
	}
	#bg2 {
		width: 30%;
		float: left;
	}
	#bg3 {
		width: 100%;
		float: left;
	}
	#side {
		width: 100%;
		padding-right: 10px;
	}
	#right {
		width: 70%;
		padding-right: 10px;
	}
	#other_menu_header {
		width: 100%;
		padding-right: 10px;
		background-image: none !important;
		background-color: #E9BADC;
	}
	a.kinari1 {
		width: 100%;
		margin-left: 0;
		background-size: contain;
		background-repeat: no-repeat;
	}
	a.kinari2 {
		width: 100%;
		margin-left: 0;
		background-size: contain;
		background-repeat: no-repeat;
	}
	a.kinari3 {
		width: 100%;
		margin-left: 0;
		background-size: contain;
		background-repeat: no-repeat;
	}
	.Copyright {
		width: 100%;
	}
	#right_inner {
		width: 100%;
	}
	.content_inner {
		width: 100%;
		margin-left: 0;
	}
	.content_inner2 {
		width: 100%;
	}
	#googlecalendar iframe {
		max-width: 100%;
	}
	#right_inner h2 {
		width: 100%;
		/*height: auto;*/
		background-position: left;
		background-origin: content-box;
	}
	a.content_img2 {
		max-width: 100%;
		width: 100%;
		text-align: center;
	}
	.content_inner3 {
		width: 100%;
	}
	.sita {
		max-width: 100%;
	}
	.show-on-pc {
		display: none;
	}
	.fuukei2 img {
		width: auto;
	}
	#page-top {
		right: 20px;
		bottom: 40px;
	}
	.content_inner4 {
		max-width: 100%;
	}
	/* Top */
	#home #jquery-cycle {
		float: none;
		width: 100% !important;
	}
	#home .text1 {
		width: 100%;
		margin-right: 0;
		padding-left: 10px;
		margin-left: 0;
	}
	#home .jymimg1 {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	#home .sce_text {
		max-width: 100%;
	}
	/* End Top*/

	/* Lesson */
	.lesson_text00 {
		width: 100%;
		max-width: 100%;
	}
	.lesson-page .fuukei2 {
		float: left;
		margin-left: 0;
		margin-top: 15px;
		width: 100%;
	}
	.lesson-page #other_menu_header {
		min-height: 4000px !important;
	}
	/* End Lesson */

	/* Questions */
	.question-page #right_inner h2 {
		background-origin: border-box;
	}
	.question-page .text_lesson {
		max-width: 100%;
	}
	/* End Questions */

	/* Stuff */
	.stuff-page .text_lesson {
		max-width: 100%;
	}
	.stuff_inner {
		max-width: 100%;
	}
	.stuff_text {
		max-width: 62%;
	}
	.stuff-page #other_menu_header {
		min-height: 2500px !important;
	}
	/* End Stuff */

	/* Contact */
	#right_inner h2 {
		background-origin: border-box;
	}
	.google_map iframe {
		max-width: 100%;
		max-height: 450px;
	}
	.jym_Box {
		max-width: 100%;
		width: 100%;
	}
	.jym_Box .jym {
		width: 100%;
		margin-right: 0;
	}
	form#mailform {
		max-width: 100%;
	}
	dl.mailform {
		padding-right: 0;
	}
	dl.mailform dd {
		width: 100%;
		padding-bottom: 60px;
	}
	/* End Contact */
}
@media screen and (max-width: 640px) {
	/* General */
	#conteiner {
		display: flex;
		flex-wrap: wrap;
	}
	#bg2 {
		width: 100%;
		order: 2;
	}
	#right {
		order: 1;
		padding-left: 0;
		padding-right: 0;
		width: 100%;
	}
	 #right_inner h2, #googlecalendar, .content_inner2 {
		padding: 0 10px;
	}

	h2.title20200713 {
		margin-left: 10px !important;
		margin-right: 10px;
	}

	.content_inner7 h2 {
		height: 60px !important;
	}

	.content_inner4 p, .content_inner4 span {
		padding: 0 !important;
	}

	p, span {
		padding: 0 10px;
	}

	#right_inner h2 {
		background-origin: content-box;
	}
	#right_inner h2.txt-on-sp {
		text-indent: 0px;
		background-image: none !important;
		color: #69355C;
		font-weight: 600;
		height: auto;
		font-size: 18px;
	}
	.kaku_cource.txt-on-sp-2 {
		text-indent: 0;
		background-image: none !important; 
	}
	#question p {
		padding: 0 !important;
	}

	#home .text1 {
		padding-right: 0 !important;
		padding-left: 0 !important;
	}

	.sce_text {
		max-width: 600px !important;
		width: unset !important;
	}

	#home #small_aicon p {
		padding: 0 !important;
	}

	.image20200713 .data-wrap {
		margin: 30px auto !important;
		/* width: 100%; */
		text-align: center;
		display: block !important;
	}
	#side {
		padding-right: 0;
	}
	#other_menu_header {
		height: auto;
		padding-right: 0;
		background-image: none;
		background-color: #E9BADC;
	}
	ul#nav {
		margin-right: 0;
		width: 100%;
		float: left;
		display: none;
	}
	a.content_img2 {
		text-align: center;
		width: 100%;
	}
	a.kinari1 {
		background-position: center;
	}
	a.kinari2 {
		background-position: center;
	}
	a.kinari3 {
		background-position: center;
	}
	ul#nav li {
		width: 100%;
		float: left;
		text-align: center;
	}
	#nav li#menu01 a {
		margin-left: auto !important;
		margin-right: auto;
	}
	#nav li a {
		float: none;
		margin-left: auto;
		margin-right: auto;
	}
	#page-top {
		bottom: 50px;
		right: 20px;
	}
	#page-top a {
		width: auto;
		padding: 10px 20px;
	}
	.hd-top-sp {
		display: block;
	}
	.hd-menu-sp {
		position: relative;
		background-color: #E9BADC;
	}
	.hd-menu-sp ul {
		display: none;
		position: absolute;
		top: 50px;
		left: 0;
		width: 100%;
		background-color: inherit;
		z-index: 999;
	}
	.hd-menu-sp ul li {
		padding: 10px 0;
		text-align: center;
		font-size: 14px;
		border-bottom: 1px dotted #fff;
	}
	.hd-menu-sp ul li:first-child {
		border-top: 1px dotted #fff;
	}
	.hd-menu-sp ul li:last-child {
		border-bottom: none;
	}
	.hd-menu-sp ul li a {
		color: #fff;
	}
	.hd-menu-toggle {
		font-size: 20px;
		color: #fff;
		display: inline-block;
		padding: 15px 10px;
	}
	.hd-logo-sp {
		text-align: center;
	}
	.hd-logo-sp a {
		display: inline-block;
	}
	.show-on-sp {
		display: block;
	}

	/* End General */

	/* Top */
	#home #jquery-cycle {
		height: auto;
		margin-top: 0;
	}
	#home .text1 {
		padding-right: 10px;
	}
	#home #small_aicon {
		padding: 0 10px;
	}
	.lesson-page .sita {
		margin-top: 0;
		padding: 0 10px;
	}
	/* End Top */

	/* Lesson */
	.lesson-page .content_inner3 {
		padding-top: 30px;
	}
	.lesson_title {
		padding-left: 10px;
		padding-right: 10px;
		line-height: 1.6;
	}
	.lesson_title .teacher {
		float: none;
		width: 100%;
	}
	.lesson_text00 {
		padding: 0 10px;
	}
	.lesson-page .fuukei2 {
		text-align: center;
	}
	.lesson-page #other_menu_header {
		height: auto !important;
		min-height: auto !important;
	}
	/* End Lesson */

	/* Questions */
	.question-page #right_inner {
		padding-top: 25px;
	}
	.question-page #question h3 {
		max-width: 100%;
		font-size: 19px;
	}
	.question-page .text_lesson {
		padding-left: 10px;
		padding-right: 10px;
	}
	.question-page #other_menu_header {
		height: auto !important;
		min-height: auto !important;
	}
	/* End Questions */

	/* Stuff */
	.stuff-page .content_inner4 {
		padding-top: 30px;
	}
	.stuff-page .fuukei1 {
		width: 100%;
		float: left;
		margin-left: 0;
		text-align: center;
	}
	.stuff-page .fuukei1 img {
		width: auto;
	}
	.stuff_title {
		width: 100%;
		text-align: center;
	}
	.stuff_message {
		text-align: center;
	}
	.stuff_text {
		max-width: 100%;
	}
	.stuff_inner {
		padding: 0 10px;
	}
	.stuff-page #other_menu_header {
		height: auto !important;
		min-height: auto !important;
	}
	/* End Stuff */

	/* Contact */
	.contact-page .content_inner7 {
		padding-top: 30px;
	}
	form#mailform {
		padding: 0 10px;
	}
	div#confirmWindow {
		max-width: 100% !important;
	}
	div#confirmBody {
		max-width: 100% !important;
		left: 0 !important;
	}
	dl.mailform dt {
		width: 100%;
	}
	dl.mailform dd {
		float: left;
		padding-bottom: 30px;
		padding-left: 0;
	}
	form#mailform label {
		white-space: normal;
	}
	div#mfp_buttons {
		float: left;
	}
	div#mfp_buttons ul {
		width: 100%;
		float: left;
		margin-top: 15px;
		margin-left: 0;
	}
	div#mfp_buttons ul li {
		width: 100%;
		margin-right: 0;
		margin-bottom: 15px;
	}
	.reserve {
		margin-top: 70px;
	}
	.contact-page .jym_Box .jym {
		padding: 0 10px;
	}
	.contact-page .map {
		padding: 0 10px 20px 10px;
	}
	.contact-page  #other_menu_header {
		height: auto !important;
		min-height: auto !important;
	}
	/* End Contact */
}