.room {
	padding: 5rem 0 0;
}
.room h2 {
	font-size: 2.5rem;
	font-weight: 500;
	text-align: center;
	padding: 0 0 1rem;
}
#search h7 {
	display: block;
	background-color: #CCE4E1;
	padding: 2rem;
	position: relative;
	cursor: pointer;
	margin: 1rem 0 0;
	font-size: 1.6rem;
	color: #339489;
	text-align: left;
	border-radius: 1rem;
}
#search .room2 {
	display: none;
	padding: 0.1rem 1rem;
}
#search h7:after {
	position: absolute;
	content: '';
	background: url("../img/common/book-arrow.png") no-repeat;
	background-size: contain;
	width: 1.5rem;
	height: 1rem;
	top: 50%;
	right: 1rem;
	transform: translateY(-50%);
	transition: 0.3s;
}
#search h7.triangle:after {
	transform: rotate(180deg);
	transform-origin: 25% 50%; 
}
.room .ac2 {
	text-align: center;
	width: 350px;
	font-weight: bold;
	margin: 0 25px;
	display: inline-block;
	vertical-align: top;
}
.room .ac2 li {
	background: #E0EFED;
	width: 100%;
	padding: 1.5rem;
	border-radius: 1rem;
	margin: 1rem 0 0;
	font-size: 1.6rem;
	font-weight: normal;
}
.room .ac2 a {
	display: block;
	color: #3e3a39;
}
.room .ac2 {
	width: 100%;
	margin: 0;
}
/*-----------------------------------------------------pop up-----------------------------------------------------------*/
.mfp-close {
	z-index: 10;
	position: relative;
	font-size: 4rem;
	width: auto;
	height: auto;
	padding: 0;
	cursor: pointer;
 }
.popup-wrap h2 {
	background-color: #339489;
	color: #fff;
	text-align: center;
	padding: 1rem;
	font-size: 2rem;
	letter-spacing: 0.2rem;
}
.popup-wrap img {
	margin: 0 auto;
	padding: 2rem 0 0;
	width: 20rem;
	display: block;
}
.popup-wrap .address {
	padding: 1rem 0 0;
}
.popup-wrap-inner {
	width: 100%;
	padding: 1rem;
}
.popup-wrap p.tel-num-pop {
	font-size: 2.4rem;
}
.cta.pop {
	margin: 2rem 0 0;
	padding: 2rem 0;
	background: none;
}
.cta.pop a.cta-btn {
	width: 90%;
	margin: 0 auto;
	font-size: 1.7rem;
}
/*---------------------------------------------------
.cta.pop ul li a {
	padding: 1rem;
	font-size: 2rem;
}
.cta.pop ul li a.docu {
	border: 0.1rem solid #687DDE;
}
.cta.pop ul li a.exp {
	border: 0.1rem solid #339489;
}
.cta.pop ul li a.docu:before {
	width: 4rem;
	height: 2.5rem;
	left: 1rem;
}
.cta.pop ul li a.exp:before {
	width: 4rem;
	height: 2.5rem;
	left: 1rem;
}
.cta.pop ul li:nth-child(2) {
	padding: 2rem 0 0;
}
----------------------------------------------------------*/
.cta.pop .tel-wrap {
	padding: 0 1rem;
	color: #333;
}
.cta.pop .tel-num {
	color: #333;
	font-weight: 500;
	font-size: 2.2rem;
}
.cta.pop .tel-copy:before {
	left: 0;
}
.cta.pop .tel-copy p {
	margin: 0 0 0 2rem;
	color: #333;
}
.cta.pop .tel-copy:before {
	content: '';
	background: url("../img/common/cta-tel-icon-g.png") no-repeat;
	background-size: contain;
	position: absolute;
	width: 2.3rem;
	height: 3rem;
	top: 50%;
	transform: translateY(-50%);
	left: 0rem;
	z-index: 1000;
}

