@media only screen and (max-width:1060px) {
	html {
		font-size: 1vw;
	}
	header.main-header::before {
		padding-top: 3.1201248049922%;
	}

	#sub-nav {
		display: none;
	}

	.inner {
		padding: 0 3%;
	}

	.index-inner {
		padding-top: 5%;
		padding-bottom: 5%;
	}

	.campus-inner {
		padding-right: 0;
		padding-left: 0;
	}

	.branch {
		padding-top: 5%;
		padding-bottom: 6%;
	}
	.branch-list li {
		width: 31.48148148148148%;
	}

	#user-panel li:nth-of-type(2) a {
		margin: 2px 0 0;
	}

	.hr-wave-top {
		padding-top: 3.1201248049922%;
	}
	.hr-wave-bottom {
		padding-bottom:  3.1201248049922%;
	}
	.hr-wave-top::before,
	.hr-wave-bottom::after {
		padding-top: 3.1201248049922%;
	}

	.main-visual {
		padding-top: 60%;
	}

	.target-nav-list a:before {
		display: none;
	}

	.btn-document-request {
		right: 0;
	}

	.important-bnr li + li {
		margin-top: 3.191489361702128%;
	}

	.other-bnr {
		padding-bottom: 3.1201248049922%;
	}

	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%;
	}
	#nurse .child-home-design h4:before {
		padding-top: 30.5%;
	}
	#nurse .child-home-design h4:after {
		padding-top: 27%;
	}
	.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;
	}

	#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) {
	.main-visual { margin-top: 10%; }
	.main-visual::before {
		content: "";
		position: absolute;
		z-index: 1;
		top: 0;
		right: 0;
		left: 0;
		padding-top: 5%;
		background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
		background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
		background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );
	}
	.main-visual .bx-prev,
	.main-visual .bx-next {
		top: 50%;
		width: 30px;
		height: 30px;
		padding-top: 30px;
	}
	.main-visual .bx-prev {
		left: 3%;
	}
	.main-visual .bx-next {
		right: 3%;
	}
	#user-panel li {
		line-height: inherit;
	}
	.main-header h1 {
		width: 42%;
	}
	#bird-box {
		padding-top: 6%;
		width: 13%;
	}
	.target-nav-wrappr {
		margin-right: -3.191489361702128%;
		margin-left: -3.191489361702128%;
	}
	.target-nav-heading {
		margin-bottom: 0!important;
		padding: 2% 3%;
		background-color: #808080;
		color: #fff;
		line-height: 3;
		font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, Osaka, "MS PGothic", arial, helvetica, sans-serif!important;
		font-style: normal!important;
		font-size: 18px!important;
		font-size: 1.8rem!important;
	}
	.target-nav-list {
		margin-top: 0;
		margin-right: 0;
		margin-left: 0;
		background-color: #f2f2f2;
	}
	.target-nav-list li {
		width: 33.3333%;
		margin-top: 0;
		margin-left: 0;
	}
	.target-nav-list a {
		padding: 2em .5em;
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
		border-radius: 0;
		background-color: #f2f2f2;
		font-size: 18px;
		font-size: 1.8rem;
	}
	.target-nav-list li:nth-child(3n) a {
		border-right: none;
	}
	.department .bx-wrapper {
		width: 94%;
		max-width: 400px!important;
		margin-right: auto;
		margin-left: auto;
	}
	.department .bx-prev {
		left: -25px;
	}
	.department .bx-next {
		right: -25px;
	}

	.other-bnr {
		padding-bottom: 0;
	}

	.branch-list li {
		width: 48.14814814814815%;
	}

	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;
	}
	.video-wrapper {
		width: 100%;
	}

	.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;
		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;
		margin-bottom: 16.468125%;
	}

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

	html {
		font-size: 2vw;
	}

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

	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%);
	}
	.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%;
		margin-bottom: 0;
	}

	.bx-pager.bx-default-pager a {
		width: 10px;
		height: 10px;
	}
	.main-visual {
		margin-bottom: 25px;
	}
	.main-visual .bx-controls {
		position: relative;
		margin-top: 15px;
	}
	.main-visual .bx-pager {
		position: static;
	}
	.main-visual .bx-prev,
	.main-visual .bx-next {
		top: 15px;
	}
	.target-nav-list a {
		padding-top: 1.125em;
		padding-bottom: 1.125em;
	}
	.btn-document-request {
		display: none;
	}
	.news-nav li {
		width: 31.48148148148148%;
	}
	.news-nav-cnt {
		display: none;
	}
	.news-box {
		width: 50%;
	}
	.news-wrapper-sp-three .news-box:nth-of-type(n+7) {
		display: none;
	}
	.news-box img {
		width: 100%;
	}
	.news-box .category,.news-box time {
		font-size: 15px;
		font-size: 1.5rem;
		font-weight: bold;
	}
	.news-box .title {
		font-size: 20px;
		font-size: 2rem;
	}

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

	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: .8;
	}

	.footer-fixed-nav-list {
		top: auto;
		bottom: 0;
		left: 0;
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		border-top: 1px solid #fff;
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		-o-transform: none;
		transform: none;
	}
	.footer-fixed-nav-list li {
		width: 100%;
	}
	.footer-fixed-nav-list li + li {
		border-top: none;
		border-left: 1px solid #fff;
	}
	.footer-fixed-nav-list-btn {
		max-width: none;
		min-height: auto;
		font-size: 16px;
		font-size: 1.6rem;
	}
	.footer-fixed-nav-list-btn::before {
		width: 1.5em;
		height: 1.5em;
		margin-bottom: .25em;
	}

	.other-bnr-list li {
		width: 46.80365296803653%;
	}

	.department .bx-prev,
	.department .bx-next {
		width: 40px;
		height: 40px;
		padding-top: 40px;
	}
	.department .bx-prev {
		left: 3%;
	}
	.department .bx-next {
		right: 3%;
	}
	.department-list li {
		width: 46.80365296803653%;
	}

	.campus-list li {
		width: 98.14814814814815%;
	}

	#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-bottom: 15%;
	}
	.sub-global-nav li {
		width: 49.43714821763602%;
	}
	.sub-global-nav li a {
		padding-top: .75em;
		padding-bottom: .75em;
	}
	.sub-global-nav li a:after {
		display: none;
	}
	#dental .sub-global-nav li a:after,
	#music .sub-global-nav li a:after,
	#child .sub-global-nav li a:after,
	#nurse .sub-global-nav li a:after,
	#design .sub-global-nav li a:after,
	.sub-global-nav li a.course1:after,
	.sub-global-nav li a.course2:after,
	.sub-global-nav li a.course3:after,
	.sub-global-nav li a.course4:after,
	.sub-global-nav li a.course5:after {
		display: block;
	}

	.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;
	}
	.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-bnr-list li {
		width: 48.14814814814815%;
	}

	.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 {
		width: 75%!important;
		margin-right: auto;
		margin-bottom: 3%;
		margin-left: auto;
		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%;
	}
	.couse-row {
		margin-right: 0;
		margin-left: 0;
	}
	.couse-col {
		width: 100%;
		padding-top: 3%;
		padding-right: 0;
		padding-left: 0;
	}
	.couse-img + .couse-img {
		margin-top: 3%;
	}
	.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: 15px;
	}
	.oc-hero .bx-prev,
	.oc-hero .bx-next {
		top: 15px;
	}
	.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: 0;
		font-size: 20px;
		font-size: 2rem;
	}
	.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;
	}
	.ogvoice-wrap .og-peason figure {
		width: 75%;
		margin-right: auto;
		margin-left: auto;
	}
	#child .og-peason {
		margin-bottom: 8%;
	}
	#child .job-list dt,
	#child .job-list dd {
		width: 100%;
		float: none;
	}
	#child .job-list 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) {
	.branch-list li {
		width: 98.14814814814815%;
	}
	.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;
	}
}