@charset "UTF-8";

/* 961px - */
@media screen and (min-width: 961px) {
	
	.g-nav {
		padding: 0;
	}
	
	.fa-angle-right {
		display: none;
	}
	
	.box-6-txt {
		height: 90%;
		align-self: center;
	}
}

/* 771px - 960px */
@media screen and (min-width: 771px) and (max-width: 960px) {
	
	.l-contents, .top-content-2, .top-content-5, .footer-content, .calender-sub-tit, .l-page-contents {
		max-width: 770px;
	}
}

/* 561px - 960px */
@media screen and (min-width: 561px) and (max-width: 960px) {
	.top-content-1-box, .content-box {
		margin-left: 3.2rem;
	}
}

/* 481px - 960px */
@media screen and (min-width: 481px) and (max-width: 960px) {
	
	.btn-head {
		margin-right: 16px;
	}
	
	.box-4 p {
		font-size: 1.4rem;
	}
}

/* 731px - 820px */
@media screen and (min-width: 731px) and (max-width: 820px) {
	.l-top-view {
		max-height: 480px;
	}
}

/* 641px - 770px */
@media screen and (min-width: 641px) and (max-width: 770px) {
	.l-contents, .top-content-2, .top-content-5, .footer-content, .calender-sub-tit, .l-page-contents {
		max-width: 640px;
	}
}

/* 481px - 770px */
@media screen and (min-width: 481px) and (max-width: 770px) {
	
	.box-3 {
		grid-column-gap: 3.2rem;
	}
	
	.box-6, .box-2-bnr-block, .box-2-btn {
		grid-row-gap: 2.4rem;
	}
}

/* 0px - 770px */
@media screen and (min-width: 0px) and (max-width: 770px) {
	html {
		font-size: 56.5%; /* 1rem =9px */
	}
}

/* 771px - */
@media screen and (min-width: 771px) {
	.footer-content .l-grid {
		margin-bottom: 2.4rem;
	}
}

/* 481px - 730px */
@media screen and (min-width: 0px) and (max-width: 730px) {
	
	.l-top-view {
		max-height: 400px;
	}
}

/* 481px - 640px */
@media screen and (min-width: 481px) and (max-width: 640px) {
	
	.l-contents, .top-content-2, .top-content-5, .footer-content, .calender-sub-tit, .l-page-contents {
		max-width: 480px;
	}
	
	.l-top-view, .l-contents, .l-contents-w {
		margin-bottom: 8rem;
	}
	
	.l-main {
		margin-bottom: 12rem;
	}
	
	.box-6-txt {
		grid-column: 2;
		grid-row: 3;
	}
	
	.box-2-btn-item {
		padding: 0.8rem 0;
		font-size: 1.4rem;
	}
	
	.l-footer {
		max-height: 520px;
	}
}

/* 0px - 640px */
@media screen and (min-width: 0px) and (max-width: 640px) {
	
	.top-content-1, .page-content-1 {
		/* flex */
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		/* /flex */
	}
	
	.top-content-1-img, .page-content-1-img {
		max-height: 320px;
		overflow: hidden;
		margin-bottom: 4rem;
	}
	
	.box-6 {
		grid-template-columns: 1fr 1fr;
	}
	
	.box-4 {
		grid-template-columns: 1fr 1fr 1fr;
		grid-row-gap: 1.2rem;
	}
	
	.box-4 p {
		grid-column: 1 / span 3;
		grid-row: 2;
	}
}

/* 421px - 560px */
@media screen and (min-width: 421px) and (max-width: 560px) {
	
	.l-top-view {
		margin-bottom: 4rem;
	}
}

/* 0px - 560px */
@media screen and (min-width: 0px) and (max-width: 560px) {
	
	h1 {
		font-size: 2rem;
	}
	
	h2 {
		font-size: 1.8rem;
	}
	
	h3 {
		font-size: 1.6rem;
	}
	
	.l-top-view {
		max-height: 320px;
	}
	
	.box-2-btn-item {
		padding-right: 0.8rem;
		padding-left: 0.8rem;
	}
}