/*----------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------タブレット／ブレイクポイント-------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------*/


	@media screen and (min-width:768px) {
		.room {
			padding: 7rem 0 0;
		}
		.mfp-content {
			width: 90%;
		}
		.cta.pop ul li:nth-child(2) {
			padding: 0;
		}
		.popup-wrap .school {
			display: flex;
			justify-content: center;
			align-items: flex-start;
		}
		.mfp-close {
			font-size: 4rem;
			padding: 2rem 0 0;
		 }
		.popup-wrap h2 {
			padding: 2rem;
			font-size: 2.4rem;
			letter-spacing: 0.3rem;
		}
		.popup-wrap img {
			margin: 0 5rem 0 0;
			padding: 0;
		}
		.popup-wrap .address {
			padding: 0;
		}
		.popup-wrap-inner {
			width: 100%;
			padding: 4rem 1rem 2rem;
		}
		.popup-wrap .address p {
			font-size: 1.8rem;
		}
		.popup-wrap .address p.tel-num-pop {
			font-size: 2.6rem;
		}
		.cta.pop a.cta-btn {
			width: 60rem;;
			font-size: 2.3rem;
		}
		/*---------------------------------------------------
		.cta.pop ul li:first-child {
			padding: 0;
		}
		.cta.pop ul li:nth-child(2) {
			padding: 0;
		}
		.cta.pop .exp p:before {
			width: 6rem;
			height: 3rem;
			left: 2rem;
		}
		.cta.pop .note p:before {
			width: 6rem;
			height: 3rem;
			left: 2rem;
		}
		.cta.pop ul li a {
			font-size: 2.4rem;
			line-height: 2.5;
		}
		--------------------------------*/
		.cta.pop .tel-num {
			font-size: 3rem;
		}
		.cta.pop .tel-copy small {
			font-size: 1.4rem;
		}
	
	
	}

	/*----------------------------------------------------------------------------------------------------------------*/
	/*----------------------------------------------------------------------------------------------------------------*/
	/*-------------------------------------------PC／ブレイクポイント-------------------------------------------*/
	/*----------------------------------------------------------------------------------------------------------------*/
	/*----------------------------------------------------------------------------------------------------------------*/
			@media screen and (min-width:1000px) {
				.room {
					padding: 10rem 0 0;
				}
				.room h2 {
					font-size: 5rem;
				}
				.sagasu {
					max-width: 960px;
					position: relative;
					margin: 0 auto;
				}
				.map {
					height: 840px;
					background-image: url(../img/room/mapline2.png);
					background-size: cover;
					background-position: center;
					max-width: 960px;
					position: relative;
					margin: 5rem auto 0;
				}
				.inline-link {
					box-shadow: 0 2px 0 #333;
					position: relative;
					transition: .1s;
					cursor: pointer;
				}
				.info .inline-link {
					box-shadow: none;
				}
				.mfp-content {
					width: 90rem;
				}
				.popup-wrap .school {
					display: flex;
					justify-content: center;
					align-items: flex-start;
				}
				.mfp-close {
					font-size: 4rem;
					padding: 2rem 0 0;
				 }
				.popup-wrap h2 {
					padding: 2rem;
					font-size: 2.4rem;
					letter-spacing: 0.3rem;
				}
				.popup-wrap img {
					margin: 0 5rem 0 0;
					padding: 0;
				}
				.popup-wrap .address {
					padding: 0;
				}
				.popup-wrap-inner {
					width: 100%;
					padding: 6rem 3rem 2rem;
				}
				.popup-wrap .address p {
					font-size: 1.8rem;
				}
				.cta.pop {
					padding: 3rem 2rem;
					margin: 4rem 0 0;
				}
				.cta.pop .tel-num {
					font-size: 3rem;
				}
				.cta.pop .tel-copy small {
					font-size: 1.4rem;
				}
				/*---------------------------------
				.cta.pop ul li {
					width: calc((100% - 3rem) / 2);
				}
				.cta.pop ul li a {
					padding: 1rem 8rem 1rem 0;
				}
				--------------------------------*/
				.cta.pop .tel-wrap {
					margin: 3rem 0 0;
				}
				.yachiyocyuo {
					position: absolute;
					left: 480px;
					top: 90px;
				}
				.yachiyocyuo:hover {
					top: 92px;
					box-shadow: 0 0px 0 #333;
				}
				.gyotoku {
					position: absolute;
					left: 133px;
					top: 200px;
				}
				.gyotoku:hover {
					top: 202px;
					box-shadow: 0 0px 0 #333;
				}
				.hunabashi {
					position: absolute;
					left: 272px;
					top: 131px;
				}
				.hunabashi:hover {
					top: 133px;
					box-shadow: 0 0px 0 #333;
				}
				.nishihunabashi {
					position: absolute;
					left: 110px;
					top: 131px;
				}
				.nishihunabashi:hover {
					top: 133px;
					box-shadow: 0 0px 0 #333;
				}
				.tsudanuma {
					position: absolute;
					left: 308px;
					top: 182px;
				}
				.tsudanuma:hover {
					top: 184px;
					box-shadow: 0 0px 0 #333;
				}
				.makuharihongo {
					position: absolute;
					left: 350px;
					top: 234px;
				}
				.makuharihongo:hover {
					top: 236px;
					box-shadow: 0 0px 0 #333;
				}
				.shinkenmigawa {
					position: absolute;
					left: 405px;
					top: 288px;
				}
				.shinkenmigawa:hover {
					top: 290px;
					box-shadow: 0 0px 0 #333;
				}
				.inage {
					position: absolute;
					left: 468px;
					top: 341px;
				}
				.inage:hover {
					top: 343px;
					box-shadow: 0 0px 0 #333;
				}
				.nishichiba {
					position: absolute;
					left: 510px;
					top: 395px;
				}
				.nishichiba:hover {
					top: 397px;
					box-shadow: 0 0px 0 #333;
				}
				.chiba {
					position: absolute;
					left: 575px;
					top: 454px;
				}
				.chiba:hover {
					top: 456px;
					box-shadow: 0 0px 0 #333;
				}
				.yachimata {
					position: absolute;
					left: 860px;
					top: 357px;
				}
				.yachimata:hover {
					top: 359px;
					box-shadow: 0 0px 0 #333;
				}
				.narita {
					position: absolute;
					left: 830px;
					top: 224px;
				}
				.narita:hover {
					top: 226px;
					box-shadow: 0 0px 0 #333;
				}
				.sakura {
					position: absolute;
					left: 775px;
					top: 284px;
				}
				.sakura:hover {
					top: 286px;
					box-shadow: 0 0px 0 #333;
				}
				.yotsukaido {
					position: absolute;
					left: 710px;
					top: 339px;
				}
				.yotsukaido:hover {
					top: 341px;
					box-shadow: 0 0px 0 #333;
				}
				.tsuga {
					position: absolute;
					left: 656px;
					top: 395px;
				}
				.tsuga:hover {
					top: 397px;
					box-shadow: 0 0px 0 #333;
				}
				.shinurayasu {
					position: absolute;
					left: 116px;
					top: 341px;
				}
				.shinurayasu:hover {
					top: 343px;
					box-shadow: 0 0px 0 #333;
				}
				.makuharibaytown {
					position: absolute;
					left: 320px;
					top: 384px;
				}
				.makuharibaytown:hover {
					top: 386px;
					box-shadow: 0 0px 0 #333;
				}
				.inagekaigan {
					position: absolute;
					left: 400px;
					top: 447px;
				}
				.inagekaigan:hover {
					top: 449px;
					box-shadow: 0 0px 0 #333;
				}
				.chibaminato {
					position: absolute;
					left: 460px;
					top: 507px;
				}
				.chibaminato:hover {
					top: 509px;
					box-shadow: 0 0px 0 #333;
				}
				.soga {
					position: absolute;
					left: 570px;
					top: 577px;
				}
				.soga:hover {
					top: 579px;
					box-shadow: 0 0px 0 #333;
				}
				.mobara {
					position: absolute;
					left: 810px;
					top: 787px;
				}
				.mobara:hover {
					top: 789px;
					box-shadow: 0 0px 0 #333;
				}
				.tougane {
					position: absolute;
					left: 860px;
					top: 627px;
				}
				.tougane:hover {
					top: 629px;
					box-shadow: 0 0px 0 #333;
				}
				.toke {
					position: absolute;
					left: 756px;
					top: 687px;
				}
				.toke:hover {
					top: 689px;
					box-shadow: 0 0px 0 #333;
				}
				.honda {
					position: absolute;
					left: 650px;
					top: 687px;
				}
				.honda:hover {
					top: 689px;
					box-shadow: 0 0px 0 #333;
				}
				.kamatori {
					position: absolute;
					left: 610px;
					top: 632px;
				}
				.kamatori:hover {
					top: 634px;
					box-shadow: 0 0px 0 #333;
				}
				.kimitsu {
					position: absolute;
					left: 0px;
					top: 687px;
				}
				.kimitsu:hover {
					top: 689px;
					box-shadow: 0 0px 0 #333;
				}
				.kisarazu {
					position: absolute;
					left: 120px;
					top: 687px;
				}
				.kisarazu:hover {
					top: 689px;
					box-shadow: 0 0px 0 #333;
				}
				.anesaki {
					position: absolute;
					left: 260px;
					top: 687px;
				}
				.anesaki:hover {
					top: 689px;
					box-shadow: 0 0px 0 #333;
				}
				.goi {
					position: absolute;
					left: 370px;
					top: 687px;
				}
				.goi:hover {
					top: 689px;
					box-shadow: 0 0px 0 #333;
				}
				.yawata {
					position: absolute;
					left: 480px;
					top: 687px;
				}
				.yawata:hover {
					top: 689px;
					box-shadow: 0 0px 0 #333;
				}
				.ootakanomori {
					position: absolute;
					left: 250px;
					top: 0px;
				}
				.ootakanomori:hover {
					top: 2px;
					box-shadow: 0 0px 0 #333;
				}
				.mappen {
					position: absolute;
					left: 0px;
					top: 520px;
					z-index: 100;
				}

			}
			@media screen and (max-width:359px) {
				.cta.pop .tel-wrap {
					padding: 0;
				}
				
	
}
/*-----------------------誉田校--グレーアウト---2023.2.6--------------------------------------------------*/
.room .ac2 li.grayout {
	background: #e6e6e6;
}
.room .ac2 li.grayout a {
	color: #8d8c8c;
}
@media screen and (min-width:1000px) {
	
	.inline-link.honda {
		cursor: default;
	}
	.honda:hover {
		top: 687px;
		box-shadow: 0 2px 0 #333;
	}		
}
/*-------------------------------------------------------------------------------------------------------*/