@charset "UTF-8";
/* CSS Document */


/*map-wrap [
----------------------------------------------------------- */
.map-wrap{}
.map-wrap figure{
  border: 1px solid var(--color-def03);
}
.map-wrap ul{
  display: flex;
  align-items: center;
  justify-content: center;
}
.map-wrap ul li{
  width: 80%;
  max-width: 300px;
  height: 50px;
  border-radius: 200px;
}
.map-wrap ul li + li{
  margin: 20px 0 0 0;
}
.map-wrap ul li a,
.map-wrap ul li button{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding-left: 0.1em;
  background: var(--color-white);
  border: 1px solid var(--color-key03);
  border-radius: inherit;
  color: var(--color-key03);
  font-family: inherit;
  font-size: clamp(calc(15px * var(--font-markup)), calc(15vw / var(--vw-sp)), 15px);/*15 / 16*/
  letter-spacing: 0.1em;
}
.map-wrap ul li a::after,
.map-wrap ul li button::after{
  content: "";
  position: absolute;
  right: 10px;
  top: 50%;
  display: block;
  width: 20px;
  aspect-ratio: 31/7;
  /*margin: 0 0 0 auto;*/
  background: url("../../common/images/ico_arr_key03_02.svg") no-repeat center center;
  background-size: cover;
  transition: var(--transition-duration01);
  transform: translate(0,-50%);
}
.map-wrap ul li a:active,
.map-wrap ul li button:active{
  background: var(--color-key03);
  color: var(--color-white);
}
.map-wrap ul li a:active::after,
.map-wrap ul li button:active::after{
  background-image: url("../../common/images/ico_arr_wh02.svg");
  transform: translate(5px,-50%);
}

@media print, screen and (min-width:768px) {
  .map-wrap{}
  .map-wrap figure{}
  .map-wrap ul{
    gap: 20px;
  }
  .map-wrap ul li{
    width: 45%;
    height: 60px;
  }
  .map-wrap ul li + li{
    margin-top: 0;
  }
  .map-wrap ul li a,
  .map-wrap ul li button{
    font-size: clamp(calc(16px * var(--font-markup)), calc(16vw / var(--vw-pc)), 16px);/*15 / 16*/
  }
  .map-wrap ul li a::after,
  .map-wrap ul li button::after{
    right: 20px;
    width: 31px;
  }
  .map-wrap ul li a:hover,
  .map-wrap ul li button:hover{
    cursor: pointer;
    background: var(--color-key03);
    color: var(--color-white);
  }
  .map-wrap ul li a:hover::after,
  .map-wrap ul li button:hover::after{
    background-image: url("../../common/images/ico_arr_wh02.svg");
    transform: translate(5px,-50%);
  }
}


/*acc-wrap [
----------------------------------------------------------- */
.acc-wrap{
  border-top: 1px solid var(--color-def03);
}

.acc-wrap dl{
  text-align: left;
}
.acc-wrap dl dt{
  font-size: clamp(calc(12px * var(--font-markup)), calc(12vw / var(--vw-sp)), 12px);/*12 / 12*/
  letter-spacing: 0.2em;
}
.acc-wrap dl dd + dt{
  margin: 30px 0 0 0;
}
.acc-wrap dl dd{
  margin: 5px 0 0 0;
  font-size: clamp(calc(25px * var(--font-markup)), calc(25vw / var(--vw-sp)), 25px);/*25 / 25*/
  letter-spacing: 0.05em;
}
.acc-wrap dl dd span{
  font-size: calc((35 / 25) * 100%);
}
.acc-wrap dl dd .cap{
  margin: 10px 0 0 0;
}

.acc-wrap figure{
  margin: 30px 0 0 0;
}
@media print, screen and (min-width:768px) {
  .acc-wrap{
    display: flex;
    justify-content: center;
    gap: 10%; 
  }

  .acc-wrap dl{}
  .acc-wrap dl dt{
    font-size: clamp(calc(12px * var(--font-markup)), calc(12vw / var(--vw-pc)), 12px);/*12 / 12*/
    letter-spacing: 0.2em;
  }
  .acc-wrap dl dd + dt{
    margin: 30px 0 0 0;
  }
  .acc-wrap dl dd{
    font-size: clamp(calc(25px * var(--font-markup)), calc(25vw / var(--vw-pc)), 25px);/*25 / 25*/
  }
  .acc-wrap dl dd span{}
  .acc-wrap dl dd .cap{}

  .acc-wrap figure{
    max-width: 400px;
    margin-top: 0;
  }
}