.site_menu_lists, .site_menu_lists .item_tag, .about_lists {
  display: flex !important;
}

@media only screen and (min-width: 768px) {
  .site_menu_lists .item_tag {
    display: block !important;
  }
}
.about_main .item_decoration, .about_main .item_shape {
  position: absolute !important;
}

.about, .about_main, .about_lists .item_thumb, .about_sum {
  position: relative !important;
}

.site_menu_lists .item_tag, .project_banner .item_group, .about_main .item_leading, .about_main .item_heading, .about_main .item_txt, .about_lists .item_title, .about_sum .item_txt {
  text-align: center !important;
}

.about_main .item_leading, .about_main .item_heading, .about_main .item_txt {
  font-family: "Noto Serif JP", serif !important;
}

.site_menu_lists .item_txt {
  font-size: 1.4rem;
}
@media only screen and (min-width: 768px) {
  .site_menu_lists .item_txt {
    font-size: 1.7rem;
  }
}

.about_lists .item_title {
  font-size: 1.6rem;
}
@media only screen and (min-width: 768px) {
  .about_lists .item_title {
    font-size: 2rem;
  }
}

.about_sum .item_txt {
  font-size: 2.2rem;
}
@media only screen and (min-width: 768px) {
  .about_sum .item_txt {
    font-size: clamp(
            2.6rem,
            calc(2.6rem + 0.0048076923 * (100vw - 768px)),
            3rem
        );
  }
}

.about_main .item_heading {
  font-size: 5rem;
}
@media only screen and (min-width: 768px) {
  .about_main .item_heading {
    font-size: clamp(
            6rem,
            calc(6rem + 0.0576923077 * (100vw - 768px)),
            10.8rem
        );
  }
}

.site_menu_lists .item_txt, .about_main .item_leading, .about_main .item_heading, .about_main .item_txt {
  font-weight: 500;
}

.about_lists .item_title {
  font-weight: 600;
}

.site_menu_lists .item_tag, .about_sum .item_txt {
  font-weight: 700;
}

.main {
  padding-top: 35px;
}
@media only screen and (min-width: 768px) {
  .main {
    padding-top: 0;
  }
}

