@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@100;300;400;500;700;900&display=swap);
.legacy {
  line-height: 1;
  font-family: "Noto Sans JP", sans-serif;
}
.legacy .w100 {
  font-weight: 100;
}
.legacy .w200 {
  font-weight: 200;
}
.legacy .w300 {
  font-weight: 300;
}
.legacy .w400 {
  font-weight: 400;
}
.legacy .w500 {
  font-weight: 500;
}
.legacy .w700 {
  font-weight: 700;
}
.legacy .w900 {
  font-weight: 900;
}
.legacy,
.legacy div,
.legacy span,
.legacy object,
.legacy iframe,
.legacy h1,
.legacy h2,
.legacy h3,
.legacy h4,
.legacy h5,
.legacy h6,
.legacy p,
.legacy blockquote,
.legacy pre,
.legacy abbr,
.legacy address,
.legacy cite,
.legacy code,
.legacy del,
.legacy dfn,
.legacy em,
.legacy img,
.legacy ins,
.legacy kbd,
.legacy q,
.legacy samp,
.legacy small,
.legacy strong,
.legacy sub,
.legacy sup,
.legacy var,
.legacy b,
.legacy i,
.legacy dl,
.legacy dt,
.legacy dd,
.legacy ol,
.legacy ul,
.legacy li,
.legacy fieldset,
.legacy form,
.legacy label,
.legacy legend,
.legacy table,
.legacy caption,
.legacy tbody,
.legacy tfoot,
.legacy thead,
.legacy tr,
.legacy th,
.legacy td,
.legacy article,
.legacy aside,
.legacy canvas,
.legacy details,
.legacy figcaption,
.legacy figure,
.legacy footer,
.legacy header,
.legacy hgroup,
.legacy menu,
.legacy nav,
.legacy section,
.legacy summary,
.legacy time,
.legacy mark,
.legacy audio,
.legacy video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: normal;
  vertical-align: baseline;
  background: transparent;
  scroll-behavior: smooth;
}
.legacy article,
.legacy aside,
.legacy details,
.legacy figcaption,
.legacy figure,
.legacy footer,
.legacy header,
.legacy hgroup,
.legacy menu,
.legacy nav,
.legacy section,
.legacy main {
  display: block;
}

.legacy *,
.legacy *::before,
.legacy *::after {
  box-sizing: border-box;
}
.legacy {
  font-size: 62.5%;
}
.legacy ul,
.legacy dl {
  list-style: none;
}
.legacy blockquote,
.legacy q {
  quotes: none;
}
.legacy blockquote:before,
.legacy blockquote:after,
.legacy q:before,
.legacy q:after {
  content: "";
}
.legacy a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  text-decoration: none;
  color: #222222;
  outline: none;
  cursor: pointer;
}
.legacy a:hover,
.legacy a:focus {
  opacity: 0.7;
  transition-duration: 0.3s;
}
.legacy a:focus {
  outline: none;
}
.legacy a[href^="tel:"] {
  color: white;
}
.legacy ins {
  text-decoration: none;
}
.legacy table {
  border-collapse: collapse;
  border-spacing: 0;
}
.legacy input,
.legacy select {
  vertical-align: middle;
}
.legacy input,
.legacy button,
.legacy textarea,
.legacy select {
  font: inherit;
  color: inherit;
  background: none;
  border: none;
  outline: none;
  appearance: none;
}
.legacy button,
.legacy [type="button"],
.legacy [type="reset"],
.legacy [type="submit"] {
  cursor: pointer;
}
.legacy textarea:not([rows]) {
  min-height: 50px;
  resize: vertical;
}
.legacy input[type="submit"],
.legacy input[type="reset"],
.legacy input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
.legacy input[type="submit"]::-webkit-search-decoration,
.legacy input[type="reset"]::-webkit-search-decoration,
.legacy input[type="button"]::-webkit-search-decoration {
  display: none;
}
.legacy input[type="submit"]:focus,
.legacy input[type="reset"]:focus,
.legacy input[type="button"]:focus {
  outline-offset: -2px;
}
.legacy select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  outline: none;
  border-radius: 0;
  background: transparent;
}
.legacy button,
.legacy input[type="submit"],
.legacy input[type="reset"],
.legacy input[type="date"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0;
  border: none;
  outline: none;
  background: transparent;
}
.legacy input[type="radio"] {
  opacity: 0;
  position: absolute;
  left: -9999px;
}
.legacy input[type="radio"]:checked + label {
  background: #ff0000;
}
.legacy .hide {
  display: none;
}
.legacy .btn {
  display: block;
}
.legacy .sp_only {
  display: block;
}
.legacy .tb_only {
  display: block;
}
.legacy .pc_only {
  display: none;
}
.legacy .ma_c {
  margin: 0 auto !important;
}
.legacy p.error {
  text-align: center;
  margin: 124px auto;
  font-size: 2em;
}

.legacy {
  background: url(../images/legacy-background_pattern_sp.png);
  background-repeat: repeat-y;
}

.legacy h1,
.legacy h2,
.legacy h3,
.legacy h4,
.legacy h5,
.legacy h6,
.legacy p,
.legacy span,
.legacy dl,
.legacy dt,
.legacy dd,
.legacy ul,
.legacy li,
.legacy a,
.legacy th,
.legacy td {
  font-size: 15px;
  color: #1a1211;
}

.legacy li {
  list-style: none;
}

.legacy img,
.legacy video,
.legacy canvas {
  display: block;
  max-width: 100%;
  height: auto;
  max-height: 100%;
}

.legacy section {
  width: 100%;
  margin: 0 auto 50px;
}
@media (min-width: 751px) {
  .legacy a[href*="tel:"] {
    pointer-events: none;
  }
}
.legacy .main_visual .line_box .lixil_logo {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
}
.legacy .main_visual .line_box .lixil_logo img {
  width: auto;
  max-height: 70px;
  display: block;
}
@media screen and (min-width: 700px) {
  .legacy .main_visual .line_box .lixil_logo img {
    max-height: 85px;
  }
}
@media screen and (min-width: 1024px) {
  .legacy .main_visual .line_box .lixil_logo img {
    max-height: 95px;
  }
}
.legacy .flyer_area {
  background: #ffea00;
  border: 4px solid #1a3d7c;
  border-radius: 16px;
  padding: 28px 24px;
  margin: 20px auto !important;
  max-width: 1100px;
  box-shadow: 0 6px 16px rgba(26, 61, 124, 0.15);
  text-align: center;
  position: relative;
}

.legacy .flyer_area::before {
  content: "📮 POST";
  position: absolute;
  top: -16px;
  left: 24px;
  background: #1a3d7c;
  color: #ffea00;
  font-weight: bold;
  font-size: 0.85em;
  padding: 4px 14px;
  border-radius: 20px;
  letter-spacing: 0.05em;
}

.legacy .flyer_area dt {
  font-size: 1.5em;
  font-weight: bold;
  color: #1a3d7c;
  margin-bottom: 14px;
  padding-bottom: 10px;
  border-bottom: 2px dashed #1a3d7c;
  letter-spacing: 0.05em;
}

