@charset "utf-8";

/* 共通 */
.about-area {
  background-color:#F1F4FD;
  padding:40px;
}

#contents .about-area h3 {
  background-color:#FFF0;
  color:#314FA5;
  font-weight:bold;
  padding:0;
}

/* default PC */
#contents .message-area .img-2box {
  width:25%;
}

#contents .message-area .img-2box-txt {
  margin-left:40px;
  width:calc(75% - 40px);
}

#contents .dormitory-area .img-2box {
  width:65%;
}

#contents .dormitory-area .img-2box-txt {
  margin-left:0;
  width:calc(35% - 40px);
}


#contents .inner.bg-white {
  padding:55px 55px 45px;
}

#contents .link-btn[href$=".pdf"] {
  background-color:#C54444;
  border:3px solid #C54444;
  color:#FFF;
}

#contents .link-btn[href$=".pdf"]::before {
  background-image:url(../image/contents/ico_pdf_white.svg);
  background-repeat:no-repeat;
  background-size:contain;
  bottom:0;
  content:"";
  display:block;
  height:23px;
  left:20px;
  margin:auto;
  position:absolute;
  top:0;
  width:23px;
}

#contents .link-btn[href$=".pdf"]::after {
  display:none;
}

#contents .link-btn[href$=".pdf"]:hover {
  opacity:.5;
}

#contents .access-box {
  background-color:#F9F3E3;
  border:1px solid #C09520;
  border-radius:10px;
  padding:30px;
  text-align:center;
}

.access-list {
  counter-reset:aboutnum;
}

.access-list {
  align-items:flex-start;
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-start;
}

.access-list .access-item {
  display:flex;
  margin-bottom:20px;
  width:100%;
}

.access-item:before {
  align-items:center;
  background-color:#C09520;
  color:#FFF;
  content:"0" counter(aboutnum);
  counter-increment:aboutnum;
  display:flex;
  font-size:115%;
  font-weight:400;
  height:45px;
  justify-content:center;
  left:0;
  letter-spacing:1px;
  margin-right:15px;
  padding:0px 5px;
  top:0;
  width:39px;
}

#contents .access-list .access-item p {
  margin-bottom:0px;
  padding-top:6px;
  width:calc(100% - 45px);
}

/*  */
.img-access .txt-4box {
  margin-right:0;
  position:relative;
  width:calc(100% / 4 - 23px);
}

.img-access .flex {
  gap:25px;
}

.img-access .txt-4box:after {
  border-bottom:15px solid transparent;
  border-left:15px solid #C09520;
  border-right:0px solid;
  border-style:solid;
  border-top:15px solid transparent;
  bottom:0px;
  content:"";
  content:"";
  display:block;
  height:0px;
  margin:auto;
  position:absolute;
  position:absolute;
  right:-21px;
  top:0px;
  transition:.3s;
  width:0px;
}

.img-access .txt-4box:last-child:after {
  content:none;
}

.img-access .txt-4box {
  background-color:#F9F6EF;
  margin-right:0;
}

.img-access .txt-4box .txt-area {
  padding:10px 20px 15px;
}

.table-02 tr th {
  white-space:nowrap;
  width:15%;
}

#contents .access-area .table-02 th {
  min-width:110px;
  white-space:nowrap;
}

.access-area iframe {
  width:100%;
}

/* view-1140 notePC,Tablet */
@media screen and (max-width: 1140px) {
  .access-item:before {
    font-size:110%;
    height:40px;
    width:30px;
  }

  .txt-4box {
    margin-right:16px;
    width:calc(100% / 4 - 12px);
  }

  .img-access .txt-4box {
    width:calc(100% / 2 - 23px);
  }
}

/* view-959 Mobile,Tablet */
@media screen and (max-width: 959px) {
  .txt-4box {
    margin-right:15px;
    width:calc(100% / 2 - 8px);
  }

  #contents .inner.bg-white {
    padding:50px 30px 40px;
  }

  #contents .access-area .table-01 th {
    width:100%;
  }

  .img-access .txt-4box {
    width:calc(100% / 2 - 20px);
  }

  .img-access .flex {
    gap:20px 30px;
  }

  .img-area .txt-3box {
    width:calc(100% / 3 - 5px);
  }

  .img-access .txt-4box:after {
    right:-24px;
  }

  #contents .message-area .img-2box-txt {
    margin-left:0;
    width:100%;
  }

  #contents .message-area .img-2box {
    width:100%;
  }
}

@media screen and (max-width: 767px) {
  #contents .message-area .img-2box,
  #contents .message-area .img-2box-txt {
    margin:0;
    width:100%;
  }

  #contents .message-area .img-2box {
    margin:0 auto 20px;
    max-width:200px;
  }

  #contents .dormitory-area .img-2box,
  #contents .dormitory-area .img-2box-txt {
    margin:0;
    width:100%;
  }

  #contents .dormitory-area .img-2box {
    margin-top:20px;
    order:2;
  }

  .img-access .txt-4box {
    width:100%;
  }

  .img-access .txt-4box img {
    width:100%;
  }

  .img-access .txt-4box:after {
    bottom:-30px;
    left:0;
    right:0;
    top:auto;
    transform:rotate(90deg);
  }

  .img-access .flex {
    gap:30px;
  }
}

/* view-559 Mobile */
@media screen and (max-width: 559px) {
  #contents .access-list .access-item p {
    padding-top:4px;
    width:calc(100% - 35px);
  }

  #contents .access-list .access-item p br {
    display:none;
  }

  .access-item:before {
    font-size:16px;
    height:35px;
    width:25px;
  }

  #contents .inner.bg-white {
    padding:40px 15px 40px;
  }

  .access-area iframe {
    height:280px;
  }

  #contents .message-area .img-2box {
    max-width:160px;
  }

  .txt-4box {
    margin:0;
    width:100%;
  }

  .img-area .txt-3box:first-child {
    width:100%;
  }

  .img-area .txt-3box {
    width:calc(100% / 2 - 5px);
  }

  .img-area .flex {
    gap:10px;
  }

  #contents .access-area .table-02 th {
    min-width:80px;
    white-space:nowrap;
  }
}