@charset "UTF-8";

.txtadd01{text-align: center;font-size: 18px;margin: 0 0 -20px;font-weight: bold;}
.txtadd02{text-align: center;font-size: 14px;margin: -20px 0 0;}

.mainv{position: relative;}
.mainv .absline{height: 40px;width: 1px;display: block;background:#FFF;position: absolute;bottom: 0;left: 50%;transform: translate(-50%, 0);z-index: 1;}
.mainv .mainv_grh{position: relative;}
.mainv .mainv_grh img{height: 100vh;object-fit: cover;}
.mainv_txt{position: absolute;z-index: 1;top: 30%;left: 0;transform: translate(0, -50%);width: 100%;}
.mainv h6{font-size: 50px;font-family: "Bebas Neue";font-weight: 400;font-style: normal;line-height: 0.9;letter-spacing: 0.04em;text-align: center;z-index: 1;margin: 0 0 30px 0;color: #007D5D}
.mainv h2{font-size: 24px;text-align: center;z-index: 1;line-height: 1.6;margin: 0 0 30px;font-weight: bold;}
.mainv h3{font-size: 16px;text-align: left;z-index: 1;line-height: 2.2;max-width: 600px;margin: 0 auto;}

.main_under{position: relative;padding: 100px 0 60px 0;background-image: url("../imgs/pla_bg01.jpg");background-size: cover;}
.main_under .absline{height: 40px;width: 1px;display: block;background:#007D5D;position: absolute;top: 0;left: 50%;transform: translate(-50%, 0);}
.main_under .absbg{position: absolute;top: 100px;right: 0;width: 50%;z-index: 0;}
.main_under h6{font-size: 50px;font-family: "Bebas Neue";font-weight: 400;font-style: normal;line-height: 0.9;letter-spacing: 0.04em;text-align: center;z-index: 1;color: #007D5D;margin: 0 0 30px 0;width: 100%;}
.main_under h2{font-size: 24px;text-align: center;z-index: 1;line-height: 1.6;margin: 0 0 30px;font-weight: bold;}
.main_under h3{font-size: 16px;text-align: left;z-index: 1;line-height: 2.2;max-width: 1020px;margin: 0 auto;}
.main_under h5{font-size: 22px;text-align: left;z-index: 1;line-height: 1.2;max-width: 1020px;margin: 30px auto 0 auto;border-bottom: 1px solid rgba(0,125,93,1.00);font-weight: bold;color: rgba(0,125,93,1.00);padding: 0 0 10px;}
.main_under_txt{width: 100%;margin:0 0 0;}
.main_under .sc_img{width: 40%;margin: 0 0 0 0;}

.main_under ul{max-width: 1020px;margin: 40px auto;display: flex;justify-content: center;flex-wrap: wrap;}
.main_under li{width: 48%;margin: 0 4% 35px 0;}
.main_under li:nth-child(2n){width: 48%;margin: 0 0 0 0;}
.main_under li:last-child{width: 48%;margin: 0 0 0 0;}
.main_under li a{width: 100%;display: block;display: block;box-sizing: border-box;border: 5px solid #007D5D;display: flex;justify-content: space-between;align-items:stretch;position: relative;transition: opacity 0.3s ease-in-out;box-shadow: 0px 0px 15px -5px #777777;}
.main_under li a::after{content: "";display: block;position: absolute;background-image: url("../imgs/obj_arrow.svg");width: 50px; height: 50px;right: 15px;top:10%;transition: right 0.3s ease-in-out;}
.main_under li a .abs_ttl{font-family: "Bebas Neue";width: 22%;background: #007D5D;color: #FFF;font-size: 24px;padding: 15px 0;text-align: center;letter-spacing: 0em;}
.main_under li a .abs_ttl span{font-size: 50px;font-weight: 400;font-style: normal;line-height: 1.2;letter-spacing: 0.04em;}
.main_under li a .abs_right{width: 78%;padding: 15px 20px 5px;background: linear-gradient(to right,  #ffffff 0%,#e6e6e6 100%);display: flex;flex-wrap: wrap;}
.main_under li a .abs_right .abs_type{font-size: 18px;font-family: "Bebas Neue";font-weight: 400;font-style: normal;line-height: 1.1;letter-spacing: 0.04em;margin: 0 0 10px;width: 85%;border-bottom: 1px solid #333;}
.main_under li a .abs_right .abs_type .big{font-size: 40px;}
.main_under li a .abs_right .abs_type .jp{font-size: 14px;font-weight: bold;}
.main_under li a .abs_right .abs_breadth{font-size: 12px;margin: 0 0 5px 0;letter-spacing: 0.01em;}
.main_under li a .abs_right .abs_breadth:last-child{font-size: 12px;margin: 0 0 5px 8px;}
.main_under li a .abs_right .abs_breadth span{font-size: 32px;font-family: "Bebas Neue";font-weight: 400;font-style: normal;line-height: 0.9;letter-spacing: 0.02em;}
.main_under li a:hover{opacity: 0.8;}
.main_under li a:hover::after{right: 10px}

.sc_img_caption{font-size: 12px;margin: 5px 0 0 0;text-align: right;}
.main_under .sc_img_caption{font-size: 12px;margin: 5px 0 0 0;text-align: right;color: #FFF;}

.sc01{padding: 60px 0 60px 0;}
.sc01 h6{font-size: 50px;font-family: "Bebas Neue";font-weight: 400;font-style: normal;line-height: 0.9;letter-spacing: 0.04em;text-align: center;z-index: 1;margin: 0 0 30px 0;color: #007D5D}
.sc01 h2{font-size: 24px;text-align: center;z-index: 1;line-height: 1.6;margin: 0 0 30px;font-weight: bold;}
.sc01 h3{font-size: 16px;text-align: left;z-index: 1;line-height: 2.2;max-width: 1020px;margin: 0 auto;}
.sc01 ul{max-width: 1280px;margin: 40px auto;display: flex;justify-content: flex-start;flex-wrap: wrap;padding: 0 40px;}
.sc01 li{width: 23%;margin:0 2.666% 30px 0;}
.sc01 li:nth-child(4n){width: 23%;margin:0 0 30px 0;}
.sc01 dt{background: #007D5D;padding: 6px 0;text-align: center;color: #FFF;font-weight: bold;font-size: 16px;margin: 0 0 7px 0;line-height: 1.5;}
.sc01 dd{font-size: 14px;line-height: 1.8;}
.sc01 .sc_img{position: relative;}

.jiban01_wrap{display: flex;justify-content: space-between;max-width: 1280px;margin: 40px auto 20px;flex-wrap: wrap;padding: 0 40px;}
.jiban01_inner01{width: 49%;margin: 0 0 40px 0;position: relative;}
.jiban01_inner02{width: 49%;margin: 0 0 40px 0;position: relative;}
.jiban01_inner03{width: 42%;margin: 0 0 40px 0;line-height: 1.8;font-size: 16px;line-height: 1.8;}
.jiban_caption{font-size: 12px;text-align: right;margin: 15px 0 0 0;}
.jiban01_inner04{width: 56%;margin: 0 0 40px 0;}
.jiban02_wrap{display: flex;justify-content: space-between;max-width: 1200px;margin: 0 auto;flex-wrap: wrap;padding: 40px;background: #E3E1D8;color: #402600;align-items: center;}
.jiban02_inner01{width: 20%;font-size: 16px;line-height: 1.8;font-weight: bold;}
.jiban02_inner02{width: 77.5%;border-left:1px solid #402600;padding-left: 2.5%;font-size: 16px;line-height: 1.8;}

.heimenzu_cap{position: absolute;bottom: 10px;right: 80px;font-size: 12px;}

.heimenzu{max-width: 1020px;margin: 0 auto;background: #FFF;padding: 0;position: relative;}
.heimenzu img{width: 100%;}
.heimenzu a{transition: opacity 0.3s ease-in-out;}
.heimenzu a:hover{opacity: 0.8;}
.heimenzu_23{position: absolute;width: 12.25%;top:8.3%;left:13%;}
.heimenzu_24{position: absolute;width: 8.5%;top:8.3%;left:25.4%;}
.heimenzu_25{position: absolute;width: 8.7%;top:8.3%;left:33.9%;}
.heimenzu_26{position: absolute;width: 8.75%;top:8.3%;left:42.7%;}
.heimenzu_27{position: absolute;width: 8.3%;top:8.3%;left:51.6%;}
.heimenzu_28{position: absolute;width: 8.75%;top:8.3%;left:60.6%;}
.heimenzu_58{position: absolute;width: 10.23%;top:57.95%;left:39.15%;}
.heimenzu_59{position: absolute;width: 10.75%;top:57.95%;left:28.18%;}
.heimenzu_60{position: absolute;width: 10.95%;top:72.1%;left:28.18%;}
.heimenzu_63{position: absolute;width: 10.2%;top:72.1%;left:59.18%;}

.heimenzu_55{position: absolute;width: 11.50%;top:57.95%;left:70.5%;}
.heimenzu_56{position: absolute;width: 10.3%;top:57.95%;left:60.0%;}
.heimenzu_57{position: absolute;width: 10.3%;top:57.95%;left:49.6%;}
.heimenzu_61{position: absolute;width: 10.2%;top:72.1%;left:39.0%;}
.heimenzu_62{position: absolute;width: 10.0%;top:72.1%;left:49.3%;}
.heimenzu_64{position: absolute;width: 10.1%;top:72.1%;left:69.6%;}

.heimenzu2{max-width: 1020px;margin: 0 auto;background: #FFF;padding: 0;position: relative;}
.heimenzu2 img{width: 100%;}
.heimenzu2 a{transition: opacity 0.3s ease-in-out;}
.heimenzu2 a:hover{opacity: 0.8;}
.heimenzu_9{position: absolute;width: 8.98%;top:77.8%;left:31.95%;}
.heimenzu_69{position: absolute;width: 8.9%;top:5.4%;left:29.3%;}
.heimenzu_112{position: absolute;width: 7.85%;top:21.5%;left:60%;}

.heimenzu3{max-width: 1020px;margin: 0 auto;background: #FFF;padding: 0;position: relative;}
.heimenzu3 img{width: 100%;}
.heimenzu3 a{transition: opacity 0.3s ease-in-out;}
.heimenzu3 a:hover{opacity: 0.8;}
.heimenzu3_29{position: absolute;width: 7.501%;top:6.7%;left:11.8%;}
.heimenzu3_30{position: absolute;width: 7.55%;top:6.7%;left:19.3%;}
.heimenzu3_31{position: absolute;width: 7.55%;top:6.7%;left:26.8%;}
.heimenzu3_32{position: absolute;width: 7.70%;top:6.7%;left:34.4%;}
.heimenzu3_33{position: absolute;width: 7.65%;top:6.7%;left:42.05%;}
.heimenzu3_34{position: absolute;width: 7.75%;top:6.7%;left:49.7%;}
.heimenzu3_35{position: absolute;width: 7.65%;top:6.7%;left:57.5%;}
.heimenzu3_36{position: absolute;width: 7.80%;top:6.7%;left:65.1%;}
.heimenzu3_37{position: absolute;width: 7.85%;top:6.7%;left:72.9%;}
.heimenzu3_38{position: absolute;width: 7.85%;top:6.7%;left:80.7%;}
.heimenzu3_70{position: absolute;width: 8.73%;top:38.9%;left:78.2%;}
.heimenzu3_71{position: absolute;width: 8.54%;top:38.9%;left:69.7%;}
.heimenzu3_72{position: absolute;width: 8.45%;top:38.9%;left:61.1%;}
.heimenzu3_73{position: absolute;width: 8.8%;top:38.9%;left:52.1%;}
.heimenzu3_74{position: absolute;width: 8.505%;top:38.9%;left:43.6%;}
.heimenzu3_75{position: absolute;width: 9.05%;top:38.9%;left:34.37%;}


/*間取り詳細*/
.contents_det{padding: 60px 0 60px 0 ;}
.detbox{max-width: 1020px;margin: 0 auto;justify-content: space-between;display: flex;flex-wrap:wrap;position: relative;}
.detbox_left{width: 37%;position: relative;}
.detbox_left .mark{position: absolute;display: block;padding: 5px 10px;border: 2px solid rgba(134,28,29,1.00);color: rgba(134,28,29,1.00);font-weight: bold;background: #FFF;right: 0;top:0;font-size: 18px;letter-spacing: 0.1em;line-height: 1.4}
.detbox_txt01{border-bottom: 3px solid #007D5D;font-family: "Bebas Neue";font-size: 36px;letter-spacing: 0.1em;margin: 0 0 20px 0;display: inline-block;color: #007D5D;}
.detbox_txt01 .big{font-size: 50px;font-weight: normal;}
.detbox_txt02{font-family: "Bebas Neue","Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP";font-size: 24px;letter-spacing: 0.1em;margin: 0 0 20px 0;line-height: 1.1;border-bottom: 1px solid #CCC;padding: 0 0 10px;}
.detbox_txt02 .jp{font-weight: bold;font-size: 16px;}
.detbox_txt02 .big{font-size: 40px;}
.detbox_txt03{font-size: 14px;letter-spacing: 0.1em;margin: 0 0 10px 0;line-height: 1.8;}
.detbox_txt03 .big{font-size: 28px;}
.detbox_right{width: 60%;border: 1px solid #CCC;box-sizing: border-box;}
.effect{background: #CCC;filter: invert(100%);}
.detbox dl{margin: 20px 0 0 0;line-height: 1.4;border-top: 1px solid #CCC;border-bottom: 1px solid #CCC;padding: 15px 0 5px;}
.detbox dt{margin: 0 0 10px 0;font-weight: bold;font-size: 16px;}
.detbox dd{margin: 0 0 10px 0;padding-left: 1.2em;text-indent: -1.2em;font-size: 14px;}
.detbox dd::before{content: "■";}
.detbox dd.detbox_cap_nobefore::before{content: "";}


.detbox_cap{font-size: 12px;margin: 10px 0 5px 0;line-height: 1}

.detbox_hanrei{display: flex;justify-content: flex-start;font-size: 14px;width: 100%;flex-wrap: wrap;margin: 20px 0 0 0;}
.detbox_hanrei01{display: block;width: 50px;height: 20px;background:#FCE3D2;margin: 0 0 20px;}
.detbox_hanrei02{margin: 0 20px 0 10px;}
.detbox_hanrei03{display: block;width: 50px;height: 20px;background:#EBC87E;margin: 0 0 0 20px;}
.detbox_hanrei04{margin: 0 20px 0 10px;}
.detbox_hanrei05{display: block;width: 50px;height: 20px;background:#E5EBF6;}
.detbox_hanrei06{margin: 0 0 0 10px;}
.det_btn a{display: block;max-width: 300px;background:#737067;padding: 15px;margin: 40px auto 0;text-align: center;color: #FFF;position: relative;transition: opacity 0.3s ease-in-out;}
.det_btn a::before{content: "";display: block;background-image: url("../imgs/pla_obj_back_w.svg");width: 8px;height: 24px;position: absolute;top: 50%;left: 5%;transform: translate(0, -50%);transition: left 0.3s ease-in-out;}
.det_btn a:hover{opacity: 0.8;}
.det_btn a:hover::before{left:3%;}

.det_heimenzu{margin: 20px 0 0 0;}
.det_heimenzu3{margin: 20px 0 0 0;}

.btn_back a{display: block;background: #007D5D;color: #FFF;padding: 15px;width: 300px;margin: 0 auto 0 auto;text-align: center;position: relative;font-size: 16px;transition: background 0.3s ease-in-out;}
.btn_back a:hover{background:rgba(0,125,93,0.80);}
.btn_back a::before{content: "<";position: absolute;left:13px;transform: scale(0.5,1);font-size: 24px;top:18%;line-height: 1.0;transition: left 0.3s ease-in-out;}
.btn_back a:hover::before{left:10px;}

.btn_pdf a{display: block;background: #007D5D;color: #FFF;padding: 15px;width: 300px;margin: 0 auto 0 auto;text-align: center;position: relative;font-size: 16px;transition: background 0.3s ease-in-out;}
.btn_pdf a:hover{background:rgba(0,125,93,0.80);}
.btn_pdf a::before{content: "";position: absolute;left:16px;top:25%;background-image: url("../../common/imgs/obj_pdf_w.png");width: 24px;height: 24px;background-size: cover;display: block;}

.btn_wrap{display: flex;max-width: 640px;justify-content: space-between;margin: 0 auto;}

.features{padding: 60px 0 60px 0;background-image: url("../imgs/pro_bg02.png");background-repeat: repeat;margin: 60px 0 40px;}
.features h2{font-size: 24px;text-align: center;z-index: 1;line-height: 1.6;margin: 0 0 30px;font-weight: bold;}
.features h3{font-size: 16px;text-align: left;z-index: 1;line-height: 2.2;max-width: 1020px;margin: 0 auto;}
.features ul{max-width: 1280px;margin: 0 auto 0;display: flex;justify-content: space-between;flex-wrap: wrap;padding: 0 40px;}
.features li{width: 48.5%;margin: 0 0 40px;}
.features li .sc01_img01{position: relative;}
.features dt{background: #007D5D;color: #FFF;padding: 10px 15px;font-size: 18px;font-weight: bold;}
.features dd{margin: 10px 0 0 0;line-height: 1.8;font-size: 16px;}
.features li .sc01_img02{float: left;width: 40%;margin: 0 3% 0 0;}


@media screen and (max-width: 1280px) {
.jiban02_wrap{display: flex;justify-content: space-between;max-width: 1200px;margin: 40px 40px;flex-wrap: wrap;padding: 40px;background: #E3E1D8;color: #402600;align-items: center;}
}


@media screen and (max-width: 768px) {

.txtadd01{text-align: center;font-size: 4vw;margin: 0 0 -20px;font-weight: bold;}
.txtadd02{text-align: center;font-size: 3vw;margin: -20px 0 0;}

.mainv{position: relative;}
.mainv .absline{height: 40px;width: 1px;display: block;background:#FFF;position: absolute;bottom: 0;left: 50%;transform: translate(-50%, 0);z-index: 1;}
.mainv .mainv_grh{position: relative;}
.mainv .mainv_grh img{height: auto;object-fit: cover;}
.mainv_txt{position: absolute;z-index: 1;}
.mainv h6{font-size: 9vw;font-family: "Bebas Neue";font-weight: 400;font-style: normal;line-height: 0.9;letter-spacing: 0.04em;text-align: center;z-index: 1;margin: 0 0 20px 0;}
.mainv h2{font-size: 4.2vw;text-align: center;z-index: 1;line-height: 1.6;margin: 0 0 20px;font-weight: bold;}
.mainv h3{font-size: 3vw;text-align: left;z-index: 1;line-height: 2.2;max-width: 1020px;margin: 0 10%;}

.main_under{position: relative;padding: 70px 0 40px 0;background-image: url("../imgs/pla_bg01.jpg");background-size: cover;}
.main_under_inner{top:0;left:0;z-index: 2;}
.main_under .absline{height: 40px;width: 1px;display: block;background:#007D5D;position: absolute;top: 0;left: 50%;transform: translate(-50%, 0);}
.main_under .absbg{position: absolute;top: 0;right: 0;width: 50%;z-index: 0;}
.main_under h6{font-size: 9vw;font-family: "Bebas Neue";font-weight: 400;font-style: normal;line-height: 0.9;letter-spacing: 0.04em;text-align: center;z-index: 1;margin: 0 0 20px 0;}
.main_under h2{font-size: 4.2vw;text-align: center;z-index: 1;line-height: 1.6;margin: 0 0 30px;}
.main_under h5{font-size: 3.5vw;text-align: left;z-index: 1;line-height: 1.2;max-width: 1020px;margin: 20px 5% 0 5%;border-bottom: 1px solid rgba(0,125,93,1.00);font-weight: bold;color: rgba(0,125,93,1.00);}
.main_under h3{font-size: 3vw;text-align: left;z-index: 1;line-height: 2;max-width: 1020px;margin: 0 10%;}
.main_under_txt{width: 100%;margin:0 0 0;}
.main_under .sc_img{width: 40%;margin: 0 0 0 0;}
.main_under ul{max-width: 1020px;margin: 30px 10%;display: flex;justify-content: center;flex-wrap: wrap;}
.main_under li{width: 100%;margin: 0 0 20px 0;}
.main_under li:nth-child(2n){width: 100%;margin: 0 0 20px 0;}
.main_under li:last-child{width: 100%;margin: 0 0 0 0;}
.main_under li a{width: 100%;display: block;display: block;box-sizing: border-box;border: 5px solid #007D5D;display: flex;justify-content: space-between;align-items:stretch;position: relative;transition: opacity 0.3s ease-in-out;box-shadow: 0px 0px 15px -5px #777777;}
.main_under li a::after{content: "";display: block;position: absolute;background-image: url("../imgs/obj_arrow.svg");width: 10%; height: 50%;right: 3%;top:30%;transition: right 0.3s ease-in-out;background-size: 100%;}
.main_under li a .abs_ttl{width: 27%;background: #007D5D;color: #FFF;font-size: 3vw;padding: 12% 0;text-align: center;letter-spacing: 0em;}
.main_under li a .abs_ttl span{font-size: 8vw;font-family: "Bebas Neue";font-weight: 400;font-style: normal;line-height: 0.9;letter-spacing: 0.04em;}
.main_under li a .abs_right{width: 73%;padding: 15px 4% 15px;background: linear-gradient(to right,  #ffffff 0%,#e6e6e6 100%);}
.main_under li a .abs_right .abs_type{font-size: 4.5vw;font-family: "Bebas Neue";font-weight: 400;font-style: normal;line-height: 0.9;letter-spacing: 0.04em;margin: 0 0 7px}
.main_under li a .abs_right .abs_type .big{font-size: 6vw;}
.main_under li a .abs_right .abs_type .jp{font-size: 3vw;}
.main_under li a .abs_right .abs_breadth{font-size: 2.6vw;}
.main_under li a .abs_right .abs_breadth span{font-size: 7vw;font-family: "Bebas Neue";font-weight: 400;font-style: normal;line-height: 0.9;letter-spacing: 0.04em;}
.main_under li a:hover{opacity: 0.8;}
.main_under li a:hover::after{right: 10px}

.sc01{padding: 40px 0;}
.sc01 h6{font-size: 9vw;font-family: "Bebas Neue";font-weight: 400;font-style: normal;line-height: 0.9;letter-spacing: 0.04em;text-align: center;z-index: 1;margin: 0 0 30px 0;color: #007D5D}
.sc01 h2{font-size: 4.5vw;text-align: center;z-index: 1;line-height: 1.6;margin: 0 0 30px;font-weight: bold;}
.sc01 h3{font-size: 3vw;text-align: left;z-index: 1;line-height: 2.2;max-width: 1020px;margin: 0 auto;}
.sc01 ul{max-width: 1280px;margin: 30px 7% 0;display: flex;justify-content: flex-start;flex-wrap: wrap;padding: 0;}
.sc01 li{width: 48%;margin:0 4% 20px 0;}
.sc01 li:nth-child(4n){width: 48%;margin:0 0 20px 0;}
.sc01 li:nth-child(2n){width: 48%;margin:0 0 20px 0;}
.sc01 dt{background: #007D5D;padding: 6px 0;text-align: center;color: #FFF;font-weight: bold;font-size: 3vw;margin: 0 0 5px 0;letter-spacing: 0em;}
.sc01 dd{font-size: 2.6vw;line-height: 1.8;}
.sc01 .sc_img{position: relative;}

.sc01{padding: 40px 0 40px 0;}
.sc01 h2{font-size: 4.2vw;text-align: center;z-index: 1;line-height: 1.6;margin: 0 0 30px;font-weight: bold;}
.sc01 h3{font-size: 3vw;text-align: left;z-index: 1;line-height: 2.2;max-width: 1020px;margin: 0 10%;}

.jiban01_wrap{display: flex;justify-content: space-between;max-width: 1280px;margin: 40px auto 20px;flex-wrap: wrap;padding: 0 40px;}
.jiban01_inner01{width: 49%;margin: 0 0 20px 0;position: relative;}
.jiban01_inner02{width: 49%;margin: 0 0 20px 0;position: relative;}
.jiban01_inner03{width: 100%;margin: 0 0 30px 0;line-height: 1.8;font-size: 3vw;line-height: 1.8;}
.jiban_caption{font-size: 10px;text-align: right;margin: 5px 0 0 0;}
.jiban01_inner04{width: 100%;margin: 0 0 20px 0;}
.jiban02_wrap{display: flex;justify-content: space-between;max-width: 1200px;margin: 0 8%;flex-wrap: wrap;padding: 20px 5%;background: #E3E1D8;color: #402600;align-items: center;}
.jiban02_inner01{width: 100%;font-size: 3vw;line-height: 1.8;font-weight: bold;padding: 0 0 8px 0;}
.jiban02_inner02{width: 100%;border-left:none;border-top:1px solid #402600;padding-left: 0;font-size: 3vw;line-height: 1.8;padding: 8px 0 0 0;}



.heimenzu{max-width: 1020px;margin: 0 2%;background: #FFF;padding: 1% 0;position: relative;}
.heimenzu img{width: 100%;}
.heimenzu a{transition: opacity 0.3s ease-in-out;}
.heimenzu a:hover{opacity: 0.8;}
.heimenzu_26{position: absolute;width: 8.75%;top:9%;left:42.7%;}
.heimenzu_27{position: absolute;width: 8.3%;top:9%;left:51.6%;}



.heimenzu2{max-width: 1020px;margin: 0 2%;background: #FFF;padding: 1% 0;position: relative;}
.heimenzu2 img{width: 100%;}
.heimenzu2 a{transition: opacity 0.3s ease-in-out;}
.heimenzu2 a:hover{opacity: 0.8;}
.heimenzu_9{position: absolute;width: 10.6%;top:77.4%;left:28.4%;}
.heimenzu_69{position: absolute;width: 10.8%;top:6.1%;left:25.2%;}
.heimenzu_112{position: absolute;width: 9.45%;top:22%;left:62.0%;}

/*間取り詳細*/
.contents_det{padding: 50px 0 20px 0 ;}
.detbox{max-width: 1020px;margin: 10px 5%;justify-content: space-between;display: flex;flex-wrap:wrap;position: relative;}
.detbox_left{width: 100%;position: relative;margin: 0 0 10px;}
.detbox_left .mark{position: absolute;display: block;padding: 5px 10px;border: 2px solid rgba(134,28,29,1.00);color: rgba(134,28,29,1.00);font-weight: bold;background: #FFF;right: 0;top:0;font-size: 18px;letter-spacing: 0.1em;line-height: 1.4}
.detbox_txt01{border-bottom: 3px solid #007D5D;font-family: "Bebas Neue";font-size: 8vw;letter-spacing: 0.1em;margin: 0 0 10px 0;display: inline-block;color: #007D5D;}
.detbox_txt01 .big{font-size: 12vw;}
.detbox_txt02{font-family: "Bebas Neue","Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP";font-size: 5vw;letter-spacing: 0.1em;margin: 10px 0 10px 0;line-height: 1.1;}
.detbox_txt02 .jp{font-weight: bold;font-size: 3.5vw;}
.detbox_txt02 .big{font-size: 10vw;}
.detbox_txt03{font-size: 3vw;letter-spacing: 0.1em;margin: 0 0 10px 0;line-height: 1.6;}
.detbox_txt03 .big{font-size: 6vw;}
.detbox_right{width: 100%;border: 1px solid #CCC;box-sizing: border-box;}
.effect{background: #CCC;filter: invert(100%);}
.detbox dl{margin: 20px 0 0 0;line-height: 1.4;border-top: 1px solid #CCC;border-bottom: none;padding: 15px 0 5px;width: 60%;}
.detbox dt{margin: 0 0 10px 0;font-weight: bold;font-size: 3vw;}
.detbox dd{margin: 0 0 10px 0;padding-left: 1.2em;text-indent: -1.2em;font-size: 12px;}
.detbox dd::before{content: "■";}

.detbox_cap{font-size: 10px;margin: 5px 0 5px 0;line-height: 1.4}

.detbox_hanrei{display: flex;justify-content: flex-start;font-size: 10px;width: 100%;position: static;bottom: 0;left:0;flex-wrap: wrap;margin: 20px 0 0 0;}
.detbox_hanrei01{display: block;width: 15%;height: 16px;background:#FCE3D2;margin: 0 0 10px;}
.detbox_hanrei02{margin: 3px 0 0 3%;width: 32%;}
.detbox_hanrei03{display: block;width: 15%;height: 16px;background:#EBC87E;margin: 0 0 10px;}
.detbox_hanrei04{margin: 3px 0 0 3%;width: 32%}
.detbox_hanrei05{display: block;width: 15%;height: 16px;background:#E5EBF6;}
.detbox_hanrei06{margin: 3px 0 0 3%;width: 32%}
.det_btn a{display: block;max-width: 300px;background:#737067;padding: 15px;margin: 40px auto 0;text-align: center;color: #FFF;position: relative;transition: opacity 0.3s ease-in-out;}
.det_btn a::before{content: "";display: block;background-image: url("../imgs/pla_obj_back_w.svg");width: 8px;height: 24px;position: absolute;top: 50%;left: 5%;transform: translate(0, -50%);transition: left 0.3s ease-in-out;}
.det_btn a:hover{opacity: 0.8;}
.det_btn a:hover::before{left:3%;}

.det_heimenzu{margin: -45% 0 0 auto;width: 38%;}
.det_heimenzu3{margin: -45% 0 25% auto;width: 38%;}

.btn_back{width: 100%;margin: 0 0 10px 0;}
.btn_back a{display: block;background: #007D5D;color: #FFF;padding: 15px;width: 100%;margin: 0 auto 0 auto;text-align: center;position: relative;font-size: 4vw;transition: background 0.3s ease-in-out;}
.btn_back a:hover{background:rgba(0,125,93,0.80);}
.btn_back a::before{content: "<";position: absolute;left:13px;transform: scale(0.5,1);font-size: 24px;top:18%;line-height: 1.0;transition: left 0.3s ease-in-out;}
.btn_back a:hover::before{left:10px;}

.btn_pdf{width: 100%;margin: 0 0 0 0;}
.btn_pdf a{display: block;background: #007D5D;color: #FFF;padding: 15px;width: 100%;;margin: 0 auto 0 auto;text-align: center;position: relative;font-size: 16px;transition: background 0.3s ease-in-out;}
.btn_pdf a:hover{background:rgba(0,125,93,0.80);}
.btn_pdf a::before{content: "";position: absolute;left:16px;top:25%;background-image: url("../../common/imgs/obj_pdf_w.png");width: 24px;height: 24px;background-size: cover;display: block;}

.btn_wrap{display: flex;max-width: auto;width: 80%; justify-content: space-between;margin: 0 auto;flex-wrap: wrap;}

.features{padding: 20px 0 20px 0;background-image: url("../imgs/pro_bg02.png");background-repeat: repeat;margin: 40px 0;}
.features h2{font-size: 4.2vw;text-align: center;z-index: 1;line-height: 1.6;margin: 0 0 30px;font-weight: bold;}
.features h3{font-size: 3vw;text-align: left;z-index: 1;line-height: 2.2;max-width: 1020px;margin: 0 10%;}
.features ul{max-width: 1280px;margin: 20px 10% 0;display: flex;justify-content: space-between;flex-wrap: wrap;padding: 0;}
.features li{width: 100%;margin: 0 0 20px;}
.features li .sc01_img01{position: relative;}
.features dt{background: #007D5D;color: #FFF;padding: 10px 15px;font-size: 3.5vw;font-weight: bold;}
.features dd{margin: 10px 0 0 0;line-height: 1.8;font-size: 3vw;}
.features li .sc01_img02{float: left;width: 48.5%;margin: 0 3% 0 0;}


}