/* 0px - 480px */
@media screen and (min-width: 0px) and (max-width: 480px) {
	
	.l-btn-head {
		height: 88px;
		padding-bottom: 0;
	}
	
	.logo {
		margin-top: 88px;
	}
	
	.btn-head {
		/* flex */
		-webkit-box-orient: horizontal;
		-webkit-box-direction: reverse;
		-ms-flex-direction: row-reverse;
		flex-direction: row-reverse;
		-ms-flex-wrap: wrap-reverse;
		flex-wrap: wrap-reverse;
		/* /flex */
		max-width: 312px;
	}
	
	.fa-envelope {
		height: 36px;
		border-radius: 18px;
	}
	
	.fa-envelope {
		padding: 1.2rem 1.6rem;
	}
	
	.fa-flag, .fa-map-marker-alt {
		padding: 1.6rem 1.6rem 1.2rem;
	}
	
	.box-2 {
		margin-bottom: 0;
	}
	
	.g-main {
		margin-bottom: 0.6rem;
	}
	
	.box-9-sub-tit {
		margin-bottom: 2rem;
	}
	
	.box-3-item h3, .box-3-img, .avid-info {
		margin-bottom: 2.4rem;
	}
	
	.logo {
		margin-bottom: 3.2rem;
	}
	
	.l-top-view, .l-contents, .l-contents-w, .m-border-1, .l-page-contents {
		margin-bottom: 4rem;
	}
	
	.border-bottom {
		margin-bottom: 5.6rem;
	}
	
	.l-main {
		margin-bottom: 8rem;
	}
	
	.l-contents, .top-content-5, .footer-content, .calender-sub-tit, .l-page-contents {
		margin-right: 16px;
		margin-left: 16px;
	}
	
	.l-footer {
		max-height: 680px;
	}
	
	.fa-angle-double-right {
		font-size: 1.2rem;
	}
	
	.logo {
		max-width: 156px;
	}
	
	.bar-tit {
		margin: 0 auto 4rem;
	}
	
	.footer-tel {
		margin: 0 auto 3.2rem;
	}
	
	.fa-chevron-circle-up {
		right: 32px;
		bottom: 32px;
		font-size: 3.6rem;
	}
	
	.bar-left {
		top: 2.1rem;
		width: 20px;
	}
	
	.box-9-thumb li {
		padding: 0.6rem;
	}
	
	.top-content-btn {
		max-width: 160px;
		padding: 1.2rem 0;
	}
	
	.fa-external-link-alt {
		padding: 1.2rem 0;
		font-size: 1.4rem;
	}
	
	.l-table-lesson td {
		padding: 1.8rem 0;
	}
	
	.top-content-tit {
		padding-top: 3.2rem;
	}
	
	.border-bottom {
		padding-bottom: 3.2rem;
	}
	
	.box-2 {
		grid-template-columns: 1fr;
	}
	
	.box-9 {
		grid-template-columns: 1fr 1fr;
	}
	
	.box-9-thumb {
		grid-template-columns: 1fr 1fr 1fr;
	}
	
	.box-9-img {
		max-width: 448px;
	}
	
	.box-9-address, .box-9-tel, .box-9-map {
		font-size: 1.4rem;
	}
	
	.box-3, .box-4 {
		grid-column-gap: 1.2rem;
	}
	
	.box-6, .box-2, .box-2-bnr-block, .box-2-btn {
		grid-row-gap: 1.2rem;
	}
	
	.box-6-txt {
		grid-column: 1 / span 2;
		grid-row: 4;
		margin: 0 16px;
	}
	
	.g-main {
		grid-column: 1 / span 3;
		grid-row: 1;
	}
	
	.g-sub {
		grid-column: 1 / span 3;
		grid-row: 2;
	}
	
	.item-info {
		grid-column: 1 / span 2;
		grid-row: 2;
	}
	
	.img-place-1 {
		grid-column: 1 / span 2;
		grid-row: 3;
	}
	
	.img-place-2 {
		grid-column: 1 / span 2;
		grid-row: 5;
	}
	
	.box-4 p, .fc-toolbar button, .box-9-link {
		font-size: 1.2rem;
	}
	
	.box-12-img-txt {
		font-size: 3.2rem
	}
	
	.bk-img-1 {
		background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url("../img/page_contents/bk/bk-img-1.jpg");
		background-repeat: no-repeat;
		background-size: cover;
	}
	
	.bk-img-2 {
		background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url("../img/page_contents/bk/bk-img-2.jpg");
		background-repeat: no-repeat;
		background-size: cover;
	}
	
	.bk-img-3 {
		background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)), url("../img/page_contents/bk/bk-img-3.jpg");
		background-repeat: no-repeat;
		background-size: cover;
	}
	
	.pp-wrap, .tb-cell {
		width: 80%;
	}
}

/* 0px - 420px */
@media screen and (min-width: 0px) and (max-width: 420px) {
	
	.l-top-view {
		margin-bottom: 0;
	}
	
	.top-view-item img {
		width: 420px;
	}
	
	select {
		font-size: 1.4rem;
	}
}

/* form */
@media screen and (max-width: 640px) {
	
	#formWrap {
		width: 94%;
		margin: 0 auto 5.6rem;
		padding: 0;
	}
	
	table.formTable th, table.formTable td {
		width: auto;
		display: block;
	}
	
	table.formTable th {
		margin-top: 5px;
		border-bottom: 0;
	}
	
	table.formTable td {
		margin-bottom: 1.6rem;
	}
	
	input[type="text"], textarea {
		display: block;
		width: 100%;
		padding: 5px;
	}
	
	input[type="submit"], input[type="reset"], input[type="button"] {
		width: 32%;
	}
	
	.pp-wrap {
		width: 94%;
	}
}

/*--- UPDATE 23.11 --*/
@media screen and (min-width: 0px) and (max-width: 640px) {
  .top-content-grid-text {text-align: left;}
  .br-sp-none {display: none;}
  .box-none-640 {display: none;}
}