@charset "UTF-8";
/*=======================================
	breakpoint
=======================================*/
/*=======================================
	hover
=======================================*/
/*=======================================
	中央配置
=======================================*/
/*=======================================
	可変レスポンシブ
=======================================*/
/* PC */
/* TB */
/* SP */
/*=======================================
	ブラウザ別
=======================================*/
/* Safari */
/* Firefox */
/*-----------------------------------------
scssで制作してます。cssを変更しないでください。
-----------------------------------------*/
/*----------------------------------------
	- main visual
	- access_train
	- access_omiya
	- access_tokyo
-----------------------------------------*/
/*-----------------------------------------
	main visual
-----------------------------------------*/
.und_mv {
  position: relative;
  background: center/cover no-repeat;
  background-image: -webkit-image-set(url("../img/2ldk_life/mv.webp") type('image/webp'), url("../img/2ldk_life/mv.jpg") type('image/jpeg'));
  background-image: image-set(url("../img/2ldk_life/mv.webp") type('image/webp'), url("../img/2ldk_life/mv.jpg") type('image/jpeg'));
  margin-bottom: 0;
}
.und_mv h2 {
  -webkit-filter: none;
          filter: none;
  font-size: min(48px, 4vw);
}
@media screen and (max-width: 768px) {
  .und_mv h2 {
    bottom: max(-89px, -11.6036505867vw);
    font-size: min(33px, 4.3024771838vw);
  }
}
.und_mv p {
  position: absolute;
  right: 20px;
  bottom: 10px;
  left: auto;
  color: #999;
  font-size: 20px;
  font-weight: 500;
  font-style: italic;
  font-family: "Cinzel", serif;
}
@media screen and (max-width: 768px) {
  .und_mv p {
    font-size: min(20px, 2.6075619296vw);
    right: min(10px, 1.3037809648vw);
    bottom: min(5px, 0.6518904824vw);
  }
}

