.area_01 {
  padding: 0 0 7.5rem 0;
}

@media screen and (max-width: 767px) {
  .area_01 {
    padding: 0 0 8vw 2.1333333333vw;
  }
}

.area_01 h3 {
  font-size: 4.2rem;
}

@media screen and (max-width: 767px) {
  .area_01 h3 {
    font-size: 6.4vw;
  }
}

.area_01 .desc {
  font-family: "Shippori Mincho", "Yu Mincho Medium", "YuMincho", "Yu Mincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "MS PMincho", serif;
  font-size: 2.1rem;
  text-align: center;
  margin: 2.8rem 0 0 0;
  line-height: 1.5;
}

@media screen and (max-width: 767px) {
  .area_01 .desc {
    font-size: 3.7333333333vw;
    margin: 5.3333333333vw 0 0 0;
  }
}

.area_01 .circle_anker-list {
  margin: 4rem 0 0 0;
}

.area_02 {
  background-image: url(../img/bg.jpg);
  background-size: contain;
  padding: 0 5rem 10.8rem;
}

@media screen and (max-width: 767px) {
  .area_02 {
    padding: 0 4.2666666667vw 2.1333333333vw;
  }
}

.area_02 picture {
  display: block;
  max-width: 117.9rem;
  margin: 5rem auto 0;
}

@media screen and (max-width: 767px) {
  .area_02 picture {
    max-width: none;
    width: 100%;
    margin: 5.3333333333vw auto 0;
  }
}

.area_02 picture img {
  width: 100%;
}

.area_02--detl {
  width: 75.7rem;
  margin: 6.3rem auto;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.6rem;
  line-height: 1.7;
  text-align: justify;
}

@media screen and (max-width: 767px) {
  .area_02--detl {
    width: 100%;
    margin: 5.3333333333vw auto 0;
    font-size: 3.4666666667vw;
    line-height: 2;
  }
}

.area_02_01 {
  max-width: 117.9rem;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .area_02_01 {
    max-width: none;
    width: 100%;
  }
}

.area_02_01__ttl {
  font-family: "Shippori Mincho", "Yu Mincho Medium", "YuMincho", "Yu Mincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "MS PMincho", serif;
  font-size: 2.8rem;
  font-weight: 500;
}

@media screen and (max-width: 767px) {
  .area_02_01__ttl {
    font-size: 5.3333333333vw;
  }
}

.area_02_01__desc {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.6rem;
  margin: 1rem 0 0 0;
  line-height: 1.7;
}

@media screen and (max-width: 767px) {
  .area_02_01__desc {
    font-size: 3.7333333333vw;
    line-height: 2;
  }
}

.area_02_01 .item_01 {
  display: flex;
  align-items: center;
  gap: 3.3rem;
  margin: 2.2rem 0 0 0;
  position: relative;
}

@media screen and (max-width: 767px) {
  .area_02_01 .item_01 {
    gap: 5.3333333333vw;
    margin: 14.9333333333vw 0 0 0;
    flex-direction: column-reverse;
    align-items: flex-start;
  }
}

.area_02_01 .item_01 picture {
  width: 57.3rem;
}

@media screen and (max-width: 767px) {
  .area_02_01 .item_01 picture {
    width: 100%;
  }
}

.area_02_01 .item_01-dec_01 {
  position: absolute;
  top: 0;
  right: 1%;
}

.area_02_01 .item_01-dec_01 p {
  font-family: "Shippori Mincho", "Yu Mincho Medium", "YuMincho", "Yu Mincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "MS PMincho", serif;
  font-weight: 500;
  font-size: 2.8rem;
}

@media screen and (max-width: 767px) {
  .area_02_01 .item_01-dec_01 p {
    text-align: center;
    font-size: 4.2666666667vw;
    line-height: 1.7;
  }
}

.area_02_01 .item_01-dec_01 img {
  display: block;
  width: 19.7rem;
  transform: scale(-1, 1);
  margin: -5rem 0rem 0 -7rem;
}

@media screen and (max-width: 767px) {
  .area_02_01 .item_01-dec_01 img {
    width: 35.2vw;
    margin: -15.2vw 0 0 -12vw;
  }
}

.area_02_01 .item_02 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 3.3rem;
  margin: 2.2rem 0 0 0;
}

@media screen and (max-width: 767px) {
  .area_02_01 .item_02 {
    gap: 5.3333333333vw;
    margin: 10.6666666667vw 0 0 0;
    flex-direction: column;
    align-items: flex-start;
  }
}

