@charset "UTF-8";
/* CSS Document */
/*---------------------------------

  修学資金のサポート

---------------------------------*/
#mainContainer {
  padding-bottom: 0;
}
.accessBlock {
  padding: 0;
}
.accessBlock .wrap {
  display: flex;
  max-width: none;
  margin: auto;
  width: 100%;
}
.accessBlock .wrap .txtBox {
  flex-basis: 50%;
  padding: 10rem 5%;
}
.accessBlock .wrap .txtBox .inner {
  margin-left: auto;
  max-width: fit-content;
}
.accessBlock .wrap .txtBox ._infoBox {
  background: #f3f3f3;
  padding: 4rem 4rem;
}
.accessBlock .wrap .txtBox ._infoBox dl + dl {
  border-top: 1px dashed #ccc;
  margin-top: 3rem;
  padding-top: 3rem;
}
.accessBlock .wrap .txtBox ._infoBox dl dt h3 {
  margin-top: 0;
}
.accessBlock .wrap .txtBox ._infoBox dl dd {
  margin-left: 2rem;
}
.accessBlock .wrap .txtBox ._infoBox dl dd p {
  margin-top: 1rem;
}
.accessBlock .wrap .txtBox ._infoBox dl dd p span {
  font-weight: 500;
  font-size: 1.2em;
}
.accessBlock .wrap .txtBox ._transinfo {
  margin-top: 5rem;
}
.accessBlock .wrap .txtBox ._transinfo ul {
  list-style: none;
  margin: 1.5rem 0 0;
}
.accessBlock .wrap .txtBox ._transinfo ul li {
  margin: 1rem 0;
}
.accessBlock .wrap .txtBox ._transinfo ul li a {
  background: url("../images/arr_m.svg") no-repeat left center/1.5rem;
  color: #666;
  display: inline-block;
  font-weight: 500;
  padding-left: 2.5rem;
}
.accessBlock .wrap .txtBox ._transinfo ul li a:hover {
  color: var(--co-main);
}
.accessBlock .wrap .mapwrap {
  flex-basis: 50%;
}
.accessBlock .wrap .mapwrap iframe {
  width: 100%;
  height: 100%;
  vertical-align: bottom;
}
@media screen and (max-width: 1024px) {
  .accessBlock .wrap .txtBox ._infoBox {
    padding: 3rem 3rem;
  }
}
@media screen and (max-width: 896px) {
  .accessBlock .wrap .txtBox {
    flex-basis: 45%;
    padding: 3rem 2.5% 5rem;
  }
  .accessBlock .wrap .mapwrap {
    flex-basis: 55%;
  }
  .accessBlock .wrap .txtBox ._infoBox {
    padding: 2rem;
  }
  .accessBlock .wrap .txtBox ._infoBox dl dt h3 {
    margin-bottom: 1rem;
  }
  .accessBlock .wrap .txtBox ._infoBox dl dd {
    margin-left: 0rem;
  }
  .accessBlock .wrap .txtBox ._infoBox dl dd p {
    font-size: .8em;
  }
  .accessBlock .wrap .txtBox ._infoBox dl dd p span {
    font-weight: 500;
    font-size: 1.2em;
  }
}
@media screen and (max-width: 480px) {
  #mainContainer {}
  .accessBlock .wrap {
    display: block;
  }
  .accessBlock .wrap .txtBox {
    padding: 5rem 2.5% 2rem;
  }
  .accessBlock .wrap .txtBox .inner {
    max-width: none;
  }
  .accessBlock .wrap .txtBox ._infoBox dl + dl {
    margin-top: 2rem;
    padding-top: 2rem;
  }
  .accessBlock .wrap .txtBox ._transinfo {
    margin-top: 2rem;
  }
  .accessBlock .wrap .mapwrap {
    height: 40rem;
  }
}