/*
  Variables
================================================================ */
/*
  Fonts
================================================================ */
@import url("https://fonts.googleapis.com/css2?family=Marcellus&family=Oswald:wght@200..700&family=Zen+Kaku+Gothic+Antique:wght@300;400;700&family=Zen+Old+Mincho:wght@400;700&display=swap");
.zen_gothic {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 300;
  font-style: normal;
}
.zen_gothic_bold {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  font-style: normal;
}
.zen_mincho, .page.page-template-default .main .general__title .title, .page.page-template-page .main .general__title .title, .page.page-template-default .main .general__title .sub, .page.page-template-page .main .general__title .sub, .page.page-template-page-dept .main .dept__intro .txt, .page.page-template-page-dept .main .dept__records.estates .list li .txt, .page.page-template-page-company .company__title .title, .page.page-template-page-company .company__title .sub, .page.page-template-page-company .company__section .titleArea .title, .page.page-template-page-company .company__section .titleArea .sub, .page.page-template-page-company .company__section .titleArea .txt, .page.page-template-page-company .company__section .titleArea .tabswitch li span, .page.page-template-page-company .company__section .textArea .desc dt, .page.page-template-page-company .company__section .textArea .desc dd, .page.page-template-page-company .company__section .textArea .detail .title, .page.page-template-page-business .main .business__title .title, .page.page-template-page-business .main .business__title .sub, .page.page-template-page-business .main .business__intro .title, .page.page-template-page-business .main .business__intro .txt, .page.page-template-page-business .main .business__detail .textArea .txt, .page.page-template-page-business .main .faq__detail .title {
  font-family: "Zen Old Mincho", serif;
  font-weight: 300;
  font-style: normal;
}
.zen_mincho_bold {
  font-family: "Zen Old Mincho", serif;
  font-weight: 700;
  font-style: normal;
}

.marcellus {
  font-family: "Marcellus", serif;
  font-weight: 400;
  font-style: normal;
}

.oswald {
  font-family: "Oswald", sans-serif;
  font-style: normal;
}

