@charset "utf-8";
.schoolDetailInfo .swiper-wrapper{
	height: auto;
}
.first-txt{
	margin: 18px 0 4px;	
}

.schoolLinks-inpage{
	width: 100%;
	color: var(--mainColor);
	font-size: 0;
	border-collapse: collapse;
	display: flex;
	flex-wrap: wrap;
	margin-bottom:35px;
}

html .schoolLink-link-inpage{
	box-sizing: border-box;
	width: 50%;
	display: table-cell;
	border: 2px #aa0003 solid;
	font-size: 18px;
	font-weight: 600;
	text-align: center;
	padding: 6px 27px;
	color: #aa0003;
	transition: .3s;
}

html .schoolLink-link-inpage:nth-of-type(even){
	border-left: none;
}

html .schoolLink-link-inpage:nth-last-child(2){
	border-bottom: 2px #aa0003 solid;
}

html .schoolLink-link-inpage:last-of-type{
	border-bottom: 2px #aa0003 solid;
}

html .schoolLink-link-inpage:hover{
	background-color: #aa0003;
    color: #fff;
}

.schoolDetail{
	display: block;
	font-size: 14px;
	margin: 23px 0;
	color: #454545;
	border-bottom: solid 2px #ededed;
	padding-bottom: 23px;
	width: 30%;
}

.brandIcon{
	padding: 0 16px;
	border-radius: 11px;
	font-weight: 600;
	color: #fff;
	background-color:#e30012; 
	font-size: 15px;
	display: inline-block;
}

.brandIcon.kids{
	background-color: #f09400;
}

.brandIcon.plus{
	background-color: #009c41;
}

.schoolName{
	color: #454545;
	text-decoration: underline;
	font-size: 27px;
	font-weight: 600;
    margin: 8px auto;
    display: inline-block;
    transition: .3s;
}

.anchorRed:hover > .schoolName{
	color: #aa0003;
}
	
.telNumber{
	display: block;
	color: #aa0003;
    font-size: 24px;
	font-weight: 600;
}

html .address{
    line-height: 19px;
}

.access{
    margin-top: 7px;
	font-weight: 600;
	color: #aa0003;
}
.brandIcon.hirakata{
    background-color: #0062f5;
}

.schoolDetailRow:last-child .schoolDetail:last-child{
	border: none;
}
.schoolAdd{
	background-color: #FEEE16;
	color: #AB0002;
	text-align: center;
	position: relative;
	font-weight: 600;
	font-size: 16px;
	padding: 8px 0 10px;
	margin-bottom: 21px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.schoolInfo .first-txt{
	text-align: center;
	margin: 30px auto 12px;
}
.schoolInfo img{
	margin-right: 8px;
}
br.sMobileAppear{
	display: none;
}

@media screen and (min-width:600px) and ( max-width:979px) {
	html .first-txt{
		font-size: 18px;
	}

}

@media screen and (min-width: 980px) { 
	.schoolDetailRow{
		flex-wrap: wrap;
    justify-content: space-between;
	}
	html .first-txt{
		font-size: 18px;
	}

	.schoolDetail{
		display: inline-block;
		width: 30%;
		border: none;	
	}


		
	.schoolLinks-inpage{
		display: none;
	}
	
	.schoolDetail-img{
		width: 305px;
		margin-bottom:8px;
		max-width: 100%;
	}
	
	.schoolDetail-img img{
		width: 100%;
	}
	
	.schoolDetailRow:not(:first-child){
	    margin-top: -20px;
	    display: flex;
	}
}
@media screen and ( max-width:979px) {
	.schoolDetail{
		width: 100%;
	}
	html body a:link
}
@media screen and (max-width: 599px) { 
	.schoolAdd img{
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%); 
		margin-right: 0;
		left: 18px;
		width: 30px;
		height: 36px;
	}
	.schoolAdd-txt{
		font-size: 15px;
		color: #4D4D4D;
		line-height: 1.4;
	}
	.schoolAdd-txt span{
		color: #AB0002;
	}
	.schoolAdd{
		padding: 14px 5% 15px;
	}
	.schoolInfo .first-txt{
		margin: 18px auto 7px;
	}
	html .schoolLink-link-inpage{
		font-size: 16px;
		padding: 6px 5%;
	}
}
@media screen and (max-width: 375px) { 
	br.sMobileAppear{
		display: inline-block;
	}
}