@charset "UTF-8";
/*===========================================================================*/
/*  function  */
/*===========================================================================*/
/*===========================================================================*/
/*  mixin  */
/*===========================================================================*/
/*===========================================================================*/
/*  sitemap__mainvisual  */
/*===========================================================================*/
.sitemap__mainvisual {
  position: relative;
  z-index: 2;
  background: url(../../images/sitemap/sitemap_mainvisual.jpg) no-repeat center center/cover;
}
.sitemap__mainvisual__title {
  text-align: center;
  padding-top: clamp(100px, 21.3061825319px + 8.7340529931vw, 189px);
  padding-bottom: clamp(100px, 16.8851815505px + 9.2247301276vw, 194px);
  font-size: clamp(30px, 12.3159960746px + 1.9627085378vw, 50px);
  line-height: 1;
  font-weight: 900;
}
.sitemap__mainvisual__title span {
  display: block;
  color: #ff883a;
  margin-bottom: 28px;
}

/*===========================================================================*/
/*  sitemap__content  */
/*===========================================================================*/
.sitemap__content {
  position: relative;
  background-color: #ffead1;
  padding-top: clamp(140px, 86.9479882237px + 5.8881256133vw, 200px);
  padding-bottom: clamp(30px, 16.7369970559px + 1.4720314033vw, 45px);
}
@media (max-width: 900px) {
  .sitemap__content {
    padding-top: clamp(50px, 14.2857142857px + 9.5238095238vw, 100px);
    padding-bottom: clamp(30px, 19.2857142857px + 2.8571428571vw, 45px);
  }
}
.sitemap__content__images > * {
  position: absolute;
  z-index: 0;
}
.sitemap__content__images .sitemap__content__image1 {
  border-radius: 50%;
  background: #ffd6b3;
  width: 923px;
  height: 923px;
  top: -304px;
  right: calc(50% - 150px);
}
@media (max-width: 900px) {
  .sitemap__content__images .sitemap__content__image1 {
    width: 460px;
    height: 460px;
    top: -150px;
    right: calc(50% - 75px);
  }
}
.sitemap__content__images .sitemap__content__image2 {
  border-radius: 50%;
  background: #ffd6b3;
  width: 556px;
  height: 556px;
  top: 505px;
  left: calc(50% + 186px);
}
@media (max-width: 900px) {
  .sitemap__content__images .sitemap__content__image2 {
    width: 278px;
    height: 278px;
    top: 253px;
    left: calc(50% + 93px);
  }
}
.sitemap__content__images .sitemap__content__image3 {
  border-radius: 50%;
  background: #ffd6b3;
  width: 365px;
  height: 365px;
  top: 981px;
  left: calc(50% - 720px);
}
@media (max-width: 900px) {
  .sitemap__content__images .sitemap__content__image3 {
    width: 180px;
    height: 180px;
    top: 490px;
    left: calc(50% - 360px);
  }
}
.sitemap__content__inner {
  max-width: 1115px;
  margin: 0 auto;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: clamp(100px, -90.1030421982px + 21.0991167812vw, 315px);
}
@media (max-width: 900px) {
  .sitemap__content__inner {
    max-width: 500px;
    gap: clamp(10px, -90px + 26.6666666667vw, 150px);
  }
}
@media (max-width: 500px) {
  .sitemap__content__inner {
    flex-direction: column;
    align-items: center;
    gap: clamp(1px, 0.2857142857px + 0.1904761905vw, 2px);
  }
}
.sitemap__content__list {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
@media (max-width: 500px) {
  .sitemap__content__list {
    width: 100%;
  }
}
.sitemap__content__item {
  width: 100%;
  margin-bottom: clamp(74px, 45.7055937193px + 3.1403336605vw, 106px);
}
@media (max-width: 900px) {
  .sitemap__content__item {
    margin-bottom: clamp(37px, 26.2857142857px + 2.8571428571vw, 52px);
  }
}
@media (max-width: 500px) {
  .sitemap__content__item {
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-bottom: clamp(20px, 12.8571428571px + 1.9047619048vw, 30px);
  }
}
.sitemap__content__item.additional__link {
  margin-bottom: clamp(70px, 30.2109911678px + 4.41609421vw, 115px);
}
@media (max-width: 900px) {
  .sitemap__content__item.additional__link {
    margin-bottom: clamp(35px, 20px + 4vw, 56px);
  }
}
@media (max-width: 500px) {
  .sitemap__content__item.additional__link {
    margin-bottom: clamp(20px, 12.8571428571px + 1.9047619048vw, 30px);
  }
}
.sitemap__content__link {
  display: block;
  width: 100%;
  width: clamp(280px, 173.8959764475px + 11.7762512267vw, 400px);
  font-size: clamp(21px, 13.0421982336px + 0.883218842vw, 30px);
  padding-top: clamp(18px, 0.3159960746px + 1.9627085378vw, 38px);
  padding-bottom: clamp(18px, 1.2001962709px + 1.8645731109vw, 37px);
  padding-right: clamp(12px, 1.3895976447px + 1.1776251227vw, 24px);
  color: #ff883a;
  position: relative;
  border: 2px solid #ff883a;
  border-radius: 100px;
  text-align: center;
  position: relative;
  background-color: #fff;
  transition: all 0.5s 0s cubic-bezier(0.44, 0.14, 0.09, 1.02);
}
@media (max-width: 900px) {
  .sitemap__content__link {
    width: clamp(150px, 42.8571428571px + 28.5714285714vw, 300px);
    font-size: clamp(13px, 9.4285714286px + 0.9523809524vw, 18px);
    padding-top: clamp(10px, 3.5714285714px + 1.7142857143vw, 19px);
    padding-bottom: clamp(10px, 4.2857142857px + 1.5238095238vw, 18px);
    padding-right: clamp(6px, 1.7142857143px + 1.1428571429vw, 12px);
  }
}
@media (max-width: 500px) {
  .sitemap__content__link {
    width: 100%;
    font-size: clamp(16px, 10.2857142857px + 1.5238095238vw, 24px);
  }
}
.sitemap__content__link:hover {
  background-color: #511f20;
  border: 2px solid #511f20;
  color: #fff;
}
.sitemap__content__link:hover::before {
  color: #fff;
}
.sitemap__content__link::before {
  content: "▶";
  font-size: clamp(21px, 13.0421982336px + 0.883218842vw, 30px);
  color: #ff883a;
  right: clamp(12px, 1.3895976447px + 1.1776251227vw, 24px);
  position: absolute;
}
@media (max-width: 900px) {
  .sitemap__content__link::before {
    font-size: clamp(13px, 9.4285714286px + 0.9523809524vw, 18px);
    right: clamp(10px, 8.5714285714px + 0.380952381vw, 12px);
  }
}
@media (max-width: 500px) {
  .sitemap__content__link::before {
    font-size: clamp(16px, 10.2857142857px + 1.5238095238vw, 24px);
    right: clamp(16px, 10.2857142857px + 1.5238095238vw, 24px);
  }
}
.sitemap__content__link__text {
  margin-top: clamp(28px, 18.273797841px + 1.0794896958vw, 39px);
  padding-left: clamp(26px, 15.3895976447px + 1.1776251227vw, 38px);
}
@media (max-width: 900px) {
  .sitemap__content__link__text {
    margin-top: clamp(14px, 8.6947988224px + 0.5888125613vw, 20px);
    padding-left: clamp(20px, 11.1579980373px + 0.9813542689vw, 30px);
  }
}
@media (max-width: 500px) {
  .sitemap__content__link__text {
    margin-top: clamp(20px, 12.8571428571px + 1.9047619048vw, 30px);
    padding-left: clamp(30px, 22.8571428571px + 1.9047619048vw, 40px);
  }
}
.sitemap__content__link__text a {
  font-size: clamp(18px, 11.8105986261px + 0.6869479882vw, 25px);
  margin-top: clamp(26px, 15.3895976447px + 1.1776251227vw, 38px);
  padding-left: clamp(35px, 22.6211972522px + 1.3738959764vw, 49px);
  position: relative;
  color: #ff883a;
  display: block;
  transition: all 0.5s 0s cubic-bezier(0.44, 0.14, 0.09, 1.02);
}
@media (max-width: 900px) {
  .sitemap__content__link__text a {
    font-size: clamp(13px, 8.5789990186px + 0.4906771344vw, 18px);
    margin-top: clamp(13px, 7.6947988224px + 0.5888125613vw, 19px);
    padding-left: clamp(17px, 10.8105986261px + 0.6869479882vw, 24px);
  }
}
@media (max-width: 500px) {
  .sitemap__content__link__text a {
    font-size: clamp(16px, 10.2857142857px + 1.5238095238vw, 24px);
  }
}
.sitemap__content__link__text a:first-child {
  margin-top: 0;
}
.sitemap__content__link__text a::before {
  content: "▶";
  font-size: clamp(21px, 13.0421982336px + 0.883218842vw, 30px);
  color: #ff883a;
  right: clamp(25px, 15.273797841px + 1.0794896958vw, 36px);
  position: absolute;
  left: 0;
}
@media (max-width: 900px) {
  .sitemap__content__link__text a::before {
    font-size: clamp(13px, 8.5789990186px + 0.4906771344vw, 18px);
    right: clamp(14px, 10.4631992149px + 0.3925417076vw, 18px);
  }
}
.sitemap__content__link__text a:hover {
  color: #511f20;
  text-decoration: underline;
}
.sitemap__content__link__text a:hover::before {
  color: #ff883a;
}