html {
  font-size: 0.83vw;
}

main {
  padding-bottom: 6.25vw;
}

h2 {
  width: fit-content;
  margin: 0 auto 2rem;
}

span {
  display: block;
  text-align: center;
  font-family: "ten-mincho-text", serif;
  width: fit-content;
  margin: 0 auto;
}

.mobile_view {
  display: none;
}

.break-point {
  display: inline;
}

.sub-title1 {
  font-size: 2.0833333333vw;
  color: #506F59;
}

.sub-title2 {
  font-size: 1.5625vw;
  color: #506F59;
}

.text {
  font-size: 1.3020833333vw;
  font-weight: bold;
  width: 39.27vw;
  line-height: 1.68;
  margin: 0 auto 2rem;
}

#chyoutatu {
  display: flex;
}
#chyoutatu .left_box {
  background-image: url("../img/bg/bg2.png");
  width: 42.91vw;
  padding: 19.2vw 6.458vw 12.91vw;
  position: relative;
}
#chyoutatu .left_box .mame1 {
  width: 7.6vw;
  position: absolute;
  top: 14.427vw;
  right: 3.43vw;
}
#chyoutatu .left_box .top_text {
  width: 32vw;
  font-size: 2.0833333333vw;
  color: #fff;
  font-family: "ten-mincho-text", serif;
  margin: 0 auto;
}
#chyoutatu .left_box .mame2 {
  width: 6.93vw;
  position: absolute;
  bottom: 5.5vw;
  left: 3.3vw;
}
#chyoutatu .right_box {
  background-image: url("../img/bg/bg2.png");
  width: 100%;
}
#chyoutatu .right_box img {
  width: 100%;
}

#special {
  z-index: 2;
  background: url("../img/bg/bg3.jpg");
  padding: 0;
  height: 33.4375vw;
  width: 100vw;
}
#special .contents-box {
  width: 65vw;
  padding: 3.229vw 11.614vw;
  background-color: rgba(255, 255, 255, 0.7);
  position: relative;
  margin: 0 auto;
}
#special .contents-box .special-text {
  margin-bottom: 1.0416666667vw;
  text-align: justify;
}
#special .contents-box .special-items {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 39.27vw;
  margin: 0 auto;
  padding-left: 0.8rem;
}
#special .contents-box .special-items .item1 {
  font-family: "source-han-sans-japanese", sans-serif;
  display: flex;
  font-size: 1.0416666667vw;
  justify-content: center;
  align-items: center;
  width: 15.427vw;
  line-height: 1.45;
  margin-bottom: 0.5208333333vw;
}
#special .contents-box .special-items .item2 {
  width: 13.4895833333vw;
}
#special .contents-box .tree {
  display: none;
}

.flex-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 79.16vw;
  padding: 0;
  position: relative;
  margin: 0 auto 5.5vw;
}
.flex-wrapper.first-item {
  margin-top: 6.25vw;
}
.flex-wrapper .pic-box {
  width: 27.6041666667vw;
  height: 18.3854vw;
}
.flex-wrapper .pic-box img {
  width: 100%;
}
.flex-wrapper .text-box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex: 1;
  background: url("../img/bg/bg4.jpg");
  height: 18.3854vw;
}
.flex-wrapper .text-box h2 {
  padding-top: 2rem;
  margin-bottom: 1.5rem;
}
.flex-wrapper .text-box .text {
  width: 42.9166666667vw;
  text-align: left;
  line-height: 1.4;
}
.flex-wrapper .text-box img {
  height: 6.25vw;
  position: absolute;
  bottom: -6vw;
  right: 50%;
  z-index: 2;
}

.type-left-img .pic-box {
  order: 1;
}
.type-left-img .text-box {
  order: 2;
}

.type-right-img .pic-box {
  order: 2;
}
.type-right-img .text-box {
  order: 1;
}

.grid_box {
  grid-template-columns: repeat(2, 1fr);
  display: grid;
  gap: 4.1vw;
  width: 79.1vw;
  margin: 0 auto;
}
.grid_box .service_item {
  display: flex;
  width: fit-content;
}
.grid_box .service_item:hover {
  transform: scale(1.02);
  transition: all 0.3s ease;
  cursor: pointer;
}
.grid_box .service_item_left {
  width: fit-content;
}
.grid_box .service_item_left img {
  height: 12.5vw;
  width: 12.5vw;
}
.grid_box .service_item_right {
  position: relative;
  background-color: rgb(80, 111, 89);
  color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 1.2vw 3.13vw;
}
.grid_box .service_item_right .service_item_title {
  font-size: 1.6vw;
  text-align: center;
  border-bottom: solid 2px #fff;
  margin-bottom: 0.83vw;
  width: fit-content;
}
.grid_box .service_item_right .service_item_text {
  font-size: 1.04vw;
  line-height: 1.3;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
}
.grid_box .service_item_right .click {
  margin: 0;
  width: fit-content;
  position: absolute;
  bottom: 0.78vw;
  right: 0;
}
.grid_box .service_item_right .click img {
  width: fit-content;
}

