@charset "UTF-8";
@-ms-viewport {
  width: device-width;
}
/*--------------------------------------------------------------------------
CSS　カスタム設定(top-style.css)ver.1 2026.04.16
--------------------------------------------------------------------------*/
/*■■■■■■ 基本設定 ■■■■■■■*/
/*FLAG 青緑　濃い*/
/*FLAG 青緑　薄い*/
/*FLAG 緑　*/
/*■　共有設定　■*/
.text-left {
  text-align: left;
}

/*■　基本設定　■*/
.text-mi-en {
  margin-bottom: 20px;
  font-family: "Jost", sans-serif;
  font-size: 3.5rem;
  font-weight: 500;
}

.text-color-main {
  color: #007480;
}

.text-read-m {
  margin-bottom: 6px;
  font-family: "Noto Serif JP", serif;
  font-size: 2.7rem;
  line-height: 1.4;
  font-weight: 500;
}

.text-title-l {
  margin-bottom: 30px;
  font-family: "Noto Serif JP", serif;
  font-size: 3.6rem;
  line-height: 1.4;
  font-weight: 500;
}

.text-title {
  margin-bottom: 20px;
  font-family: "Noto Serif JP", serif;
  font-size: 3.2rem;
  line-height: 1.4;
  font-weight: 500;
}

.text-title-m {
  margin-bottom: 20px;
  font-family: "Noto Serif JP", serif;
  font-size: 3rem;
  line-height: 1.4;
  font-weight: 500;
}

.text-read {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.6rem;
  line-height: 2.6;
  font-weight: 400;
}

.text-color-coco {
  color: #007481;
}

.map-title {
  margin: 1em auto 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  max-width: 840px;
  height: 60px;
  background: -webkit-gradient(linear, left top, right top, from(#4d8cbe), to(#2eb7b0));
  background: linear-gradient(to right, #4d8cbe, #2eb7b0);
  color: #FFF;
  font-size: 2.4rem;
  font-family: "Noto Serif JP", serif;
  font-weight: 400;
}

.img-map-box {
  margin: 0 auto 2em;
  width: 100%;
  max-width: 840px;
  border: 1px solid #333;
}

a.link-btn-map {
  margin: 0 auto 2em;
  width: 100%;
  max-width: 260px;
  height: 50px;
  border-radius: 6px;
  color: #FFF;
  font-family: "Noto Serif JP", serif;
  font-size: 2rem;
  line-height: 1.2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #04707d;
}
a.link-btn-map:hover, a.link-btn-map:active {
  background-color: #87a2aa;
  color: #FFF;
}
a.link-btn-map:link, a.link-btn-map:visited {
  color: #FFF;
}

/*===============================
■■　スマホ用　■■
===============================*/
/*------------(XS)------------*/
@media (min-width: 320px) and (max-width: 767px) {
  /*■　SP共有設定　■*/
  .sp-wide {
    margin: 0 auto;
    width: 100%;
    max-width: 310px;
  }
  /*■　基本設定（XS）　■*/
  .text-mi-en {
    margin-bottom: 20px;
    font-family: "Jost", sans-serif;
    font-size: 2.2rem;
    font-weight: 500;
  }
  .text-color-main {
    color: #007480;
  }
  .text-read-m {
    margin-bottom: 6px;
    font-family: "Noto Serif JP", serif;
    font-size: 1.9rem;
    line-height: 1.4;
    font-weight: 500;
  }
  .text-title-l {
    margin-bottom: 30px;
    font-family: "Noto Serif JP", serif;
    font-size: 3.2rem;
    line-height: 1.4;
    font-weight: 500;
  }
  .text-title {
    margin-bottom: 20px;
    font-family: "Noto Serif JP", serif;
    font-size: 2.6rem;
    line-height: 1.4;
    font-weight: 500;
  }
  .text-title-m {
    margin-bottom: 30px;
    font-family: "Noto Serif JP", serif;
    font-size: 2.2rem;
    line-height: 1.6;
    font-weight: 500;
  }
  .text-read {
    font-family: "Noto Sans JP", sans-serif;
    font-size: 1.3rem;
    line-height: 2.6;
    font-weight: 400;
  }
  .map-title {
    margin: 1em auto 6px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    height: 30px;
    background: -webkit-gradient(linear, left top, right top, from(#4d8cbe), to(#2eb7b0));
    background: linear-gradient(to right, #4d8cbe, #2eb7b0);
    color: #FFF;
    font-size: 1.6rem;
    font-family: "Noto Serif JP", serif;
    font-weight: 400;
  }
  .img-map-box {
    margin: 0 auto 2em;
    border: 1px solid #333;
  }
  a.link-btn-map {
    margin: 0 auto 2em;
    width: 100%;
    max-width: 260px;
    height: 30px;
    border-radius: 6px;
    color: #FFF;
    font-family: "Noto Serif JP", serif;
    font-size: 1.5rem;
    line-height: 1.2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background-color: #04707d;
  }
  a.link-btn-map:hover, a.link-btn-map:active {
    background-color: #87a2aa;
    color: #FFF;
  }
  a.link-btn-map:link, a.link-btn-map:visited {
    color: #FFF;
  }
} /*xs*/
/*------------(SM)------------*/
@media (min-width: 768px) and (max-width: 1023px) {
  .map-title {
    margin: 1em auto 1em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    height: 36px;
    background: -webkit-gradient(linear, left top, right top, from(#4d8cbe), to(#2eb7b0));
    background: linear-gradient(to right, #4d8cbe, #2eb7b0);
    color: #FFF;
    font-size: 1.8rem;
    font-family: "Noto Serif JP", serif;
    font-weight: 400;
  }
  .img-map-box {
    margin: 0 auto 2em;
    border: 1px solid #333;
  }
  a.link-btn-map {
    margin: 0 auto 2em;
    width: 100%;
    max-width: 260px;
    height: 40px;
    border-radius: 6px;
    color: #FFF;
    font-family: "Noto Serif JP", serif;
    font-size: 1.6rem;
    line-height: 1.2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background-color: #04707d;
  }
  a.link-btn-map:hover, a.link-btn-map:active {
    background-color: #87a2aa;
    color: #FFF;
  }
  a.link-btn-map:link, a.link-btn-map:visited {
    color: #FFF;
  }
} /*SM*/
/*------------(MD)------------*/
/*------------(LG)------------*/
/*------------(XL)------------*/
/*------------(XXL)------------*/
/*(XXL)*/