main {
  color: #231815;
}
main figure {
  position: relative;
}
main figure figcaption {
  position: absolute;
  bottom: 10px;
  right: 8px;
  color: white;
  font-size: 10px;
}

@media screen and (max-width: 768px) {
  .pc {
    display: none;
  }
}

@media screen and (min-width: 769px) {
  .sp {
    display: none;
  }
}

.mv {
  position: relative;
}
.mv figure {
  position: relative;
}
.mv figure figcaption {
  position: absolute;
  bottom: 5px;
  right: 5px;
  color: white;
  font-size: 10px;
  text-shadow: 0 0 5px black, 0 0 5px black;
}
.mv h2 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: clamp(300px, 31.7708333333vw, 610px);
}
@media screen and (max-width: 768px) {
  .mv h2 {
    top: 35%;
  }
}
@media screen and (max-width: 768px) and (max-width: 768px) {
  .mv h2 {
    width: clamp(243px, 64.8vw, 300px);
  }
}

.circle {
  height: auto;
}
.circle_wrap {
  position: relative;
}
.circle_wrap .mask-img {
  position: relative;
}
.circle_wrap .mask-img .caption {
  position: absolute;
  color: white;
  font-weight: 500;
  font-size: 11px;
  bottom: 13%;
  right: 10px;
  text-shadow: 0 0 2px black, 0 0 2px black, 0 0 2px black, 0 0 5px black, 0 0 5px black;
}
@media screen and (max-width: 768px) {
  .circle_wrap .mask-img .caption {
    bottom: 15%;
    right: unset;
    left: 10px;
    font-size: 8px;
  }
}
.circle_wrap .mask-opacity-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.circle_wrap .mask-opacity-img ul {
  position: relative;
}
.circle_wrap .mask-opacity-img ul li {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.tab-top, .tab-bottom {
  padding: 6.14vw 0;
}
.tab-top ul, .tab-bottom ul {
  display: flex;
  flex-direction: row-reverse;
  justify-content: center;
  gap: 40px;
}
@media screen and (max-width: 768px) {
  .tab-top ul, .tab-bottom ul {
    gap: 15px;
  }
}
.tab-top ul li, .tab-bottom ul li {
  width: clamp(270px, 19.375vw, 372px);
  cursor: pointer;
  transition: all 0.3s;
}
@media screen and (max-width: 768px) {
  .tab-top ul li, .tab-bottom ul li {
    width: clamp(147px, 30.625vw, 200px);
  }
}
.tab-top ul li:hover, .tab-bottom ul li:hover {
  box-shadow: 2px 2px 8px rgba(69, 69, 69, 0.4);
  transform: translateY(-2px);
}

.cate {
  padding-top: 130px;
  margin-top: -130px;
}

.cate1 .sec-mv {
  position: relative;
}
.cate1 .sec-mv .text-box {
  position: absolute;
  top: 13%;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  width: 100%;
  padding: 0 32.5px;
}
.cate1 .sec-mv .text-box h3 {
  font-family: YakuHanMP, "Forum", serif;
  font-size: clamp(20px, 3.6458333333vw, 70px);
  letter-spacing: 0.1em;
  margin-bottom: 0.7em;
}
@media screen and (max-width: 768px) {
  .cate1 .sec-mv .text-box h3 {
    font-size: clamp(18px, 3.75vw, 25px);
    margin-bottom: 0.6em;
  }
}
.cate1 .sec-mv .text-box p {
  font-family: YakuHanMP, "Shippori Mincho", serif;
  font-weight: normal;
  font-size: clamp(20px, 1.6666666667vw, 32px);
  line-height: 1.5em;
  letter-spacing: 0.15em;
}
@media screen and (max-width: 768px) {
  .cate1 .sec-mv .text-box p {
    font-size: clamp(13px, 2.7083333333vw, 16px);
  }
}
.cate1 .contents {
  padding: 6.5% 32.5px;
}
.cate1 .contents dl {
  max-width: 67.7%;
  min-width: 750px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .cate1 .contents dl {
    max-width: 400px;
    min-width: unset;
  }
}
.cate1 .contents dl .item-wrap {
  margin-top: 6.5%;
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  .cate1 .contents dl .item-wrap {
    margin-top: 50px;
  }
}
.cate1 .contents dl .item-wrap dt {
  width: 100%;
  text-align: center;
  position: relative;
  padding-top: 2.1875em;
  font-size: clamp(20px, 1.6666666667vw, 32px);
  font-family: YakuHanMP, "Shippori Mincho", serif;
  font-weight: normal;
  letter-spacing: 0.15em;
  border-bottom: 1.7px solid;
  -o-border-image: linear-gradient(to right, #D21462, #C780AD, #EDD565, #37A1A3, #23ADCF, #50599E) 1;
     border-image: linear-gradient(to right, #D21462, #C780AD, #EDD565, #37A1A3, #23ADCF, #50599E) 1;
  padding-bottom: 0.8em;
  margin-bottom: 0.75em;
}
@media screen and (max-width: 768px) {
  .cate1 .contents dl .item-wrap dt {
    border-bottom: 0;
    border-top: 1px solid;
    padding-top: 10px;
    margin-top: 2.1875em;
    font-size: 16px;
    letter-spacing: 0.06em;
  }
}
.cate1 .contents dl .item-wrap dt::before {
  content: "";
  background-size: auto 100%;
  background-repeat: no-repeat;
  height: clamp(70px, 5.8333333333vw, 112px);
  width: 100%;
  position: absolute;
  bottom: 0.5em;
  left: 0;
}
@media screen and (max-width: 768px) {
  .cate1 .contents dl .item-wrap dt::before {
    height: 36px;
    top: -45px;
    left: 10px;
  }
}
.cate1 .contents dl .item-wrap dt.shopping::before {
  background-image: url("../img/in10/+10.jpg");
}
.cate1 .contents dl .item-wrap dt.park::before {
  background-image: url("../img/in10/+9.jpg");
}
.cate1 .contents dl .item-wrap dt.education::before {
  background-image: url("../img/in10/+12.jpg");
}
.cate1 .contents dl .item-wrap dt.clinic::before {
  background-image: url("../img/in10/+17.jpg");
}
.cate1 .contents dl .item-wrap dt.bicycle::before {
  background-image: url("../img/in10/bicycleicon.png");
  background-repeat: no-repeat;
  bottom: -1px;
}
@media screen and (max-width: 768px) {
  .cate1 .contents dl .item-wrap dt.bicycle::before {
    top: unset;
    bottom: 40px;
  }
}
.cate1 .contents dl .item-wrap .dd-wrap {
  display: flex;
  gap: 30px;
}
@media screen and (max-width: 768px) {
  .cate1 .contents dl .item-wrap .dd-wrap {
    flex-wrap: wrap;
  }
}
.cate1 .contents dl .item-wrap .dd-wrap dd {
  font-size: clamp(13px, 1.09375vw, 21px);
  letter-spacing: 0.075em;
  line-height: 1.7em;
}
@media screen and (max-width: 768px) {
  .cate1 .contents dl .item-wrap .dd-wrap dd {
    font-size: 14px;
    letter-spacing: 0;
    line-height: 21px;
  }
}
.cate1 .contents dl .item-wrap .dd-wrap dd img {
  margin-bottom: 10px;
}
.cate1 .contents dl .item-wrap .dd-wrap dd span {
  width: 100%;
  font-size: clamp(11px, 0.9375vw, 18px);
  text-align: center;
  display: block;
  margin-top: -3px;
  letter-spacing: 0.05em;
  line-height: 15px;
}
@media screen and (max-width: 768px) {
  .cate1 .contents dl .item-wrap .dd-wrap dd span {
    font-size: 13px;
  }
}
@media screen and (max-width: 768px) {
  .cate1 .contents dl .item-wrap .dd-wrap .left dd {
    display: flex;
    flex-direction: column-reverse;
    gap: 10px;
  }
}
@media screen and (max-width: 768px) {
  .cate1 .contents dl .item-wrap .dd-wrap .right {
    display: flex;
    gap: 23px;
  }
}
.cate1 .contents dl .item-wrap .dd-wrap .right dd {
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .cate1 .contents dl .item-wrap.el05 {
    margin-top: 35px;
  }
}
@media screen and (max-width: 768px) {
  .cate1 .contents dl .item-wrap.el05 dt {
    letter-spacing: -0.01em;
    font-size: 15px;
  }
}
.cate1 .contents dl .item-wrap.el05 .ddwrap {
  display: flex;
  border: solid 1px #7fc5d2;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .cate1 .contents dl .item-wrap.el05 .ddwrap {
    border: 0;
    gap: 5px;
    margin-bottom: 7px;
  }
}
.cate1 .contents dl .item-wrap.el05 .ddwrap div {
  display: flex;
}
@media screen and (max-width: 768px) {
  .cate1 .contents dl .item-wrap.el05 .ddwrap div {
    border: solid 1px #7fc5d2;
    flex-direction: column;
  }
}
.cate1 .contents dl .item-wrap.el05 .ddwrap div figure {
  width: 42%;
}
@media screen and (max-width: 768px) {
  .cate1 .contents dl .item-wrap.el05 .ddwrap div figure {
    width: 100%;
  }
}
.cate1 .contents dl .item-wrap.el05 .ddwrap div dd {
  width: 58%;
  display: flex;
  gap: 0;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
@media screen and (max-width: 768px) {
  .cate1 .contents dl .item-wrap.el05 .ddwrap div dd {
    width: 100%;
    padding: 10px 0;
  }
}
.cate1 .contents dl .item-wrap.el05 .ddwrap div dd .mini {
  font-size: clamp(10px, 0.8888888889vw, 16px);
}
.cate1 .contents dl .item-wrap.el05 .ddwrap div dd .big,
.cate1 .contents dl .item-wrap.el05 .ddwrap div dd .station {
  font-size: clamp(16px, 1.6666666667vw, 32px);
}
.cate1 .contents dl .item-wrap.el05 .ddwrap div dd .bl {
  font-size: 150%;
  color: #7fc5d2;
  margin: 0 3px;
}
.cate1 .contents dl .item-wrap.el05 .ddwrap div dd .station {
  margin-top: 5px;
  padding: 0 5px 3px;
  border-bottom: 1px solid black;
}
.cate1 .contents dl .item-wrap.el05 .ddwrap div dd .big {
  margin-bottom: 5px;
}
.cate1 .contents dl .item-wrap.el05 .ddwrap2 {
  display: flex;
}
@media screen and (max-width: 768px) {
  .cate1 .contents dl .item-wrap.el05 .ddwrap2 {
    flex-wrap: wrap;
    border: 1px solid #7fc5d2;
    background-color: #7fc5d2;
  }
}
.cate1 .contents dl .item-wrap.el05 .ddwrap2 .left {
  width: 65%;
}
@media screen and (max-width: 768px) {
  .cate1 .contents dl .item-wrap.el05 .ddwrap2 .left {
    width: 61.25%;
  }
}
.cate1 .contents dl .item-wrap.el05 .ddwrap2 .rightBlock {
  width: 35%;
}
@media screen and (max-width: 768px) {
  .cate1 .contents dl .item-wrap.el05 .ddwrap2 .rightBlock {
    width: 38.75%;
  }
}
.cate1 .contents dl .item-wrap.el05 .ddwrap2 dd {
  background-color: #7fc5d2;
  color: white;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  height: 38.2%;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .cate1 .contents dl .item-wrap.el05 .ddwrap2 dd {
    height: auto;
    padding: 8px 0;
  }
}
.cate1 .contents dl .item-wrap.el05 .ddwrap2 dd .mini {
  font-size: clamp(10px, 0.8888888889vw, 16px);
}
.cate1 .contents dl .item-wrap.el05 .ddwrap2 dd .big,
.cate1 .contents dl .item-wrap.el05 .ddwrap2 dd .station {
  font-size: clamp(16px, 1.6666666667vw, 32px);
}
.cate1 .contents dl .item-wrap.el05 .ddwrap2 dd .station {
  margin-top: 5px;
  padding: 0 5px 3px;
  border-bottom: 1px solid white;
}
.cate1 .contents dl .item-wrap.el05 .ddwrap2 dd .big {
  margin-bottom: 5px;
}
.cate1 .contents dl .item-wrap.el05 .ddwrap2 dd .num {
  font-size: 150%;
  padding: 0 5px;
}
@media screen and (max-width: 768px) {
  .cate1 .contents dl .item-wrap.el05 .ddwrap2 dd.pc {
    display: none;
  }
}
@media screen and (min-width: 769px) {
  .cate1 .contents dl .item-wrap.el05 .ddwrap2 dd.sp {
    display: none;
  }
}
.cate1 .contents dl .item-wrap.el05 .map {
  margin-top: 20px;
}
.cate1 .lifeinfo h3 {
  font-family: YakuHanMP, "Shippori Mincho", serif;
  font-weight: normal;
  text-align: center;
  font-size: clamp(20px, 2.5vw, 48px);
  letter-spacing: 0.1em;
  margin-bottom: 2.3em;
}
.cate1 .lifeinfo_wrap {
  width: 85%;
  max-width: 1490px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
}
@media screen and (max-width: 768px) {
  .cate1 .lifeinfo_wrap {
    max-width: 600px;
  }
}
.cate1 .lifeinfo_tab {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .cate1 .lifeinfo_tab {
    flex-wrap: wrap;
    gap: 2px;
  }
}
.cate1 .lifeinfo_tab.top {
  margin-bottom: 8px;
}
.cate1 .lifeinfo_tab.bottom {
  margin-top: 8px;
}
@media screen and (max-width: 768px) {
  .cate1 .lifeinfo_tab.bottom {
    margin-top: 0;
  }
}
.cate1 .lifeinfo_tab li {
  width: calc(16.6666666667% - 0.47em);
  min-width: 108px;
  background-color: #95A7A6;
  text-align: center;
  color: white;
  font-family: "EB Garamond", serif;
}
@media screen and (max-width: 768px) {
  .cate1 .lifeinfo_tab li {
    width: calc(33.3333333333% - 1.4px);
    min-width: unset;
  }
}
.cate1 .lifeinfo_tab li {
  cursor: pointer;
}
.cate1 .lifeinfo_tab li p {
  font-size: clamp(11px, 1.09375vw, 21px);
  letter-spacing: 0.15em;
  line-height: 2.6em;
}
@media screen and (max-width: 768px) {
  .cate1 .lifeinfo_tab li p {
    letter-spacing: 0;
  }
}
.cate1 .lifeinfo_tab li.active {
  background-color: #1F2C5F;
}
.cate1 .lifeinfo_map {
  width: 61.5%;
  position: relative;
}
@media screen and (max-width: 768px) {
  .cate1 .lifeinfo_map {
    width: 100%;
    height: 64.5333333333vw;
  }
}
.cate1 .lifeinfo_map .gmaps {
  width: 100%;
  height: 100%;
}
.cate1 .lifeinfo_list {
  width: 37%;
  height: clamp(500px, 36.875vw, 708px);
  overflow: hidden;
  padding: 1.25em;
  padding-right: 10px;
  background-color: #DFE8EB;
}
@media screen and (max-width: 768px) {
  .cate1 .lifeinfo_list {
    width: 100%;
    height: 175px;
    background-color: unset;
    padding: 15px 0;
  }
}
.cate1 .lifeinfo_list li {
  display: none;
  height: 100%;
  overflow-y: scroll;
  padding-right: 13px;
}
.cate1 .lifeinfo_list li dl {
  height: clamp(500px, 36.875vw, 708px);
  display: flex;
  flex-direction: column;
  gap: 0.8em;
  font-size: clamp(12px, 1.1267605634vw, 16px);
}
.cate1 .lifeinfo_list li dl div {
  display: flex;
  align-items: center;
}
.cate1 .lifeinfo_list li dl div dt {
  background-color: #1F2C5F;
  color: white;
  width: clamp(12px, 1.7605633803vw, 29px);
  line-height: clamp(12px, 1.7605633803vw, 29px);
  text-align: center;
  font-weight: normal;
  font-family: YuGothic, san-serif;
  font-size: clamp(10px, 1.0563380282vw, 16px);
  font-feature-settings: "halt" 1;
  margin-right: 0.6em;
}
@media screen and (max-width: 768px) {
  .cate1 .lifeinfo_list li dl div dt {
    width: 16px;
    line-height: 16px;
    font-size: clamp(9px, 2.25vw, 12px);
  }
}
.cate1 .lifeinfo_list li dl div dd {
  font-size: clamp(10px, 1.0563380282vw, 18px);
}
@media screen and (max-width: 768px) {
  .cate1 .lifeinfo_list li dl div dd {
    font-size: clamp(10px, 2.5vw, 13px);
  }
}
.cate1 .lifeinfo_list li dl div dd.name {
  flex: 1 1 0%;
  margin-right: 3px;
}
.cate1 .lifeinfo_list li dl div dd.walk {
  text-align: right;
}
.cate1 .lifeinfo_list li.active {
  display: block;
}

.cate2 .sec-mv {
  position: relative;
}
.cate2 .sec-mv figure {
  position: relative;
}
.cate2 .sec-mv figure figcaption {
  position: absolute;
  bottom: 10px;
  right: 10px;
  color: white;
  font-size: 10px;
  font-weight: 600;
}
.cate2 .sec-mv .text-box {
  position: absolute;
  top: 13%;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  width: 100%;
  padding: 0 32.5px;
  color: white;
}
@media screen and (max-width: 768px) {
  .cate2 .sec-mv .text-box {
    top: 6%;
  }
}
.cate2 .sec-mv .text-box h3 {
  font-family: YakuHanMP, "Forum", serif;
  font-size: clamp(20px, 3.6458333333vw, 70px);
  letter-spacing: 0.1em;
  margin-bottom: 0.7em;
}
@media screen and (max-width: 768px) {
  .cate2 .sec-mv .text-box h3 {
    font-size: clamp(18px, 3.75vw, 25px);
    margin-bottom: 0.6em;
  }
}
.cate2 .sec-mv .text-box p {
  font-family: YakuHanMP, "Shippori Mincho", serif;
  font-weight: normal;
  font-size: clamp(20px, 1.6666666667vw, 32px);
  line-height: 1.5em;
  letter-spacing: 0.15em;
}
@media screen and (max-width: 768px) {
  .cate2 .sec-mv .text-box p {
    font-size: clamp(13px, 2.7083333333vw, 16px);
  }
}
.cate2 .contents .flex-box {
  display: flex;
}
@media screen and (max-width: 768px) {
  .cate2 .contents .flex-box {
    flex-direction: column;
    padding: 32.5px;
    gap: 25px;
  }
}
@media screen and (max-width: 768px) {
  .cate2 .contents .flex-box:nth-child(1) {
    background: #60A794;
    background: linear-gradient(45deg, rgba(99, 165, 128, 0.08) 20%, rgba(96, 167, 148, 0.3) 80%);
  }
}
.cate2 .contents .flex-box:nth-child(2) {
  flex-direction: row-reverse;
}
@media screen and (max-width: 768px) {
  .cate2 .contents .flex-box:nth-child(2) {
    flex-direction: column;
    background: #FACE9B;
    background: linear-gradient(45deg, rgba(250, 206, 155, 0.08) 20%, rgba(241, 169, 91, 0.3) 80%);
  }
}
@media screen and (max-width: 768px) {
  .cate2 .contents .flex-box:nth-child(3) {
    background: rgba(127, 49, 142, 0.454);
    background: linear-gradient(45deg, rgba(127, 49, 142, 0.005) 20%, rgba(127, 49, 142, 0.15) 80%);
  }
}
.cate2 .contents .flex-box figure, .cate2 .contents .flex-box div {
  width: 50%;
}
@media screen and (max-width: 768px) {
  .cate2 .contents .flex-box figure, .cate2 .contents .flex-box div {
    width: 100%;
  }
}
.cate2 .contents .flex-box figure {
  overflow: hidden;
}
.cate2 .contents .flex-box figure img {
  opacity: 0;
  clip-path: inset(0 100% 0 0);
}
@media screen and (max-width: 768px) {
  .cate2 .contents .flex-box figure img {
    clip-path: none;
  }
}
.cate2 .contents .flex-box figure.show img {
  animation: clip-ani 0.8s ease-in-out forwards;
}
@media screen and (max-width: 768px) {
  .cate2 .contents .flex-box figure.show img {
    animation: fade 2s forwards;
  }
}
.cate2 .contents .flex-box figure.toR.show img {
  animation: clip-aniR 0.8s ease-in-out forwards;
}
@media screen and (max-width: 768px) {
  .cate2 .contents .flex-box figure.toR.show img {
    animation: fade 2s forwards;
  }
}
@keyframes clip-ani {
  0% {
    opacity: 0;
    clip-path: inset(0 100% 0 0);
  }
  100% {
    opacity: 1;
    clip-path: inset(0 0 0 0);
  }
}
@keyframes clip-aniR {
  0% {
    opacity: 0;
    clip-path: inset(0 0 0 100%);
  }
  100% {
    opacity: 1;
    clip-path: inset(0 0 0 0);
  }
}
@keyframes fade {
  0% {
    opacity: 0;
    scale: 1.2;
  }
  100% {
    opacity: 1;
    scale: 1;
  }
}
.cate2 .contents .flex-box div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .cate2 .contents .flex-box div {
    background: unset !important;
  }
}
.cate2 .contents .flex-box div h4 {
  font-family: "EB Garamond", serif;
  font-size: clamp(30px, 2.5vw, 48px);
  letter-spacing: 0.1em;
  margin-bottom: 1.5em;
}
@media screen and (max-width: 768px) {
  .cate2 .contents .flex-box div h4 {
    font-size: 18px;
    letter-spacing: 0.1em;
    margin-bottom: 0.75em;
  }
}
.cate2 .contents .flex-box div dl {
  color: #4C4948;
}
.cate2 .contents .flex-box div dl dt {
  font-family: YakuHanMP, "Shippori Mincho", serif;
  font-weight: normal;
  font-weight: normal;
  font-size: clamp(20px, 1.6666666667vw, 32px);
  letter-spacing: 0.15em;
  margin-bottom: 1.34em;
}
@media screen and (max-width: 768px) {
  .cate2 .contents .flex-box div dl dt {
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 0.6em;
  }
}
.cate2 .contents .flex-box div dl dd {
  font-size: clamp(13px, 1.09375vw, 21px);
  line-height: 1.7em;
  letter-spacing: 0.15em;
}
@media screen and (max-width: 768px) {
  .cate2 .contents .flex-box div dl dd {
    font-size: 14px;
    line-height: 21px;
    letter-spacing: 0;
  }
}
.cate2 .contents .flex-box div.green {
  background: #60A794;
  background: linear-gradient(45deg, rgba(99, 165, 128, 0.08) 20%, rgba(96, 167, 148, 0.3) 80%);
}
.cate2 .contents .flex-box div.green h4 {
  color: #005650;
}
.cate2 .contents .flex-box div.orange {
  background: #FACE9B;
  background: linear-gradient(45deg, rgba(250, 206, 155, 0.08) 20%, rgba(241, 169, 91, 0.3) 80%);
}
.cate2 .contents .flex-box div.orange h4 {
  color: #EEB266;
}
.cate2 .contents .flex-box div.pink {
  background: rgba(127, 49, 142, 0.454);
  background: linear-gradient(45deg, rgba(127, 49, 142, 0.005) 20%, rgba(127, 49, 142, 0.15) 80%);
}
.cate2 .contents .flex-box div.pink h4 {
  color: #7B61A8;
}

.cate3 .sec-mv {
  position: relative;
}
.cate3 .sec-mv figure {
  position: relative;
}
.cate3 .sec-mv figure figcaption {
  position: absolute;
  bottom: 7px;
  right: 10px;
  color: black;
  font-size: 10px;
  font-weight: 700;
  text-shadow: 0 0 2px white, 0 0 2px white, 0 0 2px white, 0 0 2px white;
}
.cate3 .sec-mv .text-box {
  position: absolute;
  top: 13%;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
  width: 100%;
  padding: 0 32.5px;
  color: white;
}
@media screen and (max-width: 768px) {
  .cate3 .sec-mv .text-box {
    top: 6%;
  }
}
.cate3 .sec-mv .text-box h3 {
  font-family: YakuHanMP, "Forum", serif;
  font-size: clamp(20px, 3.6458333333vw, 70px);
  letter-spacing: 0.1em;
  margin-bottom: 0.7em;
}
@media screen and (max-width: 768px) {
  .cate3 .sec-mv .text-box h3 {
    font-size: clamp(18px, 3.75vw, 25px);
    margin-bottom: 0.6em;
  }
}
.cate3 .sec-mv .text-box p {
  font-family: YakuHanMP, "Shippori Mincho", serif;
  font-weight: normal;
  font-size: clamp(20px, 1.6666666667vw, 32px);
  line-height: 1.5em;
  letter-spacing: 0.15em;
}
@media screen and (max-width: 768px) {
  .cate3 .sec-mv .text-box p {
    font-size: clamp(13px, 2.7083333333vw, 16px);
  }
}
.cate3 .contents .mapimg h4 {
  padding-top: 2.29em;
  font-family: YakuHanMP, "Shippori Mincho", serif;
  font-weight: normal;
  font-size: clamp(16px, 2.5vw, 48px);
  text-align: center;
  margin-bottom: 1.45em;
  letter-spacing: 0.15em;
}
@media screen and (max-width: 768px) {
  .cate3 .contents .mapimg h4 {
    line-height: 1.5em;
    margin-bottom: 1.25em;
  }
}
.cate3 .contents .mapimg p {
  text-align: center;
  font-size: clamp(14px, 1.09375vw, 21px);
  line-height: 1.52em;
  margin-bottom: 2.6em;
  padding: 0 32.5px;
}
@media screen and (max-width: 768px) {
  .cate3 .contents .mapimg p {
    text-align: left;
  }
}
.cate3 .contents .mapimg figure {
  width: 75%;
  padding: 0 32.5px;
  max-width: 1265px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .cate3 .contents .mapimg figure {
    width: 100%;
    padding: 0;
    max-width: 480px;
  }
}
.cate3 .contents .mapimg figure.map {
  margin-top: 60px;
  margin-bottom: 110px;
}
@media screen and (max-width: 768px) {
  .cate3 .contents .mapimg figure.map {
    margin: 30px 0 25px;
  }
}
.cate3 .contents .area {
  width: 75%;
  max-width: 1265px;
  padding: 0 32.5px;
  margin: 65px auto 0;
}
@media screen and (max-width: 768px) {
  .cate3 .contents .area {
    width: 100%;
    max-width: 480px;
  }
}
.cate3 .contents .area h5 {
  font-size: clamp(18px, 1.6666666667vw, 32px);
  line-height: 1.5em;
  margin-bottom: 0.74em;
  text-align: center;
  letter-spacing: 0.15em;
  font-family: YakuHanMP, "Shippori Mincho", serif;
  font-weight: normal;
}
@media screen and (max-width: 768px) {
  .cate3 .contents .area h5 {
    font-size: 15.5px;
    letter-spacing: 0.1em;
  }
}
.cate3 .contents .area p {
  font-size: clamp(14px, 1.09375vw, 21px);
  line-height: 1.7em;
  letter-spacing: 0.1em;
  margin-bottom: 2.85em;
}
@media screen and (max-width: 768px) {
  .cate3 .contents .area p {
    font-size: 14px;
    line-height: 21px;
  }
}
.cate3 .contents .area .flex-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 4em 0;
}
@media screen and (max-width: 768px) {
  .cate3 .contents .area .flex-box {
    gap: 1.5em;
  }
}
.cate3 .contents .area .flex-box div {
  width: 48%;
}
@media screen and (max-width: 768px) {
  .cate3 .contents .area .flex-box div {
    width: 100%;
  }
}
.cate3 .contents .area .flex-box div dl dt {
  font-weight: normal;
  text-align: center;
  font-family: "EB Garamond", serif;
  letter-spacing: 0.2em;
  font-size: clamp(16px, 1.25vw, 24px);
  margin-top: 1.08em;
}
@media screen and (max-width: 768px) {
  .cate3 .contents .area .flex-box div dl dt {
    font-size: 14px;
    margin-top: 13px;
  }
}
.cate3 .contents .area .flex-box div dl dt.blue {
  color: #4D88B6;
}
.cate3 .contents .area .flex-box div dl dt.green {
  color: #005650;
}
.cate3 .contents .area .flex-box div dl dt.brown {
  color: #7A6A56;
}
.cate3 .contents .area .flex-box div dl dt.purple {
  color: #7B61A8;
}
.cate3 .contents .area .flex-box div dl dd {
  font-size: clamp(14px, 1.4583333333vw, 28px);
  text-align: center;
  line-height: 1.5em;
  letter-spacing: 0.05em;
  margin-top: 1em;
  font-family: YakuHanMP, "Shippori Mincho", serif;
  font-weight: normal;
}
@media screen and (max-width: 768px) {
  .cate3 .contents .area .flex-box div dl dd {
    font-size: 15.5px;
    margin-top: 10px;
  }
}

.notes {
  padding-bottom: 30px;
  width: 80%;
  max-width: 990px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .notes {
    width: 83%;
  }
}
.notes p {
  font-size: 12px;
  line-height: 1.2em;
}
@media screen and (max-width: 768px) {
  .notes p {
    font-size: 10px;
  }
}/*# sourceMappingURL=location.css.map */