@charset "UTF-8";
:root {
  --mb05em: .5em;
  --mb2em: 2em;
  --mb3em: 3em;
}

#forNewDomitoryWrap {
  scroll-behavior: smooth;
  background-color: #fff;
  line-height: 2;
  width: clamp(320px, 100%, 960px);
  margin: 0 auto;
  padding: 0 2.5%;
  overflow: hidden;
}
#forNewDomitoryWrap .cautions, #forNewDomitoryWrap .cautionSpan {
  font-size: 14px;
  color: #df0700;
}
#forNewDomitoryWrap .cautionSpan {
  font-size: 12px;
  margin-left: 0.5em;
  vertical-align: super;
}
#forNewDomitoryWrap section {
  padding-top: 2em;
}
#forNewDomitoryWrap section + p {
  text-align: right;
}
#forNewDomitoryWrap section + p img {
  width: clamp(120px, 100%, 560px);
}
#forNewDomitoryWrap section .picWrapper {
  margin-bottom: var(--mb2em);
}
#forNewDomitoryWrap section .picWrapper p:not(:last-of-type) {
  margin-bottom: var(--mb05em);
}
#forNewDomitoryWrap section .readInfo {
  margin-bottom: var(--mb2em);
}
#forNewDomitoryWrap section .readInfo p {
  margin-bottom: var(--mb05em);
}
#forNewDomitoryWrap section .readInfo ul {
  color: #e18300;
  padding: 2.5%;
  background-color: #fdead0;
  border-radius: 5px;
}
#forNewDomitoryWrap section .readInfo ul li:not(:last-of-type) {
  margin-bottom: var(--mb05em);
  padding-bottom: 0.25em;
  border-bottom: 1px dotted;
}
#forNewDomitoryWrap section .contents .subInfos:not(:last-of-type) {
  margin-bottom: var(--mb2em);
}
#forNewDomitoryWrap section .contents .subInfos .phsWrapper li:not(:last-of-type) {
  margin-bottom: 2em;
}
#forNewDomitoryWrap section .contents .subInfos.floorsContent h3 {
  margin-bottom: 2em;
}
#forNewDomitoryWrap section .contents .subInfos.floorsContent .phsWrapper li:first-of-type {
  width: 75%;
  margin: 0 auto 2em;
}
#forNewDomitoryWrap section .contents .subInfos h3 {
  font-weight: bold;
  font-size: 20px;
  border-bottom: 2px solid #e18300;
  margin-bottom: var(--mb05em);
}
#forNewDomitoryWrap section .contents .subInfos h3::before {
  content: "●";
  color: #e18300;
  padding-right: 0.125em;
}
#forNewDomitoryWrap section .contents .subInfos dl div {
  display: flex;
  justify-content: space-between;
}
#forNewDomitoryWrap section .contents .subInfos dl div dt {
  width: 60%;
  background-color: #fdead0;
  padding-left: 0.5em;
  padding-top: 0.25em;
}
#forNewDomitoryWrap section .contents .subInfos dl div dd {
  width: 100%;
  background-color: #fff7eb;
  padding-left: 1em;
  padding-top: 0.25em;
}
#forNewDomitoryWrap section .contents .subInfos dl div:not(:last-of-type) {
  border-bottom: 1px solid #fcce8d;
}
#forNewDomitoryWrap section .contents .subInfos .accessUl li span {
  display: inline-block;
  text-align: center;
  background-color: #a96a22;
  color: #fff;
  font-size: 14px;
  padding: 0.15em 0.5em 0;
  margin-right: 0.5em;
  min-width: 72px;
}
#forNewDomitoryWrap section .contents .subInfos .accessUl li:not(:last-of-type) {
  margin-bottom: var(--mb05em);
}
#forNewDomitoryWrap section .contents #attentionTxt {
  width: 100%;
  padding: 2.5%;
  background-color: #fdead0;
}
#forNewDomitoryWrap .infonews_menu ul {
  margin-bottom: 0;
}

@media screen and (min-width: 700px) {
  #forNewDomitoryWrap {
    padding: 0 16px;
  }
  #forNewDomitoryWrap section .picWrapper {
    display: flex;
    justify-content: space-between;
    margin-bottom: var(--mb05em);
  }
  #forNewDomitoryWrap section .picWrapper p {
    width: 63.5%;
  }
  #forNewDomitoryWrap section .picWrapper p:not(:last-of-type) {
    width: 36.5%;
    margin-bottom: 0;
    margin-right: 1em;
  }
  #forNewDomitoryWrap section .readInfo {
    margin-bottom: var(--mb3em);
  }
  #forNewDomitoryWrap section .readInfo ul {
    padding: 16px;
  }
  #forNewDomitoryWrap section .contents {
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
    gap: 2%;
  }
  #forNewDomitoryWrap section .contents .subInfos {
    width: 48%;
    margin-bottom: 2%;
  }
  #forNewDomitoryWrap section .contents .subInfos.pcFlexbox {
    display: block;
    width: 100%;
  }
  #forNewDomitoryWrap section .contents .subInfos.pcFlexbox ul {
    display: flex;
    justify-content: space-between;
    gap: 5%;
  }
  #forNewDomitoryWrap section .contents .subInfos.pcFlexbox ul li {
    width: 100%;
  }
  #forNewDomitoryWrap section .contents .subInfos.floorsContent .phsWrapper li:first-of-type {
    width: 75%;
    margin: 0 auto;
  }
  #forNewDomitoryWrap section .contents .subInfos.floorsContent .phsWrapper li:first-of-type img {
    width: 90%;
    display: block;
    margin: 0 auto;
  }
  #forNewDomitoryWrap section .contents #attentionTxt {
    font-feature-settings: "palt";
    font-size: 22px;
    text-align: center;
    padding: 16px;
  }
}
/*# sourceMappingURL=new-dormitory.css.map */