.area_02_01 .item_02 picture {
  width: 34rem;
}

@media screen and (max-width: 767px) {
  .area_02_01 .item_02 picture {
    width: 44.2666666667vw;
  }
}

.area_02_01 .item_02-a {
  display: flex;
  flex-direction: column;
  gap: 7.2rem;
}

@media screen and (max-width: 767px) {
  .area_02_01 .item_02-a {
    gap: 8vw;
  }
}

.area_02_01 .item_02-b {
  display: flex;
  gap: 2.4rem;
}

@media screen and (max-width: 767px) {
  .area_02_01 .item_02-b {
    gap: 2.9333333333vw;
  }
}

.area_03 {
  background-image: url(../img/bg.jpg);
  background-size: contain;
  padding: 0 5rem 10.8rem;
  overflow: hidden;
}

@media screen and (max-width: 767px) {
  .area_03 {
    padding: 0 4.2666666667vw 2.1333333333vw;
  }
}

.area_03_01 {
  max-width: 117.9rem;
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .area_03_01 {
    max-width: none;
  }
}

.area_03 .desc {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.6rem;
  text-align: center;
  margin: 2rem 0 0 0;
  line-height: 1.5;
}

@media screen and (max-width: 767px) {
  .area_03 .desc {
    font-size: 3.7333333333vw;
    margin: 4.2666666667vw 0 0 0;
  }
}

.area_03__ttl {
  font-family: "Shippori Mincho", "Yu Mincho Medium", "YuMincho", "Yu Mincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "MS PMincho", serif;
  font-size: 2.8rem;
  font-weight: 500;
}

@media screen and (max-width: 767px) {
  .area_03__ttl {
    line-height: 1.5;
    font-size: 5.3333333333vw;
  }
}

.area_03__desc {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.6rem;
  margin: 1rem 0 0 0;
  line-height: 1.7;
}

@media screen and (max-width: 767px) {
  .area_03__desc {
    font-size: 3.7333333333vw;
    margin: 3.7333333333vw 0 0 0;
  }
}

.area_03 picture {
  display: block;
  max-width: 117.9rem;
  margin: 3.6rem auto 0;
}

@media screen and (max-width: 767px) {
  .area_03 picture {
    max-width: none;
    margin: 10.6666666667vw auto 0;
  }
}

.area_03 picture img {
  width: 100%;
}

.area_03_a {
  display: flex;
  align-items: center;
  gap: 3.3rem;
  margin: 2rem 0 0 0;
  position: relative;
}

@media screen and (max-width: 767px) {
  .area_03_a {
    align-items: flex-start;
    flex-direction: column-reverse;
    gap: 4.2666666667vw;
    margin: 18.1333333333vw 0 0 0;
  }
}

.area_03_a:first-of-type {
  margin: 6rem 0 0 0;
}

@media screen and (max-width: 767px) {
  .area_03_a:first-of-type {
    margin: 10.6666666667vw 0 0 0;
  }
}

.area_03_a figure {
  width: 57.3rem;
}

@media screen and (max-width: 767px) {
  .area_03_a figure {
    width: 100%;
  }
}

.area_03_a figure img {
  width: 100%;
}

.area_03_a figure figcaption {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.2rem;
  margin: 1rem 0 0 0;
  line-height: 1.5;
}

@media screen and (max-width: 767px) {
  .area_03_a figure figcaption {
    font-size: 3.2vw;
    margin: 2.6666666667vw 0 0 0;
  }
}

.area_03_b {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  gap: 3.3rem;
  margin: 2rem 0 0 0;
  position: relative;
}

@media screen and (max-width: 767px) {
  .area_03_b {
    align-items: flex-end;
    flex-direction: column-reverse;
    gap: 4.2666666667vw;
    margin: 18.1333333333vw 0 0 0;
  }
}

.area_03_b figure {
  width: 57.3rem;
}

@media screen and (max-width: 767px) {
  .area_03_b figure {
    width: 100%;
  }
}

.area_03_b figure img {
  width: 100%;
}

.area_03_b figure figcaption {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.2rem;
  margin: 1rem 0 0 0;
  line-height: 1.5;
  text-align: right;
}

@media screen and (max-width: 767px) {
  .area_03_b figure figcaption {
    font-size: 3.2vw;
    margin: 2.6666666667vw 0 0 0;
  }
}

@media screen and (max-width: 767px) {

  .area_03_b .area_03__ttl,
  .area_03_b .area_03__desc,
  .area_03_b figcaption {
    text-align: right;
  }
}

