@charset "UTF-8";
/*===========================================================================*/
/*  media quary  */
/*===========================================================================*/
@import "/css/common.css";
/*==================================================================*/
/* style css　*/
/*==================================================================*/
.we {
  margin-bottom: 140px;
}

.base-title {
  margin-bottom: 40px;
}

.store .info dl {
  padding: 20px 0;
  border-bottom: 1px solid #A0A0A0;
}
.store .info dl dt {
  font-size: 1.2rem;
  font-size: 18px;
  line-height: 1.5;
  line-height: 27px;
  font-weight: 600;
}
.store .info dl dd {
  margin-bottom: 20px;
}
.store .info dl dd:last-of-type {
  margin-bottom: 0;
}

.attention h3 {
  font-size: 1.6rem;
  font-size: 24px;
  line-height: 1.4;
  line-height: 36px;
  font-weight: 600;
  margin-bottom: 24px;
}
.attention .disc {
  padding-left: 1.25rem;
  list-style: disc;
}

.not-available {
  padding: 100px 0 120px;
  background: #F5F5F5;
}
.not-available .base-title {
  margin-bottom: 40px;
}

.access {
  padding: 100px 0 120px;
}
.access .f-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.access .f-block .l-box {
  width: 48%;
}
.access .f-block .l-box dl {
  padding: 20px 0;
  border-bottom: 1px solid #A0A0A0;
}
.access .f-block .l-box dl dt {
  font-size: 1.2rem;
  font-size: 18px;
  line-height: 1.5;
  line-height: 27px;
  font-weight: 600;
}
.access .f-block .l-box dl dd {
  font-size: 15px;
  line-height: 27px;
}
.access .f-block .photo {
  width: 48%;
}
.access .map-block dl {
  margin-bottom: 0.5rem;
}
.access .map-block dl dt {
  font-size: 1.2rem;
  font-size: 18px;
  line-height: 1.5;
  line-height: 27px;
  font-weight: 600;
}

.service-area {
  padding: 100px 0 120px;
  background: #fff;
}
.service-area .map-box .f-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.service-area .map-box .f-block .l-box {
  width: 70%;
}
.service-area .map-box .f-block .l-box dl {
  padding: 20px;
  border: 1px solid #EF8D40;
  margin-bottom: 20px;
}
.service-area .map-box .f-block .l-box dl dt {
  font-size: 1.2rem;
  font-size: 18px;
  line-height: 1.5;
  line-height: 27px;
  font-weight: 600;
  margin-bottom: 10px;
}
.service-area .map-box .f-block .photo {
  width: 25%;
  line-height: 0;
  text-align: right;
}

.service-purchase ul.card-list li {
  width: 48%;
}

/*===========================================================================*/
/*  media quary:1000px  */
/*===========================================================================*/
@media screen and (max-width: 1080px) {
  .point {
    margin-bottom: 0;
  }
}
/*===========================================================================*/
/*  media quary:767px  */
/*===========================================================================*/
@media screen and (max-width: 769px) {
  .we {
    margin-bottom: 20px;
  }
  .we .column2-block {
    margin-bottom: 0;
  }
  .point {
    padding: 60px 0 80px;
  }
  .point .f-card {
    row-gap: 2rem;
    -webkit-column-gap: 4%;
    -moz-column-gap: 4%;
    column-gap: 4%;
  }
  .point .f-card .card {
    width: 48%;
  }
  .point .f-card .card .inbox {
    padding: 15px;
  }
  .service-area {
    padding: 100px 0 120px;
    background: #fff;
  }
  .service-area .map-box .f-block {
    display: block;
  }
  .service-area .map-box .f-block .l-box {
    width: 100%;
  }
  .service-area .map-box .f-block .photo {
    max-width: 270px;
    margin: 0 auto 40px;
    width: 100%;
    line-height: 0;
    text-align: right;
  }
  .access {
    padding: 60px 0 80px;
  }
  .access .f-block {
    display: block;
  }
  .access .f-block .l-box {
    width: 100%;
    margin-bottom: 24px;
  }
  .access .f-block .photo {
    width: 100%;
  }
  .access .base-inner.mb {
    margin-bottom: 24px;
  }
  .not-available {
    padding: 60px 0 80px;
  }
  .service-purchase .list {
    margin-bottom: 0;
  }
  .service-purchase ul.card-list li {
    width: 100%;
  }
  .attention h3 {
    font-size: 1.333rem;
    font-size: 20px;
    line-height: 30px;
    font-weight: 600;
  }
}
/*===========================================================================*/
/*  media quary:479px  */
/*===========================================================================*/
@media screen and (max-width: 479px) {
  .point {
    padding: 60px 0 80px;
  }
  .point .f-card {
    row-gap: 2rem;
    -webkit-column-gap: 4%;
    -moz-column-gap: 4%;
    column-gap: 4%;
  }
  .point .f-card .card {
    width: 100%;
  }
  .map-block .map .embed-container {
    padding-bottom: 0;
    height: 400px;
  }
}