.about {
  z-index: 0;
  background-color: #fff;
}
@media only screen and (min-width: 768px) {
  .about {
    margin-top: -52px;
  }
}
.about_main {
  z-index: 0;
  padding-top: 157px;
  padding-bottom: 170px;
}
@media only screen and (min-width: 768px) {
  .about_main {
    padding-top: 154px;
    padding-bottom: 0;
  }
}
.about_main .item_decoration {
  z-index: -1;
  inset: 0;
}
.about_main .item_shape {
  z-index: -1;
  mix-blend-mode: multiply;
  translate: -50% -50%;
}
@media only screen and (min-width: 768px) {
  .about_main .item_shape {
    translate: none;
  }
}
.about_main .item_shape:nth-child(1) {
  width: 57.6%;
  max-width: 193px;
  top: 93px;
  left: 22.6%;
}
@media only screen and (min-width: 768px) {
  .about_main .item_shape:nth-child(1) {
    width: 41.9%;
    max-width: 419px;
    top: 8.7%;
    left: -11.1%;
  }
}
.about_main .item_shape:nth-child(2) {
  width: 49.5%;
  max-width: 166px;
  top: 90px;
  left: 53.6%;
}
@media only screen and (min-width: 768px) {
  .about_main .item_shape:nth-child(2) {
    width: 36.5%;
    max-width: 365px;
    top: 8%;
    left: 70.6%;
  }
}
.about_main .item_shape:nth-child(3) {
  width: 49.5%;
  max-width: 160px;
  left: 13.9%;
  bottom: -8px;
}
@media only screen and (min-width: 768px) {
  .about_main .item_shape:nth-child(3) {
    width: 30.5%;
    max-width: 305px;
    top: 34.7%;
    left: -19.1%;
    bottom: unset;
  }
}
.about_main .item_shape:nth-child(4) {
  width: 44%;
  max-width: 150px;
  left: 48%;
  bottom: 0;
}
@media only screen and (min-width: 768px) {
  .about_main .item_shape:nth-child(4) {
    width: 33.7%;
    max-width: 337px;
    top: 56.2%;
    left: -13.8%;
    bottom: unset;
  }
}
.about_main .item_shape:nth-child(5) {
  width: 46%;
  max-width: 151px;
  left: 83.4%;
  bottom: -2px;
}
@media only screen and (min-width: 768px) {
  .about_main .item_shape:nth-child(5) {
    width: 40.3%;
    max-width: 403px;
    top: 53.3%;
    left: 80.4%;
    bottom: unset;
  }
}
.about_main .item_shape:nth-child(6) {
  width: 46%;
  max-width: 151px;
  top: 93px;
  left: 80.2%;
}
@media only screen and (min-width: 768px) {
  .about_main .item_shape:nth-child(6) {
    width: 33%;
    max-width: 330px;
    top: 34.3%;
    left: 86.2%;
  }
}
.about_main .item_leading {
  font-size: 1.9rem;
  color: #d6000d;
}
@media only screen and (min-width: 768px) {
  .about_main .item_leading {
    font-size: clamp(
            2.6rem,
            calc(2.6rem + 0.0084134615 * (100vw - 768px)),
            3.3rem
        );
  }
}
.about_main .item_heading {
  line-height: 1.28;
  color: #d6000d;
}
@media only screen and (min-width: 768px) {
  .about_main .item_heading {
    margin-top: 15px;
    line-height: 1.3703703704;
  }
}
.about_main .item_txt {
  font-size: 1.7rem;
  line-height: 1.7647058824;
  color: #141414;
  margin-top: 14px;
}
@media only screen and (min-width: 768px) {
  .about_main .item_txt {
    font-size: clamp(
            2.6rem,
            calc(2.6rem + 0.0096153846 * (100vw - 768px)),
            3.4rem
        );
    line-height: 2.0588235294;
    margin-top: 43px;
  }
}
.about_lists {
  gap: 24px 16px;
  flex-wrap: wrap;
  justify-content: center;
  padding-bottom: 40px;
}
@media only screen and (min-width: 768px) {
  .about_lists {
    max-width: 640px;
    gap: 60px 77px;
    gap: 40px 48px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 50px;
    padding-bottom: 64px;
  }
}
.about_lists .item {
  width: calc(50% - 8px);
  width: clamp(33.33% - 11px, (560px - 100vw) * 1000, 50% - 8px);
}
@media only screen and (min-width: 768px) {
  .about_lists .item {
    width: calc(33.33% - 32px);
  }
}
.about_lists .item_link {
  width: 100%;
  display: block;
}
@media only screen and (min-width: 768px) {
  .about_lists .item_link:hover .item_thumb {
    background-color: #b20f19;
  }
}
.about_lists .item_thumb {
  width: 100%;
  aspect-ratio: 1;
  background-color: #d6000d;
  border-radius: 10px;
}
@media only screen and (min-width: 768px) {
  .about_lists .item_thumb {
    border-radius: 22px;
    transition: background-color 300ms ease-out;
  }
}
.about_lists .item_thumb img {
  width: 160px;
  height: 160px;
  max-width: 60%;
  aspect-ratio: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
}
@media only screen and (min-width: 768px) {
  .about_lists .item_thumb img {
    max-width: 56%;
  }
}
.about_lists .item_title {
  color: #d6000d;
  margin-top: 8px;
}
@media only screen and (min-width: 768px) {
  .about_lists .item_title {
    margin-top: 15px;
  }
}
.about_sum {
  width: 600px;
  max-width: 100%;
  background-color: #d6000d;
  border-radius: 10px;
  margin-left: auto;
  margin-right: auto;
  padding: 24px 20px;
}
@media only screen and (min-width: 768px) {
  .about_sum {
    padding: 64px 20px 73px;
    border-radius: 22px;
  }
}
.about_sum::after {
  content: "";
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  position: absolute;
  top: 4px;
  left: 4px;
  border: 4px solid #fff;
  border-radius: 10px;
}
@media only screen and (min-width: 768px) {
  .about_sum::after {
    width: calc(100% - 30px);
    height: calc(100% - 20px);
    top: 10px;
    left: 15px;
    border-width: 15px;
    border-radius: 22px;
  }
}
.about_sum .item_group {
  position: relative;
  z-index: 0;
}
.about_sum .item_txt {
  line-height: 1.5;
  color: #fff;
}