@font-face {
  font-family: "icomoon";
  src: url("../fonts/icomoon.eot?gvahar");
  src: url("../fonts/icomoon.eot?gvahar#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?gvahar") format("truetype"), url("../fonts/icomoon.woff?gvahar") format("woff"), url("../fonts/icomoon.svg?gvahar#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=icon-], [class*=" icon-"] {
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-youtube:before {
  content: "\e900";
}

.icon-facebook:before {
  content: "\e901";
}

.icon-line:before {
  content: "\e902";
}

.icon-arrow:before {
  content: "\e903";
}

/*
  Function
================================================================ */
.page {
  background: #F8F8F8;
}
.page .main {
  margin: min(80px, 10vw) 0 0 0;
}
.page .main .section {
  margin: 0 0 min(80px, 10vw) 0;
}
@media screen and (max-width: 767px) {
  .page .main {
    margin: min(80px, 10vw) 0 0 0;
  }
}
.page.page-template-default .main, .page.page-template-page .main {
  margin: min(80px, 10vw) 0 0 0;
}
.page.page-template-default .main > .container > .inner, .page.page-template-page .main > .container > .inner {
  max-width: 980px;
  margin: 0 auto;
}
.page.page-template-default .main .general__title, .page.page-template-page .main .general__title {
  margin: 0 0 min(45px, 6.4vw) 0;
}
.page.page-template-default .main .general__title .title, .page.page-template-page .main .general__title .title {
  color: #000000;
  font-size: clamp(1.75rem, 0.7rem + 2.19vw, 3rem);
  line-height: 1.6;
  letter-spacing: 0.05em;
}
.page.page-template-default .main .general__title .sub, .page.page-template-page .main .general__title .sub {
  display: block;
  font-size: clamp(1rem, 0.685rem + 0.66vw, 1.375rem);
  line-height: 1.6;
  padding: min(30px, 8vw) 0 0 0;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 767px) {
  .page.page-template-default .main .general__title .sub, .page.page-template-page .main .general__title .sub {
    padding: 15px 0 0 0;
    color: #9e9e9e;
  }
}
.page.page-template-page-dept .main > .container {
  display: flex;
  flex-wrap: wrap;
  gap: 0 min(50px, 6.5vw);
}
.page.page-template-page-dept .main > .container .content {
  flex: 1;
  min-width: 0;
  margin: min(45px, 12.4vw) 0 0 0;
}
.page.page-template-page-dept .main > .container .side {
  margin: 0 0 min(30px, 4vw) 0;
}
.page.page-template-page-dept .main > .container .side .formArea {
  max-width: 350px;
  position: -webkit-sticky;
  position: sticky;
  padding: min(25px, 2.5vw);
  background: rgba(255, 255, 255, 0.45);
  -webkit-backdrop-filter: blur(12px);
          backdrop-filter: blur(12px);
}
.page.page-template-page-dept .main > .container .side .formArea .title {
  position: relative;
  z-index: 0;
  text-align: center;
  font-size: clamp(14px, 1.4vw, 16px);
  padding: 1em;
  line-height: 1;
  color: #fff;
  background: #2D2F6F;
  border-radius: 6px;
  margin: 0 0 1.3em 0;
}
.page.page-template-page-dept .main > .container .side .formArea .title::after {
  content: "";
  display: block;
  width: 44px;
  height: 17px;
  background: #2D2F6F;
  -webkit-clip-path: polygon(50% 17px, 0% 0%, 44px 0%);
          clip-path: polygon(50% 17px, 0% 0%, 44px 0%);
  position: absolute;
  z-index: -1;
  bottom: -16px;
  left: 50%;
  transform: translateX(-50%);
}
.page.page-template-page-dept .main > .container .side .formArea .wpcf7-response-output {
  background: none;
  margin: 1em 0 0 0;
  padding: 0.5em;
  font-size: 12px;
}
@media screen and (max-width: 1139px) {
  .page.page-template-page-dept .main > .container {
    gap: 0 min(30px, 4vw);
  }
  .page.page-template-page-dept .main > .container .side .formArea {
    max-width: 280px;
    padding: 15px;
  }
}
@media screen and (max-width: 767px) {
  .page.page-template-page-dept .main > .container {
    display: block;
  }
  .page.page-template-page-dept .main > .container .content {
    margin: 0 0 0 0;
  }
  .page.page-template-page-dept .main > .container .side {
    margin: 0 0 min(80px, 10vw) 0;
  }
  .page.page-template-page-dept .main > .container .side .formArea {
    max-width: none;
    width: 100%;
  }
}
.page.page-template-page-dept .main .dept__video {
  background-color: #ccc;
}
.page.page-template-page-dept .main .dept__video .video__inner {
  max-width: 980px;
  margin: auto;
  padding: 3rem 1rem;
}
.page.page-template-page-dept .main .dept__video .video__inner video {
  width: 100%;
  height: auto;
}
.page.page-template-page-dept .main .dept__intro {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-rows: auto auto 1fr;
  grid-template-areas: "titleArea images" "text images" "btn images";
  gap: 0px min(60px, 16vw);
  align-items: stretch;
}
.page.page-template-page-dept .main .dept__intro .images {
  grid-area: images;
  max-width: 350px;
}
.page.page-template-page-dept .main .dept__intro .images > img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
}
.page.page-template-page-dept .main .dept__intro .titleArea {
  grid-area: titleArea;
}
.page.page-template-page-dept .main .dept__intro .txt {
  grid-area: text;
  font-size: clamp(0.875rem, 0.77rem + 0.22vw, 1rem);
  line-height: 2;
  letter-spacing: 0.08em;
  text-align: justify;
  margin: 0 0 0 0;
}
.page.page-template-page-dept .main .dept__intro .btn__wrap {
  grid-area: btn;
  margin: min(30px, 8vw) 0;
}
.page.page-template-page-dept .main .dept__intro .btn__wrap .btn__large_w {
  display: flex;
  max-width: 300px;
}
.page.page-template-page-dept .main .dept__intro .btn__wrap .btn__large_w:not(:last-of-type) {
  margin: 0 0 min(15px, 4vw) 0;
}
@media screen and (max-width: 1139px) {
  .page.page-template-page-dept .main .dept__intro {
    grid-template-columns: 1fr auto;
    grid-template-rows: auto auto 1fr;
    grid-template-areas: "titleArea titleArea" "text images" "btn images";
  }
}
@media screen and (max-width: 767px) {
  .page.page-template-page-dept .main .dept__intro {
    grid-template-columns: auto;
    grid-template-rows: auto auto auto auto;
    grid-template-areas: "titleArea" "text" "btn" "images";
    gap: 0 0;
  }
  .page.page-template-page-dept .main .dept__intro .images {
    max-width: none;
  }
  .page.page-template-page-dept .main .dept__intro .btn__wrap .btn__large_w {
    max-width: none;
  }
}
.page.page-template-page-dept .main .dept__records.clients .list {
  display: flex;
  flex-wrap: wrap;
  gap: 2px 2px;
  margin: 0 0 min(30px, 8vw) 0;
}
.page.page-template-page-dept .main .dept__records.clients .list li {
  width: calc(20% - 1.6px);
}
@media screen and (max-width: 767px) {
  .page.page-template-page-dept .main .dept__records.clients .list li {
    width: calc(33.3333333333% - 1.6px);
  }
}
.page.page-template-page-dept .main .dept__records.clients .list li > a {
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1/1;
  background: #fff;
  padding: min(0px, 2vw);
}
.page.page-template-page-dept .main .dept__records.clients .list li > a img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.page.page-template-page-dept .main .dept__records.estates .list {
  margin: 0 0 min(30px, 8vw) 0;
}
.page.page-template-page-dept .main .dept__records.estates .list li {
  padding: min(30px, 8vw) 0;
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: auto 1fr;
  gap: 0px min(30px, 8vw);
  grid-template-areas: "images title" "images txt";
  border-bottom: 1px solid #707070;
}
.page.page-template-page-dept .main .dept__records.estates .list li:first-child {
  border-top: 1px solid #707070;
}
.page.page-template-page-dept .main .dept__records.estates .list li .images {
  grid-area: images;
  margin: 0 0 0 0;
  max-width: 200px;
}
.page.page-template-page-dept .main .dept__records.estates .list li .images img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: auto;
  aspect-ratio: 1/1;
}
.page.page-template-page-dept .main .dept__records.estates .list li .title {
  grid-area: title;
  font-size: clamp(1rem, 0.685rem + 0.66vw, 1.375rem);
  margin: min(15px, 4vw) 0;
}
.page.page-template-page-dept .main .dept__records.estates .list li .txt {
  grid-area: txt;
  font-size: clamp(0.875rem, 0.77rem + 0.22vw, 1rem);
  line-height: 1.8;
}
@media screen and (max-width: 767px) {
  .page.page-template-page-dept .main .dept__records.estates .list li {
    grid-template-columns: auto 1fr;
    grid-template-rows: auto auto;
    gap: min(15px, 4vw) min(15px, 4vw);
    grid-template-areas: "images title" "txt txt";
  }
  .page.page-template-page-dept .main .dept__records.estates .list li .images {
    max-width: 80px;
  }
  .page.page-template-page-dept .main .dept__records.estates .list li .title {
    align-self: center;
  }
}
.page.page-template-page-dept .main .faq__other .articles .article {
  width: calc(33.3333333333% - min(40px, 4vw) / 3 * 2);
}
@media screen and (max-width: 1139px) {
  .page.page-template-page-dept .main .faq__other .articles .article {
    min-width: 40%;
  }
}
@media screen and (max-width: 767px) {
  .page.page-template-page-dept .main .faq__other .articles .article {
    min-width: 60%;
  }
}
.page.page-template-page-company .main {
  overflow: hidden;
}
.page.page-template-page-company .company__title {
  margin: 0 0 min(60px, 15vw) 0;
}
.page.page-template-page-company .company__title .title {
  color: #000000;
  font-size: clamp(1.75rem, 0.7rem + 2.19vw, 3rem);
  line-height: 1.6;
  letter-spacing: 0.05em;
}
.page.page-template-page-company .company__title .sub {
  display: block;
  font-size: clamp(1rem, 0.685rem + 0.66vw, 1.375rem);
  line-height: 1.6;
  padding: min(20px, 5vw) 0 0 0;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 767px) {
  .page.page-template-page-company .company__title .sub {
    padding: 15px 0 0 0;
    color: #9e9e9e;
  }
}
.page.page-template-page-company .company__section {
  display: flex;
  flex-wrap: wrap;
  gap: 0 min(60px, 15vw);
}
.page.page-template-page-company .company__section .titleArea {
  flex: 0.3;
  padding: min(45px, 11vw) 0;
}
.page.page-template-page-company .company__section .titleArea .title {
  line-height: 1.6;
  letter-spacing: 0.05em;
  font-size: clamp(1.5rem, 0.87rem + 1.31vw, 2.25rem);
}
.page.page-template-page-company .company__section .titleArea .sub {
  display: block;
  line-height: 1.6;
  letter-spacing: 0.05em;
  font-size: clamp(1rem, 0.685rem + 0.66vw, 1.375rem);
  padding: min(10px, 3vw) 0 0 0;
}
.page.page-template-page-company .company__section .titleArea .txt {
  line-height: 1.6;
  letter-spacing: 0.05em;
  font-size: clamp(0.875rem, 0.77rem + 0.22vw, 1rem);
  padding: min(20px, 5vw) 0 0 0;
}
.page.page-template-page-company .company__section .titleArea .tabswitch {
  position: -webkit-sticky;
  position: sticky;
  top: 100px;
  margin: min(20px, 5vw) 0 0 0;
}
.page.page-template-page-company .company__section .titleArea .tabswitch li {
  cursor: pointer;
  padding: min(15px, 4vw) 0;
}
.page.page-template-page-company .company__section .titleArea .tabswitch li span {
  display: block;
  text-decoration: none;
  padding: 0 0 0 min(15px, 4vw);
  color: #919191;
  border-left: 6px solid #919191;
  line-height: 1.6;
  letter-spacing: 0.05em;
}
.page.page-template-page-company .company__section .titleArea .tabswitch li.active span {
  color: #000000;
  border-left: 6px solid #696969;
}
.page.page-template-page-company .company__section .textArea {
  flex: 0.7;
}
.page.page-template-page-company .company__section .textArea .desc {
  display: flex;
  flex-wrap: wrap;
  gap: 0 0;
}
.page.page-template-page-company .company__section .textArea .desc dt {
  width: 20%;
  padding: min(45px, 11vw) 0;
  font-size: clamp(0.875rem, 0.665rem + 0.44vw, 1.125rem);
  line-height: 2;
  letter-spacing: 0.05em;
  border-bottom: 1px solid #C6C6C6;
}
.page.page-template-page-company .company__section .textArea .desc dt.accsess {
  width: 100%;
  padding: min(45px, 11vw) 0 0 0;
  border-bottom: none;
}
.page.page-template-page-company .company__section .textArea .desc dd {
  width: 80%;
  padding: min(45px, 11vw) 0;
  font-size: clamp(0.875rem, 0.665rem + 0.44vw, 1.125rem);
  line-height: 2;
  letter-spacing: 0.05em;
  border-bottom: 1px solid #C6C6C6;
}
.page.page-template-page-company .company__section .textArea .desc dd.accsess {
  width: 100%;
}
.page.page-template-page-company .company__section .textArea .desc dd.accsess iframe {
  width: 100%;
}
.page.page-template-page-company .company__section .textArea .detail {
  display: flex;
  flex-wrap: wrap;
  gap: 0 0;
}
.page.page-template-page-company .company__section .textArea .detail .title {
  width: 20%;
  min-width: 160px;
  padding: min(45px, 11vw) min(15px, 4vw) min(45px, 11vw) 0;
  font-size: clamp(0.875rem, 0.665rem + 0.44vw, 1.125rem);
  line-height: 2;
  letter-spacing: 0.05em;
  text-align: right;
  border-top: 1px solid #000;
}
.page.page-template-page-company .company__section .textArea .detail .desc {
  flex: 1;
}
.page.page-template-page-company .company__section .textArea .detail .desc dt {
  padding-right: min(15px, 4vw);
  border-bottom: none;
  border-top: 1px solid #C6C6C6;
}
.page.page-template-page-company .company__section .textArea .detail .desc dd {
  border-bottom: none;
  border-top: 1px solid #C6C6C6;
}
.page.page-template-page-company .company__section .textArea .detail.reiwa .title {
  border-top: none;
}
.page.page-template-page-company .company__section .textArea .tabs .tab {
  display: none;
}
.page.page-template-page-company .company__section .textArea .tabs .tab.active {
  display: block;
}
.page.page-template-page-company .company .history {
  position: relative;
  z-index: 0;
  padding-top: min(80px, 20vw);
  padding-bottom: min(125px, 33vw);
  padding-left: calc((100vw - 100%) / 2);
  padding-right: calc((100vw - 100%) / 2);
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}
.page.page-template-page-company .company .history::after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #F7F4EF;
}
@media screen and (max-width: 767px) {
  .page.page-template-page-company .company__section {
    display: block;
  }
  .page.page-template-page-company .company__section .titleArea .sub {
    position: relative;
    z-index: 0;
    padding: min(20px, 5vw) 0 0 0;
  }
  .page.page-template-page-company .company__section .titleArea .sub::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 10px;
    width: 25px;
    height: 1px;
    background: #000;
  }
  .page.page-template-page-company .company__section .titleArea .txt {
    padding: min(10px, 2vw) 0 0 0;
  }
  .page.page-template-page-company .company__section .textArea .desc dt {
    width: 25%;
    padding: min(15px, 4vw) 0;
  }
  .page.page-template-page-company .company__section .textArea .desc dd {
    width: 75%;
    padding: min(15px, 4vw) 0;
  }
  .page.page-template-page-company .company__section .textArea .detail {
    display: block;
  }
  .page.page-template-page-company .company__section .textArea .detail .title {
    position: relative;
    z-index: 0;
    display: block;
    width: 100%;
    padding: min(30px, 4vw) 0;
    text-align: left;
    border-top: 1px solid #c6c6c6;
  }
  .page.page-template-page-company .company__section .textArea .detail .title::before {
    content: "";
    position: absolute;
    z-index: 1;
    top: -1px;
    left: 0;
    width: 30px;
    height: 1px;
    background: #1A1A1A;
  }
  .page.page-template-page-company .company__section .textArea .detail .desc {
    display: flex;
    padding: 0 0 0 min(30px, 4vw);
  }
  .page.page-template-page-company .company__section .textArea .detail .desc dt {
    width: 5rem;
    padding: min(30px, 4vw) 0;
  }
  .page.page-template-page-company .company__section .textArea .detail .desc dd {
    width: calc(100% - 5rem);
    padding: min(30px, 4vw) 0;
  }
  .page.page-template-page-company .company .history {
    padding-top: min(15px, 4vw);
    padding-bottom: min(45px, 11vw);
  }
  .page.page-template-page-company .company .history .titleArea {
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-rows: auto auto auto;
    gap: 0px 0px;
    grid-template-areas: "title tabswitch" "sub tabswitch" "txt tabswitch";
    align-items: stretch;
  }
  .page.page-template-page-company .company .history .titleArea .title {
    grid-area: title;
  }
  .page.page-template-page-company .company .history .titleArea .sub {
    grid-area: sub;
  }
  .page.page-template-page-company .company .history .titleArea .txt {
    grid-area: txt;
  }
  .page.page-template-page-company .company .history .titleArea .tabswitch {
    grid-area: tabswitch;
    margin: 0 0 0 0;
  }
  .page.page-template-page-company .company .history .titleArea .tabswitch li {
    padding: 0 0 0 0;
  }
  .page.page-template-page-company .company .history .titleArea .tabswitch li span {
    padding: 5px 0 5px min(15px, 4vw);
  }
}
.page.page-template-page-business .main {
  margin: min(80px, 10vw) 0 0 0;
}
.page.page-template-page-business .main > .container > .inner {
  max-width: 980px;
  margin: 0 auto;
}
.page.page-template-page-business .main .business__title {
  margin: 0 0 min(80px, 10vw) 0;
}
.page.page-template-page-business .main .business__title .title {
  color: #000000;
  font-size: clamp(1.75rem, 0.7rem + 2.19vw, 3rem);
  line-height: 1.6;
  letter-spacing: 0.05em;
}
.page.page-template-page-business .main .business__title .sub {
  display: block;
  font-size: clamp(1rem, 0.685rem + 0.66vw, 1.375rem);
  line-height: 1.6;
  padding: min(30px, 8vw) 0 0 0;
  letter-spacing: 0.08em;
}
.page.page-template-page-business .main .business__title .btn__large {
  margin-top: min(45px, 12vw);
}
@media screen and (max-width: 767px) {
  .page.page-template-page-business .main .business__title .sub {
    padding: 15px 0 0 0;
    color: #9e9e9e;
  }
}
.page.page-template-page-business .main .business__video {
  background-color: #ccc;
}
.page.page-template-page-business .main .business__video .video__inner {
  max-width: 980px;
  margin: auto;
  padding: 1rem;
}
.page.page-template-page-business .main .business__video .video__inner video {
  width: 100%;
  height: auto;
}
.page.page-template-page-business .main .business__intro {
  position: relative;
  z-index: 0;
  padding-top: min(80px, 20vw);
  padding-bottom: min(80px, 20vw);
  background: #fff;
}
.page.page-template-page-business .main .business__intro .inner {
  max-width: 980px;
  margin: 0 auto;
}
.page.page-template-page-business .main .business__intro .title {
  font-size: clamp(1.75rem, 0.7rem + 2.19vw, 3rem);
  line-height: 1.6;
  letter-spacing: 0.05em;
  margin: 0 0 min(30px, 8vw) 0;
}
.page.page-template-page-business .main .business__intro .txt {
  font-size: clamp(0.875rem, 0.77rem + 0.22vw, 1rem);
  line-height: 2;
  letter-spacing: 0.05em;
}
.page.page-template-page-business .main .business__intro .txt:not(:last-of-type) {
  margin: 0 0 2em 0;
}
@media screen and (max-width: 767px) {
  .page.page-template-page-business .main .business__intro .title br,
.page.page-template-page-business .main .business__intro .txt br {
    display: none;
  }
}
.page.page-template-page-business .main .business__detail .container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr;
  grid-template-areas: "leftBox images" "leftBox etc";
  gap: min(30px, 8vw) min(45px, 4.5vw);
}
.page.page-template-page-business .main .business__detail .container .leftBox {
  grid-area: leftBox;
}
.page.page-template-page-business .main .business__detail .textArea .txt {
  font-size: clamp(0.875rem, 0.77rem + 0.22vw, 1rem);
  text-align: justify;
  line-height: 2;
  margin: 0 0 min(30px, 8vw) 0;
}
.page.page-template-page-business .main .business__detail_ma {
  padding-top: min(45px, 4.5vw);
  padding-bottom: min(80px, 10vw);
}
.page.page-template-page-business .main .business__detail_revitalization {
  padding-top: min(80px, 10vw);
  padding-bottom: min(80px, 10vw);
  background: #F7F4EF;
}
.page.page-template-page-business .main .business__detail_realestate {
  padding-top: min(80px, 10vw);
  padding-bottom: min(80px, 10vw);
  background: #fff;
}
@media screen and (max-width: 767px) {
  .page.page-template-page-business .main .business__detail .container {
    grid-template-columns: auto;
    grid-template-rows: auto auto auto;
    grid-template-areas: "images" "leftBox" "etc";
    gap: 0 0;
  }
  .page.page-template-page-business .main .business__detail .container .faq {
    grid-area: etc;
    margin-top: min(30px, 8vw);
  }
  .page.page-template-page-business .main .business__detail .container .faq__detail {
    gap: 0 min(15px, 4vw);
    padding: min(15px, 4vw) 0;
  }
  .page.page-template-page-business .main .business__detail .container .faq__detail .btn__link > span {
    width: 80px;
  }
  .page.page-template-page-business .main .business__detail .container .images {
    margin: 0 max(-30px, -4vw) min(45px, 6.4vw) max(-30px, -4vw);
  }
  .page.page-template-page-business .main .business__detail .container .textArea .txt {
    margin: 0 0 min(45px, 6.4vw) 0;
    text-align: justify;
  }
  .page.page-template-page-business .main .business__detail_ma {
    padding-top: 0;
  }
  .page.page-template-page-business .main .business__detail_revitalization {
    padding-top: 0;
    padding-bottom: min(45px, 11vw);
  }
  .page.page-template-page-business .main .business__detail_realestate {
    padding-top: 0;
    padding-bottom: min(45px, 11vw);
  }
}
.page.page-template-page-business .main .company {
  padding-top: min(100px, 10vw);
  padding-bottom: min(100px, 10vw);
  background: #F8F4EE;
}
.page.page-template-page-business .main .company__images {
  display: block;
  padding: min(15px, 4vw);
  background: #fff;
  margin: 0 0 min(30px, 8vw);
}
.page.page-template-page-business .main .company__images img {
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 1560/430;
  width: 100%;
  height: 100%;
}
.page.page-template-page-business .main .company__detail {
  display: flex;
  align-items: center;
  gap: 0 min(30px, 8vw);
  padding: min(30px, 8vw);
  border-top: 1px solid #707070;
}
.page.page-template-page-business .main .company__detail:last-child {
  border-bottom: 1px solid #707070;
}
.page.page-template-page-business .main .company__detail .title {
  flex: 0.3;
  min-width: 180px;
  font-size: clamp(1rem, 0.685rem + 0.66vw, 1.375rem);
}
.page.page-template-page-business .main .company__detail .txt {
  flex: 1;
  font-size: clamp(0.875rem, 0.77rem + 0.22vw, 1rem);
  line-height: 1.8;
}
.page.page-template-page-business .main .company__detail .btn__link {
  justify-content: flex-end;
}
@media screen and (max-width: 767px) {
  .page.page-template-page-business .main .company {
    padding-top: min(45px, 12.4vw);
    padding-bottom: min(45px, 12.4vw);
  }
  .page.page-template-page-business .main .company__images {
    padding: 0 0;
    margin: 0 0 20px 0;
  }
  .page.page-template-page-business .main .company__images img {
    aspect-ratio: 400/240;
  }
  .page.page-template-page-business .main .company__detail {
    flex-wrap: wrap;
    gap: 30px 30px;
    padding: 30px 0;
  }
  .page.page-template-page-business .main .company__detail .title {
    order: 1;
    flex: 0.6;
    font-size: 22px;
  }
  .page.page-template-page-business .main .company__detail .btn__link {
    order: 2;
    flex: 0.4;
  }
  .page.page-template-page-business .main .company__detail .txt {
    order: 3;
    flex: auto;
  }
}
.page.page-template-page-business .main .faq__detail {
  display: flex;
  align-items: center;
  gap: 0 min(30px, 8vw);
  padding: min(30px, 8vw);
  border-top: 1px solid #707070;
}
.page.page-template-page-business .main .faq__detail:last-child {
  border-bottom: 1px solid #707070;
}
.page.page-template-page-business .main .faq__detail .title {
  flex: 1;
  min-width: 180px;
  font-size: clamp(0.875rem, 0.665rem + 0.44vw, 1.125rem);
  line-height: 1.6;
  letter-spacing: 0.05em;
}
.page.page-template-page-business .main .faq__detail .btn__link {
  justify-content: flex-end;
}
/*# sourceMappingURL=page.css.map */