.legacy .flyer_area dd {
  font-size: 1.05em;
  color: #1a3d7c;
  line-height: 1.9;
  margin: 0;
  font-weight: 500;
}
.legacy .service_area {
  background: #f0f0f0;
  color: #666;
  font-size: 0.85em;
  line-height: 1.9;
  padding: 18px 24px;
  margin: 20px auto !important;
  max-width: 1100px;
  border-radius: 8px;
}
@media (max-width: 768px) {
  .legacy .flyer_area {
    padding: 22px 16px;
    margin: 24px 12px 12px;
    border-width: 3px;
  }
  .legacy .flyer_area dt {
    font-size: 1.2em;
  }
  .legacy .flyer_area dd {
    font-size: 0.95em;
  }
  .legacy .service_area {
    margin: 12px 12px 0;
    padding: 14px 16px;
    font-size: 0.78em;
  }
}
.legacy .content_title {
  font-size: calc(20px + 0.3 * (100vw - 320px) / 10);
  font-weight: 800;
  text-align: center;
  margin: 0 0 20px 0;
  color: #0e457f;
  line-height: 30px;
  z-index: 9;
  position: relative;
}
.legacy .content_text {
  font-size: 13px;
  text-align: center;
  line-height: 23px;
  margin: 0 0 20px 0;
}
.legacy .sns_box p {
  font-size: 16px;
  font-weight: 900;
  margin: 0 0 15px 0;
}
.legacy .sns_icon {
  width: 180px;
  margin-inline: auto;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
}
.legacy .sns_icon a {
  width: 40px;
}
.legacy .line_box {
  margin: 0 0 20px 0;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  gap: 10px;
}
.legacy .line_box p:nth-of-type(1) {
  width: 220px;
  padding: 10px 0;
  font-size: calc(20px + 0.6 * (100vw - 320px) / 10);
  font-weight: 500;
  text-align: center;
  border: 4px solid #0e457f;
}
.legacy .line_box span {
  font-size: 15px;
  font-weight: bold;
  display: block;
  margin: 0 0 10px 0;
}
.legacy .line_box > p:first-child {
  color: #0e457f;
  background-color: #fff;
}
.legacy .line_box > p:first-child span {
  width: max-content;
  margin: 0 auto 10px;
  color: #0e457f;
  position: relative;
  z-index: 0;
}
.legacy .line_box > p:first-child span::before,
.legacy .line_box > p:first-child span::after {
  content: "";
  width: 10px;
  height: 25px;
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
.legacy .line_box > p:first-child span::before {
  background: url(../images/legacy-icon_slash_left.png) no-repeat center / cover;
  left: -15px;
}
.legacy .line_box > p:first-child span::after {
  background: url(../images/legacy-icon_slash_rigth.png) no-repeat center / cover;
  right: -15px;
}
.legacy .line_link {
  width: max-content;
  margin-inline: auto;
  text-align: center;
}
.legacy .line_link > a {
  width: 240px;
  margin: 0 auto;
  padding: 10px 0;
  font-size: calc(20px + 0.6 * (100vw - 320px) / 10);
  font-weight: 500;
  text-align: center;
  border-radius: 20px;
  box-shadow: 0px 10px 7px -6px rgba(0, 0, 0, 0.3);
  color: #fff;
  background-color: #55b925;
  border: 4px solid #fff;
  display: block;
}
.legacy .line_link span {
  font-size: 15px;
  font-weight: bold;
  display: block;
  margin: 0 0 10px 0;
  color: #fff;
}
.legacy .link_btn {
  width: 100%;
  margin-inline: auto;
}
.legacy .link_btn a {
  width: 80%;
  max-width: 260px;
  margin-inline: auto;
  text-align: center;
  background-color: #0e457f;
  border: 1.5px solid #fff;
  border-radius: 200px;
  box-shadow: 0px 10px 7px -6px rgba(0, 0, 0, 0.3);
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  padding: 15px 20px;
  display: block;
}

.legacy .information_container {
  margin: 0 0 30px 20px;
}
.legacy .information_container a {
  width: 300px;
  margin: 0 auto;
  background-color: #fdec02;
}
.legacy .information_container a:hover {
  background-color: #faf065;
  opacity: 1;
  transition-duration: 0.3s;
}
.legacy .information_box {
  width: inherit;
  padding: 20px 20px 30px;
}
.legacy .information_box a:hover {
  opacity: 0.5;
  transition-duration: 0.3s;
}
.legacy .information_img {
  display: flex;
  gap: 10px;
  margin: 0 0 15px 0;
}
.legacy .information_img_wrap {
  flex: 1;
  overflow: hidden;
  position: relative;
  height: 150px;
}
.legacy .postimg {
  height: auto;
}
.legacy img.infoarchiveimg {
  height: 160px !important;
}
.legacy .information_img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.legacy .construction_case .information_img_wrap {
  aspect-ratio: 1/1;
}
.legacy .information_img .information_img_label {
  position: absolute;
  bottom: 0;
  right: 0;
  background-color: #023a8a;
  color: #fff;
  padding: 5px 8px;
  font-size: 13px;
}
.legacy .information_img_wrap:nth-of-type(2) .information_img_label {
  color: #fdec02;
}
.legacy .information_title {
  margin: 0 0 4px;
  font-size: calc(14px + 0.1 * (100vw - 320px) / 10);
  color: #023a8a;
  font-weight: bold;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  line-height: 25px;
  min-height: 50px;
}
.legacy .title-detail {
  line-height: 16px !important;
}
.legacy .list_title {
  line-height: 20px !important;
}
@media screen and (min-height: 700px) {
  .legacy .information_title {
    line-height: 50px;
  }
}
.legacy .single-titler {
  white-space: normal;
  overflow: unset;
  text-overflow: unset;
  line-height: 1.4;
}
.legacy .information_tag {
  height: calc(32px * 2);
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.legacy .information_tag span {
  width: max-content;
  height: max-content;
  display: inline-block;
  padding: 5px 10px;
  border: 1px solid #023a8a;
  border-radius: 9999px;
  font-size: 12px;
  color: #023a8a;
  background-color: #fff;
}
.legacy .construction_article_wrap .information_img {
  height: auto;
}
.legacy .construction_article_wrap .information_img_wrap {
  height: auto;
  aspect-ratio: 1 / 1;
  overflow: hidden;
}
.legacy .construction_article_wrap .construction_article .information_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.legacy .page_move {
  display: flex;
  gap: 10px;
  width: 90%;
  margin: 30px auto;
}
.legacy .page_move .construction_case {
  flex: 1;
  min-width: 0;
}
.legacy .page_move .construction_case a {
  width: 100%;
}
.legacy .page_move .information_img {
  height: auto;
}
.legacy .page_move .information_img_wrap {
  height: auto;
}
.legacy .page_move .information_img_wrap img {
  height: auto;
  width: 100%;
}
.legacy .page_move .information_title {
  font-size: 12px;
  line-height: 1.4;
  min-height: auto;
  margin: 0 0 4px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.legacy .page_move .information_tag {
  height: auto;
  max-height: 28px;
  overflow: hidden;
}
.legacy .page_move .construction_price_wrap,
.legacy .page_move .information_desc {
  display: none;
}
.legacy .information_box .construction_price_wrap {
  min-height: 20px;
}
.legacy .information_box .information_title {
  line-height: 1.4;
  min-height: calc(1.4em * 2);
}
.legacy .information_desc {
  font-size: 15px;
  color: #333;
  line-height: 1.6;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.legacy .under_line {
  margin: 0 0 15px 0;
  padding: 0 0 15px 0;
  position: relative;
}
.legacy .under_line::before {
  content: "";
  width: 200px;
  height: 20px;
  display: block;
  background: url(../images/legacy-under_line_b.png) no-repeat center / contain;
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
}
.legacy .filter {
  position: absolute;
}
.legacy .filter::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
.legacy .filter-01:after {
  background-color: #00000030;
}
.legacy header {
  width: 100%;
  height: 50px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  background-color: #fdec02;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
}
.legacy header.fixed {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
}
.legacy header h1 {
  height: inherit;
  padding: 0 0 0 25px;
  z-index: 1000;
}
.legacy header h1 a {
  height: inherit;
  display: flex;
  align-items: center;
}
.legacy header h1 a img {
  height: inherit;
  padding: 10px 0;
}
.legacy .active {
  display: block !important;
}
.legacy .navToggle {
  width: 45px;
  height: 45px;
  text-align: center;
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  z-index: 1000;
  background-color: #fff;
  border-radius: 100px;
}
.legacy .navToggle.active {
  background-color: #0e457f;
}
.legacy .navToggle span {
  width: 25px;
  height: 2px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  background: #999;
  transition: all 300ms 0s ease;
}
.legacy .navToggle span:first-child {
  top: 35%;
}
.legacy .navToggle span:last-child {
  top: 67%;
}
.legacy .navToggle.active span:first-child {
  top: 50%;
  transform: translateX(-50%) rotate(-36deg);
  background-color: #fff;
}
.legacy .navToggle.active span:nth-child(2) {
  display: none;
}
.legacy .navToggle.active span:last-child {
  top: 50%;
  transform: translateX(-50%) rotate(36deg);
  background-color: #fff;
}
.legacy .main_nav_box {
  height: inherit;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  padding: 32px 0 0 0;
}
.legacy .main_nav {
  display: none;
}
.legacy .main_nav {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  text-align: center;
  background-color: #fdec02;
  z-index: 100;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}
.legacy .main_nav::before {
  content: "";
  width: 100%;
  height: auto;
  display: block;
  background: url(../images/legacy-nav_sp_back.png) no-repeat center / cover;
  position: absolute;
}
.legacy .main_nav a:hover {
  color: #1aa2e0;
}
.legacy .header_nav {
  margin: 45px 0;
}
.legacy .header_nav ul {
  height: 18vh;
  margin: 40px auto 40px;
  display: flex;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  padding: 0 20px;
}
.legacy .header_nav li {
  width: 48%;
  background-color: #fff;
  border-radius: 10px;
  height: 42px;
  line-height: 42px;
  margin-bottom: 11px;
}
.legacy .header_nav ul li a {
  font-weight: 500;
  font-size: 18px;
}
.legacy .header_nav_box {
  margin: 0 0 20px 0;
}
.legacy .header_nav_box ul {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  gap: 10px;
}
.legacy .header_nav_box li a {
  width: 260px;
  margin: 0 auto;
  padding: 3px;
  background-color: #fff;
  border: 2px solid #0e457f;
  border-radius: 20px;
  font-size: calc(17px + 0.3 * (100vw - 320px) / 10);
  font-weight: bold;
  color: #0e457f;
  display: block;
  transition-duration: 0.3s;
}
.legacy .header_nav_box li a:hover {
  transition-duration: 0.3s;
}
.legacy .nav_box_sp > img {
  width: 80px;
  margin: 0 auto 20px;
}
.legacy .nav_box_sp {
  margin: 0 0 20px 0;
}
.legacy .nav_box_sp address {
  font-size: calc(15px + 0.4 * (100vw - 320px) / 10);
  margin: 0 0 10px 0;
  line-height: 27px;
}
.legacy .main_visual {
  padding: 70px 0 0 0;
}
.legacy .main_visual ul li {
  width: 90%;
  max-width: none;
  margin: 0 auto 20px;
  overflow: hidden;
}
.legacy .main_visual ul li::-webkit-scrollbar {
  display: none;
}
.legacy .main_visual ul li:nth-child(2) {
  width: 100%;
}
.legacy .main_visual ul li:nth-child(2) img {
  width: 600px;
  max-width: none;
  object-position: -70px;
}
.legacy .main_visual .line_container > p:last-child {
  width: 90%;
  max-width: 300px;
  margin: 0 auto;
  padding: 10px 25px;
  color: #fff;
  font-size: 13px;
  text-align: center;
  border-radius: 20px;
  background-color: #0e457f;
}
.legacy .line_small_box {
  display: flex;
  flex-flow: column nowrap;
  gap: 10px;
}
.legacy .main_visual .line_link {
  margin: 0 auto 20px;
}
.legacy .top_about {
  padding: 30px 0;
  position: relative;
}
.legacy .top_about::before {
  content: "";
  width: 100%;
  height: 100%;
  background-color: #fdec02;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  opacity: 0.8;
}
.legacy .top_about_slick {
  margin: 0 0 30px 0;
}
.legacy .top_about_slick li {
  margin: 0 5px;
}
.legacy .top_about_slick li img {
  width: 100%;
  object-fit: cover;
}
.legacy .top_about_container {
  width: 90%;
  max-width: 1260px;
  margin: 0 auto 20px;
  padding: 30px 0;
  background-color: #fff;
  border-radius: 20px;
}
.legacy .top_about_box {
  width: 90%;
  max-width: 1020px;
  margin: 0 auto;
  display: flex;
  flex-flow: column nowrap;
  gap: 10px;
}
.legacy .top_about_box dl {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.legacy .top_about_box dt {
  color: #0e457f;
  font-size: 18px;
  font-weight: 700;
}
.legacy .top_about_box dd {
  font-size: 15px;
  font-weight: bold;
  line-height: 30px;
}
.legacy .construction_price_wrap {
  margin: 0 0 10px 0;
}
.legacy .construction_price_wrap p {
  font-size: 15px;
  color: #023a8a;
}
.legacy .construction_price {
  font-size: 20px;
  color: #023a8a;
  margin: 0 1px 0 10px;
}
.legacy .reason_think {
  position: relative;
}
.legacy .reason_wrap {
  margin: 0 0 20px 0;
}
.legacy .reason_container {
  width: 95%;
  max-width: 1060px;
  margin: 0 auto 20px;
  display: flex;
  flex-flow: column nowrap;
  gap: 40px;
  height: 100%;
}
.legacy .reason_box {
  width: 90%;
  max-width: 350px;
  margin: 0 auto;
  text-align: center;
  display: flex;
  flex-flow: column nowrap;
}
.legacy .reason_img {
  height: 190px;
  margin: 20px 0 15px 0;
  background-color: #fdec02;
  border-radius: 20px;
  position: relative;
  order: -1;
}
.legacy .reason_img img {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.legacy .reason_title {
  color: #023a8a;
  font-size: 22px;
  font-weight: 800;
  margin: 0 0 15px 0;
}
.legacy .reason_desc {
  font-size: calc(15px + 0.2 * (100vw - 320px) / 10);
  line-height: 28px;
  color: #4a4747;
}
.legacy .reason_wrap .line_link {
  position: relative;
  z-index: 0;
}
.legacy .consultation_line {
  width: 90%;
  margin: 70px auto 50px;
  padding: 0 0 30px 0;
  border-radius: 20px;
  position: relative;
}
.legacy .consultation_line::before {
  content: "";
  width: 100%;
  height: 100%;
  background-color: #fdec02;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  opacity: 0.8;
  border-radius: 10px;
}
.legacy .consultation_line_img {
  height: 240px;
  position: relative;
}
.legacy .consultation_line_img img {
  width: 200px;
  position: absolute;
  top: -30px;
  left: 50%;
  transform: translateX(-50%);
}
.legacy .consultation_line_box {
  text-align: center;
}
.legacy .consultation_line_box dt {
  margin: 0 0 10px 0;
  font-size: calc(19px + 0.3 * (100vw - 320px) / 10);
  font-weight: 700;
  color: #55b925;
}
.legacy .consultation_line_box dd {
  margin: 0 0 20px 0;
  font-size: calc(12px + 0.3 * (100vw - 320px) / 10);
}
.legacy .arrival_date {
  margin: 0 0 10px 0;
}
.legacy .news_arrival .information_desc {
  overflow: hidden;
  white-space: initial;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  line-clamp: 2;
  -webkit-line-clamp: 2;
}
.legacy .service_top {
  width: 90%;
  max-width: 1260px;
  margin: 0 auto 50px;
  position: relative;
}
.legacy .service_top img:nth-of-type(1),
.legacy .service_top img:nth-of-type(3) {
  margin: 0 auto 30px;
}
.legacy .service_top img:nth-of-type(2),
.legacy .service_top img:nth-of-type(5),
.legacy .service_top img:nth-of-type(6),
.legacy .service_top img:nth-of-type(7) {
  display: none;
}
.legacy .service_container p {
  text-align: center;
  font-size: 13px;
  font-weight: bold;
  color: #1d1d1d;
}
.legacy .service_container > p {
  margin: 0 0 20px 0;
}
.legacy .service_box {
  max-width: 1260px;
  margin: 0 auto 30px;
  display: flex;
  flex-flow: column nowrap;
  gap: 20px;
}
.legacy .service_type {
  width: 90%;
  max-width: 610px;
  margin: 0 auto;
  text-align: center;
  background-color: #fdec02;
  border: 3px solid #fff;
  border-radius: 20px;
  box-shadow: 0px 10px 7px -6px rgba(0, 0, 0, 0.3);
}
.legacy .service_type:hover {
  background-color: #faf065;
  transition-duration: 0.3s;
}
.legacy .service_type a {
  display: block;
  padding: 15px 0;
}
.legacy .service_type a:hover {
  opacity: 0.8;
  transition-duration: 0.3s;
}
.legacy .service_type span {
  font-weight: bold;
  display: block;
}
.legacy .service_type span:nth-child(1) {
  margin: 0 0 10px 0;
  font-size: calc(18px + 0.5 * (100vw - 320px) / 10);
  color: #023a8a;
}
.legacy .service_type span:nth-child(2) {
  font-size: 13px;
  line-height: 15px;
}
.legacy .service_type span:nth-child(2) span {
  font-size: 10px;
}
.legacy .reason_think .reason_wrap {
  margin: 0 0 30px 0;
  padding: 30px 0 130px 0;
  gap: 30px;
  position: relative;
}
.legacy .reason_think .reason_wrap::before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  background: url(../images/legacy-reason_think_back.jpg) no-repeat bottom / cover;
  background-position-y: 0px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: -2;
}
.legacy .reason_think .reason_wrap::after {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  background-color: #00000085;
  background-position-y: 0px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: -1;
}
.legacy .reason_think .content_title {
  color: #fdec02;
}
.legacy .reason_think .reason_box {
  position: relative;
}
.legacy .reason_think .reason_title,
.legacy .reason_think .reason_desc {
  color: #fff;
}
.legacy .reason_think .reason_title {
  margin: 0 0 15px 0;
  padding: 0 0 20px 0;
  line-height: 35px;
  position: relative;
}
.legacy .reason_think .reason_title::before {
  content: "";
  background: url(../images/legacy-under_line_w.png) no-repeat center / contain;
}
.legacy .footer_about {
  width: 90%;
  max-width: 1260px;
  margin: 0 auto 60px;
  text-align: center;
}
.legacy .footer_about p:nth-of-type(1) {
  line-height: 25px;
  margin: 0 0 20px 0;
}
.legacy .footer_about p:nth-of-type(2) {
  font-size: 12px;
  line-height: 20px;
  margin: 0 0 20px 0;
  background-color: #e2e2e2;
  padding: 10px;
  box-sizing: border-box;
}
.legacy .footer_about dl {
  margin: 0 0 20px 0;
}
.legacy .footer_about dt,
.legacy .footer_about dd {
  font-size: 17px;
}
.legacy .footer_about dt {
  margin: 0 0 5px 0;
}
.legacy .footer_about dd {
  line-height: 27px;
}
.legacy .footer_inquiry {
  width: 90%;
  max-width: 1070px;
  margin: 0 auto 50px;
  background-color: #fdec02;
  border-radius: 20px;
}
.legacy .footer_inquiry_container {
  display: flex;
  flex-flow: column nowrap;
}
.legacy .footer_inquiry_box {
  padding: 30px 40px;
}
.legacy .footer_inquiry_box .reason_box {
  width: 100%;
  margin: 0 auto 20px;
}
.legacy .footer_inquiry_box .line_link {
  width: 100%;
  max-width: 240px;
  margin: 0 auto 30px;
}
.legacy .footer_inquiry_box .line_link a {
  width: 100%;
}
.legacy .footer_link_box {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  gap: 10px;
}
.legacy .footer_inquiry_box .link_btn a {
  width: 100%;
  border-radius: 15px;
  display: block;
}
.legacy .footer_inquiry_box .link_btn:nth-of-type(1) a {
  width: 100%;
  max-width: 240px;
  font-size: 20px;
}
.legacy .footer_inquiry_box .link_btn:nth-of-type(2) a {
  width: 180px;
  font-size: 15px;
}
.legacy .footer_inquiry_box .link_btn a {
  padding: 13px 20px 13px 40px;
  position: relative;
}
.legacy .footer_inquiry_box .link_btn:nth-of-type(2) a {
  padding: 15px 20px 15px 40px;
}
.legacy .footer_inquiry_box .link_btn a::before {
  content: "";
  width: 30px;
  height: 30px;
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 10px;
}
.legacy .footer_inquiry_box .link_btn:nth-of-type(1) a::before {
  background: url(../images/legacy-icon_phone.png) no-repeat center / contain;
}
.legacy .footer_inquiry_box .link_btn:nth-of-type(2) a::before {
  background: url(../images/legacy-icon_mail.png) no-repeat center / contain;
}
.legacy .footer_nav_wrap {
  padding: 30px 0 15px 0;
  background-color: #fdec02;
  text-align: center;
}
.legacy .footer_nav_container {
  display: flex;
  flex-flow: column nowrap;
}
.legacy .footer_nav {
  width: 95%;
  max-width: 370px;
  margin: 0 auto 40px;
}
.legacy .footer_nav ul {
  width: auto;
  height: 280px;
  display: flex;
  flex-flow: column wrap;
  align-items: flex-start;
  gap: 15px;
}
.legacy .footer_nav li a {
  font-size: calc(13px + 0.2 * (100vw - 320px) / 10);
}
.legacy .footer_nav li:nth-of-type(n + 9) {
  margin: 0 0 0 30px;
}
.legacy .footer_address img {
  width: 270px;
  margin: 0 auto 20px;
}
.legacy .footer_address address {
  font-size: 19px;
  line-height: 30px;
  margin: 0 0 20px 0;
}
.legacy .footer_nav_wrap small a {
  font-size: 12px;
}
.legacy .lower_wrap {
  max-width: 1260px;
  margin: 0 auto 50px;
}
.legacy .construction_arrival_lower .content_title {
  color: #4a4747;
  font-size: 20px;
}
.legacy .page_link ul {
  width: 90%;
  max-width: 530px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}
.legacy .page_link li {
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
}
.legacy .page_link li a {
  color: #fff;
  background-color: #0e457f;
  display: block;
}
.legacy .lower_wrap .information_container {
  margin: 0 auto 50px;
}
.legacy .list_wrap {
  max-width: 100%;
}
.legacy .list_wrap .information_container {
  width: 90%;
  max-width: 1280px;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 20px;
}
.legacy .list_wrap .information_box {
  width: 80%;
  max-width: 300px;
  margin: 0 auto;
}
.legacy .article_wrap {
  width: 95%;
  max-width: 860px;
}
.legacy .article_wrap p {
  margin: 0 0 30px 0;
  line-height: 23px;
}
.legacy .article_wrap .information_container {
  display: initial;
}
.legacy .article_wrap .information_box {
  width: 100%;
  max-width: 100%;
  margin: 0 auto 30px;
  padding: 0;
  text-align: center;
  background-color: initial;
}
.legacy .article_wrap .information_tag {
  justify-content: center;
}
.legacy .article_wrap .information_tag,
.legacy .article_wrap .construction_price_wrap,
.legacy .article_wrap .information_title {
  margin: 0 0 20px 0;
}
.legacy .article_wrap .information_img {
  width: 90%;
  margin: 0 auto 20px;
}
.legacy .article_wrap .information_title {
  color: #4a4747;
}
.legacy .article_img {
  width: 50%;
  max-width: 680px;
  height: auto;
  margin: 0 auto 30px 0;
}
.legacy .article_img img {
  width: 100%;
  max-width: inherit;
  max-height: inherit;
  object-fit: cover;
}
.legacy .page_move {
  width: 95%;
  margin: 0 auto;
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}
.legacy .page_move .information_container {
  width: 50%;
  max-width: 300px;
  margin: 0;
}
.legacy .page_move .information_box {
  width: 100%;
  margin: 0;
}
.legacy .page_move .information_img img {
  height: 10vh;
}
.legacy .service_content_wrap .content_text {
  width: 95%;
  margin: 0 auto 40px;
  font-size: 14px;
}
.legacy .layout_container {
  width: 95%;
  margin: 0 auto 40px;
}
.legacy .layout_title {
  margin: 0 0 20px 0;
  font-size: calc(18px + 0.2 * (100vw - 320px) / 10);
  font-weight: bold;
  text-align: center;
  line-height: 30px;
  color: #4a4747;
}
.legacy .layout_text {
  width: 95%;
  margin: 0 auto 30px;
  font-size: 13px;
  text-align: center;
  line-height: 23px;
}
.legacy .two_row,
.legacy .three_row,
.legacy .five_row,
.legacy .two_row_center {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 30px;
}
.legacy .layout_card {
  width: 95%;
  margin: 0 auto;
}
.legacy .layout_card_img {
  max-height: 300px;
  height: 240px;
  margin: 0 0 15px 0;
}
.legacy .two_row .layout_card_img {
  max-height: 350px;
  height: 240px;
  width: 100%;
}
.legacy .layout_card_img img {
  object-fit: cover;
  width: 100%;
}
.legacy .layout_card_title {
  margin: 0 0 10px 0;
  font-weight: bold;
  color: #0e457f;
}
.legacy .layout_card_desc {
  font-size: 13px;
  line-height: 23px;
}
.legacy .service_summary ul {
  width: 95%;
  margin: 0 auto 30px;
  display: flex;
  flex-flow: column nowrap;
  gap: 10px;
}
.legacy .service_summary ul li {
  padding: 0 0 0 20px;
  position: relative;
  color: #0e457f;
  line-height: 23px;
}
.legacy .service_summary ul li::before {
  content: "";
  width: 15px;
  height: 15px;
  display: block;
  position: absolute;
  top: 5px;
  left: 0;
  background: url(../images/legacy-icon_check.png) no-repeat center / contain;
}
.legacy .lower_visual {
  width: 100%;
  height: 20vw;
  max-height: 550px;
  margin: 50px 0 40px 0;
  position: relative;
}
.legacy .lower_visual::after {
  content: "";
  width: 100%;
  height: 100%;
  background-color: #fdec02;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  opacity: 0.8;
}
.legacy .lower_visual_title {
  width: max-content;
  font-size: calc(22px + 0.5 * (100vw - 320px) / 10);
  font-weight: bold;
  text-align: center;
  color: #0e457f;
  position: absolute;
  top: 55%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.legacy .lower_visual_sub {
  margin: 5px 0 0 0;
  font-size: calc(18px + 0.2 * (100vw - 320px) / 10);
  font-weight: bold;
  color: #0e457f;
}
.legacy .lower_visual_title::before {
  width: 200px;
  height: 200px;
  display: block;
  position: absolute;
  top: 55%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  background: url(../images/legacy-MV_lower_title_bcak.png) no-repeat center / cover;
}
.legacy .company_wrap > p {
  margin: 0 0 30px 0;
  text-align: center;
  font-size: calc(14px + 0.2 * (100vw - 320px) / 10);
  font-weight: bold;
  color: #0e457f;
  line-height: 20px;
}
.legacy .mission_list {
  width: 95%;
  max-width: 1170px;
  margin: 0 auto 30px;
  display: grid;
  grid-template-columns: repeat(2, 2fr);
  gap: 10px;
}
.legacy .mission_list li {
  max-width: none;
  padding: 10px 0;
  text-align: center;
  font-weight: bold;
  border: 2px solid #0e457f;
  border-radius: 10px;
  color: #0e457f;
  background-color: #fff;
}
.legacy .company_img {
  width: 95%;
  max-width: 1220px;
  margin: 0 auto 40px;
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-template-rows: auto auto auto;
  gap: 20px;
}
.legacy .company_img li {
  max-height: 360px;
  overflow: hidden;
}
.legacy .company_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.legacy .company_img li:nth-of-type(5) {
  grid-column: 1 / -1;
}
.legacy .company_about {
  max-width: 1040px;
  margin: 0 auto;
}
.legacy .company_profile {
  width: 95%;
  margin: 0 auto;
}
.legacy .profile_box {
  max-width: 930px;
  margin: 0 auto;
}
.legacy .profile_box dl {
  padding: 20px;
  display: flex;
  flex-flow: column nowrap;
  gap: 10px;
  border-bottom: 1px solid #0e457f;
}
.legacy .profile_box dl:first-child {
  border-top: 1px solid #0e457f;
}
.legacy .profile_box dt span,
.legacy .profile_box dd {
  font-size: 15px;
}
.legacy .profile_box dt {
  width: 120px;
  display: flex;
  justify-content: space-between;
}
.legacy .profile_box dt span {
  color: #00388d;
}
.legacy .profile_box dd {
  line-height: 20px;
}
.legacy .construction_article .information_img img {
  height: 25vh;
}
.legacy .contact_wrap {
  text-align: center;
}
.legacy .contact_wrap > p {
  font-size: 13px;
  margin: 0 0 40px 0;
}
.legacy .contact_wrap .content_title {
  margin: 0 0 20px 0;
}
.legacy .contact_wrap .content_text {
  font-size: 16px;
}
.legacy .contact_box_wrap {
  display: flex;
  flex-flow: column nowrap;
}
.legacy .contact_wrap .under_line::before {
  width: 220px;
}
.legacy .contact_wrap .footer_inquiry_box > p {
  margin: 10px 0 0 0;
  font-size: 18px;
  font-weight: 900;
  color: #023a8a;
}
.legacy .contact_container {
  width: 95%;
  max-width: 830px;
  margin: 0 auto;
  padding: 50px 10px;
  background-color: #fff;
  border: 2px solid #0e457f;
  border-radius: 10px;
}
.legacy .contact_container table {
  width: 95%;
  max-width: 320px;
  margin: 0 auto 20px;
}
.legacy .contact_container tr {
  margin: 0 0 30px 0;
  display: block;
}
.legacy .contact_container tr:last-child {
  margin: 0;
}
.legacy .contact_container th,
.legacy .contact_container td {
  font-size: 14px;
  display: block;
  margin: 0 0 10px 0;
}
.legacy .contact_container tr:last-child td {
  margin: 0;
}
.legacy .contact_container th {
  text-align: left;
  color: #0f0f0f;
}
.legacy .contact_container input {
  width: 100%;
  height: 40px;
  padding: 0 10px;
  background-color: #fff;
  border: 1px solid #0e457f;
  border-radius: 4px;
  font-size: 14px;
}
.legacy .contact_container textarea {
  width: 100%;
  height: 100px;
  padding: 10px;
  background-color: #fff;
  border: 1px solid #0e457f;
  border-radius: 4px;
  font-size: 14px;
}
.legacy .contact_container .submit {
  width: 170px;
  height: 40px;
  line-height: 40px;
  margin: 0 auto;
  font-size: 17px;
  font-weight: 500;
  background-color: #fff;
  border-radius: 4px;
}
.legacy .contact_container .submit input {
  color: #fff;
  background-color: #0e457f;
  font-weight: 600;
}
.legacy .apartment_management_box {
  margin: 0 auto 30px;
  text-align: center;
}
.legacy .apartment_management_box:nth-child(even) {
  padding: 30px 0;
  position: relative;
}
.legacy .apartment_management_box:nth-last-child(even)::before {
  content: "";
  width: 100%;
  height: 100%;
  background-color: #fdec02;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  opacity: 0.8;
}
.legacy .apartment_management_box > p:last-child {
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
}
.legacy .apartment_management_box .layout_title {
  width: 95%;
  margin: 0 auto 30px;
}
.legacy .apartment_management_box ul {
  width: 90%;
  margin: 0 auto 20px;
  text-align: left;
  display: flex;
  flex-flow: column nowrap;
  gap: 10px;
}
.legacy .apartment_management_box ul li {
  padding: 0 0 0 15px;
  line-height: 20px;
  color: #0e457f;
  position: relative;
}
.legacy .apartment_management_box ul li:before {
  content: "・";
  position: absolute;
  top: 0;
  left: 0;
}
.legacy .apartment_management_box:nth-of-type(2) ul li {
  padding: 0;
}
.legacy .apartment_management_box:nth-of-type(2) ul li:before {
  content: "";
}
.legacy .apartment_management_box img {
  width: 90%;
  height: 170px;
  margin: 0 auto 20px;
  object-fit: contain;
}

@media screen and (max-width: 320px) {
  .legacy .header_nav ul {
    height: 15vh;
    margin: 60px auto 10px;
  }
  .legacy .header_nav_box {
    margin: 0 0 10px 0;
  }
  .legacy .line_box {
    margin: 0 0 10px 0;
  }
  .legacy .line_box span {
    margin: 0 0 5px 0;
    padding: 5px 0;
  }
  .legacy .nav_box_sp > img {
    display: none;
  }
}

@media screen and (max-height: 700px) {
  .legacy .nav_box_sp > img {
    display: none;
  }
}

@media screen and (min-width: 700px) {
  .legacy {
    background: url(../images/legacy-background_pattern_sp.png) center / cover;
  }
  .legacy .sp_only {
    display: none;
  }
  .legacy section {
    margin: 0 auto 70px;
  }
  .legacy .content_title {
    font-size: 28px;
    line-height: 35px;
  }
  .legacy .content_text {
    font-size: 16px;
    margin: 0 0 30px 0;
  }
  .legacy .line_box p:nth-of-type(1) {
    font-size: 26px;
  }
  .legacy .line_link > a {
    font-size: 26px;
  }
  .legacy .link_btn a {
    width: max-content;
    padding: 20px 30px;
    font-size: 17px;
    border: 3px solid #fff;
  }
  .legacy .information_title {
    font-size: 15px;
  }
  .legacy .header_nav ul li a {
    font-size: 22px;
  }
  .legacy .header_nav_box li a {
    font-size: 20px;
  }
  .legacy .line_box p {
    font-size: 26px;
  }
  .legacy .nav_box_sp address {
    font-size: 19px;
  }
  .legacy .main_nav_box {
    height: inherit;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    padding: 0;
  }
  .legacy .header_nav ul {
    height: 18vh;
    margin: 0 auto 20px;
  }
  .legacy .header_nav_box {
    margin: 0 0 20px 0;
  }
  .legacy .main_nav_box .line_box {
    margin: 0 0 20px 0;
  }
  .legacy .nav_box_sp > img {
    margin: 0 auto 10px;
  }
  .legacy .nav_box_sp address {
    margin: 0 0 10px 0;
  }
  .legacy .main_visual {
    margin: 0 auto 20px;
    position: relative;
    overflow: hidden;
  }
  .legacy .main_visual ul {
    width: 90%;
    max-width: 1360px;
    margin: 30px auto 30px;
  }
  .legacy .main_visual ul li {
    width: 50%;
    margin: 0;
    position: relative;
    z-index: 1;
  }
  .legacy .main_visual ul li:nth-child(1) {
    margin: 0 0 30px 0;
  }
  .legacy .main_visual ul li:nth-child(2) {
    width: 460px;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    right: -20px;
    z-index: 0;
  }
  .legacy .main_visual ul li:nth-child(2) img {
    width: 100%;
    object-position: 30px;
  }
  .legacy .main_visual .line_box {
    flex-flow: row nowrap;
    justify-content: center;
    gap: 30px;
  }
  .legacy .main_visual .line_link {
    margin: 0;
  }
  .legacy .top_about {
    padding: 40px 0 50px 0;
  }
  .legacy .top_about_container {
    width: 95%;
  }
  .legacy .top_about_box {
    flex-flow: row nowrap;
    justify-content: center;
    gap: 50px;
  }
  .legacy .service_top {
    height: 1300px;
  }
  .legacy .service_top img {
    position: absolute;
    height: auto;
  }
  .legacy .service_top img:nth-of-type(1) {
    display: none;
  }
  .legacy .service_top img:nth-of-type(2) {
    width: 40%;
    max-width: 360px;
    display: block;
    top: 0;
    left: 0;
  }
  .legacy .service_top img:nth-of-type(3) {
    width: 55%;
    max-width: 500px;
    margin: 0;
    top: 0;
    right: 0;
  }
  .legacy .service_top img:nth-of-type(4) {
    width: 690px;
    top: 160px;
    left: 50%;
    transform: translateX(-50%);
  }
  .legacy .service_top img:nth-of-type(5) {
    display: block;
    width: 220px;
    left: 50px;
    bottom: 380px;
  }
  .legacy .service_top img:nth-of-type(6) {
    display: block;
    width: 48%;
    max-width: 350px;
    left: 0;
    bottom: 0;
  }
  .legacy .service_top img:nth-of-type(7) {
    display: block;
    width: 48%;
    max-width: 350px;
    right: 0;
    bottom: 0;
  }
  .legacy .service_box {
    margin: 0 auto 50px;
  }
  .legacy .service_container p {
    font-size: 18px;
  }
  .legacy .service_type span:nth-child(1) {
    font-size: 30px;
  }
  .legacy .service_type span:nth-child(2) {
    font-size: 22px;
    line-height: 30px;
  }
  .legacy .service_type span:nth-child(2) span {
    font-size: 15px;
  }
  .legacy .service_container span {
    font-size: 22px;
  }
  .legacy .reason_think .reason_wrap {
    height: 900px;
    padding: 50px 0 0 0;
  }
  .legacy .reason_desc {
    font-size: 16px;
  }
  .legacy .reason_think .line_link {
    position: absolute;
    left: 50%;
    bottom: 50px;
    transform: translateX(-50%);
  }
  .legacy .footer_about .content_text {
    font-size: 16px;
  }
  .legacy .footer_about p:nth-of-type(1) {
    font-size: 18px;
    line-height: 30px;
  }
  .legacy .footer_about p:nth-of-type(2) {
    font-size: 15px;
    line-height: 30px;
  }
  .legacy .footer_about dd {
    line-height: 35px;
  }
  .legacy .footer_inquiry_container {
    flex-flow: row nowrap;
    align-items: flex-start;
  }
  .legacy .footer_inquiry_box:nth-of-type(2) .reason_box {
    margin: 0 auto 15px;
  }
  .legacy .footer_nav {
    max-width: 600px;
  }
  .legacy .footer_nav ul {
    height: 170px;
    gap: 20px;
  }
  .legacy .footer_nav li:nth-of-type(n + 9) {
    margin: 0;
  }
  .legacy .footer_nav li a {
    font-size: 18px;
  }
  .legacy .lower_visual_title {
    font-size: 35px;
  }
  .legacy .construction_arrival_lower .content_title {
    font-size: 23px;
  }
  .legacy .lower_wrap .information_container {
    grid-template-columns: repeat(2, 1fr);
  }
  .legacy .lower_wrap .information_box {
    width: 100%;
  }
  .legacy .article_wrap .information_tag span {
    font-size: 16px;
  }
  .legacy .article_wrap .construction_price_wrap p {
    font-size: 20px;
  }
  .legacy .article_wrap .construction_price {
    font-size: 30px;
  }
  .legacy .article_wrap .information_title {
    font-size: 20px;
  }
  .legacy .article_wrap .arrival_date {
    font-size: 18px;
  }
  .legacy .layout_container {
    margin: 0 auto 50px;
  }
  .legacy .layout_title {
    font-size: 23px;
    line-height: 35px;
  }
  .legacy .layout_text {
    font-size: 15px;
    line-height: 26px;
  }
  .legacy .two_row {
    grid-template-columns: repeat(2, 1fr);
  }
  .legacy .three_row {
    grid-template-columns: repeat(3, 1fr);
  }
  .legacy .five_row {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    gap: 50px 30px;
  }
  .legacy .five_row .layout_card {
    width: calc(90% / 3);
    margin: 0;
  }
  .legacy .two_row_center {
    width: 80%;
    margin: 0 auto;
    grid-template-columns: repeat(2, 1fr);
  }
  .legacy .layout_card {
    width: 100%;
  }
  .legacy .layout_card_title {
    font-size: 16px;
    line-height: 23px;
  }
  .legacy .layout_card_desc {
    font-size: 15px;
  }
  .legacy .service_summary ul {
    width: max-content;
  }
  .legacy .lower_visual_title::before {
  }
  .legacy .lower_visual_sub {
    font-size: 20px;
    margin: 15px 0 0 0;
  }
  .legacy .company_wrap > p {
    font-size: 24px;
    line-height: 32px;
  }
  .legacy .mission_list {
    grid-template-columns: repeat(4, 1fr);
  }
  .legacy .mission_list li {
    font-size: 17px;
  }
  .legacy .company_img {
    grid-template-columns: repeat(2, 1fr);
  }
  .legacy .profile_box dl {
    flex-flow: row nowrap;
    gap: 30px;
  }
  .legacy .profile_box dt span,
  .legacy .profile_box dd {
    font-size: 18px;
  }
  .legacy .profile_box dt {
    width: 130px;
    margin: 3px 0 0 0;
  }
  .legacy .profile_box dd {
    width: calc(100% - 130px);
  }
  .legacy .construction_article .information_img img {
    height: 250px;
  }
  .legacy .construction_article .information_img_label {
    font-size: 20px;
  }
  .legacy .contact_container {
    width: 75%;
    margin: 40px auto;
  }
  .legacy .contact_container th,
  .legacy .contact_container td,
  .legacy .contact_container textarea {
    font-size: 15px;
  }
  .legacy .contact_container textarea {
    height: 150px;
  }
  .legacy .layout_washroom:nth-of-type(1) .two_row {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
  }
  .legacy .layout_washroom:nth-of-type(1) .layout_card {
    width: 47%;
  }
  .legacy .apartment_management_box {
    margin: 0 auto 40px;
  }
  .legacy .apartment_management_box ul {
    width: max-content;
  }
  .legacy .apartment_management_box ul li {
    font-size: 17px;
  }
  .legacy .apartment_management_box > p:last-child {
    font-size: 17px;
  }
}

@media screen and (min-width: 1024px) {
  .legacy .header_nav ul {
    margin: 40px auto 40px;
    display: flex;
    flex-flow: row;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
    padding: 0;
  }
  .legacy .header_nav li {
    width: fit-content;
    background-color: unset;
    border-radius: 0;
    height: auto;
    line-height: normal;
    margin-bottom: 0;
  }
  .legacy .tb_only {
    display: none;
  }
  .legacy .pc_only {
    display: block;
  }
  .legacy section {
    margin: 0 auto 100px;
  }
  .legacy .content_title {
    font-size: 35px;
    margin: 0 0 40px 0;
    line-height: 45px;
  }
  .legacy .content_text {
    margin: 0 0 40px 0;
    font-size: 20px;
    line-height: 35px;
  }
  .legacy .link_btn a {
    max-width: max-content;
    padding: 20px 40px;
    font-size: 20px;
    border: 4px solid #fff;
  }
  .legacy .information_container {
    margin: 0 0 40px 70px;
  }
  .legacy .under_line::before {
    width: 260px;
  }
  .legacy header {
    height: 100px;
    transition: height 0.3s ease;
  }
  .legacy header.fixed {
    height: 60px;
  }
  .legacy header h1 {
    width: 300px;
    height: auto;
    transition: width 0.3s ease;
  }
  .legacy header.fixed h1 {
    width: 240px;
  }
  .legacy .navToggle,
  .legacy .navToggle.active,
  .legacy .navToggle.active span:first-child,
  .legacy .navToggle.active span:last-child,
  .legacy .main_nav_box .line_box,
  .legacy .nav_box_sp {
    display: none;
  }
  .legacy .navToggle.active {
    background-color: initial;
  }
  .legacy .main_nav {
    width: initial;
    height: inherit;
    position: initial;
    display: block;
    background-color: initial;
  }
  .legacy .main_nav {
    margin: 0 30px 0 0;
  }
  .legacy .main_nav_box {
    flex-flow: row nowrap;
    align-items: center;
  }
  .legacy .header_nav {
    margin: 0 30px 0 0;
  }
  .legacy .header_nav ul {
    height: initial;
    margin: 0;
    flex-flow: row nowrap;
    gap: 10px;
  }
  .legacy .header_nav ul li a,
  .legacy .header_nav_box li a {
    font-size: calc(13px + 0.2 * (100vw - 1024px) / 42);
  }
  .legacy .header_nav_box {
    margin: 0;
  }
  .legacy .header_nav_box ul {
    flex-flow: row nowrap;
  }
  .legacy .header_nav_box li a {
    width: fit-content;
    padding: 10px 20px;
  }
  .legacy header.fixed .header_nav_box li a {
    padding: 3px 20px;
  }
  .legacy .main_visual {
    padding: 100px 0 0 0;
  }
  .legacy .main_visual ul li {
    max-width: 600px;
  }
  .legacy .main_visual ul li:nth-child(2) {
    width: 65vw;
    max-width: 880px;
    top: 340px;
    left: 47%;
  }
  .legacy .main_visual ul li:nth-child(2) img {
    object-position: 0;
  }
  .legacy .line_container {
    width: 90%;
    max-width: 1360px;
    margin: 0 auto;
  }
  .legacy .main_visual .line_box {
    justify-content: flex-start;
  }
  .legacy .main_visual .line_container > p:last-child {
    margin: 0;
  }
  .legacy .top_about {
    padding: 50px 0 70px 0;
  }
  .legacy .top_about_slick {
    margin: 0 0 50px 0;
  }
  .legacy .top_about_slick li {
    max-width: 410px;
    margin: 0 20px;
  }
  .legacy .top_about_slick li img {
    max-width: inherit;
  }
  .legacy .top_about_container {
    margin: 0 auto 40px;
  }
  .legacy .top_about_box {
    justify-content: space-between;
  }
  .legacy .top_about_box dt {
    font-size: 25px;
  }
  .legacy .top_about_box dd {
    font-size: 20px;
    line-height: 40px;
  }
  .legacy .reason_container {
    margin: 0 auto 40px;
    flex-flow: row nowrap;
  }
  .legacy .reason_title {
    font-size: 25px;
  }
  .legacy .consultation_line {
    max-width: 920px;
    margin: 100px auto 100px;
    padding: 30px 0;
    display: flex;
    position: relative;
  }
  .legacy .consultation_line_img {
    width: 380px;
    min-width: 380px;
    position: initial;
  }
  .legacy .consultation_line_img img {
    width: 330px;
    height: auto;
    top: -60px;
    left: 30px;
    transform: initial;
  }
  .legacy .consultation_line_box {
    text-align: left;
  }
  .legacy .consultation_line_box dt {
    font-size: 35px;
  }
  .legacy .consultation_line_box dd {
    font-size: 20px;
    line-height: 35px;
  }
  .legacy .consultation_line .line_link > a {
    margin: 0 0 0 50px;
  }
  .legacy .service_top {
    height: 70vw;
    max-height: 760px;
    margin: 0 auto 80px;
  }
  .legacy .service_top img:nth-of-type(2) {
    max-width: 500px;
    position: relative;
    z-index: 1;
  }
  .legacy .service_top img:nth-of-type(3) {
    max-width: 700px;
    z-index: 1;
  }
  .legacy .service_top img:nth-of-type(4) {
    top: 15vw;
  }
  .legacy .service_top img:nth-of-type(5) {
    left: 0;
    bottom: 310px;
  }
  .legacy .service_top img:nth-of-type(6) {
    width: 280px;
  }
  .legacy .service_top img:nth-of-type(7) {
    width: 280px;
  }
  .legacy .service_box {
    width: 95%;
    height: 730px;
    flex-flow: column wrap;
  }
  .legacy .service_type {
    width: 49%;
  }
  .legacy .service_container p {
    font-size: 22px;
  }
  .legacy .service_type span:nth-child(2) span {
    display: inline-block;
    margin: 0;
  }
  .legacy .service_container ul:nth-of-type(2) .service_type {
    width: 95%;
    max-width: 1260px;
  }
  .legacy .reason_think .reason_wrap {
    height: 600px;
    padding: 60px 0 0 0;
  }
  .legacy .reason_think .content_title {
    margin: 0 0 50px 0;
  }
  .legacy .reason_think .reason_title {
    font-size: 25px;
  }

  .legacy .reason_think .reason_wrap::before {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    background: url(../images/legacy-reason_think_back.jpg) no-repeat bottom / cover;
    background-position-y: 0px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: -2;
  }
  .legacy .reason_think .reason_wrap::after {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    background-color: #00000085;
    background-position-y: 30px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
  }
  .legacy .footer_about p:nth-of-type(1) {
    font-size: 20px;
    line-height: 35px;
    margin: 0 0 30px 0;
  }
  .legacy .footer_about p:nth-of-type(2) {
    margin: 0 0 30px 0;
  }
  .legacy .footer_inquiry_container {
    max-width: 950px;
    margin: 0 auto;
    padding: 40px 0 30px 0;
    justify-content: space-between;
    align-items: flex-start;
  }
  .legacy .footer_inquiry_box {
    max-width: 440px;
    padding: 0;
    margin: 0 10px;
  }
  .legacy .footer_inquiry_box .reason_box {
    max-width: 100%;
    margin: 0 0 10px 0;
  }
  .legacy .footer_inquiry_box .line_link {
    margin: 0 auto 14px;
  }
  .legacy .footer_link_box {
    flex-flow: row nowrap;
    justify-content: space-between;
  }
  .legacy .footer_inquiry_box .reason_desc {
    text-align: left;
  }
  .legacy .footer_inquiry_box .link_btn,
  .legacy .footer_inquiry_box .link_btn a {
    max-width: 100%;
    width: fit-content;
    margin-inline: initial;
  }
  .legacy .footer_nav_wrap {
    padding: 40px 0 20px 0;
  }
  .legacy .footer_nav_container {
    width: 98%;
    max-width: 1220px;
    margin: 0 auto 30px;
    flex-flow: row-reverse nowrap;
    justify-content: space-between;
  }
  .legacy .footer_nav {
    margin: 0;
  }
  .legacy .footer_address {
    text-align: left;
  }
  .legacy .footer_address img {
    width: 330px;
    margin: 0;
  }
  .legacy .footer_address .sns_icon {
    margin-inline: initial;
  }
  .legacy .footer_nav_wrap small a {
    font-size: 16px;
  }
  .legacy .lower_wrap .information_container {
    grid-template-columns: repeat(3, 1fr);
  }
  .legacy .construction_arrival_lower .content_title {
    font-size: 26px;
  }
  .legacy .article_wrap p {
    font-size: 16px;
    line-height: 30px;
  }
  .legacy .article_wrap .information_tag span {
    padding: 7px 25px;
  }
  .legacy .article_wrap .construction_price_wrap p {
    font-size: 26px;
  }
  .legacy .article_wrap .information_img {
    margin: 0 auto 40px;
  }
  .legacy .article_wrap .information_tag {
    margin: 0 auto 30px;
  }
  .legacy .article_wrap .construction_price {
    font-size: 45px;
    margin: 0 auto 30px;
  }
  .legacy .article_wrap .information_title {
    font-size: 26px;
    margin: 0 auto 40px;
  }
  .legacy .article_wrap .arrival_date {
    font-size: 20px;
  }
  .legacy .page_move .information_img img {
    height: 120px;
  }
  .legacy .page_move .construction_price_wrap,
  .legacy .page_move .information_desc {
    display: block;
  }
  .legacy .page_move .information_title {
    font-size: 15px;
  }
  .legacy .page_move .information_tag {
    max-height: none;
  }
  .legacy .service_content_wrap .content_text {
    width: 100%;
    margin: 0 auto 50px;
    font-size: 16px;
  }
  .legacy .layout_container {
    margin: 0 auto 80px;
  }
  .legacy .layout_title {
    font-size: 26px;
    margin: 0 auto 40px;
  }
  .legacy .layout_text {
    width: 100%;
    font-size: 16px;
    margin: 0 auto 60px;
  }
  .legacy .layout_card_title {
    font-size: 20px;
    line-height: 30px;
  }
  .legacy .layout_card_desc {
    font-size: 16px;
  }
  .legacy .two_row,
  .legacy .three_row,
  .legacy .two_row_centet {
    gap: 50px;
  }
  .legacy .service_summary ul li {
    font-size: 20px;
  }
  .legacy .lower_visual {
    margin: 0 0 70px 0;
  }
  .legacy .lower_visual_title {
    font-size: 45px;
  }
  .legacy .lower_visual_title::before {
    width: 420px;
    height: 420px;
  }
  .legacy .company_wrap > p {
    margin: 0 0 80px 0;
  }
  .legacy .mission_list {
    margin: 0 auto 40px;
  }
  .legacy .mission_list li {
    padding: 20px 0;
    font-size: 20px;
  }
  .legacy .company_img {
    margin: 0 auto 80px;
    gap: 40px;
  }
  .legacy .company_about {
    margin: 0 auto 80px;
  }
  .legacy .profile_box dl {
    gap: 60px;
  }
  .legacy .profile_box dt span,
  .legacy .profile_box dd {
    font-size: 20px;
  }
  .legacy .profile_box dd {
    width: 600px;
    line-height: 40px;
  }
  .legacy .construction_article .information_img {
    gap: 30px;
  }
  .legacy .construction_article .information_img img {
    height: 430px;
  }
  .legacy .contact_wrap .content_text {
    font-size: 30px;
    line-height: 45px;
  }
  .legacy .contact_wrap > p {
    font-size: 20px;
    margin: 10px 0 70px 0;
  }
  .legacy .contact_box_wrap {
    flex-flow: row nowrap;
    justify-content: center;
  }
  .legacy .contact_box_wrap .footer_inquiry_box {
    padding: 30px 40px;
  }
  .legacy .contact_wrap .footer_inquiry_box > p {
    font-size: 25px;
  }
  .legacy .contact_box_wrap .footer_inquiry_box:nth-of-type(1) p {
    margin: 35px 0 0 0;
  }
  .legacy .contact_box_wrap .footer_inquiry_box:nth-of-type(1) .reason_title {
    margin: 0 0 30px 0;
  }
  .legacy .contact_container {
    padding: 60px 0 80px 0;
  }
  .legacy .contact_container tr {
    margin: 0 0 35px 0;
  }
  .legacy .contact_container th,
  .legacy .contact_container td,
  .legacy .contact_container textarea {
    font-size: 16px;
  }
  .legacy .contact_container textarea {
    height: 180px;
  }
  .legacy .apartment_management_box {
    margin: 0 auto 60px;
  }
  .legacy .apartment_management_box:nth-child(even) {
    padding: 50px 0;
  }
  .legacy .apartment_management_box ul {
    margin: 0 auto 30px;
  }
  .legacy .apartment_management_box ul li {
    font-size: 20px;
  }
  .legacy .apartment_management_box > p:last-child {
    font-size: 20px;
  }
  .legacy .apartment_management_box img {
    height: 330px;
    margin: 0 auto 30px;
  }
}

@media screen and (min-width: 1440px) {
  .legacy .service_top img:nth-of-type(4) {
    top: 220px;
  }
  .legacy .service_type span:nth-child(1) {
    font-size: 38px;
  }
  .legacy .main_visual ul li:nth-child(2) {
    top: 60px;
    transform: none;
  }
  .legacy .lower_wrap .information_container {
    grid-template-columns: repeat(4, 1fr);
  }
  .legacy .layout_container {
    width: 100%;
  }
}
.legacy .pager {
  margin: 40px 0;
  display: flex;
  gap: 16px;
  justify-content: space-between;
}
.legacy .pager_prev,
.legacy .pager_next {
  flex: 1 1 0;
}
.legacy .pager_prev a,
.legacy .pager_next a {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 12px 14px;
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  text-decoration: none;
  color: inherit;
  line-height: 1.5;
}
.legacy .pager_prev a:hover,
.legacy .pager_next a:hover {
  border-color: #bdbdbd;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}
.legacy .pager_prev a:focus,
.legacy .pager_next a:focus {
  outline: 2px solid #4b9cff;
  outline-offset: 2px;
}

.legacy .pager_label {
  font-size: 12px;
  opacity: 0.7;
  letter-spacing: 0.05em;
}
.legacy .pager_title {
  font-size: 14px;
  font-weight: 600;
}
.legacy .pager_prev a .pager_label::before {
  content: "←";
  margin-right: 0.35em;
}
.legacy .pager_next a .pager_label::after {
  content: "→";
  margin-left: 0.35em;
}
@media (max-width: 640px) {
  .legacy .pager {
    flex-direction: column;
  }
}
.legacy .pager_numeric {
  margin: 40px auto 0;
  display: block;
}
.legacy .pager_numeric .pager_list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: center;
  list-style: none;
  padding: 0;
  margin: 0;
}
.legacy .pager_numeric .page-numbers {
  display: inline-block;
  min-width: 36px;
  padding: 8px 10px;
  text-align: center;
  border: 1px solid #e5e5e5;
  border-radius: 6px;
  text-decoration: none;
  line-height: 1;
}
.legacy .pager_numeric .page-numbers:hover {
  border-color: #bdbdbd;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
}
.legacy .pager_numeric .page-numbers.current {
  background: #111;
  color: #fff;
  border-color: #111;
  cursor: default;
}
.legacy #aboutus-root.au {
  --au-max: 1100px;
  --au-gap: 24px;
  --au-muted: #666;
  --au-line: #e6e6e6;
  --au-accent: #111;
}
.legacy #aboutus-root.au {
  box-sizing: border-box;
  margin: 0 auto;
  max-width: var(--au-max);
  padding: 32px 16px;
  font-family:
    system-ui,
    -apple-system,
    "Noto Sans JP",
    sans-serif;
  line-height: 1.8;
  color: #222;
}
.legacy #aboutus-root.au * {
  box-sizing: inherit;
  letter-spacing: 0.02em;
}
.legacy #aboutus-root .au-lead {
  margin: 0 0 32px;
  font-size: clamp(14px, 1.6vw, 16px);
  color: #333;
}
.legacy #aboutus-root .au-lead p {
  margin: 0 0 1em;
}
.legacy #aboutus-root .au-h {
  font-size: clamp(18px, 2vw, 20px);
  margin: 0 0 16px;
  padding: 8px 0;
  border-bottom: 2px solid var(--au-accent);
}
.legacy #aboutus-root .au-table {
  width: 100%;
  border-collapse: collapse;
  border-top: 1px solid var(--au-line);
  border-bottom: 1px solid var(--au-line);
  background: #fff;
}
.legacy #aboutus-root .au-table th,
.legacy #aboutus-root .au-table td {
  padding: 12px 14px;
  vertical-align: top;
  border-top: 1px solid var(--au-line);
  word-break: break-word;
}
.legacy #aboutus-root .au-table th {
  width: 140px;
  background: #fafafa;
  font-weight: 600;
  text-align: left;
  color: #111;
}
.legacy #aboutus-root .au-table tr:first-child th,
.legacy #aboutus-root .au-table tr:first-child td {
  border-top: none;
}
.legacy #aboutus-root .au-tel {
  color: inherit;
  text-decoration: none;
  border-bottom: 1px dotted #aaa;
}
.legacy #aboutus-root .au-tel:hover {
  border-bottom-color: #666;
}
.legacy #aboutus-root .au-section {
  margin: 36px 0;
}
.legacy #aboutus-root .au-mapgrid {
  display: grid;
  grid-template-columns: 1fr;
  gap: var(--au-gap);
}
@media (min-width: 820px) {
  .legacy #aboutus-root .au-mapgrid {
    grid-template-columns: 1fr 1fr;
  }
}

