@media only screen and (max-width:1060px) {
	html {
		font-size: 1vw;
	}

	header.main-header {
		padding: 0 3%;
		height: 150px;
	}
	#sub-nav {
		display: none;
	}

	.inner {
		padding: 0 3%;
	}

	#department-other ul {
		padding: 0 3%;
	}

	#branch ul {
		-webkit-box-pack: center;
		-ms-flex-box: center;
		-webkit-justify-content: center;
		-moz-justify-content: center;
		-ms-justify-content: center;
		-o-justify-content: center;
	}
	#user-panel li:nth-of-type(2) a {
		margin: 2px 0 0;
	}

	#target-nav {
		margin-bottom: 3%;
	}
	#target-nav ul li:last-child a {
		bottom: -50px;
		left: 0;
	}
	#target-nav ul li:last-child a img {
		width: 100%;
		max-width: 100%;
	}

	.important-bnr {
		margin-bottom: 3%;
	}
	.important-bnr li {
		margin-bottom: 3.191489361702128%;
	}

	header.gakuyukai-header {
		padding: 3.5% 3% 2%;
	}
	header.gakuyukai-header h1 a {
		font-size: 1.5rem
	}
	header.gakuyukai-header p {
		font-size: 1.1rem;
	}
	nav.gtk-nav ul li dl dt {
		font-size: 1.3rem;
	}
	nav.gtk-nav ul li dl dd {
		font-size: 1.4rem;
	}

	#document-item {
		display: none !important;
	}

	.pankz-wrap p {
		padding: 0 3%;
	}

	.login-button a,
	.link-button a,
	.back-button a {
		line-height: 2.5;
	}

	.login-button a:before {
		width: 5%;
	}
	.table-scroller {
		overflow: scroll;
	}
	.table-scroller table {
		width: 1060px;
	}

	#child .child-home-design h4:before,
	#dental .child-home-design h4:before {
		padding-top: 30.5%;
		left: 0;
	}
	#child .child-home-design h4:after,
	#dental .child-home-design h4:after {
		padding-top: 31.8%;
		right: 0;
	}
	#design .child-home-design h4:before {
		padding-top: 25.8%;
	}
	#design .child-home-design h4:after {
		padding-top: 35.6%;
	}
	.learn-catch {
		margin: 10% 0;
		position: relative;
	}
	.achievement-list > li > ul > li {
		width: 50%;
	}
	.news-box .new-mark {
		width: 34.2%;
	}
	.article-box .new-mark {
		width: 12%;
	}
	.news-box figure img {
		height: auto;
	}
	.common-wrapper #learn-feature-list li.learn-counter:before {
		line-height: 1.35;
	}
	#design #desing-item01,
	#design #desing-item02 {
		display: none;
	}
	.oc-box-heading {
		font-size: 2.7rem;
	}
	.oc-box-heading img {
		width: 20%;
	}
	.oc-box-nav-long li {
		width: 20%;
	}
	.oc-header-present {
		left: 0;
		margin-bottom: 0;
	}
	#nurse .child-home-design h4:before {
		padding-top: 30.5%;
	}
	#nurse .child-home-design h4:after {
		padding-top: 27%;
	}
	#music .shikaku-no-design #shikaku-image img {
		position: static;
	}
	#music .feature-items {
		display: none;
	}
	.combi-img {
		width: 30%;
	}
	.common-wrapper .consult-title {
		margin-right: 0;
		margin-left: 0;
	}
	.common-wrapper .consult-title h4 img {
		width: 50%;
	}
}

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

	#mv-wrap {
		margin-top: 100px;
	}
	#mv-wrap #main-visual .bx-wrapper .bx-prev {
		left: 3%;
	}
	#mv-wrap #main-visual .bx-wrapper .bx-next {
		right: 3%;
	}
	#mv-wrap #main-visual .bx-wrapper .bx-controls-direction a {
		top: 50%;
		width: 30px;
		height: 30px;
	}
	#user-panel li:nth-of-type(1) {
		display: none;
	}
	.main-header h1 {
		width: 42%;
	}
	#bird-box {
		padding-top: 6%;
		width: 13%;
	}
	#target-nav ul {
		background: #F2F2F2;
	}
	#target-nav ul li {
		width: 33.3333%;
		position: static;
		float: left;
		line-height: 5;
		font-size: 18px;
		font-size: 1.8rem;
		background: #F2F2F2;
		margin-right: 0;
		border-radius: 0;
		border-bottom: 1px solid #ccc;
	}
	#target-nav ul li:first-child {
		width: 14%;
		color: #fff !important;
		background: #808080;
	}
	#target-nav ul li a {
		display: block;
		text-decoration: none;
		border-right: 1px solid #ccc;
	}
	#target-nav ul li:nth-child(4) a,#target-nav ul li:nth-child(7) a {
		border: none;
	}
	#target-nav ul li:nth-child(n+5) a {
	}
	#target-nav ul li a:before {
		display: none;
	}
	#target-nav ul li:first-child {
		width: 100%;
		float: none;
		line-height: 3;
	}
	#target-nav ul li:last-child {
		display: none;
	}
	.bxslider2 {
		width: 500% !important;
	}

	#department-wrap .bx-wrapper .bx-viewport .bxslider2 li {
		width: 20% !important;
	}

	.bxslider2 .bx-clone {
		display: none !important;
	}
	#department-wrap .bx-wrapper .bx-viewport {
		width: 100%;
		max-width: 400px;
		overflow: hidden !important;
	}
	#department-footer div {
		display: none;
	}
	#department-wrap {
		height: 450px;
	}
	#department-other ul li {
		margin: 0 auto 5%;
	}

	#campus ul {
		display: block;
	}
	#campus ul li {
		width: 100%;
	}

	#campus ul li + li {
		margin-top: 5px;
	}

	header.gakuyukai-header h1 {
		width: 40%;
	}
	header.gakuyukai-header p {
		display: none;
	}
	header.gakuyukai-header p.mainlogo {
		margin: 0 15% 0 0;
		width: 35%;
		display: block;
		float: right;
	}
	header.gakuyukai-header figure#gtk1 {
		left: 43%;
	}
	#gakutomo-blog-wrapper #gakutomo-blog-box {
		margin-right: -2%;
	}
	#gakutomo-blog-wrapper #gakutomo-blog-box article {
		margin-right: 2%;
		width: 48%;
	}
	#gakutomo-blog-wrapper #gakutomo-blog-box article {
		padding-top: 52%;
	}

	#gakutomo-blog-single {
		padding: 3%;
	}

	.flow-list li:before {
		display: none;
	}
	.child-home-design .learn-wrap {
		padding: 0;
	}

	.curri-table div,
	#curri-table div {
		overflow: scroll;
	}
	.curri-table img,
	#curri-table img {
		max-width: none;
	}

	.pupa .h3-box:before,
	.pupa .h3-box:after {
		display: none;
	}

	.oc-hero .bx-prev,
	.oc-hero .bx-next {
		width: 30px;
		height: 30px;
		margin-top: -15px;
		padding-top: 30px;
	}
	.oc-box-nav {
		margin-right: -3px;
		margin-left: -3px;
	}
	.oc-box-nav li {
		width: 50%;
	}
	.oc-box-nav a {
		font-size: 18px;
		font-size: 1.8rem;
	}
	.oc-box-nav-long li {
		width: 50%;
	}
	.oc-box-nav-long a {
		font-size: 18px;
		font-size: 1.8rem;
	}

	.cumpusInfoBox {
		margin-left: 0;
		margin-right: 0;
	}
	.courseContents {
		margin: 3% 0;
		padding: 0
	}
	.cumpusTxtWrap h2 {
		padding-left: 3%;
	}
	.sp-768 {
		display: block !important;
	}
}

