@charset "UTF-8";
#box01 p, #box02 figure {
  font-size: 0;
  line-height: 0;
}

.areamap * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.areamap img {
  width: 100%;
  max-width: none;
}

.areamap .lst-square li {
  padding-left: 1em;
  text-indent: -1em;
}

.areamap .lst-square li:before {
  content: "■";
}

.areamap .lst-disc li {
  padding-left: 1em;
  text-indent: -1em;
}

.areamap .lst-disc li:before {
  content: "●";
}

.areamap .pb60 {
  padding-bottom: 60px;
}

.areamap .fw-normal {
  font-weight: normal;
}

.areamap .ta-center {
  text-align: center;
}

.areamap .ta-right {
  text-align: right;
}

.areamap .remarks {
  font-size: 1.2rem;
}

.areamap .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.areamap .flex.jc-spaceb {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.areamap .flex.jc-spacea {
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.areamap .flex.jc-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.areamap .flex.ai-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.areamap .flex.fd-rowr {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.areamap .flex.fd-col {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.areamap .flex .clm5 {
  width: 48%;
}

.areamap .flex .clm3 {
  width: 28%;
}

.areamap .flex .clm7 {
  width: 68%;
}

@media screen and (max-width: 768px) {
  .areamap .pb60 {
    padding-bottom: 9.375%;
  }
  .areamap .pc-flex {
    display: block !important;
  }
  .areamap .pc-flex > .clm5 {
    width: 100%;
  }
  .areamap .pc-flex > .clm3 {
    width: 100%;
  }
  .areamap .pc-flex > .clm7 {
    width: 100%;
  }
  .areamap .sp-ai-center {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

/*******************************************
 	visual
*******************************************/
#visual {
  background: url(/2022/img/map/visual.jpg) no-repeat center center;
  background-size: cover;
  margin: 0 auto;
  padding: 65px 0;
}

#visual h2 {
  width: 270px;
  margin: 0 auto;
}

@media screen and (max-width: 768px) {
  #visual {
    background: url(/2022/img/map/visual.jpg) no-repeat center center;
    background-size: cover;
    margin: 0 auto;
    padding: 5% 3.125%;
  }
  #visual h2 {
    width: 35%;
    margin: 0 auto;
  }
}

/*******************************************
 	box01
*******************************************/
#box01 {
  position: relative;
}

#box01 p {
  padding-bottom: 15px;
}

#box01 a {
  position: absolute;
  left: 0;
  top: 0;
  width: 1.5%;
}

#box01 a.icon01 {
  margin: 33% 0 0 29.5%;
}

#box01 a.icon02 {
  margin: 33.9% 0 0 31.9%;
}

#box01 a.icon03 {
  margin: 31.5% 0 0 35.7%;
}

#box01 a.icon04 {
  margin:48.2% 0 0 33.4%;
}

/*#box01 a.icon05 {
  margin: 39.65% 0 0 21.1%;
}*/

#box01 a.icon05 {
  margin: 36.5% 0 0 20.9%;
}

#box01 a.icon06 {
  margin: 46% 0 0 30.2%;
}

#box01 a.icon07 {
  margin: 10.3% 0 0 38.5%;
}

#box01 a.icon08 {
  margin: 19.9% 0 0 5.7%;
}
#box01 a.icon09 {
  margin: 25.1% 0 0 3.8%;
}
#box01 a.icon10 {
  margin: 32.6% 0 0 33.7%;
}
#box01 a.icon11 {
  margin: 38% 0 0 27.7%;
}
#box01 a.icon12 {
  margin: 28.2% 0 0 31%;
}
#box01 a.icon13 {
  margin: 49.6% 0 0 29.8%;
}
.box01-remarks {
  font-size: 1.2rem;
}

@media screen and (max-width: 768px) {
  #box01 p {
    padding-bottom: 3.125%;
  }
  #box01 a {
    display: none;
  }
  .box01-remarks {
    display: none;
  }
}

/*******************************************
 	box02
*******************************************/
#box02 .inner-min {
  padding: 0 100px;
}

#box02 .box02-wrap > li:not(:last-child) {
  padding-bottom: 60px;
}

#box02 dl {
  font-size: 1.6rem;
  line-height: 1.8;
}

#box02 dl dt {
  padding-bottom: .5em;
  font-size: 2.4rem;
  line-height: 1.4;
}

#box02 dl dt.color01 {
  color: #ec7066;
}

#box02 dl dt.color02 {
  color: #00a59f;
}

#box02 dl dt.color03 {
  color: #00a59f;
}
#box02 dl dt.color04 {
  color: #835a32;
}

#box02 dl dd {
  /*.btn.color01 a{background-color: $color01;}*/
  /*.btn.color02 a{background-color: $color02;}*/
  /*.btn.color03 a{background-color: $color03;}*/
}

#box02 dl dd .address {
  padding-bottom: 1em;
}

#box02 dl dd ul {
  padding-bottom: 2em;
  font-size: 1.4rem;
}

#box02 dl dd ul a {
  text-decoration: underline;
  /*&.color01{color: $color01;}*/
  /*&.color02{color: $color02;}*/
  /*&.color03{color: $color03;}*/
}

#box02 dl dd ul a:hover {
  text-decoration: none;
}

#box02 dl dd .btn a {
  display: inline-block;
  position: relative;
  padding: .8em 3em;
  background-color: #ddd;
  color: #333;
  font-weight: bold;
  -webkit-transition: opacity .4s ease;
  transition: opacity .4s ease;
}

#box02 dl dd .btn a:after {
  content: "\e902";
  position: absolute;
  left: 85%;
  top: 50%;
  margin-top: -.5em;
  font-family: as;
  line-height: 1;
}

#box02 dl dd .btn a:hover {
  opacity: .7;
}

#box02 dl dd .btn.guide {
  margin-top: 10px;
}

#box02 dl dd .btn.guide a {
  border: 2px #d34141 solid;
  background-color: #fff;
  color: #d34141;
}

@media screen and (max-width: 768px) {
  #box02 .inner-min {
    padding: 0 2.5%;
  }
  #box02 .box02-wrap > li:not(:last-child) {
    padding-bottom: 13%;
  }
  #box02 figure {
    padding-bottom: 4.6875%;
  }
  #box02 dl dt {
    font-size: 1.8rem;
  }
  #box02 dl dd .address {
    padding-bottom: .5em;
  }
  #box02 dl dd ul {
    padding-bottom: 1em;
  }
  #box02 dl dd .btn {
    width: 75%;
    margin: 0 auto;
  }
  #box02 dl dd .btn a {
    display: block;
    padding: .8em 3em;
    text-align: center;
  }
  #box02 dl dd .btn a:after {
    left: 90%;
    top: 50%;
    margin-top: -.5em;
    font-family: as;
    line-height: 1;
  }
}
/*# sourceMappingURL=map.css.map */