.about--wrap {
  padding: 108px 0 0;
  background: no-repeat top center/cover;
  background-image: -webkit-image-set(url("../img/2ldk_life/about_bg.webp") type('image/webp'), url("../img/2ldk_life/about_bg.jpg") type('image/jpeg'));
  background-image: image-set(url("../img/2ldk_life/about_bg.webp") type('image/webp'), url("../img/2ldk_life/about_bg.jpg") type('image/jpeg'));
}
@media screen and (max-width: 768px) {
  .about--wrap {
    padding-top: min(190px, 24.7718383312vw);
    background-image: -webkit-image-set(url("../img/2ldk_life/sp/about_bg.webp") type('image/webp'), url("../img/2ldk_life/sp/about_bg.jpg") type('image/jpeg'));
    background-image: image-set(url("../img/2ldk_life/sp/about_bg.webp") type('image/webp'), url("../img/2ldk_life/sp/about_bg.jpg") type('image/jpeg'));
  }
}
.about .inner {
  width: min(1200px, 79vw);
  margin: 0 auto min(80px, 5vw);
  max-width: none;
  padding: 0;
}
@media screen and (max-width: 768px) {
  .about .inner {
    width: 87%;
    margin-bottom: min(96px, 12.5162972621vw);
  }
}
.about--lead {
  margin-bottom: min(65px, 5.41vw);
}
@media screen and (max-width: 768px) {
  .about--lead {
    margin-bottom: min(64px, 8.3441981747vw);
  }
}
.about--lead h3 {
  text-align: center;
  font-size: 38px;
  font-weight: 400;
  letter-spacing: 0.1em;
  line-height: 1.49;
  margin-bottom: min(28px, 2.33vw);
}
@media screen and (max-width: 768px) {
  .about--lead h3 {
    font-size: min(40px, 5.2151238592vw);
    font-weight: 600;
    line-height: 1.7;
    margin-bottom: min(45px, 5.8670143416vw);
  }
}
.about--lead p {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.78;
  letter-spacing: 0.075em;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .about--lead p {
    font-size: min(27px, 3.520208605vw);
    line-height: 1.67;
  }
}
.about--lead small {
  display: block;
  margin-top: 2em;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .about--lead small {
    font-size: min(20px, 2.6075619296vw);
  }
}
.about--future h3 {
  text-align: center;
  font-size: min(36px, 3vw);
  font-weight: 400;
  color: #fff;
  letter-spacing: 0.05em;
  background: #2a1600;
  line-height: min(65px, 5.416vw);
  margin-bottom: min(20px, 1.25vw);
}
@media screen and (max-width: 768px) {
  .about--future h3 {
    font-size: min(48px, 6.258148631vw);
    line-height: min(88px, 11.4732724902vw);
    margin-bottom: min(24px, 3.1290743155vw);
  }
}
.about--future p {
  font-size: min(21.7px, 1.808vw);
  font-weight: 400;
  line-height: 1.66;
  margin-bottom: min(41px, 3.416vw);
}
@media screen and (max-width: 768px) {
  .about--future p {
    font-size: min(27px, 3.520208605vw);
    margin-bottom: min(73px, 9.517601043vw);
  }
}
.about--future .future-image {
  width: 93.6%;
  margin: auto;
}
@media screen and (max-width: 768px) {
  .about--future .future-image {
    width: 100vw;
    margin: 0 calc(50% - 50vw);
    padding: 0 5vw;
  }
}
.about--image {
  width: min(1200px, 75vw);
  margin: auto;
}
@media screen and (max-width: 768px) {
  .about--image {
    width: 100%;
  }
  .about--image img {
    width: 100%;
  }
}
.about--image figure {
  position: relative;
}
.about--image figure figcaption {
  position: absolute;
  top: 50%;
  left: 0;
  width: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  margin: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 768px) {
  .about--image figure figcaption {
    width: 62%;
  }
}
.about--image figure figcaption h4 {
  color: #fff;
  font-size: min(26px, 1.625vw);
  font-weight: 400;
  line-height: 2.3;
}
@media screen and (max-width: 768px) {
  .about--image figure figcaption h4 {
    font-size: min(24px, 3.1290743155vw);
    font-weight: 600;
  }
}