.news {
  margin-top: 64px;
}
@media only screen and (min-width: 768px) {
  .news {
    margin-top: 149px;
  }
}
.news .btn_group {
  margin-top: 56px;
}
@media only screen and (min-width: 768px) {
  .news .btn_group {
    margin-top: 87px;
  }
}
.news_cates {
  margin-top: 56px;
}
@media only screen and (min-width: 768px) {
  .news_cates {
    margin-top: 57px;
  }
}
.news_lists {
  margin-top: 56px;
}
@media only screen and (min-width: 768px) {
  .news_lists {
    margin-top: 56px;
  }
}

.project_banner {
  margin-top: 64px;
}
@media only screen and (min-width: 768px) {
  .project_banner {
    margin-top: 134px;
  }
}
.project_banner .item_group {
  max-width: 100%;
  margin-top: 25px;
}
@media only screen and (min-width: 768px) {
  .project_banner .item_group {
    width: 798px;
    margin-left: auto;
    margin-right: auto;
  }
}
.project_banner .item_link {
  width: 798px;
  max-width: 100%;
}
.project_banner .item_banner {
  width: 100%;
}

.site_menu {
  margin-top: 64px;
}
@media only screen and (min-width: 768px) {
  .site_menu {
    margin-top: 125px;
  }
}
.site_menu_lists {
  gap: 24px 16px;
  flex-wrap: wrap;
  margin-top: 48px;
}
@media only screen and (min-width: 768px) {
  .site_menu_lists {
    gap: 24px 32px;
    margin-top: 66px;
  }
}
.site_menu_lists .item {
  width: calc(50% - 8px);
}
@media only screen and (min-width: 768px) {
  .site_menu_lists .item {
    width: calc(33.33% - 22px);
    width: clamp(33.33% - 22px, (1160px - 100vw) * 1000, 50% - 16px);
    padding-bottom: 9px;
  }
}
.site_menu_lists .item_icon {
  width: 100%;
  background-color: #ffd3f0;
  border-radius: 10px;
  padding: 12px;
}
@media only screen and (min-width: 768px) {
  .site_menu_lists .item_icon {
    border-radius: 22px;
  }
}
@media only screen and (min-width: 1200px) {
  .site_menu_lists .item_icon {
    padding: 10px;
  }
}
.site_menu_lists .item_thumb {
  width: 100%;
  max-width: calc(100% - 20px);
  aspect-ratio: 1;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (min-width: 768px) {
  .site_menu_lists .item_thumb {
    width: 120px;
  }
}
.site_menu_lists .item_tag {
  font-size: 1.6rem;
  color: #000;
  min-height: 60px;
  align-items: center;
  justify-content: center;
  margin-top: 13px;
}
@media only screen and (min-width: 768px) {
  .site_menu_lists .item_tag {
    margin-top: 13px;
    min-height: 1px;
    font-size: 2rem;
  }
}
.site_menu_lists .item_txt {
  line-height: 1.7058823529;
  color: #2e2e2e;
  margin-top: 18px;
}
@media only screen and (min-width: 768px) {
  .site_menu_lists .item_txt {
    margin-top: 18px;
  }
}

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