@charset "UTF-8";
/*数値の設定
------------------------------------------*/
/*上記数値の設定を呼び出しているmixin
------------------------------------------*/
/*
よく使用するmixin
------------------------------------------*/
@import url("https://fonts.googleapis.com/css2?family=Libre+Bodoni:ital,wght@0,400..700;1,400..700&display=swap");
main .inner { max-width: 1430px; }
@media only screen and (min-width: 768px) { main p { font-size: 18px; } }
main .anno { font-size: 11px !important; }

.en2 { font-family: "Libre Bodoni", serif; }

.jost { font-family: "Jost", sans-serif; font-style: normal; }

#two_ldk_mv { padding: 220px 0 70px; background-image: url(../img/pages/2ldk/2ldk_bk01.png); background-position: center top; background-repeat: no-repeat; background-size: 100vw; background-color: #fff; }
#two_ldk_mv .two_ldk_mv_title { text-align: center; margin: 0 0 100px; }
#two_ldk_mv .two_ldk_mv_title .en { font-size: 70px; line-height: 1.2; letter-spacing: 10px; color: #9e8c66; text-align: center; }
#two_ldk_mv .two_ldk_mv_title h2 { font-size: 40px; letter-spacing: 10px; margin: 50px 0; }
@media only screen and (max-width: 991px) { #two_ldk_mv { padding: 180px 0 200px; background-size: 100vw; }
  #two_ldk_mv .two_ldk_mv_title .en { font-size: 40px; letter-spacing: 5px; }
  #two_ldk_mv .two_ldk_mv_title h2 { font-size: 30px; letter-spacing: 5px; } }
@media only screen and (max-width: 767px) { #two_ldk_mv { padding: 100px 0; background-image: url(../img/pages/2ldk/2ldk_bk02.png); }
  #two_ldk_mv .two_ldk_mv_title { margin: 0 auto; }
  #two_ldk_mv .two_ldk_mv_title .en { font-size: 22px; letter-spacing: 3px; }
  #two_ldk_mv .two_ldk_mv_title h2 { font-size: 20px; letter-spacing: 0; margin: 25px 0; } }

#reason_area { padding: 170px 0; text-align: center; background: #fff; }
@media only screen and (max-width: 767px) { #reason_area { padding: 40px 0; } }
#reason_area .reason_title { margin-bottom: 100px; }
@media only screen and (max-width: 767px) { #reason_area .reason_title { margin-bottom: 20px; } }
#reason_area .reason_wrap { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; max-width: 1340px; margin: 0 auto; }
@media only screen and (max-width: 767px) { #reason_area .reason_wrap { width: 80%; } }
#reason_area .reason_wrap .reason_box { width: 30%; display: flex; align-items: center; }
@media only screen and (max-width: 767px) { #reason_area .reason_wrap .reason_box { width: 100%; margin-bottom: 20px; } }
@media only screen and (max-width: 767px) { #reason_area .reason_wrap .reason_box figure { width: 66px; } }
#reason_area .reason_wrap .reason_box p { text-align: left; line-height: 2; padding-left: 30px; }
@media only screen and (max-width: 767px) { #reason_area .reason_wrap .reason_box p { font-size: 14px; } }
@media only screen and (max-width: 767px) { #reason_area .reason_wrap .reason_box:last-child { margin-bottom: 0; } }

#demand_area { padding: 150px 0; margin: 0 auto; text-align: center; background: #f8f7f4; }
@media only screen and (max-width: 767px) { #demand_area { padding: 40px 0; } }
#demand_area .demand_title { margin-bottom: 100px; position: relative; }
@media only screen and (max-width: 767px) { #demand_area .demand_title { margin-bottom: 30px; } }
#demand_area .demand_title .demand_num { position: absolute; top: 0; left: -110px; font-family: "Jost", sans-serif; font-size: clamp(70px, 12vw, 220px); font-weight: 100; line-height: .7; color: #d1c9b1; }
@media only screen and (max-width: 767px) { #demand_area .demand_title .demand_num { position: relative; top: inherit; left: inherit; font-weight: 200; text-align: center; margin-bottom: 20px; } }
#demand_area .demand_title h2 { font-size: 36px; letter-spacing: 1.3rem; margin-bottom: 30px; }
@media only screen and (max-width: 767px) { #demand_area .demand_title h2 { font-size: 20px; letter-spacing: 0.5rem; margin-bottom: 20px; } }
#demand_area .demand_title p { background: #fff; padding: 10px 5px; margin: 0 auto; border: 1px solid #cccccc; max-width: 980px; }
@media only screen and (max-width: 767px) { #demand_area .demand_title p { text-align: center; font-size: 16px; padding: 25px; margin: 0 auto 40px; line-height: 2; } }
#demand_area .demand_title p span { color: #993d5c; background-color: #fcee21; }
#demand_area .slideBox { display: none; }
@media only screen and (max-width: 767px) { #demand_area .slideBox { display: block; padding: 0; margin-bottom: 0px; background: initial; } }
#demand_area .demand_contents01 { padding: 70px; background: #fff; }
@media only screen and (max-width: 767px) { #demand_area .demand_contents01 { padding: 40px 15px; } }
#demand_area .demand_contents01_blue { background: #e8f2f3; text-align: center; margin-top: 20px; }
#demand_area .demand_contents01_blue p { font-size: 24px; font-weight: 600; font-family: 'Noto Sans JP', sans-serif; }
#demand_area .demand_contents01_blue span { display: inline-block; color: #993d5c; }
#demand_area .demand_wrap { margin-top: 150px; }
@media only screen and (max-width: 767px) { #demand_area .demand_wrap { margin-top: 50px; } }
#demand_area .demand_wrap h2 { font-size: 36px; letter-spacing: 1.3rem; margin-bottom: 40px; }
@media only screen and (max-width: 767px) { #demand_area .demand_wrap h2 { font-size: 20px; letter-spacing: 0.5rem; margin-bottom: 20px; } }
#demand_area .demand_wrap .demand_box { display: flex; justify-content: space-between; flex-wrap: wrap; }
#demand_area .demand_wrap .demand_box .demand_box_left { width: 72.8%; padding-right: 5%; }
@media only screen and (max-width: 767px) { #demand_area .demand_wrap .demand_box .demand_box_left { width: 100%; padding-right: 0; } }
#demand_area .demand_wrap .demand_box .demand_box_right { width: 27.2%; text-align: left; /*img {width: 70%; margin-bottom: 5px;
	@include smp {width: 100%; margin-bottom: 0;}
}*/ }
@media only screen and (max-width: 767px) { #demand_area .demand_wrap .demand_box .demand_box_right { width: 100%; } }
#demand_area .demand_wrap .demand_box .demand_box_right figure { margin-bottom: 10px; }
#demand_area .demand_wrap .demand_box .demand_box_right p { letter-spacing: 0.2em; }
@media only screen and (max-width: 767px) { #demand_area .demand_wrap .demand_box .demand_box_right p { font-size: 16px; line-height: 2; letter-spacing: 0.5rem; } }
#demand_area .demand_wrap .demand_box .demand_box_right p:first-child { margin-bottom: 20px; }
@media only screen and (max-width: 767px) { #demand_area .demand_wrap .demand_box .demand_box_right p:first-child { font-size: 14px; margin-top: 30px; } }
#demand_area .demand_wrap .demand_box .demand_box_right p span { display: inline-block; line-height: 1; color: #993d5c; background-color: #fcee21; }

#life_area { padding: 150px 0; margin: 0 auto; text-align: center; background: #f4f8f9; }
@media only screen and (max-width: 767px) { #life_area { padding: 40px 0; } }
#life_area .life_title { margin-bottom: 100px; position: relative; }
@media only screen and (max-width: 767px) { #life_area .life_title { margin-bottom: 30px; } }
#life_area .life_title .life_num { position: absolute; top: 0; left: -110px; font-family: "Jost", sans-serif; font-size: clamp(70px, 12vw, 220px); font-weight: 100; line-height: .7; color: #bbd7db; }
@media only screen and (max-width: 767px) { #life_area .life_title .life_num { position: relative; top: inherit; left: inherit; font-weight: 200; text-align: center; margin-bottom: 20px; } }
#life_area .life_title h2 { font-size: 36px; letter-spacing: 1.3rem; margin-bottom: 30px; }
@media only screen and (max-width: 767px) { #life_area .life_title h2 { font-size: 20px; letter-spacing: 0.5rem; margin-bottom: 20px; } }
@media only screen and (max-width: 767px) { #life_area .life_title p { line-height: 2; letter-spacing: 0.5rem; margin-bottom: 30px; } }
#life_area .life_tabs { width: 100%; margin: 0 auto; }
@media only screen and (max-width: 767px) { #life_area .life_tabs { padding: 0; } }
#life_area .life_tabs .tab-buttons { margin: 0 auto; display: flex; justify-content: center; flex-wrap: wrap; }
#life_area .life_tabs .tab-buttons .tab { font-size: clamp(18px, 1.8vw, 24px); font-family: "Jost", sans-serif; color: #9bc5ca; text-align: center; max-width: 350px; width: 50%; padding: 16px 10px; background-color: #d2e5e7; cursor: pointer; position: relative; }
#life_area .life_tabs .tab-buttons .tab.active { background-color: #fff; color: #1c7b87; }
#life_area .life_tabs .tab-buttons .tab.active:before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 60%; height: 2px; background: #1c7b87; }
#life_area .life_tabs .tab-contents .content { display: none; }
#life_area .life_tabs .tab-contents .content.active { display: block; }
#life_area .life_tabs .tab-contents .life_wrap01 { padding: 100px; display: flex; justify-content: space-between; flex-wrap: wrap; background: #fff; }
@media only screen and (max-width: 767px) { #life_area .life_tabs .tab-contents .life_wrap01 { padding: 40px 20px; } }
#life_area .life_tabs .tab-contents .life_wrap01 .life_wrap01_left { width: 49%; /*p {
	@include smp {line-height: 2; letter-spacing: 0.5rem; margin-bottom: 20px;}
}*/ }
@media only screen and (max-width: 767px) { #life_area .life_tabs .tab-contents .life_wrap01 .life_wrap01_left { width: 100%; margin-bottom: 30px; } }
#life_area .life_tabs .tab-contents .life_wrap01 .life_wrap01_right { width: 48%; }
@media only screen and (max-width: 767px) { #life_area .life_tabs .tab-contents .life_wrap01 .life_wrap01_right { width: 100%; } }
#life_area .life_tabs .tab-contents .life_wrap01 .life_wrap01_right img { width: 100%; }
#life_area .life_tabs .tab-contents .life_wrap01 .life_wrap01_right h3 { font-family: "Jost", sans-serif; color: #666; font-weight: 200; font-size: 38px; margin-bottom: 35px; display: flex; justify-content: center; align-items: center; }
@media only screen and (max-width: 767px) { #life_area .life_tabs .tab-contents .life_wrap01 .life_wrap01_right h3 { font-size: 24px; margin-bottom: 20px; } }
#life_area .life_tabs .tab-contents .life_wrap01 .life_wrap01_right h3::before, #life_area .life_tabs .tab-contents .life_wrap01 .life_wrap01_right h3::after { background-color: #ccc; content: ""; height: 1px; flex-grow: 1; }
#life_area .life_tabs .tab-contents .life_wrap01 .life_wrap01_right h3::before { margin-right: 15px; }
#life_area .life_tabs .tab-contents .life_wrap01 .life_wrap01_right h3::after { margin-left: 15px; }
#life_area .life_tabs .tab-contents .life_wrap01 .life_wrap01_right .lifew01_right_box { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; text-align: left; margin-bottom: 40px; }
#life_area .life_tabs .tab-contents .life_wrap01 .life_wrap01_right .lifew01_right_box figure { width: 50%; }
@media only screen and (max-width: 767px) { #life_area .life_tabs .tab-contents .life_wrap01 .life_wrap01_right .lifew01_right_box figure { width: 100%; } }
#life_area .life_tabs .tab-contents .life_wrap01 .life_wrap01_right .lifew01_right_box .lifew01_right_txt { width: 50%; padding-left: 2vw; }
@media only screen and (max-width: 767px) { #life_area .life_tabs .tab-contents .life_wrap01 .life_wrap01_right .lifew01_right_box .lifew01_right_txt { width: 100%; padding-left: 0; margin-top: 20px; } }
#life_area .life_tabs .tab-contents .life_wrap01 .life_wrap01_right .lifew01_right_box .lifew01_right_txt h4 { color: #1c7b87; font-size: clamp(16px, 1.8vw, 20px); letter-spacing: 0.3rem; display: flex; align-items: center; margin-bottom: clamp(10px, 1.8vw, 20px); }
#life_area .life_tabs .tab-contents .life_wrap01 .life_wrap01_right .lifew01_right_box .lifew01_right_txt h4 span { font-family: "Jost", sans-serif; font-size: 50px; font-weight: 300; line-height: 1; margin-right: 15px; }
@media only screen and (max-width: 767px) { #life_area .life_tabs .tab-contents .life_wrap01 .life_wrap01_right .lifew01_right_box .lifew01_right_txt h4 span { font-size: 32px; } }
#life_area .life_tabs .tab-contents .life_wrap01 .life_wrap01_right .lifew01_right_box .lifew01_right_txt p { font-size: clamp(14px, 1.1vw, 15px); line-height: 2; }
@media only screen and (max-width: 767px) { #life_area .life_tabs .tab-contents .life_wrap01 .life_wrap01_right .lifew01_right_box .lifew01_right_txt p { letter-spacing: 0.5rem; } }
#life_area .life_tabs .tab-contents .life_wrap01 .life_wrap01_right .lifew01_right_box:last-child { margin-bottom: 0; }
#life_area .life_tabs .tab-contents .life_wrap01 .life_planSpec { margin-bottom: 30px; }
#life_area .life_tabs .tab-contents .life_wrap01 .life_planSpec .spec01 { font-size: clamp(20px, 2vw, 28px); }
#life_area .life_tabs .tab-contents .life_wrap01 .life_planSpec .spec01 b { font-size: 200%; line-height: 1; }
#life_area .life_tabs .tab-contents .life_wrap01 .life_planSpec .spec02 { font-size: clamp(18px, 1.8vw, 24px); }

#change_area { padding: 150px 0; margin: 0 auto; text-align: center; background: #f4f9fc; }
@media only screen and (max-width: 767px) { #change_area { padding: 40px 0; } }
#change_area .change_title { margin-bottom: 100px; position: relative; }
@media only screen and (max-width: 767px) { #change_area .change_title { margin-bottom: 30px; } }
#change_area .change_title .change_num { position: absolute; top: 0; left: -110px; font-family: "Jost", sans-serif; font-size: clamp(70px, 12vw, 220px); font-weight: 100; line-height: .7; color: #c0dcf0; }
@media only screen and (max-width: 767px) { #change_area .change_title .change_num { position: relative; top: inherit; left: inherit; font-weight: 200; text-align: center; margin-bottom: 20px; } }
#change_area .change_title h2 { font-size: 36px; letter-spacing: 1.3rem; margin-bottom: 30px; }
@media only screen and (max-width: 767px) { #change_area .change_title h2 { font-size: 20px; letter-spacing: 0.5rem; margin-bottom: 20px; } }
#change_area .change_title p { background: #fff; padding: 10px 5px; margin: 0 auto; border: 1px solid #cccccc; max-width: 980px; }
@media only screen and (max-width: 767px) { #change_area .change_title p { text-align: center; font-size: 16px; padding: 25px; margin: 0 auto 30px; line-height: 2; } }
#change_area .change_title p span { color: #993d5c; background-color: #fcee21; }
@media only screen and (max-width: 767px) { #change_area .slideBox { background: none; margin-bottom: 40px; } }
@media only screen and (max-width: 767px) { #change_area .slideBox .slideimg { max-width: 1000px !important; } }
#change_area .change_tabs { width: 100%; margin: 0 auto; }
#change_area .change_tabs .tab-buttons2 { margin: 0 auto; display: flex; justify-content: center; flex-wrap: wrap; }
#change_area .change_tabs .tab-buttons2 .tab02 { font-size: clamp(18px, 1.8vw, 24px); font-family: "Jost", sans-serif; color: #96c5e6; text-align: center; max-width: 350px; width: 50%; padding: 16px 10px; background-color: #d5e8f5; cursor: pointer; position: relative; }
#change_area .change_tabs .tab-buttons2 .tab02.active { background-color: #fff; color: #2d8bcd; }
#change_area .change_tabs .tab-buttons2 .tab02.active:before { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 60%; height: 2px; background: #2d8bcd; }
#change_area .change_tabs .tab-contents2 .content2 { display: none; }
#change_area .change_tabs .tab-contents2 .content2.active { display: block; }
#change_area .change_tabs .tab-contents2 .change_wrap01 { background: #fff; padding: 70px 100px; }
@media only screen and (max-width: 767px) { #change_area .change_tabs .tab-contents2 .change_wrap01 { padding: 40px 20px; } }
@media only screen and (max-width: 767px) { #change_area .change_tabs .tab-contents2 .change_wrap01 > p { font-size: 14px; line-height: 2; text-align: center; } }
#change_area .change_tabs .tab-contents2 .change_wrap01 .change_wrap01_img { margin: 40px 0; /*p {display: none; text-align: center;
	@include smp {display: block; line-height: 2; letter-spacing: 0.5rem; margin-bottom: 30px;}
}*/ }
#change_area .change_tabs .tab-contents2 .change_wrap01 .change_wrap01_txt { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }
#change_area .change_tabs .tab-contents2 .change_wrap01 .change_wrap01_txt h3 { width: 15%; background: #993d5c; color: #fff; font-size: 50px; font-family: "Jost", sans-serif; font-weight: 200; line-height: 1; padding: 14px 0; }
@media only screen and (max-width: 767px) { #change_area .change_tabs .tab-contents2 .change_wrap01 .change_wrap01_txt h3 { width: 100%; padding: 0; font-size: 24px; margin-bottom: 15px; } }
#change_area .change_tabs .tab-contents2 .change_wrap01 .change_wrap01_txt p { width: 85%; padding-left: 3%; text-align: left; color: #993d5c; line-height: 1.8; font-weight: 600; font-family: "sans-serif"; }
@media only screen and (max-width: 767px) { #change_area .change_tabs .tab-contents2 .change_wrap01 .change_wrap01_txt p { width: 100%; } }

/*.tab {text-align:center; width: 40%; padding: 10px; background-color: #d2e5e7;
				color: #9bc5ca; font-family: "sans-serif"; font-size: 20px; cursor: pointer;}
.tab.active {background-color: #fff; color: #1c7b87;}
.tab_content {display: none;}
.tab_content.show {display: block;}*/
/* 画像横スクロール */
.swipeIcon { display: none; }

.slideBox { margin-bottom: 150px; }

@media screen and (max-width: 640px) { .slideBox { position: relative; overflow-x: auto; padding-bottom: 15px; }
  .slideimg { max-width: 160vw !important; width: auto !important; }
  .swipeIcon { display: block; position: absolute; top: 50%; left: 150px; z-index: 10; width: 100px; animation: horizontal 1s ease-in-out infinite alternate; }
  .swipeIcon img { max-width: 80px; } }
@keyframes horizontal { 0% { transform: translate(-30%, -50%); }
  100% { transform: translate(-70%, -50%); } }
.hanrei { margin-top: 15px; }
.hanrei p { font-size: 12px; }
.hanrei .pa_01::before { content: url("../img/pages/roomplan/icon01.png"); vertical-align: middle; padding-right: 5px; }
.hanrei .pa_02::before { content: url("../img/pages/roomplan/icon02.png"); vertical-align: middle; padding-right: 5px; }
.hanrei .pa_03::before { content: url("../img/pages/roomplan/icon03.png"); vertical-align: middle; padding-right: 5px; }
.hanrei .pa_04::before { content: url("../img/pages/roomplan/icon04.png"); vertical-align: middle; padding-right: 5px; }