@charset "utf-8";




/* ------------------------------------------------------------------------------------------------
 * RESPONSIVE
 * ------------------------------------------------------------------------------------------------ */

@media screen and (max-width:1399px) {}

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

	.l-Bottom-nav .u-inner {
		padding: 40px 20px;
	}

	.l-kv_title_0 {
		width: auto;
		max-width: 1110px;
	}

	.l-kv {
		/*display: none;*/
	}

	.l-kv_sp {
		display: block;
		padding: 0;
		margin-top: 60px;
	}

	.l-kv_sp img {
		width: 100%;
	}

	.l-banner_media {
		text-align: center;
		padding: 10px 0 10px 0;
		position: static;
		display: block;
	}

	.l-banner .is-border {
		padding: 5px 10px;
		margin-left: 10px;
		font-size: 2.6rem;
	}

	.l-banner .l-copy {
		font-size: 2.6rem;
	}

}

/* END RESPONSIVE 979px */

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

	.c-copy_area {
		position: absolute;
		top: 5%;
		margin: 0 auto;
		text-align: center;
		left: 10%;
		right: 50%;
		width: 80%;
	}

	.c-text_left-SP {
		text-align: left;
	}

	.l-Feature {
		background: url(/geogarden/meguro-gakugeidaigaku/_assets/img/home/banner_point_bg@mobile.jpg) repeat center / 100% auto;
	}

	.c-news-tumb {
		display: block;
	}

	.c-news-tumb > .c-news_data:nth-child(1) {
		width: 100%;
	}

	.c-news-tumb > .c-news_data:nth-child(2) {
		width: 100%;
	}

	.l-banner_media {
		display: none;
	}

	.is-home.fp-viewing-0 {
		background-color: #fff;
	}

	.is-home .g-container {
		padding: 0;
		position: relative;

	}

	.c-home .u-container {
		padding: 10px 10px;

	}


	.is-home .u-content {
		position: relative;
	}

	.is-home .g-footer {}

	.is-home .l-btn_container {
		padding-top: 30px;
	}

	.l-btn a {
		padding: 20px 0;
		font-size: 1.6rem;
	}

	.l-btn:before {
		content: '';
		top: 37%;
	}

	.l-banner-cp {
		margin: 20px auto;
	}

	.g-container {
	}

	/* ------------------------------------------------------------------------------------------------
 * Loading
 * ------------------------------------------------------------------------------------------------ */
	.l-loading {
		-webkit-transition: 0.3s;
		transition: 0.3s;
		-webkit-animation: fadeOut 5s;
		animation: fadeOut 5s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
	}

	.l-loading:before,
	.l-loading:after {
		width: 200%;
		height: 500px;
	}

	.l-loading .l-loading-logo {
		width: 150px;
	}

	.l-loading .l-loading-text {
		width: 70%;
	}

	.l-loading .l-loading-text_2 {
		width: 80%;
	}

	.c-op-skip {
		bottom: 40px;
		right: 20px;
		-webkit-transition: 0.3s;
		transition: 0.3s;
	}


	.l-loading:before {
		-webkit-transform: translate(0, -300px) skewY(-15deg);
		-ms-transform: translate(0, -300px) skewY(-15deg);
		transform: translate(0, -300px) skewY(-15deg);
	}

	@-webkit-keyframes load-left {
		0% {
			-webkit-transform: translate(0, -300px) skewY(-15deg);
			transform: translate(0, -300px) skewY(-15deg);
		}

		100% {
			-webkit-transform: translate(-200px, -200px) skewY(-35deg);
			transform: translate(-200px, -200px) skewY(-35deg);
		}
	}

	@keyframes load-left {
		0% {
			-webkit-transform: translate(0, -300px) skewY(-15deg);
			transform: translate(0, -300px) skewY(-15deg);
		}

		100% {
			-webkit-transform: translate(-200px, -200px) skewY(-35deg);
			transform: translate(-200px, -200px) skewY(-35deg);
		}
	}

	.l-loading:after {
		-webkit-transform: translate(0, 300px) skewY(-15deg);
		-ms-transform: translate(0, 300px) skewY(-15deg);
		transform: translate(0, 300px) skewY(-15deg);
	}

	@-webkit-keyframes load-right {
		0% {
			-webkit-transform: translate(0, 300px) skewY(-15deg);
			transform: translate(0, 300px) skewY(-15deg);
		}

		100% {
			-webkit-transform: translate(200px, 200px) skewY(-35deg);
			transform: translate(200px, 200px) skewY(-35deg);
		}
	}

	@keyframes load-right {
		0% {
			-webkit-transform: translate(0, 300px) skewY(-15deg);
			transform: translate(0, 300px) skewY(-15deg);
		}

		100% {
			-webkit-transform: translate(200px, 200px) skewY(-35deg);
			transform: translate(200px, 200px) skewY(-35deg);
		}
	}

	@-webkit-keyframes l-loading {
		0% {
			opacity: 1;
		}

		100% {
			opacity: 0;
		}
	}

	@keyframes l-loading {
		0% {
			opacity: 1;
		}

		100% {
			opacity: 0;
		}
	}

	/* ------------------------------------------------------------------------------------------------
 * key visual
 * ------------------------------------------------------------------------------------------------ */
	.l-kv .fp-tableCell {
		vertical-align: top;
	}

	.fp-viewing-contents-keyvisual .l-scene-next-button {
		bottom: 10px;
	}

	.l-main-visual {
		margin: 60px 0 0;
		background-position: left 50% top 0;
		background-size: 100% auto;
		background-color: #1d769b;
		/* バナーの背景色に合わせる */
	}

	.l-kv-banner {
		padding-top: 190px;
		position: relative;
		bottom: auto;
		left: auto;
	}

	.l-kv-banner-inner {
		min-height: 0;
		bottom: auto;
		left: auto;
	}

	.l-kv-banner-item:nth-of-type(2) {
		padding: 15px;
	}

	.l-kv-banner-item:nth-of-type(3) {
		padding: 10px 0;
	}

	.l-kv-banner-item:nth-of-type(3) .e-img {
		width: 200px;
	}

	.l-kv-banner-item {
		text-align: center;
		width: 100% !important;
		padding: 0;
		display: block;
	}

	.l-kv-banner-button {
		display: none;
	}

	.l-loop-slide-wrap {
		width: 100%;
		margin: 0;
		padding: 20px 0 0;
	}

	.fp-show-active {
		display: none;
	}

	.l-kv_title,
	.l-kv_title_0,
	.l-kv_title_2 {
		display: none;
	}

	.l-kv_caption {
		bottom: 5px;
	}



	/* ------------------------------------------------------------------------------------------------
 * Useful
 * ------------------------------------------------------------------------------------------------ */
	.l-useful .u-inner {
		padding: 30px 0 0;
	}

	.l-useful-wrap-title {
		width: 80%;
	}

	.l-useful-wrap-title .e-sub {
		font-size: 1.6rem;
		margin: 0 0 10px;
		display: block;
	}

	.l-useful-wrap-title .e-main {
		font-size: 2.4rem;
	}

	.l-useful-wrap {
		padding: 0 15px 60px;
	}

	.l-useful-item {
		width: 50%;
	}

	.l-scene-title-mid .u-color-line {
		background-size: auto 2px !important;
	}


	.is-home .g-hapia-nav {
		width: 100%;
		display: block;
		display: none;
	}

	.is-home .g-footer-nav_button {
		display: none;
	}

	.is-home .g-footer-pagetop {
		bottom: 5px;
	}




	/* 2018.01.26 */
	.l-kv-banner-items {
		width: 47.5%;
		top: 185px;
		right: 50%;
		-webkit-transform: translateX(50%);
		-ms-transform: translateX(50%);
		transform: translateX(50%);
		z-index: 30;
	}

	#colorbox,
	#cboxWrapper {
		width: 100% !important;
		min-width: 0;
	}

	#cboxContent,
	#cboxLoadedContent {
		width: 100% !important;
	}

	.g-footer-info-merchant-wrap {
		border-top: 2px solid #ddd;
		background: #fff;
	}

	.g-footer-info-merchant-item {
		width: 100%;
		border-bottom: 1px solid #ddd;
	}

	.g-footer-info-merchant-item .e-link {
		min-height: 0;
		padding: 10px 0;
	}

	.g-footer-info-merchant-item.is-hapia-link .e-link {
		padding: 15px 0;
	}

	.is-home .u-Show_mobile .g-footer-info-merchant-wrap {
		display: block;
	}

	.l-Bottom-nav {
		display: none;
	}

	/* ------------------------------------------------------------------------------------------------
	*KV
	* ------------------------------------------------------------------------------------------------ */

	.u-content.l-kv {
		padding: 0;
	}

	.l-kv .l-banner {
		display: none;
	}

	.l-banner {
		text-align: center;
		padding: 10px 0;
		position: static;
		display: block;
		font-size: 2.8rem;
	}

	.l-banner img {
		/*width: 50%;*/
		width: 95%;
	}

	.l-caption .u-inner {
		text-align: left;
		padding: 10px 10px 10px 10px;
	}


	.l-Action {
		font-size: 2.6rem;
		padding: 15px;
	}

	/* ------------------------------------------------------------------------------------------------
	*access
	* ------------------------------------------------------------------------------------------------ */
	.l-access {
		display: block;
	}

	.l-access__img:nth-child(2) {
		padding: 40px 10px 20px;
	}


	/* ------------------------------------------------------------------------------------------------
	*concept-2
	* ------------------------------------------------------------------------------------------------ */
	.l-concept2 .section-title {
		font-size: 1.4rem;
	}

	.l-concept2 .l-colom_container {
		margin: 0;
	}

	.l-concept2 .l-colom_container.is-2line .l-colom_item {
		width: 100%;
		padding: 0px 0 40px 0;
		display: block;
	}

	.l-concept2 .l-colom_container.is-2line.is-inner .is-right {
		min-width: auto;
		display: table-cell;
		/*		width: 62%;*/
	}

	.l-concept2 .l-colom_container.is-2line.is-inner .is-left {
		max-width: none;
		display: table-cell;
		/*		width: 37%;*/
	}

	.l-concept2 .l-colom_container.is-2line.is-inner {
		margin: 0px -10px 0px 0;
	}

	.l-concept2 .l-colom_container.is-2line.is-inner .l-colom_item {
		padding: 0 10px 0 0;
	}

	.l-concept2 .l-section_text {
		line-height: 1.6;
		padding-bottom: 20px;
	}

	.l-concept2 .l-colom_container {
		margin: 20px 0 -30px 0;
	}

	.l-concept2 .l-colom_container.is-2line.is-inner.is-height {
		margin-top: 0;
	}

	.l-concept2 .l-container {
		border-top: 1px solid #a8976d;
		padding: 0;
	}

	/* ------------------------------------------------------------------------------------------------
	* Location
	* ------------------------------------------------------------------------------------------------ */
	.l-location .l-scene-title-mid {
		padding-top: 100px;
	}

	.l-location-button-wrap {
		height: 120px;
		padding: 20px 0 0;
	}

	.l-location-button-item {
		width: 70%;
	}

	.l-location-button-item:nth-of-type(1) .e-link {
		-webkit-transform: translateX(45px) skewX(30deg);
		-ms-transform: translateX(45px) skewX(30deg);
		transform: translateX(45px) skewX(30deg);
	}

	.l-location-button-item:nth-of-type(2) .e-link {
		-webkit-transform: translateX(-45px) skewX(30deg);
		-ms-transform: translateX(-45px) skewX(30deg);
		transform: translateX(-45px) skewX(30deg);
	}

	.l-location-button-item .e-link {
		height: 120px;
		background-size: auto 100%;
	}

	.l-location-button-item .e-title {
		font-size: 1.1rem;
		letter-spacing: 0;
		width: 180px;
		padding: 5px 10px 3px 10px;
	}

	.l-location .l-scene-title-mid,
	.l-access .l-scene-title-mid {
		font-size: 1.6rem;
	}

	.l-loop-slide-wrap {
		width: 100%;
		margin: 0 auto;
		padding: 20px 0 0;
	}


	/* ------------------------------------------------------------------------------------------------
	* Access
	* ------------------------------------------------------------------------------------------------ */
	.l-access-wrap {
		width: 240px;
		margin: 0 auto;
		padding: 10px 0 0;
	}

	.l-access-item {
		width: 50%;
		display: inline-block;
	}



	/* ------------------------------------------------------------------------------------------------
	* Structure
	* ------------------------------------------------------------------------------------------------ */
	.l-structure-wrap {
		width: 100%;
		min-width: 0;
	}

	.l-structure-item {
		width: 100%;
		margin: 0;
		padding: 15px 0 0;
		display: block;
	}

	.l-structure-item .e-title {
		font-size: 1.4rem;
		margin: 0 0 5px;
		padding: 0 0 7px;
		border-bottom: 2px solid #b5a27c;
	}

	.l-structure-item .e-item {
		font-size: 1.5rem;
		line-height: 1.45;
	}

	.l-structure-item .e-item br {
		display: none;
	}

	.l-structure-item dl {
		padding: 10px;
	}


	/* ------------------------------------------------------------------------------------------------
	*info
	* ------------------------------------------------------------------------------------------------ */
	.l-map {
		display: block;
	}

	.g-news-scroll dt {
		display: block;
		padding: 0 0px 10px 0;
	}

	.g-news-scroll dd {
		display: block;
		line-height: 1.6;
		padding: 0 0 20px 0;
	}

	.l-subtitle-min {
		font-size: 2rem;
	}

}

/* END RESPONSIVE 767px */

@media screen and (orientation: landscape) {}

/* END RESPONSIVE landscape */

@media print {}

/* END PRINT */