@charset "utf-8";
/* CSS Document */
@media only screen and (max-device-width: 767px) {
	.mv {
		    background: url(../../images_sp/common/img-mv.jpg) no-repeat center top !important;
    background-size: contain !important;
	}
	.txt_h1 {
		padding: 115px 0;
    background-image: url(../../images_sp/common/bg-mv_h1.png);
    background-size: 355px;
    font-size: 1.5rem;
	}
	.anc_area li {
		width: 225px;
	}
	
	/*お問い合わせ*/
	#form_area dl dt,#form_area dl dd,#form_area .inner02 dt,#form_area .inner02 dd {
		width: 100%;
	}
	.must {
		float: none;
		margin-left: 15px;
	}
	#form_area dl dt {
		margin-bottom: 10px;
	}
	.contact_ttl {
		text-indent: -1.3em;
		padding-left: 1.3em;
	}
	#form_area input[type=text], #form_area input[type=email],textarea,select {
		font-size: 16px;
	}
	#form_area input#zip {
		width: 150px;
	}
	#form_area .privacy_check {
		padding: 15px;
	}
	#form_area .btn_area .btnBack {
		margin: 0 0 15px 0;
	}
	.mw_wp_form_complete .box_lead {
		display: none;
	}
	.contact .box_lead {
		margin: 30px 0;
		text-align: left;
	}
	/*最新情報*/
	.page_news .btn_newspaper, #information .btn_newspaper {
		position: static;
		margin-bottom: 55px;
		display: block;
	}
	.page_news .select_cat select {
		display: inline-block;
		width: 195px;
	}
	.page_news .select_cat {
		margin-bottom: 25px;
	}
	.single .page_news .btn_newspaper {
		margin: 0 auto 35px 0;
	}

	/*会社案内*/
	.company #sec01 .txt {
    background: url(../../images/company/img01.png) no-repeat center top;
    padding: 290px 0 0 0;
	}
	.company #sec02 .txt:before {
    content: "";
    width: 99px;
    height: 300px;
    background: url(../../images/company/bg-left.png) no-repeat left top;
    background-size: contain;
    left: -25px;
	}
	.company #sec02 .txt:after {
    content: "";
    width: 99px;
    height: 300px;
    background: url(../../images/company/bg-right.png) no-repeat left top;
    background-size: contain;
    right: -25px;
	}
	.common_table,.common_table tr,.common_table th, .common_table td {
		display: block;
		width: 100% !important;
		margin: 0;
		padding: 0;
	}
	.common_table {
		overflow: hidden;
	}
	.common_table th {
		margin-bottom: 10px;
		font-weight: 600;
	}
	.common_table tr {
		padding: 15px;
	}
	.ggmap {
		padding-bottom: 75%;
	}
	
	/*
	.staff_list li {
    width: 48%;
    float: left;
    margin: 0 0 35px 0 !important;
	}
	.staff_list li:nth-of-type(2n) {
		margin-left: 4% !important;
	}
	*/
	.staff_list li img {
    width: 100%;
    float: none;
    margin-right: 0;
    margin-bottom: 0;
		vertical-align: top;
	}
	.staff_list .name {
    margin-bottom: 1em;
    width: 100%;
    margin-left: 0;
		padding: 10px 0;
	}
	.company #sec09 .bg_greeting span {
		display: block;
		margin: 0;
	}
	.company #sec09 .bg_greeting {
		background-size: 100%;
		line-height: 1.2;
	}
	.staff_list li {
		margin-bottom: 55px;
	}
	
	
	
	
	
	
	
	
	.company #sec02 .txt {
		text-align: left;
	}
	
	/*園だより*/
	.info_list ul li {
		width: 48%;
		margin: 0 0 20px 0 !important;
		font-size: 0.95rem;
	}
	.info_list ul li:nth-of-type(2n) {
		margin-left: 4% !important;
	}
	.info_list ul li .img {
    width: 206px;
    height: 141px;
    background-size: contain;
	}
	.info_list ul li:nth-of-type(3n+1):after {
		display: block;
	}
	.info_list ul li:nth-of-type(2n+1):after {
		display: none;
	}
	.to_infolist {
    font-size: 1rem;
    padding: 9px 34px 9px 15px;
    right: 25px;
    top: 0;
	}

	.single_info .article_area .circle_comment {
    width: 90%;
    height: auto;
    background-color: #fff;
    border-radius: inherit;
    position: absolute;
    top: 10px;
    left: 0;
		right: inherit;
    font-size: 0.9rem;
    font-weight: 600;
    z-index: 4;
		text-align: left;
		padding: 10px;
	}
	.single_info:before {
    display: none;
	}
	.single_info {
		padding-top: 40px;
	}
	.single_info .article_area {
		padding: 30px;
		margin-top: 100px;
	}
	.single_info .date {
    font-size: 1.1rem;
    margin: 60px 0 35px 0;
	}
	#information .boxLast:before,#information .boxLast:after {
		display: none;
	}
	.single_info .article_area:before {
    content: "";
    width: 180px;
    height: 159px;
    background: url(../../images/information/img/img-month01.png) no-repeat center top;
    background-size: contain;
    position: absolute;
    top: -80px;
    left: 0;
    right: 0;
    margin: auto;
	}
	.single_info .info_ttl {
		font-size: 1.3rem;
	}
	.info_article .ttl {
		font-size: 1.2rem;
    background-position: center center;
    background-size: 170%;
    margin-left: -65px;
    width: calc(100% + 130px);
	}
	.info_article .baloon_comment {
		font-size: 1rem;
		position: static;
		background: none;
		margin-top: 16px;
	}
	.info_article .box {
    display: block;
    width: 100%;
		margin:0 0 120px 0 !important;
	}
	.info_article .box:nth-of-type(2n) {
    margin-left: 0;
	}
	.info_article .box:last-child {
		
	}
	.info_article .baloon_comment span:before {
		content: url(../../images_sp/information/img-parts_comment01.png);
    display: block;
    position: absolute;
    left: -52px;
    bottom: -22px;
	}
	.info_article .baloon_comment span:after {
		content: url(../../images_sp/information/img-parts_comment02.png);
    display: block;
    position: absolute;
    right: -40px;
    bottom: -22px;
	}
	.info_article .txt {
		margin-top: -50px;
	}
	#information .boxLast .ttl {
		font-size: 1.2rem;
	}
	#information .boxLast .bg_repeat {
		background: none;
	}
	.info_list ul li:after {
		display: none;
	}
	
	
	
	
	
	
	/*コースのご案内*/
	.course .anc_area li a {
		font-size: 1rem;
	}
	.course .anc_area {
		text-align: left;
		padding: 0 35px;
	}
	.course .anc_area li {
		width: 49%;
		margin: 0 0 10px 0 !important;
	}
	.course .anc_area li:nth-of-type(2n) {
		margin-left: 2% !important;
	}
	.anc_area li.line02_sp a {
    padding: 7px 0 7px 0;
    line-height: 1.2;
	}
	.course #sec_top .btn_pdf {
		font-size: 1rem;
    text-align: left;
    background: url(../../images/course/icn-pdf.png) no-repeat 32px center;
    background-color: #ff817e;
    padding-left: 72px;
    line-height: 1.2;
	}
	.course #sec_top .btn_pdf span {
		background: none;
		padding: 0;
	}
	.course_ttl_wrap .course_ttl {
		font-size: 1.2rem;
	}
	.btn_course_detail {
    display: block;
    position: static;
    font-size: 1rem;
    padding: 7px 0 7px 15px;
		width: 95%;
		background-position: 95% center;
		margin: auto;
	}
	.course_ttl_wrap {
		padding-bottom: 10px;
	}
	.course #sec03 .course_ttl_wrap .btn_wrap {
    font-size: 1rem;
    width: 95%;
    position: static;
		margin: auto;
		letter-spacing: -.4em;
	}.course #sec03 .course_ttl_wrap .btn_wrap span {
		display: block;
		letter-spacing: normal;
		margin-bottom: 5px;
	}
	.course #sec03 .course_ttl_wrap .btn_wrap a {
		width: 49%;
		margin: 0;
		letter-spacing: normal;
		display: inline-block;
	}
	.course #sec03 .course_ttl_wrap .btn_wrap a:nth-of-type(2) {
		margin-left: 2%;
	}
	.course_table,.course_table02,.course_table03,.company_table01,.company_table02 {
		overflow: auto;
		white-space: nowrap;
		position: relative;
		z-index:0;
	}
  /*
  .course_table:before,.course_table02:before,.course_table03:before,.company_table01:before,.company_table02:before {
    content: "スクロールしてご覧ください→";
    margin: 10px 0;
    display: block;
    text-align: right;
  }
*/
	.course_table table,.course_table02 table,.course_table03 table,.company_table01 table,.company_table02 table,.course_table table.fix_table {
		width: 1000px !important;
	}
	.course_table table td:nth-of-type(1) {
		width: 6%!important;
	}
	.course_table table.fix_table td:nth-of-type(1) {
		width: 8%!important;
	}
	.course_table table td:nth-of-type(2) {
		width: 5%!important;
	}
	.course_table table.fix_table td:nth-of-type(2) {
		width: 10%!important;
	}
	.course #sec01 .course_table .add_img:before {
    left: 273px;
    top: 29px;
	}
	.course_table .scroll::-webkit-scrollbar {
		height: 5px;
	}
	.course_table .scroll::-webkit-scrollbar-track {
		background: #f1f1f1;
	}
	.course_table .scroll::-webkit-scrollbar-thumb {
		background: #bcbcbc
	}
	.course h4.ttl_h2:before,.company_table01 .table_ttl:before {
		content: "スクロールしてご覧ください→";
    position: absolute;
    bottom: -40px;
    font-size: 0.8rem;
    right: 0;
	}
	.course h4.ttl_h2 {
		position: relative;
	}
	.notice_scroll {
    font-size: 0.8rem;
		text-align: right;
		margin: 10px 0;
	}
	.course_table_sp td {
		white-space: normal;
	}
	.course_movie iframe {
		width: 100%;
	}
	.course_detail .anc_area li a {
		font-size: 0.9rem;
	}
	.course_detail .anc_area {
		text-align: left;
	}
	.floatBox .img_l {
    width: 100%;
    float: none;
		margin-bottom: 20px;
		text-align: center;
	}
	.floatBox .txt {
    width: 100%;
    float: none;
	}
	.course_detail .icn_wrap {
		text-align: center;
		position: static;
	}
	.table_lessontime,.table_lessontime tr,.table_lessontime th, .table_lessontime td {
		display: block;
		width: 100%;
		margin: 0;
		padding: 0;
	}
	.table_lessontime th {
		margin-bottom: 10px;
	}
	.table_lessontime tr {
		margin-bottom: 10px;
		padding-bottom: 10px;
	}
	.pink_list li {
		background-position: left 11px;
	}
	.pink_list02 li {
		width: 49%;
		vertical-align: top;
		font-size: 0.92rem;
	}
	.btn_toefl {
		width: 100%;
		margin-bottom: 25px;
	}
	.company #sec09 .ttl {
		font-size: 1.5rem;
	}
	.info_list ul li div:nth-of-type(2),
	.single_info .date span {
		font-size: 0.9rem;
	}
	.company_table01 table td span {
		width: 80%;
	}
	.original_span div span:nth-of-type(1) {
		width: 100%;
	}
	.original_span div span:nth-of-type(2) {
		margin-bottom: 20px;
	}
	
	.backnumber .icn_cat {
		width: 220px;
	}
	.backnumber #index_info table tr {
		margin-bottom: 20px;
		padding-bottom: 15px;
	}
	.backnumber .txt_h1 {
	padding: 95px 0;
}
	.course #sec05 .course_table table td.kinder03:before {
		display: none;
	}
	.course_table table td:nth-of-type(1),
	.course_table table td:nth-of-type(2) {
		padding: 10px !important;
	}
	
	/** 各コース空き状況 **/
	.page-id-4452 .anc_area {
		display: -webkit-flex;
    	display: flex;
		-webkit-flex-wrap: wrap;
    	flex-wrap: wrap;
	}
	.page-id-4452 .anc_area li {
		width: 48%;
    	margin: 0 1% 10px 1%;
	}
	.page-id-4452 .anc_area li a {
		font-size:0.8rem;
	}
	.apply_list dt {
		font-size: 1.3rem;
	}
	.apply_list dd > div {
		display: block;
		padding: 0 20px;
	}
	.apply_list dd > div div {
		width: 100%;
		padding: 10px 0;
	}
	.txt_class, .txt_course {
		width:100%!important;
		border:none;
		border-bottom: dashed 1px;
		padding: 0 0 1em;
	}
	.apply_list dd > div div a.a_btn {
		display: block!important;
		margin: 5px 0 0 0;
		text-align: center;
	}
	#flow_bilingual {
		padding: 20px;
		border-radius: 20px;
	}
	#flow_bilingual.box dl {
		display: block;
		margin-bottom:20px;
	}
	#flow_bilingual.box dl:after {
		width: 30px;
		border: 20px solid transparent;
    	border-top: 10px solid #ffdecb;
		bottom: -30px;
	}
	#flow_bilingual.box dl dt {
		width: 100%;
		border-bottom: dashed 1px #ff817e;
		font-size: 1.14rem;
		margin-bottom: 10px;
		background-position:left 0.5em;
	}
	#flow_bilingual.box dl dd span.flow_bilingual_sub {
		width:100%;
	}


	/*##### course05 #####*/
	body.course05 .boxTb01 {
		overflow-x: auto;
		position: relative;
		padding-bottom: 2.5em;
	}

	body.course05 .boxTb01:not(.typeNoScroll):after {
		content: '⇔ スクロール ⇔';
		position: absolute;
		bottom: 0.5em;
		right: 1.0em;
		font-size: 0.8rem;
		font-weight: 400;
		animation: aniTbScroll01 0.8s ease-in infinite alternate;
	}

	@keyframes aniTbScroll01 {
		0% { transform: translateX(0); }
		100% { transform: translateX(0.5em); }
	}

  body.course05 .boxTb01 table {
		--baseTdW: 120px;
		width: auto;
		max-width: none;
	}
	body.course05 .boxTb01.typeCol1 table {
		width: calc(var(--baseTdW) * 1);
	}
	body.course05 .boxTb01.typeCol2 table {
		width: calc(var(--baseTdW) * 2);
	}
	body.course05 .boxTb01.typeCol3 table {
		width: calc(var(--baseTdW) * 3);
	}
	body.course05 .boxTb01.typeCol4 table {
		width: calc(var(--baseTdW) * 4);
	}
	body.course05 .boxTb01.typeCol5 table {
		width: calc(var(--baseTdW) * 5);
	}
	body.course05 .boxTb01.typeCol6 table {
		width: calc(var(--baseTdW) * 6);
	}
	body.course05 .boxTb01.typeCol7 table {
		width: calc(var(--baseTdW) * 7);
	}
	body.course05 .boxTb01.typeCol8 table {
		width: calc(var(--baseTdW) * 8);
	}
	body.course05 .boxTb01.typeCol9 table {
		width: calc(var(--baseTdW) * 9);
	}
	body.course05 .boxTb01.typeCol10 table {
		width: calc(var(--baseTdW) * 10);
	}

}