@charset "UTF-8";

.wrapper{
	padding-top:0;
}

.hero-title-area{
	padding-bottom:64px;
}

@media screen and (max-width:768px){
.hero-title-area{
	padding-bottom:25px;
}
}
.page-list .hero{

  background:url("../images/list/list-hero-back.png");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}


.list-sidebar-header{
	font-size:2rem;
	font-weight:600;
	border-bottom:1px #DEDEDE solid;
	padding-bottom:15px;
	margin-bottom:20px;
	line-height:1;
}

.list-sidebar-nav a{
	color:#111111;
	display:block;
	padding-left:12px;
	position:relative;
	margin-bottom:10px;
	padding:8px 10px 8px 20px;
	border-radius:5px;
}

.list-sidebar-nav a:hover{
	background:#BD957333;
}
.list-sidebar-nav a::after{
	content:'・';
	position:absolute;
	left:8px;

	
}


.list-dl-area-title {
    margin-bottom: 40px;
}
.list-dl-area-title-last {
    margin-bottom: 96px;
}

.list-dl-area-title-name {
    margin: 0 0 20px;
	font-size: 1.4rem;
  	color: #BD9573;
}

.list-dl-area-city-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 180px));
    gap: 12px 25px;
}

.list-dl-area-city-list li {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
	font-size: 1.8rem;
}




.list-content-title{
	font-size: 2.8rem;
  font-weight: 500;
  margin-bottom: 50px;
}
@media screen and (max-width:768px){
.list-content-title{
  margin-bottom: 20px;
}
}

.list-content-title-sub{
	font-size:1.6rem;
  color: #BD9573;
  margin-bottom: 12px;
}


.list-layout{
	display: flex;
  justify-content: space-between;
 	align-items: flex-start;
	padding-bottom:160px;
}
@media screen and (max-width:768px){
.list-layout{
	padding-bottom:40px;
}
}
.list-content-inner{
	margin-bottom:96px;

}
@media screen and (max-width:768px){
.list-content-inner{
	margin-bottom:60px;

}
}
.list-content-title-box{

}
.list-content-school-btns{
	display:flex;
	gap:8px;
  flex-wrap: wrap;
	font-weight:500;
	margin-bottom:48px;
}

.list-content-school-btns-item{
	border:1px solid #DEDEDE;
	padding:12px 12px;
	line-height:1;
  width: calc((100% - 24px) / 4);
	display:flex;
	  justify-content: space-between;
	
}

@media screen and (max-width:1000px){
	.list-content-school-btns-item{
  	width: calc((100% - 24px) / 3);
	}
}

@media screen and (max-width:764px){
	.list-content-school-btns-item{
	  width: calc((100% - 24px) / 2);
	}
}
.list-content-school-btns-item.active{
background:#F3F3F3;
	border:1px solid #F3F3F3;
}
.list-content-school-btns-item-num{
color:#BD9573;
}
.list-layout-sidebar{
	width:200px;
	margin-right: 20px;

	position:sticky;
	top:120px;
}
.list-sidebar-inner{

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

.list-layout-sidebar{
	display:none;
}

}

.list-layout-content{
	max-width:1000px;
	width:100%;
}

.list-content-li:not(:last-child){
	margin-bottom:48px;
}

.list-content-li h3{
	font-size:2.4rem;
	margin-bottom:20px;
	position:relative;
	padding-left:15px;
}

.list-content-li h3::after{
	content:'';
	display:block;
	width:3px;
	height:18px;
	background:#BD9573;
	position:absolute;
	left:0;
	top:50%;
  transform: translateY(-50%);
}
.list-content-li dd{
	display:flex;
	gap:20px;

}

@media screen and (max-width:768px){
	.list-content-li dd{
		display:block;

	}

}
.list-content-li ul{
 width:calc(100% / 3);
}

@media screen and (max-width:768px){
	.list-content-li ul{
		width:100%;
	}
}
.list-content-li li{
	margin-bottom:10px;
  white-space: normal;
  overflow-wrap: break-word;
  word-break: break-word;

}





.list-info-area{
	display:flex;

	gap:20px;
}

@media screen and (max-width:768px){
	.list-info-area{
		display:block;
	}

}
.list-info-area dl{
	padding:32px 24px;
	max-width:320px;
	width:100%;
	border:1px solid #DEDEDE;
	border-radius:10px;
	

}
@media screen and (max-width:768px){
	.list-info-area dl{
			max-width:100%;
		margin-bottom:20px;
	}
}
.list-info-area dl dt{
	font-size:2.4rem;
	font-weight:500;
	margin-bottom:20px;
	position:relative;
}

.list-info-area dl dt::after{
	content:'';
	position:absolute;
	background:url(../images/list/icon-school.png) center center / cover no-repeat;
	width:48px;
	height:48px;
	display:block;
	right:0;
	top:50%;
	transform: translateY(-50%);
}

.list-info-area dl.list-info-area-student dt::after{
	background:url(../images/list/icon-student.png) center center / cover no-repeat;
}

.list-info-area dl.list-info-area-flag dt::after{
	background:url(../images/list/icon-flag.png) center center / cover no-repeat;
}

.list-info-area dl dd{
	font-size:2.4rem;
	color:#BD9573;
}



.list-info-area dl dd p{
	font-size:2rem;
}
.list-info-area .list-info-area-no{
	line-height:1;
	font-size:7.2rem;
	font-weight:500;
	margin-bottom:20px;
	
	letter-spacing: -0.1rem;
}
@media screen and (max-width:1280px){
.list-info-area .list-info-area-no{
	font-size:4rem;
}
}
.list-content-dl{
	display:flex;
  flex-wrap: wrap;
	margin-bottom:96px;
}
@media screen and (max-width:768px){
	.list-content-dl{
		margin-bottom:40px;
	}
}
.list-content-dl dl{
	width:calc(100% / 3);

	margin-bottom:40px;
}
@media screen and (max-width:768px){
	.list-content-dl dl{
		width:calc(100% / 2);
	}
}
.list-content-dl dt{
	font-size:1.4rem;
	color:#BD9573;
}

.list-content-dl dd{
		font-size:1.8rem;
}