.area_03 .dec_01 {
  position: absolute;
  top: 7%;
  right: 1%;
}

@media screen and (max-width: 767px) {
  .area_03 .dec_01 {
    top: 0;
    right: -5.0666666667vw;
  }
}

.area_03 .dec_01 p {
  font-family: "Shippori Mincho", "Yu Mincho Medium", "YuMincho", "Yu Mincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "MS PMincho", serif;
  font-weight: 500;
  font-size: 2.8rem;
}

@media screen and (max-width: 767px) {
  .area_03 .dec_01 p {
    font-size: 4.2666666667vw;
  }
}

.area_03 .dec_01 img {
  display: block;
  width: 19.7rem;
  transform: scale(-1, 1);
  margin: -5rem 0rem 0 -10rem;
}

@media screen and (max-width: 767px) {
  .area_03 .dec_01 img {
    width: 35.2vw;
    margin: -7.4666666667vw 0 0 -19.4666666667vw;
  }
}

.area_03 .dec_02 {
  position: absolute;
  top: 7%;
  left: 4%;
}

@media screen and (max-width: 767px) {
  .area_03 .dec_02 {
    top: 0;
    right: -5.0666666667vw;
  }
}

.area_03 .dec_02 p {
  font-family: "Shippori Mincho", "Yu Mincho Medium", "YuMincho", "Yu Mincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "MS PMincho", serif;
  font-weight: 500;
  font-size: 2.8rem;
}

@media screen and (max-width: 767px) {
  .area_03 .dec_02 p {
    font-size: 4.2666666667vw;
  }
}

.area_03 .dec_02 img {
  display: block;
  width: 19.7rem;
  margin: -5rem 0rem 0 -5rem;
}

@media screen and (max-width: 767px) {
  .area_03 .dec_02 img {
    width: 35.2vw;
    margin: -7.4666666667vw 0 0 -10.1333333333vw;
  }
}

.area_04 {
  background-image: url(../img/bg.jpg);
  background-size: contain;
  padding: 0 5rem 10.8rem;
}

@media screen and (max-width: 767px) {
  .area_04 {
    padding: 0 4.2666666667vw 2.1333333333vw;
  }
}

.area_04_01 {
  max-width: 117.9rem;
  margin: 6.9rem auto 0;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 2rem 1rem;
}

@media screen and (max-width: 767px) {
  .area_04_01 {
    max-width: none;
    gap: 4vw 2.4vw;
    margin: 5.3333333333vw auto 0;
  }
}

.area_04_02 {
  max-width: 117.9rem;
  margin: 7rem auto 0;
}

@media screen and (max-width: 767px) {
  .area_04_02 {
    max-width: none;
    margin: 4.2666666667vw auto 0;
  }
}

.area_04_02 li {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.2rem;
  text-align: center;
  line-height: 1.75;
}

@media screen and (max-width: 767px) {
  .area_04_02 li {
    font-size: 2.6666666667vw;
    text-align: left;
    padding: 0 0 0 2.1333333333vw;
    text-indent: -2.4vw;
  }
}

.area_04--item {
  background-color: #F9F9F5;
  border-radius: 0.6rem;
  width: 28.5rem;
  height: 25.4rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 2.4rem;
}

@media screen and (max-width: 767px) {
  .area_04--item {
    border-radius: 1.6vw;
    width: 44.5333333333vw;
    height: 62.9333333333vw;
    gap: 2.4vw;
  }
}

.area_04--item dd {
  width: 12.7rem;
}

@media screen and (max-width: 767px) {
  .area_04--item dd {
    width: 33.8666666667vw;
  }
}

.area_04--item dd img {
  width: 100%;
}

.area_04--item dt {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.8rem;
  font-weight: 400;
  text-align: center;
  line-height: 1.75;
  min-height: 3.2em;
  display: grid;
  place-items: center;
}

@media screen and (max-width: 767px) {
  .area_04--item dt {
    font-size: 3.7333333333vw;
  }
}

.area_04--item dt span {
  font-size: 1.2rem;
}

@media screen and (max-width: 767px) {
  .area_04--item dt span {
    font-size: 10;
  }
}

.area_05 {
  background-image: url(../img/bg.jpg);
  background-size: contain;
  padding: 0 5rem 10.8rem;
}

@media screen and (max-width: 767px) {
  .area_05 {
    padding: 0 4.2666666667vw 9.3333333333vw;
  }
}

