@charset "utf-8";
/* アクセス */


.Page .flexBox3 ul {
  flex-wrap: wrap;
  justify-content: center;
}
.Page .flexBox3 ul li {
    width: calc(100% / 3 - 130px);
    margin: 0 10px;
    text-align: left;
}
.Page .flexBox3 ul li img {
    display: block;
    width: max-content;
}
.Page .flexBox3 ul li p {
  font-size: 80%;
  padding: 0 26px;
}
.mapArea {
  margin: 0 auto;
  padding: 20px 0 80px;
}
.Page .detailBox {
    display: flex;
    align-items: flex-start;
    border-top: 1px solid #cdcdcd;
    border-bottom: 1px solid #cdcdcd;
    background: #f8f8f9;
}
.Page .leftBox img {
  height: 360px;
}
.Page .rightBox {
  width: 580px;
}
.Page .rightBox dl {
    width: auto;
    padding: 0 0 0 45px;
}
.Page .rightBox h3 {
    background: no-repeat;
    border: none;
    text-align: center;
    font-size: 120%;
    font-weight: 600;
    width: 580px;
    padding: 20px;
    margin: 0;
}
.Page .rightBox dl dt {
  display: flex;
  justify-content: center;
  align-items: center;
}

.Page .rightBox dl dd span {background: #007945;}
.Page .rightBox dl dd span a {
    color: #ffffff;
    padding: 0 10px;
}

/*----------------------------------------------------------- 1024px */
/* mobile */
@media screen and (max-width: 1024px) {
  .Page .detailBox {
    flex-flow: column;
    align-items: center;
  }
  .Page .leftBox img {
    height: 400px;
  }
.Page .flexBox3 ul li {
    width: calc( 100% / 3 - 40px );
    margin: 0 10px;
}
}
/*----------------------------------------------------------- 480px */
@media screen and (max-width: 480px) {
.Page .leftBox img {
    height: auto;
}
.Page .rightBox {
    width: 100%;
    padding: 0 0 20px;
}
.Page .rightBox h3 {
    width: auto;
}
.Page .rightBox dl {
    width: auto;
    margin: auto;
    padding: 0 20px 0;
}
.Page .flexBox3 ul li {
    width: auto;
    margin: 0;
    display: flex;
    flex-flow: column;
    align-items: center;
}

.Page .rightBox dt {
    width: 20%;
}
.Page .rightBox dd {
    width: 70%;
}
}