.case .case--lead {
  width: min(1000px, 83.333vw);
  margin: 0 auto 40px;
}
@media screen and (max-width: 768px) {
  .case .case--lead {
    width: 90%;
    margin-bottom: min(70px, 9.33vw);
  }
}
.case .case--lead h3 {
  background: #2a1600;
  color: #fff;
  font-size: min(36px, 3vw);
  margin-bottom: min(20px, 1.66vw);
}
@media screen and (max-width: 768px) {
  .case .case--lead h3 {
    padding: 12px 0;
    margin-bottom: 20px;
    font-size: min(48px, 6.4vw);
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: -0.05em;
  }
}
.case .case--lead h3::before, .case .case--lead h3::after {
  display: none;
}
.case .case--lead p {
  font-size: min(18px, 1.5vw);
}
@media screen and (max-width: 768px) {
  .case .case--lead p {
    font-size: min(26px, 3.46vw);
  }
}
.case--single {
  background: no-repeat top center/cover;
  padding: min(80px, 6.66vw) 0 min(56px, 4.66vw);
}
@media screen and (max-width: 768px) {
  .case--single {
    padding: min(90px, 11.7340286832vw) 0 min(100px, 13.037809648vw);
  }
}
.case--single.single1 {
  background: url("../img/2ldk_life/case1_bg.webp") no-repeat top center/cover;
}
@media screen and (max-width: 768px) {
  .case--single.single1 {
    background: url("../img/2ldk_life/sp/case1_bg.webp") no-repeat top center/cover;
  }
}
.case--single.single2 {
  background: url("../img/2ldk_life/case2_bg.webp") no-repeat top center/cover;
}
@media screen and (max-width: 768px) {
  .case--single.single2 {
    padding-bottom: 1px;
  }
}
.case .inner {
  width: min(1000px, 83.333vw);
  margin: 0 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  padding: 0;
}
@media screen and (max-width: 768px) {
  .case .inner {
    width: 100%;
  }
  .case .inner figure {
    padding-left: 3vw;
  }
}
.case h3 {
  text-align: center;
  width: 100%;
  margin: 0 0 min(40px, 3.33vw);
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: min(41px, 3.416vw);
  font-weight: 400;
  font-family: "Cinzel", serif;
  letter-spacing: 0.03em;
}
@media screen and (max-width: 768px) {
  .case h3 {
    font-size: min(46px, 5.9973924381vw);
    margin-bottom: min(50px, 6.66vw);
  }
}
.case h3::before, .case h3::after {
  content: "";
  width: min(40px, 3.33vw);
  height: 2px;
  background: #231815;
  display: block;
  margin: 0 min(7px, 0.583vw);
}
@media screen and (max-width: 768px) {
  .case h3::before, .case h3::after {
    width: min(50px, 6.518904824vw);
    margin: 0 min(8px, 1.0430247718vw);
  }
}
.case .sub_title {
  font-size: min(26px, 2.166vw);
  line-height: 1.6;
  margin-bottom: min(38px, 3.16vw);
  letter-spacing: -0.05em;
  width: 100%;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .case .sub_title {
    font-size: min(35px, 4.5632333768vw);
    line-height: 1.7;
    margin-bottom: min(74px, 9.6479791395vw);
  }
}
.case .floor-plan {
  margin-left: 1.2%;
  margin-right: auto;
}
@media screen and (min-width: 769px) {
  .case .floor-plan.plan1 {
    width: 56%;
  }
  .case .floor-plan.plan2 {
    width: 50%;
  }
}
@media screen and (max-width: 768px) {
  .case .floor-plan {
    width: 100%;
    margin: 0 auto min(30px, 3.9113428944vw);
  }
}
.case .floor-info {
  width: 36%;
}
@media screen and (max-width: 768px) {
  .case .floor-info {
    width: 100%;
  }
}
.case .floor-info__single {
  margin-bottom: min(30px, 2.5vw);
}
@media screen and (max-width: 768px) {
  .case .floor-info__single {
    margin-bottom: min(73px, 9.517601043vw);
  }
}
.case .floor-info__single h5 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  color: #2a1600;
  font-size: min(30px, 2.5vw);
  margin-bottom: min(20px, 1.66vw);
}
@media screen and (max-width: 768px) {
  .case .floor-info__single h5 {
    font-size: min(42px, 5.4758800522vw);
    margin-bottom: min(30px, 3.9113428944vw);
  }
}
.case .floor-info__single h5 span {
  display: block;
  width: min(42px, 3.5vw);
  height: min(42px, 3.5vw);
  line-height: min(42px, 3.5vw);
  background: #231815;
  text-align: center;
  color: #fff;
  margin-right: min(16px, 1.33vw);
  position: relative;
  top: min(5px, 0.41vw);
  font-size: min(35px, 2.1875vw);
}
@media screen and (max-width: 768px) {
  .case .floor-info__single h5 span {
    width: min(56px, 7.3011734029vw);
    height: min(56px, 7.3011734029vw);
    line-height: min(56px, 7.3011734029vw);
    font-size: min(47px, 6.1277705346vw);
    margin-right: min(24px, 3.1290743155vw);
  }
}
.case .floor-info__single .image {
  margin-bottom: 10px;
  width: 94%;
}
@media screen and (max-width: 768px) {
  .case .floor-info__single .image {
    width: 93%;
    margin: 0 0 min(25px, 3.259452412vw) min(25px, 3.259452412vw);
  }
}
.case .floor-info__single p {
  font-size: min(20px, 1.66vw);
  line-height: 1.4;
}
@media screen and (max-width: 768px) {
  .case .floor-info__single p {
    font-size: min(28px, 3.6505867014vw);
    line-height: 1.55;
    letter-spacing: -0.014em;
  }
}
.case .floor-info__single p .box_num {
  display: inline-block;
  background: #231815;
  font-size: inherit;
  color: #fff;
  margin: 0 4px;
  padding: 0 8px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .case .floor-info__single p .box_num {
    padding: 0 1.6vw;
  }
}
.case .floor-info__single p + .arrow_txt {
  margin-top: min(30px, 2.5vw);
}
.case .floor-info__single .arrow_txt {
  padding: min(20px, 1.66vw) min(30px, 2.5vw);
  background: #fff;
  border: 4px solid #ad0e16;
  margin-top: min(40px, 3.33vw);
}
.case .floor-info__single .arrow_txt p {
  font-size: min(24px, 1.5vw);
  line-height: 1.3;
}
@media screen and (max-width: 768px) {
  .case .floor-info__single .arrow_txt p {
    font-size: min(28px, 3.6505867014vw);
    line-height: 1.55;
    letter-spacing: -0.014em;
  }
}
.case .floor-info .small-txt {
  margin-top: min(64px, 5.33vw);
}
.case .floor-info .small-txt.other {
  margin-top: min(33px, 2.75vw);
}
.case .floor-info .small-txt ul {
  display: grid;
  grid-template-columns: -webkit-max-content -webkit-max-content;
  grid-template-columns: max-content max-content;
  gap: min(14px, 1.166vw) min(24px, 2vw);
  margin-bottom: min(27px, 2.25vw);
}
@media screen and (max-width: 768px) {
  .case .floor-info .small-txt ul {
    grid-template-columns: -webkit-max-content -webkit-max-content -webkit-max-content -webkit-max-content;
    grid-template-columns: max-content max-content max-content max-content;
    gap: min(26px, 3.3898305085vw);
  }
}
.case .floor-info .small-txt ul li figure {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: min(10px, 0.83vw) min(5px, 0.416vw);
}
@media screen and (max-width: 768px) {
  .case .floor-info .small-txt ul li figure {
    gap: min(10px, 1.3037809648vw);
  }
}
.case .floor-info .small-txt ul li figure img {
  width: min(80px, 5vw);
}
@media screen and (max-width: 768px) {
  .case .floor-info .small-txt ul li figure img {
    width: min(80px, 10.4302477184vw);
  }
}
.case .floor-info .small-txt ul li figcaption {
  font-size: min(19px, 1.583vw);
}
@media screen and (max-width: 768px) {
  .case .floor-info .small-txt ul li figcaption {
    font-size: min(25px, 3.259452412vw);
  }
}
.case .floor-info .small-txt small {
  font-size: min(15px, 1.25vw);
  display: block;
  line-height: 1.4;
}
@media screen and (max-width: 768px) {
  .case .floor-info .small-txt small {
    line-height: 1.6;
    font-size: min(17.9px, 2.333767927vw);
  }
}
.case .link-btn {
  width: min(490px, 40.83vw);
  margin: 80px auto 0;
}
@media screen and (max-width: 768px) {
  .case .link-btn {
    margin-top: 40px;
    width: 87%;
  }
}
.case .link-btn a {
  display: block;
  line-height: min(72px, 6vw);
  background: #8c8361;
  color: #fff;
  text-align: center;
  font-size: min(26px, 2.16vw);
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .case .link-btn a {
    font-size: min(32px, 4.1720990874vw);
    line-height: min(95px, 12.3859191656vw);
  }
}
.case .living-area {
  margin-top: min(40px, 3.33vw);
}
@media screen and (max-width: 768px) {
  .case .living-area {
    width: 86.66vw;
    margin: 8vw auto 0;
  }
}
.case .living-area figcaption {
  text-align: right;
  margin-top: min(30px, 2.22vw);
}
@media screen and (max-width: 768px) {
  .case .living-area figcaption {
    margin-top: 1em;
    font-size: min(20px, 2.6075619296vw);
  }
}
.case .living-area .caption {
  width: 100%;
}