@charset "utf-8";
/*===================================================
メイン画像・タイトル
===================================================*/
#mainImg {
  background: url(../common/images/main_img.png) no-repeat center center / cover;
}

#titBox div::after {
  content: "授業・学生生活";
  display: block;
  font-size: .15rem;
  line-height: 1.3;
  font-family: 'Noto Serif JP', serif;
}

#panNavi ul li:first-of-type::before {
  position: absolute;
  top: 50%;
  left: 3.5em;
  width: 6px;
  height: 6px;
  border-top: 2px solid #999;
  border-right: 2px solid #999;
  transform: rotate(45deg) translate(0,-75%);
}

#panNavi ul li:first-of-type::after {
  content: "授業・学生生活";
  color: #666;
  margin-left: 20px;
}


/*===================================================
教育課程
===================================================*/
#departmentListBox {
  border-top: 1px solid #eee;
  padding-top: 50px;
}

.ly_departmentList + h3 {
  margin-top: 50px;
}

.ly_departmentList > ul {
  display: flex;
  flex-wrap: wrap;
}

.ly_departmentList > ul > li a {
  display: block;
  color: #333;
}
.ly_departmentList > ul > li a:hover {
  text-decoration: none;
  -ms-filter: "alpha( opacity=50 )";
  filter: alpha( opacity=50 );
  opacity: 0.5;
}

.ly_departmentList > ul > li a > p {
  font-size: .14rem;
  margin-top: 5px;
}

@media (min-width:901px ) {
.ly_departmentList > ul > li {
  width: calc((100% - 60px) / 3);
}
.ly_departmentList > ul > li:not(:nth-of-type(3n)) {
  margin-right: 30px;
}

.ly_departmentList > ul > li:nth-of-type(n+4) {
  margin-top: 30px;
}
}

@media (max-width:900px ) {
.ly_departmentList > ul > li {
  width: calc((100% - 15px) / 2);
}
.ly_departmentList > ul > li:nth-of-type(odd) {
  margin-right: 15px;
}

.ly_departmentList > ul > li:nth-of-type(n+3) {
  margin-top: 15px;
}
}


/*===================================================
アパート・下宿
===================================================*/
.apartmentTable > table {
  width: 100%;
}

.apartmentTable > table:nth-of-type(n+2) {
  margin-top: 15px;
}

.apartmentTable > table tr:first-of-type th {
  width: 2.5em;
}

.apartmentTable > table tr:first-of-type td:nth-of-type(2) {
  width: 80px;
}


/*===================================================
サークル一覧
===================================================*/
@media (min-width:901px ) {
.ly_circleTable td:first-of-type {
  width: 9.5em;
}

.ly_circleTable td:nth-of-type(2) {
  width: 7.5em;
}

.ly_circleTable td:nth-of-type(4) {
  width: 4em;
  text-align: center;
}

.ly_circleTable td:nth-of-type(5) {
  width: 7em;
}
}

@media (max-width:900px ) {
.ly_circleTable thead {
  display: none;
}

.ly_circleTable,
.ly_circleTable tbody tr,
.ly_circleTable tbody td {
  display: block;
  border: none;
  padding: 0;
}

.ly_circleTable tbody tr:nth-of-type(n+2) {
  border-top: 1px dashed #ccc;
  padding-top: 15px;
  margin-top: 15px;
}

.ly_circleTable tbody td:not(:nth-of-type(3)) {
  line-height: 1;
}

.ly_circleTable tbody td:nth-of-type(n+2) {
  margin-top: 10px;
}

.ly_circleTable td:first-of-type {
  color: #FF9800;
  font-weight: 700;
}

.ly_circleTable td:nth-of-type(2)::before {
  content: "顧問教員：";
}

.ly_circleTable td:nth-of-type(4)::before {
  content: "構成員数：";
}
.ly_circleTable td:nth-of-type(4)::after {
  content: "人";
}

.ly_circleTable td:nth-of-type(5)::before {
  content: "結成年月日：";
}

.ly_circleTable tbody td br {
  display: none;
}
}


/*===================================================
留学体験
===================================================*/
.ly_voiceLsit > li > p b {
  color: #FF9800;
}

.ly_voiceLsit > li > .ly_accordionBox {
  margin-top: 10px;
}
.ly_voiceLsit > li > .ly_accordionBox +  .ly_accordionBox {
  margin-top: 15px;
}

.ly_voiceLsit > li > .ly_accordionBox > dt {
  line-height: 30px;
  height: 30px;
  background: url(../images/voice_icon.svg) no-repeat 10px center / 30px;
  padding-left: 50px;
}
.ly_voiceLsit > li > .ly_accordionBox > dt:hover {
  opacity: .5;
  cursor: pointer;
}

.ly_voiceLsit > li > .ly_accordionBox > dd {
  display: none;
  font-size: .14rem;
  text-align: justify;
  border-top: 1px solid #ccc;
  padding: 5px 0 0 40px;
  margin: 5px 10px 0;
}
.ly_voiceLsit > li > .ly_accordionBox > dd > p {
  margin: 10px 0;
}

.ly_voiceLsit > li > .ly_accordionBox + p {
  margin-top: 30px;
}

.ly_voiceLsit > li:nth-of-type(n+2) {
  margin-top: 50px;
}


.el_grayBox {
  font-size: 100%;
  background: #eee;
  border-radius: 0;
  padding: 10px;
}