.legacy #aboutus-root .au-card {
  background: #fff;
  border: 1px solid var(--au-line);
  border-radius: 10px;
  padding: 16px;
}
.legacy #aboutus-root .au-card-title {
  margin: 0 0 10px;
  font-size: 18px;
  font-weight: 700;
}
.legacy #aboutus-root .au-mapframe {
  width: 100%;
  aspect-ratio: 16 / 9;
  border-radius: 8px;
  overflow: hidden;
  background: #f2f2f2;
}
.legacy #aboutus-root .au-mapframe iframe {
  width: 100%;
  height: 100%;
  border: 0;
  display: block;
}
.legacy #aboutus-root .au-mapph {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  color: var(--au-muted);
  font-size: 14px;
}
.legacy #aboutus-root .au-address {
  margin: 10px 2px 0;
  color: #333;
  font-size: 14px;
}
.legacy #aboutus-root.au a {
  color: inherit;
}
.legacy #aboutus-root.au img {
  max-width: 100%;
  height: auto;
  display: block;
}
.legacy .philosophy_wrap {
  --ph-accent: #f3d35a;
  --ph-border: #e7e7e7;
  --ph-text: #222;
  --ph-muted: #666;
}
.legacy .philosophy_wrap {
  margin: 24px 0;
}
.legacy .philosophy_grid {
  display: grid;
  gap: 24px;
  grid-template-columns: 1fr;
}
@media (min-width: 900px) {
  .legacy .philosophy_grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

.legacy .philosophy_card {
  position: relative;
  background: #fff;
  border: 1px solid var(--ph-border);
  border-radius: 14px;
  padding: 22px 20px 20px;
  color: var(--ph-text);
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.04);
  display: flex;
  flex-direction: column;
}
.legacy .philosophy_card::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 6px;
  background: linear-gradient(90deg, var(--ph-accent), #ffeaa0);
  border-radius: 14px 14px 0 0;
}

.legacy .philosophy_head {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 10px;
}
.legacy .philosophy_num {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  background: var(--ph-accent);
  font-weight: 700;
  color: #111;
  box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.08);
}
.legacy .philosophy_title {
  font-size: 20px;
  line-height: 1;
  margin: 0;
  font-weight: 700;
  letter-spacing: 0.02em;
}

.legacy .philosophy_quote {
  margin: 0.2em 0 0.8em;
  padding-left: 12px;
  border-left: 3px solid var(--ph-accent);
  color: #333;
  font-weight: 600;
  line-height: 1.7;
}
.legacy .philosophy_text {
  margin: 0;
  color: var(--ph-muted);
  line-height: 1.9;
}

.legacy .pc-only {
  display: none;
}
@media (min-width: 768px) {
  .legacy .pc-only {
    display: inline;
  }
}

.legacy .slick-slide {
  height: auto !important;
}