@media screen and (max-width: 1024px) {
  .mobile_view {
    display: block;
  }
  main {
    padding-bottom: 16vw;
  }
  h2 {
    width: fit-content;
    margin: 0 auto 2rem;
  }
  span {
    display: block;
    text-align: center;
    font-family: "ten-mincho-text", serif;
    width: fit-content;
    margin: 0 auto;
  }
  .break-point {
    display: block;
    font-size: inherit;
    font-family: inherit;
    padding: 0;
    text-align: inherit;
  }
  .sub-title1 {
    font-size: 5.333vw;
    line-height: 1.35;
  }
  .sub-title2 {
    font-size: 4.2666666667vw;
  }
  .text {
    font-size: 4.2666666667vw;
    line-height: 1.75;
    width: 84.5333333333vw;
    text-align: left;
  }
  .pc_view {
    display: none;
  }
  #chyoutatu {
    flex-direction: column;
  }
  #chyoutatu .left_box {
    order: 2;
    width: 100vw;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    height: 47.7333333333vw;
  }
  #chyoutatu .left_box .top_text {
    width: fit-content;
    text-align: center;
    font-size: 5.3333333333vw;
    line-height: 1.35;
    padding: 0;
    margin: 0;
  }
  #chyoutatu .right_box {
    order: 1;
    height: 44.8vw;
    width: 100%;
  }
  #special {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 171.2vw;
  }
  #special .contents-box {
    padding: 10.6666666667vw 0;
    width: 89.8666666667vw;
  }
  #special .contents-box .special-text {
    margin-bottom: 8vw;
  }
  #special .contents-box .special-items {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  #special .contents-box .special-items .item1 {
    font-size: 3.2vw;
    width: fit-content;
    font-weight: lighter;
    margin-bottom: 2.6666666667vw;
  }
  #special .contents-box .special-items .item2 {
    width: 69.0666666667vw;
  }
  .flex-wrapper {
    margin-bottom: 16vw;
    flex-direction: column;
  }
  .flex-wrapper.first-item {
    margin-top: 10.6666666667vw;
  }
  .flex-wrapper .pic-box {
    width: 89.8666666667vw;
    height: 59.7333333333vw;
  }
  .flex-wrapper .pic-box img {
    width: 100%;
  }
  .flex-wrapper .text-box {
    flex-direction: column;
    width: 89.8666666667vw;
    height: 18.3854vw;
    padding-top: 10.1333333333vw;
    padding-bottom: 10.1333333333vw;
  }
  .flex-wrapper .text-box h2 {
    width: 64vw;
    text-align: center;
  }
  .flex-wrapper .text-box h2 .sub-title1 {
    width: 69.8666666667vw;
    font-size: 5.3333333333vw;
  }
  .flex-wrapper .text-box .text {
    width: 100%;
    text-align: justify;
    line-height: 1.4;
    padding: 0 2.6666666667vw;
  }
  .flex-wrapper .text-box img {
    height: 21.3333333333vw;
    width: 0.5333333333vw;
    position: absolute;
    bottom: -13.8666666667vw;
    right: 50%;
  }
  .type-left-img .pic-box {
    order: 1;
  }
  .type-left-img .text-box {
    order: 2;
  }
  .type-right-img .pic-box {
    order: 1;
  }
  .type-right-img .text-box {
    order: 2;
  }
  aside .service_box.mobile_view {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  aside .service_box.mobile_view .grid_item {
    width: fit-content;
    margin-bottom: 2.6666666667vw;
  }
  aside .service_box.mobile_view .grid_item .service_item {
    width: 83.7333333333vw;
  }
  aside .service_box.mobile_view .grid_item .service_item img {
    width: 83.7333333333vw;
  }
  aside .service_box.mobile_view .service_item_text {
    font-size: 4.2666666667vw;
    text-align: center;
    line-height: 1.25;
    margin-bottom: 6.6666666667vw;
  }
}

/*# sourceMappingURL=style.css.map */