@media only screen and (max-width:640px) {
	nav.gtk-nav ul li {
		margin-bottom: 3%;
		float: none;
		width: 100%;
		text-align: center;
	}
	nav.gtk-nav ul li dl {
		margin: 0 auto;
		width: 60%;
		display: block;
	}
	nav.gtk-nav ul li dl dt {
		width: 40%;
	}
	#gakutomo-blog-wrapper #gakutomo-blog-box {
		margin-right: 0;
	}
	#gakutomo-blog-wrapper #gakutomo-blog-box article {
		padding-top: 0;
		margin-right: 0;
		width: 100%;
		max-height: none;
	}
	#gakutomo-blog-wrapper #gakutomo-blog-box article a {
		padding: 3%;
		position: static;
	}
	#gakutomo-blog-wrapper #gakutomo-blog-box article footer p,
	#gakutomo-blog-wrapper #gakutomo-blog-box article footer small {
		position: static;
	}
	#gakutomo-blog-wrapper #gakutomo-blog-box article footer p {
		margin-top: 5%;
		width: 100%;
	}
	#gakutomo-blog-wrapper #gakutomo-blog-box article header .category-gkt {
		width: 40%;
	}

	.works-wrapper .works-box {
		width: 50%;
	}
	.common-wrapper #learn-feature-list li h5 {
		margin-bottom: 3%;
		text-align: left;
	}
	.common-wrapper #learn-feature-list li h5 span {
		margin: 1% 0;
		text-align: center;
		display: block;
		width: 40%;
		-webkit-transform: translate(0) rotate(0deg);
			 -moz-transform: translate(0) rotate(0deg);
				-ms-transform: translate(0) rotate(0deg);
				 -o-transform: translate(0) rotate(0deg);
						transform: translate(0) rotate(0deg);
	}
	.common-wrapper #learn-feature-list li .course-heading {
		margin-bottom: 3%;
	}
	.pc-640 {
		display: none !important;
	}

	.sp-640 {
		display: block !important;
	}

	.learn-img {
		padding: 0 !important;
	}
	#nurse .shikaku-no-design #shikaku-image img#shikaku-img02 {
		position: static;
		width: 100%;
	}
}

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

	#wrapper {
		line-height: 1.8;
	}

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

	html {
		font-size: 2vw;
	}

	#contents-wrapper h2 {
		font-size: 50px;
		font-size: 5rem;
	}

	header.main-header {
		height: 100px;
	}

	header.main-header .inner {
		padding: 3% 0 0;
	}

	#mv-wrap {
		margin: 70px 0 15%;
		overflow: visible;
	}

	header.main-header nav {
		display: none;
	}

	.examination {
		padding: 0 3%;
	}
	.examination dl {
		margin: 0 0 5%;
		width: 100%;
		height: auto;
		float: none;
		background: none;
	}
	.examination dl dt {
		margin: 0;
		line-height: 4;
		font-size: 25px;
		font-size: 2.5rem;
	}
	.examination dl dd {
		margin: 0;
		padding: 0;
		background: #F2F2F2;
	}
	.examination dl dd a {
		padding: 0 3%;
		line-height: 5;
		font-size: 25px;
		font-size: 2.5rem;
		display: block;
		position: relative;
		text-decoration: none;
	}
	.examination dl dd a:after {
		content: "";
		width: 40px;
		height: 40px;
		background: url("../img/common/arrow-blue.svg") no-repeat;
		background-size: 100%;
		position: absolute;
		top: 50%;
		right: 20px;
		-webkit-transform: translateY(-50%);
			 -moz-transform: translateY(-50%);
				-ms-transform: translateY(-50%);
				 -o-transform: translateY(-50%);
						transform: translateY(-50%);
	}
	#target-nav ul li:after {
		display: none;
	}
	.examination dl dd + dd a {
		border-top: 1px solid #B3B3B3;
	}
	.examination dl dd img {
		display: none;
	}
	#user-panel {
		display: none;
	}
	#user-panel li {
		width: 100%;
	}
	#user-panel li:nth-of-type(2) a {
		width: 100%;
	}

	header.main-header h1 {
		width: 60%;
	}

	.bx-wrapper .bx-pager.bx-default-pager a {
		width: 10px;
		height: 10px;
	}
	#mv-wrap #main-visual .bx-wrapper .bx-pager {
		bottom: -15%;
	}
	#mv-wrap #main-visual .bx-wrapper .bx-controls-direction a {
		top: initial;
		bottom: -17%;
	}
	#news-wrapper {
		padding: 5%;
	}
	#news-nav {
		display: none;
	}
	.news-box {
		margin-bottom: 10%;
		width: 100%;
		max-width: none;
		border: 5px solid #41bcd7;
	}
	.news-box img {
		width: 100%;
	}
	.news-box + .news-box {
		margin-top: 5%;
	}
	.news-box:nth-of-type(n+4) {
		display: none;
	}
	.news-box figure {
		max-width: none;
		max-height: none;
	}
	.news-box .category,.news-box time {
		font-size: 15px;
		font-size: 1.5rem;
		font-weight: bold;
	}
	.news-box .title {
		font-size: 22px;
		font-size: 2.2rem;
	}
	#news-wrapper + p:after {
		content: "";
		width: 1px;
		height: 50px;
		opacity: 0;
		display: block;
	}

	.button-type-grey {
		width: 60%;
		line-height: 2.5;
		font-size: 20px;
		font-size: 2rem;
	}
	.button-type-grey-lg {
		width: 100%;
		line-height: 4;
	}

	#department-other {
		padding: 15% 0 10%;
	}

	#campus {
		padding: 10% 3%;
	}
	#branch {
		padding: 10% 3%;
	}

	#branch ul li {
		width: 49.5%;
	}
	#branch ul li:nth-child(even) {
		margin-left: 1%;
	}
	#branch ul li div {
		width: 100%;
	}
	#branch ul li img {
		width: 65%;
		max-width: 100px;
		min-width: 89px;
	}
	#branch ul .branch-img-only img {
		width: 100%;
		max-width: 100%;
		min-width: auto;
	}
	footer.main-footer {
		padding: 0;
	}
	footer.main-footer #page-top {
		margin: 0 auto;
		padding: 10% 0 15%;
		position: static;
		width: 15%;
		height: auto;
		opacity: 1;
	}
	footer.main-footer #page-top img {
		width: 100%;
	}
	footer.main-footer #page-top a {
		display: block;
		position: relative;
	}
	footer.main-footer #page-top a:after {
		content: 'TOP PAGE';
		font-size: 15px;
		font-size: 1.5rem;
		text-align: center;
		width: 200%;
		color: #595757;
		font-weight: bold;
		position: absolute;
		bottom: -50%;
		left: 50%;
		-webkit-transform: translateX(-50%);
			 -moz-transform: translateX(-50%);
				-ms-transform: translateX(-50%);
				 -o-transform: translateX(-50%);
						transform: translateX(-50%);
	}
	footer.main-footer .sitemap-nav {
		display: none;
	}
	footer.main-footer .inner {
		padding: 0;
	}
	footer.main-footer #school-copy .inner {
		display: block;
	}
	footer.main-footer #school-copy .inner #school-infomation {
		margin: 0 0 5%;
		width: 100%;
		text-align: center;
	}
	footer.main-footer #school-copy .inner {
		padding: 0 3%;
	}
	footer.main-footer #school-copy .inner #school-infomation p {
		font-size: 19px;
		font-size: 1.9rem;
	}
	footer.main-footer #school-copy .inner #school-infomation p small {
		display: none;
	}
	footer.main-footer #school-copy .inner #teacher-panel {
		margin: 0 0 5%;
	}
	footer.main-footer #school-copy .inner #teacher-panel p a {
		margin: 0 auto;
		width: 100%;
		text-align: center;
		max-width: 200px;
		display: block;
		line-height: 45px;
		font-size: 14px;
		font-size: 1.4rem;
		background: #41bcd7;
		color: #fff;
		border-radius: 22.5px;
		text-decoration: none;
	}
	footer.main-footer #teacher-panel {
		display: none;
	}
	footer.main-footer #school-copy .inner #foot-logo {
		margin: 0 0 10%;
		text-align: center;
		width: 100%;
	}
	footer.main-footer #school-copy .inner #foot-logo p {
		position: static;
	}
	footer.main-footer #copyright {
		text-align: center;
		background: #615F5F;
		color: #fff;
		line-height: 3;
		font-size: 12px;
		font-size: 1.2rem;
	}

	#page-top {
		bottom: 3%;
		width: 40px;
		height: 40px;
		opacity: 0.8;
	}
	#department-other ul li {
		width: 49%;
	}
	#department-other ul li:nth-child(even) {
		margin-left: 2%;
	}
	#department-other ul li img {
		width: 100%;
	}
	#department-wrap .bx-wrapper .bx-controls-direction a {
		width: 40px;
		height: 40px;
	}
	#department-wrap .bx-wrapper .bx-prev {
		left: 3%;
	}
	#department-wrap .bx-wrapper .bx-next {
		right: 3%;
	}

	#sp-menu {
		display: block;
	}

	#foot-subnav {
		margin: 0 auto 10%;
		width: 80%;
	}
	#foot-subnav li {
		float: left;
		width: 50%;
	}
	#foot-subnav li a {
		display: block;
		text-align: center;
		font-size: 20px;
		font-size: 2rem;
		color: #615F5F;
		line-height: 2;
	}
	header.gakuyukai-header {
		margin: 0 0 5%;
	}
	header.gakuyukai-header h1 {
		margin: 0 auto;
		width: 70%;
		float: none;
		text-align: center;
	}
	header.gakuyukai-header p.mainlogo {
		margin: 0 auto;
		padding: 0;
		float: none;
	}
	header.gakuyukai-header h1 img {
		margin: 0 auto;
	}
	header.gakuyukai-header figure#gtk1 {
		left: 3%;
		width: 9%;
	}
	nav.gtk-nav ul li dl {
		width: 100%;
	}
	nav.gtk-nav ul li dl dt {
		font-size: 1.6rem;
	}
	#gakutomo-blog-wrapper h2 {
		margin: 0 0 3%;
		font-size: 2rem;
	}
	#gakutomo-blog-wrapper #gakutomo-blog-box article header .category-gkt,
	#gakutomo-blog-wrapper #gakutomo-blog-box article header time {
		font-size: 1.6rem;
	}
	#gakutomo-blog-wrapper #gakutomo-blog-box article footer p {
		margin-top: 3%;
	}
	#gakutomo-blog-single #gakutomo-single-contents p {
		margin-bottom: 5%;
	}
	#pagenation #page-number li {
		margin: 0 10px;
	}

	.sub-global-nav {
		margin: 0 0 15%;
	}
	.sub-global-nav ul li {
		width: 49%;
	}
	.sub-global-nav ul li:nth-of-type(4n) {
		margin-right: 1%;
	}
	.sub-global-nav ul li:nth-of-type(2n) {
		margin-right: 0;
	}
	.inner-nav ul li {
		width: 49%;
	}
	.inner-nav ul li:nth-of-type(3n) {
		margin-right: 1%;
	}
	.inner-nav ul li:nth-of-type(2n) {
		margin-right: 0%;
	}
	.inner-nav ul li a {
		font-size: 1.5rem;
	}
	.image-colm {
		margin-bottom: 10%;
	}
	.image-colm .left-colm {
		width: 100%;
		float: none;
		text-align: center;
	}
	.image-colm .right-colm,
	#dental .learn-img .left-colm,
	#dental .learn-img .right-colm {
		width: 100%;
		float: none;
	}
	#dental .learn-img {
		margin-bottom: 15%;
	}
	#dental .learn-img figure {
		text-align: center;
	}
	#dental .learn-img figure figcaption {
		font-size: 1.5rem;
	}
	#dental .learn-img .left-colm {
		margin-bottom: 10%;
	}
	.image-colm .left-colm img {
		width: 175px;
	}

	.pankz-wrap {
		margin: 50px 0 3%;
	}

	.class-nav {
		display: block;
	}
	.class-nav li {
		margin: 0 0 8%;
		width: 100%;
	}
	.data-list li {
		margin: 0 0 3%;
	}
	.common-wrapper .h3-box {
		margin: 0 0 10%;
	}

	.kyuko-login {
		margin: 0 0 10%;
		width: 100%;
	}

	.texts {
		margin: 0 0 8%;
	}

	.common-wrapper h4 {
		margin-bottom: 4.5%;
	}
	.common-wrapper h5 {
		margin-bottom: 3%;
	}
	.addition-list {
		display: block;
	}
	.addition-list > li {
		width: 100%;
		padding: 3%;
	}
	.addition-list > li + li {
		margin-top: 8%;
	}
	.addition-list > li + li:before,
	.addition-list > li + li:after {
		top: -5px;
		left: 0;
		right: 0;
	}
	.addition-list > li + li:before,
	.addition-list > li + li:after,
	.addition-list > li:last-child:before {
		margin-right: auto;
		margin-left: auto;
	}
	.addition-list > li + li:before {
		width: 5.666107610715743%;
		padding-top: 1.133221522143149%;
		margin-top: -4.656860523095055%;
	}
	.addition-list > li + li:after {
		width: 1.133221522143149%;
		padding-top: 5.666107610715743%;
		margin-top: -6.921490412945923%;
	}
	.addition-list > li:last-child:before {
		width: 7.93255065500204%;
		margin-top: -8.385839263859299%;
		padding-top: 8.15919495943067%;
		background-position: center top;
	}
	.common-wrapper h4.addition-title,
	.addition-title {
		margin-bottom: 3%;
	}
	.tables th,
	.tables td {
		display: block;
		width: 100% !important;
	}
	.sub-global-nav ul li a:after {
		display: none;
	}
	.flow-list:before {
		width: 10%;
	}
	.litebox-img {
		display: block;
	}
	.litebox-img li {
		margin: 0 0 3% !important;
		width: 100%;
	}

	.sl-wrapper .sl-navigation button.sl-prev {
		left: 1.5% !important;
	}
	.sl-wrapper .sl-navigation button.sl-next {
		right: 1.5% !important;
	}

	.consultation-box ul li {
		width: 100%;
		float: none;
	}

	.child-home-design .learn-wrap {
		margin-bottom: 10%;
		display: block;
	}
	.child-home-design .learn-wrap section {
		margin: 0 0 3%;
		width: 100%;
	}
	.child-home-design .learn-wrap section p {
		font-size: 1.6rem;
	}
	.teacher-message-wrapper {
		padding: 3%;
	}
	.teacher-message-wrapper div {
		float: none !important;
		width: 100% !important;
	}
	.teacher-message-wrapper .departmentLength-massage {
		margin-bottom: 10%;
	}
	.teacher-message-wrapper .teacherIntroduction h5 img {
		max-width: 50%;
	}
	.learn-skill-wrapper {
		margin-bottom: 10%;
		display: block;
	}
	.learn-skill-wrapper section {
		padding: 0 !important;
		width: 100% !important;
		border: none !important;
	}
	.learn-skill-wrapper .learn-skill-box figure {
		text-align: center;
	}
	.learn-myskill {
		display: block;
	}
	.learnme {
		margin-bottom: 5%;
		width: 100%;
	}
	.common-wrapper #curriculum-wrapper,
	.common-wrapper .curriculum-wrapper{
		display: block;
	}
	.common-wrapper #curriculum-wrapper .curriculum-box,
	.common-wrapper .curriculum-wrapper .curriculum-box {
		margin-bottom: 5%;
		width: 100%;
	}
	.common-wrapper #curriculum-wrapper .curriculum-box h5 span,
	.common-wrapper .curriculum-wrapper .curriculum-box h5 span {
		display: block;
	}
	.common-wrapper .training-colm .left-colm,
	.common-wrapper .training-colm .right-colm {
		width: 100%;
	}
	.common-wrapper .training-colm .left-colm {
		margin-bottom: 2%;
	}
	.common-wrapper #learn-feature-list > li {
		padding: 3%;
	}
	.common-wrapper #learn-feature-list li h5 {
		text-align: center;
		line-height: 1.3;
	}
	.common-wrapper #learn-feature-list li h5 span {
		margin: 1% auto;
		width: 65%;
	}
	#child .inner-learn-feature-list {
		display: block;
	}
	#child .inner-learn-feature-list li {
		width: 100%;
	}
	#child .inner-learn-feature-list li h6 {
		margin-bottom: 2%;
	}
	.common-wrapper #learn-feature-list li figure,
	.common-wrapper #learn-feature-list li figure + p {
		margin-bottom: 3%;
		width: 100%;
		float: none;
	}
	.common-wrapper #learn-feature-list li figure {
		text-align: center;
	}
	.common-wrapper #learn-feature-list li #butterfly-items {
		margin: 0 auto;
		text-align: center;
		width: 80%;
		position: static;
		-webkit-transform: translate(0);
			 -moz-transform: translate(0);
				-ms-transform: translate(0);
				 -o-transform: translate(0);
						transform: translate(0);
	}
	#child .child-qualification-wrapper dl {
		margin-bottom: 5%;
	}
	#child .child-qualification-wrapper dl h5 {
		margin-bottom: 3%;
		text-align: center;
		font-size: 1.5rem;
	}
	#child .child-qualification-wrapper dl h5 strong {
		display: block;
	}
	#child .child-qualification-wrapper dl dd {
		padding: 3%;
	}
	#child #child-practical-wrapper {
		display: block;
	}
	#child #child-practical-wrapper .practical-box {
		margin-bottom: 3%;
		width: 100%;
	}
	#child #child-practical-wrapper .practical-box section .right-colm h5 {
		font-size: 1.5rem;
	}
	#child #child-practical-wrapper .practical-box section .right-colm h5 span {
		font-size: 1.3rem;
	}
	#child .shikaku-no-design ul {
		width: 100%;
	}
	#child .shikaku-no-design #shikaku-image img {
		width: 30% !important;
		position: static;
	}
	#voice-wrapper {
		padding: 0;
	}
	.voice-box {
		padding-bottom: 15%;
	}
	.voice-box + .voice-box {
		padding-top: 15%;
	}
	.voice-box .left-colm,
	.voice-box .right-colm,
	.voice-box .voice-left .voice-name-box {
		float: none;
		width: 100%;
	}
	.voice-box .text-colm {
		padding: 0;
		margin: 0;
	}
	.voice-box figure {
		margin-bottom: 3%;
		text-align: center;
	}
	.voice-number,
	.common-wrapper h4 {
		font-size: 2.8rem;
		text-align: center;
	}
	.voice-box h4 + p {
		margin-bottom: 5%;
	}
	.voice-box .voice-left h4 + p {
		line-height: 1.8;
	}
	.voice-name-box {
		text-align: center;
	}
	.voice-class {
		margin-bottom: 2%;
	}
	.voice-class,
	.voice-name {
		line-height: 1.3;
	}
	.teacher-message-wrapper {
		margin-bottom: 15%;
	}
	#blog-content,
	#blog-sidebar {
		width: 100%;
		float: none;
	}
	#blog-content h1 {
		margin-bottom: 5%;
	}
	#blog-content figure {
		margin-bottom: 4%;
	}
	#blog-content #blog-text-content p,
	#blog-sidebar ul li a {
		font-size: 1.6rem;
	}
	#blog-sidebar h2 {
		padding: 1% 5%;
		font-size: 2.2rem !important;
	}
	#blog-content #blog-text-content {
		margin-bottom: 3%;
		padding-bottom: 10%;
	}
	#blog-sidebar ul {
		padding-left: 3%;
	}
	#blog-sidebar ul li {
		margin-bottom: 4%;
	}
	#blog-content #blog-page-box ul li a {
		font-size: 1.8rem;
	}
	#blog-content #blog-page-box ul li img {
		width: 30px;
	}
	#blog-content .blog-items {
		font-size: 1.4rem;
	}
	#blog-content .blog-items {
		margin-bottom: 15%;
	}
	.article-box .left-colm,
	.article-box .right-colm {
		float: none;
		width: 100%;
	}
	.article-box .left-colm {
		text-align: center;
	}
	.article-box .left-colm img {
		width: 100%;
	}
	.article-box .right-colm time {
		font-size: 1.5rem;
	}
	.article-box .right-colm {
		padding: 3%;
	}
	.article-box {
		margin: 0 auto 3%;
		width: 80%;
	}
	.article-box .right-colm h1 {
		line-height: 1.3;
	}
	.article-box .right-colm h1 a {
		font-size: 1.8rem;
	}
	.archive-wrapper .h2-box h2 {
		font-size: 4rem !important;
	}
	.article-box .new-mark {
		width: 25%;
	}
	.single-wrapper h1 {
		padding-bottom: 5%;
	}
	#gakutomo-blog-wrapper #gakutomo-blog-box article figure img {
		width: 100%;
	}
	.common-wrapper #learn-feature-list li.learn-counter {
		padding: 15% 3% 3%;
	}
	.common-wrapper #learn-feature-list li.learn-counter:before {
		width: 15%;
		left: -1px;
		text-indent: 3.5%;
	}
	#couse-wrapper,
	.couse-wrapper {
		display: block;
	}
	.couse-box {
		margin-top: 10%;
		padding: 10% 3% 3%;
		width: 100%;
	}
	.common-wrapper .child-qualification-wrapper .findingEmploymentRate {
		margin: 0 auto;
		width: 100%;
		text-align: center;
		position: static;
		-webkit-transform: translateY(0) !important;
		-moz-transform: translateY(0) !important;
		-ms-transform: translateY(0) !important;
		-o-transform: translateY(0) !important;
		transform: translateY(0) !important;
	}
	.oc-hero {
		margin-bottom: 8%;
	}
	.oc-hero-item {
		overflow: hidden;
	}
	.oc-hero-item-inner {
		display: block;
		margin: 0 -16.2499806080861%;
	}
	.oc-hero .bx-controls {
		position: relative;
		margin-top: 5%;
	}
	.oc-hero .bx-prev,
	.oc-hero .bx-next {
		margin-top: -10px;
	}
	.oc-hero .bx-prev {
		left: 0;
	}
	.oc-hero .bx-next {
		right: 0;
	}
	.oc-hero .bx-pager {
		position: static;
		width: auto;
		margin-right: 30px;
		margin-bottom: 0;
		margin-left: 30px;
		padding-top: 0;
	}
	.oc-box {
		width: 100%;
		padding: 3%;
	}
	.oc-box-heading {
		margin: 0 -5% 3%;
		text-align: center;
	}
	.oc-box-heading img {
		display: none;
	}
	.oc-box-heading:after {
		top: auto;
		bottom: 0;
		width: 1.227573182247403%;
		height: 0;
		margin-bottom: -1.217228464419476%;
		padding-top: 1.217228464419476%;
		background-image: url(../img/page/entrance/opencampus/h4-item01.svg);
		transform: scale(-1, 1);
	}
	.oc-box-nav {
		margin-bottom: 1%;
	}
	.oc-box-more {
		margin-top: 3%;
		text-align: center;
	}
	.oc-box-more a:after {
		margin-top: -.3em;
	}
	.oc-box-sub-heading {
		margin-bottom: 3%!important;
		text-align: left!important;
		font-size: 20px!important;
		font-size: 2rem!important;
	}
	.oc-article {
		width: 50%;
	}
	.oc-article-category,
	.oc-article-time {
		font-size: 15px;
		font-size: 1.5rem;
		font-weight: bold;
	}
	.oc-article-heading {
		text-align: left!important;
		font-size: 20px!important;
		font-size: 2rem!important;
	}
	.oc-card-row {
		display: block;
		margin: 0;
	}
	.oc-card-col {
		width: 100%;
		margin-bottom: 3%;
		padding: 0;
	}
	.oc-card {
		padding: 3%;
	}
	.oc-card-heading {
		margin: 0 -5% 3%!important;
		padding: .2903225806451613em .5161290322580645em!important;
	}
	.oc-card-heading:before,
	.oc-card-heading:after {
		width: 1.217228464419476%;
		margin-bottom: -1.217228464419476%;
		padding-top: 1.217228464419476%;
	}
	.oc-card-img {
		margin: 0 0 3%;
	}
	.oc-category {
		display: block;
	}
	.oc-category + .oc-category {
		margin-top: 3%!important;
	}
	.oc-category-heading,
	.oc-category-description {
		width: 100%;
	}
	.oc-category-heading {
		margin-bottom: 3%!important;
		font-size: 18px!important;
		font-size: 1.8rem!important;
	}
	.oc-sub-category-heading {
		width: 25%;
	}
	.oc-sub-category-description {
		width: 75%;
	}
	.oc-schedule-list li {
		width: 25%;
	}
	.oc-sub-schedule-list li {
		width: 33.3333%;
	}
	.oc-schedule-caption {
		font-size: 16px;
		font-size: 1.6rem;
	}
	.oc-header {
		padding-top: 25%;
		background-image: url(../img/page/entrance/opencampus/bg-header-sp.jpg);
	}
	.oc-header-campus {
		padding-top: 60.9375%;
		background-image: url(../img/page/entrance/opencampus/bg-header-campus-sp.jpg);
	}
	.oc-header-campus .oc-header-inner {
		margin-top: -52%;
	}
	.oc-header-heading {
		line-height: 1.3;
	}
	.oc-header p {
		letter-spacing: normal;
	}
	.oc-header-present {
		position: static;
		width: 100%;
	}
	.oc-btn {
		font-size: 20px;
		font-size: 2rem;
	}

	#dental .shikaku-no-design #shikaku-image img#shikaku-img01 {
		position: static;
	}

	/* ---------------------
		20170612 END
	--------------------- */
	.pupa .tables th, .pupa .tables td {
		display: table-cell;
	}
	.pupa #pupa-bbs {
		margin: 15% 0;
		padding: 10% 0 25%;
	}
	.pupa-archive #pupa-bbs article h4 {
		text-align: justify;
		line-height: 1.4;
	}
	.pupa .pupa-bbs-title h4 img,
	.pupa-archive .pupa-bbs-title h3 img {
		width: 100%;
	}
	.pupa .pupa-bbs-title .bbs-nav {
		margin: 3% auto;
		width: 50%;
		position: static;
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0);
	}
	.pupa .pupa-bbs-title .bbs-nav select {
		width: 100%;
	}
	.pupa #pupa-bbs article {
		padding: 4% 2%;
	}
	.pupa #pupa-bbs article time,
	.pupa #pupa-bbs article h5 {
		margin: 0;
		line-height: 1.2;
		float: none;
	}
	.pupa .salon-contact p {
		line-height: 1.3;
	}
	.pupa #pupa-bbs article time {
		margin-bottom: 1%;
	}
	.pupa .salon-caution {
		margin: 10% 0;
		padding: 5% 3%;
	}
	.pupa .salon-caution .left-colm,
	.pupa .salon-caution .right-colm {
		float: none;
		width: 100%;
	}
	.pupa .salon-caution .right-colm p {
		line-height: 1.8;
	}
	.pupa .salon-caution .right-colm p em {
		margin-bottom: 3%;
		line-height: 1.3;
		display: inline-block;
	}
	#pupa-single-wrapper .left-colm,
	#pupa-single-wrapper .right-colm {
		float: none;
		width: 100%;
	}
	#pupa-single-wrapper .left-colm article h1 {
		margin-bottom: 5%;
		padding: 0 0 3%;
		line-height: 1.3;
	}
	#pupa-single-wrapper #pupa-single-contents p {
		font-size: 1.6rem;
	}
	#pupa-single-wrapper .left-colm {
		margin-bottom: 20%;
	}
	#pupa-single-wrapper .side-posts h3 {
		padding-bottom: 3%;
		font-size: 2rem;
	}
	#pupa-single-wrapper .side-posts ul li a {
		font-size: 1.6rem;
	}
	#pupa-single-wrapper .side-posts ul li {
		margin-bottom: 4%;
	}
	.pupa-single h2 {
		margin-bottom: 7%;
	}
	#dental-kirakira {
		display: none;
	}
	.group-wrap .left-colm {
		margin-bottom: 3%;
	}
	.group-wrap .left-colm,
	.group-wrap .right-colm {
		width: 100%;
	}
	.good-alpha {
		margin: 3% 0 0;
		width: 100%;
	}
	.good-alpha:before {
		content: none;
	}
	#dental .dental-practical-container {
		display: block;
	}
	#dental #dental-practical-wrapper h5,
	#dental .dental-practical-wrapper h5 {
		margin-bottom: 5%;
	}
	#dental .practical-box {
		margin-bottom: 3%;
		width: 100%;
	}
	#nurse .dental-practical-container .left-colm,
	#nurse .dental-practical-container .right-colm {
		width: 100%;
		float: none;
	}
	#nurse .dental-practical-container figure {
		margin-bottom: 10px;
	}
	#music .child-home-design .learn-wrap section {
		margin: 0 0 3%;
	}
	#music .addition-list > li:last-child:before {
		background-image: url(../img/page/music/home/icon-arrow-sp.svg);
	}
	#music .learn-img .left-colm,
	#music .learn-img .right-colm {
		margin-bottom: 5%;
		float: none;
		width: 100%;
	}
	#music .learn-img .right-colm img {
		margin: 0;
		float: none;
	}
	#music .learn-img .right-colm figcaption {
		width: 100%;
	}
	#music .learn-img .right-colm:after {
		display: none;
	}
	#music .facility-list {
		padding-right: 0;
		display: block;
	}
	#music .facility-box {
		margin: 5%	0 0;
		padding: 0;
		width: 100%;
	}
	#music .facility-box section .right-colm {
		float: none;
		width: 100%;
		text-align: center;
	}
	#music .combi-system {
		width: 100%;
	}
	#design .addition-list > li:last-child:before {
		background-image: url(../img/page/design/home/icon-arrow-sp.svg);
	}
	.combi-img {
		float: none;
		text-align: center;
		width: 100%;
		margin-bottom: 5%;
	}
	.combi-col-left,
	.combi-col-right {
		float: none;
		width: 100%;
	}
	.course-box {
		margin-bottom: 5%;
		padding: 5% 3%;
	}
	.course-box .course-inner-box {
		margin-bottom: 5%;
		padding: 5% 5% 2%;
		font-size: 1.4rem;
	}
	.course-title {
		margin-bottom: 5%;
		text-align: center;
	}
	.course-title h4,
	.course-title dl,
	.course-title dl dt,
	.course-title dl dd {
		float: none;
	}
	.course-title h4 {
		margin-bottom: 2.5%;
	}
	.course-title dl dt {
		margin-bottom: 2%;
		border: none;
		font-size: 1.8rem;
		border-bottom: 1px solid #fff;
	}
	.course-title dl dt br {
		display: none;
	}
	.course-box .left-colm,
	.course-box .right-colm {
		float: none;
		width: 100%;
	}
	.course-infoTxt {
		margin-bottom: 8%;
	}
	.course-shikaku {
		margin-bottom: 5%;
	}
	.course-shikaku li {
		float: none;
		text-align: center;
		font-size: 1.6rem;
	}
	.course-shikaku li:before {
		content: none;
	}
	.course-inner-box .course-shikaku li {
		margin-right: 0;
		text-align: left;
		font-size: 1.4rem;
	}
	.course-inner-box .course-shikaku li:before {
		content: "";
		top: 4px;
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		-o-transform: none;
		transform: none;
	}
	.course-box h5 {
		margin-bottom: 2%;
		text-align: center;
		font-size: 2rem;
		line-height: 1.2;
	}
	.course-box .course-feature h5,
	.course-box .course-feature p,
	.course-box .course-graduation h5,
	.course-box .course-graduation p {
		float: none;
		width: 100%;
	}
	.course-box .course-feature p,
	.course-box .course-graduation p {
		text-align: center;
		margin-bottom: 8%;
	}
	.course-box .right-colm {
		text-align: center;
	}
	.course-shikaku-info {
		margin-top: -5%;
		margin-bottom: 5%;
	}
	.ogvoice-wrap figure.left-colm,
	.ogvoice-wrap figure.right-colm,
	.ogvoice-wrap div.left-colm,
	.ogvoice-wrap div.right-colm {
		width: 100%;
		float: none;
	}
	.ogvoice-wrap figure.left-colm,
	.ogvoice-wrap figure.right-colm {
		margin-bottom: 8%;
		text-align: center;
	}
	.ogvoice-wrap h4 {
		text-align: justify;
		font-size: 2.4rem;
	}
	.ogvoice-wrap .og-peason {
		text-align: center;
	}
	#child .og-peason {
		margin-bottom: 8%;
	}
	#child .og-peason dl dt,
	#child .og-peason dl dd {
		width: 100%;
		float: none;
	}
	#child .og-peason dl dt {
		margin-bottom: 2%;
	}
	.ogvoice-wrap h4 + p {
		font-size: 1.6rem;
	}
	.common-wrapper .lifemap-txt {
		left: 42%;
		bottom: -6%;
	}
	.common-wrapper .lifemap-txt:before {
		top: -30px;
	}
	.common-wrapper .lifemap-txt:after {
		top: -8.65px;
		border-width: 0 5px 8.65px 5px;
	}
	.common-wrapper .cafeinner {
		padding-bottom: 10%;
	}
	.common-wrapper .life-title-box {
		padding-top: 30%;
	}
	.common-wrapper .room-wrapper.rooms .room-box {
		margin-bottom: 10%;
		width: 100%;
	}
	.common-wrapper .room-wrapper.rooms2 .room-box {
		margin-bottom: 10%;
		width: 49%;
	}
	.common-wrapper .room-wrapper .room-box .balloon-title {
		margin-top: 0;
		padding-left: 20.3921568627451%;
	}
	.common-wrapper .room-wrapper .room-box .balloon-title img {
		top: -80%;
		left: -3%;
	}
	.common-wrapper .cafeinner .left-colm,
	.common-wrapper .cafeinner .right-colm {
		width: 100%;
	}
	.common-wrapper .cafetitle {
		margin-bottom: 10%;
	}
	.common-wrapper .cafetitle p {
		margin-bottom: 3%;
		float: none;
	}
	.common-wrapper .cafe-list {
		float: none;
		width: 100%;
	}
	.common-wrapper .cafe-side {
		margin-bottom: 10% !important;
		width: 100%;
		float: none;
	}
	.common-wrapper .cafe-side ul li {
		margin-bottom: 3%;
		text-align: center;
		width: 50%;
	}
	.common-wrapper .cafeinner .right-colm	{
		border: none;
	}
	.common-wrapper .cafeinner .right-colm figure {
		padding-top: 20%;
		text-align: center;
	}
	.common-wrapper .club-contents .left-colm,
	.common-wrapper .club-contents .right-colm,
	.common-wrapper .living .living-box .left-colm,
	.common-wrapper .living .living-box .right-colm,
	.common-wrapper .living .living-box dl dt,
	.common-wrapper .living .living-box dl dd,
	.common-wrapper .policy-box figure,
	.common-wrapper .policy-box div {
		float: none;
		width: 100%;
	}
	.common-wrapper .club-introduction ul li {
		width: 49%;
	}
	.common-wrapper .club .life-title-box {
		margin-bottom: 10%;
	}
	.common-wrapper .living {
		padding: 5% 3%;
	}
	.common-wrapper .living h4:before,
	.common-wrapper .living h4:after {
		width: 10%;
	}
	.common-wrapper .living span.parts {
		width: 20px;
		height: 20px;
	}
	.common-wrapper .living h4 {
		margin-bottom: 5%;
		padding-bottom: 3%;
	}
	.common-wrapper .living .living-box .left-colm {
		margin-bottom: 8%;
		padding: 0;
	}
	.common-wrapper .living .living-box h5 {
		margin-bottom: 5%;
		padding: 3% 0;
	}
	.common-wrapper .living .living-box dl dt {
		margin-bottom: 3%;
	}
	.common-wrapper .living .living-box dl dd {
		text-align: center;
	}
	.common-wrapper .living .living-box {
		margin-bottom: 15%;
	}
	.common-wrapper .living .living-contact p {
		font-size: 1.8rem;
	}
	.common-wrapper .consult-title {
		padding: 0;
		background: none;
	}
	.common-wrapper .consult-title h4 {
		margin-bottom: 3%;
	}
	.common-wrapper .consult-title h4 img {
		width: 80%;
	}
	.common-wrapper .data-wrapper {
		margin: 0 0 10%;
	}
	.common-wrapper .data-wrapper ul {
		display: block;
	}
	.common-wrapper .data-wrapper ul li {
		margin-bottom: 10%;
	}
	.dataimg {
		overflow: scroll;
	}
	.dataimg img {
		max-width: none;
	}
	.common-wrapper .app-area-box {
		margin-bottom: 10%;
	}
	.common-wrapper .app-area-box dt {
		margin: 0 auto 3%;
	}
	.common-wrapper .app-area-box dd {
		text-align: center;
	}
	.common-wrapper .policy-box {
		display: block;
	}
	.common-wrapper .policy-box figure {
		margin: 0 auto 5%;
		width: 50%;
	}
	.common-wrapper .policy-box dl dt {
		margin: 0 auto 3%;
	}
	.common-wrapper .policy-box dl dd {
		text-align: center;
		font-size: 1.4rem;
	}
	.common-wrapper .policy-list-neo li dl dt {
		width: 100%;
	}
	#contents-wrapper .cumpusTxtWrap h2 {
		line-height: 1.5;
		font-size: 3rem;
	}
	.cumpusTxtWrap h2:before {
		content: none;
	}
	.common-wrapper .life-title-box h4.foo {
		font-size: 2.7rem;
	}
	.common-wrapper .consult-title h4.kigaruni {
		font-size: 3.6rem;
	}

	/*
		adstyle.css
	/* ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー */
	.gui-text,
	.gui-text02,
	.gui-list,
	.gui-listd{font-size: inherit;}
}

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

	#department-wrap {
		height: 350px;
	}
	#branch ul {
		display: block;
	}
	#branch ul li {
		width: 100%;
		margin: 0 0 3% !important;
		float: none;
	}
	.inner-nav ul li a {
		height: 60px;
	}
	.inner-nav ul li a:after {
		width: 15px;
		height: 15px;
		line-height: 15px;
		font-size: 10px;
	}
	#blog-content #blog-text-content p, #blog-sidebar ul li a {
		font-size: 2rem;
	}

}

@media only screen and (max-height:500px) {
	#document-item {
		display: none !important;
	}
	#page-top {
		display: none !important;
	}
}