.area_05 .desc {
  font-family: "Shippori Mincho", "Yu Mincho Medium", "YuMincho", "Yu Mincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "MS PMincho", serif;
  font-size: 2.2rem;
  text-align: center;
  margin: 2rem 0 0 0;
}

@media screen and (max-width: 767px) {
  .area_05 .desc {
    font-size: 4.2666666667vw;
    margin: 0.1333333333vw 0 0 0;
  }
}

.area_05 .accordion {
  max-width: 75.7rem;
  margin: 2rem auto 0;
}

@media screen and (max-width: 767px) {
  .area_05 .accordion {
    max-width: none;
  }
}

.area_05 .accordion:first-of-type {
  margin: 4.7rem auto 0;
}

@media screen and (max-width: 767px) {
  .area_05 .accordion:first-of-type {
    margin: 4.2666666667vw auto 0;
  }
}

.area_05 .accordion summary {
  background-color: #F9F9F5;
  font-family: "Shippori Mincho", "Yu Mincho Medium", "YuMincho", "Yu Mincho", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "MS PMincho", serif;
  font-size: 2rem;
  padding: 2.2rem 1.7rem;
  list-style: none;
  position: relative;
  cursor: pointer;
}

@media screen and (max-width: 767px) {
  .area_05 .accordion summary {
    font-size: 4.2666666667vw;
    padding: 3.6vw 4.5333333333vw;
  }
}

.area_05 .accordion summary::marker {
  content: "";
}

.area_05 .accordion summary::-webkit-details-marker {
  display: none;
}

.area_05 .accordion summary .icon {
  position: absolute;
  display: block;
  width: 2.3rem;
  height: 2.3rem;
  top: 50%;
  right: 1.7rem;
  transform: translate(0px, -50%);
}

@media screen and (max-width: 767px) {
  .area_05 .accordion summary .icon {
    width: 4.2666666667vw;
    height: 4.2666666667vw;
    right: 4.2666666667vw;
  }
}

.area_05 .accordion summary .icon::before {
  content: "";
  width: 2.3rem;
  height: 0.1rem;
  background-color: #323232;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(0px, -50%);
}

@media screen and (max-width: 767px) {
  .area_05 .accordion summary .icon::before {
    width: 4.2666666667vw;
    height: 0.2666666667vw;
  }
}

.area_05 .accordion summary .icon::after {
  content: "";
  width: 0.1rem;
  height: 2.3rem;
  background-color: #323232;
  position: absolute;
  top: 50%;
  right: 50%;
  transform: translate(50%, -50%);
  transition: transform 0.3s;
}

@media screen and (max-width: 767px) {
  .area_05 .accordion summary .icon::after {
    width: 0.2666666667vw;
    height: 4.2666666667vw;
  }
}

.area_05 .accordion[open] .icon::after {
  transform: translate(50%, -50%) rotate(90deg);
}

.area_05 .accordion .accordion__content {
  overflow: hidden;
  height: 0;
  transition: height 0.3s ease;
}

.area_05 .accordion .accordion__content .content_inner {
  margin: 3.4rem 0 4.6rem;
}

@media screen and (max-width: 767px) {
  .area_05 .accordion .accordion__content .content_inner {
    margin: 2.6666666667vw 0 4.2666666667vw;
  }
}

.area_05 .accordion .accordion__content .content_inner li {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.6rem;
  line-height: 1.75;
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
  margin: 3.5rem 0 0 0;
}

@media screen and (max-width: 767px) {
  .area_05 .accordion .accordion__content .content_inner li {
    font-size: 3.7333333333vw;
    gap: 1.3333333333vw;
    margin: 8vw 0 0 0;
  }
}

.area_05 .accordion .accordion__content .content_inner li:first-of-type {
  margin: 0;
}

.area_05 .accordion .accordion__content .content_inner li::before {
  content: "";
  width: 1.6rem;
  height: 1.6rem;
  background-color: #A49C85;
  border-radius: 5rem;
  display: block;
  margin: 0.7rem 0 0 0;
  flex-shrink: 0;
}

@media screen and (max-width: 767px) {
  .area_05 .accordion .accordion__content .content_inner li::before {
    width: 3.4666666667vw;
    height: 3.4666666667vw;
    border-radius: 13.3333333333vw;
    margin: 1.6vw 0 0 0;
  }
}

@media screen and (max-width: 767px) {
  .area_05 .accordion:last-of-type .accordion__content .content_inner {
    margin: 2.6666666667vw 0 0;
  }
}