.facilityBox{
overflow: hidden;
}
.pt40{
  padding-top: 40px;
}
.facilityBorder01{
  border-top: 6px solid #00CAE5;
}
.facilityBorder02{
  border-top: 6px solid #F77728;
}
.boxright_facility{

  float: right;
  width: 50%;
  vertical-align: top;
  background-color: #F2F2F2;
  padding: 40px;
}
.boxleft_facility{
  width: 50%;
  display: inline-block;

}
/*facilityimg*/
.facility01{
  background-image: url("../img/dorm01.jpg");
  background-size: cover;
}
.facility02{
  background-image: url("../img/dorm02.jpg");
  background-size: cover;
}
.facility03{
  background-image: url("../img/dorm03.jpg");
  background-size: cover;
}
.facility04{
  background-image: url("../img/dorm04.jpg");
  background-size: cover;
}
.facility05{
  background-image: url("../img/dorm05.jpg");
  background-size: cover;
}



/*facilityimg*/
.FacilityTitle{
  border-left: 4px solid #000;
  padding-left: 15px;
}
.h3FacilityTitle{
  font-size: 16px;
  font-weight: bold;
  display: block;
}
.h3FacilityTitleName{
  font-size: 26px;
  font-weight: bold;
  display: block;
}
.rightimg img{
  width: 100% !important;
}
.hashtag span{
  color: #fff;
  background: #00038A;
  display: inline-block;
  border-radius: 100px;
  padding: 5px 18px;
  margin-right: 10px;
  margin-top: 20px;
}


.hashtag span:last-child{
  margin-right: 0px;
}

/*施設紹介詳細ページ*/
.h5entitle01{
  color: #06015C;
  display: block;
  font-size: 16px;
  display: block;
  font-family: 'Josefin Sans', sans-serif;
  letter-spacing: 0.5rem;
}
.h5jptitle01{
  color: #06015C;
  display: block;
  font-size: 40px;
  font-weight: bold;
  letter-spacing: 0.8rem;
}
.wid100{
  max-width: 100% !important;
}

.slider {
    margin: 0;
}
.thumb{
  margin-top: 15px;
}
.overviewList{
  max-width: 70%;
  margin-top: 15px;
}

.overviewList li{
  list-style: none;
  display: inline-block;
  margin-right: 1%;
  margin-bottom: 1%;
}
.itemNone{
  opacity: 0.2;
}
.overviewAria{
  position: relative;
}
.room{
  position: absolute;
  right: 7%;
  top: 30%;
}
.room span{
  display: block;
}

.feeList{
  border: 0;
  width: 100%;
}
.feeList th{
  width: 17%;
  text-align: left;
}
.feeList th span{
  color: #fff;
  background: #00038A;
  display: inline-block;
  border-radius: 100px;
  padding: 5px 20px;
}
.studentVoiceAria{
  background-color: #F2F2F2;
  width: 100%;
  padding-top: 60px;
  padding-bottom: 80px;
}
.overviewAria{
  position: relative;
}
.gender{
  position: absolute;
  top: 14%;
  right: 10%;
}
.other_gender{
  position: absolute;
  top: 14%;
  right: 20%;
}
.other_than01{
  position: absolute;
  top: 14%;
  right: 9%;
}
/* .listbox_wrap{
  height: 1210px;
}
.room_left.room{
  top: 22%;
} */


.room_left.room.room01 img{
  width: 175px;
  display: block;
}

/*施設紹介詳細ページ*/

@media only screen and (max-width: 768px){
  .boxright_facility{
  padding: 20px;
}
  .h3FacilityTitle{
  font-size: 14px;

}
.h3FacilityTitleName{
  font-size: 20px;
}
  .h5jptitle01{
  font-size: 20px;
}

  .pt40{
  padding-top: 20px;
}
  .boxright_facility{
  float: none;
  width: 100%;

}
.boxleft_facility{
  height: 400px;
  width: 100%;
  display: block;
}
  .hashtag span{
  margin-top: 10px;
  margin-right: 0;
  overflow-wrap: anywhere;
  word-break: normal;
  line-break: strict;
}
  .hashtag{
  text-align: center;
}
  .overviewList{
  max-width: 100%;
    text-align: center;
    overflow: hidden;
}
  .overviewList li{
  margin-right: 3%;
    margin-bottom: 3%;
    width: 47%;
    display: inline-block;
    float: left;
}
  .overviewList li:nth-child(even){
  margin-right: 0%;
}
  .room{
  position: unset;
}
  .gender{
  margin-top: 15px;
  position: unset;
  text-align: center;
}
  .feeList th{
    display: block;
    width: 100%;
  }
  .feeList td{
    display: block;
     width: 100%;
    padding: 10px 15px 15px 0;
  }
  .studentVoiceAria{
 padding-top: 30px;
  padding-bottom: 30px;
}
  .studentVoiceInner{
    width: 80%;
    margin: auto;
  }
  .listbox_wrap{
    height: auto;
  }
}

/*20210922追加*/
.basic-ul li {
  list-style: none;
  font-size: 14px !important;
  margin-bottom: 5px;
}

/*20231102*/
.facility06 {
  background-image: url("../img/dorm06.jpg");
  background-size: cover;
}

.unit {
  margin-bottom: 100px;
}

.unit-pdf-link {
  color: #06015C;
  display: inline-block;
  text-decoration: underline;
}

.unit-pdf-link a:hover {
  text-decoration: none;
}

.new-txt01 {
  background-color: #dc6565;
  box-sizing: border-box;
  color: #fff;
  display: inline-block !important;
  font-size: 13px !important;
  margin-bottom: 5px;
  padding: 2px 4px 0;
}

@media only screen and (max-width: 768px) {
  .unit {
    margin-bottom: 50px;
  }
}